/* Purged with tools/purge-css.py. The unpurged original is css-style.css.full */
#qualification > .container > .position-relative.d-flex.align-items-center.justify-content-center,
#skill > .container > .position-relative.d-flex.align-items-center.justify-content-center,
#portfolio > .container > .position-relative.d-flex.align-items-center.justify-content-center,
#certification > .container > .position-relative.d-flex.align-items-center.justify-content-center,
#service > .container > .position-relative.d-flex.align-items-center.justify-content-center,
#testimonial > .container > .position-relative.d-flex.align-items-center.justify-content-center,
#contact > .container > .position-relative.d-flex.align-items-center.justify-content-center{
  margin-top: 64px;
}

@media (max-width: 992px) {#qualification > .container > .position-relative.d-flex.align-items-center.justify-content-center,
  #skill > .container > .position-relative.d-flex.align-items-center.justify-content-center,
  #portfolio > .container > .position-relative.d-flex.align-items-center.justify-content-center,
  #certification > .container > .position-relative.d-flex.align-items-center.justify-content-center,
  #service > .container > .position-relative.d-flex.align-items-center.justify-content-center,
  #testimonial > .container > .position-relative.d-flex.align-items-center.justify-content-center,
  #contact > .container > .position-relative.d-flex.align-items-center.justify-content-center{
    margin-top: 80px;
  }}html{
    -webkit-user-select: none;
    
    -ms-user-select: none;
    
    user-select: none;
    
}body::-webkit-scrollbar{
    display: none;
}body{
    -ms-overflow-style: none;
    
    scrollbar-width: none;
    
}.text-bg{
    
    background-image: linear-gradient(100deg,
            #141a30 0%,
            #17203c 30%,
            #1d2c5e 43%,
            #2f57d0 50%,
            #1b2a5c 57%,
            #161d36 72%,
            #10162a 100%);
    background-size: 200% 100%;
    background-position: 49% 50%;
    background-repeat: repeat;
    animation: text-bg-aurora 5s ease-in-out infinite;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-stroke: 0.8px rgb(47, 47, 47);
    width: auto;
}


@keyframes text-bg-aurora {
    0%, 100% {
        background-position: 49% 50%;
    }

    50% {
        background-position: 73% 50%;
    }
}.interest-icon{
    transition: transform .2s;
}.interest-icon:hover{
    transform: scale(1.5);
}.loader{
    position: fixed;
    z-index: 1040;
    transition: opacity 0.45s ease;
    top: 0;
    left: 0;
    width: 100dvw;
    height: 100dvh;
    background: rgb(0, 0, 0);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}.loader.is-hidden{
    opacity: 0;
    pointer-events: none;
}.fadesample{
    animation-name: fadeIn;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}

@keyframes fadeIn {
    0% {
        opacity: 0.8;
    }
    50% {
        opacity: 0.4;
    }
    75% {
        opacity: 0.8;
    }
    100% {
        opacity: 1;
    }
}.fot{
    background-image: url("../images/patterns/buried.png");
    border-top-right-radius: 150px;
    border-top-left-radius: 150px;
}.loader>img{
    width: 1000px;
}.loader.hidden{
    animation: fadeOut 7.5s;
    animation-fill-mode: forwards;
}

@keyframes slideInLeft {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}:root{
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #878a88;
    --teal: #868787;
    --cyan: #000000;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #eceaea;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #000000;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #ffffff;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: 'Josefin Sans', sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}*,
*::before,
*::after{
    box-sizing: border-box;
}#a1{
    font-family: 'Finger Paint', cursive;
}html{
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
footer,
nav,
section{
    display: block;
}html{
    overflow-x: hidden;
}body{
    background-image: url("../images/patterns/diamond-eyes.png");
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6c757d;
    text-align: left;
    background-color: #ffffff;
    transition: 0.3s;
    overflow-x: unset;
    width: 100%;
    scroll-behavior: smooth;
    z-index: 9999;
}.page-footer{
    position: fixed;
    left: -10px;
    bottom: -10px;
    display: flex;
    align-items: center;
    font-size: 1rem;
    padding: 5px;
}.page-footer a{
    margin-right: -10px;
}

@-webkit-keyframes AnimationName {
    0% {
        background-position: 0% 56%
    }
    50% {
        background-position: 100% 45%
    }
    100% {
        background-position: 0% 56%
    }
}

@-moz-keyframes AnimationName {
    0% {
        background-position: 0% 56%
    }
    50% {
        background-position: 100% 45%
    }
    100% {
        background-position: 0% 56%
    }
}

@keyframes AnimationName {
    0% {
        background-position: 0% 56%
    }
    50% {
        background-position: 100% 45%
    }
    100% {
        background-position: 0% 56%
    }
}h1,
h2,
h3,
h4,
h5,
h6{
    margin-top: 0;
    margin-bottom: 0.5rem;
}p{
    margin-top: 0;
    margin-bottom: 1rem;
}
ul{
    margin-top: 0;
    margin-bottom: 1rem;
}
ul ul,
ul ol{
    margin-bottom: 0;
}
strong{
    font-weight: bolder;
}small{
    font-size: 80%;
}a{
    color: #000000;
    text-decoration: none;
    background-color: transparent;
}a:hover{
    color: #078571;
    text-decoration: underline;
}a:not([href]):not([class]){
    color: inherit;
    text-decoration: none;
}a:not([href]):not([class]):hover{
    color: inherit;
    text-decoration: none;
}img{
    vertical-align: middle;
    border-style: none;
}svg{
    overflow: hidden;
    vertical-align: middle;
}label{
    display: inline-block;
    margin-bottom: 0.5rem;
}button{
    border-radius: 0;
}button:focus{
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}input,
button,
textarea{
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}button,
input{
    overflow: visible;
}button{
    text-transform: none;
}button{
    -webkit-appearance: button;
}button:not(:disabled){
    cursor: pointer;
}button::-moz-focus-inner{
    padding: 0;
    border-style: none;
}textarea{
    overflow: auto;
    resize: vertical;
}::-webkit-file-upload-button{
    font: inherit;
    -webkit-appearance: button;
}h1,
h2,
h3,
h4,
h5,
h6{
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    color: #343a40;
}h1{
    font-size: 2.5rem;
}

@media (max-width: 1200px) {h1{
        font-size: calc(1.375rem + 1.5vw);
    }}h2{
    font-size: 2rem;
}

@media (max-width: 1200px) {h2{
        font-size: calc(1.325rem + 0.9vw);
    }}h3{
    font-size: 1.75rem;
}

@media (max-width: 1200px) {h3{
        font-size: calc(1.3rem + 0.6vw);
    }}h4{
    font-size: 1.5rem;
}

@media (max-width: 1200px) {h4{
        font-size: calc(1.275rem + 0.3vw);
    }}h5{
    font-size: 1.25rem;
}h6{
    font-size: 1rem;
}.display-1{
    font-size: 10rem;
    font-weight: 300;
    line-height: 1.2;
}

@media (max-width: 1200px) {.display-1{
        font-size: calc(2.125rem + 10.5vw);
    }}.display-4{
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}

@media (max-width: 1200px) {.display-4{
        font-size: calc(1.475rem + 2.7vw);
    }}small{
    font-size: 80%;
    font-weight: 400;
}.img-fluid{
    max-width: 100%;
    height: auto;
}.container,
.container-fluid{
    width: 100%;
    height: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}

@media (min-width: 576px) {.container{
        max-width: 540px;
    }}

@media (min-width: 768px) {.container{
        max-width: 720px;
    }}

@media (min-width: 992px) {.container{
        max-width: 960px;
    }}

@media (min-width: 1200px) {.container{
        max-width: 1140px;
    }}.row{
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col-sm-6,
.col-md-6,
.col-lg-5,
.col-lg-7,
.col-lg-8,
.col-lg-11{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px) {.col-sm-6{
        flex: 0 0 50%;
        max-width: 50%;
    }}

@media (min-width: 768px) {.col-md-6{
        flex: 0 0 50%;
        max-width: 50%;
    }}

@media (min-width: 992px) {.col-lg-5{
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }.col-lg-7{
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }.col-lg-8{
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }.col-lg-11{
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }}.form-control{
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {.form-control{
        transition: none;
    }}.form-control::-ms-expand{
    background-color: transparent;
    border: 0;
}.form-control:-moz-focusring{
    color: transparent;
    text-shadow: 0 0 0 #495057;
}.form-control:focus{
    color: #495057;
    background-color: #fff;
    border-color: #62f7df;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(11, 206, 175, 0.25);
}.form-control::placeholder{
    color: #6c757d;
    opacity: 1;
}.form-control:disabled,
.form-control[readonly]{
    background-color: #e9ecef;
    opacity: 1;
}input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control{
    appearance: none;
}select.form-control:focus::-ms-value{
    color: #495057;
    background-color: #fff;
}.form-control-plaintext.form-control-sm{
    padding-right: 0;
    padding-left: 0;
}.form-control-sm{
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}select.form-control[size],
select.form-control[multiple]{
    height: auto;
}textarea.form-control{
    height: auto;
}.form-row{
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}.form-row>.col,
.form-row>[class*="col-"]{
    padding-right: 5px;
    padding-left: 5px;
}.valid-feedback{
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #28a745;
}.valid-tooltip{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, 0.9);
    border-radius: 0.25rem;
}.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip,
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip{
    display: block;
}.was-validated .form-control:valid,
.form-control.is-valid{
    border-color: #28a745;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.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: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}.was-validated .form-control:valid:focus,
.form-control.is-valid:focus{
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}.was-validated textarea.form-control:valid,
textarea.form-control.is-valid{
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}.was-validated .custom-select:valid,
.custom-select.is-valid{
    border-color: #28a745;
    padding-right: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.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") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus{
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label{
    color: #28a745;
}.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip,
.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip{
    display: block;
}.was-validated .custom-control-input:valid~.custom-control-label,
.custom-control-input.is-valid~.custom-control-label{
    color: #28a745;
}.was-validated .custom-control-input:valid~.custom-control-label::before,
.custom-control-input.is-valid~.custom-control-label::before{
    border-color: #28a745;
}.was-validated .custom-control-input:valid:checked~.custom-control-label::before,
.custom-control-input.is-valid:checked~.custom-control-label::before{
    border-color: #34ce57;
    background-color: #34ce57;
}.was-validated .custom-control-input:valid:focus~.custom-control-label::before,
.custom-control-input.is-valid:focus~.custom-control-label::before{
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before{
    border-color: #28a745;
}.was-validated .custom-file-input:valid~.custom-file-label,
.custom-file-input.is-valid~.custom-file-label{
    border-color: #28a745;
}.was-validated .custom-file-input:valid:focus~.custom-file-label,
.custom-file-input.is-valid:focus~.custom-file-label{
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}.invalid-feedback{
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}.invalid-tooltip{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 0.25rem;
}.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip{
    display: block;
}.was-validated .form-control:invalid,
.form-control.is-invalid{
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%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: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus{
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid{
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}.was-validated .custom-select:invalid,
.custom-select.is-invalid{
    border-color: #dc3545;
    padding-right: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%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") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus{
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label{
    color: #dc3545;
}.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip,
.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip{
    display: block;
}.was-validated .custom-control-input:invalid~.custom-control-label,
.custom-control-input.is-invalid~.custom-control-label{
    color: #dc3545;
}.was-validated .custom-control-input:invalid~.custom-control-label::before,
.custom-control-input.is-invalid~.custom-control-label::before{
    border-color: #dc3545;
}.was-validated .custom-control-input:invalid:checked~.custom-control-label::before,
.custom-control-input.is-invalid:checked~.custom-control-label::before{
    border-color: #e4606d;
    background-color: #e4606d;
}.was-validated .custom-control-input:invalid:focus~.custom-control-label::before,
.custom-control-input.is-invalid:focus~.custom-control-label::before{
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before{
    border-color: #dc3545;
}.was-validated .custom-file-input:invalid~.custom-file-label,
.custom-file-input.is-invalid~.custom-file-label{
    border-color: #dc3545;
}.was-validated .custom-file-input:invalid:focus~.custom-file-label,
.custom-file-input.is-invalid:focus~.custom-file-label{
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

@media (min-width: 576px) {.form-inline .form-control{
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }}.btn{
    display: inline-block;
    font-weight: 400;
    color: #6c757d;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {.btn{
        transition: none;
    }}.btn:hover{
    color: #6c757d;
    text-decoration: none;
}.btn:focus,
.btn.focus{
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(11, 206, 175, 0.25);
}.btn.disabled,
.btn:disabled{
    opacity: 0.65;
}.btn:not(:disabled):not(.disabled){
    cursor: pointer;
}a.btn.disabled,
fieldset:disabled a.btn{
    pointer-events: none;
}.btn-primary.disabled{
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle{
    color: #fff;
    background-color: #089e86;
    border-color: #08917c;
}.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus{
    box-shadow: 0 0 0 0.2rem rgba(48, 213, 187, 0.5);
}.btn-secondary.disabled{
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle{
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
}.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus{
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}.btn-success.disabled{
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle{
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430;
}.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-success.dropdown-toggle:focus{
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}.btn-info.disabled{
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle{
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f;
}.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-info.dropdown-toggle:focus{
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}.btn-warning.disabled{
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle{
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500;
}.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-warning.dropdown-toggle:focus{
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}.btn-danger.disabled{
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle{
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d;
}.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-danger.dropdown-toggle:focus{
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}.btn-light{
    color: #212529;
    background-color: #ffffff;
    border-color: #ffffff;
}.btn-light:hover{
    color: #212529;
    background-color: #ececec;
    border-color: #e6e6e6;
}.btn-light:focus,
.btn-light.focus{
    color: #212529;
    background-color: #ececec;
    border-color: #e6e6e6;
    box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
}.btn-light.disabled,
.btn-light:disabled{
    color: #212529;
    background-color: #ffffff;
    border-color: #ffffff;
}.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle{
    color: #212529;
    background-color: #e6e6e6;
    border-color: #dfdfdf;
}.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-light.dropdown-toggle:focus{
    box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
}.btn-dark.disabled{
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show>.btn-dark.dropdown-toggle{
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
}.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-dark.dropdown-toggle:focus{
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}.btn-outline-primary{
    color: #000000;
    border-color: #000000;
}.btn-outline-primary:hover{
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}.btn-outline-primary:focus,
.btn-outline-primary.focus{
    box-shadow: 0 0 0 0.2rem rgba(11, 206, 175, 0.5);
}.btn-outline-primary.disabled,
.btn-outline-primary:disabled{
    color: #000000;
    background-color: transparent;
}.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle{
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus{
    box-shadow: 0 0 0 0.2rem rgba(11, 206, 175, 0.5);
}.btn-outline-secondary.disabled{
    color: #6c757d;
    background-color: transparent;
}.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle{
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus{
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}.btn-outline-success.disabled{
    color: #28a745;
    background-color: transparent;
}.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show>.btn-outline-success.dropdown-toggle{
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-success.dropdown-toggle:focus{
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}.btn-outline-info.disabled{
    color: #000000;
    background-color: transparent;
}.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle{
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-info.dropdown-toggle:focus{
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}.btn-outline-warning.disabled{
    color: #ffc107;
    background-color: transparent;
}.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show>.btn-outline-warning.dropdown-toggle{
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus{
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}.btn-outline-danger.disabled{
    color: #dc3545;
    background-color: transparent;
}.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show>.btn-outline-danger.dropdown-toggle{
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus{
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}.btn-outline-light.disabled{
    color: #ffffff;
    background-color: transparent;
}.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show>.btn-outline-light.dropdown-toggle{
    color: #212529;
    background-color: #ffffff;
    border-color: #ffffff;
}.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-light.dropdown-toggle:focus{
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}.btn-outline-dark{
    color: #343a40;
    border-color: #343a40;
}.btn-outline-dark:hover{
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}.btn-outline-dark:focus,
.btn-outline-dark.focus{
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}.btn-outline-dark.disabled,
.btn-outline-dark:disabled{
    color: #343a40;
    background-color: transparent;
}.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show>.btn-outline-dark.dropdown-toggle{
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus{
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link.disabled{
    color: #6c757d;
    pointer-events: none;
}
.btn-group-lg>.btn{
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}.btn-sm,
.btn-group-sm>.btn{
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}.fade{
    transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {.fade{
        transition: none;
    }}.fade:not(.show){
    opacity: 0;
}.collapse:not(.show){
    display: none;
}.collapsing{
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {.collapsing{
        transition: none;
    }}.dropdown-item.active{
    color: #fff;
    text-decoration: none;
    background-color: #000000;
}.dropdown-item.disabled{
    color: #6c757d;
    pointer-events: none;
    background-color: transparent;
}.dropdown-menu.show{
    display: block;
}.btn-group>.btn,
.btn-group-vertical>.btn{
    position: relative;
    flex: 1 1 auto;
}.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover{
    z-index: 1;
}.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active{
    z-index: 1;
}.btn-group>.btn:not(:first-child){
    margin-left: -1px;
}.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-group:not(:last-child)>.btn{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child)>.btn{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split{
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}
.btn-group-lg>.btn+.dropdown-toggle-split{
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}.btn-group-vertical>.btn{
    width: 100%;
}.btn-group-vertical>.btn:not(:first-child){
    margin-top: -1px;
}.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child)>.btn{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn{
    margin-bottom: 0;
}.btn-group-toggle>.btn input[type="radio"],
.btn-group-toggle>.btn input[type="checkbox"],
.btn-group-toggle>.btn-group>.btn input[type="radio"],
.btn-group-toggle>.btn-group>.btn input[type="checkbox"]{
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}.input-group>.form-control{
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}.input-group>.form-control+.form-control,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.custom-file,
.input-group>.form-control-plaintext+.form-control,
.input-group>.custom-select+.form-control,
.input-group>.custom-file+.form-control{
    margin-left: -1px;
}.input-group>.form-control:focus{
    z-index: 3;
}.input-group>.form-control:not(:last-child){
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}.input-group>.form-control:not(:first-child){
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}.input-group-prepend .btn,
.input-group-append .btn{
    position: relative;
    z-index: 2;
}.input-group-prepend .btn:focus,
.input-group-append .btn:focus{
    z-index: 3;
}.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn{
    margin-left: -1px;
}.input-group-lg>.form-control:not(textarea){
    height: calc(1.5em + 1rem + 2px);
}.input-group-lg>.form-control,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-append>.btn{
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}.input-group-sm>.form-control:not(textarea){
    height: calc(1.5em + 0.5rem + 2px);
}.input-group-sm>.form-control,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-append>.btn{
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}.input-group>.input-group-prepend>.btn,
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle){
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}.input-group>.input-group-append>.btn,
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child){
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}.nav-link{
    display: block;
    padding: 0.5rem 1rem;
}.nav-link:hover,
.nav-link:focus{
    text-decoration: none;
}.nav-link.disabled{
    color: #6c757d;
    pointer-events: none;
    cursor: default;
}.nav-tabs .nav-item{
    margin-bottom: -1px;
}.nav-tabs .nav-link{
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus{
    border-color: #e9ecef #e9ecef #dee2e6;
}.nav-tabs .nav-link.disabled{
    color: #6c757d;
    background-color: transparent;
    border-color: transparent;
}.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link{
    color: #495057;
    background-color: #ffffff;
    border-color: #dee2e6 #dee2e6 #ffffff;
}.nav-pills .nav-link{
    border-radius: 0.25rem;
}.nav-pills .nav-link.active,
.nav-pills .show>.nav-link{
    color: #fff;
    background-color: #000000;
}.nav-fill>.nav-link,
.nav-fill .nav-item{
    flex: 1 1 auto;
    text-align: center;
}.nav-justified>.nav-link,
.nav-justified .nav-item{
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}.tab-content>.active{
    display: block;
}.navbar{
    
    padding: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    margin-top: 0.5rem;
    margin-left: 2rem;
    margin-right: 2rem;
    border: 0.1px solid black;
    border-radius: 30px;
    backdrop-filter: blur(8px);
    
    background-color: rgba(255, 255, 255, 0.742);
    
}.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}.navbar-brand{
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}.navbar-brand:hover,
.navbar-brand:focus{
    text-decoration: none;
}.navbar-nav{
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}.navbar-nav .nav-link{
    padding-right: 0;
    padding-left: 0;
}.navbar-nav .dropdown-menu{
    position: static;
    float: none;
}.navbar-collapse{
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}.navbar-toggler{
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}.navbar-toggler:hover,
.navbar-toggler:focus{
    text-decoration: none;
}.navbar-toggler-icon{
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

@media (max-width: 575.98px) {.navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid{
        padding-right: 0;
        padding-left: 0;
    }}

@media (min-width: 576px) {.navbar-expand-sm .navbar-nav{
        flex-direction: row;
    }.navbar-expand-sm .navbar-nav .dropdown-menu{
        position: absolute;
    }.navbar-expand-sm .navbar-nav .nav-link{
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }.navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid{
        flex-wrap: nowrap;
    }.navbar-expand-sm .navbar-collapse{
        display: flex !important;
        flex-basis: auto;
    }.navbar-expand-sm .navbar-toggler{
        display: none;
    }}

@media (max-width: 767.98px) {.navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid{
        padding-right: 0;
        padding-left: 0;
    }}

@media (min-width: 768px) {.navbar-expand-md .navbar-nav{
        flex-direction: row;
    }.navbar-expand-md .navbar-nav .dropdown-menu{
        position: absolute;
    }.navbar-expand-md .navbar-nav .nav-link{
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }.navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid{
        flex-wrap: nowrap;
    }.navbar-expand-md .navbar-collapse{
        display: flex !important;
        flex-basis: auto;
    }.navbar-expand-md .navbar-toggler{
        display: none;
    }}

@media (max-width: 991.98px) {.navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-xl{
        padding-right: 0;
        padding-left: 0;
    }}

@media (min-width: 992px) {.navbar-expand-lg{
        flex-flow: row nowrap;
        justify-content: flex-start;
    }.navbar-expand-lg .navbar-nav{
        flex-direction: row;
    }.navbar-expand-lg .navbar-nav .dropdown-menu{
        position: absolute;
    }.navbar-expand-lg .navbar-nav .nav-link{
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }.navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-xl{
        flex-wrap: nowrap;
    }.navbar-expand-lg .navbar-collapse{
        display: flex !important;
        flex-basis: auto;
    }.navbar-expand-lg .navbar-toggler{
        display: none;
    }}

@media (max-width: 1199.98px) {.navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid{
        padding-right: 0;
        padding-left: 0;
    }}

@media (min-width: 1200px) {.navbar-expand-xl .navbar-nav{
        flex-direction: row;
    }.navbar-expand-xl .navbar-nav .dropdown-menu{
        position: absolute;
    }.navbar-expand-xl .navbar-nav .nav-link{
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }.navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid{
        flex-wrap: nowrap;
    }.navbar-expand-xl .navbar-collapse{
        display: flex !important;
        flex-basis: auto;
    }.navbar-expand-xl .navbar-toggler{
        display: none;
    }}.navbar-expand>.container,
.navbar-expand>.container-fluid{
    padding-right: 0;
    padding-left: 0;
}.navbar-expand .navbar-nav{
    flex-direction: row;
}.navbar-expand .navbar-nav .dropdown-menu{
    position: absolute;
}.navbar-expand .navbar-nav .nav-link{
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}.navbar-expand>.container,
.navbar-expand>.container-fluid{
    flex-wrap: nowrap;
}.navbar-expand .navbar-collapse{
    display: flex !important;
    flex-basis: auto;
}.navbar-expand .navbar-toggler{
    display: none;
}.navbar-light .navbar-brand{
    color: rgba(0, 0, 0, 0.9);
}.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus{
    color: rgba(0, 0, 0, 0.9);
}.navbar-light .navbar-nav .nav-link{
    color: rgba(0, 0, 0, 0.5);
}.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus{
    color: rgba(0, 0, 0, 0.7);
}.navbar-light .navbar-nav .nav-link.disabled{
    color: rgba(0, 0, 0, 0.3);
}.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active{
    color: rgba(0, 0, 0, 0.9);
}.navbar-light .navbar-toggler{
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}.navbar-light .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}.navbar-light .navbar-text{
    color: rgba(0, 0, 0, 0.5);
}.navbar-light .navbar-text a{
    color: rgba(0, 0, 0, 0.9);
}.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus{
    color: rgba(0, 0, 0, 0.9);
}.navbar-dark .navbar-brand{
    color: #fff;
}.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus{
    color: #fff;
}.navbar-dark .navbar-nav .nav-link{
    color: rgba(255, 255, 255, 0.5);
}.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus{
    color: rgba(255, 255, 255, 0.75);
}.navbar-dark .navbar-nav .nav-link.disabled{
    color: rgba(255, 255, 255, 0.25);
}.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active{
    color: #fff;
}.navbar-dark .navbar-toggler{
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}.navbar-dark .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}.card{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}.card>hr{
    margin-right: 0;
    margin-left: 0;
}.card>.list-group{
    border-top: inherit;
    border-bottom: inherit;
}.card>.list-group:first-child{
    border-top-width: 0;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}.card>.list-group:last-child{
    border-bottom-width: 0;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}.card>.card-header+.list-group,
.card>.list-group+.card-footer{
    border-top: 0;
}.card-body{
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}.card-title{
    margin-bottom: 0.75rem;
}.card-text:last-child{
    margin-bottom: 0;
}
.card-img-top{
    flex-shrink: 0;
    width: 100%;
}
.card-img-top{
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}.card-deck .card{
    margin-bottom: 15px;
}

@media (min-width: 576px) {.card-deck .card{
        flex: 1 0 0%;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }}.card-group>.card{
    margin-bottom: 15px;
}

@media (min-width: 576px) {.card-group>.card{
        flex: 1 0 0%;
        margin-bottom: 0;
    }.card-group>.card+.card{
        margin-left: 0;
        border-left: 0;
    }.card-group>.card:not(:last-child){
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }.card-group>.card:not(:last-child) .card-img-top,
    .card-group>.card:not(:last-child) .card-header{
        border-top-right-radius: 0;
    }.card-group>.card:not(:last-child) .card-img-bottom,
    .card-group>.card:not(:last-child) .card-footer{
        border-bottom-right-radius: 0;
    }.card-group>.card:not(:first-child){
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }.card-group>.card:not(:first-child) .card-img-top,
    .card-group>.card:not(:first-child) .card-header{
        border-top-left-radius: 0;
    }.card-group>.card:not(:first-child) .card-img-bottom,
    .card-group>.card:not(:first-child) .card-footer{
        border-bottom-left-radius: 0;
    }}.card-columns .card{
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {.card-columns .card{
        display: inline-block;
        width: 100%;
    }}.accordion>.card{
    overflow: hidden;
}.accordion>.card:not(:last-of-type){
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}.accordion>.card:not(:first-of-type){
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}.accordion>.card>.card-header{
    border-radius: 0;
    margin-bottom: -1px;
}.breadcrumb-item.active{
    color: #6c757d;
}.page-item.active .page-link{
    z-index: 3;
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}.page-item.disabled .page-link{
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}.btn .badge{
    position: relative;
    top: -1px;
}.alert{
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}.alert-heading{
    color: inherit;
}.alert-link{
    font-weight: 700;
}.alert-dismissible{
    padding-right: 4rem;
}.alert-dismissible .close{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 0.75rem 1.25rem;
    color: inherit;
}.alert-primary{
    color: #066b5b;
    background-color: #cef5ef;
    border-color: #bbf1e9;
}.alert-primary hr{
    border-top-color: #a6ede2;
}.alert-primary .alert-link{
    color: #033b32;
}.alert-secondary{
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}.alert-secondary hr{
    border-top-color: #c8cbcf;
}.alert-secondary .alert-link{
    color: #202326;
}.alert-success{
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}.alert-success hr{
    border-top-color: #b1dfbb;
}.alert-success .alert-link{
    color: #0b2e13;
}.alert-info{
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}.alert-info hr{
    border-top-color: #abdde5;
}.alert-info .alert-link{
    color: #062c33;
}.alert-warning{
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}.alert-warning hr{
    border-top-color: #ffe8a1;
}.alert-warning .alert-link{
    color: #533f03;
}.alert-danger{
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}.alert-danger hr{
    border-top-color: #f1b0b7;
}.alert-danger .alert-link{
    color: #491217;
}.alert-light{
    color: #858585;
    background-color: white;
    border-color: white;
}.alert-light hr{
    border-top-color: #f2f2f2;
}.alert-light .alert-link{
    color: #6c6c6c;
}.alert-dark{
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}.alert-dark hr{
    border-top-color: #b9bbbe;
}.alert-dark .alert-link{
    color: #040505;
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }
    to {
        background-position: 0 0;
    }
}.list-group-item.disabled{
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
}.list-group-item.active{
    z-index: 2;
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}.list-group-item+.list-group-item.active{
    margin-top: -1px;
    border-top-width: 1px;
}.list-group-horizontal>.list-group-item.active{
    margin-top: 0;
}.list-group-horizontal>.list-group-item+.list-group-item.active{
    margin-left: -1px;
    border-left-width: 1px;
}

@media (min-width: 576px) {.list-group-horizontal-sm>.list-group-item.active{
        margin-top: 0;
    }.list-group-horizontal-sm>.list-group-item+.list-group-item.active{
        margin-left: -1px;
        border-left-width: 1px;
    }}

@media (min-width: 768px) {.list-group-horizontal-md>.list-group-item.active{
        margin-top: 0;
    }.list-group-horizontal-md>.list-group-item+.list-group-item.active{
        margin-left: -1px;
        border-left-width: 1px;
    }}

@media (min-width: 992px) {.list-group-horizontal-lg>.list-group-item.active{
        margin-top: 0;
    }.list-group-horizontal-lg>.list-group-item+.list-group-item.active{
        margin-left: -1px;
        border-left-width: 1px;
    }}

@media (min-width: 1200px) {.list-group-horizontal-xl>.list-group-item.active{
        margin-top: 0;
    }.list-group-horizontal-xl>.list-group-item+.list-group-item.active{
        margin-left: -1px;
        border-left-width: 1px;
    }}.list-group-item-primary.list-group-item-action.active{
    color: #fff;
    background-color: #066b5b;
    border-color: #066b5b;
}.list-group-item-secondary.list-group-item-action.active{
    color: #fff;
    background-color: #383d41;
    border-color: #383d41;
}.list-group-item-success.list-group-item-action.active{
    color: #fff;
    background-color: #155724;
    border-color: #155724;
}.list-group-item-info.list-group-item-action.active{
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460;
}.list-group-item-warning.list-group-item-action.active{
    color: #fff;
    background-color: #856404;
    border-color: #856404;
}.list-group-item-danger.list-group-item-action.active{
    color: #fff;
    background-color: #721c24;
    border-color: #721c24;
}.list-group-item-light.list-group-item-action.active{
    color: #fff;
    background-color: #858585;
    border-color: #858585;
}.list-group-item-dark.list-group-item-action.active{
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21;
}.close{
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

@media (max-width: 1200px) {.close{
        font-size: calc(1.275rem + 0.3vw);
    }}.close:hover{
    color: #000;
    text-decoration: none;
}.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus{
    opacity: .75;
}button.close{
    padding: 0;
    background-color: transparent;
    border: 0;
}a.close.disabled{
    pointer-events: none;
}.toast.showing{
    opacity: 1;
}.toast.show{
    display: block;
    opacity: 1;
}.toast.hide{
    display: none;
}.modal-open{
    overflow: hidden;
}.modal-open .modal{
    overflow-x: hidden;
    overflow-y: auto;
}.modal{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}.modal-dialog{
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}.modal.fade .modal-dialog{
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {.modal.fade .modal-dialog{
        transition: none;
    }}.modal.show .modal-dialog{
    transform: none;
}.modal.modal-static .modal-dialog{
    transform: scale(1.02);
}.modal-dialog-scrollable{
    display: flex;
    max-height: calc(100% - 1rem);
}.modal-dialog-scrollable .modal-content{
    max-height: calc(100vh - 1rem);
    overflow: hidden;
}.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer{
    flex-shrink: 0;
}.modal-dialog-scrollable .modal-body{
    overflow-y: auto;
}.modal-dialog-centered{
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}.modal-dialog-centered::before{
    display: block;
    height: calc(100vh - 1rem);
    height: min-content;
    content: "";
}.modal-dialog-centered.modal-dialog-scrollable{
    flex-direction: column;
    justify-content: center;
    height: 100%;
}.modal-dialog-centered.modal-dialog-scrollable .modal-content{
    max-height: none;
}.modal-dialog-centered.modal-dialog-scrollable::before{
    content: none;
}.modal-content{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
    background-color: #ffffff;
    background-image: url("../images/patterns/diamond-eyes.png");
}.modal-backdrop{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}.modal-backdrop.fade{
    opacity: 0;
}.modal-backdrop.show{
    opacity: 0.5;
}.modal-title{
    margin-bottom: 0;
    line-height: 1.5;
}.modal-body{
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}.modal-footer{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}.modal-footer>*{
    margin: 0.25rem;
}.modal-scrollbar-measure{
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {.modal-dialog{
        max-width: 500px;
        margin: 1.75rem auto;
    }.modal-dialog-scrollable{
        max-height: calc(100% - 3.5rem);
    }.modal-dialog-scrollable .modal-content{
        max-height: calc(100vh - 3.5rem);
    }.modal-dialog-centered{
        min-height: calc(100% - 3.5rem);
    }.modal-dialog-centered::before{
        height: calc(100vh - 3.5rem);
        height: min-content;
    }.modal-sm{
        max-width: 300px;
    }}

@media (min-width: 992px) {.modal-lg,
    .modal-xl{
        max-width: 800px;
    }}

@media (min-width: 1200px) {.modal-xl{
        max-width: 1140px;
    }}.tooltip.show{
    opacity: 0.9;
}.carousel{
    position: relative;
}.carousel.pointer-event{
    touch-action: pan-y;
}.carousel-item.active{
    display: block;
}
.active.carousel-item-right{
    transform: translateX(100%);
}
.active.carousel-item-left{
    transform: translateX(-100%);
}.carousel-fade .carousel-item.active{
    z-index: 1;
    opacity: 1;
}.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right{
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {.carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right{
        transition: none;
    }}.carousel-indicators .active{
    opacity: 1;
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }
    50% {
        opacity: 1;
        transform: none;
    }
}.bg-primary{
    background-color: #000000 !important;
}a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus{
    background-color: #089e86 !important;
}.border-left{
    border-left: 1px solid #dee2e6 !important;
}.border-0{
    border: 0 !important;
}.border-primary{
    border-color: #000000 !important;
}.rounded{
    border-radius: 0.25rem !important;
}.d-none{
    display: none !important;
}.d-block{
    display: block !important;
}.d-flex{
    display: flex !important;
}

@media (min-width: 992px) {.d-lg-none{
        display: none !important;
    }.d-lg-block{
        display: block !important;
    }}.justify-content-center{
    justify-content: center !important;
}.align-items-center{
    align-items: center !important;
}

@media (min-width: 992px) {.justify-content-lg-start{
        justify-content: flex-start !important;
    }}.position-relative{
    position: relative !important;
}.position-absolute{
    position: absolute !important;
}.fixed-top{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}.sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}.sr-only-focusable:active,
.sr-only-focusable:focus{
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}.shadow-sm{
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}.w-auto{
    width: auto !important;
}.m-0{
    margin: 0 !important;
}.mt-0{
    margin-top: 0 !important;
}.mb-1{
    margin-bottom: 0.25rem !important;
}.mr-2{
    margin-right: 0.5rem !important;
}.mb-2{
    margin-bottom: 0.5rem !important;
}.ml-2{
    margin-left: 0.5rem !important;
}.mb-3{
    margin-bottom: 1rem !important;
}.mb-4{
    margin-bottom: 1.5rem !important;
}.mt-5{
    margin-top: 3rem !important;
}.pt-0,
.py-0{
    padding-top: 0 !important;
}
.px-0{
    padding-right: 0 !important;
}.pb-0,
.py-0{
    padding-bottom: 0 !important;
}
.px-0{
    padding-left: 0 !important;
}
.py-1{
    padding-top: 0.25rem !important;
}
.py-1{
    padding-bottom: 0.25rem !important;
}.pt-2{
    padding-top: 0.5rem !important;
}
.py-3{
    padding-top: 1rem !important;
}
.py-3{
    padding-bottom: 1rem !important;
}.p-4{
    padding: 1.5rem !important;
}
.px-4{
    padding-right: 1.5rem !important;
}.pl-4,
.px-4{
    padding-left: 1.5rem !important;
}
.py-5{
    padding-top: 3rem !important;
}
.py-5{
    padding-bottom: 3rem !important;
}.m-auto{
    margin: auto !important;
}
.mx-auto{
    margin-right: auto !important;
}
.mx-auto{
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .px-sm-3{
        padding-right: 1rem !important;
    }
    .px-sm-3{
        padding-left: 1rem !important;
    }}

@media (min-width: 768px) {
    .px-md-5{
        padding-right: 3rem !important;
    }
    .px-md-5{
        padding-left: 3rem !important;
    }}

@media (min-width: 992px) {.ml-lg-3{
        margin-left: 1rem !important;
    }
    .py-lg-0{
        padding-top: 0 !important;
    }.pb-lg-0,
    .py-lg-0{
        padding-bottom: 0 !important;
    }
    .px-lg-3{
        padding-right: 1rem !important;
    }
    .px-lg-3{
        padding-left: 1rem !important;
    }
    .px-lg-5{
        padding-right: 3rem !important;
    }
    .px-lg-5{
        padding-left: 3rem !important;
    }}.text-center{
    text-align: center !important;
}.text-uppercase{
    text-transform: uppercase !important;
}.font-weight-bold{
    font-weight: 700 !important;
}.font-italic{
    font-style: italic !important;
}.text-white{
    color: #fff !important;
}.text-primary{
    color: #000000 !important;
}a.text-primary:hover,
a.text-primary:focus{
    color: #078571 !important;
}.text-danger{
    color: #dc3545 !important;
}a.text-danger:hover,
a.text-danger:focus{
    color: #a71d2a !important;
}.text-muted{
    color: #6c757d !important;
}

@media print {*,
    *::before,
    *::after{
        text-shadow: none !important;
        box-shadow: none !important;
    }a:not(.btn){
        text-decoration: underline;
    }
    img{
        page-break-inside: avoid;
    }p,
    h2,
    h3{
        orphans: 3;
        widows: 3;
    }h2,
    h3{
        page-break-after: avoid;
    }
    @page {
        size: a3;
    }body{
        min-width: 992px !important;
    }.container{
        min-width: 992px !important;
    }.navbar{
        display: none;
    }}h1{
    font-weight: 900 !important;
}h2,
h3,
.font-weight-bold{
    font-weight: 700 !important;
}h4,
h5 .font-weight-medium{
    font-weight: 500 !important;
}h6{
    font-weight: 400 !important;
}.btn{
    padding: 10px 25px;
    border-radius: 100px;
}.btn-social{
    width: 45px;
    height: 45px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    border-radius: 45px;
}.form-control{
    border-radius: 25px;
}.scroll-to-bottom{
    position: fixed;
    display: block;
    font-size: 30px;
    line-height: 1;
    left: calc(50% - 15px);
    bottom: 30px;
    z-index: 11;
    color: #000000;
    animation: action 1s infinite alternate;
}.back-to-top{
    position: fixed;
    display: none;
    width: 30px;
    text-align: center;
    right: 30px;
    bottom: 30px;
    z-index: 11;
    animation: action 1s infinite alternate;
}

@keyframes action {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-15px);
    }
}.navbar{
    transition: box-shadow 0.3s ease, background-color 0.3s ease;
}.navbar-scrolled{
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.12);
}.navbar-light .navbar-nav .nav-link{
    padding: 15px 10px;
    color: #343a40;
    font-weight: 500;
    outline: none;
}.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active{
    color: #000000;
}

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

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2);
        opacity: 0;
    }
}#videoModal .modal-dialog{
    position: relative;
    max-width: 800px;
    margin: 60px auto 0 auto;
}#videoModal .modal-body{
    position: relative;
    padding: 0px;
}#videoModal .close{
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
    top: -30px;
    z-index: 999;
    font-size: 30px;
    font-weight: normal;
    color: #ffffff;
    background: #000000;
    opacity: 1;
}.testimonial-carousel .owl-dots{
    margin-top: 25px;
    text-align: center;
}.testimonial-carousel .owl-dot{
    display: inline-block;
    margin: 0 5px;
    width: 12px;
    height: 12px;
    border-radius: 10px;
    background: #dddddd;
}.testimonial-carousel .owl-dot.active{
    background: #000000;
}.contact-form .help-block ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}.projects-carousel .owl-dots{
    display: flex !important;
    justify-content: center;
    margin-top: 25px;
    text-align: center;
}.projects-carousel .owl-dot span{
    width: 12px;
    height: 12px;
    background: #999;
    border-radius: 50%;
    margin: 5px;
    display: block;
}.projects-carousel .owl-dot.active span{
    background: #000;
    
}#portfolio .card-text{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    position: relative;
    line-height: 1.5;
    min-height: calc(1em * 1.5 * 3);
}#portfolio .card{
    height: 450px;
    
}#portfolio .card-img-top{
    height: 180px;
    
    object-fit: cover;
}#portfolio .card-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: calc(100% - 180px);
    width: 100%;
}#portfolio .card-title{
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 1.4em;
    
    margin-top: 1.5rem;
    margin-bottom: 0.25rem;
}#portfolio .card-description{
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2.2em;
    
    margin-bottom: 0.25rem;
    font-size: 0.95rem;
    font-style: italic;
}#portfolio .card-actions{
    margin-top: auto;
    
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    width: 100%;
}#portfolio .card-text::after{ content: none; }


@media (min-width: 768px) {.projects-carousel .owl-item .card-img-top{
        filter: grayscale(100%);
        transition: filter 0.4s ease;
    }.projects-carousel .owl-item.center .card-img-top{
        filter: grayscale(0%);
    }}.css-loader{
    display: flex;
    justify-content: center;
    align-items: center;
}.spinner-outer{
    width: 40px;
    height: 40px;
    border: 0px solid rgba(255, 255, 255, 0.2);
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-radius: 50%;
    animation: spin-clockwise 4s linear infinite;
    display: flex;
    justify-content: center;
    align-items: center;
}.spinner-inner{
    width: 30px;
    height: 30px;
    border: 0px solid rgba(255, 255, 255, 0.2);
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-radius: 50%;
    animation: spin-anticlockwise 2s linear infinite;
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes spin-clockwise {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin-anticlockwise {
    0% {
        transform: rotate(45deg);
    }
    100% {
        transform: rotate(360deg);
    }
}.profile-img{
    transform: scale(1.6);
    margin-left: 0;
    margin-top: 0rem;
    margin-bottom: 0rem;
    height: auto;
    width: 100%;
}




@media (min-width: 576px) {.profile-img{
        transform: scale(1.4);
        margin-left: 0px;
    }}




@media (min-width: 768px) {.profile-img{
        transform: scale(1.3);
        margin-left: 0px;
    }}




@media (min-width: 992px) {.profile-img{
        transform: scale(1.7) !important;
        margin-left: -80px;
        margin-top: 1.75rem;
        margin-bottom: 1.5rem;
        height: 100%;
    }}




@media (min-width: 1200px) {.profile-img{
        transform: scale(1.7) !important;
        margin-left: -90px;
        margin-top: 1.75rem;
        margin-bottom: 1.5rem;
        height: 100%;
    }}


@media (max-width: 576px) {#projectModal .modal-dialog{
    margin-left: 16px;
    margin-right: 16px;
  }#projectModal .modal-footer{
    flex-wrap: nowrap;           
    justify-content: space-between;
    gap: 8px;                    
    padding: 0.75rem 1rem;       
  }#projectModal .modal-footer > *{
    margin: 0 !important;
    flex: 1 1 0;                 
    min-width: 0;                
  }#projectModal .modal-footer .btn{
    padding: 6px 8px;
    font-size: 0.85rem;
    white-space: nowrap;         
  }#projectModal .modal-body img{
    margin-bottom: 0.5rem;
  }}


@media (max-width: 576px) {#qualification,
  #skill,
  #portfolio,
  #certification,
  #service,
  #testimonial,
  #contact{
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }#qualification > .container > .position-relative.d-flex.align-items-center.justify-content-center,
  #skill > .container > .position-relative.d-flex.align-items-center.justify-content-center,
  #portfolio > .container > .position-relative.d-flex.align-items-center.justify-content-center,
  #certification > .container > .position-relative.d-flex.align-items-center.justify-content-center,
  #service > .container > .position-relative.d-flex.align-items-center.justify-content-center,
  #testimonial > .container > .position-relative.d-flex.align-items-center.justify-content-center,
  #contact > .container > .position-relative.d-flex.align-items-center.justify-content-center{
    margin-top: 40px; 
  }}#projectModal .modal-body{
  padding-top: 0.5rem;
}#projectModal #projectModalLabel{
  text-align: center;
  font-family: 'Panchang', sans-serif;
  font-weight: 800; 
  letter-spacing: 0.2px;
  margin-bottom: 0.25rem;
}#projectModal #projectModalSubtitle{
  text-align: center;
  font-family: 'Quicksand', sans-serif;
  font-weight: bold; 
  color: #6c757d;
  margin-bottom: 0.5rem;
}#projectModal #projectModalDesc{
  text-align: left;
  padding-left: 10px; 
  margin-bottom: 0.5rem;
  line-height: 1.6;
}#projectModal #projectModalTech{
  display: block;
  text-align: left;
  padding-left: 10px; 
  color: #6c757d;
}


