body {
	/*   font-family: Public Sans; */
	padding-top: 5rem !important;
	font-size: .9rem;
	font-family: 'Montserrat';
}


.main-grey-bg {
	background-color: #F2F4F4;
}

.custom_header {
	background-color: #020f7f !important;
}

.bg-custom-info {
	background-color: #f8f9fa;
	z-index: 1;
	position: relative;
}

.nav-tabs .nav-link {
	border-radius: 0 !important;
	color: #fff !important;
	border: 0;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: #020f7f !important;
}

.carousel-item img {
	height: 470px;
}




/*-------- New Text Animation--------------*/









.animate-charcter
		{
			font-size: 15px !important; 
		
		   text-transform: uppercase;
		  background-image: linear-gradient(
		    -225deg,
		    #ff0000 0%,
		    #44107a 29%,
		    #ff0000 67%,
		    #f8ff00 100%
		    
		  );
		  background-size: auto auto;
		  background-clip: border-box;
		  background-size: 200% auto;
		  color: #fff;
		  background-clip: text;
		  text-fill-color: transparent;
		  -webkit-background-clip: text;
		  -webkit-text-fill-color: transparent;
		  animation: textclip 1s linear infinite;
		  display: inline-block;
		      font-size: 190px;
		}
		
		@keyframes textclip {
		  to {
		    background-position: 200% center;
		  }
	}


/*-----|Text-typeAnimation--Start|------*/







/*-----------------------------------------*/
/* Font Size  */
.fs-xs-1{
	font-size: 0.8rem;
  }
  
  .fs-xs-2{
	font-size: 0.6rem;
  }
  
  .fs-xs-3{
	font-size: 0.5rem;
  }
  
  .fs-xs-4{
	font-size: 0.4rem;
  }
  
  .fs-xs-5{
	font-size: 0.1rem;
  }




/*--------------------------| Color class STARTS HERE |-----------------------------------------*/


