/*!
 * for DMMC Developed by Emetsoft Pvt. Ltd
 * Copyright 2018-2022
 * Licensed under EMetsoft
 */
/*! DMMC.css v3.0.3 |  */


	H2 {
	  text-align: middle;
	  position:relative;
	  vertical-align : top;
	}
	p {
		vertical-align: top;
		text-align: middle;
		position:relative;
	}
	
	/* Style the counter cards */
	.card {
	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	  padding: 16px;
	  text-align: center;
	  background-color: #f200f200f200;
	}

* {
				box-sizing: border-box;
			}
			::-moz-selection {
				background: #F34A4E;
				color: #FFF;
			}
			::selection {
				background: #F34A4E;
				color: #FFF;
			}
			html, body {
				margin: 0;
				padding: 0;
				font-family: sans-serif;
				font-size: 1em;
				line-height: 1.5;
				/* color: #F34A4E; */
			}

			body {
				display: flex;
				flex-direction: column;
				justify-content: center;
				min-height: 100vh;
				/* background: #FED0D1; */
			}
			h1 {
				text-align: center;
				margin-top: 2em;
			}
			.col {
				padding-bottom: 20px;
				color: #424346;
				background: #FFF;
				box-shadow: 0 1px 6px rgba(0,0,0,.1);
			}
			.col h2,
			.col p {
				margin: 0;
				padding: 0 20px;
			}
			.col h2 {
				margin: .75em 0 .5em;
			}
			.col p {
				margin-bottom: 20px;
				text-align: left;
				font-size: 0.9em;
			}
			.col .btn {
				margin-left: 20px;
			}
			.btn {
				padding: 8px 15px 6px;
				font-size: .7em;
				letter-spacing: 0.1em;
				font-weight: bold;
				text-transform: uppercase;
				text-decoration: none;
				color: #FFF;
				border-radius: 3px;
				background: #ECECEC; /* #F34A4E; */
				transition: all .275s;
			}
			.btnA {
				padding: 8px 15px 6px;
				font-size: 1em;
				letter-spacing: 0.1em;
				font-weight: bold;
				text-transform: uppercase;
				text-decoration: none;
				color: #F34A4E;
				border-radius: 3px;
				background: #ECECEC; /* #F34A4E; */
				transition: all .275s;
			}
			.btn:hover,
			.btn:focus {
				background:	#FED0D1;
				color: #F34A4E;
			}
			.thumbnail {
				line-height: 0;
				overflow: hidden;
			}
			.thumbnail img {
				transition: all .275s;
			}
			.thumbnail:hover img,
			.thumbnail:focus img {
				filter: blur(2px) saturate(0);
			}
			.center {
				margin-top: 2em;
				text-align: center;
			}
			.center a {
				display: inline-block;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: bold;
				letter-spacing: 0.1em;
				color: #F34A4E;
				border-bottom: 1px solid #F34A4E;
				transition: all .275s;
			}
			.center a:hover,
			.center a:focus {
				opacity: 0.8;
				padding-bottom: 2px;
				border-bottom-color: rgba(243, 74, 95, .5);
			}

			/**
			 * Flex things:
			 * — Mobile first
			 * — Responsive
			 */
			.flex .col img {
				width: 100%;
				height: auto;   /*auto; 120px;*/
				
			}
			.flex {
				display: flex;
				flex-direction: row;
				justify-content: center;
				/* width: 960px; */
				width: 100%;
				max-width: 100%;
				margin: auto;
			}
			.flex .col {
				display: flex;
				flex-direction: column;
				flex: 1 1 300px;
				/*
				If you need to keep good feeling
				about images growings, you'd
				better do: 
				flex: 0 1 300px;
				 */
				/* margin: 1em 0.5em; */
			}
			.flex .col .btn {
				align-self: flex-start;
				margin-top: auto;
			}
	
			@media (max-width: 900px) {
				.flex {
					flex-wrap: wrap;
				}
			}
			.blink {
				animation: blinker 0.6s linear infinite;
				color: #1c87c9;
				font-size: 30px;
				font-weight: bold;
				font-family: sans-serif;
			  }
			  @keyframes blinker {
				50% {
				  opacity: 0;
				}
			  }
			  .blink-one {
				animation: blinker-one 1s linear infinite;
			  }
			  @keyframes blinker-one {
				0% {
				  opacity: 0;
				}
			  }
			  .blink-two {
				animation: blinker-two 1.4s linear infinite;
			  }
			  @keyframes blinker-two {
				100% {
				  opacity: 0;
				}
			  }

/* Alert Button styles -----------------------------  */


.alert {
  padding: 20px;
  background-color: #f44336;
  color: white;
  opacity: 1;
  transition: opacity 0.6s;
  margin-bottom: 15px;
}

.alert.success {background-color: #4CAF50;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}


/* text over image ----------------------------------*/

.container {
  position: relative;
  text-align: center;
  color: white;
}

.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

.centered {
  position: absolute;
  top:10%;
  left: 50%;
  transform: translate(-50%, -50%);
}
centeredA {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* float image over another */
img.A {
  
}
.imgA1 {
	position: absolute;
  top: 25px;
  left: 25px;
  z-index: 1;
}
.imgB1 {
	position: absolute;
  top: 25px;
  left: 25px;
  z-index: 3;
}

/*# Copyright(c)Emetsoft (Pvt.) Ltd. 2018 */

/*

*/