:root {
    --pxg-primary-color: #ff40ed; 
    --pxg-body-color: #f6f8fb;
    --pxg-text-color: #828282;
    --pxg-white-color: #fff;
    --pxg-title-color: #112650;
    --pxg-gradient-primary:#ff40ed;
    --pxg-gradient-secondary:#21c5fd;
    --pxg-color:255, 64, 237;
    --pxg-sec-color:33, 197, 253;
    --transition: all 0.3s;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    font-family: 'Inter', sans-serif;
    outline: none;
}

body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #F2F3F9;
    background-color: var(--pxg-body-color);
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0px;
}

a,
a:hover,
a:focus,
button,
button:hover {
    color: var(--pxg-primary-color);
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

svg,
svg path {
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Inter', sans-serif;
}

img {
    max-width: 100%;
}

.d-none {
    display: none !important;
}

ul,
p {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    text-transform: capitalize;
    line-height: 1.4;
}

iframe {
    width: 100%;
    border: none;
}

/*=============================
 Font Family Css Style
=============================*/

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

/*=============================
    ScrollBar Style
=============================*/

*::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

*::-webkit-scrollbar-track {
    background-color: #f5f7f9;
    border-radius: 10px;
}

*::-webkit-scrollbar-thumb {
    background-color: var(--pxg-primary-color);
    border-radius: 10px;
}

/**/
/*=============================
 Request Loader Style
=============================*/

.request_loader.hidden_loader {
    opacity: 0;
    display: none;
}
.request_loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    transition: all 0.3s ease-in;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(91.52deg, rgba(var(--pxg-color), 0.34) 2.41%, rgba(var(--pxg-sec-color), 0.51) 81.75%);
}
.request_loader .loader {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 75px;
    display: inline-block;
    vertical-align: middle;
}
.request_loader .loader-1 .loader_outter {
    position: absolute;
    border: 4px solid var(--pxg-primary-color);
    border-left-color: transparent;
    border-bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: request-loader-1-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}
.request_loader .loader-1 .loader_inner {
    position: absolute;
    border: 4px solid var(--pxg-primary-color);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    border-right: 0;
    border-top-color: transparent;
    animation: request-loader-1-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}
@keyframes request-loader-1-outter {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes request-loader-1-inner {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(-360deg);
    }
  }

/*=============================
 Basic magin Style
=============================*/

.marT30 {
    margin-top: 30px;
}

p.pxg_note {
    margin: 30px 0 10px 0;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: #898FB0;
    font-weight: 400;
}
p.pxg_note strong {
    font-weight: 700;
}
p.pxg_note a {
    font-weight: 500;
}

/*Page Title Sytle*/

h4.pxg_page_title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    color: var(--pxg-title-color);
}

/*=============================
 app default Style
=============================*/

.pxg_main_wrapper{
    position: relative;
    /*overflow: hidden;*/
}

/*=============================
 Loader Style
=============================*/

.pxg_preloader {
    background-color: #F5F7FF;
    height: 100%;
    width: 100%;
    position: fixed;
    margin-top: 0px;
    top: 0px;
    z-index: 1111111111;
}

.pxg_preloader.loaderout {
    display: none;
}

.pxg_preloader .pxg_loader_container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
}

.pxg_preloader .pxg_loader_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    text-align: center;
}

.pxg_preloader .pxg_loader_icon img {
    animation: loaderheart alternate 900ms infinite;
    width: 30px;
}

@keyframes loaderheart {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.2);
    }
}

.pxg_preloader .loader {
    width: 70px;
    height: 70px;
    display: inline-block;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pxg_preloader .loader::after,
  .pxg_preloader .loader::before {
    content: '';  
    box-sizing: border-box;
    width: 70px;
    height: 70px;
    border: 2px solid var(--pxg-gradient-secondary);
    position: absolute;
    left: 0;
    top: 0;
    animation: rotation 2s ease-in-out infinite alternate;
  }
  .pxg_preloader .loader::after {
    border-color: var(--pxg-gradient-primary);
    animation-direction: alternate-reverse;
  }
  
  @keyframes rotation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  } 

/*=============================
 Model Input Style
=============================*/

.pxg_common_model .pxg_main_input {
    margin-bottom: 20px;
    position: relative;
}

.pxg_common_model .pxg_main_input label {
    margin-bottom: 12px;
        font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-title-color);
}

.pxg_common_model .pxg_main_input .pxg_custom_input {
    width: 100%;
    line-height: 60px;
    padding: 0 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
    height: 60px;
    border-radius: 5px;
    font-family: 'Inter', sans-serif;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0em;
    color: #898FB0;
    border: 1px solid #0000;
    background: var(--pxg-body-color);
}
.pxg_common_model .pxg_main_input input[type="number"] {
    line-height: 1.4;
}

.pxg_common_model .pxg_main_input .pxg_custom_input::placeholder {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0em;
    color: #7d809da8;
}


.pxg_common_model .pxg_main_input .pxg_custom_input:focus {
    box-shadow: 0px 4px 19.2px 0.8px rgba(var(--color), 0.08);
    border: 1px solid var(--pxg-primary-color);
}

.pxg_common_model .pxg_model_btn {
    position: relative;
    display: flex;
    gap: 15px;
}

.pxg_common_model a.pxg_btn.pxg_cancel_button {
    box-shadow: 0px 4px 30px 0px #40478D1A;
    background: var(--pxg-primary-color);
    width: 95px;
    min-width: 95px;
}

/*Model Select 2 Style*/

.pxg_common_model .modal-body .pxg_select.pxg_select_style_2 label{
    color: var(--pxg-title-color);
}

.pxg_common_model .modal-body .pxg_select.pxg_select_style_2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 60px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;
    color: #898FB0;
}
.pxg_common_model .modal-body .pxg_select.pxg_select_style_2 .select2-container--default .select2-selection--single {
    height: 60px;
    border: 1px solid var(--pxg-body-color);
}
.pxg_common_model .modal-body .pxg_select.pxg_select_style_2 .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 27px;
}

.pxg_common_model .modal-body .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #0000 transparent transparent transparent;
}


/*Contant Model Style*/

.pxg_common_model.pxg_cons_contact_model .modal-dialog {
    max-width: 730px;
}

/*Add Plan Model Style*/

.pxg_main_input span.select2-selection.select2-selection--single{
    background-color:var(--pxg-body-color);
}

.pxg_main_input .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #8d93b3;
}

.pxg_common_model .pxg_main_input textarea.pxg_custom_input.require{
    height:120px;
}

div#pxg_create_update_plan_model  .modal-dialog{
    max-width: 550px;
}

/*Video Editor Model*/

.pxg_common_model.pxg_video_editor  .modal-content {
    padding: 0;
    border-radius: 0;
    background-color: #121212;
    border: 0;
}
.pxg_common_model.pxg_video_editor  .modal-content .modal-body iframe#videoEditorIframe{
    height: calc(100vh - 6px) !important;
}

.pxg_common_model.pxg_video_editor .modal-body {
    padding: 0 0 0 0;
}

.pxg_common_model.pxg_video_editor button#basicModal:hover{
    color: #fff;
}

.editor_back_button{
    position: absolute;
    top: 7px;
    left: 12px;
    z-index: 9999;
	line-height: 1.4;
	box-shadow: none;
	border: none;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	padding: 5px 0 5px 5px;
	min-width: 100px;
	width: 100px;
	/*background-color: var(--pxg-primary-color);*/
	background: linear-gradient(90deg, var(--pxg-gradient-primary) 2.41%, var(--pxg-gradient-secondary) 81.75%);
	color: #fff;
    height: 40px;
}
.editor_back_button span {
    height: 32px;
    width: 32px;
    background-color: #ffffff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.editor_back_button span svg {
    width: 18px;
    height: 18px;
}
.pxg_common_model.pxg_video_editor .editor_back_btn {
    background-color: #393939;
    box-shadow: none;
    outline: none;
    background-image: none;
    border: none;
    padding: 0 15px;
    border-radius: 8px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #9698a2;
    font-weight: 500;
}
.pxg_common_model.pxg_video_editor .editor_back_btn:hover {
    color: #fff;
}
.modal.pxg_common_model.pxg_video_editor {
    background-color: #121212;
}

.pxg_common_model.pxg_video_editor button.btn-close{
    display: none;
}

/*Upload File Model Style*/

.pxg_dropfile_box {
    border: dashed 1px var(--pxg-primary-color);
    padding: 50px 30px;
    border-radius: 6px;
    background-color: rgba(var(--pxg-color), 0.04);
    position: relative;
    text-align: center;
}

.pxg_dropfile_box > input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.pxg_dropfile_box h4 {
    font-size: 20px;
    font-weight: 700;
    color: var(--pxg-title-color);
    margin: 20px 0 10px;
}

.pxg_dropfile_box h6 {
    font-size: 16px;
    font-weight: 500;
    color: #7D809D;
}

.pxg_dropfile_box h6 span {
    color: var(--pxg-primary-color);
}

.pxg_dropfile_box span.dropfile_icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(290deg, var(--pxg-gradient-primary) 2.41%, var(--pxg-gradient-secondary) 81.75%);
    border-radius: 100%;
    margin: 0 auto;
}

/*Add User Model Style*/

div#pxg_create_update_user_model .modal-dialog{
    max-width: 550px;
}
div#pxg_create_update_user_model  .modal-dialog form{
    width: 100%;
}

/*=============================
 Switch toggle Style
=============================*/

.pxg_switch_toggle {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    cursor: pointer;
}

.pxg_switch_toggle input.pxg_switch_inpt {
    opacity: 0;
    width: 0;
    height: 0;
}

.pxg_switch_toggle .pxg_switch_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ecebef;
    border: 0;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}

.pxg_switch_toggle  input.pxg_switch_inpt:checked+.pxg_switch_slider {
    background-color: #D3EDC6;
}

.pxg_switch_toggle  .pxg_switch_slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 0;
    bottom: 0;
    background-color: #818181;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

.pxg_switch_toggle  input.pxg_switch_inpt:checked+.pxg_switch_slider:before {
    -webkit-transform: translateX(19px);
    -ms-transform: translateX(19px);
    transform: translateX(19px);
    background-color: #57DA19;
}

.pxg_switch_toggle  input.pxg_switch_inpt:checked ~ p{
    color: #57DA19 !important;
}

.pxg_switch_toggle p {
    margin-left: 50px;
    margin-top: -19px;
    display: block;
    color: #7D809D;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
}

/*=============================
 Sidebar Style
=============================*/

.pxg_dashboard_section {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 320px;
    padding: 40px 40px 40px 40px;
    text-align: center;
    background-color: var(--pxg-white-color);
    z-index: 111;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.logo_wrapper{
    width: 100%;
    margin-bottom: 30px;
    text-align: left;
}
.logo_wrapper img {
    max-width: 220px;
    object-fit: contain;
}
.logo_wrapper a {
    display: block;
}
.main_menu{
    width: 100%;
    display: inline-block;
    position: relative;
    text-align: left;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 190px);
}
.main_menu li{
    margin: 0 0 10px;
    border-radius: 12px;
}
.main_menu li a {
    border-radius: 12px;
    font-size: 15px;
    line-height: 1.4;
    color: var(--pxg-text-color);
    padding: 15px 0 15px 12px;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 100%;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-weight: 600;
    letter-spacing: -0.02em;
    text-align: left;
    align-items: center;
    gap: 20px;
   
}
.main_menu li.active {
    /*background: linear-gradient(91.52deg, rgba(255, 64, 237, 0.1) 2.41%, rgba(33, 197, 253, 0.1) 81.95%);*/
    background: linear-gradient(91.52deg, rgba(var(--pxg-color), 0.1) 2.41%, rgba(var(--pxg-sec-color), 0.1) 81.95%);
}
.main_menu li.active a{
    color: var(--pxg-primary-color);
}
.main_menu li:hover a{
    color: var(--pxg-primary-color);
}
.main_menu li:hover a .icon_menu svg {
    fill: var(--pxg-primary-color);
}
.main_menu li a .icon_menu svg {
    height: 20px;
    width: 20px;
    margin-bottom: 2px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.main_menu li a svg stop {
    stop-color: var(--pxg-text-color);
    transition: all 0.3s;
}
.main_menu li a:hover svg linearGradient:first-child stop {
    stop-color: var(--pxg-gradient-primary);
}

.main_menu li a:hover svg linearGradient stop[offset="1"]{
    stop-color: var(--pxg-gradient-secondary) !important;
}

.main_menu li.active a svg linearGradient:first-child stop {
    stop-color: var(--pxg-gradient-primary);
}

.main_menu li.active a svg linearGradient stop[offset="1"]{
    stop-color: var(--pxg-gradient-secondary) !important;
}


.pxg_sidebar_bottom_content {
    width: 280px;
    position: absolute;
    bottom: 30px;
    left: 18px;
}

.pxg_profile_wrapper {
    background-color: #F8F9FF;
    display: flex;
    gap: 10px;
    padding: 10px;
    align-items: center;
    border-radius: 10px;
}
.user_img {
    width: 70px;
    height: 70px;
    display: block;
}
.user_img img {
    height: 70px;
    object-fit: cover;
    display: flex;
    max-width: 70px;
    border-radius: 18px;
}
.pxg_profile_wrapper h5 {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.02em;
    text-align: left;
    color: var(--pxg-title-color);
    margin-bottom: 2px;
}

.pxg_profile_wrapper p {
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.02em;
    text-align: left;
    color: var(--pxg-text-color);
}
a.lgout_button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    min-width: 180px;
    background-color: #ecebef;
    border-radius: 12px;
    height: 54px;
    width: 180px;
    margin: 20px auto 0 auto;
    padding: 0 20px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
    color:  #828282;
}

/**/

.pxg_header_wrapper {
    position: relative;
    z-index: 999;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    -webkit-transition: all .3s;
    transition: all .3s;
    gap: 20px;
}
.toggle-btn{
    display: none;
}
.toggle-btn span {
    background: var(--pxg-primary-color);
}
.pxg_header_wrapper .pxg_header_heading h4{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-title-color);
}
.pxg_header_heading {
    display: flex;
    align-items: center;
}
.pxg_hdr_rgt_inner_content {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    gap: 20px;
}
.search_wrapper {
    position: relative;
}
.search_wrapper input {
    height: 55px;
    padding: 10px 20px 15px 55px;
    background-color:  var(--pxg-white-color);
    border: 0;
    border-radius: 6px;
    width: 340px;
}
.search_wrapper input::placeholder {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color:#888F9D;
}
span.search_icn {
    position: absolute;
    left: 6%;
    top: 50%;
    width: 19px;
    height: 19px;
    transform: translateY(-70%);
    line-height: 1.4;
}

select#months {
    width: 202px;
    height: 64px;
    border: 0;
    border-radius: 5px;
    padding: 10px 25px;
}

/**/
.pxg_admin_content {
    margin: 48px 70px 15px 378px;
}

.pxg__inner_content {
    position: relative;
    margin-top: 50px;
}

/**/
.pxg_dashboard_section.sideber_open {
    left: 0;
    z-index: 9999;
}

/*Performance Section Style*/

.pxg_performance_inner {
    display: flex;
    gap: 40px;
    margin-bottom: 20px;
}