@media (max-width: 576px) {#projectModal #projectModalLabel{
    font-size: 1.15rem;
  }#projectModal #projectModalSubtitle{
    font-size: 1rem;
  }#projectModal #projectModalDesc,  
  #projectModal #projectModalTech{
    font-size: 0.95rem;
  }}


@media (prefers-reduced-motion: reduce) {*,
    *::before,
    *::after{
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }.scroll-to-bottom,
    .back-to-top,
    .fadesample,
    .spinner-outer,
    .spinner-inner{
        animation: none !important;
    }
    .skill-card-fill{
        transition: none !important;
    }.skill-card:hover{
        transform: none;
    }}


@media (max-width: 991.98px) {#about{
        
        padding-top: 84px !important;
        padding-bottom: 24px !important;
    }.profile-img{
        transform: none !important;
        margin: 0 auto !important;
        display: block;
        width: auto !important;
        height: auto !important;
        max-width: 100%;
        max-height: 58vh;
    }#about .col-lg-7{
        margin-top: 28px;
    }#about-name,
    #about-title{
        text-align: center;
    }#about-social{
        justify-content: center;
    }}

@media (min-width: 992px) {#about{
        min-height: 100vh;
        display: flex;
        
        align-items: flex-start;
        
        padding-top: 96px;
        padding-bottom: 24px;
        overflow: hidden;
    }#about > .container{
        width: 100%;
    }.profile-img{
        transform-origin: center top;
    }#about .col-lg-7{
        
        position: relative;
        top: 10vh;
    }}


