.main-theme-green {
    --border-color: rgb(0, 146, 172);
    --background-transparent-color: rgba(0, 146, 172, 0.205);
    --text-color: rgb(0, 217, 255);
    --background-color: var(--border-color);
    --market-item-background-1-color: #00768B;
    --market-item-background-2-color: rgb(0, 217, 255);
    --money-color: var(--text-color);
  } 
  .main-theme-green.phase1 {
    --border-color: rgb(172 22 0);
    --background-transparent-color: rgb(172 22 0 / 21%);
    --text-color: rgb(255 59 6);
    --market-item-background-1-color: rgb(172 22 0);
    --market-item-background-2-color: rgb(255 59 6);
    --background-color: var(--border-color);
    --money-color: var(--text-color);
  } 
  .main-theme-green.phase2 {
	--border-color: rgb(0 172 97);
    --background-transparent-color: rgb(0 172 97 / 23%);
    --text-color: rgb(39 255 161);
    --market-item-background-1-color: rgb(7 122 72);
    --market-item-background-2-color: rgb(0 213 120);
    --background-color: var(--border-color);
    --money-color: var(--text-color);
  } 
  .main-theme-green.phase3 {
    --border-color: rgb(68 68 68);
    --background-transparent-color: rgb(86 86 86 / 20%);
    --text-color: rgb(153 153 153);
    --background-color: var(--border-color);
    --market-item-background-1-color: rgb(175 175 175);
    --market-item-background-2-color: rgb(112 112 112);
    --money-color: var(--text-color);
  }  
  .main-theme-green.phase4 {
    --border-color: rgb(66 0 172);
    --background-transparent-color: rgb(66 0 172 / 20%);
    --text-color: rgb(146 78 255);
    --background-color: var(--border-color);
    --market-item-background-1-color: rgb(66 0 172);
    --market-item-background-2-color: rgb(105 12 255);
    --money-color: var(--text-color);
  }
  .main-theme-green.phase5 {
    --border-color: rgb(255 129 0);
    --background-transparent-color: rgb(255 118 21 / 20%);
    --text-color: rgb(255 118 21);
    --background-color: var(--border-color);
    --market-item-background-1-color: rgb(255 118 21);
    --market-item-background-2-color: rgb(235 100 5);
    --money-color: var(--text-color);
  }
  .like-moodernity {
    background-color: #ffffff05 !important;
    background: #ffffff05 !important;
    border-radius: 12px !important;
    border: 1px solid #ffffff0f !important;
    border-color: #ffffff0f !important;
  }
  /*
    .main-theme-green *:is(.alert-info,.alert-success,.alert-danger) {
    color: var(--text-color) !important;
    background-color: rgb(255 255 255 / 6%) !important;
    border-color: var(--text-color) !important;
  } 
  */
    input.form-control:focus {
        box-shadow: 0 5px 10px -8px var(--text-color) !important;
        border-color: var(--text-color) !important;
        background: var(--background-transparent-color) !important;
        transition: 0.35s;
    }
  .main-theme-green *:is(.alert-info,.alert-success,.alert-danger) {
    color: rgb(255 255 255) !important;
    background-color: var(--background-color) !important;
    border-color: var(--text-color) !important;
  } 
  .main-theme-green .orderinp,
  .main-theme-green .input-group [name=search] {
      border-radius: 50px !important;
      background: #ffffff0a !important;
      padding-left: 15px !important;
      background-color: #ffffff0a !important;
  }
  .main-theme-green .bs-toast {
    background: var(--background-color)!important;
    background-color: var(--background-color)!important;
    }
  .main-theme-green [style*='rgb(255 0 0 / 80%)']:is(.ozel-btn){
    color: var(--text-color) !important;
  }
  .main-theme-green [style*='background-color:#363636;']:is(.ozel-btn) {
    cursor: pointer;
    padding: 10px 30px !important;
    border-radius: 50px !important;
    background: #ffffff09 !important;
    border: 2px solid transparent !important;
  }
  .main-theme-green [style*='background-color:#363636;']:is(.ozel-btn):hover {
    border-color: var(--background-color) !important;
  }
  .main-theme-green [style*='background: #EC1818'],
  .main-theme-green .abone {
    background: var(--background-color)!important;
    background-color: var(--background-color)!important;
  }
  .main-theme-green *:is(.platform,.onay)::after {
    background: var(--background-color)!important;
    background-color: var(--background-color)!important;
  }
  .main-theme-green .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled) {
  	color: #dadada !important;
  }
  #description {
    padding: 10px 20px;
    border-radius: 50px;
    border: 1px solid rgb(29 29 29) !important
  }
  #description label {
      cursor: pointer;
  }
  #description label::before {
      position: relative;
      content: "»";
      color: var(--text-color);
      margin-right: 10px;
  }
  #description.show { 
    background: #ffffff0a;
    padding: 20px;
    border-radius: 12px;
  }
  #description:not(.show) label {
      margin: 0 !important;
  }
  #description:not(.show) #service_description {
      display: none;
  }
  .modal {
      overflow: auto !important;
  }
  .table thead th {
      font-weight: normal !important;
      margin-top: 0 !important;
  }
  .main-theme-green .modal-content.bg-dark {
    background-color: #000000ba !important;
    border: 1px solid var(--background-color);
    border-radius: 15px !important;
  }
  .main-theme-green .modal-header,
  .main-theme-green .modal-footer {
  	border-color: #e9ecef26 !important;
  }
  .main-theme-green #sidebar ul li a {
    white-space: nowrap;
    min-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex !important;
    align-items: center;
  }
  .main-theme-green *:is(.container,.vr,.container-fluid,.acc-kutu,#content .kutu,.change-border-color,.servis-filt .ozel-btn:not([style*='background-color:#363636;']),.ticket-r-kutu,.login-kutu,.kutu,.header-dark .navbar .navbar-collapse span .login) { 
    border-color: var(--border-color) !important;
    border-width: 2px !important;
  }  
  .header-dark .navbar .navbar-collapse {
      border-color: transparent !important;
  }
  .main-theme-green .sidebar-header .text-warning {
    color:  var(--money-color) !important;
  }
  .main-theme-green *:is(.bg-danger,.container-fluid .input-group-btn .btn-default){
    border: none !important; 
    background: linear-gradient(30deg,var(--text-color),var(--background-color)) !important; 
    background-color: linear-gradient(30deg,var(--text-color),var(--background-color)) !important; 
  } 
  .main-theme-green .container {
    padding: 20px !important;
    background: none !important;
    border: none !important;
  }
  .main-theme-green .container .kutu {
    border: 2px solid var(--background-color);
  }
  .main-theme-green *:is(.orders .panel,.orders .accordion) {
    background: none !important;
  }
  .main-theme-green .dropdown-item {
    color: #dadada;
  }
  .kutu h4 {
      margin-bottom: 0 !important;
  }
  .main-theme-green .text-danger {
    color: #dadada !important;
  }
  .main-theme-green .dropdown-item:hover {
    background: none !important;
    color: var(--text-color);
  }
  .main-theme-green #serv-inp {
  border-radius: 50px !important;
  }
  .main-theme-green .header-dark {
    background: none !important;
  } 
  .main-theme-green .foter-kutu .btn-outline-light {
    color: var(--background-color) !important;
  }
  .main-theme-green .foter-kutu + div a {
    color: var(--background-color) !important;
  } 
  .main-theme-green .dropdown-item:active,
  .main-theme-green .dropdown-item:focus {
    background: var(--background-color) !important;
    transition: 0.15s;
    color: #fff;
  }
  .main-theme-green .dropdown-menu {
    margin-top: 15px;
    background: rgb(0 0 0 / 49%);
    border: 2px solid var(--border-color);
    backdrop-filter: blur(30px);
  }
  .main-theme-green #sidebar > ul li:is(:hover,#active) {
    background: #ffffff0d !important;
  } 
  .main-theme-green #sidebar > ul li:is(:hover,#active) i {
      color: var(--text-color) !important;
  }
  .main-theme-green #sidebar .sidebar-header {
    background: none !important;
  }
  .main-theme-green .user-stat,
  .main-theme-green .orders .accordion-group {
    background: #0000002b !important;
  }
  .main-theme-green .navbar {
    background: none !important;
  }
  .main-theme-green #sidebarCollapse {
    border-radius: 50%;
    background: #0000002b !important;
  }
  .main-theme-green #sidebar li:has(#active) {
    background: #0000002b !important;
  }
  .main-theme-green #sidebar:not(.active) .logo-panel img:nth-child(2) {
    display: none;
  }
  .main-theme-green #sidebar.active .logo-panel img:nth-child(2) {
    animation: fadeLogoSidebar 0.3s ease forwards;
    animation-delay: 0.1s;
    opacity: 0;
  }
  
  @keyframes fadeLogoSidebar {
  0% {
  	display: block;
    	transform: scale(0.4);
      	opacity: 0; 
  }
  10% {
  	opacity: 0;
  }
  	100% {
    opacity: 1;
    	transform: scale(0.7)
    }
  }
  
  @media screen and (min-width: 768px){ 
      .main-theme-green #sidebar.active .logo-panel img:nth-child(1) {
        	display: none !important;
      }
  }
  @media screen and (max-width: 768px){ 
      .main-theme-green #sidebar.active .logo-panel img:nth-child(2) {
        	display: none !important;
      }
  }
  .main-theme-green #sidebarCollapse:hover { 
    background: #0000008e !important;
  }
  .main-theme-green *:is(.by-cnt,.by-kutu,.desc:last-child ul,.api-kutu,.ticket-form,.tickets,.services-cont) {
    background: #00000015 !important;
    background-color: #00000015 !important; 
  }
  .main-theme-green .search-input input,
  .main-theme-green .order-search input {
    background: #ffffff0a !important;
    padding-left: 15px !important;
    background-color: #ffffff0a !important; 
  }
  .main-theme-green .nav.nav-pills li a,
  .main-theme-green .btn-danger {
      border-radius: 50px !important;
      border-color: transparent !important;
      padding-left: 20px !important;
      padding-right: 20px !important;
      background: linear-gradient(30deg,var(--text-color),var(--background-color)) !important;
      background-size: 110% 100% !important;
      background-position: center center !important;
  }
  .main-theme-green .orderbtn,
  .main-theme-green .acc-kutu .btn-danger {
      background: linear-gradient(30deg,var(--text-color),var(--background-color)) !important;
  }
  .main-theme-green .acc-kutu .btn-danger:hover {
      filter: brightness(0.8) !important;
      background: linear-gradient(30deg,var(--text-color),var(--background-color)) !important;
  }
  .main-theme-green .order-search .orderbtn,
  .main-theme-green .input-group [type=submit] {
  border-radius: 100px !important; 
  cursor: pointer;
  margin-left: 7px;
  }
  .main-theme-green .order-search .orderbtn:hover,
  .main-theme-green .input-group [type=submit]:hover {
  	filter: brightness(0.7);
  }
  .main-theme-green .desc:last-child ul {
    border: 2px solid !important;
    border-color: var(--background-color) !important;
  }
  .main-theme-green .kutu {
    background: #0000002b !important;
  }
  .main-theme-green .login-kutu {
    background: radial-gradient(rgb(0 0 0 / 30%), rgb(0 0 0 / 10%)) !important;
  }
  .main-theme-green #sidebar li {
    max-width: 90%;
    margin: 0 auto; 
  }
  .main-theme-green #sidebar li > ul li {
    position: relative;
    overflow: hidden;
  }
  .main-theme-green #sidebar li > ul li::after {
    position: absolute;
    top: 50%;
    left: 10px;
    translate: 0 -50%;
    content: "»";
    color: var(--text-color);
    transition: all 0.6s ease;
  }
  .main-theme-green #sidebar li > ul li:not(:hover):after {
    opacity: 0;
    left: -10px;
  }
  .main-theme-green #sidebar li > ul li:nth-last-child(1){
    margin-bottom: 10px;
  }
  .main-theme-green #sidebar li > ul a:hover {
    color: var(--text-color) !important;
  }
  .main-theme-green #sidebar li > ul li {
    margin-bottom: 5px;
  }
  .main-theme-green #content {
    margin: 0 auto !important;
    padding: 0 !important;
    max-width: 90% !important;
  }
  .main-theme-green *:is(.star1,.star2,.star3,.star4){
    color: var(--background-color) !important;
  }
  .main-theme-green path[stroke='#EC1818']{
    stroke: var(--background-color) !important;
  }
  .main-theme-green .form-control {
    border: 1px solid rgb(255 255 255 / 8%) !important;
    background: none !important;
  }
  .main-theme-green .header-dark .navbar .navbar-collapse span .login:hover {
    background: var(--background-transparent-color) !important;
    color: #fff;
  } 
  .main-theme-green .dropdown-menu {
  background: none !important;
  backdrop-filter: blur(20px);
  }
   
  @media screen and (max-width: 1800px) {
      .main-theme-green .ozel-btn {
          width: calc((100% / 5) - 1%) !important;
          margin: 10px auto !important;
      }
  }
  @media screen and (max-width: 1600px) {
      .main-theme-green .ozel-btn {
          width: calc((100% / 4) - 1%) !important;
          margin: 10px auto !important;
      }
  }
  @media screen and (max-width: 1400px) {
      .main-theme-green .ozel-btn {
          width: calc((100% / 3) - 1%) !important;
          margin: 10px auto !important;
      }
  }
  @media screen and (max-width: 1250px) {
      .main-theme-green .ozel-btn {
          width: 49% !important;
          margin: 10px auto !important;
      }
  }
  @media screen and (max-width: 768px) {
      .main-theme-green .ozel-btn {
          white-space: nowrap;
          width: 45% !important;
          margin: 10px auto !important;
      }
      .main-theme-green .input-group,
      .main-theme-green .pull-right.search,
      .main-theme-green .order-search,
      .main-theme-green [data-toggle=dropdown],
      .main-theme-green .dropdown {
          width: 100% !important;
          max-width: 100% !important;
      }
      .main-theme-green .accordion .bg-danger {
          max-width: 100% !important;
          margin: 10px 0 !important;
          width: 100% !important;
      }
      .main-theme-green .order-search form {
          display: flex !important;
          flex-wrap: nowrap !important;
      }
      .main-theme-green .orderinp {
          width: 100% !important;
      }
      .main-theme-green .dropdown {
          margin-bottom: 20px !important;
      }
    .main-theme-green #sidebarCollapse {
        z-index: 999999999;
    } 
    .main-theme-green #sidebar {  
        background: #000000b8 !important; 
        backdrop-filter: blur(10px) !important;
        max-width: 100% !important;
        height: 100%;
        padding: 0 30px !important;
        border-radius: 0px;
        width: 100%;
        margin: 0 !important;
    }
    .main-theme-green .user-stat {
        border: 3px solid var(--background-color) !important;
    }
    .main-theme-green #sidebar ul.components {
        border: none !important;
    }
    .main-theme-green #sidebar:not(.active) { 
        margin-left: -100% !important;
    } 
  }
  .main-theme-green .dropdown-menu .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.04) !important;
  }
  @media screen and (max-width: 380px) {
      .main-theme-green .ozel-btn {
          white-space: nowrap;
          width: 95% !important;
          margin: 10px auto !important;
      }
  }
  body.main-theme-green::before {
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    height: 300px; 
    content: "";
    filter: blur(220px);
    background: var(--background-color);
    z-index: -1;
  }
  body.main-theme-green::after {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 300px;
    height: 300px; 
    content: "";
    filter: blur(220px);
    background: radial-gradient(var(--background-color) 50%,white);
    z-index: -1;
  }
  
  @media screen and (max-width: 768px) {  
  body.main-theme-green::after {
    width: 200px !important;
    height: 200px !important; 
    right: -100px;
    bottom: -100px;
  }
  body.main-theme-green::before {
    width: 250px !important;
    height: 250px !important; 
    top: -100px;
    left: -100px;
  }
  }
  
  
  /*normal cssler*/
  * {
    box-shadow: none !important;
    outline: none !important;
  }
  .px-5{
    padding-left: 2.1rem !important;
     padding-right: 2.1rem !important;
  }
  
  body{
    background-color:#000;
    font-family: 'Poppins', sans-serif;
    
  }
  
  .header-dark {
    
    background-color:#000;
  
  
  }
  
  #active{
      background-color: #0f0f0f;
      border-radius: 15px;
  }
  
  
  
  @media (max-width: 768px){  
     .by-kutu{
      margin-left: 0px !important;
      margin-bottom: 20px;
      width: 100%;
      
  }
  
  
  .new-order-form{
      width: 100% !important;
  }
  
  #content {
  
      padding-left: 0 !important;
      
  }
  
  .set-log{
      display: none;
  }
  
  .android{
      display: inline !important;
  }
  
     
     .droid{
      display: flex; 
      justify-content:space-evenly; 
      margin: 0 auto !important;
      margin-top: 10px !important;
      max-width: 95% !important;
  } 
     .droid a {        
        width: calc(50% - 10px);
        background: var(--background-color) !important;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 8px 10px;
        border-radius: 4px;
        font-size: 0.7rem !important;
        margin: 0 auto !important;
     }
     .droid i {
         color: #fff !important;
     }
  }
  
  
  
  
  .android{
      display: none;
  }
  
  .by-cnt{
      overflow-y: auto;
  }
  
  
  
  .header-dark .navbar {
    background:transparent;
    padding-top:.75rem;
    padding-bottom:.75rem;
    color:#fff;
    border-radius:0;
    box-shadow:none;
    border:none;
  }
  
  @media (min-width:768px) {
    .header-dark .navbar {
      padding-top:1rem;
      padding-bottom:1rem;
    } 
    .main-theme-green #content {
        padding-left: 40px !important;
    }
  }
  
  .header-dark .navbar .navbar-brand {
    font-weight:bold;
    color:inherit;
  }
  
  .header-dark .navbar .navbar-brand:hover {
    color:#f0f0f0;
    border-radius: 10px;
  }
  
  .header-dark .navbar .navbar-collapse {
    border-top:1px solid rgba(255,255,255,0.3);
    margin-top:.5rem;
  }
  
  @media (min-width:768px) {
    .header-dark .navbar .navbar-collapse {
      border-color:transparent;
      margin:0;
    }
  }
  
  .header-dark .navbar .navbar-collapse span .login {
    border: 3px solid red;
    color:#d9d9d9;
    margin-right:.5rem;
    text-decoration:none;
    border-radius: 40px;
    padding: 0.8rem;
  }
  
  .header-dark .navbar .navbar-collapse span .login:hover {
    color:#000;
    background-color: white; 
  }
  
  .header-dark .navbar .navbar-toggler {
    border-color:rgba(255,255,255,0.3);
  }
  
  .header-dark .navbar .navbar-toggler:hover, .header-dark .navbar-toggler:focus {
    background:none;
  }
  
  .header-dark .navbar .navbar-nav a.active, .header-dark .navbar .navbar-nav > .show .dropdown-item {
    background:none;
    box-shadow:none;
  }
  
  @media (min-width: 768px) {
    .header-dark .navbar-nav .nav-link {
      padding-left:.7rem;
      padding-right:.7rem;
    }
  }
  
  @media (min-width: 992px) {
    .header-dark .navbar-nav .nav-link {
      padding-left:1.2rem;
      padding-right:1.2rem;
    }
  }
  
  .header-dark .navbar .navbar-nav > li > .dropdown-menu {
    margin-top:-5px;
    box-shadow:0 4px 8px rgba(0,0,0,.1);
    background-color:#fff;
    border-radius:2px;
  }
  
  .header-dark .navbar .dropdown-menu .dropdown-item:focus, .header-dark .navbar .dropdown-menu .dropdown-item {
    line-height:2;
    color:#37434d;
  }
  
  .header-dark .navbar .dropdown-menu .dropdown-item:focus, .header-dark .navbar .dropdown-menu .dropdown-item:hover {
    background:#ebeff1;
    border-radius: 10px;
  }
  
  .header-dark .action-button, .header-dark .action-button:not(.disabled):active {
   
    border-radius:40px;
    color:#ebeff1;
    box-shadow:none;
    text-shadow:none;
   
    padding: 0.9rem;
    transition:background-color 0.25s;
    outline:none;
  }
  
  .header-dark .action-button:hover {
    color:#fff;
  }
  
  .header-dark .navbar .form-inline label {
    color:#d9d9d9;
  }
  
  .text-underline{
    text-decoration: underline !important;
  }
  
  .mt-10{
    margin-top: 100px;
  }
  
  .mt-8{
    margin-top: 80px;
  }
  
  .mt-15{
    margin-top: 150px;
  }
  .mt-25{
    margin-top: 250px;
  }
  
  .mb-10{
    margin-bottom: 100px;
  }
  
  .mt-8{
    margin-top: 80px;
  }
  .mt-7{
    margin-top: 70px;
  }
  .mt-6{
    margin-top: 60px;
  }
  .mt-5{
    margin-top: 50px;
  }
  
  .ml-8{
    margin-left: 80px;
  }
  .ml-9{
    margin-left: 90px;
  }
  
  
  
  
  
  .hidden{
    display: none !important;
  }
  
  .fa-instagram{
    color: orange;
  }
  
  
  .text-danger{
    color: #EC1818 !important;
  }
  
  
  .bg-danger{
    background-color: #EC1818 !important;
  }
  
  
  .btn-danger{
    background-color: #EC1818 !important;
  }
  
  .btn-siyah{
    background-color: #000;
    color: #fff;
  }
  
  
  .border-danger{
    border: 2px solid #EC1818;
  }
  
  .fs-big{
    font-size: 38px;
    font-weight: bold;
  }
  
  
  .login-kutu{
        background: #0e0e0e;
      border-radius: 25px;
      padding: 40px;
     border-top: 7px solid #EC1818;
      z-index: 20!important;
      color: #3E3F5E;
      border-bottom: 7px solid #EC1818;
  }
  
  
  .kutu{
    
      border-radius: 25px;
      padding: 40px;
  
      z-index: 20!important;
      
      border-bottom: 7px solid #EC1818;
  }
  
  
  
  
      .blink {
        color: #1c87c9;
        
        font-weight: bold;
        font-family: sans-serif;
        }
        .blink i {
            animation: blinker 4s ease-in-out infinite;
            animation-delay: calc(var(--fade) * 0.2s);
        }
        @keyframes blinker {  
        50% { opacity: 0;  transform: scale(0);}
        }
  
  
  
  @media (max-width: 992px){
    .kol-1{
      display: none;
    }
  
  .kutu{
    width: 100%;
    margin-top: 25px;
  
  }
  #content .kutu .row img{
   display: none;
  }
  
  
  .resp-col img{
    height: 350px !important;
  }
  
  
  
  .justify-foter{
    justify-content: center !important;
  }
  
  
  .foter-kutu .yan-yazi p{
  margin-top: 20px;
  }
  
  
  .alt-bil .resp-col {
    width: 100% !important;
    display: flex;
    justify-content: center;
  }
  
  .alt-bil .justify-oz{
    justify-content: center !important;
  }
  
  .vr{
    display: none;
   
  }
  
  
  
  
  
  
  }
  
  .justify-oz{
    justify-content: space-between;
  }
  
  
  .donen{
    transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      margin-left: 12% !important;
  }
  
  .donder{
     transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
  }
  
  .vr{
    border-radius: 1px;
    border-left: 7px solid #EC1818;
    height: 400px;
    margin-top: 90px;
  }
  
  
  
  
  /* Accordions */
  .accordion {
    border-radius: 3px;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 16px;
    transition: 0.4s;
  }
  .alert-info {
    color: #ff4364 !important;
    background-color: #260a0f !important;
    border-color: #ff4566 !important;
  }
  
  .active, .accordion:hover {
  
    border: none;
  }
  
  .panel {
   
  
    padding: 0 18px;
    background-color: white;
    display: none;
    border: none;
    overflow: hidden;
  }
  
  
  .w-full{
    width: 100% !important;
  }
  
  .w-95{
    width: 95%;
  }
  .w-90{
    width: 90%;
  }
  .w-85{
    width: 85%;
  }
  
  .p-o{
    padding: 0.7rem !important;
  }
  
  .border-none{
    border: none !important;
  }
  
  .border-radius-1{
    border-radius: 10px;
  }
  
  .border-radius-2{
    border-radius: 20px;
  }
  
  
  
  
  .bg-siyah{
    background-color: #000;
  }
  
  
  .foter-kutu{
     border-radius: 25px;
      padding: 40px;
  
      z-index: 20!important;
  
    
  }
  
  
  
  
  
  .justify-foter{
    justify-content: space-between;
  }
  
  
  
  
  
  
  
  
  
  a,
  a:hover,
  a:focus {
      color: inherit;
      text-decoration: none;
      transition: all 0.3s;
  
  }
  
  .navbar {
      padding: 22px;
      background-color: #000;
      border: none;
      border-radius: 0;
      margin: 0;
      
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  }
  
  .navbar-btn {
      box-shadow: none;
      outline: none !important;
      border: none;
  }
  
  .line {
      width: 100%;
      height: 1px;
      border-bottom: 1px dashed #ddd;
      margin: 40px 0;
  }
  @media screen and (min-width: 768px){ 
      #navbarSupportedContent .nav {
          gap: 10px !important;
      }
      #navbarSupportedContent .ml-2 {
          margin-left: 0 !important;
      }
      #navbarSupportedContent a { 
          border: 1px solid var(--text-color) !important;
        background: var(--background-transparent-color) !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 !important;
        border-radius: 50%;
        padding: 10px !important;
      }
      #navbarSupportedContent a i {
        font-size: 1.15rem !important;
      }
  }
  
  .main-theme-green #sidebarCollapse
  {
    border: 1px solid var(--text-color) !important;
    background: var(--background-transparent-color) !important;
  }
  #navbarSupportedContent a:hover ,
  .main-theme-green #sidebarCollapse:hover  {
      filter: brightness(0.6);
    background: var(--background-transparent-color) !important;
  }
  #navbarSupportedContent li i{
    font-size: 20px;
  }
  
  /* ---------------------------------------------------
      SIDEBAR STYLE
  ----------------------------------------------------- */
  
  .wrapper {
      display: flex;
      width: 100%;
      align-items: stretch;
  } 
  @media screen and (min-width: 768px){
    .wrapper {
      padding: 0 30px;
    }
  }
  
  #sidebar {
      min-width: 250px;
      max-width: 250px; 
      color: #fff;
      transition: all 0.3s;
  }
  
  
  #sidebar .sidebar-header {
      padding: 3px;
      background: #000;
  }
  
  #sidebar .sidebar-header img{
      margin-top: 15px;
  }
  
  #sidebar ul.components {
      padding: 20px 0;
      
  }
  
  #sidebar ul p {
      color: #fff;
      padding: 10px;
  }
  
  #sidebar ul li a {
      padding: 10px;
      font-size: 1.1em;
      display: block;
  }
  
  #sidebar ul li:hover {
      
      background: #0f0f0f;
      border-radius: 15px;
  }
  
  
  
  a[data-toggle="collapse"] {
      position: relative;
  }
  
  .dropdown-toggle::after {
      display: block;
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
  }
  
  ul ul a {
      font-size: 0.9em !important;
      padding-left: 30px !important;
      background: #6d7fcc;
  }
  
  ul.CTAs {
      padding: 20px;
  }
  
  ul.CTAs a {
      text-align: center;
      font-size: 0.9em !important;
      display: block;
      border-radius: 5px;
      margin-bottom: 5px;
  }
  
  a.download {
      background: #fff;
      color: #7386D5;
  }
  
  a.article,
  a.article:hover {
      background: #6d7fcc !important;
      color: #fff !important;
  }
  
  /* ---------------------------------------------------
      CONTENT STYLE
  ----------------------------------------------------- */
  
  
      #content {
      width: 100%;
      padding-left: 40px;
      margin: 0;
      min-height: 100vh;
      transition: all 0.3s;
  }
  
  
  /* ---------------------------------------------------
      MEDIAQUERIES
  ----------------------------------------------------- */
  
  @media (max-width: 768px) {
      #sidebar {
          margin-left: -280px;
      }
      #sidebar.active {
          margin-left: 0;
      }
      #sidebarCollapse span {
          display: none;
      }
      .sml-0{
          margin-left: 0 !important;
      }
      
  }
  
  
  
  .user-stat{
    border-radius: 20px;
   background-color: #050403;
  
  }
  
  .user-stat p span{
    font-size: 15px;
  }
  
  
  #content .kutu{
    margin-top: 0px;
      border-radius: 25px;
      padding: 10px;
      width: 98%;
  overflow: hidden;
      z-index: 20!important;
      
      border-bottom: 5px solid #EC1818;
  }
  
  
  .new-order-form{
      width: 90%;
  }
  
  
  .new-order-form .form-group select{
  
    border-radius: 10px;
    background-color: #232323;
    box-shadow: none;
    color: #fff;
    border: none !important;
     -webkit-appearance: none;
          -moz-appearance: none;
          text-indent: 1px;
          text-overflow: '';
  }
  
  
  
  .new-order-form  input{
    border-radius: 10px;
    background-color: #232323 !important;
    box-shadow: none;
    color: #fff;
    border: none !important;
    
  }
  
  .new-order-form  input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
  }
  
  
  .desc{
     border-radius: 25px;
      padding: 20px;
  
      z-index: 20!important;
      
      border-bottom: 7px solid #EC1818;
  }
  
  
  
  @media (max-width: 810px){
     .marquee{
    display: none;
  }
  }
  
  
  
  
  
  
  
  @media (max-width: 768px){
  .flex-mobile-head { 
      display: flex;
      align-items: center;
  }
    #sidebar{
         
     height: 95vh;
  
      top: 0;
      background-color: #000;
      color: #fff;
      z-index: 999;
  position: fixed;
      transition: 0.5s;
      text-align: left;
      border-bottom-right-radius: 80px 80px;
       
    } 
      #sidebarCollapse{
        margin-left: auto !important;
      }
   
   
  }
  
  
  .services-cont{
    background-color: #000;
  }
  
  
  .servis-filt .ozel-btn{
    padding: 20px;
   
    border-radius: 20px;
    text-align: center;
      background-color: #0e0e0e;
      
    margin-top: 20px;
     
      z-index: 20!important;
     border: none;
     color: white;
      border-bottom: 5px solid #EC1818;
    margin-bottom: 20px;
  
  }
  
  
  .table-borderless thead{
    border-bottom: 1px solid  #171616;
  }
  
  
  
  
  .ref-card{
   background-color: #000;
   color: #fff;
  }
  
  .ref-card .card-body .row div{
   background-color: #0f0f0f;
   padding: 30px;
   width: 45%;
   margin-top: 15px;
   border-radius: 10px;
   color: #fff;
  }
  
  .ref-card-2{
   background-color: #000;
   color: #fff;
  }
  
  .ref-card-2 .card-body .row div{
   background-color: #0f0f0f;
   padding: 30px;
   width: 300px;
   margin-top: 15px;
   border-radius: 10px;
   color: #fff;
  }
  
  
  @media (max-width: 768px){
  
  
  .ref-card .card-body .row div{
   background-color: #0f0f0f;
   padding: 30px;
   width: 100%;
   margin-top: 15px;
   border-radius: 10px;
   color: #fff;
  }
  .ref-card-2 .card-body .row div{
   background-color: #0f0f0f;
   padding: 30px;
   width: 100%;
   margin-top: 15px;
   border-radius: 10px;
   color: #fff;
  }
  
  }
  
  .ref-yazi{
    padding: 20px;
    border-radius: 10px;
   color: #fff;
    background-color: #000;
  }
  
  .by-form .form-group select{
  
    border-radius: 10px;
    background-color: #232323;
    box-shadow: none;
    color: #fff;
    border: none !important;
     -webkit-appearance: none;
          -moz-appearance: none;
          text-indent: 1px;
          text-overflow: '';
  }
  
  
  
  .by-form  input{
    border-radius: 10px;
    background-color: #232323 !important;
    box-shadow: none;
    color: #fff;
    border: none !important;
    
  }
  
  .new-order-form  input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
  }
  
  
  .by-kutu{
    background-color: #0f0f0f;
    padding: 30px;
    border-radius: 20px;
  }
  
  .by-cnt{
    background-color: #0f0f0f;
    padding: 30px;
    border-radius: 20px;
  }
  
  
  .order-search .orderinp{
    background-color: #0f0f0f;
    border-radius: 10px;
    border: none;
    outline: none;
   padding: 8px;
  }
  
  .order-search .orderbtn{
    background-color: #EC1818 ;
    color: #fff;
    top: 0;
    right: 0;
  
     width: 45px;
     height: 40px;
    border-radius: 10px;
    border: none;
    outline: none;
  }
  
  .filt{
    padding: 15px;
    
  
  }
  
  .orders .accordion-group{
    background-color: #0f0f0f;
    border: none;
    outline: none;
    border-radius: 10px;
  }
  
  .orders .accordion{
    background-color: #0f0f0f; 
    border: none;
    outline: none;
      border-radius: 10px;
  }
  
  .orders .accordion span{
    width: 150px;
    height: 38px;
  }
  
  
  .orders .panel{
    background-color: #0f0f0f;
    border: none;
    outline: none;
    border-radius: 10px;
     
  }
  
  .orders hr{
        border: 0;
      height: 1px;
      margin: 4px;
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), var(--text-color), rgba(255, 255, 255, 0));
  }
  
  .bs-toast {
      background: blue;
    
      color: #fff;
      padding: 10px 24px;
      border-radius: 15px;
      position: fixed;
      bottom: 30px;
      left: 40px;
      width: 100%;
      width: max-content;
      max-width: 350px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: none;
      z-index: 3000;
      text-align: center;
  
  }
  
  
  .spk-form .form-group select{
  
    border-radius: 10px;
    background-color: #232323;
    box-shadow: none;
    color: #fff;
    border: none !important;
     -webkit-appearance: none;
          -moz-appearance: none;
          text-indent: 1px;
          text-overflow: '';
  }
  
  
  
  .spk-form  input{
    border-radius: 10px;
    background-color: #232323 !important;
    box-shadow: none;
    color: #fff;
    border: none !important;
  
  }
  
  .spk-form  input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: gray;
    opacity: 1; /* Firefox */
  }
  
  
  .spk-yan{
    padding: 30px;
    background-color: #0f0f0f ;
    margin-top: 20px;
    border-radius: 20px;
  }
  
  .spk-form{
    padding: 30px;
    background-color: #0f0f0f ;
    margin-top: 20px;
    border-radius: 20px;
  }
  
  .spk-table{
    padding: 30px;
  }
  
  
  .api-kutu{
    padding: 25px;
    border-radius: 20px;
     background-color: #0f0f0f ;
  }
  
  
  .api-kutu table tr{
    border: 1px solid gray;
    border-radius: 5px;
  }
  
  
  .api-kutu table tr td:nth-child(1){
    border-right: 1px solid gray;
  }
  
  .no-border{
    border: none !important;
  }
  
  
  .api-kutu .response{
    display: block;
    background-color: #000;
    padding: 10px;
    box-sizing: border-box;
  
  }
  
  
  .ticket-form{
    padding: 25px;
   background-color: #0f0f0f;
   border-radius: 20px;
  }
  
  
  .ticket-form  input{
    border-radius: 10px;
    background-color: #232323 !important;
    box-shadow: none;
    color: #fff;
    border: none !important;
  
  }
  
  .ticket-form  input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: gray;
    opacity: 1; /* Firefox */
  }
  
  .ticket-form textarea {
      overflow: auto;
      resize: vertical;
      min-height: 150px;
      background-color: #232323 !important;
      border: none;
  }
  
  .tickets{
    padding: 25px;
    border-radius: 20px;
    background-color: #0f0f0f;
  }
  
  .ticket-r-kutu{
    padding: 35px;
    border-radius: 20px;
    background-color: #050505;
    margin-right: 20px;
    margin-bottom: 30px;
    border-bottom: 7px solid #EC1818;
  
  }
  
  .ticket-r-kutu .tr-ust{
   
    color: #fff;
    border-bottom: 1px solid #8080803b;
   
  
  }
  
  .mesaj-alan{
    display: flex;
    flex-direction: column;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  
  
  .mesaj-alan .m-alan{
    float: right;
    margin-bottom: 30px;
  
  }
  
  
  
  .mesaj-alan .m-kutu {
    padding: 20px; 
    word-break: break-word;
    color: #c8ffc8;
    background: #228b2236;
    border: 1px solid #228b22;
    border-radius: 20px;
    max-width: 550px;
  }
  .mesaj-alan  a {
      color: var(--text-color) !important;
  }
  
  
  
  .mesaj-alan .d-alan{
    float: left;
    margin-bottom: 30px;
  
  }
  
  
  
  .mesaj-alan .d-kutu{
    padding: 20px;
    background-color: #0047ab24;
    color: #b6d4ff;
    max-width: 550px;
    word-break: break-word;
    border: 1px solid #0047ab;
    border-radius: 20px;
    box-sizing: border-box;
  }
  
  
  .ticket-r-kutu .form-group{
  
    margin-top: 20px;
    padding: 20px;
  
  }
   
  .ticket-r-kutu .form-group textarea{
    background-color: #ff00000f; 
    min-height: 150px;
    color: #fff;
    outline: 0 !important;
    border-radius: 10px;
    padding: 20px;
    box-shadow: none;
    border: 1px solid #FF0000;
  
  }
  .acc-kutu{
    padding: 25px;
    border-radius: 20px;
    background-color: #00000000;
    color: #fff;
  }
  
  .acc-kutu input{
    padding: 25px;
    border-radius: 20px;
    background-color: #232323 !important;
    color: #fff;
     border: none !important;
     box-shadow: none;
  }
  
  .acc-kutu select{
  
    border-radius: 10px;
    background-color: #232323;
    box-shadow: none;
    color: #fff;
    border: none !important;
     -webkit-appearance: none;
          -moz-appearance: none;
          text-indent: 1px;
          text-overflow: '';
  }
  
  
  
  
  
  .control-label {
    color: #dadada !important;
  }
  tr,td,table {
    color: #dadada !important;
  }
  select, option, input {
    background: #161616 !important;
    color: #dadada !important;
    border-color: #313131 !important;
  }  
.container-fluid {
  max-width: 100%;
  overflow: auto;
}
.container-fluid .nav {
 gap: 10px;
 justify-content: space-between;
}
.container-fluid .nav.nav-pills li a {
 background: #FF0000;
 padding: 6px 10px; 
 color: #fff;
 border-radius: 4px;
}
.container-fluid .input-group-btn .btn-default {
 background: #FF0000;
 padding: 6px 10px; 
 color: #fff;  
 border-radius: 0 10px 10px 0;
}
@media screen and (max-width: 768px) { 
  ul.nav div.nav { 
      flex-direction: column !important;
      width: 100% !important;
  }
  ul.nav div.nav *:is(li,a) { 
      width: 100% !important; 
  }
  ul.nav div.nav a {
      width: 100% !important;
      display: flex;
  }
}
.main-theme-green .mesaj-alan .d-kutu {  
    background-color: var(--background-transparent-color) !important;
    border: 1px solid var(--background-color) !important;
    color: #dadada !important;
}
.main-theme-green .mesaj-alan .m-kutu { 
    color: #cdcdcd !important;
    background: #60606036 !important;
    border-color: #3f3f3f !important; 
}
.main-theme-green .ticket-r-kutu {
    background: #05050533 !important;
}
.main-theme-green .ticket-r-kutu .form-group textarea {
    background: #05050533 !important;
}
.main-theme-green .ticket-r-kutu {
    padding: 0 !important;
}
.main-theme-green .tr-ust {
    padding: 35px !important;
    padding-bottom: 20px !important;
}
.main-theme-green .kutu h4 {
    margin-top: 10px !important; 
    padding: 0 10px !important;
}
.main-theme-green .kutu h4 + p {
    color: #a2a2a2; 
    padding: 0 10px !important;
    margin-bottom: 10px !important;
} 

@media screen and (min-width: 768px) { 
  .d-none-second {
      display: none;
  }
  .main-theme-green #sidebar.active img {
    position: absolute;
    left: 0;
    object-fit: contain;
    max-width: 150px;
  }
  .main-theme-green #sidebar {
    overflow-x: hidden !important;
  } 
    .main-theme-green #sidebar.active {
      overflow: visible !important;
    } 
    .main-theme-green #sidebar.active {
        margin-left: -200px !important;
    } 
    .main-theme-green #sidebar.active li span {
        display: none;
    }
    .main-theme-green #sidebar.active li a {
        display: flex; 
        justify-content: end;
    }
    .main-theme-green #sidebar.active li i { 
        color: #fff !important; 
    }
    .main-theme-green #sidebar.active > ul li:is(:hover,#active) {
        background: linear-gradient(30deg,var(--text-color),var(--background-color)) !important;
    }
    .main-theme-green #sidebar.active .logo-panel img {
        display: block !important;
        margin-left: auto !important;
        margin-top: 0 !important;
        transform: scale(0.7); 
    }
    .main-theme-green #sidebar li {
      position: relative;
    }
    .main-theme-green #sidebar li::before {
      position: absolute;
      left: calc(100% + 25px);
      white-space: nowrap;
      border-radius: 50px;
      padding: 5px 15px; 
      opacity: 0;
      visibility: hidden;
      background: linear-gradient(30deg,var(--text-color),var(--background-color)) !important;
      transform: scale(0.8);
      color: #fff;
      filter: brightness(0.5);
      content: attr(data-title);
      z-index: 1000;
      transition: all 0.2s ease;
    }
    .main-theme-green #sidebar.active ul li:is(:hover)::before {
      translate: 0px !important;
      opacity: 1 !important;
      filter: brightness(1);
      transform: scale(1);
      visibility: visible !important;
    }
}









