*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}html{font-size:100%}body{font-size:18px;font-family:Rubik,sans-serif}body.active{overflow:hidden}:root{--Soft-Blue: hsl(231, 69%, 60%);--Soft-Red: hsl(0, 94%, 66%);--Grayish-Blue: hsl(229, 8%, 60%);--Very-Dark-Blue: hsl(229, 31%, 21%)}button{font-size:12px;padding:8px 17px;border-radius:4px;border:none;box-shadow:0 2px 5px 1px #0003;cursor:pointer}.title-2{font-size:18px;font-weight:600}.small-text{line-height:1.5;color:var(--Grayish-Blue);font-size:13px}nav{margin-top:30px;margin-inline:100px;padding-inline:30px;letter-spacing:1.2px;display:flex;align-items:center;justify-content:space-between}nav div:first-child{display:flex;justify-content:space-between;align-items:center;width:100%}nav .nav-logo{width:125px}nav .nav-menu{cursor:pointer;display:none}nav .links{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;font-size:12px;font-weight:300;cursor:pointer}.sidebar{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#252b46dd;color:#fff;display:none}.sidebar-logo svg{width:150px;color:#fff}.active .sidebar{display:block;opacity:1;z-index:1000}.sidebar div:first-of-type{margin-top:30px;margin-left:30px}.sidebar div span{margin-left:-80px}.sidebar_links{margin-top:30px;display:flex;flex-direction:column;align-items:center;letter-spacing:4px}.sidebar_links li:not(:last-of-type){border-bottom:1px solid var(--Grayish-Blue);text-align:center;padding-block:10px;width:80%}.sidebar_links li:last-child{margin-top:20px;font-size:15px;border:2px solid white;font-weight:700;padding:10px 0;width:80%;border-radius:5px;text-align:center}.sidebar_links li:first-child{border-top:1px solid var(--Grayish-Blue)}.nav-links ul li:last-child{color:#fff;font-size:15px;background-color:var(--Soft-Red);padding:7px 22px;width:80%;border-radius:5px}nav ul li:last-child:hover{background-color:#fff;border:2px solid var(--Soft-Red);color:var(--Soft-Red)}nav ul li:not(:last-child):hover{color:var(--Soft-Red)}.close-icon{cursor:pointer;font-size:30px}@media screen and (max-width: 620px){nav .nav-links{display:none}nav .nav-menu{display:initial}}main{margin-top:60px}.section-1{margin-bottom:40px;display:flex;gap:100px;justify-content:center}.section-1 .small-text{max-width:350px}.section-1 .title{font-size:25px;max-width:300px}.section-1 .buttons{display:flex;gap:10px}.section-1 .buttons button:first-of-type:hover{background-color:#fff;color:var(--Soft-Blue);border:2px solid var(--Soft-Blue)}.section-1 .buttons button:last-of-type:hover{background-color:#fff;color:var(--Very-Dark-Blue);border:2px solid var(--Very-Dark-Blue)}.section-1 .buttons button:first-child{background-color:var(--Soft-Blue);color:#fff}.section-1 img{width:420px;z-index:10;border-radius:10px}.section-1 .left-side *{margin-bottom:15px}.section-1 .left-side{align-self:center}.section-2{margin-top:40px;margin-bottom:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.section-2 .title-2{font-size:25px}.section-2 .small-text{max-width:380px;text-align:center}.section-2 .list{font-size:13px;margin-top:30px;display:flex;justify-content:center;gap:50px;text-transform:capitalize;border-bottom:1px solid var(--Grayish-Blue);padding-bottom:15px;margin-bottom:40px}.section-2 .list p{cursor:pointer;max-width:max-content;position:relative}.section-2 .list p:hover{color:var(--Soft-Red)}.section-2 .list p.active:after{position:absolute;content:"";width:138%;height:3.5px;left:-18px;bottom:-16px;background-color:var(--Soft-Red)}.section-2 .list-show{display:flex;gap:70px}.section-2 .list-show img{width:420px}.section-2 .list-show button{background-color:var(--Soft-Blue);color:#fff}.section-2 .info{display:grid;justify-items:start;align-content:center;gap:17px}.section-2 .info .small-text{text-align:start;max-width:317px}.section-3{margin-top:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.section-3 .small-text{text-align:center;max-width:390px}.cards{margin-top:40px;margin-bottom:60px;display:flex;align-items:center;gap:50px}.section-3 .cards .first_card,.second_card,.third_card{padding-block:15px;display:flex;flex-direction:column;box-shadow:0 0 3px #0003;border-radius:10px;width:fit-content}.cards img{width:200px}.top-card{display:flex;flex-direction:column;align-items:center}.cards button{background-color:var(--Soft-Blue);color:#fff;font-size:12px;align-self:center;padding-block:10px;margin-bottom:10px}.cards button:hover{background-color:#fff;color:var(--Soft-Blue);border:2px solid var(--Soft-Blue)}.top-card p:first-of-type{font-weight:600;margin-top:15px;font-size:14px}.top-card p:last-child{font-size:11px;margin-top:5px}.bottom-card{padding-top:17px;display:flex;gap:20px;flex-direction:column}.bottom-card img{margin-top:20px;width:100%}.cards .second_card{margin-top:75px}.cards .third_card{margin-top:150px}.section-4{display:flex;flex-direction:column;align-items:center}.section-4 button{background-color:var(--Soft-Blue);color:#fff}.section-4 .small-text{text-align:center;max-width:350px;margin-top:10px}.collapsing-list{margin-block:30px;width:60%}.collapsing-list div{padding-block:10px;padding-inline:10px;border-bottom:1px solid hsla(229,8%,60%,.28);display:flex;align-items:center;justify-content:space-between}.collapsing-list div:hover{color:var(--Soft-Red);cursor:pointer}.collapsing-list div:first-of-type{border-top:1px solid hsla(229,8%,60%,.28)}.collapsing-list div .questions{font-size:13px}.collapsing-list div img{width:8px;height:7px;cursor:pointer}.collapsing-list div img.active{background-color:var(--Soft-Red)}.section-5{margin-top:100px;color:#fff;background-color:var(--Soft-Blue);height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center}.section-5 .small-text{font-size:10px;letter-spacing:3px}.section-5 .title-2{max-width:250px;text-align:center;margin-block:30px}.section-5 button{color:#fff;background-color:var(--Soft-Red)}.section-5 input{padding-inline:8px;border:none;border-radius:3px;min-width:200px;height:100%}.section-5 .input_red input{border:2px solid var(--Soft-Red)}.section-5 input::placeholder{font-size:10px;opacity:.5}.section-5 .input_red input::placeholder{font-size:10px;opacity:1;font-weight:700}.errorImg{position:absolute;width:15px;top:25%;left:88%}.contact_us{display:flex;gap:10px}.inputContainer{position:relative}.contact_us button:hover{background-color:#fff;color:var(--Soft-Red);border:2px solid var(--Soft-Red)}footer{color:#fff;background-color:var(--Very-Dark-Blue);display:flex;align-items:center;justify-content:space-between;padding-inline:20px;padding-block:12px}footer .links{font-size:10px;display:flex;gap:10px;justify-content:space-between}li{list-style-type:none}li:hover{color:var(--Soft-Red);cursor:pointer}footer .social_links{display:flex;gap:20px}footer .social_links img{width:15px}footer .social_links img:hover{background-color:var(--Soft-Red);cursor:pointer}@media screen and (max-width: 965px){nav{margin-inline:0px}.section-1{flex-direction:column}.section-1 .small-text{text-align:center;font-size:13px;margin-bottom:25px;line-height:1.5}.section-1 .title{text-align:center;font-size:30px;line-height:1.3}.section-1 .left-side{order:2;align-self:center;display:flex;flex-direction:column;align-items:center}.section-1 .right-side{position:relative;margin-left:5%}.section-1 .right-side .design{position:absolute;width:400px;height:215px;top:30%;left:25%;z-index:-5;background-color:var(--Soft-Blue);border-radius:0 0 0 150px}.section-2 .small-text{line-height:1.7}.section-2 .list-show{flex-direction:column;align-items:center}.section-2 .left-side{position:relative}.section-2 .left-side img{width:380px}.section-2 .left-side .design{position:absolute;width:420px;height:255px;top:17%;right:25%;z-index:-5;background-color:var(--Soft-Blue);border-radius:0 0 150px}.section-2 .info{justify-items:center}.section-2 .info .small-text{text-align:center;font-size:13px;margin-bottom:15px;line-height:1.7}.section-2 .info .title-2{text-align:center;margin-top:30px}.section-3 .title-2{font-size:22px}.section-3 .cards{flex-wrap:wrap;justify-content:center}.section-3 .cards .second_card,.section-3 .cards .third_card{margin-top:0}.section-4 .title-2{font-size:22px}.section-4 .collapsing-list{width:60%}}@media screen and (max-width: 575px){.section-1 .right-side{margin-left:0%}.section-3 .cards{flex-direction:column}.section-3 .cards .second_card,.section-3 .cards .third_card{margin-top:0}}@media screen and (max-width: 533px){.design{display:none}.section-1{align-items:center;gap:0px}.section-1 .title{font-size:25px}.section-1 .right-side img{width:300px}.section-1 .small-text{max-width:250px}.section-1 button{padding-block:13px}.section-2 .title-2{font-size:20px}.section-2 .small-text{max-width:260px}.section-2 .list{width:100%;gap:0px;flex-direction:column;align-items:center;border:none;margin-bottom:10px}.section-2 .list p{width:70%;border-bottom:1px solid var(--Grayish-Blue);padding-block:15px;max-width:none;text-align:center}.section-2 .list p:first-of-type{border-top:1px solid var(--Grayish-Blue)}.section-2 .list p.active:after{position:absolute;content:"";width:60%;height:3.5px;left:50px;bottom:-2px;background-color:var(--Soft-Red)}.section-2 .left-side img{width:280px}.section-2 .list-show{gap:10px}.section-2 .info .small-text{max-width:260px}.section-3 .small-text{max-width:240px}.section-3 .cards img{width:fit-content}.section-4 .title-2{font-size:20px;max-width:240px;text-align:center;line-height:1.5}.section-4 .small-text{max-width:260px}.section-4 .collapsing-list{width:80%}.section-5{padding-block:50px;height:fit-content}.section-5 .title-2{margin-top:10px}.section-5 input{padding-block:8px}.contact_us{display:flex;flex-direction:column;gap:10px}footer{padding-block:30px;flex-direction:column;gap:30px}footer .links{flex-direction:column;gap:20px;font-size:15px;text-align:center}}