g@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
* {
  user-select: none;
}
:root {
--freya-blue: #161820;
--freya-indigo: #727cf5;
--freya-purple: #6b5eae;
--freya-pink: #ff679b;
--freya-red: #FF3B30;
--freya-orange: #FF9500;
--freya-yellow: #FDD428;
--freya-green: #4CD964;
--freya-teal: #02a8b5;
--freya-cyan: #2eb7f5;
--freya-white: #fff;
--freya-gray: #7F7F7F;
--freya-gray-dark: #555555;
--freya-gray-black: #000;
--freya-gray-100: #fafafa;
--freya-gray-200: #f2f2f2;
--freya-gray-300: #e1e1e1;
--freya-gray-400: #bebebe;
--freya-gray-500: #949494;
--freya-gray-600: #7F7F7F;
--freya-gray-700: #6c757d;
--freya-gray-800: #555555;
--freya-gray-900: #404040;
--freya-gray-1000: #2b2b2b;
--freya-gray-1100: #1f1f1f;
--freya-gray-white: #fff;
--freya-primary: #161820;
--freya-secondary: #6c757d;
--freya-success: #4CD964;
--freya-info: #2eb7f5;
--freya-warning: #FF9500;
--freya-danger: #FF3B30;
--freya-light: #fafafa;
--freya-dark: #1f1f1f;
--freya-white: #fff;
--freya-primary-rgb: 22, 24, 32;
--freya-secondary-rgb: 108, 117, 125;
--freya-success-rgb: 76, 217, 100;
--freya-info-rgb: 46, 183, 245;
--freya-warning-rgb: 255, 149, 0;
--freya-danger-rgb: 255, 59, 48;
--freya-light-rgb: 250, 250, 250;
--freya-dark-rgb: 31, 31, 31;
--freya-white-rgb: 255, 255, 255;
--freya-white-rgb: 255, 255, 255;
--freya-black-rgb: 0, 0, 0;
--freya-body-color-rgb: 85, 85, 85;
--freya-body-bg-rgb: 255, 255, 255;
--freya-font-sans-serif: "Montserrat", sans-serif;
--freya-font-monospace: "Montserrat", sans-serif;
--freya-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.5));
--freya-body-font-family: "Poppins", sans-serif;
--freya-body-font-size: 0.9rem;
--freya-body-font-weight: 400;
--freya-body-line-height: 1.45;
--freya-body-color: #555555;
--freya-body-bg: #fff
}
body {
margin-left: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0
}
ol, ul {
margin: 0
}
p {
margin: 0
}
.preload * {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important
}
.slideanim {
visibility: hidden
}
.slideanim.slide {
visibility: visible;
animation: slide 1s
}
.slideanim::after {
content: "";
display: table;
clear: both
}
.slider-wrapper {
position: relative;
overflow: hidden;
width: 100%;
background: #1b1b1b
}
#sec2 {
margin-top:0;
}
#sec1 {
margin-top:10%;
}
.slider {
position: relative;
width: 100%
}
@keyframes slide {
0% {
opacity: 0;
transform: translateY(50%)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
body, html {
font-size: 100%;
background: #fff
}
body a {
transition: .5s all;
-webkit-transition: .5s all;
-moz-transition: .5s all;
-o-transition: .5s all;
-ms-transition: .5s all
}
#slides {
position: relative;
overflow: hidden;
width: 100%;
height: 100vh; /* adjust height as needed */
}
.slides-container {
display: flex;
transition: transform 1s ease-in-out;
width: 100%;
}
.slides-container div {
min-width: 100%;
box-sizing: border-box;
}
.slides-container img {
width: 100%;
height: 100vh;
object-fit: cover;
display: block;
}
/* Navigation buttons */
#slides button {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
border: none;
padding: 12px 18px;
cursor: pointer;
font-size: 24px;
border-radius: 50%;
transition: background-color 0.3s;
}
#slides button:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.prev {
left: 20px;
}
.next {
right: 20px;
}
.thanks {
border: .1vw solid #f4f4f4
}
.img-center {
margin: 0 auto;
margin-left: 5.5em
}
header {
position: fixed;
width: 100%;
z-index: 22;
top: 0;
left: 0;
background: #fff;
padding-bottom: 0;
padding-top: 0
}
.tr-header {
background: rgba(0, 0, 0, 0);
height: 8vw;
margin-top: 3vw
}
header.tr-header.sticky {
background: #fff;
margin-top: 0;
height: 4vw;
box-shadow: 0 3px 2px rgba(0, 0, 0, .1)
}
.logo-holder {
outline: 0;
position: absolute;
z-index: 99;
margin-left: -10vw;
  margin-top: -3.3vw;
  width: 8%;
}
.logo-vis {
position: relative;
z-index: 1;
transition: all .2s linear
}
.logo-holder img {
width: 150%;
}
.logo-notvis {
position: absolute;
top: 0;
left: 0;
z-index: 2;
transition: all .2s linear;
-webkit-transform: scale(.2);
-moz-transform: scale(.2);
transform: scale(.2);
opacity: 0
}
header.sticky img.logo-vis {
-webkit-transform: scale(.2);
-moz-transform: scale(.2);
transform: scale(.2);
opacity: 0
}
header.sticky img.logo-notvis {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
opacity: 1
}
.transition {
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-o-transition: all .5s linear;
-ms-transition: all .5s linear;
transition: all .5s linear
}
.pad {
padding: 0em 3em!important;
}
.pad1 {
padding: 0em 3em!important;
}
#return-to-top {
position: fixed;
bottom: 20px;
right: 20px;
background: #000;
background: rgba(113, 104, 99, .7);
width: 50px;
height: 50px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
display: none;
-webkit-transition: all .3s linear;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
#return-to-top i {
color: #fff;
margin: 0;
position: relative;
left: 16px;
top: 13px;
font-size: 19px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
#return-to-top:hover {
background: rgba(85, 75, 71, .9)
}
#return-to-top:hover i {
color: #fff;
top: 5px
}
.dropbtn {
background-color: #fff;
color: #000;
padding: 2.2vw;
font-size: 1.1vw;
border: none;
cursor: pointer;
text-align: left;
margin-top: -2em !important
}
.dropdown {
position: relative;
display: inline-block
}
.dropdown-content {
display: none;
position: absolute;
background-color: #fff;
min-width: 100%;
box-shadow: 0 .6vw 1vw 0 rgba(0, 0, 0, .2);
z-index: 1;
font-size: 1.1vw
}
.dropdown-content a {
color: #000;
padding: 1vw 1.2vw;
text-decoration: none;
display: block;
font-size: 1.1vw
}
.dropdown-content a:hover {
background-color: #000;
color: #fff
}
.dropdown:hover .dropdown-content {
display: block
}
.dropdown:hover .dropbtn {
background-color: #f7f3f0
}
/* Fullscreen video intro */
#intro-video {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 9999;
background-color: black;
}
/* Hide main content until video ends */
.main-content {
display: none;
opacity: 0;
transition: opacity 1s ease-in-out;
}
.main-content.show {
display: block;
opacity: 1;
}
/* Optional fadeout animation for video */
.fade-out {
opacity: 0;
transition: opacity 1s ease-in-out;
}
.column {
margin: 0 0 0;
padding: 0
}
.column:last-child {
padding-bottom: 0
}
.column::after {
content: '';
clear: both;
display: block
}
.column div {
position: relative;
float: left;
margin: 0;
padding: 0
}
.column div:first-child {
margin-left: 0
}
.column div span {
position: absolute;
bottom: -20px;
left: 0;
z-index: -1;
display: block;
margin: 0;
padding: 0;
color: #444;
font-size: 18px;
text-decoration: none;
text-align: center;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
opacity: 0
}
figure {
margin: 0;
padding: 0;
background: #fff;
overflow: hidden
}
figure:hover+span {
bottom: -36px;
opacity: 1
}
.about-section {
float: left;
width: 100%;
padding-top: 0;
padding-bottom: 7vw
}
.section-spce {
padding-left: 4vw;
padding-right: 4vw
}
.about-text {
padding: 2vw
}
.about-text h2 {
font-size: 2vw;
font-family: "Montserrat", sans-serif;
font-weight: 100;
color: #000;
text-transform: uppercase;
line-height: 1.5em
}
.about-text p {
font-size: 1.3vw;
color: #6d6d6d;
font-family: "Montserrat", sans-serif;
margin-bottom: 3vw;
line-height: 1.5em
}
.mt-4, .my-4 {
margin-top: 1.5vw !important
}
.btn-booking {
width: 100%;
font-family: "Montserrat", sans-serif;
color: #fff;
background-color: #000;
font-weight: 500;
text-transform: uppercase;
border-color: #000;
padding: 1.2vw 1.2vw;
font-size: 1.2vw;
text-decoration: none
}
.btn-booking:hover {
color: #cfc9c5;
text-decoration: none
}
.topsection {
background-color: #fff;
width: 100%;
position: absolute;
margin-top: 0;
padding-left: 5%;
padding-right: 5%;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.topsection-left {
width: 12%;
float: left
}
.topsection-right {
width: 88%;
float: right
}
.topsection-right-top {
margin-top: -3.6em;
float: right
}
.top-bar {
float: right
}
.top-bar li {
font-family: "Montserrat", sans-serif;
color: #000;
font-size: 1.2vw;
display: inline-block;
background-color: #fff;
font-weight: 400;
padding: .8em;
margin: 0;
margin-left: 0;
margin-right: 0;
text-transform: uppercase
}
.top-bar li a {
color: #000
}
.top-bar li:hover {
background-color: #f7f5f3;
color: #000
}
.topsection-right-left {
width: 78%;
float: left
}
.topsection-right-left h1 {
font-family: "Montserrat", sans-serif;
color: #1c4275;
font-size: 1.5vw;
text-align: left;
font-weight: 300;
letter-spacing: 1px
}
.topsection-right-left h1 span {
font-weight: 700
}
.topsection-right-right {
width: 22%;
float: right
}
.top-link {
width: 100%;
text-align: left
}
.top-link li {
font-family: "Montserrat", sans-serif;
color: #000;
font-size: 1vw;
display: inline-block;
font-weight: 400;
padding: 1.7vw 1.3vw;
margin: 0;
margin-left: 0;
margin-right: 0;
text-transform: uppercase;
list-style: none
}
.top-link li a {
color: #000
}
.top-link li span {
background-color: #000;
color: #fff;
padding: 1.7vw;
margin: 0
}
.top-link li span a {
color: #fff
}
.top-link li span:hover {
background-color: #525252;
color: #fff
}
.top-link1 {
width: 100%;
text-align: left;
padding: 0;
margin: 0
}
.top-link1 li {
font-family: "Montserrat", sans-serif;
color: #000;
font-size: 1vw;
display: inline-block;
font-weight: 400;
padding: 1vw 1vw;
line-height: 1vw;
border-right: 0 solid #f3efec;
}
.top-link1 li a {
color: #000
}
.top-link1 li span {
font-weight: 600;
font-size: 1vw;
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
color: #000
}
.top-link1 li span a {
color: #000
}
.top-link1 li:hover {
color: #000;
background-color: #f5f5f5
}
.title-content-box {
top: 35%;
margin: 0 auto;
width: 40%;
color: #fff;
background-color: rgba(2, 17, 56, .8);
padding: 1%
}
.title-content {
width: 100%;
margin: 0 auto;
border: 1px solid rgba(255, 255, 255, .4);
padding: 8%
}
.title-content h1 {
margin-bottom: 20px;
font-size: 1.3em;
text-align: center;
font-weight: 400;
letter-spacing: 2px
}
.title-content p, .title-content p span {
font-family: "Montserrat", sans-serif;
text-align: center
}
.title-content p {
font-size: 2.8em;
font-weight: 400;
font-style: italic
}
.title-content p span {
font-size: 1.1em;
color: #fff
}
.title-content-btn {
font-family: "Montserrat", sans-serif;
padding: 10px 20px;
z-index: 0;
color: #fff;
text-align: center;
font-size: 1em;
font-weight: 400;
border: 1px solid #fff;
text-decoration: none;
margin-top: 0;
margin-bottom: 0
}
.title-content-inner p, .title-content-inner p span {
font-family: theantiquasunregular;
text-align: center
}
.title-content-btn:hover {
color: #021138;
background-color: #fff;
text-decoration: none
}
.title-content-box-inner {
top: 26%;
margin: 0 auto;
width: 40%;
color: #fff;
background-color: rgba(2, 17, 56, .8);
padding: 1%
}
.title-content-inner {
width: 100%;
margin: 0 auto;
border: 1px solid rgba(255, 255, 255, .4);
padding: 3%
}
.border-bg, .home-services {
border-bottom: 1px solid#dcdcdc
}
.title-content-inner p {
font-size: 2.2em;
font-weight: 400;
font-style: italic
}
.title-content-inner p span {
font-size: 1.1em;
color: #fff
}
.projects-top {
background: #999491;
padding: 5.3vw;
background-image: url(../images/brown-bg1.webp);
background-repeat: repeat
}
.projects-top h1 {
font-family: "Montserrat", sans-serif;
font-size: 2vw;
font-weight: 300;
color: #cfcbc9;
text-align: center
}
.home-text {
width: 100%;
margin-top: 3vw;
}
.home-text1 {
width: 100%;
margin-top: .5vw
}
.home-text h1 {
font-family: "Montserrat", sans-serif;
font-size: 1.8vw;
font-weight: 300;
color: #000;
text-align: center;
margin-bottom: 0
}
.home-text h1 span {
font-weight: 700;
color: #000
}
.home-text h3 {
font-family: "Montserrat", sans-serif;
font-size: 1.8vw;
font-weight: 100;
color: #000;
text-align: center;
margin-bottom: 1.5vw;
padding-left: 10%;
padding-right: 10%;
line-height: 1.4em
}
.home-text h3 span {
font-weight: 300;
color: #000
}
.home-text p {
font-family: var(--freya-body-font-family);
font-size: 1.1vw;
font-weight: 300;
color: #000;
padding-left: 15vw;
padding-right: 15vw;
padding-top: 1vw;
padding-bottom: 1vw;
text-align: center;
line-height: 1.5em
}
.home-text p a {
color: #000;
text-decoration: none;
}
.home-text p a:hover {
color: #fff;
text-decoration: none;
}
.home-text p span {
font-size: 1.5vw;
font-weight: 300;
font-family: "Montserrat", sans-serif;
font-style: italic;
color: #5f5752
}
.home-text h4 {
font-family: "Montserrat", sans-serif;
font-size: 1.4vw;
font-weight: 100;
color: #000;
text-align: center;
margin-bottom: 0;
padding-left: 10%;
padding-right: 10%;
line-height: 1.5em
}
.home-text h4 span {
font-weight: 300;
font-family: "Montserrat", sans-serif;
font-style: italic;
color: #5f5752
}
.scope-work {
width: 100%;
margin: 0 auto;
margin-bottom: 3em;
position: relative;
margin-top: 3vw
}
.scope-work h1 {
font-family: "Montserrat", sans-serif;
font-size: 2.5vw;
font-weight: 300;
color: #000;
text-align: center;
margin-bottom: 2vw
}
.scope-work h1 span {
font-weight: 700;
color: #000
}
.inner-scope {
width: 80%;
margin: 0 auto;
float: none !important;
border: 1px solid #f0eeec;
margin-bottom: 2vw;
background-color: #fbf6f2;
padding: 2vw !important;
padding-top: .5vw !important;
padding-bottom: 1vw !important
}
.inner-scope h2 {
font-family: "Montserrat", sans-serif;
font-size: 2vw;
font-weight: 600;
color: #6e655f;
line-height: 1.4em;
text-align: left
}
.inner-scope p {
font-family: "Montserrat", sans-serif;
font-size: 1.3vw;
color: #6e655f;
padding-bottom: 1vw;
line-height: 1.5em;
text-align: justify
}
.carousel-inner>.item img {
width: 100%;
height: 100%
}
.read {
display: inline-block;
padding: .4vw 0.8vw;
z-index: 0;
color: #000;
text-align: center;
font-size: 1vw;
font-weight: 500;
border: .1vw solid #000;
text-decoration: none;
font-family: "Montserrat", sans-serif;
}
.read:hover {
color: #fff;
background-color: #000
}
.read1 {
display: inline-block;
padding: .9vw 1.2vw;
z-index: 0;
color: #000;
text-align: center;
font-size: 1.2vw;
text-transform: uppercase;
font-weight: 500;
border: .1vw solid #000;
text-decoration: none;
margin-top: 2vw;
font-family: Roboto, sans-serif
}
.read1:hover {
color: #fff;
background-color: #000
}
.read2 {
display: inline-block;
padding: 0.6vw 1vw;
z-index: 0;
color: #000;
background: #fff;
text-align: center;
font-size: 0.9vw;
text-transform: uppercase;
font-weight: 500;
border: 0.1vw solid #fff;
text-decoration: none;
margin-top: 0.5vw;
font-family: "Montserrat", sans-serif;
}
.read2:hover {
color: #fff;
background-color: #000
}
.border-img {
padding-top: 1.5%
}
.border-img img {
width: 10%
}
.border-bg {
height: 3.1vw
}
.border-img1 {
padding-top: 0
}
.border-img1 img {
width: 9%
}
.border-bg1 {
height: 4.8vw
}
.portfolio-section {
padding: 4vw 0vw 2vw 0vw;
position: relative
}
.testimonial-section {
padding: 0 7vw 3vw 7vw;
position: relative
}
.testimonial {
width: 100%;
background-color: #fff;
padding: 1vw;
box-shadow: 0 0 5px rgba(0, 0, 0, .2);
margin-bottom: 2vw;
border: .1vw solid #fff
}
.testimonial img {
width: 100% !important;
max-width: 100%
}
.testimonial-title h2 {
font-family: "Montserrat", sans-serif;
font-size: 1.4vw;
line-height: 1.4em;
font-weight: 400;
color: #000;
text-transform: none;
text-align: center
}
.testimonial-title h2 span {
font-weight: 700
}
.infra {
padding-top: 0
}
.inner-header-content h1 span {
font-weight: 700
}
.inner-header-content h1 {
font-family: "Montserrat", sans-serif;
font-size: 44px;
font-weight: 300;
color: #000;
text-align: center;
margin-top: 0;
padding-top: 0
}
.inner-header-content h2 {
font-family: "Montserrat", sans-serif;
font-size: 1.5vw;
font-weight: 300;
color: #000;
text-align: center;
margin-top: 0;
padding-top: 0
}
.inner-header-content p {
font-family: "Montserrat", sans-serif;
font-size: 1.1vw;
color: #000;
padding-left: 8vw;
padding-right: 8vw;
text-align: center;
line-height: 1.5em;
padding-bottom: 2vw;
font-weight: 300
}
.inner-header-content p a {
color: #000;
text-decoration: none;
}
.inner-header-content a:hover {
color: #fff;
text-decoration: none;
}
.inner-header-content p span {
font-size: 1.5vw;
font-weight: 300;
font-family: "Montserrat", sans-serif;
font-style: italic;
color: #5f5752
}
.portfolio {
width: 100%;
background-color: #fff;
padding: 1vw;
box-shadow: 0 0 5px rgba(0, 0, 0, .2);
margin-bottom: 2vw;
border: .1vw solid #fff;
height: 44.5vw
}
.portfolio:hover {
background-color: #fcf7f4;
border: .1vw solid #e1dbd7
}
.portfolio:hover: .portfolio-title h2:hover {
color: #fff !important
}
.portfolio img {
width: 100% !important;
max-width: 100%
}
.portfolio-title h2 {
font-family: "Montserrat", sans-serif;
font-size: 1.2vw;
line-height: 1.4em;
font-weight: 400;
color: #000;
text-transform: none;
text-transform: uppercase
}
.portfolio-title h2 span {
font-weight: 700
}
.portfolio-title h3 {
font-family: "Montserrat", sans-serif;
font-size: 1.1vw;
letter-spacing: .1vw;
text-transform: uppercase;
margin-bottom: 1.5vw;
color: #747474;
font-weight: 600;
text-align: left;
padding-top: 1vw
}
.portfolio-title h3 span {
background: #00a3eb;
content: "";
display: block;
height: .2vw;
margin: .5vw 0 0 0;
position: initial;
width: 4vw
}
.portfolio-title p {
font-family: "Montserrat", sans-serif;
font-size: 1.1vw;
line-height: 1.5em;
font-weight: 300;
color: #000;
text-transform: none;
padding-top: 0;
padding-left: 0;
text-align: left
}
.portfolio1 {
width: 100%;
background-color: #f3efed;
padding: 2vw;
box-shadow: 0 0 5px rgba(0, 0, 0, .2);
margin-bottom: 2vw;
border: .1vw solid #ddd7d3
}
.portfolio1-title h2 {
font-family: "Montserrat", sans-serif;
font-size: 1.1vw;
line-height: 1.4em;
font-weight: 400;
color: #000;
text-transform: none;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0
}
.portfolio1-title h2 span {
font-weight: 700
}
.main-clients {
padding: 4vw;
background-color: #fcf7f4;
background-image: url(../images/cream-bg.webp);
background-repeat: repeat
}
.clients-logos {
padding: .3vw
}
.clients-logos h1 {
font-family: "Montserrat", sans-serif;
font-size: 2.5vw;
font-weight: 300;
color: #000;
text-align: center;
margin-top: 0;
padding-top: 0
}
.clients-logos h1 span {
font-weight: 700
}
.clients-logos h2 {
font-family: "Montserrat", sans-serif;
font-size: 2.5vw;
font-weight: 300;
color: #000;
text-align: center;
margin-top: 0;
padding-top: 0
}
.clients-logos h2 span {
font-weight: 700
}
.clients-logos p {
font-family: "Montserrat", sans-serif;
font-size: 1.3vw;
color: #000;
text-align: center;
line-height: 1.5em;
padding-bottom: 2vw;
font-weight: 300;
}
.clients-logos h2 {
padding-bottom: 0;
text-align: center
}
.clients-logos li {
width: 12.2%;
float: left;
list-style: none;
border: .1vw solid #f7f2ef
}
.clients-logos li:hover {
border: .1vw solid #dedbd9
}
.clients-logos li img {
width: 100%
}
.products-logos ul {
padding: 0;
margin: 0
}
.products-logos h1 {
font-family: "Montserrat", sans-serif;
font-size: 2vw;
font-weight: 400;
color: #000;
text-transform: none;
margin-left: 0
}
.products-logos li {
width: 47%;
float: left;
list-style: none;
border: .1vw solid #ececec
}
.products-logos li img {
width: 100%
}
.properties-home-main {
width: 90%;
margin: 0 auto;
padding: 3em;
padding-bottom: 2em;
}
.properties-home-main h3 {
font-family: "Montserrat", sans-serif;
font-size: 2.5vw;
font-weight: 300;
color: #000;
text-transform: none;
text-align: center
}
.properties-home-main h3 span {
font-weight: 700
}
.properties-home-main h2 {
font-family: "Montserrat", sans-serif;
font-size: 1.3vw;
color: #444;
text-align: center;
padding-bottom: 2vw;
padding-top: 0;
margin-top: 0
}
.properties-home-main h3 {
font-family: "Montserrat", sans-serif;
font-size: 2.5vw;
font-weight: 100;
color: #000;
text-align: center;
margin-bottom: 0vw;
padding-left: 10%;
padding-right: 10%;
line-height: 1.4em
}
.properties-home-main h3 span {
font-weight: 300;
font-family: "Montserrat", sans-serif;
font-style: italic;
color: #5f5752
}
.properties-home-main p {
font-family: "Montserrat", sans-serif;
font-size: 1.3vw;
color: #000;
text-align: center;
line-height: 1.5em;
padding-bottom: 2vw;
font-weight: 300;
}
.properties-home-main p a {
color: #000;
text-decoration: none;
}
properties-home-main a:hover {
color: #fff;
text-decoration: none;
}
.infrastructure-home-main {
width: 97%;
margin: 0 auto;
padding: 3em;
padding-bottom: 0
}
.infrastructure-home-main h1 {
font-family: "Montserrat", sans-serif;
font-size: 2.5vw;
font-weight: 300;
color: #000;
text-transform: none;
text-align: center;
margin-top: 0
}
.infrastructure-home-main h1 span {
font-weight: 700
}
.infrastructure-home-main h2 {
font-family: "Montserrat", sans-serif;
font-size: 1.3vw;
color: #444;
text-align: center;
padding-bottom: 2vw;
padding-top: 0;
margin-top: 0
}
.infrastructure-home-main h3 {
font-family: "Montserrat", sans-serif;
font-size: 1.8vw;
font-weight: 100;
color: #000;
text-align: center;
margin-bottom: 1.5vw;
padding-left: 2%;
padding-right: 2%;
line-height: 1.4em
}
.infrastructure-home-main h3 span {
font-weight: 300;
font-family: "Montserrat", sans-serif;
font-style: italic;
color: #5f5752
}
.infrastructure-home-main p {
font-family: "Montserrat", sans-serif;
font-size: 1.6vw;
color: #000;
padding-left: 8vw;
padding-right: 8vw;
padding-top: 1vw;
padding-bottom: 0;
text-align: center;
line-height: 1.5em
}
.infrastructure-home-main p span {
font-size: 1.8vw;
font-weight: 300;
font-family: "Montserrat", sans-serif;
font-style: italic;
color: #5f5752
}
.properties-small {
width: 100%;
margin: 0 auto;
padding: 1.9vw;
padding-top: 1vw;
padding-bottom: 2vw;
background-color:#f4f4f4
}
.properties-small h3 {
font-size: 1.9vw;
font-weight: 400;
font-family: "Montserrat", sans-serif;
color: #605e5e;
text-align: center;
margin-bottom: 1vw
}
.contact-form-main {
width: 100%;
margin-top: 0
}
.contact-form-main-left {
width: 100%;
text-align: center;
padding-top: 5vw;
background-color: #e9e7de;
}
.contact-form-main-left h1 {
font-family: "Montserrat", sans-serif;
color: #000;
font-size: 2.5vw
}
.contact-form-main-left h1 span {
font-weight: 700
}
.contact-form-main-left h3 {
font-family: "Montserrat", sans-serif;
color: #000;
font-size: 1.5vw;
font-weight: 300
}
.contact-form-main-left p {
font-family: "Poppins", sans-serif;
color: #000;
line-height:1.6em;
}
.contact-form-main-left p a {
color: #000;
}
.contact-form-main-left p a:hover {
color: #222
}
.contact-form-main-right {
width: 100%
}
.social-icon {
padding-bottom: 0vw;
padding-top: 0vw
}
.social-icon li i {
font-size: 1.4vw;
color: #bcbcbc
}
.social-icon li i:hover {
color: #fff
}
.social-icon li {
list-style: none;
padding:2px;
display: inline-block;
font-size:20px;
}
.social-icon1 {
padding-bottom: 1vw;
padding-top: 1vw
}
.social-icon1 li i {
font-size: 1.8vw;
color: #ccc;
}
.social-icon1 li i:hover {
color: #646464
}
.social-icon1 li {
list-style: none;
padding:2px;
display: inline-block
}
.abtimg img {
padding: 1vw;
box-shadow: 0 0 5px rgba(0, 0, 0, .2);
background: #fff
}
.products-section {
padding: 4vw 4vw 3vw 4vw;
position: relative
}
.products-header-content h1 {
font-family: "Montserrat", sans-serif;
font-size: 2.5vw;
font-weight: 300;
color: #000;
text-align: center;
margin-top: 0;
padding-top: 0
}
.products-header-content h1 span {
font-weight: 700
}
.products-header-content p {
font-family: "Montserrat", sans-serif;
font-size: 1.3vw;
color: #000;
padding-left: 7vw;
padding-right: 7vw;
text-align: center;
line-height: 1.5em;
padding-bottom: 2vw;
font-weight: 300
}
.products-header-content p span {
font-size: 1.5vw;
font-weight: 300;
font-family: "Montserrat", sans-serif;
font-style: italic;
color: #5f5752
}
.products {
width: 100%;
background-color: #fff;
padding: 0;
box-shadow: 0 0 5px rgba(0, 0, 0, .2);
margin-bottom: 2vw
}
.products:hover {
background-color: #fcf7f4
}
.products:hover: .products-title h2:hover {
color: #fff !important
}
.products img {
width: 100% !important;
max-width: 100%
}
.products-title {
padding: 1.5vw;
padding-top: 1vw;
padding-bottom: 1vw
}
.products-title h2 {
font-family: "Montserrat", sans-serif;
font-size: 1.5vw;
line-height: 1.4em;
font-weight: 500;
color: #000;
text-transform: none;
text-transform: uppercase;
padding-top: .7vw;
margin-top: 0
}
.products-title h2 span {
font-weight: 700
}
.products-title h3 {
font-family: "Montserrat", sans-serif;
font-size: 1.1vw;
letter-spacing: .1vw;
text-transform: uppercase;
margin-bottom: 1.5vw;
color: #747474;
font-weight: 600;
text-align: left;
padding-top: 1vw
}
.products-title h3 span {
background: #00a3eb;
content: "";
display: block;
height: .2vw;
margin: .5vw 0 0 0;
position: initial;
width: 4vw
}
.products-title p {
font-family: "Montserrat", sans-serif;
font-size: 1.1vw;
line-height: 1.5em;
font-weight: 300;
color: #000;
text-transform: none;
padding-top: 0;
padding-left: 0;
text-align: left
}
hr.seperator {
border-top: .1vw solid #dad4d1;
padding-bottom: 2vw
}
.clients-section {
padding: 4vw;
position: relative;
width: 100%
}
.clients-header-content h1 {
font-family: "Montserrat", sans-serif;
font-size: 2.5vw;
font-weight: 300;
color: #000;
text-align: center;
margin-top: 0;
padding-top: 0
}
.clients-header-content h1 span {
font-weight: 700
}
.clients-header-content p {
font-family: "Montserrat", sans-serif;
font-size: 1.3vw;
color: #000;
padding-left: 8vw;
padding-right: 8vw;
text-align: center;
line-height: 1.5em;
padding-bottom: 2vw;
font-weight: 300
}
.clients-header-content p span {
font-size: 1.5vw;
font-weight: 300;
font-family: "Montserrat", sans-serif;
font-style: italic;
color: #5f5752
}
.clients-logo {
border: .1vw solid #dad4d1;
padding-right: 0 !important;
padding-left: 0 !important;
border-bottom: 0
}
.clients-logo ul {
padding: 0;
margin: 0
}
.clients-logo li {
width: 12.5%;
padding: 0;
float: left;
border-right: .1vw solid #dad4d1;
border-bottom: .1vw solid #dad4d1;
list-style: none
}
.clients-logo img {
width: 100% !important
}
.clients-logo li:nth-child(8) {
border-right: 0
}
.clients-logo li:nth-child(16) {
border-right: 0
}
.clients-logo li:nth-child(24) {
border-right: 0
}
.clients-logo li:nth-child(32) {
border-right: 0
}
.clients-logo li:nth-child(40) {
border-right: 0
}
.clients-logo li:nth-child(48) {
border-right: 0
}
.footer {
background-color: #e9e7de;
padding: 10px
}
.footer-left {
margin-left: 1vw
}
.footer-right {
margin-right: 1vw
}
.monogram {
float: left;
width: 3%;
height: auto
}
.monogram img {
width: 100%;
height: 100%
}
.weblink {
font-family: Poppins, sans-serif;
font-size: 13px;
color: #000;
float: left;
margin-left: .5vw;
text-decoration: none
}
.weblink a {
font-weight: 600;
color: #000
}
.weblink a:hover {
font-weight: 600;
color: #222
}
.copyright {
font-family: Poppins, sans-serif;
font-size: 13px;
float: right;
color: #000;
}
.mobile-menu {
display: none
}
@media only screen and (min-width :1281px) and (max-width :1920px) {
.img-center {
margin-left: 10em
}
.desktop-show {
display: block
}
.mobile-show {
display: none
}
.weblink {
font-size: .8vw
}
.copyright {
font-size: .8vw
}
}
@media only screen and (min-width :1026px) and (max-width :1280px) {
.carousel-indicators {
left: 0!important;
width: 100%!important;
margin-left:0!important;
}
.img-center {
margin-left: 6em
}
.desktop-show {
display: block
}
.mobile-show {
display: none
}
}
@media only screen and (min-width :1024px) and (max-width :1025px) {
.img-center {
margin-left: 4.5em
}
.desktop-show {
display: block
}
.mobile-show {
display: none
}
}
@media only screen and (max-width:960px) {
.clients-logos h2 {
font-size: 1.5em
}
article {
float: none;
margin: 0 auto;
width: 96%
}
article:last-of-type {
margin-bottom: 3rem
}
aside {
float: none;
text-align: center;
width: 100%
}
}
@media only screen and (min-width :900px) and (max-width :1023px) {
.carousel-indicators {
left: 0!important;
width: 100%!important;
margin-left:0!important;
}
.properties-home-main p {
font-size: 17px;
}
.infrastructure-home-main p span {
font-size: 1.3em
}
.products-header-content p span {
font-size: 1.3em
}
.clients-header-content p span {
font-size: 1.3em
}
.inner-header-content p span {
font-size: 1.3em
}
.home-text p span {
font-size: 1.3em
}
.desktop-show {
display: block
}
.mobile-show {
display: none
}
.img-center {
margin-left: 0
}
.inner-scope h2 {
font-size: 1.5em
}
.inner-scope p {
font-size: 1.1em
}
.mobile-menu {
display: none
}
.home-text p {
font-size: 1em
}
.inner-header-content p {
font-size: 1em
}
.read {
font-size: 1em
}
.read1 {
font-size: .5em
}
.clients-logos p {
font-size: 1em
}
.properties-home-main h2 {
font-size: 1em
}
.portfolio-title h2 {
font-size: 1em
}
}
@media only screen and (min-width :768px) and (max-width :899px) {
.social-icon1 li i {
font-size: 3.8vw!important;
}
.border-img1 img {
width: 28%!important;
}
.contact-form-main-left {
padding-top: 14.2vw!important;
}
.border-bg1 {
height: 15.1vw;
}
.working-area .single-working-item .text-box h3 {
font-size: 5.5vw!important;
}
.working-area .single-working-item .text-box p {
font-size: 4.3vw!important;
}
.sec {
padding-top: 8vw!important;
padding-bottom: 8vw!important;
}
header.tr-header {
background: #fff;
margin-top: 0;
height: 16vw;
box-shadow: 0 3px 2px rgb(0 0 0 / 10%);
}
.mt-80 {
margin-top: 72px!important;
}
.carousel-indicators {
left: 0!important;
width: 100%!important;
margin-left:0!important;
}
.services2 .caption h4, .services2 .caption h4 a {
font-size: 5.5vw!important;
}
p {
font-size: 1em;
}
.read2 {
font-size: .9em;
padding: 0.7em 1em;
margin-top: 10px;
}
.properties-home-main p {
font-size: 17px;
}
.infrastructure-home-main p span {
font-size: 1.1em
}
.products-header-content p span {
font-size: 1.1em
}
.clients-header-content p span {
font-size: 1.1em
}
.inner-header-content p span {
font-size: 1.1em
}
.home-text p span {
font-size: 1.1em
}
.infrastructure-home-main {
padding: 2em
}
.infrastructure-home-main h1 {
font-size: 2em
}
.infrastructure-home-main h3 {
font-size: 1.2em
}
.infrastructure-home-main p {
font-size: 1em
}
.inner-scope {
width: 95%
}
.testimonial-section {
padding: 0
}
.testimonial-title h2 {
font-size: 1em
}
.desktop-show {
display: none
}
.mobile-show {
display: block
}
.img-center {
margin-left: -2.5em
}
.projects-top {
padding: 8em
}
.home-text h4 {
font-size: 1.3em
}
header.tr-header.sticky {
height: 14vw
}
.portfolio {
height: 47vw;
margin-bottom:20px;
}
.portfolio-title h2 {
font-size: 1.3em;
margin-top: 0.5em;
padding: 0.2em;
}
.inner-scope h2 {
font-size: 1.5em
}
.inner-scope p {
font-size: 1.1em
}
.topsection {
display: none
}
.mobile-menu {
display: block
}
.monogram {
display: none
}
.weblink {
padding-top: .4em;
padding-bottom: 0;
margin-left: 0;
margin-right: 0;
font-size: 1em;
font-weight: 300;
text-align: center;
float: inherit;
color: #fff
}
.weblink a {
font-size: .95em;
color: #fff
}
.copyright {
font-size: 1em;
text-align: center;
line-height: 1.5em;
font-weight: 300;
margin-left: 0;
margin-right: 0;
float: inherit;
color: #fff
}
.home-text p {
font-size: 1em
}
.inner-header-content p {
font-size: 1em
}
.read {
font-size: 1em
}
.read1 {
font-size: .5em
}
.clients-logos p {
font-size: 1em
}
.properties-home-main h2 {
font-size: 1em
}
.contact-form-main-left h3 {
font-size: 1.2em
}
.contact-form-main-left p {
font-size: 1em
}
.social-icon li i {
font-size: 2.5em
}
.home-text h3 {
font-size: 1.2em;
padding-left: 6%;
padding-right: 6%
}
.clients-logos h1 {
font-size: 2em
}
.clients-header-content h1 {
font-size: 2em
}
.clients-header-content p {
font-size: 1em;
padding-left: 1em;
padding-right: 1em
}
.products-header-content h1 {
font-size: 2em
}
.products-header-content p {
font-size: 1em;
padding-left: 1em;
padding-right: 1em
}
.products-title h2 {
font-size: 2em
}
.home-text h1 {
font-size: 2em
}
.about-text {
padding: 2vw;
padding-left: 0
}
.about-text p {
font-size: 1em
}
.about-text h2 {
font-size: 1.5em
}
.btn-booking {
font-size: 1em
}
.inner-header-content h1 {
font-size: 2em
}
.inner-header-content h2 {
font-size: 2em
}
.properties-home-main h3 {
font-size: 2em
}
.properties-home-main {
padding: 2em
}
.clients-logos ul {
padding: 0;
margin: 0
}
.clients-logos li {
width: 25%
}
.properties-small h3 {
font-size: 1.3em;
line-height: 1.2em
}
.scope-work h1 {
font-size: 2em
}
}
@media only screen and (min-width :600px) and (max-width :767px) {
.social-icon1 li i {
font-size: 5.8vw!important;
}
.border-img1 img {
width: 28%!important;
}
.contact-form-main-left {
padding-top: 14.2vw!important;
}
.border-bg1 {
height: 15.1vw;
}
.working-area .single-working-item .text-box h3 {
font-size: 5.5vw!important;
}
.working-area .single-working-item .text-box p {
font-size: 4.3vw!important;
}
.sec {
padding-top: 8vw!important;
padding-bottom: 8vw!important;
}
header.tr-header {
background: #fff;
margin-top: 0;
height: 16vw;
box-shadow: 0 3px 2px rgb(0 0 0 / 10%);
}
.mt-80 {
margin-top: 72px!important;
}
.carousel-indicators {
left: 0!important;
width: 100%!important;
margin-left:0!important;
}
.services2 .caption h4, .services2 .caption h4 a {
font-size: 5.5vw!important;
}
p {
font-size: 1.3em!important;
}
.read2 {
font-size: .9em;
padding: 0.7em 1em;
margin-top: 10px;
}
.properties-home-main p {
font-size: 17px;
}
.infrastructure-home-main p span {
font-size: 1.1em
}
.products-header-content p span {
font-size: 1.1em
}
.clients-header-content p span {
font-size: 1.1em
}
.inner-header-content p span {
font-size: 1.1em
}
.home-text p span {
font-size: 1.1em
}
.infrastructure-home-main {
padding: 2em
}
.infrastructure-home-main h1 {
font-size: 2em
}
.infrastructure-home-main h3 {
font-size: 1.2em
}
.infrastructure-home-main p {
font-size: 1em;
padding-left: 2%;
padding-right: 2%
}
.inner-scope {
width: 95%
}
.testimonial-section {
padding: 0
}
.testimonial-title h2 {
font-size: 1em
}
.desktop-show {
display: none
}
.mobile-show {
display: block
}
.img-center {
margin-left: -2.1em
}
.projects-top {
padding: 7em
}
.home-text h4 {
font-size: 1.3em
}
header.tr-header.sticky {
height: 16vw
}
.portfolio {
height: 68vw;
margin-bottom:20px;
}
.portfolio-title h2 {
font-size: 1.3em;
margin-top: 0.5em;
padding: 0.2em;
}
.scope-work h1 {
font-size: 2em
}
.inner-scope h2 {
font-size: 1.5em
}
.inner-scope p {
font-size: 1.1em
}
.topsection {
display: none
}
.mobile-menu {
display: block
}
.monogram {
display: none
}
.weblink {
padding-top: .1em;
padding-bottom: 0;
margin-left: 0;
margin-right: 0;
font-size: 1em;
font-weight: 300;
text-align: center;
float: inherit;
color: #fff
}
.weblink a {
font-size: .95em;
color: #fff
}
.copyright {
font-size: 1em;
text-align: center;
line-height: 1.5em;
font-weight: 300;
margin-left: 0;
margin-right: 0;
float: inherit;
color: #fff
}
.home-text p {
font-size: 1em
}
.inner-header-content p {
font-size: 1em
}
.read {
font-size: 1em
}
.read1 {
font-size: .5em
}
.clients-logos p {
font-size: 1em
}
.properties-home-main h2 {
font-size: 1em
}
.contact-form-main-left h3 {
font-size: 1.2em
}
.contact-form-main-left p {
font-size: 1em
}
.social-icon li i {
font-size: 2.5em
}
.home-text h3 {
font-size: 1.2em;
padding-left: 6%;
padding-right: 6%
}
.clients-logos h1 {
font-size: 2em
}
.clients-header-content h1 {
font-size: 2em
}
.clients-header-content p {
font-size: 1em;
padding-left: 1em;
padding-right: 1em
}
.products-header-content h1 {
font-size: 2em
}
.products-header-content p {
font-size: 1em;
padding-left: 1em;
padding-right: 1em
}
.products-title h2 {
font-size: 2em
}
.home-text h1 {
font-size: 2em
}
.about-text {
padding: 2vw;
padding-left: 0
}
.about-text p {
font-size: 1em
}
.about-text h2 {
font-size: 1.5em
}
.btn-booking {
font-size: 1em
}
.inner-header-content h1 {
font-size: 2em
}
.inner-header-content h2 {
font-size: 2em
}
.properties-home-main h3 {
font-size: 2em
}
.properties-home-main {
padding: 2em
}
.clients-logos ul {
padding: 0;
margin: 0
}
.clients-logos li {
width: 25%
}
.properties-small h3 {
font-size: 1.3em;
line-height: 1.2em
}
}
@media only screen and (min-width :480px) and (max-width :599px) {
.social-icon1 li i {
font-size: 5.8vw!important;
}
.border-img1 img {
width: 28%!important;
}
.contact-form-main-left {
padding-top: 14.2vw!important;
}
.border-bg1 {
height: 15.1vw;
}
.working-area .single-working-item .text-box h3 {
font-size: 5.5vw!important;
}
.working-area .single-working-item .text-box p {
font-size: 4.3vw!important;
}
.sec {
padding-top: 8vw!important;
padding-bottom: 8vw!important;
}
header.tr-header {
background: #fff;
margin-top: 0;
height: 16vw;
box-shadow: 0 3px 2px rgb(0 0 0 / 10%);
}
.mt-80 {
margin-top: 72px!important;
}
.carousel-indicators {
left: 0!important;
width: 100%!important;
margin-left:0!important;
}
.services2 .caption h4, .services2 .caption h4 a {
font-size: 5.5vw!important;
}
p {
font-size: 1.1em!important;
}
.read2 {
font-size: .9em;
padding: 0.7em 1em;
margin-top: 10px;
}
.properties-home-main p {
font-size: 17px;
}
.infrastructure-home-main p span {
font-size: 1.1em
}
.products-header-content p span {
font-size: 1.1em
}
.clients-header-content p span {
font-size: 1.1em
}
.inner-header-content p span {
font-size: 1.1em
}
.home-text p span {
font-size: 1.1em
}
.infrastructure-home-main {
padding: 2em
}
.infrastructure-home-main h1 {
font-size: 2em;
margin-bottom: 0
}
.infrastructure-home-main h3 {
font-size: 1.2em;
margin-top: .5em
}
.infrastructure-home-main p {
font-size: 1em;
padding-left: 2%;
padding-right: 2%
}
.inner-scope {
width: 95%
}
.testimonial-section {
padding: 0
}
.testimonial-title h2 {
font-size: 1em
}
.desktop-show {
display: none
}
.mobile-show {
display: block
}
.img-center {
margin-left: -2.1em
}
.projects-top {
padding: 5em
}
.home-text h4 {
font-size: 1em
}
header.tr-header.sticky {
height: 16vw
}
.inner-scope {
width: 94%
}
.scope-work h1 {
font-size: 2em
}
.inner-scope h2 {
font-size: 1.5em
}
.inner-scope p {
font-size: 1.1em
}
.topsection {
display: none
}
.mobile-menu {
display: block
}
.monogram {
display: none
}
.weblink {
padding-top: .2em;
padding-bottom: 0;
margin-left: 0;
margin-right: 0;
font-size: 1em;
font-weight: 300;
text-align: center;
float: inherit;
color: #fff
}
.weblink a {
font-size: .95em;
color: #fff
}
.copyright {
font-size: 1em;
text-align: center;
line-height: 1.5em;
font-weight: 300;
margin-left: 0;
margin-right: 0;
float: inherit;
color: #fff
}
.home-text p {
font-size: 1em
}
.inner-header-content p {
font-size: 1em
}
.read {
font-size: 1em
}
.read1 {
font-size: .5em
}
.clients-logos p {
font-size: 1em
}
.properties-home-main h2 {
font-size: 1em
}
.portfolio {
height: 68vw;
margin-bottom:20px;
}
.portfolio-title h2 {
font-size: 1.3em;
margin-top: 0.5em;
padding: 0.2em;
}
.contact-form-main-left h3 {
font-size: 1.2em
}
.contact-form-main-left p {
font-size: 1em
}
.social-icon li i {
font-size: 1.8em
}
.home-text h3 {
font-size: 1.2em;
padding-left: 6%;
padding-right: 6%
}
.clients-logos h1 {
font-size: 2em
}
.clients-header-content h1 {
font-size: 2em
}
.clients-header-content p {
font-size: 1em;
padding-left: 1em;
padding-right: 1em
}
.products-header-content h1 {
font-size: 2em
}
.products-header-content p {
font-size: 1em;
padding-left: 1em;
padding-right: 1em
}
.products-title h2 {
font-size: 2em
}
.home-text h1 {
font-size: 1.5em
}
.about-text {
padding: 2vw;
padding-left: 0
}
.about-text p {
font-size: 1em
}
.about-text h2 {
font-size: 1.5em
}
.btn-booking {
font-size: 1em
}
.inner-header-content h1 {
font-size: 2em
}
.inner-header-content h2 {
font-size: 2em
}
.properties-home-main h3 {
font-size: 2em
}
.properties-home-main {
padding: 2em
}
.clients-logos ul {
padding: 0;
margin: 0
}
.clients-logos li {
width: 25%
}
.properties-small h3 {
font-size: 1.3em;
line-height: 1.2em
}
}
@media only screen and (min-width :320px) and (max-width :479px) {
.social-icon1 li i {
font-size: 5.8vw!important;
}
.carousel-indicators {
left: 0!important;
width: 100%!important;
margin-left:0!important;
}
.properties-home-main p {
font-size: 17px;
}
.infrastructure-home-main p span {
font-size: 1.1em
}
.products-header-content p span {
font-size: 1.1em
}
.clients-header-content p span {
font-size: 1.1em
}
.home-text p span {
font-size: 1.1em
}
.inner-header-content p span {
font-size: 1.1em
}
.infrastructure-home-main {
padding: 2em
}
.infrastructure-home-main h1 {
font-size: 2em;
margin-bottom: 0
}
.infrastructure-home-main h3 {
font-size: 1.2em;
margin-top: .5em
}
.infrastructure-home-main p {
font-size: 1em;
padding-left: 2%;
padding-right: 2%
}
.inner-scope {
width: 95%
}
.testimonial-section {
padding: 0
}
.testimonial-title h2 {
font-size: 1em
}
.desktop-show {
display: none
}
.mobile-show {
display: block
}
.img-center {
margin-left: -2.1em
}
.projects-top {
padding: 5em
}
.home-text h4 {
font-size: 1em
}
header.tr-header.sticky {
height: 21vw
}
.portfolio {
height: 130vw;
margin-bottom: 20px;
}
.inner-scope {
width: 94%
}
.scope-work h1 {
font-size: 2em
}
.inner-scope h2 {
font-size: 1.5em
}
.inner-scope p {
font-size: 1.1em
}
.topsection {
display: none
}
.mobile-menu {
display: block
}
.border-img1 img {
width: 28%!important;
}
.contact-form-main-left {
padding-top: 14.2vw!important;
}
.border-bg1 {
height: 15.1vw;
}
.working-area .single-working-item .text-box h3 {
font-size: 5.5vw!important;
}
.working-area .single-working-item .text-box p {
font-size: 4.3vw!important;
}
.services2 .caption h4, .services2 .caption h4 a {
font-size: 5.5vw!important;
}
p {
font-size: 1em!important;
}
.read2 {
font-size: .9em;
padding: 0.7em 1em;
margin-top: 10px;
}
.monogram {
display: none
}
.weblink {
padding-top: .2em;
padding-bottom: 0;
margin-left: 0;
margin-right: 0;
font-size: 1em;
font-weight: 300;
text-align: center;
float: inherit;
color: #fff
}
.weblink a {
font-size: .95em;
color: #fff
}
.copyright {
font-size: 1em;
text-align: center;
line-height: 1.5em;
font-weight: 300;
margin-left: 0;
margin-right: 0;
float: inherit;
color: #fff
}
.home-text p {
font-size: 1em
}
.inner-header-content p {
font-size: 1em;
padding-left: 0;
padding-right: 0
}
.read {
font-size: .9em;
padding: .7em 1em
}
.read1 {
font-size: .7em;
padding: .7em 1em
}
.clients-logos p {
font-size: 1em
}
.properties-home-main h2 {
font-size: 1em
}
.portfolio-title h2 {
font-size: 1.3em;
margin-top: 0.5em;
padding: 0.2em;
}
.portfolio1-title h2 {
font-size: .9em
}
.contact-form-main-left h3 {
font-size: 1.5em
}
.contact-form-main-left p {
font-size: 1.2em;
padding-left: 2%;
padding-right: 2%
}
.social-icon li i {
font-size: 1.5em
}
.home-text h3 {
font-size: 1.2em;
padding-left: 6%;
padding-right: 6%
}
.clients-logos h1 {
font-size: 2em
}
.clients-header-content h1 {
font-size: 2em
}
.clients-header-content p {
font-size: 1em;
padding-left: 1em;
padding-right: 1em
}
.products-header-content h1 {
font-size: 2em
}
.products-header-content p {
font-size: 1em;
padding-left: 1em;
padding-right: 1em
}
.products-title h2 {
font-size: 1.3em
}
.home-text h1 {
font-size: 1.5em
}
.about-text {
padding: 2vw;
padding-left: 0
}
.about-text p {
font-size: 1em
}
.about-text h2 {
font-size: 1.5em
}
.btn-booking {
font-size: 1em
}
.inner-header-content h1 {
font-size: 2em
}
.inner-header-content h2 {
font-size: 2em
}
.sec {
padding-top: 8vw!important;
padding-bottom: 8vw!important;
}
header.tr-header {
background: #fff;
margin-top: 0;
height: 21vw;
box-shadow: 0 3px 2px rgb(0 0 0 / 10%);
}
.properties-home-main h3 {
font-size: 2em
}
.properties-home-main {
padding: 1em
}
.clients-logos ul {
padding: 0;
margin: 0
}
.clients-logos li {
width: 25%
}
.properties-small h3 {
font-size: 1.2em;
line-height: 1.2em;
padding-bottom: .5em;
margin-top: .5em
}
.clients-logo li {
width: 25%
}
.border-bg {
height: 5.5vw
}
.border-img img {
width: 25%
}
.properties-small {
padding: 1em;
padding-bottom: 2em
}
}


/* gallery home */

@media (max-width: 1920px) {
.container {
width: 1700px;
}
}
@media (max-width: 1600px) {
.container {
width: 1500px;
}
}
@media (max-width: 1300px) {
.container {
width: 1260px;
}
}
.mt-80 {
margin-top:80px;
}
.mt-5 {
margin-top:100px;
}
.sec {
padding-top: 4vw;
padding-bottom: 4vw;
}
.gal-home {
position: relative;
letter-spacing: 1px;
overflow: hidden;
border: 4px solid rgba(0, 0, 0, 0);
margin-bottom: 0;
}
.gal-home:hover img {
width: 100%;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3 ease-in-out;
}
.gal-home img {
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
padding-bottom:17px;
}
.gal-home .hovereffect {
width: 100%;
height: auto;
float: left;
position: relative;
text-align: center;
cursor: pointer;
}
.gal-home .hovereffect .overlay {
position: absolute;
color: #fff;
background-color: #fff;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
justify-content: center;
align-items: center;
top: 45%;
left: 20%;
right: 20%;
padding-left: 10px;
padding-right: 10px;
padding-top:13px;
padding-bottom:13px;
}
.gal-home .hovereffect:hover .overlay {
opacity: 1;
}
.gal-home .hovereffect .overlay h3 {
font-family: "Montserrat", sans-serif;
color:#000;
font-size: 0.9vw!important;
font-weight: 400;
margin-top: 0px;
margin-bottom: 0px;
}
.gal-home .hovereffect .overlay p {
color:#000;
font-size: 1.1vw;
line-height: 1.5em;
font-weight: 400;
margin: 0 auto!important;
letter-spacing:0px;
}
/* gallery home end */





/*** 
=============================================
Working Area style
=============================================
***/

.working-area .sec-title {
padding: 0 165px 40px;
}
.working-area .sec-title p {
font-size: 18px;
line-height: 32px;
margin: 16px 0 0px;
}
.working-area .single-working-item {
padding-bottom: 40px;
}
.working-area .single-working-item .icon-box {
background: #fff none repeat scroll 0 0;
border: 1px solid #f7f7f7;
border-radius: 50%;
display: block;
height: 180px;
padding: 9px;
position: relative;
width: 180px;
margin: 0 auto;
transition: all 500ms ease;
}
.working-area .single-working-item .icon-box .icon {
background: #f7f7f7 none repeat scroll 0 0;
border-radius: 50%;
display: block;
height: 160px;
width: 160px;
text-align: center;
line-height: 160px;
color: #d5ac63;
font-size: 50px;
transition: all 500ms ease;
}
.working-area .single-working-item .icon-box .icon img {
height: 125px;
width: 125px;
}
.working-area .single-working-item .icon-box .icon span:before {
font-size: 50px;
}
.working-area .single-working-item .icon-box .count {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #f7f7f7;
border-radius: 50%;
display: block;
height: 45px;
left: 5px;
position: absolute;
text-align: center;
top: 10px;
width: 45px;
transition: all 500ms ease;
}
.working-area .single-working-item .icon-box .count h3 {
color: #252525;
font-size: 18px;
line-height: 0px;
font-weight: 700;
transition: all 500ms ease;
}
.working-area .single-working-item .text-box {
}
.working-area .single-working-item .text-box h3 {
font-family: "Montserrat", sans-serif;
color: #000;
font-size: 1.5vw;
font-weight: 700;
margin: 21px 0 9px;
}
.working-area .single-working-item .text-box p {
font-family: "Montserrat", sans-serif;
font-size: 1.3vw;
color: #000;
text-align: center;
line-height: 1.5em;
}
.working-area .single-working-item:hover .icon-box {
background: #bbb;
}
.working-area .single-working-item:hover .icon-box .count {
background: #000;
}
.working-area .single-working-item:hover .icon-box .count h3 {
color: #fff;
}
.section-padding {
padding: 50px 0px 40px 0px;
}
.services2 {
position: relative;
margin-bottom: 30px;
}
.services2:last-child {
margin-bottom: 15px;
}
.services2 figure {
margin: 0;
position: relative;
width: 60.666667%;
margin-left: auto;
}
.services2 figure img {
max-width: 100%;
}
.services2.left figure {
margin-left: 0;
margin-right: auto;
}
.services2.left figure img {
max-width: 100%;
}
.services2 .caption {
background: #000;
position: absolute;
left: 0;
top: 50%;
width: 50%;
padding: 4% 4% 4% 0;
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.services2.left .caption {
left: auto;
right: 0;
background: #fff;
padding: 4% 0 4% 4%;
}
.services2 .caption.padding-left {
padding-left: 4%;
}
.services2.left .caption.padding-left {
background:#000;
padding-right: 4%;
}
.services2 .caption h4, .services2 .caption h4 a {
font-family: "Montserrat", sans-serif;
font-size: 2.5vw;
font-weight: 300;
color: #fff;
text-align: left;
margin-bottom: 10px;
margin-top: 0;
}
.caption h4 a p {
font-family: "Montserrat", sans-serif;
font-size: 1.3vw;
color: #fff;
padding-top: 0.6vw;
padding-bottom: 0.6vw;
}
.services2 .caption h3, .services2 .caption h3 a {
font-family: 'Outfit', sans-serif;
font-size: 12px;
color: #0e172e;
margin-bottom: 5px;
font-weight: 300;
letter-spacing: 4px;
text-transform: uppercase;
}
.services2 .caption h3 span {
color: #1b1b1b;
}
.services2 .caption .info-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 991.98px) {
.services2 figure {
width: auto;
margin: 0;
}
.services2 .caption {
position: relative;
left: 0;
top: 0;
width: auto;
padding: 30px 20px;
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.image-container {
  max-width: 400px;
  width: 100%;
  max-height: 750px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all .3s;
}

/* Border Lines */
.first-line, .second-line, .third-line, .fourth-line {
  position: absolute;
  background-color: #003469; /* BLUE */
  transition: width .2s, height .2s;
  z-index: 3;
}
div.image-container:hover img {
  transform: scale(1);
}
.first-line { left: 0; top: 10px; width: 0; height: 1px; }
.second-line { right: 10px; top: 0; height: 0; width: 1px; }
.third-line { right: 0; bottom: 10px; width: 0; height: 1px; }
.fourth-line { bottom: 0; left: 10px; height: 0; width: 1px; }

/* White Transparent Overlay */
.overlay1 {
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
  background-color: transparent;
  transition: all .3s;
  z-index: 2;
}

/* Center Text */
.caption {
  position: absolute;
  z-index: 4;
  color: #003469;        /* BLUE TEXT */
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 4px;
  text-transform: uppercase;
  opacity: 0;
  transition: all .3s;
  font-family: "Montserrat", sans-serif;
}

/* Hover Animations */
.image-container:hover .first-line { width: 100%; transition-delay: 0; }
.image-container:hover .second-line { height: 100%; transition-delay: .2s; }
.image-container:hover .third-line { width: 100%; transition-delay: .4s; }
.image-container:hover .fourth-line { height: 100%; transition-delay: .6s; }

.image-container:hover .overlay1 {
  background: rgba(255,255,255,.9);
}

.image-container:hover .caption {
display:inline-block;
transition: opacity 0.1s ease, transform 0.99s ease;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 1;
}
@media (max-width: 991.98px) {
.pad {
padding: 0em 0em!important;
}
.pad1 {
padding: 0em 2em!important;
}
.gal-home .hovereffect .overlay h3 {
font-size: 14px!important;
}
.logo-holder {
margin-left: -2em;
margin-top: -3em;
width: 12%;
}
.weblink {
font-size: 16px;
color: #000
}
.weblink a {
color: #000
}
.copyright {
font-size: 16px;
color: #000
}
.gal-home {
margin-bottom:0;
}
}
@media (max-width: 415.98px) {
.logo-holder {
margin-left: -8em;
margin-top: -2.2em;
width: 15%;
}
.pad {
padding: 0em 0em!important;
}
}
/* ===================== Process Timeline (inherits site font) ===================== */
#process-timeline {
  --accent: #ff7a45;          /* orange accent like Image 2 */
  --line: linear-gradient(180deg, #ff7a45, #b85a45);
  --card-bg: #ffffff;
  --card-radius: 18px;
  font-family: inherit;
}

#process-timeline .timeline {
  position: relative;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px 50px;
  padding: 10px 0;
}

/* Central vertical line */
/*#process-timeline .timeline::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 1px;
  height: 100%;
  background: #b7b7b7;
  border-radius: 0px;
  opacity: .85;
}*/

/* Each item alternates automatically via grid placement */
#process-timeline .timeline-item:nth-child(odd) { grid-column: 1; }
#process-timeline .timeline-item:nth-child(even){ grid-column: 2; }

#process-timeline .timeline-card {
  position: relative;
  background: var(--card-bg);
  border-radius: var(--card-radius);
  box-shadow: var(--shadow);
  padding: 28px 28px 24px;
    border:1px solid #cfcfcf;
}

/* The small top dot aligned to the center line (Image 2 detail) */
/*#process-timeline .timeline-card::before {
  content: "";
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  width: 25px;
  height: 25px;
  background: #fff;
  border: 5px solid #cfcfcf;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0,0,0,.08);
}*/

/* Subtle connector shadow under the card (Image 2 vibe) */
#process-timeline .timeline-card::after {
  content: "";
  position: absolute;
  inset: auto 16px -10px 16px;
  height: 16px;
  filter: blur(10px);
  border-radius: 20px;
  left:-3%;
}