.pxg_performance_inner .pxg_performance_status {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 305px;
    gap: 20px;
}
.pxg_dash_box {
    width: 100%;
    display: flex;
    background-color:var(--pxg-white-color);
    border-radius: 20px;
    padding: 10px;
    align-items: center;
    gap: 15px;
    position: relative;
    z-index: 2;
}
.pxg_dash_box .box_img {
    width: 80px;
    height: 80px;
}
.pxg_dash_box:after {
    position: absolute;
    content: '';
    right: -6px;
    width: 6px;
    height: 60px;
    border-radius: 0 25px 25px 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
}
.pxg_dash_box.pxg_temp_box:after{
    background-image: url(../images/ds_shap_1.png);
}
.pxg_dash_box.pxg_visit_box:after{
    background-image: url(../images/ds_shap_2.png);
}
.pxg_dash_box.pxg_sales_box:after{
    background-image: url(../images/ds_shap_3.png);
}
.pxg_box_icn {
    margin-left: 30px;
}
.pxg_performance_inner .pxg_performance_chart {
    width: 100%;
    border-radius: 10px;
}
.pxg_performance_inner .pxg_performance_chart img {
    border-radius: 20px;
    width: 100%;
}

.pxg_box_content h5 {
    font-family: Poppins;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-title-color);
}
.pxg_box_content p {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color:var(--pxg-text-color);
}

.pxg_creat_app_wrapper{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(460px, 1fr));
    grid-gap: 20px;
    margin-bottom: 50px;
}

.pxg_creat_app_wrapper .pxg_creat_box_img {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.pxg_creat_funnel_inner.create_web .pxg_creat_box_img{
    background-color: #fff2ec;
}
a.pxg_creat_funnel_inner.create_web:before {
    background-color: #f99a6f;
}
.pxg_creat_funnel_inner.create_web .pxg_creat_box_img span svg{
    fill: #fc7435;
}
a.pxg_creat_funnel_inner.create_vdo:before {
    background-color: #9482f7;
}
.pxg_creat_funnel_inner.create_vdo .pxg_creat_box_img span svg{
    fill: #6c52f6;
}

a.pxg_creat_funnel_inner.create_graphics:before {
    background-color: #6dd8cb;
}
.pxg_creat_funnel_inner.create_graphics .pxg_creat_box_img span svg{
    fill: #35cdb7;
}
a.pxg_creat_funnel_inner.create_img:before {
    background-color: #48a3fd;
}
.pxg_creat_funnel_inner.create_img .pxg_creat_box_img span svg{
    fill: #168cff;
}
a.pxg_creat_funnel_inner.chat_bot:before {
    background-color: #6dd36f;
}
.pxg_creat_funnel_inner.chat_bot .pxg_creat_box_img span svg{
    fill: #35c635;
}
a.pxg_creat_funnel_inner.ai_writer:before {
    background-color: #fbcc4c;
}
.pxg_creat_funnel_inner.ai_writer .pxg_creat_box_img span svg{
    fill: #ffbc02;
}
.pxg_creat_funnel_inner.post_writer .pxg_creat_box_img span svg{
    fill: #ffbc02;
}
.pxg_creat_funnel_inner.email_writer .pxg_creat_box_img span svg{
    fill: #0081ff;
}
.pxg_creat_funnel_inner.paragraph_writer .pxg_creat_box_img span svg{
    fill: #35cdb7;
}

.pxg_creat_funnel_inner.post_writer .pxg_creat_box_img {
    background-color: #fff4d9;
}
.pxg_creat_funnel_inner.email_writer .pxg_creat_box_img {
    background-color: #e1f0ff;
}
.pxg_creat_funnel_inner.paragraph_writer .pxg_creat_box_img {
    background-color: #dcf8f4;
}
a.pxg_creat_funnel_inner.post_writer:before {
    background-color: #ffbc02;
}
a.pxg_creat_funnel_inner.email_writer:before {
    background-color: #0081ff;
}
a.pxg_creat_funnel_inner.paragraph_writer:before {
    background-color: #35cdb7;
}
.pxg_creat_funnel_inner.create_vdo .pxg_creat_box_img{
    background-color: #efecff;
}
.pxg_creat_funnel_inner.create_graphics .pxg_creat_box_img{
    background-color: #dcf8f4;
}
.pxg_creat_funnel_inner.create_img .pxg_creat_box_img{
    background-color: #d5eaff;
}
.pxg_creat_funnel_inner.chat_bot .pxg_creat_box_img{
    background-color: #ddf5dd;
}
.pxg_creat_funnel_inner.ai_writer .pxg_creat_box_img{
    background-color: #ffefc6;
}
.pxg_creat_funnel_inner.inactive_user .pxg_creat_box_img span svg {
    fill: #FF0000;
}
.pxg_creat_funnel_inner.inactive_user .pxg_creat_box_img {
    background-color: #ff00001f;
}
a.pxg_creat_funnel_inner.inactive_user:before {
    background-color: #FF0000;
}

a.pxg_creat_funnel_inner:before {
    position: absolute;
    content: "";
    bottom: -4.2px;
    left: 50%;
    width: 93%;
    height: 3.5px;
    transform: translate(-50%, 0%);
    border-radius: 0 0 20px 20px;
}
.pxg_creat_app_wrapper .pxg_creat_box_img svg {
    width: 35px;
    height: 35px;
}
.pxg_creat_funnel_inner {
    width: 100%;
    background-color: var(--pxg-white-color);
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
}

.a.pxg_creat_funnel_inner.create_web:before {
    background-color: #f99a6f;
}
.a.pxg_creat_funnel_inner.create_vdo:before {
    background-color: #9482f7;
}

.pxg_creat_funnel_inner h5{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    color: var(--pxg-title-color);
    margin-bottom: 5px;
}
.pxg_creat_funnel_inner p{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    color: var(--pxg-text-color);
}

.pxg_creat_funnel_inner .pxg_creat_content {
    text-align: left;
}
.pxg_creat_app_wrapper .pxg_creat_box_img span.pxg_ds_icon{
    transition: 0.5s all;
}
.pxg_creat_funnel_inner:hover span.pxg_ds_icon {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

/*Analytics Admin Card Style*/

.pxg_creat_app_wrapper.pxg_analytics_admin_card {
    grid-template-columns: repeat(auto-fill, minmax(293px, 1fr));
}

/*=============================
 Button Style
=============================*/

.pxg_btn {
    background: linear-gradient(290deg, var(--pxg-gradient-primary) 2.41%, var(--pxg-gradient-secondary) 81.75%);
    box-shadow: 0px 4px 30px 0px #40478D1A;
    min-width: 148px;
    height: 54px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color:var(--pxg-white-color);
    padding: 0 25px;
    transition: var(--transition);
    font-size: 15px;
    font-weight: 600;
    line-height: 54px;
    letter-spacing: 0em;
    position: relative;
    border: 0;
    z-index: 1;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    overflow: hidden;
}

.pxg_btn:hover {
    box-shadow: 0px 24px 30px rgba(var(--pxg-color), 0.15);
}
.pxg_btn:focus {
    box-shadow: 0px 24px 30px rgba(var(--pxg-color), 0.15);
}

 .pxg_btn:hover:after {
    opacity: 1;
    visibility: visible;
    transform: scale(1, 1);
}

.pxg_btn:hover, .pxg_btn:focus{
    color:var(--pxg-white-color);
}

.pxg_btn:focus {
    box-shadow: none;
}

a.pxg_btn.pxg_icon_button {
    padding: 0 25px 0 8px;
    min-width: 180px;
    justify-content: flex-start;
    background: linear-gradient(90deg, var(--pxg-gradient-primary) 2.41%, var(--pxg-gradient-secondary) 81.75%);
    gap: 15px;
}
.pxg_btn_icon {
    width: 40px;
    height: 40px;
    background-color: #ffffff47;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-weight: 700;
    font-size: 18px;
}

.pxg_btn_icon img{
    width: 14px;
    height: 14px;
}
.pxg_btn_icon img{
    width: 14px;
    height: 14px;
}

/*=============================
 Select 2 Style
=============================*/

.pxg_select {
    position: relative;
    width: 100%;
}

.pxg_select .select {
    min-width: 200px;
}

.pxg_select .pxg_custom_select {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    line-height: 50px;
    background-color:var(--pxg-white-color);
    border: 1px solid #F1F3F8;
    opacity: 1;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #9e9e9e;
    -webkit-transition: all .3s;
    transition: all .3s;
}

 .pxg_select .select .select2-container {
    width: 100% !important;
}

.pxg_widget_header .select2-container {
    z-index: 2 !important;
}

.select2-container--default .select2-selection--single {
    background-color:var(--pxg-white-color);
    border: 1px solid var(--pxg-white-color);
    height: 64px;
    border-radius: 6px;
    z-index: 1;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 64px;
    padding-left: 25px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-align: left;
    color: #898FB0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 28px;
    right: 15px;
    width: 20px;
    background-image: url(../images/select-arrow.png);
    background-repeat: no-repeat;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #fff transparent;
}
.select2-dropdown {
    background-color: var(--pxg-white-color);
    border: 1px solid #F1F3F8;
    border-radius: 5px;
    filter: drop-shadow(0px 5px 25px rgba(0, 0, 0, 0.03));
    padding: 10px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #F1F3F8;
    border-radius: 5px;
    display: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #0000;
    color: #898FB0;
}
.select2-search--dropdown{
    padding: 0 !important;
} 
.select2-results__option {
    font-size: 14px;
    color: #898FB0;
    font-weight: 500;
    padding: 14px 24px;
    border-bottom: 1px solid #F1F3F8;
    border-radius: 6px;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 260px;
    overflow-y: auto;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f4f6f9;
    color: #898FB0;
}

.select2-container--default .select2-results__option[aria-selected=true]:hover {
    background-color: #f4f6f9;
    color: #898FB0;
}

strong.select2-results__group {
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*=============================
 Model Input Style
=============================*/

.pxg_main_input {
    margin-bottom: 20px;
    position: relative;
}

.pxg_main_input label {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color:#7D809D;
}

.pxg_main_input .pxg_custom_input {
    width: 100%;
    line-height: 50px;
    padding: 0 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
    height: 50px;
    border-radius: 6px;
    border: 1px solid #E3E5F3;
    background: var(--pxg-body-color);
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.02em;
    text-align: left;
    color: #7D809D;
}

.pxg_main_input .pxg_custom_input::placeholder {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.02em;
    color:#7d809da8;
}

/*.pxg_main_input textarea.form-control:placeholder, .pxg_main_input textarea.form-control:placeholder{*/
/*    font-weight: 500;*/
/*    color:red !important;*/
/*}*/

textarea.form-control::placeholder{
     font-weight: 500;
    color:#7d809da8;
}



.pxg_main_input .pxg_custom_input:focus {
    box-shadow: 0px 4px 19.2px 0.8px rgba(var(--color), 0.08);
    border: 1px solid var(--pxg-primary-color);
}

/*=============================
 Common Popup Style
=============================*/

.modal.pxg_common_model {
    background-color: #EAEDF5E5;
    z-index: 999999;
}

.pxg_common_model .modal-dialog {
    max-width: 400px;
    margin: 0 auto;
}


.pxg_common_model .modal-content {
    box-shadow: 0px 20px 90px 10px rgb(80 52 255 / 3%);
    padding: 34px 38px;
    border-radius: 10px;
    background-color: var(--pxg-white-color);
    border: 1px solid #F1F3F8;
}

.pxg_common_model .modal-header h5 {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-title-color);
}

.pxg_common_model .modal-header {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    border: 0;
}

.pxg_common_model button.btn-close {
    background: none;
    padding: 5px 10px 10px 9px;
    opacity: 1;
    position: absolute;
    top: 25px;
    right: 25px;
}

.pxg_common_model .btn-close:focus {
    box-shadow: none;
}

.pxg_common_model .modal-body {
    padding: 25px 0 0 0;
}

.pxg_common_model .pxg_model_btn .pxg_btn {
    height: 54px;
    line-height: 54px;
    font-size: 14px;
}

/*=============================
 Delete Popup Style
=============================*/

.pxg_delete_modal_section {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.pxg_delete_modal_section .pxg_modal_img {
    position: relative;
    margin-bottom: 20px;
}

.pxg_delete_modal_section .pxg_delete_msg h4 {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: center;
    color: var(--pxg-title-color);
    margin-bottom: 5px;
}

.pxg_delete_modal_section .pxg_delete_msg p {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: center;
    color: #7D809D;
}

.pxg_delete_modal_section .pxg_model_btn {
    margin-top: 20px;
}

.pxg_delete_modal_section .pxg_model_btn {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.pxg_delete_modal_section a.pxg_btn.pxg_btn_dark {
    background: #1A2343;
}
.pxg_delete_modal_section a.pxg_btn.pxg_btn_dark:hover {
    background-color: var(--pxg-primary-color) !important;
    background: none;
}
.pxg_delete_modal_section a.pxg_btn.pxg_btn_dark:hover::after {
    opacity: 0;
}

/*Video Privew Model Style*/

.pxg_common_model.pxg_video_view_model  .modal-dialog {
    max-width: 720px;
    margin: 0 auto;
}
.pxg_common_model.pxg_video_view_model video {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

/*Add New Graphics Model Style*/

div#pxg_add_graphics_model .modal-dialog{
    max-width: 550px;
}

/*View Graphics Model Style*/

div#pxg_view_graphics_model .modal-dialog{
    max-width: 700px;
}
div#pxg_view_graphics_model .modal-dialog .pxg_graphic_preview_wrapper img {
    width: 100%;
    height: 100%;
}

/*=============================
Notification Message  Style
=============================*/

.pxg_notification {
    position: fixed;
    right: -406px;
    top: 25px;
    padding: 15px 20px 15px 25px;
    overflow: hidden;
    max-width: 302px;
    width: 100%;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    background-color: var(--pxg-white-color);
    box-shadow: 0px 30px 108px 12px rgb(80 52 255 / 8%);
    z-index: 9999999;
}

.pxg_notification_content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    position: relative;
}

.pxg_notification_icon {
    width: 60px;
}
.pxg_notification_icon img{
    max-width: 35px;
    max-height: 35px;
}


.pxg_notification.success .pxg_notification_msg h4 {
    color: #36B133;
}

.pxg_notification.error .pxg_notification_msg h4 {
    color: #FF4057;
}

.pxg_notification_msg h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 2px;
}

.pxg_notification_msg {
    margin-bottom: 5px;
}

.pxg_notification_msg p {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: #7D809D;
    padding-top: 2px;
}

.pxg_notification_close {
    position: absolute;
    right: -8px;
    top: -8px;
    background: #0000;
}

.pxg_notification_close a {
    font-size: 15px;
    color: #737ca0;
    line-height: 1.4;
}

.pxg_notification.success,
.pxg_notification.error {
    right: 25px;
}
.pxg_notification_content:before{
    position: absolute;
    content: "";
    bottom: -15.2px;
    left: 50%;
    width: 100%;
    height: 3.5px;
    transform: translate(-50%, 0%);
    border-radius: 0 0 20px 20px;
}
.pxg_notification.success .pxg_notification_content:before{
    background-color: #36b133;
}
.pxg_notification.error .pxg_notification_content:before{
    background-color: #FF4057;
}



