@import url("https://fonts.google.com/specimen/Public+Sans");
@import url("header.css");
@import url("index.css");
@import url("footer.css");
/*
======================
Default styles
=======================
*/
html{
box-sizing:border-box;
}
*,
*::before,
*::after{
box-sizing:inherit;
padding:0;
margin:0;
}
*::selection{
background-color:hsl(192, 70%, 51%);
color:#fff;
}
body{
background-color:#fff;
font-family:sans-serif;
}

ul{
list-style:none;
padding:1rem;
text-transform:capitalize;
}
a{
text-decoration:none;
}
ul a{
color:#000;
display:block;
padding:0.7rem;
}

button{
border:none;
box-shadow:none;
outline:none;
background-color:transparent;
}
.nav-menu li:last-child a,
.cta-btn{
background:linear-gradient(to left,hsl(192, 70%, 51%),hsl(136, 65%, 51%));
border-radius:25px;
color:#fff;
display:block;
margin:1rem 2rem;
padding:0.7rem;
}
.desktop-btn{
display:none;
}
cite{
font-size:0.85rem;
font-style:normal;
font-weight:400;
color:#A7A7A7;
}
p{
font-size:0.95rem;
font-weight:400;
color:#A7A7A7;
}
h1,h2,h3{
margin-bottom:1rem;
}
h2{
font-size:1.8rem;
font-weight:400;
}
h3{
font-size:1.2rem;
font-weight:400;
}

img{
width:100%;
}


/* 
==========================
Default styles ends 
==========================
*/

/* ========================
Desktop view styles
===========================*/
@media(min-width:980px){
.flex-4{
display:flex;
flex-flow:row wrap;
gap:4%;
}
.flex-4>*{
flex-basis:48%;
}
ul{
padding:0rem;
}
.nav-menu li:last-child a{
margin:0;
}
.desktop-btn{
display:block;
}
}


/* ========================
Large Desktop view styles
===========================*/
@media(min-width:1440px){
.flex-4{
text-align:initial;
}
.flex-4>*{
flex-basis:22%;
}    
}