/*
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
*/



/* Start Global Style*/

/*Fonts*/
/* English font */
body.lang-en {
  font-family: 'Poppins', sans-serif;
}

/* Arabic font */
body.lang-ar {
  font-family: 'Cairo', sans-serif;
}

/*Red*/
.bg-red-custom {
    background : #F63323;
}
.text-red-custom {
    color : #F63323;
}

/*Yellow*/

.bg-yellow-custom {
    background : #FDE000;
}
.text-yellow-custom {
    color : #FDE000;
}
.text-dark {
    color : #4F4C4D;
}
.text-desc {
    color : #5B585A;
}
.h-97 {
    height : 97vh;
}

.head_background {
    position : relative;
}



.red_line {
    position : relative;
}
.red_line::before {
    content : "";
    position : absolute;
    top : 0;
    right : 0;
    background : #F63323;
    width : 20%;
    height : 30px;
}

.pagination {
    display : flex;
    align-items : center;
    justify-content : center;
    gap : 5px;
}

.pagination .page-numbers {
    display : block;
    width : 25px;
    height : 25px;
    background : #F63323;
    color : white;
        display : flex;
    align-items : center;
    justify-content : center;
    border-radius : 50%;
}



.pagination .page-numbers.current {
    background : #FDE000;
}

.more-btn {
    transition : 0.5s;
}

.more-btn:hover {
    transform : scale(1.1);
}

.wpcf7 form.sent .wpcf7-response-output {
    border : none !important;
    color : #46b450 !important;
}
/*End Global Style*/


/*Start Home*/

/*#landing::after {*/
/*    content: "";*/
/*    position : absolute;*/
/*    top :0;*/
/*    left:0;*/
/*    width: 100%;*/
/*    height:100%;*/
/*    background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.1) 100%);*/
/*}*/




.text-underline-banner::after {
    content: "";
    position: absolute;
    bottom: -20px;
    right: 0;
    width: 100%;
    height: 10px;
    background: #F63323;
}

.shop_section {
    position : relative;
}

/*End Home*/

/*start Memo*/

.sts-memories {
    position : relative;
}




/*end Memo*/