/*=============================
User Page Style
=============================*/


/*=============================
 Table Style
=============================*/

.tb_sn {
    padding: 0 !important;
}

.tb_checkbox {
    padding: 0 0 0 18px !important;
    max-width: 2px;
}

.pxg_custom_table {
    width: 100%;
}

.pxg_table_wrapper {
    position: relative;
}

.pxg_table_wrapper tbody tr {
    position: relative;
    transition: var(--transition);
}

.pxg_table_wrapper tbody tr:hover {
    box-shadow: 0px -1px 60px 0px #3C2F5F14;
    background: var(--pxg-white-color);
    border-top: 1px solid var(--pxg-white-color);
    border-bottom: 1px solid var(--pxg-white-color);
}
.pxg_table_wrapper tbody tr:last-child:hover {
    box-shadow: none;
    background: #0000;
}
.pxg_table_wrapper table.dataTable tbody tr:last-child td {
    border-bottom: none;
}
.pxg_table_wrapper table.dataTable td {
    border-bottom: 1px solid #F1F3F8;
}
.pxg_table_wrapper table.dataTable td {
    border-bottom: 1px solid #F1F3F8;
}

.pxg_table_wrapper th {
    font-family: 'Inter', sans-serif;
    white-space: nowrap;
    padding: 20px 18px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    color: var(--pxg-text-color);
}

.pxg_table_wrapper td {
    padding: 20px 18px;
}

.pxg_table_wrapper td p {
    line-height: 1.4;
    display: inline-block;
}

td, td p {
    font-family: 'Inter', sans-serif;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0em;
    color: var(--pxg-title-color);
}

.pxg_table_wrapper th:first-child {
    border-top-left-radius: 10px;
}

.tb_link a {
    font-size: 14px;
    letter-spacing: 0px;
    color: var(--wpa-primary-color);
    font-weight: 500;
    font-family: 'Inter', sans-serif;
}

.tb_link span {
    margin-right: 10px;
}

.pxg_table_action li {
    line-height: normal;
    display: inline-block;
    margin-right: 5px;
}

.pxg_table_action li a {
    width: 26px;
    height: 26px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    position: relative;
    transition: var(--transition);
}

.pxg_table_wrapper th:first-child,.pxg_table_wrapper td:first-child {
    padding-left: 40px !important;
}

.pxg_tb_plan {
    border-radius: 60px;
    background-color: #FFF0D7;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: center;
    color: #FFAF07;
    padding: 6px 18px;
    display: inline-block;
}
.pxg_tb_plan.par_recurring_plan {
    color: #3CD03C;
    background-color: #E7FEE7;
}

/*Table Action*/

.pxg_table_action li {
    line-height: normal;
    display: inline-block;
    margin-right: 5px;
}

.pxg_table_action li a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    z-index: -1;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: var(--transition);
}
.pxg_table_action li a:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.pxg_table_action li a.pxg_edit_user:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: var(--pxg-gradient-primary);
}
.pxg_table_action li a:hover svg path {
    fill: var(--pxg-white-color);
}
.pxg_table_action li a.pxg_delete_user:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: var(--pxg-primary-color);
}

.pxg_table_action li a svg {
    width: 16px;
    height: 16px;
}


/*Table Pagination*/

.pxg_table_pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 30px 5px 30px 5px;
    flex-wrap: wrap;
}

.pxg_table_pagination .pxg_pagination_entries p{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color:var(--pxg-title-color);
}

.pxg_table_pagination .pagination {
    gap: 10px;
}

.pxg_table_pagination .pagination .page-link {
    position: relative;
    display: block;
    color: #0d6efd;
    text-decoration: none;
    background-color: var(--pxg-white-color);
    border: none;
    transition: var(--transition);
    padding: 12px 15px;
    border-radius: 4px;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-title-color);
}


.pxg_table_pagination .page-item.active .page-link{
    background-color: var(--pxg-primary-color);
    border-color: var(--pxg-primary-color);
    color: var(--pxg-white-color);
}

.pxg_table_pagination .page-link:hover{
    background-color: var(--pxg-primary-color);
    border-color: var(--pxg-primary-color);
    color: var(--pxg-white-color);
}

.pxg_table_pagination .page-link:focus {
    outline: none;
    box-shadow: none;
}

/**/
div.dataTables_wrapper div.dataTables_info{
    white-space: nowrap;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-title-color);
    padding-left: 5px;
}

.dataTables_paginate .page-link {
    position: relative;
    display: block;
    text-decoration: none;
    background-color: var(--pxg-white-color);
    border: none;
    transition: var(--transition);
    padding: 12px 15px;
    border-radius: 4px;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-title-color) !important;
}

.dataTables_paginate .page-item.active .page-link {
    background-color: var(--pxg-primary-color);
    border-color: var(--pxg-primary-color);
    color:var(--pxg-white-color) !important;
}
.dataTables_paginate .page-link:focus{
    outline: none;
    box-shadow:none;
}

.dataTables_paginate {
    margin-top: 30px !important;
}
div#userTable_info {
    margin-top: 25px;
}

/*=============================
 Tooltip Style
=============================*/

.tooltip_icon {
    position: absolute;
    font-size: 12px;
    padding: 7px 5px;
    background-color: var(--pxg-title-color);
    color: var(--pxg-white-color);
    line-height: 18px;
    border-radius: 3px;
    top: auto;
    bottom: 100%;
    margin-bottom: 8px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    white-space: normal;
    min-width: -moz-fit-content;
    text-align: center;
    min-width: 110px;
}

.pxg_table_action a:hover .tooltip_icon {
    opacity: 1;
    visibility: visible;
}

.pxg_table_action .tooltip_icon {
    min-width: 80px;
}

.pxg_delete_user svg {
    padding-left: 4px;
}

.tooltip_icon:after {
    position: absolute;
    content: '';
    background-color: var(--pxg-title-color);
    bottom: 2px;
    left: 50%;
    width: 10px;
    height: 10px;
    transform: translate(-50%, 50%) rotate(45deg);
}

/*=============================
    Data table Style
=============================*/

.datatable-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 5px;
}

table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
    border-spacing: 0;
    margin: 0 !important;
}

table.dataTable thead .sorting:before {
    display: none;
}

table.dataTable thead .sorting:after {
    display: none;
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
    display: none;
}

table.dataTable thead .sorting_asc:after {
    display: none;
}

.pxg_table_wrapper table {
    background-color: #fff;
    border-radius: 10px;
    padding: 0 0 12px 0;
    border: 1px solid #F1F3F8;
}
.pxg_table_wrapper table thead tr th{
    background-color: #82828214;
}
.pxg_table_wrapper table thead tr th:first-child{
    border-top-left-radius: 10px;
}
.pxg_table_wrapper table thead tr th:last-child{
    border-top-right-radius: 10px;
}
ul.pagination {
    gap: 10px;
}

/*=============================
    Data table Header Style
=============================*/

div#DataTables_Table_0_filter input {
    line-height: 40px;
    padding: 0 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
    height: 40px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid var(--wpa-border-color);
    font-size: 14px;
    letter-spacing: 0px;
    color: var(--wpa-title-color);
    font-weight: 700;
}

div#DataTables_Table_0_filter input:focus{
    box-shadow: none;
    outline: none;
}

div.dataTables_wrapper div.dataTables_length label {
    text-transform: capitalize;
}

div.dataTables_wrapper div.dataTables_length select {
    margin: 0 10px;
    border: 1px solid #edf0fa;
    height: 40px;
    padding: 0 15px 0 15px;
    color: #7D809D;
}
div.dataTables_wrapper div.dataTables_length select:focus {
   box-shadow: none;
}
button.dt-button.buttons-excel.buttons-html5 {
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid var(--wpa-border-color);
    color: #b8b8d3;
    padding: 0 27px;
    border-radius: 5px;
    height: 40px;
}
div#DataTables_Table_0_length {
    color: #484848;
}
div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
    color: #484848;
}

/*== New Changes Points In Table Style ===*/


.pxg_custom_table {
    width: 100% !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.child {
    background-color: #fbfbfd;
    text-indent: 0;
}

table.dataTable>tbody>tr.child ul.dtr-details {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.dtr-details ul.pxg_table_action {
    display: inline-block;
}

table.dataTable>tbody>tr.child ul.dtr-details>li {
    border: 0;
    margin-bottom: 10px;
}

table.dataTable>tbody>tr.child ul.dtr-details>li span.dtr-data a span {
    margin-right: 10px;
}

span.dtr-data a {
    font-size: 14px;
    letter-spacing: 0px;
    color: #484848;
    font-weight: 500;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after {
    bottom: 1.6em;
}

table.dataTable>tbody>tr.child span.dtr-title {
    min-width: 110px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control {
    padding-left: 50px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control:before {
    top: 51%;
    left: 16px;
    background-color: var(--pxg-primary-color);
}

/*=============================
    Profile Page Style
=============================*/

.pxg_profile_wrapper_main {
    max-width: 850px;
    margin: 0 auto;
    position: relative;
}

.pxg_profile_wrapper_main .pxg_profile_details {
    background-color: var(--pxg-white-color);
    border-radius: 20px;
    padding: 44px 48px;
    position: relative;
}
.pxg_profile_wrapper_main .pxg_profile_banner {
    max-width: 650px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--pxg-white-color);
    border-radius: 10px;
    margin-bottom: 35px;
    padding: 29px 70px 35px 70px;
    position: relative;
    overflow: hidden;
}
.pxg_profile_wrapper_main .pxg_profile_banner::before {
    position: absolute;
    content: '';
    top: -6px;
    background: linear-gradient(290deg, var(--pxg-gradient-primary) 2.41%, var(--pxg-gradient-secondary) 81.75%);
    background-repeat: no-repeat;
    width: 22px;
    height: 6px;
    left: 99px;
    border-radius: 10px 10px 0 0;
}
.pxg_profile_wrapper_main  .pxg_profile_banner::after {
    position: absolute;
    content: '';
    bottom: 0px;
    background: linear-gradient(290deg, var(--pxg-gradient-primary) 2.41%, var(--pxg-gradient-secondary) 81.75%);
    background-repeat: no-repeat;
    width: 123px;
    height: 6px;
    left: 49px;
    background-size: contain;
    border-radius: 20px;
}

.pxg_profile_wrapper_main .pxg_profile_banner a.profile_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 130px;
    background-color: #1A2343;
    border-radius: 10px;
    height: 48px;
    width: 130px;
    padding: 0 10px;
    box-shadow: 0px 4px 30px 0px #40478D1A;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0em;
    color: var(--pxg-white-color);
    gap: 10px;
}
.pxg_profile_wrapper_main .pxg_profile_banner a.profile_btn:hover {
    background-color: var(--pxg-primary-color);
    color: var(--pxg-white-color);
}
.profile_wrapper_shap {
    width: 145px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(290deg, var(--pxg-gradient-primary) 2.41%, var(--pxg-gradient-secondary) 81.75%);
    border-radius: 50% 0 0 50%;
    overflow: hidden;
    z-index: 1;
    transform: scale(1.2);
}

.pxg_profile_wrapper_main .profile_pic_button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    z-index: 2;
}

.pxg_profile_wrapper_main .profile_pic_button h5 {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-title-color);
}

.pxg_user_profile {
    position: relative;
}
.pxg_user_profile .profile_pic_wrapper {
    max-width: 80px;
    min-width: 80px;
    max-height: 80px;
    min-height: 80px;
    position: relative;
    border-radius: 10px;
    background-color: #dbdee5;
}

.pxg_user_profile .profile_pic_wrapper img.profile_pic {
    border-radius: 10px;
    max-width: 80px;
    min-width: 80px;
    max-height: 80px;
    min-height: 80px;
    object-fit: contain;
}

.pxg_user_profile .p_image {
    position: absolute;
    bottom: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, 50%);
    cursor: pointer;
    z-index: 2;
}

.pxg_user_profile label.upload_button {
    display: inline-block;
    z-index: 999;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.pxg_user_profile .upload_button span {
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    cursor: pointer;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    box-shadow: -4px 5px 9px 0px #FF606E70;
    background: linear-gradient(91.52deg, var(--pxg-gradient-primary) 2.41%, var(--pxg-gradient-secondary) 81.75%);
}

.pxg_user_profile input.file_upload {
    width: 100%;
    opacity: 0;
    line-height: 1.4;
    cursor: pointer;
    display: none;
}

/*=============================
    Select Style 2
=============================*/

.pxg_select.pxg_select_style_2 label{
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: #7D809D;
}

.pxg_select.pxg_select_style_2  .select2-container--default .select2-selection--single {
    border: 1px solid #E3E5F3;
    background: var(--pxg-body-color);
    height: 50px;
}

.pxg_select.pxg_select_style_2  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
}

.pxg_select.pxg_select_style_2  .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 22px;    
}
.pxg_select.pxg_select_style_2  .select {
    min-width: 100%;
}
.pxg_select.pxg_select_style_2  .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 25px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.02em;
    text-align: left;
    color: #7D809D;
}
.pxg_select.pxg_select_style_2 {
    margin-bottom: 20px;
    position: relative;
}


/*=============================
    Setting Page Style
=============================*/

.pxg_setting_wrapper_main {
    max-width: 750px;
    margin: 0 auto;
}
.pxg_settng_menu_main {
    position: relative;
    max-width: 100%;
    text-align: center;
}

.pxg_settng_menu_main ul li a {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0em;
    color: var(--pxg-title-color);
    padding: 18px 0 20px 0;
    display: block;
    width: 100%;
    position: relative;
    transition: var(--transition);
    
}
.pxg_settng_menu_main ul {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--pxg-white-color);
    border-radius: 6px;
    padding: 0 40px;
    gap: 40px;
}

