/*
Theme Name: wurx
Theme URI: http://example.com/my-theme
Author: Your Name
Author URI: http://example.com
Description: A custom theme using Tailwind CSS.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-theme
*/

.text-dark {
  color: #26103d;
}

.text-light {
  color: #541680;
}

.text-purple {
  color: #b310b8;
}

.text-yellow {
  color: #fad97f;
}

.text-quote {
  color: #6d597a47;
}

.text-r {
  color: #ff4949;
}

.bg-dark {
  background-color: #26103d;
}

.bg-light {
  background-color: #541680;
}

.bg-purple {
  background-color: #b310b8;
}
.bg-light-purple {
  background-color: #d7c4ec;
}

.bg-light-white {
  background-color: #f2f2f2;
}
.pri-btn {
  color: white;
  background-color: #fd2233;
  border: none;
  outline: none;
  border-radius: 20px;
  padding: 10px 50px;
  transition: 0.5s;
display: inline-block;
    margin-top: 40px;
}

.pri-btn:hover {
  transform: scale(1.1);
}

/* Carousel */

.glide__arrow {
  color: black !important; /* Change arrow color to black */
  background: transparent !important;
}

.glide__arrow:hover {
  color: gray; /* Optional: Change color on hover for better UX */
}

.glide__slide__img {
  transition: 0.5s;
  border-radius : 6px;
}

.glide__slide__img:hover {
  transform: scale(1.05);
}

/* Carousel */


.wpcf7 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

input:focus {
    outline : none !imporatnt;
    border : none !important;
}

input {
    border : 1px solid #26103d;
    border-radius : 6px;
    padding : 5px 10px;
    margin : 10px 0;
    background : transparent;
}

textarea {
    border : 1px solid #26103d;
    border-radius : 6px;
    resize : none;
    width : 100%;
    height : 100px !important;
    padding : 3px 10px;
    background : transparent;
}

input[type="submit"] {
    background : #fd2233;
    border : none !important;
    color : white;
    width : 100%;
    padding : 6px 10px;
    margin : 20px 0;
    font-weight : bold;
}

label {
    color : #26103d;
    font-weight : bold;
}

.mobile-menu {
    z-index : 10000000000000000 !important;
}