@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
    --blanco: #fff;
    --primary-color: #3159dd;
	--primary-color-gradient: #112568;
	--secondary-color: #00205b;
	--tertiary-color: #29303b;
	--tertiary-color-gradient: #212730;
	--colortitle: #141414;
    --colordesc: #3a3a3e;
	--blue: #00205b;
	--text: #3a3a3e
	--transition: all .4s
    --font-weight-title: 800;
    --font-weight-desc: 400;
    --font-size: 16px;
    --box-shadow: 11px 18px 21px 0 #0000001c;
    --text-shadow: 6px 4px 9px #d8d7d7;
    --border-radius: 15px;
	--second-font-size: 20px;
	--transition: all .4s;
}


html, body {
    margin: 0;
    padding: 0;
	box-sizing: border-box;
}
body#home{
    font-family: 'Poppins', sans-serif !important;
	background: #fff;
}
html {
    position: relative;
}





[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}
[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}
[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}
[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}
[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}
[data-aos] {
  pointer-events: none;
}
[data-aos].aos-animate {
  pointer-events: auto;
}
[data-aos][data-aos][data-aos-easing="linear"],
body[data-aos-easing="linear"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
  transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing="ease-in"],
body[data-aos-easing="ease-in"] [data-aos] {
  transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing="ease-out"],
