@charset "UTF-8";

*-----------------------------------------------------------------------------------

    This is a property of Bit Trade Assets

-----------------------------------------------------------------------------------*/
/* ----------------------------------
        
    01. Common styles
    02. Section heading
    03. Topbar
    04. Navigation
    05. Page title
    06. Banner styles
    07. Slider styles
    08. Feature boxes
    09. Service blocks
    10. Client section
    11. Counter box
    12. Video
    13. About area
    14. Testmonials
    15. Owl carousel
    16. Team member
    17. Project grid
    18. Accordion style
    19. Portfolio masonry
    20. Tabs
    21. Pricing table
    22. Others
    23. Shop
    24. Blog
    25. Contact info
    26. Footer
    27. Copy Elements
    
---------------------------------- */
/* ===================================
    Common styles
======================================#6C0BA9 */
/* loader */
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff;
  display: table;
  text-align: center;
}

.loader {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  width: 200px;
  height: 200px;
}



#loader2 {
  display: none;
  position: absolute;
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height:100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

#loader2 img {
  /* z-index: 5; */
  width: 40px; /* Adjust the size as needed */
  height: 40px; /* Adjust the size as needed */
}

/* Error Message display */

#successMessage{
  display: none;
  color: rgb(6, 176, 43) !important;
  font-weight: 60px;
  font-size: 14px;
  padding: 7px;
}

#errorMessage{
  display: none;
  color: red !important;
  font-weight: 60px;
  font-size: 14px;
  padding: 7px;
}

@keyframes loader-rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}
