/*================================================
Preloader Area CSS
=================================================*/

/* Preloader Styles */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:#1A76D1; /* Slight transparency for effect  */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    visibility: visible;
    opacity: 1;
    
}

.preloader.hidden {
    visibility: hidden;
    opacity: 0;
}

/* Loader Animation */
.loader {
    position: relative;
    width: 60px;
    height: 60px;
   
   }

.loader-outer, .loader-inner {
    position: absolute;
    border: 4px solid #ffffff;
    border-radius: 50%;
    animation: spin 2s linear infinite;
}

.loader-outer {
    width: 60px;
    height: 60px;
    border-top-color: #007bff; /* Primary color */
    
    border-left-color: transparent;
}

.loader-inner {
    width: 40px;
    height: 40px;
    top: 10px;
    left: 10px;
    border-top-color: #f39c12; /* Secondary color */
    animation-duration: 1.5s; /* Slightly faster for inner */
}

/* Keyframes */
@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

.btn{
    
    color: #ffffff;
    background-color: #007BFF;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-transform: capitalize;
    transition: all 0.4s ease; /* Smooth transition for hover effect */
    font-weight: 500;
    position: relative;
    box-shadow: none;
  }
  
  /* Hover effect: Change background color and add a shadow */
  .btn:hover {
    background-color: #0056b3;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transform: translateY(-3px); /* Slight lift effect */
  }

  .btn:before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2C2D3F;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    transition:all 0.4s ease;
    border-radius:4px;
 }
 .btn:hover:before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
 }
  

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/


figure {
   
    /* Extra wide images within figure tags don't overflow the content area. */
 
    margin: 1em 40px;
 }
 





 

 /* Normalize.css v8.0.1 | MIT License | https://github.com/necolas/normalize.css */

/* 1. Change default font size and line height for all browsers */
/*html {
    /*font-size: 100%; /* Reset to 16px in most browsers */
    /*line-height: 1.15; /* Default line height for readability */
/*}

/* 2. Remove all margin and padding */
/* *, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 3. Set font inheritance to ensure consistent typography */
body {
    font-family: sans-serif; /* Set default font */
    line-height: 1.6;
    
}