body[data-aos-easing="ease-out"] [data-aos] {
  transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-out"],
body[data-aos-easing="ease-in-out"] [data-aos] {
  transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-back"],
body[data-aos-easing="ease-in-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-aos][data-aos][data-aos-easing="ease-out-back"],
body[data-aos-easing="ease-out-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-back"],
body[data-aos-easing="ease-in-out-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-aos][data-aos][data-aos-easing="ease-in-sine"],
body[data-aos-easing="ease-in-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-aos][data-aos][data-aos-easing="ease-out-sine"],
body[data-aos-easing="ease-out-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
body[data-aos-easing="ease-in-out-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-aos][data-aos][data-aos-easing="ease-in-quad"],
body[data-aos-easing="ease-in-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quad"],
body[data-aos-easing="ease-out-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
body[data-aos-easing="ease-in-out-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-cubic"],
body[data-aos-easing="ease-in-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-cubic"],
body[data-aos-easing="ease-out-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-quart"],
body[data-aos-easing="ease-in-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quart"],
body[data-aos-easing="ease-out-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
body[data-aos-easing="ease-in-out-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media screen {
  html:not(.no-js) [data-aos^="fade"][data-aos^="fade"] {
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
  }
  html:not(.no-js) [data-aos^="fade"][data-aos^="fade"].aos-animate {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  html:not(.no-js) [data-aos="fade-up"] {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
  html:not(.no-js) [data-aos="fade-down"] {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }
  html:not(.no-js) [data-aos="fade-right"] {
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }
  html:not(.no-js) [data-aos="fade-left"] {
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }
  html:not(.no-js) [data-aos="fade-up-right"] {
    -webkit-transform: translate3d(-100px, 100px, 0);
    transform: translate3d(-100px, 100px, 0);
  }
  html:not(.no-js) [data-aos="fade-up-left"] {
    -webkit-transform: translate3d(100px, 100px, 0);
    transform: translate3d(100px, 100px, 0);
  }
  html:not(.no-js) [data-aos="fade-down-right"] {
    -webkit-transform: translate3d(-100px, -100px, 0);
    transform: translate3d(-100px, -100px, 0);
  }
  html:not(.no-js) [data-aos="fade-down-left"] {
    -webkit-transform: translate3d(100px, -100px, 0);
    transform: translate3d(100px, -100px, 0);
  }
  html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"] {
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
  }
  html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"].aos-animate {
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
  }
  html:not(.no-js) [data-aos="zoom-in"] {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  html:not(.no-js) [data-aos="zoom-in-up"] {
    -webkit-transform: translate3d(0, 100px, 0) scale(0.6);
    transform: translate3d(0, 100px, 0) scale(0.6);
  }
  html:not(.no-js) [data-aos="zoom-in-down"] {
    -webkit-transform: translate3d(0, -100px, 0) scale(0.6);
    transform: translate3d(0, -100px, 0) scale(0.6);
  }
  html:not(.no-js) [data-aos="zoom-in-right"] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
    transform: translate3d(-100px, 0, 0) scale(0.6);
  }
  html:not(.no-js) [data-aos="zoom-in-left"] {
    -webkit-transform: translate3d(100px, 0, 0) scale(0.6);
    transform: translate3d(100px, 0, 0) scale(0.6);
  }
  html:not(.no-js) [data-aos="zoom-out"] {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  html:not(.no-js) [data-aos="zoom-out-up"] {
    -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
    transform: translate3d(0, 100px, 0) scale(1.2);
  }
  html:not(.no-js) [data-aos="zoom-out-down"] {
    -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
    transform: translate3d(0, -100px, 0) scale(1.2);
  }
  html:not(.no-js) [data-aos="zoom-out-right"] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
    transform: translate3d(-100px, 0, 0) scale(1.2);
  }
  html:not(.no-js) [data-aos="zoom-out-left"] {
    -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
    transform: translate3d(100px, 0, 0) scale(1.2);
  }
  html:not(.no-js) [data-aos^="slide"][data-aos^="slide"] {
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    visibility: hidden;
  }
  html:not(.no-js) [data-aos^="slide"][data-aos^="slide"].aos-animate {
    visibility: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  html:not(.no-js) [data-aos="slide-up"] {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  html:not(.no-js) [data-aos="slide-down"] {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  html:not(.no-js) [data-aos="slide-right"] {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  html:not(.no-js) [data-aos="slide-left"] {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  html:not(.no-js) [data-aos^="flip"][data-aos^="flip"] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
  }
  html:not(.no-js) [data-aos="flip-left"] {
    -webkit-transform: perspective(2500px) rotateY(-100deg);
    transform: perspective(2500px) rotateY(-100deg);
  }
  html:not(.no-js) [data-aos="flip-left"].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0);
  }
  html:not(.no-js) [data-aos="flip-right"] {
    -webkit-transform: perspective(2500px) rotateY(100deg);
    transform: perspective(2500px) rotateY(100deg);
  }
  html:not(.no-js) [data-aos="flip-right"].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0);
  }
  html:not(.no-js) [data-aos="flip-up"] {
    -webkit-transform: perspective(2500px) rotateX(-100deg);
    transform: perspective(2500px) rotateX(-100deg);
  }
  html:not(.no-js) [data-aos="flip-up"].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0);
  }
  html:not(.no-js) [data-aos="flip-down"] {
    -webkit-transform: perspective(2500px) rotateX(100deg);
    transform: perspective(2500px) rotateX(100deg);
  }
  html:not(.no-js) [data-aos="flip-down"].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0);
  }
}


a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline
}
h1, h2, h3 {
	color: var(--colortitle) !important;
}
p {
	margin: 10px 0;
	color: var(--colordesc) !important;
}


h2,
h3,
h4,
h5 {
	line-height: 1.1
}

li,
ol,
p {
	line-height: 1.2
}

h2 {
	font-size: 44px
}

@media screen and (max-width:1366px) {
	h2 {
		font-size: 38px
	}
}

@media screen and (max-width:991px) {
	h2 {
		font-size: 28px
	}
}

h3 {
	font-size: 32px;
	margin-bottom: 10px
}

@media screen and (max-width:1366px) {
	h3 {
		font-size: 28px
	}
}

@media screen and (max-width:991px) {
	h3 {
		font-size: 24px
	}
}

h4 {
	font-size: 26px;
	margin-bottom: 10px
}

@media screen and (max-width:1366px) {
	h4 {
		font-size: 22px
	}
}

@media screen and (max-width:991px) {
	h4 {
		font-size: 18px
	}
}

h5 {
	font-size: 22px;
	margin-bottom: 10px
}

@media screen and (max-width:1366px) {
	h5 {
		font-size: 18px
	}
}

@media screen and (max-width:991px) {
	h5 {
		font-size: 16px
	}
}

a,
li,
p {
	font-size: 18px;
	line-height: 1.4
}

@media screen and (max-width:1366px) {
	a,
	li,
	p {
		font-size: 16px
	}
}







html, body {
	position: relative;
}
.loading {
	width: 100%;
	height: calc(100% + 10000px);
	position: absolute;
	top: 0; left: 0;
	background: var(--blanco)!important;
	overflow: hidden;
	animation: 1s fadeimg;
	-webkit-animation:fadeimg 1s;
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
	z-index: 99999999;
	opacity: 1;
}
@-webkit-keyframes fadeimg {  
	0% { opacity: 1;}
	to { opacity: 0;}
}
  
@keyframes fadeimg {  
	0% { opacity: 1;}
	to { opacity: 0;}
}
.preload-img {
	position:fixed;
	width:100%;height:100vh;
	left:0px;
	top:0px;
	z-index: 99999999;
}
.logo-container-preload {
	position:absolute; 
	left:50%; 
	top:50%; 
	margin: 0 auto;
	width: auto; height: 30px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	-ms-transform: translate(-50%,-50%); 
	-webkit-transform: translate(-50%,-50%); 
	transform: translate(-50%,-50%);
}
  
.preload-container {
	width: auto; height: auto;
	margin: 0px auto; 
  align-items: center;
  display: flex;
  cursor: pointer;
  text-decoration: none;
}
.solulogo-preload {
	text-align: center;
	margin: 0 auto;
}
.solulogo-preload img {
  width: 260px; height: auto;
  justify-self: start;
  margin: 0 auto;
  transition: var(--transition);
  display: block;
  transform: translate(0, 0px);
  
}
@media only screen and (max-width:900px) {
    .solulogo-preload img {
        width: 240px; height: auto;
        margin: 0 auto;
        text-align: center;
        justify-self: start;
        transition: var(--transition);
        display: block;
        transform: translate(0, 0px);
    
    }
  
}


a {
	text-decoration: none;
}


.container,
.container-fluid {
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}

@media (min-width:576px) {
	.container {
		max-width: 540px
	}
}

@media (min-width:768px) {
	.container {
		max-width: 720px
	}
}

@media (min-width:992px) {
	.container {
		max-width: 960px
	}
}

@media (min-width:1200px) {
	.container {
		max-width: 1140px
	}
}

@media (min-width:1450px) {
	.container {
		max-width: 1366px
	}
}

.container-fluid {
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -20px;
	margin-left: -20px
}

/* Grid System */
.col-lg-12, .col-lg-8, .col-lg-6 {
	position: relative;
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
}

@media (min-width: 992px) {
	.col-lg-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-lg-8 {
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.col-lg-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* Utilities */
.justify-content-center {
	justify-content: center;
}

.text-center {
	text-align: center;
}

.text-danger {
	color: #dc3545;
}

.fs-12px {
	font-size: 12px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-30 {
	margin-bottom: 30px;
}

/* Container XXL */
.container-xxl {
	max-width: 1320px;
	margin: 0 auto;
	padding: 80px 20px;
}

/* Section Head */
.section-head.style-4 {
	margin-bottom: 60px;
}

.section-head .titte__h2 {
	font-size: 36px;
	font-weight: 700;
	color: #333;
	margin-bottom: 15px;
}

.section-head .titte__h2 span {
	color: #128c7e;
}

.section-head p {
	font-size: 16px;
	color: #666;
	max-width: 600px;
	margin: 0 auto;
}

/* Form Styles */
.form-group {
	margin-bottom: 20px;
}

.form-control, .form-select {
	width: 100%;
	padding: 14px 18px;
	font-size: 15px;
	border: 2px solid #e0e0e0;
	border-radius: 8px;
	background: #fff;
	color: #333;
	transition: all 0.3s ease;
	font-family: inherit;
}

.form-control:focus, .form-select:focus {
	outline: none;
	border-color: #128c7e;
	box-shadow: 0 0 0 3px rgba(18, 140, 126, 0.1);
}

.form-control::placeholder {
	color: #999;
}

textarea.form-control {
	resize: vertical;
	min-height: 150px;
}

.form-select {
	cursor: pointer;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 18px center;
	padding-right: 45px;
}

.form-select option {
	padding: 10px;
}

/* Contact Button */
.contact-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 32px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 50px;
	cursor: pointer;
	transition: all 0.3s ease;
	margin-top: 20px;
}

.contact-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(18, 140, 126, 0.3);
}

.contact-btn svg {
	flex-shrink: 0;
}

.alert {
	padding: 15px;
	border-radius: 8px;
	margin-top: 20px;
}

.alert-danger {
	background: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
}

@media (max-width: 991px) {
	.col-lg-6, .col-lg-8, .col-lg-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.container-xxl {
		padding: 40px 20px;
	}
	
	.section-head .titte__h2 {
		font-size: 28px;
	}
}


header {
	padding: 8px 0;
	z-index: 9999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: 0 0;
	transition: .2s;
	background: #fff;
	box-shadow: 0 0 15px rgb(0 0 0 / 40%);
}

@media screen and (max-width:991px) {
	header {
		padding: 15px 0
	}
}

header.scrolled .nav-toggle.open:hover .bar {
	background: #fff!important
}
header .nav__main__row a {
	width: auto!important;
	height: 60px
}
header .nav__main__row a img{
	width: auto!important;
	height: 60px
}

@media screen and (max-width:991px) {
	header .nav__main__row a{
		height: 60px;
	}
	header .nav__main__row a img{
		height: 60px!important
	}
}
a.phone__number  {
	background: var(--primary-color);
	padding: 10px 12px;
	border-radius: 12px;
	color: #fff !important;
	transition: var(--transition);
} 
a.phone__number:hover {
	background: var(--primary-color-gradient);
}
@media only screen and (max-width:900px) {
	a.phone__number  {
		background: var(--primary-color);
		padding: auto 12px !important;
		border-radius: 12px;
		text-align: center!important;
		color: #fff !important;
		margin-top: 40px !important;
	} 
}
header .container {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

@media (max-width:1400px) {
	header .container {
		max-width: 100%
	}
}

header .nav-toggle {
	display: none
}

@media screen and (max-width:991px) {
	header .nav-toggle {
		top: 32px;
		right: 15px;
		width: 40px;
		height: 30px;
		z-index: 99
	}
	header .nav-toggle,
	header .nav-toggle .bar {
		display: block;
		position: absolute;
		transition: all .2s ease-in-out
	}
	header .nav-toggle .bar {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: 5px 7px;
		width: 27px;
		height: 3px;
		background: #000;
		transform: translateY(0);
		cursor: pointer
	}
	header .nav-toggle .bar.bar-2 {
		transform: translateY(8px)
	}
	header .nav-toggle .bar.bar-3 {
		transform: translateY(16px)
	}
	header .nav-toggle.open {
		top: 40px;
		right: 15px
	}
	header .nav-toggle.open:hover .bar {
		background: #000!important
	}
	header .nav-toggle.open .bar-1 {
		transform: rotate(45deg)
	}
	header .nav-toggle.open .bar-2 {
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0
	}
	header .nav-toggle.open .bar-3 {
		transform: rotate(-45deg)
	}
}

@media screen and (max-width:991px) and (max-width:1200px) {
	header .nav-toggle.open+.header__menu .social {
		display: block
	}
}

@media screen and (max-width:991px) {
	header .nav-toggle.open+.header__menu nav {
		display: block
	}
}

@media screen and (max-width:991px) {
	header#header nav {
		position: fixed;
		left: 0;
		top: 75px;
		height: 0%;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		background: #fff;
		overflow: hidden;
		transition: .2s
	}
	header#header nav.active {
		height: 100%;
		padding-top: 10px
	}
}
header#header nav {
	display: flex;
	align-items: center !important;
	padding-top: 0px;
}
header#header nav .submenu,
header#header nav a {
	font-weight: 600;
	font-size: 16px;
	color: #000;
	position: relative;
	margin: 0 20px;
	transition: .2s;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif !important;
}

header#header nav .submenu:first-child,
header#header nav a:first-child {
	margin-left: 0
}

@media screen and (max-width:991px) {
	header#header nav .submenu:first-child,
	header#header nav a:first-child {
		margin: 0 auto
	}
}

