/*!
Theme Name: Nakasawa
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: nakasawa
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Nakasawa is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/* Reset */
*,
*::before,
*::after {
	box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
	scroll-behavior: smooth;
    font-size: 14px;
}
body {
	background: #0A0E18;
    color: #fff;
    font-family: 'Barlow', sans-serif;
    overflow-x: hidden;
}

/* ── CURSOR ── */
* { cursor: none !important; }

#cursor-ring {
    position: fixed; top: 0; left: 0;
    pointer-events: none; z-index: 99999;
    width: 28px; height: 28px;
    border: 1px solid rgba(200,49,42,.55);
    border-radius: 50%;
    transform: translate(-50%,-50%);
    transition: transform .08s linear, width .22s ease, height .22s ease,
                border-color .22s ease, opacity .22s ease;
}

#cursor-dot {
    position: fixed; top: 0; left: 0;
    pointer-events: none; z-index: 100000;
    width: 4px; height: 4px;
    background: #fff; border-radius: 50%;
    transform: translate(-50%,-50%);
    transition: transform .04s linear;
}

#cursor-ring.hovering {
    width: 44px; height: 44px;
    border-color: rgba(200,49,42,.9);
}

#cursor-ring.clicking {
    transform: translate(-50%,-50%) scale(.7);
}

#cursor-crossh {
    position: fixed; top: 0; left: 0;
    pointer-events: none; z-index: 99998;
    transform: translate(-50%,-50%); opacity: .18;
}

#cursor-crossh::before,
#cursor-crossh::after {
    content: ''; position: absolute;
    background: rgba(200,49,42,.6);
}

#cursor-crossh::before { width: 1px; height: 12px; left: 0; top: -6px; }
#cursor-crossh::after  { width: 12px; height: 1px; left: -6px; top: 0; }

/* Mobile પર cursor hide */
@media (max-width: 768px) {
    * { cursor: auto !important; }
    #cursor-ring, #cursor-dot, #cursor-crossh { display: none !important; }
}
:root {
      --red: #C8312A;
      --coral: #D4453A;
      --navy: #0A0E18;
      --deep: #10182A;
      --slate: #1A2A40;
      --steel: #243548;
      --mist: #3D607E;
      --dusty: #7A9AB5;
      --fahr: #E07B1A;
      --terra: #7A3535;
      --white: #fff;
      --bebas: 'Bebas Neue', sans-serif;
      --cond: 'Barlow Condensed', sans-serif;
      --mono: 'DM Mono', monospace;
      --body: 'Barlow', sans-serif;
}

/* Main-title */
.h2 {
    font-family: var(--cond);
    font-size: clamp(20px, 2.8vw, 38px);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 1.1;
    color: #fff;
    margin-bottom: 18px;
}
.h3 {
	font-family: var(--cond);
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: #fff;
    margin-bottom: 10px
}

/* small subtitle */
.eyebrow {
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .20em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .35);
	margin-bottom: 12px;
	display: block
}
.eyebrow.red {
	color: var(--red)
}
.eyebrow.blue {
	color: var(--dusty)
}
.eyebrow.fahr {
	color: var(--fahr)
}
.eyebrow.terra {
	color: rgba(220, 160, 140, .8)
}


/* hero vertical text select none */
.vertical-text_hero .elementor-heading-title
{
	user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}


/* menu hover css */

.main-menu li a {
    position: relative;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
	transition: color .3s ease;
}
.main-menu li a::after {
    content: '';
    position: absolute;
    bottom: 3px;
    left: 12px;
    right: 12px;
    height: 1px;
    background: #C8312A !important;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .22s cubic-bezier(.4,0,.2,1);
}
.main-menu li a:hover::after {
    transform: scaleX(1);
}
.main-menu li a:hover {
    color: #fff;
}

/* footer menu hover */
.ft_menu li a {
    position: relative;
    display: inline-block !important;
    color: #fff;
    text-decoration: none;
    transition: color .3s ease;
	margin-bottom: 10px;
}

