@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,600|Open+Sans&display=swap');

body {
    -webkit-text-size-adjust: none;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.625;
    font-weight: 400;
    color: #41516a;
}

h1, h2, h3, h4, h5 {
	color: #41516a !important;
	font-family: 'Fira Sans', sans-serif !important;
}

P {
	line-height: 1.625;
	font-weight: 400;
	color: #333333;
	font-size: 1.1em;
	margin-top: 5px;
}

h1 {
	font-size: 40px;
	line-height: 1.2;
	text-transform: uppercase;
}

h3 {
	font-size: 20px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
banner
}

.bg-decor {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-repeat: no-repeat;
    pointer-events: none;
}

.heading {
	font-size: 2.2em;
	color: #41516a;
	text-transform: uppercase;
	font-weight: 600;
	padding-bottom: 20px;
	
}
.heading::after {
    content: '';
    position: relative;
    display: block;
    height: 2px;
    width: 80px;
    margin-top: 15px;
    background: #20477c;
}

.heading-center {
	font-size: 2.2em;
	color: #41516a;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	padding-bottom: 20px;
	
}
.heading-center::after {
    content: '';
    position: relative;
    display: block;
    height: 2px;
    width: 80px;
    margin:15px auto;
    background: #bdd9ff;
}

.sub-heading {
	font-size:1.8em;
	color: #41516a;
	text-transform: uppercase;
	font-weight: 600;
	
}

.box-images-parallax {
	position: relative;
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
}
.box-images-parallax .front-element {
	margin-right: 40px;
	position: relative;
	/*margin-top: -20px;*/
	z-index: 2;
}
.box-images-parallax .back-element {
	position: absolute;
	left: 0;
	bottom: -20px;
	z-index: 1;
}


section {
	padding: 2em 0;
}

.privacy {
	background-color: #fff !important;
	padding: 2em 0 4em;	
}

.about {
	background: url(../images/about-bg.jpg) no-repeat right bottom;
	background-color: #fff !important;
	padding: 4em 0;
}

.contact {
	background: url(../images/contact-bg.jpg) no-repeat right bottom;
	background-color: #fff !important;
	padding: 2em 0 4em;	
}
.contact h3 {
	padding: 15px 0 10px;
}
.contact p {
	padding: 0px;
	margin: 0px;
}
/*--------------
welcome
--------------*/

.welcome {
background: url("../images/about-bg.png") no-repeat right #fff;
	padding: 6em 0;
   background-size: 100%;
}

.welcome-box {
	margin:20px 0 0;
	padding: 35px !important;
	box-shadow: 0px 0px 14px 5px rgba(0,0,0,0.11);
	background: #fff;
}

.welcome-box i {
	color:#76d5f9;
	font-size: 2.5em !important;
	float: left;
	padding-right: 15px;
	height: 80px;
}

.welcome-box h3 {
	margin: 0px;
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}
/*--------------
FAQ
--------------*/
.faq {
padding: 6em 0;
 
}

.faq h3{
	font-size: 24px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
	/*border-bottom: 2px dashed #1f467d;*/
	color: #0a0a0a  !important;
	margin-top: 0px !important;
}

/*--------------
Grievance Form
--------------*/

.enquiry-box{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	padding: 2em 0;
	    border-radius: 20px;
}