.pxg_settng_menu_main ul li a::before {
    position: absolute;
    content: '';
    top: -14px;
    background-image: url(../images/svg/profile-shap.svg);
    background-repeat: no-repeat;
    width: 51px;
    height: 13px;
    left: 50%;
    transform: translateX(-50%);
    transition: var(--transition);
    visibility: hidden;
    opacity: 0;
    display: none;
}
.pxg_settng_menu_main ul li a::after {
    position: absolute;
    content: '';
    bottom: -4px;
    background-image: url(../images/svg/profile-shap-2.svg);
    background-repeat: no-repeat;
    width: 123px;
    height: 14px;
    left: 50%;
    background-size: contain;
    transform: translateX(-50%);
    transition: var(--transition);
    visibility: hidden;
    opacity: 0;
    display: none;
}
.pxg_settng_menu_main ul li a.active {
    background: linear-gradient(91.52deg, var(--pxg-gradient-primary) 2.41%, var(--pxg-gradient-secondary) 81.75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pxg_settng_menu_main ul li:hover a {
    background: linear-gradient(91.52deg, var(--pxg-gradient-primary) 2.41%, var(--pxg-gradient-secondary) 81.75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pxg_settng_menu_main ul li a.active::after,.pxg_settng_menu_main ul li a.active::before {
   visibility: visible;
   opacity: 1;
}

/*=============================
    Tabs Content Style
=============================*/

.pxg_settings_tab_items {
    background-color: var(--pxg-white-color);
    min-height: 160px;
    border-radius: 10px;
    margin-top: 20px;
    border: 1px solid #E1E6FF;
    padding: 30px;
}

.pxg_settings_tab_items .tabcontent.active{
    display: block !important;
} 
.pxg_settings_tab_items .tabcontent{
    display: none;
}
.pxg_responder_box {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(180px,1fr));
    grid-gap: 15px;
    gap: 15px;
}
.pxg_responders {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f3f5ff;
    border: 1px solid #E1E6FF;
    border-radius: 6px;
    padding: 0 0;
    height: 100px;
    cursor: pointer;
    transition: var(--transition);
    position: relative;
    padding: 0 20px;
}

.pxg_responder_heading {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: center;
    color: var(--pxg-title-color);
    margin-bottom: 25px;
}


/**/
.pxg_responders.active .reponder_action {
    position: absolute;
    top: -1px;
    right: -2px;
    width: 16px;
    height: 16px;
    background-color: #FF577F;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    padding-bottom: 2px;
}
.pxg_responders.active {
    border: 1px solid #FF577F;
    background-color: #FFF5F8;
}

/*Devlopment Desing*/

.pxg_table_pagination {
    display: none !important;
}


/*=============================
    Template Page Style
=============================*/

.pxg_template_list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(263px, 1fr));
    grid-gap: 30px;
    margin-bottom: 80px;
}
.pxg_template_list.pxg_campaign_main_page {
    margin-bottom: 140px;
}
.pxg_template_list .pxg_template_content {
    border-radius: 10px;
    background-color: var(--pxg-white-color);
    padding: 8px;
    box-shadow: 0px 14px 18px 0px #3c2f5f0a;

}
.pxg_template_list .pxg_template_wrapper {
    position: relative;
    min-height: 177px !important;
    max-height: 177px !important;
}
.pxg_template_list .pxg_template_wrapper .pxg_template_thumbnail {
    width: 100%;
    min-height: 177px;
    max-height: 177px;
    object-fit: cover;
    margin: 0;
    border-radius: 6px;
    object-position: top;
}
.pxg_template_list .pxg_template_title {
    display: flex;
    padding: 15px 15px 8px 15px;
    flex-flow: column;
    position: relative;
}

.pxg_template_list .pxg_template_title h6 {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-title-color);
}
.pxg_template_list .pxg_template_title p {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: #7D809D;
    margin-top: 10px;
}

/*Template Page Changes Points*/

.pxg_template_list .pxg_template_wrapper:hover .pxg_temp_preview_wrapper{
    opacity: 1;
    visibility: visible;
}
.pxg_temp_preview_wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    opacity: 0;
    visibility: hidden;
}
.pxg_temp_preview_wrapper a.pxg_btn {
    min-width: auto;
    height: 50px;
    line-height: 50px;
    background: none;
}
.pxg_temp_preview_wrapper a{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 100%;
}
.pxg_temp_preview_wrapper a svg {
    width: 16px;
    height: 16px;
}
.pxg_temp_preview_wrapper a.pxg_btn:after {
    display:none;
}
.pxg_temp_preview_wrapper a.pxg_btn:hover {
    box-shadow:none;
}

.pxg_temp_preview_wrapper a.pxg_btn svg {
    fill: var(--pxg-white-color);
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    line-height: 1.4;
}

/*Template Dropdown Style*/

a.pxg_setting_icn {
    position: absolute;
    top: 20px;
    right: 10px;
    border-radius: 60px;
    width: 11px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}
.pxg_media_thumb .pxg_setting_icn{
    top: 7px;
    background-color: #f6f8fb;
    transform: translate(0, 0%);
}
.pxg_media_thumb .pxg_setting_dropdown{
    min-width: 115px;
}

.pxg_setting_icn img {
    max-width: 100%;
    width: 5px;
    object-fit: contain;
}

.pxg_setting_dropdown {
     position: absolute;
    right: 40px;
    top: 15px;
    background-color: var(--pxg-white-color);
    z-index: 995;
    padding: 5px 15px 7px;
    max-width: fit-content;
    min-width: 140px;
    border-radius: 6px;
    visibility: hidden;
    opacity: 0;
    transition: all .5s cubic-bezier(.34,1.56,.64,1) 0s;
    border: 1px solid #F1F3F8;
    box-shadow: 0px 14px 18px 0px #3c2f5f0a;
}

.pxg_setting_dropdown a {
    padding: 8px 0 5px 0;
    width: 100%;
    transition: var(--transition);
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: #7D809D;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.pxg_setting_dropdown a span {
    width: 14px;
    height: 14px;
    display: inline-flex;
    align-items: center;
}
.pxg_setting_dropdown a span svg {
    transition: var(--transition);
}

.pxg_template_content .pxg_template_wrapper:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #030303ab;
    overflow: hidden;
    border-radius: 6px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transform: scale(.5);
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    opacity: 0;
    visibility: hidden;
}
.pxg_template_content .pxg_template_wrapper:hover:before {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.pxg_setting_dropdown a:hover{
    color: var(--pxg-primary-color);
}
.pxg_setting_dropdown a:hover span svg path{
    fill: var(--pxg-primary-color);
}
.pxg_setting_dropdown a span svg path{
    fill: #7d809d;
}
.pxg_setting_dropdown.show{
    opacity: 1;
    visibility: visible;
}

/*Template Select Tab Menu Style*/

.template_category_tab_menu {
    width: 100%;
    text-align: center;
}

.template_category_tab_menu ul {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--pxg-white-color);
    border-radius: 6px;
    padding: 8px 8px;
    gap: 5px;
}
.template_category_tab_menu ul li {
    display: inline-flex;
}
.template_category_tab_menu ul li.active a {
    background: linear-gradient(290deg, var(--pxg-gradient-primary) 2.41%, var(--pxg-gradient-secondary) 81.75%);
    color: #fff;
}

.template_category_tab_menu ul li a {
    border-radius: 6px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    font-weight: 600;
    color: var(--pxg-text-color);
}

/*=============================
    Video List Page Style
=============================*/

.pxg_video_layout_main h4{
    margin-bottom: 12px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-title-color);
}

.pxg_select_video_ratio_main{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 40px;
    flex-wrap: wrap;
    margin-top: 25px;
}
.pxg_video_veiw_content{
    -webkit-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 0 10px;
    text-align: center;
    cursor: pointer;
}
.pxg_layout_box {
    margin-bottom: 0;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    height: 80px;
   background-color: rgb(var(--pxg-color), 10%);
    padding: 15px 15px 15px 15px;
    border-radius: 10px;
    box-shadow: 0px 8px 60px 0px rgb(44 90 183 / 5%);
    transition: all 0.3s;
    border: 1px solid #0000;
    cursor: pointer;
}
.pxg_layout_box input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.pxg_layout_shap {
    padding: 15px;
    width: 100%;
    height: 100%;
    background-color: var(--pxg-primary-color);
    border-radius: 10px;
    margin: 0 auto;
}
.pxg_layout_shap.pxg_portrait {
    width: 40px;
}
.pxg_layout_shap.pxg_square {
    width: 54px;
}
.pxg_add_vdo_popup .modal-dialog {
    max-width: 450px !important;
}
.pxg_layout_box input[type="radio"]:checked + .pxg_layout_shap::before {
    opacity: 1;
    visibility: visible;
}
.pxg_layout_shap::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: #0000;
    left: 0;
    top: 0;
    border: 1px solid var(--pxg-primary-color);
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
}
.pxg_video_veiw_content p{
    font-size: 13px;
    color: #7D809D;
    padding: 15px 0;
    font-weight: 400;
    text-transform: capitalize;
    text-align: center;
}

/*=============================
    Graphics Creator List Page Style
=============================*/

.pxg_template_list.pxg_graphics_list .pxg_template_title h6 {
    text-overflow: ellipsis;
    width: 190px;
    overflow: hidden;
    white-space: nowrap;
}

/*=============================
    Tutorials  Page Style
=============================*/

.pxg_video_list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(263px, 1fr));
    grid-gap: 30px;
    margin-bottom: 20px;
}

.pxg_video_list .pxg_video_content {
    border-radius: 20px;
    background-color: var(--pxg-white-color);
    padding: 8px;
    box-shadow: 0px 14px 18px 0px #3C2F5F14;
}

.pxg_video_title {
    position: relative;
    padding: 10px 18px;
}
.pxg_video_title h6 {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-title-color);
    margin-bottom: 8px;
}
.pxg_video_title p {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: #7D809D;
}

.pxg_video_list .wpa_tran_video_wrapper {
    position: relative;
    min-height: 160px !important;
    max-height: 160px !important;
}
.pxg_video_list .pxg_tran_video_wrapper .pxg_video_box {
    width: 100%;
    min-height: 160px;
    max-height: 160px;
    object-fit: cover;
    margin: 0;
    border-radius: 20px;
}

/*video list*/

.pxg_video_list_main .pxg_template_content .pxg_template_wrapper:hover:before{
    opacity: 0;
}
.pxg_temp_preview_wrapper.pxg_video_preview {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    opacity: 1;
    visibility: visible;
    background-color: #00000080;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%) scale(0);
}
.pxg_template_wrapper:hover .pxg_temp_preview_wrapper.pxg_video_preview {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}
.pxg_video_list_main .pxg_vdo_time_caption {
    z-index: 2;
}


.pxg_tutorial_video_list .pxg_template_content .pxg_template_wrapper:hover:before {
   display: none;
}

.pxg_media_preview_wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
}

.pxg_media_preview_wrapper a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 100%;
}

.pxg_media_preview_wrapper a svg {
    width: 16px;
    height: 16px;
}
.pxg_media_thumb:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #030303ab;
    overflow: hidden;
    border-radius: 6px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transform: scale(.5);
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    opacity: 0;
    visibility: hidden;
    z-index: 9;
}
.pxg_media_thumb:hover:before {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.pxg_media_thumb:hover .pxg_media_preview_wrapper{
    opacity: 1;
    visibility: visible;
}

.pxg_common_model.pxg_view_media_model  .modal-dialog {
    max-width: 700px;
}
.pxg_common_model.pxg_view_media_model  .modal-dialog .pxg_graphic_preview_wrapper img{
    width: 100%;
    height: 100%;
}

.pxg_common_model.pxg_view_media_model video {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

a.pxg_setting_icn {
    top: 50%;
    transform: translate(0, -33%);
}

/*=============================
    Plans & Billings Page Style
=============================*/

.pxg_plans_inner_content {
    display: flex;
    align-items: baseline;
    gap: 30px;
    margin-bottom: 20px;
}
.pxg_plans_details {
    background: linear-gradient(276.73deg, #24A4F5 2.98%, #5584E2 93.31%);
    border-radius: 20px;
    padding: 20px 20px 20px 20px;
    position: relative;
    width: 450px;
}
.pxg_plans_inner_content .pxg_plans_details h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-white-color);
    margin-bottom: 5px;
    max-width: 300px;
}
.pxg_plans_inner_content .pxg_plans_details p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-white-color);
    margin-bottom: 20px;
    max-width: 300px;
}
.pxg_plans_inner_content .pxg_plans_details h2 {
    font-size: 26px;
    font-weight: 800;
    line-height: 31px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-white-color);
}
.pxg_plans_inner_content .pxg_plans_details h2 span {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-white-color);
}

.pxg_plans_inner_content .pxg_plans_details .edit_plan_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--pxg-white-color);
    border-radius: 20px;
    padding: 8px 15px 6px 15px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: #339AEF;
    position: absolute;
    top: 18px;
    right: 18px;
    border: none;
}


.pxg_plans_details.recurring_plane{
    background: linear-gradient(276.73deg, #FE49CC 2.98%, #FEA55F 93.31%);
}

.pxg_plans_details.recurring_plane .edit_plan_btn{
    color: #FE53C0;
}

.pxg_plans_inner_content .pxg_plans_details .edit_plan_btn:hover {
    background-color: var(--pxg-primary-color);
    color: var(--pxg-white-color);
}



/*New Design Changes Points*/

label.pxg_upload {
    position: relative;
    padding: 0 135px 0 20px;
    display: flex;
    align-items: center;
    line-height: 1.4 !important;
    cursor: pointer;
    margin-bottom: 12px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-title-color);
    transition: all .3s;
    height: 60px;
    border-radius: 5px;
    background-color: rgb(246 248 251);
    border: 1px solid var(--pxg-body-color);
}
label.pxg_upload span {
    text-transform: capitalize;
    background: #2e406599;
    padding: 0 22px;
    width: 107px;
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 0px;
    color: var(--pxg-white-color);
    font-weight: 600;
    height: 50px;
    border-radius: 5px;
    line-height: 50px;
}

.pxg_upload p {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0em;
    color: #898FB0;
}

h6.pxg_input_lbl {
    margin-bottom: 12px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-title-color);
}

/*Responder Model Style*/


.pxg_responder_model  p.tb_info {
    margin-top: 15px;
    margin-left: 5px;
}

.checkout-main {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 70px;
}
.checkout-main .checkout-inner-card{
    background-color: var(--pxg-white-color);
    min-height: 160px;
    border-radius: 20px;
    margin-top: 20px;
    border: 1px solid #E1E6FF;
    padding: 30px;
}


.checkout-inner-card.checkout-left h5 {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-title-color);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.checkout-inner-card.checkout-left span {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: #7D809D;
}

.checkout-inner-card.checkout-left p {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: #7D809D;
    margin-bottom: 10px;
}

.price-list {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 10px;
    border-bottom: 1px solid #7d809d24;
    padding-bottom: 10px;
}
.price-list h6{
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: #7D809D;
    margin-bottom: 0px;
}
.price-list .mount p{
    color: var(--pxg-title-color);
    font-weight: 600;
}
.price-list .price-heading p{
    font-size: 13px;
}
.price-list.price-total{
    background-color: #f2f3f9;
    padding-bottom: 0;
    padding: 10px 10px;
    border: 0;
}
.price-list.price-total .mount p{
margin-bottom: 0;
}

a.checkout-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    border-radius: 5px;
    padding: 10px 10px;
    color: #fff;
    max-width: 400px;
    margin: 0 auto;
}

a.checkout-btn.raz-btn {
    background-color: #042555;
}

.or-options {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
    color: #7D809D;
    gap: 10px;  
    max-width: 400px;
    margin: 20px auto;
}

.or-options span {
    width: 100%;
    border: 1px solid #7D809D;
}

/**/
input.checkout-btn{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    border-radius: 5px;
    padding: 10px 10px;
    color: #fff;
    max-width: 400px;
    margin: 0 auto;
}

/*Single Page Header Style*/

.site-header {
    padding: 20px 10px;
    position: relative;
    background: #fff;
    width: 100%;
    -webkit-box-shadow: 0 0 10px #ddd;
    box-shadow: 0 0 10px #ddd;
    left: 0;
    top: 0;
    z-index: 9999;
}

