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

#leftimg{
  margin-top: 120px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  
}


@media screen and (max-width:626px) {
  #leftimg { 
margin-top: 25px;
margin-bottom: 0px;

 
} 
}
@media screen and (max-width:626px) {
  
.logotext img{ 
width: 150px;
margin-top: 0;
 
} 
}

@media screen and (max-width: 1024px) {
  .login-wrapper{
    width: 87%;
    margin: 0 auto;
    display: block;
}
}

@media screen and (max-width: 1024px) {
  .register-wrapper{
    width: 87%;
    margin: 0 auto;
    display: block;
}
}

.regimg{
  margin: 0 auto;
  display: block;
  width: 90%;

}

/*.rimg{
  margin: 0 auto;
  display: block;

}

*/



.logoimg{
  margin-top: 70px;
}
.main{
 float: right;
}
.htext{
  
    font-family: 'Raleway', sans-serif;
    padding-top: 18px;
    padding-left: 12px;
      color: #817474;
  font-size: 28px;

}

@media screen and (max-width: 626px) {
  .htext{
    font-size: 20px;
}
}


#form2{
    border-radius:50px;
}

  
.form1 input::placeholder {
  color: #a6a0a0;
   font-family: Helvetica, Sans-Serif;
  font-size: 16px;

}
.form2 input::placeholder {
  color: #a6a0a0;
    font-family: Helvetica, Sans-Serif; 
  font-size: 16px;

}
.form3 input::placeholder {
  color: #a6a0a0;
    font-family: Helvetica, Sans-Serif; 
  font-size: 16px;

}
.input1{
  padding-bottom: 17px;
  padding-top: 15px;
}

