body {
    font-family: "Poppins", sans-serif;
    color: #222;
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("../image/Tux-Vernissage-28-2000x1333.jpg");
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.mt-1 {
    margin-top: 0.25rem !important;
}
h1{
    font-size: 2.5rem;
}
.h2, h2 {
    font-size: 2rem;
}
p {
    font-size: 1rem;
    line-height: 1.5;
}
.company_url {
    font-size: 1rem;
    color: #01a9a5;
}
hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: .25;
}
a:hover {
    color: #01a9a5;
}
.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(248,249,250, 1) !important;
}
.text-dark {
    --bs-text-opacity: 1;
    color: rgba(33,37,41, 1) !important;
}
.h-100 {
    height: 100% !important;
}
.border-0 {
    border: 0 !important;
}
.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex        ;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem!important;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color);
}
h2 {
    font-family: "Poppins", Arial, Helvetica, sans-serif;
    /*font-weight: 600;*/
    /*font-size: 36px;*/
    /*line-height: 44px;*/
    /*color: #000000;*/
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    /*font-weight: 700;*/
    margin: 0;
    text-rendering: optimizeLegibility;
}
h5{
    font-size: 1.5rem!important;
}
.card-body{
    padding: 1rem 1rem;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: calc(1.5rem * .5);
    padding-left: calc(1.5rem * .5);
}
.top-contact a{
    list-style: none!important;
    margin: 0!important;
    padding: 0!important;
    font-size: 13px!important;
    display: inline-block;
    position: relative;
    line-height: 50px;
    vertical-align: top;
}
#content-wrapper .container {
    width: 100% !important;
    max-width: 100% !important;
}

a {
    text-decoration: none;
}

p {
    margin-bottom: 0px !important;
}

.white-container {
    background-color: white;
    border-radius: 20px;
}

.hero {
    height: 50vh;
}

.hero h1 {
    letter-spacing: 2px;
}

.hero p {
    opacity: 0.8;
}

.hero-section {
    padding: 20px 20px 100px 20px !important;
}

.side-sec {
    padding: 50px 50px 100px 50px;
    margin-bottom: 20px;
}

.side-sec div {
    width: 100% !important;
}

.side-sec img {
    border-radius: 20px;
    width: 100% !important;
}

.padding-p {
    padding-left: 250px;
}

.img-one {
    display: block;
    margin: 0 auto;
    padding: 50px 0px;
}

.only-btn {
    background: white;
    width: 100%;
    display: flex;
    padding: 10px;
    border-radius: 20px;
    color: black;
}

.fix-col {
    position: sticky;
    top: 11rem;
    align-self: flex-start;
    height: -moz-fit-content;
    height: fit-content;
    z-index: 10; /* optional, if it hides behind other content */
}

.fix-sec {
    padding: 20px 15px;
}

.fix-sec h2 {
    padding-top: 15px;
    padding-bottom: 5px;
}

.project-section h2 {
    font-size: 1.75rem;
    margin-bottom: 1rem;
}

.project-section p {
    color: #555;
}

.project-section img {
    transition: transform 0.4s ease;
}

.project-section img:hover {
    transform: scale(1.03);
}

.fix-col {
    border-radius: 10px;
}

.more-projects {
    background: #000;
}

.more-projects h2 {
    letter-spacing: 3px;
}

.more-projects .card {
    border-radius: 1.5rem;
    transition: transform 0.4s ease;
}

.more-projects .card:hover {
    transform: translateY(-8px);
}

footer {
    font-size: 14px;
    background: #111;
}

footer p {
    font-size: 14px;
    margin: 0 0 15px!important;
}
.fw-bold {
    font-weight: 700 !important;
    color: white;
}
.more-projects{
    background-color: rgba(33,37,41, 1) !important;
}
.more-projects h2 {
    letter-spacing: 3px;
}
.mb-5 {
    margin-bottom: 3rem !important;
}
.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.site {
    overflow: visible !important;
}

.related_portfolio_image{
    height: 250px;
}
.related_portfolio_image img{
    height: 100%;
    width: 100%;
}

@media only screen and (max-width: 600px) {
    .side-sec {
        padding: 20px 10px 10px 10px;
    }
    .bg-dark {
        --bs-bg-opacity: 1;
        background-color: rgb(50 55 59) !important;
    }

    .col-md-9 {
        margin-top: 3px !important;
    }
}