header#header nav .submenu:hover,
header#header nav a:hover {
	color: var(--primary-color)
}

header#header nav .submenu.active,
header#header nav a.active {
	color: rgb(107, 106, 106);
	text-decoration: none;
}

@media screen and (max-width:1366px) {
	header#header nav .submenu,
	header#header nav a {
		font-size: 16px
	}
}

@media screen and (max-width:991px) {
	header .nav__center__row a{
		width: 90%;
		box-sizing: border-box;
		text-align: left;
		padding: 16px 0;
		font-size: 18px;
		border-bottom: 1px solid rgba(168, 168, 168, 0.295);
		line-height: 1em;
		display: flex;
		flex-direction: column;
	}
	header#header nav .submenu:last-child,
	header#header nav a:last-child {
		border-bottom: 0
	}
}





header .nav__main {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media screen and (max-width:991px) {
	header .nav__main {
		border: 0!important;
		padding: 0!important;
		margin: 0!important
	}
}

header .nav__main__row {
	display: flex;
	align-items: center
}

header .nav__center__row {
	width: 100%;
}

@media screen and (max-width:991px) {
	header .nav__main__item:last-child {
		display: none
	}
}



header .nav__main .btn:hover {
	color: #fff;
	background: var(--secondary-color)
}




body :focus {
	outline: 0
}

body.hidden {
	overflow: hidden!important
}

.mainheader {
	padding: 0;
	text-align: center
}











#solu__slides {
	transform: translate(0, 60px);
}
@media only screen and (max-width:900px) {
	#solu__slides {
		transform: translate(0, 80px);
	}
}
.swiper {
	width: 100%;
	height: 500px;
}


