@import url('/assets/fontello/css/md-icons.css');

/* Custom X (Twitter) Icon */
.fa-x-twitter:before {
  content: "𝕏";
  font-family: inherit;
  font-weight: bold;
}

:root {
  --green-bg-gradient: linear-gradient(90deg, #369bd7 0%, #2db4a6 100%);
  --orange-bg-gradient: linear-gradient(250deg, #ffbb70 0%, #fc8500 100%);
  --red-bg-gradient: linear-gradient(90deg, #E84545 0%, #FF6161 100%);
  --gray-bg-gradient: linear-gradient(47.328deg, #c0c0c0 0%, #e0e0e0 100%);
  --blue-bg-gradient: linear-gradient(90deg, #2d80f2, #5a98f7);
  --purple-bg-gradient: linear-gradient(90deg, #9b59b6, #b67aca);
}

a,
img,
link,
.btn {
  outline: 0px !important;
}

/*colors css*/

.white {
  color: #fff;
}

.blue {
  color: #369bd7;
}

.blue-bg {
  background-color: #369bd7;
}

.darkblue {
  color: #369bd7;
}

.darkblue-bg {
  background-color: #369bd7;
}

.light-blue {
  color: #369bd7;
}

.blue-border {
  border-left: 2px solid #3598db;
}

.orange {
  color: #ff9000;
}

.orange-bg {
  background-color: #ff9000;
}

.orange-border {
  border-left: 2px solid #ffaf00;
}

.pirble {
  color: #662987;
}

.pirble-bg {
  background-color: #6b327c;
}

.pirble-border {
  border-left: 2px solid #6b327c;
}

.green {
  color: #369bd7;
}

.green-bg {
  background-color: #369bd7;
}

.green-border {
  border-left: 2px solid #3c9f74;
}

.red {
  color: #d20000;
}

.red-bg {
  background-color: #d20000;
}

.red-border {
  border-left: 2px solid #d20000;
}

.cold-green {
  color: #196b6a !important;
}

.cold-green-border {
  border-left: 2px solid #196b6a;
}

.dark-blue-border {
  border-left: 2px solid #1f4e79;
}

.dark-blue {
  color: #369bd7 !important;
}

/*-------- end colors --------*/
/*buttons color*/

.orange-btn,
.orange-btn:hover,
.orange-btn:active,
.orange-btn:focus {
  background: none;
  border: none;
  border-radius: 50px;
  /* Make it fully rounded */
  background-image: var(--orange-bg-gradient);
  color: #fff;
  padding: 10px 20px;
  /* Increase padding for better proportions */
  font-weight: 700;
  font-size: 12px;
  text-transform: capitalize;
  text-decoration: none;
  line-height: 1;
}

.blue-btn,
.blue-btn:hover,
.blue-btn:active,
.blue-btn:focus {
  background-image: -moz-linear-gradient(90deg, rgb(62, 165, 218) 0%, rgb(74, 180, 234) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(62, 165, 218) 0%, rgb(74, 180, 234) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(62, 165, 218) 0%, rgb(74, 180, 234) 100%);
  box-shadow: 0px 1px 0px 0px rgba(22, 117, 166, 1);
  padding: 6px 8px;
  color: #fff;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.big-orange-btn-shadow {
  box-shadow: 0px 2px 0px 0px rgba(213, 120, 0, 1) !important;
}

.big-blue-btn-shadow {
  box-shadow: 0px 2px 0px 0px rgba(22, 117, 166, 1) !important;
}

.modal-footer .btn.rk-gray-btn {
  background-color: #ccc !important;
}

.action-droplist-btn,
.action-droplist-btn:hover,
.action-droplist-btn:active,
.action-droplist-btn:focus {
  padding: 8px;
  font-size: 13px;
}

.action-droplist-btn .caret {
  margin-left: 4px;
}

/*end buttons color*/

/*---------Table style--------*/

.table-style1>thead>tr>th {
  background: transparent;
  color: #555555;
  font-size: 12px;
  white-space: nowrap;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 2px 2px 0 0;
  background-color: #f3f3f3;
  padding: 6px 8px;
  vertical-align: middle;
}

.table-style1>tbody>tr:nth-of-type(odd) {
  background-color: #fff !important;
}

.table-style1>tbody>tr:nth-child(odd)>td,
.table-style1>tbody>tr:nth-child(odd)>th {
  background-color: #fff;
}

.table-style1>tbody>tr:nth-of-type(even) {
  background-color: #fafafa !important;
}

.table-style1>tbody>tr:nth-child(even)>td,
.table-style1>tbody>tr:nth-child(even)>th {
  background-color: #fafafa;
}

/*end table style*/

/*---------Table style2--------*/

.table-style2>thead>tr>th {
  background: transparent;
  color: #333333;
  font-size: 12px;
  white-space: nowrap;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 2px 2px 0 0;
  padding: 0px 8px;
  vertical-align: middle;
  background-color: #f7f7f7;
}

.table-style2>tbody>tr {
  box-sizing: border-box;
  border-left: 2px solid #369bd7;
  border-radius: 2px;
}

.table-style2>thead>tr {
  box-sizing: border-box;
}

.table-style2>tbody>tr {
  background-color: #fff !important;
}

.table-style2>tbody>tr>td,
.table-style2>tbody>tr>th {
  background-color: #fff !important;
}

.table-style2 {
  border-collapse: separate;
  border-spacing: 0 10px;
}

.table-style2>tbody>tr>td {
  padding: 6px 10px;
  box-shadow: 0px 2px 0px rgba(4, 4, 4, 0.09);
}

.table-style2>tbody>tr>td:first-child {
  border-left: 2px solid #369bd7;
}

/*end table style2*/

.no-padding {
  padding: 0px !important;
}

.no-padding-left {
  padding-left: 0px !important;
}

.no-padding-right {
  padding-right: 0px !important;
}

.x-navigation li>a:hover {
  background: unset;
}

.page-container .page-content,
.page-container .page-content .page-content-wrap {
  background-color: #F2F6F9;
  /* display: flex; */
  /* width: 100%; */
}

.page-container .page-content .page-content-wrap {
  padding-top: 10px !important;
  padding-bottom: 5px !important;
  margin-top: 0 !important;
  padding-top: 10px !important;
  min-height: calc(100vh - 100px);
  border-left: 1px solid #eceeef;
}

.page-content .logo-link {
  position: absolute;
  top: 7px !important;
  left: -190px;
  z-index: 1000;
}

.page-content .logo-link img {
  width: 139px;
}

.page-container .page-sidebar {
  background-color: #ffffff;
  box-shadow: 2px 40px 7px rgba(0, 0, 0, .08);
  flex-shrink: 0;
}

.x-navigation.x-navigation-horizontal {
  height: 55px;
  background: #fff;
  border-bottom: 1px solid #ecf0f3 !important;
  border-left: 1px solid #eceeef;
}

.x-navigation>li.xn-logo>a:first-child {
  height: 55px;
  background: url("../img/logo.svg") 22px 3px no-repeat #fff !important;
  background-position-y: 7px;
  background-position-x: 6px;
}

.x-navigation li>a {
  padding: 10px;
  border: none !important;
}

.x-navigation li.active>a {
  background: transparent !important;
}

/*  */

.x-navigation.x-navigation-custom li:not(.xn-logo)>a:hover {
  background: transparent !important;
  color: #369BD7 !important;
}

.x-navigation.x-navigation-custom>li.xn-logo>a {
  padding: 10px;
  height: 55px;
  background-color: #fcfeff !important;
  /* filter: drop-shadow(1px 0px 2px #e0e9ef); */
  border-bottom: 1px solid #ecf0f3 !important;
}

.hide-left-navigation .x-navigation.x-navigation-custom>li.xn-logo>a {
  border-right: 1px solid #ecf0f3 !important;
}

.x-navigation li>a span.fa,
.x-navigation li>a span.glyphicon {
  margin-right: 4px;
}

.x-navigation .custom-ul li:last-child>a span.fa {
  margin: 0px;
}

.custom-ul {
  float: right;
  display: flex;
  gap: 12px;
  padding-right: 12px;
  align-items: center;
  height: 54px;
}

.custom-ul li:not(.credits-li)>a {
  font-size: 15px;
  font-weight: 500;
  color: #222;
  text-transform: capitalize;
  display: inline-flex;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #F6FBFF;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-transform: capitalize;
}

.x-navigation.x-navigation-custom div.custom-ul li:not(.xn-logo)>a:not(.btn):hover {
  background: linear-gradient(90deg, rgba(55, 153, 219, 0.1) 0%, rgba(45, 180, 166, 0.1) 100%) !important;
}

.custom-ul li:not(.credits-li)>a .sm-icon {
  font-size: 16px;
  background: var(--green-bg-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.x-navigation.x-navigation-custom li>a {
  padding: 17px 10px;
}

.custom-ul li.active>a,
.custom-ul li>a:hover {
  color: #369BD7 !important
}

.x-navigation .dots {
  line-height: 50px;
  color: #98c0d5;
  padding: 0;
  vertical-align: top;
}

.x-navigation .dots span {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: linear-gradient(17deg, #369bd7 0%, #2db4a6 100%);
  display: inline-block;
}

.x-navigation li>a .fa,
.page-sidebar .x-navigation li>a .glyphicon {
  color: #263238 !important;
}

.x-navigation li.active>a .fa {
  color: #263238 !important;
}

.x-navigation li>a:hover .fa {
  color: #369BD7 !important;
}

/*.custom-ul li > a.mb-control,
.custom-ul li > a.mb-control .fa {
    color: #aecede;
    background-color: #194a65 !important;
}
.custom-ul li > a.mb-control:hover,
.custom-ul li > a.mb-control:hover .fa {
    color: #fff;
        background-color: #194a65 !important;
}*/

.x-navigation.x-navigation-custom>li>a.sidebar_ad_link {
  color: #263238;
  text-transform: capitalize;
  border-left: 3px solid transparent !important;
  padding-left: 10px;
  font-size: 15px;
  font-weight: 500;
  padding: 13px 10px;
  cursor: pointer;
  background-color: #ffffff;
  display: inline-flex;
  gap: 3px;
}

.x-navigation.x-navigation-custom>li>a.sidebar_ad_link .fa {
  color: #d1d9dd;
}

.x-navigation.x-navigation-custom>li>a.sidebar_ad_link:hover .fa,
.x-navigation.x-navigation-custom>li>a.sidebar_ad_link:hover .glyphicon {
  color: #369bd7 !important;
}

.x-navigation.x-navigation-custom>li.active>a.sidebar_ad_link,
.x-navigation.x-navigation-custom>li:hover>a.sidebar_ad_link {
  background-color: transparent !important;
  border-left: 3px solid #369bd7 !important;
}

.x-navigation.x-navigation-custom>li.active>a.sidebar_ad_link::after,
.x-navigation.x-navigation-custom>li:hover>a.sidebar_ad_link::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(60deg, #369bd7 0%, #2db4a6 100%);
  opacity: 0.1;
}

.x-navigation.x-navigation-custom>li.active>a.sidebar_ad_link {
  color: #369bd7 !important;
}

.x-navigation.x-navigation-custom>li.active>a.sidebar_ad_link .fa,
.x-navigation.x-navigation-custom>li.active>a.sidebar_ad_link .glyphicon {
  color: #369bd7 !important;
}

.x-navigation.x-navigation-custom>li.create-cover>a.sidebar_ad_link {
  background-color: #369bd7 !important;
  color: #fff !important;
  border-top: 1px solid #ffffff !important;
}

.x-navigation.x-navigation-custom>li.create-cover>a.sidebar_ad_link .fa {
  color: #fff !important;
}

.no-padding {
  padding: 0px !important;
}

.popover {
  font-family: 'Open Sans', sans-serif;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.17);
  border-radius: 15px;
  font-size: 15px;
  border: none;
  color: #222;
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
  line-height: 18px;
  padding: 8px;
}

.popover p {
  margin-bottom: 0px;
  font-weight: 600;
  text-transform: capitalize !important;
}

.popover span {
  text-transform: capitalize !important;
}

.popover b {
  font-weight: 600;
  text-transform: capitalize !important;
}

.popover.top>.arrow {
  bottom: -6px;
  margin-left: -6px;
  border-top-color: rgba(219, 219, 219, .90);
}

.popover-content {
  padding: 5px !important;
}

.btn {
  font-weight: 700 !important;
  font-size: 12px !important;
  border-radius: 2px !important;
  outline: 0 !important;
  text-transform: uppercase !important;
}

.btn .fa,
.btn .glyphicon {
  font-size: 10px !important;
  position: relative !important;
  top: 0px !important;
}

#mb-signout .btn-success {
  background-color: #2EAFAF;
  border-color: #2EAFAF;
}

.notificationsHolder {
  line-height: 40px;
  vertical-align: top;
  padding: 0 10px !important;
  position: relative;
  cursor: pointer;
  background-color: #194a65;
  border-right: 1px solid #3b7796;
  border-left: 1px solid #3b7796;
}

.notificationsHolder i {
  color: #FFF;
  font-size: 18px;
  vertical-align: -3px;
}

.notificationsHolder .notificationsCount {
  display: block;
  position: absolute;
  top: 3px;
  right: 3px;
  border-radius: 2px;
  background: #c70000;
  color: #FFF;
  font-weight: 600;
  font-size: 11px;
  padding: 0 5px;
  line-height: 16px;
}

.dropdown-menu.noti-dropdown {
  display: none;
  left: -200px;
  overflow: visible;
  min-width: 240px;
  background: #FFF !important;
  border-top-width: 2px;
  border-top-color: #2a3f54 !important;
  margin-top: 7px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 2px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu.noti-dropdown:after,
.dropdown-menu.noti-dropdown:before {
  left: 218px;
}

.noti-dropdown.dropdown-menu:before {
  border-bottom-color: #2a3f54 !important;
  border-width: 8px;
  margin-left: -8px;
}

.noti-arrow {
  position: absolute;
  top: -5px;
  left: 46%;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #fff transparent;
  overflow: visible;
}

.noti-dropdown .noti-scroll-container {
  width: 100%;
  overflow: hidden;
  display: block;
  height: 219px;
}

.noti-dropdown li {
  display: block !important;
  float: none;
  background: #FFF !important;
  overflow: auto;
  margin-right: 10px;
  border-bottom: 1px solid #efefef !important;
}

.noti-dropdown li a {
  padding: 5px 0 !important;
  display: block;
  border-bottom: 1px solid #eeeff0;
  padding-left: 33px !important;
  background-color: #fff;
  text-decoration: none !important;
  position: relative;
  background: #FFF !important;
}

.noti-dropdown.no-company li a {
  padding-top: 4.5px !important;
  padding-bottom: 4.5px !important;
}

.noti-dropdown li a i {
  font-size: 13px;
  font-weight: 700;
  color: #c70000 !important;
  position: absolute;
  top: 8px;
  left: 0px;
  padding: 0px;
  padding-top: 8px;
  padding-left: 10px;
}

.noti-dropdown.no-company li a i {
  padding-top: 0px;
}

.noti-dropdown li a .noti-text {
  font-size: 12px;
  font-weight: 600;
  color: #707070;
  padding-top: 3px;
  text-transform: capitalize;
  display: block;
  text-align: left;
  text-overflow: ellipsis;
  line-height: 15px;
}

.noti-dropdown li a .noti-text span {
  font-size: 13px;
  font-weight: 700;
  color: #333;
  display: block;
  text-overflow: ellipsis;
}

.modal-header {
  min-height: 16.43px;
  padding: 0;
  border-bottom: 0;
  background-color: #f3f4f6;
}

.modal-header .close {
  background: var(--green-bg-gradient);
}

.modal-header .close {
  float: none;
  font-weight: 300;
  line-height: 30px;
  color: #fff;
  background: var(--green-bg-gradient);
  opacity: 1;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 !important;
  margin: 0 !important;
  width: 30px;
  height: 30px;
  display: block;
  z-index: 9999;
}

.modal-content {
  border-radius: 0;
  border: 0;
}

.modal-title {
  color: #333;
  padding: 0 10px;
}

.modal-title {
  font-size: 13px !important;
  font-weight: 700;
  text-transform: uppercase;
}

.modal-title i {
  color: #369bd7;
  margin-right: 7px;
}

.table-responsive {
  overflow: visible;
}

.modal-footer {
  background: none;
  border-color: none;
  border: 0;
  padding: 0;
  border-radius: 0px 0px 2px 2px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.modal-footer .btn,
.modal-footer .btn:hover,
.modal-footer .btn:focus,
.modal-footer .btn:active {
  background-color: #369bd7;
  border: none !important;
  color: #fff !important;
  border-radius: 2px;
}

.modal-body {
  padding: 20px;
  font-size: 13px;
}

#delete-modal .modal-header .close {
  background-color: #d20000 !important;
}

#delete-modal .modal-title,
#delete-modal .modal-title i {
  color: #d20000 !important;
}

#delete-modal .modal-footer .btn-danger {
  background-color: #d20000 !important;
}

#delete-modal .modal-footer .cancel-btn {
  background-color: #d3d3d3 !important;
}

#delete-modal .modal-body p {
  font-weight: 700;
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1285px) {
  .x-navigation.x-navigation-horizontal .custom-ul {
    float: right;
    text-align: center !important;
  }

  .x-navigation.x-navigation-horizontal .custom-ul li {
    float: none;
    display: inline-block;
    text-align: center;
  }

  .x-navigation.x-navigation-horizontal .custom-ul li a {
    font-size: 14px;
    padding: 8px 7px;
  }

  .x-navigation.x-navigation-horizontal .custom-ul li a .fa {
    font-size: 14px;
    width: 20px;
    margin-right: 0px;
  }

  .more-margin {
    margin-left: 0px;
  }

  .dataTables_filter {
    width: 55%;
  }

  .contact-title {
    margin-right: 10px !important;
    font-size: 14px !important;
  }
}

@media only screen and (max-width: 1024px) {



  .strategies-container {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .strategies-container>div {
    order: 1;
  }

  .strategies-container>div:nth-child(5) {
    order: 0;
  }

  .vv-container {
    padding: 0 20px !important;
  }

  .table-responsive {
    overflow: auto;
  }

  .page-content .logo-link {
    left: 50% !important;
    margin-left: -70px;
  }

  .x-navigation.x-navigation-horizontal .custom-ul {
    float: none;
  }

  .x-navigation.x-navigation-horizontal {
    background: #369bd7;
    text-align: center;
    max-height: none;
    display: none;
  }

  .marg-bottom {
    margin-bottom: 0px;
  }

  .dataTables_filter {
    width: 55%;
  }

  .contact-title {
    margin-right: 10px !important;
  }

  .x-navigation {
    max-height: 40px;
  }

  .page-sidebar .x-navigation {
    min-height: 40px;
  }

  .x-navigation .x-navigation-control {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .x-navigation .x-navigation-control:before {
    position: static;
  }
}

@media only screen and (max-width: 768px) {
  .x-navigation.x-navigation-horizontal .custom-ul {
    float: none;
    text-align: center !important;
  }

  .x-navigation-panel .stats-container span {
    margin-left: 3px;
    margin-right: 3px;
    font-size: 10px;
  }

  .x-navigation.x-navigation-horizontal .custom-ul li a {
    font-size: 12px;
    padding: 8px 5px;
  }

  .x-navigation.x-navigation-horizontal .custom-ul li {
    float: none;
    display: inline-block;
    text-align: center;
  }

  .x-navigation.x-navigation-horizontal .custom-ul li a .fa {
    font-size: 12px;
    width: 12px;
    margin-right: 0px;
  }

  .progress-holder {
    float: left;
    width: 50%;
    margin: auto;
  }

  .widget-title .fa,
  .widget-title .glyphicon {
    display: none;
  }

  .ad-area {
    display: none;
  }

  .marg-bottom {
    margin-bottom: 0px;
  }

  .breadcrumb li,
  .breadcrumb li a {
    font-size: 10px;
    line-height: 12px;
    color: #99a0aa;
    text-decoration: none;
  }

  .dataTables_filter {
    display: none;
  }
}

@media only screen and (max-width: 480px) {

  /*.page-content .logo-link {
	left: 10px;
	margin-left: 0px;
	}*/
  .x-navigation-panel .stats-container span {
    margin-left: 1px;
    margin-right: 1px;
    font-size: 9px;
  }

  .custom-ul li>a {
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
  }
}

input:focus:invalid,
.InValidationStyle {
  border: 1px solid #B64645 !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(225, 0, 0, 0.22) !important;
}

/*video popup play*/

#VisaChipCardVideo {
  width: 100%;
  height: auto;
  max-height: calc(100vh - 130px);
}

@media (min-width: 1200px) {
  #video-modal .modal-dialog {
    width: 800px;
  }
}

/*Search Filter*/

.contact-title {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  margin-right: 50px;
  display: block;
  float: left;
}

.contact-title span {
  color: #369bd7;
  margin-left: 10px;
}

.dataTables_info {
  padding: 0px;
  font-weight: 600;
  color: #3a3938;
  margin-top: 16px;
}

.dataTables_info b {
  font-weight: 700;
  color: #369bd7;
}

.filterBtn {
  font-size: 12px;
  border: none;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 27px;
  display: block;
  float: right;
  margin-left: 5px;
  padding-right: 9px;
  padding-left: 9px;
  padding-bottom: 0px;
  margin-top: 1px;
  border-radius: 10px;
  background-image: -moz-linear-gradient(90deg, rgb(73, 133, 164) 0%, rgb(93, 154, 186) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(73, 133, 164) 0%, rgb(93, 154, 186) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(73, 133, 164) 0%, rgb(93, 154, 186) 100%);
  box-shadow: 0px 1px 0px 0px rgba(30, 86, 115, 1);
}

.dataTables_length {
  width: 100%;
  float: right;
  padding: 0px 54px;
  position: absolute;
  top: 7px;
  right: 6px;
  color: #ffffff;
}

.dataTables_length select {
  color: #333333;
  height: 30px !important;
  line-height: 30px;
  padding: 3px !important;
}

.dataTables_length label {
  right: -10px;
  position: absolute;
  color: #fff;
  margin-top: -7px !important;
}

.dataTables_filter {
  padding: 0;
}

.dataTables_filter label {
  width: auto;
  padding-left: 5px;
  position: absolute;
  left: -45% !important;
}

.dataTables_filter label input {
  width: 198px;
  height: 30px !important;
  font-size: 13px;
  font-weight: 600;
  color: #666666;
}

.searchWrapper {
  position: relative;
}

.searchIcon {
  position: absolute;
  top: 0px;
  right: 10px;
  color: #666666;
  font-size: 13px;
}

.recordsSpan {
  color: #333333;
  text-transform: capitalize !important;
  font-size: 13px;
  font-weight: 600;
  margin-right: 5px;
}

.dataTables_length {
  width: 100%;
  float: right;
  padding: 0px 54px;
  position: absolute;
  top: 7px;
  right: 6px;
  color: #ffffff;
}

paginate_button.current {
  background-color: #369bd7;
  color: #fff !important;
  border-radius: 2px !important;
  padding: 4px 8px !important;
}

.dataTables_paginate .paginate_button.current,
.dataTables_paginate .paginate_button.current:hover {
  /* background-color: #369bd7 !important; */
  background: linear-gradient(12.247deg, #369bd7 0%, #2db4a6 100%);
  border-radius: 5px !important;
}

.dataTables_paginate a.paginate_button {
  color: #383737;
  background-color: transparent;
  border: none;
}

.paginate_button {
  font-size: 12px;
  color: #383737;
}

.paginate_button.current {
  background-color: #1f4e79 !important;
  color: #fff !important;
  border-radius: 2px !important;
  padding: 4px 8px !important;
}

.dataTables_paginate {
  margin-top: 5px;
}

.dataTables_info {
  float: left;
  font-size: 12px;
  padding: 0px;
  line-height: 12px;
  padding: 0px 1px;
  color: #3a3938;
}

.dataTables_filter {
  position: absolute;
  top: 0px;
  right: 0px;
}

.table-title,
.dubble-padding {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/*save modal popup*/

#save-modal .modal-dialog,
#save-modal-schedule .modal-dialog,
#save-modal-log .modal-dialog,
#save-modal-view .modal-dialog {
  width: 664px;
}

#save-modal label,
#save-modal-schedule label,
#save-modal-log label,
#save-modal-view label {
  font-size: 12px;
  font-weight: 700;
  color: #2f2f2f;
  text-transform: capitalize;
  padding-top: 5px !important;
}

#save-modal select,
#save-modal-schedule select,
#save-modal-log select,
#save-modal-view select {
  height: 30px;
  font-size: 12px;
  line-height: 18px;
  box-shadow: none;
  border: 1px solid #E8E8E8;
  background: #FDFDFD;
  border-radius: 2px;
  width: 100%;
}

#save-modal .added-type,
#save-modal-schedule .added-type,
#save-modal-log .added-type,
#save-modal-view .added-type {
  font-size: 11px;
  font-weight: normal;
  color: #666666;
  display: inline-block;
  background: #e4e4e4;
  text-transform: capitalize;
  border-radius: 2px;
  padding: 3px 5px;
  margin-top: 5px;
  margin-right: 5px;
}

#save-modal .added-type i,
#save-modal-schedule .added-type i,
#save-modal-log .added-type i,
#save-modal-view .added-type i {
  margin-left: 10px;
  position: relative;
  top: 3px;
  cursor: pointer;
}

#save-modal .char-counter,
#save-modal-schedule .char-counter,
#save-modal-log .char-counter,
#save-modal-view .char-counter {
  font-size: 11px;
  font-weight: 700;
  color: #6f6f6f;
  font-style: italic;
  float: left;
  margin-top: 6px;
  position: absolute;
  top: 0px;
  right: 20px;
}

#saved-temp-modal .modal-header {
  background-color: #fff;
}

#saved-temp-modal .main-title {
  color: #369bd7;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: -8px;
  margin-bottom: 0px;
}

#saved-temp-modal .sub-title {
  color: #2f2f2f;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: -3px;
  margin-bottom: 34px;
}

#saved-temp-modal .info-point {
  color: #2f2f2f;
  font-size: 13px;
  font-weight: 600;
  text-transform: capitalize;
  width: 100%;
  display: block;
  text-align: left;
}

#saved-temp-modal .info-point span {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background-color: #369bd7;
  line-height: 24px;
  text-align: center;
  color: #fff;
  display: inline-block;
  margin-right: 7px;
  font-size: 15px;
  font-weight: 700;
}

#saved-temp-modal .modal-dialog {
  width: 717px;
}

#saved-temp-modal .btn-ok {
  color: #fff;
  font-size: 20px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  text-align: center;
  width: 185px;
  height: 40px;
  line-height: 30px;
  border-radius: 20px !important;
  background-color: #369bd7 !important;
  margin-left: auto;
  margin-right: auto;
  float: none;
  margin-top: 30px;
}

#saved-temp-modal .btn-ok i {
  font-size: 20px !important;
}

#saved-temp-modal .checkbox {
  width: 100%;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 10px;
}

#saved-temp-modal .checkbox label {
  font-size: 12px;
  font-weight: 700;
  color: #2f2f2f;
  text-transform: capitalize;
}

/*close lead modal*/

#close-modal .modal-header .close {
  background-color: #d20000 !important;
}

#close-modal .modal-title,
#close-modal .modal-title i {
  color: #d20000 !important;
}

#close-modal .modal-footer .btn-danger {
  background-color: #d20000;
}

#close-modal .modal-footer .cancel-btn {
  background-color: #d3d3d3;
}

#close-modal .modal-body p {
  font-weight: 700;
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 30px;
}

/*close video modal*/

#close-video-modal .modal-header .close {
  background-color: #d20000 !important;
}

#close-video-modal .modal-title,
#close-video-modal .modal-title i {
  color: #d20000 !important;
}

#close-video-modal .modal-footer .btn-danger {
  background-color: #d20000;
}

#close-video-modal .modal-footer .cancel-btn {
  background-color: #d3d3d3;
}

#close-video-modal .modal-body p {
  font-weight: 700;
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 30px;
}

/**/

.chart-container,
.stats-body,
.widget,
.table-main-container,
.table-main-container {
  box-shadow: 0px 2px 2px 0px rgba(4, 4, 4, 0.09) !important;
}

.WarningBtn {
  background-color: #c70000 !important;
  color: #fff !important;
  border-color: #c70000 !important;
}

/*css for disappear the download btn on vedio popup*/

video::-internal-media-controls-download-button {
  display: none;
}

video::-webkit-media-controls-enclosure {
  overflow: hidden;
}

video::-webkit-media-controls-panel {
  width: calc(100% + 30px);
  /* Adjust as needed */
}

video {
  width: 200px;
  height: auto;
}

.popover .thumb {
  float: left;
}

.x-navigation li.dropdown ul {
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  display: none;
  float: left;
  position: absolute;
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #E5E5E5;
  padding: 0px;
  margin: 8px 0px 0px;
  min-width: 200px;
  font-size: 12px;
  margin-top: -6px;
  border-radius: 2px;
  left: -95px;
  top: 107%;
  max-height: 1200px;
  z-index: 100000;
  border-color: #e1e1e1;
}

