:root{
    --Background: #E9EEF4;
    --headerandfooter: #1A4058;
    --hedaer-navs-hover:#A6B8CD;
    --white:#FFFFFF;
    --Black:#000000;
    --Black-text:#132B3B;;
    --cta:#E34C3E;
    --circle-light:rgba(230, 92, 79, 0.71);
    --popup:#E34C3E;
    --popup-background:rgba(65, 65, 65, 0.49);
    --secition-blue:#326789;
    --plus-bg:#F27367;
    --lightblue:#9CC1DA;
    --shadow-discount:rgba(0, 0, 0, 0.10);
    --discount-numb:#2F5570;
    --line-card:#5791B8;
    --light-dark:#423939;
    --fadedwhite:#E5E5E5;
    --last-part-footer:#1E445C;
    
}

body.darkmode {
  --Background: #0E1A22;
  --headerandfooter: #060E14;
  --hedaer-navs-hover:#A6B8CD;
      --white:#FFFFFF;
    --Black:#FFFFFF;
    --Black-text:#FFFFFF;;
    --cta:#E34C3E;
    --circle-light: rgba(230, 92, 79, 0);
    --popup:#E34C3E;
    --popup-background: rgba(233, 238, 244, 0.49);
     --plus-bg:#F27367;
    --secition-blue:#1F3A4A;
    --lightblue:#41667D;;
    --shadow-discount:rgba(0, 0, 0, 0.10);
    --discount-numb:#BDC2C5;
    --line-card:#5791B8;
    --light-dark:#E5E5E5;
     --fadedwhite:#E5E5E5;
    --last-part-footer:#000000;
    --Black2:#000000;
    
    
}


body.darkmode .card-sec3 {
  background-image: url(pic/img38.svg);
}

body.darkmode .circle-sec4 {
      border: 6px solid var(--white);
}



body.darkmode .decoration-line-sec1{
  content: url("pic/img45.svg");
}

body.darkmode .decoration2-line-sec1{
  content: url("pic/img45.svg");
}

body.darkmode .decoration3-line-sec1{
  content: url("pic/img45.svg");
}




body.darkmode .back-img-sec4 {
  filter: brightness(0) invert(1);
}

body.darkmode .buttom-sec5:hover {
 background-color: var(--Background);
  border-color: var(--white);
}

body.darkmode .buttom-sec5:hover .text-cta-sec5 {
  color: white;
}

body.darkmode .cta-sec1:hover{ background-color: var(--Background);
border-color: var(--white);}

body.darkmode  .cta-sec1:hover .text-cta{color: white;}

body.darkmode .cta-sec2:hover{ background-color: var(--Background);
border-color: var(--white);}

body.darkmode .cta-sec2:hover .text-cta2{color: white;}


body.darkmode .cta-sec3:hover{background-color: var(--Background);
border-color: var(--white);}

body.darkmode .cta-sec3:hover .text-cta3{color: white;}

body.darkmode .sec2{background-image: url(pic/img42.svg);}

body.darkmode .sec4{background-image: url(pic/img43.svg);}

body.darkmode .plusmin-card-sec2{background-color: var(--white);}
body.darkmode .plusmin-card-sec3{background-color: var(--white);}

body.darkmode .numb-var-card-sec2{color: var(--Black2);}
body.darkmode .numb-var-card-sec3{color: var(--Black2);}


body.darkmode .popup-card{
  background-image: url(pic/img44.svg);
}


body.darkmode .cta-pop:hover{ background-color: var(--Background);
border-color: var(--white);}

body.darkmode  .cta-pop:hover .text-pop{color: white;}






.body{background-color: var(--Background);margin: 0;padding: 0;
position: relative;}

.main {
  height: 100vh;
  overflow: hidden; 
  transition: height 0.4s ease;
}


.main.normal-height {
  height: auto;
  overflow: visible;
}


.header-nav-container{width: 100%;height: 100px;position: fixed;
background-color: var(--headerandfooter);z-index: 11111;
    padding: 0 150px 0 150px;box-sizing: border-box;margin: 0;
display: flex;justify-content: center;align-items: center;}

