/**Typeo CSS Start**/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
*{ box-sizing: border-box;}
body {
font-family: "Poppins", sans-serif;
color: #444;
box-sizing: border-box;
background-color: #f5f5f5;
margin: 0px;
}
.pupop-btn{background: #ff6200;
font-size: 16px;
color: #fff;
padding: 10px 20px;
display: flex;
margin: auto;
justify-content: center;
cursor: pointer;
max-width: 300px;
margin-top: 10%;}
/**Typeo CSS End**/
.modelpopup-btn {background: #ff6200;
font-size: 16px;
color: #fff;
padding: 10px 20px;
display: flex;
margin: auto;
justify-content: center;
cursor: pointer;
max-width: 300px;
margin-top: 10%;}
.model-ovelay {
position:fixed;
transition:all 0.6s ease 0.6s;
-webkit-transition:all 1s ease 0s;
visibility:hidden;
opacity:0;
width:100%;
height:100%;
float:left;
background:rgba(0, 0, 0, 0.4);
pointer-events: auto;
top: 0px;
z-index: 988;
}
.modelclose{
cursor:pointer;
float:right;
width:28px;
font-size: 24px;
height:28px;
text-align:center;
background:#ff6200;
line-height:28px;
color:#fff;
position: absolute;
right: 0px;
top: 0px;
z-index: 1;
}
.popupmodel{
max-width:600px;
transition:all 1s ease 0s;
-webkit-transition:all 1s ease 0s;
margin:auto;
background:#fff;
position:fixed;
top:-100%;
left:0px;
right:0px;
pointer-events: none;
z-index: 999;
max-height: 95%;
overflow: auto;
}
.custom-popup .model-ovelay{
pointer-events: auto;
opacity:1;
visibility:visible;
}
.custom-popup .popupmodel {
pointer-events: auto;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.model-content {
padding: 20px;
}
.model-content p {
padding: 0px;
}
.popupmodel .model-header {
border-bottom: #dfdfdf 1px solid;
padding: 14px 20px;
}
.popupmodel .model-footer {
border-top: #dfdfdf 1px solid;
padding: 14px 20px;
display: flex;
justify-content: flex-end;
}
.popupmodel .model-header h3 {
font-weight: 400;
margin: 0px;
}
.btn-group button {
border: none;
background-color: #ff6200;
padding: 14px 22px;
color: #fff;
outline: none;
text-transform: uppercase;
margin-right: 12px;
display: inline-block;
cursor: pointer;
-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 4px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}
.btn-group button.cancel-btn {
background-color: #fd8d47;
}
.btn-group button:focus {
opacity: 0.9
}
.btn-group {display: flex;flex-flow: row wrap;}
.btn-group button+button {
margin-right: 0;
}