.site-header .site-header-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.site-header .site-header-menu ul.navigation li a{
    font-size: 15px;
    line-height: 1.4;
    color: var(--pxg-text-color);
    padding: 15px 0 15px 12px;
    font-weight: 600;
}
.site-header .site-header-menu ul.navigation li a:hover{
    color: var(--pxg-primary-color);
}
footer.site-footer {
    background-color: #0d1d3b;
    color: #fff;
    position: fixed;
    width: 100%;
    bottom: 0;
}
footer.site-footer .site-footer-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 10px;
    flex-wrap: wrap;
    gap: 10px;
    text-align: center;
}
.site-footer-menu ul{
    display: inline-flex;
    gap: 10px;
}
.site-footer-menu ul li a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}
.copyright,.copyright a,.copyright span{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}


.page-banner {
    position: relative;
    padding: 30px 0px 10px 0px;
    background-color: var(--primary);
}
.page-banner h1 {
    color: var(--pxg-title-color);
    font-weight: 600;
    font-size: 22px;
    text-align: left;
    padding-bottom: 0;
}

.page-banner .badge-info {
    color: #fff;
    background-color: #00000012;
}

.page-banner {
    position: relative;
    padding: 35px 0px 15px 0px;
    background-color: var(--primary);
}

/*Creat New Side Page Style*/

.pxg_create_site {
    max-width: 380px;
    margin: 0 auto;
    text-align: center;
    background-color: var(--pxg-white-color);
    border-radius: 20px;
    padding: 45px 45px;
    position: relative;
}

.pxg_create_site p {
    color: #7D809D;
    margin-bottom: 20px;
    font-weight: 500;
}

.pxg_create_site .pxg_btn{
    height: 54px;
}

.pxg_create_site svg {
    width: 110px;
    height: 110px;
}

/*Sidebar Changes Style*/

span.icon_menu.temp-menu svg {
    width: 24px !important;
    height: 24px !important;
}


/**/
.pxg_vdo_time_caption {
    position: absolute;
    bottom: 11px;
    left: 15px;
}

.pxg_vdo_time_caption span {
    height: 20px;
    border-radius: 10px;
    background-color: #00000082;
    font-size: 11px;
    color: #fff;
    padding: 3px 10px;
}

img.pxg_video_thumbnail {
    width: 100%;
    min-height: 177px;
    max-height: 177px;
    object-fit: cover;
    margin: 0;
    border-radius: 6px;
    object-position: top;
}
    
.pxg_temp_preview_wrapper.pxg_video_preview a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 100%;
}

.pxg_temp_preview_wrapper.pxg_video_preview a svg {
    margin-left: 10.4px;
    margin-top: 7.2px;
}

.pxg_temp_preview_wrapper.pxg_video_preview a svg  path {
    fill: #262727;
}

.main_menu li a .icon_menu svg{
    fill: #818181;
}
.main_menu li.active a .icon_menu svg{
    fill: var(--pxg-primary-color);
}

/*=============================
   Chart Style
=============================*/

.pxg_chart_body {
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
}

#chart {
    width: 100%;
    opacity: 0.9;
  }
  
#timeline-chart .apexcharts-toolbar {
    opacity: 1;
    border: 0;
}

/*=============================
   Page Heading Style
=============================*/

.page_heading_wrapper  .page_heading_left h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    color: var(--pxg-title-color);
}

.page_heading_wrapper .page_heading_left {
    display: flex;
    align-items: center;
    gap: 10px;
}

/*=============================
   Al Writer Style
=============================*/


.pxg_aiwriter_editor_main .page_heading_wrapper{
    margin-bottom: 25px;
}

.pxg_aiwriter_editor_main {
    position: relative;
    max-width: 950px;
    margin: 0 0 0 0;
}
.pxg_text_generate_editor {
    background-color: var(--pxg-white-color);
    border-radius: 10px;
    padding: 45px 45px;
    position: relative;
}

a.back-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background-color: #ffffff;
    border: 1px solid #E1E6FF;
    margin-right: 12px;
}
a.back-btn svg {
    margin-left: 5px;
    margin-top: 5px;
}
.back-btn svg path {
    fill: #7D809D;
}

.pxg_text_generate_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pxg_text_generate_inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 30px;
}

textarea.pxg_custom_input {
    min-height: 180px;
    line-height: 1.8 !important;
}

textarea.form-control,textarea.form-control:focus {
    border-radius: 6px;
    border: 1px solid #E3E5F3;
    background: var(--pxg-body-color) !important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.02em;
    text-align: left;
    color: #7D809D;
    min-height: 180px;
    padding: 15px;
}
textarea.form-control:focus{
    box-shadow: 0px 4px 19.2px 0.8px rgba(var(--color), 0.08);
    border: 1px solid var(--pxg-primary-color);
    outline: none;
}

.pxg_img_gnrt_label_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0px;
    height: 85px;
}

.pxg_img_gnrt_btn_list {
    display: flex;
    align-items: center;
    gap: 10px;
}
.pxg_img_gnrt_btn_list a.pxg_img_gnrt_btn {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    position: relative;
    transition: var(--transition);
}

a.pxg_img_gnrt_btn.pxg_preview_btn {
    background-color: #252d33;
}
.pxg_img_gnrt_btn_list a.pxg_img_gnrt_btn.pxg_preview_btn svg{
    width: 28px;
    height: 28px;
}
a.pxg_img_gnrt_btn.ai_re_generate_img {
    background-color: #fc7435 !important;
}
.pxg_img_gnrt_btn_list a.pxg_img_gnrt_btn.ai_re_generate_img svg{
    width: 22px;
    height: 22px;
}

a.pxg_img_gnrt_btn.pxg_save_btn {
    background-color: var(--pxg-gradient-secondary);
}
a.pxg_img_gnrt_btn.pxg_down_btn {
    background-color: var(--pxg-primary-color);
}

.pxg_img_gnrt_btn_list a.pxg_img_gnrt_btn svg {
    width: 16px;
    height: 16px;
    fill: #fff;
}

.pxg_aiwriter_editor_main.pxg_image_generator .pxg_img_gnrt_label_header label{
    margin-bottom: 0;
}
.pxg_img_gnrt_label_header .pxg_main_input{
    margin-bottom: 0;
}
.pxg_admin_content.pxg_img_gnrt_editor_content{
    height: 100%;
}

.pxg_img_gnrt_btn_list a.pxg_img_gnrt_btn:hover .tooltip_icon {
    opacity: 1;
    visibility: visible;
    min-width: 70px;
}
.pxg_main_input.select_dropdown {
    flex: 0 0 55%;
}
.pxg_main_input.select_dropdown .select2-container--default .select2-selection--single{
    height: 45px;
    background-color: #f6f8fb;
    border: 1px solid #bbbccd26;
}
.pxg_main_input.select_dropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
}
.pxg_main_input.select_dropdown  .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 16px;
    right: 15px;
    transform: scale(0.7);
}

.pxg_main_input.select_dropdown  .select2-results__option {
    padding: 10px 24px;
}

/*=============================
   Al Image Generator Editor Page Style
=============================*/

.pxg_aiwriter_editor_main.pxg_image_generator .pxg_text_generate_editor {
    padding: 35px 45px 35px 45px;
}
.pxg_aiwriter_editor_main.pxg_image_generator .pxg_img_inner {
    background: #ffffff;
}
.pxg_aiwriter_editor_main.pxg_image_generator .pxg_text_generate_inner {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.pxg_aiwriter_editor_main .pxg_text_generate_inner {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.pxg_aiwriter_editor_main .pxg_ai_input textarea.form-control,
.pxg_aiwriter_editor_main .pxg_ai_input textarea.form-control:focus {
    min-height: 55px;
    height:55px;
    line-height: 1.4;
}

.pxg_aiwriter_editor_main.pxg_image_generator .pxg_ai_input textarea.form-control,
.pxg_aiwriter_editor_main.pxg_image_generator .pxg_ai_input textarea.form-control:focus {
    min-height: 55px;
    height:55px;
    line-height: 1.4;
}
.pxg_aiwriter_editor_main .pxg_main_input label {
    margin-bottom: 15px;
}

.pxg_text_generate_inner .pxg_main_input.select_dropdown .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 55px;
}
.pxg_text_generate_inner .pxg_main_input.select_dropdown .select2-container--default .select2-selection--single {
    height: 55px;
}
.pxg_text_generate_inner .pxg_main_input.select_dropdown .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 22px;
}

.pxg_aiwriter_editor_main.pxg_image_generator {
    display: flex;
    width: 100%;
    max-width: 100%;
    height: 100%;
    align-items: flex-start;
    gap: 20px;
}

/*Ai Image Genratore Editor Right Sidebar Style*/

.pxg_aiwriter_editor_main.pxg_image_generator .pxg_text_generate_editor {
    width: 60%;
    flex: 0 0 60%;
}

.pxg_image_generator_right_sidebar {
    padding: 25px;
    background-color: var(--pxg-white-color);
    border-radius: 10px;
    position: relative;
    flex: 0 0 38%;
}

.pxg_image_generator_right_sidebar h4.pxg_page_title{
    font-size: 18px;
}

.pxg_generated_image_list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    grid-gap: 20px;
    margin-bottom: 20px;
}

.pxg_image_generator_right_sidebar .pxg_button_group {
    text-align: center;
    margin-top: 10px;
}

.pxg_generated_image_content {
    border-radius: 10px;
    background-color: #edf1f7;
    padding: 8px;
    box-shadow: 0px 14px 18px 0px #3c2f5f0a;
}
.pxg_generated_image_content .pxg_generated_image_wrapper {
    position: relative;
    min-height: 126px !important;
    max-height: 126px !important;
}
.pxg_generated_image_content .pxg_generated_image_wrapper img {
    width: 100%;
    min-height: 126px;
    max-height: 126px;
    object-fit: cover;
    margin: 0;
    border-radius: 6px;
    object-position: top;
}
/*.pxg_generated_image_content a.pxg_setting_icn {*/
/*    top: 10px;*/
/*    right: 8px;*/
/*}*/
.pxg_generated_image_content .pxg_setting_dropdown {
    right: 22px;
    top: 15px;
    z-index: 995;
    min-width: 105px;
}

.pxg_generated_image_content .pxg_template_title h6 {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-title-color);
    width: 108px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pxg_generated_image_content .pxg_template_title {
    display: flex;
    gap: 0;
    padding: 15px 15px 8px 10px;
    flex-flow: column;
    position: relative;
}

.pxg_generated_image_content .pxg_generated_image_wrapper::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #030303ab;
    overflow: hidden;
    border-radius: 6px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transform: scale(.5);
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    opacity: 0;
    visibility: hidden;
}

.pxg_generated_image_content .pxg_generated_image_wrapper:hover:before {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.pxg_generated_image_content .pxg_temp_preview_wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    opacity: 0;
    visibility: hidden;
}
.pxg_generated_image_content .pxg_generated_image_wrapper:hover .pxg_temp_preview_wrapper {
    opacity: 1;
    visibility: visible;
}
.pxg_generated_image_content .pxg_temp_preview_wrapper a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 100%;
}
.pxg_generated_image_content .pxg_temp_preview_wrapper a svg {
    width: 16px;
    height: 16px;
}

.pxg_image_generator_right_sidebar .pxg_image_gnrt_sidebar_hdr .pxg_main_input {
    margin-bottom: 20px;
    position: relative;
    flex: 0 0 50%;
}
.pxg_image_gnrt_sidebar_hdr {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pxg_image_gnrt_sidebar_hdr .select2-container--default .select2-selection--single {
    height: 50px;
}
.pxg_image_gnrt_sidebar_hdr .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
}

.pxg_image_gnrt_sidebar_hdr .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 20px;
    right: 15px;
    transform: scale(0.8);
}

.pxg_image_gnrt_sidebar_hdr .select2-results__option {
    padding: 10px 20px;
}
.pxg_image_gnrt_sidebar_hdr .select2-dropdown {
    padding: 5px 5px 8px 5px;
}

.select2-results__option:last-child{
    border-bottom: 1px solid #0000;
}



/*=============================
   Ai Text Writer Editor Page Style
=============================*/

.pxg_aiwriter_text_editor_main textarea.form-control,.pxg_aiwriter_text_editor_main  textarea.form-control:focus {
    min-height: 350px;
}
.pxg_textarea_wrapper {
    position: relative;
}
.ai_wrighter_copy_btn {
    position: absolute;
    top: 6px;
    right: 1px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all;
}
.ai_wrighter_copy_btn span{
    color: #fff;
    padding: 10px 10px;
    background-color: #bbbccd;
    border-radius: 0 0px 0 10px;
    cursor: pointer;
    font-size: 12px;
}

.pxg_textarea_wrapper:hover .ai_wrighter_copy_btn {
    opacity: 1;
    visibility: visible;
}

.pxg_aiwriter_editor_main.pxg_aiwriter_text_editor_main .pxg_ai_output.ai_output_section .form-control,
.pxg_aiwriter_editor_main.pxg_aiwriter_text_editor_main 
.pxg_ai_output.ai_output_section  textarea.form-control:focus {
    font-size: 15px;
    color: var(--pxg-title-color);
}

.pxg_ai_wrt_out_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.pxg_ai_wrt_out_header .wrt_out_header_btn_group {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pxg_ai_wrt_out_header .wrt_out_header_btn_group .wrt_out_header_btn{
    width: 40px;
    height: 40px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    position: relative;
    transition: var(--transition);
}
.pxg_ai_wrt_out_header .wrt_out_header_btn_group .wrt_out_header_btn.save_btn{
    background-color: var(--pxg-gradient-secondary);
}
.pxg_ai_wrt_out_header .wrt_out_header_btn_group .wrt_out_header_btn svg {
    width: 16px;
    height: 16px;
    fill: #fff;
}
.pxg_ai_wrt_out_header label{
    margin-bottom: 0;
}

a.wrt_out_header_btn.ai_re_generate {
    background-color: #fc7435 !important;
}

.pxg_ai_wrt_out_header .wrt_out_header_btn_group .wrt_out_header_btn:hover .tooltip_icon {
    opacity: 1;
    visibility: visible;
}

/**/

.pxg_img_inner {
    border-radius: 6px;
    border: 1px solid #E3E5F3;
    background: #f2f3f97a;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.02em;
    text-align: left;
    color: #7D809D;
    min-height: 180px;
    padding: 15px;
    max-width: 100%;
    min-width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pxg_img_generator_wrapper img {
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
    object-fit: scale-down;
}
.pxg_image_output_wrapper {
    margin-bottom: 20px;
}
.pxg_image_output_wrapper label{
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: #7D809D;
}

.pxg_img_generator_wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 43.25%;
}

/*=============================
   Media Files Page Style
=============================*/

.pxg_media_list {   
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(163px, 1fr));
    grid-gap: 20px;
    margin-bottom: 20px;
}
.pxg_media_list .pxg_media_wrapper{
    border-radius: 10px;
    padding: 8px;
    background-color: #fff;
}
.pxg_media_list .pxg_media_details{
    display: flex;
    gap: 5px;
    padding: 10px 10px 10px 10px;
    flex-flow: column;
    position: relative;
}
.pxg_media_list .pxg_media_details h6{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-title-color);
    white-space: nowrap;
    width: 145px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pxg_media_list .pxg_media_details p{
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: #7D809D;
}
.pxg_media_wrapper .pxg_media_thumb .media-thumbnail {
    width: 100%;
    min-height: 100px;
    max-height: 100px;
    object-fit: contain;
    margin: 0;
    border-radius: 6px;
    position: absolute;
    top: 0;
}

