/*
Theme Name: My Child Theme
Theme URI: https://rsrajpoottech.com/
Description: Child Theme of Parent Theme
Author: Your Name
Author URI: https://rsrajpoottech.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: my-child-theme
*/

/* Custom CSS starts here */

/*=====================================
  ROOT VARIABLES
=====================================*/
:root{

    /* Primary Colors */
    --primary-color: #2563EB;
    --primary-dark: #1D4ED8;
    --primary-light: #EEF4FF;

    /* Secondary */
    --secondary-color: #0F172A;

    /* Text Colors */
    --text-dark: #111827;
    --text-color: #374151;
    --text-light: #6B7280;
    --text-white: #FFFFFF;

    /* Background */
    --bg-white: #FFFFFF;
    --bg-light: #F8FAFC;
    --bg-gray: #F3F4F6;
    --bg-dark: #111827;

    /* Border */
    --border-color: #E5E7EB;

    /* Success */
    --success: #10B981;

    /* Warning */
    --warning: #F59E0B;

    /* Danger */
    --danger: #EF4444;

    /* Shadow */
    --shadow: 0 10px 30px rgba(0,0,0,.08);

    /* Border Radius */
    --radius: 12px;
    --radius-lg: 20px;

    /* Transition */
    --transition: all .3s ease;

	
}

body{
    background: var(--bg-white);
    color: var(--text-color);
    font-family: 'Manrope', sans-serif;
}

.btn-primary{
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-primary:hover{
    background: var(--primary-dark);
    border-color: var(--primary-dark);
}

.hero-title{
    color: var(--text-dark);
}

.hero-title span{
    color: var(--primary-color);
}

.hero-desc{
    color: var(--text-light);
}

.card{
    background: var(--bg-white);
    border: 1px solid var(--border-color);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}

.nf-form-fields-required{
	display:none;
}

label{
	font-weight: 400 !important;
	font-size: 15px;
	color: #364153;
}
.label-above .nf-field-label {
	margin-bottom: 7px;
}
.nf-field-element input,.nf-field-element textarea{
	border: 1px solid #d1d5dc;
	border-radius: 8px;
	height: 50px !important;
	outline: 0;
}
.nf-field-element textarea{
height: 120px !important;
}
.nf-field-element input:focus,.nf-field-element textarea:focus {
	border-color: #1447e6;
}
#ninja_forms_required_items, .nf-field-container {
	margin-bottom: 10px !important;
}

.ninja-forms-field[type="submit"]{
	width: 100% !important;
	background: #1447e6;
	color: #fff;
	border-radius: 14px;
	font-weight: 600 !important;
	outline: 0 !important;
	margin-top: 15px;
}
.nf-after-field .nf-error-msg {
	margin-right: 10px;
	font-size: 11px;
	line-height: 10px;
	padding-left: 10px;
}

    .post-marquee{
        width:100%;
        overflow:hidden;
        padding:12px 0;
    }

    .post-marquee-track{
        display:flex;
        width:max-content;
        animation:marquee 30s linear infinite;
    }

    .post-marquee-track:hover{
        animation-play-state:paused;
    }

 .post-item {

	margin-right: 20px;
	text-decoration: none;
	font-size: 20px;
	font-weight: 700;
	background: #fff;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0px 0px 10px #eee;
	width: 260px;
}

    .post-item img{
        width:40px;
        height:40px;
        border-radius:50%;
        object-fit:cover;
    }
.post-item p{
	
	font-weight: 400;
  font-size: 14px;
	
}

  .post-item i {
	width: 40px;
	height: 40px;
	background: #dbeafe;
	color: #0B5ED7;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	margin-bottom: 12px;
	transition: all 0.3s ease;
}
.post-item:hover {
    transform: translateY(-10px);
	transition: all 0.3s ease;
	box-shadow: 0px 4px 15px #eee;
}

    @keyframes marquee{
        from{transform:translateX(0);}
        to{transform:translateX(-50%);}
    }
@media (max-width: 767px) {

.hfe-pointer__double-line .menu-item.parent a.hfe-menu-item::before, .hfe-pointer__double-line .menu-item.parent a.hfe-menu-item::after, .hfe-pointer__underline .menu-item.parent a.hfe-menu-item::before, .hfe-pointer__underline .menu-item.parent a.hfe-menu-item::after, .hfe-pointer__overline .menu-item.parent a.hfe-menu-item::before, .hfe-pointer__overline .menu-item.parent a.hfe-menu-item::after {
	height: 3px;
	width: 100%;
	left: 0;
	background-color: #55595c;
	z-index: 2;
	display: none;
}
}