@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{padding:2rem 8rem;font-size:15px;font-family:"Inter",sans-serif;background-color:#fffdfa}nav{width:100%;height:100px;display:flex;align-items:center;justify-content:space-between}nav .nav-toggle-btn{position:fixed;top:11.8%;right:6%;border:none;background:none;cursor:pointer}nav .menu-icon,nav .close-menu-icon{display:none;width:40px;height:32px}nav img{width:70px;height:40px}nav ul{display:flex;gap:2rem}nav ul li{list-style:none}nav ul li a{color:#5d5f79;text-decoration:none}nav ul li a:hover{color:#f15e50}.section-wrapper{margin-top:1rem;display:flex;justify-content:space-between;gap:1rem}.principal-section{max-width:746px}.principal-section .mobile-img{display:none}.principal-section img{width:100%;height:280px}.principal-section .text-container{margin-top:1.5rem;display:flex;justify-content:space-between}.principal-section .text-container h1{margin-top:.4rem;color:#00001a;line-height:3rem;font-size:2.9rem;font-weight:800;width:40%}.principal-section .text-container .wrapper{width:50%}.principal-section .text-container .wrapper p{color:#5d5f79;width:96%;font-size:16px;line-height:1.28rem}.principal-section .text-container .wrapper button{margin-top:2.1rem;border:none;width:168px;height:40px;background-color:#f15e50;color:#fffdfa;font-weight:700;letter-spacing:.2rem}.principal-section .text-container .wrapper button:hover{cursor:pointer;background-color:#00001a}.second-section{padding:1.2rem 1.7rem;max-width:420px;min-height:470px;background-color:#00001a}.second-section h2{color:#e9ab53;font-size:2rem}.second-section h3{width:250px;margin-top:2rem;color:#fffdfa}.second-section h3:hover{cursor:pointer;color:#e9ab53}.second-section p{margin-top:.8rem;color:#c5c6ce;font-size:.85rem;line-height:1.4rem}.second-section hr{border-bottom:none;margin-top:1.4rem;color:rgba(255,255,255,.14)}.third-section{margin-top:3rem;display:flex;justify-content:space-between}.third-section article{display:flex;gap:1.4rem;width:400px}.third-section article img{margin-top:.4rem;width:100px;height:120px}.third-section article h2{color:#c5c6ce;font-size:2rem}.third-section article h4{margin-top:.6rem;color:#00001a;font-size:1.15rem;letter-spacing:.01mm}.third-section article h4:hover{cursor:pointer;color:#f15e50}.third-section article p{color:#5d5f79;margin-top:.6rem;line-height:1.4rem}.third-section article:nth-child(1) p{width:90%}.third-section article:nth-child(1) h4{width:180px}.third-section article:nth-child(2){padding-left:.6rem}.third-section article:nth-child(2) p{width:80%}.third-section article:nth-child(2) h4{width:220px}.third-section article:nth-child(3){padding-left:1.2rem}.third-section article:nth-child(3) h4{width:210px}@media(max-width: 1250px){.section-wrapper{display:block}.principal-section{max-width:100%}.principal-section img{height:300px}.second-section{margin-top:3rem;max-width:100%}.second-section h2{margin-top:.6rem}.third-section{flex-wrap:wrap}.third-section article{margin-top:.8rem;width:400px}.third-section article:nth-child(1) p{width:100%}.third-section article:nth-child(2){padding-left:0}.third-section article:nth-child(2) p{width:100%}.third-section article:nth-child(3){padding-left:0}}@media(max-width: 820px){body{padding:2rem 6rem}}@media(max-width: 760px){body{padding:2rem 4rem}nav ul{display:flex;flex-direction:column;justify-content:center;padding-left:2rem;font-size:1.2rem;gap:2rem;position:fixed;width:70%;height:100vh;top:0px;right:0;background-color:#fffdfa;right:-100%;transition:all .5s;box-shadow:0px 0px 20px 6px rgba(0,0,0,.8)}nav ul li a{color:#00001a}nav .ul-nav-active{right:0}nav .nav-toggle-btn{z-index:1}nav .menu-icon{display:block}nav .occult{display:none}nav .show{display:block}.principal-section{max-width:100%}.principal-section .mobile-img{display:block}.principal-section .desktop-img{display:none}}@media(max-width: 690px){.principal-section .text-container{display:block}.principal-section .text-container h1{width:100%;margin-top:0;line-height:2.8rem;font-size:2.2rem}.principal-section .text-container .wrapper{width:100%}.principal-section .text-container .wrapper p{margin-top:1rem;width:100%;font-size:.9rem;line-height:1.28rem}.principal-section .text-container .wrapper button{width:148px}}@media(max-width: 500px){body{padding:2rem 1rem}.second-section h3{width:100%}.third-section article:nth-child(1) h4{width:100%}.third-section article:nth-child(2) h4{width:100%}.third-section article:nth-child(3) h4{width:100%}}