body {
  height: 2000px;
}

.custom-modal-popup .modal .modal-dialog .modal-content {
  background-image: url("../images/iStock-627453756-1.html");
  padding: 22px;
  position: relative;
  z-index: -1;
  max-width: 400px;
  margin: auto;
}

.custom-modal-popup .modal .modal-dialog .modal-content .modal-header {
  position: relative;
  padding: 0;
}

.custom-modal-popup .modal .modal-dialog .modal-content .modal-header button {
  position: absolute;
  top: -30px;
  left: 359px;
  background-color: #fff;
  border-radius: 50%;
}

.custom-modal-popup .modal .modal-dialog .modal-body {
  background-color: #fff;
}

.custom-modal-popup .modal .modal-dialog .modal-body h2 {
  text-align: center;
  color: #61a526;
  font-size: 40px;
  font-weight: 700;
}

.custom-modal-popup .modal .modal-dialog .modal-body h5 {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}

.custom-modal-popup .modal .modal-dialog .modal-body input::-webkit-input-placeholder {
  color: black;
}

.custom-modal-popup .modal .modal-dialog .modal-body input:-ms-input-placeholder {
  color: black;
}

.custom-modal-popup .modal .modal-dialog .modal-body input::-ms-input-placeholder {
  color: black;
}

.custom-modal-popup .modal .modal-dialog .modal-body input::placeholder {
  color: black;
}

.custom-modal-popup .modal .modal-dialog .modal-body .btnn {
  margin-top: 8px;
}

