@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    background: #fff;
    font-family: "Manrope", sans-serif;
    font-size: 18px;
    line-height: 20px;
    color: #0d0d0f;
    font-weight: 500;
    overflow-x: hidden!important; /* Prevent horizontal scrolling */
    width: 100%!important; /* Ensure full width */
    max-width: 100%!important; /* Ensure full width */
}
a {
    color: #0d0d0f;
    text-decoration: none
}
a:hover {
    color: #00a8cd;
    text-decoration: none
}

.hidden {
    display: none;
}

.hover-pointer:hover{cursor: pointer;}
.text-08 {font-size: .8em!important}
.text-09 {font-size: .9em!important}
.text-10 {font-size: 1em!important}
.text-12 {font-size: 1.2em!important}
.text-11 {font-size: 1.1em!important}
.text-14 {font-size: 1.4em!important}
.text-16 {font-size: 1.6em!important}
.text-20 {font-size: 2em!important}
.text-30 {font-size: 2em!important; line-height: 1.6em!important}
.text-40 {font-size: 3em!important; line-height: 1.2em!important}
.bg-light {background: #ededed!important}
.social-circle {width: 35px; height: 35px; border-radius: 50%!important; display: inline-block!important; padding: 5px!important}

.header {
    min-height: 600px;
    max-height: 600px;
    height: 600px;
    background-image: url('../images/header.webp');
    /*background-attachment: fixed;*/
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.header img.logo{width: 140px; height: auto;}

.bg-blue {background: #00a8cd;}

ul.check-list {
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 0;
    margin-bottom: 20px;
    margin-top: 5px;
}

ul.check-list li {
    text-indent: -10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
    page-break-inside: avoid;
    break-inside: avoid-column;
    column-break-inside: avoid;
    font-weight: 400;
}

ul.check-list li:before {
    font-family: "bootstrap-icons";
    display: inline-block;
    color: #fff;
    content: '\F26E';
    position: relative;
    top: 3px;
    left: -5px;
    font-size: 1.2rem;
}

.projects .card .card-image {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 300px;
}
.projects .card .card-image img {
    position: absolute; /* Ensures proper scaling */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.projects .card:hover .card-image img {
    transform: scale(1.05);
}

.image-gallery {
    overflow-x: hidden; /* Prevent horizontal scrolling */
    max-width: 100%;
    padding: 0; /* Remove extra spacing */
    margin: 0 auto; /* Center alignment */
}
.image-gallery .row {
    /*margin-right: 0 !important;
    margin-left: 0 !important;
    width: 100%;  Force full width */
}
.image-gallery .col {
    position: relative;
    overflow: hidden!important;
    height: 200px; 
  }
.image-gallery .col img {
    /*position: absolute;  Ensures proper scaling */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.image-gallery .col img:hover{cursor: pointer;}
.image-gallery.long .col {
    position: relative;
    overflow: hidden!important;
    height: 400px; 
  }

@media screen and (max-width:1399px) {
    
}

@media screen and (max-width:1199px) {

}

@media screen and (max-width:991px) {
    .header .navbar-nav a{text-align: left}
    .header .navbar-nav li a.nav-link{font-weight: 500; font-size: 1.3rem}
}

@media screen and (max-width:767px) {
    
}

@media screen and (max-width:577px) {
    
}