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

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

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

#zoom{
   -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
{
 width:300px;
 height:300px;
 position:relative;
 margin:auto; 
 /*border:2px dashed #ccc;*/
 border-radius: 50%;
}
.inner-1 {
   
    top: 2.5%;
    left: 2.5%;
    width: 95%;
    height: 95%;
    position: absolute;
    border: 2px dashed #ccc;
    border-radius: 50%;
}
.inner-2 {
    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 {
   background: linear-gradient(90deg,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 {
 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 {
background-color: #184e8a;
    box-shadow: 0 0 14px 0 rgba(0,0,0,0.1);
    top: 43.7%;
    left: -6.3%;
    width: 64px;
    height: 50px;
    position: absolute;
    border-radius: 15px 0px 0px 15px;
    text-align: center;
    z-index: 2; 
}
.inner-5a {
    background: rgb(64,124,232);
    background: linear-gradient(90deg, rgba(64,124,232,1) 0%, rgb(64 144 232 / 45%) 100%);
    top: 5.7%;
    left: -263px;
    width: 417px;
    height: 263px;
    position: absolute;
    text-align: center;
    z-index: 1;
    border-top: 15px solid #ffffffad;
    border-bottom: 15px solid #ffffffad;
}

.inner-6a{
    background: rgb(220,39,42);
    background: linear-gradient(90deg, rgb(220 39 42 / 9%) 0%, rgba(220,39,42,1) 100%);
    top: 5.7%;
    left: 154px;
    width: 417px;
    height: 263px;
    position: absolute;
    text-align: center;
    z-index: 1;
    border-top: 15px solid #ffffffad;
    border-bottom: 15px solid #ffffffad;
}


.inner-6 {
   background-color: #ce0909;
    box-shadow: 0 0 14px 0 rgba(0,0,0,0.1);
    top: 43.7%;
    left: 84.3%;
    width: 64px;
    height: 50px;
    position: absolute;
    border-radius: 0px 15px 15px 0px;
    text-align: center;
    z-index: 2;
}

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


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

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



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

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

.one
{
 display:none;
}
/* transition: height 500ms;*/

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

  }
}
.top-sec 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 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
{
  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 {
  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-5 {
background-color: #184e8a;
    box-shadow: 0 0 14px 0 rgba(0,0,0,0.1);
    top: 43.7%;
    left: -6.3%;
    width: 64px;
    height: 50px;
    position: absolute;
    border-radius: 15px 0px 0px 15px;
    text-align: center;
    z-index: 2; 
    transform: translateX(80px);
    animation: 2s slideOut ease-in-out forwards 0.1s;
    opacity: 0;
}

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

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

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

@media only screen and (max-width: 640px)
{



}