.two-section-header{display:grid;grid-template-columns:50% 50%}.container{width:100%;display:flex;justify-content:center;z-index:2;position:relative}.container .content{width:1400px}@media only screen and (max-width: 1400px){.container .content{width:calc(100% - 40px)}}.container .main{margin-top:40px}.section-margin{margin-top:150px}@media screen and (max-width: 768px){.section-margin{margin-top:60px}}.container-html-bg{overflow:hidden;position:relative}.container-html-bg .content-wrapper{display:flex;justify-content:center;position:relative}.container-html-bg .content{width:1400px}@media only screen and (max-width: 1400px){.container-html-bg .content{width:calc(100% - 40px)}}.container-html-bg .background{width:100%;height:100%;position:absolute;top:0}@media screen and (max-width: 768px){.container-html-bg{padding-bottom:20px}}.telegram{background-image:url(../media/ic_baseline-telegram-6a724227acb9f8d576ca.svg)}.telegram:hover{background-image:url(../media/ic_baseline-telegram-7097f6d7a2bfe2928d0d.svg)}.whatsapp{background-image:url(../media/ri_whatsapp-fill-d292489dc236aa1a0f14.svg)}.whatsapp:hover{background-image:url(../media/ri_whatsapp-fill-01ea5a19196221c2e440.svg)}.builder-blue{background-image:url(../media/noun-builder-d7d8e598f071d81a08d5.svg)}.builder-white{background-image:url(../media/noun-builder-bc07ba3f7fecd80903e0.svg)}.hotel-blue{background-image:url(../media/noun-hotel-f6e54a6ce61d03ffc8c7.svg)}.hotel-white{background-image:url(../media/noun-hotel-9edbe2035690fa275e50.svg)}.hospital-blue{background-image:url(../media/noun-hospital-sign-ea078afbc8ff855b74a9.svg)}.hospital-white{background-image:url(../media/noun-hospital-sign-9fb097f28979ce81959d.svg)}.factory-blue{background-image:url(../media/ph_factory-e151602c621e3c1844f2.svg)}.factory-white{background-image:url(../media/ph_factory-98025a6e61f0defa4223.svg)}.left-arrow-white{background-image:url(../media/arrow_left-6525872263bfb6ba3b2d.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.left-arrow-gray{background-image:url(../media/arrow_left-36dcd97c7f051728cad6.svg);background-repeat:no-repeat;background-position:center}.left-arrow-blue{background-image:url(../media/left_arrow-599c75015f530ec2833a.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.right-arrow-white{background-image:url(../media/arrow_right-4fa87a9c533ae4188d1b.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.right-arrow-gray{background-image:url(../media/arrow_right-40271e3f8019ae4b0880.svg);background-repeat:no-repeat;background-position:center}.right-arrow-blue{background-image:url(../media/right_arrow-b422caceba5946657840.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.paginator-wrapper{margin-top:40px;position:relative}.paginator{left:50%;transform:translateX(-50%);display:flex;gap:5px;justify-content:center;width:100%;position:absolute}.paginator .pages-wrapper{width:50%;overflow:auto;flex-basis:auto;overflow-y:hidden}.paginator .pages{display:flex;min-width:fit-content;gap:5px}.paginator a{width:40px;height:40px;display:flex;justify-content:center;align-items:center;text-decoration:none;border:2px solid #cad1ee;min-width:fit-content}.paginator a p{display:flex;align-items:center;font-weight:600}.paginator a div{width:15px;height:15px}.paginator a .left-white{display:none}.paginator a .right-white{display:none}.paginator .active{background-color:#0f64da;border-color:#0f64da;color:#fff}.paginator a:hover{background-color:#0f64da;border-color:#0f64da;color:#fff}.paginator a:hover .left-gray{display:none}.paginator a:hover .right-gray{display:none}.paginator a:hover .left-white{display:block}.paginator a:hover .right-white{display:block}.text-muted{opacity:50%;color:#092e47}.white-text{color:#fff}.description p{line-height:25px;margin-bottom:20px}.description p:last-child{margin-bottom:0}.breadcrumb{display:flex;gap:30px;row-gap:10px;margin-top:20px;margin-bottom:35px;flex-wrap:wrap}.breadcrumb .breadcrumb-item{position:relative}.breadcrumb .breadcrumb-item a{text-decoration:none}.breadcrumb .breadcrumb-item::after{background-color:#092e47;opacity:50%;z-index:1;content:"";width:15px;height:2px;position:absolute;top:50%;transform:translateY(-50%);left:calc(100% + 8.5px);display:block}.breadcrumb .breadcrumb-item:last-child::after{display:none}body{margin:0;font-family:"Inter",sans-serif;color:#092e47;overflow-x:hidden}ul{margin:0;padding:0}img{width:100%;height:auto}p{margin:0;font-size:16px;font-weight:400;line-height:25px}h1,h2,h3{font-weight:600;margin:0;font-size:42px;line-height:50px;margin-block-start:0}li{list-style-type:none}a{color:inherit;font-family:inherit}@media screen and (max-width: 768px){h2{font-size:36px}h1{font-size:36px}}@media screen and (max-width: 480px){h2{font-size:28px;line-height:40px}h1{font-size:28px;line-height:40px}}.hide-scroll{overflow:hidden}video::-webkit-media-controls-panel{display:flex !important;opacity:1 !important}.image-overlay{overflow:hidden;position:relative}.image-overlay .body{padding:10px;position:relative}.image-overlay img{position:absolute;top:0;z-index:-1}@media screen and (max-width: 1024px){.image-overlay .image-wrapper img{height:100%;width:auto}}button{border:0}.button{color:#fff;background-color:#0f64da;padding:15px 30px 15px 30px;font-family:"Inter",sans-serif;font-weight:600;font-size:16px;line-height:25px;cursor:pointer}.white-button{padding:15px 30px 15px 30px;font-family:"Inter",sans-serif;font-weight:600;font-size:16px;cursor:pointer;background-color:#fff;color:#0f64da}.button:hover{background-color:rgba(15,100,218,.8)}.nav-button:hover{background-color:#0f64da}.nav-button:hover .white{display:block}.nav-button:hover .blue{display:none}.nav-button{background:#fff;cursor:pointer;padding:20px;border-radius:50%;width:50px;height:50px;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:0px 4px 5px rgba(183,192,204,.7)}.nav-button div{width:9px;height:15px}.nav-button .white{display:none}@media screen and (max-width: 768px){.nav-button{width:40px;height:40px}}.project-card{overflow:hidden;height:400px;position:relative}.project-card .project-card-wrapper{position:relative;height:100%}.project-card .project-card-wrapper .project-card-content{height:100%;display:flex;flex-direction:column;color:#fff;justify-content:space-between}.project-card .project-card-wrapper .project-card-content div{font-size:22px;font-weight:600;line-height:30px}.project-card .project-card-wrapper .project-card-content div{display:block}.project-card .project-card-wrapper .project-card-content div button{margin-top:30px;padding-left:60px;padding-right:60px}.project-card .project-card-wrapper .project-card-content div p{line-height:25px}.project-card .project-card-wrapper .project-card-content .item{margin-left:30px;margin-right:30px}.project-card .project-card-wrapper .project-card-content .item:first-child{margin-top:30px}.project-card .project-card-wrapper .project-card-content .item:last-child{margin-bottom:30px;display:none}.project-card .project-title{text-decoration:none}.project-card .project-card-bg{z-index:-1;width:100%;height:100%;position:absolute;top:0}.project-card .project-card-bg *{position:absolute}.project-card .project-card-bg div{height:100%;width:100%;z-index:-2;background:linear-gradient(0deg, rgba(9, 46, 71, 0.3), rgba(9, 46, 71, 0.3))}.project-card .project-card-bg img{z-index:-3}@media screen and (max-width: 1200px){.project-card .project-card-bg img{z-index:-3;height:100%;width:auto;min-width:0}}@media screen and (max-width: 768px){.project-card .project-card-wrapper .project-card-content div p{font-size:14px}.project-card .project-card-wrapper .project-card-content .item{margin-left:15px;margin-right:15px}.project-card .project-card-wrapper .project-card-content .item:first-child{margin-top:15px}.project-card .project-card-wrapper .project-card-content .item:last-child{margin-bottom:15px}}.project-card:hover .project-card-bg>div{background:linear-gradient(0deg, rgba(15, 100, 218, 0.9), rgba(15, 100, 218, 0.9)),linear-gradient(0deg, rgba(9, 46, 71, 0.3), rgba(9, 46, 71, 0.3))}.project-card:hover .project-card-content>.item:last-child{display:block}.realized-project-grid{display:grid;grid-template-columns:repeat(2, 50%);gap:4px}@media screen and (max-width: 1024px){.realized-project-grid{grid-template-columns:1fr}}

/*# sourceMappingURL=realized_projects.css.map*/