.main-nav-header{display: flex;flex-direction: row;justify-content: space-between;
    width: 100%;}

.list-hedaer{list-style-type: none;margin: 0;padding: 0;
display: flex;flex-direction: row;gap: 34px;}

.link-header{text-decoration: none;    white-space: nowrap;}

.small-list-header{color: var(--white);
margin: 0;
font-family: Montserrat;
font-size: 18px;
font-weight: 700;
line-height: 120%; }

.small-list-header:hover{color: var(--hedaer-navs-hover);}

.sec1{width: 100%;height: 100vh;padding: 0 150px 0 150px;
box-sizing: border-box;overflow: hidden;}

.containe-sec1{display: flex;flex-direction: row;gap: 20px;
height: 100%;justify-content: space-between;position: relative;}

.text-big-cont-sec1{margin-top: 300px;
display: flex;flex-direction: column;gap: 108px;position: relative;
    width: 754.73px;}

.small-text-box-sec1{display: flex;flex-direction: column;
gap: 43px;}

.header-sec1{color: var(--Black-text);
margin: 0;
font-family: Montserrat;
font-size: 64px;
font-style: normal;
font-weight: 800;  
line-height: 120%; /* 76.8px */}

.par-sec1{
color: var(--Black);height: 78px;
font-family: Montserrat;
font-size: 18px;
font-style: normal;margin: 0;
font-weight: 500;
line-height: 140%;width: 514.94px;
display: -webkit-box;
    display: box;
    display: flexbox;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }



.cta-sec1{display: flex;
width: 245px;
height: 56px;border-color: transparent;
padding-right: 5px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
border-radius: 15px;
background: var(--cta);
transition: all 300ms linear;}

.link-cta-sec1{display: flex;justify-content: center;
align-items: center;width: 100%;height: 100%;
text-decoration: none;}

.text-cta{color: var(--white);
margin: 0;
font-family: Montserrat;
font-size: 18px;
font-weight: 700;}

