.m-txt-m
{
 text-align: center;
 margin-top: 27%;
 font-size: 19px;
}

#loading-dotted-m {
		-webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}

#zoom-m{
   -webkit-animation: zoomeffect 2s infinite;
   -moz-animation: zoomeffect 2s infinite;
   animation: zoomeffect 2s infinite;
}
@-webkit-keyframes zoomeffect{
		0%{
			background-position:center;
		  transform:scale(1,1);
		}
		50%{
			background-position:center;
		  transform:scale(1.1,1.1);
		}
		100%{
			background-position:center;
		  transform:scale(1,1);
		}
}
@keyframes zoomeffect{
		0%{
			background-position:center;
		  transform:scale(1,1);
		}
		50%{
			background-position:center;
		  transform:scale(1.1,1.1);
		}
		100%{
			background-position:center;
		  transform:scale(1,1);
		}
}


.outer-1-m
{
 width:300px;
 height:300px;
 position:relative;
 margin:auto; 
 /*border:2px dashed #ccc;*/
 border-radius: 50%;
}
.inner-1-m {
   
    top: 2.5%;
    left: 2.5%;
    width: 95%;
    height: 95%;
    position: absolute;
    border: 2px dashed #ccc;
    border-radius: 50%;
}
.inner-2-m {
    background: linear-gradient(90deg,rgb(9 22 121 / 15%) 39%,rgb(255 16 0 / 19%) 100%);
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    position: absolute;
    border-radius: 50%;
    text-align:center;
}

.inner-3-m {
   background: linear-gradient(180deg,rgb(24 78 138) 39%,rgb(230 25 11) 100%);
    top: 9.7%;
    left: 9.7%;
    width: 80%;
    height: 80%;
    position: absolute;
    border-radius: 50%;
    text-align: center;
    z-index: 2;
}

.inner-4-m {
 background-color: #fff;
 top: 14.7%;
 left: 14.7%;
 width: 70%;
 height: 70%;
 position: absolute;
 border-radius: 50%;
 text-align: center;
 z-index: 3;
}

.inner-5-m {
background-color: #184e8a;
    box-shadow: 0 0 14px 0 rgba(0,0,0,0.1);
    /* top: 43.7%; */
    left: 40.7%;
    width: 50px;
    height: 42px;
    position: absolute;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
    z-index: 3;
    transform: translateX(80px);
    animation: 2s slideOut ease-in-out forwards 0.1s;
    opacity: 0; 
}

.inner-5a-m {
  background: rgb(25 79 138);
  top: -83.7%;
  width: 100%;
  height: 263px;
  position: absolute;
  z-index: 0;
  border-top: 15px solid #ffffffad;
  border-bottom: 15px solid #ffffffad;
}

.inner-6a-m {
    background: rgb(220,39,42);
    top: 97%;
    width: 100%;
    height: 263px;
    position: absolute;
    text-align: center;
    z-index: 1;
    border-top: 15px solid #ffffffad;
    border-bottom: 15px solid #ffffffad;
}
p.m-txt-a-m {
    color: #fff;
    text-align: center;
    font-weight: 600;
}
p.m-txt-btm-m {
    text-align: center;
    color: #fff;
    font-weight: 100;
    margin-top: -17px;
    font-size: 15px;
}


.top-sec-m
{
 text-align: left;
 padding-left: 18px;
 padding-top: 20px;
}
 

.top-sec-b-m {
    text-align: right;
    padding-right: 18px;
    padding-top: 20px;
}
  

p.m-txt-r-a-m {
    color: #fff;
    padding-left: 29px;
    font-weight: 600;
}
p.m-txt-r-btm-m {
    
    padding-left: 29px;
    color: #fff;
    font-weight: 100;
    margin-top: -17px;
    font-size: 15px;
}


/* transition: height 500ms;*/

@keyframes slideOut {
  100%
  {
   transform: translateY(0px);
	opacity: 1;

  }
}
.top-sec-m img
{
 margin-top: 10px;
 width: 50px;
 border-radius: 50%;
 border: 2px solid #1b71ce;
 transform: translateX(-50px);
 animation: 2s slideOut ease-in-out forwards 0.1s;
 opacity: 0;
}

.top-sec-b-m img
{
 margin-top: -106px;
 width: 50px;
 border-radius: 50%;
 border: 2px solid #c31619;
 transform: translateX(50px);
 animation: 2s slideOut ease-in-out forwards 0.1s;
 opacity: 0;
}

.sec-txt-m
{
  margin-top: -42px;
  padding-left: 59px;
  font-size: 21px;
  color:#ffffff;
  transform: translateY(-50px);
  animation: 2s slideOut ease-in-out forwards 0.1s;
  opacity: 0;
}

p.sec-txt-r-m {
  margin-top: 15px;
  padding-right: 61px;
  font-size: 21px;
  color: #ffffff;
  transform: translateY(-50px);
  animation: 2s slideOut ease-in-out forwards 0.1s;
  opacity: 0;
}  
 

.inner-6-m {
    background-color: #d31c14;
    box-shadow: 0 0 14px 0 rgba(0,0,0,0.1);
    top: 85.7%;
    left: 41%;
    width: 50px;
    height: 41px;
    position: absolute;
    border-radius: 0px 0px 15px 15px;
    text-align: center;
    z-index: 2;
    transform: translateX(-80px);
    animation: 2s slideOut ease-in-out forwards 0.1s;
    opacity: 0;
}

.text-l-m
{
 padding-top: 0px;
 transform: translateY(80px);
 animation: 2s slideOut ease-in-out forwards 0.1s;
 opacity: 0;
}

.text-r-m
{
 color: #fff;
 text-align: center;
 padding-right: 28px;
 margin-top: -20px;
 transform: translateY(80px);
 animation: 2s slideOut ease-in-out forwards 0.1s;
 opacity: 0; 
}  

.inner-4-m:hover + .one-m
{
 transition: .25s cubic-bezier(0.25, 0, 0, 1);
 display:block; 
}

.one-m
{
 display:none;
}
.outer-1-m:hover
{
 width: 300px;
 height: 300px;
 position: relative;
 margin: auto;
 margin-bottom: 281px;
}