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

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap');
.font{font-family: 'Open Sans', sans-serif;}

.banner_holder{ width:100%;}
.banner_holder img{ width:100%;}
.logo_holder{position:absolute; top:0; margin:0 0 0 88px;}
.text_holder{ width:100%;}
.sub_text{ width:100%; padding:25px 88px; background:#720c0c;}
.bu{ width:100%; background:#000;}
.sub_text h3{ font:600 25px 'Open Sans', sans-serif; color:#fff; margin:0; }
.f{color:  #732982}
.rainbow{
  background-color: #343A40;
  border-radius: 4px;  
  color: #fff;
  cursor: pointer;
  padding: 43px 16px 43px;font-family: 'Open Sans', sans-serif; font-size:22px; font-weight:700; text-align:center; text-decoration:none; display:block;
  
}
.rainbow:hover{ text-decoration:none; color:#000;}
.rainbow-5:hover{
   background-image:     linear-gradient(
      to right, 
      #E7484F,
      #E7484F 16.65%,
      #F68B1D 16.65%,
      #F68B1D 33.3%,
      #FCED00 33.3%,
      #FCED00 49.95%,
      #009E4F 49.95%,
      #009E4F 66.6%,
      #00AAC3 66.6%,
      #00AAC3 83.25%,
      #732982 83.25%,
      #732982 100%,
      #E7484F 100%
     
     
     
    );
  animation:slidebg 2s linear infinite;
}


@keyframes slidebg {
  to {
    background-position:20vw;
  }
}
.how{ width:100%; padding:60px 0;}
.text_holder_one h2{ font:800 35px 'Open Sans', sans-serif; color:#000; text-align:center; margin:0; }
.or_holder{ width:100%; padding:72px 0 0;}
.roun{ width:35px; height:35px; background:#720c0c; border-radius:50% 50% 50% 50%; text-align:center; line-height:30px !important;font:800 21px 'Open Sans', sans-serif; color:#fff;position: absolute;margin: 65px 0 0 161px; }
.text h1{ font-size:40px; font-family:'Open Sans', sans-serif; color:#720c0c; font-weight:800;}
.text p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: 
    #000;
    font-size: 30px;
    line-height:40px;
    margin: 0 0 0;
  
}
.text{ padding:200px 0 0 0;}
.im img{ width:75%; margin:0 0 0 150px;}
.bg{ width:100%; padding:60px 0; background:url(../images/bg_1.jpg) no-repeat center top;}
.bg h2{ color:#fff; font-family: 'Open Sans', sans-serif; font-size:25px; font-weight:700; text-transform:uppercase; text-align:center; margin:0 0 15px;}
.bg h1{ color:#fff; font-family: 'Open Sans', sans-serif; font-size:48px; font-weight:800; text-transform:uppercase; text-align:center; margin:0;}
.bgtwo{ width:100%; padding:60px 0; background:#eee; }
.bgtwo h2{font-family: 'Open Sans', sans-serif; font-size:30px; font-weight:700; text-transform:uppercase; text-align:center; margin:0 0 15px; color:#000;}
.button {
  --offset: 10px;
  --border-size: 2px;
  display: block;
  position: relative;
  padding: 1.5em 3em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: transparent;
  color: #e55743;
  text-transform: uppercase;
  letter-spacing: .25em;
  outline: none;
  cursor: pointer;
  font-weight: bold;
  border-radius: 0;
  box-shadow: inset 0 0 0 var(--border-size) currentcolor;
  transition: background .8s ease;
}
.button:hover {
  background: rgba(100, 0, 0, 0.03);
}
.button__horizontal, .button__vertical {
  position: absolute;
  top: var(--horizontal-offset, 0);
  right: var(--vertical-offset, 0);
  bottom: var(--horizontal-offset, 0);
  left: var(--vertical-offset, 0);
  transition: -webkit-transform .8s ease;
  transition: transform .8s ease;
  transition: transform .8s ease, -webkit-transform .8s ease;
  will-change: transform;
}
.button__horizontal::before, .button__vertical::before {
  content: '';
  position: absolute;
  border: inherit;
}
.button__horizontal {
  --vertical-offset: calc(var(--offset) * -1);
  border-top: var(--border-size) solid currentcolor;
  border-bottom: var(--border-size) solid currentcolor;
}
.button__horizontal::before {
  top: calc(var(--vertical-offset) - var(--border-size));
  bottom: calc(var(--vertical-offset) - var(--border-size));
  left: calc(var(--vertical-offset) * -1);
  right: calc(var(--vertical-offset) * -1);
}
.button:hover .button__horizontal {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
.button__vertical {
  --horizontal-offset: calc(var(--offset) * -1);
  border-left: var(--border-size) solid currentcolor;
  border-right: var(--border-size) solid currentcolor;
}
.button__vertical::before {
  top: calc(var(--horizontal-offset) * -1);
  bottom: calc(var(--horizontal-offset) * -1);
  left: calc(var(--horizontal-offset) - var(--border-size));
  right: calc(var(--horizontal-offset) - var(--border-size));
}
.button:hover .button__vertical {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}

.partner{ width:100%; padding:60px 0;}
.im_one img{ width:100%;}
.im_one{ margin:20px 0 0 0;}
.footer_holder{ width:100%; padding:20px 0; background:#000; color:#fff; text-align:center; font-size:14px;}