#tick path {
  opacity: 0; 
  animation: fadeInTick 8s linear infinite; 
}
#lock {
  opacity: 1;
  display: block !important;
  animation: fadeOutLock 8s linear infinite;  
}
#lock g:not(:first-child,:last-child) {
  animation: fadeG 3s ease infinite;
  animation-delay: calc(0.3s * var(--i));
}
@keyframes fadeG {
  50% {
    opacity: 0;
    translate: 0 35px;
  }
}
@keyframes fadeOutLock {
  45% {
    opacity: 1; 
    translate: 0 0;
  }
  50%,96% { 
    opacity: 0;  
  } 
}
@keyframes fadeInTick {
  52% {
    opacity: 0;
    transform: scale(1);
  }
  55%,80% { 
    opacity: 1;
    transform: scale(1.75);
  }   
  60%,70% {
    opacity: 0;
    transform: scale(1);
  }
  95% {
    opacity: 0;
    transform: scale(0.8);
  }
}
.fade:is(.show){  
position: fixed !important;
display: block !important; 
background: #0000008f; 
animation: fadeShow2 0.3s linear forwards !important;
 animation-delay: 0.2s; 
}
.fade .modal-dialog {
 opacity: 0;
animation: fadeShow 0.35s ease-in-out forwards !important;
}
@keyframes fadeShow2 { 
100% {
    background: #0000008f;
  }	
}
@keyframes fadeShow {
0% {
    translate: 0 -70px;
    opacity: 0; 
  }	
100% {
    translate: 0 0;
    opacity: 1; 
  }	
}
.logo-panel {
  height: 80px !important;
  display: block; 
}