.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 500px;
	object-fit: cover;
}

.swiper-pagination-bullet {
	width: 12px !important; height: 12px !important;
	font-size: 0;
	background: #fff !important;
	color: rgba(255, 255, 255, 0.788) !important;
}

.swiper-pagination-bullet-active {
	color: #fff;
	background: rgba(255, 255, 255, 0.753) !important;
	width: 14px !important; height: 14px !important;
	transform: translate(0, -1px);
}









#company__focus {
	margin-top: 120px;
	padding: 60px 0;
	box-sizing: border-box;
	text-align: center;
}
.company__focus__item {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 40px;
}
.item__row {
	width: 100%; max-width: 260px; height: auto;
	background: none;
	margin: 20px;
	border-radius: 30px;
	position: relative;
	box-shadow: var(--box-shadow);
}
.item__row img {
	width: 100%; max-width: 220px;
	position: relative;
	padding: 12px;
	border-radius: 60px;
	transition: var(--transition);
}
.item__row img:hover {
	transform: translate(0,-20px);

}
.item__row p {
	text-transform: uppercase;
	padding-bottom: 20px;
}











#presentacion__home {
	margin-top: 40px;
	padding: 60px 0;
	box-sizing: border-box;
	background: url(/static/backgrounds/bgfull1-startleft.png) no-repeat;
	background-position: bottom;
}
#presentacion__nosotros {
	margin-top: 40px;
	padding: 60px 0;
	box-sizing: border-box;
	background: url(/static/backgrounds/bgfull1-startleft.png) no-repeat;
	background-position: bottom;
}
@media only screen and (max-width:900px) {
	#presentacion__home {
		margin-top: 80px;
		padding: 60px 0;
		box-sizing: border-box;
	}
	#presentacion__home {
		margin-top: 0px;
		padding: 60px 0;
		box-sizing: border-box;
	}
	.presentacion__text {
		width: 100%; max-width: 800px;
		color: #fff;
		margin-bottom: 80px;
	}
	.presentacion__container {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		position: relative;
	}
}
@media only screen and (min-width:901px) and (max-width:1400px) {
	#presentacion__home {
		box-sizing: border-box;
	}
	.presentacion__text {
		width: 100%; max-width: 800px;
		color: #fff;
		margin-bottom: 80px;
	}
	.presentacion__container {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		position: relative;
	}
}
.presentacion__container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.presentacion__text {
	width: 100%; max-width: 800px;
	color: #fff;
}
@media only screen and (min-width:901px) and (max-width:1400px) {
	.presentacion__text {
		width: 100%; max-width: 600px;
		color: #fff;
	}
}
.presentacion__text p {
	margin: 10px 0;
}
.presentacion__picture {
	position: relative;
}
.presentacion__picture  img{
	width: 100%; max-width: 420px;
	border-radius: 30px;
	position: relative;
	box-shadow: var(--box-shadow);
}
.presentacion__picture::before {
	content: "";
    position: absolute;
    top: -30px;
    right: -30px;
	width: 100%;
    max-width: 420px;
    height: 100%;
    border-radius: 30px;
    background: linear-gradient(150.41deg,var(--primary-color) 4.31%,var(--primary-color-gradient) 100.84%);
}
@media only screen and (max-width:900px) {
	.presentacion__picture  img{
		width: 100%; max-width: 300px;
		height: 100%;
		border-radius: 30px;
		position: relative;
		box-shadow: var(--box-shadow);
	}
	.presentacion__picture::before {
		content: "";
		position: absolute;
		top: -30px;
		right: -30px;
		width: 100%;
		max-width: 300px;
		height: 100%;
		border-radius: 30px;
		background: linear-gradient(150.41deg,var(--primary-color) 4.31%,var(--primary-color-gradient) 100.84%);
	}
}