@media (min-width: 992px) and (max-height: 999px) {.profile-img{
        transform: scale(1.4) !important;
    }}

@media (min-width: 992px) and (max-height: 849px) {.profile-img{
        transform: scale(1.15) !important;
    }}.text-target .word{
    display: inline-block;
    white-space: nowrap;
}.text-target .char{
    display: inline-block;
    opacity: 0;
    transform: translateY(25px);
    transition: opacity 0.9s cubic-bezier(0.23, 1, 0.32, 1),
                transform 0.9s cubic-bezier(0.23, 1, 0.32, 1);
}.text-target.is-in .char{
    opacity: 1;
    transform: none;
}

@media (prefers-reduced-motion: reduce) {.text-target .char{
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }}#about-description{
    font-size: 18px;
    line-height: 26px;
}


@media (min-width: 992px) {#about-name{
        font-size: 50px;
    }#about-title{
        font-size: 25px;
    }#about-social{
        
        margin-top: 36px;
    }#about-social .btn{
        font-size: 14.5px;
        padding: 9px 22px;
    }}#about-social{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 16px;
}

@media (max-width: 575.98px) {#about-social .btn{
        padding-left: 18px;
        padding-right: 18px;
        white-space: nowrap;
    }}#portfolio .card{
    width: 20rem;
    max-width: 100%;
}