.x-navigation li.dropdown ul li a i {
  width: 18px !important;
  height: auto !important;
  margin-right: 5px !important;
  font-size: 16px !important;
  background: linear-gradient(17.093deg, #369bd7 0%, #2db4a6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}

.x-navigation li.dropdown ul li a:hover {
  background-color: #f5f5f5 !important;
}

.x-navigation li.dropdown ul li a:hover i {
  color: #1f4e79 !important;
}

.x-navigation.x-navigation-horizontal li.dropdown ul li {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  padding: 0px;
  margin: 0px;
  position: relative;
}

.x-navigation li.dropdown ul {
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  display: none;
  float: left;
  position: absolute;
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #E5E5E5;
  padding: 0px;
  margin: 8px 0px 0px;
  min-width: 200px;
  font-size: 12px;
  margin-top: -6px;
  border-radius: 2px;
  left: -95px;
  top: 107%;
  max-height: 1200px;
  z-index: 100000;
  border-color: #e1e1e1;
}

.x-navigation li.dropdown ul li a {
  white-space: nowrap;
  clear: both;
  display: block !important;
  width: 100% !important;
  padding: 5px 15px !important;
  border-bottom: 1px solid #f9f9f9 !important;
  line-height: 20px;
  font-size: 13px !important;
  text-align: left !important;
  color: #666 !important;
  font-weight: 700 !important;
}

.x-navigation li.dropdown:hover ul.dropdown-menu {
  display: block;
}

.x-navigation li.dropdown ul:after,
.x-navigation li.dropdown ul:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.x-navigation li.dropdown ul:before {
  border-color: rgba(229, 229, 229, 0);
  border-bottom-color: #E5E5E5;
  border-width: 6px;
  margin-left: -6px;
}

.x-navigation li.dropdown ul:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #FFF;
  border-width: 5px;
  margin-left: -5px;
}

.x-navigation.x-navigation-custom>li.create-cover>a.sidebar_ad_link {
  text-transform: uppercase;
}

/*************** add video step 1 modal ******************/

#add-video-step1-modal .modal-dialog,
#select-business-clone-modal .modal-dialog {
  width: 970px;
}

#add-video-step1-modal .modal-body,
#select-business-clone-modal .modal-body {
  padding-left: 0;
}

#add-video-step1-modal .add-video-btn,
#select-business-clone-modal .add-video-btn {
  text-decoration: none;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  width: 100%;
  height: 40px;
  border-radius: 50px !important;
  box-shadow: none;
  margin-top: 12px;
  background: var(--orange-bg-gradient);
  line-height: 38px;
}

#add-video-step1-modal .add-video-btn.disabled,
#select-business-clone-modal .add-video-btn.disabled {
  cursor: not-allowed;
  opacity: .4;
}

#add-video-step1-modal label,
#select-business-clone-modal label {
  padding-top: 5px !important;
  font-size: 13px;
  font-weight: 700;
  color: 222px;
}

#add-video-step1-modal .no-padding,
#select-business-clone-modal .no-padding {
  padding-left: 0;
  padding-right: 0;
}

#add-video-step1-modal .main-title,
#select-business-clone-modal .main-title {
  font-size: 17px;
  font-weight: 700;
  color: #1f4e79;
  margin: 0;
  text-transform: uppercase;
  text-align: center;
}

#add-video-step1-modal .merchant-count,
#select-business-clone-modal .merchant-count {
  display: block;
  width: 100%;
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  color: 222px;
  text-transform: uppercase;
  text-align: left;
}

#add-video-step1-modal .merchant-count .count-value,
#select-business-clone-modal .merchant-count .count-value {
  color: #cc0000;
}

#add-video-step1-modal .merchant-count .count-badge,
#select-business-clone-modal .merchant-count .count-badge {
  text-align: center;
  color: #fff;
  float: right;
  min-width: 44px;
  height: 26px;
  line-height: 26px;
  border-radius: 2px;
  background-color: #369bd7;
  font-size: 17px;
  font-weight: 700;
  position: relative;
  top: -1px;
}

#add-video-step1-modal .form-control,
#select-business-clone-modal .form-control {
  border: 1px solid #ebebeb;
  font-size: 13px;
  font-weight: 600;
}

#add-video-step1-modal .inner-addon,
#select-business-clone-modal .inner-addon {
  position: relative;
}

#add-video-step1-modal .inner-addon .glyphicon,
#select-business-clone-modal .inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

#add-video-step1-modal .right-addon .glyphicon,
#select-business-clone-modal .right-addon .glyphicon {
  right: 0px;
  top: -1px;
  color: #a5a5a5;
}

#add-video-step1-modal .right-addon input,
#select-business-clone-modal .right-addon input {
  padding-right: 30px;
}

#add-video-step1-modal .item-scroll,
#select-business-clone-modal .item-scroll {
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 220px;
  overflow: hidden;
}

#add-video-step1-modal .item-contianer,
#select-business-clone-modal .item-contianer {
  width: 100%;
  border: 1px solid #dde4e9;
  background: #FDFDFD;
  color: #7b7b7b;
  display: block;
  border-radius: 9px;
}

#add-video-step1-modal .item-contianer .item,
#select-business-clone-modal .item-contianer .item {
  padding: 8px 12px;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  border-radius: 18px;
  text-transform: capitalize !important;
}

#add-video-step1-modal .item-contianer .item.header,
#select-business-clone-modal .item-contianer .item.header {
  background-color: #e7e7e7;
}

#add-video-step1-modal .item-contianer .item.header p,
#select-business-clone-modal .item-contianer .item.header p {
  width: 57%;
  font-size: 13px;
  font-weight: 700;
  text-align: left;
  color: #333333;
}

#add-video-step1-modal .item-contianer .item p,
#select-business-clone-modal .item-contianer .item p {
  display: inline-block;
  margin: 0;
  width: 60%;
  line-height: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  top: 1px;
}

#add-video-step1-modal .item-contianer .item .amount,
#select-business-clone-modal .item-contianer .item .amount {
  font-size: 13px;
  font-weight: 700;
  text-align: left;
  color: #333333;
  text-transform: capitalize;
}

#add-video-step1-modal .item-contianer .item .red,
#select-business-clone-modal .item-contianer .item .red {
  color: #cc0000;
}

#add-video-step1-modal .item-contianer .item i,
#select-business-clone-modal .item-contianer .item i {
  color: #969696;
}

#add-video-step1-modal .item-contianer .item i.pull-right,
#select-business-clone-modal .item-contianer .item i.pull-right {
  display: none;
  font-size: 21px;
  margin-top: -2px;
}

#add-video-step1-modal .item-contianer .item.active i.pull-right,
#select-business-clone-modal .item-contianer .item.active i.pull-right {
  display: block;
}

#add-video-step1-modal .item-contianer .item.active,
#select-business-clone-modal .item-contianer .item.active {
  background: var(--green-bg-gradient);
  color: #fff !important;
}

#add-video-step1-modal .item-contianer .item.active i,
#add-video-step1-modal .item-contianer .item.active span,
#select-business-clone-modal .item-contianer .item.active span {
  color: #fff !important;
}

#add-video-step1-modal .mCSB_inside>.mCSB_container,
#select-business-clone-modal .mCSB_inside>.mCSB_container {
  margin-right: 17px;
}

/**/

.new-business-btn,
.new-business-btn:active,
.new-business-btn:focus,
.new-business-btn:hover {
  border-radius: 5px !important;
  margin-left: -2px;
  margin-top: 10px;
  padding: 8px;
}

/*bottom back*/

.btns-row10 {
  margin: 150px -10px -10px -10px !important;
}

.buttons-container {
  width: 100%;
  height: 57px;
  background-color: #fafafa;
  border-bottom: 2px solid #fff;
  float: left;
  text-align: center;
  border-top: 1px solid #ececec;
  position: relative;
}

.back-button,
.back-button:hover,
.back-button.active,
.back-button:focus {
  border-radius: 2px !important;
  border: none !important;
  margin: 12px !important;
  text-decoration: none !important;
  background-image: -moz-linear-gradient(90deg, rgb(237, 237, 237) 0%, rgb(246, 246, 246) 100%) !important;
  background-image: -webkit-linear-gradient(90deg, rgb(237, 237, 237) 0%, rgb(246, 246, 246) 100%) !important;
  background-image: -ms-linear-gradient(90deg, rgb(237, 237, 237) 0%, rgb(246, 246, 246) 100%) !important;
  box-shadow: 0px 2px 0px 0px rgba(214, 214, 214, 1) !important;
  color: #818181 !important;
  float: left !important;
  position: absolute !important;
  left: 20px !important;
  line-height: 22px !important;
}

.back-button {
  border-radius: 0px;
  background-color: #14af92;
  height: 29px;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  border: none;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 15px;
  text-align: center;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-right: 1px solid #008068;
  line-height: 30px;
  text-decoration: none;
  box-shadow: 0 2px #008068;
}

.back-button .fa {
  font-size: 12px !important;
}

.landing-page-wizard .stepContentHolder {
  padding-bottom: 0px;
}

/*noty style*/

#noty_topCenter_layout_container li .noty_message {
  font-size: 18px !important;
  font-weight: 600;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

#noty_topCenter_layout_container li i {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 14px;
}

#noty_topRight_layout_container li .noty_message {
  font-size: 18px !important;
  font-weight: 600;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

#noty_topRight_layout_container li i {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 14px;
}

.noty_type_success .noty_message:before {
  content: "\f00c";
  font-size: 16px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  /*--adjust as necessary--*/
  color: #fff;
  font-size: 20px;
  padding-right: 0.5em;
}

.noty_type_error .noty_message:before {
  content: "\f00d";
  font-size: 16px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  /*--adjust as necessary--*/
  color: #fff;
  font-size: 21px;
  padding-right: 0.5em;
}

.noty_type_warning .noty_message:before {
  content: "\f071";
  font-size: 16px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  /*--adjust as necessary--*/
  color: #fff;
  font-size: 20px;
  padding-right: 0.5em;
}

.noty_bar noty_type_success,
.noty_bar noty_type_error,
.noty_bar noty_type_warning {
  box-shadow: none !important;
}

.noty_message .close {
  float: right;
  font-size: 18px;
  font-weight: 700;
  line-height: 13px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
  margin-right: 6px;
}

.noty_message .close:hover {
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.animated-hidden {
  display: none;
}

.animated-show {
  display: block;
  box-shadow: none !important;
}

.x-navigation .noti-scroll-container li>a:hover .fa,
.x-navigation .noti-scroll-container li>a:hover .glyphicon {
  color: #98a9ba !important;
}

.mc-separator {
  width: 100%;
  height: 1px;
  background-color: #ecf0f3;
  margin-bottom: 40px;
  margin-top: 40px;
}

/**/
@media only screen and (min-width: 1400px) {
  html {
    background: url(../img/backgrounds/wall_1.jpg) left top no-repeat fixed !important;
    background-color: transparent !important;
    background-size: cover !important;
  }

  body {
    padding: 20px 0px;
    background: transparent !important;
  }

  .x-navigation {
    background: #3b5998;
  }

  .page-container {
    width: 1336px;
    float: none;
    margin: 0px auto;
    -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 0px;
    /* display: flex; */
  }

  .page-container .page-content {
    border-radius: 0px;
    min-height: calc(100vh - 40px);
    height: auto !important;
  }

  .x-navigation {
    border-radius: 0px;
  }

  .page-container .page-content {
    border-radius: 0px;
  }

  .page-content-main-wrap {
    width: 100%;
  }

  .page-container .page-sidebar.page-sidebar-fixed {
    position: initial;
    height: auto !important;
    /* filter: drop-shadow(1px 0px 2px #e0e9ef); */
  }

  .page-container.page-mode-rtl .page-sidebar.page-sidebar-fixed {
    right: 0px;
  }

  .page-container>.page-content {
    padding-bottom: 0px;
  }
}

/*Updates*/
.page-container {
  background-color: #fff !important;
}

.page-container .page-sidebar {
  box-shadow: none !important;
}


.loading-backdrop {
  z-index: 1060 !important;
}

.x-navigation.x-navigation-custom>li.new-adviddy>a.sidebar_ad_link,
.x-navigation.x-navigation-custom>li.new-adviddy>a.sidebar_ad_link:hover {
  background-color: #fff8f5 !important;
  border-left: 3px solid #f67d37 !important;
  border-top: 2px solid #fff !important;
  transition: all 0.2s ease-in-out;
}

.x-navigation.x-navigation-custom>li.new-viralvids>a.sidebar_ad_link,
.x-navigation.x-navigation-custom>li.new-viralvids>a.sidebar_ad_link:hover {
  background-color: #f3f9fd !important;
  border-left: 3px solid #33A3C6 !important;
  border-top: 2px solid #fff !important;
  transition: all 0.2s ease-in-out;
}

.page-sidebar .x-navigation {
  background: #fff !important;
}


/* Your existing styles */

.x-navigation.x-navigation-custom>li.new-adviddy>a.sidebar_ad_link img {
  max-width: 20px;
  height: fit-content;
}

.x-navigation.x-navigation-custom>li.new-viralvids>a.sidebar_ad_link img {
  max-width: 17px;
  height: fit-content;
  position: relative;
  top: -1px;
}

.x-navigation.x-navigation-custom>li.new-adviddy>a.sidebar_ad_link:hover {
  /* border-left-width: 5px !important; */
  color: #fff;

  background-color: #f67d37 !important;
}

.x-navigation.x-navigation-custom>li.new-viralvids>a.sidebar_ad_link:hover {
  background-color: #33A3C6 !important;
  color: #fff;
}

.fa.adviddy-icon {
  background: url(../images/av-hover-logo.png) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 4px;
  background-position: top;
}

.fa.viralVids-icon {
  background: url(../images/viralvids-hover-logo.png) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 3px;
  background-position: top;
}

a:hover .fa.viralVids-icon,
a:hover .fa.adviddy-icon {
  background-position: bottom;
}

/* .x-navigation.x-navigation-custom>li.new-viralvids>a.sidebar_ad_link::before, .x-navigation.x-navigation-custom>li.new-adviddy>a.sidebar_ad_link::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #33A3C6;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
} */

/* .x-navigation.x-navigation-custom>li.new-adviddy>a.sidebar_ad_link::before {
  background: #f67d37;

} */

/* .x-navigation.x-navigation-custom>li.new-viralvids>a.sidebar_ad_link:hover::before, .x-navigation.x-navigation-custom>li.new-adviddy>a.sidebar_ad_link:hover::before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.x-navigation.x-navigation-custom>li.new-viralvids>a.sidebar_ad_link span, .x-navigation.x-navigation-custom>li.new-adviddy>a.sidebar_ad_link span {
  position: relative;
  z-index: 2;
} */

/* adding ripple start*/
span.ripple {
  background-color: rgba(255, 255, 255, .3);
  border-radius: 50%;
  position: absolute;
  transform: scale(0);
  animation: ripple .5s linear forwards;
}

@keyframes ripple {
  to {
    transform: scale(1);
    opacity: 0;
  }
}

button,
.btn,
.orange-btn,
.rippleEffect {
  position: relative;
  overflow: hidden;
  transition: opacity .5s ease;
}

button:hover,
.btn:hover,
.orange-btn:hover,
.rippleEffect {
  opacity: 0.90;
}

/* adding ripple end*/

.business-icon {
  display: inline-block;
  width: 20px !important;
  /* Width of the SVG */
  height: 20px !important;
  /* Height of the SVG */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.99' height='17.765' viewBox='0 0 17.99 17.765'%3E%3ClinearGradient id='a' y1='0.365' x2='1' y2='0.058' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23369bd7'/%3E%3Cstop offset='1' stop-color='%232db4a6'/%3E%3C/linearGradient%3E%3Cpath d='M17.345 11.461a.675.675 0 0 1 .622.724l-.167 2.258a3.607 3.607 0 0 1-3.581 3.322H3.775A3.607 3.607 0 0 1 .194 14.443L.023 12.186a.676.676 0 0 1 .623-.724.685.685 0 0 1 .724.623l.17 2.257a2.252 2.252 0 0 0 2.235 2.074h10.44a2.252 2.252 0 0 0 2.235-2.074l.171-2.257a.689.689 0 0 1 .928-.648ZM10.156 0a2.668 2.668 0 0 1 2.644 2.321h1.774a3.428 3.428 0 0 1 3.42 3.43v2.717a.675.675 0 0 1-.334.582A17.152 17.152 0 0 1 9.67 11.59v1.619a.675.675 0 0 1-1.35 0V11.59a17.139 17.139 0 0 1-9.336-2.161.673.673 0 0 1-.334-.582v-3.1A3.428 3.428 0 0 1 3.429 2.322H5.192A2.668 2.668 0 0 1 7.834 0ZM14.57 3.672H3.429A2.077 2.077 0 0 0 1.35 5.743v2.71a16.213 16.213 0 0 0 7.632 1.8h.452a16.076 16.076 0 0 0 7.556-1.8v-2.7A2.076 2.076 0 0 0 14.57 3.672ZM10.156 1.35H7.834a1.316 1.316 0 0 0-1.269.971h4.859A1.316 1.316 0 0 0 10.156 1.35Z' fill='url(%23a)' fill-rule='evenodd'/%3E%3C/svg%3E");
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  top: -1px;
}

.active .business-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.99' height='17.765' viewBox='0 0 17.99 17.765'%3E%3Cpath d='M17.345 11.461a.675.675 0 0 1 .622.724l-.167 2.258a3.607 3.607 0 0 1-3.581 3.322H3.775A3.607 3.607 0 0 1 .194 14.443L.023 12.186a.676.676 0 0 1 .623-.724.685.685 0 0 1 .724.623l.17 2.257a2.252 2.252 0 0 0 2.235 2.074h10.44a2.252 2.252 0 0 0 2.235-2.074l.171-2.257a.689.689 0 0 1 .928-.648ZM10.156 0a2.668 2.668 0 0 1 2.644 2.321h1.774a3.428 3.428 0 0 1 3.42 3.43v2.717a.675.675 0 0 1-.334.582A17.152 17.152 0 0 1 9.67 11.59v1.619a.675.675 0 0 1-1.35 0V11.59a17.139 17.139 0 0 1-9.336-2.161.673.673 0 0 1-.334-.582v-3.1A3.428 3.428 0 0 1 3.429 2.322H5.192A2.668 2.668 0 0 1 7.834 0ZM14.57 3.672H3.429A2.077 2.077 0 0 0 1.35 5.743v2.71a16.213 16.213 0 0 0 7.632 1.8h.452a16.076 16.076 0 0 0 7.556-1.8v-2.7A2.076 2.076 0 0 0 14.57 3.672ZM10.156 1.35H7.834a1.316 1.316 0 0 0-1.269.971h4.859A1.316 1.316 0 0 0 10.156 1.35Z' fill='%23369BD7' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.play-icon {
  display: inline-block !important;
  width: 20.09px !important;
  /* Width of the SVG */
  height: 20.09px !important;
  /* Height of the SVG */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.09' height='20.09' viewBox='0 0 20.09 20.09'%3E%3ClinearGradient id='a' y1='0.365' x2='1' y2='0.058' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23369bd7'/%3E%3Cstop offset='1' stop-color='%232db4a6'/%3E%3C/linearGradient%3E%3Cpath d='M10.045 0A10.045 10.045 0 1 1 0 10.045 10.056 10.056 0 0 1 10.045 0Zm0 1.47a8.575 8.575 0 1 0 8.575 8.575A8.584 8.584 0 0 0 10.045 1.47ZM9.634 6.626c.51.213 4.086 2.044 4.086 3.414 0 1.284-3.218 3.079-4.041 3.422a2.81 2.81 0 0 1-1.028.259.979.979 0 0 1-.72-.279c-.158-.156-.579-.572-.581-3.315 0-2.913.437-3.346.581-3.49.896-.875 1.731-.527 2.087-.376ZM8.951 7.925a17.463 17.463 0 0 0 0 4.255 11.153 11.153 0 0 0 3.226-2.135 11.714 11.714 0 0 0-3.226-2.12Z' fill='url(%23a)' fill-rule='evenodd'/%3E%3C/svg%3E") !important;
}

.active .play-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.09' height='20.09' viewBox='0 0 20.09 20.09'%3E%3Cpath d='M10.045 0A10.045 10.045 0 1 1 0 10.045 10.056 10.056 0 0 1 10.045 0Zm0 1.47a8.575 8.575 0 1 0 8.575 8.575A8.584 8.584 0 0 0 10.045 1.47ZM9.634 6.626c.51.213 4.086 2.044 4.086 3.414 0 1.284-3.218 3.079-4.041 3.422a2.81 2.81 0 0 1-1.028.259.979.979 0 0 1-.72-.279c-.158-.156-.579-.572-.581-3.315 0-2.913.437-3.346.581-3.49.896-.875 1.731-.527 2.087-.376ZM8.951 7.925a17.463 17.463 0 0 0 0 4.255 11.153 11.153 0 0 0 3.226-2.135 11.714 11.714 0 0 0-3.226-2.12Z' fill='%23369BD7' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.landing-page-icon {
  display: inline-block;
  width: 17.056px !important;
  /* Width of the SVG */
  height: 19.87px !important;
  /* Height of the SVG */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.056' height='19.87' viewBox='0 0 17.056 19.87'%3E%3ClinearGradient id='a' y1='0.365' x2='1' y2='0.058' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23369bd7'/%3E%3Cstop offset='1' stop-color='%232db4a6'/%3E%3C/linearGradient%3E%3Cpath d='M10.978 0a.753.753 0 0 1 .122.011h.137a.752.752 0 0 1 .541.23l5.072 5.279a.75.75 0 0 1 .209.519v9.168a4.618 4.618 0 0 1-4.45 4.662H4.477A4.587 4.587 0 0 1 0 15.406V4.492A4.6 4.6 0 0 1 4.572.012h6.28A.753.753 0 0 1 10.978 0Zm-.75 1.511H4.574a3.087 3.087 0 0 0-3.073 3v10.7a3.088 3.088 0 0 0 3.01 3.163h8.066a3.121 3.121 0 0 0 2.98-3.157V6.985h-2.01A3.332 3.332 0 0 1 10.228 3.66Zm.563 11.1a.75.75 0 0 1 0 1.5H5.39a.75.75 0 0 1 0-1.5ZM8.746 8.858a.75.75 0 0 1 0 1.5H5.389a.75.75 0 1 1 0-1.5Zm2.982-6.506V3.66a1.829 1.829 0 0 0 1.82 1.825h1.186Z' fill='url(%23a)' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.active .landing-page-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.056' height='19.87' viewBox='0 0 17.056 19.87'%3E%3Cpath d='M10.978 0a.753.753 0 0 1 .122.011h.137a.752.752 0 0 1 .541.23l5.072 5.279a.75.75 0 0 1 .209.519v9.168a4.618 4.618 0 0 1-4.45 4.662H4.477A4.587 4.587 0 0 1 0 15.406V4.492A4.6 4.6 0 0 1 4.572.012h6.28A.753.753 0 0 1 10.978 0Zm-.75 1.511H4.574a3.087 3.087 0 0 0-3.073 3v10.7a3.088 3.088 0 0 0 3.01 3.163h8.066a3.121 3.121 0 0 0 2.98-3.157V6.985h-2.01A3.332 3.332 0 0 1 10.228 3.66Zm.563 11.1a.75.75 0 0 1 0 1.5H5.39a.75.75 0 0 1 0-1.5ZM8.746 8.858a.75.75 0 0 1 0 1.5H5.389a.75.75 0 1 1 0-1.5Zm2.982-6.506V3.66a1.829 1.829 0 0 0 1.82 1.825h1.186Z' fill='%23369BD7' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.leads-icon {
  display: inline-block;
  width: 20.77px;
  /* Width of the SVG */
  height: 16.017px;
  /* Height of the SVG */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.77' height='16.017' viewBox='0 0 20.77 16.017'%3E%3ClinearGradient id='a' y1='0.365' x2='1' y2='0.058' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23369bd7'/%3E%3Cstop offset='1' stop-color='%232db4a6'/%3E%3C/linearGradient%3E%3Cpath d='M10.386 9.935h.349c1.842.012 6.051.2 6.051 3.051 0 2.834-4.062 3.019-6.022 3.031h-.726c-1.842-.012-6.052-.2-6.052-3.047S8.2 9.948 10.037 9.935h.349Zm0 1.431c-2.267 0-4.969.279-4.969 1.6 0 1.3 2.541 1.6 4.762 1.616h.207c2.267 0 4.968-.278 4.968-1.6C15.354 11.647 12.652 11.366 10.386 11.366Zm7.587-1.818c2.311.346 2.8 1.432 2.8 2.282a2.094 2.094 0 0 1-1.573 2.286.724.724 0 0 1-.255.047.716.716 0 0 1-.255-1.384c.647-.246.647-.518.647-.649 0-.418-.531-.71-1.579-.866a.716.716 0 1 1 .213-1.416Zm-14.361.6a.717.717 0 0 1-.6.815c-1.047.156-1.579.448-1.579.866 0 .131 0 .4.648.649a.716.716 0 0 1-.255 1.384.724.724 0 0 1-.255-.047A2.1 2.1 0 0 1 0 11.829c0-.849.486-1.936 2.8-2.282a.72.72 0 0 1 .812.502ZM10.386 0a4.359 4.359 0 1 1 0 8.717H10.36A4.345 4.345 0 0 1 6.028 4.356 4.363 4.363 0 0 1 10.386 0Zm0 1.431A2.931 2.931 0 0 0 7.459 4.359a2.914 2.914 0 0 0 2.9 2.928L10.386 8V7.286a2.928 2.928 0 1 0 0-5.855Zm5.9-.5a3.455 3.455 0 0 1-.081 6.83.7.7 0 0 1-.1.007.716.716 0 0 1-.1-1.424 2.023 2.023 0 0 0 .046-4 .715.715 0 0 1 .236-1.413ZM5.3 1.524a.716.716 0 0 1-.59.822 2.024 2.024 0 0 0 .045 4 .716.716 0 0 1-.1 1.424.7.7 0 0 1-.1-.007 3.455 3.455 0 0 1-.08-6.83A.712.712 0 0 1 5.3 1.524Z' fill='url(%23a)' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.active .leads-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.77' height='16.017' viewBox='0 0 20.77 16.017'%3E%3Cpath d='M10.386 9.935h.349c1.842.012 6.051.2 6.051 3.051 0 2.834-4.062 3.019-6.022 3.031h-.726c-1.842-.012-6.052-.2-6.052-3.047S8.2 9.948 10.037 9.935h.349Zm0 1.431c-2.267 0-4.969.279-4.969 1.6 0 1.3 2.541 1.6 4.762 1.616h.207c2.267 0 4.968-.278 4.968-1.6C15.354 11.647 12.652 11.366 10.386 11.366Zm7.587-1.818c2.311.346 2.8 1.432 2.8 2.282a2.094 2.094 0 0 1-1.573 2.286.724.724 0 0 1-.255.047.716.716 0 0 1-.255-1.384c.647-.246.647-.518.647-.649 0-.418-.531-.71-1.579-.866a.716.716 0 1 1 .213-1.416Zm-14.361.6a.717.717 0 0 1-.6.815c-1.047.156-1.579.448-1.579.866 0 .131 0 .4.648.649a.716.716 0 0 1-.255 1.384.724.724 0 0 1-.255-.047A2.1 2.1 0 0 1 0 11.829c0-.849.486-1.936 2.8-2.282a.72.72 0 0 1 .812.502ZM10.386 0a4.359 4.359 0 1 1 0 8.717H10.36A4.345 4.345 0 0 1 6.028 4.356 4.363 4.363 0 0 1 10.386 0Zm0 1.431A2.931 2.931 0 0 0 7.459 4.359a2.914 2.914 0 0 0 2.9 2.928L10.386 8V7.286a2.928 2.928 0 1 0 0-5.855Zm5.9-.5a3.455 3.455 0 0 1-.081 6.83.7.7 0 0 1-.1.007.716.716 0 0 1-.1-1.424 2.023 2.023 0 0 0 .046-4 .715.715 0 0 1 .236-1.413ZM5.3 1.524a.716.716 0 0 1-.59.822 2.024 2.024 0 0 0 .045 4 .716.716 0 0 1-.1 1.424.7.7 0 0 1-.1-.007 3.455 3.455 0 0 1-.08-6.83A.712.712 0 0 1 5.3 1.524Z' fill='%23369BD7' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.leadgen-campaign-icon {
  display: inline-block;
  width: 20.04px;
  /* Width of the SVG */
  height: 17.924px;
  /* Height of the SVG */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.04' height='17.924' viewBox='0 0 20.04 17.924'%3E%3ClinearGradient id='a' y1='0.365' x2='1' y2='0.058' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23369bd7'/%3E%3Cstop offset='1' stop-color='%232db4a6'/%3E%3C/linearGradient%3E%3Cpath d='M12.562 18.228a2.145 2.145 0 0 1-.694-.109L2.619 15.2A2.326 2.326 0 0 1 1 12.965V7.452A2.326 2.326 0 0 1 2.619 5.218L11.868 2.3a2.311 2.311 0 0 1 3.006 2.233V15.9a2.343 2.343 0 0 1-.667 1.656 2.3 2.3 0 0 1-.747.508 2.272 2.272 0 0 1-.883.179Zm0-14.493a.592.592 0 0 0-.231.031L3.081 6.7a.787.787 0 0 0-.54.75v5.513a.787.787 0 0 0 .54.75l9.249 2.92a.786.786 0 0 0 .694-.109.773.773 0 0 0 .308-.625V4.516a.758.758 0 0 0-.078-.351.747.747 0 0 0-.23-.274.81.81 0 0 0-.447-.156Zm7.708 7.528H17.186a.781.781 0 0 1 0-1.562h3.083a.781.781 0 0 1 0 1.562ZM16.415 8.92a.717.717 0 0 1-.294-.059.725.725 0 0 1-.245-.175.78.78 0 0 1 0-1.109l2.312-2.343a.756.756 0 0 1 1.094 0 .78.78 0 0 1 0 1.109L16.97 8.686a.769.769 0 0 1-.54.234Zm2.312 7.028a.715.715 0 0 1-.294-.059.725.725 0 0 1-.245-.175l-2.312-2.343a.78.78 0 0 1 0-1.109.756.756 0 0 1 1.094 0L19.283 14.6a.78.78 0 0 1 0 1.109.769.769 0 0 1-.54.234ZM4.775 15.223A2.783 2.783 0 0 1 2 12.448V10.2h1.388v2.248a1.388 1.388 0 1 0 2.775 0v-.555h1.387v.555A2.783 2.783 0 0 1 4.775 15.223Z' fill='url(%23a)'/%3E%3C/svg%3E");
}

