.aa9-40-works-1{overflow-x:clip}
.aa9-40-works-1{color:rgb(155, 155, 155);font-family:var(--aa9-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)}
.aa9-40-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-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))}
.aa9-40-works-1 *,.aa9-40-works-1 ::before,.aa9-40-works-1 ::after{box-sizing: border-box;}
.aa9-40-works-1 h2,.aa9-40-works-1 h1{margin-top: 0px; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2;}
.aa9-40-works-1 h2,.aa9-40-works-1 h1{font-size: calc(1.325rem + 0.9vw);}
@media (min-width: 1200px){
.aa9-40-works-1 h2,.aa9-40-works-1 h1{font-size: 2rem;}
}
.aa9-40-works-1 ::-webkit-datetime-edit-fields-wrapper,.aa9-40-works-1 ::-webkit-datetime-edit-text,.aa9-40-works-1 ::-webkit-datetime-edit-minute,.aa9-40-works-1 ::-webkit-datetime-edit-hour-field,.aa9-40-works-1 ::-webkit-datetime-edit-day-field,.aa9-40-works-1 ::-webkit-datetime-edit-month-field,.aa9-40-works-1 ::-webkit-datetime-edit-year-field{padding: 0px;}
.aa9-40-works-1 ::-webkit-inner-spin-button{height: auto;}
.aa9-40-works-1 ::-webkit-search-decoration{appearance: none;}
.aa9-40-works-1 ::-webkit-color-swatch-wrapper{padding: 0px;}
.aa9-40-works-1 ::-webkit-file-upload-button{font: inherit; appearance: button;}
.aa9-40-works-1 .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){
.aa9-40-works-1 .container{max-width: 540px;}
}
@media (min-width: 768px){
.aa9-40-works-1 .container{max-width: 720px;}
}
@media (min-width: 992px){
.aa9-40-works-1 .container{max-width: 960px;}
}
@media (min-width: 1200px){
.aa9-40-works-1 .container{max-width: 1200px;}
}
.aa9-40-works-1 h2,.aa9-40-works-1 h1{margin-top: 0px; margin-bottom: 0px; font-weight: 700; color: rgb(21, 21, 21); font-family:var(--aa9-font);}
.aa9-40-works-1 h2,.aa9-40-works-1 h1{font-size: 28px; line-height: 1.5; letter-spacing: 0.06em;}
@media (min-width: 1200px){
.aa9-40-works-1 h2,.aa9-40-works-1 h1{font-size: 48px; line-height: 1.45833;}
}
.aa9-40-works-1 :focus{outline: none;}
.aa9-40-works-1 .section-page-title{padding: 80px 0px;}
.aa9-40-works-1 .novi-bg-img{background-size: cover; background-position: center center;}
.aa9-60-works-2{overflow-x:clip}
.aa9-60-works-2{color:color-mix(in srgb, var(--aa9-p), black 31%);font-family:var(--aa9-font);font-size:15px;font-weight:400;line-height:22.5px;letter-spacing:normal;text-align:start;word-spacing:0px;background-color:rgb(255, 255, 255)}
.aa9-60-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-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))}
.aa9-60-works-2 *,.aa9-60-works-2 ::after,.aa9-60-works-2 ::before{box-sizing: border-box;}
.aa9-60-works-2 h2,.aa9-60-works-2 h3{margin-top: 0px; margin-bottom: 7.5px; font-weight: 500; line-height: 1.2;}
.aa9-60-works-2 h2{font-size: calc(19.88px + 0.9vw);}
@media (min-width: 1200px){
.aa9-60-works-2 h2{font-size: 30px;}
}
.aa9-60-works-2 h3{font-size: calc(19.5px + 0.6vw);}
@media (min-width: 1200px){
.aa9-60-works-2 h3{font-size: 26.25px;}
}
.aa9-60-works-2 p{margin-top: 0px; margin-bottom: 15px;}
.aa9-60-works-2 a{color: var(--aa9-p); text-decoration: underline;}
.aa9-60-works-2 a:hover{color: color-mix(in srgb, var(--aa9-p), black 15%);}
.aa9-60-works-2 img{vertical-align: middle;}
.aa9-60-works-2 ::-webkit-datetime-edit-day-field,.aa9-60-works-2 ::-webkit-datetime-edit-fields-wrapper,.aa9-60-works-2 ::-webkit-datetime-edit-hour-field,.aa9-60-works-2 ::-webkit-datetime-edit-minute,.aa9-60-works-2 ::-webkit-datetime-edit-month-field,.aa9-60-works-2 ::-webkit-datetime-edit-text,.aa9-60-works-2 ::-webkit-datetime-edit-year-field{padding: 0px;}
.aa9-60-works-2 ::-webkit-inner-spin-button{height: auto;}
.aa9-60-works-2 ::-webkit-search-decoration{appearance: none;}
.aa9-60-works-2 ::-webkit-color-swatch-wrapper{padding: 0px;}
.aa9-60-works-2 ::-webkit-file-upload-button{font: inherit; appearance: button;}
.aa9-60-works-2 .container{width: 100%; padding-right: var(--bs-gutter-x,11.25px); padding-left: var(--bs-gutter-x,11.25px); margin-right: auto; margin-left: auto;}
@media (min-width: 576px){
.aa9-60-works-2 .container{max-width: 540px;}
}
@media (min-width: 768px){
.aa9-60-works-2 .container{max-width: 720px;}
}
@media (min-width: 992px){
.aa9-60-works-2 .container{max-width: 960px;}
}
@media (min-width: 1200px){
.aa9-60-works-2 .container{max-width: 1140px;}
}
@media (min-width: 1400px){
.aa9-60-works-2 .container{max-width: 1320px;}
}
.aa9-60-works-2 .row{--bs-gutter-x: 22.5px; --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);}
.aa9-60-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);}
.aa9-60-works-2 .col{flex: 1 0 0%;}
@media (min-width: 992px){
.aa9-60-works-2 .col-lg-6{flex: 0 0 auto; width: 50%;}
}
.aa9-60-works-2 .clearfix::after{display: block; clear: both; content: "";}
.aa9-60-works-2 .justify-content-center{justify-content: center !important;}
.aa9-60-works-2 .align-items-center{align-items: center !important;}
.aa9-60-works-2 p{font-size: 16px; color: rgb(76, 81, 101); line-height: 1.8em;}
.aa9-60-works-2 h2,.aa9-60-works-2 h3{color: color-mix(in srgb, var(--aa9-dk), white 10%); font-family:var(--aa9-font);}
.aa9-60-works-2 a{text-decoration: none; transition: 0.2s;}
.aa9-60-works-2 a:hover{text-decoration: none;}
.aa9-60-works-2 .section-padding{padding: 120px 0px;}
@media (max-width: 767px){
.aa9-60-works-2 .section-padding{padding: 80px 0px;}
}
.aa9-60-works-2 .wpo-section-title{margin: 0px auto;}
.aa9-60-works-2 .wpo-section-title p{max-width: 470px; margin: 0px auto;}
.aa9-60-works-2 .wpo-section-title{text-align: center; margin-bottom: 60px; position: relative;}
@media (max-width: 767px){
.aa9-60-works-2 .wpo-section-title{margin-bottom: 40px;}
}
.aa9-60-works-2 .wpo-section-title h2{font-size: 45px; line-height: 55px; margin: 0px 0px 20px; position: relative; text-transform: capitalize; font-family:var(--aa9-font); font-weight: 900;}
@media (max-width: 1400px){
.aa9-60-works-2 .wpo-section-title h2{font-size: 30px;}
}
@media (max-width: 767px){
.aa9-60-works-2 .wpo-section-title h2{font-size: 32px; line-height: 50px;}
}
@media (max-width: 330px){
.aa9-60-works-2 .wpo-section-title h2{font-size: 24px; line-height: 45px; margin-bottom: 10px;}
}
.aa9-60-works-2 .wpo-projects{padding-top: 100px;}
@media (max-width: 767px){
.aa9-60-works-2 .wpo-projects{padding-top: 80px;}
}
.aa9-60-works-2 .wpo-projects .projects-grids{margin: 0px -7.5px;}
.aa9-60-works-2 .wpo-projects .projects-grids .grid{width: 33.33%; float: left; padding: 0px 7.5px 15px;}
@media (max-width: 1199px){
.aa9-60-works-2 .wpo-projects .projects-grids .grid{width: 50%;}
}
@media (max-width: 600px){
.aa9-60-works-2 .wpo-projects .projects-grids .grid{width: 100%;}
}
.aa9-60-works-2 .wpo-projects .grid .project-inner{position: relative;}
.aa9-60-works-2 .wpo-projects .grid .project-inner .hover-content{background: color-mix(in srgb, color-mix(in srgb, var(--aa9-p), black 16%) 90%, transparent); width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; transform: scale(0.7, 0.7); transition: 0.5s;}
.aa9-60-works-2 .wpo-projects .grid .project-inner .img-holder img{width: 100%;}
.aa9-60-works-2 .wpo-projects .grid:hover .hover-content{opacity: 1; top: 0px; transform: scale(1, 1);}
.aa9-60-works-2 .wpo-projects .grid:hover .hover-content::before{top: 0px;}
.aa9-60-works-2 .wpo-projects .grid .details{width: 100%; padding: 0px 35px 45px; position: absolute; left: 0px; bottom: 0px;}
@media (max-width: 767px){
.aa9-60-works-2 .wpo-projects .grid .details{padding: 0px 20px 30px;}
}
.aa9-60-works-2 .wpo-projects .grid .details h3{font-size: 25px; font-weight: 600; line-height: 1.3em; margin: 0px 0px 0.2em; text-transform: capitalize;}
@media (max-width: 767px){
.aa9-60-works-2 .wpo-projects .grid .details h3{font-size: 16px;}
}
.aa9-60-works-2 .wpo-projects .grid .details h3 a{color: rgb(255, 255, 255);}
.aa9-60-works-2 .wpo-projects .grid .details h3 a:hover{color: rgb(255, 255, 255);}