@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
.wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  max-width: 870px;
  padding-top: 4rem;
}

label {
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1rem;
  font-weight: 500;
  
}

.cell {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  font-family: 'Montserrat', sans-serif;    
  position: relative;
  width: calc(50% - 1rem);
  padding-bottom: 8px;
}
.cell#preview {
  width: calc(100% - 1rem);
}

.form {
  margin-bottom: 1rem;
    
}

#html,
#css {
  background: #00a651;
  border-radius: 5px;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.0rem;
  max-height: 10rem;
  overflow: auto;
  padding: 1rem;
    
}

#preview {
  border: 1px solid var(--primary-color);
}

#form {
  display: flex;
  margin-bottom: 1rem;
}

[type=radio] {
  display: none;
}

[type=radio] + label {
  background: #025281;
  border-radius: 3rem;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.0rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  padding: 0.32rem 1.1rem;
  text-align: center;
  width: 100%;
}

[type=radio]:checked + label {
  background: #78b8d5;
}

.options {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.2rem;
  margin-right: -0.2rem;
}
.options > div {
  margin: 0 0.2rem 0.4rem;
  width: calc(100% / 5 - 0.4rem);
}

.copied {
  background: #025281;
  border-radius: 1rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 0.9rem;
  padding: 0.3rem 0.5rem;
  position: absolute;
  top: 3px;
  right: 3px;
}

.desc {
  font-size: 1.1rem;
  width: 100%;
  margin-bottom: 1rem;
}

/* SCROLL BARS */

/* width */
::-webkit-scrollbar {
  width: 16px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #78b8d5; 
   /*  border-radius: 10px; */

}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #025281; 

    
    /* border-radius: 10px; */
 
 /*   border-bottom-right-radius: 80px 80px; */
     border: solid 1px #2b8cc6;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgb(0, 111, 178); 
}

/* FOOTER 

footer{
width:100%;
background-color:#000000;
color:#fff;
}

.top_header{
padding:2rem;
display:flex;
align-items:center;
justify-content:center;
position:relative;
}

.top_header section{
display:flex;
align-items:center;
font-family: 'Montserrat', sans-serif;
justify-content:center;
width:100%;
}

.top_header span{
padding:0 1rem;
}


footer .border-shape {
width: 40%;
}

footer .border-shape::before {
width: 100%;
left:120px;
}

footer .border-shape::after {
width: 100%;
right:120px;
}

footer .bottom_content section{
padding:1.5rem 2rem;
display:flex;
    
align-items:center;
justify-content:Center;
}

.bottom_content a{
margin:0 20px;
font-family: 'Montserrat', sans-serif;
color:rgba(255,255,255,0.7);
transition:0.5s;
}

.bottom_content a:hover{
color:rgba(255,255,255,1);
}


.copyright{
padding:0.8em 0;
background-color:#00a651;
text-align:center;
font-family: 'Montserrat', sans-serif;
color:rgba(255,255,255,0.7);
font-size:12px;
}



@media (max-width:820px){
.top_header{
padding:1rem;
display:block;
}

.top_header section{
margin:40px 0;
align-items:left;
justify-content:left;
}
footer .bottom_content section{
padding:1rem;
display:block;
    
}
footer .bottom_content section a{
padding:1rem;
font-size:12px;
margin:0 5px;
display:inline-block;
}*/

    /* FLOTADOR */

#container-floating {
  position: fixed;
  right: 30px;
  bottom: 50px;
  z-index: 9999;
}
    
/* PROTEGIDO */
 
span.rev { unicode-bidi:bidi-override; direction:rtl }
span.rev.email:before { content:"moc.sixilletni" }
span.rev.email:after { content:"@ksedofni :liamE" }
span.rev.phone:before { content:"0208-674 " }
span.rev.phone:after { content:" 307+ :enohP" }
    
/* SPACE */
    
.space {
        
padding-bottom: 30px;        
    }



/*
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
*/
:root {
  --cardBg: #2b2c40;
  --secondary: #444564;
  --bs-body-bg: #232333;
  --primaryColor: #F7004F;
  --secondaryColor: #253746;
  --thirdColor: #232333;
  --fourthColor: #323249;
  --textColor: #212121;
  --textAltColor: #a3a4cc;
  --lightColor: #eeeff3;
  --surfaceColor: #38b000;
  --eyeTrackingColor: #FCF92A;
  --locationColor: #EC3D06;
  --imageColor: #F3A31F;
  --markerColor: #86CFF9;

  --facebookBg:#1877f2;
  --linkedinBg:#0076b4;
  --redditBg:#ff4500;
  --whatsappBg:#4fcc5c;
  --twitterBg:#1cb7eb;
  --telegramBg:#63b3f4;
  --printerstBg:#ca2127;
}
.surface-ar{color: var(--surfaceColor);}
.eye-track-ar{color: var(--eyeTrackingColor);}
.location-ar{color: var(--locationColor);}
.image-based-ar{color: var(--imageColor);}
.marker-ar{color: var(--markerColor);}

img {
  max-width: 100%;
}

/* width */
::-webkit-scrollbar {
  width: 15px;
  /* border-radius: 15px; */
}
.btn.focus, .btn:focus{box-shadow: none;}
/* Track */
::-webkit-scrollbar-track {
  background: var(--cardBg); 
  /* border-radius: 15px; */
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--secondary); 
  /* border-radius: 15px; */
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--secondary); 
  /* border-radius: 15px; */
}
.footer-layout{z-index: 1000;}

.file-upload-input {opacity: 1;position: absolute; top: 8px; left: 30px;}
.file-input-label {cursor: pointer;display: inline-flex;align-items: center;z-index: 4 !important; border-radius: 4px;font-size: 14px;font-weight: 400;color: #fff;font-size: 14px;padding: 10px 12px;background-color: var(--gray);box-shadow: 0px 0px 2px rgb(0 0 0 / 25%);letter-spacing: 0.3px;}
/* ********|| INITIALIZATION STARTS ||******** */
body, html { width: 100%; line-height:18px; margin:0 auto !important;padding:0 !important;font-weight: 300; -webkit-font-smoothing: subpixel-antialiased;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);font-size: 14px;  color: var(--secondaryColor);background: var(--bs-body-bg);position: relative; z-index: 0;font-family: 'Roboto', sans-serif; }
.modal .modal-content{background-color: var(--cardBg);}
.modal .modal-header{color: var(--white);font-weight: 300;text-transform: capitalize;border-bottom: 1px solid var(--gray-dark);}
.modal .modal-footer{border-top: 1px solid var(--gray-dark);}
.modal .close{text-shadow: none;color: var(--lightColor);font-weight: 500;}
*:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
a {text-decoration: none ;}
a:hover{text-decoration: none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;transition: all 0.3s ease;}
a:focus{ outline: none;text-decoration: none;}
input:focus, label:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
/* ********|| INITIALIZATION ENDS ||******** */
/* width */
.aside-layout ::-webkit-scrollbar {
  width: 5px;
  border-radius: 15px;
}
.btn.focus, .btn:focus{box-shadow: none;}
/* Track */
.aside-layout ::-webkit-scrollbar-track {
  background: var(--textColor); 
  border-radius: 15px;
}
 
/* Handle */
.aside-layout ::-webkit-scrollbar-thumb {
  background: var(--secondary); 
  border-radius: 15px;
}

/* Handle on hover */
.aside-layout ::-webkit-scrollbar-thumb:hover {
  background: var(--secondary); 
  border-radius: 15px;
}

