:root {
  /* Default Colors (Dark Mode) */
  --bg-color: #121212; 
  --log-bg:#000000;
  --log-shdw:#333333;
  --text-color: #e0e0e0;
  transition: background-color 0.3s ease, color 0.3s ease;
  --top-fnt:#ff541f; 
  --bg-brdr:#ff541f;
  --scroll: #928f8f #121212;
  --btn-bg:#ff541f;
  --bg-tmln:#fff;
  --dot:#fff;
  --scrl-bg:#121212;
  --stop-bg:#ffffff30;
  --modal-bg:#333333fc;
  --ai-modal:#444343;

  
}

/* Light Mode Overrides */
[data-theme="light"] {
  --bg-color: #ffffff;
  --log-bg:#ffffff;
  --log-shdw:#f4f4f4;
  --text-color: #121212;
  --top-fnt:#000000; 
  --bg-brdr: #b4b4b4;
  --scroll: #928f8f #f1f1f1;
  --btn-bg:#000000;
  --bg-tmln:#000000;
  --dot:#000000;
  --scrl-bg:#f1f1f1;
  --stop-bg:#00000030;
  --modal-bg:#edececfc;
  --ai-modal:#dad5d5;
  
}


body {
  background-color: var(--bg-color);
  color: var(--text-color);
}

body[data-theme='dark'] .light-logo { display: none; }
body[data-theme='dark'] .dark-logo { display: block; }
body[data-theme='light'] .light-logo { display: block; }
body[data-theme='light'] .dark-logo { display: none; }

@font-face {
  font-family: 'Lato';
  src: url('../font/Lato-Regular.ttf') format('truetype');
  font-weight: 400; /* Regular weight */
  font-style: normal;
}
p{
  color: var(--text-color);
}

.fnt-lato {
  font-family: 'Lato', sans-serif !important;
  font-weight: 400; /* Regular weight */
  font-style: normal;
}

body{
    font-family: 'Montserrat', sans-serif !important;  
}
.fs10{
    font-size: 10px;
}
.fs11{
  font-size: 11px;
}
.fs12{
    font-size: 12px;
}
.fs13{
    font-size: 13px;
}
.fs14{
    font-size: 14px;
}
.fs15{
    font-size: 15px; 
}

.fs18{
    font-size: 18px;
}
.fs20{
    font-size: 20px;
}
.fs25{
  font-size: 25px;
}
.ancr_style{
    text-decoration: none;
}
.fw300{
  font-weight: 300 !important;
}
.fw400{
  font-weight: 400px !important;
}
.fw500{
    font-weight: 500;
}
.fw600{
    font-weight: 600;
}
.fw900{
  font-weight: 900 !important;
}
.logBg{
  background-color: var(--log-bg) !important;
  border-radius: 20px;
}
.logShdw{
  background-color: var(--log-shdw);
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}


.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #000000 !important;
}

input:focus + .slider {
  box-shadow: 0 0 1px #000000 !important;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.settings-pswd button{
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    padding-top: 5px;
    right: 0.5vw;
    border: none;
    background: none;
    color: #555;
    cursor: pointer;
    z-index: 99 !important;
  }
  .settings-pswd input[type="text"]{
    width: 100%;
    padding: 20px;
   border: none;
   padding-right: 0px;
    background-color: #ffffff !important;
    border-radius: 50px !important;
    box-sizing: border-box;
    font-size: 13px;
    transition: border-color 0.3s ease;
  }

.brdr{
  background-color: var(--bg-brdr);
}
.btnBg{
  background-color:var(--btn-bg) ;
}
.three-dot{
      fill: var(--dot);
}
.clr-org{
  color: #ff541f !important;
}
.clr-ylow{
  color: #f67c0a;
}
.clr-rd{
  color: #ce070a;
}
.clr-grn{
  color: #0f680a;
}
.ancr-styl{
  text-decoration: none;
}
.tgle-clr{
  fill: var(--text-color);
}
.txt-footr{
  color: #878787;
}
.TpSlctn{
  background-color: #fafdff;border-bottom: 1px solid #ff541f50;border-radius: 0;
}
.text-dark{
  color: var(--text-color) !important;
}
.logo-sz{
  width: 180px;
}
.tp-fnt{
 color: var(--top-fnt);
 font-weight: 500;
}
.bg-fff,.search-fld,.bg-white,.sideBg,.search-fld1{
  background-color: var(--bg-color) !important;
}
.search-fld1{
  border-radius: 15px;width: 100%;border: 1px solid #ff541f70;height: 50px;padding-top: 12px;
  color: var(--text-color);
}
.search-fld1::placeholder{
  color: #b4b4b4;
}

