/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1758707523
Updated: 2025-09-24 09:52:03

*/

html, body{
	overflow-x: hidden;
}
/* home ticker */
/* your base logic, adjusted for chips */
.marquee {
  position: relative;
  width: 100vw;
  max-width: 100%;
  height: 48px;               /* adjust height for chips */
  overflow: hidden;
}

.track {
  position: absolute;
  display: inline-flex;       /* belt contains two identical halves */
  white-space: nowrap;
  will-change: transform;
  animation: marquee 22s linear infinite;  /* change speed here */
}

.content {
  display: inline-flex;
  gap: 18px;                  /* spacing between chips */
  align-items: center;
  padding: 10px 12px;         /* inner breathing space; same on both halves */
}

.chip {
  display: inline-block;
  white-space: nowrap;
  padding: 6px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 999px;
  background: #fff;
  font: 500 14px/1.1 "Montserrat", Sans-serif;
  color: #2B2B2B;
}

@keyframes marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }   /* move exactly one content copy */
}
.book-service a{
	width: 100%;
}
/*margin remove */
.sitemain-footer p{
	margin : 0 !important;
}
/*sticky headre bg color on scroll*/
/* html, body {
max-width: 100%;
overflow-x: hidden;
} */
/* .stickyHeader {
background-color: rgba(0, 71, 206, 0.8);
position: fixed;
width: 100% ;
top: 0 ;
transition: all 0.3s ease-in-out ;
} */
/* initial state when page loads / at the very top */
/* Make Elementor header fully transparent when at the top */
.clearHeader,
.clearHeader.elementor-section,
.clearHeader .elementor-container,
.clearHeader .elementor-section,
.clearHeader .elementor-widget-wrap {
  background: transparent !important;
  box-shadow: none !important;
}

/* Keep your sticky look when scrolled */
.stickyHeader {
  background-color: #2c4a3eab;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  transition: background-color .3s ease-in-out;
}
/*contact form */
.firstrow, .secondrow {
    display: flex;
    column-gap: 20px;
}
.getintouch-sec input, .getintouch-sec select, .getintouch-sec textarea {
    border: 0px;
    border-bottom: 1px solid #2c4a3e;
    border-radius: 0px !important;
	font-family: 'Montserrat';
    font-size: 18px;
	color: #2c4a3e;
}
.getintouch-sec input::placehoder, .getintouch-sec select::placeholder, .getintouch-sec textarea::placeholder {
	color: #2c4a3e;
}
.getintouch-sec input:focus-visible, .getintouch-sec select:focus-visible, .getintouch-sec textarea:focus-visible {
    outline: 0;
}
.getintouch-sec textarea{
	height:160px ;
}
.sub-btn input {
    background-color: rgb(44, 74, 62);
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.1px;
	border: 0 ;
    border-radius: 0px;
    padding: 12px 28px;
	margin-top: 40px;
	color: #ffff;
}
.sub-btn input:hover{
	background-color: var(--e-global-color-a5b7018);
    color: #2c4a3e;
	border: 0 ;
}
.agree-checkbox span {
    font-family: 'Montserrat';
    font-size: 16px;
}
@media(max-width:767px){
	.getintouch-sec input[type="checkbox"] {
    width: unset !important;
}
}
@media(min-width:320px) and (max-width:1024px){
	.firstrow, .secondrow {
    display: flex;
    column-gap: 20px;
    flex-wrap: wrap;
}
	p.course-choice, .getintouch-sec input, .getintouch-sec select, .getintouch-sec textarea {
    width: 100% !important;
}
	.getintouch-sec input[type="checkbox"] {
    width: unset !important;
}
}
@media(min-width:1025px){
	p.course-choice {
    width: 50% !important;
}
}