.ft_menu li a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0; 
    height: 1px;
    background: #ffffff66 !important;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .22s cubic-bezier(.4,0,.2,1);
}

.ft_menu li a:hover::after {
    transform: scaleX(1);
}

.ft_menu li a:hover {
    color: #fff !important;
}

.ft_mail {
	position: relative;
    display: inline-block !important;
    font-family: var(--mono);
    font-size: 10px;
    color: #ffffffb8;
    text-decoration: none;
    margin-bottom: 10px;
    letter-spacing: .10em;
    transition: color .2s;
	transition: color .3s ease;
	word-break: break-word;
	overflow-wrap: break-word;
	white-space: normal;
}
.ft_mail::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0; 
    height: 1px;
    background: #ffffff66 !important;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .22s cubic-bezier(.4,0,.2,1);
}
.ft_mail:hover::after {
    transform: scaleX(1);
}
.ft_mail:hover {
    color: #fff !important;
}


.footer-logo img,
.header-logo_img img,
.headertext .mob-standard-logo{
	filter: brightness(0) invert(1) !important;
}


/* main page title animation css */
.entry-header .entry-title {
	display: none;
    position: absolute;
    top: 100px;
    left: 48px;
    z-index: 20;
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: white;
    background: var(--red);
    padding: 5px 14px;
}
.page-id-14 .entry-header .entry-title {
    background: var(--mist);
}
.page-id-18 .entry-header .entry-title {
    background: var(--terra);
}
.page-id-20 .entry-header .entry-title {
    background: #1C3A56;
}
.page-id-23 .entry-header .entry-title {
    background: var(--fahr);
}
.entry-header .entry-title {
    animation: pill-pulse 3s ease-in-out infinite;
}
@keyframes pill-pulse {
    0%,100% { box-shadow: 0 0 0 0 rgba(200,49,42,0); }
    50%      { box-shadow: 0 0 0 6px rgba(200,49,42,.15); }
}




.hero_banner-img::after
{
	content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(10, 14, 24, .88) 0%, rgba(10, 14, 24, .30) 100%);
    z-index: 2;
}
.hero_banner-img::before
{
	    content: '';
    position: absolute;
    inset: 0;
    background: var(--coral);
    mix-blend-mode: multiply;
    z-index: 1;
    opacity: .50;
}
.hero_inner
{
	position: relative;
    z-index: 10;
}

/* title css  */
.banner-title p
{
    font-size: clamp(30px, 4.5vw, 66px);
    line-height: 1.04;
}
.banner-title.small p
{
	font-size: clamp(22px, 3vw, 46px);
    line-height: 1.04;
}

/* section title */
.banner-title.small .elementor-heading-title
{
	font-size: clamp(22px, 3vw, 46px);
    line-height: 1.04;
}
.banner-title.h2 .elementor-heading-title
{
	font-size: clamp(20px, 2.8vw, 38px);
    line-height: 1.1;
}
.banner-title.xs .elementor-heading-title
{
	font-size: clamp(18px, 2.2vw, 34px);
    line-height: 1.04;
}
.banner-title.xs p
{
	font-size: clamp(18px, 2.2vw, 34px);
    line-height: 1.04;
}

/* partnership css */
.Partnerships_banner-img::before
{
	    content: '';
    position: absolute;
    inset: 0;
      background: var(--mist);
    mix-blend-mode: multiply;
    z-index: 1;
    opacity: .45;
}
.Partnerships_banner-img::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(10, 14, 24, .88) 0%, rgba(10, 14, 24, .30) 100%);
    z-index: 2;
}