/* ********|| PSEUDO ELEMENTS STARTS ||******** */
::selection{ background-color:var(--secondary); color:#fff}
::-moz-selection{ background-color:var(--secondary); color:#fff}
::-webkit-selection{ background-color:var(--secondary); color:#fff}

:-webkit-focus { outline: none !important; }
:-moz-focus { outline: none !important; }
:focus { outline: none !important; }

select:-webkit-focusring { color: var(--secondary) !important;text-shadow: 0 0 0 var(--textMedColor);}
select:-moz-focusring {color: var(--secondary) !important;text-shadow: 0 0 0 var(--textMedColor);}
select:focusring {color: var(--secondary) !important; text-shadow: 0 0 0 var(--textMedColor);}

::input-placeholder{ color:var(--textColor) !important; opacity: 0.5!important;}
::-moz-input-placeholder{ color:var(--textColor) !important;opacity: 0.5!important;}
::-webkit-input-placeholder{ color:var(--textColor) !important;opacity: 0.5!important;}

/* ********|| ADJUSTMENT CLASSES STARTS ||******** */
*,::after,::before{box-sizing: border-box;}
a{color:var(--primaryColor); transition: all 0.3s ease;}
a:hover, a:focus{color:var(--lightColor);}
p { margin: 0 0 10px; }
hr{margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid var(--c4dee4);}

.required:after{content:"*";color:#f44336; font-size:16px; font-weight:600; position: absolute;margin: 0 0 0 3px;}
.separator_dashed{ border-bottom:var(--textMedColor) 1px dashed;}
.separator_dotted{ border-bottom:var(--textMedColor) 1px dotted;}
.separator_solid{ border-bottom:var(--textMedColor) 1px solid;}
/* ********|| ADJUSTMENT CLASSES ENDS ||******** */

section{position:relative;}
.form-content{position: relative;background: var(--bs-body-bg);padding: 20px; border-radius: 6px;}
.form-group{position:relative; margin: 0 0 20px;}
.control-label{font-size: 14px;font-weight: 300;margin: 0 0 2px;color: var(--white);display: block;text-transform: capitalize;line-height: 1.4;margin-bottom: 8px;letter-spacing: 0.6px;}
.btn-submit{display: block;cursor: pointer;margin: 0;background-color: var(--primaryColor);color: #fff;padding: 10px 15px;height: 38px;line-height: 24px;border-radius: 4px;font-size: 16px;font-weight: 600;position: relative;z-index: 0;overflow: hidden;text-align: center;border: 0;display: flex;align-items: center;justify-content: center;}
.form-control{ border-radius: 4px;box-shadow: none;border: 1px solid var(--secondary);color: var(--white);background: transparent;min-width: 50px;min-height: 38px;width: 100%;padding: 6px 12px;font-family: inherit;font-size: 14px;}
.form-control:focus {border-color: var(--secondary);box-shadow: none;background-color: transparent;color: var(--white);}
.form-control::-webkit-input-placeholder{ color: #FFFFFF !important;}
.form-control:-moz-placeholder{color: #FFFFFF !important;opacity:  0.5 !important;}
.form-control::-moz-placeholder{color: #FFFFFF !important; opacity:0.5 !important;}
.form-control:-ms-input-placeholder{color: #FFFFFF !important;}
.form-control::-ms-input-placeholder{color: #FFFFFF !important;}
textarea.form-control{ resize:none; min-height: 100px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background-color: #fff; opacity: 0.7; cursor: not-allowed;}

#id_email{border-radius: 4px;box-shadow: none;border: 1px solid rgb(255 255 255 / 29%);color: var(--white);background: transparent;min-width: 50px;min-height: 38px;width: 100%;padding: 6px 12px;font-family: inherit;font-size: 14px;}

.custom-checkbox{position: relative;padding-left: 24px;margin: 3px 0;display: inline-block;}
.custom-checkbox .custom-checkbox-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.custom-checkbox .custom-checkbox-label{position: relative;margin: 0;line-height: 16px;font-size: 14px;}
.custom-checkbox .custom-checkbox-label:before{content:'';position:absolute;width: 16px;height: 16px;background: #fff;border: 1px solid #ddd;top: 50%;left: -24px; transform: translateY(-50%);border-radius: 2px;}
.custom-checkbox .custom-checkbox-label:after{content: "\f00c";position: absolute;font-family: "Font Awesome 5 Pro";width: 16px;height: 16px;top: 50%;left: -24px;transform: translateY(-50%); font-weight: 500;font-size: 10px;display: none;color: #fff;text-align: center;}
.custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:after{display:block;}
.custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:before{background: var(--primaryColor);border: 1px solid var(--primaryColor);}

.custom-radio{position: relative;padding-left: 24px;margin: 3px 0;display: inline-block;}
.custom-radio .custom-radio-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.custom-radio .custom-radio-label{position: relative;margin: 0;line-height: 16px;font-size: 14px;}
.custom-radio .custom-radio-label:before{content: '';position: absolute;width: 16px;height: 16px;background: var(--shades02);border: 1px solid var(--textAltColor);top: 50%;left: -24px;transform: translateY(-50%);border-radius: 50%;}
.custom-radio .custom-radio-label:after{content: "\f111";position: absolute;font-family: "Font Awesome 5 Pro";width: 16px;height: 15px;top: 50%;left: -24px;transform: translateY(-50%); font-weight: 600;font-size: 8px;display: none;color: #fff;text-align: center;}
.custom-radio .custom-radio-input:checked ~ .custom-radio-label:after{display:block;}
.custom-radio .custom-radio-input:checked ~ .custom-radio-label:before{background: var(--primaryColor);border: 1px solid var(--primaryColor);}

.select2{width:100% !important;}
.select2-container .select2-selection--single, .select2-container .select2-selection--multiple{height: 38px;border: 1px solid #ddd;border-radius: 4px !important;padding: 0 12px;}
.select2-container--default .select2-selection--single .select2-selection__rendered,.select2-container--default .select2-selection--multiple .select2-selection__rendered{line-height: 38px;font-size: 14px;color: var(--secondaryColor);padding: 0;font-weight: 500;}
.select2-container--default .select2-selection--single .select2-selection__arrow,.select2-container--default .select2-selection--multiple .select2-selection__arrow{height: 36px;}
.select2-container--default .select2-search--dropdown .select2-search__field{border: 1px solid #d1d3e2;font-size: 14px;color: #6e707e;border-radius: 2px;}
.select2-container--default.select2-container--focus .select2-selection--multiple{border: 1px solid #d1d3e2;}
.select2-container--default .select2-search--inline .select2-search__field{color:#6e707e; margin: 0;}
.select2-dropdown{border: 1px solid #ddd;border-radius: 0;box-shadow: none;overflow: hidden;}
.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option[aria-selected=true]{background: var(--primaryColor); color: #fff;}
.select2-results__option{font-size: 14px;letter-spacing: 0;color: var(--secondaryColor);font-weight: 500;padding: 6px 12px;line-height: 1.2;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar{width: 5px;height: 5px;background-color: #fff;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb{background-color: #ddd;}
.select2-container .select2-selection--multiple{height: auto;min-height: 38px;line-height: 38px;display: flex;padding: 4px;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{display: flex;flex-wrap: wrap; color: #fff;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li{line-height: 24px;margin: 2px;padding: 0;overflow: hidden;font-size: 12px;position: relative;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{width: 18px;padding: 0 4px;margin: 0;color: #fff;background: rgba(0,0,0,0.2);text-align: center;font-size: 14px;font-weight: 600;position: absolute;top: 0;left: 0;height: 100%;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color: #fff;background: rgba(255,255,255,0.2);}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{background-color: #375dce;border:none;padding-left: 24px;padding-right: 6px;}
.select2-container--default .select2-results__option[aria-disabled=true]{color: #ddd;}
.select2-container--open .select2-dropdown--below{border-radius: 4px !important;}
.android_3d_submit_input{width: 100px; border: none; outline: none;}
.custom-tab{}
.custom-tab .custom-tab-navigation{padding-left: 0;list-style: none;display: flex;flex-wrap: wrap;justify-content: center;margin: 0 auto 10px;}
.custom-tab .custom-tab-navigation > li{width: auto;position: relative;}
.custom-tab .custom-tab-navigation > li.active > a,.custom-tab .custom-tab-navigation > li > a:hover{background-color: var(--primaryColor);}
.custom-tab .custom-tab-content{}
.custom-tab .custom-tab-content .custom-tab-wrap{display: none;background: transparent;padding: 20px 0;}
.custom-tab .custom-tab-content .custom-tab-wrap.active{display: block;}
.custom-tab .custom-tab-content .custom-tab-navigation > li > a{padding: 5px 10px;font-size: 14px;font-weight: 600;}
.custom-tab .custom-tab{margin-top: -20px;}
.custom-tab .custom-tab .custom-tab-navigation{margin-bottom: 0;}
@media (min-width: 576px){.custom-tab .custom-tab-navigation{max-width:620px}}
@media (min-width: 768px){.custom-tab .custom-tab-navigation{max-width:740px}}
@media (min-width: 992px){.custom-tab .custom-tab-navigation{max-width:1140px}}
@media (min-width: 1200px){.custom-tab .custom-tab-navigation{max-width:1200px}}


/* /////////////////////////////////////////////////////////////// */
/*                        BOOTSTRAP FIX                            */
/* /////////////////////////////////////////////////////////////// */
@media (max-width: 100%){
  .footer-layout{max-width: 100%;}
}
@media (max-width: 100%){
  .footer-layout{max-width:100%  !important; flex-direction: column-reverse;}
  .footer-layout .footer-copyright{font-weight: 300 !important; font-size: 12px !important;}
}
@media (min-width: 576px){
  .container {max-width: none;}
  .modal-dialog {max-width: 700px;}
  .modal-sm {max-width: 400px;}
}
@media (min-width: 768px){
  .container {max-width: 740px;}
}
@media (min-width: 992px){
  .container {max-width: 960px;}
}
@media (min-width: 1200px){
  .container {max-width: 1170px;}
}
@media (min-width: 1440px){
  .container {max-width: 1340px;}
}
@media (min-width: 1600px){
  .container {max-width: 1400px;}
}
@media (min-width: 1900px){
  .container {max-width: 1540px;}
}

.modal-open {overflow: auto;}
.modal{ overflow-x: hidden; overflow-y: auto;}
.overflow-hidden{overflow:hidden !important;}
.dropdown .dropdown-toggle{padding-right: 16px !important;position: relative;}
.dropdown .dropdown-toggle::after{content: "\f078";font-family: "Font Awesome 5 Pro";font-size: 14px;font-weight: 500;display: block;position: absolute;margin: 0;vertical-align: unset;top: 50%;right: 0;transform: translateY(-50%);border: 0; color: var(--primaryColor); opacity: 1; margin-top: 2px; transition: all 0.3s ease;}
.dropdown.show .dropdown-toggle::after{transform: translateY(-50%) rotate(-180deg);}
.dropdown .dropdown-menu{display:block;top: 100% !important;left: 50% !important;transform: translate(-50%,50px) !important;visibility: hidden;opacity:0;transition:.5s ease all;}
.dropdown .dropdown-menu.show{display:block;transform: translate(-50%,0) !important;visibility: visible;opacity:1;transition:.5s ease all;}
.dropdown-menu .dropdown-item{display: flex;padding: 5px 15px;color: var(--secondaryColor);}
.dropdown-menu .dropdown-item:focus,.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:active{background: var(--primaryColor);color: #fff;}
.mega-dropdown{position:static !important;}
.mega-dropdown .mega-dropdown-menu{display:block;width: 100%;top: auto !important;left: 50% !important;transform: translate(-50%,50px) !important;padding: 20px 40px;visibility: hidden;opacity:0;transition:.5s ease all;}
.mega-dropdown .mega-dropdown-menu.show{display:block;transform: translate(-50%,0) !important;visibility: visible;opacity:1;transition:.5s ease all;}

/*////////////////////////////////////////////////////////////////*/
/*                             HOME PAGE                          */
/*////////////////////////////////////////////////////////////////*/

/*
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
*/

.main-layout{background-color: var(--bs-body-bg);width: 100%;min-height: 100vh;display: flex;}
.aside-layout{position: fixed;z-index: 9;background-color: var(--cardBg);width: 240px;transition: all 0.3s ease;box-shadow: 0 .125rem .375rem rgba(0,0,0,.25);height: 100%;}
/* .aside-layout:before{content: ''; position: absolute;width: 100%; height: 100%; background: linear-gradient(to right, transparent, rgba(0,0,0,0.25)); top: 0; left: 0;z-index: -1;} */
.main-layout.collapsed {}
.brand-logo{display: flex;justify-content: center;align-items: center;padding: 10px 0;margin: 0 0 20px;background: var(--cardBg);border-bottom: rgba(255,255,255,0.05) 1px solid;position: sticky;z-index: 9;top: 0;}
.brand-logo .logo{display: flex;height: 55px;width: 100%;padding: 0;transition: all 0.3s ease;}
.brand-logo .logo img{width: 100%;height: 100%;object-fit: contain;}
.side-panel{position: relative;overflow: auto;height: 100%;}
.header-layout:before{content: "";width: 100%;height: 15px;position: fixed;top: -15px;right: 0;z-index: 10;backdrop-filter: saturate(200%) blur(10px);background: rgba(35,35,51,.6);}
.side-panel .side-menu{position: relative;}
.side-panel .side-menu .menu-link{display: flex;align-items: center;line-height: 1;height: 48px;position: relative;    margin: 0 15px;padding: 0 8px;border-radius: 6px;overflow: hidden;}
.side-panel .side-menu .menu-link:after{content: ''; position: absolute;width: 100%; height: 100%; background: linear-gradient(to right, var(--primaryColor), var(--fourthColor)); top: 0; left: 0;z-index: -1; opacity: 0; transform: scale(0,1); transform-origin: left; transition: all 0.3s ease;}
.side-panel .side-menu .menu-link .link-icon{font-size: 18px;font-weight: 400;color: #fff; width: 36px; height: 36px; background-color: var(--thirdColor); display: flex; justify-content: center; align-items: center; border-radius: 6px;transition: all 0.3s ease;}
.side-panel .side-menu .menu-link .link-text{display: block; font-size: 15px; margin-left: 10px;font-weight: 400;color: #fff; transition: all 0.3s ease;}

.side-panel .side-menu .menu-link.active:after, .side-panel .side-menu .menu-link:hover:after{opacity: 1; transform: scale(1,1);}
.side-panel .side-menu .menu-link.active .link-icon, .side-panel .side-menu .menu-link:hover .link-icon{background-color: transparent;}
.side-panel .side-menu .menu-link.active .link-text, .side-panel .side-menu .menu-link:hover .link-text{color: #fff;}
.side-panel .side-menu .menu-link+.menu-link{margin-top:10px;}

.side-panel .user-menu{padding:20px 0;height: 100%;}
.side-panel .user-menu .user-menu-heading{display:flex;padding:14px 20px 5px 20px ;color:white;border-top:rgba(255,255,255,0.05) 1px solid;font-weight:500;margin-bottom:15px;align-items:center}
.side-panel .user-menu .user-menu-heading i{font-size:18px;margin-right:15px;width:36px}
.side-panel .user-menu .user-menu-heading .text{    color: var(--textAltColor);
  text-transform: uppercase;}
.side-panel .user-menu .menu-link{padding:0 8px;display:flex;align-items:center;height:40px;margin: 0 15px;border-radius: 5px;}
.side-panel .user-menu .menu-link.active{background:linear-gradient(to right,var(--primaryColor),var(--fourthColor))}
.side-panel .user-menu .menu-link+.menu-link{margin-top:10px}
.side-panel .user-menu .menu-link .icon{font-size:18px;font-weight:400;color:#fff;width:36px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:6px;transition:all .3s ease}
.side-panel .user-menu .menu-link .text{display:block;font-size:15px;margin-left:10px;font-weight:400;color:#fff;transition:all .3s ease}


.content-layout{width: 100%;max-width: calc(100% - 30px);transition: all .3s ease;padding-bottom: 25px;padding-left: 240px;display: flex;flex-direction: column;}
.content-layout .layout-part{display: flex;flex-direction: column;margin-bottom: auto;}
.header-layout{position: sticky;display: flex;border-radius: 6px;align-items: center;justify-content: space-between;padding: 0 30px 0 20px;width: 100%;background-color: rgb(43 44 64 / 78%);z-index: 9;height: 60px;top: 15px;margin: 15px;box-shadow: 0 0.125rem 0.375rem rgb(0 0 0 / 25%);backdrop-filter: blur(22px);}
.header-layout .right-menu{display: flex;align-items: center;}
.header-layout .right-menu .wallet-balance{display: flex;align-items: center;margin-right: 20px;}
.header-layout .right-menu .wallet-balance .money{display: block;font-size: 14px;text-transform: capitalize;font-weight: 600;line-height: 1.4;color: #fff;}
.header-layout .right-menu .wallet-balance .money-text{color: white;}
.header-layout .right-menu .wallet-balance .money-text .text{    font-size: 12px;color: var(--textAltColor);text-transform: uppercase;line-height: 1;font-weight: 400;font-family: 'Roboto', sans-serif;}
.header-layout .right-menu .wallet-balance .icon{    display: flex;align-items: center;font-size: 30px;color: var(--fourthColor);margin-right: 10px;}
/* .header-layout:after{content: ''; position: absolute;width: 100%; height: 100%; background: linear-gradient(to right, transparent, rgba(0,0,0,0.25)); top: 0; left: 0;z-index: -1;} */
.header-layout .sidepanel-toggle{width: 48px;height: 48px;display: flex;justify-content: center;align-items: center;border: 0;background-color: transparent;padding: 0;line-height: 1;font-size: 24px;color: var(--textAltColor);}
.header-layout .user-menu{}
.header-layout .user-menu .dropdown-toggle{display: flex;align-items: center;background-color: transparent;border: 0; text-align: left;padding-right: 24px !important;}
.header-layout .user-menu .dropdown-toggle .image{width: 40px;height: 40px;border-radius: 50%;display: flex;justify-content: center;align-items: center;overflow: hidden;margin-right: 16px;}
.header-layout .user-menu .dropdown-toggle .image img{width: 100%;height: 100%;object-fit: cover;}
.header-layout .user-menu .dropdown-toggle .title{font-size: 12px;color: var(--textAltColor);text-transform: uppercase;line-height: 1;font-weight: 400;font-family: 'Roboto', sans-serif;}
.header-layout .user-menu .dropdown-toggle .title span{display: block;font-size: 15px;text-transform: capitalize;font-weight: 500;line-height: 1.4;color: #fff;}
.header-layout .user-menu .dropdown-toggle:after{color:var(--fourthColor); font-weight: 300;}
.header-layout .user-menu .dropdown-menu{width: 180px;margin: 10px 0 0;border: 0;box-shadow: rgba(0,0,0,0.05) 0 2px 20px;padding: 6px 0;border-radius: 6px;background: var(--fourthColor);}
.header-layout .user-menu .dropdown-menu:before{content: '';position: absolute; top:-20px; left: 50%; transform: translateX(-50%); border: 10px solid transparent; border-bottom-color: var(--fourthColor);}
.header-layout .user-menu .dropdown-menu .user-menu-item{display: flex;align-items: center;padding: 10px;line-height: 1;font-size: 14px;font-weight: 400;color: var(--textAltColor);transition: all 0.3s ease; position: relative;}
.header-layout .user-menu .dropdown-menu .user-menu-item:after{content: ''; position: absolute;width: 100%; height: 100%; background: linear-gradient(to right, var(--primaryColor), var(--fourthColor)); top: 0; left: 0;z-index: -1; opacity: 0;transition: all 0.3s ease;}
.header-layout .user-menu .dropdown-menu .user-menu-item i{color: var(--primaryColor); font-size: 18px; transition: all 0.3s ease;}
.header-layout .user-menu .dropdown-menu .user-menu-item:hover{color: #fff;}
.header-layout .user-menu .dropdown-menu .user-menu-item:hover i{color: #fff;}
.header-layout .user-menu .dropdown-menu .user-menu-item:hover:after{opacity: 1;}

.main-layout.collapsed .aside-layout{width: 76px;}
.main-layout.collapsed .aside-layout .brand-logo .logo{padding: 5px;}
.main-layout.collapsed .aside-layout .side-panel .side-menu .menu-link .link-text{display: none;}
.main-layout.collapsed .content-layout{max-width: calc(100% - 30px);padding-left: 80px;}
.main-layout.collapsed .aside-layout .side-panel .user-menu .menu-link .text{display: none;}
.main-layout.collapsed .aside-layout .side-panel .user-menu .user-menu-heading .text{display: none;}
.main-layout.collapsed .aside-layout .side-panel .user-menu .user-menu-heading i{margin-right: 0;}

.text-clr-Alt {color: var(--textAltColor) !important;}

.body-layout{position: relative;margin-left: 15px;width: 100%;}
.body-layout{padding-bottom: 30px;}
.body-layout .card-section{background: var(--cardBg);padding:25px 30px;position: relative;border-radius: 8px;box-shadow: 0 .125rem .375rem rgba(0,0,0,.25);display: flex;}
.body-layout .card-section .content-part{width: 100%;max-width: calc(100% - 300px);margin-right: 40px;}
.body-layout .card-section .content-part .logo{width: 50px;height: 50px;object-fit: contain;}
.body-layout .card-section .content-part .logo img{width: 100%;height: 100%;}
.body-layout .card-section .content-part .text{color: var(--textAltColor);font-weight: 400;margin: 15px 0 25px 0;font-size: 16px;line-height: 1.5;}
.body-layout .card-section .content-part .btn-action{background: rgb(247 0 79 / 20%);color: var(--light);border: none;padding: 10px 15px;border-radius: 5px;transition: all ease 0.3s;font-weight: 400;text-transform: capitalize;}
.body-layout .card-section .content-part .btn-action:hover{box-shadow: 3px 4px 24px rgb(240 1 78 / 73%);background: var(--primaryColor);}
.body-layout .card-section .img-part{width: 260px;height: 150px;}
.body-layout .card-section .img-part img{width: 100%;height: 100%;object-fit: contain;}
.campaign-segment{margin-top: 35px;}
.campaign-segment .add-campaign{display: flex;justify-content: space-between;align-items: flex-end;}
.campaign-segment .add-campaign .title{font-size: 22px;text-transform: capitalize;color: var(--white);font-weight: 500;}
.campaign-segment .add-campaign .add-new-campaign{}
.campaign-segment .add-campaign .add-new-campaign .add-new{background: rgb(247 0 79 / 20%);color: var(--light);border: none;padding: 10px 15px;border-radius: 5px;transition: all ease 0.3s;font-weight: 400;text-transform: capitalize;}
.campaign-segment .add-campaign .add-new-campaign .add-new:hover{box-shadow: 3px 4px 24px rgb(240 1 78 / 73%);background: var(--primaryColor);}
.campaign-segment .own-campaign-list{display: flex;flex-wrap: wrap;gap: 20px;margin-top: 25px;}
.campaign-segment .own-campaign-list .item{padding: 30px;position: relative;border-radius: 8px;box-shadow: 0 .125rem .375rem rgba(0,0,0,.25);display: flex;width: 100%;max-width: calc(33.33% - 14px);background-image: url(../images/bg-6.jpg);background-position: bottom;background-size: cover;}
.campaign-segment .own-campaign-list .item:before{content: '';position: absolute;width: 100%;height: 100%;background: rgb(19 20 48 / 65%);backdrop-filter: blur(14px);left: 0;top: 0;z-index: 0;overflow: hidden;border-radius: 5px;}
.campaign-segment .own-campaign-list .item .dropdown{}
.campaign-segment .own-campaign-list .item .dropdown .dropdown-toggle{border: none;background: var(--gray);display: flex;padding-right: 0 !important;width: 20px;height: 20px;align-items: center;justify-content: center;padding-left: 0 !important;color: var(--white);border-radius: 50%;font-size: 12px;}
.campaign-segment .own-campaign-list .item .view-action{position: absolute;border: none;background: none;color: var(--light);bottom: 14px;right: 10px;}
.campaign-segment .own-campaign-list .item .dropdown .dropdown-toggle .icon{}
.campaign-segment .own-campaign-list .item .item-content{color: var(--white);width: 100%;padding: 20px 0 8px;display: flex;align-items: flex-start;justify-content: flex-start;position: relative;}
    
.campaign-segment .own-campaign-list .item .item-content .other-details .item-row{}
.campaign-segment .own-campaign-list .item .item-content .other-details .item-row+ .item-row{margin-top: 12px;}
.campaign-segment .own-campaign-list .item .item-content .other-details .item-row .sub-title{font-size: 10px;text-transform: uppercase;letter-spacing: 0.3px;color: var(--textAltColor);font-weight: 500;line-height: 1;}
.campaign-segment .own-campaign-list .item .item-content .other-details .item-row .data{font-size: 18px;margin-top: 2px;text-transform: capitalize;letter-spacing: 0.3px;font-weight: 400;}
.campaign-segment .own-campaign-list .item .item-content .other-details .item-row .data-type{font-size: 18px;margin-top: 2px;font-weight: 400;}
.campaign-segment  .own-campaign-list .item .item-content .other-details .item-row .data-type.surface-ar{color: var(--surfaceColor);}
.campaign-segment .own-campaign-list .item .item-content .other-details .item-row .data-type.eye-track-ar{color: var(--eyeTrackingColor);}
.campaign-segment .own-campaign-list .item .item-content .other-details .item-row .data-type.location-ar{color: var(--locationColor);}
.campaign-segment .own-campaign-list .item .item-content .other-details .item-row .data-type.image-based-ar{color: var(--imageColor);}
.campaign-segment .own-campaign-list .item .item-content .other-details .item-row .data-type.marker-ar{color: var(--markerColor);}
.sub-title-text{font-size: 15px !important;}
.x-axis-clr{color:var(--warning) !important}
.y-axis-clr{color:var(--surfaceColor) !important}
.z-axis-clr{color:var(--info) !important}
.next_prev-btn{background: rgb(247 0 79 / 20%);color: var(--light);border: none;padding: 10px 15px;border-radius: 5px;transition: all ease 0.3s;font-weight: 400;text-transform: capitalize;}
.main-title{font-size: 22px;text-transform: capitalize;color: var(--white);font-weight: 500;}
.input-file{display: flex; position: relative; }
.campaign-segment .own-campaign-list .item .item-content .item-name{margin-top: 15px;font-size: 20px;font-weight: 400;}
.campaign-segment .own-campaign-list .item .dropdown .dropdown-toggle::after{display: none;}
.campaign-segment .own-campaign-list .item .dropdown.user-menu{position: absolute;top: 16px;right: 16px;}
.campaign-segment .own-campaign-list .item .btn-action{position: absolute;background: none;border: none;display: flex;color: var(--surfaceColor);top: 15px;left: 27px;}
.campaign-segment .own-campaign-list .dropdown .dropdown-menu.show{transform: translate(-90%,0) !important;background: var(--bs-body-bg);z-index: 1;}
.campaign-segment .own-campaign-list .dropdown .dropdown-menu .dropdown-item{color: var(--lightColor);align-items: center;}
.campaign-segment .own-campaign-list .dropdown .dropdown-menu .dropdown-item:hover{background: linear-gradient(to right, var(--primaryColor), var(--fourthColor));}
.campaign-segment .own-campaign-list .dropdown .dropdown-menu{transform: translate(-90%,50px) !important;}

.template-example{margin-top: 35px;}
.template-example .title{font-size: 22px;text-transform: capitalize;color: var(--white);font-weight: 500;}


/* ********|| AR STARTS ||******** */
.template-list{display: flex;flex-wrap: wrap;margin: 0 -20px;}
.sec-template .template-list{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.sec-template .template-list .template-item{width: 100%;max-width: calc(33.33% - 20px);margin: 10px;padding: 12px;background: var(--cardBg);box-shadow: rgb(0 0 0 / 25%) 0px 0.125rem 0.375rem;border-radius: 8px;}
.sec-template .template-inner .listing-img{width:100%;height:190px;overflow:hidden;position:relative;border-radius: 5px;}
.sec-template .template-inner .img-content{position:relative}
.sec-template .template-inner .img-content::after{position: absolute;content: '';width: 100%;height: 100%;background: -webkit-linear-gradient(right, rgb(255 255 255 / 0%) 1%, rgb(0 0 0 / 38%) 79%);top: 0;left: 0;right: 0;}
.sec-template .template-inner{position: relative;overflow: hidden;border-radius: 5px;display: block;}
.sec-template .template-inner .content-item{display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 10px;}
.sec-template .template-inner .listing-img img{height:100%;width:100%;object-fit:cover;transition:all .9s ease}
.sec-template .template-inner:hover .listing-img img{transform:scale(1.1)}
.sec-template .template-inner .listing-title{color:#fff;font-size:24px;font-weight:500;line-height:1.2;margin: 0 0 10px;}
.sec-template .template-inner .listing-acting .read-btn{background: rgb(247 0 79 / 72%);color: var(--light);border: none;padding: 10px 15px;border-radius: 5px;transition: all ease 0.3s;font-weight: 400;text-transform: capitalize;}
.sec-template .template-inner .listing-acting .read-btn:hover{box-shadow: 3px 4px 24px rgb(240 1 78 / 73%);
  background: var(--primaryColor);}
.sec-template .template-inner .listing-acting .read-btn i{margin:0 0 0 6px}
.title-main{font-size:40px;color:var(--thirdColor);font-weight:800;letter-spacing:.3px;line-height:1.4;margin:0 0 25px}
/* ********|| AR ENDS ||******** */

.pricing-section{position:relative;padding: 0 0 60px 0;}
.pricing-section .title-part{text-align: center;margin-bottom: 20px;font-size: 35px;
  color: var(--white);line-height: 1.2;}
.pricing-section .des{text-align: center;margin-bottom: 25px;color: var(--textAltColor);font-size: 14px;line-height: 1.4;font-weight: 400;}
.pricing-section .pricing-list{position:relative;border:1px solid #80808017;display:flex;background:var(--cardBg);border-radius:11px;transition:all .3s ease}
.pricing-section .pricing-section-title .heading-text{font-size:28px;font-weight:600}
.pricing-section .pricing-section-title{margin-bottom:40px;text-align:center}
.pricing-section .pricing-section-title span{font-family:"Nunito Sans",sans-serif;font-weight:600;color:#94aec7;position:relative}
.pricing-section .pricing-section-title span:before{content:"";top:5px;height:6px;border-radius:50px;width:6px;background:var(--primaryColor);position:absolute;right:-15px}
.pricing-section .pricing-section-title span:after{content:"";top:5px;height:6px;border-radius:50px;width:6px;background:var(--primaryColor);position:absolute;left:-15px}
.pricing-section .pricing-list .free-cl{background:var(--primaryColor)}
.pricing-section .pricing-list .pricing-bg{padding: 20px 0;border-radius: 10px;position: relative;height: 200px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.pricing-section .pricing-list:hover{box-shadow:0 2px 10px rgb(0 0 0 / 10%)}
.pricing-section .pricing-list .pricing-icon{font-size:45px;text-align:center;z-index:99;position:relative;top:5px}
.pricing-section .pricing-list .package-feature ul li .price-text{margin-bottom:0;font-size:12px;line-height:1.5}
.pricing-section .pricing-list .pricing-icon .icon-bg{text-align:center;position:relative;margin:0 auto}
.pricing-section .pricing-list .package-tag{text-align:center;margin:0 auto;border-radius:6px;padding:10px 0;font-size:26px;color:white;width:70%;text-transform:uppercase}
.pricing-section .pricing-list .free-cl:before{content:"";position:absolute;background:var(--primaryColor);height:20px;width:20px;bottom:-10px;transform:rotate(45deg);right:0;left:0;margin:0 auto}
.pricing-section .pricing-list .pricing-feature{width: 100%;}
.pricing-section .pricing-list .pricing-feature .pricing-rate{text-align:center;padding:10px 0;color:white;}
.pricing-section .pricing-list .pricing-feature .pricing-rate .tag{font-weight:600;font-size: 34px;}
.pricing-section .pricing-list .pricing-feature .pricing-rate .tag-time{font-weight:500}
.pricing-section .pricing-list .package-feature{padding:30px 10px;margin-bottom:52px}
.pricing-section .pricing-list .package-feature ul{list-style:none;padding:0 12px;margin-bottom:0}
.pricing-section .pricing-list .package-feature ul li{display:flex;padding:8px 0}
.pricing-section .pricing-list .package-feature ul li .price-text{margin-bottom: 0;font-size: 12px;line-height: 1.5;color: var(--white);letter-spacing: 0.5px;font-weight: 400;}
.pricing-section .pricing-list .package-feature ul li i{margin-right:5px}
.pricing-section .pricing-list .package-feature ul li .fa-check-circle{color:seagreen;font-size:18px}
.pricing-section .pricing-list .package-feature ul li .fa-times-circle{color:red;font-size:18px}
.pricing-section .pricing-list .subs-btn{right:0;margin:30px auto;bottom:-17px;left:0;position:absolute}
.pricing-section .pricing-list .subs-btn .subscribe-btn{padding:10px 15px;display:flex;font-weight:600;align-items:center;background:var(--primaryColor);color:var(--white);margin:10px auto;border-radius:6px;text-transform:uppercase;font-size:11px;border:none;box-shadow:2px 7px 20px #2932414f}
.pricing-section .pricing-list .subs-btn .subscribe-btn:hover{background:var(--secondaryColor);color:white}
.pricing-section .pricing-list .subs-btn .subscribe-btn .fad{color:var(--white);margin-left:10px;font-size:14px}
.pricing-section .pricing-list .subs-btn .subscribe-btn:hover .fad{color:var(--primaryColor)}
.pricing-section .pricing-toggle{display:flex;margin:35px 0 70px;align-items:center;justify-content:center}
.pricing-section .pricing-toggle .slider.round{border-radius:34px}
.pricing-section .pricing-toggle .slider.round:before{border-radius:50%}
.pricing-section .pricing-toggle .switch{position:relative;display:inline-block;width:60px;height:29px;margin:0}
.pricing-section .pricing-toggle .switch input{opacity:0;width:0;height:0}
.pricing-section .pricing-toggle .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}
.pricing-section .pricing-toggle .toggle-text{margin:0 25px;font-weight:600;font-size:16px}
.pricing-section .pricing-toggle .slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s}
.pricing-section .pricing-toggle input:checked + .slider{background-color:var(--primaryColor)}
.pricing-section .pricing-toggle input:focus + .slider{box-shadow:0 0 1px var(--primaryColor)}
.pricing-section .pricing-toggle input:checked + .slider:before{left:34px}
.pricing-section .pricing-list .basic-cl{background:#503e78}
.pricing-section .pricing-list .basic-cl:before{background:#503e78;content:"";position:absolute;height:20px;width:20px;bottom:-10px;transform:rotate(45deg);right:0;left:0;margin:0 auto}
.pricing-section .pricing-list .pre-cl{background: var(--cyan);}
.pricing-section .pricing-list .pre-cl:before{background: var(--cyan);content:"";position:absolute;height:20px;width:20px;bottom:-10px;transform:rotate(45deg);right:0;left:0;margin:0 auto}
.pricing-section .pricing-list .vip-cl{background: var(--imageColor);}
.pricing-section .pricing-list .vip-cl:before{background: var(--imageColor);;content:"";position:absolute;height:20px;width:20px;bottom:-10px;transform:rotate(45deg);right:0;left:0;margin:0 auto}
.pricing-section .pricing-stat{padding:0 0 40px 0;margin: 0 -15px;}
.pricing-section .pricing-stat .stat-card{padding: 40px;width: 100%;background-color: rgb(43 44 64 / 78%);box-shadow: 0 0.125rem 0.375rem rgb(0 0 0 / 25%);overflow: hidden;text-align: center;border-radius: 6px;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.pricing-section .pricing-stat .stat-card .title{color: var(--lightColor);font-size: 18px;font-weight: 400;line-height: 1.4;}
.pricing-section .pricing-stat .stat-card .title.stat-type{font-size: 35px;color: var(--primaryColor);font-weight: 500;margin-top: 0;}
.pricing-section .pricing-stat .stat-card .data{font-size: 35px;color: var(--primaryColor);font-weight: 500;margin-top: 15px;}
.pricing-section .pricing-stat .stat-card .sub-text{color: var(--textAltColor);font-size: 16px;font-weight: 400;margin-bottom: 0;}
.pricing-section .pricing-stat .stat-card .stat-detail{background: none;border: none;color: var(--white);text-decoration: underline;font-size: 14px;}



.sec-order-details{background-color: var(--color17);}
.sec-order-details .order-details-body .order-details-item{display: flex;justify-content: space-between;}
.sec-order-details .order-details-body .order-details-item .payment-details{}
.sec-order-details .order-details-body .order-details-item .payment-details .payment-type{display: flex;align-items: center;}
.sec-order-details .order-details-body .order-details-item .payment-details .payment-type .image-card{width: 70px;height: 50px;overflow: hidden;border-radius: 6px;}
.sec-order-details .order-details-body .order-details-item .payment-details .payment-type .image-card img{width: 100%;height: 100%;object-fit: cover;}
.sec-order-details .order-details-body .order-details-item .payment-details .payment-info{width: 100%;max-width: calc(100% - 90px);margin-left: 20px;}
.sec-order-details .order-details-body .order-details-item .payment-details .payment-info .data-row{font-weight: 500;font-size: 12px;display: flex;color: var(--textAltColor);margin: 0 0 5px;}
.sec-order-details .order-details-body .order-details-item .payment-details .payment-info .data-row .label{}
.sec-order-details .order-details-body .order-details-item .payment-details .payment-info .data-row .data{    color: var(--white);margin-left: 5px;font-size: 14px;}
.sec-order-details .order-details-body{background-color: var(--color01);border: 1px solid var(--color20);border-radius: 4px;padding: 20px;}
.sec-order-details .order-details-body .order-details-inner+ .order-details-inner{margin: 20px 0 0;}
.sec-order-details .order-details-body .order-details-title{font-weight: 400;font-size: 15px;color: var(--white);margin: 0 0 10px;border-bottom: 1px solid var(--gray-dark);padding: 0 0 10px;}
.sec-order-details .invoice-details .invoice-text{font-weight: 500;font-size: 12px;color: var(--textAltColor);margin: 0 0 5px;}
.sec-order-details .invoice-details .invoice-status{font-weight: 500;font-size: 14px;color: var(--color09);margin: 0 0 5px;}
.sec-order-details .invoice-details .invoice-status span{font-size: 10px;font-weight: 400;line-height: 1.3;position: relative;text-transform: uppercase;background-color: var(--color06);padding: 4px 8px;border-radius: 4px;color: var(--color01);}
.sec-order-details .invoice-details .invoice-status span.confirmed{background-color: var(--color23);}
.sec-order-details .invoice-details .invoice-text span, .order-number{    color: var(--white);
  margin-left: 5px;font-size: 14px;}
.sec-order-details .invoice-amount{text-align: right;}
.sec-order-details .invoice-amount .amount-title{font-weight: 500;font-size: 14px;color: var(--textAltColor);margin: 0 0 2px;}
.sec-order-details .invoice-amount .amount-price{font-weight: 600;font-size: 16px;color: var(--white);margin: 0 0 5px;}
.sec-order-details .invoice-amount .amount-id{font-weight: 500;font-size: 12px;color: var(--color07);margin: 0 0 5px;}

.section-search .dropdown .dropdown-toggle{padding: 10px;height: 40px;width: 100%;border: 0;display: flex;justify-content: flex-start;align-items: center;background-color: transparent;border: 1px solid var(--secondary);color: var(--shades01);font-size: 16px;font-weight: 300;border-radius: 4px;color: var(--lightColor);}
.section-search .dropdown .dropdown-toggle::after{right: 10px;}
.section-search .dropdown .dropdown-menu{border: 0;width: 100%;padding:5px 0;box-shadow: rgb(0 0 0 / 10%) 0 2px 20px;background: var(--cardBg);}
.section-search .dropdown-menu .dropdown-item{color: var(--lightColor);}
.section-search .dropdown-menu .dropdown-item:hover{background: linear-gradient(to right, var(--primaryColor), var(--fourthColor));}
.section-search .dropdown .dropdown-search{padding: 0 10px; margin: 0 0 5px;}
.section-search .dropdown .dropdown-search .form-control{background-color: transparent;border: 0;border-radius: 0;border-bottom: 1px solid var(--color02);padding: 0;width: 100%;height: 40px;color: var(--lightColor);font-size: 13px;font-weight: 500;transition: all 0.3s ease;}
.section-search .dropdown .dropdown-search .form-control::-webkit-input-placeholder{ color:var(--color02) !important;}
.section-search .dropdown .dropdown-search .form-control:focus{ border-color:var(--color02);}
.section-search .dropdown .dropdown-scroll{max-height: 200px;overflow: auto;}
.section-search .dropdown .dropdown-scroll::-webkit-scrollbar{width: 6px;height: 6px;background-color: transparent; border-radius: 10px}
.section-search .dropdown .dropdown-scroll::-webkit-scrollbar-thumb{background-color: var(--color01);border-radius: 8px}

.card-info-list{position:relative;margin:5px 0 0;background-color: rgb(43 44 64 / 78%);overflow: hidden;border-radius: 6px;box-shadow: 0 0.125rem 0.375rem rgb(0 0 0 / 25%);}
.card-info-list .inner-header{display: flex;justify-content: space-between;}
.card-info-list .inner-header .add-btn{background: rgb(247 0 79 / 50%);color: var(--light);border: none;padding: 10px 15px;border-radius: 5px;transition: all ease 0.3s;font-weight: 400;text-transform: capitalize;}
.card-info-list .inner-header .add-btn:hover{box-shadow: 3px 4px 24px rgb(240 1 78 / 73%);background: var(--primaryColor);}
.card-info-list .inner-header{display:flex;justify-content:space-between;align-items:center;padding:30px 20px 20px;}
.card-info-list .inner-header .header-tilte{font-size: 22px;text-transform: capitalize;color: var(--white);font-weight: 500;}
.card-info-list .card-list{display:flex;margin-bottom: 20px;}
.card-info-list .card-list .card-wrap{width: 33.33%;max-width: calc(33.33% - 20px);margin: 10px 20px;border: 1px solid var(--secondary);border-radius: 5px;padding: 16px;}
.card-info-list .card-list .card-wrap .card-number-wrap{display: flex;justify-content: space-between;}
.card-info-list .card-list .card-wrap .card-number-wrap .cardholder-info{width: 100%;max-width: calc(100% - 60px);}
.card-info-list .card-list .card-wrap .card-number-wrap .cardholder-info .data-row{}
.card-info-list .card-list .card-wrap .card-number-wrap .cardholder-info .data-row+ .data-row{margin-top: 8px;}
.card-info-list .card-list .card-wrap .label{font-size: 10px;text-transform: uppercase;letter-spacing: 0.3px;color: var(--textAltColor);font-weight: 500;line-height: 1;}
.card-info-list .card-list .card-wrap .data{font-size: 14px;margin-top: 2px;color: var(--white);text-transform: capitalize;letter-spacing: 0.3px;font-weight: 400;}
.card-info-list .card-list .card-wrap .card-info{display: flex;justify-content: space-between;margin-top: 10px;}
.card-info-list .card-list .card-wrap .card-image{}
.card-info-list .card-list .card-wrap .card-image .card-image-wrap{width: 50px;height: 32px;overflow: hidden;}
.card-info-list .card-list .card-wrap .card-image .card-image-wrap img{width: 100%;height: 100%;object-fit: contain;}
.card-info-list .card-list .card-wrap .radio-btn{visibility:hidden;position:absolute}
.card-info-list .card-list .card-wrap .item-card{height:150px;margin:15px;border:1px solid rgba(0,0,0,0.1);padding:20px;display:flex;flex-direction:column;cursor:pointer}
.card-info-list .card-list .card-wrap .item-card.default{border-color:var(--primaryColor)}
.card-info-list .card-list .card-wrap .item-card .card-image{width:100%}
.card-info-list .card-list .card-wrap .item-card .card-image .card-image-wrap{height:30px}
.card-info-list .card-list .card-wrap .item-card .card-image .card-image-wrap img{width:auto;height:100%;object-fit:contain;object-position:top center;display:block;margin-left:auto}
.card-info-list .card-list .card-wrap .item-card .card-number-wrap{width:100%;margin:auto 0}
.card-info-list .card-list .card-wrap .item-card .card-number-wrap .label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:'Roboto Condensed',sans-serif;margin-bottom:5px;color:var(--secondaryColor)}
.card-info-list .card-list .card-wrap .item-card .card-number-wrap .card-number{font-size:14px;font-weight:500;letter-spacing:4px}
.card-info-list .card-list .card-wrap .item-card .footer{background-color:rgba(0,0,0,0.5);margin-left:-20px;margin-right:-20px;width:calc(100% + 40px);font-size:10px;font-weight:500;padding:0 20px;text-align:center;text-transform:uppercase;color:rgba(255,255,255,0.9);height:22px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.card-info-list .card-list .card-wrap .item-card.default .footer{background-color:rgba(48,131,245,0.5)}


.sec-profile .information-inner .information-content{padding:40px;width:100%;background-color:rgb(43 44 64 / 78%);box-shadow:0 .125rem .375rem rgb(0 0 0 / 25%);overflow:hidden;border-radius:6px}
.sec-profile .information-inner .information-content .profile-inner{display: flex;justify-content: space-between;}
.sec-profile .information-inner .information-content .profile-inner .forms-profile{width: 100%;max-width: calc(100% - 250px);}
.sec-profile .information-inner .title{font-size: 20px;font-weight: 400;text-transform: capitalize;margin: 15px 0px 30px;border-bottom: 1px solid var(--secondary);padding-bottom: 10px;color: var(--white);}
.sec-profile .information-inner .save-action{margin: 10px 0 0;}
.sec-profile .information-inner .save-action .save-btn{background: rgb(247 0 79 / 82%);color: var(--light);border: none;padding: 10px 15px;border-radius: 5px;transition: all ease 0.3s;font-weight: 400;text-transform: capitalize;}
.sec-profile .information-inner .save-action .save-btn:hover{box-shadow: 3px 4px 24px rgb(240 1 78 / 73%);background: var(--primaryColor);}
.sec-profile .profile-inner .image-actions{width: 180px;}
.sec-profile .profile-inner .image-actions .image-upload{display: flex;align-items: center;justify-content: space-between;}
.sec-profile .profile-inner .image-actions .image-upload .img-delete{}
.sec-profile .profile-inner .image-actions .image-upload .img-delete .delete-btn{border: none;background: none;color: var(--danger);}
.sec-profile .profile-inner .myaccount-profile-img{position: relative;}
.sec-profile .profile-inner .myaccount-profile-img label{display:block;width:100%;height:100%;position:relative;cursor:pointer;margin-bottom: 0;}
.sec-profile .profile-inner .myaccount-profile-img-warp{height: 150px;width: 150px;border-radius: 50%;display: block;overflow: hidden;position: relative;border: 4px solid var(--shades03);margin: 0 auto;}
.sec-profile .profile-inner .myaccount-profile-img-warp img{width:100%;height:100%;/*object-fit:cover;*/object-position:center;display:block} 
.sec-profile .profile-inner .myaccount-profile-img label input[type='file']{position:absolute;z-index:2;width:100%;height:1px;margin:0;opacity:0;top:50%}
.sec-profile .profile-inner .myaccount-profile-img .upload-icon{    height: 40px;background-color: transparent;color: var(--textAltColor);border-radius: 50%;text-align: center;display: flex;justify-content: center;align-items: center;right: 50px;bottom: 10px;font-size: 14px;font-weight: 500;}
.sec-profile .information-inner .information-content .form-password {margin-top: 40px;}
.sec-profile .information-inner .information-content .form-password .information-item{}
.sec-profile .information-inner .information-content .form-password .information-item .title{margin-bottom: 12px;}
.sec-profile .information-inner .information-content .form-password .information-item ul{padding-left: 25px;color: var(--textAltColor);font-weight: 400;font-size: 14px;line-height: 1.5;}
.sec-profile .information-inner .information-content .form-password .information-item ul li{}
/* ********|| RESPONSIVE STARTS ||******** */
.modal-body{}
.modal-body .select-ar-section{background: var(--bs-body-bg);overflow: hidden;border-radius: 5px;margin-top: 15px;padding: 20px;}
.modal-body .select-ar-section .ar-title{font-size: 18px;color: var(--white);font-weight: 500;margin-bottom: 10px;}
.modal-body .select-ar-section .des{font-size: 15px;color: var(--textAltColor);line-height: 1.4;font-weight: 400;margin-bottom: 5px;}
.modal-footer .add-new {background: rgb(247 0 79 / 82%);color: var(--light);border: none;padding: 10px 15px;border-radius: 5px;transition: all ease 0.3s;font-weight: 400;text-transform: capitalize;}
.modal-footer .add-new:hover {box-shadow: 3px 4px 24px rgb(240 1 78 / 73%);background: var(--primaryColor);}
.modal-body .form-content{margin-top: 15px;}
.modal-body .campaign-info{}
.modal-body .campaign-info .title{font-size: 18px;color: var(--white);font-weight: 500;text-transform: capitalize;line-height: 1.2;}
.modal-body .campaign-info .description{color: var(--textAltColor);line-height: 1.4;margin-top: 5px;font-size: 14px;font-weight: 400;}
.ar-type-select{}
.ar-type-select .sub-title{font-size: 15px;color: var(--white);margin-bottom: 8px;font-weight: 500;}
.ar-type-select .select-list{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.ar-type-select .select-list .select-item{width: 100%;max-width: calc(33.33% - 20px);margin: 5px 10px;}
.select-list .custom-radio .custom-radio-label{position: relative;margin: 0;line-height: 16px;font-size: 16px;font-weight: 500;letter-spacing: 0.3px;}

.add-team-section .save-btn {background: rgb(247 0 79 / 50%);color: var(--light);border: none;padding: 10px 15px;border-radius: 5px;transition: all ease 0.3s;font-weight: 400;text-transform: capitalize;}
.add-team-section .save-btn:hover {box-shadow: 3px 4px 24px rgb(240 1 78 / 73%);background: var(--primaryColor);}

.add-team-section{padding: 40px;width: 100%;background-color: rgb(43 44 64 / 78%);box-shadow: 0 0.125rem 0.375rem rgb(0 0 0 / 25%);overflow: hidden;border-radius: 10px;}
.add-team-section .card-info{}
.add-team-section .card-info .title{font-size: 22px;color: var(--lightColor);margin-bottom: 10px;font-weight: 500;}
.add-team-section .card-info .other-text{color: var(--textAltColor);font-size: 16px;line-height: 1.4;font-weight: 400;}
.add-team-section .card-info .other-text .text{}
.add-team-section .add-team{margin-top: 15px;}

.sec-order-details{position: relative;margin: 5px 0 0;background-color: rgb(43 44 64 / 78%);overflow: hidden;border-radius: 6px;box-shadow: 0 0.125rem 0.375rem rgb(0 0 0 / 25%);}
.sec-order-details .order-details-body{}
.sec-order-details .order-details-body .title{font-size: 22px;text-transform: capitalize;margin-bottom: 10px;color: var(--white);font-weight: 500;}
.sec-order-details .order-details-body .invoice-list{      display: flex;flex-wrap: wrap;margin: 0 -10px;}
.sec-order-details .order-details-body .invoice-list .invoice-item{    width: 100%;max-width: calc(50% - 20px);border: 1px solid var(--secondary);border-radius: 5px;padding: 16px;margin: 10px;}
.sec-order-details .order-details-body .invoice-list .invoice-item+ .invoice-item{}


.add-card-part{margin-bottom: 20px;}
.add-card-part .form-card{padding: 40px;width: 100%;background-color: rgb(43 44 64 / 78%);box-shadow: 0 .125rem .375rem rgb(0 0 0 / 25%);overflow: hidden;border-radius: 6px;}
.add-card-part .form-card .card-item{}
.add-card-part .form-card .card-item .cards-list{display: flex;margin: 0 -10px;}
.add-card-part .form-card .card-item .cards-list .cards-img{width: 50px;height: 35px;overflow: hidden;border-radius: 5px;margin: 10px;}
.add-card-part .form-card .card-item .cards-list .cards-img img{width: 100%;height: 100%;object-fit: cover;}
.add-card-part .form-card .card-item .title{font-size: 22px;text-transform: capitalize;margin-bottom: 8px;color: var(--white);font-weight: 500;}
.add-card-part .form-card .save-action{}
.add-card-part .form-card .save-action .save-btn{background: rgb(247 0 79 / 50%);color: var(--light);border: none;padding: 10px 15px;border-radius: 5px;transition: all ease 0.3s;font-weight: 400;text-transform: capitalize;}
.add-card-part .form-card .save-action .save-btn:hover{box-shadow: 3px 4px 24px rgb(240 1 78 / 73%);background: var(--primaryColor);}

.settings-action .btn.delete {background: var(--danger);}
.settings-part{padding: 40px;width: 100%;background-color: rgb(43 44 64 / 78%);box-shadow: 0 0.125rem 0.375rem rgb(0 0 0 / 25%);overflow: hidden;border-radius: 10px;}
.settings-part .settings-action{margin-top: 25px;margin-left: -10px;}
.settings-part .settings-action .btn{color: var(--lightColor);font-size: 16px;display: inline-flex;align-items: center;margin: 10px;}
/* .settings-part .settings-action .btn+ .btn{margin-left: 10px;} */
.settings-part .settings-action .btn:hover{box-shadow: none}
.settings-part .settings-action .btn.shutdown{background: var(--imageColor);}
.settings-part .settings-action .btn.restart{background: var(--facebookBg);}
.settings-part .settings-action .btn.delete{background: var(--danger);}
.settings-part .title{font-size: 14px;color: var(--lightColor);font-weight: 400;margin-bottom: 15px;}
.settings-part .settings-card{}
.settings-part .settings-card .status{color: var(--surfaceColor);font-weight: 500;margin-bottom: 5px;}
.settings-part .settings-card .settings-info{}
.settings-part .settings-card .settings-info .campaign-name{font-size: 16px;color: var(--textAltColor);text-transform: uppercase;font-weight: 400;}
.settings-part .settings-card .settings-info .name{font-size: 30px;margin-top: 12px;color: var(--lightColor);font-weight: 500;}

.settings-part .share-card{margin-top: 40px;}
.settings-part .share-card .title{}
.settings-part .share-card .social-list{margin: -8px;}
.settings-part .share-card .social-list .link{width: 50px;height: 50px;color: var(--lightColor);display: inline-flex;font-size: 24px;border-radius: 50%;align-items: center;justify-content: center;margin: 8px;}
.settings-part .share-card .social-list .link+ .link{}
.settings-part .share-card .social-list .link.facebook{background: var(--facebookBg);}
.settings-part .share-card .social-list .link.telegram{background: var(--telegramBg);}
.settings-part .share-card .social-list .link.linkedin{background: var(--linkedinBg);}
.settings-part .share-card .social-list .link.whatsapp{background: var(--whatsappBg);}
.settings-part .share-card .social-list .link.printerest{background: var(--printerstBg);}
.settings-part .share-card .social-list .link.linkedin{background: var(--linkedinBg)}
.settings-part .share-card .social-list .link.twitter{background: var(--twitterBg);}
.settings-part .share-card .social-list .link.reddit{background: var(--redditBg);}

.footer-layout{background: var(--cardBg);padding: 10px;display: flex;justify-content: space-between;align-items: center;margin-top: auto;position: fixed;bottom: 0;width: 100%;right: 0;}
.footer-layout .footer-copyright{color: var(--light);font-weight: 400;}
.footer-layout .footer-socials{}
.footer-layout .footer-socials .social-list{display: flex;}
.footer-layout .footer-socials .social-list .link{display: flex;align-items: center;justify-content: center;}
.footer-layout .footer-socials .social-list .link .img-brand{width: 24px;height: 24px;object-fit: cover;object-position: center;border-radius: 50px;}
.footer-layout .footer-socials .social-list .link .img-brand img{width: 100%;height: 100%;object-fit: cover;object-position: calc();}
.footer-layout .footer-socials .social-list .link.join-community {font-size: 14px;color: var(--light);text-transform: capitalize;font-weight: 500;}
.footer-layout .footer-socials .social-list .link.join-community .img-brand{margin-right: 6px;background: transparent;}

.footer-layout .footer-socials .social-list .link+ .link{margin-left: 10px;}
.footer-layout .footer-socials .social-list .link.facebook{background: var(--facebookBg);}
.footer-layout .footer-socials .social-list .link.telegram{background: var(--telegramBg);}
.footer-layout .footer-socials .social-list .link.linkedin{background: var(--linkedinBg);}
.footer-layout .footer-socials .social-list .link.whatsapp{background: var(--whatsappBg);}
.footer-layout .footer-socials .social-list .link.printerest{background: var(--printerstBg);}
.footer-layout .footer-socials .social-list .link.linkedin{background: var(--linkedinBg)}
.footer-layout .footer-socials .social-list .link.twitter{background: var(--twitterBg);}
.footer-layout .footer-socials .social-list .link.reddit{background: var(--redditBg);}

.ar-show-section{}
.ar-show-section .left-side-content{background: var(--cardBg);padding: 25px 30px;position: relative;border-radius: 8px;box-shadow: 0 .125rem .375rem rgba(0,0,0,.25);}
.ar-show-section  .title{font-size: 20px;color: var(--lightColor);font-weight: 400;margin-bottom: 20px;}
.ar-show-section .left-side-content .qr-image{width: 150px;height: 150px;margin: 0;}
.ar-show-section .left-side-content .qr-image img{}
.ar-show-section .left-side-content .des{color: var(--textAltColor);font-size: 16px;font-weight: 500;margin-top: 15px;line-height: 1.4;}
  .ar-show-section .left-side-content .des a{}
  .ar-show-section .left-side-content .des a:hover{color: var(--lightColor);}
.ar-show-section .info{color: var(--imageColor);margin: 15px 0;background: none;border: none;}
.ar-show-section .left-side-content .ar-actions{margin-left: -10px;}
.ar-show-section  .btn-action{border: none;margin-top: 8px;background: var(--secondary);color: var(--light);padding: 10px;margin-left: 10px;border-radius: 5px;font-size: 14px;}
.ar-show-section .btn-action+ .btn-action{}
.ar-show-section  .sub-title{font-size: 20px;line-height: 1.4;margin: 35px 0 10px 0;color: var(--light);}
.ar-show-section .left-side-content .upload-actions {}
.ar-show-section .left-side-content .upload-actions .btn-submit {}

.ar-show-section .right-side-content{background: var(--cardBg);padding: 25px 30px;position: relative;border-radius: 8px;box-shadow: 0 .125rem .375rem rgba(0,0,0,.25);}
.ar-show-section .right-side-content .sub-title{margin: 0 0  10px;}
.ar-show-section .right-side-content .info{}
.ar-show-section .right-side-content .btn-actions{margin-left: -10px;}

.dashboard-section{}
.dashboard-section .world-wide-view{background: var(--cardBg);padding: 25px 30px;position: relative;border-radius: 8px;box-shadow: 0 .125rem .375rem rgba(0,0,0,.25);}
.dashboard-section .world-wide-view .header-part{display: flex;justify-content: space-between;}
.dashboard-section .world-wide-view .header-part .texts{}
.dashboard-section .world-wide-view .header-part .title{font-size: 20px;color: var(--lightColor);font-weight: 500;margin-bottom: 10px;}
.dashboard-section .world-wide-view .header-part .sub-text{color: var(--textAltColor);font-weight: 400;margin: 15px 0 25px 0;font-size: 16px;line-height: 1.5;}
.dashboard-section .world-wide-view .report-action{}
.dashboard-section .world-wide-view .report-action .download-btn{    background: rgb(247 0 79 / 20%);color: var(--light);border: none;padding: 10px 15px;border-radius: 5px;transition: all ease 0.3s;font-weight: 400;text-transform: capitalize;}
.dashboard-section .world-wide-view .report-action .download-btn:hover{    box-shadow: 3px 4px 24px rgb(240 1 78 / 73%);
  background: var(--primaryColor);}


.body-inner-part{background: var(--cardBg);padding: 25px 30px;position: relative;border-radius: 8px;box-shadow: 0 .125rem .375rem rgba(0,0,0,.25);}
.body-inner-part .main-title{font-size: 30px;color: var(--lightColor);line-height: 1.2;margin-bottom:30px;font-weight: 600;}
.body-inner-part .data-row{}
.body-inner-part .data-row+ .data-row{margin-top: 30px;}
.body-inner-part .title{font-size: 20px;font-weight: 500;letter-spacing: 0.3px;}
.body-inner-part .title.default{color: var(--lightColor);}
.body-inner-part .des{color: var(--textAltColor);line-height: 1.4;font-size: 16px;font-weight: 400;margin-top: 10px;}
.body-inner-part .sub-text{font-size: 17px;color: var(--imageColor);font-weight: 500;padding-left: 10px;margin-top: 8px;}
.body-inner-part .sub-title{font-size: 14px;color: var(--lightColor);padding-left: 11px;font-weight: 400;margin-top: 8px;}


.info-modal{}
.info-modal .des{font-size: 16px;color: var(--lightColor);line-height: 1.4;font-weight: 400;}
.info-modal.other{}
.info-modal.other .des{font-size: 16px;color: var(--lightColor);line-height: 1.4;font-weight: 400;}



/* ********|| AUTHENTICATION STARTS ||******** */
.sec-authentication{position: relative; min-height: 100vh;background-color: var(--shades03);display: flex;align-items: center;z-index: 0;height: 100vh;width: 100%;overflow: hidden;}
.sec-authentication .container{display: flex;}
.authentication-image{position: relative; width: 50%; height: 100%;overflow: hidden;}
.authentication-image .img-wrap{width: 100%;height: 100vh;}
.sec-authentication .authentication-content .content-part{   position: relative;background-color: rgb(255 255 255 / 7%);padding: 40px;border-radius: 10px;/* box-shadow: rgb(0 0 0 / 50%) 0 2px 20px; */box-shadow: 20px 20px 60px rgb(0 0 0 / 7%), -20px -20px 60px rgb(0 0 0 / 30%);margin: 60px;z-index: 9;width: 70%;margin: 0 auto;}
/* background-color: var(--primaryColor); */
.sec-authentication .authentication-content:before{content: '';position: absolute;width: 100%;height: 100vh;top: 50%;left: -50%;transform: translateY(-50%) rotate(180deg);background-image: url(../images/bg-9.jpg);background-repeat: no-repeat;background-size: cover;background-position: bottom right;}
.sec-authentication .authentication-content:after{     content: '';position: absolute;width: 100%;height: 100vh;background-color: rgb(0 0 0 / 0%);top: 50%;left: -50%;transform: translateY(-50%) rotate(180deg);backdrop-filter: blur(33px);}
.authentication-image img{width: 100%;height: 100%;  object-fit: cover; }
.authentication-content{ width: 50%;}

.authentication-content .authentication-title{font-size: 18px;font-weight: 600;margin: 0 0 2px; text-align: center;color: var(--lightColor);}
.authentication-content .authentication-text{font-size: 12px;font-weight: 400;text-align: center;color: rgb(223 229 240);letter-spacing: 0.3px;}
.authentication-content .form-content{position: relative;margin: 20px 0;padding: 20px 0;border: 1px solid rgb(255 255 255 / 29%);border-width: 1px 0;border-radius: 0;background: unset;}
.authentication-content .form-content .form-control{border-radius: 4px;box-shadow: none;border: 1px solid rgb(255 255 255 / 29%);color: var(--white);background: transparent;min-width: 50px;min-height: 38px;width: 100%;padding: 6px 12px;font-family: inherit;font-size: 14px;}
.authentication-content .btn-password-toggle{width: 40px;height: 38px;background-color: rgb(255 255 255 / 7%);display: flex;align-items: center;justify-content: center;color: var(--lightColor);position: absolute;top: 0;right: 0;border: none;border-radius: 0 5px 5px 0;}
.authentication-content .btn-password-toggle+input{padding-right: 40px;}
.authentication-content .btn-action{position: relative;display: flex;justify-content: center;align-items: center;padding: 0px 10px;height: 40px;border-radius: 4px;background-color: rgb(255 255 255 / 34%);color: #fff;gap: 8px;font-size: 16px;font-weight: 500;width: 100%;border: 1px solid var(--shades01);text-transform: uppercase;}
.authentication-content .btn-action:hover{background-color: rgb(255 255 255 / 38%);}
.authentication-content .authentication-options{display: flex;align-items: center;justify-content: center;}
.authentication-content .authentication-options a{font-weight: 500;color: var(--lightColor);}
.authentication-content .authentication-options .options{font-size: 14px;color: var(--lightColor);}
.authentication-content .form-control::-webkit-input-placeholder{ color: var(--shades05) !important;}
.authentication-content .form-control:-moz-placeholder{color:var(--shades05) !important;opacity:  1 !important;}
.authentication-content .form-control::-moz-placeholder{color:var(--shades05) !important; opacity:1 !important;}
.authentication-content .form-control:-ms-input-placeholder{color:var(--shades05) !important;}
.authentication-content .form-control::-ms-input-placeholder{color:var(--shades05) !important;}
.authentication-content .logo-text{margin: 0 auto;text-align: center;width: 180px;margin-bottom: 10px;}
/* ********|| AUTHENTICATION ENDS ||******** */

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

}
@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1366px) {

}
@media screen and (max-width: 1280px) {
  
}
@media screen and (max-width: 1024px) {
  .brand-logo{position: unset;}

  .header-layout{padding:0 20px 0 10px;margin: 15px 0;}
  .main-layout.collapsed .aside-layout .brand-logo .logo{padding:0;height:50px}
  .menu-backdrop{display:block;top:0;left:0;width:100%;height:100%;background:var(--secondaryColor);opacity:1;z-index:2;visibility:visible;transition:all .3s ease}
  .menu-backdrop.active{opacity:.5;visibility:visible}
  .dashboard-listings-table .item .item-name{padding:5px 15px}
  .dashboard-listings-table .item.item-header{display:none}
  .dashboard-listings-table .item{flex-wrap:wrap}
  .dashboard-listings .item .mobile-label{display:block;font-weight:600;margin-right:10px}
  .statistics .item{width:100%;max-width:calc(50% - 10px)}
  .body-layout{padding:5px;margin-left: 0;}
  .content-layout{max-width:100%;padding-left: 0;max-width: calc(100% - 20px);margin: 0 auto;}
  .main-layout.collapsed .aside-layout .side-panel .user-menu .user-menu-heading .text{display:block}
  .main-layout  .aside-layout{transform:translateX(-100%);position:absolute;height:100%;max-height:calc(100% - 80px);z-index:10;top:80px}
  .main-layout.collapsed  .aside-layout{height:100%;max-height:calc(100% - 80px);position:absolute;z-index:5;top:80px;width:300px!important;transform:translateX(0);transition:all .3s ease}
  .main-layout.collapsed .content-layout{max-width: calc(100% - 20px);padding-left: 0;}
  .main-layout.collapsed .aside-layout .side-panel .side-menu .menu-link .link-text{display: block;}
  .main-layout.collapsed .aside-layout .side-panel .user-menu .menu-link .text{display: block;}

  .dashboard-listings .dashboard-listings-header{all: revert;}
  .dashboard-listings .dashboard-listings-header .dashboard-listings-action{margin-top: 5px;padding: 10px 15px;}
  .dashboard-listings .dashboard-listings-header .dashboard-listings-info{max-width: 100%;padding: 10px 20px;}
  .dashboard-listings-table .item .item-name{padding: 5px 15px;}
  .dashboard-listings-table .item .item-name .name-title{display: flex;align-items: center;}
  .dashboard-listings-table .item .item-category .category-title{display: flex;align-items: center;}
        
  .dashboard-listings-table .item .item-category{padding: 5px 15px;}
  .dashboard-listings-table .item .item-other{padding: 5px 15px;}
  .dashboard-listings-table .item .item-bid{padding: 5px 15px;}
  .dashboard-listings-table .item .other-title{display: flex;align-items: center;}
  

  .pricing-section .pricing-list{margin-top: 15px;}

/* Product -page */
.basic-info-content .inner-header, .product-details-content .inner-header{padding: 10px;margin-bottom: 0;}
.product-info .product-info-header{display: inline-block;padding: 20px;width: 100%;height: unset;}
.product-info .product-info-header .title{margin-right: 0;padding-bottom: 10px;}
.custom-tab .custom-tab-navigation{overflow: auto;height: 70px;flex-wrap: unset;}
.product-listings .item.item-header{display: none;}
.product-listings .item .mobile-label{display: block;font-weight: 600;margin-right: 10px;}
.product-listings .item .item-category{max-width: unset;padding: 5px ;display: flex;align-items: center;}
.product-listings .item .item-name{padding: 5px;display: flex;align-items: center;}
.product-listings .item .item-action{padding: 5px;}
.content-container{padding: 10px;}

.content-wrap{padding: 10px;}
.product-add .form-content{padding: 0;}

/* Report */
.add-card-part .form-card .card-item .cards-list{flex-wrap: wrap;}
.card-info-list .card-list{flex-wrap: wrap;}
.sec-order-details .order-details-body .invoice-list .invoice-item{max-width: calc(100% - 20px);}
.change-password-content .form-content{padding: 10px;}
.pricing-section .pricing-stat .stat-card{margin-top: 15px;height: auto;}

.sec-profile .profile-inner .image-actions{width: 100%;}
.sec-profile .information-inner .information-content .profile-inner{flex-wrap: wrap;}
.sec-profile .information-inner .information-content .profile-inner .forms-profile{max-width: 100%;}
.add-card-part .form-card{padding: 20px;}
.add-team-section{padding: 20px;}
.ar-show-section .left-side-content{padding: 20px;}

.contact-information .btn-action{    position: unset;font-size: 14px;font-weight: 400;text-align: center;display: block;border: 1px solid var(--primaryColor);background-color: #fff;padding: 8px 16px;line-height: 1;margin-left: auto;color: var(--primaryColor) !important;z-index: 1;width: 70px;display: flex;align-items: center;justify-content: center;margin-top: 10px;}
.profile-header .title{font-size: 22px;}
.card-info-list .card-list .card-wrap{width: 100%;max-width: calc(100% - 10px);margin: 10px;}
.form{min-width: unset;max-width: unset;padding: 20px;}
.auth-options{flex-direction: column;}
.billing-info-header .title{font-size: 18px;}

.product-details-content .form-content .form-features .feature-list .item{width: 100%;padding: 5px;margin: 2px;border: 1px solid rgba(0,0,0,0.1);padding: 10px 20px;position: relative;max-width: 100%;}

.billing-info-header .header-action .billing-info-action .btn-action{font-size: 12px;}

.body-layout .card-section{flex-wrap: wrap;}
.body-layout .card-section .content-part{margin-top: 20px;}
.body-layout .card-section .content-part .logo{margin: 0 auto;}
.body-layout .card-section .content-part{max-width: 100%;order: 2;margin-right: 0;text-align: center;}
.body-layout .card-section .img-part{order: 1;width: 60%;margin: 0 auto;}

.modal-body {overflow: auto;max-height: calc(100vh - 250px);}
.modal-open .modal{padding-right: 0 !important;}
.ar-type-select .select-list .select-item{max-width: calc(100% - 20px);}
.campaign-segment .own-campaign-list .item{max-width: calc(100% - 0px);}
.sec-template .template-list .template-item{max-width: calc(100% - 20px);}
.dashboard-section .world-wide-view{padding: 20px;}
.dashboard-section .world-wide-view .header-part{flex-wrap: wrap;}

}
.color-label{color: white;}
.payment-input-label{color: white !important;font-size: 15px;}


@media screen and (max-width: 1024px) {
  /* .authentication-image:before{width: 150%; height: 150%;left: -100%;}
  .authentication-image:after{right: -140px; bottom: -60%;} */

  .authentication-content{max-width: 420px;}
  .authentication-image .img-wrap{width: 100%;}
 
}
@media screen and (max-width: 990px) {
  .media-part-content .display-image-wrap .item{width: calc(100%/2);}
  .authentication-content{margin: auto;}

  .sec-authentication{height: unset;overflow: auto ;flex-wrap: wrap;align-items: unset;}
  .sec-authentication .authentication-content .content-part{width: 90%;margin: 20px auto;}
  .authentication-content{margin: auto;width: 100%;max-width: unset;order: 2;display: flex;}
  .sec-authentication .authentication-content:after{left: unset;height: 100%;}
  .sec-authentication .authentication-content:before{left: unset;height: 100%;}
  .authentication-image{position: relative;width: 100%;height: 100%;overflow: hidden;order: 1;display: none;}
  .authentication-image .img-wrap{height: 100%;}
}
@media screen and (max-width: 990px) and (orientation: landscape){

}
@media screen and (max-width: 767px) {
  
}
@media screen and (max-width: 767px)  and (orientation: landscape){

}
@media screen and (max-width: 600px) {

}
@media screen and (max-width: 480px) {
  /* .authentication-image:before{width: 100%;height: 100%;top: 80%;left: -180%;transform: translateY(-50%) rotate(60deg) scale(2);}
  .authentication-image:after{right: -200px;bottom: -80%;} */
  .settings-part .settings-card .settings-info .campaign-name{font-size: 13px;color: var(--textAltColor);text-transform: uppercase;font-weight: 400;}
.settings-part .settings-card .settings-info .name{font-size: 18px;margin-top: 12px;color: var(--lightColor);font-weight: 500;}

}
@media screen and (max-width: 360px) {

}
@media screen and (max-width: 320px) {

}
/* ********|| RESPONSIVE ENDS ||******** */