@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700&family=Mohave:wght@700&family=Montserrat:wght@100;200;300;400;500;600;700&family=Nothing+You+Could+Do&display=swap');
/*
@import url('https://fonts.cdnfonts.com/css/tesla-2');
@font-face {
font-family: 'TESLA'; 
src: url('../fonts/TESLA.ttf') format('truetype');
} */
/* Document
   ========================================================================== */

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	font-size: 62.5%;
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	font-family: 'Montserrat', sans-serif;
	max-width: 100vw;
	overflow-x: hidden;
}


a:active,
a:link,
a:visited {
	text-decoration: none;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
	/* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
	/* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
	border-style: none
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correctthe color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type='checkbox'],
[type='radio'] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type='search']::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

ul {
	list-style: none;
};

:root {
	--primary-color: #181b21;
	--secondary-color: #5c5d61;
	--tds-bezier:cubic-bezier(0.5,0,0,0.75);
	--dummy-gradient: linear-gradient(transparent 0 0);
}

/* section.css */
#loader-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0); /* Semi-transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Ensure it's above other elements */
}

#loader-container img {
    width: 400px;
    height: 300px;
}
.taxes{
	text-align: center;
}
.taxes p{
	line-height: 18px;
    font-size: 12px;
    color: #171a20;
    padding-top: 12px;
    font-weight: 500;
}
.taxes a{
	text-decoration: underline;
    color: #171a20;
    text-decoration-thickness: 1px;
    cursor: pointer;
    text-underline-offset: 3px;
}
#fullpage.no-scroll {
	overflow-y: hidden;
	max-height: 100vh;
}

