.video-btns{margin-bottom:30px}
p,h2,h1,span,a,h3,h4{margin:0;margin-bottom:0 !important}
.vdo-component{margin:4rem auto;max-width:1150px;padding:0 0 0 14px}
.vdo-component>p{font-size:18px;font-weight:600;letter-spacing:1px;line-height:22px;color:#444;margin-bottom:11px !important}
.vdo-component>h3{font-size:26px;font-weight:800;line-height:30px;margin-top:0;width:280px;color:#444}
.header-section-users{display:flex;gap:1rem;justify-content:space-between;margin-top:1rem;flex-direction:column;width:107%;overflow-x:scroll;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}
.header-section-users::-webkit-scrollbar{opacity:0}
.header-tabs-vdo{width:90%;display:flex;gap:14px}
.tab-active-tab-users{background-color:#f15a22 !important;display:flex;align-items:center;gap:12px;border-radius:82px;transition:.5s ease-in-out;cursor:pointer;padding:16px;width:275px;height:88px}
.tab-active-tab-users div h2{font-size:24px;color:#fff !important;font-weight:700}
.tab-active-tab-users div p{font-size:18px;color:#fff !important;font-weight:600;margin-top:3px}
.tab-in-active-tab-users{background-color:#f6f6f6;display:flex;align-items:center;gap:12px;border-radius:82px;transition:.5s ease-in-out;cursor:pointer;padding:16px;width:275px;height:77px;border:2px solid #e5e5e5}
.tab-active-tab-users,.tab-in-active-tab-users{width:258px}
.tab-in-active-tab-users div h2{font-size:18px;color:#444;font-weight:700}
.tab-in-active-tab-users div p{font-size:14px;font-weight:600;color:#444;margin-top:3px}
.tab-in-active-tab-users img{width:55px;height:55px;border-radius:50%;border:3px solid #f15a22}
.tab-active-tab-users img{width:55px;height:55px;border-radius:50%}
.video-descrption a{background:#f15a22;font-weight:600;font-size:16px;color:#fff;border-radius:82px;display:flex;padding:6px 24px;justify-content:center;align-items:center;height:54px;transition:.3s ease-in;gap:10px;width:231px;margin-top:3.5rem;text-decoration:none;position:absolute;bottom:4rem}
.color-white-btn *{color:#fff}
.hover-btn{position:relative;display:inline-block;top:-3px}
.hover-btn.hover-width:before{background-color:#fff}
.hover-btn:before{content:"";display:block;width:20px;height:2px;background-color:#000;top:100%;transition:.3s ease-in}
.hover-btn:after{content:"";display:block;width:10px;height:10px;border-top:2px solid #000;border-right:2px solid #000;transform:rotate(45deg);top:calc(50% - 5px);position:absolute;right:1px}
.hover-btn.hover-width:after{border-top:2px solid #fff;border-right:2px solid #fff}
.video-descrption a:hover .hover-btn:before{width:40px}
.video-section{display:flex;gap:2rem;height:400px;margin-top:1.3rem;width:100%}
.video-area{position:relative;width:calc(100% - 396px);height:max-content}
.video-area p{color:#444 !important;position:absolute;width:100%;bottom:0;font-size:16px;font-size:500;background:#fafafa;border:3px solid #f5f5f5;border-radius:0 0 30px 30px;height:67px;display:flex;align-items:center}
.video-area iframe{border-radius:30px}
.video-area iframe{height:397px;width:100%}
.video-area p span{height:34px;width:34px;border-radius:50%;background:#f58220;margin:0 1rem;display:inline-block}
.video-descrption{width:380px;background:#fafafa82;border:1px solid #bbb;padding:1rem;border-radius:50px;display:flex;flex-direction:column;align-items:center;gap:1rem;height:400px;position:relative}
.video-descrption svg{position:relative;left:-13rem;top:3rem;margin-bottom:3rem}
.video-descrption p{z-index:999;color:#444 !important;font-size:18px;font-weight:800;line-height:30px;padding-left:1rem}
.video-modal .modal-dialog{margin:auto !important;width:60vw;height:max-content}
.video-modal .modal-content{border:unset;background:transparent;height:100%;box-shadow:unset !important;max-height:unset !important}
.video-modal .modal-body{padding:0}
.video-modal .modal-body iframe{width:100%;height:70vh;position:relative;top:0;border-radius:32px}
.close-video{background:#fff !important;position:absolute;z-index:1;right:2rem;top:2rem;opacity:1 !important;width:32px;height:32px;border-radius:50%;color:#111 !important}
.close-video span{position:relative;top:-3px}
.tab-active-tab-users .loader-container{display:flex;justify-content:center;align-items:center}
.tab-active-tab-users .loader{position:relative;width:60px;height:60px}
.tab-active-tab-users .loader img{width:45px;height:45px;border-radius:50%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;border:unset}
.tab-active-tab-users .progress-circle{width:60px;height:60px;border-radius:50%;position:absolute;top:0;left:0;display:block !important}
.tab-in-active-tab-users .progress-circle{width:60px;height:60px;border-radius:50%;position:absolute;top:0;left:0;display:none}
.progress-bg{fill:none;stroke:#e0e0e0;stroke-width:10}
.progress-bar{fill:none;stroke:#007bff;stroke-width:10;stroke-dasharray:314;stroke-dashoffset:314;transition:stroke-dashoffset 1s linear;transform:rotate(-90deg);transform-origin:center}
@media screen and (min-width:767px) and (max-width:1024px){.header-tabs-vdo{flex-wrap:wrap;gap:8px;overflow:auto;padding-bottom:8px;width:max-content}
.vdo-component{padding:0 30px 0 30px}
.header-section-users{width:103%}
.video-modal .modal-dialog{width:75vw}
.video-descrption{width:260px;height:unset}
.video-descrption p{z-index:999;color:#444 !important;font-size:18px;line-height:22px;padding-left:0}
.video-descrption svg{width:44px;height:44px;left:-6rem;top:10px;margin-bottom:0}
.video-descrption .mob{display:none}
.video-descrption a{width:170px;font-size:12px;padding:6px 12px}
.video-area{width:calc(100% - 226px)}
.video-section{height:unset}
.video-area p{color:#444 !important;border-radius:0 0 24px 24px;bottom:0}
.tab-active-tab-users div h2,.tab-in-active-tab-users div h2{font-size:18px}
.tab-active-tab-users div p,.tab-in-active-tab-users div p{font-size:13px}
.tab-active-tab-users,.tab-in-active-tab-users{width:270px;height:65px}
.tab-in-active-tab-users img{width:45px;height:45px}
.tab-active-tab-users .loader{position:relative;width:45px;height:45px}
.tab-active-tab-users .loader img{width:35px;height:35px}
.tab-active-tab-users .spinner{width:40px;height:40px}
.video-area iframe{height:300px}
.tab-active-tab-users .progress-circle{width:53px;height:59px;border-radius:50%;position:absolute;top:-7px;left:-4px;display:block !important}
.tabular-control-btns{top:20px !important}
.tab-in-active-tab-users .progress-circle{display:none}
.progress-bg{fill:none;stroke:#e0e0e0;stroke-width:10}
.progress-bar{fill:none;stroke:#007bff;stroke-width:10;stroke-dasharray:314;stroke-dashoffset:314;transition:stroke-dashoffset 1s linear;transform:rotate(-90deg);transform-origin:center}
}
@media screen and (min-width:1024px) and (max-width:1366px){.header-section-users{width:107%}
.header-tabs-vdo{gap:12px}
.tab-active-tab-users,.tab-in-active-tab-users{width:260px}
.video-descrption{width:334px}
.video-descrption svg{left:-12rem}
}
@media screen and (min-width:1367px) and (max-width:1500px){.header-section-users{width:111%}
.header-tabs-vdo{gap:15px}
.tab-active-tab-users,.tab-in-active-tab-users{width:258px}
.video-descrption{width:345px}
.video-descrption svg{left:-12rem}
}
@media screen and (min-width:1500px){.header-section-users{width:111%}
.header-tabs-vdo{justify-content:space-between}
}
@media screen and (min-width:1620px){.header-section-users{width:111%}
.tab-active-tab-users,.tab-in-active-tab-users{width:265px}
}
.mob{display:none}
.modal-backdrop-video{position:unset !important}
#videoModal{background:#00000085;z-index:999999}
.modal-click-class{display:flex !important;justify-content:center;align-items:center}
@media screen and (max-width:700px){.term-condition-text{top:9px !important}
.mob{display:block}
.header-section-users{flex-direction:column;margin-top:1rem;width:calc(100vw - 15px)}
.video-area iframe{height:250px;width:100%;border-radius:20px 20px 0 0}
.header-tabs-vdo{width:100vw;overflow:scroll;flex-wrap:nowrap;left:-5%;position:relative;padding-left:5%;display:grid;grid-template-columns:max-content max-content max-content max-content;column-gap:12px;padding-bottom:10px}
.vdo-component>p{font-size:12px;margin-bottom:0 !important}
.vdo-component>h3{font-size:18px;line-height:20px}
.tab-active-tab-users{background:#004a80}
.tab-active-tab-users div h2,.tab-in-active-tab-users div h2{font-size:12px}
.tab-active-tab-users div p,.tab-in-active-tab-users div p{font-size:11px}
.tab-active-tab-users,.tab-in-active-tab-users{width:190px;padding:12px;height:55px;border-radius:6px;gap:6px}
.tab-active-tab-users img,.tab-in-active-tab-users img{width:30px;height:30px}
.tab-active-tab-users img{border:2px solid #fff}
.tab-in-active-tab-users img{border:2px solid #f15a22}
.video-section{flex-direction:column;height:unset}
.video-area{width:100%}
.video-area p{display:none}
.video-descrption{width:100%;border-radius:0 0 10px 10px;position:relative;top:-24px;background:#eeefe2;align-items:baseline;height:unset}
.video-descrption p{color:#444 !important;font-size:12px;line-height:16px;padding:0;font-weight:400;width:75%}
.video-descrption a{margin:0;font-size:14px;width:181px;height:40px;margin-bottom:8px !important;position:unset}
.hover-btn.hover-width{display:none}
.video-descrption svg path{fill:#fff}
.video-descrption .desktop{display:none}
.video-descrption .mob{display:block;margin-bottom:0;top:13px;width:60px}
.video-descrption svg{position:absolute;left:unset;right:1rem;top:0;width:45px;height:75px}
.video-descrption .desktop{display:none}
.video-descrption .mob{display:block}
.tab-active-tab-users .loader-container{display:flex;justify-content:center;align-items:center}
.tab-active-tab-users .loader{position:relative;width:40px;height:40px}
.tab-active-tab-users .loader img{width:35px;height:35px}
.tab-active-tab-users .progress-circle{width:45px;height:58px;border-radius:50%;position:absolute;top:-9px;left:-3px;display:block !important}
.tab-in-active-tab-users .progress-circle{display:none}
.progress-bg{fill:none;stroke:#e0e0e0;stroke-width:10}
.progress-bar{fill:none;stroke:#007bff;stroke-width:10;stroke-dasharray:314;stroke-dashoffset:314;transition:stroke-dashoffset 1s linear;transform:rotate(-90deg);transform-origin:center}
.video-modal .modal-dialog{width:90vw;height:300px !important}
.video-modal .modal-content{height:300px !important}
.video-modal .modal-body{height:300px !important}
.video-modal .modal-body iframe{height:300px !important;top:0}
.video-btns{margin-bottom:30px !important}
.tabular-prev-slide{display:none !important}
.tabular-next-slide{display:none !important}
}