.banner__row {
	display: flex;
	flex-wrap: wrap;
}
.banner__picture {
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}
.banner__picture img {
	height: 100%;
	max-width: 100%;
}
.banner__text {
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
	box-sizing: border-box;
	padding: 50px 40px;
	background: linear-gradient(150.41deg,var(--primary-color) 4.31%,var(--primary-color-gradient) 100.84%);
	color: #fff !important;
}
.banner__text h2 {
	color: #fff !important;
}
.banner__text p {
	padding-top: 28px;
	color: #fff !important;
}
@media only screen and (max-width:900px) {
	.banner__row {
		display: flex;
		flex-direction: column;
	}
	.banner__picture {
		flex: 1;
		max-width: 100%;
	}
	.banner__text {
		flex: 1;
		max-width: 100%;
		padding: 0 40px;
		margin-top: -10px;
		box-sizing: border-box;
		padding: 50px;
		background: linear-gradient(150.41deg,var(--primary-color) 4.31%,var(--primary-color-gradient) 100.84%);
		color: #fff;
	}
}
@media only screen and (min-width:901px) and (max-width:1500px) {
	.banner__text {
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
		padding: 0 40px;
		box-sizing: border-box;
		padding: 20px;
		background: linear-gradient(150.41deg,var(--primary-color) 4.31%,var(--primary-color-gradient) 100.84%);
		color: #fff;
	}
}









@media only screen and (max-width:900px) {
	 
	.tabs__home {
		margin-top: -60px!important;
	}
}
#servicios-tabs {
	width: auto; height: auto;
	  list-style: none;
	  box-sizing: border-box;
	  outline: none;
	  font-weight: normal;
	text-align: center;
	margin: 0 auto;
	padding: 60px 0;
	margin-top: 60px;
	position: relative;
}
.tabs-container {
	width: 100%; 
	margin: 0 auto;
  
}
  
li.active {
	padding: 8px 0 !important;
	margin-right: -0px !important;
	border: none;
	border-bottom: 6px solid var(--primary-color) !important;
}
  
.content {
	display: none;
	opacity: 0;
	width: 100%; 
	margin: 0 auto;
	height: auto;
	margin-top: 60px;
	-webkit-animation: display-none-transition 1s ease;
	animation: display-none-transition 1s ease;
}
.tab__content__row {
	display: flex;
	text-align: left;
}
.tab__content__text {
	padding-left: 80px;
}

.tab__picture {
	  position: relative;
}
.tab__picture  img{
	width: 100%; max-width: 460px;
	border-radius: 30px;
	position: relative;
	box-shadow: var(--box-shadow);
}
.tab__picture::before {
	content: "";
    position: absolute;
    top: -30px;
    right: 30px;
	width: 100%;
    max-width: 460px;
    height: 100%;
    border-radius: 30px;
    background: linear-gradient(150.41deg,var(--primary-color) 4.31%,var(--primary-color-gradient) 100.84%);
}

.servicios-check {
	display: flex;
	align-items: center;
	margin: 10px;
}
.servicios-check p {
	padding-left: 20px;
	margin: 0;
}
.servicios-check svg{
	width: 20px; height: 20px;
	fill: var(--primary-color);
}

