:root {
  --blue: #1e2425  ; /*nav link colour*/
  --yellow:  #1E506D; /*contact button */

  --offwhite:  rgb(243, 243, 243); 
  --largemaxwidth: 1720px;
  --maxwidth: 1300px;
  --newgrey: #a6a6a6;
  --darkgrey:   #2f393d;
  --teal: #6e97ac;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --outline-width: 3px;
  --outline-color: rgba(0, 125, 250, 1);
  --outline-offset: -3px; /*use where it could stick out of page structure*/
}
html{
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  
  margin: 0;
  padding: 0;
  border: 0;
  text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  vertical-align: baseline;
  overflow-y: scroll;
  min-width: max(300px,100%); 
}
body{
  margin:0;
  padding:0;
  position: relative;
  box-sizing: border-box;
  vertical-align: baseline;
  min-width: max(320px,100%);
  font-size: 1.2rem;
  letter-spacing: 1.1px; 
  color: var(--darkgrey);
  line-height: 1.4;
  font-weight: 500;
}
*, *::before, *::after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
abbr,blockquote,body,button,dd,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hgroup,input,legend,li,ol,p,pre,ul {
  margin: 0;
  padding: 0
}
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}
:where(h1) {
  margin-block: 0.67em;
  font-size: 2em;
}
h2{
  font-size: 3.2rem; 
  color: var(--teal);
  font-weight: 600; /*500*/

  letter-spacing: -0.1px;
}
input, button,
textarea, select {
  font-family: inherit;
  font-size: inherit;
}
a:link { 
  text-decoration: none; 
  color: inherit;
} 
a:visited { 
  text-decoration: none; 
  color: inherit;
} 
/*=========================*/
.ghost{
  display: none;
}
.invis{
  visibility: hidden;
}
.container{
  max-width: var(--maxwidth);
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
}
.widecontainer{
  max-width: var(--largemaxwidth);
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
}
.vis-hidden{
  position: absolute;
  overflow: hidden;
  margin: 0;
  width: 1px;
  height: 1px;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}
/*======*/
*:focus{
  outline: var(--outline-width) solid var(--outline-color);
}
*:focus:not(:focus-visible) {
  outline: transparent;
}
@supports selector(:focus-visible) {
  #test{
    z-index: 42;
  }
  /*include exceptions below!*/
}
.outline{
  outline: transparent;
}
.outline:focus{
  outline: transparent;
}
/*===================================headerr=============================================*/
header{
  width: 100%;
  position: relative;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.header-nav{
  max-width: var(--largemaxwidth);
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}
.header-nav-list{
  width: 100%;
  list-style-type: none;
  display: flex;
  justify-content: flex-end;
  color:  var(--teal);
  z-index: -1;
  border-radius: 53px;
}
.header-nav-list li:first-child{
  margin-right: auto;
  display: flex;
  align-items: center;
  width: 100%;
}
.header-nav-list li:first-child a{
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: 370px;
}
.header-nav-list li:first-child img{
  width: 100%;
  display: none;
}
#logo{
  width: 100%;
  max-width: 370px;
}
.header-nav-list-element:not(:nth-child(1)){
  letter-spacing: 1.5px;   
  font-weight: 700;    
}
.header-nav-list li:first-child a p{
  border-left: 2px solid var(--newgrey);
  padding-left: 12px;
  line-height: 1;
}
.header-nav-list li:first-child a span{
  color: var(--newgrey);
  font-weight: 300;
}
.header-nav-list-element{
  margin-top: auto;
  margin-bottom: auto;
  font-size: 0.7rem; /*0.7rem*/ 
  font-weight: 700;
  transition: color 0.1s ease;
  display: flex;
  position: relative;
}
.header-nav-list-element:not(:nth-child(1)):not(:nth-child(6)) a{
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.header-nav-list-element:hover{
  color: var(--newgrey);
}
.header-nav-list-element:not(:nth-child(1)):not(:nth-child(6)):not(:nth-child(7)) a{
  animation: 0.5s ease 0s 1 newentrance;
}
.header-nav-list-element:nth-child(6){
  animation: 0.55s ease 0s 1 contactfade;
}
.header-nav-list-element:nth-child(5):hover svg{
  opacity: 1;
  transform: translateY(-2px);
}
.header-nav-list-element:nth-child(5) svg{
  position: absolute;
  opacity: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: opacity 0.1s ease, transform 0.1s ease;
  transform: translateY(7px);
}
.header-nav-list-element:nth-child(5) path{
  stroke: var(--newgrey);
}
.header-nav-list-element:nth-child(2):hover svg{
  opacity: 1;
  transform: translateY(-15px);
}
.header-nav-list-element:nth-child(2) svg{
  position: absolute;
  opacity: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: opacity 0.15s ease, transform .15s ease;
  transform: translateY(10px);
}
.header-nav-list-element:nth-child(2) path{
  stroke: var(--newgrey);
}
.header-nav-list-element:nth-child(2) circle{
  stroke: var(--newgrey);
}
.header-nav-list-element:nth-child(3):hover #pa1{
  d: path("M506.641927,347.437035h910.148695");
}
.header-nav-list-element:nth-child(3):hover #pa2{
  d: path("M549.758407,389.494347v-127.156489");
}
.header-nav-list-element:nth-child(3) svg{
  position: absolute;
  opacity: 1;
  bottom: 9px;
  left: -1px;
  width: 100%;
}
.header-nav-list-element:nth-child(3) path{
  stroke: var(--newgrey);
  transition: 0.2s;
}
.header-nav-list-element:nth-child(4) svg{
  position: absolute;
  opacity: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: opacity 0.1s ease, transform 0.1s ease;
  transform: translateY(-15px);
}
.header-nav-list-element:nth-child(4) path{
  stroke: var(--newgrey);
}
.header-nav-list-element:nth-child(4):hover svg{
  opacity: 1;
  transform: translateY(-10px);
}
.header-nav-list li:nth-child(6) a{
  background-color: var(--teal);
  color: white;
  font-weight: 500;
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  height: 50px; 
  margin: 15px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  transition: 0.2s;
}
.header-nav-list li:nth-child(6) a:hover{
  background-color: var(--newgrey);
}
#about-svg path, #about-svg circle{
  fill: none;
  stroke-width: 30px;
}
#pa1{
  fill: none;
  stroke-width: 23px;
}
#pa2{
  fill: none;
  stroke-width: 30px;
}
#blog-svg path{
  fill: none;
  stroke-width: 20px;
}
#construction-svg path{
  fill: none;
  stroke-width: 23px;

}

