/* ------------------------------------------------------------------------------------------------------- */

.random-message-view {
display: inline;
width: 100%;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
}

/* ------------------------------------------------------------------------------------------------------- */

.popup {
position: fixed;
left: 50%;
right: 50%;
width: 1150px;
margin: 0 auto 0 auto;
padding: 25px 50px 25px 50px;
bottom: 50px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
background: #FFFFFF;
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
z-index: 1000;
-webkit-transition: opacity 2.5s;
-moz-transition: opacity 2.5s;
-ms-transition: opacity 2.5s;
-o-transition: opacity 2.5s;
transition: opacity 2.5s;
opacity: 1;
-webkit-animation: smooth-appear 1s ease forwards;
-moz-animation: smooth-appear 1s ease forwards;
-ms-animation: smooth-appear 1s ease forwards;
-o-animation: smooth-appear 1s ease forwards;
animation: smooth-appear 1s ease forwards;
-webkit-border-radius: 17.5px 17.5px 17.5px 17.5px;
-moz-border-radius: 17.5px 17.5px 17.5px 17.5px;
-ms-border-radius: 17.5px 17.5px 17.5px 17.5px;
-o-border-radius: 17.5px 17.5px 17.5px 17.5px;
border-radius: 17.5px 17.5px 17.5px 17.5px;
border: 2px solid #23046E;
}

.hidden {
display: none;
}

.close {
cursor: pointer;
position: absolute;
top: 2.5px;
right: 10px;
color: #1F27F1;
opacity: 1;
font-family: 'Figtree', sans-serif, 'Manrope', 'Inter', sans-serif, Arial, Verdana, Helvetica;
font-optical-sizing: auto;
font-weight: 900;
font-size: 2em;
letter-spacing: -0.0175em;
line-height: 1.1125;
text-decoration: none;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}

.close:visited {
opacity: 1;
color: #23046E;
text-decoration: none;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}

.close:hover {
opacity: 1;
color: #23046E;
text-decoration: none;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}

.close:active {
opacity: 1;
color: #23046E;
text-decoration: none;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}

.popup h2 {
width: 100%;
margin: 0 0 12.5px 0;
padding: 0 0 0 0;
font-family: 'Figtree', sans-serif, 'Manrope', 'Inter', sans-serif, Arial, Verdana, Helvetica;
font-optical-sizing: auto;
font-weight: 900;
font-size: 1.475em;
letter-spacing: -0.0175em;
line-height: 1.1125;
text-align: left;
opacity: 1;
}

.popup .small-text {
font-size: 0.925em;
}

.popup .bold-text {
font-weight: 900;
}

.popup-message-section-container {
display: flex;
align-items: center;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.popup-message-section-container-left {
float: left;
width: calc(100% - 150px);
padding: 0 0 0 0;
margin: 0 0 0 0;
padding: 0 50px 0 0;
}

.popup-message-section-container-right {
float: right;
width: 150px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/* ------------------------------------------------------------------------------------------------------- */

.popupwhatsapp {
position: fixed;
left: calc(125px + 25px);
width: 250px;
margin: 0 auto 0 auto;
padding: 25px 25px 25px 25px;
bottom: 50px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
background: #FFFFFF;
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
z-index: 1000;
-webkit-transition: opacity 2.5s;
-moz-transition: opacity 2.5s;
-ms-transition: opacity 2.5s;
-o-transition: opacity 2.5s;
transition: opacity 2.5s;
opacity: 1;
-webkit-animation: smooth-appear 1s ease forwards;
-moz-animation: smooth-appear 1s ease forwards;
-ms-animation: smooth-appear 1s ease forwards;
-o-animation: smooth-appear 1s ease forwards;
animation: smooth-appear 1s ease forwards;
-webkit-border-radius: 17.5px 17.5px 17.5px 17.5px;
-moz-border-radius: 17.5px 17.5px 17.5px 17.5px;
-ms-border-radius: 17.5px 17.5px 17.5px 17.5px;
-o-border-radius: 17.5px 17.5px 17.5px 17.5px;
border-radius: 17.5px 17.5px 17.5px 17.5px;
border: 2px solid #23046E;
}

.hiddenwhatsapp {
display: none;
}

.popupwhatsapp h2 {
width: 100%;
margin: 0 0 12.5px 0;
padding: 0 0 0 0;
font-family: 'Figtree', sans-serif, 'Manrope', 'Inter', sans-serif, Arial, Verdana, Helvetica;
font-optical-sizing: auto;
font-weight: 900;
font-size: 1.475em;
letter-spacing: -0.0175em;
line-height: 1.1125;
text-align: center;
opacity: 1;
}

.popupwhatsapp .small-text {
font-size: 0.925em;
text-align: center;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.popupwhatsapp .bold-text {
font-weight: 900;
}

.popupwhatsapp-message-section-container {
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.popupwhatsapp-message-section-container img {
display: block;
width: calc(100% - 50px);
margin: 5px 25px 12.5px 25px;
padding: 0 0 0 0;
opacity: 1;
border: 0;
border: none;
-webkit-border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
-ms-border-radius: 0 0 0 0;
-o-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
}

/* ------------------------------------------------------------------------------------------------------- */

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

/* ------------------------------------------------------------------------------------------------------- */

.random-message-view {
display: none;
}

/* ------------------------------------------------------------------------------------------------------- */

}

/* ------------------------------------------------------------------------------------------------------- */