/* 
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 a:focus {
    outline: none !important;
}
body p{
	margin:0;
}
.slick-slider .slick-slide {
  margin: 0 10px; /* left & right space */
}

body a:hover img{
	opacity:1 !important;
}


.slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 2px;
}
.slick-list {
    width: 100%;
}


.slick-dots li button:before {
    font-size: 10px;
}
@media(max-width:1024px){	
	 .footer_wrap .footer_inner {
        display: none;
    }
    .footer_link h2:after {
        float: right;
        float: right;
        width: 20px;
        height: 20px;
        content: "";
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23282828"><path d="M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"></path></svg>');
        display: inline-block;
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .active_header.footer_link h2:after {
        transform: rotate(180deg);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
}

@media(min-width:1440px){
.e-con-boxed.e-parent {
    padding: 0 15px;
}	
}
@media(max-width:1440px){
.e-con-boxed.e-parent {
    padding: 0 50px;
}	
}
@media(max-width:1199px){
.e-con-boxed.e-parent {
    padding: 0 30px;
}	
}
@media(max-width:1024px){
.e-con-boxed.e-parent {
    padding: 0 25px;
}	
}
@media(max-width:767px){
    .pum-theme-112 .pum-container .popup-contact {
        height: 470px;
        overflow: auto;
        display: flex;
        flex-wrap: nowrap;
        width: 100% !important;
        overflow-x: hidden;
    }
.e-con-boxed.e-parent {
    padding: 0 15px;
}	
}



/* --- Back-to-top button base (keeps your current look, only augments) --- */
#scroll-top {
  border-radius: 50%;
  display: flex;
	width:44px;
	height:44px;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  cursor: pointer;
  transition: transform .2s ease, opacity .2s ease;
  -webkit-tap-highlight-color: transparent;
  /* optional shadow to lift it */
  box-shadow: 0 6px 18px rgb(255 255 255 / 12%);
  background: #2D5F72 !important; /* fallback bg if your theme doesn't set it */
  color: #fff;
	opacity: 1;
	border:3px solid #2D5F72;
}
#scroll-top i {
    position: relative;
    z-index: 2;
    font-size: 20px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
/* hide when near top */
#scroll-top.hidden {
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px) scale(.95);
}

/* circular progress using pseudo-element and conic-gradient */
#scroll-top::after{
  content: "";
  position: absolute;
  inset: 0; /* fill exactly */
  border-radius: 50%;
  padding: 4px; /* thickness of ring */
  /* Use transparent conic-gradient that will be updated via CSS variable */
  background:
    conic-gradient(var(--progress-color, #00bcd4) var(--progress, 0%), transparent 0);
  -webkit-mask: 
    radial-gradient(farthest-side, transparent calc(100% - 3px), black calc(100% - 3px));
  mask: 
    radial-gradient(farthest-side, transparent calc(100% - 3px), black calc(100% - 3px));
  pointer-events: none;
  transform: rotate(-90deg); /* start from top */
}

/* center icon above the ring */
#scroll-top i {
  position: relative;
  z-index: 2;
  font-size: 20px;
  line-height: 1;
}

/* small screen adjustments */
@media (max-width: 480px) {
  #scroll-top {
    right: 12px;
    bottom: 12px;
    width: 48px;
    height: 48px;
  }
}

/* Fallback if conic-gradient not supported: show thin bar */
@supports not (background: conic-gradient(#fff 0%)) {
  #scroll-top::after {
    display: none;
  }
  #scroll-top::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    height: 4px;
    background: linear-gradient(90deg, var(--progress-color, #00bcd4) 0%, transparent 0%);
    transform-origin: left center;
    z-index: 1;
    pointer-events: none;
  }
}


.slick-dots li button:hover, .slick-dots li button:focus {
    background: transparent !important;
}