@media (max-width: 767.98px) {#interest-list iconify-icon{
        font-size: 96px !important;
    }#interest-list > div{
        margin-bottom: 1.75rem !important;
    }#interest-list .d-flex{
        margin-bottom: 0.75rem !important;
    }#interest-list h4{
        font-size: 1.15rem;
    }}#skill .skill-grid-row{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    
    margin: 44px 0 0;
}#skills-left,
#skills-right{
    display: contents;
}.skill-card{
    display: flex;
    flex-direction: column;
    padding: 14px 16px 15px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid #e4e4e6;
    border-radius: 12px;
    transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease;
}.skill-card:hover{
    border-color: #16181d;
    box-shadow: 0 12px 26px -18px rgba(0, 0, 0, .55);
    transform: translateY(-3px);
}.skill-card-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 9px;
}.skill-card-icons{
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    line-height: 1;
}.skill-card-value{
    flex: 0 0 auto;
    margin-left: auto;
    font-family: 'Panchang', sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .03em;
    color: #16181d;
    white-space: nowrap;
}.skill-card-value i{
    font-style: normal;
    font-size: 10px;
    color: #9a9ba1;
}.skill-card-name{
    margin: 0 0 5px;
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .01em;
    color: #16181d;
}.skill-card-detail{
    margin: 0 0 12px;
    font-size: 11.5px;
    line-height: 1.45;
    letter-spacing: .01em;
    color: #6f717a;
}.skill-card-meter{
    position: relative;
    margin-top: auto;      
    height: 3px;
    border-radius: 3px;
    background: #e6e6e8;
    overflow: hidden;
}.skill-card-fill{
    display: block;
    width: 0;
    height: 100%;
    border-radius: 3px;
    background: linear-gradient(90deg, #494f5c 0%, #0d0f14 100%);
    transition: width 1.2s cubic-bezier(.22, .61, .36, 1);
}

@media (max-width: 991.98px) {#skill .skill-grid-row{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }}

@media (max-width: 767.98px) {#skill .skill-grid-row{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }}

@media (max-width: 575.98px) {#skill .skill-grid-row{
        gap: 12px;
        margin-top: 28px;
    }.skill-card{
        padding: 12px 13px 13px;
        border-radius: 10px;
    }.skill-card-top{
        gap: 8px;
        margin-bottom: 8px;
    }.skill-card-name{
        margin-bottom: 4px;
        font-size: 12.5px;
        line-height: 1.3;
    }.skill-card-detail{
        margin: 0 0 10px;
        font-size: 10.5px;
        line-height: 1.4;
    }}#projectModal .modal-footer .btn,
#portfolio .card-actions .btn,
#about-social .btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    white-space: nowrap;
}#about-social .btn iconify-icon{
    margin-right: 0 !important;
}#projectModal .modal-content{
    border: 1px solid #e4e4e6;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 24px 60px -30px rgba(0, 0, 0, .55);
}#projectModal .modal-body{
    padding: 18px 20px 14px;
}#projectModal .modal-body img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    border: 1px solid #ececee;
}.tech-chips{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
}.tech-chip{
    display: inline-block;
    padding: 4px 10px;
    border: 1px solid #e2e2e5;
    border-radius: 999px;
    background: rgba(255, 255, 255, .6);
    font-family: 'Quicksand', sans-serif;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: .01em;
    color: #4a4d56;
    white-space: nowrap;
}#projectModal .modal-footer{
    border-top: 0;
    padding: 6px 20px 18px;
    gap: 8px;
}#projectModal .modal-footer .btn{
    margin: 0;
}