@media only screen and (max-width:900px) {
	.tab__content__row {
		display: flex;
		flex-direction: column;
	}
	.tab__content__text {
		padding-left: 0px;
		padding-top: 40px;
	}
	
	.tab__picture {
		position: relative;
		text-align: center;
	}
	.tab__picture  img{
		width: 100%; max-width: 320px;
		margin: 0 auto;
		border-radius: 30px;
		position: relative;
	}
	.tab__picture::before {
		content: "";
		position: absolute;
		top: -30px;
		right: 40px;
		width: 100%;
		max-width: 320px;
		height: 100%;
		border-radius: 30px;
		background: linear-gradient(150.41deg,var(--primary-color) 4.31%,var(--primary-color-gradient) 100.84%);
	}

}
@keyframes display-none-transition {
	0% {
	  display: none;
	  opacity: 0;
	}
	
	1% {
	  display: block;
	}
	
	100% {
	  opacity: 1;
	}
}
  
@-webkit-keyframes display-none-transition {
	0% {
	  display: none;
	  opacity: 0;
	}
	
	1% {
	  display: block;
	}
	
	100% {
	  opacity: 1;
	}
}
  
.content-section .active {
	display: block;
	opacity: 1;
}
ul.tabs {
	  margin-top: 40px;
	margin-bottom: 10px;
	padding: 0;
	display: flex;
}
@media only screen and (max-width:600px) {
	ul.tabs {
	  width: 100%;
	  display: flex;
	  flex-direction: column;
	  margin: 0 auto;
	}
	li.li-tabs { 
	  width: 100% !important;
	}
}
li.li-tabs {
	list-style: none;
	width: 100%;
	text-align: center;
	border-bottom: 2px solid #cfd0cf;
	font-size: 18px;
	margin: 0 -0px;
	font-family: var(--font);
	cursor: pointer;
	padding: 8px 0;
}
  

  










#nosotros__linear__gradient {
	width: 100%; height: 350px;
	background-image:  url(/static/img/DSCF7067.png);
	background-repeat: no-repeat;
	color: var(--blanco);
	background-position: left;
	background-size: cover;
	display: flex;
	align-items: center;
	transform: translate(0, 60px);
}
#nosotros__linear__gradient h2 {
	font-size: 50px !important;
	color: var(--blanco) !important;
}

@media only screen and (max-width:900px) {
	#nosotros__linear__gradient {
		width: 100%; height: 260px;
		background-image: url(/static/img/DSCF7067.png);
		background-repeat: no-repeat;
		color: var(--blanco);
		background-position: left;
		background-size: cover;
		display: flex;
		align-items: center;
		margin-top: 20px;
	}
	#nosotros__linear__gradient h2 {
		color: var(--blanco) !important;
		font-size: 50px !important;
	}
	.presentacion__nosotros {
		margin-top: 60px !important;
	}
}
.presentacion__nosotros {
	margin-top: 120px;
}

#servicios__linear__gradient {
	width: 100%; height: 350px;
	background-image: url(/static/img/DSCN0246.png);
	background-repeat: no-repeat;
	color: var(--blanco);
	background-position: left;
	background-size: cover;
	display: flex;
	align-items: center;
	transform: translate(0, 60px);
}
#servicios__linear__gradient h2 {
	color: var(--blanco) !important;
	font-size: 50px !important;
}

@media only screen and (max-width:900px) {
	#servicios__linear__gradient {
		width: 100%; height: 260px;
		background-image: url(/static/img/DSCN0246.png);
		background-repeat: no-repeat;
		color: var(--blanco);
		background-position: left;
		background-size: cover;
		display: flex;
		align-items: center;
		margin-top: 20px;
	}
	#servicios__linear__gradient h2 {
		color: var(--blanco) !important;
		font-size: 50px !important;
	}
	.presentacion__nosotros {
		margin-top: 60px !important;
	}
}

#contacto__linear__gradient {
	width: 100%; height: 350px;
	background-image: url(/static/img/DSCN0251.png);
	background-repeat: no-repeat;
	color: var(--blanco);
	background-position: left;
	background-size: cover;
	display: flex;
	align-items: center;
	transform: translate(0, 60px);
}
#contacto__linear__gradient h2 {
	color: var(--blanco) !important;
	font-size: 50px !important;
}

@media only screen and (max-width:900px) {
	#contacto__linear__gradient {
		width: 100%; height: 260px;
		background-image: url(/static/img/DSCN0246.png);
		background-repeat: no-repeat;
		color: var(--blanco);
		background-position: left;
		background-size: cover;
		display: flex;
		align-items: center;
		margin-top: 20px;
	}
	#contacto__linear__gradient h2 {
		color: var(--blanco) !important;
		font-size: 50px !important;
	}
	.presentacion__nosotros {
		margin-top: 60px !important;
	}
}

#valores {
	padding: 60px 0;
	box-sizing: border-box;
}
.valores__container {
	display: flex;
	align-items: center;
	flex-direction: column;
	color: #fff;
}
.valores__container p, .valores__container h2 {
	text-align: center;
}
.valores__container p {
	margin-top: 10px;
}
.valores__row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 40px;
	align-items: center;
}
.valor__box {
	width: 120px; height: 120px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: none;
	margin: 20px;
}
.valor__box svg {
	width: 70px; height: 70px;
	fill: var(--primary-color)
}
.valor__box span {
	padding-top: 20px;
	font-size: 20px;
	color: var(--colortitle);
}
@media only screen and (max-width:500px) {
	.valores__row {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 40px;
		align-items: center;
	}
	.valor__box {
		width: 120px; height: 120px;
		display: flex;
		flex-direction: column;
		align-items: center;
		background: none;
		margin: 20px auto;
	}
}







