.bg-body-tertiary{
    background-color: #FFFFFF !important;
    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
}

    .notification {
  display: block;
  position: fixed;
  top: 15%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color:#7EFFB2;
  color: #292D32;
  font-family: 'Outfit', sans-serif;
  padding: 15px 20px;
  border-radius: 30px;
  z-index: 1000;
  animation: hideMe 10s forwards;
}

@keyframes hideMe{
    0%{
        opacity: 1;
    }
    99.99%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}


.logo{
    width: 165px;
    margin-top:10px;
    margin-bottom: -35px !important;
}


.circle{
    width: 45px;
    margin-top:20px;
    margin-bottom: -30px !important;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
   }

.general-color{
    background-color: #FDFC00;
}


/**font **/

@font-face {
    font-family:eastman;
    src: url(font/EastmanRomanTrial-Extrabold.otf);
  }

/**end **/

.m-1{
font-family: 'Outfit', sans-serif;
color: #292D32;
font-size: 14.5px;
margin-left: 18px !important;
font-style: normal;
font-weight: 600;
}

.icon{
    margin-right: 8px !important;
    margin-top: -4px !important;
}

.header-cuppy{
    font-family:eastman;
    font-size: 65px;
    margin-top: 125px;
    padding-left:30px;
    padding-right: 30px;
}

.h-color{
    color:#7E00CC;
}

.newsletter{
    background-color: #FFFFFF;
    padding: 35px 35px 35px 45px;
    margin: 14px 200px 10px 30px;
    border-radius: 30px;

}

.letterh1{
    font-family: 'Outfit', sans-serif;
    font-weight:400;
    color: #292D32;
    font-size: 18px;
    font-style: normal;
}

.form-control{
background-color: #F7F7F7;
border-radius: 30px;
border: transparent !important;
padding: 18px 18px 18px 30px;
font-family: 'Outfit', sans-serif;
font-weight: 400;
font-size: 15px;
margin-top:10px;
}

.form-text{
    font-family: 'Outfit', sans-serif;
    margin-top: 20px;    
    margin-left: 28px;
}



.icon-cuppy-btn{
    width: 20px;
    margin-left:10px;
    margin-top: -3px;
}

.icon-cuppy-btn-2{
    width: 18px;
    margin-right:13px;
    margin-top: -3px;
}




.terms{
    font-family: 'Outfit', sans-serif;
    margin-top:7px; 
    margin-left:5px;
}


.terms-2{
    font-family: 'Outfit', sans-serif;
  color: #7E00CC;
  text-decoration: underline;
}

input[type="checkbox"]:checked  {

    accent-color:#48FF91;
}

.rectangle{
margin-bottom: -100px !important;
margin-left: 200px;
margin-top: -50px;
}

.disable{
    color: #292d3267 !important;
}

.background-footer{
    background-color: #000000;
    margin-top: 50px;
    min-height:29vh;
}

.mrg-left{
    margin-left: -150px;
}

.mrg-left-2{
    margin-left: -100px;
}

.footer-h-1{
    color: #FFDD66;
    font-family: 'Outfit', sans-serif;
    font-weight: 500;
    margin-top: 50px;
    margin-bottom:30px;
}

li{
    list-style-type: none !important;
    margin-top: 15px;
    font-family: 'Outfit', sans-serif;
    font-weight: 400;
    color: #f7f7f756;
}

.active{
    color: white;
}


