.rahat-form select,
.rahat-form textarea,
.rahat-form input{
display: block;
margin: 5px 0px;
}
.rahat-form .form-header {
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
}
.rahat-form img {
width: 75%;
margin: auto;
}
.r-title {
text-align: center;
margin-bottom: 5px;
}
.rahat-chat {
position: fixed;
bottom: 10px;
right: -400px;
z-index: 99999999;
transform: rotate(360deg);
background: white;
padding: 20px;
border: 1px solid white;
border-radius: 8px;
cursor: pointer !important;
font-weight: 600;
height: 120px;
width: 120px;
border-radius: 50%;
-webkit-animation: slide 1s forwards;
-webkit-animation-delay: 2s;
animation: slide 1s forwards;
animation-delay: 2s;
}
.chat-text {
position: absolute;
bottom: 0px;
z-index: 9999999999999;
font-size: 13px;
overflow: hidden;
font-weight: 700;
color: white;
background: black;
padding: 5px 10px;
left: -124px;
}
/* animation for chat */
@keyframes flickerAnimation {
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
.animate-flicker {
-webkit-animation: flickerAnimation 3s infinite;
-moz-animation: flickerAnimation 3s infinite;
-o-animation: flickerAnimation 3s infinite;
animation: flickerAnimation 3s infinite;
}
/* Right Slide Animation */
@-webkit-keyframes slide {
100% { right: 3px; }
}
@keyframes slide {
100% { right: 3px; }
}
@media only screen and (max-width: 768px) {
.pum-container.popmake{
top: 10%;
}
.rahat-chat {
height: 80px;
width: 80px;
}
.rahat-header .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
padding: 2px;
}
.rahat-heroo {
margin-top: 0px !important;
}
.header-img .elementor-widget-container {
margin-top: 0px !important;
}
.col-mobile-fix .elementor-widget-wrap.elementor-element-populated {
flex-direction: column-reverse;
}
.pum-container.popmake.pum-responsive{
top:15% !important;
max-width: 88% !important;
}
.sss-section{
/* background-image: url(“https://bridgersandsonhvac.com/wp-content/uploads/2022/04/Hero-Image-1-1.jpg”) !important; */
}
}
@media only screen and (max-width: 1200px) {
.rahat-heroo {
margin-top: 0px !important;
}
.header-img .elementor-widget-container {
margin-top: 0px !important;
}
.col-mobile-fix .elementor-widget-wrap.elementor-element-populated {
flex-direction: column-reverse;
}
}