@media (max-width: 575.98px) {#projectModal .modal-body{
        padding: 14px 14px 10px;
    }#projectModal .modal-footer{
        padding: 4px 14px 14px;
        gap: 6px;
    }.tech-chip{
        font-size: 10.5px;
        padding: 3px 8px;
    }}.certificate-view,
#projects-carousel .owl-item > div{
    padding: 8px 0;
}.certificate-card{
    display: block;
    max-width: 470px;
    margin: 0 auto;
    padding: 12px 12px 4px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid #e4e4e6;
    border-radius: 14px;
    text-decoration: none;
    transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease;
}.certificate-card:hover{
    border-color: #16181d;
    box-shadow: 0 14px 30px -20px rgba(0, 0, 0, .55);
    transform: translateY(-3px);
    text-decoration: none;
}.certificate-card img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
    border: 1px solid #ececee;
}.certificate-meta{
    display: block;
    padding: 13px 4px 12px;
    text-align: center;
}.certificate-title{
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    color: #16181d;
}.certificate-issuer{
    display: block;
    margin-top: 3px;
    font-size: 12px;
    color: #6f717a;
}.certificate-view-link{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 9px;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #9a9ba1;
    transition: color .3s ease;
}.certificate-card:hover .certificate-view-link{
    color: #16181d;
}

