.bg-23-works-1{overflow-x:clip}
.bg-23-works-1{color:rgb(0, 0, 0);font-family:var(--bg-font);font-size:16px;font-weight:400;line-height:24px;letter-spacing:normal;text-align:start;word-spacing:0px;background-color:rgb(255, 255, 255)}
.bg-23-works-1{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}
.bg-23-works-1 *,.bg-23-works-1 ::after,.bg-23-works-1 ::before{box-sizing: border-box;}
.bg-23-works-1 h2,.bg-23-works-1 h1{margin-top: 0px; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2;}
.bg-23-works-1 h2,.bg-23-works-1 h1{font-size: calc(1.325rem + 0.9vw);}
@media (min-width: 1200px){
.bg-23-works-1 h2,.bg-23-works-1 h1{font-size: 2rem;}
}
.bg-23-works-1 p{margin-top: 0px; margin-bottom: 1rem;}
.bg-23-works-1 ::-webkit-datetime-edit-day-field,.bg-23-works-1 ::-webkit-datetime-edit-fields-wrapper,.bg-23-works-1 ::-webkit-datetime-edit-hour-field,.bg-23-works-1 ::-webkit-datetime-edit-minute,.bg-23-works-1 ::-webkit-datetime-edit-month-field,.bg-23-works-1 ::-webkit-datetime-edit-text,.bg-23-works-1 ::-webkit-datetime-edit-year-field{padding: 0px;}
.bg-23-works-1 ::-webkit-inner-spin-button{height: auto;}
.bg-23-works-1 ::-webkit-search-decoration{appearance: none;}
.bg-23-works-1 ::-webkit-color-swatch-wrapper{padding: 0px;}
.bg-23-works-1 ::-webkit-file-upload-button{font: inherit; appearance: button;}
.bg-23-works-1 .container{width: 100%; padding-right: var(--bs-gutter-x,.75rem); padding-left: var(--bs-gutter-x,.75rem); margin-right: auto; margin-left: auto;}
@media (min-width: 576px){
.bg-23-works-1 .container{max-width: 540px;}
}
@media (min-width: 768px){
.bg-23-works-1 .container{max-width: 720px;}
}
@media (min-width: 992px){
.bg-23-works-1 .container{max-width: 960px;}
}
@media (min-width: 1200px){
.bg-23-works-1 .container{max-width: 1140px;}
}
@media (min-width: 1400px){
.bg-23-works-1 .container{max-width: 1320px;}
}
.bg-23-works-1{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}
.bg-23-works-1{--fontFamily:'Nunito Sans', sans-serif;--headingFontFamily:'Work Sans', sans-serif;--mainColor:#E51938;--optionalColor:#666666;--whiteColor:#FFFFFF;--blackColor:#000000;--fontSize:16px;--transition:.5s}
.bg-23-works-1 .container{max-width: 1230px;}
.bg-23-works-1 h2,.bg-23-works-1 h1{color: var(--blackColor); font-weight: 700; font-family:var(--bg-font);}
.bg-23-works-1 :focus{outline: 0px !important;}
.bg-23-works-1 p{color: var(--optionalColor); font-size: var(--fontSize); margin-bottom: 15px; line-height: 1.8;}
.bg-23-works-1 p:last-child{margin-bottom: 0px;}
.bg-23-works-1 .page-title-area{background: linear-gradient(to right bottom, rgb(255, 254, 254), rgb(255, 251, 246), rgb(252, 251, 238), rgb(234, 254, 239), color-mix(in srgb, var(--bg-p), white 92%)); padding-bottom: 100px; padding-top: 180px;}
.bg-23-works-1 .page-title-content{text-align: center;}
.bg-23-works-1 .page-title-content p{font-size: 17px; max-width: 600px; margin-left: auto; margin-right: auto;}
@media only screen and (max-width: 767px){
.bg-23-works-1 p{font-size: 13px;}
.bg-23-works-1 .container{max-width: 100%;}
.bg-23-works-1 .page-title-area{padding-top: 60px; padding-bottom: 60px;}
.bg-23-works-1 .page-title-content p{font-size: 13px; max-width: 100%;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
.bg-23-works-1 .container{max-width: 540px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.bg-23-works-1 p{font-size: 14px;}
.bg-23-works-1 .container{max-width: 720px;}
.bg-23-works-1 .page-title-area{padding-top: 80px; padding-bottom: 80px;}
.bg-23-works-1 .page-title-content p{font-size: 15px; max-width: 525px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.bg-23-works-1 .container{max-width: 960px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1355px){
.bg-23-works-1 .container{max-width: 1140px;}
}
.bg-25-works-2{overflow-x:clip}
.bg-25-works-2{color:rgb(155, 155, 155);font-family:var(--bg-font);font-size:14px;font-weight:400;line-height:24.0001px;letter-spacing:normal;text-align:start;word-spacing:0px;background-color:rgb(255, 255, 255)}
.bg-25-works-2{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-font-sans-serif:"Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bs-font-monospace:Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}
.bg-25-works-2 *,.bg-25-works-2 ::before,.bg-25-works-2 ::after{box-sizing: border-box;}
.bg-25-works-2 h5{margin-top: 0px; margin-bottom: 0.5rem; font-family:var(--bg-font); font-weight: 700; line-height: 1.2; color: rgb(21, 21, 21);}
.bg-25-works-2 h5{font-size: 1.125rem;}
.bg-25-works-2 p{margin-top: 0px; margin-bottom: 1rem;}
.bg-25-works-2 a{color: color-mix(in srgb, var(--bg-p), white 31%); text-decoration: none;}
.bg-25-works-2 a:hover{color: rgb(21, 21, 21); text-decoration: underline;}
.bg-25-works-2 img{vertical-align: middle;}
.bg-25-works-2 ::-webkit-datetime-edit-fields-wrapper,.bg-25-works-2 ::-webkit-datetime-edit-text,.bg-25-works-2 ::-webkit-datetime-edit-minute,.bg-25-works-2 ::-webkit-datetime-edit-hour-field,.bg-25-works-2 ::-webkit-datetime-edit-day-field,.bg-25-works-2 ::-webkit-datetime-edit-month-field,.bg-25-works-2 ::-webkit-datetime-edit-year-field{padding: 0px;}
.bg-25-works-2 ::-webkit-inner-spin-button{height: auto;}
.bg-25-works-2 ::-webkit-search-decoration{appearance: none;}
.bg-25-works-2 ::-webkit-color-swatch-wrapper{padding: 0px;}
.bg-25-works-2 ::-webkit-file-upload-button{font: inherit; appearance: button;}
.bg-25-works-2 .container{width: 100%; padding-right: var(--bs-gutter-x, 15px); padding-left: var(--bs-gutter-x, 15px); margin-right: auto; margin-left: auto;}
@media (min-width: 576px){
.bg-25-works-2 .container{max-width: 540px;}
}
@media (min-width: 768px){
.bg-25-works-2 .container{max-width: 720px;}
}
@media (min-width: 992px){
.bg-25-works-2 .container{max-width: 960px;}
}
@media (min-width: 1200px){
.bg-25-works-2 .container{max-width: 1200px;}
}
.bg-25-works-2 .row{--bs-gutter-x: 30px; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) / -2); margin-left: calc(var(--bs-gutter-x) / -2);}
.bg-25-works-2 .row > *{flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2); margin-top: var(--bs-gutter-y);}
@media (min-width: 576px){
.bg-25-works-2 .col-sm-6{flex: 0 0 auto; width: 50%;}
}
@media (min-width: 992px){
.bg-25-works-2 .col-lg-4{flex: 0 0 auto; width: 33.3333%;}
.bg-25-works-2 .col-lg-12{flex: 0 0 auto; width: 100%;}
}
.bg-25-works-2 .text-center{text-align: center !important;}
.bg-25-works-2 a:focus{outline: none !important;}
.bg-25-works-2 :focus{outline: none;}
.bg-25-works-2 p{margin: 0px;}
.bg-25-works-2 * + p{margin-top: 15px;}
.bg-25-works-2 .row-30{margin-bottom: -30px;}
.bg-25-works-2 .row-30 > *{margin-bottom: 30px;}
.bg-25-works-2 .section-md{padding: 60px 0px;}
@media (min-width: 768px){
.bg-25-works-2 .section-md{padding: 70px 0px;}
}
@media (min-width: 992px){
.bg-25-works-2 .section-md{padding: 70px 0px;}
}
@media (min-width: 1200px){
.bg-25-works-2 .section-md{padding: 80px 0px;}
.bg-25-works-2 * + p{margin-top: 20px;}
}
.bg-25-works-2 .bg-default{background-color: rgb(255, 255, 255);}
.bg-25-works-2 h5{margin-top: 0px; margin-bottom: 0px; font-weight: 700; color: rgb(21, 21, 21);}
.bg-25-works-2 h5{font-size: 18px; line-height: 1.33333; letter-spacing: 0.02em; text-transform: uppercase;}
.bg-25-works-2 ::selection{background: color-mix(in srgb, var(--bg-p), white 31%); color: rgb(255, 255, 255);}
.bg-25-works-2 a{transition: 0.3s ease-in-out;}
.bg-25-works-2 a,.bg-25-works-2 a:focus,.bg-25-works-2 a:active,.bg-25-works-2 a:hover{text-decoration: none;}
.bg-25-works-2 a,.bg-25-works-2 a:focus,.bg-25-works-2 a:active{color: color-mix(in srgb, var(--bg-p), white 31%);}
.bg-25-works-2 a:hover{color: rgb(21, 21, 21);}
.bg-25-works-2 img{display: inline-block; max-width: 100%; height: auto;}
.bg-25-works-2 .project-data{position: relative; z-index: 1; display: block;}
.bg-25-works-2 .project-data::before{content: ""; z-index: 1; position: absolute; inset: 0px; background-color: rgba(55, 55, 55, 0.39); transition: opacity 0.3s ease-out; pointer-events: none;}
.bg-25-works-2 .project-data-content{position: absolute; z-index: 2; inset: 15px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px 15px; color: rgb(255, 255, 255); background-color: rgba(17, 17, 17, 0.33); border: 2px solid rgb(255, 255, 255);}
.bg-25-works-2 .project-data-title{color: rgb(255, 255, 255);}
.bg-25-works-2 .project-data-text{width: 100%;}
.bg-25-works-2 * + .project-data-text{margin-top: 12px;}
@media (min-width: 1200px){
.bg-25-works-2 .project-data-content{padding: 15px;}
.bg-25-works-2 .project-data::before{opacity: 0;}
.bg-25-works-2 .project-data:hover::before{opacity: 1;}
.bg-25-works-2 .project-data:hover .project-data-content{opacity: 1;}
.bg-25-works-2 .project-data-content{opacity: 0; transition: opacity 0.3s ease-out;}
}
@media (min-width: 1600px){
.bg-25-works-2 .project-data-content{inset: 20px; padding: 30px 40px;}
}
.bg-25-works-2 [data-isotope-layout]{z-index: 0; display: block; min-height: 160px; margin-left: -15px; margin-right: -15px; transition: 0.4s;}
.bg-25-works-2 [data-isotope-layout] [class*="col-"]{display: block; will-change: transform; backface-visibility: hidden; transition: opacity 0.1s ease-in;}
@media (max-width: 767.98px){
.bg-25-works-2 [data-isotope-layout] [class*="col-"]{max-width: 100%;}
}