/*
Theme Name: FBP Technology Theme
Theme URI: https://fbptechnology.com
Description: FBP Technology Theme
Version: 1
Author: Lee Iacovou
Author URI: https://fbptechnology.com
*/

@charset "utf-8";
/* CSS Document */


/*CSS RESET*/
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
/*CSS RESET*/

html {
    scroll-behavior: smooth;
}

:root {
  --lightGrey: #dfdede;
  --midGrey: #a9a9a9;
  --darkGrey: #2e2f39; 
}


@font-face {
font-family: Oct-Bold;
src:url(/fonts/Oct-Bold.otf);
}

@font-face {
font-family: Oct-Light;
src:url(/fonts/Oct-Light.otf);
}



body {
    margin: -1px;
    background-color: var(--lightGrey);
    overflow-x: hidden;
}


strong {


font-family: 'Oct-Bold', sans-serif; 

}



#three-row {
    width: 100%;
    height: 50vw;
    position: relative;
    margin-top: 5%;
}


#three-row img {
    width: 39%;
    height: auto;
    position: absolute;
    top: 6%;
    left: 0%;
}



#row5-words {
    width: 50%;
    height: auto;
    position: absolute;
    top: 7%;
    right: 6.25%;
    /* background-color: #ff00001a; */
}




#row5-words h2 {
    color: var(--darkGrey);
    font-size: 3vw;
    margin: 1vw 0vw 3.5vw 0vw;
    font-family: "Oct-Light", serif;
    font-weight: 500;
}



#no-more {


width: 60%;
height: 30vw;
margin: 0 auto;


}


#no-more h3 {
    font-size: 3.25vw;
    color: var(--lightGrey);
    font-family: 'Oct-Bold', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -1px;
    line-height: 2.25vw;
    /* font-weight: 400; */
    padding-top: 3vw;
    text-align: center;
    margin-bottom: 3%;
}


#no-more h4 {
    font-size: 1.25vw;
    color: var(--lightGrey);
    font-family: 'Oct-Light', sans-serif !important;
    /* -webkit-font-smoothing: antialiased; */
    letter-spacing: 0px;
    line-height: 2vw;
    /* font-weight: 600; */
    margin-top: 0.75vw;
    text-align: center;
    border-bottom: 1px solid var(--lightGrey);
    padding: 2% 0% 2% 0%;
}


#no-more h4 i {
    color: #F00;
}

#row5-words h3 {
    font-size: 1.65vw;
    color: var(--darkGrey);
    font-family: 'Oct-Bold', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -1px;
    /* line-height: 2.25vw; */
    /* font-weight: 400; */
    padding-top: 0.7vw;
}


#row5-words h4 {
    font-size: 1.25vw;
    color: var(--darkGrey);
    font-family: 'Oct-Light', sans-serif !important;
    /* -webkit-font-smoothing: antialiased; */
    letter-spacing: 0px;
    line-height: 2.25vw;
    /* font-weight: 600; */
   
}


div#title {
    height: 3vw;
    margin-top: 4%;
}

div#title img {
    height: 76%;
    width: auto;
    margin: 0% 2% 0% 0%;
    position: relative;
    float: left;
}

#header {
width: 100%;
height:6vw;
background-color: var(--darkGrey);
position: relative;
border-bottom:2px solid var(--lightGrey);
}


#header img {
    width: 15%;
    height: auto;
    position: absolute;
    top: 40%;
    left: 6.25%;
}


.wpcf7-text {
    font-size: 1.25vw;
    color: var(--darkGrey);
    font-family: 'Oct-Light', sans-serif !important;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background: none;
    height: 5vw;
    width: 100%;
}


#formRow {
    width: 39%;
    height: auto;
    margin: 0 auto;
    border-radius: 55px;
    overflow: hidden;
}


#contact h2 {
    color: var(--darkGrey);
    font-size: 3.25vw;
    margin: 11vw 0vw 4vw 0vw;
    font-family: "Oct-Bold", serif;
    font-weight: 500;
    text-align: center;
}



#nav {
    width: auto;
    height: auto;
    position: absolute;
    top: 38%;
    right: 6%;
    font-size: 1.65vw;
    color: var(--lightGrey);
    font-family: 'Oct-Bold', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -1px;
}


#nav a:link {

 color: var(--lightGrey);
 text-decoration: none;
