@media (min-width: 300px) and (max-width: 700px) {
  .join-us-btn, .dnd_area-module-7-flexbox-positioning{
    display: flex !important;
    justify-content: center !important;
    flex-direction: initial !important;
    align-items: center !important;
  }
}

/*// Glow Border Animation //*/

.animated-border-box, .animated-border-box-glow{
/*   max-height: 200px;
  max-width: 250px; */
  height: 50px;
  width: 200px;
/*   height: 100%;
  width: 100%; */
  position: relative;
  overflow: hidden; 
  z-index: 0;
  /* Border Radius */
	border-radius: 50px;
}

.animated-border-box-glow{
  overflow: hidden;
  /* Glow Blur */
  filter: blur(20px);
}

.animated-border-box:before, .animated-border-box-glow:before {
  content: '';
  z-index: -2;
  text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(0deg);
  position: absolute;
	width: 99999px;
	height: 99999px;
	background-repeat: no-repeat;
	background-position: 0 0;
  /*border color, change middle color*/
	background-image: conic-gradient(rgba(0,0,0,0), var(--secondary-brand-color), rgba(0,0,0,0) 25%);
  
  /* change speed here */
	animation: rotate 4s linear infinite;
}

.animated-border-box:after {
	content: '';
	position: absolute;
	z-index: -1;
  /* border width */
/* 	left: 5px;
	top: 5px; */
  /* double the px from the border width left */
/* 	width: calc(100% - 10px);
	height: calc(100% - 10px); */
  
  left: 4px;
  top: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  /*bg color*/
	background: var(--main-brand-color);
  /*box border radius*/
	border-radius: 50px;
}

@keyframes rotate {
	100% {
		transform: translate(-50%, -50%) rotate(1turn);
	}
}

/*// Border Animation END//*/