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

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{color:#AEB0B2; background:#121212; border-radius: 5px; padding:8px 20px; width:100%; border:0px !important;}

textarea {height: 120px;}

.elementor-image-box-img { overflow:hidden;}
.elementor-image-box-content{    /* background: #273158 !important; */
    background: linear-gradient(152deg, rgba(39, 49, 88, 1) 0%, rgb(41 77 125) 100%);}


.contact-form label { color: #aeb0b2; font-size: 15px; font-weight: 300; margin-bottom: 8px;}

.contact-form input[type="submit"]{font-size:15px; font-weight:300; background:#3773ff; color:#fff; border:0px; padding:14px 10px; width:100%; border-radius: 50px;}

.support-menu ul {text-align:center; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}

.support-menu ul li a{ display:block; text-align:left}

.wpcf7-spinner {
    position: absolute;
    right: 0px;
}

.marquee {
  overflow: hidden;
  width: 100%;

}
.marquee-inner {
  display: flex;
  gap: 2rem;               /* items ke beech space */
  white-space: nowrap;
  will-change: transform;
  animation: scroll-left 10s linear infinite;
  position: relative;
}

.marquee-inner span{ position:relative;}
.marquee-inner span::before {
  content: "\f621"; 
  font-family: "Font Awesome 5 Free";  /* Elementor FA font */
  font-weight: 900;             
  margin-right:25px;
  font-size:26px;
  color:#151515;
}




.marquee-inner > * {
  display: inline-flex;
  align-items: center;
}

.marquee-inner span {
  font-size:24px;
	color:white;
  font-weight: 500;
}

.marquee-inner svg {
  flex-shrink: 0;
}

/* Animation */
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}



.sp-pcp-post{    background: #30303087 !important; color:#fff;
    padding:20px !important;
	margin:15px !important;
    border-radius: 15px !important; font-family:"Varela Round", Sans-serif !important}
.sp-pcp-title a{ font-weight:600 !important;
	color:#fff !important; font-size:23px !important;}

.sp-pcp-post-content p {
    display: -webkit-box;      
    -webkit-line-clamp: 3;       
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; 
	color:#fff;
	
	font-family: "Roboto", Sans-serif;
    font-size: 16px !important;
    font-weight: 300;
    line-height: 26px !important;
    color: #D1D1D1 !important;
}

.pcp-readmore-link{    background-color: var(--e-global-color-primary) !important;
    font-family: "Varela Round", Sans-serif;
    font-size: 14px !important;
    font-weight: 300 !important;
    color:#fff !important;
    border-radius: 200px !important;
    padding: 10px 25px 10px 25px !important;}

.pcp-pagination{ display:none !important}

.sp-pcp-post .sp-pcp-post-meta {
    margin: 20px 0 15px 0 !important;
    text-align: left;
    color: #fff !important;
}
.sp-pcp-post .sp-pcp-post-meta li, .sp-pcp-post .sp-pcp-post-meta li a { color:#fff !important; font-size:14px !important;}


.faq .e-n-accordion-item-title{    display: flex;
    justify-content: space-between !important;}

div#wpcf7-f580-o1 input[type="email"]{background: #fff;
    border-radius: 5px;
    padding: 16px 20px;
    width: 65%;
    float: left;
    margin-right: 10px;}

div#wpcf7-f580-o1 input[type="submit"]{background: #000;
    border-radius: 5px;
    padding: 1rem 2.675rem;
    color: #fff;
    border: none;
    font-size:18px !important;
    font-weight: 600;}



@media (max-width:767px) {
	
	.home-banner .elementor-element-5ba9744{ order:1;}
	.home-banner .e-con-inner{ display: flex;flex-direction: column-reverse !important;}
	.home-banner .elementor-element-79b61c0{ display: flex; justify-content: center;}
	.marquee-inner span {font-size: 20px;}
	.support-menu ul{align-items: center;}
}

























#darkModeToggle {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 8px 15px;
    background-color: #007bff; /* blue color */
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    z-index: 9999;
    font-size: 14px;
}

body.dark-mode {
    background-color: #121212;
    color: #ffffff;
}