scroll-behavior: smooth;

}


#nav a:hover {

 color: var(--lightGrey);
 text-decoration: underline;
scroll-behavior: smooth;

}

#nav a:active {

 color: var(--lightGrey);
 text-decoration: none;
scroll-behavior: smooth;

}

#nav a:visited {

 color: var(--lightGrey);
 text-decoration: none;
scroll-behavior: smooth;

}




#hero {
    width: 100%;
    height: 42vw;
    background-image: url(/images/wave.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    /* background-position: bottom; */
}


#hero-words {
    width: 45%;
    height: 31vw;
    position: absolute;
    top: 9%;
    left: 6.25%;
    /* background-color: #ff00001a; */
}

#hero-words p {
    font-size: 4.25vw;
    color: var(--lightGrey);
    font-family: 'Oct-Light', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -2px;
    line-height: 4.75vw;
    /* font-weight: 700; */
    /* margin-top: 2vw; */
}

#hero-words h2 {
    font-size: 4.25vw;
    color: var(--lightGrey);
    font-family: 'Oct-Light', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -2px;
    line-height: 4.75vw;
    /* font-weight: 700; */
    /* margin-top: 2vw; */
}


#hero-words h4 {
    font-size: 1.5vw;
    color: var(--lightGrey);
    font-family: 'Oct-Bold', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    /* letter-spacing: -2px; */
    /* line-height: 4.75vw; */
    /* font-weight: 700; */
    margin-top: 1vw;
    margin-bottom: 3%;
}



#hero-words h3 {
    font-size: 1.25vw;
    color: var(--midGrey);
    font-family: 'Oct-Bold', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -1px;
    line-height: 2.25vw;
    /* font-weight: 400; */
    margin-top: 2.5vw;
    margin-right: 16%;
    margin-bottom: 4%;
}

.btn {
    color: var(--lightGrey);
    font-size: 2vw;
    padding: 0.75vw 2vw 0.75vw 2vw;
    border-radius: 15px;
    font-family: "Oct-Bold", serif;
    font-weight: 500;
    text-decoration: none;
    float: left;
}


.btn1 {
    transition: 0.5s ease-in-out;
    border: 2px solid var(--lightGrey);
}


input.wpcf7-form-control.wpcf7-submit.has-spinner {
    color: var(--darkGrey);
    font-size: 2vw;
    padding: 0.75vw 2vw 0.75vw 2vw;
    border-radius: 15px;
    margin: 10% 0% 0% 0%;
    font-family: "Oct-Bold", serif;
    font-weight: 500;
    background: none;
    text-decoration: none;
    /* float: left; */
}



.btn1:hover {
    box-shadow: 0px 0px 0px 2.5px var(--lightGrey), 0px 0px 0px 5px var(--darkGrey), 0px 0px 0px 10px var(--lightGrey), 0px 0px 0px 10.5px var(--darkGrey);
    background: var(--lightGrey);
    color: var(--darkGrey);
    text-decoration: none;
}


#button1 {
    margin-top: 1.5vw;
}



#top-mock {
    width: 48%;
    height: auto;
    position: absolute;
    bottom: -2%;
    right: 5%;
    /* background-color: #ff00001a; */
}


#top-mock img {
    width: 100%;
    height: auto;
  }




#tagLine {

width:100%;
height: auto;


}


#tagLine h3 {
	text-align: center;
    font-size: 2.75vw;
    color: var(--darkGrey);
    font-family: 'Oct-Light', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -2px;
    margin: 6% 0% 6% 0%
/*    line-height: 4.75vw;*/
    /* font-weight: 700; */
    /* margin-top: 2vw; */
}



#feature-row {
    width: 83%;
    height: auto;
    /* position: absolute; */
    /* top: 125.5vw; */
    /* left: 5%; */
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 auto;
    gap: 3.5vw;
    margin-top: 4vw;
}


#one-feature {
    height: 58vw;
    background-color: var(--darkGrey);
    border-radius: 50px;
    position: relative;
    overflow: hidden;
}


#button2 {
    margin: 10% 0% 0% 28%;
}


#one-feature h3 {
    color: var(--lightGrey);
    font-size: 2.5vw;
    margin: 5vw 0vw 1vw 0vw;
    font-family: "Oct-Bold", serif;
    font-weight: 500;
    text-align: center;
}


