.banner-form-main-container{z-index:30;width:90%;margin:-40px auto 0;position:relative}.banner-form-main-container .banner-form-container{background-image:linear-gradient(270deg,#fb3626 10%,#ff5d55d7);border-radius:10px;width:100%;padding:20px 30px 30px;box-shadow:inset 0 1px 4px #eff2e409,inset 0 -1px 4px #f7f7f706}.banner-form-main-container .banner-form-container h4{text-align:center}.banner-form-main-container .banner-form-container form{justify-content:space-evenly;gap:30px;margin-top:18px;display:flex}.banner-form-main-container .banner-form-container form div{flex:1}.banner-form-container form div input{color:#ededed;background-color:#0000;border:1px solid #f7f7f777;border-radius:10px;width:100%;padding-left:14px;font-size:16px}.banner-form-container form div input::placeholder{color:#f7f7f7}.banner-form-container form button{color:var(--bg-gray-secondary);background-color:#0000;border:1px solid #f7f7f777;padding:10px 30px}.banner-form-container form button:hover{color:var(--bg-gradient-secondary);border:1px solid #000}
.brand-section{color:#eaeaf0;min-height:100vh;padding:90px 8%}.brand-header{text-align:center;max-width:900px;margin:0 auto 70px}.brand-header h1{letter-spacing:1px;color:#fff;margin-bottom:15px;font-size:3rem;font-weight:800}.brand-header p{color:#a1a1b3;font-size:1.05rem}.brand-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.brand-card{border:1px solid #ffffff0d;border-radius:20px;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 10px 35px #0009}.brand-card:hover{border-color:#ffffff1f;transform:translateY(-10px)}.brand-img{position:relative;overflow:hidden}.brand-img img{object-fit:cover;filter:brightness(.9)contrast(1.05);width:100%;height:260px;transition:all .6s}.brand-card:hover .brand-img img{filter:brightness()contrast(1.1);transform:scale(1.05)}.brand-content{text-align:left;flex-direction:column;gap:10px;padding:22px 20px 26px;display:flex}.brand-content h3{color:#fff;margin-bottom:8px;font-size:1.25rem;font-weight:700}.brand-content p{color:#b3b3c6;font-size:.95rem;line-height:1.5}.brand-content .name-batch{justify-content:space-between;display:flex}.brand-content .name-batch span{border:1px solid #00ff6a;border-radius:40px;padding:2px 12px;font-size:14px}.dot{background:#00ff6a;border-radius:50%;width:10px;height:10px;margin-right:2px;display:inline-block;position:relative}.dot:after{content:"";background:#00ff6a40;border-radius:50%;animation:1.5s ease-out infinite pulse-ring;position:absolute;inset:-6px}.dot:before{content:"";filter:blur(4px);background:#00ff6a66;border-radius:50%;animation:1.5s ease-in-out infinite pulse-glow;position:absolute;inset:-2px}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.4)}to{opacity:0;transform:scale(1.8)}}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.9;transform:scale(1.3)}}@media (max-width:1024px){.brand-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.brand-grid{grid-template-columns:1fr}.brand-header h1{font-size:2.2rem}}
:root{--font-default:"Barlow",sans-serif;--font-heading:"Barlow",sans-serif;--fontawesome:"Font Awesome 5 Pro";--black:#000;--dark:#0e0f11;--dark-secondary:#18191b;--dark-optional:#2a2d32;--white:#fff;--color-primary:#e4202a;--color-secondary:#e4202a;--color-heading:#04000b;--color-paragraph:#666;--box-shadow-primary:-1px 3px 10px 0 #0009;--box-shadow-secondary:0 10px 30px 0 #2c82ed66;--box-shadow-regular:0px 2px 12px 0px #e7e7e7;--bg-gray:#f2f3ef;--bg-gray-secondary:#eff2e4;--border-color-lite:#f7f7f760;--border-color:#99999917;--dashboard-grid-layout:3;--bg-gradient:linear-gradient(45deg,var(--bg-gray)0%,var(--bg-gray-secondary)50%);--bg-gradient-secondary:linear-gradient(90deg,#edf5ff 0%,#ccdff7 100%)}#dashboard{background:repeating-linear-gradient(45deg,#161616,#161616 1px,#0000 1px 10px)}.dashboard-main-container{padding:10px}.dashboard-main-container .dashboard-container{background-image:radial-gradient(#1a1a1ae8,#1d1d1dfe);border-radius:10px;grid-template-columns:repeat(12,1fr);padding:10px 0;display:grid}.dashboard-main-container .dashboard-container aside{grid-column:1/var(--dashboard-grid-layout);border-right:2px dashed var(--border-color-lite);flex-direction:column;gap:30px;padding:0 10px 0 14px;display:flex}.dashboard-container aside .dashboard-li-links ul{flex-direction:column;gap:8px;display:flex}.dashboard-container aside .dashboard-li-links ul li i{font-size:20px;font-weight:500}.dashboard-container aside .dashboard-li-links ul li{cursor:pointer;color:#f5f5f5;border-radius:10px;justify-content:start;align-items:center;gap:10px;padding:12px 10px 12px 14px;font-size:20px;font-weight:500;transition:all .2s ease-in-out;display:flex}.dashboard-li-links ul li:hover{background-color:#f7f7f713}.dashboard-li-links ul li.active{color:#fff;background:linear-gradient(90deg,#ff3c3c8e,#ff3c3c9d);border-left:4px solid #ff2b2b}.dashboard-main-container .dashboard-container .right-side{grid-column:var(--dashboard-grid-layout)/-1;flex-direction:column;gap:20px;padding:10px 20px;display:flex}.dashboard-container .right-side .dashboard-heading{justify-content:space-between;align-items:top;display:flex}.dashboard-container .right-side .dashboard-heading p{margin-bottom:0}.right-side .dashboard-heading .admin-image{gap:10px;display:flex}.dashboard-heading .admin-image .do-it-image{width:40px;height:40px}.right-side .dashboard-heading .admin-image div{flex-direction:column;align-items:start;display:flex}.right-side .dashboard-heading .admin-image p{color:#fff;font-size:16px;font-weight:500}.right-side .dashboard-heading .admin-image a{color:var(--color-primary);cursor:pointer;font-size:16px;font-weight:400;text-decoration:underline}.dashboard-stats .stats-container p{margin-bottom:0}.dashboard-container .right-side .dashboard-heading h2{margin-bottom:10px}.dashboard-container .right-side .dashboard-heading p{font-size:16px}.dashboard-stats .stats-container{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.dashboard-stats .stats-container>div{border:1px solid var(--border-color);background-color:#262629;border-radius:10px;flex-direction:column;justify-content:center;align-items:start;padding:30px 20px;display:flex}.dashboard-stats .stats-container>div:hover{background-color:#262629b9}.stats-div .go-add,.stats-div .go-delete{align-items:center;gap:10px;display:flex}.stats-div p span{border-radius:40px;width:10px;height:10px}.stats-div .go-add span{background-color:green}.stats-div .go-delete span{background-color:#e4202a}.dashboard-stats .stats-container .stats-div h5{justify-content:space-between;width:100%;font-size:30px;display:flex}.stats-div p a{cursor:pointer;font-weight:400}.stats-div .go-add a:hover,.stats-div .go-delete a:hover{color:var(--bg-gray-secondary)}.dashboardTestmonial-clients{gap:20px;display:flex}.dashboardTestmonial-clients .dashboard-testmonial,.dashboardTestmonial-clients .dashboard-clients{flex:1}.dashboard-testmonial .dashboard-testmonial-container,.dashboard-clients .client-testmonial-container{border:1px solid var(--border-color);background-color:#262629;border-radius:10px;gap:20px;height:100%;max-height:400px;padding:0 20px 30px;overflow-y:scroll}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#222;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#222}.dashboard-divide{border-bottom:2px dashed var(--border-color);width:100%;height:1px;margin:14px 0}.dashboard-testmonial .dashboard-testmonial-container h3,.dashboard-clients .client-testmonial-container h3{background-color:#262629;padding-top:30px;padding-bottom:8px;position:sticky;top:0}.dashboard-testmonial .dashboard-testmonial-container>div{align-items:start;gap:10px;display:flex}.dashboard-testmonial .dashboard-testmonial-container>div p{margin:0;padding:0}.client-image{width:40px;height:40px}.dashboard-clients .client-testmonial-container .dashboard-user-detail{flex-direction:column;gap:6px;display:flex}.client-testmonial-container .dashboard-user-detail p,.client-testmonial-container .dashboard-user-detail h4{margin:0}.client-testmonial-container .dashboard-user-detail>div{display:flex}.client-testmonial-container .dashboard-user-detail>div *{flex:1}.client-testmonial-container .dashboard-user-detail>div .user-mobile{text-align:right}.client-testmonial-container .dashboard-user-detail>div .user-email{text-align:center}.dashboard-portfolio-container,.dashboard-portfolio-container .video-upload-form{flex-direction:column;gap:20px;display:flex}.dashboard-portfolio-container .video-upload-form>div{flex-direction:column;flex-basis:50%;gap:4px;display:flex}.dashboard-portfolio-container .video-upload-form>div option{color:#fff;background-color:#262629}.dashboard-portfolio-container .video-upload-form>div input,.dashboard-portfolio-container .video-upload-form>div select,.dashboard-portfolio-container .video-upload-form>div textarea{color:#fff;background-color:#0000;border:1px solid #444;border-radius:8px;height:100%;min-height:20px;padding:8px}.dashboard-portfolio-container .video-upload-form>div select,.dashboard-portfolio-container .video-upload-form>div textarea{padding:10px}.portfolio-video-image{gap:20px;display:flex}.portfolio-video-image .dashboard-portfolio-video,.portfolio-video-image .dashboard-portfolio-image{border:1px solid var(--border-color);background-color:#262629;border-radius:10px;flex:1;gap:20px;height:100%;max-height:400px;padding:0 20px 30px;overflow-y:scroll}.video-upload-form>div .dashboard-upload-video-image{align-items:center;gap:20px;display:flex}.video-upload-form>div .dashboard-upload-video-image div{align-items:center;gap:4px;display:flex}.portfolio-video-image .dashboard-portfolio-video h3,.portfolio-video-image .dashboard-portfolio-image h3{background-color:#262629;padding-top:30px;padding-bottom:8px;position:sticky;top:0}.portfolio-video-image .dashboard-portfolio-video .dashboard-video-detail{flex-direction:column;gap:6px;display:flex}.dashboard-portfolio-video .dashboard-video-detail p,.dashboard-portfolio-video .dashboard-video-detail h4{margin:0}.dashboard-portfolio-video .dashboard-video-detail>div{display:flex}.dashboard-portfolio-video .dashboard-video-detail>div *{flex:1}.dashboard-portfolio-video .dashboard-video-detail>div p{text-align:right}.dashboard-portfolio-video .dashboard-video-detail>div .video-name{text-align:center}.video-upload-form .upload-btn{align-self:flex-start;width:fit-content;padding:10px 20px}.dashboard-video-detail .tags-and-delete{justify-content:space-between;align-items:center;display:flex}.dashboard-video-detail .tags-and-delete i{color:#ff2626;cursor:pointer}.dashboard-brand-logo-container{flex-direction:column;gap:20px;display:flex}.brandlogo-form .form-group{flex-direction:column;margin-bottom:15px;display:flex}.brandlogo-form input{color:#fff;background:0 0;border:1px solid #444;border-radius:6px;padding:10px}.upload-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-weight:500;transition:all .3s}.upload-btn:hover{opacity:.85;color:#fff!important}.brandlogo-display-column{background:#262629;border-radius:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;max-height:400px;padding:0 30px 20px;display:grid;overflow-y:scroll}.brandlogo-display-column h3{z-index:4;background-color:#262629;grid-column:1/-1;padding-top:20px;padding-bottom:10px;position:sticky;top:0}.brandlogo-image-box{background:#1f1f1f;border:1px solid #2f2f2f;border-radius:10px;justify-content:center;align-items:center;padding:10px;transition:all .3s;display:flex}.brandlogo-image-box:hover{border-color:#ff2b2b}.brandlogo-image-box img{object-fit:contain;width:100%;height:80px}.dashboard-user-data{background:#262629;border:1px solid #2f2f2f;border-radius:10px;margin-top:20px;padding:20px 30px}.user-heading{margin-bottom:20px}.user-table{flex-direction:column;display:flex}.user-table-header,.user-table-row{grid-template-columns:70px 1.3fr 2fr 1.3fr 2fr 1fr;align-items:center;column-gap:20px;padding:12px 0;display:grid}.user-table-header{border-bottom:1px solid #333;border-bottom-right-radius:8px;border-bottom-left-radius:8px;padding-bottom:16px;font-weight:600}.user-table-row{border-bottom:1px solid #333;border-bottom-right-radius:8px;border-bottom-left-radius:8px;font-size:16px}.user-table-row a{font-weight:500}.user-table-row:hover{background:#1f1f1f94}.user-name{font-weight:500}.user-message{opacity:.7}.action-icon{gap:10px;display:flex}.action-icon .delete{color:#ff2626;cursor:pointer}.action-icon .edit{cursor:pointer;color:#33b400}.add-client-testmonial{grid-template-columns:1fr 2fr;gap:20px;margin-top:20px;display:grid}.testimonial-form-box{background:#1f1f1f;border:1px solid #2f2f2f;border-radius:10px;max-height:fit-content;padding:20px;position:sticky;top:10px}.testimonial-form{flex-direction:column;gap:12px;display:flex}.testimonial-form input,.testimonial-form textarea{color:#fff;background:0 0;border:1px solid #444;border-radius:6px;padding:10px}.testimonial-display-box{background:#262629;border:1px solid #2f2f2f;border-radius:10px;height:fit-content;padding:20px}.testimonial-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:15px;margin-bottom:25px;display:grid}.testimonial-card{background:#1f1f1f;border:1px solid #333;border-radius:10px;padding:15px}.testimonial-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.testimonial-user{align-items:center;gap:10px;display:flex}.testimonial-avatar{background:#333;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.testimonial-text{opacity:.8;font-size:13px}.testimonial-table-header{grid-template-columns:70px 1.5fr 3fr 1fr;align-items:center;padding:10px 0;display:grid}.testimonial-table-row>.testmonial-table-main-detail{grid-template-columns:70px 1.5fr 3fr 1fr;align-items:start;padding:10px 0;display:grid}.testmonial-table-main-detail .testmonial-table-image-name{align-items:center;gap:8px;display:flex}.testmonial-table-main-detail .testmonial-table-client-image{width:40px;height:40px}.testimonial-table-header{border-bottom:1px solid #3a3a3a;border-bottom-right-radius:8px;border-bottom-left-radius:8px;font-weight:600}.testimonial-table-row{border-bottom:1px solid #333;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.testimonial-table-row .testmonial-table-other-detail{gap:10px;margin-bottom:8px;font-size:15px;display:flex}.testimonial-row-text{opacity:.7}.testimonial-actions{cursor:pointer;justify-content:center;gap:10px;display:flex}.testimonial-actions .delete{color:#ff2626;cursor:pointer}.testimonial-actions .edit{cursor:pointer;color:#33b400}
