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


:root{
    --background1:#051114;
    --header:rgba(0, 0, 0, 0.74);
    --header-burgermenu:rgba(0, 0, 0, 0.902);
    --white:#FFF;
    --header-linescolor:rgba(255, 255, 255, 0.45);
    --border-box-sec:rgba(255, 255, 255, 0.10);
    --white2:rgba(255, 255, 255, 0.97);
    --cta:#C6DE41;
    --ctahover:#41DEC4;
    --darkblue:#0C2E37;
    --scrolbar:#2D6C7B ;
   --gradient1: linear-gradient(0deg, #153B44 0%, #153B44 100%), 
             linear-gradient(180deg, rgba(0, 220, 255, 0) 0%, rgba(32, 121, 135, 0.07) 100%);
    
--border-color:rgba(255, 255, 255, 0.10);
--gradient-2:  linear-gradient(90deg, #28909C -11.7%, #002037 112.01%);
--bg2:#14292F;
--gradient3:linear-gradient(85deg, #C6DE41 -5.1%, #1CB4C8 104.47%);
;
--fadedblue:rgba(12, 46, 55, 0.80);
--fadedwhite:rgba(255, 255, 255, 0.80);
--bg3:#25444C;
--lastpart-footer:#051114;

--color1-car:#8A9604;
--color2-car:#033977;
--color3-car:#AA1717;
--design:#153B44;
--white2:#E2D5D5;
--line-sec2-p2:#2C5C67;
--fadedpara:rgba(5, 17, 20, 0.76);
}

@font-face {
  font-family: 'The Bomb Sound';
  src: url('fonts/The\ Bomb\ Sound.ttf') ,
}

body {
    font-family: Inter;
    background-color: var(--background1);
    color: #ffffff;
    overflow-x: hidden;
    width: 100%;
}

.mainn{width: 100%;overflow: hidden;}

.headerr {
    background-color: var(--header);
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 111111111111;
    width: 100%;
}

.navbar {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 46px;
    height: 100px;   
    background-image: url(pic/pic1.png);
    width: 100%;
    background-size: cover;

}




.nav-link {
    text-decoration: none;
}
.nav-text {
  position: relative;
  color: var(--white);
  font-family: Inter;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none; 
}


.nav-text::after {
  content: "";
  position: absolute;
  bottom: -2px; 
  right: 0;  
  width: 0;
  height: 2px;
  background-color: var(--white);
  transition: width 0.3s ease;
}


.nav-text:hover::after {
  width: 100%;
  left: 0;    
  right: auto;
}


.line-header{width: 1px;
height: 55.902px;
background-color: var(--header-linescolor);}




.nav-linkbg {
    text-decoration: none;
}
.nav-textbg {
  position: relative;
  color: var(--white);
  font-family: Inter;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none; 
}


.nav-textbg::after {
  content: "";
  position: absolute;
  bottom: -2px; 
  right: 0;  
  width: 0;
  height: 2px;
  background-color: var(--white);
  transition: width 0.3s ease;
}


.nav-textbg:hover::after {
  width: 100%;
  left: 0;    
  right: auto;
}


.line-headerbg{width: 100%;
height: 1px;
background-color: var(--header-linescolor);}






.sec1-p2 {
    width: 100%;
    height: 100vh;
    background-image: url(pic/pic37.png);
    background-size: cover;
}


.main-info-sec1-p2 {
    width: 100%;
    height: 100%;
    padding: 0 7.9% 0 7.9%;
    display: flex;
    justify-content: center;
    position: relative;
    display: flex;
}


.container-all-info-sec1-p2 {

    width: 100%;
    position: relative;display: flex;

}


.text-box-sec1-p2{
    display: flex;    width: 471px;
    flex-direction: column;
align-self: center;
    gap: 42px;position: relative;z-index: 4;
    margin-top: 100px;
}

.header-sec1-p2{
font-family: The Bomb Sound;
    font-size: clamp(5vh, 6vw, 8vh);
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 5.859px;
background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.69) 36.06%, #4D5154 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}


.second-sub-box-sec1-p2{display: flex;
flex-direction: column;
gap: 24px;}

.row-1-sec1-p2{display: flex;
    flex-direction: row;align-items: center;
    gap: 13px;
}


.main-features-div{display: flex;
    flex-direction: column;
    gap: 25px;
}

.subheader-sec1-p2{
    color: var(--white);
font-family: Inter;
font-size: 24px;
font-weight: 700;
line-height: 140%; /* 33.6px */
}


.text-feature-sec1-p2{color: var(--white);
font-family: Inter;
font-size: 18px;
font-weight: 400;
line-height: 140%; /* 25.2px */}


.small-rect-sec1-p2{width: 1px;
height: 16.076px;
background-color: var(--white);}


.colors-cont-sec1-p2{display: flex;
flex-direction: row;
gap: 12px;
align-items: center;}

.color1-p2{
    
    
    width: 50px;
height: 50px;
    border-radius: 25px;cursor: pointer;
border: 0.6px solid var(--white);
background: var(--color1-car);}

.color2-p2{
    
    
    width: 50px;
height: 50px;
    border-radius: 25px;cursor: pointer;
border: 0.6px solid var(--white);
background: var(--color2-car);}

.color3-p2{
    
    width: 50px;
height: 50px;
    border-radius: 25px;cursor: pointer;
border: 0.6px solid var(--white);
background: var(--color3-car);}


.container-third-box-sec1-p2{
    display: flex;
width: 347px;
padding: 28px 28.383px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
border-radius: 22.889px;
border: 0.916px solid rgba(255, 255, 255, 0.10);
background: linear-gradient(to bottom right, #071C21 0%, rgba(21, 59, 68, 0.43) 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #071C21 0%, rgba(21, 59, 68, 0.43) 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #071C21 0%, rgba(21, 59, 68, 0.43) 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #071C21 0%, rgba(21, 59, 68, 0.43) 50%) top right / 50% 50% no-repeat;
}

.price-sec1-p2{color: var(--white);
text-align: center;
font-family: Inter;
font-size: 34px;
font-weight: 700;}





.cta-sec1-p2{display: inline-flex;
height: 54px;
justify-content: center;
align-items: center;border-color: transparent;
gap: 10px;
padding: 18px 28px;width: 251px;
border-radius: 14px;
background: var(--cta);
transition: all 300ms linear;}

.cta-sec1-p2:hover{background-color: var(--ctahover);}




.linksec1-p2-cta{text-decoration: none;
display: inline-flex;
height: 100%;width: 100%;
justify-content: center;
align-items: center;
gap: 10px;}

.cta-text-sec1-p2{
color: #051114;
text-align: center;
font-family: "The Bomb Sound";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
letter-spacing: 2.4px;}



.left-box-sec1-p2{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 78%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    aspect-ratio: 1364.58 / 606.01;
    background-image: url(pic/floar.png);
}



.model-one-p2 .custom-ar-btn {
  position: absolute;
  bottom: 30%;   
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
}



.model-one-p2 {
width: 100%;
    height: 100%;
    position: absolute;
right: -38%;

    height: 102%;
   
}


.containermodel-sec1-p2 {
    width: 139%;
    height: 119%;
    position: absolute;
    right: 0;
    z-index: 1;
}




/* .sec1-p2 {
    min-height: 893px;
} */


.navbar2 {
    display: flex;
    list-style-type: none;

    justify-content: center;
    align-items: center;
    width: 100%;
     padding: 0 7.9%;
gap: 5%;}




.container-ctaaa{display: flex;
flex-direction: row;
gap: 20px;}


.left-box-sec1-p2{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 80%;
    height: 100%;
    overflow: visible;
}

.containermodel-sec1-p2 {
    width: 100%;
    height: 100%;
    position: relative;
        left: 275px;
}

.model-one-p2 {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
}