#one-feature h4 {
    font-size: 1.25vw;
    color: var(--lightGrey);
    font-family: 'Oct-Bold', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -1px;
    line-height: 2vw;
    /* font-weight: 400; */
    text-align: center;
    margin: 7% 15% 0% 15%;
}



#one-feature-hand {
    width: 60%;
    height: auto;
    position: absolute;
    bottom: -1%;
    left: 27%;
}


#one-feature-hand img {

width:100%;
height: auto;
}



#one-feature-hand2 {
    width: 92%;
    height: auto;
    position: absolute;
    bottom: -1%;
    right: 0%;
}


#one-feature-hand2 img {

width:100%;
height: auto;
}



#one-feature-hand3 {
    width: 160%;
    height: auto;
    position: absolute;
    bottom: 0%;
    left: -36%;
}


#one-feature-hand3 img {

width:100%;
height: auto;
}


#wave2 {
    width: 100%;
    height: 10.4vw;
    background-image: url(/images/wave2.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 5vw;
}

#wave4 {
    width: 100%;
    height: 10.4vw;
    background-image: url(/images/wave2.png);
    background-repeat: no-repeat;
    background-size: contain;
}


#row1 {
    background-color: var(--darkGrey);
    width: 100%;
    height: 70vw;
    position: relative;
    margin: -1px;
}



#row1-words {
    width: 41%;
    height:auto;
    position: absolute;
    top: 0%;
    left: 9.25%;
/*    background-color: #ff00001a;*/
}




#row1-words h2 {
    color: var(--lightGrey);
    font-size: 4.25vw;
    margin: 0vw 0vw 0vw 0vw;
    font-family: "Oct-Bold", serif;
    font-weight: 500;

}




#row1-words h3 {
    font-size: 1.65vw;
    color: var(--lightGrey);
    font-family: 'Oct-Bold', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -1px;
    line-height: 2.25vw;
    /* font-weight: 400; */
    margin-top: 3vw;
}


#row1-words p {
    font-size: 1.25vw;
    color: var(--lightGrey);
    font-family: 'Oct-Light', sans-serif !important;
    /* -webkit-font-smoothing: antialiased; */
    letter-spacing: 0px;
    line-height: 2vw;
    /* font-weight: 600; */
    margin-top: 2.75vw;
    margin-right: 8%;
}

#row1-words p strong {
    font-size: 1.65vw;
    color: var(--lightGrey);
    font-family: 'Oct-Bold', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -1px;
    line-height: 2.25vw;
    /* font-weight: 400; */
    margin-top: 3vw;
}


#mid-mock {
    width: 44%;
    height: auto;
    position: absolute;
    top: 19%;
    right: 5%;
    /* background-color: #ff00001a; */
}


#mid-mock img {
    width: 100%;
    height: auto;
  }








#row2 {
    /* background-color: var(--darkGrey); */
    width: 100%;
    height: 86vw;
    position: relative;
}


#row2-words {
    width: 42%;
    height: auto;
    position: absolute;
    top: 7%;
    right: 2.25%;
    /* background-color: #ff00001a; */
}




#row2-words h2 {
    color: var(--darkGrey);
    font-size: 3.25vw;
    margin: 0vw 0vw 0vw 0vw;
    font-family: "Oct-Bold", serif;
    font-weight: 500;

}




#row2-words h3 {
    font-size: 1.65vw;
    color: var(--darkGrey);
    font-family: 'Oct-Bold', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -1px;
    line-height: 2.25vw;
    /* font-weight: 400; */
    margin-top: 3vw;
}


#row2-words p {
    font-size: 1.25vw;
    color: var(--darkGrey);
    font-family: 'Oct-Light', sans-serif !important;
    /* -webkit-font-smoothing: antialiased; */
    letter-spacing: 0px;
    line-height: 2.25vw;
    /* font-weight: 600; */
    margin-top: 2.75vw;
}

#row2-words p strong {
    font-size: 1.65vw;
    color: var(--darkGrey);
    font-family: 'Oct-Bold', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -1px;
    line-height: 2.25vw;
    /* font-weight: 400; */
    margin-top: 3vw;
}


#mid-mock2 {
    width: 44%;
    height: auto;
    position: absolute;
    top: 19%;
    left: 5%;
    /* background-color: #ff00001a; */
}


#mid-mock2 img {
    width: 100%;
    height: auto;
  }




