*,body{margin:0;padding:0}*,.headerpart,body{padding:0}.leftcontent{backdrop-filter:blur(2px);box-sizing:border-box}.face-button,.menu-logo a,.social-box a{text-decoration:none}:root{--color-bg:#f5f5f5;--color-primary:#1b4d3e;--color-bg-content:#fdf7e7;--color-accent:#d4af37;--color-text:#333333;--font-headlines:"Playfair Display";--font-body:"Open--color-accent"}*{font-family:droid}a{cursor:pointer}body{height:100vh;background-color:var(--color-bg)}.headerpart{background-color:var(--color-primary);height:70px}.headerpart img{height:70px;width:70px;margin-left:20px}.social-box a{color:var(--color-bg);margin-right:10px;float:right}@media (max-width:580px){.dashboard-app{display:flex!important}}@media (min-width:580px){.menu-logo{display:none!important}}.dashpord-line{color:var(--color-bg);font-size:25px}.transcript-flex-containar{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;z-index:10;gap:20px;justify-content:center;align-items:center}.dashboard-app{display:none;margin-top:19px}.menu-logo{display:none;background-color:var(--color-bg);margin-top:-20px;min-width:80px;text-align:center;position:absolute;right:0;margin-right:40px}.menu-logo ul{padding:0;width:100%}.menu-logo a{color:var(--color-primary);display:block;padding:5px;width:100%}.menu-logo a:hover{background-color:#6a9386}.flex-container-content{display:flex;flex-direction:row;width:100%;z-index:10;gap:20px;justify-content:left;align-items:center}.card-content{background-color:var(--color-bg-content);height:100%;border-radius:10px;border-style:none;padding:20px}@media (max-width:1000px){.flex-container-content{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;z-index:10;justify-content:left;align-items:center}.watch-btn-contributer{margin:0}.left-content-transcripts{margin-left:32%}.right-content-transcript{padding-left:20%;text-align:justify}.flex-main{padding:0!important}.video-container{margin-left:0!important}.leftcontent{margin-left:15px!important}.videostyle{margin-left:-5px!important}.middel-sec{margin-left:25%}.right-content-transcript{padding-right:20%}}@media (min-width:1000px){.trans-footer{padding-left:60%}}.video-content{background-color:#2d463b}.flex-bayan-part{display:flex;flex-direction:row;width:100%;z-index:10;gap:20px;justify-content:left;align-items:center;background-color:var(--color-bg-content)}.contributer-content{padding:20px;width:100%}.watch-btn-contributer{background-color:var(--color-primary)!important;color:var(--color-bg)!important}.left-content-clip,.left-content-transcripts{display:flex;border-radius:20px!important;text-align:justify;align-items:center;max-width:163px}.img-transcripts{height:100px;width:100px}.quotes-transcripts{background-color:var(--color-primary)}.content-clips,.content-transcript{background-color:var(--color-bg);border-radius:10px!important;border-color:#1b4d3e73}.content-transcript{padding:30px}.leftcontent-h1{font-size:1.5rem;color:var(--color-primary);text-align:left;margin-bottom:20px;border-left:4px solid #fff;padding-left:5px;font-weight:bolder}.transcript-box{border-width:0!important;min-height:200px}.resume .resume-title{color:var(--color-primary);font-size:26px;font-weight:700;margin-top:40px;margin-bottom:40px;text-align:left}.resume .resume-item{padding:0 0 20px 20px;margin-top:-2px;border-left:2px solid var(--color-accent);position:relative;text-align:left;margin-bottom:20px}.resume .resume-item h4{line-height:18px;font-size:18px;font-weight:600;text-transform:uppercase;color:color-mix(in srgb,var(--color-primary),transparent 20%);margin-bottom:10px;text-align:left}.resume .resume-item h5{font-size:16px;padding:5px 15px;display:inline-block;font-weight:600;margin-bottom:10px;text-align:left}.resume .resume-item ul{padding-left:20px}.resume .resume-item ul li{padding-bottom:10px}.resume .resume-item:last-child{padding-bottom:0}.resume .resume-item::before{content:"";position:absolute;width:16px;height:16px;border-radius:50px;left:-9px;top:0;background:var(--color-bg);border:2px solid var(--color-accent)}.section-div{margin-right:20px;margin-left:10px}.watch-btn-transcript{background-color:var(--color-primary)!important;color:var(--color-bg)!important;justify-content:center;float:right}.videobox{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden;display:flex;margin-bottom:30px;width:100%}.video-img{max-width:170px;min-height:120px;background-size:cover;background-position:center;background-color:#060606;}.video-detail{padding:10px;display:flex;flex-direction:column;justify-content:center}.leftcontent{justify-content:right;align-items:baseline;margin-left:50px}.lastestvideos{height:700px;padding:10px;overflow-y:scroll}.video-title{font-size:16px;font-weight:700;margin:0 0 5px;color:#333}.video-description{margin:0;font-size:14px;color:#666}.videostyle {padding-top: 0;width: 90%;height: 100%;margin-left: 48px;border-end-start-radius: 20px; border-end-end-radius: 20px;}.leftcontent{justify-content:right;align-items:baseline;height:800px;width:90%;background-color:rgba(0,0,0,.2);box-shadow:0 4px 8px rgba(0,0,0,.3);z-index:100;border-radius:24px;padding:2%;overflow:hidden}#rightcontentvideo{display:flex;justify-content:center;align-items:center;height:25rem;width: 100%;}.clips-containar-headers{font-family:var(--font-headlines);font-size:2rem;color:var(--color-bg-primary);text-align:center;margin-top:40px!important;text-transform:capitalize;margin:auto auto -.6rem;width:fit-content}.background-filter{background-color:var(--color-bg-content);z-index:10}.video-container{margin-left:10%}.first_section{width:100%}.roundpage{height:350px;width:300px;padding:5px}.roundpage img{height:100%;width:100%;border-radius:80px}.about-color-head{color:var(--color-accent)}.about-color-text{color:var(--color-bg-content)}.ratio-info{margin-left:15%}.margin-row{margin-right:0!important}.face-button{height:45px;display:inline-block;border:3px solid var(--color-accent);font-family:Roboto,sans-serif;font-size:20px;font-weight:500;text-align:center;color:var(--color-accent);overflow:hidden;margin-left:5px;border-radius:12px}.face-primary,.face-secondary{display:block;padding:0 5px;line-height:45px;transition:margin .4s}.face-primary{background-color:var(--color-accent);color:#fff}&:hover .face-primary{margin-top:-45px}.modal-flex-edit-add{margin: 2% 0px 0px 32%;}.has-error {border-color: #843534;background-color: #f4e8e8; border-color: #a94442;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d9bdbc;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #e1c7c6;}