.datis-projects.projects-style-2 .wrapper{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-start;padding:20px;gap:24px;height:426px;background:#FFF;border-radius:32px;width:100%;box-sizing:border-box}.datis-projects.projects-style-2 .wrapper .project-details .project-excerpt{border-top:1px solid rgb(9 6 37 / .16);border-bottom:1px solid rgb(9 6 37 / .16);padding:20px 0}.datis-projects.projects-style-2 .wrapper .project-details .project-excerpt p{font-style:normal;font-weight:400;font-size:16px;line-height:36px;text-align:right;color:rgb(9 6 37 / .5)}.datis-projects.projects-style-2 .wrapper .project-details .view-project{box-sizing:border-box;width:180px;height:48px;background:var(--datis-primary-color);border:1px solid var(--datis-primary-color);border-radius:1000px;display:flex;flex-direction:row;align-items:center;gap:11px;transition:all 300ms}.datis-projects.projects-style-2 .wrapper .project-details .view-project .view-project-text{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;gap:8px;background:#FFF;border-radius:1000px;border:1px solid var(--datis-primary-color);font-style:normal;font-weight:400;font-size:16px;line-height:36px;text-align:center;color:var(--datis-primary-color);transition:all 300ms;height:100%}.datis-projects.projects-style-2 .wrapper .project-details .view-project .view-project-icon{width:24px;height:24px;transition:all 300ms}.datis-projects.projects-style-2 .wrapper:hover .view-project .view-project-icon{transform:rotate(-405deg)}.datis-projects.projects-style-2 .wrapper:hover .view-project{border:1px solid #fff0}.datis-projects.projects-style-2 .wrapper:hover .view-project .view-project-text{background:var(--datis-secondary-color);color:#FFF;border:1px solid var(--datis-secondary-color)}.datis-projects.projects-style-3 .wrapper{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px;gap:16px;border:1px solid rgb(10 38 71 / .1);border-radius:24px;transition:all 300ms}.datis-projects.projects-style-3:hover .wrapper{background:#0A2647;border:1px solid rgb(10 38 71 / .04);border-radius:24px}.datis-projects.projects-style-3 .wrapper .thumbnail{width:95px;height:95px;background:rgb(0 198 169 / .08);border-radius:16px;overflow:hidden;display:flex;align-content:center;justify-content:center;transition:all 300ms}.datis-projects.projects-style-3:hover .wrapper .thumbnail{border:1px solid var(--datis-primary-color);background:#fff0}.datis-projects.projects-style-3 .wrapper .thumbnail a{display:flex;align-content:center;justify-content:center}.datis-projects.projects-style-3 .wrapper .thumbnail img{height:auto;object-fit:none}.datis-projects.projects-style-3 .wrapper .project-title{font-weight:600;font-size:18px;line-height:32px;text-align:right;color:var(--datis-partially-color);transition:all 300ms;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:220px}.datis-projects.projects-style-3:hover .wrapper .project-title{color:#F6FAFE}.datis-projects.projects-style-3 .wrapper .project-excerpt{font-weight:400;font-size:16px;line-height:34px;text-align:right;color:rgb(10 38 71 / .64);max-width:283px;transition:all 300ms}.datis-projects.projects-style-3:hover .wrapper .project-excerpt{color:#F6FAFE}.datis-projects.projects-style-3 .wrapper .read-more{position:relative;display:flex;justify-content:center;align-items:center;width:64px;height:94px;border-radius:14.08px;z-index:0;transition:all 300ms}.datis-projects.projects-style-3 .wrapper .read-more::before{content:'';position:absolute;left:0;top:0;display:block;width:64px;height:94px;mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2262%22%20height%3D%2294%22%20viewBox%3D%220%200%2062%2094%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.40332%2079.9199L0.403317%2014.0801C0.403317%206.5267%206.5267%200.40332%2014.0801%200.40332L47.4619%200.403318C55.8857%200.403534%2062.3067%207.94579%2060.9629%2016.2617L50.3213%2082.1025C49.2504%2088.7273%2043.5311%2093.5965%2036.8203%2093.5967L14.0801%2093.5967C6.5267%2093.5967%200.40332%2087.4733%200.40332%2079.9199Z%22%20fill%3D%22%23F9E65C%22%20stroke%3D%22%23F9E65C%22%20stroke-width%3D%220.806797%22%2F%3E%0A%3C%2Fsvg%3E);mask-repeat:no-repeat;z-index:1;background:rgb(10 38 71 / .04);transition:all 300ms}.datis-projects.projects-style-3:hover .wrapper .read-more::before{mask-image:url(data:image/svg+xml,%3Csvg%20width%3D%2262%22%20height%3D%2294%22%20viewBox%3D%220%200%2062%2094%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.40332%2079.9199L0.403317%2014.0801C0.403317%206.5267%206.5267%200.40332%2014.0801%200.40332L47.4619%200.403318C55.8857%200.403534%2062.3067%207.94579%2060.9629%2016.2617L50.3213%2082.1025C49.2504%2088.7273%2043.5311%2093.5965%2036.8203%2093.5967L14.0801%2093.5967C6.5267%2093.5967%200.40332%2087.4733%200.40332%2079.9199Z%22%20fill%3D%22%23F9E65C%22%20stroke%3D%22%23F9E65C%22%20stroke-width%3D%220.806797%22%2F%3E%0A%3C%2Fsvg%3E);background:var(--datis-secondary-color)}.datis-projects.projects-style-3 .wrapper .read-more svg{position:relative;z-index:5}@media screen and (max-width :768px){.datis-projects.projects-style-2 .wrapper .projects-thumbnail{width:100%;height:219px}.datis-projects.projects-style-2 .wrapper{flex-direction:column;height:auto}.datis-projects.projects-style-2 .wrapper .project-details{width:100%;height:auto}.projects-nav .projects-nav-line{display:none}.projects-nav{justify-content:center}.datis-project-loop .datis-projects.projects-style-2 .wrapper{width:100%}.datis-project-loop .datis-projects.projects-style-2 .wrapper .projects-thumbnail{width:100%}.datis-project-loop .datis-projects.projects-style-2 .wrapper .project-details{width:100%}.datis-project-loop .datis-projects.projects-style-2 .wrapper .project-details .project-title a{white-space:unset;overflow:unset;text-overflow:unset;max-width:100%;width:100%}.datis-project-loop .datis-projects.projects-style-2 .wrapper .project-details ul.project-metas li.project-meta-item{width:91px;height:97px;gap:8px}.datis-project-loop .datis-projects.projects-style-2 .wrapper .project-details ul.project-metas li.project-meta-item h5.project-meta-title{font-size:12px;font-weight:400}.datis-project-loop .datis-projects.projects-style-2 .wrapper .project-details ul.project-metas li.project-meta-item p.project-meta-desc{font-size:14px;font-weight:600}.datis-project-loop .datis-projects.projects-style-3 .wrapper .read-more{display:none}.datis-project-loop .datis-projects.projects-style-3{width:100%!important}}