.pxg_graphic_preview_wrapper {
    text-align: center;
}
.pxg_graphic_preview_wrapper img{
    border-radius: 10px;
}
.pxg_media_thumb {
    position: relative;
    height: 100px;
    width: 100%;
    margin: 0 auto;
    border-radius: 6px;
    background-color: #ecebef;
}

.pxg__inner_content.pxg_media_files_main {
    margin-bottom: 50px;
}

/*Conditional Page Styles*/

.pxg_conditional_layout_main {
    text-align: center;
    background-blend-mode: multiply;
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 35px 15px 37px;
}
.pxg_conditional_layout_main .pxg_conditional_layout_inner {
    max-width: 1170px;
    margin: auto;
    text-align: center;
}
.pxg_conditional_layout_main .pxg_conditional_layout_inner img{
    max-width: 500px;
}
.pxg_conditional_layout_main .pxg_conditional_layout_inner h2 {
    font-size: 60px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: center;
    color: var(--pxg-title-color);
}
.pxg_conditional_layout_main .pxg_conditional_layout_inner h2 {
    font-size: 60px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: center;
    color: var(--pxg-title-color);
}

.pxg_conditional_layout_main .pxg_conditional_layout_inner p {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: center;
    color: var(--pxg-text-color);
    margin: 10px 0 30px 0;
}

.pxg_conditional_layout_inner  .main-clip{
    margin-bottom: 30px;
}

/*=============================
   Maintenance Page Style
=============================*/

.pxg_conditional_layout_main.maintenance_page  .main-clip {
    max-width: 450px;
}
.pxg_conditional_layout_main .logo_wrapper {
    width: 100%;
    margin-bottom: 50px;
    text-align: center;
}

/*=============================
   Chat Bot Page Style
=============================*/

.pxg_chat_bot_main_wrapper {
    max-width: 100%;
    margin: 0 auto;
    border-radius: 6px;
}
.pxg_chat_topbar {
    box-shadow: 0 4px 34px rgba(101,96,240,.1);
    padding: 25px;
}
.pxg_chat_topbar_card {
    display: flex;
    align-items: center;
    justify-content: space-between;
}   
.pxg_chat_user_details {
    display: flex;
    align-items: center;
    gap: 10px;
}
.pxg_chat_user_img img {
    height: 45px;
    object-fit: cover;
    display: flex;
    max-width: 45px;
    border-radius: 100%;
    object-position: top;
}
.pxg_chat_user_profile_name h6 {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    color: var(--pxg-title-color);
    margin-bottom: 2px;
}
.pxg_chat_user_profile_name  p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: #7D809D;
}
.pxg_chat_user_profile_name  p.active-status {
    color: #06b48a;
}

.pxg_chat_bot_main_wrapper .pxg_chat_content .pxg_chat_body {
    padding: 25px;
}

.pxg_chat_bot_main_wrapper .pxg_chat_content{
    position: relative;
    display: flex;
    gap: 10px;
}
.pxg_chat_bot_main_wrapper .pxg_chat_content .pxg_chat_content_inner{
    position: relative;
    width: 100%;
    overflow: hidden;
    display: block;
    background-color: var(--pxg-white-color);
}

/**/

.pxg_chat_input_inner {
    display: flex;
    width: 100%;
    gap: 10px;
}
.pxg_chat_input_inner .pxg_chat_input_left {
    flex: 0 90%;
    max-width: 90%;
}

.pxg_chat_input-wrapper {
    background-color: #f6f8fb;
    padding: 12px 20px 12px 25px;
    border-radius: 10px;
    position: relative;
}

.pxg_chat_icon_list {
    position: absolute;
    top: 50%;
    left: 24px;
    transform: translate(0, -50%);
}
.pxg_chat_icon_list svg {
    width: 24px;
    height: 24px;
    fill: #7D809D;
}

.pxg_chat_input-wrapper input:focus {
    color: #7D809D;
    border-color: none;
    outline: 0;
    box-shadow: none;
}
.pxg_chat_input-wrapper input {
    width: 100%;
    border: 0;
    background-color: #f6f8fb;
    height: 35px;
    line-height: 35px;
    color: #7D809D;
}
.pxg_chat_input-wrapper input::placeholder{
    color: #7D809D;
}
.pxg_chat_btn.icon_btn {
    width: 59px;
    height: 59px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background-color: var(--pxg-gradient-secondary);
}
.pxg_chat_btn.icon_btn svg{
    width: 25px;
    height: 25px;
}
.pxg_chat_btn.icon_btn svg {
    width: 25px;
    height: 25px;
    fill: #fff;
}
.pxg_chat_conversation{
    height: 640px;
    overflow: hidden;
    overflow-y: scroll;
    padding-right: 25px;
}
.pxg_chat_conversation::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.pxg_chat_conversation::-webkit-scrollbar-track {
    background-color: #f5f7f9;
    border-radius: 10px;
}

.pxg_chat_conversation::-webkit-scrollbar-thumb {
    background-color:#7d809d8f;
    border-radius: 10px;
}

.pxg_chat_item {
    margin-bottom: 10px;
    padding-left: 60px;
    max-width: 700px;
    position: relative;
}
.pxg_chat_item .pxg_chat_user_profile_pic {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100%;
    width: 44px;
    height: 44px;
    object-fit: cover;
}
.pxg_chat_user_name {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    color: var(--pxg-title-color);
    margin-bottom: 2px;
}
span.pxg_chat_date {
    color: #7D809D;
    font-weight: 500;
    font-size: 11px;
}

.pxg_chat_msg_box {
    margin-top: 10px;
}
.pxg_chat_msg_box_inner {
    padding: 20px;
    border-radius: 0 10px 10px 10px;
    background-color: #f6f8fb;
    display: inline-block;
}
.pxg_chat_msg_box_inner p {
    color: #7D809D;
    font-size: 14px;
    line-height: 1.7;
}
.pxg_chat_item.pxg_chat_item_right{
    padding-left: 0;
    text-align: end;
    margin-left: auto;
}
.pxg_chat_item.pxg_chat_item_right .pxg_chat_msg_box_inner {
    border-radius: 10px 10px 0 10px;
    background-color: var(--pxg-gradient-secondary);
}
.pxg_chat_item.pxg_chat_item_right  .pxg_chat_msg_box_inner p{
    color: #fff;
}

.pxg_chat_item.pxg_chat_item_right .pxg_chat_msg_box_inner p {
    text-align: left;
}

.pxg_chat_item.pxg_chat_day_divider {
    max-width: 100%;
    display: flex;
    justify-content: center;
    z-index: 1;
    margin-top: 30px;
    margin-bottom: 30px;
}
.pxg_chat_item.pxg_chat_day_divider:before {
    left: 0;
    top: 50%;
    right: 0;
    z-index: -1;
    height: 1px;
    content: "";
    position: absolute;
    transform: translateY(-50%);
    border-bottom: 1px dashed #7d809d59;
}
.pxg_chat_item.pxg_chat_day_divider span {
    color: #7D809D;
    background-color: white;
    padding: 0 15px;
    font-size: 12px;
    font-weight: 400;
}

.pxg_chat_bot_sidebar {
    background-color: #ffffff;
    padding: 25px 15px 15px 15px;
    width: 350px;
}
.pxg_chat_bot_sidebar ul li:first-child {
    border-top: 1px dashed #7d809d59;
}
.pxg_chat_bot_sidebar ul li {
    border-bottom: 1px dashed #7d809d59;
    padding: 5px 0;
}
.pxg_chat_bot_sidebar ul li.active a{
    background-color: #f6f8fb;
}
.pxg_chat_bot_sidebar ul li a {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0em;
    color: #7D809D;
    margin-bottom: 2px;
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 45px;
    padding-bottom: 20px;
    display: block;
    position: relative;
}
.pxg_chat_bot_sidebar ul li a span {
    position: absolute;
    top: 10px;
    left: 15px;
    font-size: 10px;
}
.pxg_chat_sidebar_top {
    position: relative;
    margin-bottom: 20px;
}

.pxg_chat_bot_sidebar a.pxg_btn.pxg_icon_button {
    background: rgba(var(--pxg-sec-color), 0.18);
    color: var(--pxg-gradient-secondary);
    min-width: 100%;
    box-shadow: none;
}
.pxg_chat_bot_sidebar a.pxg_btn.pxg_icon_button:hover {
    box-shadow: none;
}
.pxg_chat_bot_sidebar a.pxg_btn.pxg_icon_button .pxg_btn_icon {
    background-color: var(--pxg-gradient-secondary);
}
.pxg_chat_bot_sidebar_inner ul {
    height: 750px;
    overflow: hidden;
    overflow-y: scroll;
}
.pxg_chat_bot_sidebar_inner ul::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.pxg_chat_bot_sidebar_inner ul::-webkit-scrollbar-track {
    background-color: #f5f7f9;
    border-radius: 10px;
}

.pxg_chat_bot_sidebar_inner ul::-webkit-scrollbar-thumb {
    background-color:#7d809d8f;
    border-radius: 10px;
}

.pxg_chat_conversation_items{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 700px;
}

.pxg_chat_conversation_items .pxg_chat_item_empty_layer {
    margin: 0 auto 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -120%);
}

.green-audio-player{
    width: 100%;
    border: 1px solid #E3E5F3;
    background: var(--pxg-body-color);
    box-shadow: none;
}
.green-audio-player .volume .volume__button.open path {
    fill: var(--pxg-primary-color);
}
.green-audio-player .slider .gap-progress {
    background-color: var(--pxg-primary-color);
}
.green-audio-player .slider .gap-progress .pin {
    background-color: var(--pxg-primary-color);
}

.green-audio-player svg path.play-pause-btn__icon {
    fill: #7D809D;
}
.green-audio-player svg path.volume__speaker {
    fill: #7D809D;
}
.green-audio-player .slider {
    background-color: #7d809d47;
}

.pxg_delete_chat_action{
    position: absolute;
    top: 5px;
    right: 0px;
    width: 24px;
    height: 24px;
    background-color: var(--pxg-gradient-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    transition: var(--transition);
    opacity: 0;
    visibility: hidden;
}
.pxg_delete_chat_action svg path{
    fill: #fff;
}
.pxg_chat_bot_sidebar ul li a:hover .pxg_delete_chat_action{
    opacity: 1;
    visibility: visible;
    right: 5px;
}

/*Empty Chat Layer Section Style*/

.pxg_chat_item_empty_layer {
    width: 100%;
    text-align: center;
    background-color: #ffffff;
    min-height: 160px;
    border-radius: 10px;
    padding: 30px;
    max-width: 750px;
    margin: 100px auto 0 auto;
}
.pxg_chat_item_empty_layer h2 {
    font-size: 34px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    color: var(--pxg-title-color);
    margin-bottom: 2px;
    text-transform: capitalize;
}

.pxg_chat_item_empty_layer p{
    color: #7D809D;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 15px;
}


/*Render Requests Page Style*/

.render_btn {
    padding: 5px 10px;
    width: 80px;
    background: linear-gradient(90deg, var(--pxg-gradient-primary) 2.41%, var(--pxg-gradient-secondary) 81.75%);
}

/*Performance Page Style*/

.pxg_header_wrapper .pxg_hdr_right_content .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 55px;
}

.pxg_header_wrapper .pxg_hdr_right_content  .select2-container--default .select2-selection--single {
    height: 55px;
}

.pxg_header_wrapper .pxg_hdr_right_content  .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 25px;
}

/*Ai Writer Record List Table Page Style*/

.pxg_tb_plan.email_writer {
    background-color: #e1f0ff;
    color: #0081ff;
}

.pxg_tb_plan.paragraph_writer {
    color: #35cdb7;
    background-color: #dcf8f4;
}

.pxg_aiwriter_record_table_main .pxg_table_wrapper td .tb_name.tb_ai_topic_name {
    white-space: nowrap;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pxg_aiwriter_record_table_main div#userTable_length {
    float: left;
    margin-bottom: 25px;
    color: #78849b;
}
.pxg_aiwriter_record_table_main div.dataTables_wrapper div.dataTables_length label {
    text-transform: capitalize;
}

/*Data Table Filter Style*/

.dataTables_filter .form-control:focus{
    box-shadow: none;
}

.dataTables_filter input{
    height: 40px;
    padding: 10px 20px 15px 15px;
    background-color: var(--pxg-white-color);
    border: 0;
    border-radius: 6px;
    color: #7D809D;
}
.dataTables_filter input:focus{
    color: #7D809D;
}

div.dataTables_wrapper div.dataTables_filter label {
    color: #78849b;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

/*Select 2 Multiselect Dropdown Style*/

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
    width: 100%;
    line-height: 50px;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 5px;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0em;
    color: var(--afz-title-color);
    border: 1px solid #f6f8fb;
    background: #f6f8fb;
    line-height:1.4;
}

.select2-container--default .select2-selection--multiple {
    background-color: #f6f8fb;
}

.select2-container .select2-selection--multiple {
    padding: 0 10px;
    min-height: 60px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--pxg-primary-color);
    border: 1px solid var(--pxg-primary-color);
    margin-bottom: 8px;
    margin-top: 8px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: 1px solid transparent;
}

.select2-container--default.select2-container--focus .select2-selection--multiple, 
.select2-container--default .select2-selection--multiple {
    border-color: #f6f8fb;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    margin-top: 7px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    height: 30px;
    line-height: 1.9;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: transparent;
    color: #fff;
    outline: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color: #fff;
}

.select2-container .select2-selection--multiple .select2-search__field {
    height: 40px;
    margin-top: 0px;
    padding-left: 10px;
}

.select2-container .select2-selection--multiple .select2-search__field::placeholder{
    color: #898FB0;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0em;
}

/*Prompt Details Model Style*/

.view_media_details_wrapper {
    margin-bottom: 15px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
}
.view_media_details_wrapper p {
    margin-bottom: 2px;
        font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: #7D809D;
    background: #f6f8fb61;
    padding: 10px 20px;
    border-radius: 5px;
}
.view_media_details_wrapper p span {
    font-weight: 400;
    margin-left: 0;
    display: block;
    margin-top: 5px;
}

.media_prompt_area {
    margin-bottom: 20px;
}
.media_prompt_area {
    position: relative;
}
.media_prompt_area textarea.form-control {
    font-size: 16px;
    min-height: 50px;
}
.media_prompt_area span {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    padding: 10px 10px;
    background-color: #bbbccd;
    border-radius: 0 6px 0 10px;
    cursor: pointer;
    font-size: 12px;
}

.pxg_prompt_details_model .pxg_graphic_preview_wrapper img{
    border: 1px solid #E3E5F3;
}

/**/
.pxg_view_media_model .modal-body {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}
.pxg_view_media_model .pxg_graphic_preview_wrapper {
    text-align: center;
    width: 100%;
}
.pxg_common_model.pxg_view_media_model .modal-dialog {
    max-width: 1100px;
}

.media_prompt_detail_wrapper{
    width: 500px;
}

.pxg_common_model.pxg_view_media_model .pxg_btn.pxg_icon_button {
    gap: 0px;
    background: var(--pxg-gradient-secondary);
    min-width: 150px;
    height: 45px;
    line-height: 45px;
}