#curve {
    width: 100%;
    height: 3.5vw;
    background-image: url(/images/curve.png);
    background-repeat: no-repeat;
    background-size: contain;
}





#row3 {
    width: 100%;
    height: auto;
    background-color: var(--darkGrey);
    margin-top: -1px;
}




    .swiper-container {
      width: 100%; /* 4 /images + gaps (400 * 4 + 10 * 3) */
      overflow: hidden; /* Hide overflow */
      direction: rtl; /* Right-to-left sliding */
      padding: 5% 0% 5% 0%;
    }

    .swiper-slide {
/*      width: 400px; */
      display: flex;
      justify-content: center;
      align-items: center;
    }

.swiper-slide img {
    width: 14vw;
    height: auto;
    object-fit: cover;
    border-radius: 25px;
}
    .swiper-button-next,
    .swiper-button-prev {
      color: #fff; /* Navigation arrows visibility */
    }









#contact {

width: 100%;
height: 50vw;
background-color: var(--lightGrey);

}


#footer {
    width: 100%;
    height: 8vw;
    background-color: var(--darkGrey);
    position: relative;
    border-top: 1px solid var(--lightGrey);
}


#footer img {
    width: 15%;
    height: auto;
    position: absolute;
    top: 40%;
    left: 6.25%;
}

#footer h4 {
    font-size: 0.8vw;
    color: var(--lightGrey);
    font-family: 'Oct-Light', sans-serif !important;
    /* -webkit-font-smoothing: antialiased; */
    letter-spacing: 0px;
    line-height: 2.25vw;
    /* font-weight: 600; */
    margin-top: 0.75vw;
     position: absolute;
    top: 23%;
    right: 6.25%;
}









@media only screen 
and (min-device-width : 300px) 
and (max-device-width : 767px)  
{



#hero-words h3 {
    font-size: 4vw;
    color: var(--midGrey);
    font-family: 'Oct-Bold', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -1px;
    line-height: 6.5vw;
    /* font-weight: 400; */
    margin-top: 6vw;
    margin-right: 0%;
}




#hero-words h2 {
    font-size: 7.25vw;
    color: var(--lightGrey);
    font-family: 'Oct-Light', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -2px;
    line-height: 7.75vw;
    /* font-weight: 700; */
    /* margin-top: 2vw; */
}

#hero-words p {
    font-size: 7.25vw;
    color: var(--lightGrey);
    font-family: 'Oct-Light', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -2px;
    line-height: 7.75vw;
    /* font-weight: 700; */
    /* margin-top: 2vw; */
}


#hero-words h4 {
    font-size: 4vw;
    color: var(--lightGrey);
    font-family: 'Oct-Bold', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    /* letter-spacing: -2px; */
    line-height: 5.5vw;
    /* font-weight: 700; */
    margin-top: 6vw;
    margin-bottom: 0%;
}



#header {
    width: 100%;
    height: 18vw;
    background-color: var(--darkGrey);
    position: relative;
    border-bottom: 2px solid var(--lightGrey);
}

#header img {
    width: 51%;
    height: auto;
    position: absolute;
    top: 40%;
    left: 6.25%;
}


#nav {
    width: auto;
    height: auto;
    position: absolute;
    top: 43%;
    right: 6%;
    font-size: 3.65vw;
    color: var(--lightGrey);
    font-family: 'Oct-Bold', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -1px;
}









#hero {
    width: 100%;
    height: 203vw;
    background-image: url(/images/waveB.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    position: relative;
    /* background-position: bottom; */
}


#hero-words {
    width: 88%;
    height: auto;
    position: absolute;
    top: 6%;
    left: 6.25%;
    /* background-color: #ff00001a; */
    text-align: center;
}


#button1 {
    margin-top: 10vw;
    margin-left: 29%;
}


.btn {
    color: var(--lightGrey);
    font-size: 8vw;
    padding: 1.75vw 3vw 1.75vw 3vw;
    border-radius: 15px;
    font-family: "Oct-Bold", serif;
    font-weight: 500;
    text-decoration: none;
    float: left;
}


#top-mock {
    width: 94%;
    height: auto;
    position: absolute;
    bottom: -1%;
    right: 4%;
    /* background-color: #ff00001a; */
}


#tagLine h3 {
    text-align: center;
    font-size: 7.25vw;
    color: var(--darkGrey);
    font-family: 'Oct-Light', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -2px;
    margin: 11% 0% 11% 0%;