.social-media-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.social-media-button {
    width: 50px;
    height: 50px;
    background-color: #333;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 5px 0;
    cursor: pointer;
    transition: transform 0.3s, opacity 0.3s;
}
.social-media-container > *:not(#toggle-button){
	display: none;
}
.social-media-button a {
    color: white;
    text-decoration: none;
    font-size: 20px;
}

.social-media-button.main-button {
    font-size: 30px;
    background-color: var(--background-color);
}
.social-media-container.show-buttons > *:not(#toggle-button) {
	display: flex;
}
.table-crown {
    padding: 15px;
    border-radius: 10px;
    background: #ffffff05;
    margin-bottom: 30px;
    border: 1px solid rgb(255 255 255 / 8%) !important;
}
.table-crown table {
    margin: 0 !important;
}
.table-crown *:is(th,td,thead){
    text-align: center;
    border: 0 !important;
    font-weight: normal !important;
}
.table-crown td {
    padding: 10px 0;
}
.table-crown thead th {
    padding-bottom: 8px;
}
.table-crown tbody tr:nth-of-type(1) td{
    padding-top: 20px !important;
}
.table-crown thead { 
    border-bottom: 1px solid #ffffff05 !important;
}
.table-crown {
    overflow-x: auto;
}
.table-crown td span { 
    padding-top: 8px;
    display: block; 
}