.pxg_common_model.pxg_view_media_model .pxg_btn:focus {
    box-shadow: none;
}
.pxg_common_model.pxg_view_media_model .pxg_btn:hover {
    box-shadow: none;
}

.pxg_common_model.pxg_view_media_model .pxg_btn_icon {
     background-color: var(--pxg-gradient-secondary);
}
.pxg_common_model.pxg_view_media_model .pxg_btn_icon svg{
    width: 16px;
    height: 16px;
}
.pxg_common_model.pxg_view_media_model .pxg_btn_icon svg path{
    fill: #fff;
}

 /*No Data Found Section*/

 .pxg_no_data_found_layer {
    background-color: white;
    width: 100%;
    position: absolute;
    border-radius: 10px;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pxg_no_data_found_layer p {
    color: #7D809D;
    text-transform: capitalize;
}

/*Info Icon With Tootip Style*/

.info-icon {
    width: 26px;
    height: 26px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    position: relative;
    transition: var(--transition);
    cursor: pointer;
}

.info-icon svg {
    width: 16px;
    height: 16px;
    fill: var(--pxg-primary-color);
}

.info-icon:hover .tooltip_icon {
    opacity: 1;
    visibility: visible;
}

.info-icon .tooltip_icon {
    min-width: 256px;
}

.apexcharts-tooltip {
    color: #828282;
}
.apexcharts-menu-item {
    padding: 6px 7px;
    font-size: 12px;
    cursor: pointer;
    color: #828282;
}

  /*Image Genrator Spinner*/
  
  .pxg_aiwriter_editor_main.pxg_image_generator .pxg_image_gnrt_spinner {
    width: 100%;
    height: 100%;
    background-color: #f9f9fc;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid transparent;
    transition: 0.3s all;
}
.pxg_aiwriter_editor_main.pxg_image_generator .pxg_image_gnrt_spinner .chat_bot_loader {
    margin-left: auto;
    margin-bottom: 15px;
    margin-top: inherit;
    color: #7d809d69;
    margin: 15px auto;
}

.pxg_aiwriter_editor_main.pxg_aiwriter_text_editor_main .pxg_image_gnrt_spinner {
    width: 100%;
    height: 100%;
    background-color: #f9f9fc;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid transparent;
    transition: 0.3s all;
}
.pxg_aiwriter_editor_main.pxg_aiwriter_text_editor_main .pxg_image_gnrt_spinner .chat_bot_loader {
    margin-left: auto;
    margin-bottom: 15px;
    margin-top: inherit;
    color: #7d809d69;
    margin: 15px auto;
}

/*Chat Bot Typing Loader Section*/

.chat_bot_loader {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: block;
    margin: 15px auto;
    position: relative;
    color: #7d809d69;
    box-sizing: border-box;
    animation: animloader 2s linear infinite;
    margin-left: 110px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  
  @keyframes animloader {
    0% {
        box-shadow: 14px 0 0 -2px,  38px 0 0 -2px,  -14px 0 0 -2px,  -38px 0 0 -2px;
      }
      25% {
        box-shadow: 14px 0 0 -2px,  38px 0 0 -2px,  -14px 0 0 -2px,  -38px 0 0 2px;
      }
      50% {
        box-shadow: 14px 0 0 -2px,  38px 0 0 -2px,  -14px 0 0 2px,  -38px 0 0 -2px;
      }
      75% {
        box-shadow: 14px 0 0 2px,  38px 0 0 -2px,  -14px 0 0 -2px,  -38px 0 0 -2px;
      }
      100% {
        box-shadow: 14px 0 0 -2px,  38px 0 0 2px,  -14px 0 0 -2px,  -38px 0 0 -2px;
      }
  }


 
.pxg_table_filter_wrapper {
    background-color: var(--pxg-white-color);
    border-radius: 6px;
    padding: 35px 35px 45px 35px;
    margin-bottom: 30px;
}
/* .pxg_table_filter_wrapper .pxg_select {
    margin-bottom: 30px;
} */
.pxg_table_filter_wrapper .pxg_select h6 {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: #7D809D;
}

.pxg_table_filter_wrapper .select .select2-container--default .select2-selection--single {
    height: 50px;
}
.pxg_table_filter_wrapper .select  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
}
.pxg_table_filter_wrapper .select  .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 20px;
    transform: scale(0.8);
}

.pxg_table_filter_wrapper .pxg_right_table_filter {
    text-align: right;
    padding-right: 0;
}

.pxg_table_filter_wrapper  .select2-container--default .select2-selection--single {
    border: 1px solid #E3E5F3;
    background: var(--pxg-body-color);
}


/* Checkbox  */

.checkbox input[type="checkbox"] {
    display: none;
}

.checkbox {
    margin: 0 0 35px;
}

.checkbox label {
    margin: 0;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
	text-transform: capitalize;
    color: var(--txt);
}

.checkbox label:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.checkbox label:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 4px;
    width: 10px;
    height: 5px;
    border-left: 2px solid var(--pxg-primary-color);
    border-bottom: 2px solid var(--pxg-primary-color);
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    opacity: 0;
}

.checkbox input:checked~label:before {
    background-color: var(--white);
}

.checkbox input:checked~label:after {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.checkbox-list {
    padding-bottom: 15px;
}
.checkbox-flex-list {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/*Site Reponse page Style */

.pxg__inner_content.pxg_sites_response_page_main .pxg_header_heading h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    color: var(--pxg-title-color);
    margin-bottom: 0 !important;
}

.pxg__inner_content.pxg_sites_response_page_main .pxg_header_heading {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}



.pxg_template_list.pxg_campaign_main_page .pxg_temp_preview_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.pxg_template_list.pxg_campaign_main_page .pxg_temp_preview_wrapper a:hover .tooltip_icon{
    opacity: 1;
    visibility: visible;
    min-width: 50px;
}

/**/

.pxg__inner_content.pxg_all_template_list_main .pxg_header_heading h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    color: var(--pxg-title-color);
    margin-bottom: 0 !important;
}
.pxg__inner_content.pxg_all_template_list_main .pxg_header_heading {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}


/*White Lable Pages Style*/
.pxg_setting_wrapper_main.pxg_white_label_main {
    max-width: 1300px;
}

.pxg_setting_wrapper_main.pxg_white_label_main .pxg_responder_heading {
    text-align: left;
}
.pxg_setting_wrapper_main.pxg_white_label_main label.pxg_upload span {
    width: max-content;
}
.pxg_setting_wrapper_main.pxg_white_label_main label.pxg_upload{
    border: 1px solid #E3E5F3;
    height: 50px;
}

.pxg_setting_wrapper_main.pxg_white_label_main label.pxg_upload span {
    height: 40px;
    line-height: 40px;
}

.pxg_white_label_main .wpa_uploadIcon {
    max-width: 100%;
    min-width: 100%;
    max-height: 150px;
    min-height: 150px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ebf0f5;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 15px;
    background-color: #ecebef33;
}
.pxg_white_label_main .wpa_uploadIcon img {
    object-fit: scale-down;
    max-width: 150px;
    min-width: 150px;
    max-height: 150px;
    height: 85px;
    position: absolute;
}


/**=====================
  Colopicker Style
==========================**/

.colopicker-wrapper .colopicker-feilds {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    letter-spacing: 0px;
    font-weight: 400;
    line-height: 1.4 !important;
    cursor: pointer;
    transition: all .3s;
    height: 50px;
    font-size: 14px;
    color: #7D809D;
    min-height: 50px;
    padding: 0 5px 0 20px;
    border-radius: 6px;
    border: 1px solid #E3E5F3;
    background: var(--pxg-body-color) !important;
}

.colopicker-wrapper .colopicker-feilds .sp-replacer.sp-light {
    height: 40px;
    border: 0;
    width: 40px;
    border-radius: 5px;
}

.colopicker-wrapper .colopicker-feilds .sp-dd {
    display: none;
}

.colopicker-wrapper .colopicker-feilds  span {
    font-weight: 400;
}

.colopicker-wrapper p {
    color: #2b2e35;
    margin-bottom: 10px;
}
.colopicker-wrapper .colopicker-feilds input {
    width: 40px;
    border-radius: 5px;
}

.colopicker-wrapper label {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: #7D809D;
}


.alert {
    padding: 12px 15px;
    font-size: 16px;
}

/**/
.pxg_table_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.tab_heading {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: center;
    color: var(--pxg-title-color);
    margin-bottom: 25px;
}

.pxg_white_label_main .dataTables_filter input {
    border: 1px solid #E3E5F3;
}

.pxg_white_label_main div.dataTables_wrapper div.dataTables_length label {
    color: #7D809D;
}

.pxg_white_label_main div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
    margin-bottom: 20px;
}

/**/
.afz-domain-details p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: #7D809D;
    margin-bottom: 10px;
}

.pxg_common_model.pxg_info_details_model .modal-dialog {
    max-width: 500px;
    margin: 0 auto;
}

.pxg_common_model.pxg_info_details_model .afz_model_btn {
    margin-top: 20px;
}



/*Premium Tagline Style */

.premium-temp-tagline {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 10px;
    font-weight: 600;
    background: linear-gradient(290deg, var(--pxg-gradient-primary) 2.41%, var(--pxg-gradient-secondary) 81.75%);
    line-height: 11px;
}

.premium-temp-tagline svg {
    width: 14px;
    height: 14px;
    fill: #fff;
}

/*DFY Page Style*/

.pxg_dfy_setting_main .pxg_dfy_setting_wrapper {
    background-color: var(--pxg-white-color);
    border-radius: 10px;
    padding: 35px 45px 35px 45px;
    position: relative;
    width: 800px;
}

.pxg_dfy_setting_wrapper .pxg_main_input.select_dropdown .select2-container--default .select2-selection--single {
    height: 50px;
}
.pxg_dfy_setting_wrapper .pxg_main_input.select_dropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
}

.pxg_dfy_setting_wrapper .pxg_main_input.select_dropdown .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 20px;
}

/*Plans & Access Levels Page Style*/

.pxg_plans_access_lavel_wrapper {
    max-width: 750px;
    margin: 0 auto;
    background-color: var(--pxg-white-color);
    min-height: 160px;
    border-radius: 10px;
    margin-top: 20px;
    border: 1px solid #E1E6FF;
    padding: 30px;
}
.pxg_plans_access_lavel_wrapper .pxg_accessLevel_list {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pxg_plans_access_lavel_wrapper .pxg_accessLevel_list li {
    width: 100%;
    border-radius: 5px;
    padding: 15px 10px 15px 15px;
    position: relative;
    text-align: center;
    color: var(--pxg-title-color);
    background-color: #f3f5ff;
    border: 1px solid #E1E6FF;
    font-weight: 500;
    font-size: 16px;
}


ul.pxg_accessLevel_list li.active {
    border: 1px dashed var(--pxg-gradient-primary);
    background-color: rgba(var(--pxg-color), 0.04);
}

ul.pxg_accessLevel_list li span {
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 5px;
    right: 5px;
}

ul.pxg_accessLevel_list li span svg circle{
    fill: var(--pxg-primary-color);
}

.pxg_plans_access_lavel_wrapper h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: center;
    color: var(--pxg-title-color);
    margin-bottom: 30px;
}



/*Video Player Setting Page Style*/

.pxg_vdo_plyr_setting_main {
    padding: 0 80px 40px 50px;
    position: relative;
}
 
.pxg_vdo_plyr_setting_main .pxg_vdo_plyr_setting_content{
    display: flex;
    grid-gap: 50px;    
}

.pxg_vdo_plyr_setting_main .pxg_vdo_plyr_setting_content .pxg_vdo_plyr_setting_option {
    max-width: 400px;
    width: 100%;
    color: #000;
}

.pxg_vdo_plyr_setting_main .pxg_vdo_plyr_setting_content .pxg_vdo_plyr_details {
    max-width: 1145px;
    width: 100%;
}


.pxg_vdo_plyr_setting_main .pxg_vdo_plyr_setting_content h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-title-color);
    margin-bottom: 15px;
}

.pxg_vdo_plyr_option_box {
    background-color: var(--pxg-white-color);
    border-radius: 10px;
    border: 1px solid #E1E6FF;
    padding: 13px 20px 20px 20px;
}

.pxg_plyr_option_control {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px 0 0 0;
}

.pxg_plyr_option_control p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    color: #7D809D;
    margin-top: 10px;
}

.pxg_plyr_option_control .checkbox {
    margin: -20px 0 10px 0;
}

.pxg_plyr_option_control {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 15px 0;
}

.pxg_vdo_plyr_option_wrapper {
    position: relative;
    margin-bottom: 50px;
}

.control_toggle_main .checkbox label:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 24px;
    height: 24px;
    border: 1px solid #E1E6FF;
    border-radius: 5px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.control_toggle_main .checkbox input:checked~label:before {
    background-color: var(--pxg-primary-color);
    border: 1px solid var(--pxg-primary-color);
}

.control_toggle_main .checkbox label:after{
    border-left: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
}

.control_toggle_main .checkbox label:after {
    content: "";
    position: absolute;
    top: 9px;
    left: 6px;
    width: 14px;
    height: 7px;
    border-left: 2px solid var(--pxg-primary-color);
    border-bottom: 2px solid var(--pxg-primary-color);
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    opacity: 0;
}


.pxg_plyr_option_control .colopicker-wrapper .colopicker-feilds .sp-replacer.sp-light {
    height: 24px;
    width: 24px;
    border: 1px solid #E1E6FF;
}

.pxg_plyr_option_control  .colopicker-wrapper .colopicker-feilds {
    min-height: 100%;
    padding: 0;
    border-radius: 6px;
    border: 1px solid transparent;
    background: transparent !important;
    height: auto;
    gap: 8px;
}

.pxg_plyr_option_control .colopicker-wrapper {
    margin-top: 15px;
}

.pxg_vdo_plyr_setting_option .pxg_tabcontent_data.tabcontent{
    display: none;
}
.pxg_vdo_plyr_setting_option .pxg_tabcontent_data.tabcontent.active{
    display: block;
}

/**/

.pxg_vdo_box {
    position: relative;
}

/*.pxg_vdo_box .pxg_vdo_plyr_wrap {*/
/*    width: 100%;*/
/*    min-height: 645px;*/
/*    height: 100%;*/
/*}*/

/*.pxg_vdo_box .pxg_vdo_plyr_wrap video {*/
/*    width: 100%;*/
/*    min-height: 645px;*/
/*    height: 100%;*/
/*    border-radius: 10px;*/
/*}*/

.pxg_video_frofile_box {
    position: absolute;
    bottom: 80px;
    left: 20px;
    display: flex;
    align-items: center;
    grid-gap: 15px;
    z-index: 1;
}

.pxg_video_frofile_box img {
    width: 93px;
    height: 93px;
    object-fit: cover;
    border-radius: 10px;
}

.pxg_video_frofile_name h3 {
    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
    background-color: #333333;
    border-radius: 6px;
    padding: 10px 13px;
}
.pxg_video_frofile_name p {
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    background-color: #333333;
    border-radius: 6px;
    padding: 5px 20px;
    display: inline-block;
    margin-top: 5px;
}

.pxg_vdo_box .pxg_video_btn {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    grid-gap: 20px;
}

