@font-face {
    font-family: SignPainter HouseSlant ;
    src: url(signpainter-houseslant.woff);
  }
  .swal-popup{
    font-family: -apple-system, BlinkMacSystemFont, sans-serif!important;
  }
  .profile-photo {
    width: 50px;
height: 50px; 
    border-radius: 50%;
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 25px; 
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px;
}
  body {
  margin:0;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif!important;
   }

   .btn-oval {
    display: inline-block;
    min-width: 250px;
    height: 70px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(#89c13e, #599c02);
    background-color: #6fad1d;
    border-radius: 35px;
    border: 1px solid #579a00;
    font: bold 30px/70px Arial;
    position: relative;
    outline: none;
  }
  

  input[type=number], input[type=text],input[type=file],input[type=email], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
letter-spacing: 0.5px;
  }
  input[type=password], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
  }
  
  input[type=submit] {
    width: 100%;
    background-color: #4611a7;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
  
  input[type=submit]:hover {
    opacity: 0.9;
    text-decoration: none;
  }
  
  button {
    width: 100%;
    background-color: #4611a7;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
  
  
  
  @media screen and (min-width: 0px) and (max-width: 1024px) {
      div.form {
         padding: 20px;
        margin-top: 20%;
}
.home-page{
margin-top: 20%;
}

     }
  @media screen and (min-width: 1025px) and (max-width: 2048px) {
  div.form {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
    margin-left:30%;
    margin-right:30%;
  margin-top: 8%;
      margin-bottom: 10px;
  
  }
  
      /* hide it elsewhere */
  }
  div#message {
    color: red;
    border-radius: 5px;
    padding: 20px;
    text-align:center;
  }

        .circle {
      margin-left:35%;
          border-radius: 50%;
          width: 25px;
          height: 25px;
          padding: 8px;
          background: #fff;
          border: 2px solid #000;
          color: #000;
          font: 25px Arial, sans-serif;
      text-align:center;
        }

          
          a.btn-oval {
            display: inline-block;
            min-width: 270px;
            height: 70px;
            box-sizing: border-box;
            text-align: center;
            color: #fff;
            text-decoration: none;
           background: linear-gradient(#89c13e, #599c02);
          //  background-color: #ffffff;
            border-radius: 35px;
            border: 1px solid #579a00;
            font: bold 30px/70px Arial;
            position: relative;
            outline: none;
          //  animation-name: changebgcolor;
          //  animation-duration: 10s;
            animation-name: fadeIn;
            animation-duration: 10s;
          }
          
          @keyframes changebgcolor {
          from {background: linear-gradient(#ffffff, #ffffff);   border: 1px solid #ffffff; opacity: 0;}
            to {background: linear-gradient(#89c13e, #599c02);   border: 1px solid #579a00; opacity: 1;}
             }
          
          @keyframes fadeIn {
            0% { opacity: 0; }
            100% { opacity: 1; }
          }
          
          .contest_button {
           background: linear-gradient(#4611a7, #4611a7);
              border-radius: 100px;
              display: flex;
              align-items: center;
              justify-content: center;
              color: white;
              text-decoration: none;
            font-size: 21px;
            font-weight: 600;
            line-height: 21px;
            min-width: 270px;
            height: 60px;
            position: relative;
            overflow: hidden;
            cursor: pointer;
            margin-top: 10%;
          }
          
          .contest_button::before{
            content: "";
            position: absolute;
            top: -4px;
            width: 40px;
            height: calc(100% + 8px);
            background: white;
            opacity: .35;
            background-blend-mode: color;
            transform: skew(-30deg);
            animation: contest_buttonblendingOverlay 3s infinite;
            animation-timing-function: ease;
            animation-timing-function: linear;
            z-index: 0;
            filter: blur(3px);
            display: block;
          }
            
          @keyframes contest_buttonblendingOverlay {
            0% {
              left:-30%
            }
            to {
              left:160%
            }
          }
          
          /* 1. General Links */ 
          nav {
            position: fixed;
            top: 0;
            z-index: 999;
            width: 100%;
          }
          img {
            width: 100%;
            display: block; /* To remove background color under images */
          }
          
          li {
            list-style-type: none; 
          }
          
          .desktop-link a, 
          .desktop-link a:link, 
          .desktop-link a:visited {
            color: #4611a7;
            display: block;
            font-size: 1.25em;
            font-weight: 500;
            padding: 1em;
            text-decoration: none;
            font-size: 16px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
          }
          
          /* Removes border around images in menu for IE10 */
          a img {
              border: 0;
          }
          
          /* 2. Desktop Nav Menu */
          .desktop-menu {
           background: #ffe800;
    margin: 0;
    display: flex;
    align-items: center;
    width: inherit;
    justify-content: space-between;
          }
          
          .desktop-link {
display: flex;
            padding-left: 30px;
            float: left;
            text-align: center;
            width: 70%;
            justify-content: flex-end;
          }

.desktop-link.active a{
color:black!important;
}
          .desktop-link a:last-child{
            padding-right: 10%;
          }
            /* 2.1 Desktop Home Link */
            #home {
              float: left;
              font-size: 1em; 
            }
          
            #home, 
            #home:link, 
            #home:visited, 
            #home:hover, 
            #home:focus, 
            #home:active {
              color: #fff;
              background: none;
            }
          
            .logo-li {
              width: 50%;
            }
          
            /* 2.2 Desktop Dropdown-menu */
            a.caret,
            #mobile-menu, 
            .dropdown-menu {
              display: none; /* Removes mobile menu, caret links, and dropdown menu (when menu items are not hovered) on large screens */
            }
          
          .banner-img{
          background-image: url('desktop-banner.jpeg');
          
            height: 90vh;
            background-repeat: no-repeat;
            background-size: contain;
            display: flex;
            align-items: center;
          
            background-position: 95% 50%;
          }
          
          .mobile-img{
          display:none;
          }
          
          .text-banner{
          margin-left:5%;
          font-size: 150%; 
          color:white; 
          }
          
          .desktop-link a:hover {
            color: black;
          }
          
          /* 3. Tablet/Mobile Nav Menu */ 
          @media screen and (max-width: 900px) {
          .banner-img{
          background-image: none;
          height:0vh;
          }
          
          .mobile-img{
          display: block !important;
              position: absolute;
              z-index: -1;
          }
          
          .text-banner{
          margin-top: 100%;
          }
           .desktop-menu {
              padding: 0; /* Stops mobile nav from jumping up when mobile icon is clicked */
            }
            
            .desktop-link {
              line-height: 40px;
              text-align: left;
            }
            .desktop-link a, .desktop-link a:link, .desktop-link a:visited{
padding:0!important;
}
            #mobile-menu {
              top:0;
              background: #ffe800;
              display: flex;
              align-items: center;
              position: absolute;
              width: 100%;
              justify-content: space-between;
            } 
            
             
              /* 3.1 Tablet/Mobile Home2 Link */ 
              #home {
                display: none; 
              }
              .logo {
                width:50%;
                float: left;
                margin-left: .5em;
              }
          
              #logo-text {
                font-size: 1.25em;
                position: relative;
                top: .5em;
              }
          
          #mobile-icon-container {
              background: none;
              float: right;
            }
           
          
              #mobile-icon {
                  position: relative;
                  width: 2.5em;
              }
            
              /* 3.2 Tablet/Mobile Dropdown Menu  */
              a.caret { 
                background: #193658;
                border-bottom: 1px solid #002147;
                border-left: 1px solid #002147;
                bottom: 0;
                color: #fff;
                display: block; 
                position: absolute;
                right: 0;
                top: 0;
              }
          
              .caret:hover, 
              .caret:focus, 
              .caret:active {
                background: #3277ae;
              }
            
              .desktop-link {
                border-bottom: 1px solid #d3d3d3;
                display: none; 
                font-size: .85em;
                margin-top: 0;
              }
          
              .desktop-link:hover .dropdown-menu {
                display: none; 
              }
            
              #last-desktop-link { 
                border-bottom: 1px solid #002147;
              }
          
              /* 3.3 Tablet/Mobile Javascript Onclick Menu */ 
              .responsive {
                width: 100%;
                display: flex;
              flex-direction: column;
                padding: 0;
               }
          
              .responsive .desktop-link {
                background: #ffffff;
                display: block; /* Javascript menu is shown when mobile menu is active */
                width: 100%;
                position: relative;
               top: 60px;
                z-index: 1; /* Allows mobile menu to show over slider */
              }
              .responsive .desktop-link.profile {
               top: 0px!important;
              }
          }
          
          
          /*Fix button for mobile view*/
          
          .style_fixedButton {
              position: fixed;
              bottom: 0;
              left: 0;
              width: 100%;
              background: #ffe800;
              z-index: 100;
              padding: 10px;
              text-align: center;
              display: none
          }
          
          @media (max-width: 767px) {
            .contest_button{
              display:none;
            }
          .sub_text{
              display:none;
            }
          
              .style_fixedButton {
                  display:block;
          padding: 0px;
              margin: 0;
              }
          }
          
          @media only screen and (min-width: 768px) and (max-width:1024px) and (orientation:portrait) {
              .style_fixedButton {
                  display:block
              }
          }
          
          @media only screen and (min-width: 1024px) and (max-width:1366px) and (orientation:portrait) {
              .style_fixedButton {
                  display:block
              }
          }
          .style_animated_text {
              color: #4611a7;
              font-size: 20px;
              font-weight: 600;
              animation: style_blink 3s ease-in-out infinite alternate;
              font-family: Inter,sans-serif;
          padding: 0;
            margin: 0;
            margin-top: 10px;
          }
          
          @keyframes style_blink {
              0% {
                  transform: scale(1)
              }
          
              50% {
                  transform: scale(1.25)
              }
          
              to {
                  transform: scale(1)
              }
          }
          
          .style_mobileButton {
              max-width: 85%;
              margin: 0 auto;
              height: auto
          }
          .sonar-wrapper {
              max-width:100%!important;
              position:relative;
              z-index:0;
              overflow:hidden
            }
            .sonar-wrapper .downloadapk {
              display:flex;
              align-items:center;
              justify-content:center;
              position:relative;
              margin:20px auto;
              width:calc(100% - 40px);
              height:52px;
              border-radius:100px;
              background-color:#4611a7;
              color:white;
              overflow:hidden
            }
            
            .home-page.root .downloadapk:before {
              width:35px;
              animation:blendingOverlayHome1 2s infinite;
              animation-timing-function:linear
            }
            @keyframes blendingOverlayHome {
            0% {
              left:-15%
            }
            to {
              left:180%
            }
          }
          @keyframes blendingOverlayHome1 {
            0% {
              left:-30%
            }
            to {
              left:160%
            }
          }
            .home-page.root .downloadapk:after,
            .home-page.root .downloadapk:before {
              content:"";
              position:absolute;
              top:-4px;
              height:calc(100% + 8px);
              background:white;
              opacity:.35;
              background-blend-mode:color;
              transform:skew(-30deg);
              z-index:1;
              filter:blur(3px)
            }
            .home-page.root .downloadapk:after {
              width:20px;
              animation:blendingOverlayHome 2s infinite;
              animation-timing-function:linear
            }
            @media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
            .downloadapk {
              width:100%
            }
          }
          .style_downloadbtn {
            background:#4611a7;
            border-radius:100px;
            display:flex;
            align-items:center;
            justify-content:center;
            color:white;
            text-decoration:none;
            font-size:21px;
            font-weight:600;
            font-family:Inter,sans-serif;
            line-height:21px;
            width:100%;
            height:60px;
            position:relative;
            overflow:hidden;
            cursor:pointer;
            column-gap:1ch;
            text-transform:capitalize
          }
          .style_downloadbtn:before {
            content:"";
            position:absolute;
            top:-4px;
            width:40px;
            height:calc(100% + 8px);
            background:white;
            opacity:.35;
            background-blend-mode:color;
            transform:skew(-30deg);
            animation:style_blendingOverlay 5s infinite;
            animation-timing-function:linear;
            z-index:0;
            filter:blur(3px);
            display:block
          }
          @keyframes style_blendingOverlay {
            0% {
              left:-30%
            }
            to {
              left:160%
            }
          }
          @media (max-width:767px) {
            .style_downloadbtn {
              font-size:19px;
              line-height:23px;
              height:52px;
              text-transform:uppercase
            }
            .style_buttonIcon {
              width:19px
            }
            .sonar-wave {
              position:absolute;
              top:20px;
              left:20px;
              width:calc(100% - 40px);
              height:52px;
              border-radius:9999px;
              background-color:#a6843c;
              opacity:0;
              z-index:-1;
              pointer-events:none;
              border:1px solid white
            }
            .sonar-wave1 {
              animation:sonarWave 2s linear infinite
            }
            .sonar-wave2 {
              animation:sonarWave 2s linear .5s infinite
            }
            .sonar-wave3 {
              animation-delay:.5s
            }
            .sonar-wave4 {
              animation-delay:.8s
            }
          }
          
          @keyframes sonarWave {
            0% {
              opacity:1;
              border-radius:9999px
            }
            to {
              transform:scaleX(1.1) scaleY(1.55);
              opacity:0;
              border-radius:9999px
            }
          }
          
          @media (min-width:1700px) {
            .style_downloadbtn {
              height:80px;
              font-size:28px;
              line-height:28px
            }
          }
          