/*    line-height: 4.75vw;*/
    /* font-weight: 700; */
    /* margin-top: 2vw; */;
}




#feature-row {
    width: 92%;
    height: auto;
    /* position: absolute; */
    /* top: 125.5vw; */
    /* left: 5%; */
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    margin: 0 auto;
    gap: 3.5vw;
    margin-top: 4vw;
}


#one-feature {
    height: 208vw;
    background-color: var(--darkGrey);
    border-radius: 50px;
    position: relative;
    overflow: hidden;
}


#one-feature h3 {
    color: var(--lightGrey);
    font-size: 7.25vw;
    margin: 8vw 0vw 1vw 0vw;
    font-family: "Oct-Bold", serif;
    font-weight: 500;
    text-align: center;
}



#one-feature h4 {
    font-size: 4vw;
    color: var(--lightGrey);
    font-family: 'Oct-Bold', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -1px;
    line-height: 6vw;
    /* font-weight: 400; */
    text-align: center;
    margin: 7% 15% 0% 15%;
}


#button2 {
    margin: 10% 0% 0% 32%;
}


#one-feature-hand {
    width: 72%;
    height: auto;
    position: absolute;
    bottom: -1%;
    left: 23%;
}


#one-feature-hand2 {
    width: 108%;
    height: auto;
    position: absolute;
    bottom: -1%;
    right: -4%;
}



#one-feature-hand3 {
    width: 181%;
    height: auto;
    position: absolute;
    bottom: 0%;
    left: -36%;
}


#row1 {
    background-color: var(--darkGrey);
    width: 100%;
    height: 295vw;
    position: relative;
    margin: -2px;
}


#wave2 {
    width: 100%;
    height: 10.5vw;
    background-image: url(/images/wave2.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 5vw;
}

#row1-words {
    width: 82%;
    height: auto;
    position: absolute;
    top: 3%;
    left: 9.25%;
    /* background-color: #ff00001a; */
    text-align: center;
}


#mid-mock {
    width: 89%;
    height: auto;
    position: absolute;
    top: unset;
    right: 5%;
    bottom: -1%;
    /* background-color: #ff00001a; */
}



#row1-words h2 {
    color: var(--lightGrey);
    font-size: 7.25vw;
    margin: 7vw 0vw 0vw 0vw;
    font-family: "Oct-Bold", serif;
    font-weight: 500;
}

#row1-words h3 {
    font-size: 6vw;
    color: var(--lightGrey);
    font-family: 'Oct-Bold', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -1px;
    line-height: 7.25vw;
    /* font-weight: 400; */
    margin-top: 12vw;
}



#row1-words p {
    font-size: 4vw;
    color: var(--lightGrey);
    font-family: 'Oct-Light', sans-serif !important;
    /* -webkit-font-smoothing: antialiased; */
    letter-spacing: 0px;
    line-height: 4.75vw;
    /* font-weight: 600; */
    margin-top: 8.75vw;
    margin-right: 0%;
}


#row1-words p strong {
    font-size: 6vw;
    color: var(--lightGrey);
    font-family: 'Oct-Bold', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -1px;
    line-height: 7.25vw;
    /* font-weight: 400; */
    margin-top: 12vw;
}



#row2-words h2 {
    color: var(--darkGrey);
    font-size: 7.25vw;
    margin: 7vw 0vw 0vw 0vw;
    font-family: "Oct-Bold", serif;
    font-weight: 500;
}

#row2-words h3 {
    font-size: 6vw;
    color: var(--darkGrey);
    font-family: 'Oct-Bold', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -1px;
    line-height: 7.25vw;
    /* font-weight: 400; */
    margin-top: 12vw;
}



#row2-words p {
    font-size: 4vw;
    color: var(--darkGrey);
    font-family: 'Oct-Light', sans-serif !important;
    /* -webkit-font-smoothing: antialiased; */
    letter-spacing: 0px;
    line-height: 4.75vw;
    /* font-weight: 600; */
    margin-top: 8.75vw;
    margin-right: 0%;
}



#row2-words p strong {
    font-size: 6vw;
    color: var(--darkGrey);
    font-family: 'Oct-Bold', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -1px;
    line-height: 7.25vw;
    /* font-weight: 400; */
    margin-top: 12vw;
}