.pxg_vdo_box .pxg_video_btn a.pxg_btn {
    min-width: auto;
    width: 45px;
    padding: 0;
    background: #4B4B4B;
    height: 45px;
    line-height: 45px;
}

.pxg_vdo_box .pxg_video_btn a.pxg_btn:hover {
    background: var(--pxg-primary-color);
}

.pxg_vdo_plyr_details h4{
    font-size: 24px;
    color: var(--pxg-title-color);
    font-weight: 600;
    margin-top: 20px;
}

.video_like_view {
    border-top: 1px solid #E9E9E9;
    margin-top: 20px;
    padding-top: 20px;
}

.video_like_view ul li {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    margin-right: 20px;
    color: #797979;
}

.video_like_view ul li svg {
    margin-right: 7px;
}

.video_like_view ul li svg:first-child {
    cursor: pointer;
}

/*Single Page Header Style*/

.pxg_header_wrapper.pxg_single_page_header {
    background-color: #fff;
    padding: 18px 80px;
}

.pxg_vdo_plyr_setting_option .pxg_tabcontent_data.tabcontent{
    padding: 50px 30px 20px 30px;
}

.pxg_header_wrapper.pxg_single_page_header .pxg_btn {
    height: 45px;
    line-height: 45px;
}

.pxg_header_wrapper.pxg_single_page_header .hdr_logo_wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.pxg_header_wrapper.pxg_single_page_header .hdr_logo_wrapper a img{
    max-width: 180px;
    object-fit: contain;
}

/*Tab Style 2 Button Style*/

.pxg_tab_style_two {
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
    text-align: center;
}

.pxg_tab_style_two ul {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--pxg-white-color);
    border-radius: 6px;
    padding: 8px 8px;
    gap: 5px;
}

.pxg_tab_style_two ul li {
    display: inline-flex;
}

.pxg_tab_style_two ul li a {
    border-radius: 6px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    font-weight: 600;
    color: var(--pxg-text-color);
}

.pxg_tab_style_two ul li.active a {
    background: linear-gradient(290deg, var(--pxg-gradient-primary) 2.41%, var(--pxg-gradient-secondary) 81.75%);
    color: #fff;
}

/*Video Player Comment & shaire details Style*/

.pxg_vdo_plyr_setting_option .pxg_settng_menu_main ul li a.active{
    border-bottom: 2px solid var(--pxg-primary-color);
}
.pxg_vdo_plyr_setting_option .pxg_settng_menu_main ul li a{
    border-bottom: 2px solid transparent;
}

.analytics-setting-main .pxg_vdo_plyr_option_box{
    min-height: 200px;
}

.analytics-setting-main .pxg_vdo_plyr_option_box {
    min-height: 200px;
    margin-bottom: 25px;
}

.analytics-setting-main p {
    margin-bottom: 15px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: #7D809D;
}

header.pxg_header_wrapper.pxg_single_page_header .hdr_logo_wrapper h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-title-color);
}

.pxg_vdo_plyr_details .title{
    font-size: 20px !important;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-title-color);
    margin-bottom: 20px;
}

/**/

/*Share Video Details Model Style*/

.pxg_common_model.pxg_share_video_details_model .modal-dialog {
    max-width: 550px;
}
.input-grid-group {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.input-grid-group .pxg_custom_input {
    border-radius: 5px 0 0 5px !important;
}
.input-right-lable {
    height: 60px;
    background: var(--pxg-primary-color);
    border: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
    border-right: 1px solid var(--border-color);
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    transition: 0.3s all;
}
.input-right-lable:hover {
    background: #1A2343;
}
span.input-right-lable svg{
    width: 24px;
    height: 24px;
}

.pxg_common_model textarea.form-control, textarea.form-control:focus {
    border-radius: 5px;
    border: 1px solid #f6f8fb;
    background: #f6f8fb !important;
}

.pxg_common_model textarea.form-control:focus{
    border: 1px solid var(--pxg-primary-color);
}




/*Switch Field Style*/

.switch-field {
    display: flex;
    overflow: hidden;
}
.switch-field input {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
    background-color: #f6f8fb;
    color: #898FB0;
    line-height: 1;
    text-align: center;
    margin-right: -1px;
    border: 1px solid #efefef;
    transition: all 0.1s ease-in-out;
    padding: 12px 20px;
    cursor: pointer;
}

.switch-field label:first-of-type {
    border-radius: 6px  0 0 6px;
}
.switch-field input:checked+label {
    background-color: #6ca329;
    box-shadow: none;
    color: #ffffff;
}
.switch-field input:checked+label {
    background: linear-gradient(290deg, var(--pxg-gradient-primary) 2.41%, var(--pxg-gradient-secondary) 81.75%);
}
.switch-field label:last-of-type {
    border-radius: 0 6px 6px 0;
}

/**/
.share_social_icons_list {
    margin-top: 10px;
}

.share_social_icons_list .share_social{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    flex-wrap: wrap;
}

.share_social_icons_list .share_social li {
    display: inline-flex;
    vertical-align: middle;
}

.share_social_icons_list .share_social .sharepost_icon {
    width: 63px;
    height: 63px;
    background: #f4f4f4;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sharepost_name {
    color: #7D809D;
    margin-top: 5px;
    text-transform: capitalize;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
}

.share_social_icons_list .share_social .sharepost_icon.facebook {
    background: #3a549f;
}

.share_social_icons_list .share_social .sharepost_icon.twitter {
    background: #000000;
}

.share_social_icons_list .share_social .sharepost_icon.linkedin {
    background: #0077b7;
}

.share_social_icons_list .share_social .sharepost_icon.pinterest {
    background: #c42027;
}

.share_social_icons_list .share_social .sharepost_icon.skype {
    background: #00a5ea;
}

.share_social_icons_list .share_social .sharepost_icon.tumblr {
    background: #375672;
}

.share_social_icons_list .share_social .sharepost_icon.reddit{
    background: #f74300;
}

.share_social_icons_list .share_social .sharepost_icon.live {
    background: #00aae3;
}

.share_social_icons_list .share_social .sharepost_icon.blogger {
    background: #f39305;
}

.share_social_icons_list .share_social .sharepost_icon.whatsapp {
    background: #1ad03f;
}


.pxg_common_model.pxg_share_video_details_model .pxg_model_btn {
    position: relative;
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.pxg_common_model.pxg_share_video_details_model .pxg_model_btn .pxg_btn.pxg_btn_dark {
    background: #1A2343;
}



/*Video Player Video-JS Style*/

@font-face {
    font-family: 'VideoJS';
    src: url('https://vjs.zencdn.net/f/1/vjs.eot');
    src: url('https://vjs.zencdn.net/f/1/vjs.eot?#iefix') format('embedded-opentype'), 
      url('https://vjs.zencdn.net/f/1/vjs.woff') format('woff'),     
      url('https://vjs.zencdn.net/f/1/vjs.ttf') format('truetype');
  }

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .vjs-icon-pause:before {
    content: "\f103";
    font-family: 'VideoJS';
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before, .vjs-icon-volume-high:before {
    content: "\f107";
    font-family: 'VideoJS';
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before {
    content: "\f101";
    font-family: 'VideoJS';
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-picture-in-picture-enter:before {
    content: "\f121";
    font-family: 'VideoJS';
}

 .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-enter:before {
    content: "\f108";
    font-family: 'VideoJS';
}

.vjs-volume-level:after {
    content: '';
    position: absolute;
    height: 14px;
    width: 14px;
    background-color: white;
    border-radius: 100%;
    line-height: 0.35em;
    right: -0.7em;
    top: -5px;
}

.vjs-theme-fantasy .vjs-play-control .vjs-icon-placeholder:before{
    line-height: 1.2 !important;
}

.vjs-brand-container {
    margin-top: 12px !important;
}

.pxg_vdo_plyr_wrap .video-js {
    width: 100%;
    height: 100%;
    padding-top: 56.25%;
}

.pxg_vdo_plyr_wrap {
    border-radius: 10px;
    overflow: hidden;
}
.pxg_vdo_plyr_wrap .video-js{
    border-radius: 10px;
    overflow: hidden;
}
.video-js .vjs-tech {
    border-radius: 10px;
    overflow: hidden;
}

/*Embed & watch Video Player Page Style*/

.pxg_vdo_plyr_setting_main.pxg_vdo_plyr_enbed {
    padding: 0;
}

.pxg_vdo_plyr_setting_main.pxg_vdo_plyr_enbed .pxg_vdo_plyr_wrap .video-js {
    padding-top: 0; 
    height: 100vh;
    width: 100%;
    overflow: hidden;
}

.pxg_vdo_plyr_setting_main.pxg_vdo_plyr_enbed .pxg_vdo_plyr_setting_content .pxg_vdo_plyr_details {
    max-width: 100%;
    width: 100%;
}

.pxg_vdo_plyr_setting_main.pxg_vdo_plyr_watch .pxg_vdo_plyr_setting_content {
    justify-content: center;
}

.pxg_vdo_plyr_setting_main.pxg_vdo_plyr_watch{
    padding: 80px 80px 40px 50px;
}

.pxg_vdo_plyr_setting_main.pxg_vdo_plyr_watch .pxg_vdo_plyr_wrap iframe{
    width: 100%;
    height: 645px;
}

/*Shared Video & Image Single Page Style*/

.ai_single_page_main_wrapper .pxg_header_wrapper.pxg_single_page_header {
    justify-content: center;
}

.pxg_view_shared_element_details {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 40px;
}


.pxg_view_shrd_element {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.pxg_view_shrd_element > img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    object-fit: contain;
}

.ai_single_page_main_wrapper .title {
    font-size: 24px !important;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-title-color);
    margin-bottom: 20px;
}


.pxg_view_shared_element_main .pxg_view_shrd_video_element {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.pxg_view_shared_element_main .pxg_view_shrd_video_element video{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.pxg_view_shrd_element,.pxg_view_shrd_video_element {
    margin-bottom: 50px;
}

/*Youtube Short Video Setting Page*/

 .aiw_card {
    background-color: var(--pxg-white-color);
    border-radius: 10px;
    padding: 35px 45px 35px 45px;
    position: relative;
}

.pxg_ytb_vidoe_setting_content .input-right-lable {
    height: 50px;
    padding: 0 20px;
}

.pxg_ytb_vidoe_setting_main {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 30px;
    align-items: flex-start;
}

.pxg_ytb_vidoe_preview_wrapper video{
    width: 100%;
    height: 100%;
    border-radius: 6px;
} 
.pxg_ytb_vidoe_preview_wrapper{
    background-color: var(--pxg-white-color);
    border-radius: 10px;
    padding: 20px;
    position: relative;
} 


.aiw_back_button {
    line-height: 1.4;
    box-shadow: none;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 5px 0 5px 5px;
    min-width: 100px;
    width: 100px;
    background-color: var(--pxg-primary-color);
    color: #fff;
    height: 40px;
}

.aiw_back_button span {
    height: 32px;
    width: 32px;
    background-color: #ffffff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aiw_back_button span svg {
    width: 18px;
    height: 18px;
    fill: #222;
}
.aiw_back_button:hover {
    color:#fff;
}

.copied_link_msg_small {
    position: absolute;
    top: -25px;
    right: 5px;
    color: white;
    font-size: 12px;
    background-color: #1bad1b;
    padding: 3px 10px;
    border-radius: 5px;
}

/**/

.aiw_logout_btn {
    position: absolute;
    top: 6px;
    right: 6px;
    padding: 5px 15px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 1.4;
    color: #fff;
    font-weight: 600;
    background: #828282;
}
.aiw_logout_btn:hover {
    color: #fff;
}
.textarea_wrapper textarea{
    padding: 15px;
}

.textarea_wrapper:hover .ai_wrighter_copy_btn {
    opacity: 1;
    visibility: visible;
}

.textarea_wrapper{
    position: relative;
}

.pxg_video_modal.portrait {
    position: relative;
    width: 70%;
    padding-top: 100%;
    margin: 0 auto;
}

.pxg_common_model.pxg_video_view_model .pxg_video_modal.portrait video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    font-size: 20px;
    color: white;
}


.total_site_visite {
    background-color: #f5f5f5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding: 14px 20px;
    gap: 10px;
    border-radius: 8px;
    margin-right: 10px;
}

.total_site_visite h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.02em;
    text-align: left;
    color: var(--pxg-title-color);
    margin-bottom: 2px;
}

.total_site_visite span {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.02em;
    text-align: left;
    color: #828282;
}

/*Tutorial Page Style */
.pxg_tutorial_video_list .pxg_tutorial_video_wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%;
}
.pxg_tutorial_video_list .pxg_tutorial_video_wrapper video{
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}


.pxg_tutorial_video_list .pxg_tutorial_video_wrapper iframe {
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.pxg_template_list.pxg_tutorial_video_list {
    display: grid;
    grid-gap: 30px;
    margin-bottom: 80px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pxg_template_list.pxg_tutorial_video_list .nc_video_iframe.nc_vido_embed .video-js {
    height: 100vh !important;
    width: 100%;
    overflow: hidden;
    min-height: 100vh !important;
} 

.ptw_chat_box_wrapper>.ptw_chat_box_inner>.ptw_login_box>h3{
    color:#112650;
}

.ptw_cb_body {
    color: #112650;
}

button.ptw_btn.ptw_login_btn:hover{
    color:#fff;
}

.psw_btn.psw_create_ticket_btn:hover{
    color:#fff;
}
.psw_btn:hover{
    color:#fff !important;
}


.ptw_widget_wrapper{
    z-index: 9999;
}
 
 /*Add New Sub Domain Model Style*/
 
p.sub_domain_input {
    display: flex;
    color: #7D809D;
    align-items: center;
    gap: 15px;
}

div#pxg_subdomain_model .modal-dialog.modal-dialog-centered.modal-lg {
    max-width: 600px;
}
 /*My site Setting Model Style*/

div#pxg_create_update_template_model .modal-dialog.modal-dialog-centered{
    max-width: 550px;
    margin: 0 auto;
}

div#pxg_create_update_template_model .modal-content .flex-wrapper a {
    font-size: 14px; 
    font-weight: 500;
}

/*pxg_table_filter_wrapper Notes Style*/

.notes_info strong {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: left;
    color: var(--pxg-title-color);
}
.notes_info p {
    color: var(--pxg-text-color);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
}

.flex-wrapper {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
}



.pxg__inner_content.pxg_sites_response_page_main .tabcontent.active{
    display:Block;
}
.pxg__inner_content.pxg_sites_response_page_main .tabcontent{
    display:none;
}

/*Or Divider Style*/

.or_divider_main {
    display: flex;
    align-items: center;
    color: #7D809D;
    justify-content: center;
    gap: 10px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.or_divider_main span {
    height: 1.5px;
    background-color: #a7acc5d4;
    width: 40%;
}

.aiw_template_settings_modal .select2-container--default .select2-selection--single {
    height: 50px;
}
.aiw_template_settings_modal .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
}
.aiw_template_settings_modal .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 22px;
}



.pxg_table_filter_wrapper.pxg_sub_domain_page_header .pxg_right_table_filter .pxg_btn{
    line-height: 1.4;
    justify-content: center;
    text-align: center;
}