body {
height: 2000px;
}
.custom-modal-popup .modal .modal-dialog .modal-content {
background-image: url(../../../themes/pride/assets/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);
}  body {
height: 2000px;
}
.custom-modal-popup .modal .modal-dialog .modal-content {
background-image: url(../../../themes/pride/assets/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(../../../themes/pride/assets/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;
}
} body {
height: 2000px;
}
.custom-modal-popup {
// &.scroll-hide {
//     background: red;
//     height: 300px;
//     width: 300px;
// }
.modal {
.modal-dialog {
.modal-content {
background-image: url(../../../themes/pride/assets/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(../../../themes/pride/assets/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;
}
}
}
}
}
}
}.zoom {
height: 400px;
position: relative;
}
.zoom-main {
height: 80%;
position: relative;
text-align: center;
}
.zoom-thumb-hide .zoom-main {
height: 100%;
}
.zoom-main span {
background-position: 50% 50%;
background-repeat: none;
background-size: 200%;
overflow: hidden;
position: absolute;
cursor: zoom-in;
border: dashed thin #ccc;
position: relative;
display: inline-block;
height: 100%;
}
.zoom-right .zoom-main span {
left: 0;
}
.zoom-main img {
height: 100%;
display: block;
background: #fff;
transition: opacity .5s;
} .zoom-right .zoom-main {
height: 100%;
float: left;
padding-right: 5px;
}
.zoom-thumb {
height: 20%;
text-align: center;
padding: 5px;
}
.zoom-right .zoom-thumb {
display: inline;
}
.zoom .zoom-thumb a {
margin: 0 5px 5px 0;
padding: 5px;
border: solid thin #ccc;
height: 100%;
display: inline-block;
cursor: pointer;
}
.zoom-right .zoom-thumb a {
float: left;
height: 20%;
display: inline-block;
}
.zoom .zoom-thumb a img {
height: 100%;
}
.zoom-left .zoom-main,
.zoom-left .zoom-thumb a {
float: right;
width: auto;
}
@media all and (max-width: 735px) {
.zoom img {
width: auto;
max-width: 100%;
height: auto;
}
.zoom .zoom-thumb a img {
width: auto;
}
.zoom-main,
.zoom-thumb a {
float: none !important;
}
.zoom-main {
height: auto !important;
}
.zoom .zoom-thumb {
display: block;
text-align: center !important;
padding: 5px;
}
.zoom-thumb a {
display: inline-block !important;
}
}