/* leader */
.leader_banner-img{
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.leader_banner-img::after{
	content: '';
    position: absolute;
    inset: 0;
    background: rgb(11 15 16 / 34%);
    z-index: 1;
    pointer-events: none;
}

.leader_banner-img::before{
    content: '';
    position: absolute;
    inset: 0;
    background: var(--mist);
    mix-blend-mode: multiply;
    opacity: .45;
    z-index: 2;
    pointer-events: none;
}

.leader_banner-img > *{
    position: relative;
    z-index: 3;
}


/* section-images css */
.home_banner-img::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(10, 14, 24, .88) 0%, rgba(10, 14, 24, .30) 100%);
    z-index: 2;
}
.home_banner-img::before {
	    content: '';
    position: absolute;
    inset: 0;
    background: var(--mist);
    mix-blend-mode: multiply;
	z-index: 1;
    opacity: .45;
}

/* pages first section ovarly css */


/* sticky header css */
/* Default - top par */
.header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 48px;
    background: linear-gradient(to bottom, rgba(10, 14, 24, .92) 0%, transparent 100%);
    transition: background .3s;
    border-bottom: 0px solid transparent;
}

/* Scrolled state */
.header-sticky.scrolled {
    background: rgba(10, 14, 24, .97);
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}



/* small heading */
.subheading-line .elementor-heading-title
{
    position: relative;
    display: inline-block;
}
.subheading-line .elementor-heading-title::after {
    content: '';
    position: absolute;
    right: -22px;
    top: 50%;
    width: 20px;
    height: 1px;
    background: currentColor;
    animation: eyebrow-scan .8s ease forwards;
}

/* section red button */
.section-btn .elementor-button {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 14px 22px 16px;
    letter-spacing: 0.9px;
    color: #fff;
    font-family: var(--cond);
    background: var(--red);
    border-bottom: 1px solid transparent;
    border-radius: 0px;
    line-height: 1.1;
    transition: transform .22s ease, filter .22s ease, border-color .22s ease;
}
.section-btn .elementor-button:hover
{
    transform: translateY(-3px);
    filter: brightness(1.15);
    border-bottom-color: rgba(255, 255, 255, .1);
}
/*dark btn  */
.section-btn#dark-btn .elementor-button {
    border: 1px solid rgba(255,255,255,.22);
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 14px 22px 16px;
    letter-spacing: 0.9px;
    color: #fff;
    font-family: var(--cond);
    background: transparent;
    border-bottom: 1px solid transparent;
    border-radius: 0px;
    line-height: 1.1;
    transition: transform .22s ease, filter .22s ease, border-color .22s ease;
}
.section-btn#dark-btn .elementor-button:hover {
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .45);
    transform: translateY(-3px);
    border-bottom-color: rgba(255, 255, 255, .1);
}

/* card hover style */
.pcard {
    transition-delay: 0s;
    opacity: 1;
    transform: translateY(0);
    transition: opacity .5s ease, transform .5s ease, background .22s;
    position: relative;
    overflow: hidden;
}
.pcard:nth-child(1) {
    transition-delay: 0s;
}
.pcard:hover {
    background: var(--steel) !important;
}
.pline .elementor-divider-separator {
    transition: width .35s cubic-bezier(.4,0,.2,1);
}
.pcard:hover .pline .elementor-divider-separator {
    width: 48px;
}

.pcard .num
{
    transition: opacity .22s ease, transform .22s ease;
}
.pcard:hover .num
{
	transform: translateY(-4px);	
}
.pcard .num .elementor-heading-title
{
    color: white !important;
}

.pcard:hover .n-1 .elementor-heading-title {
    opacity: 1;
    color: #C8312A;
}
.pcard:hover .n-2 .elementor-heading-title {
    opacity: 1;
    color: #E07B1A;
}


/* section-btn style */
.home_sec-btn .elementor-button {
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .12);
    font-family: var(--mono);
    color: rgba(255, 255, 255, .65);
    text-decoration: none;
    transition: background .2s, color .2s;
}
.home_sec-btn .elementor-button svg {
    fill: #C8312A;
}
.home_sec-btn .elementor-button:hover{
    background: var(--red);
    color: #fff;
    border-color: var(--red);
}
.home_sec-btn .elementor-button:hover svg{
    fill: #fff;
}