.custom-modal-popup .modal .modal-dialog .modal-body .btnn .sign-up {
  background-color: #00acea;
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  width: 100%;
  padding: 2px 2px;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
/*# sourceMappingURL=style.min.css.map */
/* Tab css */

body {
  height: 2000px;
}

.custom-modal-popup .modal .modal-dialog .modal-content {
  background-image: url("../images/iStock-627453756-1.html");
  padding: 22px;
  position: relative;
  z-index: -1;
  max-width: 400px;
  margin: auto;
}
.custom-modal-popup .modal .modal-dialog .modal-content .modal-header {
  position: relative;
  padding: 0;
}
.custom-modal-popup .modal .modal-dialog .modal-content .modal-header button {
  position: absolute;
  top: -30px;
  left: 359px;
  background-color: #fff;
  border-radius: 50%;
}
.custom-modal-popup .modal .modal-dialog .modal-body {
  background-color: #fff;
}
.custom-modal-popup .modal .modal-dialog .modal-body h2 {
  text-align: center;
  color: #61a526;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 30px;
}
.custom-modal-popup .modal .modal-dialog .modal-body h5 {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 45px;
}
.custom-modal-popup .modal .modal-dialog .modal-body input::-moz-placeholder {
  color: black;
}
.custom-modal-popup .modal .modal-dialog .modal-body input:-ms-input-placeholder {
  color: black;
}
.custom-modal-popup .modal .modal-dialog .modal-body input::placeholder {
  color: black;
}
.custom-modal-popup .modal .modal-dialog .modal-body .btnn {
  margin-top: 8px;
}
.custom-modal-popup .modal .modal-dialog .modal-body .btnn .sign-up {
  background-color: #2dbe60;
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  width: 100%;
  padding: 2px 2px;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}

.popup-second .modal .modal-dialog .modal-content {
  background-image: url("../images/iStock-627453756-1.html");
  padding: 22px;
  position: relative;
  z-index: -1;
  max-width: 400px;
  margin: auto;
}
.popup-second .modal .modal-dialog .modal-content .modal-header {
  position: relative;
  padding: 0;
}
.popup-second .modal .modal-dialog .modal-content .modal-header button {
  position: absolute;
  top: -30px;
  left: 359px;
  background-color: #fff;
  border-radius: 50%;
}
.popup-second .modal .modal-dialog .modal-body {
  background-color: #fff;
}
.popup-second .modal .modal-dialog .modal-body h2 {
  text-align: center;
  color: #61a526;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 30px;
}
.popup-second .modal .modal-dialog .modal-body h5 {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 45px;
}
.popup-second .modal .modal-dialog .modal-body input::-moz-placeholder {
  color: black;
}
.popup-second .modal .modal-dialog .modal-body input:-ms-input-placeholder {
  color: black;
}
.popup-second .modal .modal-dialog .modal-body input::placeholder {
  color: black;
}
.popup-second .modal .modal-dialog .modal-body .btnn {
  margin-top: 8px;
}
.popup-second .modal .modal-dialog .modal-body .btnn .sign-up {
  background-color: #2dbe60;
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  width: 100%;
  padding: 2px 2px;
}

@media (max-width: 1199px) and (min-width: 768px) {
  .custom-modal-popup .modal .modal-dialog {
    max-width: 600px;
  }
  .custom-modal-popup .modal .modal-dialog .modal-content {
    max-width: 580px;
    padding: 22px 2px;
    border: 9px solid #fff;
  }
  .custom-modal-popup .modal .modal-dialog .modal-content .modal-header button {
    left: 550px;
  }
  .custom-modal-popup .modal .modal-dialog .modal-content .modal-body {
    padding: 0 12px 7px 12px;
    background-color: transparent;
  }
  .custom-modal-popup .modal .modal-dialog .modal-content .modal-body h2 {
    color: #fff;
  }
  .custom-modal-popup .modal .modal-dialog .modal-content .modal-body h5 {
    color: #fff;
  }
  .popup-second .modal .modal-dialog {
    max-width: 600px;
  }
  .popup-second .modal .modal-dialog .modal-content {
    max-width: 580px;
    padding: 22px 2px;
    border: 9px solid #fff;
  }
  .popup-second .modal .modal-dialog .modal-content .modal-header button {
    left: 550px;
  }
  .popup-second .modal .modal-dialog .modal-content .modal-body {
    padding: 0 12px 7px 12px;
    background-color: transparent;
  }
  .popup-second .modal .modal-dialog .modal-content .modal-body h2 {
    color: #fff;
  }
  .popup-second .modal .modal-dialog .modal-content .modal-body h5 {
    color: #fff;
  }
}


/* Tab Css */

body {
    height: 2000px;
}

.custom-modal-popup {
    // &.scroll-hide {
    //     background: red;
    //     height: 300px;
    //     width: 300px;
    // }

    .modal {
        .modal-dialog {

            .modal-content {
                background-image: url('../images/iStock-627453756-1.html');
                padding: 22px;
                position: relative;
                z-index: -1;
                max-width: 400px;
                margin: auto;

                // max-width: 380px;
                .modal-header {
                    position: relative;
                    padding: 0;

                    button {
                        position: absolute;
                        top: -30px;
                        left: 359px;
                        background-color: #fff;
                        border-radius: 50%;
                    }
                }
            }

            .modal-body {
                background-color: #fff;
                // position: relative;
                // z-index: 2;

                h2 {
                    text-align: center;
                    color: #61a526;
                    font-size: 40px;
                    font-weight: 700;
                    margin-bottom: 30px;
                }

                h5 {
                    font-size: 20px;
                    font-weight: 400;
                    text-align: center;
                    margin-bottom: 45px;    
                }

                input {
                    &::placeholder {
                        // font-weight: 500;
                        color: black;
                    }
                }

                .btnn {
                    margin-top: 8px;

                    .sign-up {
                        background-color: #2dbe60;
                        color: #fff;
                        font-size: 22px;
                        font-weight: 400;
                        width: 100%;
                        padding: 2px 2px;
                    }
                }
            }
        }
    }
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg);
}
.popup-second {
    // &.scroll-hide {
    //     background: red;
    //     height: 300px;
    //     width: 300px;
    // }

    .modal {
        .modal-dialog {

            .modal-content {
                background-image: url('../images/iStock-627453756-1.html');
                padding: 22px;
                position: relative;
                z-index: -1;
                max-width: 400px;
                margin: auto;

                // max-width: 380px;
                .modal-header {
                    position: relative;
                    padding: 0;

                    button {
                        position: absolute;
                        top: -30px;
                        left: 359px;
                        background-color: #fff;
                        border-radius: 50%;
                    }
                }
            }

            .modal-body {
                background-color: #fff;
                // position: relative;
                // z-index: 2;

                h2 {
                    text-align: center;
                    color: #61a526;
                    font-size: 40px;
                    font-weight: 700;
                    margin-bottom: 30px;
                }

                h5 {
                    font-size: 20px;
                    font-weight: 400;
                    text-align: center;
                    margin-bottom: 45px;    
                }

                input {
                    &::placeholder {
                        // font-weight: 500;
                        color: black;
                    }
                }

                .btnn {
                    margin-top: 8px;

                    .sign-up {
                        background-color: #2dbe60;
                        color: #fff;
                        font-size: 22px;
                        font-weight: 400;
                        width: 100%;
                        padding: 2px 2px;
                    }
                }
            }
        }
    }
}
@media (max-width:1199px) and (min-width:768px) {

    .custom-modal-popup{
        .modal{
            .modal-dialog{
                max-width: 600px;
                .modal-content{
                    max-width: 580px;
                    padding: 22px 2px;
                    border: 9px solid #fff;
                    .modal-header{
                        button{
                            left: 550px;
                        }
                    }
                    .modal-body{
                        padding: 0 12px 7px 12px;
                        background-color: transparent;
                        h2{
                            color: #fff;
                        }
                        h5{
                            color: #fff;
                        }
                    }
                }
            }
        }
    }
    .popup-second{
        .modal{
            .modal-dialog{
                max-width: 600px;
                .modal-content{
                    max-width: 580px;
                    padding: 22px 2px;
                    border: 9px solid #fff;
                    .modal-header{
                        button{
                            left: 550px;
                        }
                    }
                    .modal-body{
                        padding: 0 12px 7px 12px;
                        background-color: transparent;
                        h2{
                            color: #fff;
                        }
                        h5{
                            color: #fff;
                        }
                    }
                }
            }
        }
    }
}