.bluVerticl{
  height: 20px;background-color: #ff541f;width: 1px;margin-bottom: -5px;
}

  /* eye icon disabling :chrome*/
input[type="password"] {         /*  :chrome*/
    -webkit-text-security: disc;
    -webkit-appearance: none;
    appearance: none;
  }
  input[type="password"]::-ms-reveal {      /* :explorer and edge*/
    display: none;
  }
  .search-container_admin,.search-container_admin1{
    position: relative;
    width: 680px;
    margin: 0px; 
    border-radius: 10px;
  }
    .search-container_admin button {
    position: absolute;
    top: 8px;
    right: 5px;
    padding: 5px;
    border: none;
    background: none;
    color: #555;
    cursor: pointer;
  }
    input[type="text"]{
    width: 100%;
    padding: 15px;
    border: 0.5px solid #ff541f70;
    color: var(--text-color);
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 13px;
    background-color: var(--bg-color) ;
   
  }
  input[type="email"],input[type="password"]{
    width: 100%;
    padding: 15px;
    border: 1px solid #ff541f;
    color: var(--text-color);
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 13px;
    background-color: var(--bg-color);
  }
  .clnderBrdr{
    border: 1px solid #ff541f !important;
  }

.scndryClr{
  color: #b4b4b4;
}
  .clr-dark,.p-txt{
    color: var(--text-color) !important;
  }
 
.scroller {
  overflow-y: scroll;
  scrollbar-color: var(--scroll) transparent; /* For Firefox */
  
}

/* Chrome, Safari, Edge, and Opera */
.scroller::-webkit-scrollbar {
  width: 3px !important;  /* Set exact thickness here */
  scrollbar-color: var(--scroll);
}


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

/* Track */
::-webkit-scrollbar-track {
  background: var(--scrl-bg);
}

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

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #eaedef;
}
.scroll-x::-webkit-scrollbar{
  overflow: auto;
  scrollbar-color: var(--scroll) transparent; 
  scrollbar-width:thin; 
 
}


  .plcHldr::placeholder{
    color: #b4b4b4 !important;
    font-size: 17px;
  }
  .plcHldr1::placeholder{
    color: var(--text-color) !important;
    font-size: 16px;
  }
  .blckWdth{
    width: 150px;
  }
    .blckWdth1{
    width: 100px;
  }
  .hide {
  display: none;
}
  .hide:hover {
  display: block;
}
.myDIV{
 cursor: pointer;
}
.myDIV:hover + .hide {
  display: block;
cursor: pointer;
}
.bgShow{
  background-color: #ff541f10;
  border-radius: 10px;
}


.faq-bot-pad{
  padding-bottom: 100px;
   
}
.accordion, .accordion-hstry {
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
  cursor: pointer;
  padding-top: 13px;
  padding-bottom: 4px;
  width: 100%;
  border: 0px solid #ff541f70;

  text-align: left;
  outline: none;
  font-size: 13px;
  font-weight: 500;
  transition: 0.4s;
   border-radius: 5px !important;
  
}
.accordion2{
  background-color: #ff541f40 !important;
}
.accordion-hstry{
  background-color: var(--bg-color);
  
}

.active2, .accordion:hover{
  background-color: #ffffff;
 
}

.brdr-faq{
border: 1px solid #ff541f70;
background-color: var(--bg-color) !important;
    border-radius: 5px !important;
}

