main>.contianer {
  	padding: 0 15px 0;
  }

body {
	overflow-x: hidden !important;
}
  .main {
  	background-color: #F0F3F4;
  	/*# cddeff*/
  }
  
  /*=======\ Loader /=====================*/
  
 #pageloader-main {
    display: none; /* Ensure the loader is visible */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0); /* Semi-transparent white background */
    backdrop-filter: blur(8px); /* Add blur effect */
   /* z-index: 999;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Center the spinner and text within the loader */
.loader {
    width: 5rem;
    height: 5rem;
    margin-bottom: 1rem; /* Space between spinner and text */
    display: flex;
    justify-content: center;
    align-items: center;
}

.circular {
    width: 100%;
    height: 100%;
    animation: rotate 2s linear infinite;
}

.path {
    stroke: #4169E1;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}

/* Keyframes for path animation */
@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

/* Keyframes for rotation animation */
@keyframes rotate {
    to {
        transform: rotate(1turn);
    }
}

/*------------\ Text Animation /--------------*/
.loader-text {
    font-size: 1.5rem !important;
    color: #4169E1;
    font-family: Arial, sans-serif;
    text-align: center;
    font-weight: bold;
    /* Ensures the text is centered and below the spinner */
    margin-top: 0; /* Adjust if needed */
}

/* Loader text animation */
.loader-text:after {
    content: 'Loading';
    animation: load 1.8s linear infinite;
}

@keyframes load {
    0% {
        content: 'Loading';
    }
    33% {
        content: 'Loading.';
    }
    67% {
        content: 'Loading..';
    }
    100% {
        content: 'Loading...';
    }
}

/*========================================================*/
  
  
  
  
 #btn-back-to-top {
 	position: fixed;
 	bottom: 50px;
 	right: 20px;
 	font-weight: bolder;
 	display: none;
 	width: 50px;
 	height: 50px;
  	border-radius: 50%;
 	border: 2px solid blue;
 	 transition: transform 0.3s ease-in-out;
 }
 #btn-back-to-top:hover {
	transform: scale(1.2);
 }

.bi-arrow-up{
	font-weight: bolder !important;
	/*padding-left: -5px;*/
	color: #1434A4 !important;
}

  body {


  	font-size: 1.1rem;
  	font-family: 'Mukta', sans-serif;
  	color: #000 !important;
  }

  /*.sidebar {
    z-index: 1000;
    position: fixed;
    overflow-y: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }*/
  label.error {
  	color: red;

  	display: block;
  	margin-top: 5px;
  }

  input.error,
  textarea.error,
  select.error {
  	border: 1px solid red;

  	color: red;
  }

    .divClass {


  	
  	cursor: pointer;
  	
  }
  .nav-link {
	  cursor: pointer;
	  color: #000 !important;
	  
  }
   .nav-link.active {
	  color: white !important;
	  
  }
  .link-pageactive {
	  font-weight: bold ! important;
	  background-color: #007bff;
	  color: white !important;
  }
  
 /* .active {
	  font-weight: bold ! important;
	  font-size: 22px ! important;
	  background-color: #007bff;
	  
	  
  }*/
  .active:hover {
	  color : #fff ! important;
	 font-size: 24px ! important;
  }

  #loading {
  	position: fixed;
  	z-index: 999;
  	height: 2em;
  	width: 2em;
  	overflow: show;
  	margin: auto;
  	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 0;
  	display: block;

  }

  /* Transparent Overlay */
  #loading:before {
  	content: '';
  	display: block;
  	position: fixed;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	background-color: rgba(0, 0, 0, 0.3);

  }

  /* :not(:required) hides these rules from IE9 and below */
  #loading:not(:required) {
  	/* hide "loading..." text */
  	font: 0/0 a;
  	color: transparent;
  	text-shadow: none;
  	background-color: transparent;
  	border: 0;
  }

  #loading:not(:required):after {
  	content: '';
  	display: block;
  	font-size: 10px;
  	width: 1em;
  	height: 1em;
  	margin-top: -0.5em;
  	-webkit-animation: spinner 1500ms infinite linear;
  	-moz-animation: spinner 1500ms infinite linear;
  	-ms-animation: spinner 1500ms infinite linear;
  	-o-animation: spinner 1500ms infinite linear;
  	animation: spinner 1500ms infinite linear;
  	border-radius: 0.5em;
  	-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  	box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  }


  @-webkit-keyframes spinner {
  	0% {
  		-webkit-transform: rotate(0deg);
  		-moz-transform: rotate(0deg);
  		-ms-transform: rotate(0deg);
  		-o-transform: rotate(0deg);
  		transform: rotate(0deg);
  	}

  	100% {
  		-webkit-transform: rotate(360deg);
  		-moz-transform: rotate(360deg);
  		-ms-transform: rotate(360deg);
  		-o-transform: rotate(360deg);
  		transform: rotate(360deg);
  	}
  }

  @-moz-keyframes spinner {
  	0% {
  		-webkit-transform: rotate(0deg);
  		-moz-transform: rotate(0deg);
  		-ms-transform: rotate(0deg);
  		-o-transform: rotate(0deg);
  		transform: rotate(0deg);
  	}

  	100% {
  		-webkit-transform: rotate(360deg);
  		-moz-transform: rotate(360deg);
  		-ms-transform: rotate(360deg);
  		-o-transform: rotate(360deg);
  		transform: rotate(360deg);
  	}
  }

  @-o-keyframes spinner {
  	0% {
  		-webkit-transform: rotate(0deg);
  		-moz-transform: rotate(0deg);
  		-ms-transform: rotate(0deg);
  		-o-transform: rotate(0deg);
  		transform: rotate(0deg);
  	}

  	100% {
  		-webkit-transform: rotate(360deg);
  		-moz-transform: rotate(360deg);
  		-ms-transform: rotate(360deg);
  		-o-transform: rotate(360deg);
  		transform: rotate(360deg);
  	}
  }

  @keyframes spinner {
  	0% {
  		-webkit-transform: rotate(0deg);
  		-moz-transform: rotate(0deg);
  		-ms-transform: rotate(0deg);
  		-o-transform: rotate(0deg);
  		transform: rotate(0deg);
  	}

  	100% {
  		-webkit-transform: rotate(360deg);
  		-moz-transform: rotate(360deg);
  		-ms-transform: rotate(360deg);
  		-o-transform: rotate(360deg);
  		transform: rotate(360deg);
  	}
  }