.input1:focus {
  border-color: #979905;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}
.lbtn{
  text-decoration: none;
  border:1px  #ccc;
        border-radius:50px;
        padding:8px 30px;
        
        
        font-family: Helvetica, Sans-Serif;
      font-size: 16px;
      color: #141414;
      
       background-color: #fdede2;
   
  }

.lbtn:focus {
  border-color: #b3ae1e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 50, 0, 0.6);
}


  
.fpwd{
  text-decoration: none;
  float:right;
  
  margin-bottom: 24px;
  
  
}
.logotext{
  margin-top: 75px;
}

.socialbtn .fa-fw{
  color:blue;
  border:none;
  font-size: 18px;
  padding-right: 5px;
  text-align: center;
  font-style: bold;
}
.sbtn1{
  text-decoration: none;
  color: #403f3f;
   border:0.5px solid #ccc;
  width:100%;
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 50px;

 
}


.sicon{
  padding-right: 5px;


}
.sbtn{
  text-decoration: none;
  font-size: 15px;
  color:#403f3f;
  border:1px solid #ccc;
  width:100%;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 50px;



}
.icontext{
  color: #858585;
  font-size: 14px;

} 

 .socialbtn .button:focus {
  border-color: #979905;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
} 

.loginbtn .lbtn{
   font-size: 15px;
  padding-top:21px;
padding-bottom:21px;
}

.socialbtn2 p{
  font-size: 15px;
  margin-bottom: 20px;
}

.dtext{
  text-align: center;
  margin-top: 25px;
}

  
.icons .btn2{
  width: 60%;
  outline:none;
  border-radius:30px;
  border:1px solid #ccc;
  padding:7px 90px;
  display: block;
  text-decoration: none;
  color:#545454;
  font-family: Helvetica, Sans-Serif;
  

}

.icons1{
   margin-top: 20px;

  font-size: 18px;
    color:#e0e0e0;
  border:none;
  display: block; 

}

.icons1 .btn2{
  width: 60%;
  outline:none;
  border-radius:30px;
  border:1px solid #ccc;
  padding:6px 87px;
  display: block;
  text-decoration: none;
  color:#545454;
  font-family: Helvetica, Sans-Serif;
  
}

.btn1{
    text-decoration: none;
    border: 1px solid #ccc;
    padding:10px 15px;
    border-radius: 50px;
 color: #a3a3a3;
  font-family: Helvetica, Sans-Serif; 
    
}

.btn1:focus {
  border-color: #b3ae1e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}
.checklinks{
  font-size: 15px;
}
 .check{
  font-family: 'Fira Sans', sans-serif;
 }
#check1 {
  margin-left: 20px;
  margin-right: 5px;

}
.checktext{
  color:gray;
  padding: 0px 3px 0px 3px;
}
.if1 input::placeholder {
  color: #a6a0a0;
   font-family: Helvetica, Sans-Serif;
  font-size: 16px;

}
.if2 input::placeholder {
  color: #a6a0a0;
    font-family: Helvetica, Sans-Serif; 
  font-size: 16px;

}
.caccount{
  margin-top: 15px;
}
.caccount .cbtn{
  padding-top:10px;
  padding-bottom: 10px;
}
.cbtn{
  text-decoration: none;
  border:1px  #ccc;
        border-radius:50px;
        padding:1px 30px;
        
        
        font-family: Helvetica, Sans-Serif;
      font-size: 5px;
      color: #8d8b8b;
      
       background-color: #e5ffe7;
       margin-top: 25px;

}
.lbtn{
  text-decoration: none;
  border:1px  #ccc;
        border-radius:50px;
        padding:5px 30px;
        
        
        font-family: Helvetica, Sans-Serif;
      font-size: 10px;
      color: #8d8b8b;
      
       background-color:#f5e2d7;
       margin-top: 25px;

}
.cbtn:focus {
  border-color: #b3ae1e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 50, 0, 0.6);
}
.rimg{
  margin-top: 80px;
  margin-left: 30px;
}
.btnl{
  text-decoration: none;
  /*border: 1px solid #ccc;
  border-radius: 20px;
padding:4px 17px;*/
color:#a5a1a1;
}
/*.btnl:focus {
  border-color: #b3ae1e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}*/
.cbutton{
  text-decoration: none;
  margin-left: 5px;
}
.logotext{
  margin-top: 75px;
}

.socialbtn .fa-fw{
  color:blue;
  border:none;
  font-size: 18px;
  padding-right: 5px;
  text-align: center;
  font-style: bold;
}
.sbtn1{
  text-decoration: none;
  color: #403f3f;
   border:0.5px solid #ccc;
  width:100%;
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 50px;

 
}


.sicon{
  padding-right: 5px;


}
.sbtn{
  text-decoration: none;
  font-size: 15px;
  color:#403f3f;
  border:1px solid #ccc;
  width:100%;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 50px;



}
.icontext{
  color: #858585;
  font-size: 14px;

} 

 .socialbtn .button:focus {
  border-color: #979905;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
} 
.checklinks a{
  text-decoration: underline;
  padding-right: 5px;
  padding-left: 5px;
}

.createbtn .cbtn{
  font-size: 15px;
  padding-top:21px;
padding-bottom:21px;
}
.socialbtn2 p{
  font-size: 15px;
}

.front-page_header > .navbar{
  background-color: transparent !important;
  background: none !important;
}
.btn-signup {
  background-color: #ec1f52 !important;
  color: #fff !important;
  padding: 20px 25px;
  border-radius: 25px;
  transition: 0.2s;
}
.btn-login {
  border: none ;
  background-color: #ffe4d6 !important;
}
.navbar {
  font-size: 18px !important;
}
.navbar a {
  margin-right: 16px;
  background: none;
  color: #363636;
}
.navbar a:hover {
  background-color: transparent;
  background: none;
  color: #000;
}
.btn-login {
  margin-right: 20px;
  padding: 22px 32px;
  border-radius: 20px;
}

/*index.html*/
.front-page_header > .navbar{
  background-color: transparent !important;
  background: none !important;
}
.btn-signup {
  background-color: #ec1f52 !important;
  color: #fff !important;
  padding: 20px 25px;
  border-radius: 25px;
  transition: 0.2s;
}
.btn-login {
  border: none ;
  background-color: #ffe4d6 !important;
}
.navbar {
  font-size: 18px !important;
}
.navbar a {
  margin-right: 16px;
  background: none;
  color: #363636;
  font-weight: 400;
}
.navbar a:hover {
  background-color: transparent;
  background: none;
  color: #000;
  /* font-weight: 400; */
}
.btn-login {
  margin-right: 20px;
  padding: 22px 32px;
  border-radius: 20px;
}
.front-page_header{
    background: linear-gradient(45deg, #ffe7ec, #fff9e8);
}
.hero_bg-image{

  margin: 0 auto;
  display: block;
}
.hero_soc-icons{

  margin: 0 auto;
  display: block;
}


.hero_image {
  position: relative;
}
.hero_image {
  position: relative;
}
.hero_image .hero_soc-icons{
    position: absolute;
    right: 0;
    top: 10%;
}
.hero_soc-icons {
  position: absolute;
    z-index: 9999;
    left: 0;
}
@keyframes float {
  0% {
    /* box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6); */
    transform: translatey(0px);
  }
  50% {
    /* box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2); */
    transform: translatey(-20px);
  }
  100% {
    /* box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6); */
    transform: translatey(0px);
  }
}
.hero_soc-icons {
  overflow: hidden;
  /* box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6); */
  transform: translatey(0px);
  animation: float 6s ease-in-out infinite;
}
.banner_section h1 {
    font-size: 31px;
    padding-top: 17%;
    font-weight: 300;
    color: #b75b5b;
    font-family: 'Manrope', sans-serif;
}
.banner_section h1 a {
  color: #5c6789;
  font-weight: 700;
}
.banner_section p {
    width: 90%;
    text-align: justify;
    font-weight: 400;
}
@media screen and (max-width: 1023px) {
  .banner_section {
    width: 93%;
    margin: 0 auto;
}
}
.logo {
  max-height: 2rem !important;
}
.text-center {
  text-align: center !important;
}

@media screen and (max-width: 400px) {
  .banner-head h1{
    font-size: 26px;
}
}

@media screen and (max-width: 400px) {
  .banner-head p{
    font-size: 15px;
}
}


.fixed-text{
  z-index:1;
  position: relative;
  left: 15px;
  top:-33px;
  padding-right:10px;
  color: #ccc;
}

.linkspace_second-section  {
    width: 93%;
    margin: 0 auto;
}
.linkspace_second-section h1 {
  font-size: 30px;
  font-weight: 700;
  padding-top:120px;
  padding-bottom: 20px;
  color:  #373256;
    font-family: 'Gelasio', serif;


}
.second-section-subtext{
  font-size: 16px;
  text-align: center;
  font-weight: 410;
  margin: 0 auto;
  width: 73%;
  display: block;
  padding-bottom: 70px;

}


.linkspace_second-section a{
  padding-left: 3px;
   padding-right: 3px;
   text-decoration: underline;


}
.second-section-wrapper{

width: 95%;
margin: 0 auto;
display: block;


}
.second-section-wrapper img{

 display: block;
  margin-left: auto;
  margin-right: auto;
  width: 38%;
}
.second-section-wrapper h2{

font-weight: bold;
font-size: 18px;

padding-top: 15px;



}
.right-second-side .manage-heading{

font-weight: bold;
font-size: 18px;

padding-top: 24px;



}


.grow-text{

text-align: justify;
font-size: 15px;
padding-top: 15px;


}

.grow-text1{

text-align: justify;
font-size: 15px;
padding-top: 19px;


}


.manage-heading{
  margin-top: 8px;
}

@media screen and (max-width: 418px) {
  .linkspace_second-section h1{
    font-size: 26px;
    padding-top: 69px;
    padding-bottom: 15px;
}
}

@media screen and (min-device-width: 419px) and  (max-device-width: 530px){
  .linkspace_second-section h1{
    font-size: 29px;
    padding-top: 69px;
    padding-bottom: 15px;
}
}

@media screen and (min-device-width: 531px) and  (max-device-width: 768px){
  .linkspace_second-section h1{
    font-size: 31px;
    padding-top: 72px;
    padding-bottom: 15px;
}
}

@media screen and (max-width: 418px) {
  .second-section-subtext{
    font-size: 15px;
  text-align: justify;
    padding-bottom: 15px;
    width: 91%;
    margin: 0 auto;
    display: block;
}
}
@media screen and (min-device-width: 419px) and  (max-device-width: 768px){

.second-section-subtext{
    font-size: 15px;
  text-align: justify;
    padding-bottom: 15px;
    width: 91%;
    margin: 0 auto;
    display: block;
}
}
@media screen and (min-device-width: 769px) and  (max-device-width: 1022px){

.second-section-subtext{
    font-size: 15px;
  text-align: justify;
    padding-bottom: 15px;
    width: 87%;
    margin: 0 auto;
    display: block;
}
}

@media screen and (max-width: 418px) {
  .left-second-side {
    
    width: 100%;
   
}
}
@media screen and (min-device-width: 769px) and  (max-device-width:1500px){

.grow-text{
 width: 85%;
 display: block;
 margin-right:auto;

}

}
@media screen and (min-device-width: 769px) and  (max-device-width:1700px){

.grow-text1{
 width: 87%;
 display: block;
 margin-right:auto;
 margin-left: auto;

}

}
@media screen and (min-device-width: 769px) and  (max-device-width:1130px){

.manage-heading{
 margin-top: 4px;
}

}
@media screen and (min-width: 769px){

.manage-heading{
 margin: 0 auto;
 display: block;
 width: 88%;
}

}
@media screen and (min-device-width: 820px) and  (max-device-width:910px){

.grow-text{
 width: 92%;
 margin-right: auto;
 display: block;
}

}
@media screen and (min-device-width: 360px) and  (max-device-width:1023px){

.customize-con{
 width: 90%;
 margin-right: auto;
 display: block;
}

}





/*.second-section-wrapper
{
  margin: 0 auto;
  display: block;
  width: 80%;

}*/

.customize-wrapper{
  margin-top: 90px;

background-color:#fffcf0;
margin-bottom: 60px;
    padding-bottom: 269px;


}
@media screen and (max-width: 768px) {
  .customize-wrapper{
    
margin-bottom: 18px;
   
}
}



.customize{
  padding-top: 170px;

}

.customize h2{
  font-size: 35px;
  font-weight: 600;
   font-family: 'Gelasio', serif;

  color: #373256;


}
.customize p{
  font-size: 16px;
  padding-top: 15px;
  padding-bottom: 20px;

  

}


@media screen and (max-width: 768px) {
  .customize{
    
    padding-top: 55px;
   
}
}
@media screen and (max-width: 418px) {
  .customize h2{
    
    font-size:27px;
   
}
}



@media screen and (min-device-width: 419px) and  (max-device-width:580px){

.customize h2{
 font-size: 30px;
}

}


@media screen and (max-width: 769px) {
  .customize p{
    
    font-size:14px;
   
}
}
@media screen and (min-device-width: 769px) and  (max-device-width:1023px){
.customize p{
    
  
  
    font-size: 8px;
   
}


}

@media screen and (max-width: 768px) {
  .customize-imgs{
    
    width: 80%;
    margin: 0 auto;
    display: block;
   
}
}

@media screen and (max-width: 426px) {
  .customize-wrapper{
    
    padding-bottom: 350px;
   
}
}
@media screen and (min-device-width: 427px) and  (max-device-width:528px){
.customize-wrapper{
    
  
  
    padding-bottom: 450px;
   
}


}


@media screen and (min-device-width: 529px) and  (max-device-width:600px){
.customize-wrapper{
    
  
  
    padding-bottom: 500px;
   
}


}
@media screen and (min-device-width: 601px) and  (max-device-width:700px){
.customize-wrapper{
    
  
  
    padding-bottom: 550px;
   
}


}
@media screen and (min-device-width: 701px) and  (max-device-width:768px){
.customize-wrapper{
    
  
  
    padding-bottom: 600px;
   
}


}

@media screen and (min-device-width: 769px) and  (max-device-width:833px){
.customize-wrapper{
    
  
  
    padding-bottom:110px;
   
}


}

@media screen and (min-device-width: 834px) and  (max-device-width:900px){
.customize-wrapper{
    
  
  
    padding-bottom:140px;
   
}


}

@media screen and (min-device-width: 901px) and  (max-device-width:950px){
.customize-wrapper{
    
  
  
    padding-bottom:200px;
   
}


}
@media screen and (min-device-width: 951px) and  (max-device-width:990px){
.customize-wrapper{
    
  
  
    padding-bottom:240px;
   
}


}
@media screen and (min-device-width: 991px) and  (max-device-width:1215px){
.customize-wrapper{
    
  
  
    padding-bottom:270px;
   
}


}
@media screen and (min-device-width: 769px) and  (max-device-width:1023px){
.customize h2{
    
  
  font-size: 27px;
    
   
}


}


@media screen and (min-device-width: 769px) and  (max-device-width:900px){
.customize {
    
  
  
    padding-top:45px;
   
}


}
@media screen and (min-device-width: 901px) and  (max-device-width:1023px){
.customize{
    
  
  
    padding-top:105px;
   
}


}


@media screen and (min-device-width: 1023px) and  (max-device-width:1215px){
.customize{
    
  
  
    padding-top:125px;
   
}


}




.customize p{
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 39px;
  
  font-family: manrope,sans-serif;


}
.customize-link{
margin-top: 25px;
border-radius: 10px;
padding: 9px 15px;
background-color: #ffe08a;
color:#666363;
font-size: 14px;



}

.customize-imgs {
  position: relative;
}

.customize-imgs img {
  position: absolute;
  background:none;
  
  opacity: 0;
  transition: opacity 0.5s ease;
}

.customize-imgs img.active {
  opacity: 1;
}

.free-templete-heading{

font-weight: bold;
color:#373256;
 font-family: 'Gelasio', serif;

font-size: 36px;

}



@media screen and (max-width: 540px) {
  .free-templete-heading{
    
    font-size:25px;
   
}
}
@media screen and (min-device-width: 541px) and  (max-device-width:768px){
   .free-templete-heading{
    
    font-size:28px;
   
}
}



@media screen and (max-width: 540px) {
  .free-templete-subtext{
    
    font-size:15px;
text-align: center;
   
}
}
.free-temp-links li {
border-bottom:1px solid #ccc;

}

.free-temp-links li a{
 font-size: 17px;
 font-weight: 600;

}



.free-temp-imgs{

margin: 0 auto;
display: block;
width:;
height: 60%;



}
.main-features-wrapper{

margin-top:100px;
background: #f7f7f7;
padding-top: 120px;
margin-bottom: 90px;


}

@media screen and (max-width: 1023px) {
  .main-feature-cont{
    
    width: 85%;
    display: block;
    margin: 0 auto;
   
}
}
@media screen and (max-width: 768px) {
  .main-features-wrapper{
    
    padding-top: 20px;
  
}
}
@media screen and (max-width: 768px) {
  .main-features-wrapper{
    
    padding-top: 20px;
  
}
}






.main-feature-heading h1{


font-size: 38px;
font-weight: bold;
padding-top: 0px;
 font-family: 'Gelasio', serif;




}

@media screen and (max-width: 768px) {
  .main-feature-heading h1{
    
    padding-bottom: 20px;
  
}
}



.main-feature-heading img{
padding-top: 60px;


}
.first-feature{

  padding-bottom: 50px;
}
.feature-img1 img{

z-index: 1;
position: relative;

bottom: 40px;

}
img.feature-pic1 {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
img.feature-pic1 {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}


.feature-img1 h6{

font-size:19px;
font-weight: bold;
color:#373256;
  
}


.feature-img1 p{


font-size: 15px;
padding-bottom: 52px;

}
@media screen and (max-width: 768px) {
  .linkspace-card{
    
   margin-bottom: 30px;
  
}
}


.feature-img2 img{

z-index: 1;
position: relative;

bottom: 46px;

}

img.feature-pic2 {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
img.feature-pic2 {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}


.feature-img2 h6{
  font-size:19px;
font-weight: bold;
color:#373256;
padding-top: 10px;

}
.feature-img2 p{
font-size: 15px;
padding-bottom: 10px;


  }


.second-feature{

  padding-bottom: 50px;
}


.feature-img3 img{

z-index: 1;
position: relative;

bottom: 35px;

}


/*@media (prefers-reduced-motion: no-preference) {
  .feature-img3 img {
    animation-name: wipe-enter;
    animation-duration: 1s;
    animation-iteration-count: infinite;
  }
}
@keyframes wipe-enter {
  0% {
    transform: scale(0, .025);
  }
  50% {
    transform: scale(1, .025);
  }
}*/
/*img.feature-pic3 {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
img.feature-pic3 {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}*/
.feature-img3 h6{

 font-size:19px;
font-weight: bold;
color:#373256;

  }

@media screen and (max-width: 550px) {
  .feature-img3 img{
    
  width: 90%;
  

  
}
}



  .feature-img3 p{

font-size: 15px;

  }
  .feature-img4 h6{

 font-size:19px;
font-weight: bold;
color:#373256;
padding-top: 18px;

  }



  .feature-img4 p{

font-size: 15px;
padding-bottom: 25px;

  }

  .feature-img4 img{
z-index: 1;
position: relative;

bottom: 20px;


   }

/*@media (prefers-reduced-motion: no-preference) {
  .feature-img4 img {
    animation-name: wipe-enter;
    animation-duration: 1s;
    animation-iteration-count: infinite;
  }
}
@keyframes wipe-enter {
  0% {
    transform: scale(0, .025);
  }
  50% {
    transform: scale(1, .025);
  }
}*/
/*img.feature-pic4 {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
img.feature-pic4 {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
*/

   @media screen and (max-width: 550px) {
  .feature-img4 img{
    
  width: 90%;
  

  
}
}

    .feature-img5 img{
z-index: 1;
position: relative;

bottom: 43px;


   }

img.feature-pic5 {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
img.feature-pic5 {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}



       .feature-img5 h6{

 font-size:19px;
font-weight: bold;
color:#373256;


       }

 .feature-img5 p{

font-size: 15px;
padding-bottom: 29px;

  }

  .feature-img6 img{
z-index: 1;
position: relative;

bottom: 10px;
text-shadow: 1px 3px #ccc;


   }


img.feature-pic6 {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
img.feature-pic6 {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

       .feature-img6 h6{

 font-size:19px;
font-weight: bold;
color:#373256;


       }

 .feature-img6 p{

font-size: 15px;

  }
.feature-img7 img{
z-index: 1;
position: relative;

bottom: 10px;



   }


img.feature-pic7 {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
img.feature-pic7 {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}


       .feature-img7 h6{

 font-size:19px;
font-weight: bold;
color:#373256;
padding-top: 15px;


       }

 .feature-img7 p{

font-size: 15px;
padding-bottom: 53px;

  }



  .third-feature{

padding-bottom: 80px;


  }



 @media screen and (max-width: 1023px) {
  .grow-business-index{
    
  width: 90%;
  margin: 0 auto;
  display: block;
  
}
}

/*.grow-business{

 background:#ffcbe1f0;
 background: linear-gradient(45deg,#fff9e8, #f4fff9);
}*/

.grow-business-heading{
  
  padding-bottom: 70px;
  font-weight: 500;
  font-size: 35px;
    font-family: 'Gelasio', serif;

  color:#373256;
}
@media screen and (max-width:395px) {
  .grow-business-heading{
    
  font-size: 17px;


}
}
@media screen and (min-device-width: 396px) and  (max-device-width:518px){

.grow-business-heading{
    
  font-size: 19px;




}

}
@media screen and (min-device-width:518px) and  (max-device-width:600px){

.grow-business-heading{
    
  font-size: 23px;


}

}
@media screen and (min-device-width:601px) and  (max-device-width:700px){

.grow-business-heading{
    
  font-size: 27px;


}

}

.grow-business-btn button{
  margin-top: 5px;
  padding: 5px 10px;
  font-size: 22px;
  font-weight: 500;

  


}
@media screen and (max-width:395px) {
 .grow-business-btn button{
  margin-top: 8px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 500;

  


}
}
@media screen and (min-device-width: 396px) and  (max-device-width:487px){

.grow-business-btn button{
  margin-top: 5px;
  padding: 3px 7px;
  font-size: 14px;
  font-weight: 500;

  


}

}
@media screen and (min-device-width: 488px) and  (max-device-width:517px){

.grow-business-btn button{
  margin-top: 2px;
  padding: 3px 5px;
  font-size: 14px;
  font-weight: 500;

  


}

}

@media screen and (min-device-width:518px) and  (max-device-width:600px){

.grow-business-btn button{
  margin-top: 7px;
  padding: 3px 7px;
  font-size: 14px;
  font-weight: 500;

  


}

}
@media screen and (min-device-width:601px) and  (max-device-width:700px){

.grow-business-btn button{
  margin-top: 8px;
  padding: 3px 7px;
  font-size: 14px;
  font-weight: 500;

  


}
}



/*index page ends here*/


/*.hero-body{
  background-image: url("images/banner1.jpg"),linear-gradient(to right, rgba(255, 99, 71, 0.1)
 , rgba(255, 1, 149, 0.2)

 );
  background-blend-mode: overlay;
   background-repeat: no-repeat;

   width: 100%;
   height: 50%;
   background-size:cover;
   position:relative;


}
 
.contacttitle{
  margin-top: 110px;
  padding-bottom: 50px;
  font-size: 50px;
font-family: "arial";
font-weight:bold;
color: black;
animation: fadeIn 5s;


}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
} 
.leftdetails{
  margin-top: 130px;
  font-weight: 700;
  font-size: 32px;
  font-family: 'Mukta', sans-serif;

}
 .contacticon .fa{
  font-size: 20px;
  margin-right: 20px;
  margin-left: 10px;
  background: #f36688;
  padding:9px 11px;


}
.contacttext{
  font-size: 18px;
  margin-top: 8px;
}
.contacticon .fa{
  font-size: 20px;
  margin-right: 20px;
  margin-left: 10px;
  background: #f36688;
  padding:9px 11px;


}
.contacttext1{
  font-size: 18px;
  margin-top: 8px;
}*/



/*help center*/
/*.helpicon1{
  text-align: center;
}
*/

/*help center*/
.block-article {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #f0f0f0;
    padding: 1.5625rem;
    border-radius: 0.625rem;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    margin-bottom: 20px;

}
.block-article:hover{
  background: white;
  box-shadow: 3px 4px 2px 2px #f5f5f5;
  
}
.block-article+.block-article {
    margin-top: 1.5625rem;
}
.block-article .block-text {
    
    display: inline-block;
}
.block-article .block-text h4 {
    font-weight: 600;
}
.block-article .block-text h4 a {
    text-decoration: none;
 color: black;
 font-size: 20px;
}
.block-text h4 a:hover{
  color: #f36688;
}
.helptext{
  margin-top: 60px;
  margin-left: 30px;
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 60px;
  text-align: left;

}
.gettext{
  font-size: 50px;
  line-height: 47px;
  font-weight: 600;
text-align: center;  
padding-bottom: 20px;
margin-bottom: 50px;

}
.featurecard1{

   
  border: 8px solid white;
  border-radius: 35px;
  overflow: hidden;
  border:none;
  outline:none;

}
.featurelink{
  font-size: 20px;
  color: black;

}

.featured-articles{
  background:#f5f5f5;
  margin-top: 170px;
}
 .featuredtext{
  text-align: center;
  font-size: 50px;
  padding-top: 50px;
  font-family: '', sans-serif;
 }
 .viewlink{
  float:right;
  margin-top: 15px;

 }
 .second-card{
margin-top: 60px;

 }

.article-wrapper{
  width: 90%;
  margin: 0 auto;
}


@media screen and (max-width: 600px){

.article-wrapper{
  width: 100%;
  margin: 0 auto;

}


}
@media screen and (max-width: 560px){

.featuredtext{
  font-size: 29px;
  padding-top: 30px;
  padding-bottom: 0px;

}


}


/*community starts*/
.linkcommunity{

width: 90%;
margin: 0 auto;

}

.community-wrapper{
    background: #ffe3e9;
    margin-top: 110px;
    border-radius: 10px;
    margin-bottom: 70px;
    padding-bottom: 50px;

}

@media screen and (max-width: 1023px){
.community-wrapper{

width: 87%;
display: block;
margin-left: auto;
margin-right: auto;

}



}






.community-text h1{

padding-top: 80px;
padding-bottom: 80px;
font-weight: bold;
font-size: 35px;
font-family: manrope,sans-serif;

}


@media screen and (max-width: 470px){

.community-text h1{
  font-size: 25px;
  padding-top: 30px;
  padding-bottom: 15px;

}


}



@media screen and (min-device-width: 471px) and  (max-device-width: 550px){

.community-text h1{
  font-size: 29px;
  padding-top: 30px;
  padding-bottom: 15px;

}


}
@media screen and (min-device-width: 551px) and  (max-device-width: 728px){

.community-text h1{
  font-size: 32px;
  padding-top: 30px;
  padding-bottom: 15px;

}


}


@media screen and (min-device-width: 729px) and  (max-device-width: 768px){

.community-text h1{
  font-size: 35px;
  padding-top: 30px;
  padding-bottom: 15px;

}


}

@media screen and (min-device-width: 851px) and  (max-device-width: 981px){

.community-text h1{
  font-size: 30px;
 
}


}

.community-cards{

display: block;
margin: 0 auto;
margin-top: 30px;
width: 85%;


}


@media screen and (min-device-width: 769px) and  (max-device-width: 850px){
.community-cards{

display: block;
margin: 0 auto;
margin-top: 30px;
width: 100%;



}


}




.coomunity-right-text{
  font-size: 15px;
  font-weight: 490;

}


@media screen and (max-width: 502px){

.coomunity-right-text p{

text-align: center;
font-size: 13px;
padding: 0 !important;


}


}

@media screen and (min-device-width: 503px) and  (max-device-width: 768px){


.coomunity-right-text p{

text-align: center;
font-size: 15px;



}



}


.community-icons img {
  padding-top: 4px;

margin: 0 auto;
display: block;




}
.community-icons1 img {
  padding-top: 4px;
width:70%;
margin: 0 auto;
display: block;


}

@media screen and (max-width: 500px){

.community-icons1 img {

width:20%;
margin: 0 auto;
display: block;




}


}

@media screen and (min-device-width: 501px) and (max-device-width:768px) {



.community-icons1 img {

width:15%;
margin: 0 auto;
display: block;


}
}

@media screen and (min-device-width: 501px) and (max-device-width:768px) {



.community-icons img {

width:15%;
margin: 0 auto;
display: block;



}

}


@media screen and (max-width: 500px){

.community-icons img {
  
width:20%;
margin: 0 auto;
display: block;




}


}


/*community ends here*/






.fcqheading {
  text-align: center;
  font-size: 45px;
  font-weight: bold;
  margin-bottom: 70px;
  margin-top: 90px;
  color: #3e3d3d;
  animation: fadeIn 1s ease-in both;


}
.fcqheading:nth-child(2) {
  animation-delay: 2s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.question{
  text-align: center;
  text-decoration: none;
  font-size: 30px;
  color: black;
  border-radius:20px;
  border:1px solid #ccc;
}
.accordion-header .accordion-button{
  background: #f0f0f0;
  font-size: 20px;



}
.accordion-body{
  background: white;
  font-size: 20px;
}


.question1{
  text-align: center;
  font-size: 40px;
  margin-top: 80px;
  font-weight: 400;
  font-family: sans-serif;
  margin-bottom: 50px;
}
.answer1{
  text-align: justify;
  font-size: 20px;
}

.faq-wrapper{
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 450px){

.accordion{
  font-size: 10px;

}


}

@media screen and (max-width: 1023px) {
  .faq-wrapper{
  width: 85%;
  margin: 0 auto;


   
}
}

@media screen and (min-device-width: 1023px) and (max-device-width: 1400px) {
 .faq-wrapper{ 
  width: 100%;
  margin: 0 auto;


} 
}
@media screen and (max-width: 578px) {
  
.fcqheading{
 font-size: 29px;
 margin-top:35px;
 margin-bottom: 20px;
 margin-left: auto;
 margin-right: auto;
   
}
@media screen and (max-width:450px){

.accordion{
  font-size: 10px;

}


}


/**/




/*ends here*/


/*pricing table*/



.price-wrapper{
  padding-bottom: 100px;
}

.pricing-wrapper{
  margin-bottom: 150px;
}

.pricing-text{
  text-align: center;
  font-size: 50px;
  padding-top: 70px;
  font-weight: 600;
  font-family: 'Merriweather Sans', sans-serif;
  letter-spacing: 0.1px;



}
 
 
 .card::after {
      position: absolute;
      z-index: -1;
      opacity: 0;
      -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
      transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .pricecard:hover {


      transform: scale(1.02, 1.02);
      -webkit-transform: scale(1.02, 1.02);
      backface-visibility: hidden; 
      will-change: transform;
      box-shadow: 0 0.2rem 0.5rem rgba(0,0,0,.15) !important;
    }

    .pricecard:hover::after {
      opacity: 1;
    }
 
 .textcard{
  
border-bottom-left-radius: 85%;
    border-bottom-right-radius: 89%;
    background:#fff1f4;
   
}
  
}
.textcard1{
  
border-bottom-left-radius: 85%;
    border-bottom-right-radius: 89%;
    background:#fff1f4;
   
}
  


 .pricecard{
  border:none;
  outline:none;

 }
 .price-headtext{
  text-align: center;
  font-size: 40px;

  padding-bottom:15px;
padding-top: 50px;
font-family: 'Gelasio', serif;
 }
 .price-subtext{
  text-align: center;
  font-size: 16px;

  padding-bottom:45px;

font-family: 'Gelasio', serif;

 }
 .price-plantext{
  text-align: center;
  font-size: 20px;
  padding:20px 0px  0px;
  font-family: 'Spectral', serif;
letter-spacing: 0.2px;
font-weight: 400;
 }
 .price-sign{
  text-align: center;

 }
 .price-amount{
  font-size: 35px;
  font-weight:600;
 }
 .price-month{
  font-size: 12px;
 }
 .price-content{
  
  font-weight:;
  padding-bottom: 30px;

 }

 .price-link{
   background: #f9f9f9;
   padding: 8px 30px;
   border-radius: 20px;
   font-size: 14px;
 }
 .price-link .fa{
  padding-right: 20px;
  font-weight:bold;
  color:#fc7325;
 }
 .pricebutton1{
    
   font-size: 15px;
  text-align: justify;
  align-items: center;
  justify-content: center;
padding-top:10px;
padding-bottom:20px;
padding-right: 20px;
padding-left: 20px;
border:none;
font-weight: bold;
color: #301313;

font-family: 'PT Serif', serif;
background:#ffaf81;
border-radius: 30px;
/*font-family: 'Open Sans', sans-serif;*/

color:2a0505;;

}
button.pricebutton1:hover{
  background: #ffcad7;
}
button.pricebutton2:hover{
  background: #ffcad7;
}

button.pricebutton3:hover{
  background: #ffcad7;
}
button.pricebutton4:hover{
  background: #ffcad7;
}

@media screen and (max-width: 1028px) {
  .pricewidth {
    width: 85%;
    margin: 0 auto;
}
}
.pricecard {
 
 width: 98%;
  overflow: hidden;

  outline:none;
  margin: 0px auto;
  border-top-style: none;

}


/*pricing table ends here*/

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
}

.active, .accordion:hover {
  background-color: #ccc; 
}
.accordion .fa{
  float: right;
  font-size: 20px;
}

.panel {
  padding: 0 16px;
  display: none;
  background-color: white;
  overflow: hidden;
}
.panel p{
  padding: 10px;
  font-size: 17px;
  text-align: justify;
}
@-webkit-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
.pricecard{
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration:1s;
    animation-delay: 1s;
}


@media screen and (max-width:470px) {
  .price-headtext{
  font-size:25px;
  font-weight: 500;
 
} 
}
 
@media screen and (min-device-width: 471px) and (max-device-width: 564px) {
  .price-headtext{
  font-size:29px;
} 
}


@media screen and (max-width:510px) {
  .price-subtext{
  font-size:14px;
  
 
} 
}


/*footer start here*/

.footer-section{

  background:#f9f9f7;
  padding-bottom: 110px;
}

.footer-logo img{
 
padding-top: 70px;

 }



.footer-logo p{
  color: black;
  font-weight: 500;
  padding-top: 17px;
}

.footer-search{
  display: block;
  margin: 0 auto;
  width: 40%;
  padding-top:18px;
  

}

.footer-links h1{
 font-size: 18px;
 text-align: left;
 padding-top: 70px;

}


.footer-links{

padding-top: 40px;



}

.footer-links a{
  display: block;
  color: black;
  font-weight: 500;
  text-align: justify;
}


.social-menu ul{
    position: absolute;
    top: 109%;
    left: 49%;
    padding: 0;
    margin: 0;
       transform: translate(-50%, -50%);
    display: flex;
}

@media screen and (max-width:769px) {
  .social-menu ul{
  position: absolute;
    top: 103%;
    left: 49%;
    padding: 0;
    margin: 0;
       transform: translate(-50%, -50%);
    display: flex;
} 
}


.social-menu ul li{
    list-style: none;
    padding-left: 10px;
    
}

.social-menu ul li .fab{
    font-size: 18px;
    line-height: 34px;
    transition: .3s;
    color: #000;


}

@media screen and (max-width:769px) {

.social-menu ul li .fab{
    font-size: 15px;
    line-height: 30px;
    transition: .3s;
    color: #000;


}


  }

.social-menu ul li .fab:hover{
    color: #fff;
}

.social-menu ul li a{
    position: relative;
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    transition: .6s;
    box-shadow: 0 5px 4px rgba(50,0,0,.2);
}


@media screen and (max-width:769px) {
.social-menu ul li a{
    position: relative;
    display: block;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    transition: .6s;
    box-shadow: 0 5px 4px rgba(50,0,0,.2);
}



  }


.social-menu ul li a:hover{
    transform: translate(0, -10%);
}

.social-menu ul li:nth-child(1) a:hover{
    background-color: rgba(0, 124, 238, 0.829);
}
.social-menu ul li:nth-child(2) a:hover{
    background-color: #E4405F;
}
.social-menu ul li:nth-child(3) a:hover{
    background-color: #0077b5;
}
.social-menu ul li:nth-child(4) a:hover{
    background-color: rgba(0, 187, 238, 0.829);
}
.social-menu ul li:nth-child(5) a:hover{
    background-color: rgba(185, 0,0);
}

@media screen and (max-width:768px) {



@media screen and (max-width:1023px) {
  .footer-wrapper{
  width: 80%;
  margin: 0 auto;
  display: block;
 
} 
}


@media screen and (max-width:1023px) {
  .footer-search button{
  width: 70%;
  font-size: 14px;
 
} 
}
@media screen and (max-width:800px) {
  .footer-logo  img{
  width: 110px;
 
} 
}
@media screen and (max-width:518px) {
  .footer-logo  p{
  font-size: 14px;
 
} 
}
@media screen and (max-width:518px) {
  .footer-links{
  padding-top: 0px;
 
} 
}
@media screen and (min-device-width: 510px) and (max-device-width: 768px) {
  .footer-img img{
width: 60%;
  
} 
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 800px) {
  .footer-img img{
width: 80%;
  
} 
}


@media screen and (max-width:510px) {

.footer-img img{

  width: 80%;
} 
}

@media screen and (max-width:510px) {

.footer-links a{

  font-size: 14px;
} 
}


@media screen and (max-width:510px) {

.footer-links h1{

  font-size: 16px;
  padding-top: 30px;

} 
}




/*footer ends here*/











.ftext{
  font-size: 25px;
  margin-top: 60px;
}

.fsubtext{
  font-size: 14px;
  margin-top: px;
  margin-bottom: 15px;
}
.footer-search{
  display: block;
  margin: 0 auto;
  width: 40%;
  padding-top:18px;

}

.footer-links h1{
 font-size: 18px;
 text-align: left;
 padding-top: 70px;

}


.footer-links{

padding-top: 40px;



}

.footer-links a{
  display: block;
  color: black;
  font-weight: 500;
  text-align: justify;
}



@media screen and (max-width:768px) {
.footer-img img {
  width: 70%;

}
}
@media screen and (min-device-width: 769px) and (max-device-width: 800px){

.footer-img img {
  width: 80%;



}
}


@media screen and (min-device-width: 769px) and (max-device-width: 800px){

.footer-links h1{
 font-size: 18px;
 text-align: left;
 padding-top: 10px;

}



}


@media screen and (min-device-width: 360px) and (max-device-width: 620px){

.footer-search{
  width: 100%;
  display: block;
  margin: 0 auto;

}
}
@media screen and (min-device-width: 621px) and (max-device-width: 768px){

.footer-search{
  width: 90%;
  display: block;
  margin: 0 auto;

}
}
@media screen and (min-device-width: 769px) and (max-device-width: 850px){

.footer-search{
  width: 75%;
  display: block;
  margin: 0 auto;

}
}
@media screen and (min-device-width: 851px) and (max-device-width: 903px){

.footer-search{
  width: 67%;
  display: block;
  margin: 0 auto;

}
}
@media screen and (min-device-width: 904px) and (max-device-width: 1058px){

.footer-search{
  width: 57%;
  display: block;
  margin: 0 auto;

}
}
@media screen and (min-device-width: 1058px) and (max-device-width: 1170px){

.footer-search{
  width: 50%;
  display: block;
  margin: 0 auto;

}
}





  @media screen and (max-width:1023px) {
.forgot-wrapper {
  width: 90%;
  display: block;
  margin-left: auto;
   margin-right: auto;

}
}
@media screen and (min-device-width: 360px) and (max-device-width: 768px){

   .forgot-logo{
    
    width: 33%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;

    
   }

}

/*forgot pwd starts here*/

  .forgot-logo{

margin-top: 60px;
}
.forgot-btn button{
  margin-left:auto;
    margin-right:auto;
  display: block;
  padding: 0px 45px;
  margin-top: 20px;
  border-radius: 6px;
}
.forgot-text{
  font-size: 25px;
  margin-top: 60px;
}

.forgot-subtext{
  font-size: 14px;
  margin-top: px;
  margin-bottom: 15px;
}
@media screen and (min-device-width: 360px) and (max-device-width: 768px){

   .forgot-text{
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
   
    
   }

}
@media screen and (min-device-width: 360px) and (max-device-width: 768px){

   .forgot-subtext{
    margin-top: 15px;
    font-size: 13px;
    font-weight: 500;
   
    
   }

}
@media screen and (min-width: 769px){

   
   .forgot-logo{
    
    margin-top: 170px;
    
   }

}
.back-to-login {
  text-align: center;
  color: black;
  margin-top: 35px;
}

.back-to-login a{
  text-align: center;
  color: black;
  margin-top: 35px;
}

.back-to-login i{
  padding-right: 5px;
  font-size: 20px;
  
}
.forgotpwd-img{
  display: block;
  margin: 0 auto;
  width: 70%;
  padding-top: 40px;
}






/*forgot pwd ends here*/








/*terms & conditions start here*/
.maintext{
          margin-top: 140px;
          font-size: 70px;
          font-family: 'Patua One', cursive;
          line-height:1.5;
          text-align: center;

    }
    .medium{
      font-size: 17px;
      font-weight:498;
      font-family: 'Manrope', sans-serif ;
       margin:18px 0px 18px 0px;
       text-align:justify;
    }
    .head1{
        font-weight: 900px;
        font-size:19px; 
        font-weight: bold;  
       margin:20px 0px 20px 0px;
       font-family: "Link Sans",  sans-serif;

    }    

    .textcont{
        color:rgb(30,35,48);
        font-size: 18px;
        margin:2px 0px 20px 0px;
        font-weight: 549;
        letter-spacing: 0.1px;
        font-family: "arial",  sans-serif;
        text-align: justify;

        }
        .tlink1 .tlink2 .tlink4{
          color:blue;
        }
        .tlink3{
          
          font-size: 18px;
        }
        .tlink5{

          font-size:18px;
        }
       /*li {
            color:#ff8383;
            font-size: 17px;
            padding-left: 20px;
            
        }*/
  
        li .medium1 {
            color: black;
            font-size: 17px;
      font-weight:498;
      font-family: 'Manrope', sans-serif;

      text-align: justify;
      margin:25px 0px 25px 0px;
    }
@media screen and (max-width:1023px) {

.terms-wrapper{
  width: 85%;
  display: block;
  margin: 0 auto;

}
}

@media screen and (max-width:425px) {

.maintext{
  
  font-size: 36px;
  margin-top: 40px;


}
}
@media screen and (min-device-width: 426px) and (max-device-width: 620px){

.maintext{
  
  font-size: 40px;
  margin-top: 40px;


}
}
@media screen and (min-device-width: 621px) and (max-device-width:750px){

.maintext{
  
  font-size: 44px;
  margin-top: 40px;


}
}
@media screen and (min-device-width: 751px) and (max-device-width:800px){

.maintext{
  
  font-size: 47px;
  margin-top: 40px;


}
}
@media screen and (min-device-width: 801px) and (max-device-width:900px){

.maintext{
  
  font-size: 51px;
  margin-top: 50px;


}
}

@media screen and (min-device-width: 901px) and (max-device-width:1100px){

.maintext{
  
  font-size: 54px;
  margin-top: 50px;


}
}
@media screen and (min-device-width: 901px) and (max-device-width:1300px){

.maintext{
  
  font-size: 57px;
  margin-top: 50px;


}
}
@media screen and (max-width:425px) {

.terms-wrapper p{
  
  font-size: 15px;



}
}

@media screen and (min-device-width: 426px) and (max-device-width: 620px){

.terms-wrapper p{
  
  font-size: 15px;



}
}
@media screen and (min-device-width: 621px) and (max-device-width: 800px){

.terms-wrapper p{
  
  font-size: 16px;



}
}


@media screen and (min-device-width: 801px) and (max-device-width: 900px){

.terms-wrapper p{
  
  font-size: 16px;



}
}

/*terms ends here*/




/*privacy starts here*/

.maintext1{
          margin-top: 100px;
          font-size: 70px;
          font-family: 'Patua One', cursive;
          line-height:1.5;
          text-align: center;

      }
          .medium2{
            font-size: 18px;
      font-weight:498;
      font-family: 'Manrope', sans-serif;
             margin:10px 0px 20px 0px;
       text-align: justify;

         } 
          .head2{
             font-weight: 800px;
        font-size:21px; 
        font-weight: bold;  
       margin:20px 0px 20px 0px;
       font-family: "Link Sans",  sans-serif;

          }
          .textcont2{
            color:rgb(30, 35, 48);
        font-size: 19px;
        margin:20px 0px 20px 0px;
        font-weight: 549;
        letter-spacing: 0.1px;
        font-family: "arial",  sans-serif;
           text-align:justify;

          }
          .btext{
            font-size: 17px;
            font-weight: bold;
            margin:27px 0px 27px 0px;
          }
         /* li{
            color:#ff8383;
            font-size: 18px;
            padding-left: 20px;
            
        }*/
  
        li.medium1 {
            color: black;
            font-size: 17px;
      font-weight:498;
      font-family: 'Manrope', sans-serif;

      margin:25px 0px 25px 0px;
      text-align: justify;

    }
@media screen and (max-width:1023px) {

.privacy-wrapper {
  
  width: 85%;
  display: block;
  margin: 0 auto;



}
}



@media screen and (max-width:425px) {

.maintext1{
  
  font-size: 36px;
  margin-top: 40px;


}
}
@media screen and (min-device-width: 426px) and (max-device-width: 620px){

.maintext1{
  
  font-size: 40px;
  margin-top: 40px;


}
}
@media screen and (min-device-width: 621px) and (max-device-width:750px){

.maintext1{
  
  font-size: 44px;
  margin-top: 40px;


}
}
@media screen and (min-device-width: 751px) and (max-device-width:800px){

.maintext1{
  
  font-size: 47px;
  margin-top: 40px;


}
}
@media screen and (min-device-width: 801px) and (max-device-width:900px){

.maintext1{
  
  font-size: 51px;
  margin-top: 50px;


}
}

@media screen and (min-device-width: 901px) and (max-device-width:1100px){

.maintext1{
  
  font-size: 54px;
  margin-top: 50px;


}
}
@media screen and (min-device-width: 901px) and (max-device-width:1300px){

.maintext1{
  
  font-size: 57px;
  margin-top: 50px;


}
}
@media screen and (max-width:425px) {

.privacy-wrapper p{
  
  font-size: 15px;



}
}

@media screen and (min-device-width: 426px) and (max-device-width: 620px){

.privacy-wrapper p{
  
  font-size: 15px;



}
}
@media screen and (min-device-width: 621px) and (max-device-width: 800px){

.privacy-wrapper p{
  
  font-size: 15px;



}
}


@media screen and (min-device-width: 801px) and (max-device-width: 1042px){

.privacy-wrapper p{
  
  font-size: 15px;



}
}

@media screen and (max-width:425px) {

.privacy-wrapper h4{
  
  font-size: 17px;



}
}

@media screen and (min-device-width: 426px) and (max-device-width: 620px){

.privacy-wrapper h4{
  
  font-size: 17px;



}
}
@media screen and (min-device-width: 621px) and (max-device-width: 800px){

.privacy-wrapper h4{
  
  font-size: 17px;



}
}


@media screen and (min-device-width: 801px) and (max-device-width: 900px){

.privacy-wrapper h4{
  
  font-size: 17px;



}
}

@media screen and (max-width:425px) {

.btext{
  
  font-size: 15px;



}
}

@media screen and (min-device-width: 426px) and (max-device-width: 620px){

.btext{
  
  font-size: 16px;



}
}
@media screen and (min-device-width: 621px) and (max-device-width: 800px){

.btext{
  
  font-size: 16px;



}
}


@media screen and (min-device-width: 801px) and (max-device-width: 900px){

.btext{
  
  font-size: 16px;



}
}


/*privacy ends here*/




/*product page start here*/
.product-row1{
  padding-bottom: 70px;


}

.product-heading{
background:#ffcbe1f0;
 background: linear-gradient(45deg, #ffe7ec, #fff9e8);

  
  text-align: center;


}
.product-heading-text{
text-align: center;
padding-top: 60px;  
padding-bottom: 50px;
font-size: 50px;
padding-left: 55px;

padding-right: 55px;
font-family: 'Bakbak One', cursive;
color:#2a3c5e;
animation: fadeIn 1s ease-in both;


}

.product-heading-text:nth-child(2) {
  animation-delay: 1s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.product-heading-link{

font-size: 14px;
font-weight: 600px;
font-family:manrope ,sans-serif;
border: 1px  #ccc;
padding: 18px 15px;


border-radius: 10px;
color:white;
animation: fadeIn 1s ease-in both;


}

.product-heading-link:nth-child(2) {
  animation-delay: 2s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.product-heading-link .fa{
  font-size: 15px;
  font-weight: 50px;
  color:;
  padding-left: 4px;

  }

  .productimg1 {
    margin-top: 90px;
  
   position: relative;
   text-align: right;
  
  
  }
   .productimg1 img {

  
   position: relative;
  }
  .singlelink{
    position: relative;
     filter: drop-shadow( 0px 0px 5px #ccc);
  
  z-index: 1;
  }

.product-wrapper{
  width: 85%;
  margin: 0 auto;
}

.singlelinkicons{
/* bottom: 400px;*/
  position: absolute;

  top: 820px;

  z-index: 1;
  right:40px;

 -webkit-animation: linear infinite;
  -webkit-animation-name: run;
  -webkit-animation-duration: 5s;
}
@-webkit-keyframes run {
  0% {
    left: 0;
  }
  50% { 
    left: calc(5% - 5px); 
   }
  100% {
    left: 0;     
  }
}



   .reviews{
    position: absolute;
    
    bottom: 190px;
    z-index: -1;
     animation: MoveUpDown  7s linear infinite;
   
  

  }
  .socialimg1{
    position: absolute;
    left: 70px;
    bottom: 65px;
    z-index: 1;
      animation: MoveUpDown 5s linear infinite;
   
    filter: drop-shadow(1px 1px 3px );
  

  }
@keyframes MoveUpDown {
  0%, 100% {
    bottom: 20;
  }
  50% {
    bottom: 100px;
  }
}
@keyframes MoveUpDown {
  0%, 100% {
    bottom: 10;
  }
  50% {
    bottom: 50px;
  }
}

 .socialimg2{
    position: absolute;
    right:35px;
    bottom: 235px;
    z-index: -1;
     animation: MoveUpDown  5s linear infinite;
   
    filter: drop-shadow(1px 1px 3px);
  

  }
.product-text{

  margin-top:210px;
  font-weight:bold;
  font-size:29px;
/*font-family: 'Tenor Sans', sans-serif;*/
color:#373256;

 font-family: 'Rubik', sans-serif;
}


.highlight-text{

  font-family: 'Rubik', sans-serif;
  font-weight: bold;
  font-size: 29px;
  color:#373256;

  
  position:relative;
  margin-top: 70px;
 
  
}





.highlight-text img{

  box-shadow: 3 px 4 px red;
  animation: mymove 5s infinite;
  position: relative;
}

@keyframes mymove {
  from {bottom: 0px;}
  to {bottom: 20px;}
}

.product-subtext{

  margin-top:20px;
  font-size: 18px;
  font-weight: 500;
}


.product-content{

font-size: 15px;
text-align: justify;
margin-left: 30;
margin-top:17px;
font-weight: 510;
font-family: 'Manrope', sans-serif;

}
.productimg3{
text-align: right;
   position: relative;


  
}
.user-exprience{
position: relative;
  bottom: 120px;
}

.user-exp2{
   margin-top:100px;
    
  
 bottom: 1px;
 
 

  position: relative;
  -webkit-animation: linear infinite;
  -webkit-animation-name: run;
  -webkit-animation-duration: 5s;
}
@-webkit-keyframes run {
  0% {
    left: 0;
  }
  50% { 
    left: calc(15% - 50px); 
   }
  100% {
    left: 0;     
  }
}
    .client-scrolling {
    padding-top: 20px;
  text-align: center;
 background:#ccc;
 background:linear-gradient(45deg,#f8f6fd,#f8f6fd);
 border-radius: 10px;
 


}

.client-scrolling p{
  padding-bottom:30px;
  color:black;
  font-weight: 100px;
  font-family: manrope ,sans-serif;
  padding-top: 26px;
}


.client-scrolling1{
overflow: hidden;
  display: flex;
  height: 100px;

}
.scroll-wrapper{
  width: 70%;
  margin: 0 auto;
}


.client-scrolling1 div {
  height: 80px;
  min-width: 100px;
  

  animation: slide 40s linear infinite;
}



@keyframes slide {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-500px, 0, 0); /* The image width */
  }
}


.user-exp{
 
  position: relative;
  bottom: 2px;
 
   z-index: 1;

      animation: MoveUpDown 4s linear infinite;
 
  

  }
@keyframes MoveUpDown {
  0%, 100% {
    bottom: 20;
  }
  50% {
    bottom: 20px;
  }

}

@-webkit-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-30px);
        -moz-transform: translatex(-30px);
        -o-transform: translatex(-30px);
        transform: translatex(-30px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-30px);
        -moz-transform: translatex(-30px);
        -o-transform: translatex(-30px);
        transform: translatex(-30px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
.products{
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration:1s;
    animation-delay: 1s;
}

.custom{
  margin-top:20px;
  padding-top: 25px;


}
.custom h5{

  text-align: center;
  font-weight: bold;
  color:#4e4e99;
  padding-bottom:60px;
  font-size: 16px;
  padding-top: 30px;

}
.customtemp{
  background:#fafffd;
  
}


.custom-text{
  font-size: 29px;
  font-weight: bold;
  margin-top: 119px;
  font-family: 'Manrope', sans-serif;
  color:#373256;
}

.custom-subtext{
  padding-top: 15px;
  font-weight: 450;
  padding-bottom: 400px;
  text-align: justify;
  font-family: 'Manrope', sans-serif;




}
@media screen and (max-width:518px) {
  .custom-subtext{
   margin-top: 10px;
   
   font-size: 13px;
   
} 

}


@media screen and (min-device-width:519px) and (max-device-width: 768px){
  .custom-subtext{
   margin-top: 10px;
   
   font-size: 15px;
   
} 

}




.temp {
  position: relative;
}

.temp img {
  position: absolute;
  background: none;
  
  opacity: 0;
  transition: opacity 0.5s ease;
}

.temp img.active {
  opacity: 1;
}

.custom-wrapper{
  width: 91%;
  margin: 0 auto;
}
.footer-logo p{
  color: black;
  font-weight: 500;
  padding-top: 17px;
}



@media screen and (max-width: 635px) {
  .product-heading-text{
    font-size: 22px;


 }  
}
 @media screen and (max-width: 518px) {
  .product-heading-link{
    font-size: 11px;
    padding:8px 9px;

  } 
} 
@media screen and (max-width:768px) {
  .product-text{
   margin-top: 30px;
   width: 100%;
   font-size: 20px;
   
} 

}

@media screen and (min-device-width:769px) and (max-device-width: 840px){
  .product-text{
   margin-top: 70px;
   font-size: 25px;
   
   
} 

}
@media screen and (min-device-width:841px) and (max-device-width: 890px){
  .product-text{
   margin-top: 90px;
   font-size: 25px;
   
   
} 

}
@media screen and (min-device-width:891px) and (max-device-width: 930px){
  .product-text{
   margin-top: 110px;
   font-size: 25px;
   
   
} 

}
@media screen and (min-device-width:931px) and (max-device-width: 1214px){
  .product-text{
   margin-top: 120px;
   font-size: 28px;
   
   
} 

}



@media screen and (max-width:398px) {
  .singlelinkicons{
   margin-top: 340px;
   width: 87%;
   left: 50px;
   
 }  
} 
@media screen and (min-device-width: 399px) and (max-device-width: 433px) {
 .singlelinkicons{ 
 margin-top: 350px;
   width: 88%;
  
 
} 
}

@media screen and (min-device-width: 433px) and (max-device-width: 475px) {
 .singlelinkicons{ 
 margin-top: 358px;
   width: 88%;
  
 
} 
}

@media screen and (min-device-width: 475px) and (max-device-width: 530px) {
 .singlelinkicons{ 
 margin-top: 377px;
   width: 88%;
  
 
} 
}

@media screen and (min-device-width: 531px) and (max-device-width: 560px) {
 .singlelinkicons{ 
 margin-top: 392px;
   width: 88%;
  
 
} 
}
@media screen and (min-device-width: 560px) and (max-device-width: 590px) {
 .singlelinkicons{ 
 margin-top: 421px;
   width: 83%;
  
 
} 
}
@media screen and (min-device-width: 590px) and (max-device-width: 626px) {
 .singlelinkicons{ 
 margin-top: 430px;
   width: 83%;
  
 
} 
}
@media screen and (min-device-width: 627px) and (max-device-width: 631px) {
 .singlelinkicons{ 
 margin-top: 450px;
   width: 83%;
  
 
} 
}
@media screen and (min-device-width: 631px) and (max-device-width: 650px) {
 .singlelinkicons{ 
 margin-top: 450px;
   width: 79%;
  
 
} 
}
@media screen and (min-device-width: 651px) and (max-device-width: 662px) {
 .singlelinkicons{ 
 margin-top: 475px;
   width: 81%;
  
 
} 
}
@media screen and (min-device-width: 663px) and (max-device-width: 671px) {
 .singlelinkicons{ 
 margin-top: 489px;
   width: 81%;
  
 
} 
}
@media screen and (min-device-width: 672px) and (max-device-width: 695px) {
 .singlelinkicons{ 
 margin-top: 480px;
   width: 79%;
  
 
} 
}
@media screen and (min-device-width: 696px) and (max-device-width: 730px) {
 .singlelinkicons{ 
 margin-top: 510px;
   width: 81%;
  
 
} 
}
@media screen and (min-device-width: 731px) and (max-device-width: 768px) {
 .singlelinkicons{ 
 margin-top: 510px;
   width: 81%;
  
 
} 
}


@media screen and (min-device-width: 769px) and (max-device-width: 830px) {
 .singlelinkicons{ 
 margin-top:-110px;
   width: 35%;
  
 
} 
}
@media screen and (min-device-width: 831px) and (max-device-width: 872px) {
 .singlelinkicons{ 
 margin-top:-90px;
   width: 35%;
  
 
} 
}
@media screen and (min-device-width: 873px) and (max-device-width: 910px) {
 .singlelinkicons{ 
 margin-top:-70px;
   width: 35%;
  
 
} 
}
@media screen and (min-device-width: 910px) and (max-device-width: 950px) {
 .singlelinkicons{ 
 margin-top:-50px;
   width: 35%;
  
 
} 
}
@media screen and (min-device-width: 951px) and (max-device-width: 1000px) {
 .singlelinkicons{ 
 margin-top:-30px;
   width: 36%;
  
 
} 
}
@media screen and (min-device-width: 1000px) and (max-device-width: 1023px) {
 .singlelinkicons{ 
 margin-top:-10px;
   width: 36%;
  
 
} 
}
@media screen and (min-device-width: 1023px) and (max-device-width: 1069px) {
 .singlelinkicons{ 
 margin-top:0px;
   width: 36%;
  
 
} 
}
@media screen and (min-device-width: 1069px) and (max-device-width: 1089px) {
 .singlelinkicons{ 
 margin-top:10px;
   width: 34%;
  
 
} 
}
@media screen and (min-device-width: 1090px) and (max-device-width: 1215px) {
 .singlelinkicons{ 
 margin-top:25px;
   width: 34%;
  
 
} 
}
@media screen and (max-width:768px) {
  .singlelink{
   
   width: 100%;
 
} 
}
@media screen and (min-device-width: 769px) and (max-device-width: 1023px)  {
  .singlelink{
   
   width: 92%;
   margin-top: 30px;
 
} 
}




@media screen and (max-width:518px) {
  .temp{
   
  bottom:370px;
  width: 100%;
 
} 
}
@media screen and (min-device-width: 519px) and (max-device-width: 620px){

.temp{
  bottom: 460px;
  width: 80%;
  padding-top: 90px;
  display: block;
  margin: 0 auto;

}


}

@media screen and (min-device-width: 621px) and (max-device-width: 686px){

.temp{
  bottom: 495px;
  width: 80%;
  padding-top: 90px;
  display: block;
  margin: 0 auto;

}


}
@media screen and (min-device-width: 687px) and (max-device-width: 768px){

.temp{
  bottom: 520px;
  width: 80%;
  padding-top: 90px;
  display: block;
  margin: 0 auto;




}
}

@media screen and (max-width:518px) {
  .custom-text{
   font-size: 21px;
   padding-top:px;
  
   margin: 0 auto;
   
   
 
} 
}
@media screen and (max-width:518px) {
  .custom-wrapper{
  width: 80%;
 
} 
}

@media screen and (max-width:768px) {
.client-scrolling {
  margin-bottom: 50px;

}
}



.ftr-icons .fa{
  background: #ccc;
  color: black;

}




/*product page ends here*/




/*google view start here*/
.view-wrapper{
 background:#ffcbe1f0;
 background: linear-gradient(45deg, #ffe7ec, #fff9e8);
  position: relative;
  z-index: 75;



}

.main-view{
 width: 80%;
 margin: 0 auto;
 display: block;



}
.main-view-heading{
  padding-top: 180px;
  padding-bottom: 10px;
  font-size: 40px;
/*  margin-left: 120px;*/
font-weight: bold;
font-weight:monorape,sans-serif;
color: #373256;



}
.left-side-main-view p{

margin-bottom: 297px;
 animation: fadeIn 1s ease-in both;



}
.left-side-main-view p:nth-child(2) {
  animation-delay: 2s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}



.view-demo{
  border:1px solid #cb9033;
  margin-top: 20px;
  padding: 9px 20px;
 


}



.circle-border {

top: 70px;
  
 width: 490px;

  font-size: 100px;
  
  bottom: 0px;
  position: absolute;
  left: 66%;
  
  float: right;
  -webkit-animation-duration: 10s;
            animation-duration: 10s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
@-webkit-keyframes fadeInRight {
            0% {
               opacity: 0;
               -webkit-transform: translateX(20px);
            }
            100% {
               opacity: 1;
               -webkit-transform: translateX(0);
            }
         }
         
         @keyframes fadeInRight {
            0% {
               opacity: 0;
               transform: translateX(20px);
            }
            100% {
               opacity: 1;
               transform: translateX(0);
            }
         }
         
         .fadeInRight {
            -webkit-animation-name: fadeInRight;
            animation-name: fadeInRight;
         }


/*@media screen and (max-width:1023px) {
.view-wrapper{
width: 100%;

}
}
*/
@media screen and (max-width:768px) {
.main-view{
  
 width: 90%;

  
}
}

@media screen and (max-width:415px) {
.main-view-heading{
  
 

  font-size: 23px;
  

  padding-top: 37px;

}
}
@media screen and (min-device-width:416px) and (max-device-width: 450px){

.main-view-heading{

  font-size: 25px;
  

  padding-top: 37px;


}
}
@media screen and (min-device-width:451px) and (max-device-width: 518px){

.main-view-heading{

  font-size: 28px;
  

  padding-top: 37px;


}
}
@media screen and (min-device-width:519px) and (max-device-width: 600px){

.main-view-heading{

  font-size: 31px;
  

  padding-top: 37px;


}
}
@media screen and (min-device-width:601px) and (max-device-width: 700px){

.main-view-heading{

  font-size: 36px;
  

  padding-top: 37px;


}
}
@media screen and (min-device-width:701px) and (max-device-width: 768px){

.main-view-heading{

  font-size: 38px;
  

  padding-top: 37px;


}
}


@media screen and (max-width:415px) {
.left-side-main-view p{
  font-size: 14px;

}
}
@media screen and (min-device-width:416px) and (max-device-width: 450px){

.left-side-main-view p{

  font-size: 14px;
  

 


}
}

@media screen and (min-device-width:451px) and (max-device-width: 518px){

.left-side-main-view p{

  font-size: 15px;
  




}
}
@media screen and (min-device-width:519px) and (max-device-width: 600px){

.left-side-main-view p{

  font-size: 15px;
  




}
}
@media screen and (min-device-width:601px) and (max-device-width: 700px){

.left-side-main-view p{

  font-size: 17px;
  




}
}
@media screen and (min-device-width:701px) and (max-device-width: 768px){

.left-side-main-view p{

  font-size: 18px;
  



}
}


@media screen and (max-width:417px) {
.circle-border{
top:250px;
left: 30%;
width: 230px;

  bottom: 0px;
  position: absolute;
  left: 65%;
  

}
}






.about-wrapper{

margin-top: 150px;


}
.aboutimg img{

width: 79%;
padding-top: 40px;
margin: 0 auto;
display: block;



}

.about-heading{

font-size: 39px;
font-weight: bold;
font-family: manrope,sans-serif;
color:#373256;


}

.about-content p{
  text-align: justify;
  padding-top: 15px;



}



.about-subtext{
       
        font-weight: bold; 
       margin:20px 0px 20px 0px;
       font-family: "manrope",  sans-serif;
       



          }




 li .view-linktext {
    color: #646464;
     font-size: 15px;
      font-weight:498;
      font-family: 'Manrope', sans-serif;

      text-align: justify;
      
      
    }





.gallery-wrapper{
  margin-top: 150px;
  background:#fbf2f2;
  margin-bottom:130px;
}
.gal-heading{
  margin-bottom: 70px;
  padding-top:50px;

  text-align: center;
  font-size: 35px;
  font-weight: bold;
  color:#373256;
  font-family: manrope,sans-serif;

}
.gal-img{

padding-bottom: 20px;


}
.google-gal-view a{
float: right;
padding-bottom: 70px;


}


@-webkit-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
.main-view-heading{
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration:1s;
    animation-delay: 1s;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
.aboutimg img{
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration:1s;
    animation-delay: 1s;
  }



    .about-content{
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-duration:2s;
    animation-delay: 2s;
}

#panorama{

  width: 100%;
  height: 100vh;
}


/*google view ends here*/