@media (max-width: 575.98px) {.certificate-card{
        padding: 10px 10px 2px;
    }.certificate-title{
        font-size: 13.5px;
    }}.interest-grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin: 44px 0 0;
}.interest-card{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 22px 16px 20px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid #e4e4e6;
    border-radius: 12px;
    transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease;
}.interest-card:hover{
    border-color: #16181d;
    box-shadow: 0 12px 26px -18px rgba(0, 0, 0, .55);
    transform: translateY(-3px);
}.interest-card .interest-icon{
    font-size: 38px;
    color: #16181d;
    line-height: 1;
}.interest-title{
    margin: 14px 0 0;
    font-size: 14.5px;
    font-weight: 700;
    line-height: 1.3;
    color: #16181d;
}.interest-detail{
    margin: 5px 0 0;
    font-size: 11.5px;
    line-height: 1.45;
    color: #6f717a;
}

@media (max-width: 991.98px) {.interest-grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }}

@media (max-width: 767.98px) {.interest-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }}

@media (max-width: 575.98px) {.interest-grid{
        gap: 12px;
        margin-top: 28px;
    }.interest-card{
        padding: 18px 12px 16px;
        border-radius: 10px;
    }.interest-card .interest-icon{
        font-size: 32px;
    }.interest-title{
        margin-top: 11px;
        font-size: 13px;
    }.interest-detail{
        font-size: 10.5px;
    }}#portfolio .project-card{
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid #e4e4e6 !important;
    border-radius: 14px;
    overflow: hidden;
    transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease;
}#portfolio .project-card:hover{
    border-color: #16181d !important;
    box-shadow: 0 14px 32px -22px rgba(0, 0, 0, .55);
    transform: translateY(-3px);
}#portfolio .card-img-top{
    border-radius: 0;
    border-bottom: 1px solid #ececee;
}