#edf__galery {
	margin-top: 120px;
	padding: 60px 0;
	box-sizing: border-box;
	text-align: center;
}

.edf__galery__row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 60px;
}
.edf__picture {
	width: 400px; height: 225px;
	overflow: hidden;
	border-radius: 12px;
}
.edf__picture img {
	width: 400px; height: auto;
	margin: 0 auto;
	border-radius: 12px;
}
@media only screen and (max-width:900px) {
	.edf__picture {
		width: 100%; height: auto;
		overflow: hidden;
		border-radius: 12px;
	}
	.edf__picture img {
		width: 100%; height: auto;
		margin: 0 auto;
		border-radius: 12px;
	}
}








#contact__edf{
	margin-top: 120px;
}
.content__row {
	display: flex;
}
.map__content {
	flex: 0 0 70%;
	max-width: 70%;
}
.map__content iframe {
	width: 100%; height: 100%;
}
.contact__content {
	flex: 0 0 30%;
	max-width: 30%; height: 400px;
	color: #fff;
	display: flex;
	flex-direction: column;
	padding: 60px 40px;
	box-sizing: border-box;
	background: linear-gradient(150.41deg,var(--primary-color) 4.31%,var(--primary-color-gradient) 100.84%);
}
.contact__content h2 {
	color: var(--blanco) !important;
}
.contact__content span {
	margin: 10px 0;
}
.contact__content span a {
	color: var(--blancob);
}
@media only screen and (max-width:1000px) {
	.content__row {
		display: flex;
		flex-direction: column;
	}
	.map__content {
		flex:1;
		max-width: 100%;
	}
	.contact__content {
		flex: 1;
		max-width: 100%;
		color: #fff;
		display: flex;
		flex-direction: column;
		padding: 60px 40px;
		margin-top: -4px;
		box-sizing: border-box;
		background: linear-gradient(150.41deg,var(--primary-color) 4.31%,var(--primary-color-gradient) 100.84%);
	}
}














#footer {
	width: 100%; height: auto;
	box-sizing: border-box;
	background: var(--primary-color-gradient)!important;
	margin: 0;
	padding: 15px 260px;
	display: flex;
	align-items: center;
  }
  
  .footer-container {
	width: 100%; height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	
  }
  .footer-credits {
	line-height: 14px;
	
  }
  .footer-credits p {
	margin: 0;
	color: var(--blanco) !important;
	font-size: 14px;
  }
  .logo-container-footer {
	width: auto;
	position: relative;
	box-sizing: border-box;
  }
  .logo-container-footer img{
	width: 100%;
	max-width: 220px;
  }
  .logo-nohover{
  width: 160px; height: auto;
  justify-self: center;
  display: block;
  transform: translate(0, 0px);
  opacity: 1;
  bottom: 0px;
  right: 0;
  position: relative;
  -webkit-transition: opacity .4s ease-in-out;
  -moz-transition: opacity .4s ease-in-out;
  -o-transition: opacity .4s ease-in-out;
  transition: opacity .4s ease-in-out;
  }
  
  .logo-hover{
  width: 160px; height: auto;
  justify-self: center;
  transform: translate(0, 0px);
  opacity: 0;
  bottom: 0px;
  right: 0;
  position: absolute;
  -webkit-transition: opacity .4s ease-in-out;
  -moz-transition: opacity .4s ease-in-out;
  -o-transition: opacity .4s ease-in-out;
  transition: opacity .4s ease-in-out;
  }
  @media only screen and (max-width:900px){
  .logo-hover img{
	width: 160px; height: auto;
  }
  
  }
  .logo-container-footer:hover .logo-nohover {
  opacity: 0;
  }
  .logo-container-footer:hover .logo-hover {
  opacity: 1;
  }
  
  
  @media only screen and (max-width:900px) {
	#footer {
	  width: 100%; height: auto;
	  box-sizing: border-box;
	  background: var(--terciary-color);
	  margin: 0;
	  padding: 15px;
	  display: flex;
	  align-items: center;
	}
	
	.footer-container {
	  width: 100%; height: auto;
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  box-sizing: border-box;
	  
	}
	.logo-nohover, .logo-hover{ 
	  width: 160px; height: auto;
	  bottom: 0px;
	}
	.footer-credits p {
	  margin: 0;
	  color: var(--blanco);
	  font-size: 10px;
	}
  }
  
  @media only screen and (min-width:901px) and (max-width:1700px) {
	#footer {
	  padding: 20px 60px;
	}
  
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  



  .whatsapp-float-btn {
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 60px;
    height: 60px;
    background: #25D366;
    border-radius: 50%;
    border: none;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
    cursor: pointer;
    z-index: 9998;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    animation: pulse 2s infinite;
}

.whatsapp-float-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 16px rgba(37, 211, 102, 0.6);
}

.whatsapp-float-btn svg {
    width: 36px;
    height: 36px;
}