.accordion:after ,.accordion-hstry:after {
  
  content: url(../images/dwn-arrow.png);
  font-size: 25px;
  color: #1255cc;
  font-weight: normal;
  float: right;
  margin-left: 5px;
  margin-top: -10px;
}
.brdr-hstry{
  border: 1px solid #06367a;
}

.active2:after {
  content: url(../images/up-arrow.png);
  font-size: 25px;
  color: #1255cc;
  font-weight: normal;
  float: right;
  margin-left: 5px;
  margin-top: -10px;
}
.acco-content,.jstfy-txt{ 
  text-align: justify;
}
.panel {
  padding: 0px;
  color: #000000;
  max-height: 0;
  border-radius: 5px;
  overflow: hidden;
  transition: max-height 0.4s ease-out;
}
.bgShdw{
  box-shadow: 20px 20px 15px 25px rgba(0,0,0,0.15);
}
.bgShdw1{
  box-shadow: 0px 2px 10px 3px rgba(0,0,0,.15);
}
.subFnt{
  font-size: 13px;
}
.btmPad{
  padding-bottom: 60px;
}
.pdBtm10x{
  padding-bottom: 100px;
}
.pdBtm5x{
  padding-bottom: 50px;
}
.imgBrdr{
  border: 1px solid #ff541f;border-radius: 10px;
}
.pdTp-50{
  padding-top: -100px !important;
}
.srchPstn{
  position: sticky; bottom: 0px !important;background-color:var(--bg-color) ;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 25px 10px 15px 15px rgba(0,0,0,0.15);
}

.srchWdth1{
  width: 94%;
}
.srchWdth2{
  width: 6%;
}
.bxHgt{
  height: auto;
}
.ftrPostn{
  position: fixed; bottom: 0px;background-color: #ffffff;width: 100%;
}
.greyVrtcl{
  height: 14px;background-color: #878787;width: 1px;margin-bottom: -4px;
}
.fsTb{
  font-size: 1.15vw;
}
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1 !important;
    top: 0;
    left: 0;
    background-color: var(--bg-color) ;
    border: 1px solid #e9e6e6;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  .sidenav .closebtn {
    position: absolute;
    top: -25px;
    right: 20px;
    font-size: 36px;
    margin-left: 50px;
    color: var(--text-color);
  }
.navbar-toggler{
margin-right: 0vw !important;
}
.plcHldr2::placeholder{
  color: #878787;
  font-size: 14px !important;
}
.verfyBtn{
  background-color: #b4b4b4;
  border-radius: 20px;
}
.verfyBtn1,.verfyBtn3{
  background-color: #ff541f;
  border-radius: 20px;
}
.verfyBtn3{
  width: 200px;
}
.btnLog{
  background-color: #ff541f;
  padding-left: 35px;
  padding-right: 35px;
}
.btnCncl{
  border:1px solid #ff541f;
  color: #ff541f;
  padding-left: 35px;
  padding-right: 35px;
}
.brdr20{
  border-radius: 20px;
}
.otp{
  width: 50px !important;
  height: 50px !important;
  text-align: center;
}
.otp input[type="text"]{
    width: 100%;
    padding: 15px;
    border: 0.5px solid #ff541f70;
    color: var(--text-color);
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 13px;
    background-color: var(--log-bg) !important;}
.clr-main{
  color: #ff541f;
}
.clr-dark{
  color: #000000;
}
.dash-border,.dash-border1{
  border: 1px solid #e7feff;
  border-radius: 20px;
  height: 140px;
 box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}
