/*
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.3.0.1747774724
Updated: 2025-05-20 20:58:44

*/

body{
	background:#010101 !important;
	overflow-x: hidden;
}
.anim_para p > div, .anim_class-heading{
	overflow: hidden;
}
/* Hero Section Styling Start*/

section.hero_section {
    position: relative;
    isolation: isolate;
}
section.hero_section .logo_initlized {
    position: absolute;
    width: 100%;
    max-width: 1780px !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	pointer-events: none;
	z-index: -5;
}
section.hero_section .logo_initlized img{
	width: 100%;
	animation: fadeInUp 750ms cubic-bezier(.1,.55,.4,1) forwards;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(60%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
section.hero_section .main_img img{
	transform: scale(1.25);
	-webkit-mask-image: linear-gradient(black 80%, transparent 100%);
  mask-image: linear-gradient(black 80%, transparent 100%);
}
@keyframes zoomInUp {
  from {
    scale : 1.25;
  }
  to {
    scale : 1;
  }
}
/* Hero Section Styling End*/
/* Rolodex Section Styling Start*/
section.scroll_section {
    position: relative;
    isolation: isolate;
}
section.scroll_section .sticky_section {
    height: calc(100vh - 100px);
    position: sticky;
    top: 50px;
	margin-top: 50px;
	transition: none !important;
	will-change: transform, filter;
  	transform-style: preserve-3d;
	filter: blur(0px);
	transform-origin: center center;
  backface-visibility: hidden; 
	transform-origin: center center;
}
section.scroll_section.home_scrolled .sticky_section {
    cursor: pointer;
}
/* Rolodex Section Styling End*/
/* Contact Section Styling Start*/
section.contact_section .gform_heading h2.gform_title {
    color: #fff;
    font-family: "DM Serif Display", sans-serif;
    font-size: 150px;
}
section.contact_section .gform_heading p.gform_description, section.contact_section .gform_heading p.gform_required_legend {
    display: none !important;
}
section.contact_section form .input_field .name_first > label {
    display: none !important;
}
section.contact_section .gform_heading {
	overflow: hidden;
}
section.contact_section form .ginput_container input,
section.contact_section form .ginput_container textarea{
    background: transparent;
    border: 0px;
    outline: none;
    box-shadow: none;
	height: 64px;
}
section.contact_section form legend.gfield_label,
section.contact_section form .gform-field-label{
    color: #fff;
    font-size: 40px  !important;
    justify-content: flex-start;
    align-items: flex-start;
    font-family: "Nexa", Sans-serif;
    font-weight: 600  !important;
}
section.contact_section form legend.gfield_label > span.gfield_required .gfield_required_asterisk {
    font-size: 40px  !important;
    color: #fff;
}
section.contact_section form .ginput_container input::placeholder,
section.contact_section form .ginput_container textarea::placeholder,
section.contact_section form .ginput_container input,
section.contact_section form .ginput_container textarea{
    color: #3B3B3B;
    font-size: 40px  !important;
}

section.contact_section form .ginput_container input,
section.contact_section form .ginput_container textarea{
	color: #fff;
}
section.contact_section form .ginput_container_email {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
section.contact_section form .ginput_container_email > span {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1 !important;
    min-width: 100%;
}
section.contact_section form .gfield--type-email legend.gfield_label.gform-field-label {
    display: none !important;
}
section.contact_section form .ginput_container_email >  .gf_clear.gf_clear_complex {
    display: none !important;
}
section.contact_section form > .gform-body.gform_body > .gform_fields,
section.contact_section form fieldset.input_field .ginput_complex{
    gap: 24px !important;
}
section.contact_section form .input_field:not(fieldset),
section.contact_section form fieldset.input_field .ginput_complex > span{
	position: relative;
	isolation: isolate;
	--width-before: 0px;
}

section.contact_section form .input_field:not(fieldset):before,
section.contact_section form fieldset.input_field .ginput_complex > span:before{
	content:"";
	width: var(--width-before);
	height: 1px;
	position: absolute;
	bottom: 0;
	left:0;
	background: #fff;
}
section.contact_section form input[type=submit] {
    background: #AC725C !important;
    border: 1px solid #AC725C !important;
    height: 100px !important;
    border-radius: 100px !important;
    font-size: 30px !important;
	font-family: "Nexa", Sans-serif !important;
}
section.contact_section form input[type=submit]:hover{
	background: transparent !important;
	color: #AC725C !important;
}
section.contact_section form .ginput_container_email > .ginput_right {
    padding: 0px !important;
}
/* Contact Section Styling End*/
/* Footer Styling Start*/
footer.main_footer .footer_menu nav.elementor-nav-menu--main > ul {
    justify-content: space-between !important;
    width: 100%;
}
footer.main_footer .reveal_heading, footer.main_footer .reveal_anim{
	overflow: hidden;
}
/* Footer Styling End*/
/* Header Styling Start*/
header.main_header .header_buttons {
    width: fit-content;
}
header.main_header .header_buttons > div > div:first-child span.elementor-button-content-wrapper {
    align-items: center;
}
header.main_header .main_menu .elementor-nav-menu > li:last-child,
header.main_header .main_menu .elementor-nav-menu > li:nth-last-child(2){
    display: none;
}
header.main_header {
    position: fixed;
    width: 100%;
    z-index: 1000;
    transform: translateY(0px);
    transition: none !important;
    top: 0;
    left: 0;
}
/* Footer Styling End*/
/* Responsive Styling Start*/
@media (max-width: 1380px){
	section.contact_section .gform_heading h2.gform_title {
    font-size: 130px;
}
	section.contact_section form .ginput_container input::placeholder,
section.contact_section form .ginput_container textarea::placeholder,
		section.contact_section form .ginput_container input,
section.contact_section form .ginput_container textarea{
    font-size: 32px;
}
}
@media (max-width: 1280px){
	section.scroll_section .sticky_section {
    height: calc(100vh - 150px);
}
	section.contact_section .gform_heading h2.gform_title {
    font-size: 110px;
}
	section.contact_section form .ginput_container textarea{
		height: 120px;
	}
}
@media (max-width: 1024px){
	header.main_header .main_menu .elementor-nav-menu > li:last-child,
header.main_header .main_menu .elementor-nav-menu > li:nth-last-child(2){
    display: block;
}
	section.contact_section .gform_heading h2.gform_title {
    font-size: 80px;
}
	section.contact_section form legend.gfield_label, section.contact_section form .gform-field-label {
    font-size: 24px !important;
}
	section.contact_section form input[type=submit] {
    height: 70px !important;
    font-size: 20px !important;
}
	header.main_header .main_menu > .elementor-widget-container {
    max-width: inherit;
    width: fit-content;
}
	header.main_header .main_menu {
    max-width: 30px;
    width: 40px;
	position: static !important;
}
	header.main_header .main_menu > div > nav.elementor-nav-menu--dropdown {
    position: absolute;
    top: 80px;
    left: 20px;
    right: 20px;
}
}
@media (max-width: 767px){
	section.scroll_section .sticky_section {
    height: 50vh;
}
		section.contact_section form .ginput_container input::placeholder,
section.contact_section form .ginput_container textarea::placeholder,		
section.contact_section form .ginput_container input,
section.contact_section form .ginput_container textarea{
    font-size: 20px;
}
	section.contact_section form legend.gfield_label > span.gfield_required .gfield_required_asterisk {
    font-size: 24px  !important;
}
	section.contact_section .gform_heading h2.gform_title {
    font-size: 40px;
}
		section.contact_section form input[type=submit] {
    height: 60px !important;
    font-size: 18px !important;
}
}
/* Responsive Styling End*/