/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

body, html{
	overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
}

::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #f4f5f5;
}
::-webkit-scrollbar-thumb {
  background: #0054C7;
}

::selection {
    background: #0054C7;
    color: white;
}

::-moz-selection {
    background: #0054C7;
    color: white;
}

nav.rank-math-breadcrumb p span, nav.rank-math-breadcrumb p a, nav.rank-math-breadcrumb p,
.epbrd span, .epbrd a, .epbrd li {
	text-transform: uppercase!important;
	font-size: 16px!important;
	color: black!important;
	font-family: "PF Bague Sans Pro", Sans-serif!important;
	font-weight: 500!important;
	margin: 0!important;
}




/************** efarmoges category shortcode ******************/

.efboxyy .e-con-full.bg-img.e-flex.e-con.e-child {
    background-size: cover!important;
}

.efboxyy .bg-img {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.efboxyy:hover .bg-img {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
}

.efboxyy .title {
    transition: all 0.3s ease-out;
   position: absolute;
   bottom: 42px;
}
.efboxyy:hover .title {
   position: unset;
   bottom: unset;
}
.efboxyy .btn, .efboxyy .desc {
    transition: all 0.3s ease-out;
    opacity: 0;
    margin-bottom: -36px;
}
.efboxyy:hover .btn,
.efboxyy:hover .desc {
    opacity: 1;
    margin-bottom: 0;
}

.efboxyy .title a, .efboxyy .btn a {
        color: white!important;
    }
@media (max-width:880px) {
    .efboxyy .title a {
        color: black!important;
    }
    .efboxyy .hover-boxy {
        position: relative;
        background-color:white;
    }
    .efboxyy .btn, .efboxyy .desc  {
    transition: all 0.3s ease-out;
    opacity: 1;
    margin-bottom: 0;
}
.efboxyy .title {
    transition: all 0.3s ease-out;
   position: unset;
   bottom: unset;
}
.efboxyy .desc, .efboxyy .btn span {
    color: black!important;
}
.efboxyy .btn svg {
    filter: brightness(1) invert(1);
    fill: black;
}

.efboxyy span.elementor-icon-list-icon {
    border: 1px solid black;
}
.efboxyy {
    overflow: hidden;
}
}


ul {
	margin: 10px 0 30px;
}
li {
	margin: 10px 0;
}

.gallery-columns-2  {
    display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  padding: 20px 0;
	    align-items: center;
}


/* Gallery Container */
.gallery-columns-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding: 20px 0;
	    align-items: center;
}
.gallery-columns-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  padding: 20px 0;
	    align-items: center;
}

/* Gallery Items */
.gallery-columns-4 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-2 .gallery-item  {
  margin: 0;
  list-style: none;
}

.gallery-columns-4 .gallery-icon, .gallery-columns-3 .gallery-icon, .gallery-columns-2 .gallery-icon {
  position: relative;
  overflow: hidden;
}

.gallery-columns-4 .gallery-icon a, .gallery-columns-3 .gallery-icon a, .gallery-columns-2 .gallery-icon a {
  display: block;
  line-height: 0;
}

.gallery-columns-4 .gallery-icon img, .gallery-columns-3 .gallery-icon img, .gallery-columns-2 .gallery-icon img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
}

/* Optional hover effect */
.gallery-columns-4 .gallery-icon a:hover img, .gallery-columns-3 .gallery-icon a:hover img, .gallery-columns-2 .gallery-icon a:hover img {
  transform: scale(1.05);
}

/* Responsive Breakpoints */
@media (max-width: 1024px) {
  .gallery-columns-4, .gallery-columns-3  {
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
  }
}

@media (max-width: 768px) {
  .gallery-columns-3, .gallery-columns-4  {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}

@media (max-width: 480px) {
  .gallery-columns-4, .gallery-columns-3, .gallery-columns-2  {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}




.wpml-ls-current-language {
	font-weight: 700!important;
}