@keyframes newentrance {
  0% {
    opacity: 0;
  }
  32% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes contactfade{
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-nav-list li:nth-child(7){
  display: none;
  position: relative;
  min-width: 50px;
  margin: 0;
}
.header-navdrop-list{
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 100%;
  list-style-type: none;
  display: grid;
  grid-auto-flow: row;
  grid-template-columns:  auto min-content;
  transition-property: height;
  transition-timing-function: cubic-bezier(0.75, 0, 0.15, 1);
  transition-delay: 0s;
  transition-duration: 0.4s;
  transition-property: height;
  font-weight: 700;
  color: var(--teal);
  z-index: 100;
  position: relative;
  font-size: 0.9rem;
  padding-top: 1px;
  letter-spacing: 1.1;   /*0.9rem 1.1 600*/
}
.header-navdrop-list-element{
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-navdrop-list-element a{
  display: inline;
  transition: color 0.1s ease;
}
.header-navdrop-list-element a:hover{
  color: var(--newgrey);
}
.header-navdrop-list li:nth-child(6) {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 2rem;
}
.header-navdrop-list li:not(:nth-child(6)) {
  grid-column: 1;
}
#close-menu{
  width: 4rem; 
  height: 4rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
  transform-origin: 300% 350%; 
  transition: .2s ease-out;
}
.open-menu{
  width: 4rem; 
  height: 100%; 
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
  transform-origin: 1050% 1050%;
  transition: .2s ease-out;
}
.back{
  width: 3rem;
  height: 3rem;
  border-radius: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--teal);
  transition: .2s ease-out;
  transform-origin: 1050% 1050%;
}
.hamburger{
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 5px;
  transition: .2s ease-out;
  transform-origin: 1050% 1050%;
}
.hamburgerSpan{
  display: block;
  position: absolute;
  height: 4px; 
  width: 100%;
  background: white;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: .3s ease-in-out;
}
.ham1{
  top: 5%;
}
.ham2, .ham3{
  top: 45%;
}
.ham4 {
  top: 85%;
}

@media screen and (max-width: 950px) {
  .header-nav-list-element:not(:nth-child(1)):not(:nth-child(7)){
    display: none;
  }
  .header-nav-list li:nth-child(7){
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #menu-nav:target{
    visibility: visible;
    height: 12rem;
  }
  .menu-visible{
    visibility: visible;
    height: 12rem;
  }
  nav:has(> .header-navdrop-list  #close-menu:hover) .back{
    transform: scale(1.05);
  }
  nav:has(> .header-navdrop-list  #close-menu:hover) .hamburger{
    transform: scale(1.05);
  }
  nav:has(> .header-navdrop-list  #close-menu:hover) #close-menu{
    transform: scale(1.2);
  }
  .open-menu:hover{
    transform: scale(1.05);
  }
  .open-menu:hover ~ .back{
    transform: scale(1.05);
  }
  .open-menu:hover ~ .hamburger{
    transform: scale(1.05); 
  }
  .svg-menu{
    transition: 0.5s;
  }
  nav:has(> #menu-nav:target) .ham1{
    top: 45%;
    width: 0%;
    left: 50%;
  }
  .addHamOne{
    top: 45%;
    width: 0%;
    left: 50%;
  }
  nav:has(> #menu-nav:target) .ham2{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .addHamTwo{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  nav:has(> #menu-nav:target) .ham3{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .addHamThree{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  nav:has(> #menu-nav:target) .ham4{
    top: 45%;
    width: 0%;
    left: 50%;
  } 
  .addHamFour{
    top: 45%;
    width: 0%;
    left: 50%;
  }
  nav:has(> #menu-nav:target) .hamburger{
    transform: translate(-50%, 0);
    top: 100%;
    transition: 0.3s;
  }
  .addHam{
    transform: translate(-50%, 0);
    top: 100%;
    transition: 0.3s;
  }
  nav:has(> #menu-nav:target) .back{
    transform: translate(-50%, calc(-50% + 1rem));
    top: 100%;
    transition: 0.3s;
  }
  .addBack{
    transform: translate(-50%, calc(-50% + 1rem));
    top: 100%;
    transition: 0.3s;
  }
  nav:has(> #menu-nav:target) .open-menu{
    display: none;
  }
  .addOpen{
    display: none;
  }
  .call-banner-div-holder span:nth-child(2){
    display: none;
  }
  #logo{
    /*width: 33%; */
    margin-top: 10px;
    margin-bottom: 10px;
  }  
} 
@media screen and (max-width: 500px) {
  .hamburger{
    width: 1.4rem;
    height: 1.4rem;
  }
  .header-navdrop-list li:nth-child(6) {
    height: 1.4rem;
  }
  .hamburger span{
    height: 3px;
  }
  .open-menu{
    width: 3rem;
    height: 3rem;
  }
  #close-menu{
    width: 3rem;
    height: 3rem;
  }
  .back{
    width: 3rem;
    height: 3rem;
  }
  nav:has(> #menu-nav:target) .back{
    transform: translate(-50%, calc(-50% + 0.7rem));
    top: 100%;
    transition: 0.3s;
  }
  .addBack{
    transform: translate(-50%, calc(-50% + 0.7rem));
    top: 100%;
    transition: 0.3s;
  }

} 
@media screen and (max-width: 400px) {
  .header-navdrop-list{
    font-size: 0.8rem;
  }
  .hamburger{
    width: 1.1rem;
    height: 1.1rem;
  }
  .header-navdrop-list li:nth-child(6) {
    height: 1.1rem;
  }
  .hamburger span{
    height: 2px;
  }
  .open-menu{
    width: 2.3rem;
    height: 2.3rem;
  }
  .back{
    width: 2.3rem;
    height: 2.3rem;
  }
  #close-menu{
    width: 2.3rem;
    height: 2.3rem;
  }
  nav:has(> #menu-nav:target) .back{
    transform: translate(-50%, calc(-50% + 0.55rem));
    top: 100%;
    transition: 0.3s;
  }
  .addBack{
    transform: translate(-50%, calc(-50% + 0.55rem));
    top: 100%;
    transition: 0.3s;
  }
} 