/* Footer */
.site-footer .footer-menu a:before {
  content: "|";
   /* font-weight: 300; */
   /* font-size: 20px; */
   left: 0;
   color: #fff;
   display: inline-block;
   padding-right: 5px;
   padding-left: 5px;
   top: -1px;
   bottom: 0;
   position: relative;}
.site-footer .footer-menu a.link-1:before {
 content: none;
}


.site-footer {
margin-top: 50px;
padding: 30px 0 20px;
 background-color: #4611a7;
 font-size: 15px;
 line-height: 24px;
 color: #fff;
 box-shadow: 0 10px 20px rgba(0,0,0,0.5);
}

.site-footer hr {
 border-top-color: #bbb;
 opacity: 0.5;
}
.site-footer hr.small {
 margin: 20px 0;
}
.site-footer h6 {
 color: #fff;
 font-size: 16px;
 text-transform: uppercase;
 margin-top: 5px;
 letter-spacing: 2px;
}
.site-footer a {
 color: #ffffff;
}
.site-footer a:hover {
 color: #ababb1;
 text-decoration: none;
} 
.footer-links {
 padding-left: 0;
 list-style: none;
}
.footer-links li {
 display: block;
}
.footer-links a {
 color: #737373;
}
.footer-links a:active,
.footer-links a:focus,
.footer-links a:hover {
 color: #fff;
 text-decoration: none;
} 
.site-footer .social-icons {
 text-align: right;
}
.site-footer .social-icons a {
   display: flex;
   align-items: center;
   justify-content: center;
 width: 40px;
 height: 40px;
 line-height: 40px;
 margin-left: 6px;
 margin-right: 0;
 border-radius: 100%;
 background-color: #ffffff;
}
.copyright-text {
 margin: 0;
}
@media (max-width: 991px) {
 .site-footer [class^="col-"] {
   margin-bottom: 30px;
 }
}