.cta-sec1:hover{background-color: var(--Background);
border: 2px solid #E34C3E;}

.cta-sec1:hover .text-cta{color: var(--cta);}


.pic-part-sec1{position: relative;
    margin: 0;    min-width: 655px;
    display: flex
;
    width: 1070px;}

.pic-sec1{    width: 468.29px;
    height: 701.56px;
    align-self: end;
    position: absolute;
    right: -50px;}

.decoration-line-sec1 {
  position: absolute;
  top: 257px;
  right: -508px;
  transform: rotate(-71.933deg);
  z-index: -1;
  animation: diagonalEntry 1s ease-out forwards;
}

@keyframes diagonalEntry {
  from {
    transform: translate(-200px, 200px) rotate(-71.933deg);
    opacity: 0;
  }
  to {
    transform: translate(0, 0) rotate(-71.933deg);
    opacity: 1;
  }
}

.decoration2-line-sec1 {
  position: absolute;
  top: 921px;
      right: -1280px;
  transform: rotate(36.01deg);
  z-index: -2;
  animation: diagonalEntryRight 1s ease-out forwards;
}

@keyframes diagonalEntryRight {
  from {
    transform: translate(200px, 200px) rotate(36.01deg);
    opacity: 0;
  }
  to {
    transform: translate(0, 0) rotate(36.01deg);
    opacity: 1;
  }
}



.decoration3-line-sec1 {
  position: absolute;
  top: 280px;
      right: -1195px;
  transform: rotate(36.01deg);
  z-index: -2;
  animation: diagonalEntryTopRight 1s ease-out forwards;
}

@keyframes diagonalEntryTopRight {
 from {
    transform: translate(200px, 200px) rotate(36.01deg);
    opacity: 0;
  }
  to {
    transform: translate(0, 0) rotate(36.01deg);
    opacity: 1;
  }
}






.decoration-line-sec1,
.decoration2-line-sec1,
.decoration3-line-sec1 {
  opacity: 0;
  animation: none;
}


.sec1.animate-sec1 .decoration-line-sec1 {
  animation: diagonalEntry 1s ease-out forwards;
}
.sec1.animate-sec1 .decoration2-line-sec1 {
  animation: diagonalEntryRight 1s ease-out forwards;
}
.sec1.animate-sec1 .decoration3-line-sec1 {
  animation: diagonalEntryTopRight 1s ease-out forwards;
}





.decoration-doodles-sec1 {    position: absolute;
    bottom: 80px;
    right: 404px;}


.decoration2-doodles-sec1 {    position: absolute;
    top: 248px;
    right: 0;}

.decoration3-doodles-sec1 {        position: absolute;
    top: -127px;
    left: -74px;
animation: decor 1s ease-out forwards;}

.decoration4-doodles-sec1 {        position: absolute;
    top: -30px;
        right: -92px;
        animation: decor 1s ease-out forwards;
    }



@keyframes decor {
 from {
   
    opacity: 0;transform: translateY(40px) scale(0.95);
  }
  to {
   
    opacity: 1;transform: translateY(0) scale(1);
  }
}


.decoration-doodles-sec1,
.decoration2-doodles-sec1,
.decoration3-doodles-sec1,
.decoration4-doodles-sec1 {
  opacity: 0;
  animation: none;
}

.sec1.animate-sec1 .decoration-doodles-sec1 {
  animation: decor 1s ease-out forwards;
}

.sec1.animate-sec1 .decoration2-doodles-sec1 {
  animation: decor 1s ease-out forwards;
}

.sec1.animate-sec1 .decoration3-doodles-sec1 {
  animation: decor 1s ease-out forwards;
}

.sec1.animate-sec1 .decoration4-doodles-sec1 {
  animation: decor 1s ease-out forwards;
}





    .light-circle{position: absolute;bottom: 0;
    width: 568.035px;    left: 385px;
height: 568.035px;
flex-shrink: 0;border-radius: 568.035px;
background: var(--circle-light);
filter: blur(292.8500061035156px);}



.popups-secition{position: absolute;width: 100%;height: 100vh;
z-index: 1111111111;
background: var(--popup-background);
display: flex;justify-content: center;align-items: center;
  background: var(--popup-background);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); }

.popup-card{width: 984.843px;
height: 512.775px;
background-image: url(pic/img8.svg);
position: relative;display: flex;position: relative;
justify-content: center;align-items: center;

  opacity: 0;
  transform: translateY(100px); 
  animation: slideUp 0.8s ease-out forwards;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(150px); 
  }
  to {
    opacity: 1;
    transform: translateY(0); 
  }
}


.popup-info-cont{display: flex;
flex-direction: column;    align-items: center;
    gap: 20px;}


.img-card{width: 359.159px;
height: 199.178px;
border-radius: 18.873px;}

.header-popup{color: var(--Black-text);
text-align: center;
margin: 0;
font-family: Montserrat;
font-size: 40px;
font-style: normal;
font-weight: 800}


.para-popup{color: var(--Black);
text-align: center;
margin: 0;width: 381.74px;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;}

.circle-close{display: flex;
width: 62.546px;
height: 62.546px;position: absolute;top: 38px;right: 81px;
justify-content: center;
align-items: center;
gap: 8.839px;
flex-shrink: 0;cursor: pointer;
border-radius: 31.273px;
background: var(--cta);}


.cta-pop{display: flex;
width: 308.267px;
height: 56px;border-color: transparent;
padding-right: 5px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
border-radius: 15px;
background: var(--cta);
transition: all 300ms linear;}

.link-cta-pop{display: flex;justify-content: center;
align-items: center;width: 100%;height: 100%;
text-decoration: none;}

.text-pop{color: var(--white);
margin: 0;
font-family: Montserrat;
font-size: 18px;
font-weight: 700;}