.color-visualization {
    font-family: Arial, sans-serif;
    padding: 20px;
}
.color-boxes {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.color-box {
    width: 150px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white; /* Default text color for better contrast */
    border: 1px solid #ddd;
    border-radius: 5px;
    font-weight: bold;
}
.bg-black, .color-black { color: white; }
.bg-white, .color-white { color: black; }
.bg-light-gray, .color-light-gray { color: black; }
.bg-dark-gray, .color-dark-gray { color: white; }



/*-----------------------------------------*/
/* Basic Colors */
.color-black { color: #000000; }
.color-white { color: #FFFFFF; }
.color-red { color: #FF0000; }
.color-green { color: #00FF00; }
.color-blue { color: #0000FF; }
.color-yellow { color: #FFFF00; }
.color-cyan { color: #00FFFF; }
.color-magenta { color: #FF00FF; }
.color-gray { color: #808080; }
.color-light-gray { color: #D3D3D3; }
.color-dark-gray { color: #A9A9A9; }

/* Extended Colors */
.color-light-blue { color: #ADD8E6; }
.color-light-green { color: #90EE90; }
.color-light-yellow { color: #FFFFE0; }
.color-light-pink { color: #FFB6C1; }
.color-sky-blue { color: #87CEEB; }
.color-sea-green { color: #2E8B57; }
.color-coral { color: #FF7F50; }
.color-goldenrod { color: #DAA520; }
.color-olive { color: #808000; }
.color-salmon { color: #FA8072; }
.color-teal { color: #008080; }
.color-periwinkle { color: #CCCCFF; }
.color-lavender { color: #E6E6FA; }
.color-bisque { color: #FFE4C4; }
.color-misty-rose { color: #FFE4E1; }
.color-thistle { color: #D8BFD8; }
.color-peachpuff { color: #FFDAB9; }

/* Famous Design Collections */

/* Flat UI Colors */
.color-flat-turquoise { color: #1ABC9C; }
.color-flat-green-sea { color: #16A085; }
.color-flat-emerald { color: #2ECC71; }
.color-flat-nephritis { color: #27AE60; }
.color-flat-peter-river { color: #3498DB; }
.color-flat-belize-hole { color: #2980B9; }
.color-flat-amethyst { color: #9B59B6; }
.color-flat-wisteria { color: #8E44AD; }
.color-flat-sun-flower { color: #F1C40F; }
.color-flat-orange { color: #F39C12; }
.color-flat-carrot { color: #E67E22; }
.color-flat-pumpkin { color: #D35400; }
.color-flat-alizarin { color: #E74C3C; }
.color-flat-pomegranate { color: #C0392B; }
.color-flat-clouds { color: #ECF0F1; }
.color-flat-silver { color: #BDC3C7; }
.color-flat-concrete { color: #95A5A6; }

/* Material Design Colors */
.color-md-red { color: #F44336; }
.color-md-pink { color: #E91E63; }
.color-md-purple { color: #9C27B0; }
.color-md-deep-purple { color: #673AB7; }
.color-md-indigo { color: #3F51B5; }
.color-md-blue { color: #2196F3; }
.color-md-light-blue { color: #03A9F4; }
.color-md-cyan { color: #00BCD4; }
.color-md-teal { color: #009688; }
.color-md-green { color: #4CAF50; }
.color-md-light-green { color: #8BC34A; }
.color-md-lime { color: #CDDC39; }
.color-md-yellow { color: #FFEB3B; }
.color-md-amber { color: #FFC107; }
.color-md-orange { color: #FF9800; }
.color-md-deep-orange { color: #FF5722; }
.color-md-brown { color: #795548; }
.color-md-grey { color: #9E9E9E; }
.color-md-blue-grey { color: #607D8B; }

/* Famous Sites Colors */
.color-facebook-blue { color: #1877F2; }
.color-twitter-blue { color: #1DA1F2; }
.color-instagram-gradient { background: linear-gradient(45deg, #E1306C, #F77737, #FBCB2D, #405DE6); }
.color-linkedin-blue { color: #0077B5; }
.color-google-blue { color: #4285F4; }
.color-google-red { color: #EA4335; }
.color-google-yellow { color: #FBBC05; }
.color-google-green { color: #34A853; }
.color-github-gray { color: #24292E; }
.color-dribbble-pink { color: #EA4C89; }
.color-spotify-green { color: #1DB954; }
.color-slack-blue { color: #36C5F0; }
.color-netflix-red { color: #E50914; }
.color-airbnb-pink { color: #FF5A5F; }
.color-whatsapp-green { color: #25D366; }

/* Additional Color Collections */
.color-bright-red { color: #FF3D00; }
.color-bright-blue { color: #2196F3; }
.color-bright-yellow { color: #FFC107; }
.color-bright-orange { color: #FF5722; }
.color-dark-blue { color: #003366; }
.color-dark-green { color: #006400; }
.color-dark-red { color: #8B0000; }
.color-dark-violet { color: #4B0082; }
.color-dark-brown { color: #654321; }

/* Background Colors */
.bg-black { background-color: #000000; }
.bg-white { background-color: #FFFFFF; }
.bg-red { background-color: #FF0000; }
.bg-green { background-color: #00FF00; }
.bg-blue { background-color: #0000FF; }
.bg-yellow { background-color: #FFFF00; }
.bg-cyan { background-color: #00FFFF; }
.bg-magenta { background-color: #FF00FF; }
.bg-gray { background-color: #808080; }
.bg-light-gray { background-color: #D3D3D3; }
.bg-dark-gray { background-color: #A9A9A9; }

/* Famous Sites Background Colors */
.bg-facebook-blue { background-color: #1877F2; }
.bg-twitter-blue { background-color: #1DA1F2; }
.bg-instagram-gradient { background: linear-gradient(45deg, #E1306C, #F77737, #FBCB2D, #405DE6); }
.bg-linkedin-blue { background-color: #0077B5; }
.bg-google-blue { background-color: #4285F4; }
.bg-google-red { background-color: #EA4335; }
.bg-google-yellow { background-color: #FBBC05; }
.bg-google-green { background-color: #34A853; }
.bg-github-gray { background-color: #24292E; }
.bg-dribbble-pink { background-color: #EA4C89; }
.bg-spotify-green { background-color: #1DB954; }
.bg-slack-blue { background-color: #36C5F0; }
.bg-netflix-red { background-color: #E50914; }
.bg-airbnb-pink { background-color: #FF5A5F; }
.bg-whatsapp-green { background-color: #25D366; }

/* Additional Background Colors */
.bg-light-blue { background-color: #ADD8E6; }
.bg-light-green { background-color: #90EE90; }
.bg-light-yellow { background-color: #FFFFE0; }
.bg-light-pink { background-color: #FFB6C1; }
.bg-sky-blue { background-color: #87CEEB; }
.bg-sea-green { background-color: #2E8B57; }
.bg-coral { background-color: #FF7F50; }
.bg-goldenrod { background-color: #DAA520; }
.bg-olive { background-color: #808000; }
.bg-salmon { background-color: #FA8072; }

/* Gradient Backgrounds */
.bg-gradient-sunset { background: linear-gradient(45deg, #FF5E62, #FF9966); }
.bg-gradient-ocean { background: linear-gradient(45deg, #00C9FF, #92FE9D); }
.bg-gradient-sky { background: linear-gradient(45deg, #8EC5FC, #E0C3FC); }
.bg-gradient-mountain { background: linear-gradient(45deg, #A1FFCE, #FAFFD1); }
.bg-gradient-midnight { background: linear-gradient(45deg, #232526, #414345); }
.bg-gradient-berry { background: linear-gradient(45deg, #D5006D, #FFEA00); }
.bg-gradient-summer { background: linear-gradient(45deg, #FFB6C1, #FF6347); }
.bg-gradient-spring { background: linear-gradient(45deg, #FF5733, #FFC300); }
.bg-gradient-winter { background: linear-gradient(45deg, #1E90FF, #87CEFA); }

/* Soft Pastel Colors */
.color-soft-blue { color: #a8d0e6; }
.color-soft-pink { color: #f8a5c2; }
.color-soft-green { color: #d4e157; }
.color-soft-yellow { color: #fff9c4; }
.color-soft-orange { color: #ffccbc; }

/* Dark Colors */
.color-dark-red { color: #8B0000; }
.color-dark-blue { color: #00008B; }
.color-dark-green { color: #006400; }
.color-dark-purple { color: #4B0082; }

/* Neutral Colors */
.color-brown { color: #8B4513; }
.color-tan { color: #D2B48C; }
.color-ivory { color: #FFFFF0; }

/* Other Colors */
.color-navy { color: #000080; }
.color-maroon { color: #800000; }
.color-teal { color: #008080; }
.color-silver { color: #C0C0C0; }





/* Light Theme Background Colors */

/* White and Off-White Shades */
.bg-white { background-color: #FFFFFF; } /* White */
.bg-ivory { background-color: #FFFFF0; } /* Ivory */
.bg-cream { background-color: #FFFDD0; } /* Cream */
.bg-beige { background-color: #F5F5DC; } /* Beige */
.bg-alabaster { background-color: #F2F0E6; } /* Alabaster */

/* Gray Shades */
.bg-light-gray { background-color: #F8F9FA; } /* Light Gray */
.bg-silver { background-color: #C0C0C0; } /* Silver */
.bg-dove-gray { background-color: #D7D9D7; } /* Dove Gray */
.bg-gainsboro { background-color: #DCDCDC; } /* Gainsboro */
.bg-ash-gray { background-color: #B2BEB5; } /* Ash Gray */
.bg-slate-gray { background-color: #708090; } /* Slate Gray */
.bg-dark-gray { background-color: #A9A9A9; } /* Dark Gray */

/* Blue Shades */
.bg-light-blue { background-color: #ADD8E6; } /* Light Blue */
.bg-sky-blue { background-color: #87CEFA; } /* Sky Blue */
.bg-powder-blue { background-color: #B0E0E6; } /* Powder Blue */
.bg-light-cyan { background-color: #E0FFFF; } /* Light Cyan */
.bg-steel-blue { background-color: #B0C4DE; } /* Steel Blue */

/* Green Shades */
.bg-light-green { background-color: #90EE90; } /* Light Green */
.bg-pale-green { background-color: #98FB98; } /* Pale Green */
.bg-mint { background-color: #98FF98; } /* Mint */
.bg-honeydew { background-color: #F0FFF0; } /* Honeydew */

/* Yellow Shades */
.bg-light-yellow { background-color: #FFFFE0; } /* Light Yellow */
.bg-lemon-chiffon { background-color: #FFFACD; } /* Lemon Chiffon */
.bg-light-goldenrod { background-color: #FAFAD2; } /* Light Goldenrod */
.bg-light-mustard { background-color: #FFEB3B; } /* Mustard Yellow */

/* Pink and Red Shades */
.bg-light-pink { background-color: #FFB6C1; } /* Light Pink */
.bg-pale-violet-red { background-color: #DB7093; } /* Pale Violet Red */
.bg-light-coral { background-color: #FFCCCB; } /* Light Coral */
.bg-rosy-brown { background-color: #BC8F8F; } /* Rosy Brown */

/* Purple Shades */
.bg-lavender { background-color: #E6E6FA; } /* Lavender */
.bg-thistle { background-color: #D8BFD8; } /* Thistle */
.bg-plum { background-color: #DDA0DD; } /* Plum */
.bg-violet { background-color: #EE82EE; } /* Violet */

/* Brown Shades */
.bg-tan { background-color: #D2B48C; } /* Tan */
.bg-wheat { background-color: #F5DEB3; } /* Wheat */
.bg-bisque { background-color: #FFE4C4; } /* Bisque */
.bg-burlywood { background-color: #DEB887; } /* Burlywood */


/*--------------------------| Color class end here |-----------------------------------------*/







.hidden {
	opacity: 0;
}
.console-container {
	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	font-size: x-large;
	font-weight: bold;
	text-align: center;
	height: 100px;
	width: 400px;
	display: block;
	position: absolute;
	color: white;
	top: 30%;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 9999; 
}


/*-----|Text-typeAnimation---END|------*/





/* Loader Div ID  */
#pageloader-main {
	display: none;
}





/*-- 01-Page-Loader--two-tail-spin---START  --*/
.loader-spin-group {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 2rem;
	padding-top: 100px;
	grid-gap: 1rem;
	background-color: rgba(255, 255, 255, 0.5);/* Semi-transparent white background */
	backdrop-filter: blur(8px);/* Add blur effect */
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
}

.loading-text {
	position: absolute;
	font-family: sans-serif;
	top: calc(50% + 55px);
	left: calc(10% + 40px);
	font-weight: bold;
	font-size: large;
	color: navy;
}

.spinner::after {
	content: '';
	box-sizing: border-box;
	width: 60px;
	height: 60px;
	position: absolute;
	top: calc(50% - 20px);
	left: calc(50% - 30px);
	border-radius: 50%;
}

.spinner.smooth::after {
	border-top: 5px solid #4169E1;
	border-left: 5px solid #B6D0E2;
	border-right: 5px solid #4169E1;
	animation: spinner 1s linear infinite;
}

@keyframes spinner {
	to {
		transform: rotate(360deg);
	}
}
/*-- 01-Page-Loader--two-tail-spin---END  --*/

/*------------\ Text Animation /--------------*/
.loader-text {
  position: absolute;
  top: calc(50% - 60px); 
  left: 50%;
  transform: translateX(-50%);
  color: #4169E1;
  font-family: arial, sans-serif;
}

.loader-text:after {
  content: 'Loading';
  animation: load 2s linear infinite;
}

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



.custombackgroundimage {
	background: url('../images/banner.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;

}


.numberCircle {
	border-radius: 50%;
	width: 36px;
	height: 36px;
	padding: 8px;


	border: 2px solid #666;
	color: #666;
	text-align: center;

	font: 32px
}

.card-custom {
	background-color: transparent !important;
}

.custombackgroundimage:before {
	content: "";
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
}

.custombackgroundimage h1 {
	margin: 0;
	font-size: 48px;
	font-weight: 700;
	color: #fff;
}


.custombackgroundimage h2 {
	color: #fff;
	margin: 10px 0 0 0;
	font-size: 24px;
}

.btn {
	border-radius: 0;
}

.customnavbar .nav-link {
	color: #fafafa;
}

.form-label {
	font-weight: bold;
}

.footer {
	background-color: #E5E8E8;

}

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

.table-responsive {
	overflow-y: hidden;
}



.customerrornavy {
	font-size: 5em;
}

/* 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);
	}
}


.row-flex {
	display: flex;
	flex-wrap: wrap;
}


label.error {
	color: red;

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

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

	color: red;
}


.customnav_progress nav {
	position: relative;
	width: 90%;
	margin: 0 auto;

	display: flex;
	justify-content: space-evenly;
}

.customnav_progress nav a {
	position: relative;
	display: flex;

	color: #111b69;
	text-align: center;
}

.fs-custom i {

	font-size: 4em !important;
	color: #020f7f;


}

.accordion-button:focus {

	border-color: transparent !important;
	box-shadow: none;
}

/* .customnav_progress nav a i {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-bottom: 20px;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s ease-out, bottom 0.5s ease;
}

.customnav_progress nav a:hover>i {
  opacity: 1;
  bottom: 100%;
}

.customnav_progress nav a.active>i {
  color: #111b69;
  opacity: 1;
  bottom: 100%;
}
 */
.customnav_progress nav a span {
	display: block;
	position: absolute;
	left: 50%;
	top: 100%;
	width: 120px;

	margin-top: 10px;

	transform: translateX(-50%);
	/*  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
  transition: opacity 0.3s ease-out, bottom 0.5s ease; */
}

.customnav_progress nav a:hover>span {
	opacity: 1;
	top: 100%;
}

.customnav_progress nav a.active>span {
	color: #111b69;
	opacity: 1;
	top: 100%;
}

.customnav_progress nav a:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	/*   width: 120px; */
	height: 60px;
	transform: translate(-50%, -50%);
}

.customnav_progress nav a:before {

	/*   font-family: "bootstrap-icons"; */
	content: " ";
	z-index: 99;
	display: block;
	width: 10px;
	height: 10px;
	line-height: 10px;
	border-radius: 50%;


	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 0 0 4px #111b69;
	background: #ffffff;
	transition: box-shadow 0.3s cubic-bezier(0.75, 0, 0.24, 1);
}

/* .customnav_progress nav a.onenumber:before {
  content: "\F799";
  
}
.customnav_progress nav a.twonumber:before {
  content: "\F79D";
  
}

.customnav_progress nav a.threenumber:before {
  content: "\F7A3";
  
}
.customnav_progress nav a.fournumber:before {
  content: "\F7A9";
  
}

.customnav_progress nav a.fivenumber:before {
  content: "\F7AF";
  
}
.customnav_progress nav a.sixnumber:before {
  content: "\F7B5";
  
}
.customnav_progress nav a.sevennumber:before {
  content: "\F7BB";
  
}
 */
.customnav_progress nav a:not(.active):hover:before {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 0 0 5px #111b69;
}

.customnav_progress nav a.active:before {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 0 0 10px #111b69;
}


.customnav_progress nav a.link-pageactive:before {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 0 0 10px #1cac2c;
}

.customnav_progress nav a:first-child.active~.line {
	width: 0;
}

.customnav_progress nav a:nth-child(2).active~.line {
	width: 16.66%;
}

.customnav_progress nav a:nth-child(3).active~.line {
	width: 33.32%;
}

.customnav_progress nav a:nth-child(4).active~.line {
	width: 49.98%;
}

.customnav_progress nav a:nth-child(5).active~.line {
	width: 66.64%;
}

.customnav_progress nav a:nth-child(6).active~.line {
	width: 83.3%;
}

.customnav_progress nav a:nth-child(7).active~.line {
	width: 100%;
}

.customnav_progress nav .line {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	z-index: -1;
	width: 0;
	height: 1px;
	/*   background-color:#111b69; */


	border-top: 2px dashed #111b69;
	border-bottom: 0;
	border-left: 0;
	border-bottom: 0;
	transition: width 0.5s cubic-bezier(1, 0, 0.5, 1.01);
}



@media print {

	
    .border{
        border: 1px solid rgb(71, 71, 71) !important;
    }

    /* Override col-sm-12 to col-lg-6 on print */
    .col-lg-6 {
    width: 50% !important;  /* Ensure the width is 50% like col-lg-6 */
    }
    .col-sm-12 {
    width: 100%;  /* Default for small screens */
    }

	.col-md-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
		border: 1px solid #adb5bd !important;
	}

	.col-md-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
		border: 1px solid #adb5bd !important;
	}

	.col-md-3 {
		flex: 0 0 auto;
		width: 25%;
		border: 1px solid #adb5bd !important;
	}

	.col-md-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
		border: 1px solid #adb5bd !important;
	}

	.col-md-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
		border: 1px solid #adb5bd !important;
	}

	.col-md-6 {
		flex: 0 0 auto;
		width: 50%;
		border: 1px solid #adb5bd !important;
	}

	.col-md-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
		border: 1px solid #adb5bd !important;
	}

	.col-md-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
		border: 1px solid #adb5bd !important;
	}

	.col-md-9 {
		flex: 0 0 auto;
		border: 1px solid #adb5bd !important;
		width: 75%
	}

	.col-md-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
		border: 1px solid #adb5bd !important;
	}

	.col-md-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
		border: 1px solid #adb5bd !important;
	}

	.col-md-12 {
		flex: 0 0 auto;
		width: 100%;
		border: 1px solid #adb5bd !important;
	}
}




.custom-control.teleport-switch {
	--color: #4cd964;
	padding-left: 0;
}

.custom-control.teleport-switch .teleport-switch-control-input {
	display: none;
}

.custom-control.teleport-switch .teleport-switch-control-input:checked~.teleport-switch-control-indicator {
	border-color: var(--color);
}

.custom-control.teleport-switch .teleport-switch-control-input:checked~.teleport-switch-control-indicator::after {
	left: -14px;
}

.custom-control.teleport-switch .teleport-switch-control-input:checked~.teleport-switch-control-indicator::before {
	right: 2px;
	background-color: var(--color);
}

.custom-control.teleport-switch .teleport-switch-control-input:disabled~.teleport-switch-control-indicator {
	opacity: .4;
}

.custom-control.teleport-switch .teleport-switch-control-indicator {
	display: inline-block;
	position: relative;
	margin: 0 10px;
	top: 4px;
	width: 32px;
	height: 20px;
	background: #fff;
	border-radius: 16px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	border: 2px solid #ccc;
	overflow: hidden;
}

.custom-control.teleport-switch .teleport-switch-control-indicator::after {
	content: '';
	display: block;
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	top: 2px;
	left: 2px;
	background: #ccc;
}

.custom-control.teleport-switch .teleport-switch-control-indicator::before {
	content: '';
	display: block;
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	top: 2px;
	right: -14px;
	background: #ccc;
}