@media (max-width: 991.98px) {#portfolio .card-actions .btn{
        padding-left: 8px;
        padding-right: 8px;
        font-size: .78rem;
        gap: 5px;
    }#portfolio .card-actions .btn iconify-icon{
        font-size: 15px;
    }}#portfolio .project-read-more{
    font-weight: 700;
    color: #16181d;
    white-space: nowrap;
}#portfolio .project-read-more:hover{
    text-decoration: underline;
}.extra-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 44px 0 0;
}.extra-card{
    display: flex;
    flex-direction: column;
    padding: 20px 20px 18px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid #e4e4e6;
    border-radius: 12px;
    text-align: left;
    transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease;
}.extra-card:hover{
    border-color: #16181d;
    box-shadow: 0 12px 26px -18px rgba(0, 0, 0, .55);
    transform: translateY(-3px);
}.extra-card-top{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}.extra-card-icon{
    font-size: 26px;
    line-height: 1;
}.extra-card-category{
    font-family: 'Panchang', sans-serif;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #16181d;
}.extra-card-text{
    margin: 0 0 14px;
    font-family: 'Caveat', cursive;
    font-size: 17px;
    line-height: 1.5;
    color: #4a4d56;
}.extra-card-org{
    display: flex;
    align-items: center;
    gap: 7px;
    margin: auto 0 0;
    padding-top: 12px;
    border-top: 1px solid #ececee;
    font-size: 11.5px;
    line-height: 1.4;
    color: #6f717a;
}.extra-card-org iconify-icon{
    flex: 0 0 auto;
    font-size: 16px;
}

@media (max-width: 991.98px) {.extra-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }}

@media (max-width: 767.98px) {.extra-grid{
        grid-template-columns: minmax(0, 1fr);
    }}

@media (max-width: 575.98px) {.extra-grid{
        gap: 12px;
        margin-top: 28px;
    }.extra-card{
        padding: 16px 16px 14px;
    }}.fot .container{
    padding-top: 56px;
    padding-bottom: 48px;
}#footer-socials{
    gap: 10px;
    flex-wrap: wrap;
}#footer-socials .btn-social{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    margin: 0 !important;
    border-radius: 50%;
    line-height: 1;
    transition: transform .3s ease, background-color .3s ease;
}#footer-socials .btn-social iconify-icon{
    font-size: 19px;
    line-height: 1;
}#footer-socials .btn-social:hover{
    transform: translateY(-3px);
}#footer-contact{
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
    margin-top: 22px;
}.footer-link{
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #ffffff;
    font-size: 14px;
}.footer-link:hover{
    color: #ffffff;
    text-decoration: underline;
}.footer-link-static:hover{
    text-decoration: none;
}.footer-link iconify-icon{
    font-size: 17px;
    opacity: .7;
}.footer-sep{
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .45);
    vertical-align: middle;
}.footer-legal{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px 12px;
    margin: 26px 0 0;
    font-size: 13px;
    color: rgba(255, 255, 255, .72);
}.footer-brand{
    color: #ffffff;
    font-weight: 700;
}.footer-brand:hover{
    color: #ffffff;
    text-decoration: underline;
}

@media (max-width: 575.98px) {.fot .container{
        padding-top: 40px;
        padding-bottom: 34px;
    }.footer-link{
        font-size: 13px;
    }.footer-legal{
        font-size: 12px;
        margin-top: 20px;
    }}.contact-intro{
    max-width: 640px;
    margin: 40px auto 26px;
    text-align: center;
    font-size: 15px;
    line-height: 1.6;
    color: #6f717a;
}.contact-intro a{
    color: #16181d;
    font-weight: 700;
}#contact .contact-form{
    padding: 26px 26px 24px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid #e4e4e6;
    border-radius: 14px;
}#contact .form-control{
    border-radius: 10px;
    border-color: #e2e2e5;
}#contact .form-control:focus{
    border-color: #16181d;
    box-shadow: none;
}#contact #sendMessageButton{
    margin-top: 4px;
    border-radius: 10px;
    padding-left: 26px;
    padding-right: 26px;
}

@media (max-width: 575.98px) {.contact-intro{
        margin: 28px auto 20px;
        font-size: 13.5px;
    }#contact .contact-form{
        padding: 18px 16px 16px;
        border-radius: 12px;
    }}#recommendation[hidden]{
    display: none;
}.recommendation-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 44px 0 0;
}.recommendation-card{
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 22px 22px 18px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid #e4e4e6;
    border-radius: 12px;
    transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease;
}.recommendation-card:hover{
    border-color: #16181d;
    box-shadow: 0 12px 26px -18px rgba(0, 0, 0, .55);
    transform: translateY(-3px);
}.recommendation-mark{
    font-size: 26px;
    line-height: 1;
    color: #c9cacd;
}.recommendation-quote{
    margin: 10px 0 16px;
    font-size: 13.5px;
    line-height: 1.65;
    color: #4a4d56;
}.recommendation-by{
    display: flex;
    align-items: center;
    gap: 11px;
    margin: auto 0 0;
    padding-top: 14px;
    border-top: 1px solid #ececee;
}.recommendation-avatar{
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
}.recommendation-initials{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #16181d;
    color: #fff;
    font-size: 12.5px;
    font-weight: 700;
}.recommendation-meta a{
    color: inherit;
    text-decoration: none;
}.recommendation-name{
    display: block;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    color: #16181d;
}.recommendation-role{
    display: block;
    font-size: 11.5px;
    line-height: 1.4;
    color: #6f717a;
}

@media (max-width: 991.98px) {.recommendation-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }}

@media (max-width: 767.98px) {.recommendation-grid{
        grid-template-columns: minmax(0, 1fr);
    }}

@media (max-width: 575.98px) {.recommendation-grid{
        gap: 12px;
        margin-top: 28px;
    }.recommendation-card{
        padding: 18px 16px 15px;
    }}.service-intro{
    max-width: 720px;
    margin: 40px auto 0;
    text-align: center;
    font-size: 15px;
    line-height: 1.6;
    color: #6f717a;
}.service-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 30px 0 0;
}.service-card{
    display: flex;
    flex-direction: column;
    padding: 22px 20px 20px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid #e4e4e6;
    border-radius: 12px;
    transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease;
}.service-card:hover{
    border-color: #16181d;
    box-shadow: 0 12px 26px -18px rgba(0, 0, 0, .55);
    transform: translateY(-3px);
}.service-card-icon{
    font-size: 30px;
    line-height: 1;
    color: #16181d;
}.service-card-title{
    margin: 13px 0 0;
    font-size: 14.5px;
    font-weight: 700;
    line-height: 1.3;
    color: #16181d;
}.service-card-detail{
    margin: 7px 0 0;
    font-size: 11.5px;
    line-height: 1.55;
    color: #6f717a;
}.service-subhead{
    margin: 40px 0 0;
    text-align: center;
    font-family: 'Panchang', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #16181d;
}.engagement-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 20px 0 0;
}.engagement-card{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 18px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid #e4e4e6;
    border-radius: 12px;
    transition: border-color .35s ease;
}.engagement-card:hover{
    border-color: #16181d;
}.engagement-icon{
    flex: 0 0 auto;
    margin-top: 1px;
    font-size: 22px;
    line-height: 1;
    color: #16181d;
}.engagement-body{
    display: block;
}.engagement-title{
    display: block;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    color: #16181d;
}.engagement-detail{
    display: block;
    margin-top: 4px;
    font-size: 11.5px;
    line-height: 1.5;
    color: #6f717a;
}.availability-box{
    max-width: 620px;
    margin: 34px auto 0;
    padding: 24px 24px 22px;
    text-align: center;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid #e4e4e6;
    border-radius: 14px;
}.availability-status{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    font-family: 'Panchang', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #16181d;
}.availability-dot{
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2ea043;
    box-shadow: 0 0 0 3px rgba(46, 160, 67, .16);
}.availability-note{
    margin: 9px 0 0;
    font-size: 13px;
    line-height: 1.6;
    color: #6f717a;
}.availability-cta{
    display: inline-flex;
    align-items: center;
    margin-top: 18px;
    padding-left: 26px;
    padding-right: 26px;
    border-radius: 10px;
}

@media (max-width: 991.98px) {.service-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }}

@media (max-width: 767.98px) {.engagement-grid{
        grid-template-columns: minmax(0, 1fr);
    }}

@media (max-width: 575.98px) {.service-intro{
        margin-top: 28px;
        font-size: 13.5px;
    }.service-grid{
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }.service-card{
        padding: 18px 16px 16px;
    }.service-subhead{
        margin-top: 30px;
    }.engagement-grid{
        gap: 12px;
    }.availability-box{
        padding: 20px 16px 18px;
        border-radius: 12px;
    }.availability-note{
        font-size: 12px;
    }}


@media (min-width: 992px) {#navbar-links .nav-link{
        white-space: nowrap;
    }#navbar-cta{
        flex: 0 0 auto;
        white-space: nowrap;
    }}