.cta-pop:hover{background-color: var(--Background);
border: 2px solid #E34C3E;}

.cta-pop:hover .text-pop{color: var(--cta);}



.sec2{width: 100%;
    height: fit-content;
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    overflow: hidden;
    padding: 95px 150px 95px 150px;
background-color: var(--secition-blue);
background-image: url(pic/img24.svg);}

.cont-sec2{width: 1093px;
height: fit-content;display: flex;
    flex-direction: column;
    align-items: flex-start;
gap: 64px;}

.part1-sec2{display: flex;justify-content: space-between;
    width: 1082px;}


.header-sec2{color: var(--white);
text-align: center;
margin: 0;
font-family: Montserrat;
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: 97.3%; /* 36.974px */}

.link-sec2{text-decoration: none;
display: flex;flex-direction: row;
gap: 9px;
align-items: center;}

.viewall-sec2{color: var(--white);
text-align: center;
margin: 0;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 97.3%; /* 17.514px */}


.part2-sec2{display: flex;
flex-direction: row;
gap: 20px;
    overflow-x: scroll;
    width: 1093px;
    height: 479px;
}














.card-sec2{display: flex;
height: 446.871px;box-sizing: border-box;
padding: 21px 19px;
align-items: center;position: relative;
gap: 10px;width: 351.06px;
align-self: stretch;
border-radius: 27px;display: flex;flex-direction: column;
gap: 24px;transition: all 300ms linear;
background: var(--Background);}


.discount-numb{width: 108.341px;
height: 97.696px;position: absolute;
top: 0;right: 0;
border-radius: 0 16px 16px 16px;align-items: center;
background: var(--lightblue);display: flex;justify-content: center;
box-shadow: 5px 3px 4.9px 0 var(--shadow-discount);
;}

.disc-numb-cardd-sec2{color:var(--discount-numb);
text-align: center;
margin: 0;
font-family: Montserrat;
font-size: 36.823px;
font-style: normal;
font-weight: 700;
line-height: 97.3%; /* 35.828px */}


.card-sec2:hover .discount-numb  {background-color: var(--secition-blue);
color: var(--white);}

.card-sec2:hover .disc-numb-cardd-sec2{
color: var(--white);}


.img-card-sec2{height: 204.872px;width: 100%;margin: 0;
    padding: 0;
background-image: url(pic/img16.svg);

    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;}

.card-header-sec2{color: var(--Black);
text-align: center;
margin: 0;
font-family: Montserrat;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 97.3%; /* 31.136px */}

.para-sec2{
color: var(--Black);
text-align: center;
font-family: Montserrat;
font-size: 18px;
font-style: normal;margin: 0;
font-weight: 500;
line-height: 140%; /* 25.2px */
display: -webkit-box;
    display: box;
    display: flexbox;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }

.row-cardd-sec2{display: flex;
    flex-direction: row;width: 100%;
    justify-content: space-between;
    gap: 15px;
    
}

.plusmin-card-sec2{display: flex;
width: 146px;
height: 56px;
padding: 8px;box-sizing: border-box;
align-items: center;
gap: 9px;
border-radius: 14px;
border: 2px solid var(--plus-bg);;
background: var(--Background);}

.min-cont{display: flex;
width: 40px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
align-self: stretch;}

.number-var-sec2-card-cont{display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
flex: 1 0 0;
align-self: stretch;}

.numb-var-card-sec2{color: var(--Black);
font-family: Montserrat;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 33.6px */
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 2px;
text-underline-position: from-font;
text-underline-position: from-font;
}

.plus-cont-sec2{
    display: flex;
width: 40px;height: 40px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;border-radius: 15px;
flex-shrink: 0;background-color: var(--plus-bg);;
align-self: stretch;
}


.cta-sec2{display: flex;
width: 146px;
height: 56px;border-color: transparent;
padding-right: 5px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
border-radius: 15px;
background: var(--cta);
transition: all 300ms linear;}

.link-cta-sec2{display: flex;justify-content: center;
align-items: center;width: 100%;height: 100%;
text-decoration: none;}

.text-cta2{color: var(--white);
margin: 0;
font-family: Montserrat;
font-size: 18px;
font-weight: 700;}

.cta-sec2:hover{background-color: var(--Background);
border: 2px solid #E34C3E;}

.cta-sec2:hover .text-cta2{color: var(--cta);}



.sec3{height: fit-content;width: 100%;
padding: 95px 150px 95px 150px;box-sizing: border-box;
    display: flex;
justify-content: center;}

.cont-sec3 {
    width: 1093px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 64px;
}



.header-sec3{color: var(--Black);
text-align: center;
margin: 0;
font-family: Montserrat;
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: 97.3%; /* 36.974px */}

.link-sec3{text-decoration: none;
display: flex;flex-direction: row;
gap: 9px;
align-items: center;}

.viewall-sec3{color: var(--Black);
text-align: center;
margin: 0;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 97.3%; /* 17.514px */}


.container-cards-sec3{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 1093px;gap: 20px;
}


.card-sec3{
        width: 536px;
    height: 246px;
    background-image: url(pic/img26.svg);
    background-size: cover;
    display: flex
;
    align-items: center;
}

.card-main-info-sec3{display: flex;
flex-direction: row;align-items: center;
gap: 20px;margin-left: 39.81px;}

.part1-card-sec3{display: flex;
flex-direction: column;
gap: 28px;}

.img-sec3{height: 96.385px;width: 119px;margin: 0;padding: 0;
border-radius: 5.363px;background-image: url(pic/img27.svg);
background-position: center;background-repeat: no-repeat;}


.discount-sec3{color: var(--discount-numb);
text-align: center;
margin: 0;
font-family: Montserrat;
font-size: 52px;
font-style: normal;
font-weight: 700;
line-height: 97.3%; }

.line-card-sec3{
  width: 2px;
  height: 236.923px;
  background-image: repeating-linear-gradient(
    to bottom,
    var(--line-card) 0px,
    var(--line-card) 15px,   
    transparent 15px,
    transparent 44px      
  );}


.text-part-card-sec3{display: flex;
flex-direction: column;width: 313px;
gap: 28px;}


.hedaerandpar-sec3-card{display: flex;
    flex-direction: column;
    gap: 15px;margin: 0;
}

.header-cardd-sec3{color: var(--Black-text);
margin: 0;
font-family: Montserrat;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 97.3%;}

.para-card-sec3{
color: var(--light-dark);
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 140%; 
display: -webkit-box;
    display: box;margin: 0;
    display: flexbox;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }



.row-cardd-sec3{display: flex;
    flex-direction: row;width: 100%;
    justify-content: space-between;
    
}

.plusmin-card-sec3{display: flex;
width: 150px;
height: 56px;
padding: 8px;box-sizing: border-box;
align-items: center;
gap: 9px;
border-radius: 14px;
border: 2px solid var(--plus-bg);;
background: var(--Background);}

.min-cont3{display: flex;
width: 40px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
align-self: stretch;}

.number-var-sec3-card-cont{display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
flex: 1 0 0;
align-self: stretch;}

.numb-var-card-sec3{color: var(--Black);
font-family: Montserrat;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 33.6px */
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 2px;
text-underline-position: from-font;
text-underline-position: from-font;
}

.plus-cont-sec3{
    display: flex;
width: 40px;height: 40px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;border-radius: 15px;
flex-shrink: 0;background-color: var(--plus-bg);;
align-self: stretch;
}


.cta-sec3{display: flex;
width: 150px;
height: 56px;border-color: transparent;
padding-right: 5px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
border-radius: 15px;
background: var(--cta);
transition: all 300ms linear;}

.link-cta-sec3{display: flex;justify-content: center;
align-items: center;width: 100%;height: 100%;
text-decoration: none;}

.text-cta3{color: var(--white);
margin: 0;
font-family: Montserrat;
font-size: 18px;
font-weight: 700;}

.cta-sec3:hover{background-color: var(--Background);
border: 2px solid #E34C3E;}

.cta-sec3:hover .text-cta3{color: var(--cta);}


.sec4{height: fit-content;width: 100%;
padding: 95px 150px 95px 150px;box-sizing: border-box;
    display: flex;
justify-content: center;
background-color: var(--secition-blue);
background-image: url(pic/img33.svg);}


.container-info-sec4{display: flex;
flex-direction: column;
gap: 147.37px;}


.hedaer-sec4{color: var(--white);
text-align: center;
margin: 0;
font-family: Montserrat;
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: 97.3%; /* 36.974px */}


.bigcontainer-cards-sec4{
  display: flex;flex-direction: row;
  gap: 20px;
}

.card-sec4{position: relative;
padding: 0 16px 38px 16px;box-sizing: border-box;
background-color: var(--Background);display: flex;
    align-items: center;
    justify-content: flex-end;
width: 347px;border-radius: 15px;
height: 213.12px;flex-direction: column;
gap: 15px;}


.title-card-sec4{
  color: var(--Black-text);
text-align: center;
margin: 0;
font-family: Montserrat;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 97.3%; /* 31.136px */
}

.para-card-sec4{
  
color: var(--light-dark);margin: 0;
text-align: center;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 140%;
    display: -webkit-box;
    display: box;
    margin: 0;
    display: flexbox;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.circle-sec4{display: flex;
width: 126.889px;
height: 126.889px;
align-items: center;
justify-content: center;
gap: 10px;position: absolute;
flex-shrink: 0;
border-radius: 107px;
border: 6px solid var(--secition-blue);
background: var(--Background);top: -82.44px;
}

.back-img-sec4{background-image: url(pic/img31.svg);
width: 70px ;height: 73px;
margin: 0;padding: 0;}


.sec5{    height: 370.94px;
    width: 100%;
    padding: 0 150px 0 150px;
    box-sizing: border-box;
    display: flex
;
    justify-content: center;}

.conatiner-info-sec5{display: flex;
flex-direction: row;
gap: 20px;}


.img-sec5{
  width: 529.552px;
  height: 370.901px;
  margin: 0;
  padding: 0;
  background-image: url(pic/img34v03.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: contain;
      background-position: 60% 55%;

}

.container-text-sec5{display: flex;
flex-direction: column;
gap: 43px;margin-top: 95px;}


.sub-cont-sec5{
  display: flex;width: 492px;
  flex-direction: column;
  gap: 35px;
}

.header-sec5{color: var(--Black);
text-align: center;
margin: 0;
font-family: Montserrat;
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: 97.3%; /* 36.974px */}

.par-sec5{
color: var(--light-dark);
margin: 0;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 25.2px */
   display: -webkit-box;
    display: box;
    margin: 0;
    display: flexbox;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}


.form-sec5{width: 530px;margin: 0;padding: 0;
height: 56px;position: relative;}


.input-sec5{width: 414.481px;
height: 56px;
flex-shrink: 0;
border-radius: 15px;
background: var(--lightblue);
display: flex;    border-color: transparent;
display: flex;align-items: center;
padding: 0 0 0 31px;box-sizing: border-box;}



.input-sec5::placeholder {
  color: var(--Black);
margin: 0;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 25.2px */
}


.input-sec5:focus {
  outline: none; 
  border-color: transparent; 
}


.buttom-sec5{display: flex;
width: 149px;margin: 0;
height: 56px;position: absolute;right: 0;
justify-content: center;top: 0;
align-items: center;
gap: 10px;
flex-shrink: 0;border-color: transparent;
border-radius: 15px;
background: var(--cta);
transition: all 300ms linear;}


.link-sec5{width: 100%;height: 100%;
display: flex;justify-content: center;
align-items: center;text-decoration: none;
}

.text-cta-sec5{color: var(--white);
margin: 0;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;}

.buttom-sec5:hover{background-color: var(--white);
border: 2px solid var(--cta);}

.buttom-sec5:hover .text-cta-sec5{
  color: var(--cta);
}


.footer{width: 100%;height: fit-content;gap: 92px;
background-color: var(--headerandfooter);
padding: 87px 0 0 0;box-sizing: border-box;
display: flex;flex-direction: column;}


.footer-info-cont{padding: 0 150px 0 150px ;
box-sizing: border-box;display: flex;
flex-direction: row;
justify-content: space-between;}

.box1-footer{display: flex;
width: 439.305px;gap: 40px;
flex-direction: column;}

.header-footer{color: var(--white);
margin: 0;
font-family: Montserrat;
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 53.2px */}

.icons-cont-footer{display: flex;
flex-direction: row;gap: 20px;}



.box2-footer{display: flex;width: 395px;
flex-direction: column;margin: 0;padding: 0;
gap: 28px;list-style-type: none;}

.list1-footer{display: flex;
flex-direction: row;
gap: 66px;}

.title-footerr{
  color: var(--white);
margin: 0;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 25.2px */
}

.para-footer {
  color: var(--fadedwhite);
  margin: 0;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 25.2px */
  position: relative;
  display: inline-block;
  cursor: pointer;
}


.para-footer::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0; 
  width: 100%;
  height: 1.5px;
  background-color: var(--fadedwhite);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-in-out;
}


.para-footer:hover::after {
  transform: scaleX(1);
}



.link-footer{text-decoration: none;}


.list2-footer{display: flex;
flex-direction: row;
gap: 58px;}

.list3-footer{display: flex;
flex-direction: row;
gap: 43px;}

.last-part-footer{
  width: 100%;
height: 47.9px;
flex-shrink: 0;
background: var(--last-part-footer);
display: flex;flex-direction: row;
justify-content: space-between;
padding: 0 150px 0 150px;
box-sizing: border-box;align-items: center;
}

.small-text-footerr{
  color: var(--white);
font-family: Montserrat;
font-size: 10px;margin: 0;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 15px */
}

.last-group-footer{display: flex;
flex-direction: row;list-style-type: none;
margin: 0;padding: 0;
gap: 11px;}


.small-navs-footerr{color: var(--white);
margin: 0;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
 position: relative;
  display: inline-block;
  cursor: pointer;}

.small-navs-footerr::after {
  content: "";
  position: absolute;
  left: 0;
  top: 23px;
  bottom: 0; 
  width: 100%;
  height: 1.5px;
  background-color: var(--fadedwhite);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-in-out;
}


.small-navs-footerr:hover::after {
  transform: scaleX(1);
}









.small-rect-footer{width: 1px;
height: 13.503px;background-color: var(--white);}






@media (max-width: 1280px) {
    .header-nav-container{padding: 0 100px 0 100px;
    min-width: 1020px;}
    .sec1{padding: 0 100px 0 100px;}
    .decoration4-doodles-sec1 {        position: absolute;
    top: -30px;
      
    right: -22px;}

.pic-part-sec1 {
min-width: 521px
;
    width: 530.75px;}


.decoration-line-sec1 {
    position: absolute;
        position: absolute;
        top: 236px;
        left: -837px;
}

.decoration-doodles-sec1 {

   right: 310px;}

.decoration2-line-sec1 {
    position: absolute;
    top: 1062px;
    left: -115px;}

.decoration3-line-sec1 {
    position: absolute;
    top: 498px;
    left: 50px;}

.pic-sec1 {

    right: -84px;
}

    .light-circle{position: absolute;bottom: 0;
    width: 568.035px;    left: 155px;}




.sec2{width: 100%;
    height: fit-content;
    display: flex;
    box-sizing: border-box;
    justify-content: center;    justify-content: flex-start;
    overflow: hidden;
    padding: 95px 100px 95px 100px;}


.sec3 {
    width: 100%;
    padding: 95px 100px 95px 100px;
    box-sizing: border-box;
    display: flex
;overflow: hidden;
    justify-content: flex-start;
}

.sec4 {
    padding: 95px 100px 95px 100px;
    box-sizing: border-box;overflow: hidden;
    display: flex
;
    justify-content: flex-start;
}

.sec5 {
    padding: 0 100px 0 100px;
    box-sizing: border-box;overflow: hidden;
    display: flex
;
    justify-content: flex-start;
}

.footer-info-cont {padding: 0 100px 0 100px;}
.last-part-footer {padding: 0 100px 0 100px;}


.part2-sec2{display: flex;
flex-direction: row;
gap: 20px;
    overflow-x: visible;}











}