/*
  Theme Name: Regna
  Theme URL: https://bootstrapmade.com/regna-bootstrap-onepage-template/
  Author: BootstrapMade.com
  License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
 @font-face {
  font-family: 'Poppins', sans-serif;
    src: url("./../Poppins-Regular.ttf");
    
    }
  
  body{
    font-family: 'Poppins'!important;
    letter-spacing: 0.5px!important;
    overflow-x: hidden;
  }

  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: -15px;
    margin-left: -15px;
  } 

  .link-text>a {
   color: #000;
  }
  
  /* Style the active class, and buttons on mouse-over */
  .active, .link-text>a:hover {
    color: #000;
  }
li {
  display: block;
    float: left;
    padding: 5px 15px;
   /* font-weight: 600; */ 
    font-weight: 500;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 0.5px;
}
ul {
  list-style-type: lower-alpha;
}
li:hover{
color: #000;
}
a{
 color: #000;
}
a:hover{
  text-decoration: none;
}

.get-app-botton{
  border-radius: 30px;
  background-image: linear-gradient(70deg, #fff 43%, #c4ecfc 93%);
  border: 1px solid#c4ecfc;
  width: 60%;
  height: 40px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin-top: 8px;
}
.get-app-botton:hover{
  border-radius: 30px;
  background-image: linear-gradient(70deg, #fff 43%, #c4ecfc 93%);
  border: 1px solid#c4ecfc;
  width: 60%;
  height: 40px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin-top: 8px;
}

.About {
  font-size: 30px;
  font-weight: 500;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: 0.5px;
  text-align: left;
  color: #000;
}

.main-text{
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: 0.5px;
  text-align: center;
  color: #707070;
  margin-bottom: 10px;

}

.box-work{
  border-radius: 12px;
    box-shadow: 0 3px 6px 0 rgb(167 167 167 / 16%);
    border: solid 1px #582f88;
    background-color: #ffffff;
    padding: 40px 0px 10px 0px;
    height: 320px;
    cursor: pointer;
}

.footer-text{
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.5px;
  text-align: left;
  color: #fff;

}
.Company {
  font-size: 14px;
   /* font-weight: 600; */font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0.5px;
  text-align: left;
  color: #fff;
  cursor: pointer;
}
.Company1 {
  font-size: 16px;
   /* font-weight: 600; */font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0.5px;
  text-align: left;
  color: #000000;
  cursor: pointer;
}


.Blood-pleasure {
  font-size: 18px;
   /* font-weight: 600; */
   font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.86;
  letter-spacing: 0.5px;
  text-align: center;
  color: #000000;
}
.Blood-pleasure1 {
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-align: center;
  color: #000000;
}



.slide-in-fwd-right {
	-webkit-animation: slide-in-fwd-right 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-fwd-right 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


 @-webkit-keyframes slide-in-fwd-right {
  0% {
    -webkit-transform: translateZ(-1400px) translateX(1000px);
            transform: translateZ(-1400px) translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateX(0);
            transform: translateZ(0) translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-right {
  0% {
    -webkit-transform: translateZ(-1400px) translateX(1000px);
            transform: translateZ(-1400px) translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateX(0);
            transform: translateZ(0) translateX(0);
    opacity: 1;
  }
}

#whyAlertfix{
  scroll-behavior: smooth;
}
html {
	scroll-behavior: smooth;

}
.header-padding{
  height: 65px; background-image: linear-gradient(85deg, #dce4fa 45%, #c4ecfc 94%);
  padding: 5px 35px;
  
}

.mobile-margin{
  margin: 30px -15px;
}
.Copyright{
  text-align: center;margin: 10px 0px;font-size: 15px;
  font-weight: 500;
}
.flex-container {
  display: flex;
}

.flex-container > div {
  background-color: #fff;
  margin: 10px 25px 10px 0px;
 width: 20%;
  font-size: 30px;
  border-radius: 26px;
  height: 170px;
  text-align: center;
  padding: 20px 0px;
}
.Services-text{
  color: #000;font-size:15px;margin-bottom: 0px;margin-top: 15px;
  line-height: 17px;
  font-weight: 500;
}
.download-botton{
  border-radius: 20px;
  background-color: #fff;
   width: 80%;
  height: 35px;
  color: #1b8359;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin: 20px 26px;
}
.download-botton:hover{
  border-radius: 20px;
  background-color: #fff;
   width: 80%;
  height: 35px;
  color: #1b8359;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin: 20px 26px;
}
.download-botton1{
  border-radius: 20px;
  background-color: #fff;
   width: 50%;
  height: 35px;
  color: #1b8359;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin: 10px 0px;
}
.download-botton1:hover{
  border-radius: 20px;
  background-color: #fff;
   width: 50%;
  height: 35px;
  color: #1b8359;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin: 10px 0px;
}
.box-flex{
  border-radius: 24px;
            background-color: #f6f8fc;height: 180px;width: 100%;padding: 20px 30px;
}
.box-head{
  color: #000;font-weight:500;font-size: 16px;margin: 10px 0px 0px 0px;
}
.box-text{
  color: #707070;font-weight:500;font-size: 14px;
}
.slide-in-fwd-right {
	-webkit-animation: slide-in-fwd-right 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-fwd-right 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


 @-webkit-keyframes slide-in-fwd-right {
  0% {
    -webkit-transform: translateZ(-1400px) translateX(1000px);
            transform: translateZ(-1400px) translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateX(0);
            transform: translateZ(0) translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-right {
  0% {
    -webkit-transform: translateZ(-1400px) translateX(1000px);
            transform: translateZ(-1400px) translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateX(0);
            transform: translateZ(0) translateX(0);
    opacity: 1;
  }
}
.nav-back{
  background: #1b8359;height:40px;padding: 6px 40px 0px 40px;
}

.WebView{
  display: block;
}
.mobileView{
  display: none;
}
.main-fex{
  padding: 0px 30px;
}
.box-size{
  padding: 0px 20px; 
}
.main-class{
  margin-top: 100px;
}
.h4-text{
  color: #000;
}
.h5-text{
  color: #000;font-weight: 500;
  margin: 10px 0px;
}
.h6-text{
  color: #000;margin: 10px 0px;font-weight: 500;
}
.p-text{
  color: #000;margin-left: 0px;
}
.div-text{
  margin-left: 60px;
}
.main-padding2{
  margin-top: 30px;

    }
    .p-button{
      border-radius: 30px;padding: 5px 10px;width: 80%;text-transform: uppercase;cursor: pointer;
                    background-image: linear-gradient(70deg, #dce4fa 43%, #c4ecfc 93%);
    }
    .buttonview{
      border-radius: 20px;
      border: solid 0.5px #000;
      background: #fff;
      color: #000;
      padding: 5px;
      cursor: pointer;
      width: 100%;
      margin-bottom: 0px;
      font-size: 15px;
    }
    .last-para{
      color: #000;font-weight: 400;font-size: 14px;margin: 0px 0px 0px 0px;
    }

@media screen and (min-width: 320px) and (max-width: 420px) {
  a{
    color: #000;
   }
   a:hover{
     text-decoration: none;
   }
  #menu-list{
    display: none;
  }
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
 
  .WebView{
    display: none;
  }
  .mobileView{
    display: block;
  }
  li {
  display: block;
  float: left;
    padding: 15px 3%;
   font-weight: 500;
    cursor: pointer;
}
li:hover{
  color: #000;
  }
  a{
   color: #000;
  }
  a:hover{
    text-decoration: none;
  }

  .header-padding{
    height: 70px; background-image: linear-gradient(85deg, #dce4fa 45%, #c4ecfc 94%);
    padding: 13px 10px;
  }
  .get-app-botton{
    border-radius: 30px;
    background: #fff;
    border: 1px solid#c4ecfc;
    width: 100%;
    height: 35px;
    color: #000;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-top: 0px;
  }
  .get-app-botton:hover{
    border-radius: 30px;
  background : #fff;
  border: 1px solid#c4ecfc;
    width: 100%;
    height: 35px;
    color: #000;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-top: 0px;
  }
  .About {
    font-size: 23px;
    font-weight: 500;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 0.5px;
    text-align: center;
    color: #000;
  }
  .main-text{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: 0.5px;
    text-align: center;
    color: #707070;
    margin-bottom: 10px;
  
  }
  .flex-container {
    display: flex;
  }
  
  .flex-container > div {
    background-color: #fff;
    margin: 10px;
   width: 50%;
    font-size: 30px;
    border-radius: 26px;
    height: 150px;
    text-align: center;
    padding: 20px 0px;
  }
  .Services-text{
    color: #000;font-size:13px;margin-bottom: 0px;margin-top: 15px;
    line-height: 17px;
    font-weight: 500;
  }
  .download-botton{
    border-radius: 20px;
    background-color: #fff;
     width: 100%;
    height: 35px;
    color: #1b8359;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 20px 0px;
  }
  .download-botton:hover{
    border-radius: 20px;
    background-color: #fff;
     width: 100%;
    height: 35px;
    color: #1b8359;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 20px 0px;
  }
  .download-botton1{
    border-radius: 20px;
    background-color: #fff;
     width: 100%;
    height: 35px;
    color: #1b8359;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 10px 0px;
  }
  .download-botton1:hover{
    border-radius: 20px;
    background-color: #fff;
     width: 100%;
    height: 35px;
    color: #1b8359;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 10px 0px;
  }
  .box-flex{
    border-radius: 24px;
              background-color: #f6f8fc;height: 225px;width: 100%;padding: 10px;
              margin-bottom: 15px;
  }
  .box-head{
    color: #000;font-weight:500;font-size: 14px;margin: 10px 0px 0px 0px;
  }
  .box-text{
    color: #707070;font-weight:500;font-size: 13px;
  }
  .Company {
    font-size: 13px;
     /* font-weight: 600; */font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-align: left;
    color: #fff;
    cursor: pointer;
  }
  .Company1 {
    font-size: 16px;
     /* font-weight: 600; */font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: 0.5px;
    text-align: left;
    color: #000000;
    cursor: pointer;
  }
  .Partner-botton{
    border-radius: 20px;
    background-color: #fff;
    border: 1px solid #1b8359;
     width: 100%;
    height: 50px;
    color: #1b8359;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 10px 0px;

  }
  .Copyright{
    text-align: center;margin: 10px 0px;font-size: 12px;
    font-weight: 500;
  
  }
  .main-fex{
    padding: 0px 10px;
  }
  .box-size{
    padding: 0px; 
  }
  .main-class{
    margin-top: 100px;
  }
  .h4-text{
    color: #000;margin-left: 10px;
  }
  .h5-text{
    color: #000;font-weight: 500;
    margin: 10px 0px;
  }
  .h6-text{
    color: #000;margin: 20px 0px;font-weight: 600;
  }
  .p-text{
    color: #000;margin-left: 0px;
  }
  .div-text{
    margin-left: 15px;
  }
  .main-padding2{
margin-top: 20px;
  }
  .p-button{
    border-radius: 30px;padding: 5px 10px;text-transform: uppercase;width: 100%;
                  background-image: linear-gradient(70deg, #dce4fa 43%, #c4ecfc 93%);
  }
  .buttonview{
    border-radius: 20px;
    border: solid 0.5px #000;
    background: #fff;
    color: #000;
    padding: 5px;  
    cursor: pointer;
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
  }
  
  .last-para{
    color: #000;font-weight: 400;font-size: 14px;margin: 20px 0px 0px 0px;
  }

}




@media (min-width: 576px) and (max-width: 767.98px) {
  .slide-box img {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .slide-box img {
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}

@media (min-width: 992px)
{
  .slide-box img {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}