/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
.contact-us-section .right-side .form-group {position: relative; }
.contact-us-section .right-side .form-group:last-child::before {display: none; }
body {scroll-behavior: smooth !important; }
.contact-us-section .right-side .form-group:before {content: ""; background: url(/wp-content/uploads/2025/10/user.png); background-repeat: no-repeat !important; position: absolute; top: 17px; margin: auto; width: 24px; left: 20px; height: 100%; display: flex ; background-size: contain !important;}
.contact-us-section .right-side .form-group:first-child:before {width: 21px; } 
.contact-us-section .right-side .form-group:nth-child(2):before {background: url(/wp-content/uploads/2025/10/phone.png); }
.contact-us-section .right-side .form-group:nth-child(3):before {background: url(/wp-content/uploads/2025/10/envelope-ment.png); top: 20px; }
.contact-us-section .right-side .form-group:nth-child(4):before {background: url(/wp-content/uploads/2025/10/comment.png); }

@media only screen and (max-width: 767px) {
.contact-us-section .right-side .form-group:before {left: 15px; }
.contact-us-section .right-side .form-group textarea {padding-top: 15px !important; }
}


.hero-section { opacity: 0; animation: fadeInBg 2s ease-in forwards; animation-delay: 0.5s; /* thoda delay dena ho to */ }

@keyframes fadeInBg { from { opacity: 0; } to { opacity: 1; } }

.titles .brxe-text-basic {
  opacity: 0;
  animation: fadeInOut 7s ease-in-out infinite;
}

/* Har line ek ke baad ek appear kare */
.titles .brxe-text-basic:nth-child(1) {
  animation-delay: 0s;
}
.titles .brxe-text-basic:nth-child(2) {
  animation-delay: 1s;
}
.titles .brxe-text-basic:nth-child(3) {
  animation-delay: 2s;
}
.titles .brxe-text-basic:nth-child(4) {
  animation-delay: 3s;
}

/* Keyframes for fade-in and fade-out */
@keyframes fadeInOut {
  0% { opacity: 0; transform: translateY(-10px); }
  15% { opacity: 1; transform: translateY(0); }   /* smooth fade-in */
  70% { opacity: 1; transform: translateY(0); }   /* visible */
  100% { opacity: 0; transform: translateY(0px); } /* fade-out */
}