/*==========================footer=======================*/
footer{
  box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}
footer .container{
  padding: 0;  
}
.footer-container{
  display: grid;
  grid-template-columns: 1.1fr 0.56fr 0.48fr auto;
  max-width: var(--largemaxwidth);
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}
.footer-logo{
  display: flex;
  flex-direction: row;
  padding-top: 60px; /*70px*/
  padding-bottom: 0px;
  align-items: start;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
  max-width: 470px;
}

.footer-logo svg{
  display: block;
  width: 100%;
  
}

.footer-number svg, .footer-location svg, .footer-email svg{
  fill: var(--teal);
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
}
.footer-title{
  grid-column-start: 2;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 2;
  margin-bottom: 10px;
  border-bottom: 3px solid var(--offwhite);
  color: var(--teal);
  font-size: 1.4rem;
  padding-top: 60px;
  font-weight: 500;
}
.footer-location{
  margin-right: auto;
  padding-bottom: 0px;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
  list-style: none;
  font-size: 0.85em;
  font-weight: 500;
  color: var(--teal);
  letter-spacing: 0.5px;  
}

.footer-email{
  margin-left: auto;
  font-size: 0.85em;
  color: var(--teal);
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 2;
  grid-row-end: 3;
  font-weight: 500;
  
}
.footer-number{
  margin-right: auto;
  margin-bottom: auto;
  color: var(--teal);
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 3;
  font-size: 0.85em;
  font-weight: 500;
}
.footer-socials{
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: auto;
  padding-top: 15px;
  grid-column-start: 2;
  grid-column-end: 5;
  grid-row-start: 4;
  grid-row-end: 5;
}
.footer-socials ul{
  margin-left: auto;
  display: flex;
  flex-direction: row;
  gap: 30px;
  list-style: none;
}
.footer-socials a{
  display: block;
}
.footer-socials svg{
  fill: var(--teal);
  display: block;
  width: 2.5rem;
  height: 2.5rem; 
}
.footer-ts-and-ps{
  margin-top: auto;
  padding-top: 15px;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 5;
  font-size: 0.85em;
}
.footer-ts-and-ps ul{
  margin-right: auto;
  display: flex;
  flex-direction: row;
  gap: 20px;
  list-style: none;
  font-weight: 500;
  color: var(--newgrey);
  letter-spacing: 0.5px;
}
.footer-ts-and-ps li{
  display: block;
}
.footer-ts-and-ps a:hover{
  color: var(--teal);
}
.footer-copyright{
  font-size: 0.6em;
  font-weight: 500;
  color: var(--teal);
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-top: 15px;
  letter-spacing: 0.5px;
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 5;
  grid-row-end: 6;
}

