:root{--body-font:'Poppins' , sans-serif;--big-font-size:2rem;--h1-font-size:1.5rem;--h2-font-size:1.25rem;--h3-font-size:1.125rem;--normal-font-size:.938rem;--small-font-size:.813rem;--smaller-font-size:.75rem;--font-medium:500;--font-semi-bold:600;--font-bold:700}:root{--primary-color:#3ccaff;--secondary-color:#12414c;--tertiary-color:#195866;--body-color:#fff;--body-secondary-color:#f5f5f7;--text-color:#030a0c;--title-color:#3c4048}.header{width:100%;position:fixed;top:0;left:0;z-index:var(--z-fixed);background-color:var(--body-color);z-index:100;-webkit-box-shadow:10px 10px 15px -5px rgba(0,0,0,.1);-moz-box-shadow:10px 10px 15px -5px rgba(0,0,0,.1);box-shadow:10px 10px 15px -5px rgba(0,0,0,.1);display:flex;justify-content:center}.nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:72px;width:100%}.logo__wrapper{width:160px;height:45.77px}.logo{cursor:pointer}.logo path{fill:var(--primary-color)}.logo path{transition:.3s ease;-webkit-transition:.3s ease}.logo:hover path:nth-child(n) {fill:var(--secondary-color)}.nav__list{display:flex;gap:2rem}.nav__list a{font-size:var(--medium-font-size);color:var(--text-color);font-weight:var(--font-medium);transition:.3s ease;padding-bottom:1rem}.nav__list a:hover{color:var(--primary-color)}.active__link{color:var(--primary-color)!important}.nav__list li:last-child a{font-size:var(--medium-font-size);color:var(--body-color)!important;font-weight:var(--font-medium);padding:1rem 2rem;border-radius:3rem;background-color:var(--primary-color);transition:.6s ease}.nav__list li:last-child a:hover{background-color:var(--secondary-color)}.nav__open_menu{position:relative;width:50px;height:50px;cursor:pointer;display:none}.open__menu_checkbox{display:block;width:100%;height:100%;position:relative;cursor:pointer;z-index:2;position:absolute;opacity:0}.nav__open_menu div{margin:auto;position:absolute;top:0;right:0;left:0;bottom:0;width:22px;height:12px;transform:rotate(180deg)}.nav__open_menu span{position:absolute;display:block;width:100%;height:2px;background-color:var(--bar-bg,#000);border-radius:1px;transition:.2s ease}.nav__open_menu span:first-of-type{top:0}.nav__open_menu span:last-of-type{bottom:0}.top__active{animation-name:top;animation-duration:.5s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}@keyframes top {
	from {
		top: 0;
	}

	to {
		top: 5px;
		transform: rotate(45deg);
	}
}.bot__active{animation-name:bottom;animation-duration:.5s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}@keyframes bottom {
	from {
		bottom: 0;
	}

	to {
		bottom: 5px;
		transform: rotate(-45deg);
	}
}.top__not_active{animation-name:top-reverse;animation-duration:.5s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}@keyframes top-reverse {
	from {
		top: 5px;
		transform: rotate(45deg);
	}

	to {
		top: 0px;
		transform: rotate(0deg);
	}
}.bot__not_active{animation-name:bottom-reverse;animation-duration:.5s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}@keyframes bottom-reverse {
	from {
		bottom: 5px;
		transform: rotate(-45deg);
	}

	to {
		bottom: 0;
		transform: rotate(0deg);
	}
}.sidenav{height:calc(100vh - 72px);width:0;position:fixed;z-index:100;top:72px;right:0;background:var(--body-color);transition:.3s ease;transition-delay:.3s;padding:6rem 0;display:flex;justify-content:center;overflow:hidden}.nav__text_buttons{height:100%;transition:1s ease}.nav__menu_mobile{height:100%;transition:.6s ease}.nav__list_mobile{display:flex;flex-direction:column;justify-content:flex-start;gap:1.5rem;overflow-y:scroll;height:100%;-webkit-overflow-scrolling:touch;width:100%;text-align:center}.nav__list_mobile::-webkit-scrollbar{display:none}.nav__list_mobile a{font-size:var(--h3-font-size);color:var(--text-color);font-weight:var(--font-medium);transition:.3s ease}.nav__list_mobile a:hover{color:var(--primary-color)}.nav__list_mobile li:last-child{font-size:var(--h3-font-size);font-weight:var(--font-medium);padding:1rem 2rem;border-radius:3rem;background-color:var(--primary-color);transition:.3s ease;cursor:pointer}.nav__list_mobile li:last-child a{color:var(--body-color)!important}.nav__list_mobile li:last-child a{color:var(--body-color)}.nav__list_mobile li:last-child:hover{background-color:var(--secondary-color)}.sidenav .closebtn{position:absolute;top:15px;right:25px;font-size:36px}.logo__mobile{width:160px;top:15px;left:25px;position:absolute}.logo__mobile:hover{filter:invert(50%) sepia(38%) saturate(2179%) hue-rotate(146deg) brightness(90%) contrast(101%)}.closebtn{color:var(--secondary-color);transition:.3s ease}.closebtn:hover{color:var(--primary-color)}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;font-family: var(--body-font);font-size:var(--normal-font-size);background-color:var(--body-color);color:var(--text-color);overflow-x:hidden}body::-webkit-scrollbar{width:.8rem}body::-webkit-scrollbar-track{background-color:var(--secondary-color);border-radius:.2rem}body::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:.2rem}ul{list-style:none}a{text-decoration:none}img{max-width:100%;height:auto}input:focus{outline:none}.container__title{font-size:var(--big-font-size);font-weight:var(--font-bold);color:var(--text-color);text-align:center}.container__para{color:var(--primary-color);font-size:var(--normal-font-size);font-weight:var(--medium-font-size);padding-bottom:4rem;text-align:center}.section{padding:6rem 0}.container{max-width:1280px;margin-left:1.5rem;margin-right:1.5rem}.grid{display:grid;gap:1.5rem}footer{background-color:var(--body-secondary-color);text-align:center;padding:1rem 0}.hero{width:100%;height:720px;background-color:var(--body-secondary-color);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:72px;padding-right:1.5rem;padding-left:1.5rem}.hero__container{width:100%;height:100%}.hero__content{display:flex;width:100%;height:100%;align-items:center;justify-content:space-around}.hero__left{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;width:50%;text-align:start}.hero__left h1{font-size:40px;font-weight:var(--font-bold);color:var(--text-color)}.hero__left .h1__last_word{color:var(--primary-color)}.hero p{color:var(--text-color);font-size:var(--normal-font-size);font-weight:var(--medium-font-size)}.hero a{font-size:var(--medium-font-size);color:var(--body-color);font-weight:var(--font-medium);padding:1rem 2rem;border-radius:3rem;background-color:var(--primary-color);transition:.6s ease;text-transform:uppercase}.hero a:hover{background-color:var(--secondary-color)}.hero__right{width:50%;animation:up 2s ease-in-out infinite alternate-reverse both}.hero__right_image{width:90%;max-height:100%}@keyframes up {
	0% {
		transform: translateY(0rem);
	}

	100% {
		transform: translateY(-1rem);
	}
}.simple{display:flex;justify-content:center;height:100%}.simple__container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.simple__content{display:flex;width:100%;height:100%;gap:2rem;align-items:center}.simple__right{width:50%}.simple__right p{color:var(--text-color);font-size:var(--normal-font-size);padding-top:1rem}.container__title{text-align:left}.simple__left{width:50%;height:100%;animation:up 2s ease-in-out infinite alternate-reverse both}.simple__left_image path{stroke:none;opacity:1}.simple__left_image{width:90%}@media screen and (max-width:1023px){.hero__left h1{font-size:var(--big-font-size)}.container__title{font-size:var(--h1-font-size)}}@media screen and (max-width:767px){.section{padding:3rem 0}.nav__menu,.nav__buttons{display:none}.nav__open_menu{display:flex}.nav__open_menu{display:flex}.hero__container{width:auto}.hero__content{flex-direction:column;gap:1rem}.hero__right{order:1;width:100%;max-height:70%}.hero__left{order:2;align-items:center;width:100%;text-align:center}.hero__left h1{font-size:var(--h1-font-size)}.container__para{padding-bottom:2rem}.simple__content{flex-direction:column}.simple__left{width:100%;text-align:center}.simple__right{width:100%;text-align:center}.container__title{text-align:center}}@media screen and (max-width:480px){.hero__content{gap:0}.hero__right{background-size:100%}}