.copy-right-cuppy{
    margin-top: 170px;
    margin-bottom: 45px;
    color: white;
    font-family: 'Outfit', sans-serif;
    font-weight: 300;
    font-size: 13px;
  }

  .cuppy-off-canvas-logo{
    width: 125px;
    margin-left: 10px;
  }


  .menu-canva-cuppy{
    font-family: 'Outfit', sans-serif;
    margin-top: 30px;
    margin-left:10px;
    font-weight: 400;
    font-size:15px;
    line-height: 23px; 
  }

  .barcode{
    margin-top: 130px;
    width: 280px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

.started{
    font-family: 'Outfit', sans-serif;
    margin-left:90px;
    font-size: 19px;
    font-weight: 500;
    color: #7E00CC;
}


.modal-header{
    border: transparent !important;
}


.fs-5{
    font-family: 'Outfit', sans-serif;   
    margin-left: 20px;
}

.modal-body{
    font-family: 'Outfit', sans-serif;   
    margin-left: 20px;
    font-size: 15px;
    font-weight: 400;

}


.terms-date{
    color: #7E00CC;
    margin-top: -20px;
    font-weight:600 !important;
    margin-bottom: 20px;
}

.modal-content{
    border-radius: 25px !important;
}

.offcanvas-start{
    border-radius: 35px !important;
}

a{
    text-decoration: none !important;
    color: inherit !important;
}


.background-how{
    background-image: url("images/back-how.png");
    background-repeat: no-repeat !important;
    background-size: cover !important;
   }

   .cuppy-image{
    width:950px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
   }

   .icon-logo{
    width:55px;
    margin-top:20px;
   }

   .how-header{
    font-family:eastman;
    font-size: 45px;
   text-align: center;
   margin-top: 60px;
   margin-bottom:55px;
   color: #292D32;
  
   }


   .how-bac{
    background-color: #F7F7F7;

   }

   .card-cuppy{
    background-color: white;
    width: 100%;
   margin-top: 70px;
    padding: 30px 30px 30px 30px;
border-radius:20px;
height:40vh;
   }

   .face-1{
    width: 80px;
    margin-top: -100px;
    border-radius:35px;
   }


.step-header{
    font-family: 'Outfit', sans-serif;  
    text-align: left;
    margin-top: 15px;
    color: #7E00CC;
    font-weight: 700;
    font-size:28px;
  
}


.step-text{
    font-family: 'Outfit', sans-serif;  
    text-align: left;
  font-size:18px;
  margin-top: 10px;
  margin-bottom: 35px;
}

.cuppy-btn{
    background-color: #FFDD66;
    font-family: 'Outfit', sans-serif;
    font-size:18px;
    font-weight: 500;
    padding: 15px 30px 15px 30px;
    border: transparent !important;
    border-radius:30px;
   
    }


    .cuppy-home{
        background-color:rgba(255, 255, 255, 0.72);
        font-family: 'Outfit', sans-serif;
        font-size:18px;
        color: #7E00CC;
        margin-top: -72px;
        font-weight: 500;
        padding: 12px 35px 12px 35px;
        border: transparent !important;
        border-radius:30px;  
        display: block;
        margin-left: auto;
        margin-right: auto;
    }



/*** css media query for Mobile responsive ***/ 


@media only screen and (min-device-width : 320px) and (max-device-width : 480px){

    .mobile-hide{
        display: none;
    }

   
    .icon{
        margin-right: 14px !important;
        margin-top: -4px !important;
     margin-right: 3px !important;
    }

 
    .logo{
        width: 110px;
        margin-top:-35px;
        margin-left:10px;
       }


       .circle{
        display: none !important;
       }


     .header-cuppy {

    font-family:eastman;
    font-size: 28px;
    margin-top: 60px;
    padding-left:20px;
    padding-right: 10px;
     }


     .newsletter{
        background-color: #FFFFFF;
        padding: 30px 15px 15px 27px;
        margin: 10px 5px 5px 5px;
        border-radius: 30px;
        }
    

        .form-control{
            background-color: #F7F7F7;
            border-radius: 30px;
            border: transparent !important;
            padding: 18px 18px 18px 30px;
            font-family: 'Outfit', sans-serif;
            font-weight: 400;
            font-size: 15px;
            margin-top:6px;
         margin-left: -8px !important;
            }
    

      .form-text{
         font-family: 'Outfit', sans-serif;
         margin-top: 12px;    
         margin-left: 5px;
            }   


            .terms{
                font-family: 'Outfit', sans-serif;
                margin-top: -30px; 
                margin-left:23px;
                font-size:14px;
                padding-left: 4px;
                padding-right: 4px;
            }
 
      .form-check{
        margin-left: -17px;
        margin-bottom:50px; 
      }   
      
      .cuppy-btn{
        background-color: #FFDD66;
        font-family: 'Outfit', sans-serif;
        font-size:16px;
        color: #000000 !important;
        font-weight: 500;
        padding: 10px 30px 10px 30px;
        margin-top: 6px;
        border: transparent !important;
        border-radius:30px;
        display: block;
        margin-right: auto;
        margin-left: auto;
        }
    
        .mrg-left{
            margin-left:0px !important;
        }
        
        .mrg-left-2{
            margin-left: 0px !important;
        }


        .background-footer{
            background-color: #000000;
            margin-top: 50px;
            min-height:29vh;
            padding-left:30px;
        }
        
        .copy-right-cuppy{
            margin-top: 50px;
            margin-bottom: 45px;
            color: white;
            font-family: 'Outfit', sans-serif;
            font-weight: 300;
            font-size: 13px;
          }

          .barcode{
            margin-top: 80px;
            width: 250px;
            margin-left: 60px;
           
          }

          .started{
           
            display: none !important;
          }
    
    
          .icon-logo{
            width:30px;
            margin-top:15px;
           }
                 
         
        .sticky-top{
        position: relative !important;
        }

        .cuppy-image{
            width:320px;
            display: block;
            margin-left: auto;
            margin-right: auto;
            margin-top: 40px;
           }
    
           .cuppy-home{
            background-color:rgba(255, 255, 255, 0.72);
            font-family: 'Outfit', sans-serif;
            font-size:15px;
            color: #7E00CC;
            margin-top: 12px;
            font-weight: 500;
            padding: 5px 12px 5px 12px;
            border: transparent !important;
            border-radius:30px;  
            float: right;
           
        }
    
       
        .icon-cuppy-btn-2{
            width: 16px;
            margin-right:5px;
           }

           .how-header{
            font-family:eastman;
            font-size: 25px;
           text-align: center;
           margin-top: 40px;
           margin-bottom:2px;
           color: #292D32;
          
           }

           .face-1{
            width: 45px;
            margin-top: -100px;
            border-radius:35px;
           }
       
           
           .step-header{
            font-family: 'Outfit', sans-serif;  
            text-align: left;
            margin-top: -7px;
            color: #7E00CC;
            font-weight: 700;
            font-size:22px;
          }

          .step-text{
            font-family: 'Outfit', sans-serif;  
            text-align: left;
          font-size:16px;
          margin-top: 8px;
          margin-bottom: 20px;
        }  
        
        
        .card-cuppy{
        background-color: white;
        width: 100%;
        margin-top: 70px;
        padding: 30px 30px 30px 30px;
        border-radius:20px;
        height:36vh;
           }

        #child1, #child2{
            height:28vh !important;   
        }


    .notification {
        display: block;
        position: fixed;
        width: 90% !important;
        top: 15%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color:#7EFFB2;
        color: #292D32;
        font-family: 'Outfit', sans-serif;
        border-radius: 30px;
        z-index: 1000;
        animation: hideMe 5s forwards;
      }
      
    }



/** end ** /