/* hore section side label */


/* hero section-btn animations */
.hero_btn-animation a {
    border-bottom: 1px solid transparent;
    transition: transform .22s ease, filter .22s ease, border-color .22s ease;
}
.hero_btn-animation a:hover {
    transform: translateY(-3px);
    filter: brightness(1.15);
    border-bottom-color: rgba(255,255,255,.1);
}
.hero_btn-animation#dark a:hover
{
	background: rgb(10 14 24 / 100%) !important;
}
.hero_btn-animation#slate a:hover
{
	background: rgb(26 42 64 / 100%);
}
.hero_btn-animation#mist a:hover
{
	background: rgb(61 96 126 / 100%);
}
.hero_btn-animation#steel a:hover
{
	background: rgb(36 53 72 / 100%);
}
#btn-no_animation a:hover
{
	background: rgb(224 123 26 / 100%) !important;
}


/* css for hero section zig-zag */
.hero-zigzag-section {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 14px 22px 16px;
    cursor: pointer;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: transform .22s ease, filter .22s ease, border-color .22s ease;
}
.hero-zigzag-section:hover {
    transform: translateY(-3px);
    filter: brightness(1.15);
    border-bottom-color: rgba(255,255,255,.1);
}
.small-heading {
    font-family: var(--mono);
    font-size: 8.5px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .45);
    margin-bottom: 5px;
    display: block;
}
.big-heading {
    font-family: var(--cond);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #fff;
    line-height: 1.1;
    font-size: 25px;
}
.hero-zigzag-section .big-heading-size
{
	font-size: 19px;
	font-family: var(--cond);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #fff;
    line-height: 1.1;
}

.hero-zigzag-section.slate
{
	background: rgb(26 42 64 / 50%);
}
.hero-zigzag-section.dark
{
	background: rgb(10 14 24 / 50%);
}
.hero-zigzag-section.mist
{
	background: rgb(61 96 126 / 50%);
}
.hero-zigzag-section.steel
{
	background: rgb(36 53 72 / 50%);
}

.hero-zigzag-section.dark:hover
{
	background: rgb(10 14 24 / 100%) !important;
}
.hero-zigzag-section.slate:hover
{
	background: rgb(26 42 64 / 100%);
}
.hero-zigzag-section.mist:hover
{
	background: rgb(61 96 126 / 100%);
}
.hero-zigzag-section.steel:hover
{
	background: rgb(36 53 72 / 100%);
}

/* quote css  */
.quote-line {
    position: relative;
    padding-left: 24px;
}
.quote-line::before {
    transform: scaleY(1);
}
.quote-line {
        border-left: 3px solid var(--red);
    padding: 20px 24px !important;
    font-family: 'Barlow', sans-serif;
/*     font-style: italic; */
    font-size: 16px;
    color: rgba(255, 255, 255, .75) !important;
    line-height: 1.65;
    background: rgba(255, 255, 255, .04);
}
.quote-line#blue
{
	border-left-color: var(--mist);
}


.cap-note {
    border-left: 2px solid rgba(255, 255, 255, .15);
    padding: 10px 14px !important;
    font-family: var(--mono) !important;
    font-size: 9.5px !important;
    color: rgba(255, 255, 255, .30);
    line-height: 1.7;
}
.cap-note#red
{
	border-left-color: rgba(122,53,53,.6);
}
.cap-note#blue
{
	border-left-color: rgba(61,96,126,.6);
}
.cap-note#fahr
{
	border-left-color: rgba(224,123,26,.4);
}