.active .leadgen-campaign-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.04' height='17.924' viewBox='0 0 20.04 17.924'%3E%3Cpath d='M12.562 18.228a2.145 2.145 0 0 1-.694-.109L2.619 15.2A2.326 2.326 0 0 1 1 12.965V7.452A2.326 2.326 0 0 1 2.619 5.218L11.868 2.3a2.311 2.311 0 0 1 3.006 2.233V15.9a2.343 2.343 0 0 1-.667 1.656 2.3 2.3 0 0 1-.747.508 2.272 2.272 0 0 1-.883.179Zm0-14.493a.592.592 0 0 0-.231.031L3.081 6.7a.787.787 0 0 0-.54.75v5.513a.787.787 0 0 0 .54.75l9.249 2.92a.786.786 0 0 0 .694-.109.773.773 0 0 0 .308-.625V4.516a.758.758 0 0 0-.078-.351.747.747 0 0 0-.23-.274.81.81 0 0 0-.447-.156Zm7.708 7.528H17.186a.781.781 0 0 1 0-1.562h3.083a.781.781 0 0 1 0 1.562ZM16.415 8.92a.717.717 0 0 1-.294-.059.725.725 0 0 1-.245-.175.78.78 0 0 1 0-1.109l2.312-2.343a.756.756 0 0 1 1.094 0 .78.78 0 0 1 0 1.109L16.97 8.686a.769.769 0 0 1-.54.234Zm2.312 7.028a.715.715 0 0 1-.294-.059.725.725 0 0 1-.245-.175l-2.312-2.343a.78.78 0 0 1 0-1.109.756.756 0 0 1 1.094 0L19.283 14.6a.78.78 0 0 1 0 1.109.769.769 0 0 1-.54.234ZM4.775 15.223A2.783 2.783 0 0 1 2 12.448V10.2h1.388v2.248a1.388 1.388 0 1 0 2.775 0v-.555h1.387v.555A2.783 2.783 0 0 1 4.775 15.223Z' fill='%23369BD7'/%3E%3C/svg%3E");
}

.dashboard-icon {
  display: inline-block;
  width: 20px;
  /* Width of the SVG */
  height: 20px;
  /* Height of the SVG */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.667' height='18.048' viewBox='0 0 17.667 18.048'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' y1='0.365' x2='1' y2='0.058' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23369bd7'/%3E%3Cstop offset='1' stop-color='%232db4a6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Graph' transform='translate(0.75 0.75)'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M6.74,14.083A7.5,7.5,0,0,1-.75,6.594,7.687,7.687,0,0,1,.9,1.942,7.164,7.164,0,0,1,4.77-.7,1.608,1.608,0,0,1,5.154-.75,1.54,1.54,0,0,1,6.716.764c0,3.708.125,4.706.637,5.086.206.153.44.227,1.212.226.306,0,.671-.011,1.132-.024C10.429,6.031,11.339,6,12.55,6a1.633,1.633,0,0,1,1.244.565,1.492,1.492,0,0,1,.345,1.2,7.446,7.446,0,0,1-2.508,4.516A7.513,7.513,0,0,1,6.74,14.083ZM5.154.518a.338.338,0,0,0-.081.01A6.47,6.47,0,0,0,.518,6.594a6.222,6.222,0,0,0,12.367.982.212.212,0,0,0-.055-.181.372.372,0,0,0-.281-.122c-1.192,0-2.092.026-2.815.047-.472.014-.844.025-1.169.025A3.014,3.014,0,0,1,6.6,6.869c-1.061-.786-1.15-2.135-1.15-6.1A.275.275,0,0,0,5.154.518Z' transform='translate(0 3.215)' fill='url(%23linear-gradient)'/%3E%3Cpath id='Stroke_3' data-name='Stroke 3' d='M3.34,7.949C2.2,7.949,1.2,7.9.7,7.873A1.391,1.391,0,0,1-.608,6.564C-.673,5.446-.816,2.6-.715.409A1.207,1.207,0,0,1,.459-.749H.569a7.316,7.316,0,0,1,5.15,2.373A7.533,7.533,0,0,1,8.06,6.535a1.216,1.216,0,0,1-1.034,1.19A25.388,25.388,0,0,1,3.34,7.949ZM.55.518C.456,2.648.595,5.4.659,6.491a.12.12,0,0,0,.115.116c.481.028,1.454.074,2.567.074a24.4,24.4,0,0,0,3.452-.2A6.384,6.384,0,0,0,4.814,2.512,6.067,6.067,0,0,0,.569.518Z' transform='translate(8.857 0)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  top: -1px;
}

.active .dashboard-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.667' height='18.048' viewBox='0 0 17.667 18.048'%3E%3Cg id='Graph' transform='translate(0.75 0.75)'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M6.74,14.083A7.5,7.5,0,0,1-.75,6.594,7.687,7.687,0,0,1,.9,1.942,7.164,7.164,0,0,1,4.77-.7,1.608,1.608,0,0,1,5.154-.75,1.54,1.54,0,0,1,6.716.764c0,3.708.125,4.706.637,5.086.206.153.44.227,1.212.226.306,0,.671-.011,1.132-.024C10.429,6.031,11.339,6,12.55,6a1.633,1.633,0,0,1,1.244.565,1.492,1.492,0,0,1,.345,1.2,7.446,7.446,0,0,1-2.508,4.516A7.513,7.513,0,0,1,6.74,14.083ZM5.154.518a.338.338,0,0,0-.081.01A6.47,6.47,0,0,0,.518,6.594a6.222,6.222,0,0,0,12.367.982.212.212,0,0,0-.055-.181.372.372,0,0,0-.281-.122c-1.192,0-2.092.026-2.815.047-.472.014-.844.025-1.169.025A3.014,3.014,0,0,1,6.6,6.869c-1.061-.786-1.15-2.135-1.15-6.1A.275.275,0,0,0,5.154.518Z' transform='translate(0 3.215)' fill='%23369bd7'/%3E%3Cpath id='Stroke_3' data-name='Stroke 3' d='M3.34,7.949C2.2,7.949,1.2,7.9.7,7.873A1.391,1.391,0,0,1-.608,6.564C-.673,5.446-.816,2.6-.715.409A1.207,1.207,0,0,1,.459-.749H.569a7.316,7.316,0,0,1,5.15,2.373A7.533,7.533,0,0,1,8.06,6.535a1.216,1.216,0,0,1-1.034,1.19A25.388,25.388,0,0,1,3.34,7.949ZM.55.518C.456,2.648.595,5.4.659,6.491a.12.12,0,0,0,.115.116c.481.028,1.454.074,2.567.074a24.4,24.4,0,0,0,3.452-.2A6.384,6.384,0,0,0,4.814,2.512,6.067,6.067,0,0,0,.569.518Z' transform='translate(8.857 0)' fill='%23369bd7'/%3E%3C/g%3E%3C/svg%3E%0A");
}


.add-business-icon {
  display: inline-block;
  width: 20px;
  /* Width of the SVG */
  height: 20px;
  /* Height of the SVG */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cdefs%3E%3ClinearGradient id='a' y1='0.365' x2='1' y2='0.058' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23369bd7'/%3E%3Cstop offset='1' stop-color='%232db4a6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%3E%3Cpath d='M10 18.75A8.75 8.75 0 1 1 18.75 10 8.75 8.75 0 0 1 10 18.75ZM10 20A10 10 0 1 0 0 10 10 10 0 0 0 10 20Z' fill='url(%23a)'/%3E%3Cpath d='M10 5a.625.625 0 0 1 .625.625v3.75h3.75a.625.625 0 0 1 0 1.25h-3.75v3.75a.625.625 0 0 1-1.25 0v-3.75H5.625a.625.625 0 0 1 0-1.25h3.75v-3.75A.625.625 0 0 1 10 5Z' fill='url(%23a)'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.active .add-business-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg%3E%3Cpath d='M10 18.75A8.75 8.75 0 1 1 18.75 10 8.75 8.75 0 0 1 10 18.75ZM10 20A10 10 0 1 0 0 10 10 10 0 0 0 10 20Z' fill='%23369BD7'/%3E%3Cpath d='M10 5a.625.625 0 0 1 .625.625v3.75h3.75a.625.625 0 0 1 0 1.25h-3.75v3.75a.625.625 0 0 1-1.25 0v-3.75H5.625a.625.625 0 0 1 0-1.25h3.75v-3.75A.625.625 0 0 1 10 5Z' fill='%23369BD7'/%3E%3C/g%3E%3C/svg%3E");
}


.settings-icon {
  display: inline-block;
  width: 20px;
  /* Adjusted to a standard icon size */
  height: 20px;
  /* Adjusted to a standard icon size */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18.03' height='17.089' viewBox='0 0 18.03 17.089'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' y1='0.365' x2='1' y2='0.058' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23369bd7'/%3E%3Cstop offset='1' stop-color='%232db4a6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='setting-2' transform='translate(-1.25 -1.811)'%3E%3Cpath id='Path_675' data-name='Path 675' d='M11.438,14.626a3.188,3.188,0,1,1,3.188-3.188A3.192,3.192,0,0,1,11.438,14.626Zm0-4.991a1.8,1.8,0,1,0,1.8,1.8A1.8,1.8,0,0,0,11.438,9.636Z' transform='translate(-1.177 -1.083)' fill='url(%23linear-gradient)'/%3E%3Cpath id='Path_676' data-name='Path 676' d='M12.93,18.9a2.106,2.106,0,0,1-1.8-1.028l0-.007-.091-.158c-.231-.4-.51-.634-.766-.634s-.539.231-.772.634l-.091.158,0,.007A2.107,2.107,0,0,1,7.6,18.9a2.046,2.046,0,0,1-1.04-.284l-1.435-.821a2.272,2.272,0,0,1-.838-3.1,1.047,1.047,0,0,0,.166-.983,1.044,1.044,0,0,0-.93-.349A2.276,2.276,0,0,1,1.25,11.087V9.623A2.276,2.276,0,0,1,3.523,7.35,1.044,1.044,0,0,0,4.454,7a1.046,1.046,0,0,0-.165-.982,2.272,2.272,0,0,1,.838-3.1L6.56,2.1A2.046,2.046,0,0,1,7.6,1.811,2.107,2.107,0,0,1,9.4,2.839l0,.007L9.5,3c.231.4.51.634.766.634s.539-.231.772-.634l.091-.158,0-.007a2.107,2.107,0,0,1,1.8-1.028,2.046,2.046,0,0,1,1.04.284l1.435.821a2.272,2.272,0,0,1,.838,3.1A1.047,1.047,0,0,0,16.077,7a1.044,1.044,0,0,0,.93.349A2.276,2.276,0,0,1,19.28,9.623v1.464a2.276,2.276,0,0,1-2.273,2.273,1.044,1.044,0,0,0-.93.349,1.046,1.046,0,0,0,.165.982,2.27,2.27,0,0,1-.838,3.1l-1.434.821A2.047,2.047,0,0,1,12.93,18.9Zm-.608-1.734a.715.715,0,0,0,.608.348.651.651,0,0,0,.337-.093l.01-.006,1.439-.824a.886.886,0,0,0,.325-1.209,2.344,2.344,0,0,1-.165-2.365,2.344,2.344,0,0,1,2.131-1.043.889.889,0,0,0,.888-.888V9.623a.889.889,0,0,0-.888-.888,2.344,2.344,0,0,1-2.131-1.043,2.346,2.346,0,0,1,.167-2.368.887.887,0,0,0-.327-1.206L13.277,3.3l-.01-.006A.651.651,0,0,0,12.93,3.2a.715.715,0,0,0-.608.348l-.089.154a2.353,2.353,0,0,1-1.971,1.325A2.339,2.339,0,0,1,8.3,3.7l-.088-.151A.715.715,0,0,0,7.6,3.2a.651.651,0,0,0-.337.093l-.01.006-1.439.824a.887.887,0,0,0-.327,1.207,2.346,2.346,0,0,1,.167,2.368A2.344,2.344,0,0,1,3.523,8.736a.889.889,0,0,0-.888.888v1.464a.889.889,0,0,0,.888.888,2.344,2.344,0,0,1,2.131,1.043,2.346,2.346,0,0,1-.167,2.368.887.887,0,0,0,.327,1.206l1.439.824.01.006a.651.651,0,0,0,.337.093.715.715,0,0,0,.608-.348l.089-.154a2.353,2.353,0,0,1,1.971-1.325,2.339,2.339,0,0,1,1.966,1.328Z' transform='translate(0)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
}

.active .settings-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.03' height='17.089' viewBox='0 0 18.03 17.089'%3E%3Cg id='setting-2' transform='translate(-1.25 -1.811)'%3E%3Cpath id='Path_675' data-name='Path 675' d='M11.438,14.626a3.188,3.188,0,1,1,3.188-3.188A3.192,3.192,0,0,1,11.438,14.626Zm0-4.991a1.8,1.8,0,1,0,1.8,1.8A1.8,1.8,0,0,0,11.438,9.636Z' transform='translate(-1.177 -1.083)' fill='%23369bd7'/%3E%3Cpath id='Path_676' data-name='Path 676' d='M12.93,18.9a2.106,2.106,0,0,1-1.8-1.028l0-.007-.091-.158c-.231-.4-.51-.634-.766-.634s-.539.231-.772.634l-.091.158,0,.007A2.107,2.107,0,0,1,7.6,18.9a2.046,2.046,0,0,1-1.04-.284l-1.435-.821a2.272,2.272,0,0,1-.838-3.1,1.047,1.047,0,0,0,.166-.983,1.044,1.044,0,0,0-.93-.349A2.276,2.276,0,0,1,1.25,11.087V9.623A2.276,2.276,0,0,1,3.523,7.35,1.044,1.044,0,0,0,4.454,7a1.046,1.046,0,0,0-.165-.982,2.272,2.272,0,0,1,.838-3.1L6.56,2.1A2.046,2.046,0,0,1,7.6,1.811,2.107,2.107,0,0,1,9.4,2.839l0,.007L9.5,3c.231.4.51.634.766.634s.539-.231.772-.634l.091-.158,0-.007a2.107,2.107,0,0,1,1.8-1.028,2.046,2.046,0,0,1,1.04.284l1.435.821a2.272,2.272,0,0,1,.838,3.1A1.047,1.047,0,0,0,16.077,7a1.044,1.044,0,0,0,.93.349A2.276,2.276,0,0,1,19.28,9.623v1.464a2.276,2.276,0,0,1-2.273,2.273,1.044,1.044,0,0,0-.93.349,1.046,1.046,0,0,0,.165.982,2.27,2.27,0,0,1-.838,3.1l-1.434.821A2.047,2.047,0,0,1,12.93,18.9Zm-.608-1.734a.715.715,0,0,0,.608.348.651.651,0,0,0,.337-.093l.01-.006,1.439-.824a.886.886,0,0,0,.325-1.209,2.344,2.344,0,0,1-.165-2.365,2.344,2.344,0,0,1,2.131-1.043.889.889,0,0,0,.888-.888V9.623a.889.889,0,0,0-.888-.888,2.344,2.344,0,0,1-2.131-1.043,2.346,2.346,0,0,1,.167-2.368.887.887,0,0,0-.327-1.206L13.277,3.3l-.01-.006A.651.651,0,0,0,12.93,3.2a.715.715,0,0,0-.608.348l-.089.154a2.353,2.353,0,0,1-1.971,1.325A2.339,2.339,0,0,1,8.3,3.7l-.088-.151A.715.715,0,0,0,7.6,3.2a.651.651,0,0,0-.337.093l-.01.006-1.439.824a.887.887,0,0,0-.327,1.207,2.346,2.346,0,0,1,.167,2.368A2.344,2.344,0,0,1,3.523,8.736a.889.889,0,0,0-.888.888v1.464a.889.889,0,0,0,.888.888,2.344,2.344,0,0,1,2.131,1.043,2.346,2.346,0,0,1-.167,2.368.887.887,0,0,0,.327,1.206l1.439.824.01.006a.651.651,0,0,0,.337.093.715.715,0,0,0,.608-.348l.089-.154a2.353,2.353,0,0,1,1.971-1.325,2.339,2.339,0,0,1,1.966,1.328Z' transform='translate(0)' fill='%23369bd7'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.logout-icon {
  display: inline-block;
  width: 19.037px;
  /* Width of the SVG */
  height: 19.011px;
  /* Height of the SVG */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.037' height='19.011' viewBox='0 0 19.037 19.011'%3E%3Cdefs%3E%3ClinearGradient id='a' y1='0.365' x2='1' y2='0.058' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23369bd7'/%3E%3Cstop offset='1' stop-color='%232db4a6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M10.971 1.965a.965.965 0 0 0-1.93 0V9.041a.965.965 0 0 0 1.93 0ZM6.043 4.142a.965.965 0 1 0-1.081-1.6 9.006 9.006 0 1 0 10.088 0 .965.965 0 1 0-1.082 1.6 7.075 7.075 0 1 1-7.925 0Z' fill='url(%23a)' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.active .logout-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.037' height='19.011' viewBox='0 0 19.037 19.011'%3E%3Cpath d='M10.971 1.965a.965.965 0 0 0-1.93 0V9.041a.965.965 0 0 0 1.93 0ZM6.043 4.142a.965.965 0 1 0-1.081-1.6 9.006 9.006 0 1 0 10.088 0 .965.965 0 1 0-1.082 1.6 7.075 7.075 0 1 1-7.925 0Z' fill='%23369BD7' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.eye-icon-dashboard {
  display: inline-block;
  width: 19px;
  /* Width of the SVG */
  height: 15.717px;
  background-image: url("data:image/svg+xml,%3Csvg id='Iconly_Light-Outline_Show' data-name='Iconly/Light-Outline/Show' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19' height='15.717' viewBox='0 0 19 15.717'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' y1='0.365' x2='1' y2='0.058' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23369bd7'/%3E%3Cstop offset='1' stop-color='%232db4a6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Show' transform='translate(0)'%3E%3Cpath id='Combined_Shape' data-name='Combined Shape' d='M9.5,15.717H9.5c-3.929,0-7.458-2.833-9.44-7.57a.766.766,0,0,1,0-.577C2.038,2.833,5.567,0,9.5,0H9.5c3.93,0,7.459,2.833,9.441,7.57a.75.75,0,0,1,0,.577c-1.981,4.738-5.51,7.568-9.44,7.57ZM1.49,7.858c1.764,4,4.758,6.394,8.009,6.4s6.245-2.393,8.009-6.4c-1.763-4-4.758-6.392-8.009-6.394S3.255,3.857,1.49,7.858Zm4.293,0A3.773,3.773,0,0,1,9.5,4.042,3.773,3.773,0,0,1,13.216,7.86,3.771,3.771,0,0,1,9.5,11.675,3.771,3.771,0,0,1,5.784,7.86Zm1.425,0A2.292,2.292,0,1,0,9.5,5.506,2.324,2.324,0,0,0,7.209,7.86Z' transform='translate(0)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.small-business-icon {
  display: inline-block;
  width: 15.336px;
  /* Width of the SVG */
  height: 15.144px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.336' height='15.144' viewBox='0 0 15.336 15.144'%3E%3Cg id='Iconly_Light-Outline_Work' data-name='Iconly/Light-Outline/Work' transform='translate(-2 -2)'%3E%3Cg id='Work' transform='translate(2 2)'%3E%3Cpath id='Combined-Shape' d='M14.786,9.77a.576.576,0,0,1,.53.618l-.146,1.925a3.075,3.075,0,0,1-3.053,2.832h-8.9A3.075,3.075,0,0,1,.166,12.312L.02,10.388A.576.576,0,0,1,.551,9.77a.584.584,0,0,1,.618.531l.145,1.924a1.92,1.92,0,0,0,1.9,1.768h8.9a1.919,1.919,0,0,0,1.9-1.768l.146-1.924A.588.588,0,0,1,14.786,9.77ZM8.658,0A2.274,2.274,0,0,1,10.91,1.979h1.511A2.922,2.922,0,0,1,15.336,4.9V7.541a.575.575,0,0,1-.285.5A14.621,14.621,0,0,1,8.243,9.88v1.38a.575.575,0,0,1-1.151,0V9.88A14.611,14.611,0,0,1,.285,8.038.574.574,0,0,1,0,7.541V4.9A2.923,2.923,0,0,1,2.923,1.979h1.5A2.274,2.274,0,0,1,6.678,0Zm3.763,3.13h-9.5A1.77,1.77,0,0,0,1.151,4.9V7.206A13.821,13.821,0,0,0,7.657,8.739h.019l.365,0a13.7,13.7,0,0,0,6.143-1.528V4.9A1.77,1.77,0,0,0,12.421,3.13ZM8.658,1.151H6.678A1.122,1.122,0,0,0,5.6,1.979H9.739A1.122,1.122,0,0,0,8.658,1.151Z' transform='translate(0 0)' fill='%23adb8c2' fill-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.vv-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding: 0 50px;
}

.vv-main-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 29px;
  text-align: left;
  color: #222;
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 15px;
}

/* syndication icons start */
.youtube-icon {
  display: inline-block;
  width: 28.34px;
  height: 20px;
  background-image: url("/assets/img/yt-20.png");
  flex-shrink: 0;
}

.youtube-black-icon {
  display: inline-block !important;
  width: 28.34px !important;
  height: 20px !important;
  background: url("/assets/img/yt-20-black.png") !important;
  flex-shrink: 0;
}

.facebook-icon,
.facebook_story-icon,
.facebook_pages-icon {
  display: inline-block;
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.305' height='21.258' viewBox='0 0 21.305 21.258'%3E%3Cg id='Group-3' transform='translate(0 0)'%3E%3Cpath id='Path_710' data-name='Path 710' d='M21.765,11.418A10.639,10.639,0,0,1,12.6,21.945a10.813,10.813,0,0,1-3.189-.033A10.632,10.632,0,1,1,21.765,11.418Z' transform='translate(-0.459 -0.789)' fill='%230866ff'/%3E%3Cpath id='Path_711' data-name='Path 711' d='M63.676,48.765v1.911h2.371l-.375,2.574h-2v5.93a8.944,8.944,0,0,1-2.634-.028v-5.9H58.855V50.676h2.187V48.338a2.631,2.631,0,0,1,2.635-2.627h2.371v2.226H64.507a.829.829,0,0,0-.83.827Z' transform='translate(-52.038 -41.451)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  flex-shrink: 0;
}

.twitter-icon {
  display: inline-block;
  width: 21.305px;
  height: 21.311px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.305' height='21.311' viewBox='0 0 21.305 21.311'%3E%3Cg id='Group-4' transform='translate(0 0)'%3E%3Cpath id='Path_712' data-name='Path 712' d='M21.3,11.026a10.656,10.656,0,0,1-9.169,10.553,10.791,10.791,0,0,1-3.189-.034A10.656,10.656,0,1,1,21.3,11.026Z' transform='translate(0.007 -0.37)' fill='%231c1c1b'/%3E%3Cpath id='Path_713' data-name='Path 713' d='M39.791,43.936,44.7,50.5,39.76,55.835h1.112L45.2,51.163l3.493,4.672h3.783L47.289,48.9l4.6-4.967H50.774l-3.982,4.3-3.218-4.3H39.791Zm1.635.819h1.737l7.674,10.261H49.1Z' transform='translate(-35.465 -39.23)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  flex-shrink: 0;
}

.instagram-icon {
  display: inline-block;
  width: 22.305px;
  height: 22.258px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22.305' height='22.258' viewBox='0 0 22.305 22.258'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' y1='0.042' x2='0.5' y2='0.959' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23ea8928'/%3E%3Cstop offset='1' stop-color='%23cf2b8f'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Instagram' transform='translate(0.5 0.5)'%3E%3Cpath id='Path_702' data-name='Path 702' d='M10.979.789H10.93A10.617,10.617,0,0,0,.3,11.394v.048a10.617,10.617,0,0,0,10.628,10.6h.049a10.617,10.617,0,0,0,10.628-10.6v-.048A10.616,10.616,0,0,0,10.979.789Z' transform='translate(-0.302 -0.789)' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' stroke-width='1' fill='url(%23linear-gradient)'/%3E%3Cpath id='Path_703' data-name='Path 703' d='M47.557,40.984H41.112a3.222,3.222,0,0,0-3.229,3.207v5.856a3.222,3.222,0,0,0,3.229,3.207h6.445a3.222,3.222,0,0,0,3.229-3.207V44.191A3.222,3.222,0,0,0,47.557,40.984Zm-8.535,3.207a2.085,2.085,0,0,1,2.09-2.076h6.445a2.085,2.085,0,0,1,2.09,2.076v5.856a2.085,2.085,0,0,1-2.09,2.076H41.112a2.085,2.085,0,0,1-2.09-2.076Z' transform='translate(-33.681 -36.49)' fill='%23fff'/%3E%3Cpath id='Path_704' data-name='Path 704' d='M73.763,77.45a3.185,3.185,0,1,0-3.184-3.185A3.188,3.188,0,0,0,73.763,77.45Zm0-5.162a1.977,1.977,0,1,1-1.977,1.977A1.979,1.979,0,0,1,73.763,72.288Z' transform='translate(-63.11 -63.636)' fill='%23fff'/%3E%3Cpath id='Path_705' data-name='Path 705' d='M123.362,62.046a.858.858,0,1,0-.858-.858A.859.859,0,0,0,123.362,62.046Z' transform='translate(-109.363 -53.945)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  flex-shrink: 0;
}

.tiktok-icon {
  display: inline-block;
  width: 21.264px;
  height: 21.264px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.264' height='21.264' viewBox='0 0 21.264 21.264'%3E%3Cg id='Group-2' transform='translate(0 0)'%3E%3Cpath id='Path_706' data-name='Path 706' d='M10.8.789h-.048A10.608,10.608,0,0,0,.144,11.4v.048A10.608,10.608,0,0,0,10.752,22.053H10.8A10.608,10.608,0,0,0,21.408,11.445V11.4A10.608,10.608,0,0,0,10.8.789Z' transform='translate(-0.143 -0.789)'/%3E%3Cpath id='Path_707' data-name='Path 707' d='M65.3,55.863v2a5.26,5.26,0,0,1-2.774-1.123v4.049l-.008-.013c.005.08.008.162.008.245a3.645,3.645,0,1,1-3.068-3.6V59.4a1.728,1.728,0,1,0,1.148,1.628c0-.036,0-.071,0-.107V53.048h2c.008.169.014.34.022.51a1.58,1.58,0,0,0,.34.917A3.756,3.756,0,0,0,65.3,55.864Z' transform='translate(-49.287 -47.409)' fill='%23ff004f'/%3E%3Cpath id='Path_708' data-name='Path 708' d='M58.944,40.705v2a5.3,5.3,0,0,1-2.789-1.123v4.049l-.008-.013c.005.08.008.162.008.245a3.663,3.663,0,1,1-3.084-3.6v1.974a1.727,1.727,0,1,0,1.154,1.628c0-.036,0-.071,0-.107V37.89h2.012c.007.169.014.34.022.51a1.575,1.575,0,0,0,.341.917,3.779,3.779,0,0,0,2.346,1.389Z' transform='translate(-43.596 -33.886)' fill='%2300f7ef'/%3E%3Cpath id='Path_709' data-name='Path 709' d='M62.967,48.883v2.011a5.248,5.248,0,0,1-2.774-1.128v4.065l-.008-.013c.005.081.008.163.008.246A3.647,3.647,0,1,1,56.546,50.4a3.615,3.615,0,0,1,.579.046V52.43a1.714,1.714,0,0,0-.579-.1,1.734,1.734,0,1,0,1.727,1.734c0-.036,0-.072,0-.107v-7.9h2c.008.17.014.342.022.512a1.591,1.591,0,0,0,.34.92,3.753,3.753,0,0,0,2.334,1.395Z' transform='translate(-47.207 -41.196)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  flex-shrink: 0;
}

