body{
      font-family: 'Montserrat', sans-serif;
}

.logo img{
  position:absolute;
  top:5px;
  left:5px;
  width:100px;
}
.logo-light img{
  width:100px;
}

.logo-sm img{
  width:75px;
}
.img-100{
  width:100px;
}



/* vertical line */
.corner-top-left::after {
  content:'';
  position: absolute;
  background-color: #61adf4;
  width: 3px;
  height: 100px;
  top: 0;
  left:-15px;
 
}

/* horizontal line */
.corner-top-left::before{
  content:'';
  position: absolute;
  background-color: #61adf4;
  width: 40px;
  height: 3px;
  top: 0;
  left:-12px;
}

/* vertical line */
.corner-top-right::after {
  content:'';
  position: absolute;
  background-color: #854ff5;
  width: 3px;
  height: 100px;
  top: 0;
  right:-15px;
 
}

/* horizontal line */
.corner-top-right::before{
  content:'';
  position: absolute;
  background-color: #854ff5;
  width: 40px;
  height: 3px;
  top: 0;
  right:-12px;
}


/* vertical line */
.corner-bottom-left::after {
  content:'';
  position: absolute;
  background-color: #61adf4;
  width: 3px;
  height: 60px;
  bottom: 0;
  left:-15px;
 
}

/* horizontal line */
.corner-bottom-left::before{
  content:'';
  position: absolute;
  background-color: #61adf4;
  width: 40px;
  height: 3px;
  bottom: 0;
  left:-12px;
}



/* vertical line */
.corner-bottom-right::after {
  content:'';
  position: absolute;
  background-color: #854ff5;
  width: 3px;
  height: 60px;
  bottom: 0;
  right:-15px;
 
}

/* horizontal line */
.corner-bottom-right::before{
  content:'';
  position: absolute;
  background-color: #854ff5;
  width: 40px;
  height: 3px;
  bottom: 0;
  right:-12px;
}



.border-top-left:before{
  content:url(images/corner-top-left.png);
  position:absolute;
  left: -20px;
  top:-20px;
}

.border-bottom-left:before{
  content:url(images/corner-bottom-left.png);
  position:absolute;
  left: -20px;
  bottom:-20px;
}

.border-top-right:before{
  content:url(images/corner-top-right.png);
  position:absolute;
  right: -20px;
  top:-20px;
}

.border-bottom-right:before{
  content:url(images/corner-bottom-right.png);
  position:absolute;
  right: -20px;
  bottom:-20px;
}

.text-b{
  font-family: 'Righteous', cursive;
}

.text-l{
  font-family: 'Montserrat', sans-serif;
}


.text-5 {
    font-size: 5rem;
}

.text-45 {
    font-size: 4.5rem;
}

.text-4 {
    font-size: 4rem;
}


.text-3 {
    font-size: 3rem;
}

.text-2 {
    font-size: 2rem;
}

.text-15 {
    font-size: 1.5rem;
}


@media only screen and (max-width: 767px) {
  .text-5 {
    font-size: 3rem;
  }

  .text-45 {
      font-size: 2.5rem;
  }

  .text-4 {
      font-size: 2rem;
  }


  .text-3 {
      font-size: 1.5rem;
  }

  .text-2 {
      font-size: 1rem;
  }

  .text-15 {
      font-size: 1rem;
  }




  .logo img{
    position:absolute;
    top:5px;
    left:5px;
    width:100%;
  }
  .logo-light img{
    width:100%;
  }

  .logo-sm img{
    width:75px;
  }
  .img-100{
    width:100%;
  }
}

.form-control-footer{
  border-color:#ffffff;
  border-radius: 100px !important;
}
.form-control-blue{
  border-color:#61adf4;
  border-top-left-radius: 100px !important;
  border-bottom-left-radius: 100px !important;
}
.btn-v{
  background-color: #854ff5;
  color: #fff;
  border-top-right-radius: 100px !important;
  border-bottom-right-radius: 100px !important;
}
.btn-v:hover{
  opacity: 0.9;
  background-color: #854ff5;
  color: #fff;
  border-top-right-radius: 100px !important;
  border-bottom-right-radius: 100px !important;
}


.btn-footer{
  background-color: #854ff5;
  color: #fff;
  border-radius: 100px !important;
}
.btn-footer:hover{
  opacity: 0.9;
  background-color: #854ff5;
  color: #fff;
  border-radius: 100px !important;
}

.bg-gr{
  background: rgb(97,173,244);
  background: linear-gradient(90deg, rgba(97,173,244,1) 0%, rgba(164,79,245,0.5872942927170868) 100%);
}