/* profile css in leadership */
.nk-profiles .pf-role {
    font-family: var(--mono);
    font-size: 8.5px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .14em;
    color: var(--red);
    margin-bottom: 8px !important;
    transition: letter-spacing .22s ease;
}
.nk-profiles .pf-name h2 {
    font-family: var(--cond);
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 1.1;
    color: #fff;
    margin-bottom: 12px;
}
.nk-profiles .pf-body {
    font-family: var(--body);
    font-size: 12px;
    color: rgba(255, 255, 255, .42);
    line-height: 1.68;
}
.nk-profiles
{
	border-top: 2px solid transparent;
	overflow: hidden;
	transition: background .22s, transform .22s;
}
.nk-profiles:hover
{
	background: var(--navy) !important;
    border-top: 2px solid var(--red);
	transform: translateY(-4px);
}
.nk-profiles:hover .porfile-img_sec
{
    background: #0a0e18 !important;
}
.nk-profiles:hover .pf-role {
    letter-spacing: .22em;
}
.nk-profiles.default
{
	background: var(--navy) !important;
    border-top: 2px solid var(--red);
    transform: translateY(-4px);
}

/* scroll animation css */
.scroll-caret {
	cursor: pointer;
	position: absolute;
    bottom: 6%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
	padding-bottom: 40px;
    z-index: 20;
    animation: caret-bob 2.2s ease-in-out infinite;
}

.scroll-caret i {
	display: block;
    width: 1px;
    height: 36px;
    background: rgb(255 255 255 / 79%);
	
}

.scroll-caret span {
	font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .14em;
    color: rgb(255 255 255 / 79%);
    text-transform: uppercase
}

