.datis-project-loop .datis-projects.projects-style-2 .wrapper{height:100%;width:467px}.datis-projects.projects-style-2 .wrapper .projects-thumbnail{width:269px;height:386px;border-radius:20px;overflow:hidden}.datis-project-loop .datis-projects.projects-style-2 .wrapper .projects-thumbnail{width:200px;height:420px}.datis-projects.projects-style-2 .wrapper .projects-thumbnail img{width:100%;height:100%;object-fit:cover}.datis-projects.projects-style-2 .wrapper .project-details{display:flex;flex-direction:column;align-items:flex-start;padding:15px 0;gap:15px;width:297px;height:386px}.datis-project-loop .datis-projects.projects-style-2 .wrapper .project-details{width:203px;height:100%}.datis-projects.projects-style-2 .wrapper .project-details .project-title a{font-style:normal;font-weight:600;font-size:16px;line-height:32px;text-align:right;color:var(--datis-secondary-color)}.datis-project-loop .datis-projects.projects-style-2 .wrapper .project-details .project-title a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:203px;width:203px;display:block}.datis-projects.projects-style-2 .wrapper .project-details ul.project-metas{list-style:none;display:flex;gap:12px;align-items:center}.datis-project-loop .datis-projects.projects-style-2 .wrapper .project-details ul.project-metas{width:100%;gap:5px;justify-content:space-between}.datis-projects.projects-style-2 .wrapper .project-details ul.project-metas li.project-meta-item{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px;gap:8px;width:91px;height:97px;background:rgb(9 6 37 / .03);border-radius:16px}.datis-project-loop .datis-projects.projects-style-2 .wrapper .project-details ul.project-metas li.project-meta-item{width:65px;height:77px;gap:4px}.datis-projects.projects-style-2 .wrapper .project-details ul.project-metas li.project-meta-item h5.project-meta-title{font-style:normal;font-weight:400;font-size:14px;line-height:22px;text-align:center;color:rgb(9 6 37 / .5)}.datis-project-loop .datis-projects.projects-style-2 .wrapper .project-details ul.project-metas li.project-meta-item h5.project-meta-title{font-size:10px;font-weight:300}.datis-projects.projects-style-2 .wrapper .project-details ul.project-metas li.project-meta-item p.project-meta-desc{font-style:normal;font-weight:600;font-size:12px;line-height:18px;text-align:center;color:#090625}.datis-project-loop .datis-projects.projects-style-2 .wrapper .project-details ul.project-metas li.project-meta-item p.project-meta-desc{font-size:11px;font-weight:400}.datis-project-loop .datis-projects.projects-style-3{width:49%}.project-page-title{font-size:28px;font-weight:600;color:var(--datis-body-text-color);line-height:42px}.project-single .project-meta{height:144px;background:#FFF;border-radius:32px;padding:32px 56px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:thin}.project-single .project-meta::-webkit-scrollbar{display:none}.project-single .project-meta .meta-item{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;min-width:25%;flex:0 0 auto;white-space:nowrap}.project-single .project-meta .meta-item img{width:40px;height:40px;object-fit:cover}.project-single .project-meta .meta-item .meta-title{font-weight:400;font-size:16px;text-align:right;color:rgb(9 6 37 / .5);line-height:24px}.project-single .project-meta .meta-item .meta-desc{font-weight:600;font-size:17px;display:flex;align-items:center;text-align:right;color:var(--datis-body-text-color);line-height:30px}.project-single .project-comments{box-sizing:border-box}.project-single .heading p{font-size:22px;font-weight:700;line-height:36px;text-align:right;color:var(--datis-body-text-color)}.project-single .heading span{font-weight:400;font-size:16px;line-height:36px;text-align:right;color:rgb(10 38 71 / .64)}.architecture-demo .project-single .heading span{background-clip:text;-webkit-text-fill-color:#fff0;color:#fff0;background-color:#fff0;font-size:32px;font-weight:600;font-style:italic;line-height:32px;letter-spacing:.6px;background-image:linear-gradient(180deg,#09062514 0%,#09062500 65%);margin-bottom:0}.architecture-demo .project-single .heading p{font-size:28px;font-weight:400;color:#09062580;margin-top:-15px}.business-demo .datis-latest-projects-swiper .swiper-button-prev,.business-demo .datis-latest-projects-swiper .swiper-button-next{width:64px;height:64px;border-radius:14.08px;transition:all 300ms;position:relative;z-index:0;display:flex;align-items:center;justify-content:center}.business-demo .datis-latest-projects-swiper .swiper-button-prev::after,.business-demo .datis-latest-projects-swiper .swiper-button-next::after{content:'';position:absolute;width:64px;height:64px;left:0;top:0;mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2260%22%20height%3D%2256%22%20viewBox%3D%220%200%2060%2056%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M14.08%2056C6.30382%2056%20-2.75549e-07%2049.6962%20-6.15456e-07%2041.92L-1.83238e-06%2014.08C-2.17229e-06%206.30383%206.30383%203.53915e-06%2014.08%203.19924e-06L45.591%201.82185e-06C54.8673%201.41637e-06%2061.6087%208.81409%2059.1798%2017.7667L51.6267%2045.6067C49.9624%2051.7413%2044.3943%2056%2038.0379%2056L14.08%2056Z%22%20fill%3D%22%23F9E65C%22%2F%3E%0A%3C%2Fsvg%3E);mask-repeat:no-repeat;mask-position:center;background:var(--datis-secondary-color);mask-size:contain;z-index:-1;transition:all 300ms}.business-demo .datis-latest-projects-swiper .swiper-button-prev{margin-right:-20px}.business-demo .datis-latest-projects-swiper .swiper-button-next::after{mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2260%22%20height%3D%2256%22%20viewBox%3D%220%200%2060%2056%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M37.185%2032.629H29.4068M37.185%2032.629V24.8508M37.185%2032.629L30.3791%2025.8231M26.8141%2022.2581L28.4345%2023.8785%22%20stroke%3D%22%230A2647%22%20stroke-width%3D%221.23483%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M45.92%201.41563e-06C53.6962%201.24216e-06%2060%206.30383%2060%2014.08L60%2041.92C60%2049.6962%2053.6962%2056%2045.92%2056L14.409%2056C5.13272%2056%20-1.60869%2047.1859%200.820184%2038.2333L8.3733%2010.3933C10.0376%204.25874%2015.6057%202.0919e-06%2021.9621%201.9501e-06L45.92%201.41563e-06Z%22%20fill%3D%22%23F9E65C%22%2F%3E%0A%3C%2Fsvg%3E);background:#ECF1F7}.business-demo .datis-latest-projects-swiper .swiper-button-next:hover:after{background:var(--datis-secondary-color)}.latest-projects-nav{width:100%;display:flex;gap:0;flex-direction:row-reverse;align-items:center;padding:0;margin:0;padding:10px;position:absolute;top:-80px;left:0}.business-demo .datis-latest-projects-swiper{overflow-x:clip;overflow-y:visible}.business-demo .swiper-rtl .swiper-button-next svg,.business-demo .swiper-rtl .swiper-button-prev svg{transform:unset!important;width:auto;height:auto}.datis-latest-projects-swiper::after{content:'';position:absolute;width:166px;height:100%;left:-80px;top:0;background:linear-gradient(270deg,#fff0 0%,var(--datis-body-bg-color) 49.48%);z-index:10}.architecture-demo .datis-latest-projects-swiper::after{display:none}.datis-latest-projects-swiper{overflow-x:clip;overflow-y:visible}.architecture-demo .projects-nav{top:unset}.architecture-demo .projects-nav button{background:#fff0;border:none;outline:none;position:relative}.architecture-demo .latest-projects-prev:hover::before,.architecture-demo .latest-projects-next:hover::before,.architecture-demo .latest-projects-prev::before{content:'';position:absolute;width:20px;height:9px;border-radius:1000px;background:var(--datis-primary-color);z-index:-1;top:2.5px;right:4px;transition:all 300ms}.architecture-demo .latest-projects-next:hover::before{right:unset;left:4px}@media screen and (max-width :768px){.project-single .project-meta{padding:32px 24px;margin-top:20px}.project-single .project-meta{gap:30px}.business-demo .datis-latest-projects-swiper .swiper-button-prev::after,.business-demo .datis-latest-projects-swiper .swiper-button-next::after{width:54px;height:54px}.business-demo .datis-latest-projects-swiper .swiper-button-prev,.business-demo .datis-latest-projects-swiper .swiper-button-next{width:54px;height:54px}.datis-project-loop .datis-projects.projects-style-2 .wrapper .project-details .project-title a,.project-single .datis-projects.projects-style-2 .wrapper .project-details .project-title a{max-width:80%;width:100%}.datis-projects.projects-style-2 .wrapper .project-details{width:100%;height:auto}.datis-project-loop .datis-projects.projects-style-2 .wrapper .project-details ul.project-meta,.project-single .datis-projects.projects-style-2 .wrapper .project-details ul.project-meta{justify-content:flex-start}.datis-projects.projects-style-2 .wrapper .projects-thumbnail{width:100%;height:100%;max-height:300px}.datis-project-loop .datis-projects.projects-style-2 .wrapper .project-details,.project-single .datis-projects.projects-style-2 .wrapper .project-details{width:100%;height:auto}.datis-project-loop .datis-projects.projects-style-2 .wrapper,.project-single .datis-projects.projects-style-2 .wrapper{height:100%;width:100%}.datis-project-loop .datis-projects.projects-style-2 .wrapper .project-details ul.project-metas,.project-single .datis-projects.projects-style-2 .wrapper .project-details ul.project-metas{justify-content:flex-start}.architecture-demo .project-single .heading span,.architecture-demo .project-single .heading p{font-size:22px}.datis-project-loop .datis-projects.projects-style-2 .wrapper .projects-thumbnail{width:100%;height:auto}.datis-project-loop .datis-projects.projects-style-2 .wrapper .projects-thumbnail{max-height:unset}}