.section {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.section.one {
	background-image: url(../img/xufyfcvqhmq36szytod7_2.jpeg);
}
.section.one .model_stats{
	display: flex;
	width: 80%;
	text-align: center;
	padding-bottom: 2em;
}
.section.one .model_stats div{
	width: 33.33%;
	text-align: center;
	padding: 0em 8px;
}
.section.one .model_stats h4{
	font-size: 20px;
	color: #fff;
	font-weight: 500;
}
.section.one .model_stats span{
	font-size: 17px;
}
.section.one .model_stats p{
	padding-top: 5px;
	font-size: 10px;
	color: #fff;
	line-height: 18px;
}
.section.two {
	background-image: url(../img/modely.png);
	color: #fff;
}
.section.two .section__content__subtitle{
	color: #fff;
}
.section.two .tds-text--caption{
	color: #fff;
}
.section.two .tds-text--caption a{
	color: #fff;
}

.section.three {
	background-image: url(../img/Homepage-Model-X-Desktop-LHD.jpeg);
}
.section.three .section__content__title{
	color: #fff;
}
.section.three .section__content__subtitle{
	color:#fff;
}
.section.three p{
	color:#fff;
}
.section.three .model_stats{
	display: flex;
	width: 80%;
	text-align: center;
	padding-bottom: 2em;
}
.section.three .model_stats div{
	width: 33.33%;
	text-align: center;
	padding: 0em 8px;
}
.section.three .model_stats h4{
	font-size: 20px;
	color: #fff;
	font-weight: 500;
}
.section.three .model_stats span{
	font-size: 17px;
}
.section.three .model_stats p{
	padding-top: 5px;
	font-size: 10px;
	color: #fff;
	line-height: 18px;
}

.section.three .tds-text--caption{
	color: #fff;
}
.section.three .tds-text--caption a{
	color: #fff;
}
.section.four {
	background-image: url(../img/Homepage-Model-S-Desktop-LHD-6.22_1.jpg);
}
.section.four .model_stats{
	display: flex;
	width: 80%;
	text-align: center;
	padding-bottom: 2em;
}
.section.four .model_stats div{
	width: 33.33%;
	text-align: center;
	padding: 0em 8px;
}
.section.four .model_stats h4{
	font-size: 20px;
	color: #fff;
	font-weight: 500;
}
.section.four .model_stats span{
	font-size: 17px;
}
.section.four .model_stats p{
	padding-top: 5px;
	font-size: 10px;
	color: #fff;
	line-height: 18px;
}
.section.five {
	background-image: url(../img/Homepage-Cybertruck-Desktop_1.jpeg);
}
.section.five .section__action__container{
	bottom: 12%;
}
.section.six {
	background-image: url(../img/1thhhh.jpg);
}
.section.six .section__action__btn{
	background: transparent;
    border: 3px solid #fff;
    color: #fff;
    padding: 1rem;
    max-width: 25rem;
}
.section.six .section__action__btn:hover{
	background: white;
	color: #171a20;
}
.section.seven {
	background-image: url(../img/2hhhhh.png);
}

.section.seven .section__content{
	text-align: left;
	left: 49%;
	width: 86%;
}
.section.seven .section__content__title{
	font-size: 24px;
	line-height: 28px;
	color: #000;
	font-weight: 500;
}
.section.seven .section__content__subtitle{
	line-height: 20px;
	color: #000;
	padding-top: 8px;
	font-weight: 400;
}
.section.eight {
	background-image: url(../img/3thhhh.png);
}
.section.eight .section__content__title{
	color: #fff;
}
.section.eight .section__content__subtitle{
	color: #fff;
}
.section.nine {
	background-image: url(../img/4thhhh.png);
}	
.section.nine .section__content{
	text-align: left;
	left: 49%;
	width: 86%;
}
.section.nine .section__content__title{
	font-size: 24px;
	line-height: 28px;
	color: #fff;
	font-weight: 500;
}
.section.nine .section__content__subtitle{
	line-height: 20px;
	color: #fff;
	padding-top: 8px;
	font-weight: 400;
}
.section.nine .taxes p{
	color: #fff;
}
.section.ten {
	background-image: url(../img/5thhhh.png);
}	
/*
.section.ten .section__content{
	text-align: left;
	left: 49%;
	width: 86%;
}*/
.section.ten .section__content__title{
	font-size: 24px;
	line-height: 28px;
	color: #fff;
	font-weight: 500;
}
.section.ten .section__content__subtitle{
	line-height: 20px;
	color: #fff;
	padding-top: 8px;
	font-weight: 400;
}
.section.eleven {
	background-image: url(../img/Model-3-Exterior-Mobile-NA.jpeg);
}	
.section.eleven .section__content{
	text-align: left;
	left: 49%;
	width: 86%;
}
.section.eleven .section__content__title{
	font-size: 24px;
	line-height: 28px;
	color: #fff;
	font-weight: 500;
}
.section.eleven .section__content__subtitle{
	line-height: 20px;
	color: #fff;
	padding-top: 8px;
	font-weight: 400;
}

.section.twelve .section__content{
	text-align: left;
	width: 83%;
	left: 47%;
}
.section.twelve .section__content__title{
	font-size: 24px;
	line-height: 28px;
	font-weight: 500;
}
.section.twelve .section__content__subtitle{
	line-height: 20px;
	font-weight: 400;
	padding: 16px 0px
}
.twelve .img_section img{
	width:35%;
}
.twelve .img_section{
	margin-top: 6em;
	text-align: center;
}

.section.same_above .section__content{
	text-align: left;
	width: 83%;
	left: 47%;
}
.section.same_above .section__content__title{
	font-size: 24px;
	line-height: 28px;
	font-weight: 500;
}
.section.same_above .section__content__subtitle{
	line-height: 20px;
	font-weight: 400;
	padding: 16px 0px
}
.same_above .img_section img{
	width:15%;
}
.same_above .img_section{
	margin-top: 6em;
	text-align: center;
}
.section.sixteen{
	background-color: #000;
}
.section.sixteen .section__content__title{
	color:#fff;
}
.section.sixteen .img_section img{
	width: 20%;
}
.section.sixteen .section__content{
	text-align: left;
	width: 87%;
}
.section.sixteen .section__content__title{
	font-size: 17px;
	line-height: 20px;
	font-weight: 500;
	padding-bottom: 2em;
}
.section.sixteen .img_section{
	margin-bottom: 32px;
}

.cycore{
	display: flex;
	width: 100%;
	color: #fff;
	padding-bottom: 25px;
}
.tcl-spec{
	width: 50%;
}
.tcl-spec__heading{
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}
.tcl-spec__copy{
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}
.tcl-spec__copy p{
	padding-top: 0px;
}
.section.seventeen{
	background-image: url(../img/Model-Y-Second-Hero-Desktop.jpeg);
}
.section.seventeen .dx-hero-badges__specs-content{
	padding-bottom: 8px;
    color: #fff;
    max-width: 200px;
}
.section.seventeen .primary-copy{
    font-size: 40px;
    font-weight: 300;
    line-height: 48px;
    padding-bottom: 0;
    display: inline-block;
    font-style: normal;
    font-family: system-ui;
}
.section.seventeen .secondary-copy{
	font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    padding-left: 8px;
	text-transform: lowercase;
}
.section.seventeen .dx-hero-badges__specs-content-top{
	padding-bottom: 8px;
}
.section.seventeen .dx-hero-badges__specs-content-bottom{
    border-top: 1px solid #fff;
    padding-top: 8px;
}
.section.seventeen .tertiary-copy{
	font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.section.eighteen{
	background-image: url(../img/Model-Y-Charge-Mobile-Poster.jpeg);
}

.section.eighteen .section__content{
	text-align: left;
	left: 49%;
	width: 86%;
}
.section.eighteen .section__content__title{
	font-size: 24px;
	line-height: 28px;
	color: #000;
	font-weight: 500;
}
.section.eighteen .section__content__subtitle{
	line-height: 20px;
	color: #000;
	padding-top: 8px;
	font-weight: 400;
}
.section.nineteen{
	background-image: url(../img/Model-Y-Range-Desktop-LHD.jpeg);
}
.section.nineteen .section__content{
	text-align: left;
	left: 49%;
	width: 86%;
}
.section.nineteen .section__content__title{
	font-size: 24px;
	line-height: 28px;
	color: #000;
	font-weight: 500;
}
.section.nineteen .section__content__subtitle{
	line-height: 20px;
	color: #000;
	padding-top: 8px;
	font-weight: 400;
}
.section.twenty{
	background-image: url(../img/Model-Y-Cabin-Desktop-LHD.jpeg);
}
.section.twenty .exp_cab{
	text-align: left;
    width: 86%;
    padding-bottom: 2em;
}
.section.twenty .section__content__title{
	font-size: 24px;
	line-height: 28px;
	color: #fff;
	font-weight: 500;
}
.section.twenty .section__content__subtitle{
	line-height: 20px;
	color: #fff;
	padding-top: 8px;
	font-weight: 400;
}
.section.twenty_one{
	background-color: #000;
}
.section.twenty_one .section__content__title{
	color:#fff;
}
.section.twenty_one .img_section img{
	width: 20%;
}
.section.twenty_one .section__content{
	text-align: left;
	width: 87%;
}
.section.twenty_one .section__content__title{
	font-size: 17px;
	line-height: 20px;
	font-weight: 500;
	padding-bottom: 2em;
}
.section.twenty_one .img_section{
	margin-bottom: 32px;
}

.section.twenty_two{
	background-image: url(../img/Model-X-Interior-Hero-Mobile-LHD.jpeg);
}
.section.twenty_two .section__content{
	text-align: left;
	left: 49%;
	width: 86%;
}
.section.twenty_two .section__content__title{
	font-size: 24px;
	line-height: 28px;
	color: #fff;
	font-weight: 500;
}
.section.twenty_two .section__content__subtitle{
	line-height: 20px;
	color: #000;
	padding-top: 8px;
	font-weight: 400;
}
.section.twenty_three img{
	width: 100%;
}
.twenty_three .section__content{
	top:0%;
}
.section.twenty_three .tcl-media-with-text__text{
	padding-bottom: 2px;
	padding-top: 12px;
	padding-left: 26px;
	padding-right: 26px;
}
.section.twenty_three .tcl-media-with-text__copy{
	text-align: left;
}
.section.twenty_three .tcl-media-with-text__copy p{
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	text-transform: initial;
	padding-top: 0px;
	line-height: 20px;
}
.section.twenty_three .tcl-media-with-text__copy strong{
	font-weight: 500;
}
.section.twenty_three{
	background-color: #000;
}
.section.twenty_four{
	background-color:#f4f4f4;
}
.section.twenty_four .section__content{
	text-align: left;
	left: 49%;
	width: 86%;
}
.section.twenty_four .section__content__title{
	font-size: 24px;
	line-height: 28px;
	color: #000;
	font-weight: 500;
}
.section.twenty_four .section__content__subtitle{
	line-height: 20px;
	color: #000;
	padding-top: 8px;
	font-weight: 400;
}
.section.twenty_four img{
	width: 100%;
	padding-top: 40%;
	transform: scale(1.6);
}
.section.twenty_five img{
	width: 100%;
}
.section.twenty_five .section__content{
	text-align: left;
	top:0%;
}
.section.twenty_five .section__content__title{
	font-size: 24px;
	line-height: 28px;
	color: #000;
	font-weight: 500;
	margin-top: 12px;
	margin-bottom: 0px;
}
.section.twenty_five .section__content__subtitle{
	line-height: 20px;
	color: #000;
	padding-top: 8px;
	font-weight: 400;
}
.section.twenty_five .x_any{
	padding: 0em 2.5em;
}

.section.twenty_five .model_stats{
	display: flex;
	width: 80%;
	text-align: center;
	padding-bottom: 2em;
	position: absolute;
	margin-top: -27%;
	width: 100%;
	padding: 0 2em;
}
.section.twenty_five .model_stats div{
	width: 33.33%;
	text-align: center;
	padding: 0em 8px;
}
.section.twenty_five .model_stats h4{
	font-size: 20px;
	color: #fff;
	font-weight: 500;
}
.section.twenty_five .model_stats span{
	font-size: 17px;
	text-transform: lowercase;
}
.section.twenty_five .model_stats p{
	padding-top: 5px;
	font-size: 10px;
	color: #fff;
	line-height: 18px;
}
.section.twenty_six{
	background-color: #000;
}
.section.twenty_six .section__content__title{
	color:#fff;
}
.section.twenty_six .section__content{
	text-align: left;
	width: 87%;
	top: 6%;
}
.section.twenty_six .section__content__title{
	font-size: 17px;
	line-height: 20px;
	font-weight: 500;
	padding-bottom: 1.5em;
}
.section.twenty_six .tcl-spec::before {
	content: "";
    display: block;
    border-top: 1px solid #fff;
    width: 30px;
    padding-top: 10px;
  }


.section.twenty_seven{
	background-image: url(../img/Model-X-Interior-Hero-Mobile-LHD.jpeg);
}
.section.twenty_seven .section__content{
	text-align: left;
	left: 49%;
	width: 86%;
}
.section.twenty_seven .section__content__title{
	font-size: 24px;
	line-height: 28px;
	color: #fff;
	font-weight: 500;
}
.section.twenty_seven .section__content__subtitle{
	line-height: 20px;
	color: #000;
	padding-top: 8px;
	font-weight: 400;
}
.section.twenty_nine{
	background-color:#f4f4f4;
}
.section.twenty_nine .section__content{
	text-align: left;
	left: 49%;
	width: 86%;
}
.section.twenty_nine .section__content__title{
	font-size: 24px;
	line-height: 28px;
	color: #000;
	font-weight: 500;
}
.section.twenty_nine .section__content__subtitle{
	line-height: 20px;
	color: #000;
	padding-top: 8px;
	font-weight: 400;
}
.section.twenty_nine img{
	width: 100%;
	padding-top: 40%;
	transform: scale(1.6);
}
.section.thirty img{
    width: 100%;
    transform: scale(1.6);
    margin-top: 19%;
}
.section.thirty .section__content{
	text-align: left;
	top:0%;
}
.section.thirty .section__content__title{
	font-size: 24px;
	line-height: 28px;
	color: #000;
	font-weight: 500;
	margin-top: 12px;
	margin-bottom: 0px;
}
.section.thirty .section__content__subtitle{
	line-height: 20px;
	color: #000;
	padding-top: 8px;
	font-weight: 400;
}
.section.thirty .x_any{
	padding: 11em 2.5em;
}

.section.thirty .model_stats{
	display: flex;
	width: 80%;
	text-align: center;
	padding-bottom: 2em;
	position: absolute;
	margin-top: -2%;
	width: 100%;
	padding: 0 2em;
}
.section.thirty .model_stats div{
	width: 33.33%;
	text-align: center;
	padding: 0em 8px;
}
.section.thirty .model_stats h4{
	font-size: 20px;
	color: #fff;
	font-weight: 500;
}
.section.thirty .model_stats span{
	font-size: 17px;
	text-transform: lowercase;
}
.section.thirty .model_stats p{
	padding-top: 5px;
	font-size: 10px;
	color: #fff;
	line-height: 18px;
}
.section.twenty_eight{
	background-color: #000;
}
.section.thirty_one{
	background-color: #000;
}
.section.thirty_one .section__content__title{
	color:#fff;
}
.section.thirty_one .section__content{
	text-align: left;
	width: 87%;
	top: 6%;
}
.section.thirty_one .section__content__title{
	font-size: 17px;
	line-height: 20px;
	font-weight: 500;
	padding-bottom: 1.5em;
}
.section.thirty_one .tcl-spec::before {
	content: "";
    display: block;
    border-top: 1px solid #fff;
    width: 30px;
    padding-top: 10px;
  }


.section.thirty_four{
	background-color: #000;
}
.section.thirty_four .section__content__title{
	color:#fff;
}
.section.thirty_four .section__content{
	text-align: left;
	width: 87%;
	top: 6%;
}
.section.thirty_four .section__content__title{
	font-size: 17px;
	line-height: 20px;
	font-weight: 500;
	padding-bottom: 1.5em;
}
.thirty_four .img_section{
	margin-bottom: 4em;
}
.thirty_four .section__action__container{
    bottom:8%;
}
.section.thirty_two {
	background-image: url(../img/Cybertruck-Second-Hero-Mobile.jpeg);
}	
.dx-hero-badges {
	position: absolute;
	top: 0;
	width: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	padding:104px 0 64px;
}
.dx-hero-badges__specs-list {
	grid-gap: 24px;
	display: grid;
	grid-auto-flow: row;
}
.section.thirty_two .dx-hero-badges__specs-list-item{
	max-width: 200px;
	z-index: 2;
	border-inline-end: 1px solid #fff;
	border-top: 1px solid #fff;
	padding-top: 8px;
	padding-inline-end: 8px;
	border-right: 1px solid #fff;
	padding-right: 8px;
}
.dx-hero-badges__specs-content{
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	background-color: #12121280;
	height: 100%;
	padding: 8px;
	position: relative;
}
.dx-hero-badges__specs-content-top .primary-copy{
	display: inline-block;
	color: #c7c7c7;
	font-size: 28px;
	font-weight: 400;
	letter-spacing: 1.4px;
	line-height: 34px;
	padding: 0;
}
.dx-hero-badges__specs-content-top .secondary-copy{
	padding-left: 8px;
	padding-inline-start: 8px;
	color: #a2a3a5;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: .9px;
	line-height: 22px;
	padding: 0;
}
.dx-hero-badges__specs-content-bottom {
	padding-top: 2px;
}
.dx-hero-badges__specs-content-bottom .tertiary-copy {
	color: #a2a3a5;
	padding: 0;
	letter-spacing: normal;
	font-size: 12px;
}

.dx-media img{
	width: 100%;
	clip-path: polygon( 0 0%, 0% 0, 95% 0, 100% 10%, 100% 90%, 100% 100%, 0% 100%, 0% 90%, 0% 10% );
}
.cut-corner {
	position: relative;
	color: white;
	background-repeat: no-repeat;
	background-image: linear-gradient(#34373b, #34373b), linear-gradient(#34373b, #34373b), linear-gradient(transparent, transparent), linear-gradient(#34373b, #34373b), linear-gradient(to bottom left, transparent calc(50% - 1px), #34373b calc(38% - 1px), #34373b calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(transparent, transparent), linear-gradient(transparent, transparent);
	background-size: 1px 92%, 1px 35%, 100% 1px, 50% 1px, 25px 20px, 100% 100%, 100% 100%;
	background-position: 0% 0%, 100% 0px, 0px 0%, 25px 100%, 0% 100%, -25px 0%, 100% 25px;
}
.cut-corner:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	z-index: -1;
	opacity: 0.5;
	background-repeat: no-repeat;
	background-image: linear-gradient(white, white), linear-gradient(white, white), linear-gradient(white, white), linear-gradient(white, white), linear-gradient(to bottom left, transparent calc(50% - 1px), white calc(50% - 1px), white calc(50% + 1px), black calc(50% + 1px)), linear-gradient(black, black), linear-gradient(black, black);
	background-size: 2px 100%, 2px 100%, 100% 2px, 100% 2px, 25px 25px, 100% 100%, 100% 100%;
	background-position: 0% 0%, 100% 25px, -25px 0%, 0px 100%, 100% 0%, -25px 0%, 100% 25px;
}				

.dx-description__header{
	color: #c7c7c7;
	font-size: 28px;
	font-weight: 400;
	letter-spacing: 1.4px;
	line-height: 34px;
	text-transform: uppercase;
	margin: 0px;
}
.thirty_three{
	background-color: #111111;
	padding: 0em 1em
}
.dx-basic-wrapper {
	background-color: var(--tds-color-ct-bg);
	background-repeat: no-repeat;
	display: block;
	padding: 0;
	margin-top: 2em;
	position: relative;
}
.tcl-react-video {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 340px;
	position: relative;
}
.dx-basic-wrapper .dx-description {
	display: block;
	grid-template-columns: 100%;
	padding: 0 6px 16px;
	background-repeat: no-repeat;
	color:#393c41;
	margin-top: 10px;
}

.dx-description-content {
	padding: 16px 8px;
	background-image: radial-gradient(#393c41 1px,transparent 0);
	background-position: -20px -9px;
	background-size: 20px 20px;
	position: relative;
	z-index: 0;
}
.tds-theme--replicant-dotted-bg:before {
	background-image: linear-gradient(180deg,transparent 0%, #111 100%);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}
.dx-description__headings {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}
.dx-description h2 {
	text-align: left;
	line-height: 22px;
	padding: 0;
	color: #a2a3a5;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: .9px;
	text-transform: uppercase;
}
.tds-theme--replicant-v2 h1 {
	color: #c7c7c7;
	font-size: 28px;
	font-weight: 400;
	letter-spacing: 1.4px;
	line-height: 34px;
	padding: 0;
	padding-block-start:16px;
	padding-block-end: 8px;
	text-transform: uppercase;
}
.dx-description-content .tds-text--body {
	margin-top: 24px;
	line-height: 26px;
	color: #8e8e8e;
	font-size: 12px;
	text-transform: uppercase;
}
.thirty_four .tcl-spec__heading{
	color: #8e8e8e;
	font-size: 11px;
	font-weight: 400;
	line-height: 17px;
	padding-bottom: 8px;
}
.thirty_four .tcl-spec__copy p{
	color: #8e8e8e;
	font-size: 12px;
	letter-spacing: normal;
}
.tds-text--body a{
	color: #8e8e8e;
	text-decoration: underline;
}
.thirty_four img{
	width: 100%;
}
.white_logo{
	display: none;
}
.fp-viewing-4 .white_logo,.fp-viewing-3 .white_logo,.fp-viewing-2 .white_logo,.fp-viewing-11 .white_logo,.fp-viewing-12 .white_logo , .fp-viewing-13 .white_logo{
	display: block;
}
.fp-viewing-4 .black_logo,.fp-viewing-3 .black_logo ,.fp-viewing-2 .black_logo ,.fp-viewing-11 .black_logo ,.fp-viewing-12 .black_logo,.fp-viewing-13 .black_logo{
	display: none;
}	
.fp-viewing-14 .white_logo,.fp-viewing-17 .white_logo,.fp-viewing-19 .white_logo,.fp-viewing-20 .white_logo,.fp-viewing-23 .white_logo,.fp-viewing-25 .white_logo,.fp-viewing-26 .white_logo,.fp-viewing-29 .white_logo,.fp-viewing-31 .white_logo,.fp-viewing-32 .white_logo,.fp-viewing-33 .white_logo,.fp-viewing-34 .white_logo,.fp-viewing-35 .white_logo{
	display: block;
}
.fp-viewing-14 .black_logo,.fp-viewing-17 .black_logo,.fp-viewing-19 .black_logo,.fp-viewing-20 .black_logo,.fp-viewing-23 .black_logo,.fp-viewing-25 .black_logo,.fp-viewing-26 .black_logo,.fp-viewing-29 .black_logo,.fp-viewing-31 .black_logo,.fp-viewing-32 .black_logo,.fp-viewing-33 .black_logo,.fp-viewing-34 .black_logo,.fp-viewing-35 .black_logo{
	display: none;
}

.section__content {
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	text-align: center;
	text-transform: capitalize;
	color: var(--primary-color);
}

.section__content__title {
	font-size: 36px;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.section__content__subtitle {
	font-size: 20px;
    font-weight: 400;
    color: #171a20;
	text-transform: initial;
}

.section__content__subtitle a {
	color: inherit;
}

.section__content__subtitle a:hover {
	text-decoration: underline;
}

.section__action__container {
	position: absolute;
	bottom: 5%;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.section__action__btn {
	font-size: 14px;
	font-weight: 500;
	padding: 1rem;
	border-radius: 4px;
	flex-basis: 80%;
	margin-bottom: 1rem;
	text-transform: capitalize;
}

.btm_text h1 , .btm_text h2{
    color:white;
}
.btm_text h2{
    font-weight: 400;
}
.six .section__action__container,.eight .section__action__container ,.nine .section__action__container,.ten .section__action__container{
    width: 92%;
    bottom: 7%;
}
.nine .btm_text{
    text-align:right;
}
.nine .btm_text h1 ,.nine .btm_text h2{
    color:black !important; 
}
.nine .btm_text h2{
    font-weight: 500 !important;  
}

.ten .btm_text h1 ,.ten .btm_text h2{
    color:black !important; 
}
.ten .btm_text h2{
    font-weight: 500 !important;  
}

.section.ten .section__content{
        width: 92%;
}
.action__btn__primary {
	background: #fff;
	color: #393c41;
}

.action__btn__secondary {
	background: #000;
	color: #fff;
}
.section__content p{
	font-size: 10px;
    padding-top: 4px;
}

/* header.css */
.header {
	height: 5rem;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5;
	display: flex;
	justify-content: space-between;
}

.header__middle {
	display: flex;
	align-items: center;
}

.header__left {
	display: block;
	padding: 0 2rem;
}

.header__logo {
	height: auto;
	width: 120px;
}

.header__right {
	margin: auto 0;
	margin-right: 1rem;
}

.header__nav__btn {
	display: none;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 1rem;
	color: var(--secondary-color);
	border-radius: 1.5rem;
	text-transform: capitalize;
	transition: background 0.3s linear;
}

.header__nav__btn:hover {
	background: #0000001c;
}

.header__nav__btn.menu__btn {
	display: inline-block;
}

.header__middle .header__nav__btn {
	margin-right: 2rem;
}


/* navigation.css */
nav ul,
nav li {
  list-style: none;
  padding: 0;
  margin: 0;
}
nav a {
  display: block;
  text-decoration: none;
}
nav a:hover,
nav a:visited {
  text-decoration: none;
}
.menu-bar {
  display: flex;
}
.menu-link {
	transition: background 0.2s, color 0.2s;
	position: relative;
	z-index: 1;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 2rem 1rem;
	color: var(--secondary-color);
	border-radius: 1.5rem;
	text-transform: capitalize;
}
.menu-link[aria-haspopup="true"] {
  padding-right: 40px;
}

.mega-menu-header {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: bold;
  color: #136a73;
  
}
.mega-menu {
  background: #ffffff;
  z-index: 10;
}
.mega-menu--multiLevel {
  flex-direction: column;
}
/* mega menu css */
.side-links .menu-list a{
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
	color: #171a20;
}
.side-links .menu-list a:hover{
	text-decoration: underline;
	color:#171a20;
	text-decoration-thickness: 2px;
	cursor: pointer;
	text-underline-offset: 3px;
}
.menu-list li {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 10px;
}

.menu-list img {
	width: 220px; 
	height: auto; 
	cursor: pointer;
}

.menu-list span {
	margin-top: 10px; 
	text-align: center;
}
.menu-list li .text-container {
	flex-grow: 1;
	display: flex;
	justify-content: space-between;
	padding-top: 8px;
}

.menu-list li .text-container a {
	margin: 0px 8px;
	text-decoration: underline;
	font-size: 12px;
	color:#5c5e62;
	text-underline-offset: 3px;
	
}
.menu-list li .text-container a:hover {
	color:#171a20;
	text-decoration-thickness: 2px;
	cursor: pointer;
}

.menu-list li .to-learn {
	text-align: left;
}

.menu-list li .order {
	text-align: right;
}
.widget-title{ 
	text-align: center;
	padding-top: 8px;
}
.widget-title h4{
	font-size: 17px;
	font-weight: 500;
}
.side-links{
	border-left: 1px solid #e2e3e3;
}
.side-links .menu-list{
	text-align: left;
	padding-left: 13%;
	padding-top: 2%;
}
.side-links .menu-list li{
	text-align: left;
	align-items: start;
	margin-top: 12px;
}
@media all and (min-width: 951px) {
  .header__left{
		z-index: 9999;
  }
  .logo_right{
	margin-right: 20%;
  }
  .nav > nav {
    max-width: 100%;
    margin: 0 auto;
	height: 5rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    display: flex;
    justify-content: space-between;
  }
  .menu [aria-haspopup="true"] ~ ul {
    display: none;
  }
  .menu-bar {
    position: absolute;
	width: 100%;
    margin-right: 12%;
    justify-content: center;
	/*margin-top: 1.3em; */
  }
  /*
  .menu-bar > li > [aria-haspopup="true"]:after {
    background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowBottom.svg#accent');
  }
  .menu-bar > li > [aria-haspopup="true"]:hover:after {
    background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowBottom.svg#light');
  } */
  .menu-bar > li > [aria-haspopup="true"]:focus ~ ul {
    display: flex;
    transform-origin: top;
    animation: dropdown 0.2s ease-out;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul:hover {
    display: flex;
  }
  .menu-bar > li:hover > [aria-haspopup="true"] ~ ul {
    display: flex;   
	transform-origin: bottom;
  	animation: fadeIn 0.5s ease-out;
  }
  @keyframes fadeIn {
	from {
	  opacity: 0;
	}
	to {
	  opacity: 1;
	}
  }
  .menu-bar > li > [aria-haspopup="true"]:focus:after,
  .menu-bar > li:focus-within > [aria-haspopup="true"]:after,
  .menu-bar > li:hover > a:after {
    background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowTop.svg#light');
  }
  .mega-menu {
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
	padding-top: 8%;
	padding-bottom: 1.8%;
	padding-left: 10%;
    padding-right: 10%;
  }
  .menu-bar-link{
	z-index: 9999;
  }
  .mega-menu:hover {
    display: flex;
  }
  /*.mega-menu a:hover {
    background: #dceced;
    color: #136a73;
  } */
  .mega-menu--multiLevel > li {
    width: 33.33333333%;
  }
  .mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul {
    left: 33.33333333%;
    width: 33.33333333%;
  }
  .mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul ul {
    width: 100%;
    left: 100%;
  }
  .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul {
    display: block;
    transform-origin: left;
    animation: flyout 0.2s ease-out;
  }
  .mega-menu--multiLevel li:focus-within > [aria-haspopup="true"] ~ ul {
    display: block;
  }
  .mega-menu--multiLevel li:hover > [aria-haspopup="true"],
  .mega-menu--multiLevel li:focus-within > [aria-haspopup="true"],
  .mega-menu--multiLevel li:hover > a,
  .mega-menu--multiLevel li:focus-within > a {
    background: #dceced;
    color: #136a73;
  }
  .mega-menu--multiLevel [aria-haspopup="true"] ~ ul,
  .mega-menu--multiLevel [aria-haspopup="true"] {
    border-left: 1px solid #f0f0f0;
  }
  .mega-menu--multiLevel [aria-haspopup="true"] ~ ul:hover,
  .mega-menu--multiLevel [aria-haspopup="true"]:hover {
    display: block;
  }
  .mega-menu--multiLevel [aria-haspopup="true"] ~ ul {
    position: absolute;
    top: 0;
    height: 100%;
  }
  .mega-menu--flat > * {
    flex: 1;
  }
  .mobile-menu-trigger,
  .mobile-menu-header,
  .mobile-menu-back-item {
    display: none;
  } 
}
@media (min-width: 501px){
	.desktop_none{
		display: none !important;
	}
}
@media all and (max-width: 950px) {
	.menu-link[aria-haspopup="true"]:after {
		content: "";
		background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowRight.svg#accent');
		background-size: 14px;
		width: 14px;
		height: 14px;
		font-size: 12px;
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
	  }
	.menu-bar {
		background: #ffffff;
	}
	.menu-link {
		background: #ffffff;
	}
  .text-right{
	text-align: right;
  }
  .nav {
    padding: 20px;
  }
  .mobile-menu-trigger,
  .mobile-menu-header,
  .mobile-menu-back-item {
    display: block;
  } 
  /*.mobile-menu-trigger {
    background: #177E89;
    color: #ffffff;
    border: 0;
    padding: 10px;
    font-size: 1.2em;
    border-radius: 4px;
  } */
  .mobile-menu-header {
    order: -1;
    background: #fff;
  }
  .mobile-menu-header a {
    padding: 20px 25px;
    color: #ffffff;
    visibility: visible;
  }
  .menu-bar {
	display: none;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    max-width: 350px;
    max-width: 100%;
    overflow-x: hidden;
    /*transition: left 0.3s; */
    box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.25);
	z-index: 9999;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul {
    /* display: flex; */
    flex-direction: column;
    background: #ffffff;
    position: absolute;
    left: 100%;
    top: 0;
    max-height: 100vh;
    width: 100%;
   /* transition: left 0.3s; */
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] {
    font-size: 1.2em;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul a {
    padding-left: 40px;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul a {
    padding-left: 80px;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] {
    color: #2a2a2a;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:after {
    content: "+";
    background: none;
    font-size: 1em;
    font-weight: normal;
    height: 20px;
    line-height: 1;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] ~ ul {
    max-height: 0px;
    transform-origin: top;
    transform: scaleY(0);
    transition: max-height 0.1s;
  }
  .mega-menu-content {
    padding: 20px 25px;
  }
  .mobile-menu-back-item {
	order: 0;
    position: absolute;
    top: 0px;
  }
  .mobile-menu-back-item a {
    background: #fff;
    color: #2a2a2a;
    max-height: calc(1.4em + 40px);
    margin-top: calc(0px - (1.4em + 40px));
    pointer-events: none;
	padding-left: 1.8em;
    padding-right: 1.8em;
    padding-top: 2em;
  }
  .mobile-menu-back-item a:before {
    content: "";
    width: 14px;
    height: 12px;
    background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowLeft.svg#default');
    background-size: 14px;
    margin-right: 10px;
    display: inline-block;
  }
 /* .mobile-menu-trigger:focus ~ ul {
    left: 0;
  }  */
  .menu-bar:hover,
  .menu-bar:focus-within {
    left: 0;
  }
  .menu-bar > li > [aria-haspopup="true"]:focus ~ ul {
    left: 0;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul {
    margin-top: calc(1.4em + 40px);
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul:hover,
  .menu-bar > li > [aria-haspopup="true"] ~ ul:focus-within {
    left: 0;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:focus ~ ul {
    max-height: 500px;
    animation: dropdown 0.3s forwards;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul li:focus-within > [aria-haspopup="true"] ~ ul {
    max-height: 500px;
    transform: scaleY(1);
  }
  .menu-bar > li:focus-within ~ .mobile-menu-header a {
    visibility: hidden;
  } 
 
}
@media (min-width: 550px) and (max-width: 992px){
	.menu-bar > li > [aria-haspopup="true"] ~ ul{
		left:0;
	}
	.twelve .img_section img {
		width: 100%;
	}	
	.same_above .img_section img {
		width: 40%;
	}
	.section.sixteen .img_section img {
		width: 100%;
	}
	.section.seventeen .dx-hero-badges__specs-list-item{
		text-align: center;
		display: flex;
		width: 100%;
		justify-content: center;
		padding-bottom: 30px;
	}
	.section.twenty_one .img_section img {
		width: 100%;
	}
	.mobile-menu-back-item{
		display: flex;
	}
	.section.twenty_five img {
		width: 100%;
		height: 700px;
	}
	.section.four .model_stats{
		padding-bottom: 5em;
	}
	.taxes p{
		display: flex;
	}
	.section.twenty_eight img{
		width: 100%;
	}
	.twenty_eight .section__content{
		top:0%;
	}
	.section.twenty_eight .tcl-media-with-text__text{
		padding-bottom: 2px;
		padding-top: 12px;
		padding-left: 26px;
		padding-right: 26px;
	}
	.section.twenty_eight .tcl-media-with-text__copy{
		text-align: left;
	}
	.section.twenty_eight .tcl-media-with-text__copy p{
		padding-bottom: 10px;
		font-size: 14px;
		font-weight: 400;
		color: #fff;
		text-transform: initial;
		padding-top: 0px;
		line-height: 20px;
	}
	.section.twenty_eight .tcl-media-with-text__copy strong{
		font-weight: 500;
	}
	.section.thirty .x_any{
		margin-top: 10em;
	}
	.section.thirty_one img{
		width: 100%; 
	}
	.menu-list img{
		width: 160px;
	}
	.nav{
		padding: 0px;
	}
	.nav nav{
		position: fixed;
		left: 0px;
		right: 11px;
		z-index: 999;
		top: 12px;
	}
	.header__left{
		margin-top: 1em;
	}
	.fp-viewing-1 .mobile-menu-trigger{
		color:#171a20;
	}
	.mobile-menu-trigger{
		background: #0000000d;
		display: inline-block;
		padding: 0.8em;
		border-radius: 2px;
		float: right;
		color: #fff;
		text-transform: capitalize;
		font-size: 14px;
		font-weight: 600;
		backdrop-filter: blur(16px);
	}
	.menu-bar-link{
		margin: 0rem 2rem 16px 2rem;
		padding: 2rem 1rem;
		border-radius: 3px;
		font-size: 17px;
		font-weight: 500;
	}
	.menu-bar-link:hover{
		background: #0000000d;
	}
	.menu-image {
	order: -1; /* Move the image to the beginning (left side) */
	margin-bottom: 10px; /* Optional: Add spacing between image and text */
	}

	.menu-list li .text-container{
	padding-top: 12px;
	}
	.menu-list li .text-container a{
	margin: 0px;
	font-size: 14px;
	}
	.side-links{
	padding-top: 16px;
	border-top: 1px solid #e2e3e3;
	margin: 20px 16px 0px 16px;
	border-left: none;
	}
	.side-links .menu-list li{
	border-radius: 2px;
	margin-bottom: 16px;
	display: block;
	}
	.side-links .menu-list a{
	font-size: 17px;
	padding: 16px 10px;
	margin-left: 0px;
	}
	.side-links .menu-list a:hover{
		background: #0000000d;
	text-decoration: none;
	margin-right: 8px;
	}
	.side-links .menu-list{
	padding-left: 0px;
	}
	.menu-list li .text-container a.to-learn{
	margin-right: 10px;
	}
	
	.mega-menu.vehicles_menu {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px; /* Adjust as needed */
	}
	
	.second_row {
	grid-template-columns: repeat(4, 1fr);
	}
	
	.mega-menu.vehicles_menu > li {
	box-sizing: border-box;
	padding: 10px; /* Adjust as needed */
	}
	
	.fourth_column {
	grid-column: span 3; /* This will make .fourth_column span three columns */
	}
}
/* Add this CSS inside your media query for mobile view */
@media (max-width: 767px) {
	.vehicles_menu {
	  display: flex;
	  flex-direction: column;
	}
  
	/* */
  }
  
@media all and (max-width: 550px){
	.menu-bar > li > [aria-haspopup="true"] ~ ul{
		left:0;
	}
	.section__content__title{
		font-size: 34px;
	}
	.section__content__subtitle{
		font-size: 14px;
		font-weight: 500;
	}
	/*.action__btn__primary{
		background: #fff;
	}
	.action__btn__secondary{
		background:#393c41;
	} */
	.section.one .model_stats{
		display: flex;
		width: 80%;
		text-align: center;
		padding-bottom: 2em;
	}
	.section.one .model_stats div{
		width: 33.33%;
		text-align: center;
		padding: 0em 8px;
	}
	.section.one .model_stats h4{
		font-size: 20px;
		color: #fff;
		font-weight: 500;
	}
	.section.one .model_stats span{
		font-size: 17px;
	}
	.section.one .model_stats p{
		padding-top: 5px;
		font-size: 10px;
		color: #fff;
		line-height: 18px;
	}
	.section.one {
		background-image: url(../img/tdbyegwl6nzchqza5jkh.jpeg);
	}
	.section.two {
		background-image: url(../img/Homepage-Model-Y-Mobile-Poster-NA.png);
	}
	
	.section.three {
		background-image: url(../img/Model-X-Main-Hero-Mobile-Poster-NA.jpeg);
	}
	
	.section.four {
		background-image: url(../img/Homepage-Model-S-Mobile-LHD-6.22.jpg);
	}
	
	.section.five {
		background-image: url(../img/Homepage-Cybertruck-Mobile.jpeg);
	}	
	.section.six {
		background-image: url(../img/beta_3.webp);
	}	
	.section.seven {
		background-image: url(../img/2hhhhh.png);
	}	
	
	.section.eight {
		background-image: url(../img/beta_2.webp);
	}	
	.section.eight .section__content__subtitle{
		font-size: 14px;
	}
	.section.nine {
		background-image: url(../img/beta_1.webp);
	}	
	
	
	.section.ten {
		background-image: url(../img/bg_trucks.webp);
	}	
	
	.section.eleven {
		background-image: url(../img/Model-3-Exterior-Mobile-NA.jpeg);
	}	
	.section.eleven .section__content{
		text-align: left;
		left: 49%;
		width: 86%;
	}
	.section.eleven .section__content__title{
		font-size: 24px;
		line-height: 28px;
		color: #fff;
		font-weight: 500;
	}
	.section.eleven .section__content__subtitle{
		line-height: 20px;
		color: #fff;
		padding-top: 8px;
		font-weight: 400;
	}
	
	.section.twelve .section__content{
		text-align: left;
		width: 83%;
		left: 47%;
	}
	.section.twelve .section__content__title{
	    font-size: 24px;
		line-height: 28px;
		font-weight: 500;
	}
	.section.twelve .section__content__subtitle{
	    line-height: 20px;
    	font-weight: 400;
		padding: 16px 0px
	}
	.twelve .img_section img{
		width:100%;
	}
	.twelve .img_section{
		margin-top: 6em;
	}

	.section.same_above .section__content{
		text-align: left;
		width: 83%;
		left: 47%;
	}
	.section.same_above .section__content__title{
	    font-size: 24px;
		line-height: 28px;
		font-weight: 500;
	}
	.section.same_above .section__content__subtitle{
	    line-height: 20px;
    	font-weight: 400;
		padding: 16px 0px
	}
	.same_above .img_section img{
		width:50%;
	}
	.same_above .img_section{
		margin-top: 6em;
		text-align: center;
	}
	.section.sixteen{
		background-color: #000;
	}
	.section.sixteen .section__content__title{
		color:#fff;
	}
	.section.sixteen .img_section img{
		width: 100%;
	}
	.section.sixteen .section__content{
		text-align: left;
		width: 87%;
	}
	.section.sixteen .section__content__title{
		font-size: 17px;
		line-height: 20px;
		font-weight: 500;
		padding-bottom: 2em;
	}
	.section.sixteen .img_section{
		margin-bottom: 32px;
	}
	.cycore{
		display: flex;
		width: 100%;
		color: #fff;
		padding-bottom: 25px;
	}
	.tcl-spec{
		width: 50%;
	}
	.tcl-spec__heading{
		font-size: 12px;
		line-height: 20px;
		font-weight: 500;
	}
	.tcl-spec__copy{
		font-size: 14px;
		line-height: 20px;
		font-weight: 400;
	}
	.tcl-spec__copy p{
		padding-top: 0px;
	}
	.section.seventeen{
		background-image: url(../img/Model-Y-Second-Hero-Mobile.jpeg);
	}
	.section.seventeen .dx-hero-badges__specs-list-item{
		text-align: center;
		display: flex;
		width: 100%;
		justify-content: center;
		padding-bottom: 30px;
	}
	.section.eighteen{
		background-image: url(../img/Model-Y-Charge-Mobile-Poster.jpeg);
	}
	.section.nineteen{
		background-image: url(../img/Model-Y-Range-Mobile-LHD.jpeg);
	}
	.section.twenty{
		background-image: url(../img/Model-Y-Cabin-Mobile-LHD.jpeg);
	}
	
	.section.twenty_one .img_section img{
		width: 100%;
	}
	.section.twenty_two{
		background-image: url(../img/Model-X-Interior-Hero-Desktop-LHD.jpeg);
	}
	
	
	


	.section.twenty_seven{
		background-image: url(../img/Model-X-Interior-Hero-Desktop-LHD.jpeg);
	}
	
	
	
	
	.img_section img{
		width: 100%;
	}
	.mobi_none{
		display: none;
	}
	.mobile-menu-back-item{
		display: flex;
	}
	.menu-list img{
		width: 160px;
	}
	.nav{
		padding: 0px;
	}
	.nav nav{
		position: fixed;
		left: 0px;
		right: 11px;
		z-index: 999;
		top: 12px;
	}
	.header__left{
		margin-top: 1em;
	}
	.fp-viewing-1 .mobile-menu-trigger{
		color:#171a20;
	}
	.mobile-menu-trigger{
		background: #0000000d;
		display: inline-block;
		padding: 0.8em;
		border-radius: 2px;
		float: right;
		color: #fff;
		text-transform: capitalize;
		font-size: 14px;
		font-weight: 600;
		backdrop-filter: blur(16px);
	}
	.menu-bar-link{
		margin: 0rem 2rem 16px 2rem;
		padding: 2rem 1rem;
		border-radius: 3px;
		font-size: 17px;
		font-weight: 500;
	}
	.menu-bar-link:hover{
		background: #0000000d;
	}
	.menu-list li {
		flex-direction: unset;
		align-items: unset;
		padding: 0em 2em;
	}
	
	  .menu-image {
		order: -1; /* Move the image to the beginning (left side) */
		margin-bottom: 10px; /* Optional: Add spacing between image and text */
	  }
	
	  .widget-title,
	  .text-container {
		text-align: left; 
		padding-top: 5%;
	  }
	  .menu-list li .text-container{
		padding-top: 12px;
	  }
	  .menu-list li .text-container a{
		margin: 0px;
		font-size: 14px;
	  }
	  .side-links{
		padding-top: 16px;
		border-top: 1px solid #e2e3e3;
		margin: 20px 16px 0px 16px;
		border-left: none;
	  }
	  .side-links .menu-list li{
		border-radius: 2px;
		margin-bottom: 16px;
		display: block;
	  }
	  .side-links .menu-list a{
		font-size: 17px;
		padding: 16px 10px;
		margin-left: 0px;
	  }
	  .side-links .menu-list a:hover{
	  	background: #0000000d;
		text-decoration: none;
		margin-right: 8px;
	  }
	  .side-links .menu-list{
		padding-left: 0px;
	  }
	  .menu-list li .text-container a.to-learn{
		margin-right: 10px;
	  }

}
@media all and (max-width: 950px) and (hover: none) {
  .mobile-menu-trigger:hover ~ ul {
    left: 0;
  } 
  .menu-bar > li > [aria-haspopup="true"]:hover ~ ul {
    left: 0;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul:hover {
    left: 0;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:hover ~ ul {
    max-height: 500px;
    animation: dropdown 0.3s forwards;
  }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] ~ ul:hover {
    max-height: 500px;
    transform: scaleY(1);
  }
  .menu-bar > li:hover ~ .mobile-menu-header a {
    visibility: hidden;
  } 
}

@keyframes dropdown {
  0% {
    opacity: 0;
    transform: scaleY(0);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes flyout {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
 
/*footer.css */


.footer {
	position: absolute;
	z-index: 100;
	bottom: 0;
	width: 100%;
	background: #000000;
}

.footer ul {
	width: 80%;
	margin: 2rem auto;
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}

.footer ul li {
	margin: 0 0.4rem;
	text-transform: capitalize;
	font-weight: 600;
}

.footer ul li a {
	color: #fff;
	font-size: 1.2rem;
}


/* responsive.css */

/* sm=600 */
/* md=900 */
/* lg=1200 */
/* xl=1600 */

@media screen and (min-width: 600px) {
	
	.section__action__btn {
		max-width: 30rem;
		padding: 1.5rem;
		flex-basis: 40%;
	}

	.section__action__container {
		justify-content: space-evenly;
	}
}

@media screen and (min-width: 900px) {
	.section__action__container {
		width: 70%;
	}

	.footer ul {
		width: 70%;
	}
}

@media screen and (min-width: 1200px) {
	.header__nav__btn {
		display: inline-block;
	}

	.header__left {
		padding: 10px 2rem;
		margin: 10px 3rem;
	}

	.header__right {
		margin: auto 2rem;
	}

	.link__in__middle {
		display: none;
	}

	.section__action__container {
		width: 60%;
	}

	.footer ul {
		width: 50%;
	}
}

@media screen and (min-width: 1600px) {
	.footer ul {
		width: 40%;
	}

	.section__action__container {
		width: 50%;
	}
}