.dash-border1{
  height: auto;
}
.tpnavBg{
  background-color: var(--bg-color);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2) !important;
}
.sdNavbg{
  border-right: 1px solid #e9e6e6;
  box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.1);
}
.actv{
 border-left: 5px solid #ff541f;
 margin-left: -12px;
 padding-left: 23px;
 padding-top: 5px;
 padding-bottom: 5px;
}
.logoWdth{
  width: 100px;
}
.brdrRght{
  border-right: 1px solid #e9e6e6;
}
.jdBrdr{
  border-top: 1px solid #f0ecec;border-bottom: 1px solid #f0ecec;
}
.jdStyl{
width: 40px;height: 40px;border-radius: 50px;background-color: #ff541f;padding: 8px;color: #ffffff;
}
.mbActv{
  border-left: 4px solid #ff541f;
}
.mtMob{
  margin-top: 200px;
}
.lftPad{
  padding-left: 12px;
}
.MtbWeb{
  margin-top: 350px;
  margin-bottom: 40px;
}
.tymlnBtn{
  border: 1px solid #ff541f;
  width: 100%;
  border-radius: 20px;
}
.tymlnAct{
  background-color: #ff541f;
  color: #ffffff;
}
.prflBtn{
   border: 1px solid #ff541f;
  width: 100%;
  border-radius: 10px;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #ff541f;
}
.prflbtnAct{
   background-color: #ff541f;
  width: 100%;
  border-radius: 10px;
   padding-top: 12px;
  padding-bottom: 12px;
  color: #ffffff;
}
.backBtn{
  border: 1px solid #ff541f;
  width: 190px;
  border-radius: 20px;
}
.tmlnFnt{
  font-size: 14px;
}
.hstryBx{
  height: 29px;
}
.smlBx{
  width: 15px;height: 15px;background-color: #d9d9d9;
}
.vertLn{
  height: 30px;width: 1px;background-color: var(--bg-tmln);
}
.ldmrBtn{
  background-color: #ff541f;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 20px;
}
.dwldnw{
  background-color: #ff541f;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 8px;
}
.vstBtn{
  background-color: #ff541f;
  border-radius: 10px;
}
.actvBtnmodl{
   background-color: #ff541f;
   border-radius: 20px;
}
.cnCl{
  border: 1px solid #ff541f;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 20px;
  color: #ff541f;
}
.fvrtBtn{
  border: 1px solid #ff541f;
  border-radius: 20px;
  color: #ff541f;
}
.date-input-container {
  position: relative;
 
}
.date-input-container button {
  position: absolute;
  top: 5px;
  left: 10px;
  padding: 2px;
 
  border: none;
  background: none;
  cursor: pointer;
}
.date-picker-input{
  padding-left: 35px !important;
  border-radius: 10px;
  width: 130px !important;
}
.plClndr::placeholder{
  color: #ff541f !important;
  font-size: 14px !important;
}
.nav-width{
  width: 100%;
}
table {
  width: 100%;
  text-align: left;
 
 
  border-radius: 15px; 
 
}

.tbl-brdr{
  outline: 1px solid #ff541f;border-radius: 10px;margin-top: 10px;
}
.grnActv{
  background-color:#0f680a ;
  color: #ffffff;
  border-radius: 25px;
  padding: 2px 12px;
}
.remvd{
  background-color:#ce070a;
  color: #ffffff;
  border-radius: 25px;
  padding: 2px 4px;
}
.suspnd{
  background-color:#f67c0a;
  color: #ffffff;
  border-radius: 25px;
  padding: 2px 4px;
}
.crwlng{
  background-color:#f3fb06;
  color: #000000;
  border-radius: 25px;
  padding: 2px 10px;
}
.edtBtn{
  background-color: #0477ca;
  border-radius: 10px;
  color: #ffffff;
  width: 80px;
}
.dltBtn{
  background-color: #ce070a;
  border-radius: 10px;
  color: #ffffff;
  width: 92px;
}
.addBtn{
  background-color: #ff541f;
  border-radius: 20px;
  padding: 6px 20px;
}
.logoWeb{
  margin-top: 12px;padding-bottom: 10px;
}
.adrsBx{
  border-radius: 10px;border: 1px solid #ff541f;width: 100%;height: 100px;
  background-color: var(--bg-color);
  color: var(--text-color);
}
.frmFld{
  border-radius: 10px;padding-top: 15px;padding-bottom: 15px;border: 1px solid #ff541f !important;
}
.loader,.loader1,.loader2 {
  border: 4px solid #d4d3d3;
  border-radius: 50%;
  border-top: 4px solid #ff541f;
  border-bottom: 4px solid #ff541f;
  border-left: 4px solid #ff541f;
 
  width: 30px;
  height: 30px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
.loader1{
  border: 2px solid #ff541f;
  border-radius: 50%;
  border-top: 2px solid #d4d3d3;
  border-bottom: 2px solid #d4d3d3;
  border-left: 2px solid #d4d3d3;
  width: 20px;
  height: 20px;
    -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
 
}
.optn-slct{
  padding-top: 14px;
  padding-bottom: 14px;
  border: 1px solid #ff541f;
  border-radius: 10px !important;
  color:#878787 ;
  background-color: var(--bg-color);
}
.optn-slct::placeholder{
  color: #878787 !important;
}
.clr2{
  color: #878787 !important;
}
#dwld,#dwld1{
  display: none;
}
.drkPlchldr::placeholder{
  color:var(--text-color);
  font-weight:500;
  font-size: 14px !important;
}
.txtDrk{
  color:var(--text-color) !important;
  font-weight:500;
}
.fvrtBx{
  border: 1px solid #ff541f;border-radius: 10px;padding-top: 40px;padding-bottom: 40px;
}

