//home/u917864144/domains/dtdesigner.in/public_html/assets/css
6 items
NAME ↑ SIZE MODIFIED PERMS ACTIONS
.. / Parent Directory
creative-studio.css — 9.69 KB
2025-05-10 09:19 · rw-rw-rw-
9.69 KB 2025-05-10 09:19 rw-rw-rw-
custom.css — 9.21 KB
2025-05-10 09:19 · rw-rw-rw-
9.21 KB 2025-05-10 09:19 rw-rw-rw-
inner_pages.css — 35.71 KB
2025-05-10 10:10 · rw-rw-rw-
35.71 KB 2025-05-10 10:10 rw-rw-rw-
main-home.css — 8.23 KB
2025-05-10 09:19 · rw-rw-rw-
8.23 KB 2025-05-10 09:19 rw-rw-rw-
personal.css — 8.32 KB
2025-05-10 09:19 · rw-rw-rw-
8.32 KB 2025-05-10 09:19 rw-rw-rw-
swiper-bundle.css — 22.5 KB
2025-05-10 09:19 · rw-rw-rw-
22.5 KB 2025-05-10 09:19 rw-rw-rw-
ONLINE
css
6 items
15:31:28
TERMINAL FM
NAVIGATION
ACTIONS
SELECTION
Edit
Preview
Download
Rename
Copy
Chmod
Delete
:root { --bg-color: #100F0F; --theme-color: #1E1D1E; --main-color: #d0ff71; } /* --------------- header --------------- */ .header-cst { padding: 160px 0 120px; background: var(--theme-color); border-radius: 0 0 30px 30px; position: relative; z-index: 4; } .header-cst .title { margin: 15px 0; } .header-cst .title .bract { font-size: 14px; margin-bottom: 15px; } .header-cst .title .bract span { padding: 0 10px; } .header-cst .title h1 { font-size: 140px; font-weight: 600; text-transform: uppercase; } .header-cst .fit-img { height: 160px; width: 100%; border-radius: 100px; } .header-cst .img-out { position: absolute; top: 0; right: 0; bottom: 0; width: 40vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 0 100px 100px 0; } .header-cst .img-out .vid-butn .vid { width: 120px; height: 120px; line-height: 120px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.8); background: rgba(255, 255, 255, 0.05); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); border-radius: 50%; position: absolute; top: 50%; right: 30px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .header-cst .img-out .vid-butn .vid:hover { background: #fff; color: #000; } @media screen and (max-width: 992px) { .header-cst .img-out { position: static; -webkit-transform: none; -ms-transform: none; transform: none; width: 100%; border-radius: 100px; } .header-cst .ml-40 { margin-left: 0 !important; } .header-cst .text { display: none; } } @media screen and (max-width: 768px) { .header-cst .title h1 { font-size: 60px; } .header-cst .img-out { height: 120px; } .header-cst .img-out .vid-butn .vid { height: 100px; width: 100px; line-height: 100px; } } /* --------------- Intro --------------- */ .marquee { background-size: cover; background-position: center; border-radius: 0 0 30px 30px; margin-top: -100px; overflow: hidden; } .marquee .item { padding: 105px 80px 0 !important; } .marquee .item:nth-of-type(even) h2 span { color: transparent !important; -webkit-text-stroke: .2px #fff; } .marquee .item h2 { font-size: 100px; font-weight: 600; } .numbers .item h2 { font-size: 60px; } .numbers .item span { font-size: 18px; line-height: 1.4; margin-left: 30px; } .numbers .item.bords { position: relative; } .numbers .item.bords:after, .numbers .item.bords:before { content: ''; position: absolute; top: -30px; bottom: -30px; left: -50px; border-left: 1px solid #999; -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } .numbers .item.bords:after { left: auto; right: 50px; } /* --------------- Works --------------- */ .work-card .card-item { margin-bottom: 50px; padding: 30px 40px; background: #333333; border-radius: 15px; } .work-card .card-item .img { position: relative; height: 450px; border-radius: 15px; overflow: hidden; } .work-card .card-item .tags a { color: #ccc; font-size: 14px; padding: 10px 20px 8px; border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.3); margin-bottom: 15px; } @media screen and (max-width: 992px) { .work-card .butn { margin-top: 15px; } } @media screen and (max-width: 768px) { .work-card h3 { font-size: 30px; } .work-card .card-item { padding: 30px 15px; } .work-card .card-item .img { height: 350px !important; } } /* --------------- Services --------------- */ .services-cst { position: relative; z-index: 3; } .services-cst .item { padding: 25px 15px; border-top: 1px solid rgba(255, 255, 255, 0.2); position: relative; } .services-cst .item:last-of-type { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .services-cst .item:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: var(--main-color); -webkit-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; z-index: -1; } .services-cst .item > div { width: 100%; } .services-cst .item h2 { font-size: 65px; font-weight: 600; text-transform: uppercase; padding-top: 15px; } .services-cst .item .icon img { width: 30px; } .services-cst .item.active { color: #1E1D1E; } .services-cst .item.active:after { height: 100%; } .services-cst .item.active .invert img { -webkit-filter: invert(0) !important; filter: invert(0) !important; } .services-cst .item.active p { color: #4d4949; } .numbers-dm .item h2 { font-size: 120px; font-weight: 200; } .numbers-dm .item h2 span { font-size: 50px; } .numbers-dm .item h6 { font-size: 18px; } @media screen and (max-width: 768px) { .services-cst .item p { margin-top: 20px; } .services-cst .item .ml-auto { margin-left: 0 !important; margin-top: 15px; } } /* --------------- Clients --------------- */ .header-cst .brands .item .img { max-height: 80px; text-align: center; margin: auto; } .header-cst .brands .item .img img { width: auto; } /* --------------- Testimonials --------------- */ .testimonials-cst .img-main { position: absolute; top: 0; right: 0; width: 50%; bottom: 15%; border-radius: 15px; } .testimonials-cst .qoute-icon { position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin-right: 40px; opacity: .2; } .testimonials-cst .qoute-icon img { width: 100px; } .testimonials-cst .testim-box { padding: 40px 60px; background: #D9D9D9; border-radius: 15px; position: relative; z-index: 4; } .testimonials-cst .item h5 { font-weight: 400; line-height: 1.3; } .testimonials-cst .item .rate { font-size: 14px; } .testimonials-cst .swiper { padding-bottom: 55px; } .testimonials-cst .controls { background-image: url(../imgs/smoke-bg.jpg); background-size: cover; border-radius: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 50px; position: relative; } .testimonials-cst .controls .swiper-button-next:after, .testimonials-cst .controls .swiper-button-prev:after { display: none; } .testimonials-cst .controls .swiper-button-next .icon img, .testimonials-cst .controls .swiper-button-prev .icon img { width: 50px; } .testimonials-cst .controls .swiper-button-next { right: 30px; } .testimonials-cst .controls .swiper-button-prev { left: 30px; } @media screen and (max-width: 992px) { .testimonials-cst .img-main { display: none; } .testimonials-cst .qoute-icon { margin-bottom: 30px; } .testimonials-cst .controls { margin-top: 30px; } .numbers .item { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .numbers .item.bords { margin: 0 0 40px; } .numbers .item.bords:after { display: none; } } @media screen and (max-width: 768px) { .testimonials-cst .fz-70 { font-size: 45px !important; text-wrap: pretty; } .testimonials-cst .sec-head { position: relative; z-index: 15; margin-bottom: 50px !important; } .testimonials-cst .testim-box { padding: 30px; } .testimonials-cst .testim-box .qoute-icon img { width: 50px; height: 50px; margin-bottom: 20px; } .testimonials-cst .controls { margin-top: 30px; } .numbers .item { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .numbers .item.bords { margin: 40px 0; } .numbers .item.bords:after, .numbers .item.bords:before { display: none; } } /* --------------- Awards --------------- */ .awards .main-marq { overflow: hidden; } .awards .main-marq .item h2 { font-size: 10vw; white-space: nowrap; } .awards .main-marq .box:first-of-type .item:nth-of-type(even) h2 { font-weight: 300; } .awards .main-marq .box:last-of-type .item:nth-of-type(odd) h2 { font-weight: 300; } .awards .awards-content .awards-list .award-row { padding: 30px; text-transform: capitalize; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-top: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.3s ease; } .awards .awards-content .awards-list .award-row:last-of-type { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .awards .awards-content .awards-list .award-row:hover { background-color: var(--main-color); color: #0d0d0d; } .awards .awards-content .awards-list .award-row:hover p { color: #444; } .awards .awards-content .awards-list .award-row p { font-size: 15px; } @media screen and (max-width: 991px) { .awards .awards-content .awards-list .award-row { background-color: #fff1; margin-bottom: 30px; } } /* --------------- Blogs --------------- */ .blog-cst .item .img { height: 6em; border-radius: 15px; } .blog-cst .item .cont h5 { font-weight: 400; text-wrap: pretty; margin-bottom: 10px; } .blog-cst .item .cont span { font-size: 14px; font-weight: 300; text-transform: uppercase; line-height: 1.3; } @media screen and (max-width: 768px) { .blog-cst .sec-head h2 { margin-bottom: 30px; } .blog-cst .item { margin-top: 50px; } .blog-cst .item .img { height: 150px; border-radius: 15px; } }