/* 
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 */

.top-header {
    position: absolute;
    width: 100%;
    z-index: 999;
}

.hero-head span.blue {
    color: #13A5F8;
}

.hero-head span.yellow {
    color: #E69F00;
	font-weight:900;
}

.arrow-pos span.elementor-button-icon {
    transform: rotate(-45deg);
}

.hme-video .elementor-custom-embed-play::after {
    content: "Watch video";
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Inter';
    position: absolute;
    width: 100%;
    bottom: -25px;
    display: block;
}

.testimonial .elementor-element.e-child:hover
 {
    box-shadow: 0px 30px 50px 0px #0072b263;
}

.insightLop .post_title h2{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.glass-form-bg {
  background: rgba(255, 255, 255, 0.20); /* 20% white */
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: 16px;
  border: 1px solid rgb(255 255 255 / 20%);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.25);
}


.custm-btn span.elementor-button-text {
    background: var(--e-global-color-accent);
    padding: 20px 35px 20px 35px;
    border-radius: 50px;
}

.custm-btn span.elementor-button-icon {
    font-size: 35px;
    padding: 10px;
    background: var(--e-global-color-accent);
    border-radius: 50px;
}

.custm-btn span.elementor-button-text:hover {
    background: white;
	color: var(--e-global-color-accent);
}

.custm-btn span.elementor-button-icon:hover {
     background: white;
color: var(--e-global-color-accent);
}

.custm-btn span.elementor-button-content-wrapper
 {
    gap: 0 !important;
}

.ser-ul-inr ul {
    padding-left: 20px;
}

.ser-ul-inr strong {
    color: #0072B2;
}

.ser-ul-inr ul li {
    margin-bottom: 30px;
}

.insgipg span.page-numbers.current {
    background: var(--e-global-color-accent) !important;
}

.insgipg nav.elementor-pagination .page-numbers:hover {
    background: var(--e-global-color-accent);
}

.insgipg nav.elementor-pagination .page-numbers {
    background: #0072b27a;
    padding: 10px 20px;
    color: white !important;
    text-decoration: none;
}

.line-none a {
    text-decoration: none;
}


/* MEDIA QURIES */

@media screen and ( min-width: 1025px ) {
	
.logo-slider .e-n-carousel.swiper.offset-both.swiper-initialized.swiper-horizontal.swiper-pointer-events::before {
    content: "";
    background: #ffffff99;
    width: 100px;
    position: absolute;
    height: 100%;
    left: 0;
    z-index: 9;
}

.logo-slider .e-n-carousel.swiper.offset-both.swiper-initialized.swiper-horizontal.swiper-pointer-events::after {
    content: "";
    background: #ffffff99;
    width: 100px;
    position: absolute;
    height: 100%;
    right: 0;
    z-index: 9;
}
	
.logo-slider .elementor-widget-n-carousel .e-n-carousel.offset-both {
    padding-inline-start: 140px !important;
	padding-inline-end: 140px !important;
}
	
}

@media (min-width: 769px) and (max-width: 1024px) {
	
.logo-slider .e-n-carousel.swiper.offset-both.swiper-initialized.swiper-horizontal.swiper-pointer-events::before {
    content: "";
    background: #ffffff99;
    width: 60px;
    position: absolute;
    height: 100%;
    left: 0;
    z-index: 9;
}

.logo-slider .e-n-carousel.swiper.offset-both.swiper-initialized.swiper-horizontal.swiper-pointer-events::after {
    content: "";
    background: #ffffff99;
    width: 60px;
    position: absolute;
    height: 100%;
    right: 0;
    z-index: 9;
}
	
	
	
}


@media screen and ( max-width: 1024px ) {
	.bgrem-screen {
    background-image: none !important;
}
}