You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
2.5 KiB
1 lines
2.5 KiB
.case-page .section__banner{background-image:url(../assets/banner-DqZv4Cs3.png)}.case-page .cp-section-1 .section__inner .section__inner_head{padding:3.75rem 15.625rem .875rem}.case-page .cp-section-1 .section__inner .section__header{margin-bottom:3.75rem}.case-page .cp-section-1 .section__inner .section__inner_body{padding:2.75rem 15.625rem;background:#fafafa}.case-page .cp-section-1 .nav{gap:4.375rem;flex-wrap:nowrap;overflow:auto;-webkit-overflow-scrolling:touch}.case-page .cp-section-1 .nav .nav-item{flex-shrink:0;padding:.75rem 1.625rem;border-radius:.75rem;color:#555;font-family:"OPPO Sans 4.0";font-style:Regular;font-size:var(--font-20);font-weight:400;line-height:var(--font-23);letter-spacing:0px;text-align:center;cursor:pointer}.case-page .cp-section-1 .nav .nav-item.active{color:var(--color-white);background-color:var(--color-primary)}.case-page .cp-section-1 .case-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto);row-gap:.875rem;column-gap:1.1875rem}.case-page .cp-section-1 .case-card{border-radius:1.75rem;background:#fff;padding:1.25rem 1.25rem 2.1875rem;display:flex;flex-direction:column;box-shadow:.25rem .25rem 1.25rem #0000000d;transition:transform .3s ease}.case-page .cp-section-1 .case-card .card-image{width:100%;height:12.25rem;margin-bottom:1rem}.case-page .cp-section-1 .case-card .card-image img{width:100%;height:100%;display:block;object-fit:cover}.case-page .cp-section-1 .case-card .card-content .card-title{color:#000;font-family:"OPPO Sans 4.0";font-style:Medium;font-size:var(--font-20);font-weight:500;line-height:var(--font-23);letter-spacing:0px;text-align:left;margin-bottom:1rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}.case-page .cp-section-1 .case-card .card-content .card-desc{color:#838383;font-family:"OPPO Sans 4.0";font-style:Light;font-size:var(--font-18);font-weight:300;line-height:var(--font-26);min-height:4.5rem;letter-spacing:0px;text-align:justify;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.case-page .cp-section-2{padding:3.25rem 15.625rem 11.875rem;background:#fafafa}.case-page .cp-section-2 .section__inner .section__header{margin-bottom:5.25rem}@media(max-width:992px){:root{--p-x: 20Px}.cp-section-1 .section__inner_head,.cp-section-1 .section__inner_body{padding-left:var(--p-x)!important;padding-right:var(--p-x)!important}.cp-section-1 .case-grid{grid-template-columns:repeat(2,1fr)!important}}
|