.modal {
    display: none;
   
    z-index: 99 !important; 
    left:16.5%;
    top: 85px;
    width: 100% ; 
    height: 100% ; 
    overflow: auto; 
    background-color:#d9d9d950;
    
  }
  .modal1,.modal2{
    position:fixed;
    top:0;
    left:0;
    z-index:1060;
    display:none;
    width:100%;
    height:100%;
    overflow-x:hidden;
    overflow-y:auto;
    outline:0;
    background-color:none;
  }
.modal3{
   position:fixed;
    top:0;
    left:0;
    z-index: 0;
    display:none;
    width:100%;
    height:100%;
    overflow-x:hidden;
    overflow-y:auto;
    outline:0; 
}
@keyframes slideUp {
    from {
        transform: translateY(100%); 
        opacity: 0;                  
    }
    to {
        transform: translateY(0);   
        opacity: 1;
    }
}
.modal3.show {
    display: block;
    animation: slideUp 1s ease-out forwards;
}


  .modal-content-dash,.modal-content-dash1,.modal-content-dash2,.modal-content-dash4{
    z-index: 99 !important; 
    background-color: var(--modal-bg);
    margin: 10% 24%; 
    width: 35%; 
    border-radius: 20px;
    box-shadow: 0px 2px 10px 3px rgba(0,0,0,.15);
  }
  .modal-content-dash1{
    margin: 15% 33%; 
    background-color: var(--modal-bg);
  }
  .modal-content-dash4{
      width: 54%;
      margin: 10% 22%; 
  }
  .modal-content-dash2{
     margin: 3% 33%;
      width: 35%; 
     border-bottom-left-radius: 0px !important;
     border-bottom-right-radius: 0px !important;
     border-top-left-radius: 10px !important;
     border-top-right-radius: 10px !important;
  }
  .modal-content-dash3{
    z-index: 1060 !important; 
    margin-top: 37vh;margin-left: 76vw;
    width: 22%; 
    
  }
  .modltxt{
    font-size: 14px;
  }
  .contntBx{
    height: 50px;
  }