.grievance{
	padding: 5em 0;
 
}
.select{ width:100%; height:40px; font-size:16px; border:1px solid #c9c9c9 !important; outline:none; padding-left:15px;}
.select:focus{ width:100%; height:50px; font-size:16px; border:2px solid #c9c9c9 !important; outline:none; padding-left:15px;}
.input1{ width:100% !important; height:40px !important; font-size:16px !important; border:1px solid #c9c9c9 !important; outline:none !important; padding-left:15px !important; background-color: transparent !important;}
.input1:focus{ width:100%; height:35px; font-size:16px; border:2px solid #c9c9c9 !important; outline:none; padding-left:15px; background-color: transparent !important;}
.input2{ width:100%; height:60px; font-size:16px; border:1px solid #c9c9c9 !important; outline:none; padding-left:15px; padding-top:10px; background-color: transparent !important;}
.input2:focus{ width:100%; height:150px; font-size:16px; border:2px solid #c9c9c9 !important; outline:none; padding-left:15px; padding-top:10px; background-color: transparent !important;}

.submitbu{width:49%; height:50px; font-size:16px; text-align:center; padding:13px 0px; background-color:#1f467d; ; border:none; color:#fff; font-weight:bold; text-transform:uppercase; transition:ease-in-out 0.4s; margin-right:1%}
.submitbu:hover{background-color:#377eb0;; border:none; color:#fff;}

.submitbu1{width:49%; height:50px; font-size:16px; text-align:center; padding:10px 0px; background-color:#08548b; border:none; color:#fff; font-weight:bold; text-transform:uppercase; transition:ease-in-out 0.4s;}
.submitbu1:hover{background-color:#f09700;; border:none; color:#fff;}

.grievance-content {
	margin-top: 4em;
}
/*--------------
Legal
--------------*/
.legal{
	padding: 5em 0;
}
.mt-5{
	margin-top: 20px;
}
/*--------------
whatdo
--------------*/

.whatdo {
	background:url(../images/bg-decor-10.png) fixed;
	padding: 6em 0;
}

.whatdo__body {
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100vw;
    min-width: 1px;
    max-width: none;
    height: 100%;
    min-height: 100%;
    max-height: none;
    margin: 0;
    z-index: 0;
	right: 0;
}

.object-wrap__body-sizing-1 {
    width: 40vw;
}

.bg-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


/*--------------
mission
--------------*/

.mission {
	background:url(../images/bg.jpg) fixed #fff;
	text-align: center;
	padding: 5em 0;
}

.mission .heading {
	color:#fff;
}

.mission p {
	color:#fff;
	font-size: 1.1em;
}

.heading-mission {
	font-size: 2.2em;
	color: #fff !important;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	padding-bottom: 5px;
	
}
.heading-mission::after {
    content: '';
    position: relative;
    display: block;
    height: 2px;
    width: 80px;
    margin:15px auto;
    background: #fff;
}

.vision {
	/*background: url(../images/bg.png) no-repeat fixed #fff;*/
	padding: 4em 0;
}


.bank-wrapper {
	background:url(../images/bg-contact.jpg) fixed;
	padding: 6em 0;
}

.bank-wrapper p {
	font-size: 18px;
}

.bank-wrapper p span {
	text-transform: uppercase;
	font-weight: 600;
}

.heading-bank {
	font-size: 2.4em;
	color: #fff !important;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	padding-bottom: 20px;
	
}
.heading-bank::after {
    content: '';
    position: relative;
    display: block;
    height: 2px;
    width: 80px;
    margin:15px auto;
    background: #fff;
}

.bank-box {
	margin:20px 0 0;
	padding:10px;
	box-shadow: 0px 0px 14px 5px rgba(0,0,0,0.11);
	background: #fff;
}

.bank-box p {
	padding: 5px 0;
	margin: 0px;
}



/*--------------
updates
--------------*/
.updates {
	background-color: #f8f8f8;
	padding: 4em 0 2em 0;
}

.update-box {
	/*padding:30px 5px;*/
	/*border:3px solid #fff;*/
	text-align: center;
	padding: 40px 0px;
	height: 220px;
	background: #068538;
}
.update-img {
	padding: 0px !important;
	height: 220px;
}
.update-img img {
	height: 220px;
}
.update-box .icon {
	width: 80px;
	height: 80px;
	line-height: 80px;
	background: #fff;
	text-align: center;
	border-radius: 100%;
	margin: 0 auto;
}


.update-box i {
	color:#1f2845;
	font-size: 3.0em;
	line-height: 80px;
}

.update-box h3 {
	color:#fff !important;
}
/*--------------
service-area
--------------*/
.service-area {
	
	padding: 4em 0 2em 0;
}
.service-area .single-cat .cat-cap h5 > a{
	line-height: 1.2em !important;   
	color: #438742 !important;
}
.service-area .single-cat .cat-cap h5 > a:hover{
	
	color: #ffffff !important;
}
.service-area .single-cat{
    min-height: 313px;
    margin-top: 4%;
    margin-bottom: 10%;
    padding: 10px 10px 10px 10px;
}
.service-two__shape-three {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-repeat: repeat-x;
  background-position: center bottom;
}
.service-area .single-cat {
  background: #edf3f9;
  border-radius: 30px;
 /* padding: 85px 22px;*/
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  z-index: 1;
	    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.10);
	    border-bottom: 7px solid #20477c;
	
}
.service-area .single-cat::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  background: #accaf3;
  transition: .6s;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 30px;
}
.service-area .single-cat .cat-icon span {
  margin-bottom: 5px;
  width: 130px;
  height: 130px;
  background: #67a6da;
  line-height: 90px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  font-size: 40px;
  color: #000;
}
.service-area .single-cat .cat-icon span img{
	    width: 100px;
    height: 100px;
    /* line-height: 130px; */
    text-align: center;
    padding: 10px 10px;
    margin-top: 10px;
}
.service-area .single-cat .cat-cap h5 > a {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 21px;
  display: block;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
 /* font-family: "Muli", sans-serif;*/
}
.service-area .single-cat .cat-cap p {
  margin-bottom: 36px;
  color: #57667e;
  font-size: 16px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.service-area .single-cat.active::before {
  height: 100%;
}
.service-area .single-cat.active .cat-icon span {
  color: #09cc7f;
  background: #155602;
}
.service-area .single-cat.active .cat-cap h5 {
  color: #fff;
}

.service-area .single-cat.active .cat-cap p {
  color: #fff;
}


.service-area .single-cat.active .cat-cap a {
  color: #fff;
}

.service-area .single-cat:hover::before {
  height: 100%;
}


.service-area .single-cat:hover .cat-icon span {
  color: #09cc7f;
  background: #20477c;
}

.service-area .single-cat:hover .cat-cap h5 {
  color: #fff;
}


.service-area .single-cat:hover .cat-cap p {
  color: #fff;
}


.service-area .single-cat:hover .cat-cap a {
  color: #fff;
}
/*--------------
inner
--------------*/

.list-style {
	padding: 0px;
	margin: 0px;
	list-style-image: url(../images/bullet.png);
	margin: 20px 0px 35px 25px;
}

.list-style li {
	padding: 5px 0;
	margin: 10px 0;
	line-height: 1.625;
font-weight: 400;
color:
#41516a;
font-size: 1.1em;
}

.list-style2 {
	padding: 0px;
	margin: 0px;
	list-style:disc;
	margin: 5px 0px 5px 35px;
}

.list-style2 li {
	padding: 5px 0;
	margin: 0px;
	line-height: 1.625;
font-weight: 400;
color:
#41516a;
font-size: 1.1em;
}

.bullet li{
	line-height: 2em;
	line-height: 1.625;
    font-weight: 400;
    color: #333333;
    font-size: 1.1em;
    margin-top: 20px;
    list-style-type: disclosure-closed;
	    margin-left: 30px;
}
.bullet2 li{
	line-height: 2em;
	line-height: 1.625;
    font-weight: 400;
    color: #333333;
    font-size: 1.1em;
    margin-top: 20px;
    list-style-type: disclosure-closed;
	 margin-left: 30px;
}
.bullet2 {
	margin-left: 20px;
}
.bullet-new li{
	line-height: 2em;
	line-height: 1.625;
    font-weight: 400;
    color: #333333;
    font-size: 1.1em;
    margin-top: 20px;
    list-style-image: url("../images/bullet.png");
	margin-left: 30px;
}
/*--------------
Contact Page
--------------*/

.contact-box {
  background-color: #ffffff !important;
  box-shadow: 0px 6px 34px rgba(215,216,222,.41) !important;
  border-radius: 10px !important;
  padding: 5px 15px;
	margin-top: 5px;
	margin-bottom: 15px;
	display: inline-block;
    width: 100%;
}
.contact-box .icon-box {
	margin-bottom: 20px;
	margin-top: 10px;
	
	font-size: 25px;
	width: 50px;
}
.contact-box h3 {
	font-size: 20px;
}
.contact-box a {
	color: #131313;
}
.contact-box .icon-box {
       /* margin: 0 auto 15px auto;*/
        width: 40px;
}
.social-box{
	margin: 0 auto;
	text-align: left;
}
.social-box ul li a{
	line-height: 1.5em;
}
.social-box ul {
	    padding: 0;
	margin: 15px 0;
}
.social-box ul li {
	    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #1f467d;
    text-align: center;
    line-height: 22px;
    padding-top: 10px;
    margin: 0 3px;
}
.social-box ul li img {
	    width:25px;
}
.social-box ul li:hover {
	background: #5182c7;
}	
/*===========Inner Banner Style Start============*/
.inner-banner {
	background-position: center;
    background-size: cover;
}
.inner-banner-img {
    position: relative;
    width: 100%;
    display: block;
    padding: 75px 0px 75px;
}
.inner-banner-img:before {
    position: absolute;
    content: '';
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.inner-banner h1 {
	position: relative;
    color: #ffffff !important;
    font-size: 3.0em;
    text-align: center;
	text-transform: uppercase;
}

.contact-banner{
	background: url("../images/contact-banner.png") no-repeat;
	background-position: center;
    background-size: cover;
}
.terms-banner{
	background: url("../images/terms-banner.png") no-repeat;
	background-position: center;
    background-size: cover;
}
.about-banner{
	background: url("../images/about-banner.png") no-repeat;
	background-position: center;
    background-size: cover;
}
.faq-banner{
	background: url("../images/faq-banner.png") no-repeat;
	background-position: center;
    background-size: cover;
}
.legal-banner{
	background: url("../images/legal-banner.png") no-repeat;
	background-position: center;
    background-size: cover;
}
.grievance-banner{
	background: url("../images/grievance-banner.png") no-repeat;
	background-position: center;
    background-size: cover;
}
.main-img{
	margin-top: 70px;
}
/*--------------
media query
--------------*/

@media(max-width:1024px){
	.welcome {
	    background: url(../images/about-bg.png) no-repeat right bottom #fff;
    padding: 4em 0;
    background-size: 100%;
}
	.vision {
	background: url(../images/bg2-1.jpg) no-repeat fixed;
}
	
.about {
	background: url(../images/about-bg-1.jpg) no-repeat right bottom;
}

.contact {
	background: url(../images/contact-bg-1.jpg) no-repeat right bottom;
}
	
}

@media (max-width:768px){
	.main-img{
		margin-top: 0px;
	}
	.heading, .heading-mission, .heading-center {
    font-size: 1.4em;
	margin-top: 30px;
		padding-bottom: 1px;
}
	h3{
		font-size: 16px;
	}
		.inner-banner-img {
    padding: 10px 0px 10px;
}
.inner-banner h1 {
    font-size: 1.5em;
}
	.mission-text{
		padding-top: 7%;
	}
	.contact-box{
	   margin-top: 10%;
	}
	.about{
		padding: 2em 0;
	}
}

@media (max-width:480px){
.welcome, .vision, .mission, .updates, .faq, .grievance, .legal  {
	padding: 1em 0 !important; 
}

	
.vision {
	background:none;
}
.vision .heading {
	margin-top: 40px;	
}


.welcome-box i {
    font-size: 1.2em !important;
    padding-right: 9px;
}
}
	

/*--------------
Animation
--------------*/

.slide-top {
	-webkit-animation: slide-top 5s linear infinite alternate both;
	animation: slide-top 5s linear infinite alternate both;
}
 @-webkit-keyframes slide-top {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 -webkit-transform: translateY(-80px);
 transform: translateY(-80px);
}
}
@keyframes slide-top {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 -webkit-transform: translateY(-80px);
 transform: translateY(-80px);
}
}
.slide-down {
	-webkit-animation: slide-down 3s linear infinite alternate both;
	animation: slide-down 3s linear infinite alternate both;
}
 @-webkit-keyframes slide-down {
 0% {
 -webkit-transform: translateY(70px);
 transform: translateY(70px);
}
 100% {
 -webkit-transform: translateY(30px);
 transform: translateY(30px);
}
}
@keyframes slide-down {
 0% {
 -webkit-transform: translateY(70px);
 transform: translateY(70px);
}
 100% {
 -webkit-transform: translateY(30px);
 transform: translateY(30px);
}
}

/*--------------
Avnext
--------------*/
/*
#headerMenuParent {
    min-height: auto !important;
}

.header-top {
    background:#fff !important;
}
.header-menu {
    background-image:none !important;
	background: linear-gradient(to bottom, #303393 0%, #4648a1 100%) !important;
}
.header-menu > ul > li {
    float: left;
    font-weight: 600 !important;
}
.header-menu > ul > li > a:hover {
	text-decoration: none !important;
}
.header-menu > ul > li > a::before, .header-menu > ul > li > span::before {
    background: linear-gradient(to bottom, #00a651 0%, #037339 100%) !important;
	border-bottom: 0px !important;
	height: 42px !important;
}
	*/
	
/*--------------
Animation
--------------*/

.slide-top {
  -webkit-animation: slide-top 2s linear infinite alternate both;
  animation: slide-top 2s linear infinite alternate both;
}

@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.slide-down {
  -webkit-animation: slide-down 1s linear infinite alternate both;
  animation: slide-down 1s linear infinite alternate both;
}

@-webkit-keyframes slide-down {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
}

@keyframes slide-down {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
}

.slide-down-2 {
  -webkit-animation: slide-down 3s linear infinite alternate both;
  animation: slide-down 3s linear infinite alternate both;
}

@-webkit-keyframes slide-down-2 {
  0% {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }

  100% {
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
  }
}

@keyframes slide-down-2 {
  0% {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }

  100% {
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
  }
}

@-webkit-keyframes MOVE-BG {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(88px);
    transform: translateX(88px);
  }
}



/*----------------------------------------*/
/*  1.4 Keyframe Styles CSS
/*----------------------------------------*/
@-webkit-keyframes moveupdown1 {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes moveupdown1 {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(0px);
  }
}

@-webkit-keyframes moveupdown2 {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(20px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes moveupdown2 {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(20px);
  }

  100% {
    transform: translateY(0px);
  }
}

@-webkit-keyframes moveleftright1 {
  0% {
    transform: translateX(0px);
  }

  50% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0px);
  }
}

@keyframes moveleftright1 {
  0% {
    transform: translateX(0px);
  }

  50% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0px);
  }
}

@-webkit-keyframes zoom1 {
  0% {
    transform: scale(1px);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes zoom1 {
  0% {
    transform: scale(1px);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes circle1 {
  0% {
    transform: rotate(0deg) scale(1);
  }

  100% {
    transform: rotate(360deg) scale(1);
  }
}

@keyframes circle1 {
  0% {
    transform: rotate(0deg) scale(1);
  }

  100% {
    transform: rotate(360deg) scale(1);
  }
}

@-webkit-keyframes circle2 {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes circle2 {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes moveleftright {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-30px);
  }
}

@keyframes moveleftright {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-30px);
  }
}

@-webkit-keyframes moveleftrightwo {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-30px);
  }
}

@keyframes moveleftrightwo {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-30px);
  }
}

@-webkit-keyframes animshape1 {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }

  50% {
    transform: translate(10px, 10px) rotate(0deg) scale(1);
  }

  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}

@keyframes animshape1 {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }

  50% {
    transform: translate(10px, 10px) rotate(0deg) scale(1);
  }

  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}

@-webkit-keyframes animshape2 {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }

  50% {
    transform: translate(10px, -10px) rotate(0deg) scale(1);
  }

  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}

@keyframes animshape2 {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }

  50% {
    transform: translate(10px, -10px) rotate(0deg) scale(1);
  }

  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}