*{margin:0;padding:0}a{text-decoration:none}.header{background-image:url("../files/header-bg.png");background-position:center bottom;background-size:cover;position:relative}.header .header-content{display:flex;margin-top:-20px;justify-content:space-between}.header .header-content .mockup{flex-shrink:0}.header .header-content .mockup img{max-width:400px;position:relative;z-index:2}.header .header-content .mockup::after{content:"";width:500px;height:500px;top:0;right:0;position:absolute;background-image:url("../files/mockup-bg.png");background-position:center bottom;background-size:cover}.header .header-content .heading{font-family:"Montserrat",sans-serif;padding:0 100px;padding-top:120px;max-width:800px;color:#0084B6}.header .header-content .heading h1{font-size:35px}.header .header-content .heading .main_cta{background:#0084B6;color:#FFF;font-family:"Montserrat",sans-serif;font-size:25px;padding:10px 25px;border-radius:10px;margin-top:20px;display:block;text-align:center;max-width:max-content;line-height:60px;font-weight:bold;transition:.3s}.header .header-content .heading .main_cta:hover{background:#005f83}.main_nav{background-image:url("../files/navbar-bg.png");background-position:center bottom;background-size:cover;height:80px;text-align:center;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.main_nav .logo{position:absolute;left:100px;top:25px}.main_nav ul{list-style-type:none;display:flex;gap:20px}.main_nav ul li{display:inline}.main_nav ul li a{color:#FFF;position:relative;font-family:"Montserrat",sans-serif}.main_nav ul li a::after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;background:linear-gradient(90deg, rgba(255,255,255,0), #FFF, rgba(255,255,255,0));height:1px;border-radius:3px;transition:.3s}.main_nav ul li a:hover::after{width:50%}.videos{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:50px;padding-bottom:50px;background:url("../files/body-bg.png");margin-top:50px;position:relative}.videos::after{content:"";position:absolute;top:0;left:0;width:100%;height:50px;background:linear-gradient(180deg, #FFF, rgba(255,255,255,0))}.videos::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:50px;background:linear-gradient(180deg, rgba(255,255,255,0), #FFF)}.videos .heading img{background:#D7F5F9;padding:10px;border-radius:20px}.videos .container{display:flex;gap:100px;justify-content:center;align-items:center;position:relative}.videos .container::after{content:"";position:absolute;top:-10px;left:50%;transform:translateX(-50%);height:calc(100% + 50px);width:7px;background:linear-gradient(180deg, #D7F5F9, #0084B6, rgba(215,245,249,0));border-radius:30px}.videos .container .side{display:flex;flex-direction:column;gap:100px}.videos .container .side .video{position:relative}.videos .container .side .video h2,.videos .container .side .video p{font-family:"Montserrat",sans-serif}.videos .container .side .video h2{color:#0084B6}.videos .container .side .video p{max-width:350px}.videos .container .side .video:first-child::after{content:"";position:absolute;bottom:-50px;left:-50px;width:100%;height:4px;background:linear-gradient(90deg, #0084B6, rgba(215,245,249,0));border-radius:30px}.videos .container .side .video:first-child.reverse::after{left:auto;right:-50px;background:linear-gradient(90deg, rgba(215,245,249,0), #0084B6)}.videos .container .side .video video{margin:20px auto;width:500px;max-width:500px;border-radius:10px}@media screen and (max-width: 1150px){.videos .container .side .video{text-align:center}.videos .container .side .video h2,.videos .container .side .video p{text-align:center;margin:0 auto}.videos .container .side .video video{width:90%;max-width:90%}}@media screen and (max-width: 960px){.videos .container{gap:25px}.videos .container .side .video:first-child::after{left:-15px}.videos .container .side .video:first-child.reverse::after{right:-15px}}@media screen and (max-width: 740px){.videos .container{flex-direction:column;padding-top:50px}.videos .container .side{position:relative;z-index:2;gap:25px}.videos .container .side .video::after,.videos .container .side .video.reverse::after{display:none}.videos .container .side .video .content,.videos .container .side .video.reverse .content{background:linear-gradient(90deg, rgba(198,243,248,0), #c6f3f8, rgba(198,243,248,0));max-width:500px;margin:0 auto;padding:20px}.videos .container .side:nth-child(even) .video{display:flex;flex-direction:column-reverse}}.faq{margin-top:200px;margin-bottom:100px;background:#DBF5F9;position:relative;text-align:center}.faq::before{content:"";position:absolute;left:0;top:-200px;width:100%;height:230px;background-image:url("../files/faq-top-bg.png");background-size:cover;background-position:center top}.faq::after{content:"";position:absolute;left:0;bottom:-200px;width:100%;height:230px;background-image:url("../files/faq-bottom-bg.png");background-size:cover;background-position:center bottom}.faq h1,.faq p{position:relative;z-index:2;font-family:"Montserrat",sans-serif;margin-bottom:10px}.faq .tabs{display:flex;flex-direction:column;gap:10px;max-width:700px;margin:20px auto;position:relative;z-index:2}.faq .tabs .tab{background:#FFF;padding:15px 20px;border-radius:20px;font-family:"Montserrat",sans-serif;position:relative;cursor:pointer}.faq .tabs .tab::after{content:"";position:absolute;width:15px;height:15px;right:16px;top:35px;background:url("../files/chevron-down.png") center;background-size:contain;background-repeat:no-repeat;transition:transform .3s ease}.faq .tabs .tab.active::after{transform:rotate(180deg)}.faq .tabs .tab h3{font-size:16px;font-weight:700;text-align:left;line-height:50px;user-select:none;margin:0}.faq .tabs .tab .answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;margin-top:0;text-align:left;font-size:14px;padding:0}.faq .tabs .tab .answer ul{padding:0 20px}.faq .tabs .tab.active .answer{margin-top:10px;padding:5px 0;max-height:1000px}.faq .tabs .more{display:block;background:#0084B6;font-family:"Montserrat",sans-serif;color:#FFF;line-height:50px;border-radius:20px}@media screen and (max-width: 1115px){.header .header-content .heading{padding-right:0;padding-left:50px}.main_nav .logo{left:50px}}@media screen and (max-width: 960px){.header .header-content .mockup img{max-width:300px}.header .header-content .mockup::after{width:350px;height:350px}.header .header-content .heading h2,.header .header-content .heading h1{font-size:20px}.header .header-content .heading .main_cta{font-size:18px}}@media screen and (max-width: 770px){.header .header-content .heading{padding-top:120px}.header .header-content .heading .main_cta{font-size:16px;line-height:40px}.header .header-content .mockup img{max-width:200px}.main_nav .logo{top:85px;height:80px}}@media screen and (max-width: 660px){.header .main_nav .logo{left:50%;transform:translateX(-50%)}.header .main_nav ul{gap:10px}.header .main_nav ul li a{font-size:14px;font-weight:bold}.header .header-content .mockup{display:none}.header .header-content .heading{padding-left:0;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.faq{padding:0 20px}.faq .tabs .tab{padding:20px}.faq .tabs .tab h3{line-height:1;padding:10px;padding-left:0}}@media screen and (max-width: 460px){.footer h2{font-size:20px}.footer .links .lists-container{flex-direction:column-reverse}}.footer{background:#0084B6;position:relative;margin-top:290px;padding-top:50px;padding-bottom:50px}.footer::before{content:"";position:absolute;left:0;top:-299px;width:100%;height:300px;background-color:#DBF5F9;background-image:url("../files/footer-bg.png");background-size:cover;background-position:center top}.footer h2{text-align:center;color:#FFF;font-family:"Montserrat",sans-serif}.footer .apps{display:flex;justify-content:center;gap:20px;margin-top:25px}.footer .apps .disabled{opacity:.5}.footer .links{margin-top:50px;display:flex;flex-direction:column;gap:50px;align-items:center;justify-content:center}.footer .links .logo{text-align:center}.footer .links .logo p{color:#FFF;font-family:"Montserrat",sans-serif;font-size:13px}.footer .links .lists-container{display:flex;gap:50px;align-items:center}.footer .links .lists-container .list h3{text-align:left;margin-bottom:15px;color:#FFF;font-family:"Montserrat",sans-serif}.footer .links .lists-container .list ul{list-style-type:none}.footer .links .lists-container .list ul li{margin-bottom:10px}.footer .links .lists-container .list ul li a{color:#FFF;font-family:"Montserrat",sans-serif}