.BxPpup {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 150px;
  border: none;
  border-radius: 8px;
  margin-left: 23px !important;
}
.popTxt {
  color: #000231 !important;
}
.dropdwn-bg {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #d9d9d940;

}
.btnPad{
  padding-left: 1.5vw;
  padding-right: 1.5vw;
}
.imgWdth1{
  width: 30px;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

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

.suggestions-list,.suggestions-list1 {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: var(--bg-color);
  border: 1px solid #ff541f;
  color: var(--text-color);
  border-radius: 4px;
  display: none;
  list-style-type: none;
  max-height: 200px;
  overflow-y: auto;
  z-index: 1;
}
.suggestions-list{
  bottom: 100%;
}
.suggestions-list1{
  top: 100%;
}

.suggestions-list li,.suggestions-list1 li {
  padding: 8px 10px;
  cursor: pointer;
}


.suggestions-list li:hover,.suggestions-list1 li:hover {
  background-color: var(--bg-color);
  color: var(--text-color);
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 14px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
     margin-left: 5px;
}

 

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 10px;
    height: 10px;
    border: 1px solid #ff541f;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #ff541f;
    position: absolute;
    top: 5px;
    left: 0px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.mrg-lft{
  margin-left: 20px !important;
}
.switch,.switch1 {
  position: relative;
  display: inline-block;
  width: 27px;
  height: 17px;
}

.switch input,.switch1 input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider,.slider1 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before,.slider1:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #ff541f;
}
input:checked + .slider1{
 background: linear-gradient(to top right, #ff541f, #fc825c);
}

input:focus + .slider,input:focus + .slider1 {
  box-shadow: 0 0 1px #ff541f;
}

input:checked + .slider:before,input:checked + .slider1:before {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}

/* Rounded sliders */
.slider.round,.slider1.round {
  border-radius: 34px;
}

.slider.round:before,.slider1.round:before {
  border-radius: 50%;
}
.asrBx{
  border: 1px solid #ff541f;
 
  border-radius: 10px;
}



.checkbox {
      opacity: 0;
      position: absolute;
    }

    .checkbox-label {
      background-color:var(--text-color);
      width: 45px;
      height: 24px;
      border-radius: 50px;
      position: relative;
      padding: 5px;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .fa-moon {
      color: #ff541f;
    }

    .fa-sun {
      color: #ff541f;
    }

    .checkbox-label .ball {
      background-color: var(--bg-color);
      width: 20px;
      height: 20px;
      position: absolute;
      left: 2px;
      top: 2px;
      border-radius: 50%;
      transition: transform 0.2s linear;
    }

    .checkbox:checked + .checkbox-label .ball {
      transform: translateX(22px);
    }

     #theme-toggle {
      visibility: hidden;
    }

    #theme-toggle + label {
      display: inline-block;
      cursor: pointer;
      height: 20px;
      width: 20px;
      border-radius: 50%;
      transition: all 0.3s ease-in-out;
    }

    #theme-toggle:not(:checked) + label {
       background-color: transparent;
      box-shadow: inset -4.5px -4px 1px 1px #fff;
      
    }

    #theme-toggle:checked + label {
     background-color: gold;
    }
    .file-item{
      background-color: var(--bg-color) !important;
      border: 1px solid #ff541f70;
      color: var(--text-color) !important;
    }
    .close-btn{
      color: var(--text-color) !important;
      padding-left: 20px !important;
    }
    
.web-icn{
  border: 1px solid #ff541f;border-radius: 5px;padding: 2px;
}
.acco-bg{
  background-color: #ff541f !important;
  color: #000000 !important;
  border-radius: 5px !important;
 padding-top: 15px;
 padding-bottom: 15px;
  font-size: 15px;
  
}
.acco-bg::after{
  width: 5px;
}

.fvrtBtn:hover,.cnCl:hover{
  color: var(--text-color) !important;
}
.stop-btn {
  background-color: var(--stop-bg);
  border-radius: 50px;
  width: 80px;
  color: var(--text-color);
}

.stop-btn:hover {

  color: var(--text-color);
}
.ldng-dot{
  background-color: #ff541f;height: 6px;width: 6px;border-radius: 50%;
}
.nblq-search{
background-color: #ff541f ;padding: 8px;border-radius: 50px;width: 40px;height: 40px;
}
.usr-prfl{
  background-color:var(--bg-tmln);font-weight: 500;color:var(--bg-color);padding: 8px;border-radius: 50px;width: 40px;height: 40px;
}
.pause-btn{
  height: 13px;width: 13px;background-color: var(--text-color);
}
.re-api{
  background-color: #ff541f;
}
.cpy-api{
  border: 1px solid #ff541f;
}
.stpbtn-postn,.stpbtn-postn1{
  position: fixed;bottom: 59px;width: 39.5%;
}
.stpbtn-postn1{
  width: 48%;
  bottom: 69px;
}
.py-12{
  padding-top: 12px;
  padding-bottom: 12px;
}
.custom-list {
    list-style: none;
    padding: 0;
}