@media (min-width: 992px) and (max-width: 1365.98px) {.navbar.navbar-expand-lg{
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }.navbar-expand-lg .navbar-nav .nav-link{
        padding-right: 0.3rem;
        padding-left: 0.3rem;
    }#navbar-links{
        font-size: 11px !important;
    }#navbar-cta{
        display: none !important;
    }}.case-study-badge{
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    padding: 4px 11px;
    background: #16181d;
    color: #ffffff;
    border-radius: 20px;
    font-family: 'Panchang', sans-serif;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    
    box-shadow: 0 1px 7px rgba(0, 0, 0, .38);
    pointer-events: none;
}.case-study-link{
    display: block;
    margin: 15px 0 0;
    padding: 11px 14px;
    background: #16181d;
    border-radius: 9px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    transition: opacity .25s ease;
}.case-study-link:hover,
.case-study-link:focus{
    color: #ffffff;
    opacity: .87;
    text-decoration: none;
}.case-study-link[hidden]{
    display: none;
}.theme-toggle{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-left: auto;
    padding: 0;
    background: transparent;
    border: 1px solid #dcdcdf;
    border-radius: 50%;
    color: #16181d;
    cursor: pointer;
    transition: border-color .3s ease, color .3s ease, transform .3s ease;
}.theme-toggle:hover{
    border-color: #16181d;
    transform: translateY(-2px);
}.theme-toggle .theme-icon{
    font-size: 18px;
    line-height: 1;
}.theme-toggle .theme-icon-sun{
    display: none;
}:root[data-theme="dark"] .theme-toggle .theme-icon-moon{
    display: none;
}:root[data-theme="dark"] .theme-toggle .theme-icon-sun{
    display: inline-flex;
}

@media (min-width: 992px) {.navbar > .theme-toggle{
        order: 3;
        margin-left: 14px;
    }.navbar > .navbar-collapse{
        order: 2;
    }}

@media (max-width: 991.98px) {.theme-toggle{
        margin-right: 10px;
    }}:root[data-theme="dark"]{
    color-scheme: dark;
    
}:root[data-theme="dark"] body{
    background-color: #0d0f14;
    background-image: none;
    color: #9a9ba1;
}:root[data-theme="dark"] h1,
:root[data-theme="dark"] h2,
:root[data-theme="dark"] h3,
:root[data-theme="dark"] h4,
:root[data-theme="dark"] h5,
:root[data-theme="dark"] h6,
:root[data-theme="dark"] strong,
:root[data-theme="dark"] .text-primary,
:root[data-theme="dark"] .navbar-brand h1{
    color: #eceef2 !important;
}:root[data-theme="dark"] p,
:root[data-theme="dark"] li,
:root[data-theme="dark"] small,
:root[data-theme="dark"] .text-muted{
    color: #9a9ba1 !important;
}:root[data-theme="dark"] .display-1.text-white{
    color: transparent !important;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: #50545e !important;
}:root[data-theme="dark"] .border-primary{
    border-color: #3a3d45 !important;
}:root[data-theme="dark"] .navbar{
    background: rgba(18, 20, 26, .92) !important;
    border-color: #262930;
}:root[data-theme="dark"] .navbar .nav-link{
    color: #9a9ba1 !important;
}:root[data-theme="dark"] .navbar .nav-link:hover,
:root[data-theme="dark"] .navbar .nav-link.active{
    color: #eceef2 !important;
}:root[data-theme="dark"] .navbar-toggler{
    border-color: #33363d;
}:root[data-theme="dark"] .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%23eceef2' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}:root[data-theme="dark"] .theme-toggle{
    border-color: #33363d;
    color: #eceef2;
}:root[data-theme="dark"] .theme-toggle:hover{
    border-color: #eceef2;
}:root[data-theme="dark"] .skill-card,
:root[data-theme="dark"] .interest-card,
:root[data-theme="dark"] .extra-card,
:root[data-theme="dark"] .certificate-card,
:root[data-theme="dark"] #portfolio .project-card,
:root[data-theme="dark"] #contact .contact-form{
    background: rgba(255, 255, 255, .035);
    border-color: #262930 !important;
}:root[data-theme="dark"] #projectModal .modal-content{
    background: #15171d;
    border-color: #262930 !important;
}:root[data-theme="dark"] .skill-card:hover,
:root[data-theme="dark"] .interest-card:hover,
:root[data-theme="dark"] .extra-card:hover,
:root[data-theme="dark"] .certificate-card:hover,
:root[data-theme="dark"] #portfolio .project-card:hover{
    border-color: #6f717a !important;
    box-shadow: 0 14px 32px -20px rgba(0, 0, 0, .9);
}:root[data-theme="dark"] .skill-card-name,
:root[data-theme="dark"] .skill-card-value,
:root[data-theme="dark"] .interest-title,
:root[data-theme="dark"] .extra-card-category,
:root[data-theme="dark"] .certificate-title,
:root[data-theme="dark"] .interest-card .interest-icon{
    color: #eceef2;
}:root[data-theme="dark"] .skill-card-detail,
:root[data-theme="dark"] .interest-detail,
:root[data-theme="dark"] .extra-card-text,
:root[data-theme="dark"] .extra-card-org,
:root[data-theme="dark"] .certificate-issuer,
:root[data-theme="dark"] .contact-intro{
    color: #9a9ba1;
}:root[data-theme="dark"] .skill-card-meter{
    background: #262930;
}:root[data-theme="dark"] .skill-card-fill{
    background: linear-gradient(90deg, #6f717a 0%, #eceef2 100%);
}:root[data-theme="dark"] .extra-card-org,
:root[data-theme="dark"] .certificate-card img,
:root[data-theme="dark"] #portfolio .card-img-top,
:root[data-theme="dark"] #projectModal .modal-body img{
    border-color: #262930;
}:root[data-theme="dark"] .tech-chip{
    background: rgba(255, 255, 255, .04);
    border-color: #33363d;
    color: #b9bac0;
}:root[data-theme="dark"] .certificate-view-link{
    color: #6f717a;
}:root[data-theme="dark"] .certificate-card:hover .certificate-view-link,
:root[data-theme="dark"] .contact-intro a,
:root[data-theme="dark"] #portfolio .project-read-more{
    color: #eceef2;
}:root[data-theme="dark"] .btn-outline-primary{
    border-color: #4a4d56;
    color: #eceef2;
}:root[data-theme="dark"] .btn-outline-primary:hover,
:root[data-theme="dark"] .btn-outline-primary:focus,
:root[data-theme="dark"] .btn-outline-primary:not(:disabled):not(.disabled):active{
    background-color: #eceef2;
    border-color: #eceef2;
    color: #0d0f14;
}:root[data-theme="dark"] .form-control{
    background-color: rgba(255, 255, 255, .04);
    border-color: #33363d;
    color: #eceef2;
}:root[data-theme="dark"] .form-control::placeholder{
    color: #6f717a;
}:root[data-theme="dark"] #contact .form-control:focus{
    background-color: rgba(255, 255, 255, .06);
    border-color: #eceef2;
}:root[data-theme="dark"] .fot{
    background-color: #070809 !important;
    border-top: 1px solid #1c1f25;
}:root[data-theme="dark"] #footer-socials .btn-light{
    background-color: #eceef2;
    border-color: #eceef2;
    color: #0d0f14;
}:root[data-theme="dark"] .back-to-top{
    border-color: #4a4d56;
    color: #eceef2;
}:root[data-theme="dark"] .scroll-to-bottom{
    color: #6f717a !important;
}:root[data-theme="dark"] img[src*="img-sig"]{
    filter: invert(1);
}:root[data-theme="dark"] img[src*="exp-webpro"],
:root[data-theme="dark"] img[src*="exp-weknow"],
:root[data-theme="dark"] img[src*="edu-rsm"],
:root[data-theme="dark"] img[src*="edu-rn"]{
    background: #ffffff;
    border-radius: 3px;
    padding: 2px;
}:root[data-theme="dark"] .text-bg{
    color: transparent !important;
    background-image: linear-gradient(100deg,
            #d7dbe8 0%,
            #c6cde4 30%,
            #a9b8ee 43%,
            #5b8cff 50%,
            #a9b8ee 57%,
            #c6cde4 72%,
            #d7dbe8 100%);
    -webkit-text-stroke-color: rgba(120, 128, 150, .5);
}:root[data-theme="dark"] div[class*='kursor'],
:root[data-theme="dark"] div[class*='kursorChild']{
    --k-color: 236, 238, 242 !important;
}:root[data-theme="dark"] .recommendation-card,
:root[data-theme="dark"] .service-card,
:root[data-theme="dark"] .engagement-card,
:root[data-theme="dark"] .availability-box{
    background: rgba(255, 255, 255, .035);
    border-color: #262930 !important;
}:root[data-theme="dark"] .recommendation-card:hover,
:root[data-theme="dark"] .service-card:hover,
:root[data-theme="dark"] .engagement-card:hover{
    border-color: #6f717a !important;
    box-shadow: 0 14px 32px -20px rgba(0, 0, 0, .9);
}:root[data-theme="dark"] .service-card-icon,
:root[data-theme="dark"] .engagement-icon,
:root[data-theme="dark"] .engagement-title,
:root[data-theme="dark"] .recommendation-name{
    color: #eceef2;
}:root[data-theme="dark"] .availability-status{
    color: #eceef2 !important;
}:root[data-theme="dark"] .engagement-detail,
:root[data-theme="dark"] .recommendation-quote,
:root[data-theme="dark"] .recommendation-role{
    color: #9a9ba1;
}:root[data-theme="dark"] .recommendation-by{
    border-top-color: #262930;
}:root[data-theme="dark"] .recommendation-mark{
    color: #4a4d56;
}:root[data-theme="dark"] .recommendation-initials{
    background: #eceef2;
    color: #0d0f14;
}:root[data-theme="dark"] .case-study-badge,
:root[data-theme="dark"] .case-study-link{
    background: #eceef2;
    color: #0d0f14;
}:root[data-theme="dark"] .case-study-link:hover,
:root[data-theme="dark"] .case-study-link:focus{
    color: #0d0f14;
}