html{box-sizing:border-box}*,::before,::after{box-sizing:inherit;margin:0;padding:0}body{font-family:"Bai Jamjuree",sans-serif}h1,h2,h3{font-weight:600;line-height:1.1}a,a:visited,a:active{text-decoration:none}.bg-container{background-image:url(https://github.com/BlackFury117/Clipboard-landing-page/blob/main/images/bg-header-desktop.png?raw=true);background-repeat:no-repeat;background-size:contain;display:flex;justify-content:center;align-items:center}.bg-container .container{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(3, 0.5fr);gap:0px 0px;grid-auto-flow:row;justify-content:center;align-content:center;justify-items:center;align-items:center;grid-template-areas:"hero-img hero-img hero-img" "text-zone text-zone text-zone" "btn-zone btn-zone btn-zone";width:700px;margin-bottom:5rem}.bg-container .container .hero-img{grid-area:hero-img;margin-bottom:.5rem;margin-top:3rem}.bg-container .container .text-zone{grid-area:text-zone;text-align:center}.bg-container .container .text-zone h1{font-size:2.2rem;color:#4e545c;margin-bottom:1.5rem;font-size:2.7rem}.bg-container .container .text-zone .hero-text{font-size:1.2rem;color:#9ea4a7;margin-bottom:2rem}.bg-container .container .btn-zone{grid-area:btn-zone;align-self:start}.bg-container .container .btn-zone .btn{cursor:pointer;background-color:#24bca5;color:#fff;box-shadow:5px 7px 20px 0px #acfaee,inset -1px -1px 5px #81868c;font-size:.9rem;font-weight:bold;padding:1rem 2.7rem;border:none;border-radius:20px;margin-left:.6rem}.bg-container .container .btn-zone .btn:hover{background-color:#50cdba;transition:.35s linear}.bg-container .container .btn-zone .btn-two{cursor:pointer;background-color:#24bca5;color:#fff;box-shadow:5px 7px 20px 0px #acfaee,inset -1px -1px 5px #81868c;font-size:.9rem;font-weight:bold;padding:1rem 2.7rem;border:none;border-radius:20px;margin-left:.6rem;background-color:#4b60ff;box-shadow:5px 7px 20px 0px #c8cfff,inset -1px -1px 5px #81868c}.bg-container .container .btn-zone .btn-two:hover{background-color:#50cdba;transition:.35s linear}.bg-container .container .btn-zone .btn-two:hover{background-color:#828eee}@media only screen and (max-width: 600px){.bg-container{background-image:url(https://github.com/BlackFury117/Clipboard-landing-page/blob/main/images/bg-header-mobile.png?raw=true);background-repeat:no-repeat;background-size:contain;padding:0 1.5rem;margin-bottom:2rem}h1{font-size:2.1rem !important}.btn-zone{display:flex;flex-direction:column;align-items:center;width:100%}.btn,.btn-two{width:100%;margin-left:0 !important}.btn{margin-bottom:1.5rem}}.text{text-align:center;margin:0 auto 4rem auto;width:700px}.text h2{font-size:2.2rem;color:#4e545c;margin-bottom:1.5rem}.text .paragraph{color:#9ea4a7}.second-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:0px 0px;grid-auto-flow:row;grid-template-areas:"img-section text-section";margin-bottom:5rem}.second-container .img-section{grid-area:img-section}.second-container .img-one{width:90%;position:relative;left:-1.7rem}.second-container .text-section{align-self:center;grid-area:text-section;width:350px}.second-container .head{font-size:1.4rem;font-weight:bold;color:#4e545c}.second-container .body{color:#9ea4a7;margin-bottom:2rem;line-height:1.5}@media only screen and (max-width: 600px){.text{width:100%;padding:0 1.5rem}.second-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;grid-auto-flow:row;grid-template-areas:"img-section" "text-section";padding:0 1.5rem}.second-container .img-section{align-self:center;grid-area:img-section}.second-container .text-section{align-self:center;grid-area:text-section}.second-container .img-one{position:static;width:100%;margin-bottom:2rem}.second-container .head,.second-container .body{text-align:center}}.third-section{text-align:center;margin:0 auto 4rem auto;width:700px}.third-section h3{font-size:2.2rem;color:#4e545c;margin-bottom:1.5rem}.third-section .paragraph-3{color:#9ea4a7;margin-bottom:3.6rem}.third-section .img-div{text-align:center;margin:0 auto;width:700px}@media only screen and (max-width: 600px){.third-section{width:100%;padding:0 1.5rem}.third-section .img-div{width:100%}}.fourth{text-align:center}.fourth h4{font-size:2.2rem;color:#4e545c;margin-bottom:1.5rem}.fourth .para-fourth{color:#9ea4a7;margin-bottom:3rem}.fourth-container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:40px 0px;grid-auto-flow:row;grid-template-areas:"tools tools tools" "brand brand brand";margin:0 6rem 2rem 6rem}.fourth-container .tools{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:0px 25px;grid-auto-flow:row;grid-template-areas:"icon-1 icon-2 icon-3" "body-1 body-2 body-3";grid-area:tools}.fourth-container .icon-1{grid-area:icon-1;justify-self:center;align-self:center}.fourth-container .icon-2{grid-area:icon-2;justify-self:center;align-self:center}.fourth-container .icon-3{grid-area:icon-3;justify-self:center;align-self:center}.fourth-container .body-1{grid-area:body-1}.fourth-container .body-2{grid-area:body-2}.fourth-container .body-3{grid-area:body-3}.fourth-container .first{font-size:1.2rem;font-weight:bold;color:#4e545c;text-align:center;margin-bottom:1.2rem}.fourth-container .second{color:#9ea4a7;text-align:center}.fourth-container .brand{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr;gap:0px 0px;grid-auto-flow:row;grid-template-areas:"brand-1 brand-2 brand-3 brand-4 brand-5";grid-area:brand}.fourth-container .brand-1{grid-area:brand-1;justify-self:center;align-self:center}.fourth-container .brand-2{grid-area:brand-2;justify-self:center;align-self:center}.fourth-container .brand-3{grid-area:brand-3;justify-self:center;align-self:center}.fourth-container .brand-4{grid-area:brand-4;justify-self:center;align-self:center}.fourth-container .brand-5{grid-area:brand-5;justify-self:center;align-self:center}@media only screen and (max-width: 600px){.fourth{padding:0 1.5rem}.fourth-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr;grid-auto-flow:row;grid-template-areas:"tools" "tools" "tools" "brand" "brand" "brand";margin:0;padding:0 1.5rem}.fourth-container .tools{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr;gap:0px 0px;grid-auto-flow:row;grid-template-areas:"icon-1" "body-1" "icon-2" "body-2" "icon-3" "body-3";grid-area:tools;margin-bottom:6rem}.fourth-container .icon-3{margin-bottom:1.7rem}.fourth-container .body-1{margin-bottom:1.5rem}.fourth-container .body-2{margin-bottom:3.5rem}.fourth-container .brand{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr;gap:0px 0px;grid-auto-flow:row;grid-template-areas:"brand-1" "brand-2" "brand-3" "brand-4" "brand-5";grid-area:brand;margin-bottom:5rem}.fourth-container .brand-1,.fourth-container .brand-2,.fourth-container .brand-3,.fourth-container .brand-4{margin-bottom:2.7rem}}.last-section{text-align:center;width:700px;margin:0 auto 7rem auto}.last-section h5{font-size:2.2rem;color:#4e545c;margin-bottom:1.5rem}.last-section .last-paragraph{color:#9ea4a7;margin-bottom:2.5rem}.last-section .btn{cursor:pointer;background-color:#24bca5;color:#fff;box-shadow:5px 7px 20px 0px #acfaee,inset -1px -1px 5px #81868c;font-size:.9rem;font-weight:bold;padding:1rem 2.7rem;border:none;border-radius:20px;margin-left:.6rem}.last-section .btn:hover{background-color:#50cdba;transition:.35s linear}.last-section .btn-two{cursor:pointer;background-color:#24bca5;color:#fff;box-shadow:5px 7px 20px 0px #acfaee,inset -1px -1px 5px #81868c;font-size:.9rem;font-weight:bold;padding:1rem 2.7rem;border:none;border-radius:20px;margin-left:.6rem;background-color:#4b60ff;box-shadow:5px 7px 20px 0px #939fff,inset -1px -1px 5px #81868c}.last-section .btn-two:hover{background-color:#50cdba;transition:.35s linear}.last-section .btn-two:hover{background-color:#828eee}@media only screen and (max-width: 600px){.last-section{width:100%;padding:0 1.5rem;margin:0 auto 8rem auto}}.footer-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr;gap:0px 0px;grid-auto-flow:row;grid-template-areas:"footer-1 footer-2 footer-3 footer-4 footer-5";background-color:#f5f6f8;padding:2rem 6rem 2rem 6rem}.footer-container .footer-1{grid-area:footer-1}.footer-container .footer-img{width:50px}.footer-container .footer-2{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:0px 0px;grid-auto-flow:row;grid-template-areas:"faq" "contact";grid-area:footer-2}.footer-container .faq{grid-area:faq}.footer-container .contact{grid-area:contact}.footer-container .footer-3{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:0px 0px;grid-auto-flow:row;grid-template-areas:"privacy" "press";grid-area:footer-3;color:#9ea4a7}.footer-container .privacy{grid-area:privacy;color:#9ea4a7}.footer-container .press{grid-area:press;color:#9ea4a7}.footer-container .footer-4{grid-area:footer-4;color:#9ea4a7}.footer-container .footer-5{grid-area:footer-5;align-self:center;justify-self:end}.footer-container .icon-footer{padding-right:.8rem}.footer-container .link{color:#9ea4a7}.footer-container .link:hover{color:#24bca5;font-weight:bold}.footer-container .icon-footer{color:#4b545a}.footer-container .icon-footer:hover{cursor:pointer;color:#24bca5}@media only screen and (max-width: 600px){.footer-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr;justify-items:center;gap:0px 0px;grid-auto-flow:row;grid-template-areas:"footer-1" "footer-2" "footer-3" "footer-4" "footer-5"}.footer-container .footer-1{margin-bottom:1.5rem}.footer-container .footer-5{justify-self:center}.footer-container .faq,.footer-container .contact,.footer-container .privacy,.footer-container .press{justify-self:center}.footer-container .icon-footer{font-size:2rem}}/*# sourceMappingURL=styles.css.map */