.custom-list li {
    background: url('../images/list-icon.png') no-repeat;
    background-position: left 2px; 
    padding-left: 25px; 
    margin-bottom: 12px; 
    background-size: 20px;
}
code {
  font-family: 'Montserrat', sans-serif !important;  
  color: #fdd020; 
}
.tbl-brdr2{
  border: 1px solid #ffffff20;
  border-right: none;
}
.tbl-brdr1{
  border: 1px solid #ffffff20;
  border-left: none;
}
.txt-hd{
  font-weight: 600 !important;
}
.btn{
  box-shadow: none !important;
}
.blckWdth {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.blckWdth:hover {
  transform: translateY(-5px); 
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); 
}
.icn-indx{
  z-index: 99;
}
.aiModal-brdr{

    border: double 1px transparent;
    background-color: var(--modal-bg);
    background-image: linear-gradient(var(--modal-bg), var(--modal-bg)), radial-gradient(circle at left , #ff541f,#fc825c);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.aimodal-bg{
   background-color: #ff541f20;
   border: 1px solid #ff541f;
}
.aiModal-brdr1{
 border: double 1px transparent;
  background-image: linear-gradient(var(--modal-bg), var(--modal-bg)), radial-gradient(circle at bottom left , #878787,#c0bdbc);
   background-origin: border-box;
    background-clip: padding-box, border-box;
}
.aimodal-bg1{
  border: double 1px transparent;
  background-image: linear-gradient(var(--modal-bg), var(--modal-bg)), radial-gradient(circle at bottom left , #878787,#c0bdbc);
   background-origin: border-box;
    background-clip: padding-box, border-box;
}
.on-txt{
  background: linear-gradient(to top, #ff541f 20%, #fc825c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.log-brdr{
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff ;
}
.log-padTp{
  padding-top: 17vh;
}
.log-hgt{
  height: 81vh;
}
.footr-hgt{
  height: 19vh ;
}
.captcha-sz{
  width: 150px;
  height: 35px;
}
.custom-checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.custom-checkbox-container {
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
 color: #ff541f;
 font-weight: 700;
  user-select: none;
}
.checkbox-checkmark {
  height: 17px;
  width: 17px;
  background-color: var(--bg-color);
  border: 1px solid #ff541f;
  border-radius: 6px;
  margin-right: 5px;
  position: relative;
  transition: all 0.2s ease;
}
.custom-checkbox-container:hover input ~ .checkbox-checkmark {
  background-color: var(--bg-color);
}
.custom-checkbox-container input:checked ~ .checkbox-checkmark {
  background-color: #FF541F;
  border-color: #FF541F;
}
.checkbox-checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.custom-checkbox-container input:checked ~ .checkbox-checkmark::after {
  display: block;
}

@media (max-width: 599px) {

  .blckWdth{
    width: 18vw;
  }
  .blckWdth1{
    width: 16vw;
  }
  .mobFnt2{
    font-size: 2.3vw;
  }
  .mobFnt{
    font-size: 2.2vw;
  }
  .mobFnt1{
    font-size: 4vw;
  }
  .mobFnt3{
    font-size: 2.8vw;
  }
  .imgWdth{
    width: 8vw;
  }
  .imgWdth1{
     width: 8vw;
  }
    .plcHldr::placeholder{
    color: #b4b4b4 !important;
    font-size: 2.8vw;
  }
  .subFnt{
  font-size: 2.5vw;
}
.btmPad{
  padding-bottom: 120px !important;
}
.pdBtm10x{
  padding-bottom: 20px;
}
.pdBtm5x{
  padding-bottom: 20px;
}
.srchPstn{
  position: fixed; bottom: 45px;background-color:var(--bg-color) ;
 
}
.srchWdth1{
  width: 80%;
}
.srchWdth2{
  width: 20%;
}
.bxHgt{
  height: auto;
}
  .plcHldr1::placeholder{
    font-size: 4vw;
  }
.fsTb{
  font-size: 18px;
}
.tmlnFnt{
  font-size: 10px;
}
.hstryBx{
  height: 44px;
}
.vertLn{
  height: 45px;width: 1px;
}
.date-picker-input{
  width: 100% !important;
}
.loader2{
  border: 2px solid #d4d3d3;
  border-radius: 50%;
  border-top: 2px solid #ff541f;
  border-bottom: 2px solid #ff541f;
  border-left: 2px solid #ff541f;
  width: 20px;
  height: 20px;
}
.modal-content-dash {
  width: 80%;
  margin: 40% auto;   
  }
.modal-content-dash1,.modal-content-dash2,.modal-content-dash3,.modal-content-dash4{
   width: 80%;
  margin: 10% auto; 
}
.modal-content-dash2{
   width: 90%;
  margin: 30% auto; 
}
.modal-content-dash3{
   width: 90%;
  margin-top: 35vh;margin-left: 5vw;
}
  .modal,.modal1,.modal2,.modal3 {
    left:0%;
    top: 85px; 
  }
  .modal1{
    top: 0%; 
  }
.modal3{
  top: 100px; 
  z-index: 1;
}

    .contntBx{
    height: 75px;
  }
  .BxPpup {
 margin-left: 0px !important;
}
.btnPad{
  padding-left: 20px;
  padding-right: 20px;
}
  .modltxt{
    font-size: 12px;
  }
   .fotrPstn{
 bottom: 0px;width: 100%;padding-top: 10vh;
}
.otp{
  width: 15vw !important;
  height: 15vw !important;
  text-align: center;
}
.mobfnt{
  font-size: 3vw;
}
.stpbtn-postn{
 width: 92%;
}
.stpbtn-postn1{
  width: 93%;
  bottom: 64px;
}
.icn-indx{
  z-index: 0;
}
.log-brdr{
  border-left: none;
  border-right: none;
}
.log-padTp{
  padding-top: 3vh;
}
.log-hgt{
  height: auto;
}
.footr-hgt{
  height: 610px;
}
.captcha-sz{
  width: 100px;
  height: 30px;
}
}
@media (min-width: 600px) and (max-width: 1200px){
.srchPstn{
  position: sticky; bottom: 75px;background-color:var(--bg-color) ;
}
.srchWdth1{
  width: 90%;
}
.srchWdth2{
  width: 10%;
}
.bxHgt{
  height: 33vw;
}
.btmPad{
  padding-bottom: 0px !important;
}
.fsTb{
  font-size: 1.65vw;
}
.fotrPstn,.fotrPstn1{
  position: fixed;bottom: 0px;width: 100%;
}
.modal-content-dash,.modal-content-dash1,.modal-content-dash2,.modal-content-dash3,.modal-content-dash4{

  width: 60%; 
  margin: 30% auto; 
  
  }
.modal-content-dash2{
   width: 60%; 
  margin: 10% auto; 
}
.modal-content-dash3{
   width: 90%; 
  margin-top: 0vh;margin-left: 0vw;
}
.modal3{
   position:fixed;
    top:45%;
    left:50%;
    z-index: 999 !important;
    display:none;
    width:50%;
    height:55%;
    overflow-x:hidden;
    overflow-y:hidden;
    outline:0;
   
  
   
}
  .modal,.modal1,.modal2 {
    left:0%;
    top: 85px; 
  }
  .modal1{
    top: 0%;
  }
  .pg-hgt{
    height: 90vh;
  }
 
.stpbtn-postn{
 width: 70%;
}
.stpbtn-postn1{
  width: 96%;
  bottom: 64px;
}
.log-padTp{
  padding-top: 3vh;
}
   .log-hgt {
    height: 85vw;
  }
  .footr-hgt{
  height: 180px;
}
}
@media ( min-height: 900px) and (min-width: 1200px){
  .fotrPstn,.fotrPstn1{
  position: fixed;bottom: 0px;width: 100%;
}
.sdNavbg{
  height: 94vh;
  border-right: 1px solid #e9e6e6;
  box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.1);
}

}


@media ( min-width: 1250px) {
 .page-hght{
  height: 100vh;
 }
 .fotrPstn{
  position: fixed;bottom: 0px;width: 100%;
}
}