@keyframes pulse {
    0%, 100% {
        box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
    }
    50% {
        box-shadow: 0 4px 20px rgba(37, 211, 102, 0.7);
    }
}

.whatsapp-chat-window {
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 360px;
    max-width: calc(100vw - 50px);
    height: 680px;
    max-height: calc(100vh - 150px);
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    display: none;
    flex-direction: column;
    overflow: hidden;
    animation: slideIn 0.3s ease;
}

.whatsapp-chat-window.active {
    display: flex;
}

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

.whatsapp-chat-header {
    background: #075E54;
    color: white;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.whatsapp-header-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.whatsapp-header-logo {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
    background: white;
    padding: 4px;
}

.whatsapp-header-info h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.whatsapp-header-info span {
    font-size: 12px;
    opacity: 0.8;
}

.whatsapp-close-btn {
    background: transparent;
    border: none;
    color: white;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    transition: opacity 0.2s;
}

.whatsapp-close-btn:hover {
    opacity: 0.7;
}

.whatsapp-chat-messages {
    flex: 1;
    padding: 20px;
    overflow-y: auto;
    background: #E5DDD5;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d9d9d9' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.whatsapp-message {
    margin-bottom: 12px;
    display: flex;
}

.whatsapp-message-received {
    justify-content: flex-start;
}

.whatsapp-message-bubble {
    background: white;
    padding: 8px 12px;
    border-radius: 8px;
    max-width: 80%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.whatsapp-message-bubble p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #303030;
}

.whatsapp-message-time {
    font-size: 11px;
    color: #667781;
    margin-top: 4px;
    display: block;
}

.typing-indicator {
    display: inline-block;
}

.typing-indicator span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #667781;
    margin: 0 2px;
    animation: typing 1.4s infinite;
}

.typing-indicator span:nth-child(2) {
    animation-delay: 0.2s;
}

.typing-indicator span:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes typing {
    0%, 60%, 100% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(-10px);
    }
}

.whatsapp-chat-form {
    padding: 16px;
    background: #F0F0F0;
    border-top: 1px solid #ddd;
}

.whatsapp-form-group {
    margin-bottom: 12px;
    position: relative;
}

.whatsapp-floating-label {
    position: absolute;
    top: -8px;
    left: 12px;
    background: #F0F0F0;
    padding: 0 6px;
    font-size: 13px;
    font-weight: 700;
    color: #075E54;
    z-index: 1;
    opacity: 1;
    transform: translateY(0);
    transition: all 0.3s ease;
    pointer-events: none;
}

.whatsapp-form-group.has-value .whatsapp-floating-label,
.whatsapp-form-group input:focus ~ .whatsapp-floating-label,
.whatsapp-form-group textarea:focus ~ .whatsapp-floating-label {
    opacity: 1;
    transform: translateY(0);
    color: #25D366;
}

.whatsapp-form-group input,
.whatsapp-form-group textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    font-family: inherit;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.whatsapp-form-group input:focus,
.whatsapp-form-group textarea:focus {
    outline: none;
    border-color: #25D366;
    box-shadow: 0 0 0 3px rgba(37, 211, 102, 0.1);
}

.whatsapp-form-group textarea {
    resize: vertical;
    min-height: 80px;
}

.whatsapp-next-btn {
    width: 100%;
    padding: 12px;
    background: #25D366;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.whatsapp-next-btn:hover {
    background: #1EBE57;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);
}

.whatsapp-next-btn:active {
    transform: translateY(0);
}

.whatsapp-next-btn:disabled {
    background: #ccc;
    cursor: not-allowed;
    transform: none;
}

.whatsapp-submit-btn {
    width: 100%;
    padding: 12px;
    background: #25D366;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

.whatsapp-submit-btn:hover {
    background: #1EBE57;
}

@media (max-width: 768px) {
    .whatsapp-chat-window {
        bottom: 90px;
        right: 10px;
        left: 10px;
        width: auto;
        max-width: none;
    }

    .whatsapp-float-btn {
        bottom: 20px;
        right: 20px;
        width: 56px;
        height: 56px;
    }
}



.contact.style-6 .content {
  position: relative;
  padding: 100px 15px; }
  .contact.style-6 .content .contact_a {
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom-left-radius: 30px;
    pointer-events: none;
    max-width: 20%; }
  .contact.style-6 .content .contact_message {
    position: absolute;
    right: -150px;
    top: 100px;
    border-bottom-left-radius: 30px;
    pointer-events: none;
    max-width: 30%; }
  .contact.style-6 .content .form {
    position: relative;
    z-index: 5; }

.contact.style-6 .form-group .form-control,
.contact.style-6 .form-group .form-select {
  border: 1px solid #9994;
  border-radius: 30px;
  min-height: 50px;
  font-size: 16px;
  padding: 10px 25px; }
  .contact.style-6 .form-group .form-control:focus,
  .contact.style-6 .form-group .form-select:focus {
    border-color: var(--color-blue6);
    -webkit-box-shadow: none;
    box-shadow: none; }

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

@keyframes gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }






    button .contact-btn{
      background: var(--secondary-color-hover);
    }