@media screen and (max-width: 1490px) {
  .footer-container{
    grid-template-columns: 1.7fr 1fr 1fr;
  }
  .footer-logo{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
  }
  
  .footer-title{
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    font-size: 1.1em;
  }
  .footer-location{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 4;
    font-size: 0.75em;
    line-height: 1.6;
  }
  .footer-email{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 4;
    font-size: 0.75em;
  }
  .footer-number{
    margin-bottom: 0;
    margin-top: auto;

    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 4;
    grid-row-end: 5;
    font-size: 0.75em;
  }
  .footer-socials{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 4;
    grid-row-end: 5;
  }
  .footer-ts-and-ps{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 5;
    font-size: 0.73em;
  }
  .footer-copyright{
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 5;
    grid-row-end: 6;
  }
}
@media screen and (max-width: 1060px) {
  .footer-container{
    grid-template-columns: auto 1fr 0.65fr 1.4fr;
  }
  .footer-logo{
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
    max-width: 400px;
  }
  
  .footer-title{
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 3;
    padding-top: 20px;
  }
  .footer-location{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
  }
  .footer-email{
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
  }
  .footer-number{
    margin-top: 0;
    margin-left: auto;
    margin-right: 0;

    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 4;
  }
  .footer-socials{
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 4;
    grid-row-end: 5;
  }
  .footer-ts-and-ps{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 4;
    grid-row-end: 5;
    padding-top: 40px;
  }
  .footer-copyright{
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 5;
    grid-row-end: 6;
  }
  .footer-socials{
    padding-top: 0;
  }
}


@media screen and (max-width: 825px) {
  .footer-container{
    grid-template-columns: 1fr 1fr;
  }
  .footer-logo{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    max-width: 350px;
  }
  .footer-title{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
  }
  .footer-location{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
  }
  .footer-email{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
  }
  .footer-number{
    margin-left: 0;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: 0;

    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 5;
  }
  .footer-socials{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 4;
    grid-row-end: 5;
  }
  
  .footer-socials svg{
    width: 2rem;
    height: 2rem; 
  }
  .footer-ts-and-ps{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 5;
    grid-row-end: 6;
    padding-top: 40px;
    font-size: 0.68em;
  }
  .footer-copyright{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 6;
    grid-row-end: 7;
  }
}

@media screen and (max-width: 600px) {
  .footer-container{
    grid-template-columns: 1fr;
  }
  .footer-logo{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
  }
  
  .footer-title{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
  }
  .footer-location{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
  }
  .footer-email{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 5;
    margin-left: 0;
    padding-top: 15px;
  }
  .footer-number{
    padding-top: 20px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 5;
    grid-row-end: 6;
  }
  .footer-socials{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 6;
    grid-row-end: 7;
    padding-top: 10px;
  }
  .footer-socials ul{
    gap: 15px;
  }
  .footer-ts-and-ps{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 7;
    grid-row-end: 8;
    padding-top: 10px;

  }
  .footer-copyright{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 8;
    grid-row-end: 9;
    margin-top: 0px;
  }
}
@media screen and (max-width: 440px) {
  .footer-logo svg{
    
  }
  .footer-title{
    font-size: 1.1rem;
  }
  .footer-location{
    font-size: 0.85rem;
  }
  .footer-email{
    font-size: 0.85rem;
  }
  .footer-number{
    font-size: 0.85rem;
  }
  .footer-ts-and-ps{
    font-size: 0.68rem;
  }
  .footer-ts-and-ps ul{
    gap: 10px;
  }
  .footer-copyright{
    font-size: 0.56rem;
  }
  .footer-socials{
    padding-top: 27px;
  }
}