#row2 {
    /* background-color: var(--darkGrey); */
    width: 100%;
    height: 362vw;
    position: relative;
}



#row2-words {
    width: 82%;
    height: auto;
    position: absolute;
    top: 5%;
    right: 9.25%;
    /* background-color: #ff00001a; */
    text-align: center;
}




#mid-mock2 {
    width: 93%;
    height: auto;
    position: absolute;
    top: unset;
    left: 3%;
    /* background-color: #ff00001a; */
    bottom: -4%;
}


#wave4 {
    width: 100%;
    height: 10.65vw;
    background-image: url(/images/wave2.png);
    background-repeat: no-repeat;
    background-size: contain;
}


#row3 {
    width: 100%;
    height: auto;
    background-color: var(--darkGrey);
    margin-top: -3px;
    padding: 10% 0% 10% 0%;
    margin-bottom: -1px;
}



.swiper-slide img {
    width: 44vw;
    height: auto;
    object-fit: cover;
    border-radius: 25px;
}



#contact h2 {
    color: var(--darkGrey);
    font-size: 7.25vw;
    margin: 11vw 0vw 4vw 0vw;
    font-family: "Oct-Bold", serif;
    font-weight: 500;
    text-align: center;
}



#formRow {
    width: 76%;
    height: auto;
    margin: 0 auto;
}


#contact {
    width: 100%;
    height: 88vw;
    background-color: var(--lightGrey);
}



#footer img {
    width: 50%;
    height: auto;
    position: absolute;
    top: 24%;
    left: 25%;
}


#footer {
    width: 100%;
    height: 28vw;
    background-color: var(--darkGrey);
    position: relative;
}


#footer h4 {
    font-size: 3vw;
    color: var(--lightGrey);
    font-family: 'Oct-Light', sans-serif !important;
    /* -webkit-font-smoothing: antialiased; */
    letter-spacing: 0px;
    line-height: 2.25vw;
    /* font-weight: 600; */
    margin-top: 0.75vw;
    position: absolute;
    top: 53%;
    right: 19%;
}

#row5-words h3 {
    font-size: 3.75vw;
    color: var(--darkGrey);
    font-family: 'Oct-Bold', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -1px;
    /* line-height: 2.25vw; */
    /* font-weight: 400; */
    padding-top: 0.7vw;
}


#row5-words h4 {
    font-size: 4vw;
    color: var(--darkGrey);
    font-family: 'Oct-Light', sans-serif !important;
    /* -webkit-font-smoothing: antialiased; */
    letter-spacing: 0px;
    line-height: 5vw;
    /* font-weight: 600; */
}


div#title {
    height: 8vw;
    margin-top: 11%;
}


#row5-words {
    width: 80%;
    height: auto;
    position: absolute;
    top: 5%;
    right: 10%;
    /* background-color: #ff00001a; */
    /* text-align: center; */
}


#row5-words h2 {
    color: var(--darkGrey);
    font-size: 7.25vw;
    margin: 1vw 0vw 3.5vw 0vw;
    font-family: "Oct-Light", serif;
    font-weight: 500;
    line-height: 7.75vw;
}



#three-row {
    width: 100%;
    height: 261vw;
    position: relative;
    margin-top: 5%;
}



#three-row img {
    width: 80%;
    height: auto;
    position: absolute;
    top: unset;
    left: 0%;
    bottom: 0%;
}


div#title img {
    height: 61%;
    width: auto;
    margin: 0% 2% 0% 0%;
    position: relative;
    float: left;
}


#no-more h3 {
    font-size: 7.25vw;
    color: var(--lightGrey);
    font-family: 'Oct-Bold', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -1px;
    line-height: 2.25vw;
    /* font-weight: 400; */
    padding-top: 3vw;
    text-align: center;
    margin-bottom: 9%;
}



#no-more h4 {
    font-size: 4vw;
    color: var(--lightGrey);
    font-family: 'Oct-Light', sans-serif !important;
    /* -webkit-font-smoothing: antialiased; */
    letter-spacing: 0px;
    line-height: 5vw;
    /* font-weight: 600; */
    margin-top: 0.75vw;
    text-align: center;
    border-bottom: 1px solid var(--lightGrey);
    padding: 4% 0% 4% 0%;
}



#no-more {
    width: 80%;
    height: 66vw;
    margin: 0 auto;
}








}