Edit file

File name : style.css

Content :html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-weight:400;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{scroll-behavior:smooth;position:relative;overflow-x:hidden;overflow-anchor:none}body{position:relative;line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}a{text-decoration:none}img{display:block;height:auto}input,select,option{font:inherit}button{cursor:pointer;margin:0;padding:0;border:0;background-color:rgba(128,128,128,0);font:inherit}button:focus{outline:none}input,textarea,button{font-family:inherit}em,i{font-style:italic}strong,b{font-weight:700}html{font-size:62.5%;font-family:"IBM Plex Serif",serif;color:#000}h1,.h1{line-height:1.3}@media (max-width: 375px){h1,.h1{font-size:3.2rem}}@media (min-width: 376px) and (max-width: 1317px){h1,.h1{font-size:calc(3.2rem + 24 * ((100vw - 375px) / (1317 - 375)))}}@media (min-width: 1318px){h1,.h1{font-size:5.6rem}}h2,.h2{line-height:1.3}@media (max-width: 375px){h2,.h2{font-size:3.2rem}}@media (min-width: 376px) and (max-width: 1317px){h2,.h2{font-size:calc(3.2rem + 16 * ((100vw - 375px) / (1317 - 375)))}}@media (min-width: 1318px){h2,.h2{font-size:4.8rem}}h3,.h3{line-height:1.3}@media (max-width: 375px){h3,.h3{font-size:2.4rem}}@media (min-width: 376px) and (max-width: 1317px){h3,.h3{font-size:calc(2.4rem + 12 * ((100vw - 375px) / (1317 - 375)))}}@media (min-width: 1318px){h3,.h3{font-size:3.6rem}}h4,.h4{line-height:1.3}@media (max-width: 375px){h4,.h4{font-size:2.4rem}}@media (min-width: 376px) and (max-width: 1317px){h4,.h4{font-size:calc(2.4rem + 8 * ((100vw - 375px) / (1317 - 375)))}}@media (min-width: 1318px){h4,.h4{font-size:3.2rem}}h5,.h5{line-height:1.5}@media (max-width: 375px){h5,.h5{font-size:1.6rem}}@media (min-width: 376px) and (max-width: 1317px){h5,.h5{font-size:calc(1.6rem + 6 * ((100vw - 375px) / (1317 - 375)))}}@media (min-width: 1318px){h5,.h5{font-size:2.2rem}}h6,.h6,.thanks__text p{font-size:2rem;line-height:1.8}@media (min-width: 576px){h6,.h6,.thanks__text p{line-height:1.25}}p,.p1,q,li{line-height:1.7;font-family:"Readex Pro",sans-serif;color:#676767}@media (max-width: 375px){p,.p1,q,li{font-size:1.5rem}}@media (min-width: 376px) and (max-width: 1317px){p,.p1,q,li{font-size:calc(1.5rem + 1 * ((100vw - 375px) / (1317 - 375)))}}@media (min-width: 1318px){p,.p1,q,li{font-size:1.6rem}}.p2,.grid-with-cards__content p,.review__item-percent,.form__content span,.footer__copyright p,.footer__copyright p a:before{font-size:1.5rem;line-height:1.3;font-family:"Readex Pro",sans-serif}.container{max-width:1317px;width:100%;margin:0 auto;box-sizing:border-box;padding-right:2rem;padding-left:2rem}@media (min-width: 576px){.container{padding-right:3rem;padding-left:3rem}}@media (min-width: 768px){.container{padding-right:4rem;padding-left:4rem}}@media (min-width: 1024px){.container{padding-right:6rem;padding-left:6rem}}.btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;background-color:rgba(128,128,128,0);color:#000;font-size:1.6rem;line-height:1;font-weight:500;padding:1.2rem 2.4rem;border:2px solid #000;border-radius:4px;transition:all 0.3s ease}.btn:hover{border-color:#0CC470}.btn--white{border:2px solid #fff;color:#fff}.field{width:100%}.field input,.field textarea,.field select{outline:none;border:1px solid #000;border-radius:4px;box-sizing:border-box;padding:1.2rem 2.4rem;border-radius:4px;width:100%;color:#000;font-size:1.6rem;line-height:1.3;font-weight:300;background:rgba(128,128,128,0);display:flex;align-items:center;justify-content:flex-start;font-family:"Readex Pro",sans-serif;transition:.3s all}.field input::placeholder,.field textarea::placeholder,.field select::placeholder{color:#676767}.field input option,.field textarea option,.field select option{color:#676767}.field input:focus,.field textarea:focus,.field select:focus{border:2px solid #0CC470;background:#F9FBFA}.field input,.field select{height:44px}.field textarea{resize:none;overflow-y:auto;height:170px;max-width:64rem;width:100%}@media (min-width: 576px){.field textarea{height:220px}}.field label{display:block;margin-bottom:.8rem;font-size:1.4rem;line-height:1.25;font-family:"Readex Pro",sans-serif;color:#000}.header{position:absolute;top:0;left:0;width:100%;z-index:3}.header__container{padding-top:4rem;display:flex;justify-content:center}@media (min-width: 768px){.header__container{padding-top:6.9rem;justify-content:flex-start}}.header__logo{max-width:12rem;width:100%}@media (min-width: 768px){.header__logo{max-width:16.1rem}}.header__logo img{width:100%}.hero{padding-top:5rem;align-items:center;background-color:#F9FBFA;position:relative;box-sizing:border-box}@media (min-width: 768px){.hero{display:flex;min-height:78.6rem}}.hero:after{position:absolute;content:'';right:0;bottom:0;width:100%;height:23.6%;background-color:#1A3934}@media (min-width: 768px){.hero:after{top:0;width:40.2%;height:100%}}.hero__container{position:relative;z-index:2;padding-top:7.6rem;padding-bottom:1.6rem}@media (min-width: 768px){.hero__container{padding-bottom:7.6rem;display:flex;align-items:center;justify-content:space-between}}@media (max-width: 767px){.hero__container{padding-left:4rem;padding-right:4rem}}.hero__text{text-align:center}@media (min-width: 768px){.hero__text{width:48%;text-align:start}}@media (min-width: 1025px){.hero__text{width:40%}}.hero__text h1{color:#000}.hero__text h1 mark{color:#0CC470;background-color:rgba(128,128,128,0)}.hero__text h5{font-weight:300;margin-top:2.4rem;position:relative;color:#676767;font-family:"Readex Pro",sans-serif}@media (min-width: 768px){.hero__text h5{padding-left:2.7rem;margin-top:3rem}}.hero__text h5:before{position:absolute;top:0;left:0;width:3px;height:100%;background-color:#0CC470}@media (min-width: 768px){.hero__text h5:before{content:''}}.hero__text h5 strong{font-weight:400}.hero__text .btn{margin-top:4rem}@media (min-width: 768px){.hero__text .btn{margin-top:5rem}}@media (max-width: 575px){.hero__text .btn{width:100%}}.hero__img{margin-top:3.5rem}@media (min-width: 768px){.hero__img{margin-top:0;width:50%;position:relative;left:1rem}}.hero__img img{width:calc(100% + 2rem);position:relative;left:-1rem}@media (min-width: 768px){.hero__img img{width:100%}}.grid-with-cards{margin:6.4rem 0 2.4rem}@media (min-width: 768px){.grid-with-cards{margin:15.8rem 0 3rem}}.grid-with-cards__title{display:flex;align-items:center;position:relative;margin-bottom:2.4rem}@media (min-width: 768px){.grid-with-cards__title{margin-bottom:6.6rem}}@media (min-width: 768px){.grid-with-cards__title::after{content:'';display:block;width:100%;height:2px;background-color:#0CC470}}.grid-with-cards__title h4{width:100%;color:#000;margin-left:2rem}@media (min-width: 768px){.grid-with-cards__title h4{max-width:36rem;margin:0 7.8rem 0 2.7rem}}.grid-with-cards__title h4 mark{background-color:rgba(128,128,128,0);color:#0CC470}.grid-with-cards__wrapper{display:grid;gap:1.6rem}@media (min-width: 576px){.grid-with-cards__wrapper{grid-template-columns:repeat(2, 1fr);gap:3rem}}@media (min-width: 768px){.grid-with-cards__wrapper{grid-template-columns:repeat(3, 1fr)}}.grid-with-cards__card{padding:2.7rem 2rem 2.4rem 2.4rem;box-sizing:border-box;background-color:#F9FBFA;display:flex;color:#000}@media (min-width: 576px){.grid-with-cards__card{display:block}}@media (min-width: 1025px){.grid-with-cards__card{padding:4.7rem 4rem 3.6rem 3.6rem}}.grid-with-cards__icon{max-width:3.2rem;width:100%;margin-right:2rem}@media (min-width: 576px){.grid-with-cards__icon{max-width:4rem;margin-bottom:2.7rem;gap:3rem;margin-right:0}}.grid-with-cards__icon img{width:100%}.grid-with-cards__content h6{font-weight:500;font-family:"Readex Pro",sans-serif}.grid-with-cards__content p{margin-top:.6rem}@media (min-width: 576px){.grid-with-cards__content p{margin-top:.8rem}}.cta{margin:2.4rem 0 4.8rem}@media (min-width: 768px){.cta{margin:3rem 0 16rem}}.cta__line{position:absolute;top:100%;right:-15rem;transform:translateY(-100%);width:auto;height:95%}@media (min-width: 576px){.cta__line{right:20%;height:105%;top:50%;transform:translateY(-50%)}}.cta__line img{width:100%;height:100%;object-fit:cover;object-position:left bottom}.cta__text{overflow:hidden;position:relative;padding:2.4rem 2rem 3.2rem;background-color:#1A3934;box-sizing:border-box;text-align:center}@media (min-width: 576px){.cta__text{padding:6rem 3rem;display:flex;align-items:center;justify-content:space-between;text-align:start}}@media (min-width: 1025px){.cta__text{padding:5rem 12rem 5rem 10rem}}.cta__text h4{color:#fff;position:relative}.cta__text .btn{position:relative;margin-top:2.4rem}@media (min-width: 576px){.cta__text .btn{margin-left:1rem;margin-top:0rem}}.text-and-img{margin:4.8rem 0}@media (min-width: 768px){.text-and-img{margin:16rem 0}}@media (min-width: 768px){.text-and-img__container{display:flex}}.text-and-img__img{position:relative;height:73vw}@media (min-width: 768px){.text-and-img__img{width:42.5%;min-height:100%;height:unset}}.text-and-img__img>img{width:100%;height:100%;object-fit:cover;object-position:top}@media (min-width: 768px){.text-and-img__img>img{object-position:center}}.text-and-img__icon{background:#FFFFFF;box-shadow:0px 4px 30px rgba(12,128,107,0.16);border-radius:100%;width:6.6rem;height:6.6rem;box-sizing:border-box;position:absolute;left:2rem;bottom:-2rem;display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.text-and-img__icon{width:10rem;height:10rem;right:-3rem;top:7rem;left:unset}}@media (min-width: 1281px){.text-and-img__icon{width:12.2rem;height:12.2rem}}.text-and-img__icon img{width:2.6rem;height:2.6rem}@media (min-width: 768px){.text-and-img__icon img{width:4.8rem;height:4.8rem}}.text-and-img__content{display:flex;align-items:center;flex-direction:column;justify-content:center;padding:4.5rem 2.4rem 4rem;background-color:#F9FBFA;box-sizing:border-box;text-align:center}@media (min-width: 768px){.text-and-img__content{padding:6rem;text-align:start;width:57.5%}}@media (min-width: 1281px){.text-and-img__content{padding:9.6rem 13.7rem 9.6rem 10.7rem}}@media (min-width: 768px){.text-and-img__content h3{margin-bottom:2rem}}@media (min-width: 1281px){.text-and-img__content h3{margin-bottom:4.3rem}}.text-and-img__content ul{list-style:none}.text-and-img__content ul li{line-height:1.4;margin:3.2rem 2rem 0}@media (max-width: 375px){.text-and-img__content ul li{font-size:1.5rem}}@media (min-width: 376px) and (max-width: 1317px){.text-and-img__content ul li{font-size:calc(1.5rem + 3 * ((100vw - 375px) / (1317 - 375)))}}@media (min-width: 1318px){.text-and-img__content ul li{font-size:1.8rem}}@media (min-width: 768px){.text-and-img__content ul li{display:flex;align-items:center;margin:3.2rem 0rem 0;line-height:1.25}}@media (min-width: 1281px){.text-and-img__content ul li{margin-top:4.2rem}}.text-and-img__content ul li img{max-width:3rem;margin:0 auto 1.2rem}@media (min-width: 768px){.text-and-img__content ul li img{margin:0 2.6rem 0 0}}.reviews{margin:4.8rem 0 8rem}@media (min-width: 768px){.reviews{margin:16.8rem 0}}.reviews__title{margin-bottom:5.4rem;margin-left:2rem}@media (min-width: 576px){.reviews__title{margin-bottom:5.6rem;text-align:center}}.reviews__title mark{background-color:rgba(128,128,128,0);color:#0CC470}.reviews__wrapper{display:grid;gap:2.4rem}@media (min-width: 1025px){.reviews__wrapper{grid-template-columns:repeat(2, 1fr);gap:3rem}}.review{padding:2.4rem 2.4rem 3.2rem;box-sizing:border-box;background-color:#1A3934;color:#fff;display:flex;flex-direction:column}@media (min-width: 576px){.review{padding:4.8rem 4rem 5rem}}@media (min-width: 1281px){.review{padding:4.8rem 8rem 5rem}}.review__percents{border-bottom:2px solid #fff;padding-bottom:.8rem}@media (min-width: 576px){.review__percents{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-bottom:1.6rem}}.review blockquote{display:flex;flex-direction:column;justify-content:space-between;margin-top:3.2rem;height:100%}@media (min-width: 576px){.review blockquote{margin-top:3.8rem}}.review blockquote q{font-family:"Readex Pro",sans-serif;color:#fff;line-height:1.7}@media (max-width: 375px){.review blockquote q{font-size:2rem}}@media (min-width: 376px) and (max-width: 1317px){.review blockquote q{font-size:calc(2rem + 4 * ((100vw - 375px) / (1317 - 375)))}}@media (min-width: 1318px){.review blockquote q{font-size:2.4rem}}@media (min-width: 576px){.review blockquote q{line-height:1.4}}.review blockquote img{max-width:4.3rem;width:100%;margin-bottom:1rem}.review blockquote cite{font-family:"Readex Pro",sans-serif;display:block;margin-top:1.6rem;color:#5AD79E;font-size:1.8rem;line-height:1.3}.review__item-percent{font-family:"Readex Pro",sans-serif;display:flex;margin-bottom:.8rem;text-transform:uppercase}.review__item-percent img{max-width:1.8rem;margin-right:6px}.review__item-percent:not(:last-child){margin-right:1rem}.logos{margin:8rem 0 8rem}@media (min-width: 768px){.logos{margin:16.8rem 0}}.logos__title{text-align:center;margin-bottom:2.4rem}@media (min-width: 768px){.logos__title{margin-bottom:5.6rem}}.logos__title mark{background-color:rgba(128,128,128,0);color:#0CC470}.logos__title h4{font-size:3.2rem}.logos__wrapper{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:-.9rem}@media (min-width: 768px){.logos__wrapper{margin:-1.4rem}}.logos__logo{margin:.9rem;max-width:15.8rem;width:100%;min-height:7rem;display:flex;align-items:center;justify-content:center;padding:9px;box-sizing:border-box;background:#F9FBFA}@media (min-width: 768px){.logos__logo{max-width:21.7rem;min-height:9.6rem;margin:1.4rem}}.logos__logo img{width:auto;margin:auto;max-width:11.7rem;max-height:5.6rem}@media (min-width: 576px){.logos__logo img{max-width:100%;max-height:100%}}.form{margin:8rem 0 4.8rem}@media (min-width: 768px){.form{margin:20rem 0 16.8rem}}@media (min-width: 768px){.form__container{display:flex;align-items:center}}@media (max-width: 767px){.form br{display:none}}.form__content{position:relative;box-sizing:border-box;border-top:16px solid #0CC470;background:#F9FBFA;padding:3.2rem 3.2rem 4.8rem;overflow:hidden}@media (min-width: 768px){.form__content{max-width:58.5rem;width:100%;margin-right:5rem;padding:4rem}}@media (min-width: 1281px){.form__content{margin-right:13.3rem;padding:5.2rem 8.8rem 6.8rem}}.form__content span{display:block;margin-bottom:.6rem;color:#0CC470;text-transform:uppercase}@media (min-width: 768px){.form__content span{margin-bottom:.8rem}}.form__content p{margin-top:.8rem;font-weight:300;font-size:1.6rem}@media (min-width: 768px){.form__content p{margin-top:1.6rem}}.form__content p strong{font-weight:400}.form__content ul{max-width:32rem;width:100%;margin-top:3.2rem;list-style:none;position:relative;z-index:2}@media (min-width: 768px){.form__content ul{margin-top:5rem}}.form__content ul li{position:relative;margin-top:2rem;padding-left:2.8rem;color:#000;line-height:1.4}@media (min-width: 768px){.form__content ul li{margin-top:1.8rem;line-height:1.7}}.form__content ul li:before{position:absolute;content:'';top:50%;left:2px;transform:translateY(-50%);width:1.3rem;height:10px;background-image:url(./assets/img/icons/tick.svg);background-repeat:no-repeat;background-size:100% auto;background-position:center}.form__line{position:absolute;bottom:0;right:-45%;width:80%}@media (min-width: 768px){.form__line{right:-19%;width:50%}}.form__line img{width:100%}.form__form{margin-top:4rem}@media (min-width: 768px){.form__form{max-width:38rem;width:100%;margin-top:0}}.form__form form{width:100%}.form__form .field{margin-bottom:3.2rem}.form__form .btn{width:100%}.form__form span{display:block;text-align:center;font-size:1.3rem;line-height:1.25;font-family:"Readex Pro",sans-serif;margin-top:1.6rem;font-weight:300}.footer{margin:4.8rem 0}@media (min-width: 768px){.footer{margin:7.5rem 0}}.footer__copyright{padding-top:2.4rem;border-top:1px solid #000}@media (min-width: 768px){.footer__copyright{display:flex;align-items:center;justify-content:space-between;padding-top:5.4rem}}.footer__copyright p{font-family:"IBM Plex Serif",serif;display:flex;color:#000}@media (max-width: 767px){.footer__copyright p{display:flex;flex-direction:column-reverse;align-items:center;text-align:center}}.footer__copyright p a{color:inherit;display:block;position:relative}@media (min-width: 768px){.footer__copyright p a:before{display:inline;content:'|';font-family:"IBM Plex Serif",serif;color:#000;padding:0 6px}}@media (max-width: 767px){.footer__copyright p a{margin-bottom:1.6rem}}.footer__logo{max-width:12.2rem;width:100%}@media (max-width: 767px){.footer__logo{max-width:10rem;margin:0 auto 2.4rem}}.footer__logo img{width:100%}.thanks{position:absolute;top:0;left:0;width:100%;min-height:100vh;display:flex;align-items:center;background-color:rgba(0,0,0,0.5);z-index:10;transition:.3s all;cursor:pointer}.thanks__container{max-width:1116px}.thanks__wrapper{background:#F9FBFA;border-bottom:16px solid #0CC470}@media (min-width: 768px){.thanks__wrapper{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse}}.thanks__text{padding:3rem 2rem;box-sizing:border-box}@media (min-width: 768px){.thanks__text{width:56%;padding:4rem}}@media (min-width: 1025px){.thanks__text{padding:7rem}}.thanks__text p{font-family:"Readex Pro",sans-serif;margin-top:2rem;font-weight:300;color:#000}@media (min-width: 768px){.thanks__text p{margin-top:3.4rem}}@media (min-width: 768px){.thanks__img{width:38.1%;min-height:100%}}.thanks__img img{width:100%;height:100%;max-height:25rem;object-fit:cover}@media (min-width: 576px){.thanks__img img{max-height:40rem}}@media (min-width: 768px){.thanks__img img{max-height:unset}}.thanks--hide{opacity:0;visibility:hidden}.text-section{padding:12rem 0 8rem}@media (min-width: 768px){.text-section{padding:16rem 0 8rem}}.text-section__container{color:#000;max-width:860px}.text-section__container p{margin-bottom:2.3rem;color:#000}.text-section__container h2{margin-bottom:1.7rem}.text-section__container ul,.text-section__container ol{margin:2.3rem 0 1.1rem;padding-left:2rem;color:#000}@media (min-width: 768px){.text-section__container ul,.text-section__container ol{padding-left:4rem}}.text-section__container ul li,.text-section__container ol li{color:#000}.text-section__container h3,.text-section__container h4,.text-section__container h5,.text-section__container h6{margin:2.2rem 0 1.1rem}.text-section__container a{color:#0C806B}

Save