@keyframes caret-bob {
	0%,
    100% {
    	transform: translateX(-50%) translateY(0)
    }

    50% {
        transform: translateX(-50%) translateY(7px)
    }
}
.one-title-sec .elementor-heading-title {
    font-size: clamp(28px,4vw,58px);
}
.image-grid-sections {
    grid-template-rows: 50vh auto !important;
}
.porfile-img_sec {
    width: 160px !important;
    height: 120px !important;
	background: #1a2a40 !important;
}
.nk-profiles.default .porfile-img_sec {
    background: #0a0e18 !important;
}
/* responsive css */
@media only screen and (max-width: 1440px)
{
	.pg-banner .pg-sticky-btn {
		top: 65px !important;
	}
}
@media only screen and (max-width: 1200px)
{
	.rs_banner .rs_right
	{
		max-width: 405px;
	}
	.pg-banner .pg-sticky-btn {
		top: 65px !important;
	}
}
@media only screen and (max-width: 1100px)
{
	.rs_banner 
	{
		padding: 80px 36px;
	}
	.hero_btn .z1
	{
		margin-left: 40px;
	}
	.hero_btn .z2
	{
		margin-left: 20px;
	}
	.hero_btn .z3
	{
		margin-left: 10px;
	}
	.hero_btn .z4
	{
		margin-left: 20px;
	}
	.rs_banner .rs_right {
    	max-width: 375px;
	}
	
	.rs_banner.no_right
	{
		justify-content: flex-start;
    	align-items: end;
	}
	.rs_banner.no_right.right-content {
    	justify-content: flex-end;
    	align-items: end;
	}
	.hero_btn .e1
	{
		margin-left: 40px;
	}
	.hero_btn .e2
	{
		margin-left: 20px;
	}
	.hero_btn .e3
	{
		margin-left: 0px;
	}
	.hero_btn .e4
	{
		margin-left: 10px;
	}
	
	.hero_btn .i1
	{
		margin-left: 20px;
	}
	.hero_btn .i2
	{
		margin-left: 40px;
	}
	.hero_btn .i3
	{
		margin-left: 0px;
	}
	.hero_btn .i4
	{
		margin-left: 10px;
	}
	.pg-inner-container {
		padding: 80px 36px 64px;
	}
	.ep-sections .content-sec {
    	padding: 48px 40px;
	}
}
@media only screen and (max-width: 1024px)
{
	.led-grid-sec{
    	grid-template-columns: repeat(2, 1fr) !important;
	}
	.rs_banner .rs_right {
    	max-width: 355px;
	}
}
@media only screen and (max-width: 991px)
{
	#desktop-menu
	{
		display: none;
	}
	.mob-menu-header-holder {
		width: 100% !important;
		padding: 14px 18px;
		height: 107.3px !important;
	}
	.headertext .mob-standard-logo {
		max-width: 200px;
		display: inline-block;
		height: 74.3px!important;
		width: 100%;
	}
	.mob-menu-logo-holder
	{
		margin-left: 0px !important;
	}
	.mobmenur-container {
		position: absolute !important;
		right: 3% !important;
		top: 33% !important;
		margin-right: 0px !important;
	}
	body.mob-menu-slideout-over
	{
		padding-top: 0px !important;
	}
	.mob-menu-header-holder{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9000;
		display: flex;
		align-items: center;
		padding: 18px 20px;
		background: linear-gradient(to bottom,
			rgba(10, 14, 24, .92) 0%,
			transparent 100%) !important;
		transition: all .3s ease;
		border-bottom: 0px solid transparent;
	}

	/* Scrolled state */
	.mob-menu-header-holder.scrolled{
		background: rgba(10, 14, 24, .97) !important;
		border-bottom: 1px solid rgba(255,255,255,.06) !important;
	}
	.mobmenu-content li {
    	padding: 0 40px !important;
	}
}
@media only screen and (max-width: 768px)
{
	.rs_banner.no_right.right-content .banner-title p
	{
		text-align: right;
	}
	.rs_banner.no_right.right-content > .hero_inner
	{
		align-items: self-end;
	}
	.starting-text-diff {
    	justify-content: start !important;
	}
	.image-grid-sections {
    	grid-template-rows: auto auto !important;
	}
	.hero_banner-img.no_right-sec,
	.hero_banner-img,
	.home_banner-img
	{
		min-height: 80vh;
	}
	.leader_banner-img.no_right-sec,
	.Partnerships_banner-img{
    	min-height: 80vh;
	}
	.cta-section 
	{
		padding: 48px 24px !important;
	}
	.led-main-grid-sec {
    	padding: 48px 24px;
	}
	.led-grid-sec {
    	margin-top: 24px;
	}
	.rs_banner 
	{
		padding: 80px 24px;
		flex-wrap: wrap;
		gap: 40px;
	}
	.hero_btn .z1,
	.hero_btn .z2,
	.hero_btn .z3,
	.hero_btn .z4
	{
		margin-left: 0px;
	}
	.hero_btn .z1 .elementor-button-text,
	.hero_btn .z3 #dark .elementor-button-text
	{
		font-size: 18px;
	}
	.rs_banner > .hero_inner
	{
		display: flex;
		justify-content: center;
		align-items: start;
		flex-wrap: wrap;
		gap: 0;
		width: fit-content;
		margin: 0 auto;
	}
	.rs_right
	{
		justify-content: center;
    	align-items: center;
	}
	
	/* title res css	 */
	.banner-title p {
    	text-align: left;
    	font-size: clamp(28px, 7vw, 52px);
	}
	
	.rs_banner.no_right > .hero_inner
	{
		display: flex;
		justify-content: center;
		align-items: start;
		flex-wrap: wrap;
		gap: 0;
		width: fit-content;
		margin: 0 0 auto;
	}
	.rs_banner .rs_right
	{
		max-width: 100%;
	}
	
	.hero_btn .e1,
	.hero_btn .e2,
	.hero_btn .e3,
	.hero_btn .e4
	{
		margin-left: 0px;
	}
	.banner-title.small p {
    	font-size: clamp(22px, 5.5vw, 38px);
	}
	.big-heading
	{
		font-size: 18px;
	}
	.rs_banner .hero_btn
	{
		gap: 4px;
	}
	
	.hero_btn .i1,
	.hero_btn .i2,
	.hero_btn .i3,
	.hero_btn .i4
	{
		margin-left: 0px;
	}
	.pg-inner-container {
		padding: 72px 24px 56px;
	}
	
	.fx-section {
		flex-direction: column !important;
		gap: 32px;
	}
	.banner-title.small .elementor-heading-title {
		font-size: clamp(22px, 5.5vw, 38px);
	}
	.banner-title.xs p {
		font-size: clamp(18px, 4vw, 28px);
	}
	.pg-grid-section {
		grid-template-columns: repeat(1, 1fr) !important;
	}
	.pg-banner {
		flex-direction: column !important;
		max-width: 560px !important;
		margin: 0 auto !important;
		gap: 32px !important;
		padding-top: 100px !important;
        padding-bottom: 60px !important;
	}
	
	.pg-banner .pg-sticky-btn {
		top: 67px !important;
		left: -57px !important;
	}
	
	.pg-banner .pg-right {
		align-items : center;
	}
	.grid-img {
/* 		order: 99999; */
	}
	.first-grid {
		justify-content: flex-end;
	}
	.sec-grids {
		min-height: 280px;
        padding: 40px 28px;
	}
	.banner-title.xs .elementor-heading-title
	{
		font-size: clamp(18px, 4vw, 28px);
	}
	.ep-sections .e-grid {
    	grid-template-columns: 1fr;
	}
	.ep-sections .content-sec {
    	padding: 40px 24px;
	}
	.ep-sections .img-sec
	{
		min-height: 240px;
	}
	.ep-sections .img-sec.left
	{
		order: 1;
	}
}
@media only screen and (max-width: 480px)
{
	.sec-grids {
    	min-height: 240px;
    	padding: 32px 20px;
	}
	.hero_banner-img.no_right-sec,
	.hero_banner-img,
	.home_banner-img{
    	min-height: 70vh;
	}
	.leader_banner-img.no_right-sec,
	.Partnerships_banner-img{
    	min-height: 70vh;
	}
	.ep-last-section
	{
		padding: 80px 18px;
	}
	.led-grid-sec {
    	grid-template-columns:  1fr !important;
	}
	.hero_btn .z1 .elementor-button-text, .hero_btn .z3 #dark .elementor-button-text {
    	font-size: 15px;
		line-height: 1;
	}
	.hero_btn .z2 .elementor-button-text, .hero_btn .z3 #steel .elementor-button-text
	{
		font-size: 14px;
		line-height: 1;
	}
	.hero_btn .z4 .elementor-button-text
	{
		font-size: 13px;
		line-height: 1;
	}
	.hero_btn-animation a
	{
		padding: 12px 16px 14px !important;
	}
	.banner-title p {
    	font-size: clamp(24px, 8vw, 44px);
	}
	.rs_banner {
    	padding: 80px 18px;
	}
	.rs_banner > .hero_inner.left {
	    justify-content: end;
	}
	
	.banner-title.small p {
    	font-size: clamp(20px, 6.5vw, 34px);
	}
	.hero-zigzag-section {
	    padding: 12px 16px 14px;
	}
	.big-heading {
    	font-size: 15px;
	}
	.hero-zigzag-section .big-heading-size {
    	font-size: 14px;
	}
	.pg-banner {
		padding-top: 88px !important;
		padding-bottom: 48px !important;
	}
	.pg-inner-container {
		padding: 68px 18px 48px;
	}
	.banner-title.small .elementor-heading-title {
		font-size: clamp(20px, 6.5vw, 34px);
	}
	.pg-banner .pg-sticky-btn {
		top: 60px !important;
		left: 18px !important;
	}
	.fx-sec-col {
		min-height: 220px !important;
	}
	.section-btn .elementor-button
	{
		padding: 12px 16px 14px;
    	font-size: 13px;
	}
	.section-btn#dark-btn .elementor-button
	{
		padding: 12px 16px 14px;
    	font-size: 13px;
	}
	.ep-sections .img-sec {
    	min-height: 200px;
	}
	.dif-num .elementor-heading-title {
		font-size: 40px !important;
	}
}