/* Step pill */
#process-timeline .timeline-step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: transparent;
  color: #5d5d5d;
  font-weight: 700;
  margin-bottom: 10px;
  border:1px solid #5d5d5d;
}

/* Titles & lists */
#process-timeline .timeline-title {
  margin: 6px 0 8px;
  font-weight: 400;
    font-size:1.4em;
}

#process-timeline .timeline-list {
  margin: 0;
  padding-left: 18px;
  color: #5f6368;
  line-height: 1.4;
  font-size:1.1em;
}

#process-timeline .timeline-list li + li { margin-top: 4px; }

/* ---------- Responsive ---------- */
@media (max-width: 992px) {
	#process-timeline .timeline {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  #process-timeline .timeline::before {
    left: 0;                       /* move line to the left on mobile */
    transform: none;
  }
  #process-timeline .timeline-item { grid-column: 1; }
  #process-timeline .timeline-card {
    padding-left: 35px;               /* space for the line */
  }
  #process-timeline .timeline-card::before {
    left: 0px;                       /* align dot with the line */
    transform: translateX(-50%);
  }
  #process-timeline .timeline-item:nth-child(2n+1) {
  grid-column: 2;
}
}
@media (max-width: 414px) {
  #process-timeline .timeline {
    grid-template-columns: 1fr;
    gap: 5px;
  }
  #process-timeline .timeline::before {
    left: 20px;                       /* move line to the left on mobile */
    transform: none;
  }
  #process-timeline .timeline-item { grid-column: 1; }
  #process-timeline .timeline-card {
    padding-left: 40px;               /* space for the line */
  }
  #process-timeline .timeline-card::before {
    left: -17px;                       /* align dot with the line */
    transform: translateX(-50%);
  }
  #process-timeline .timeline-item:nth-child(2n+1) {
  grid-column: 2;
}
}
/* ===== Services block ===== */
.services-block { background:#fff; }
.services-hero-img {
  width:100%;
  height:auto;
  display:block;
  border-radius:8px;
  object-fit:cover;
}
.services-intro p { color:#555; }

.services-grid {
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px 18px;
  align-items: stretch;
  justify-items: center;
}

.service-item {
  text-align:center;
  padding:44px 16px;
  border:1px solid #eee;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  width:100%;
  background:#fff;
}

.service-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
  border-color:#e5e5e5;
}

.service-ico {
  width:82px;
  height:82px;
  margin:0 auto 12px;
  display:grid;
  place-items:center;
/*  border:1px solid #ddd;
  border-radius:16px;*/
}

.service-ico i {
  font-size:34px;
  color:#9aa0a6; /* subtle grey to mimic thin-line icons */
}

.service-label {
  font-size:1.5rem;
  font-weight:300;
  letter-spacing:.02em;
  color:#1f1f1f;
}
.service-ico .svg-inline--fa {
  font-size: 70px!important;
  color:#CCC;
}
/* Breakpoints */
@media (min-width: 576px) {
  .services-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 992px) {
  .services-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 1399px) {
  .services-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1400px) {
  .services-grid { grid-template-columns: repeat(5, 1fr); }
}


/* SERVICES GRID */
.services-grid{
display: grid;
/*  grid-template-columns: repeat(3, 1fr);
gap: 30px;*/
justify-content: center;
margin:0 auto;
}
.services-grid > .service-item{
  justify-self: center;
}
/* SERVICE CARD */
.service-item{
  padding: 30px 25px;
  border: 1px solid #e5e5e5;
  text-align: center;
  transition: all 0.3s ease;
  background: #fff;
}

.service-item:hover{
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  transform: translateY(-5px);
}

.service-ico img{
  max-width: 70px;
  margin-bottom: 15px;
}

.service-label {
	font-family: "Montserrat", sans-serif;
  font-size: 14px;
  letter-spacing: 1.5px;
  font-weight: 600;
  color: #777;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.service-item h5{
	font-family: "Lato", sans-serif;
  font-size: 18px;
  margin-bottom: 12px;
  font-weight: 600;
}

.service-item p{
  font-size: 14px;
  line-height: 1.6;
  color: #555;
}

/* TABLET */
@media (max-width: 991px){
  .services-grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

/* MOBILE */
@media (max-width: 575px){
  .services-grid{
    grid-template-columns: 1fr;
  }

  .service-item{
    padding: 25px 20px;
  }
}


/* Ensure all service items have the same height */
.process {
	
  padding-top: 50px;
  padding-bottom: 50px;
}

.process h3 {
  font-size: 2rem;
  color: #333;
}

.process p {
  font-size: 1.125rem;
  color: #666;
  max-width: 800px;
  margin: 0 auto 20px auto;
}

/* Flexbox ensures equal height for all columns */
.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.service-item {
  display: flex;
  flex-direction: column; /* Ensures the content is stacked vertically */
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%; /* Ensures the items stretch to fill available height */
}

.service-item:hover {
  transform: translateY(-10px);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.service-ico img {
  width: 70px;
  height: 70px;
  margin-bottom: 20px;
  object-fit: contain;
}

.service-item h3 {
	font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  margin-bottom: 10px;
  font-weight:700;
}

.service-item span {
	font-family: "Lato", sans-serif;
  display: block;
  font-size: 1.2rem;
  color: #555;
  margin-bottom: 15px;
  line-height:1.2em;
}

.service-item p {
  font-size: 0.95rem;
  color: #555;
  flex-grow: 1; /* Ensures the paragraph takes up available space and pushes the footer to the bottom */
}

@media (max-width: 1024px) and (max-width: 1399px) {
.service-item {
	width:100%;
	float:left;
}
}
/* Responsive styling */
@media (max-width: 768px) {
  .process .row {
    margin-left: 0;
    margin-right: 0;
  }

  .service-item {
    margin-bottom: 30px!important;
  }
  .service-item {
    height: auto;
}
}