@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*--------------------------------------------------------------------------------------*/
/*General-Css-Here
/*--------------------------------------------------------------------------------------*/
*{margin:0;padding:0;box-sizing:border-box}
body{margin:0;padding:0;box-sizing:border-box;font-family: 'Inter', sans-serif;font-size:14px;}
a{-webkit-transition:.5s ease-out;-moz-transition:.5s ease-out;-o-transition:.5s ease-out;transition:.5s ease-out}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,h6,figure{margin:0;padding:0}
img{max-width:100%}
.site_content{display:block;padding-top:89px}
.site_content:after,.site_content:before{display:table;clear:both;content:""}
header,footer,section{display:block}
header:after,header:before,footer:after,footer:before,section:after,section:before{display:table;clear:both;content:""}
@media(min-width:1200px){.container{margin:auto;max-width:1170px}
}
/* .container:after,.container:before{display:table;clear:both;content:""} */

[type="radio"]:checked,[type="radio"]:not(:checked){position:absolute;left:-9999px}
[type="radio"]:checked+label,[type="radio"]:not(:checked)+label{position:relative;padding-left:28px;cursor:pointer;line-height:20px;display:inline-block;color:#666}
[type="radio"]:checked+label:before,[type="radio"]:not(:checked)+label:before{content:"";position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #ddd;border-radius:100%;background:#fff}
[type="radio"]:checked+label:after,[type="radio"]:not(:checked)+label:after{content:"";background:#24c4e9;width:12px;height:12px;position:absolute;top:3px;left:3px;border-radius:100%;-webkit-transition:all .2s ease;transition:all .2s ease}
[type="radio"]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
[type="radio"]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
a:focus{border:0;outline:0}
button:focus{border:0;outline:0}
select{appearance:none}
.btn:hover{background:#354e5c}
.md-form input[type="date"]:focus:not([readonly]),.md-form input[type="datetime-local"]:focus:not([readonly]),.md-form input[type="email"]:focus:not([readonly]),.md-form input[type="number"]:focus:not([readonly]),.md-form input[type="password"]:focus:not([readonly]),.md-form input[type="search-md"]:focus:not([readonly]),.md-form input[type="search"]:focus:not([readonly]),.md-form input[type="tel"]:focus:not([readonly]),.md-form input[type="text"]:focus:not([readonly]),.md-form input[type="time"]:focus:not([readonly]),.md-form input[type="url"]:focus:not([readonly]),.md-form textarea.md-textarea:focus:not([readonly]){box-shadow:0 1px 0 0 #ffee04;border-bottom:1px solid #ffee04}
.md-form input[type="date"]:focus:not([readonly])+label,.md-form input[type="datetime-local"]:focus:not([readonly])+label,.md-form input[type="email"]:focus:not([readonly])+label,.md-form input[type="number"]:focus:not([readonly])+label,.md-form input[type="password"]:focus:not([readonly])+label,.md-form input[type="search-md"]:focus:not([readonly])+label,.md-form input[type="search"]:focus:not([readonly])+label,.md-form input[type="tel"]:focus:not([readonly])+label,.md-form input[type="text"]:focus:not([readonly])+label,.md-form input[type="time"]:focus:not([readonly])+label,.md-form input[type="url"]:focus:not([readonly])+label,.md-form textarea.md-textarea:focus:not([readonly])+label{color:#ffee04}
p,span{margin:0;padding:0}
a:hover{text-decoration:none}
.common-btn{
  border-radius:4px;
  min-width:154px;
  height:42px;
  display:inline-block;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:42px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background: #002EAD;
  box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
  border: none;
  cursor: pointer;
  }

/** Generated by FG **/
@font-face {
  font-family: 'NoeDisplay-Bold';
  src: url('../fonts/NoeDisplay-Bold.eot');
  src: local('☺'), url('../fonts/NoeDisplay-Bold.woff') format('woff'), url('../fonts/NoeDisplay-Bold.ttf') format('truetype'), url('../fonts/NoeDisplay-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

nav.navbar.sticky {
  background: #ffffff !important;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
}

.btn { height: 42px;font-weight: 600;border-radius: 5px;font-size: 14px;border: none;line-height: 40px;padding: 0px 25px;display: inline-flex;
align-items: center;justify-content: center; }
.btn-blue { background: #149AFD;color: #fff; }
.btn-blue:hover { background: #017DD8;color: #fff; }
.btn-w-border { border: 2px solid #fff;color: #fff; }
.btn-w-border:hover { background: #fff;color: #000; }
.btn-b-border { border: 2px solid #149AFD;color: #149AFD; }
.btn-b-border:hover { background: #149AFD;color: #fff; }


.btn.btn-round {width: 42px;height: 42px;border-radius: 50%;padding: 0px;font-size: 20px;font-weight: 100;}


nav.navbar.sticky .navbar-brand img.logo-white {display: none;}
nav.navbar .navbar-brand img.logo-blue {display: none;}
nav.navbar.sticky .navbar-brand img.logo-blue {display: block;}

nav.navbar {position: fixed;left: 0;top: 0;width: 100%;z-index: 999;background: none !important;}
.home-banner { position: relative;height: 750px;overflow: hidden; }
.home-banner:after { content: "";position: absolute;top: 0;left: 0;width: 100%;height: 200px;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,1) 23%, rgba(0,0,0,0) 100%);opacity: 0.7; }
.home-banner-img { position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;background: #000; }
.home-banner-img img { width: 100%;height: 100%;object-fit: cover;object-position: center; opacity: 0.7;}
.home-banner-text { color: #fff; position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center; }
.home-banner-text h1 { font-family: 'NoeDisplay-Bold';font-size: 65px; }
.home-banner-text p { font-size: 18px;font-weight: 600; }
.home-banner-text article { max-width: 750px; }
.navbar-expand-lg .navbar-nav .nav-link {color: #ffffff;font-size: 15px;font-weight: 600;}
nav.navbar.sticky .navbar-nav .nav-link {color: #003d71;}
nav.navbar.in-header .navbar-nav .nav-link {color: #003d71;}
.navbar-expand-lg .navbar-nav .nav-link:hover { color: #149AFD; } 
.header-btns > a { margin-left: 10px; }
.navbar-brand img { width: 220px; }
.about-text { padding-left: 100px; }
.about-text h4 { color: #1F2937;font-size: 38px;font-weight: 700;margin-bottom: 20px; }
.about-text h6 { font-size: 26px;color: #1F2937;font-weight: 700; }
.about-text p { color: #4B5563; }
.sec-padd { padding: 100px 0px; }
.app-feature { background: #EFF7FD; position: relative;overflow: hidden;}
.app-feature:after { content: "";position: absolute;left: -25px;top: 100px;border-radius: 50%;width: 55px;height: 55px;background: #149AFD; }
.app-feature:before { content: "";position: absolute;right: -50px;bottom: 100px;border-radius: 50%;width: 130px;height: 130px;background: #fff; }
.headings h4 { color: #1F2937;font-size: 38px;font-weight: 700;margin-bottom: 15px; }
.headings p { color: #4B5563; }
.icon5-set .icon5-set-in { background: #fff;text-align: center;padding: 30px 15px;height: 140px;margin-bottom: 20px;border-radius: 10px;box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);}
.icon5-set .icon5-set-in figure { margin-bottom: 15px; }
.icon5-set .icon5-set-in span { color: #1F2937;font-weight: 700; }
.headings.text-center p { max-width: 600px;margin: 0px auto; }
.app-screenshot-slider { max-width: 950px;margin: 0px auto;position: relative;margin-top: 60px;background: url(../images/ss-img.svg) no-repeat;background-position: center;background-size: 390px; }
.app-screenshot-slider .owl-item { transition: 0.5s ease-in-out;padding-right: 2px; }
.app-screenshot-slider .owl-item.center { transform: scale(1.1);padding-right: 0px; } 
.app-screenshot-slider .owl-stage-outer { padding: 40px 0px; }
.app-screenshot-slider:after { content: "";background: url(../images/frame.png) no-repeat;position: absolute;left: 0;top: -5px;width: 100%;height: 650px;z-index: 1; z-index: 1;background-position: center;transform: scale(1.16);pointer-events: none;}
.app-screenshot-slider .owl-item img { border-radius: 10px;box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); }
.app-screenshot-slider .owl-item.center img {  border-radius: 30px; }
.app-screenshot-slider .owl-dots { margin-top: 30px; }
.owl-dots  { text-align: center; }
.owl-dots .owl-dot { display: inline-block; width: 20px;height: 5px;background: #AED1F7;border-radius: 15px;margin: 0px 5px; }
.owl-dots .owl-dot.active { width: 30px;background: #149AFD; }
.contact-home { position: relative; background: #EFF7FD; }
.contact-home-img { position: absolute;left: 0;top: 0;height: 100%;overflow: hidden; width: 40%;}
.contact-home-img img { object-fit: cover;object-position: center;width: 100%;height: 100%; }
.form-home { padding: 60px 0px; }
.form-group .form-control { height: 42px;border-color: #E3E3E3; font-size: 14px;}
.form-group { margin-bottom: 15px; }
.form-group textarea.form-control { height: 120px;max-height: 120px;
  overflow: auto; }
.contact-home .headings { margin-bottom: 40px; }
.contact-home .btn { min-width: 120px; }

section.app-download-section {padding: 120px 0 0;}
.app-download-sec-content {background-color: #149AFD;border-radius: 20px;background-position: center;background-size: cover;position: relative;bottom: -60px;}
.app-download-sec-content .bg-shape {position: absolute;bottom: 0;}
.app-download-content h2 {font-size: 40px;font-weight: 700;color: #fff;margin-bottom: 10px;}
.app-download-img-block figure {margin: -95px 0 0;width: auto;overflow: hidden;}
.app-download-img-block {text-align: center;}
.app-download-img-block figure img {height: 100%;width: 100%;object-fit: cover;object-position: bottom;}
.app-download-sec-content>.row {position: relative;align-items: center;}
.app-download-content p {font-size: 16px;color: #fff;margin-bottom: 20px;}

footer {background: #ffffff;border-top: 10px solid #004b8b;}
footer .footer-menu {padding: 100px 0 80px;}
.footer-main-content a.footer-logo {display: inline-block;margin-bottom: 20px;}
.footer-main-content p {font-size: 14px;color: rgb(0 61 113);font-weight: 400;}
.footer-content h4 {font-size: 22px;color: #003d71;font-weight: 500;font-family: 'Inter';margin-bottom: 30px;}
.footer-content .footer-links li a {font-size: 16px;color: rgb(0 61 113);text-decoration: auto;}
.footer-content .footer-links li {line-height: 36px;}
.footer-content .footer-socials li {display: inline-block;}
.footer-content .footer-socials li a {background: #149afd;text-decoration: none;color: #fff;width: 45px;height: 45px;border-radius: 50%;font-size: 24px;display: flex;align-items: center;justify-content: center;}
.footer-content .footer-socials li+li {margin-left: 15px;}
/* .footer-content .footer-socials li a:hover {background: #fff;color: #149afd;} */
footer .footer-bottom {background: #004b8b;padding: 10px 0;}
footer .footer-bottom p {text-align: center;font-size: 14px;color: #FFFFFF;}

.login-bg .col-md-6 { min-height: 100vh;padding: 0;min-height: 100vh;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 60px 30px; }
.login-bg-box  { background: #149AFD; }
.login-form, .login-right-area { width: 400px; }
.login-right-area { color: #fff; text-align: center; }
.login-right-area a { display: block;margin-bottom: 30px; }
.login-right-area h4 { font-size: 32px;font-weight: 600; }
.login-right-area p { font-size: 16px;opacity: 0.8; }
.login-head { margin-bottom: 20px; }
.login-head h4 { color: #1F242E;font-size: 26px; font-weight: 700;}
.login-head p { color: #4B5563;font-size: 16px; }
a { color: #149AFD;text-decoration: none; }
.link-forget { font-weight: 500; }
.login-foot a { font-weight: 500;display: inline-flex; }
.login-foot p { color: #2C3E50; }
.verification-input .form-group .form-control { height: 55px;text-align: center;font-size: 20px;font-weight: 600; }
nav.navbar.in-header {background: #ffffff !important;border-top: 10px solid #003D71;border-bottom: 1px solid rgb(0 0 0 / 3%);}
.wraper-inner { padding-top: 89px;min-height: 700px; }
.btn-w-border:focus { border: 2px solid #fff; }
.sec-padd-sm { padding: 50px 0px; }
.about-page-sc h2 { font-size: 46px;font-weight: 700;color: #1F2937; }
.about-page-sc  p { color: #4B5563; }
.gry-about { background: #EFF7FD; }
.gry-about h4 { font-size: 32px;font-weight: 600;color: #1F2937;margin-bottom: 15px; } 
.gry-about p { font-size: 15px; margin-bottom: 15px;}
.headings p { margin-bottom: 15px; }
.in-header-bar { background: #E9EEF9;min-height: 180px; }
.in-header-bar h4 { font-size: 30px;font-weight: 700;color: #1F2937; }
.nm-text h4 { font-size: 24px;font-weight: 600;margin-bottom: 10px; }
.nm-text p { color: #4B5563;margin-bottom: 20px; }
.accordion-custm .accordion-item { border-radius: 5px !important;border: 1px solid #E1E8F7;margin-bottom: 10px; }
.accordion-custm .accordion-button { border-radius: 5px;font-size: 18px;font-weight: 600;color: #1F2937; }
.accordion-custm .accordion-button:not(.collapsed) { background: #fff;box-shadow:none; }
.contact-main-left h4,.contact-main-right h4 { margin-bottom: 25px;font-size: 24px;color: #14141E;font-weight: 700; }
.contact-info-li figure { width: 30px;min-width: 30xp;font-size: 28px;color: #005BDF; }
.contact-info-li figcaption { padding-left: 30px;width: 100%; }
.contact-info-li { align-items: center;margin-bottom: 20px; }
.contact-info-li figcaption h6 { font-size: 20px; }
.contact-info-li figcaption p { color: #465E86; }
.contact-info-li figcaption a { font-size: 18px;font-weight: 600;color: #14141E; }
.contact-info-li figcaption a:hover { color: #0051DA; }
.wraper-inner-gry { background: #EFF7FD; }
.heading-in-sm h4 { color: #1F2937;font-size: 32px;font-weight: 600; }
.heading-in-sm p { font-size: 16px;color: #4B5563;max-width: 700px;margin: 0px auto; }
.heading-in-sm { margin-bottom: 30px; }
.card-site { background: #fff;padding: 40px;border-radius: 10px;box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.16); }
.essential-plan { background: linear-gradient(135deg, #c7a8fe 0%, #8d9cfc 100%); }
.premium-plan { background: linear-gradient(135deg, #89e68d 0%, #63cbf9 100%); }
.subscription-card-in {  border-radius: 10px;padding: 20px;color: #fff; }
.subscription-card-head { align-items: center; display: flex;border-bottom: 1px solid rgba(255, 255, 255, 0.2);padding-bottom: 15px; }
.subscription-card-head h4 { font-size: 18px;font-weight: 600; }
.subscription-card-head span { margin-left: auto; font-size: 16px;font-weight: 600;}
.subscription-card-head span font { font-size: 12px; }
.subscription-point { min-height: 44px; margin: 15px 0px; }
.subscription-point li { position: relative; padding-left: 20px;}
.subscription-point li:after { content: "";width: 6px;height: 6px;border-radius: 50%;background: #fff;position: absolute;left: 0;top: 8px; }
.subscription-card-in .btn { background-color: rgba(255, 255, 255, 0.1);border: 1px solid #fff;color: #fff;border-radius: 10px;min-width: 150px; }
.profile-up figure { width: 120px;height: 120px;border-radius: 24px;overflow: hidden;}
.profile-up figure img { object-fit: cover;object-position: center;width: 100%;height: 100%; }
.profile-up { position: relative; width: 120px;margin: 0px auto;}
.profile-up a { width: 42px;height: 42px;border-radius: 12px;background: #149afd;border: none;position: absolute;overflow: hidden;color: #fff;font-size: 23px;top: 40px;right: -20px;display: flex;align-items: center;justify-content: center;}
.profile-up a input { position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer; }
.divider { height: 1px;background: #E8E8F2;margin: 15px 0px; }
/* .container-in { max-width: 970px; } */
.note-alt { text-align: center;color: #00037d;max-width: 650px;margin: 0px auto;margin-top: 30px; }
.form-head-sm { display: flex;margin-bottom: 15px;align-items: center; }
.form-head-sm h4 { font-size: 18px;color: #1f2937;font-weight: 600; } 
.add-more-btn a {text-decoration: underline;font-size: 16px;color: #149afd;font-weight: 600;}
.form-head-sm span { margin-left: auto;text-decoration: underline;font-size: 16px;color: #FD1414;font-weight: 600;cursor: pointer; }
.btn-num i { color: #fff;font-size: 28px; }
.btn-num { padding: 0 10px; }
i { font-weight: normal !important; }
.header-btns .dropdown i { font-size: 22px;margin-right: 8px; }
.dropdown-menu { border-radius: 0px 0px 4px 4px;background: #fff;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);border: none; border-top: 4px solid #149AFD;}
.dropdown-menu li a { padding: 10px 30px; }
.dashboard-body-box a { transition: 0.3s ease-in-out;overflow: hidden; display: block;position: relative;border-radius:10px;margin: 15px 0; }
.dashboard-body-box a img { width: 100%;transition: 0.3s ease-in-out; }
.dashboard-body-box a span { transition: 0.3s ease-in-out; position: absolute;left: 0;bottom: 0;text-align: center;color: #fff;font-weight: 600;font-size: 20px;z-index: 1;width: 100%;height: 80px;background: linear-gradient(rgba(0, 0, 0, 0) 0%, #000 100%);display: flex;align-items: center;justify-content: center; }
.dashboard-body-box a:hover span { background: linear-gradient(rgba(0, 0, 0, 0) 0%, #149AFD 100%);height: 100%; } 
.dashboard-body-box a:hover img { transform: scale(1.2) rotate(-10deg); }
.dashboard-head h4 { font-weight: 600;font-size: 28px;line-height: 36px;color: #1f2937;margin-bottom: 15px; word-break: break-all;margin-right: 13px;}
.dashboard-head { border-bottom: 1px solid #CDCDDF;margin-bottom: 10px;display: flex;align-items: center; }
.documents-list-box a { transition: 0.3s ease-in-out; width: 100%; margin: 15px 0px; display: block;border-radius: 10px;background: #fff;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);text-align: center;padding:40px 30px; }
.documents-list-box h6 { margin-top: 15px;font-weight: 600;font-size: 16px;color: #4b5563;word-break: break-all;}
.documents-list-box { display: flex; }
.documents-list-box a img { width: 75px; }
.documents-list-box a:hover { box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.16); }
.documents-list-box a:hover h6 { color: #149AFD; }
.btn-outline-secondary { border: 1px solid #DDDDDD !important; }
.sort-filter .btn { padding: 0px 10px; }
.filter-search .input-group-text { padding: .375rem .50rem;background: none; }
.filter-search .form-control { border-left: 0;height: 42px; }

.video-folder-box { margin: 15px 0px;display: block; }
.video-folder-box figure { margin-bottom: 10px; height: 230px;overflow: hidden;border-radius: 10px; }
.video-folder-box figure img { object-fit: cover;object-position: center;width: 100%;height: 100%; }
.video-folder-box figcaption h4 { font-weight: 600;font-size: 16px;color: #4b5563;margin-bottom: 5px;word-break: break-all;}
.video-folder-box figcaption p { font-size: 14px;color: #4b5563;}
.video-folder-box:hover figcaption h4 { color: #149AFD; }
.modal-title { color: #1f2937;
    font-weight: 600;
    font-size: 20px;
    word-break: break-word; }
.modal-content { border-radius: 10px;}
.form-group label { color: #1f2937;font-weight: 600;margin-bottom: 5px;}
.modal-body { padding: 30px; }
.modal-header { padding: 20px 30px; }
.video-list-box  { position: relative;margin: 15px 0px; }
.video-list-box figure {height: 200px;overflow: hidden;border-radius: 10px;position: relative;  }
.video-list-box figure img { object-fit: cover;object-position: center;width: 100%;height: 100%; }
.video-list-box .video-tit { position: absolute;left: 0;bottom: 0;width: 100%;color: #fff;align-items: center;padding: 15px; }
.video-list-box .video-tit .video-tit-ic { min-width: 30px;display: flex;align-items: center;justify-content: center;font-size: 20px; width: 30px;height: 30px;background: rgba(20, 154, 253, 0.74);border-radius: 50%;margin-right: 10px; }
.video-list-box .video-tit h4 { font-weight: 600;font-size: 14px;word-break: break-all; }
.video-tit:hover .video-tit-ic { background: rgba(20, 154, 253, 1); }
.video-opt { position: absolute;top: 10px;right: 10px;z-index: 1;}
.video-opt a { width: 35px;min-width: 35px;height: 35px;background: #fff;filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));display: inline-block;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #2C3E50;padding: 0;}
.video-opt a:hover { background: #149AFD;color: #fff; }
.video-list-box figure:after { height: 83px;border-radius: 0px 0px 10px 10px;background: linear-gradient(rgba(0, 0, 0, 0) 0%, #000 100%);content: "";position: absolute;border-radius: 0;left: 0;bottom: 0; width: 100%;opacity: 0.8; } 
.remove-video-modal .modal-header { border: none; }
.remove-video-text { margin-bottom: 30px; }
.remove-video-text h4 { font-weight: 600;font-size: 20px;text-align: center;color: #1f2937; }
.remove-video-text .btn { min-width: 120px;margin: 0px 5px; }
.btn-red { background: #D92020;color: #fff !important; }
.btn-red:hover { background: #BD1111; }
.btn-light { background: #DEF0FF;color: #149AFD !important; }
.btn-light:hover { background: #C2D5E6; }
.btn-file { position: relative;overflow: hidden; }
.btn-file input { position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer; }
.vid-pre { position: relative; }
.vid-pre figure {height:240px;overflow: hidden;border-radius: 10px; }
.vid-pre figure video{border-radius: 10px;height: 100% !important;}
.vid-pre figure img { object-fit: cover;object-position: center;width: 100%;height: 100%; }
.play-btn-pre { cursor: pointer; display: flex;align-items: center;justify-content: center;font-size: 20px;width: 50px;height: 50px;background: rgba(20, 154, 253, 0.74);border-radius: 50%;}
.play-btn-pre i { color: #fff; }

/* New CSS */

.video-view-box {
  width: 100%;
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative;
  margin-bottom: 10px;
  height: 520px;
  background: #000;
}
.video-view-box video {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}
.video-view-box:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100px;
    transition: 0.3s ease-in-out;
    opacity: 0;
}
.video-view-block{width:100%;}

.video-view-info-blk {display: flex;justify-content: space-between;align-items: flex-start;}
.video-view-block-info h4 {font-size: 24px;font-weight: 500;margin-bottom: 0;color: #1F2937;}
.video-view-block-info p {font-size: 16px;color: #4B5563;}
.upload-success-text .check-icon {width: 100px;height: 100px;margin: 0 auto;background: #149AFD;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 50px;color: #fff;margin-bottom: 20px;}
.upload-success-text h4 {font-size: 28px;font-weight: 700;color: #374151;}
.upload-success-text p {font-size: 18px;color: #4B5563;}
.upload-success-text {max-width: 350px;margin: 0 auto;}
.image-pre figure {width: 100%;border-radius: 10px;overflow: hidden;height: 300px;}
.image-pre figure img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.no-data-content {text-align: center;max-width: 410px;margin: 0 auto;}
.no-data-content img {margin-bottom: 20px;}
.no-data-content h4 {font-size: 26px;color: #4B5563;font-weight: 600;}
.no-data-content p {font-size: 21px;color: #4B5563;margin-bottom: 20px;}
.no-data-content-block {display: flex;align-items: center;justify-content: center;height: 500px;}
.admin-inner-content {display: flex;justify-content: space-between;min-height: 730px;}
.admin-inner-content .admin-inner-left {width: 300px;background: #fff;box-shadow: 0px 2px 3px #00000029;border-radius: 10px;overflow: hidden;}
.admin-inner-content .admin-inner-right {width: calc(100% - 330px);background: #fff;box-shadow: 0px 2px 3px #00000029;border-radius: 10px;overflow: hidden;}
.admin-inner-menu a.menu-item {font-size: 15px;color: #4B5563;font-weight: 500;display: flex;padding: 15px 20px;align-items: center;}
.admin-inner-menu li {border-bottom: 1px solid #F0F8FF;display: block;}
.admin-inner-menu a.menu-item.active {background: #149AFD;color: #fff;}
.admin-inner-right-head h4 {font-size: 28px;font-weight: 600;color: #1F2937;}
.admin-inner-right-head {padding: 15px 24px;border-bottom: 1px solid #E4E4F0;height: 90px;display: flex;align-items: center;}
.admin-inner-right-content {padding: 30px;}
.admin-inner-menu a.menu-item i {font-size: 22px;height: 26px;margin-right: 10px;}
.form-group.form-verify-btn {position: relative;}
.form-group.form-verify-btn a {position: absolute;top: 0;right: 0;font-size: 14px;font-weight: 600;color: #149AFD;text-decoration: underline;height: 42px;display: flex;align-items: center;padding: 0 10px;}
.form-group.form-verify-btn .form-control {padding-right: 60px;}
.fm-heading {font-size: 18px;font-weight: 600;color: #1F2937;}
.admin-inner-right-content hr {background: #CDCDDF;margin: 25px 0;}
button.btn.submit-btn {min-width: 200px;}
.admin-inner-right-content p {color: #4B5563;font-size: 14px;font-weight: 400;}
.custom-switch {display: block;width: 100%;}
.custom-switch input[type=checkbox], .custom-switch input[type=radio] {position: absolute;left: -9999px;}
.custom-switch input[type="checkbox"] + label {width: 100%;padding: 12px 20px;border-radius: 4px;font-size: 16px;font-weight: 600;position: relative;color: #000;transition: ease 0.5s;border: 1px solid #E7E9EE;}
.custom-switch input[type="checkbox"] + label:before {content: '';position: absolute;right: 10px;top: 23%;width: 36px;height: 26px;border-radius: 45px;background: #C8D9E5;}
.custom-switch input[type="checkbox"] + label:after {background-color: #fff;width: 10px;height: 10px;border-radius: 20px;position: absolute;right: 30px;content: '';top: 39%;transition: ease 0.5s;}
.custom-switch input[type="checkbox"]:checked + label:after {right: 16px;}
.custom-switch input[type="checkbox"]:checked  + label:before {background: #149afd;}
.form-group.form-phone-grp {position: relative;}
.form-group.form-phone-grp select.form-control {width: 90px;position: absolute;border-bottom-right-radius: 0;border-top-right-radius: 0;appearance: auto;}
.form-group.form-phone-grp input.form-control {padding-left: 95px;}
.form-head-grp {display: flex;justify-content: space-between;align-items: center;}
.form-head-grp-act button.btn-round {width: 28px;height: 28px;font-size: 18px;}



.active-plan-item-info {display: flex;justify-content: space-between;color: #fff;margin-bottom: 10px;}
.active-plan-item {background: #149AFD;border-radius: 8px;padding: 15px;}
.active-plan-item-info h4 {font-size: 18px;font-weight: 600;}
.active-plan-item-info p {color: #fff;font-size: 17px;font-weight: 600;}
.active-plan-item-info p span {font-size: 11px;font-weight: 500;}
.active-plan-item button.btn-blue {background: #fff;color: #149AFD;font-size: 14px;font-weight: 700;height: 33px;}
.subscription-plan-item {background: #149AFD;border-radius: 8px;padding: 15px;}
.subscription-plan-item-head {display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #fff;padding-bottom: 10px;margin-bottom: 10px;color: #fff;}
.subscription-plan-item-head h4 {font-size: 18px;font-weight: 600;color: #FFFFFF;}
.subscription-plan-item-head p {font-size: 17px;color: #fff;font-weight: 600;}
.subscription-plan-item-head p span {font-size: 11px;font-weight: 500;}
.subscription-plan-item ul {font-size: 12px;color: #fff;list-style: disc;padding-left: 15px;line-height: 24px;margin-bottom: 10px;}
.subscription-plan-item button.btn-blue {background: rgb(255 255 255 / 23%);border: 1px solid #fff;height: 33px;font-size: 14px;font-weight: 700;}
.subscription-plan-list.row .col-md-6:first-child .subscription-plan-item {background: linear-gradient(145deg, #C7A8FE, #8D9CFC);}
.subscription-plan-list.row .col-md-6:nth-child(2) .subscription-plan-item {background: linear-gradient(145deg, #89E68D, #63CBF9);}



.trash-item-info figure {height: 200px;overflow: hidden;border-radius: 10px;position: relative;}
.trash-item-blk h4 {font-size: 14px;color: #4B5563;font-weight: 600;}
.trash-item-info {position: relative;margin-bottom: 10px;}
.trash-item-info figure img {height: 100%;width: 100%;object-fit: cover;object-position: center;transition: 0.3s ease-in-out;}
.trash-item-info a.video-play {position: absolute;border-radius: 50%;width: 52px;height: 52px;display: flex;align-items: center;justify-content: center;font-size: 26px;font-weight: 400;color: #fff;background: rgb(20 154 253 / 80%);right: auto;left: 50%;margin: 0 auto;top: 50%;bottom: auto;transform: translate(-50%,-50%);}
.trash-item-info .action-blk {position: absolute;top: 10px;right: 10px;}
.trash-item-info .action-blk a {width: 35px;height: 35px;background: #fff;filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));display: inline-flex;border-radius: 50%;align-items: center;justify-content: center;font-size: 20px;color: #2C3E50;}
.trash-item-info .action-blk a:hover {background: #149afd;color: #fff;}
.trash-item-blk:hover .trash-item-info figure img {transform: scale(1.05);}
.trash-item-info figure video {width: 100%;height: 100%;object-fit: cover;object-position: center;}



.notifications-block {max-width: 850px;background: #fff;margin: 0 auto;border-radius: 10px;min-height: 730px;}
.notifications-head-blk h4 {font-size: 28px;font-weight: 600;color: #1F2937;}
.notifications-head-blk a.clear-all-btn {position: absolute;font-size: 16px;font-weight: 600;color: #149AFD;text-decoration: underline;right: 0;left: auto;margin: 0 auto;top: 50%;bottom: auto;transform: translate(-50%,-50%);}

.notifications-head-blk {text-align: center;position: relative;border-bottom: 1px solid #CDCDDF;padding: 20px;}
.notifications-list-blk {padding: 40px;}
.notifications-list-item-info {display: flex;align-items: center;width: 100%;}
.notifications-list-item {display: flex;justify-content: space-between;align-items: center;border: 1px solid #EEF0F1;padding: 15px;border-radius: 5px;}
.notifications-list-item-info figure {background: #149afd;width: 52px;height: 52px;min-width: 52px;border-radius: 50%;padding: 10px;margin-right: 20px;}

.notifications-list-item-info figure img {height: 100%;width: 100%;object-fit: contain;object-position: center;}
.notifications-list-item-info figcaption h4 {font-size: 16px;font-weight: 600;color: #00266D;margin-bottom: 5px;}
.notifications-list-item-info figcaption p {font-size: 14px;color: #8694AF;}
.notifications-list-item button.close-btn {width: 30px;height: 30px;font-size: 20px;color: #000000;padding: 0;background: transparent;}
.notifications-list-blk li+li {margin-top: 10px;}

.notifications-no-data-content-block {display: flex;align-items: center;justify-content: center;height: 650px;}
.notifications-no-data-content {text-align: center;max-width: 330px;}
.notifications-no-data-content img {margin-bottom: 20px;}
.notifications-no-data-content h4 {font-size: 18px;color: #4B5563;font-weight: 600;margin-bottom: 5px;}
.notifications-no-data-content p {font-size: 14px;color: #4B5563;font-weight: 400;}

.sort-filter button.sort-btn {font-size: 24px;display: none;}

.sort-filter-items button.close-btn {position: absolute;right: 0;top: 0;font-size: 20px;background: transparent;color: #000;box-shadow: none;display: none;}


.side-bar-menu-blk {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;display: none;}
.side-bar-menu-blk h4 {font-size: 20px;font-weight: 600;color: #000;}
.side-bar-menu-blk button.sidebar-btn {padding: 0 10px;font-size: 30px;width: 40px;height: 40px;}
.admin-inner-left button.sidebar-close-btn {position: absolute;right: 0;top: 0;background: none;color: #000;font-size: 20px;width: 40px;padding: 0;height: 40px;box-shadow: none;outline: none;border: none;display: none;}
.sidebar-overlay {display: none;}
.sidebar-overlay.active {display: block;position: fixed;width: 100%;height: 100%;background: rgb(0 0 0 / 50%);top: 0;z-index: 999;left: 0;}


/* New CSS */

.video-actions {position: absolute;right: auto;left: 0;margin: 0 auto;top: 5;bottom: auto;
/*transform: translate(-50%,-50%);*/width: 100%;height: 82%;display: flex;align-items: center;justify-content: center;opacity: 0;transition: 0.3s ease-in-out;pointer-events: none;}
.video-actions a.video-action-btn {padding: 0;min-width: 50px;width: 50px;height: 50px;border-radius: 50%;font-size: 34px;color: #fff;margin: 0 10px;background: none; }
.video-actions a.video-action-btn.btn-lg {background: rgb(20 154 253 / 80%);width: 80px;height: 80px;font-size: 45px;}
.video-actions a.video-action-btn.btn-lg:hover {background: #149afd;}
.video-actions a.video-action-btn.btn-sm {width: 24px;}
.video-view-box:hover .video-actions {top: 0;opacity: 1;pointer-events: inherit;}
.video-view-box:hover:before {height: 100%;background: linear-gradient(0deg, black, transparent);opacity: 0.3;}
.content-box .img-box {margin-top: 30px;}
.content-box .img-box .row {align-items: center;}


.image-box-item {height: 200px;width: 100%;}
.image-box-item img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.image-box-item video {width: 100%;height: 100%;object-fit: contain;}

.dashboard-head .btn {white-space: nowrap; margin-left: 20px;}

#global-loader:before {width: 100%;
  height: 100%;
  position: fixed;
  content: '';
  background: #0006;
  left: 0;
  top: 0;
}

#global-loader {
  z-index: 999;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#global-loader span {
  text-align: center;
  border: 16px solid #149AFD;
  border-radius: 50%;
  border-top: 16px solid #000;
  width: 90px;
  height: 90px;
  -webkit-animation: spin 2s linear infinite;
  z-index: 10;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.skip_this_sec a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #212529;
  font-size: 16px;
  font-weight: 500;
  width: fit-content;
  margin: auto;
}

.skip_this_sec a i {
  font-size: 20px;
  margin-left: 5px;
}

.skip_this_sec a:hover{color: #149afd;}

.btn-gp ul li {
  display: inline-block;
}

.share-item-list-blk {
  position: absolute;
  right: auto;
  left: 50%;
  margin: 0 auto;
  top: auto;
  bottom: 46px;
  transform: translate(-50%,0%);
  width: max-content;
  box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
  padding: 10px;
  background: #fff;
  border-radius: 10px;
  transition: 0.3s ease;
  display: none;
}

.btn-gp .share-block {
  position: relative;
}

.share-item-list-blk:before {
  content: '';
  display: inline-block;
  border-left: 7px solid #ffffff00;
  border-right: 7px solid #ffffff00;
  border-top: 7px solid #fff;
  border-top-color: rgb(255 255 255);
  position: absolute;
  right: auto;
  left: 50%;
  margin: 0 auto;
  top: auto;
  bottom: -7px;
  transform: translate(-50%,0%);
}

.btn-gp .share-block:hover .share-item-list-blk {
  display: block;
}

.facebook-share .btn-blue {
  background: #1877f2;
}

.whatsapp-share .btn-blue {
  background: #48c857;
}

.twitter-share .btn-blue {
  background: #1da1f2;
}

.instagram-share .btn-blue {
  background: #f09433;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%,#e6683c 29%,#dc2743 47%,#cc2366 66%,#bc1888 100%);
}

.linkedin-share .btn-blue {
  background: #0078b5;
}

.content-box {word-break: break-word;}


/*subscription page css*/
.custom-check-btn {
  position: relative;
}

.custom-check-btn input[type="radio"],.custom-check-btn input[type="checkbox"] {
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.video-view-info-blk .btn-gp.text-center.mt-4 {
    width: 500px;
        display: flex;
    align-items: center;
    justify-content: flex-end;
}

.mainProfilePic{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
}
.mainProfilePic img{
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

#canceled_plan .modal-content {background: #fff;border-radius: 10px;}
    #canceled_plan .modal-header {position: relative;}
    #canceled_plan .modal-header .modal-title {width: 100%;text-align: center;font-size: 18px;color:#1f2937;}
    #canceled_plan .modal-header .btn-close {background: none;position: absolute;top: 1px;right: 5px;margin: 0;padding: 0;width: 35px;height: 35px;opacity: 1;}
    #canceled_plan .modal-header .btn-close i {font-size: 26px;color: #1f2937;}
    #canceled_plan .modal-body {padding: 20px 35px 35px 35px;}
    #canceled_plan .money-card {text-align: center;width: 100%;}
    #canceled_plan .money-card button{background-color: #149afd;border-radius: 4px;height: 42px;color: #fff;min-width: 100px;}
    #canceled_plan .money-card h6{color: #1f2937;margin:5px;}
  #card-element {
      padding: 10px;
  }
  
.endedAt {
    color: #444;
}
.about-last{ padding-top: 0;}
.about-page-sc { padding-bottom: 0;}
.new_row figure { border-radius: 15px; }
.new_row figure img { object-fit: cover;object-position: center;width: 100%;height: 100%; }
.about-page-sc ul { padding-left: 30px; }
.about-page-sc h2 { margin-bottom: 20px; }