@media (max-width: 767px) {
.container.mt-5{
   margin-top: 25% !important;
}
 .site-footer .copyright-text,
 .site-footer .social-icons {
   text-align: center;
 }
.footer-menu{
flex-direction: column;
font-size: 90%!important;
}
.site-footer .footer-menu a:before{
display:none;
}
.footer-add{
  text-align: center;
  font-size: small;
  margin-bottom: 20px;
}
}
.site-footer p{
  margin-bottom:0;
}
@media (min-width: 1200px) {
  .site-footer .container {
    max-width: 1240px !important;
  }
}
.social-icons {
 padding-left: 0;
 margin-bottom: 0;
 list-style: none;
}
.social-icons li {
 display: inline-block;
 margin-bottom: 4px;
} 
.social-icons a {
 background-color: #eceeef;
 color: #4611a7;
 font-size: 16px;
 display: inline-block;
 line-height: 44px;
 width: 44px;
 height: 44px;
 text-align: center;
 margin-right: 8px;
 border-radius: 100%;
 -webkit-transition: all 0.2s linear;
 -o-transition: all 0.2s linear;
 transition: all 0.2s linear;
}
.social-icons a:active,
.social-icons a:focus,
.social-icons a:hover {
 color: #fff;
 background-color: #29aafe;
} 
.social-icons a.facebook:hover {
 background-color: #3b5998;
}
.social-icons a.twitter:hover {
 background-color: #00aced;
}
.social-icons a.linkedin:hover {
 background-color: #007bb6;
}
.footer-menu{
       display: flex;
   margin: 0;
   padding: 0;
   font-size: 80%;
   align-items: center;
   justify-content: center;
}

.footer-menu li{
margin-left:10px;
}
@media (min-width: 1200px) {
  .site-footer .container{
    max-width: 1240px!important;
  }
}
.site-footer p{
    margin-bottom:0;
  }
.calctd{
    font-size: 80%;
}