.tumblr-icon {
  display: inline-block;
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21' height='21' viewBox='0 0 21 21'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1900' data-name='Rectangle 1900' width='6.37' height='11.251' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_5253' data-name='Group 5253' transform='translate(-460 -506.155)'%3E%3Crect id='Rectangle_1909' data-name='Rectangle 1909' width='21' height='21' rx='10.5' transform='translate(460 506.155)' fill='%2334455d'/%3E%3Cg id='Group_5226' data-name='Group 5226' transform='translate(466.788 510.952)'%3E%3Cg id='Group_5213' data-name='Group 5213' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1440' data-name='Path 1440' d='M4.491,11.251A2.675,2.675,0,0,1,1.538,8.3V4.963H0V3.157A3.351,3.351,0,0,0,2.481,0H4.239V2.864h2.05v2.1H4.239v2.9c0,.871.439,1.172,1.139,1.172H6.37v2.213Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.linkedin-icon {
  display: inline-block;
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'%3E%3Crect id='Rectangle_1896' data-name='Rectangle 1896' width='21' height='21' rx='10.5' fill='%230a66c2'/%3E%3Cg id='linkedin-logo-svgrepo-com' transform='translate(5.44 4.68)'%3E%3Cg id='Group_5216' data-name='Group 5216'%3E%3Cpath id='Path_1444' data-name='Path 1444' d='M1.27.08A1.27,1.27,0,1,0,2.539,1.349,1.27,1.27,0,0,0,1.27.08Z' transform='translate(0 -0.08)' fill='%23fff'/%3E%3Crect id='Rectangle_1902' data-name='Rectangle 1902' width='2.19' height='7.045' transform='translate(0.175 3.502)' fill='%23fff'/%3E%3Cpath id='Path_1445' data-name='Path 1445' d='M37.121,29.383a2.3,2.3,0,0,0-2.072,1.138H35.02v-.963h-2.1V36.6h2.188V33.118c0-.919.175-1.809,1.314-1.809,1.123,0,1.138,1.051,1.138,1.868V36.6h2.188V32.739C39.748,30.842,39.339,29.383,37.121,29.383Z' transform='translate(-29.182 -26.056)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.reddit-icon {
  display: inline-block;
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'%3E%3Crect id='Rectangle_1910' data-name='Rectangle 1910' width='21' height='21' rx='10.5' fill='%23ff4500'/%3E%3Cpath id='Path_1446' data-name='Path 1446' d='M33.742,35.795a1.362,1.362,0,1,0-.008-.589,2.2,2.2,0,0,0-1.961,2.184V37.4a6.54,6.54,0,0,0-3.159.929,1.908,1.908,0,1,0-1.976,3.238c.063,2.215,2.477,4,5.445,4s5.385-1.783,5.445-4a1.908,1.908,0,1,0-1.98-3.236,6.554,6.554,0,0,0-3.191-.928V37.39A1.612,1.612,0,0,1,33.742,35.8Zm-5.2,5.251a1.172,1.172,0,0,1,1.026-1.223c.534,0,.943.561.911,1.253a.968.968,0,0,1-1.937-.03Zm6.068-1.223a1.171,1.171,0,0,1,1.026,1.223.968.968,0,0,1-1.937.03C33.663,40.384,34.07,39.823,34.605,39.823Zm-.636,2.824a.151.151,0,0,1,.125.207,2.18,2.18,0,0,1-4.021,0,.151.151,0,0,1,.125-.207,19.386,19.386,0,0,1,3.771,0Z' transform='translate(-21.475 -29.742)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.google-icon {
  display: inline-block;
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'%3E%3Crect id='Rectangle_1908' data-name='Rectangle 1908' width='21' height='21' rx='10.5' fill='%234480e5'/%3E%3Cg id='google-my-business-logo-1' transform='translate(3.741 4.564)'%3E%3Cg id='Group_5212' data-name='Group 5212' transform='translate(0 0)'%3E%3Cpath id='Path_1439' data-name='Path 1439' d='M.465,0H11.282a.465.465,0,0,1,.465.465V8.318a.465.465,0,0,1-.465.465H.465A.465.465,0,0,1,0,8.318V.465A.465.465,0,0,1,.465,0Z' transform='translate(0.674 2.934)' fill='%23fff'/%3E%3Cpath id='Path_1428' data-name='Path 1428' d='M65.109,227.75H54.552c-.327,0-.582,2.531-.582,2.858l5.782,5.991h5.358A.6.6,0,0,0,65.7,236v-7.66A.6.6,0,0,0,65.109,227.75Z' transform='translate(-53.289 -224.882)' fill='%23fff'/%3E%3Cpath id='Path_1429' data-name='Path 1429' d='M266.03,4.845h3.356V.44h-2.854Z' transform='translate(-262.673 -0.44)' fill='%233c4ba6'/%3E%3Cpath id='Path_1430' data-name='Path 1430' d='M535.386,4.845H532.03V.44h2.854Zm2.352-3.57,0,.015C537.742,1.285,537.74,1.28,537.738,1.275Z' transform='translate(-525.317 -0.44)' fill='%237babf7'/%3E%3Cpath id='Path_1431' data-name='Path 1431' d='M761.059,1.28l0-.015A1.062,1.062,0,0,0,760.018.43H758.2l.5,4.405h3.356Z' transform='translate(-748.633 -0.43)' fill='%233f51b5'/%3E%3Cpath id='Path_1432' data-name='Path 1432' d='M79.284,66.62l0,.015C79.281,66.63,79.283,66.625,79.284,66.62Z' transform='translate(-78.28 -65.785)' fill='%237babf7'/%3E%3Cpath id='Path_1433' data-name='Path 1433' d='M1,1.28l0-.015A1.062,1.062,0,0,1,2.041.43H3.859l-.5,4.405H0Z' transform='translate(0 -0.43)' fill='%237babf7'/%3E%3C/g%3E%3Cpath id='Path_1434' data-name='Path 1434' d='M3.984,349.47a1.677,1.677,0,1,1-3.354,0Z' transform='translate(-0.622 -345.066)' fill='%23709be0' fill-rule='evenodd'/%3E%3Cpath id='Path_1435' data-name='Path 1435' d='M269.834,349.47a1.677,1.677,0,1,1-3.354,0Z' transform='translate(-263.118 -345.066)' fill='%233c4ba6' fill-rule='evenodd'/%3E%3Cpath id='Path_1436' data-name='Path 1436' d='M535.684,349.47a1.677,1.677,0,1,1-3.354,0Z' transform='translate(-525.613 -345.066)' fill='%23709be0' fill-rule='evenodd'/%3E%3Cpath id='Path_1437' data-name='Path 1437' d='M801.5,349.47a1.677,1.677,0,1,1-3.354,0Z' transform='translate(-788.079 -345.066)' fill='%233c4ba6' fill-rule='evenodd'/%3E%3Cpath id='Path_1438' data-name='Path 1438' d='M633.329,568c-.006-.08-.016-.153-.03-.246h-1.83c0,.256,0,.535,0,.791h1.06a.922.922,0,0,1-.388.592s0,0,0,0a1.111,1.111,0,0,1-.429.167,1.259,1.259,0,0,1-.464,0,1.158,1.158,0,0,1-.433-.188,1.208,1.208,0,0,1-.426-.544c-.007-.017-.013-.034-.019-.052v0h0a1.174,1.174,0,0,1,0-.755,1.215,1.215,0,0,1,.282-.458,1.143,1.143,0,0,1,1.152-.3,1.047,1.047,0,0,1,.419.247l.358-.358c.063-.064.129-.125.189-.191a1.891,1.891,0,0,0-.626-.388,1.969,1.969,0,0,0-1.31-.011l-.044.016a1.958,1.958,0,0,0-1.058.948,1.924,1.924,0,0,0-.169.489,1.946,1.946,0,0,0,1.4,2.264,2.08,2.08,0,0,0,1,.01,1.712,1.712,0,0,0,1.289-1.225A2.258,2.258,0,0,0,633.329,568Z' transform='translate(-621.581 -559.053)' fill='%234480e5'/%3E%3C/g%3E%3C/svg%3E%0A");
}

/* syndication icons end */

/* status icons start */
.waiting-icon {
  display: inline-block;
  width: 22.55px;
  height: 22.55px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.55' height='22.55' viewBox='0 0 22.55 22.55'%3E%3Cg id='Iconly_Light-Outline_Time-Circle' data-name='Iconly/Light-Outline/Time-Circle' transform='translate(-2 -2)'%3E%3Cg id='Time-Circle' transform='translate(2 2)'%3E%3Cpath id='Combined-Shape' d='M11.275,0A11.275,11.275,0,1,1,0,11.275,11.288,11.288,0,0,1,11.275,0Zm0,1.691a9.584,9.584,0,1,0,9.584,9.584A9.594,9.594,0,0,0,11.275,1.691Zm-.382,4.054a.845.845,0,0,1,.846.846v4.986l3.839,2.289a.847.847,0,0,1-.867,1.454L10.46,12.784a.851.851,0,0,1-.413-.727V6.591A.846.846,0,0,1,10.893,5.745Z' fill='red' fill-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.in-production-icon {
  display: inline-block;
  width: 22.72px;
  height: 24.412px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22.72' height='24.412' viewBox='0 0 22.72 24.412'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.171' y1='0.887' x2='0.93' y2='0.064' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23ff9100'/%3E%3Cstop offset='1' stop-color='%23ffa200'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Iconly_Light-Outline_Setting' data-name='Iconly/Light-Outline/Setting' transform='translate(-2 -2)'%3E%3Cg id='Setting' transform='translate(2 2)'%3E%3Cpath id='Combined-Shape' d='M12.1,1a3.133,3.133,0,0,1,3.137,3.227,1.258,1.258,0,0,0,.178.6,1.358,1.358,0,0,0,1.865.489,3.147,3.147,0,0,1,4.288,1.151L22.3,7.739a1,1,0,0,1,.049.1,3.149,3.149,0,0,1-1.19,4.176,1.345,1.345,0,0,0-.5.5,1.383,1.383,0,0,0-.141,1.04,1.345,1.345,0,0,0,.636.828A3.127,3.127,0,0,1,22.3,18.666l-.782,1.3a3.139,3.139,0,0,1-4.273,1.13,1.4,1.4,0,0,0-.657-.183h-.007a1.363,1.363,0,0,0-.945.4,1.347,1.347,0,0,0-.4.967,3.146,3.146,0,0,1-3.139,3.13H10.62a3.141,3.141,0,0,1-3.139-3.137,1.268,1.268,0,0,0-.178-.627,1.348,1.348,0,0,0-1.857-.508,3.137,3.137,0,0,1-4.292-1.208L.418,18.664a3.131,3.131,0,0,1,1.143-4.271,1.37,1.37,0,0,0,0-2.374A3.144,3.144,0,0,1,.417,7.739l.8-1.311A3.135,3.135,0,0,1,5.483,5.29a1.289,1.289,0,0,0,.65.185,1.374,1.374,0,0,0,1.36-1.35A3.123,3.123,0,0,1,10.62,1Zm0,1.767H10.62A1.356,1.356,0,0,0,9.26,4.133,3.154,3.154,0,0,1,6.123,7.242a3.04,3.04,0,0,1-1.53-.426,1.372,1.372,0,0,0-1.857.514l-.8,1.311a1.368,1.368,0,0,0,.509,1.85,3.137,3.137,0,0,1,0,5.433,1.361,1.361,0,0,0-.5,1.856l.743,1.282a1.374,1.374,0,0,0,1.878.547A3.124,3.124,0,0,1,6.932,19.3a3.144,3.144,0,0,1,1.9,1.462,3.02,3.02,0,0,1,.418,1.508,1.374,1.374,0,0,0,1.371,1.38H12.1a1.372,1.372,0,0,0,1.371-1.363,3.125,3.125,0,0,1,3.142-3.133,3.208,3.208,0,0,1,1.51.417,1.379,1.379,0,0,0,1.873-.5l.782-1.3a1.362,1.362,0,0,0-.5-1.852,3.107,3.107,0,0,1-1.463-1.906,3.146,3.146,0,0,1,.319-2.379,3.109,3.109,0,0,1,1.144-1.142,1.374,1.374,0,0,0,.491-1.859.657.657,0,0,1-.041-.081l-.69-1.2a1.372,1.372,0,0,0-1.868-.505A3.126,3.126,0,0,1,13.89,5.726a3.009,3.009,0,0,1-.423-1.515,1.405,1.405,0,0,0-.388-1.03A1.376,1.376,0,0,0,12.1,2.768Zm-.733,6.449a3.989,3.989,0,1,1-3.989,3.99A3.995,3.995,0,0,1,11.363,9.217Zm0,1.767a2.222,2.222,0,1,0,2.222,2.223A2.225,2.225,0,0,0,11.363,10.984Z' transform='translate(0 -1)' fill-rule='evenodd' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.saved-as-draft-icon {
  display: inline-block;
  width: 24.261px;
  height: 24.261px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24.261' height='24.261' viewBox='0 0 24.261 24.261'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='-0.095' y1='1.164' x2='0.964' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2319b0ec'/%3E%3Cstop offset='1' stop-color='%23456fe8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='media-floppy-symbolic-svgrepo-com' transform='translate(25.259 25.26) rotate(180)'%3E%3Cpath id='Union_109' data-name='Union 109' d='M4.84,24.261.255,19.677,0,19.42V5.2A7.952,7.952,0,0,1,.39,2.4,3.269,3.269,0,0,1,1.843.668C3.146-.049,4.74.026,6.921,0H17.338c2.181.026,3.776-.052,5.083.667A3.254,3.254,0,0,1,23.87,2.4a7.947,7.947,0,0,1,.39,2.8V19.063a8,8,0,0,1-.388,2.8,3.271,3.271,0,0,1-1.451,1.729c-1.307.719-2.9.642-5.083.667Zm7.291-1.732V15.6H8.666v6.931Zm6.932-8.664v8.621a6.6,6.6,0,0,0,2.52-.413,1.32,1.32,0,0,0,.668-.819,6.619,6.619,0,0,0,.277-2.192V5.2a6.624,6.624,0,0,0-.277-2.194,1.331,1.331,0,0,0-.668-.82c-.631-.35-2.07-.429-4.253-.452H6.933c-2.18.023-3.617.1-4.252.452a1.331,1.331,0,0,0-.67.82A6.63,6.63,0,0,0,1.734,5.2V18.7L5.2,22.173V13.865Z' transform='translate(0.999 0.999)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.produced-icon {
  display: inline-block;
  width: 25.72px;
  height: 25.72px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='25.72' height='25.72' viewBox='0 0 25.72 25.72'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='1.375' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2319b0ec'/%3E%3Cstop offset='1' stop-color='%23456fe8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Iconly_Light-Outline_Play' data-name='Iconly/Light-Outline/Play' transform='translate(-2 -2)'%3E%3Cg id='Play' transform='translate(2 2)'%3E%3Cpath id='Combined-Shape' d='M12.86,0A12.86,12.86,0,1,1,0,12.86,12.874,12.874,0,0,1,12.86,0Zm0,1.882A10.978,10.978,0,1,0,23.838,12.86,10.99,10.99,0,0,0,12.86,1.882Zm-.526,6.6c.652.272,5.231,2.617,5.231,4.371,0,1.644-4.12,3.942-5.173,4.381a3.6,3.6,0,0,1-1.316.331,1.254,1.254,0,0,1-.922-.358c-.2-.2-.741-.733-.744-4.244,0-3.729.56-4.283.744-4.468C10.81,7.847,11.878,8.292,12.334,8.483Zm-.874,1.662a22.356,22.356,0,0,0,0,5.448,14.278,14.278,0,0,0,4.13-2.734A15,15,0,0,0,11.459,10.145Z' fill-rule='evenodd' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.posted-icon {
  display: inline-block;
  width: 22.83px;
  height: 22.831px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22.83' height='22.831' viewBox='0 0 22.83 22.831'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' y1='0.365' x2='1' y2='0.058' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23369bd7'/%3E%3Cstop offset='1' stop-color='%232db4a6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Iconly_Light-Outline_Send' data-name='Iconly/Light-Outline/Send' transform='translate(-2 -3)'%3E%3Cg id='Send' transform='translate(2 3)'%3E%3Cpath id='Fill-1' d='M10.309,13.836l4.282,6.946a.587.587,0,0,0,.6.285.6.6,0,0,0,.506-.434L21.049,2.55a.611.611,0,0,0-.156-.615.6.6,0,0,0-.6-.155L2.2,7.08A.62.62,0,0,0,2.045,8.2l7.026,4.394,6.208-6.273a.878.878,0,0,1,1.249,1.235ZM15.1,22.831a2.338,2.338,0,0,1-2-1.126L8.556,14.339,1.115,9.685A2.375,2.375,0,0,1,1.7,5.395L19.8.1a2.367,2.367,0,0,1,2.932,2.953L17.377,21.131a2.339,2.339,0,0,1-1.955,1.678,2.545,2.545,0,0,1-.324.022Z' transform='translate(0 0)' fill-rule='evenodd' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

/* status icons end */

.calendar-icon {
  display: inline-block;
  width: 22.13px;
  height: 24.399px;
  background-image: url("data:image/svg+xml,%3Csvg id='Iconly_Light-Outline_Calendar' data-name='Iconly/Light-Outline/Calendar' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22.13' height='24.399' viewBox='0 0 22.13 24.399'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' y1='0.365' x2='1' y2='0.058' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23369bd7'/%3E%3Cstop offset='1' stop-color='%232db4a6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Calendar'%3E%3Cpath id='Combined_Shape' data-name='Combined Shape' d='M6.265,24.4C2.4,24.4,0,22.018,0,18.183V7.914a5.671,5.671,0,0,1,5.635-6.1V.851a.851.851,0,0,1,1.7,0v.942H14.8V.851a.851.851,0,0,1,1.7,0v.963a6.108,6.108,0,0,1,4.008,1.657A6.1,6.1,0,0,1,22.13,7.917V18.269c0,3.781-2.4,6.13-6.266,6.13ZM1.7,18.183c0,2.911,1.62,4.514,4.562,4.514h9.6c2.943,0,4.563-1.573,4.563-4.429V10.105H1.7ZM20.427,8.4V7.914a4.383,4.383,0,0,0-1.12-3.24,4.388,4.388,0,0,0-2.8-1.152V4.586a.851.851,0,0,1-1.7,0V3.5H7.338V4.586a.851.851,0,0,1-1.7,0V3.521C3.092,3.734,1.7,5.274,1.7,7.914V8.4ZM15.26,18.1a.847.847,0,0,1,.846-.851h.01a.851.851,0,1,1-.856.851Zm-5.035,0a.847.847,0,0,1,.846-.851h.01a.851.851,0,1,1-.856.851Zm-5.048,0a.847.847,0,0,1,.847-.851h.01a.851.851,0,1,1-.857.851Zm10.083-4.41a.847.847,0,0,1,.846-.852h.01a.851.851,0,1,1-.856.852Zm-5.035,0a.847.847,0,0,1,.846-.852h.01a.851.851,0,1,1-.856.852Zm-5.048,0a.848.848,0,0,1,.847-.852h.01a.851.851,0,1,1-.857.852Z' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.calendar-icon.grayed-out {
  background-image: url("data:image/svg+xml,%3Csvg id='Iconly_Light-Outline_Calendar' data-name='Iconly/Light-Outline/Calendar' xmlns='http://www.w3.org/2000/svg' width='22.13' height='24.399' viewBox='0 0 22.13 24.399'%3E%3Cg id='Calendar'%3E%3Cpath id='Combined_Shape' data-name='Combined Shape' d='M6.265,24.4C2.4,24.4,0,22.018,0,18.183V7.914a5.671,5.671,0,0,1,5.635-6.1V.851a.851.851,0,0,1,1.7,0v.942H14.8V.851a.851.851,0,0,1,1.7,0v.963a6.108,6.108,0,0,1,4.008,1.657A6.1,6.1,0,0,1,22.13,7.917V18.269c0,3.781-2.4,6.13-6.266,6.13ZM1.7,18.183c0,2.911,1.62,4.514,4.562,4.514h9.6c2.943,0,4.563-1.573,4.563-4.429V10.105H1.7ZM20.427,8.4V7.914a4.383,4.383,0,0,0-1.12-3.24,4.388,4.388,0,0,0-2.8-1.152V4.586a.851.851,0,0,1-1.7,0V3.5H7.338V4.586a.851.851,0,0,1-1.7,0V3.521C3.092,3.734,1.7,5.274,1.7,7.914V8.4ZM15.26,18.1a.847.847,0,0,1,.846-.851h.01a.851.851,0,1,1-.856.851Zm-5.035,0a.847.847,0,0,1,.846-.851h.01a.851.851,0,1,1-.856.851Zm-5.048,0a.847.847,0,0,1,.847-.851h.01a.851.851,0,1,1-.857.851Zm10.083-4.41a.847.847,0,0,1,.846-.852h.01a.851.851,0,1,1-.856.852Zm-5.035,0a.847.847,0,0,1,.846-.852h.01a.851.851,0,1,1-.856.852Zm-5.048,0a.848.848,0,0,1,.847-.852h.01a.851.851,0,1,1-.857.852Z' fill='%23c4d0d9'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.posted-icon {
  display: inline-block;
  width: 22.83px;
  height: 22.831px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22.83' height='22.831' viewBox='0 0 22.83 22.831'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' y1='0.365' x2='1' y2='0.058' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%233799db'/%3E%3Cstop offset='1' stop-color='%232db4a6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Iconly_Light-Outline_Send' data-name='Iconly/Light-Outline/Send' transform='translate(-2 -3)'%3E%3Cg id='Send' transform='translate(2 3)'%3E%3Cpath id='Fill-1' d='M10.309,13.836l4.282,6.946a.587.587,0,0,0,.6.285.6.6,0,0,0,.506-.434L21.049,2.55a.611.611,0,0,0-.156-.615.6.6,0,0,0-.6-.155L2.2,7.08A.62.62,0,0,0,2.045,8.2l7.026,4.394,6.208-6.273a.878.878,0,0,1,1.249,1.235ZM15.1,22.831a2.338,2.338,0,0,1-2-1.126L8.556,14.339,1.115,9.685A2.375,2.375,0,0,1,1.7,5.395L19.8.1a2.367,2.367,0,0,1,2.932,2.953L17.377,21.131a2.339,2.339,0,0,1-1.955,1.678,2.545,2.545,0,0,1-.324.022Z' transform='translate(0 0)' fill-rule='evenodd' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.ellipsis-icon {
  display: inline-block;
  width: 17px;
  height: 5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='5' viewBox='0 0 17 5'%3E%3Ccircle id='Ellipse_130' data-name='Ellipse 130' cx='2' cy='2' r='2' transform='translate(0.5 0.5)' fill='%23bfc9de' stroke='rgba(0,0,0,0)' stroke-width='1'/%3E%3Ccircle id='Ellipse_131' data-name='Ellipse 131' cx='2' cy='2' r='2' transform='translate(6.5 0.5)' fill='%23bfc9de' stroke='rgba(0,0,0,0)' stroke-width='1'/%3E%3Ccircle id='Ellipse_132' data-name='Ellipse 132' cx='2' cy='2' r='2' transform='translate(12.5 0.5)' fill='%23bfc9de' stroke='rgba(0,0,0,0)' stroke-width='1'/%3E%3C/svg%3E%0A");
}

.open .ellipsis-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='5' viewBox='0 0 17 5'%3E%3Ccircle id='Ellipse_121' data-name='Ellipse 121' cx='2' cy='2' r='2' transform='translate(0.5 0.5)' fill='%232eafaf' stroke='rgba(0,0,0,0)' stroke-width='1'/%3E%3Ccircle id='Ellipse_122' data-name='Ellipse 122' cx='2' cy='2' r='2' transform='translate(6.5 0.5)' fill='%232eafaf' stroke='rgba(0,0,0,0)' stroke-width='1'/%3E%3Ccircle id='Ellipse_123' data-name='Ellipse 123' cx='2' cy='2' r='2' transform='translate(12.5 0.5)' fill='%232eafaf' stroke='rgba(0,0,0,0)' stroke-width='1'/%3E%3C/svg%3E%0A");
}

.no-syndication-icon {
  display: inline-block;
  width: 13.455px;
  height: 15.268px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.455' height='15.268' viewBox='0 0 13.455 15.268'%3E%3Cpath id='Path_435_-_Outline' data-name='Path 435 - Outline' d='M37.893,41.938h0a2.028,2.028,0,0,1-1-.267,2.172,2.172,0,0,1-1.082-1.895V28.831a2.173,2.173,0,0,1,1.084-1.9,2.016,2.016,0,0,1,2.046.026L48.3,32.567a2.049,2.049,0,0,1,0,3.471l-.012.007-9.355,5.6A2.027,2.027,0,0,1,37.893,41.938Zm0-13.888a.637.637,0,0,0-.317.085.793.793,0,0,0-.388.7V39.776a.791.791,0,0,0,.385.7.648.648,0,0,0,.651-.007l9.351-5.6a.669.669,0,0,0,0-1.126l-9.351-5.6A.636.636,0,0,0,37.89,28.049Z' transform='translate(-35.805 -26.669)' fill='%23adb8c2'/%3E%3C/svg%3E%0A");
}

.video-script-icon {
  display: inline-block;
  width: 18px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg id='Iconly_Bold_Document' data-name='Iconly/Bold/Document' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='20' viewBox='0 0 18 20'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' y1='0.365' x2='1' y2='0.058' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23369bd7'/%3E%3Cstop offset='1' stop-color='%232db4a6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Document'%3E%3Cpath id='Path_717' data-name='Path 717' d='M13.191,0C16.28,0,18,1.78,18,4.83h0V15.16c0,3.1-1.72,4.84-4.809,4.84H4.81C1.77,20,0,18.26,0,15.16H0V4.83C0,1.78,1.77,0,4.81,0h8.381ZM5.08,13.74a.784.784,0,0,0-.75.37.8.8,0,0,0,0,.84.777.777,0,0,0,.75.36h7.84a.79.79,0,0,0,0-1.57H5.08Zm7.84-4.561H5.08a.781.781,0,0,0,0,1.561h7.84a.781.781,0,0,0,0-1.561ZM8.069,4.65H5.08v.01a.78.78,0,0,0,0,1.56H8.069a.785.785,0,0,0,0-1.57Z' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.vv-small-icon {
  display: inline-block;
  width: 19.887px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg id='Group_2583' data-name='Group 2583' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19.887' height='20' viewBox='0 0 19.887 20'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' y1='0.365' x2='1' y2='0.058' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23369bd7'/%3E%3Cstop offset='1' stop-color='%232db4a6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='Path_47' data-name='Path 47' d='M219.186,126.442a3.973,3.973,0,0,1,5.674,2.1,3.809,3.809,0,0,1-.059,2.93q-.22.527-6,12.148l-.029.049a4.023,4.023,0,0,1-1.475,1.67,4,4,0,0,1-5.693-1.611l-.049-.1q-5.771-11.616-6.006-12.158a3.984,3.984,0,0,1,5.615-5.029,3.945,3.945,0,0,1,1.455,1.377c.049.088.908,1.8,2.559,5.127l2.549-5.127a4.02,4.02,0,0,1,1.455-1.377ZM212.145,138.9a1.914,1.914,0,0,1-1.982.02q2.191,4.427,2.2,4.424h0a3.177,3.177,0,0,0,1.2,1.309,3.124,3.124,0,0,0,1.611.439,3.17,3.17,0,0,0,2.852-1.8q5.786-11.645,6.006-12.158a3.039,3.039,0,0,0,.049-2.3,3.006,3.006,0,0,0-1.553-1.728,3.157,3.157,0,0,0-4.072,1.152c-.049.078-1.133,2.275-3.271,6.592l-1.123,2.178A4,4,0,0,1,212.145,138.9Z' transform='translate(-205.238 -125.934)' fill-rule='evenodd' fill='url(%23linear-gradient)'/%3E%3C/svg%3E%0A");
}

.vv-small-icon.blue {
  display: inline-block;
  width: 19.887px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19.464' height='19.566' viewBox='0 0 19.464 19.566'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='-0.095' y1='1.164' x2='0.964' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2319b0ec'/%3E%3Cstop offset='1' stop-color='%23456fe8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='vv-icon-white' transform='translate(10548.42 -6251.944)'%3E%3Cg id='Group_5170' data-name='Group 5170' transform='translate(-10548.42 6251.944)'%3E%3Cg id='ViralVids_logo' data-name='ViralVids logo' transform='translate(0 0)'%3E%3Cpath id='Union_107' data-name='Union 107' d='M7.429,18.914a4.279,4.279,0,0,1-1.6-1.759l-.044-.088C1.107,7.652.441,6.274.347,6.056A4.279,4.279,0,0,1,.278,2.85,4.268,4.268,0,0,1,2.422.459a4.325,4.325,0,0,1,4.061.1,4.331,4.331,0,0,1,1.583,1.5l.021.035c.054.1.682,1.347,1.647,3.29l1.637-3.293.019-.032a4.387,4.387,0,0,1,1.583-1.5A4.343,4.343,0,0,1,17.048.461,4.21,4.21,0,0,1,19.178,2.85a4.183,4.183,0,0,1-.067,3.2c-.1.23-.817,1.72-5.43,11l-.013.027-.027.044a4.4,4.4,0,0,1-1.592,1.784,4.412,4.412,0,0,1-4.621,0ZM2.762,1.137A3.517,3.517,0,0,0,.99,3.111a3.519,3.519,0,0,0,.053,2.644q.211.489,5.42,10.973l.044.088a3.581,3.581,0,0,0,3.226,1.992,3.522,3.522,0,0,0,1.913-.538,3.63,3.63,0,0,0,1.331-1.507L13,16.719Q18.211,6.235,18.414,5.755a3.436,3.436,0,0,0,.053-2.644,3.585,3.585,0,0,0-5.12-1.895,3.63,3.63,0,0,0-1.313,1.243l-2.3,4.627c-1.489-3-2.265-4.547-2.309-4.627A3.561,3.561,0,0,0,6.11,1.216a3.565,3.565,0,0,0-3.349-.079ZM8.27,17.653a2.867,2.867,0,0,1-1.084-1.181S6.521,15.143,5.2,12.48a1.726,1.726,0,0,0,1.789-.018A3.61,3.61,0,0,0,8.719,10.77L9.733,8.8c1.93-3.9,2.908-5.878,2.952-5.949a2.849,2.849,0,0,1,3.675-1.04,2.711,2.711,0,0,1,1.4,1.56,2.743,2.743,0,0,1-.044,2.08q-.2.463-5.42,10.973a2.859,2.859,0,0,1-2.573,1.621A2.816,2.816,0,0,1,8.27,17.653Z' transform='translate(0 0)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.vv-small-icon.purple {
  display: inline-block;
  width: 19.887px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19.464' height='19.566' viewBox='0 0 19.464 19.566'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.171' y1='0.887' x2='1' y2='0.235' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%237d669b'/%3E%3Cstop offset='1' stop-color='%23985fcf'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='vv-icon-white' transform='translate(10548.42 -6251.944)'%3E%3Cg id='Group_5170' data-name='Group 5170' transform='translate(-10548.42 6251.944)'%3E%3Cg id='ViralVids_logo' data-name='ViralVids logo' transform='translate(0 0)'%3E%3Cpath id='Union_107' data-name='Union 107' d='M7.429,18.914a4.279,4.279,0,0,1-1.6-1.759l-.044-.088C1.107,7.652.441,6.274.347,6.056A4.279,4.279,0,0,1,.278,2.85,4.268,4.268,0,0,1,2.422.459a4.325,4.325,0,0,1,4.061.1,4.331,4.331,0,0,1,1.583,1.5l.021.035c.054.1.682,1.347,1.647,3.29l1.637-3.293.019-.032a4.387,4.387,0,0,1,1.583-1.5A4.343,4.343,0,0,1,17.048.461,4.21,4.21,0,0,1,19.178,2.85a4.183,4.183,0,0,1-.067,3.2c-.1.23-.817,1.72-5.43,11l-.013.027-.027.044a4.4,4.4,0,0,1-1.592,1.784,4.412,4.412,0,0,1-4.621,0ZM2.762,1.137A3.517,3.517,0,0,0,.99,3.111a3.519,3.519,0,0,0,.053,2.644q.211.489,5.42,10.973l.044.088a3.581,3.581,0,0,0,3.226,1.992,3.522,3.522,0,0,0,1.913-.538,3.63,3.63,0,0,0,1.331-1.507L13,16.719Q18.211,6.235,18.414,5.755a3.436,3.436,0,0,0,.053-2.644,3.585,3.585,0,0,0-5.12-1.895,3.63,3.63,0,0,0-1.313,1.243l-2.3,4.627c-1.489-3-2.265-4.547-2.309-4.627A3.561,3.561,0,0,0,6.11,1.216a3.565,3.565,0,0,0-3.349-.079ZM8.27,17.653a2.867,2.867,0,0,1-1.084-1.181S6.521,15.143,5.2,12.48a1.726,1.726,0,0,0,1.789-.018A3.61,3.61,0,0,0,8.719,10.77L9.733,8.8c1.93-3.9,2.908-5.878,2.952-5.949a2.849,2.849,0,0,1,3.675-1.04,2.711,2.711,0,0,1,1.4,1.56,2.743,2.743,0,0,1-.044,2.08q-.2.463-5.42,10.973a2.859,2.859,0,0,1-2.573,1.621A2.816,2.816,0,0,1,8.27,17.653Z' transform='translate(0 0)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.ready-for-view-container i {
  display: inline-block;
  width: 24.257px;
  height: 27.882px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24.257' height='27.882' viewBox='0 0 24.257 27.882'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.171' y1='0.887' x2='1' y2='0.235' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%237d669b'/%3E%3Cstop offset='1' stop-color='%23985fcf'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='clapperboard-open-play-svgrepo-com' transform='translate(-2.657 -1.953)'%3E%3Cpath id='Path_1980' data-name='Path 1980' d='M3.25,10.25H20.344c2.714,0,4.209,0,5.288,1.08s1.08,2.575,1.08,5.288v1.341c0,3.936,0,6.1-1.473,7.577s-3.641,1.473-7.577,1.473H12.3c-3.936,0-6.1,0-7.577-1.473S3.25,21.9,3.25,17.959ZM17.663,25c3.51,0,5.272,0,6.155-.884s.884-2.645.884-6.155V16.618c0-2.341-.02-3.4-.491-3.866s-1.526-.491-3.866-.491H5.261v5.7c0,3.51,0,5.272.884,6.155S8.79,25,12.3,25Z' transform='translate(0.202 2.827)' fill='url(%23linear-gradient)'/%3E%3Cpath id='Path_1981' data-name='Path 1981' d='M3.748,15.313l-.26-.971.971-.26-.971.26c-.694-2.591-1.043-3.891-.694-5.192A5.034,5.034,0,0,1,4.1,6.9c.953-.953,2.253-1.3,4.844-2l9.389-2.516a10.479,10.479,0,0,1,1.944-.421c.109-.007.22-.011.33-.011a5,5,0,0,1,4.508,2.8,10.48,10.48,0,0,1,.607,1.894,3.978,3.978,0,0,1,.162.778,2.339,2.339,0,0,1-1.3,2.257,3.981,3.981,0,0,1-.754.249ZM20.6,3.964c-.066,0-.133,0-.2.007a10.189,10.189,0,0,0-1.555.357L9.46,6.843c-2.244.6-3.371.9-3.942,1.475A3.021,3.021,0,0,0,4.737,9.67a7.047,7.047,0,0,0,.435,3.18L23.3,7.992c.169-.045.344-.092.389-.112a.333.333,0,0,0,.183-.321c-.005-.045-.052-.218-.1-.386a10.206,10.206,0,0,0-.469-1.527A3.036,3.036,0,0,0,20.6,3.964Z' transform='translate(0 0)' fill='url(%23linear-gradient)'/%3E%3Cpath id='Path_1982' data-name='Path 1982' d='M14.32,11.372a1.006,1.006,0,0,1-1-1.125l.855-7.169a1.006,1.006,0,0,1,2,.238l-.855,7.169A1.006,1.006,0,0,1,14.32,11.372Z' transform='translate(3.63 0.081)' fill='url(%23linear-gradient)'/%3E%3Cpath id='Path_1983' data-name='Path 1983' d='M8.041,13.054a1.006,1.006,0,0,1-1-1.125L7.9,4.76a1.006,1.006,0,1,1,2,.238l-.855,7.169A1.006,1.006,0,0,1,8.041,13.054Z' transform='translate(1.491 0.654)' fill='url(%23linear-gradient)'/%3E%3Cpath id='Path_1984' data-name='Path 1984' d='M11.951,13.75h0c.7,0,1.307.436,2.314,1.158,1.215.871,2.018,1.447,2.018,2.529s-.8,1.658-2.017,2.529c-1.008.722-1.616,1.158-2.315,1.158a1.506,1.506,0,0,1-.873-.277c-.828-.585-.828-1.588-.828-3.41s0-2.825.828-3.41A1.506,1.506,0,0,1,11.951,13.75Zm2.287,3.687a9.4,9.4,0,0,0-1.144-.894c-.275-.2-.571-.409-.808-.564-.025.377-.025.924-.025,1.459s0,1.082.025,1.459c.237-.155.533-.367.807-.564A9.408,9.408,0,0,0,14.238,17.437Z' transform='translate(2.587 4.019)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.draft-link-icon {
  display: inline-block;
  width: 18px;
  height: 16.2px;
  background-image: url("data:image/svg+xml,%3Csvg id='Message' xmlns='http://www.w3.org/2000/svg' width='18' height='16.2' viewBox='0 0 18 16.2'%3E%3Cpath id='Message-2' data-name='Message' d='M13.445,16.2H4.554A4.555,4.555,0,0,1,0,11.655V4.545A4.555,4.555,0,0,1,4.554,0h8.891a4.582,4.582,0,0,1,3.222,1.333A4.511,4.511,0,0,1,18,4.545v7.11A4.555,4.555,0,0,1,13.445,16.2ZM3.631,4.721a.66.66,0,0,0-.481.2.688.688,0,0,0-.064.9L3.2,5.94,7.3,9.135a2.816,2.816,0,0,0,1.755.612,2.862,2.862,0,0,0,1.763-.612l4.061-3.249.072-.072a.7.7,0,0,0-.011-.9.748.748,0,0,0-.475-.234h-.038a.684.684,0,0,0-.468.181L9.9,8.1a1.409,1.409,0,0,1-.9.324A1.433,1.433,0,0,1,8.1,8.1L4.05,4.86A.7.7,0,0,0,3.631,4.721Z' fill='%23c4d0d9'/%3E%3C/svg%3E%0A");
}

.final-link-icon {
  display: inline-block;
  width: 18px;
  height: 19px;
  background-image: url("data:image/svg+xml,%3Csvg id='Iconly_Bold_Download' data-name='Iconly/Bold/Download' xmlns='http://www.w3.org/2000/svg' width='20' height='19' viewBox='0 0 20 19'%3E%3Cg id='Download'%3E%3Cpath id='Download-2' data-name='Download' d='M9.23,4.791V.782a.769.769,0,0,1,1.533-.1l.007.1V4.791h4.78A4.527,4.527,0,0,1,20,9.17l0,.216v5.039A4.53,4.53,0,0,1,15.768,19l-.208,0H4.44A4.511,4.511,0,0,1,0,14.621L0,14.4V9.376A4.532,4.532,0,0,1,4.222,4.8l.208-.005h4.8v6.4L7.63,9.541a.755.755,0,0,0-1.09,0,.835.835,0,0,0-.08,1.027l.08.1,2.91,3.015a.746.746,0,0,0,1.015.071l.075-.071,2.91-3.015a.816.816,0,0,0,0-1.126.755.755,0,0,0-1-.077l-.086.077-1.59,1.652v-6.4Z' fill='%23c4d0d9'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.duplicate-icon {
  display: inline-block;
  width: 18.889px;
  height: 18.889px;
  background-image: url("data:image/svg+xml,%3Csvg id='Page-1' xmlns='http://www.w3.org/2000/svg' width='18.889' height='18.889' viewBox='0 0 18.889 18.889'%3E%3Cg id='Icon-Set-Filled'%3E%3Cpath id='duplicate' d='M222.528,933h-9.444a2.361,2.361,0,0,0-2.361,2.361v9.444a2.361,2.361,0,0,0,2.361,2.361h9.444a2.361,2.361,0,0,0,2.361-2.361v-9.444A2.361,2.361,0,0,0,222.528,933Zm-12.986,12.4v-7.674h-1.181A2.361,2.361,0,0,0,206,940.083v9.444a2.361,2.361,0,0,0,2.361,2.361h9.444a2.361,2.361,0,0,0,2.361-2.361v-1.181h-7.674a3.5,3.5,0,0,1-2.951-2.951Z' transform='translate(-206 -933)' fill='%23c4d0d9' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.delete-icon {
  display: inline-block;
  width: 18px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg id='Delete' xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20'%3E%3Cpath id='Delete-2' data-name='Delete' d='M5.132,19.961A2.916,2.916,0,0,1,2.2,17.134c-.313-2.847-.836-9.577-.846-9.645a.791.791,0,0,1,.191-.558A.708.708,0,0,1,2.068,6.7H15.939a.724.724,0,0,1,.523.234.745.745,0,0,1,.181.558c0,.068-.533,6.809-.837,9.645a2.918,2.918,0,0,1-3,2.827C11.515,19.99,10.249,20,9,20,7.681,20,6.387,19.99,5.132,19.961ZM.714,5.091A.73.73,0,0,1,0,4.357v-.38a.724.724,0,0,1,.714-.734H3.63A1.282,1.282,0,0,0,4.871,2.228l.152-.682A1.989,1.989,0,0,1,6.935,0h4.129a1.987,1.987,0,0,1,1.9,1.5l.163.73a1.28,1.28,0,0,0,1.241,1.016h2.916A.723.723,0,0,1,18,3.977v.38a.73.73,0,0,1-.713.734Z' fill='%23c4d0d9'/%3E%3C/svg%3E%0A");
}


.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
  background: linear-gradient(60deg, rgba(54, 155, 215, 0.1) 0%, rgba(45, 180, 166, 0.1) 100%) !important;
  color: #369bd7 !important;
  font-weight: 600;
}

.bootstrap-select .dropdown-toggle .caret {
  color: #369bd7 !important;
}

.small-phone-icon {
  display: inline-block;
  width: 11.308px;
  height: 15.77px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.308' height='15.77' viewBox='0 0 11.308 15.77'%3E%3Cg id='phone-svgrepo-com' transform='translate(-5 -4)'%3E%3Cpath id='Rectangle_1687' data-name='Rectangle 1687' d='M1.269,1.25H8.539a2.022,2.022,0,0,1,2.019,2.019V15A2.022,2.022,0,0,1,8.539,17.02H1.269A2.022,2.022,0,0,1-.75,15V3.269A2.022,2.022,0,0,1,1.269,1.25ZM8.539,15.808A.809.809,0,0,0,9.346,15V3.269a.809.809,0,0,0-.808-.808H1.269a.809.809,0,0,0-.808.808V15a.809.809,0,0,0,.808.808Z' transform='translate(5.75 2.75)' fill='%23b8c2d9'/%3E%3Cpath id='Path_1395' data-name='Path 1395' d='M11.76,18.769a1.01,1.01,0,1,0-1.01-1.01A1.01,1.01,0,0,0,11.76,18.769Z' transform='translate(-1.106 -3.029)' fill='%23b8c2d9'/%3E%3Cpath id='Path_1395_-_Outline' data-name='Path 1395 - Outline' d='M11.712,18.923a1.212,1.212,0,1,1,1.212-1.212A1.213,1.213,0,0,1,11.712,18.923Zm0-2.019a.808.808,0,1,0,.808.808A.809.809,0,0,0,11.712,16.9Z' transform='translate(-1.058 -2.981)' fill='%23b8c2d9'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.small-pin-icon {
  display: inline-block;
  width: 13.841px;
  height: 16.358px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.841' height='16.358' viewBox='0 0 13.841 16.358'%3E%3Cg id='Iconly_Light-Outline_Location' data-name='Iconly/Light-Outline/Location' transform='translate(-3.999 -2)'%3E%3Cg id='Location' transform='translate(4 2)'%3E%3Cpath id='Combined-Shape' d='M6.92,1a6.955,6.955,0,0,1,6.921,6.974c0,4.727-5.416,9.384-6.921,9.384S0,12.7,0,7.974A6.955,6.955,0,0,1,6.92,1Zm0,1.258A5.7,5.7,0,0,0,1.258,7.974c0,4.009,4.718,7.915,5.662,8.123.945-.209,5.662-4.115,5.662-8.123A5.7,5.7,0,0,0,6.92,2.258Zm0,2.936A2.726,2.726,0,1,1,4.195,7.921,2.73,2.73,0,0,1,6.921,5.194Zm0,1.258A1.468,1.468,0,1,0,8.389,7.921,1.47,1.47,0,0,0,6.921,6.453Z' transform='translate(0.001 -1)' fill='%23b8c2d9' fill-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.categories-icon {
  display: inline-block;
  width: 19.5px;
  height: 19.5px;
  background-image: url("data:image/svg+xml,%3Csvg id='Category' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19.5' height='19.5' viewBox='0 0 19.5 19.5'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' y1='0.365' x2='1' y2='0.058' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%233799db'/%3E%3Cstop offset='1' stop-color='%232db4a6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='Combined-Shape' d='M4.25,11c4.069,0,4.25,1.38,4.25,4.25,0,1.438,0,2.461-.6,3.21-.695.863-1.96,1.04-3.646,1.04S1.3,19.323.6,18.46C0,17.711,0,16.689,0,15.275l.75-.025H0C0,12.38.181,11,4.25,11Zm11,0c4.069,0,4.25,1.38,4.25,4.25,0,1.438,0,2.461-.6,3.21-.695.863-1.96,1.04-3.646,1.04S12.3,19.323,11.6,18.46c-.6-.749-.6-1.771-.6-3.185l.75-.025H11C11,12.38,11.181,11,15.25,11ZM4.456,12.5H4.25c-2.609,0-2.743.187-2.75,2.377v.853a3.392,3.392,0,0,0,.27,1.79c.265.328,1.052.48,2.479.48s2.214-.153,2.479-.481A4.513,4.513,0,0,0,7,15.274C7,12.774,7,12.512,4.456,12.5Zm11,0H15.25c-2.609,0-2.743.187-2.75,2.377v.853a3.391,3.391,0,0,0,.27,1.79c.265.328,1.052.48,2.479.48s2.214-.153,2.479-.481A4.513,4.513,0,0,0,18,15.274C18,12.774,18,12.512,15.456,12.5ZM4.25,0C8.319,0,8.5,1.38,8.5,4.25c0,1.438,0,2.461-.6,3.21C7.2,8.323,5.936,8.5,4.25,8.5S1.3,8.323.6,7.46C0,6.711,0,5.689,0,4.275L.75,4.25H0C0,1.38.181,0,4.25,0Zm11,0c4.069,0,4.25,1.38,4.25,4.25,0,1.438,0,2.461-.6,3.21-.695.863-1.96,1.04-3.646,1.04S12.3,8.323,11.6,7.46C11,6.711,11,5.689,11,4.275l.75-.025H11C11,1.38,11.181,0,15.25,0ZM4.456,1.5H4.25c-2.609,0-2.743.187-2.75,2.377V4.73a3.392,3.392,0,0,0,.27,1.79C2.036,6.848,2.823,7,4.25,7s2.214-.153,2.479-.481A4.513,4.513,0,0,0,7,4.274C7,1.774,7,1.512,4.456,1.5Zm11,0H15.25c-2.609,0-2.743.187-2.75,2.377V4.73a3.391,3.391,0,0,0,.27,1.79c.265.328,1.052.48,2.479.48s2.214-.153,2.479-.481A4.513,4.513,0,0,0,18,4.274C18,1.774,18,1.512,15.456,1.5Z' fill-rule='evenodd' fill='url(%23linear-gradient)'/%3E%3C/svg%3E%0A");
}

.eye-icon {
  display: inline-block;
  width: 21.011px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.011' height='17' viewBox='0 0 21.011 17'%3E%3Cg id='Iconly_Bold_Show' data-name='Iconly/Bold/Show' transform='translate(-1.494 -3.5)'%3E%3Cg id='Show' transform='translate(2 4)'%3E%3Cpath id='Path_1394' data-name='Path 1394' d='M10,0a9.265,9.265,0,0,1,5.737,2.046,14.171,14.171,0,0,1,4.2,5.663.729.729,0,0,1,0,.572C17.854,13.11,14.137,16,10,16H9.99C5.863,16,2.146,13.11.059,8.281a.728.728,0,0,1,0-.572C2.146,2.88,5.863,0,9.99,0h0Zm0,4.121A3.874,3.874,0,1,0,13.893,8,3.89,3.89,0,0,0,10,4.121Zm0,1.452A2.419,2.419,0,1,1,7.562,8a2.531,2.531,0,0,1,.049-.475H7.66a2,2,0,0,0,2-1.92A1.945,1.945,0,0,1,10,5.574Z' fill='%23cbd4e8' stroke='rgba(0,0,0,0)' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

a:hover .eye-icon,
.active .eye-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.011' height='17' viewBox='0 0 21.011 17'%3E%3Cg id='Show' transform='translate(0.506 0.5)'%3E%3Cpath id='Path_1394' data-name='Path 1394' d='M10,0a9.265,9.265,0,0,1,5.737,2.046,14.171,14.171,0,0,1,4.2,5.663.729.729,0,0,1,0,.572C17.854,13.11,14.137,16,10,16H9.99C5.863,16,2.146,13.11.059,8.281a.728.728,0,0,1,0-.572C2.146,2.88,5.863,0,9.99,0h0Zm0,4.121A3.874,3.874,0,1,0,13.893,8,3.89,3.89,0,0,0,10,4.121Zm0,1.452A2.419,2.419,0,1,1,7.562,8a2.531,2.531,0,0,1,.049-.475H7.66a2,2,0,0,0,2-1.92A1.945,1.945,0,0,1,10,5.574Z' fill='%23489ec3' stroke='rgba(0,0,0,0)' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.plus-icon-orange {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath id='Forma_1' data-name='Forma 1' d='M937,188.143h-6.857V195h-2.286v-6.857H921v-2.286h6.857V179h2.286v6.857H937Z' transform='translate(-921 -179)' fill='%23ff9100'/%3E%3C/svg%3E%0A");
}

.play-icon-green {
  display: inline-block;
  width: 19.004px;
  height: 18.97px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.004' height='18.97' viewBox='0 0 19.004 18.97'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' y1='0.365' x2='1' y2='0.058' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23369bd7'/%3E%3Cstop offset='1' stop-color='%232db4a6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='Forma_1' data-name='Forma 1' d='M0,9.487A9.5,9.5,0,1,1,9.5,18.97,9.493,9.493,0,0,1,0,9.487Zm1.588,0A7.914,7.914,0,1,0,9.5,1.583,7.907,7.907,0,0,0,1.588,9.487Zm6.607,3.3a.472.472,0,0,1-.26-.423V6.633a.476.476,0,0,1,.756-.382l3.946,2.864a.471.471,0,0,1,0,.766L8.69,12.742a.471.471,0,0,1-.5.04Z' fill='url(%23linear-gradient)'/%3E%3C/svg%3E%0A");
}

/* startegy start */
.strategies-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.strategies-container>div {
  width: 100%;
  height: 128px;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0px 3px 3px #e0e9ef;
  position: relative;
  transition: all 0.1s ease-in-out;
}

.strategies-container>div.disabled {
  opacity: 0.5;
}

.strategies-container>div .strategy-box {
  display: flex;
  gap: 15px;
}

.strategies-container .strategy-icon {
  width: 46px;
  height: 46px;
  border-radius: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.strategies-container>div a {
  text-decoration: none;
  padding: 15px;
  display: block;
  width: 100%;
  height: 100%;
}

.strategies-container>div .strategy-box .strategy-icon {
  transition: all 0.1s ease-in-out;
}

.strategies-container>div .strategy-box .strategy-title h4 {
  font-weight: 600;
  font-size: 15px;
  color: #333;
  margin-bottom: 7px;
}

.strategies-container>div .strategy-box .strategy-title p {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #333;
  opacity: 0.7;
}

.strategies-container .strategy-icon i {
  color: #fff;
  font-size: 20px;
}

:root {
  --green-gradient: linear-gradient(47.328deg, #3799db 0%, #2db4a6 100%);
  --blue-gradient: linear-gradient(-131.186deg, #19b0ec 0%, #456fe8 100%);
  --purple-gradient: linear-gradient(-150.604deg, #b388de 0%, #8b5abc 100%);
  --orange-gradient: linear-gradient(47.328deg, #ff9100 0%, #ffa200 100%);
  --light-blue: linear-gradient(-135.881deg, #3dc4ff 0%, #0ca3e4 100%);
  --promo-gradient: linear-gradient(to right top, #bb4e75 0%, #e16793 100%);
  --offer-gradient: linear-gradient(to right top, #11998e 0%, #48bc99 100%);
  --snap-gradient: linear-gradient(to right top, #376bc5 0%, #2a5298 100%);
}

.green-gradient .strategy-icon {
  background: var(--green-gradient);
}

.promo-gradient .strategy-icon {
  background: var(--promo-gradient)
}

.offer-gradient .strategy-icon {
  background: var(--offer-gradient)
}

.blue-gradient .strategy-icon {
  background: var(--blue-gradient)
}

.purple-gradient .strategy-icon {
  background: var(--purple-gradient)
}

.orange-gradient .strategy-icon {
  background: var(--orange-gradient)
}

.light-blue .strategy-icon {
  background: var(--light-blue)
}

.snap-gradient .strategy-icon {
  background: var(--snap-gradient)
}


.strategies-container>div:not(.disabled):hover {
  box-shadow: 0px 3px 3px #e0e9ef;
}

.strategies-container>div .bottom-right-info {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-weight: 600;
  font-size: 14px;
  color: #333;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  display: none;
}

.strategies-container>div:not(.disabled):hover .bottom-right-info {
  color: #fff !important;
}

.strategies-container>div i.play-icon-2 {
  display: inline-block;
  width: 14.79px;
  height: 17.011px;
  ;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.79' height='17.011' viewBox='0 0 14.79 17.011'%3E%3Cpath id='Path_435' data-name='Path 435' d='M38.2,44.37a1.635,1.635,0,0,1-.809-.216,1.818,1.818,0,0,1-.9-1.587V29.162a1.816,1.816,0,0,1,.9-1.587,1.624,1.624,0,0,1,1.653.021l11.457,6.858a1.664,1.664,0,0,1,0,2.82l-11.459,6.86A1.641,1.641,0,0,1,38.2,44.37Z' transform='translate(-36.495 -27.359)' fill='%2328a4db'/%3E%3C/svg%3E%0A");
  transition: all 0.1s ease-in-out;
}

.strategies-container>div:not(.disabled):hover i.play-icon-2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.79' height='17.011' viewBox='0 0 14.79 17.011'%3E%3Cg id='play' transform='translate(-36.495 -27.359)' opacity='0.73'%3E%3Cpath id='Path_435' data-name='Path 435' d='M38.2,44.37a1.635,1.635,0,0,1-.809-.216,1.818,1.818,0,0,1-.9-1.587V29.162a1.816,1.816,0,0,1,.9-1.587,1.624,1.624,0,0,1,1.653.021l11.457,6.858a1.664,1.664,0,0,1,0,2.82l-11.459,6.86A1.641,1.641,0,0,1,38.2,44.37Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.strategies-container>div i.layers-icon {
  display: inline-block;
  width: 18.382px;
  height: 17.069px;
  ;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.382' height='17.069' viewBox='0 0 18.382 17.069'%3E%3Cg id='layers-sharp' transform='translate(-12.16 -18.24)'%3E%3Cpath id='Path_436' data-name='Path 436' d='M30.542,22.425,21.351,18.24,12.16,22.425l9.191,4.267Z' transform='translate(0 0)' fill='%23ff9e2f'/%3E%3Cpath id='Path_437' data-name='Path 437' d='M21.339,126.864,15.4,124.148l-3.237,1.446,9.191,4.185,9.191-4.185-3.229-1.448-5.974,2.718Z' transform='translate(0 -94.471)' fill='%23ff9e2f'/%3E%3Cpath id='Path_438' data-name='Path 438' d='M30.542,85.9l-3.1-1.376-6.088,2.8-6.1-2.8L12.16,85.9l9.191,4.185Z' transform='translate(0 -59.126)' fill='%23ff9e2f'/%3E%3C/g%3E%3C/svg%3E%0A");
  transition: all 0.1s ease-in-out;
}

.strategies-container>div:not(.disabled):hover i.layers-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.382' height='17.069' viewBox='0 0 18.382 17.069'%3E%3Cg id='layers-sharp' transform='translate(-12.16 -18.24)' opacity='0.73'%3E%3Cpath id='Path_436' data-name='Path 436' d='M30.542,22.425,21.351,18.24,12.16,22.425l9.191,4.267Z' transform='translate(0 0)' fill='%23fff'/%3E%3Cpath id='Path_437' data-name='Path 437' d='M21.339,126.864,15.4,124.148l-3.237,1.446,9.191,4.185,9.191-4.185-3.229-1.448-5.974,2.718Z' transform='translate(0 -94.471)' fill='%23fff'/%3E%3Cpath id='Path_438' data-name='Path 438' d='M30.542,85.9l-3.1-1.376-6.088,2.8-6.1-2.8L12.16,85.9l9.191,4.185Z' transform='translate(0 -59.126)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.strategies-container>div.green-gradient:not(.disabled):hover {
  background: var(--green-gradient);
}

.strategies-container>div.offer-gradient:not(.disabled):hover {
  background: var(--offer-gradient);
}

.strategies-container>div.promo-gradient:not(.disabled):hover {
  background: var(--promo-gradient);
}

.strategies-container>div.green-gradient:not(.disabled):hover {
  background: var(--green-gradient);
}

.strategies-container>div.blue-gradient:not(.disabled):hover {
  background: var(--blue-gradient);
}

.strategies-container>div.purple-gradient:not(.disabled):hover {
  background: var(--purple-gradient);
}

.strategies-container>div.orange-gradient:not(.disabled):hover {
  background: var(--orange-gradient);
}

.strategies-container>div.light-blue:not(.disabled):hover {
  background: var(--light-blue);
}

.strategies-container>div:not(.disabled):hover .strategy-icon {
  background: #fff;
}

.strategies-container>div.snap-gradient:not(.disabled):hover {
  background: var(--snap-gradient);
}

.strategies-container>div:not(.disabled):hover h4,
.strategies-container>div:not(.disabled):hover p {
  color: #fff !important;
  opacity: 1;
}


.single-video-icon {
  display: inline-block;
  width: 23.157px;
  height: 23.157px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.157' height='23.157' viewBox='0 0 23.157 23.157'%3E%3Cpath id='play-button-svgrepo-com' d='M11.579,0A11.579,11.579,0,1,0,23.157,11.579,11.579,11.579,0,0,0,11.579,0Zm4,12.192L9.791,15.811A.724.724,0,0,1,8.684,15.2V7.96a.724.724,0,0,1,1.107-.614l5.789,3.618a.724.724,0,0,1,0,1.228Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.offer-icon {
  display: inline-block;
  width: 25.1px;
  height: 20.444px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.1' height='20.444' viewBox='0 0 25.1 20.444'%3E%3Cpath id='ticket-discount-svgrepo-com' d='M26.221,12.619a.873.873,0,0,0,.878-.878V10.574c0-5.145-1.569-6.714-6.714-6.714H8.714C3.569,3.859,2,5.428,2,10.574v.59a.873.873,0,0,0,.878.879,2.039,2.039,0,1,1,0,4.079A.873.873,0,0,0,2,17v.59C2,22.734,3.569,24.3,8.714,24.3H20.385c5.145,0,6.714-1.569,6.714-6.714a.873.873,0,0,0-.878-.878,2.046,2.046,0,0,1,0-4.091Zm-15.436-2.46A1.255,1.255,0,1,1,9.53,11.414,1.259,1.259,0,0,1,10.785,10.159Zm7.53,8.785a1.255,1.255,0,1,1,1.242-1.255A1.24,1.24,0,0,1,18.315,18.944Zm1.129-8.032L11,19.358a.939.939,0,0,1-1.33,0,.947.947,0,0,1,0-1.33l8.446-8.446a.941.941,0,0,1,1.33,1.33Z' transform='translate(-2 -3.859)' fill='%23fff'/%3E%3C/svg%3E%0A");
}


.promo-icon {
  display: inline-block;
  width: 27.958px;
  height: 24.035px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.958' height='24.035' viewBox='0 0 27.958 24.035'%3E%3Cpath id='megaphone-svgrepo-com' d='M6,13H3V5H6L21.368.1A2,2,0,0,1,24,2V16a2,2,0,0,1-2.632,1.9L14,15.549A3,3,0,0,1,10.052,18.3l-2-.667A3,3,0,0,1,6,14.784ZM1,5H2v8H1a1,1,0,0,1-1-1V6A1,1,0,0,1,1,5Zm7,9.784a1,1,0,0,0,.684.949l2,.667A1,1,0,0,0,12,15.448v-.536L8,13.637Z' transform='matrix(0.966, -0.259, 0.259, 0.966, 0, 6.212)' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
}

.snap-icon {
  display: inline-block;
  width: 22.154px;
  height: 22.154px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.154' height='22.154' viewBox='0 0 22.154 22.154'%3E%3Cg id='Iconly_Bold_Image' data-name='Iconly/Bold/Image' transform='translate(-2 -2)'%3E%3Cg id='Image' transform='translate(2 2)'%3E%3Cpath id='Path_1607' data-name='Path 1607' d='M15.878,0c3.754,0,6.277,2.634,6.277,6.554V15.6c0,3.92-2.522,6.554-6.278,6.554h-9.6C2.522,22.154,0,19.52,0,15.6V6.554C0,2.634,2.522,0,6.277,0ZM17.1,11.687a1.741,1.741,0,0,0-2.351.632c-.238.321-.443.676-.659,1.03a6.341,6.341,0,0,1-2.18,2.469,3.063,3.063,0,0,1-3.508-.5,6.116,6.116,0,0,0-.917-.542c-.744-.321-1.414.045-2.407,1.307-.521.66-1.038,1.314-1.562,1.965A.855.855,0,0,0,3.7,19.3a4.574,4.574,0,0,0,2.425.638H15.46a5.012,5.012,0,0,0,1.558-.237,4.1,4.1,0,0,0,2.5-2.339,4.174,4.174,0,0,0,.218-3.036,2.5,2.5,0,0,0-.568-.868A11.943,11.943,0,0,0,17.1,11.687ZM7.2,4.431A2.769,2.769,0,1,0,9.967,7.2,2.771,2.771,0,0,0,7.2,4.431Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.strategies-container>div:not(.disabled):hover .promo-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='29.203' height='25.336' viewBox='0 0 29.203 25.336'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.171' y1='0.887' x2='0.93' y2='0.064' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23bb4e75'/%3E%3Cstop offset='1' stop-color='%23e16793'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='megaphone-svgrepo-com' d='M6,13H3V5H6L21.368.1A2,2,0,0,1,24,2V16a2,2,0,0,1-2.632,1.9L14,15.549A3,3,0,0,1,10.052,18.3l-2-.667A3,3,0,0,1,6,14.784ZM1,5H2v8H1a1,1,0,0,1-1-1V6A1,1,0,0,1,1,5Zm7,9.784a1,1,0,0,0,.684.949l2,.667A1,1,0,0,0,12,15.448v-.536L8,13.637Z' transform='matrix(0.966, -0.259, 0.259, 0.966, 0.63, 6.892)' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' stroke-width='1' fill-rule='evenodd' fill='url(%23linear-gradient)'/%3E%3C/svg%3E%0A");
}

.strategies-container>div:not(.disabled):hover .snap-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22.154' height='22.154' viewBox='0 0 22.154 22.154'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.889' y1='0.068' x2='0.128' y2='0.883' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23376bc5'/%3E%3Cstop offset='1' stop-color='%232a5298'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Iconly_Bold_Image' data-name='Iconly/Bold/Image' transform='translate(-2 -2)'%3E%3Cg id='Image' transform='translate(2 2)'%3E%3Cpath id='Path_1607' data-name='Path 1607' d='M15.878,0c3.754,0,6.277,2.634,6.277,6.554V15.6c0,3.92-2.522,6.554-6.278,6.554h-9.6C2.522,22.154,0,19.52,0,15.6V6.554C0,2.634,2.522,0,6.277,0ZM17.1,11.687a1.741,1.741,0,0,0-2.351.632c-.238.321-.443.676-.659,1.03a6.341,6.341,0,0,1-2.18,2.469,3.063,3.063,0,0,1-3.508-.5,6.116,6.116,0,0,0-.917-.542c-.744-.321-1.414.045-2.407,1.307-.521.66-1.038,1.314-1.562,1.965A.855.855,0,0,0,3.7,19.3a4.574,4.574,0,0,0,2.425.638H15.46a5.012,5.012,0,0,0,1.558-.237,4.1,4.1,0,0,0,2.5-2.339,4.174,4.174,0,0,0,.218-3.036,2.5,2.5,0,0,0-.568-.868A11.943,11.943,0,0,0,17.1,11.687ZM7.2,4.431A2.769,2.769,0,1,0,9.967,7.2,2.771,2.771,0,0,0,7.2,4.431Z' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.strategies-container>div:not(.disabled):hover .offer-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='25.1' height='20.444' viewBox='0 0 25.1 20.444'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='1' y1='0.058' x2='0' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2348bc99'/%3E%3Cstop offset='1' stop-color='%2311998e'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='ticket-discount-svgrepo-com' d='M26.221,12.619a.873.873,0,0,0,.878-.878V10.574c0-5.145-1.569-6.714-6.714-6.714H8.714C3.569,3.859,2,5.428,2,10.574v.59a.873.873,0,0,0,.878.879,2.039,2.039,0,1,1,0,4.079A.873.873,0,0,0,2,17v.59C2,22.734,3.569,24.3,8.714,24.3H20.385c5.145,0,6.714-1.569,6.714-6.714a.873.873,0,0,0-.878-.878,2.046,2.046,0,0,1,0-4.091Zm-15.436-2.46A1.255,1.255,0,1,1,9.53,11.414,1.259,1.259,0,0,1,10.785,10.159Zm7.53,8.785a1.255,1.255,0,1,1,1.242-1.255A1.24,1.24,0,0,1,18.315,18.944Zm1.129-8.032L11,19.358a.939.939,0,0,1-1.33,0,.947.947,0,0,1,0-1.33l8.446-8.446a.941.941,0,0,1,1.33,1.33Z' transform='translate(-2 -3.859)' fill='url(%23linear-gradient)'/%3E%3C/svg%3E%0A");
}

.strategies-container>div:not(.disabled):hover .single-video-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23.157' height='23.157' viewBox='0 0 23.157 23.157'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.171' y1='0.887' x2='0.93' y2='0.064' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%233799db'/%3E%3Cstop offset='1' stop-color='%232db4a6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='play-button-svgrepo-com' d='M11.579,0A11.579,11.579,0,1,0,23.157,11.579,11.579,11.579,0,0,0,11.579,0Zm4,12.192L9.791,15.811A.724.724,0,0,1,8.684,15.2V7.96a.724.724,0,0,1,1.107-.614l5.789,3.618a.724.724,0,0,1,0,1.228Z' fill='url(%23linear-gradient)'/%3E%3C/svg%3E%0A");
}

.map-pins-icon {
  display: inline-block;
  width: 28.142px;
  height: 26.227px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.142' height='26.227' viewBox='0 0 28.142 26.227'%3E%3Cg id='Group_3429' data-name='Group 3429' transform='translate(-675.929 -318.108)'%3E%3Cg id='bxs-map' transform='translate(643.93 304.108)'%3E%3Cpath id='Path_439' data-name='Path 439' d='M40.713,16A8.723,8.723,0,0,0,32,24.708c-.032,7.02,8.383,12.841,8.714,13.076,0,0,5.642-6.056,5.61-13.07C46.323,19.909,45.518,16,40.713,16Zm0,13.07a4.357,4.357,0,1,1,4.357-4.357A4.356,4.356,0,0,1,40.713,29.07Z' fill='%23fff'/%3E%3C/g%3E%3Cg id='bxs-map-2' data-name='bxs-map' transform='translate(652.645 304.108)'%3E%3Cg id='Path_439-2' data-name='Path 439' fill='%23fff'%3E%3Cpath d='M 40.70568466186523 39.00551223754883 L 40.13386535644531 38.5992317199707 L 40.11533355712891 38.58615493774414 C 39.51494598388672 38.16281127929688 37.3986930847168 36.60589218139648 35.37467575073242 34.34580230712891 C 34.10573577880859 32.92886352539062 33.09554290771484 31.48672294616699 32.37215423583984 30.0594539642334 C 31.45345497131348 28.24683380126953 30.99161529541016 26.44488334655762 30.99944496154785 24.70367240905762 C 30.99943542480469 19.35507392883301 35.3569450378418 15.00000286102295 40.71305465698242 15.00000286102295 C 46.06916427612305 15.00000286102295 50.42667388916016 19.35751342773438 50.42667388916016 24.713623046875 C 50.43461608886719 26.47417259216309 49.9425048828125 28.31475257873535 48.96401596069336 30.17970275878906 C 48.20280456542969 31.63054275512695 47.14509582519531 33.10208129882812 45.82028579711914 34.55343246459961 C 43.58733367919922 36.99965286254883 41.37543487548828 38.54171371459961 41.28236389160156 38.60616302490234 L 40.70568466186523 39.00551223754883 Z M 40.71305465698242 21.35680389404297 C 38.86210632324219 21.35680389404297 37.35624313354492 22.86266326904297 37.35624313354492 24.713623046875 C 37.35624313354492 26.56457328796387 38.86210632324219 28.07043266296387 40.71305465698242 28.07043266296387 C 42.56400299072266 28.07043266296387 44.06986618041992 26.56457328796387 44.06986618041992 24.713623046875 C 44.06986618041992 22.86266326904297 42.56400299072266 21.35680389404297 40.71305465698242 21.35680389404297 Z' stroke='none'/%3E%3Cpath d='M 40.71305465698242 16.00000381469727 C 35.90858459472656 16.00000381469727 31.99943542480469 19.90915298461914 31.99943542480469 24.70817375183105 C 31.96784591674805 31.72808265686035 40.38193511962891 37.54878234863281 40.71305465698242 37.78404235839844 C 40.71305465698242 37.78404235839844 49.458251953125 31.72808265686035 49.42667388916016 24.713623046875 C 49.42667388916016 19.90915298461914 45.51752471923828 16.00000381469727 40.71305465698242 16.00000381469727 M 40.71305465698242 29.07043266296387 C 38.30591583251953 29.07043266296387 36.35624313354492 27.12075233459473 36.35624313354492 24.713623046875 C 36.35624313354492 22.30648231506348 38.30591583251953 20.35680389404297 40.71305465698242 20.35680389404297 C 43.12019348144531 20.35680389404297 45.06986618041992 22.30648231506348 45.06986618041992 24.713623046875 C 45.06986618041992 27.12075233459473 43.12019348144531 29.07043266296387 40.71305465698242 29.07043266296387 M 40.71305465698242 14.00000381469727 C 46.61912155151367 14.00000381469727 51.42432403564453 18.80338287353516 51.42667388916016 24.70891380310059 C 51.43456649780273 26.63773918151855 50.90395355224609 28.63463592529297 49.84952545166016 30.64431381225586 C 49.04853439331055 32.17097473144531 47.94138336181641 33.7130126953125 46.55884552001953 35.22761535644531 C 44.25051498413086 37.75642395019531 41.94854354858398 39.36121368408203 41.8516731262207 39.42828369140625 L 40.69831466674805 40.22698211669922 L 39.5390739440918 39.40341186523438 C 38.74163436889648 38.84113311767578 36.66692352294922 37.28773498535156 34.62972640991211 35.01293182373047 C 33.30263519287109 33.53105163574219 32.24296569824219 32.01656341552734 31.48017501831055 30.51153373718262 C 30.48981094360352 28.55750465393066 29.99162292480469 26.60347366333008 29.99943542480469 24.70344734191895 C 30.00178146362305 18.80092620849609 34.80698776245117 14.00000381469727 40.71305465698242 14.00000381469727 Z M 40.71305465698242 27.07043266296387 C 42.01260375976562 27.07043266296387 43.06986618041992 26.0131721496582 43.06986618041992 24.713623046875 C 43.06986618041992 23.4140739440918 42.01260375976562 22.35680389404297 40.71305465698242 22.35680389404297 C 39.41350555419922 22.35680389404297 38.35624313354492 23.4140739440918 38.35624313354492 24.713623046875 C 38.35624313354492 26.0131721496582 39.41350555419922 27.07043266296387 40.71305465698242 27.07043266296387 Z' stroke='none' fill='%23328aea'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.strategies-container>div:not(.disabled):hover .map-pins-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28.142' height='26.227' viewBox='0 0 28.142 26.227'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='1.375' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2319b0ec'/%3E%3Cstop offset='1' stop-color='%23456fe8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_3429' data-name='Group 3429' transform='translate(-675.929 -318.108)'%3E%3Cg id='bxs-map' transform='translate(643.93 304.108)'%3E%3Cpath id='Path_439' data-name='Path 439' d='M40.713,16A8.723,8.723,0,0,0,32,24.708c-.032,7.02,8.383,12.841,8.714,13.076,0,0,5.642-6.056,5.61-13.07C46.323,19.909,45.518,16,40.713,16Zm0,13.07a4.357,4.357,0,1,1,4.357-4.357A4.356,4.356,0,0,1,40.713,29.07Z' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3Cg id='bxs-map-2' data-name='bxs-map' transform='translate(652.645 304.108)'%3E%3Cg id='Path_439-2' data-name='Path 439' fill='url(%23linear-gradient)'%3E%3Cpath d='M 40.70568466186523 39.00551223754883 L 40.13386535644531 38.5992317199707 L 40.11533355712891 38.58615493774414 C 39.51494598388672 38.16281127929688 37.3986930847168 36.60589218139648 35.37467575073242 34.34580230712891 C 34.10573577880859 32.92886352539062 33.09554290771484 31.48672294616699 32.37215423583984 30.0594539642334 C 31.45345497131348 28.24683380126953 30.99161529541016 26.44488334655762 30.99944496154785 24.70367240905762 C 30.99943542480469 19.35507392883301 35.3569450378418 15.00000286102295 40.71305465698242 15.00000286102295 C 46.06916427612305 15.00000286102295 50.42667388916016 19.35751342773438 50.42667388916016 24.713623046875 C 50.43461608886719 26.47417259216309 49.9425048828125 28.31475257873535 48.96401596069336 30.17970275878906 C 48.20280456542969 31.63054275512695 47.14509582519531 33.10208129882812 45.82028579711914 34.55343246459961 C 43.58733367919922 36.99965286254883 41.37543487548828 38.54171371459961 41.28236389160156 38.60616302490234 L 40.70568466186523 39.00551223754883 Z M 40.71305465698242 21.35680389404297 C 38.86210632324219 21.35680389404297 37.35624313354492 22.86266326904297 37.35624313354492 24.713623046875 C 37.35624313354492 26.56457328796387 38.86210632324219 28.07043266296387 40.71305465698242 28.07043266296387 C 42.56400299072266 28.07043266296387 44.06986618041992 26.56457328796387 44.06986618041992 24.713623046875 C 44.06986618041992 22.86266326904297 42.56400299072266 21.35680389404297 40.71305465698242 21.35680389404297 Z' stroke='none'/%3E%3Cpath d='M 40.71305465698242 16.00000381469727 C 35.90858459472656 16.00000381469727 31.99943542480469 19.90915298461914 31.99943542480469 24.70817375183105 C 31.96784591674805 31.72808265686035 40.38193511962891 37.54878234863281 40.71305465698242 37.78404235839844 C 40.71305465698242 37.78404235839844 49.458251953125 31.72808265686035 49.42667388916016 24.713623046875 C 49.42667388916016 19.90915298461914 45.51752471923828 16.00000381469727 40.71305465698242 16.00000381469727 M 40.71305465698242 29.07043266296387 C 38.30591583251953 29.07043266296387 36.35624313354492 27.12075233459473 36.35624313354492 24.713623046875 C 36.35624313354492 22.30648231506348 38.30591583251953 20.35680389404297 40.71305465698242 20.35680389404297 C 43.12019348144531 20.35680389404297 45.06986618041992 22.30648231506348 45.06986618041992 24.713623046875 C 45.06986618041992 27.12075233459473 43.12019348144531 29.07043266296387 40.71305465698242 29.07043266296387 M 40.71305465698242 14.00000381469727 C 46.61912155151367 14.00000381469727 51.42432403564453 18.80338287353516 51.42667388916016 24.70891380310059 C 51.43456649780273 26.63773918151855 50.90395355224609 28.63463592529297 49.84952545166016 30.64431381225586 C 49.04853439331055 32.17097473144531 47.94138336181641 33.7130126953125 46.55884552001953 35.22761535644531 C 44.25051498413086 37.75642395019531 41.94854354858398 39.36121368408203 41.8516731262207 39.42828369140625 L 40.69831466674805 40.22698211669922 L 39.5390739440918 39.40341186523438 C 38.74163436889648 38.84113311767578 36.66692352294922 37.28773498535156 34.62972640991211 35.01293182373047 C 33.30263519287109 33.53105163574219 32.24296569824219 32.01656341552734 31.48017501831055 30.51153373718262 C 30.48981094360352 28.55750465393066 29.99162292480469 26.60347366333008 29.99943542480469 24.70344734191895 C 30.00178146362305 18.80092620849609 34.80698776245117 14.00000381469727 40.71305465698242 14.00000381469727 Z M 40.71305465698242 27.07043266296387 C 42.01260375976562 27.07043266296387 43.06986618041992 26.0131721496582 43.06986618041992 24.713623046875 C 43.06986618041992 23.4140739440918 42.01260375976562 22.35680389404297 40.71305465698242 22.35680389404297 C 39.41350555419922 22.35680389404297 38.35624313354492 23.4140739440918 38.35624313354492 24.713623046875 C 38.35624313354492 26.0131721496582 39.41350555419922 27.07043266296387 40.71305465698242 27.07043266296387 Z' stroke='none' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.podcast-icon {
  display: inline-block;
  width: 20.221px;
  height: 23.789px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.221' height='23.789' viewBox='0 0 20.221 23.789'%3E%3Cg id='Iconly_Bold_Voice-2' data-name='Iconly/Bold/Voice-2' transform='translate(-3.5 -2)'%3E%3Cg id='Voice-2' transform='translate(3.5 2)'%3E%3Cpath id='Path_1433' data-name='Path 1433' d='M19.068,9.309a1.145,1.145,0,0,1,1.152,1.138,10.042,10.042,0,0,1-8.958,9.914h0v2.291a1.152,1.152,0,0,1-2.3,0h0V20.361A10.042,10.042,0,0,1,0,10.447,1.145,1.145,0,0,1,1.152,9.309,1.145,1.145,0,0,1,2.3,10.447a7.807,7.807,0,0,0,15.612,0A1.145,1.145,0,0,1,19.068,9.309ZM10.318,0A5.168,5.168,0,0,1,15.3,3.724a.462.462,0,0,1-.447.587H13.508a.733.733,0,0,0-.737.727h0a.733.733,0,0,0,.737.729H14.75a.735.735,0,1,1,0,1.47H13.508a.729.729,0,1,0,0,1.458H14.75a.735.735,0,1,1,0,1.47H13.508a.728.728,0,1,0,0,1.456h1.281a.46.46,0,0,1,.442.6,5.171,5.171,0,0,1-4.913,3.5H9.9a5.143,5.143,0,0,1-5.176-5.11h0v-5.5A5.144,5.144,0,0,1,9.9,0h.416Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.strategies-container>div:not(.disabled):hover .podcast-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20.221' height='23.789' viewBox='0 0 20.221 23.789'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='1.339' y1='0.186' x2='0.136' y2='0.864' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23b388de'/%3E%3Cstop offset='1' stop-color='%238b5abc'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Iconly_Bold_Voice-2' data-name='Iconly/Bold/Voice-2' transform='translate(-3.5 -2)'%3E%3Cg id='Voice-2' transform='translate(3.5 2)'%3E%3Cpath id='Path_1433' data-name='Path 1433' d='M19.068,9.309a1.145,1.145,0,0,1,1.152,1.138,10.042,10.042,0,0,1-8.958,9.914h0v2.291a1.152,1.152,0,0,1-2.3,0h0V20.361A10.042,10.042,0,0,1,0,10.447,1.145,1.145,0,0,1,1.152,9.309,1.145,1.145,0,0,1,2.3,10.447a7.807,7.807,0,0,0,15.612,0A1.145,1.145,0,0,1,19.068,9.309ZM10.318,0A5.168,5.168,0,0,1,15.3,3.724a.462.462,0,0,1-.447.587H13.508a.733.733,0,0,0-.737.727h0a.733.733,0,0,0,.737.729H14.75a.735.735,0,1,1,0,1.47H13.508a.729.729,0,1,0,0,1.458H14.75a.735.735,0,1,1,0,1.47H13.508a.728.728,0,1,0,0,1.456h1.281a.46.46,0,0,1,.442.6,5.171,5.171,0,0,1-4.913,3.5H9.9a5.143,5.143,0,0,1-5.176-5.11h0v-5.5A5.144,5.144,0,0,1,9.9,0h.416Z' transform='translate(0 0)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}



.map-pin-icon {
  display: inline-block;
  width: 17.427px;
  height: 21.784px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.427' height='21.784' viewBox='0 0 17.427 21.784'%3E%3Cg id='bxs-map' transform='translate(-31.999 -16)'%3E%3Cpath id='Path_439' data-name='Path 439' d='M40.713,16A8.723,8.723,0,0,0,32,24.708c-.032,7.02,8.383,12.841,8.714,13.076,0,0,8.745-6.056,8.714-13.07A8.724,8.724,0,0,0,40.713,16Zm0,13.07a4.357,4.357,0,1,1,4.357-4.357A4.356,4.356,0,0,1,40.713,29.07Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.strategies-container>div:not(.disabled):hover .map-pin-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17.427' height='21.784' viewBox='0 0 17.427 21.784'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='1.339' y1='0.186' x2='0.136' y2='0.864' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23b388de'/%3E%3Cstop offset='1' stop-color='%238b5abc'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='bxs-map' transform='translate(-31.999 -16)'%3E%3Cpath id='Path_439' data-name='Path 439' d='M40.713,16A8.723,8.723,0,0,0,32,24.708c-.032,7.02,8.383,12.841,8.714,13.076,0,0,8.745-6.056,8.714-13.07A8.724,8.724,0,0,0,40.713,16Zm0,13.07a4.357,4.357,0,1,1,4.357-4.357A4.356,4.356,0,0,1,40.713,29.07Z' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.draw-icon {
  display: inline-block;
  width: 20.09px;
  height: 20.109px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.09' height='20.109' viewBox='0 0 20.09 20.109'%3E%3Cg id='brush' transform='translate(-0.181 -0.007)'%3E%3Cpath id='Path_441' data-name='Path 441' d='M17.082,20.005a4.733,4.733,0,0,1-2.794-.265,8.046,8.046,0,0,1-2.853-1.716A3.188,3.188,0,0,1,10.22,15.77a8.373,8.373,0,0,1,.1-1.294,4.5,4.5,0,0,0,1.657-.373,4.3,4.3,0,0,0,1.382-.9,4.443,4.443,0,0,0,1.2-2.078,2.547,2.547,0,0,1,1.941.882,3.3,3.3,0,0,1,.618,1.108,5.546,5.546,0,0,1,.284,1.255,9.087,9.087,0,0,0,.206,1.216,4.75,4.75,0,0,0,.373,1.059,1.7,1.7,0,0,0,.8.725,3.357,3.357,0,0,0,1.48.284q.118.451-.941,1.245a6.5,6.5,0,0,1-2.235,1.108ZM7.945,12.319q-.529-.549-1.892-2.274T3.21,6.251a30.9,30.9,0,0,1-2.4-3.872Q-.113.575.318.143t2.225.5A30.566,30.566,0,0,1,6.387,3.065q2.049,1.49,3.774,2.853a26.924,26.924,0,0,1,2.255,1.912,3.044,3.044,0,0,1,.922,2.235,3.076,3.076,0,0,1-.922,2.245,3.028,3.028,0,0,1-2.235.931,3.044,3.044,0,0,1-2.235-.922Zm2.882-4.98A3.491,3.491,0,0,1,9.916,9.81a3.341,3.341,0,0,1-2.441.9q.078.118.873.961t.873.941a3.4,3.4,0,0,0,2.578-.922A3.457,3.457,0,0,0,12.71,9.1q-.1-.078-.931-.873T10.828,7.339Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.strategies-container>div:not(.disabled):hover .draw-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20.09' height='20.109' viewBox='0 0 20.09 20.109'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.171' y1='0.887' x2='0.93' y2='0.064' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23ff9100'/%3E%3Cstop offset='1' stop-color='%23ffa200'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='brush' transform='translate(-0.181 -0.007)'%3E%3Cpath id='Path_441' data-name='Path 441' d='M17.082,20.005a4.733,4.733,0,0,1-2.794-.265,8.046,8.046,0,0,1-2.853-1.716A3.188,3.188,0,0,1,10.22,15.77a8.373,8.373,0,0,1,.1-1.294,4.5,4.5,0,0,0,1.657-.373,4.3,4.3,0,0,0,1.382-.9,4.443,4.443,0,0,0,1.2-2.078,2.547,2.547,0,0,1,1.941.882,3.3,3.3,0,0,1,.618,1.108,5.546,5.546,0,0,1,.284,1.255,9.087,9.087,0,0,0,.206,1.216,4.75,4.75,0,0,0,.373,1.059,1.7,1.7,0,0,0,.8.725,3.357,3.357,0,0,0,1.48.284q.118.451-.941,1.245a6.5,6.5,0,0,1-2.235,1.108ZM7.945,12.319q-.529-.549-1.892-2.274T3.21,6.251a30.9,30.9,0,0,1-2.4-3.872Q-.113.575.318.143t2.225.5A30.566,30.566,0,0,1,6.387,3.065q2.049,1.49,3.774,2.853a26.924,26.924,0,0,1,2.255,1.912,3.044,3.044,0,0,1,.922,2.235,3.076,3.076,0,0,1-.922,2.245,3.028,3.028,0,0,1-2.235.931,3.044,3.044,0,0,1-2.235-.922Zm2.882-4.98A3.491,3.491,0,0,1,9.916,9.81a3.341,3.341,0,0,1-2.441.9q.078.118.873.961t.873.941a3.4,3.4,0,0,0,2.578-.922A3.457,3.457,0,0,0,12.71,9.1q-.1-.078-.931-.873T10.828,7.339Z' transform='translate(0 0)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.file-icon {
  display: inline-block;
  width: 20.16px;
  height: 22.4px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.16' height='22.4' viewBox='0 0 20.16 22.4'%3E%3Cg id='Iconly_Bold_Document' data-name='Iconly/Bold/Document' transform='translate(-3 -2)'%3E%3Cg id='Document' transform='translate(3 2)'%3E%3Cpath id='Path_76' data-name='Path 76' d='M14.774,0c3.46,0,5.386,1.994,5.386,5.41h0v11.57c0,3.472-1.926,5.421-5.386,5.421H5.387C1.982,22.4,0,20.451,0,16.979H0V5.41C0,1.994,1.982,0,5.387,0h9.387ZM5.69,15.389a.878.878,0,0,0-.84.414.89.89,0,0,0,0,.941.87.87,0,0,0,.84.4H14.47a.885.885,0,0,0,0-1.758H5.69ZM14.47,10.28H5.69a.874.874,0,0,0,0,1.748H14.47a.874.874,0,0,0,0-1.748ZM9.037,5.208H5.69v.011a.874.874,0,0,0,0,1.747H9.037a.879.879,0,0,0,0-1.758Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.strategies-container>div:not(.disabled):hover .file-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20.16' height='22.4' viewBox='0 0 20.16 22.4'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.914' y1='0.264' x2='0.268' y2='0.89' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%233dc4ff'/%3E%3Cstop offset='1' stop-color='%230ca3e4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Iconly_Bold_Document' data-name='Iconly/Bold/Document' transform='translate(-3 -2)'%3E%3Cg id='Document' transform='translate(3 2)'%3E%3Cpath id='Path_76' data-name='Path 76' d='M14.774,0c3.46,0,5.386,1.994,5.386,5.41h0v11.57c0,3.472-1.926,5.421-5.386,5.421H5.387C1.982,22.4,0,20.451,0,16.979H0V5.41C0,1.994,1.982,0,5.387,0h9.387ZM5.69,15.389a.878.878,0,0,0-.84.414.89.89,0,0,0,0,.941.87.87,0,0,0,.84.4H14.47a.885.885,0,0,0,0-1.758H5.69ZM14.47,10.28H5.69a.874.874,0,0,0,0,1.748H14.47a.874.874,0,0,0,0-1.748ZM9.037,5.208H5.69v.011a.874.874,0,0,0,0,1.747H9.037a.879.879,0,0,0,0-1.758Z' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.strategy-main-box {
  background: #fff;
  border: 1px dashed rgba(53, 159, 208, .28);
  display: flex;
  height: 100%;
  width: 100%;
  border-radius: 15px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.strategy-main-box svg {
  width: 35px;
  height: 35px;
}

.strategy-main-box p,
.strategies-container>div:not(.disabled):hover .strategy-main-box p {
  margin: 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 29px;
  color: #333 !important;
  margin-top: 3px;
}

/* startegy end */


/* delete modal css start */
.modal.delete-modal .modal-header .close {
  background: var(--red-bg-gradient) !important;
}

.modal.delete-modal .modal-header .modal-title i {
  background: var(--red-bg-gradient) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.modal.delete-modal .btn-danger {
  background: var(--red-bg-gradient) !important;
  display: inline-flex;
  align-items: center;
}

.modal.delete-modal .cancel-btn {
  background: var(--gray-bg-gradient) !important;
}

/* delete modal css end */

/* table style start */
.vv-videos-table {
  border-collapse: separate;
  border-spacing: 0 10px;
  margin-top: 24px;
}

.vv-videos-table>thead>tr>th {
  background: transparent;
  padding: 0;
  vertical-align: middle;
  height: unset;
  border: none;
  font-weight: 500;
  font-size: 15px;
  line-height: 15px;
  text-transform: capitalize !important;
}

.vv-videos-table>thead>tr>th.tbl-title>div {
  display: inline-flex;
  font-size: 18px;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.vv-videos-table>tbody>tr {
  background: #fff;
  border-radius: 15px !important;
  border: none;
  box-shadow: 0px 3px 3px #e0e9ef;
}

.vv-videos-table>tbody>tr>td {
  background: #fff;
  padding: 9px;
  vertical-align: middle;
  text-align: center;
  height: 84px;
}

.vv-videos-table>tbody>tr>td:first-child {
  border-radius: 15px 0px 0px 15px;
}

.vv-videos-table>tbody>tr>td:last-child {
  border-radius: 0px 15px 15px 0px;
}

.vv-videos-table .show-all {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  display: inline-flex;
  align-items: center;
  text-decoration: underline;
}

.vv-videos-table .show-all i {
  margin-right: 4px;
}

.vv-videos-table .data-col {
  width: 250px;
  min-width: 250px;
  max-width: 300px;
  padding: 0 !important;
  text-align: left !important;
}

.vv-videos-table .status-col {
  width: 165px;
  min-width: 160px;
  padding-right: 20px;
}

.vv-videos-table .data-col .data-container {
  width: 100%;
  height: 100%;
  display: flex;
  border-radius: 15px 0 0 15px;
}

.vv-videos-table .data-col .data-container a {
  text-decoration: none;
}


.vv-videos-table .data-col .data-container .image-container {
  width: 47.25px;
  min-height: 84px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 15px 0 0 15px;
  margin-right: 10px;
  position: relative;
}

.vv-videos-table .data-col .data-container .image-container a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.vv-videos-table .data-col .data-container .image-container img {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
}

.vv-videos-table .data-col .data-container .image-container a::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 15px 0px 0px 15px;
  background: linear-gradient(#3799db 0%, #2db4a6 100%);
  opacity: 0;
  border-radius: 15px 0 0 15px;
}

.vv-videos-table .data-col .data-container .image-container a::after {
  opacity: 0;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  background-position: center 55%;
  background-repeat: no-repeat;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50.07' height='50.067' viewBox='0 0 50.07 50.067'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' y1='0.365' x2='1' y2='0.058' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%233799db' stop-opacity='0.639'/%3E%3Cstop offset='1' stop-color='%232db4a6' stop-opacity='0.639'/%3E%3C/linearGradient%3E%3Cfilter id='Ellipse_49' x='0' y='0' width='50.07' height='50.067' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='3' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='3' result='blur'/%3E%3CfeFlood flood-color='%2300f3ff' flood-opacity='0.459'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3Cfilter id='Path_435' x='16.46' y='14.346' width='18.21' height='19.593' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='2' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='1.5' result='blur-2'/%3E%3CfeFlood flood-opacity='0.161'/%3E%3CfeComposite operator='in' in2='blur-2'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg id='Group_4386' data-name='Group 4386' transform='translate(-257.71 -892.006)'%3E%3Cg id='Group_4344' data-name='Group 4344' transform='translate(260.71 891.006)'%3E%3Cg transform='matrix(1, 0, 0, 1, -3, 1)' filter='url(%23Ellipse_49)'%3E%3Cg id='Ellipse_49-2' data-name='Ellipse 49' transform='translate(11 8)' stroke='rgba(255,255,255,0.79)' stroke-width='2' fill='url(%23linear-gradient)'%3E%3Cellipse cx='14.035' cy='14.034' rx='14.035' ry='14.034' stroke='none'/%3E%3Cellipse cx='14.035' cy='14.034' rx='15.035' ry='15.034' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg transform='matrix(1, 0, 0, 1, 257.71, 892.01)' filter='url(%23Path_435)'%3E%3Cpath id='Path_435-2' data-name='Path 435' d='M37.559,37.953a1.018,1.018,0,0,1-.5-.134,1.132,1.132,0,0,1-.56-.988V28.482a1.131,1.131,0,0,1,.56-.988,1.011,1.011,0,0,1,1.03.013l7.135,4.271a1.036,1.036,0,0,1,0,1.756l-7.136,4.272A1.022,1.022,0,0,1,37.559,37.953Z' transform='translate(-15.54 -10.51)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.vv-videos-table .data-col .data-container .image-container a:hover::before,
.vv-videos-table .data-col .data-container .image-container a:hover::after {
  opacity: .42 !important;
  top: 0;
  transition: all 0.3s ease;
}

.vv-videos-table .data-col .data-container .image-container a:hover::after {
  opacity: 1 !important;
}

.vv-videos-table .data-col .data-container h4 {
  font-weight: 500;
  font-size: 16px;
  color: #222;
  ;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 250px;
  margin: 0;
  text-transform: capitalize;
  margin-bottom: 5px;
}

.vv-videos-table .data-col .data-container p {
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  color: #6d6d6d;
  margin: 0;
}

.vv-videos-table .data-col .data-container p i {
  margin-right: 5px;
  flex-shrink: 0;
}

.vv-videos-table .data-col .data-container p span {
  display: inline-block;
  max-width: 230px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.vv-videos-table .vv-syndications {
  display: flex;
  gap: 6px;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  text-align: left;
  color: #6d6d6d;
  margin-top: 5px;
}

.vv-videos-table .title-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.vv-videos-table .status-col .waiting-container {
  font-weight: 600;
  font-size: 17px;
  line-height: 12px;
  text-align: center;
  color: #f00;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-bottom: 6px;
  position: relative;
  top: -2px;
}

.vv-videos-table .status-col div:not(.waiting-container) {
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  color: #222;
  margin-top: -1px;
}

.vv-videos-table .status-col>i {
  height: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: -4px;
}

.vv-videos-table .image-rounded {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  object-fit: cover;
  border: 1px solid #fff;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.16);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.vv-videos-table .image-rounded img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.vv-videos-table .style-col .image-rounded {
  margin: 0 auto;
}

.vv-videos-table .style-col p {
  font-weight: 500;
  font-size: 15px;
  line-height: 12px;
  text-align: center;
  color: #222;
  margin-top: 9px;
}

.vv-videos-table .date-col {
  width: 130px;
  min-width: 130px;
  padding: 0 !important;
}

.vv-videos-table .date-col p {
  font-weight: 500;
  font-size: 14px;
  line-height: 12px;
  text-align: center;
  color: #222;
  margin-top: 9px;
}

.vv-videos-table>tbody>tr>td.style-col {
  min-width: 170px !important;
}

.vv-videos-table .date-col a {
  display: inline-flex;
  width: 218px;
  height: 40px;
  border-radius: 20px;
  background: #fff;
  border: 2px solid #318dea;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.05);
  font-weight: 500;
  font-size: 15px;
  line-height: 15px;
  text-align: center;
  color: #222;
  align-items: center;
  justify-content: center;
  gap: 7px;
  text-decoration: none;
}

.vv-videos-table .script-row .date-col a {
  border-color: #D35E88;
}

.vv-videos-table .date-col a.approveVideo {
  border: 2px solid #9360c6;
}

.vv-videos-table .actions-col {
  max-width: 90px;
  min-width: 90px;
  width: 90px;
}

.vv-videos-table .actions-col .dropdown {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vv-videos-table .actions-col button.btn {
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  background: #fff !important;
  border-color: #E0E5EF !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;

  transition: all 0.3s ease;
}

.vv-videos-table .actions-col button.btn i {
  margin: 0 !important;
}

.vv-videos-table .actions-col .open button.btn {
  border-color: #2EAFAF !important;
}

.vv-videos-table .actions-col .dropdown-menu {
  width: 187px !important;
  border-radius: 14px !important;
  background: #fff !important;
  border: 1px solid #dedede !important;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.09) !important;
  min-width: unset !important;
  left: auto !important;
  overflow: hidden;
}

.vv-videos-table .actions-col .dropdown-menu a {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 15px;
  color: #222;
  gap: 8px;
}

.vv-videos-table .action-col .dropdown button {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: none !important;
  padding: 0 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  border: 1px solid #bfc9de;
}

.vv-videos-table .action-col .dropdown.open button {
  border-color: #2EAFAF !important;
}

.vv-videos-table .action-col .dropdown button i {
  margin: 0 !important;
}

.vv-videos-table .action-col .open>.dropdown-menu {
  left: -54px !important;
}

.vv-videos-table .action-col .dropdown-menu>li>a {
  display: flex;
  align-items: center;
}

.vv-videos-table .action-col .dropdown-menu>li>a i {
  margin-right: 5px;
}

.vv-videos-table .img-placeholder {
  height: 100%;
  width: 100%;
}

.video-preview-popover {
  border-radius: 10px !important;
}

.video-preview-popover .popover-content {
  display: flex !important;
}


/* table style end */

/* video-modal start */
:root {
  --green-bg-gradient: linear-gradient(90deg, #3799db 0%, #2db4a6 100%);
}

#video-modal button.close {
  width: 35px;
  height: 35px;
  color: #fff;
  border-radius: 50%;
  background: var(--green-bg-gradient);
  position: absolute;
  top: 20px;
  right: 20px;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

#video-modal button.close svg {
  width: auto !important;
  height: auto !important;
}

#video-modal .modal-content {
  border-radius: 39px !important;
}

#video-modal .modal-body video,
.vv-video-container video {
  border-radius: 27px !important;
}

#video-modal .modal-body {
  font-size: 0 !important;
}

.vv-video-container {
  position: relative;
  font-size: 0px !important;
  width: 100%;
}

#video-modal .vp-overlay {
  position: absolute;
  top: 20px;
  left: 20px;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  z-index: 1;
  border-radius: 27px !important;
}

.vv-video-container .vp-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 27px !important;
}

#video-modal .vp-overlay::after,
.vv-video-container .vp-overlay::after,
#video-modal .vp-overlay.playing:hover::after,
.vv-video-container .vp-overlay.playing:hover::after {
  content: '';
  background: var(--green-bg-gradient);
  border: 1px solid rgba(0, 0, 0, 0);
  opacity: 0.33;
  border-radius: 27px !important;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
}

#video-modal .vp-overlay.playing::after,
.vv-video-container .vp-overlay.playing::after {
  display: none;
}

#video-modal .vp-overlay.playing:not(:hover) .vp-play-btn,
.vv-video-container .vp-overlay.playing:not(:hover) .vp-play-btn {
  display: none;
}

#video-modal .vp-play-btn,
.vv-video-container .vp-play-btn {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  transition: all 0.3s ease;
  cursor: pointer;
}

#video-modal .vp-play-btn::before,
.vv-video-container .vp-play-btn::before {
  content: '';
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #fff;
  opacity: 0.26;
  flex-shrink: 0;
  position: absolute;
  left: -5px;
  top: -5px;
}

#video-modal .vp-play-btn::after,
.vv-video-container .vp-play-btn::after {
  content: '';
  display: flex;
  transition: all 0.3s ease;
  background-image: url("data:image/svg+xml,%3Csvg id='Iconly_Bold_Arrow_-_Right_2' data-name='Iconly/Bold/Arrow - Right 2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24.101' height='29.266' viewBox='0 0 24.101 29.266'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.077' y1='0.913' x2='0.899' y2='0.099' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%233799db'/%3E%3Cstop offset='1' stop-color='%232db4a6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Arrow_-_Right_2' data-name='Arrow - Right 2'%3E%3Cpath id='Arrow_-_Right_2-2' data-name='Arrow - Right 2' d='M23.211,17.391c-.136.141-.65.746-1.129,1.244A52.268,52.268,0,0,1,8.114,28.449a11.026,11.026,0,0,1-2.841.817,4.615,4.615,0,0,1-2.158-.532A4.553,4.553,0,0,1,1.2,26.53a24.239,24.239,0,0,1-.618-2.595A59.164,59.164,0,0,1,0,14.652a68.41,68.41,0,0,1,.514-9,20.919,20.919,0,0,1,.822-3.236A4.3,4.3,0,0,1,5.137,0h.136A11.66,11.66,0,0,1,8.457,1c3.628,1.566,10.784,6.436,13.66,9.672a13.754,13.754,0,0,1,1.162,1.351,4.385,4.385,0,0,1,.822,2.595,4.609,4.609,0,0,1-.89,2.775' transform='translate(0 0)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
  z-index: 12;
  position: relative;
}

#video-modal .playing .vp-play-btn::after,
.vv-video-container .playing .vp-play-btn::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23' height='24' viewBox='0 0 23 24'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.077' y1='0.913' x2='0.899' y2='0.099' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%233799db'/%3E%3Cstop offset='1' stop-color='%232db4a6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_4899' data-name='Group 4899' transform='translate(-24.644 -25.125)'%3E%3Cpath id='Path_1399' data-name='Path 1399' d='M4,0H5A4,4,0,0,1,9,4V19a4,4,0,0,1-4,4H4a4,4,0,0,1-4-4V4A4,4,0,0,1,4,0Z' transform='translate(25.144 25.625)' stroke='rgba(0,0,0,0)' stroke-width='1' fill='url(%23linear-gradient)'/%3E%3Cpath id='Path_1400' data-name='Path 1400' d='M4,0H5A4,4,0,0,1,9,4V19a4,4,0,0,1-4,4H4a4,4,0,0,1-4-4V4A4,4,0,0,1,4,0Z' transform='translate(38.144 25.625)' stroke='rgba(0,0,0,0)' stroke-width='1' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A");
}

/* video-modal end */
/* colored border modal start */
.colored-border.modal {
  background-color: rgba(0, 0, 0, 0.7);
  /* Darken background */
  backdrop-filter: blur(5px);
  /* Apply blur effect */
}

.colored-border.modal .modal-dialog {
  display: flex;
  align-items: start;
  justify-content: start;
  min-height: 100vh;
  margin: 0 auto;
  padding-top: 10%;
}

.colored-border.modal .modal-content {
  background: url(/assets/images/modal-border-pattern.jpg);
  border-radius: 20px;
  padding: 14px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.colored-border.modal .modal-body {
  background: #fff;
  border: 1px solid #e7ebee;
  box-shadow: 0px 3px 3px rgba(34, 122, 170, 0.73);
  border-radius: 10px;
  background-size: cover;
}

.colored-border.modal button.close {
  width: 35px;
  height: 35px;
  background: var(--green-bg-gradient) !important;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 9999;
  opacity: 1;
}

.colored-border.modal button.close span {
  display: inline-block;
  width: 11px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11'%3E%3Cg id='close-circle' transform='translate(-7.67 -7.67)'%3E%3Cpath id='Path_673' data-name='Path 673' d='M8.825,18.67A1.155,1.155,0,0,1,8.008,16.7L16.7,8.008a1.155,1.155,0,0,1,1.634,1.634L9.642,18.332A1.152,1.152,0,0,1,8.825,18.67Z' transform='translate(0 0)' fill='%23fff'/%3E%3Cpath id='Path_674' data-name='Path 674' d='M17.515,18.67a1.152,1.152,0,0,1-.817-.338L8.008,9.643A1.155,1.155,0,1,1,9.642,8.008L18.332,16.7a1.155,1.155,0,0,1-.817,1.972Z' transform='translate(0)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}

/* colored border modal end */

#add-video-step1-modal .main-title,
#select-business-clone-modal .main-title {
  font-weight: 600;
  font-size: 18px;
  text-transform: capitalize !important;
  text-align: center;
  color: #222;
}

#add-video-step1-modal .new-business-btn,
#add-video-step1-modal .new-business-btn:active,
#add-video-step1-modal .new-business-btn:focus,
#add-video-step1-modal .new-business-btn:hover,
#select-business-clone-modal .new-business-btn,
#select-business-clone-modal .new-business-btn:active,
#select-business-clone-modal .new-business-btn:focus,
#select-business-clone-modal .new-business-btn:hover {
  padding: 0;
  margin: 0;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #369bd7 !important;
  display: flex;
  align-items: center;
}

#add-video-step1-modal .new-business-btn i,
#select-business-clone-modal .new-business-btn i {
  display: inline-block;
  width: 13.8px;
  height: 13.8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.8' height='13.8' viewBox='0 0 13.8 13.8'%3E%3Cg id='Plus_Icon_UIA' transform='translate(0.9 0.9)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M1,8H13' transform='translate(-1 -2)' fill='none' stroke='%23369bd7' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8'/%3E%3Cpath id='Path_2' data-name='Path 2' d='M8,13V1' transform='translate(-2 -1)' fill='none' stroke='%23369bd7' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8'/%3E%3C/g%3E%3C/svg%3E%0A");
}

#add-video-step1-modal .left-addon i.search-icon#add-video-step1-modal .left-addon i.search-icon {
  display: inline-block;
  width: 17.811px;
  height: 17.811px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.811' height='17.811' viewBox='0 0 17.811 17.811'%3E%3Cg id='search-normal' transform='translate(-1.25 -1.25)'%3E%3Cpath id='Path_13' data-name='Path 13' d='M9.5,17A7.5,7.5,0,1,0,2,9.5,7.5,7.5,0,0,0,9.5,17Z' fill='none' stroke='%2398a7b5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Path_14' data-name='Path 14' d='M22,22l-2-2' transform='translate(-4 -4)' fill='none' stroke='%2398a7b5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
  position: absolute;
  left: 12px;
  top: 12px;
  margin-right: 5px;
}

#add-video-step1-modal .add-video-btn,
#select-business-clone-modal .add-video-btn {
  height: 50px;
  border-radius: 25px;
  background: var(--green-bg-gradient);
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

#add-video-step1-modal .add-video-btn i,
#select-business-clone-modal .add-video-btn i {
  margin-right: 5px;
}

#add-video-step1-modal .form-control,
#select-business-clone-modal .form-control {
  height: 40px;
  border-radius: 9px;
  background: #fff;
  border: 1px solid #dde4e9;
  font-weight: normal;
  font-size: 14px;
  padding-left: 40px;
}

#add-video-step1-modal .top-title,
#select-business-clone-modal .top-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 16px;
  color: #222;
}

#add-video-step1-modal .top-title i,
#select-business-clone-modal .top-title i {
  display: inline-block;
  width: 46px;
  height: 46px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='46' height='46' viewBox='0 0 46 46'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.171' y1='0.887' x2='0.93' y2='0.064' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%233799db'/%3E%3Cstop offset='1' stop-color='%232db4a6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_4768' data-name='Group 4768' transform='translate(-593.099 -70)'%3E%3Crect id='Rectangle_1020' data-name='Rectangle 1020' width='46' height='46' rx='23' transform='translate(593.099 70)' fill='url(%23linear-gradient)'/%3E%3Cg id='Iconly_Bold_Play' data-name='Iconly/Bold/Play' transform='translate(602.929 79.829)'%3E%3Cg id='Play' transform='translate(2 2)'%3E%3Cpath id='Path_1460' data-name='Path 1460' d='M11.171,0A11.171,11.171,0,1,1,0,11.177,11.187,11.187,0,0,1,11.171,0ZM9.9,6.736a1.5,1.5,0,0,0-.679.162,1.4,1.4,0,0,0-.6.668,7.206,7.206,0,0,0-.194.787,17.229,17.229,0,0,0-.183,2.813A19.936,19.936,0,0,0,8.4,13.892a6.107,6.107,0,0,0,.259.981,1.357,1.357,0,0,0,1.2.733H9.9a3.752,3.752,0,0,0,1-.3,16.463,16.463,0,0,0,4.3-2.932h0l.065-.065a4.441,4.441,0,0,0,.3-.345,1.3,1.3,0,0,0,.259-.786,1.361,1.361,0,0,0-.28-.842c-.043-.043-.2-.226-.356-.377a16.485,16.485,0,0,0-4.4-2.975A3.67,3.67,0,0,0,9.9,6.736Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

#add-video-step1-modal label,
#select-business-clone-modal label {
  font-weight: 500;
  font-size: 16px;
  text-align: left;
  color: #222;
  padding: 0;
}

#add-video-step1-modal .custom-form,
#select-business-clone-modal .custom-form {
  width: 525px;
  border-radius: 18px;
  background: #fbfcfe;
  border: 1px solid #e7ebee;
  overflow: hidden;
  padding: 27px;
  margin: 0 auto;
}

#add-video-step1-modal .modal-dialog,
#select-business-clone-modal .modal-dialog {
  width: 815px;
}

#add-video-step1-modal .item-scroll,
#select-business-clone-modal .item-scroll {
  padding: 10px;
}

#add-video-step1-modal .mCSB_inside>.mCSB_container,
#select-business-clone-modal .mCSB_inside>.mCSB_container {
  padding-right: 10px;
}

#add-video-step1-modal .mCSB_inside>.mCSB_container.mCS_y_hidden,
#select-business-clone-modal .mCSB_inside>.mCSB_container.mCS_y_hidden {
  margin-right: 0px;
  padding-right: 0px;
}

#add-video-step1-modal .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#select-business-clone-modal .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #d0d9e1;
  width: 5px;
  border-radius: 2.5px;
}

#add-video-step1-modal .mCS-dark.mCSB_scrollTools .mCSB_draggerRail,
#select-business-clone-modal .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background: transparent !important;
}

#add-video-step1-modal div.item i.custom-business-icon,
#select-business-clone-modal div.item i.custom-business-icon {
  display: inline-block;
  width: 15.078px;
  height: 14.889px;
  background-image: url("data:image/svg+xml,%3Csvg id='Work' xmlns='http://www.w3.org/2000/svg' width='15.078' height='14.889' viewBox='0 0 15.078 14.889'%3E%3Cpath id='Combined-Shape' d='M14.537,9.606a.566.566,0,0,1,.521.607l-.143,1.892a3.023,3.023,0,0,1-3,2.784H3.164a3.023,3.023,0,0,1-3-2.784L.02,10.213a.567.567,0,0,1,.522-.607.574.574,0,0,1,.607.522l.143,1.892a1.888,1.888,0,0,0,1.873,1.739h8.75a1.887,1.887,0,0,0,1.873-1.739l.143-1.892A.578.578,0,0,1,14.537,9.606ZM8.512,0a2.236,2.236,0,0,1,2.214,1.945h1.486a2.873,2.873,0,0,1,2.866,2.875V7.415a.566.566,0,0,1-.28.488A14.375,14.375,0,0,1,8.1,9.714V11.07a.566.566,0,0,1-1.131,0V9.714A14.365,14.365,0,0,1,.28,7.9.564.564,0,0,1,0,7.415v-2.6A2.874,2.874,0,0,1,2.874,1.946H4.352A2.236,2.236,0,0,1,6.566,0Zm3.7,3.077H2.874A1.741,1.741,0,0,0,1.132,4.813V7.085a13.588,13.588,0,0,0,6.4,1.507h.019l.359,0a13.474,13.474,0,0,0,6.04-1.5V4.821A1.74,1.74,0,0,0,12.212,3.077Zm-3.7-1.946H6.566A1.1,1.1,0,0,0,5.5,1.946H9.575A1.1,1.1,0,0,0,8.512,1.132Z' transform='translate(0 0)' fill='%2398a7b5' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
  position: relative;
  top: 2px;
}

#add-video-step1-modal div.item.active i.custom-business-icon,
#select-business-clone-modal div.item.active i.custom-business-icon {
  background-image: url("data:image/svg+xml,%3Csvg id='Work' xmlns='http://www.w3.org/2000/svg' width='15.078' height='14.889' viewBox='0 0 15.078 14.889'%3E%3Cpath id='Combined-Shape' d='M14.537,9.606a.566.566,0,0,1,.521.607l-.143,1.892a3.023,3.023,0,0,1-3,2.784H3.164a3.023,3.023,0,0,1-3-2.784L.02,10.213a.567.567,0,0,1,.522-.607.574.574,0,0,1,.607.522l.143,1.892a1.888,1.888,0,0,0,1.873,1.739h8.75a1.887,1.887,0,0,0,1.873-1.739l.143-1.892A.578.578,0,0,1,14.537,9.606ZM8.512,0a2.236,2.236,0,0,1,2.214,1.945h1.486a2.873,2.873,0,0,1,2.866,2.875V7.415a.566.566,0,0,1-.28.488A14.375,14.375,0,0,1,8.1,9.714V11.07a.566.566,0,0,1-1.131,0V9.714A14.365,14.365,0,0,1,.28,7.9.564.564,0,0,1,0,7.415v-2.6A2.874,2.874,0,0,1,2.874,1.946H4.352A2.236,2.236,0,0,1,6.566,0Zm3.7,3.077H2.874A1.741,1.741,0,0,0,1.132,4.813V7.085a13.588,13.588,0,0,0,6.4,1.507h.019l.359,0a13.474,13.474,0,0,0,6.04-1.5V4.821A1.74,1.74,0,0,0,12.212,3.077Zm-3.7-1.946H6.566A1.1,1.1,0,0,0,5.5,1.946H9.575A1.1,1.1,0,0,0,8.512,1.132Z' transform='translate(0 0)' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
}

#add-video-step1-modal div.item.active i.custom-check,
#select-business-clone-modal div.item.active i.custom-check {
  display: inline-block;
  width: 19px;
  height: 19px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cg id='Group_4765' data-name='Group 4765' transform='translate(-0.244 0)'%3E%3Crect id='Rectangle_851' data-name='Rectangle 851' width='19' height='19' rx='9.5' transform='translate(0.244 0)' fill='%23fff'/%3E%3Cpath id='Icon_awesome-check' data-name='Icon awesome-check' d='M3.358,11.8.145,8.591a.494.494,0,0,1,0-.7l.7-.7a.494.494,0,0,1,.7,0L3.707,9.358,8.343,4.722a.494.494,0,0,1,.7,0l.7.7a.494.494,0,0,1,0,.7L4.057,11.8A.494.494,0,0,1,3.358,11.8Z' transform='translate(4.288 1.259)' fill='%2342b9b2'/%3E%3C/g%3E%3C/svg%3E%0A");
  position: relative;
  top: 2px;
}

#add-video-step1-modal .modal-body,
#select-business-clone-modal .modal-body {
  padding: 30px !important;
}

td.progress-col {
  color: #333;
  min-width: 200px;
  max-width: 200px;
  width: 200px;
}

.progress-col .progress {
  margin: 5px 0;
  height: 10px;
}

.in-progress-container i {
  display: inline-block;
  width: 24.48px;
  height: 24.48px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24.48' height='24.48' viewBox='0 0 24.48 24.48'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='1' y1='0.058' x2='0' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2348bc99'/%3E%3Cstop offset='1' stop-color='%2311998e'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='clapperboard-text-svgrepo-com' transform='translate(-1.25 -1.25)'%3E%3Cpath id='Path_1980' data-name='Path 1980' d='M13.49,1.25c5.6,0,8.405,0,10.323,1.918S25.73,7.894,25.73,13.49s0,8.405-1.918,10.323S19.086,25.73,13.49,25.73s-8.405,0-10.323-1.918S1.25,19.086,1.25,13.49s0-8.405,1.918-10.323S7.894,1.25,13.49,1.25Zm0,22.773c5.125,0,7.7,0,9.115-1.417s1.417-3.99,1.417-9.115,0-7.7-1.417-9.115-3.99-1.417-9.115-1.417-7.7,0-9.115,1.417S2.958,8.365,2.958,13.49s0,7.7,1.417,9.115S8.365,24.023,13.49,24.023Z' fill='url(%23linear-gradient)'/%3E%3Cpath id='Path_1981' data-name='Path 1981' d='M24.238,8.958H2.6a.854.854,0,1,1,0-1.708H24.238a.854.854,0,0,1,0,1.708Z' transform='translate(0.069 0.832)' fill='url(%23linear-gradient)'/%3E%3Cpath id='Path_1982' data-name='Path 1982' d='M7.1,9.721a.854.854,0,0,1-.72-1.313l3.985-6.262a.854.854,0,1,1,1.441.917L7.824,9.325A.853.853,0,0,1,7.1,9.721Z' transform='translate(0.693 0.069)' fill='url(%23linear-gradient)'/%3E%3Cpath id='Path_1983' data-name='Path 1983' d='M13.6,9.721a.854.854,0,0,1-.72-1.313l3.985-6.262a.854.854,0,1,1,1.441.917L14.324,9.325A.853.853,0,0,1,13.6,9.721Z' transform='translate(1.594 0.069)' fill='url(%23linear-gradient)'/%3E%3Cpath id='Path_1984' data-name='Path 1984' d='M15.713,14.958H6.6a.854.854,0,1,1,0-1.708h9.109a.854.854,0,0,1,0,1.708Z' transform='translate(0.624 1.664)' fill='url(%23linear-gradient)'/%3E%3Cpath id='Path_1985' data-name='Path 1985' d='M12.866,18.458H6.6a.854.854,0,1,1,0-1.708h6.262a.854.854,0,1,1,0,1.708Z' transform='translate(0.624 2.149)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A");
  /* center your rotation pivot */
  transform-origin: 50% 50%;
}

/* define the keyframes */
.progress-col .progress-bar {
  background: linear-gradient(47.328deg, #3799db 0%, #2db4a6 100%);
  background-position: left !important;
}

.progress-col .progress-percentage {
  color: #333;
  font-weight: bold;
}


.progress-col .progress-text p {
  text-transform: capitalize;
}

/* all in one updates start*/
.vv-videos-table .AIO-video .date-col a div {
  display: flex;
  align-items: start;
  justify-content: center;
  /* flex: 1; */
  flex-direction: column;
}

.vv-videos-table .AIO-video .date-col a div span {
  font-weight: 500;
  font-size: 12px;
  color: #98a7b5;
}

.AIO-video .vv-small-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19.464' height='19.566' viewBox='0 0 19.464 19.566'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='-0.095' y1='1.164' x2='0.964' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2319b0ec'/%3E%3Cstop offset='1' stop-color='%23456fe8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='vv-icon-white' transform='translate(10548.42 -6251.944)'%3E%3Cg id='Group_5170' data-name='Group 5170' transform='translate(-10548.42 6251.944)'%3E%3Cg id='ViralVids_logo' data-name='ViralVids logo' transform='translate(0 0)'%3E%3Cpath id='Union_107' data-name='Union 107' d='M7.429,18.914a4.279,4.279,0,0,1-1.6-1.759l-.044-.088C1.107,7.652.441,6.274.347,6.056A4.279,4.279,0,0,1,.278,2.85,4.268,4.268,0,0,1,2.422.459a4.325,4.325,0,0,1,4.061.1,4.331,4.331,0,0,1,1.583,1.5l.021.035c.054.1.682,1.347,1.647,3.29l1.637-3.293.019-.032a4.387,4.387,0,0,1,1.583-1.5A4.343,4.343,0,0,1,17.048.461,4.21,4.21,0,0,1,19.178,2.85a4.183,4.183,0,0,1-.067,3.2c-.1.23-.817,1.72-5.43,11l-.013.027-.027.044a4.4,4.4,0,0,1-1.592,1.784,4.412,4.412,0,0,1-4.621,0ZM2.762,1.137A3.517,3.517,0,0,0,.99,3.111a3.519,3.519,0,0,0,.053,2.644q.211.489,5.42,10.973l.044.088a3.581,3.581,0,0,0,3.226,1.992,3.522,3.522,0,0,0,1.913-.538,3.63,3.63,0,0,0,1.331-1.507L13,16.719Q18.211,6.235,18.414,5.755a3.436,3.436,0,0,0,.053-2.644,3.585,3.585,0,0,0-5.12-1.895,3.63,3.63,0,0,0-1.313,1.243l-2.3,4.627c-1.489-3-2.265-4.547-2.309-4.627A3.561,3.561,0,0,0,6.11,1.216a3.565,3.565,0,0,0-3.349-.079ZM8.27,17.653a2.867,2.867,0,0,1-1.084-1.181S6.521,15.143,5.2,12.48a1.726,1.726,0,0,0,1.789-.018A3.61,3.61,0,0,0,8.719,10.77L9.733,8.8c1.93-3.9,2.908-5.878,2.952-5.949a2.849,2.849,0,0,1,3.675-1.04,2.711,2.711,0,0,1,1.4,1.56,2.743,2.743,0,0,1-.044,2.08q-.2.463-5.42,10.973a2.859,2.859,0,0,1-2.573,1.621A2.816,2.816,0,0,1,8.27,17.653Z' transform='translate(0 0)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.script-row .vv-small-icon {
  width: 19.464px;
  height: 19.566px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19.464' height='19.566' viewBox='0 0 19.464 19.566'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.171' y1='0.887' x2='0.93' y2='0.064' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23bb4e75'/%3E%3Cstop offset='1' stop-color='%23e16793'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='vv-icon-white' transform='translate(10548.42 -6251.944)'%3E%3Cg id='Group_5170' data-name='Group 5170' transform='translate(-10548.42 6251.944)'%3E%3Cg id='ViralVids_logo' data-name='ViralVids logo' transform='translate(0 0)'%3E%3Cpath id='Union_107' data-name='Union 107' d='M7.429,18.914a4.279,4.279,0,0,1-1.6-1.759l-.044-.088C1.107,7.652.441,6.274.347,6.056A4.279,4.279,0,0,1,.278,2.85,4.268,4.268,0,0,1,2.422.459a4.325,4.325,0,0,1,4.061.1,4.331,4.331,0,0,1,1.583,1.5l.021.035c.054.1.682,1.347,1.647,3.29l1.637-3.293.019-.032a4.387,4.387,0,0,1,1.583-1.5A4.343,4.343,0,0,1,17.048.461,4.21,4.21,0,0,1,19.178,2.85a4.183,4.183,0,0,1-.067,3.2c-.1.23-.817,1.72-5.43,11l-.013.027-.027.044a4.4,4.4,0,0,1-1.592,1.784,4.412,4.412,0,0,1-4.621,0ZM2.762,1.137A3.517,3.517,0,0,0,.99,3.111a3.519,3.519,0,0,0,.053,2.644q.211.489,5.42,10.973l.044.088a3.581,3.581,0,0,0,3.226,1.992,3.522,3.522,0,0,0,1.913-.538,3.63,3.63,0,0,0,1.331-1.507L13,16.719Q18.211,6.235,18.414,5.755a3.436,3.436,0,0,0,.053-2.644,3.585,3.585,0,0,0-5.12-1.895,3.63,3.63,0,0,0-1.313,1.243l-2.3,4.627c-1.489-3-2.265-4.547-2.309-4.627A3.561,3.561,0,0,0,6.11,1.216a3.565,3.565,0,0,0-3.349-.079ZM8.27,17.653a2.867,2.867,0,0,1-1.084-1.181S6.521,15.143,5.2,12.48a1.726,1.726,0,0,0,1.789-.018A3.61,3.61,0,0,0,8.719,10.77L9.733,8.8c1.93-3.9,2.908-5.878,2.952-5.949a2.849,2.849,0,0,1,3.675-1.04,2.711,2.711,0,0,1,1.4,1.56,2.743,2.743,0,0,1-.044,2.08q-.2.463-5.42,10.973a2.859,2.859,0,0,1-2.573,1.621A2.816,2.816,0,0,1,8.27,17.653Z' transform='translate(0 0)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.script-ready-icon {
  width: 21.356px;
  height: 24.232px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21.356' height='24.232' viewBox='0 0 21.356 24.232'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.171' y1='0.887' x2='0.93' y2='0.064' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23bb4e75'/%3E%3Cstop offset='1' stop-color='%23e16793'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Iconly_Light-Outline_Document' data-name='Iconly/Light-Outline/Document' transform='translate(-3 -2)'%3E%3Cg id='Document' transform='translate(3 2)'%3E%3Cpath id='Combined-Shape' d='M15.176,0c3.7,0,6.179,2.62,6.179,6.52V17.712c0,3.934-2.407,6.492-6.131,6.516l-9.044,0c-3.7,0-6.18-2.62-6.18-6.52V6.52C0,2.585,2.406.028,6.131,0l9.044,0Zm0,1.826-9.04,0C3.4,1.848,1.763,3.6,1.763,6.52V17.712c0,2.939,1.652,4.694,4.416,4.694l9.04,0c2.737-.017,4.373-1.772,4.373-4.691V6.52C19.592,3.581,17.941,1.826,15.176,1.826ZM14.949,16.4a.913.913,0,0,1,0,1.826H6.461a.913.913,0,0,1,0-1.826Zm0-5.1a.913.913,0,0,1,0,1.826H6.461a.913.913,0,0,1,0-1.826ZM9.7,6.22a.913.913,0,0,1,0,1.826H6.461a.913.913,0,0,1,0-1.826Z' transform='translate(0 0)' fill-rule='evenodd' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");

}

/* all in one updates end*/

/* credit modal start */
.credit-modal .modal-dialog {
  width: 850px;
}

.credit-modal.modal .modal-body {
  padding-top: 50px;
  padding-bottom: 50px;
}

.credit-modal .cm-header {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 16px;
}

.credit-modal .cm-icon-circle {
  width: 57px;
  height: 57px;
  background: var(--green-bg-gradient) !important;
  border-radius: 50%;
  margin-right: 12px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.credit-modal .cm-icon-circle {
  color: #fff;
  font-size: 26px;
}

.credit-modal .cm-title {
  font-size: 29px;
  font-weight: 700;
  color: #222;
}

.credit-modal .cm-highlight {
  color: #34a3c9;
}

.credit-modal .cm-subheader {
  font-size: 18px;
  color: #222;
  line-height: 1.4;
  margin-bottom: 32px;
}

.credit-modal .cm-content-wrapper {
  width: 676px;
  background: #f7f8fa;
  padding: 30px;
  border-radius: 12px;
  margin: 0 auto;
}

.credit-modal .cm-cards {
  display: flex;
  justify-content: space-between;
  margin-bottom: 48px;
  flex-direction: row-reverse;
}

.credit-modal .cm-card {
  position: relative;
  width: 190px;
  height: 224px;
  background: #fff;
  border: 1px solid #e6eaf2;
  border-radius: 19px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
  cursor: pointer;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.credit-modal .cm-card>div.cm-card-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.credit-modal .cm-card .cm-price {
  font-size: 20px;
  color: #70737b;
  margin-bottom: 2px;
}

.credit-modal .cm-card--selected .cm-price {
  color: #222;
}

.credit-modal .cm-card .cm-amount {
  font-size: 32px;
  font-weight: 800;
  margin: 0;
}

.credit-modal .cm-amount--blue {
  color: #34a2cb;
}

.credit-modal .cm-amount--purple {
  color: #9e78d1;
}

.credit-modal .cm-amount--indigo {
  color: #2c93ea;
}

.credit-modal .cm-card .cm-label {
  font-size: 18px;
  color: #70737b;
  margin-top: 0;
}

.credit-modal .cm-card--selected .cm-label {
  color: #222;
}

.credit-modal .cm-bar {
  width: 100%;
  height: 50px;
  border-top: 1px solid #e6eaf2;
  background: #fbfcfe;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-left-radius: 19px;
  border-bottom-right-radius: 19px;
}

.credit-modal .cm-bar i {
  font-size: 16px;
}

.credit-modal .cm-card--selected.first-option .cm-bar {
  background: var(--green-bg-gradient);
  border-top: none;
}

.credit-modal .cm-card--selected.second-option .cm-bar {
  background: var(--purple-bg-gradient);
  border-top: none;
}


.credit-modal .cm-card--selected.third-option .cm-bar {
  background: var(--blue-bg-gradient);
  border-top: none;
}

.credit-modal .first-option .cm-bar i {
  background: var(--green-bg-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.credit-modal .second-option .cm-bar i {
  background: var(--purple-bg-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.credit-modal .third-option .cm-bar i {
  background: var(--blue-bg-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.credit-modal .cm-card--selected .cm-bar i {
  color: #fff !important;
  /* remove background mask */
  background: none !important;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}

.credit-modal .cm-bar-text {
  font-size: 18px;
  margin-left: 8px;
  color: #70737b;
}

.credit-modal .cm-card--selected .cm-bar-text {
  color: #fff;
}

.credit-modal .cm-footer-btn {
  width: 100%;
  padding: 16px 0;
  background: var(--green-bg-gradient);
  border: none;
  border-radius: 29.5px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.credit-modal .cm-footer-btn i {
  font-size: 26px;
  margin-right: 8px;
}

.cm-sub-title {
  font-weight: 500;
  font-size: 17px;
  text-align: center;
  color: #222;
}


.cm-products {
  display: flex;
  justify-content: center;
  gap: 35px;
  margin-bottom: 20px;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 600;
}

.cm-products .cm-product .cm-credit {
  color: #697C8E;
}

.cm-products .cm-product .cm-credit span {
  font-weight: bold;
  font-size: 20px;
}

.cm-products .cm-product .cm-articles {
  font-size: 14px;
  font-weight: 400;
}

.cm-products .cm-product .cm-articles span {
  font-weight: 700;
}


.cm-products .cm-product.cm-article .cm-credit span {
  color: #456FE8;
}

.cm-products .cm-product.cm-video .cm-credit span {
  color: #3799DB;
}

.cm-products .cm-product.cm-podcast .cm-credit span {
  color: #8B5ABC;
}

.cm-products .cm-product.cm-socialMedia .cm-credit span {
  color: #FC8500;
}

/* credit modal end */

.x-navigation li.credits-li .add-credit-btn.btn,
.x-navigation li.credits-li .add-credit-btn.btn:hover,
.x-navigation li.credits-li .add-credit-btn.btn:focus {
  font-size: 16px !important;
  color: #fff !important;
  text-transform: capitalize !important;
  height: 34px;
  background: var(--green-bg-gradient) !important;
  border-radius: 20px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-weight: 500 !important;
  margin-top: 10px;
  border-radius: 20px !important;
  margin: 0 auto !important;
  border: none !important;
  padding: 0 6xpx !important;
}

.add-credit-btn.btn i {
  margin-right: 5px;
}

.x-navigation li.credits-li {
  height: 54px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.waiting-container.synd-container {
  color: #2b549b !important;
}

.waiting-container.synd-container i {
  width: 22.55px;
  height: 22.55px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.55' height='22.55' viewBox='0 0 22.55 22.55'%3E%3Cg id='Iconly_Light-Outline_Time-Circle' data-name='Iconly/Light-Outline/Time-Circle' transform='translate(-2 -2)'%3E%3Cg id='Time-Circle' transform='translate(2 2)'%3E%3Cpath id='Combined-Shape' d='M11.275,0A11.275,11.275,0,1,1,0,11.275,11.288,11.288,0,0,1,11.275,0Zm0,1.691a9.584,9.584,0,1,0,9.584,9.584A9.594,9.594,0,0,0,11.275,1.691Zm-.382,4.054a.845.845,0,0,1,.846.846v4.986l3.839,2.289a.847.847,0,0,1-.867,1.454L10.46,12.784a.851.851,0,0,1-.413-.727V6.591A.846.846,0,0,1,10.893,5.745Z' fill='%232b549b' fill-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

/* Credits Display Header */
.credits-display-li {
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.custom-ul li:not(.credits-li)>a.credits-display-wrapper {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  padding: 0px 12px !important;
  height: 32px !important;
  border-radius: 16px !important;
  background: linear-gradient(90deg, rgba(55, 153, 219, 0.1) 0%, rgba(45, 180, 166, 0.1) 100%) !important;
  width: auto !important;
}

.credits-display-wrapper .sm-icon {
  font-size: 20px;
  margin-right: 0;
  background: linear-gradient(90deg, #3799db 0%, #2db4a6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.credits-display-wrapper .credits-text {
  font-size: 14px;
  font-weight: 500;
  color: #222;
}

.primary-icon-gr {
  background-color: var(--green-bg-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* Credits popover base */
/* Credits Popover - Custom HTML/CSS */
.credits-popover {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 2000;
  pointer-events: none;
}

.credits-popover.show {
  display: block;
  pointer-events: auto;
  z-index: 100;
}

/* Arrow pointing up */
.credits-popover-arrow {
  position: absolute;
  top: -8px;
  /* left position is set dynamically via JavaScript */
  /* Center the arrow tip on the left position */
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #dbe2e9;
  z-index: 2;
}

.credits-popover-arrow::after {
  content: '';
  position: absolute;
  top: 2px;
  left: -7px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
}

/* Popover content box */
.credits-popover-content {
  width: 840px;
  min-height: 649px;
  background: #fff;
  border: 1px solid #dbe2e9;
  border-radius: 15px;
  box-shadow: 0 4px 15px rgba(94, 115, 132, 0.369);
  position: relative;
  overflow: hidden;
  display: flex;
}

.credits-popover-inner {
  width: 100%;
  padding: 1.3rem;
}

.credits-popover-body {
  background: #edf2f6;
  border: 1px solid #dbe2e9;
  height: 100%;
  border-radius: 1.3rem;
  display: flex;
  flex-direction: column;
}

/* Credits Usage Card */
.credits-popover-header {
  display: flex;
  gap: 20px;
  padding: 1.3rem;
}

.credits-usage-card {
  background: #fff;
  border: 1px solid #dbe5ec;
  border-radius: 20px;
  padding: 0;
  overflow: hidden;
  flex: 0 0 auto;
  flex: 1;
}

.credits-usage-title {
  font-size: 16px;
  font-weight: 700;
  color: #222;
  padding: 17px 0 0 0;
  text-align: center;
}

.credits-usage-content {
  display: flex;
  padding: 20px 30px;
  gap: 1.3rem;
  align-items: center;
  justify-content: center;
}

.credits-ring-chart {
  position: relative;
  width: 105px;
  height: 105px;
  flex-shrink: 0;
}

.credits-chart-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.credits-left-amount {
  font-size: 26px;
  font-weight: 800;
  color: #222;
  line-height: 1;
}

.credits-left-label {
  font-size: 12px;
  font-weight: 600;
  color: #222;
  margin-top: 4px;
  width: 100px;
}

.credits-info-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
  max-width: 170px;
}

.credits-info-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.credits-flash-icon {
  display: block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9.017,19.27h0c-.633,0-1.309-.5-1.309-1.9V11.961H5.747a1.634,1.634,0,0,1-1.665-.838,1.639,1.639,0,0,1,.461-1.812l0,0L10.89,2.1a2.074,2.074,0,0,1,1.485-.851c.633,0,1.309.5,1.309,1.9V8.558h1.961a1.636,1.636,0,0,1,1.673.846,1.631,1.631,0,0,1-.474,1.809L10.5,18.419A2.074,2.074,0,0,1,9.017,19.27ZM5.228,10.6a.919.919,0,0,0,.519.1h2.59a.629.629,0,0,1,.629.629v6.034a1.467,1.467,0,0,0,.1.631,1.469,1.469,0,0,0,.493-.409L15.9,10.38a.917.917,0,0,0,.267-.459.92.92,0,0,0-.524-.106h-2.59a.629.629,0,0,1-.629-.629V3.152a1.466,1.466,0,0,0-.1-.631,1.474,1.474,0,0,0-.493.409L5.49,10.137A.921.921,0,0,0,5.228,10.6Z' fill='%23a5bccb'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.credits-calendar-icon {
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='17' viewBox='0 0 15 17'%3E%3Cpath d='M10.592,0a.576.576,0,0,1,.576.576v.651A4.133,4.133,0,0,1,13.88,2.348a4.125,4.125,0,0,1,1.094,3.008v7.006a3.892,3.892,0,0,1-4.24,4.148H4.24A3.919,3.919,0,0,1,0,12.3V5.355A3.838,3.838,0,0,1,3.812,1.227V.576a.576.576,0,1,1,1.152,0v.637h5.051V.576A.576.576,0,0,1,10.592,0Zm3.23,6.838H1.152V12.3A2.77,2.77,0,0,0,4.24,15.358h6.5a2.745,2.745,0,0,0,3.088-3Zm-2.917,4.832a.576.576,0,1,1-.007,0Zm-3.408,0a.576.576,0,1,1-.007,0Zm-3.415,0a.576.576,0,1,1-.007,0Zm6.822-2.985a.576.576,0,1,1-.007,0Zm-3.408,0a.576.576,0,1,1-.007,0Zm-3.415,0a.576.576,0,1,1-.007,0Zm5.933-6.32H4.965V3.1a.576.576,0,0,1-1.152,0V2.382A2.678,2.678,0,0,0,1.152,5.355v.331H13.822V5.355a2.968,2.968,0,0,0-.758-2.192,2.967,2.967,0,0,0-1.9-.78V3.1a.576.576,0,0,1-1.152,0Z' fill='%23a5bccb'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.credits-chart-icon {
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath d='M10.751,0a4.091,4.091,0,0,1,4.224,4.412v6.15a4.091,4.091,0,0,1-4.224,4.412H4.224A4.091,4.091,0,0,1,0,10.562V4.412A4.091,4.091,0,0,1,4.224,0Zm0,1.045H4.224A3.071,3.071,0,0,0,1.045,4.412v6.15A3.071,3.071,0,0,0,4.224,13.93h6.528a3.07,3.07,0,0,0,3.179-3.368V4.412A3.07,3.07,0,0,0,10.751,1.045ZM4.263,5.713a.523.523,0,0,1,.522.522v4.778a.522.522,0,1,1-1.045,0V6.235A.523.523,0,0,1,4.263,5.713ZM7.514,3.426a.523.523,0,0,1,.522.522v7.065a.522.522,0,1,1-1.045,0V3.948A.523.523,0,0,1,7.514,3.426Zm3.2,4.812a.523.523,0,0,1,.522.522v2.252a.522.522,0,1,1-1.045,0V8.76A.523.523,0,0,1,10.711,8.238Z' fill='%23a5bccb'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.credits-used {
  font-size: 15px;
  line-height: 1.5;
}

.credits-used-number {
  font-weight: 700;
  color: #fc8500;
}

.credits-used-total {
  font-weight: 500;
  color: #222;
}

.credits-reset {
  font-size: 15px;
  font-weight: 500;
  color: #222;
  line-height: 1.5;
}

.credits-reset-date {
  font-weight: 700;
}

.credits-view-usage {
  font-size: 15px;
  font-weight: 500;
  color: #222;
  line-height: 1.5;
}

/* Credits Video Player */
.credits-video-player {
  width: 375px;
  flex: 0 0 auto;
}

.credits-video-player .custom-video-player {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 20px;
  overflow: hidden;
  background: #000;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}

.credits-video-player video {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 20px;
  object-fit: cover;
}

.credits-video-player iframe {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 20px;
  border: none;
}

.credits-video-player .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.credits-video-player .play-button.hidden {
  opacity: 0;
}

.credits-video-player .pause-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.credits-video-player .custom-video-player:hover .pause-button.show-on-hover {
  opacity: 1;
}

.credits-video-player .play-button svg,
.credits-video-player .pause-button svg {
  display: block;
  transition: transform 0.2s ease;
}

.credits-video-player .custom-video-player:hover .play-button svg,
.credits-video-player .custom-video-player:hover .pause-button svg {
  transform: scale(1.05);
}

.credit-seperator {
  height: 85px;
  width: 1px;
  background-color: #E6ECF1;
}

/* Credits Options Section */
.credits-options-container {
  flex: 1;
  background: url(/assets/images/credits-popover-bg.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 0 0 1.3rem 1.3rem;
  padding: 1.3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.credits-options-title {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 28px;
  text-align: center;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.credits-options-row {
  display: flex;
  gap: 1.3rem;
  justify-content: center;
  width: 100%;
  align-items: flex-start;
}

.credit-option-card {
  background: #fff;
  border-radius: 19px;
  flex: 1;
  padding: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  align-self: flex-end;
}

.credit-option-card * {
  z-index: 1;
}

.credit-option-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 65%;
  position: absolute;
  bottom: 0;
  border-radius: 1.3rem;
  z-index: 0;
  transition: all .3s ease-in-out;
}

.credit-option-card:hover::before {
  height: 100%;
}

.credit-option-card.starter::before {
  background: #ecfeff;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.05);
}

.credit-option-card.popular::before {
  background: #eff7ff;
  filter: drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.05));
}

.credit-option-card.monthly::before {
  background: #fff8f0;
  filter: drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.05));
}

/* Badges */
.credit-card-badge {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  padding: 6px 16px;
  border-radius: 15px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}

.credit-card-badge.starter {
  background: #ecfeff;
  color: #32abba;
  border: 1px solid rgba(48, 171, 183, 0.17);
  box-shadow: 0px 6px 14px rgba(50, 167, 191, 0.3);
}

.credit-card-badge.starter::before {
  background: #ecfeff;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.05);
}

.credit-card-badge.popular {
  background: linear-gradient(90deg, #ff9f3c 0%, #ff6a3d 100%);
  color: #fff;
  box-shadow: 0 4px 10px rgba(255, 106, 61, 0.3);
  padding: 6px 16px;
  top: -18px;
  box-shadow: 0px 6px 14px rgba(255, 132, 28, 0.39);
}


.credit-card-badge.popular-blue {
  background: linear-gradient(#fefeff 0%, #eef7ff 100%);
  color: #4275e9;
  border: 1px solid rgba(66, 115, 232, 0.14);
  box-shadow: 0px 6px 14px rgba(58, 126, 233, 0.3);
  padding: 6px 12px;
  top: -18px;
}


.credit-card-badge.monthly {
  background: #fff8f0;
  color: #fc9119;
  border: 1px solid rgba(253, 141, 17, 0.14);
  box-shadow: 0px 6px 14px rgba(253, 141, 17, 0.17);
}

/* Price */
.credit-price {
  font-size: 34px;
  font-weight: 800;
  color: #222;
}

.credit-benefits {
  margin-top: 15px;
  text-align: left;
  font-size: 11px;
  color: #555;
  background: rgba(255, 255, 255, 0.5);
  padding: 10px;
  border-radius: 10px;
}

.benefit-item {
  margin-bottom: 6px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 6px;
}

.benefit-item:last-child {
  margin-bottom: 0;
}

.credit-price .period {
  font-size: 13px;
  color: #a1a5bc;
  font-weight: 700;
  vertical-align: middle;
}

/* Pricing Note */
.credit-pricing-note {
  border: 1px solid rgb(248, 239, 229);
  background-color: rgb(255, 252, 248);
  border-radius: 12px;
  padding: 4px 8.8px;
  max-width: fit-content;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
}

.credit-pricing-note-text {
  margin: 0px;
  line-height: 1.5;
  font-family: "Open Sans", sans-serif;
  color: rgb(252, 133, 0);
  font-weight: 700;
  font-size: 11px;
}

/* Circle */
.credit-circle {
  width: 92px;
  height: 92px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin-bottom: 20px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.starter-circle {
  background: linear-gradient(180deg, #3799db 0%, #2db4a6 100%);
}

.popular-circle {
  background: linear-gradient(135deg, #19b0ec 0%, #456fe8 100%);
}

.monthly-circle {
  background: linear-gradient(135deg, #ffbb70 0%, #fc8500 100%);
}

.credit-amount {
  font-size: 29px;
  font-weight: 800;
  line-height: 1;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.credit-type {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 2px;
}

/* Details */
.credit-details {
  margin-bottom: 12px;
  width: 100%;
}

.credit-cost {
  font-size: 13px;
  font-weight: 600;
  color: #62787a;
  margin-bottom: 5px;
  height: 38px;
}

.credit-save {
  font-size: 13px;
  font-weight: 800;
  color: #3e7ae9;
  margin-bottom: 5px;
}

.credit-save.orange {
  color: #fc8b0d;
}

.credit-desc {
  font-size: 14px;
  font-weight: 600;
  color: #517b8d;
  margin-bottom: 2px;
}

.credit-sub-desc {
  font-size: 13px;
  font-weight: 600;
  color: #88a9b7;
}

/* Button */
.credit-buy-btn {
  width: 100%;
  height: 40px;
  border-radius: 20px;
  border: none;
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: transform 0.2s;
}

.credit-buy-btn:hover {
  transform: translateY(-2px);
}

.starter-btn {
  background: linear-gradient(90deg, #3799db 0%, #2db4a6 100%);
  box-shadow: 0 4px 12px rgba(55, 153, 219, 0.3);
}

.popular-btn {
  background: linear-gradient(90deg, #19b0ec 0%, #456fe8 100%);
  box-shadow: 0 4px 12px rgba(25, 176, 236, 0.3);
}

.monthly-btn {
  background: linear-gradient(90deg, #ffbb70 0%, #fc8500 100%);
  box-shadow: 0 4px 12px rgba(252, 133, 0, 0.3);
}

/* Icons */
.credits-flash-icon-white {
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9.017,19.27h0c-.633,0-1.309-.5-1.309-1.9V11.961H5.747a1.634,1.634,0,0,1-1.665-.838,1.639,1.639,0,0,1,.461-1.812l0,0L10.89,2.1a2.074,2.074,0,0,1,1.485-.851c.633,0,1.309.5,1.309,1.9V8.558h1.961a1.636,1.636,0,0,1,1.673.846,1.631,1.631,0,0,1-.474,1.809L10.5,18.419A2.074,2.074,0,0,1,9.017,19.27ZM5.228,10.6a.919.919,0,0,0,.519.1h2.59a.629.629,0,0,1,.629.629v6.034a1.467,1.467,0,0,0,.1.631,1.469,1.469,0,0,0,.493-.409L15.9,10.38a.917.917,0,0,0,.267-.459.92.92,0,0,0-.524-.106h-2.59a.629.629,0,0,1-.629-.629V3.152a1.466,1.466,0,0,0-.1-.631,1.474,1.474,0,0,0-.493.409L5.49,10.137A.921.921,0,0,0,5.228,10.6Z' fill='%23ffffff'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.credits-rocket-icon {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M17,12c-1.124,1.124-5.5,4.5-5.5,4.5M17,12c3-3,3-5,3-8-3,0-5,0-8,3m5,5,.475,2.376a5,5,0,0,1-1.367,4.516l-1.17,1.17a1,1,0,0,1-1.581-.221L11.5,16.5M12,7,7.5,12.5M12,7,9.624,6.525A5,5,0,0,0,5.108,7.892l-1.17,1.17a1,1,0,0,0,.221,1.581L7.5,12.5m0,0,4,4m4-8-1,1M3,21l3.392-.678A2,2,0,0,0,8,18.36V18a2,2,0,0,0-2-2H5.64a2,2,0,0,0-1.961,1.608Z' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}