body {
  font-family: Verdana, sans-serif;
  margin: 0;
  padding: 0;
  line-height: 130%;
  color:#1C2E53;
  overflow-x:hidden;
}

h2 {
  font-family: Verdana, sans-serif;
  font-weight: bold;
  color:#162F56;
  text-transform:uppercase;
}
a:link, a:visited, a:hover, a:active, a:focus {
    color: #162E55;
    text-decoration: none;
    font-weight: bold;
}
header{
  position: fixed;
  width:100%;
  background-color: white;
  z-index: 99;
  top:0;
}
.img-scale{
	width:13.5vw;
}
main.main-banner{
  margin-top: 80px;
}
main.project-banner{
  margin-top: 80px;
}

/*Header*/
.header-content{
	background-image: url(../images/header_bg.png);
	background-size: cover;
	background-position: top right;
	height:48px;
}

.header-content a{
	display: block;
}

.company-logo{
	display: block;
	width: 168px;
    padding: 10px 0 10px 15px;
}

.header-menu {
    max-width: 100%;
    background-image: url(../images/header_bg2.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 10px;
    background-size: contain;
}

.footer-line {
    max-width: 100%;
    background-image: url(../images/header_bg2.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 10px;
    background-size: contain;
    transform:scaleX(-1);
}

.navbar{
  background-image: url(../images/header_bg3.jpg);
  background-repeat: no-repeat;
  padding: 0;
  height: 30px;
  background-size: cover;
}
.navbar-expand-lg .navbar-nav{
  width: 70%;
}
.navbar-expand-lg .navbar-nav .nav-item {
  flex: 1 1 auto;
}
.navbar-nav .nav-link{
  color:#ffffff;
  font-size: 14px;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-nav .nav-link:hover{
  color:#162F56;
  font-weight: bold;
}

/*Banner*/
.main-banner1{
  display: none;
}
.main-banner{
  background-image: url(../images/banner.jpg);
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
  height: 25vw;
  display: flex;
  align-items: center;
  justify-content: right;
  text-align: center;
  padding: 0 5%;
  color: white;
}
.banner-content h1{
  font-size: 2.2vw;
  font-family: 'Verdana';
  font-weight: bold;
}
.banner-icon{
  width: 5vw;
}
.banner-line{
  width:18vw;
}

/*About*/
.about-section {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 4% 10%;
  overflow: hidden;
  background-color: #fff;
  z-index: 1;
}
.about-content, .certificates {
  position: relative;
  z-index: 1;
}
.about-content {
  flex: 1;
  padding-right: 40px;
  max-width: 50%;
  padding-top: 8%;
}
.about-heading {
  text-align: left;
  margin-bottom: 10%;
}

.about-content h2 {
  font-size: 36px;
  color: #002244;
  margin-bottom: 10px;
}
.about-content p {
  font-size: 15px;
  color: #002244;
  margin-bottom: 20px;
  text-align: left;
}
.certificates {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 40%;
}
.certificates img {
  width: 100%;
  border-radius: 4px;
}
.about-section .svg-background-left {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 68%;
  z-index: 0;
  overflow: hidden;
}
.about-section .svg-background-right {
  position: absolute;
  top: 0;
  right: 0;
  height: 95%;
  z-index: 0;
  overflow: hidden;
}
.about-section .svg-background-left svg, .about-section .svg-background-right svg {
  height: 100%;
  width: auto;
  display: block;
}

/*Our Expertise*/
.expertise-section {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 0 2% 0 13%;
  overflow: hidden;
  background-color: #FBE9DD;
  z-index: 1;
}
.expertise-content, .expertise {
  position: relative;
  z-index: 1;
}
.expertise-content {
  flex: 1;
  padding-right: 10%;
  max-width: 47%;
  padding-top: 12%;
}
.expertise-heading {
  text-align: left;
  margin-bottom: 10%;
}
.about-line, .about-line .decorative-svg{
  display: block;
}
.expertise-content h2 {
  font-size: 36px;
  color: #002244;
  margin-bottom: 10px;
}
.expertise-line, .expertise-line .decorative-svg{
  display: block;
}
.expertise-content p {
  font-size: 15px;
  color: #002244;
  margin-bottom: 20px;
  text-align: left;
}
.expertise {
  flex: 1;
}
.expertise img {
  width: 100%;
  border-radius: 4px;
}
.expertise-section .svg-background-left {
  position: absolute;
  top: 0;
  left: 0;
  height: 72%;
  z-index: 0;
  overflow: hidden;
}
.expertise-section .svg-background-right {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 55%;
  z-index: 0;
  overflow: hidden;
}
.expertise-section .svg-background-left svg, .expertise-section .svg-background-right svg {
  height: 100%;
  width: auto;
  display: block;
}
.expertise-desc {
  width:100%;
  color: white;
  padding: 40px 20px;
  z-index: 1;
  margin-left: -4%;
}

.expertise-desc .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-bottom:20px;
  min-height: 70px;
}

.expertise-desc .column {
  background-color: #162F56;
  padding: 15px 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*Project*/
.project-section {
  background-color: #F38038;
  padding: 60px 20px;
  text-align: center;
}
.title-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5%;
  margin: 0 -20px 40px -20px;
}
.line-svg {
  display: flex;
  align-items: center;
  width:100%;
}
.line-svg svg{
  width: 100%;
}
.project-section h2 {
  font-size: 36px;
  font-weight: bold;
  position: relative;
  color:white;
}
.project-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5%;
}
.project-card {
  background-color: transparent;
  max-width: 260px;
}
.project-card img {
  width: 100%;
  border-radius: 20px;
  margin-bottom: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.project-card h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  color:white;
}
.project-card p {
  font-size: 12px;
  line-height: 1.5;
  color: white;
  text-align: justify;
  text-align-last: center;
}
a.more{
  font-size: 11px;
    border-radius: 20px;
    padding: 5px 18px;
    color: #f38038;
    background-color: white;
    text-transform: uppercase;
    -webkit-transition-duration: 0.2s;
    -webkit-transition: all 0.3s ease-in-out;
}
a.more:hover, .careers button:hover{
  color:white;
  background-color: #162F56;
  -webkit-transition: all 0.1s ease-in-out;
}
button.submit-btn{
  -webkit-box-shadow: 100px 0px 0 0 #162F56 inset , -100px 0px 0 0 #162F56 inset;
}
button.submit-btn:hover{
  -webkit-box-shadow: 100px 0px 0 0 #F38038 inset , -100px 0px 0 0 #F38038 inset;
}


/*Careers*/
section.careers{
  display: flex;
}
.left-panel {
  flex: 0.7;
  padding: 50px 0 0 10%;
  background-color: #fff;
}
.right-panel {
  flex: 1;
  background-color: #F7E9DD;
  padding: 6% 4%;
}
.careers .left-panel h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10%;
  color: #F38038;
  margin-top: 10%;
}
.careers .right-panel h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 6%;
  color: #1C2E53;
}
.orange-line {
  border-top: 6px solid orange;
  width: 120px;
  margin-top: 10px;
  margin-bottom: 6%;
  background: repeating-linear-gradient(90deg, orange, orange 10px, white 10px, white 20px);
}
.job-title {
  font-weight: bold;
  font-size: 18px;
  color: #0e2a53;
  margin: 20px 0 5px;
}
.job-type {
  font-style: italic;
  color: #0e2a53;
  margin-left: 22px;
  font-size: 13px;
}
.form-section h2 {
  color: #0e2a53;
  font-weight: 800;
  font-size: 24px;
  margin-bottom: 30px;
}
.form-section label{
  font-size: 13px;
}
.careers form {
  display: flex;
  flex-direction: column;
}
.form-row {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.form-row label {
  flex: 1;
}
.contact label strong{
  margin-left: 15px;
}
.geo-contact-form input, .geo-contact-form textarea, .careers input, .careers textarea {
  width: 100%;
  padding: 10px 18px;
  border: none;
  border-radius: 20px;
  font-size: 12px;
  box-sizing: border-box;
  margin-top: 5px;
  font-style: italic;
}
.careers textarea {
  resize: vertical;
  height: 100px;
}
.position {
  background: white;
  border-radius: 20px;
  padding: 0;
  margin-bottom: 20px;
}
.position strong {
  font-size: 18px;
  color: #0e2a53;
  padding-left: 15px;
}
.position p {
  margin: 5px 0 0;
  font-style: italic;
  color: #0e2a53;
}
.dropdown label{
 padding-bottom:5px;
}
.asterisk{
  color: #E38549;
}
.careers button {
  background-color: #F38038;
  color: white;
  padding: 5px;
  border: none;
  border-radius: 20px;
  font-weight: bold;
  cursor: pointer;
  width: 100px;
  outline: none;
}
.careers-line, .careers-line .decorative-svg{
  display: block;
}
.position select {
  width: 100%;
  padding: 10px 20px;
  font-size: 12px;
  border: none;
  border-radius: 20px;
  background-color: #fff;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 18px;
}

.position select:focus {
  border-color: #007bff;
  outline: none;
}

/*Contact*/
.contact-section {
  background: #f57e2d;
  color: white;
  padding: 40px 10%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.full-bg{
  width:108%;
  position: absolute;
  top:-2%;
  left:-2%;
}
.contact-section h2 {
  margin-bottom: 10px;
  color:white;
}
.contact-section .svg-background-left {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 38%;
    z-index: 0;
    overflow: hidden;
}
.contact-section .svg-background-right {
  position: absolute;
  top: 0;
  right: 0;
  height: 38%;
  z-index: 0;
  overflow: hidden;
}
.contact-section .svg-background-left svg, .contact-section .svg-background-right svg {
  height: 100%;
  width: auto;
  display: block;
}
.divider {
  height: 6px;
  width: 160px;
  background: repeating-linear-gradient(
    45deg,
    #1e2b49,
    #1e2b49 10px,
    transparent 10px,
    transparent 20px
  );
  margin-bottom: 30px;
}
.location-boxes {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin: 40px 0;
  z-index: 2;
  position: relative;
}
.location {
  flex: auto;
  background: white;
  color: #000;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  font-size: 12px;
}
.location img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.location-content {
  padding: 16px;
}
.location-content h3 {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: bold;
}
.location p{
  margin:0;
}
.form-container {
  background: #F7E9DD;
  color: #1e2b49;
  padding: 30px 20px;
  border-radius: 20px;
  margin: 0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.form-container p {
  margin-top: 0;
  margin-bottom: 20px;
  color: #fff;
  text-align: center;
}
.form-note{
  margin-left: 30px;
}
.geo-contact-form {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.form-left{
  flex: 2;
}
.form-group1, .form-group2, .form-group3 {
  display: flex;
  flex-direction: column;
}
.form-group1{
  margin-bottom: 7%;
}
.combine{
  width:100%;
}
.combine .form-group2, .combine .form-group3{
  width:49%;
  float: left;
}
.combine .form-group2{
  margin-right:2%;
}
.form-group.full {
  flex: 2;
}
.geo-contact-form label {
    font-size: 13px;
    font-weight: bold;
    color:#1C2E53;
    margin-left: 15px;
}
.form-group input, .form-group textarea {
  padding: 12px;
  border: none;
  border-radius: 12px;
  font-size: 14px;
}
.form-group textarea {
  resize: vertical;
  height: 140px;
}
.button{
  display: flex;
  margin-top: 10px;
}
.submit-btn {
  background-color: #1C2E53;
  color: white;
  padding: 5px;
  border: none;
  border-radius: 20px;
  font-weight: bold;
  cursor: pointer;
  width: 100px;
  margin-left: auto;
}
.sent-message{
  padding-top:20px;
}

/*Clients*/
.client-wrapper {
  margin: 0 auto;
  padding: 60px 20px 0;
  text-align: center;
}
.client-wrapper h2 {
  font-size: 28px;
  font-weight: bold;
  position: relative;
  width: 38%;
}
.client-wrapper .line-svg{
  width:35%;
}
.logo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 30px 20px;
  justify-items: center;
  align-items: center;
  padding: 40px 10%;
}

.logo-grid img {
  max-width: 90%;
  max-height: 72px;
  object-fit: contain;
  padding:10px 0 0 0;
  background: #fff;
  border-radius: 8px;
}

footer{
  background-color: none;
}
footer p{
  color:#162F56;
  font-size: 12px;
  font-style: italic;
}



/*Ongoing Project*/
.project-banner{
  background-image: url(../images/on-going.jpg);
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
  height: 25vw;
  display: flex;
  align-items: center;
  justify-content: right;
  text-align: center;
  padding: 0 5%;
  color: white;
}
.project-banner.highlight{
  background-image: url(../images/highlight_projects.jpg);
}
.project-banner.completed{
  background-image: url(../images/completed_projects.jpg);
}
.pbanner-content h1{
  font-size: 2.2vw;
  font-family: 'Verdana';
  font-weight: bold;
  text-transform: uppercase;
}
.pbanner-icon{
  width: 5vw;
}
.pbanner-line{
  width:18vw;
}

.ongoing{
  background: #FBE9DD;
  padding: 5% 3%;
}
.project-bg{
  background-image: url(../images/prj_bg.svg);
  background-repeat: no-repeat;
  min-height: 15.3vw;
  background-position: top center;
  margin: auto;
  background-size: 100%;
  max-width: 410px;
  min-width: 400px;
}
.number{
  color: white;
  font-weight: bold;
  font-size: 46px;
  padding: 0 6%;
  line-height: 160%;
  width: 100%;
  margin-bottom: 15px;
}
.project-bg{
  line-height: 12px;
}
.project-bg .prj-title{
  color:#CE4E06;
  font-size: 11px;
  font-weight: bold;
  min-height: 95px;
}
.project-bg .prj-des{
  color:#6D6E71;
  font-size: 11px;
  font-weight: normal;
}
.project-bg.bg2{
  background-image: url(../images/prj_bg2.svg);
}
/*.project-bg.bg3{
  background-image: url(../images/prj-bg3.svg);
}*/
.project-bg .prj-title{
  color:#162F56;
  display: table;
}
.project-bg .prj-title span{
  display:table-cell;
  vertical-align: middle;
}
.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.card {
  padding: 10px 20px;
  position: relative;
  min-height: 300px;
  border: none;
  background-color: transparent;
}
.row {
  display: inline-block;
  width: 100%;
}

.label {
  width: 110px;
  font-style: italic;
  padding: 0 0 0 10px;
  text-align: right;
  float: left;
}

.value {
  width:69%;
  font-weight: bold;
  padding: 0 0 0 5px;
  float: left;
}
.nav-btn{
  padding: 50px 30px 0;
  margin: auto;
  text-align: center;
}
.nav-btn a{
  padding: 30px;
}
.nav-btn a img{
  width: 100px;
}

@media screen and (max-width: 1230px) {
.grid {
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
}
.project-bg {
  margin:0;
  border-radius: 30px;
}
}
@media screen and (max-width: 991px) {
  .grid {
    grid-template-columns: 1fr;
}
}

.nav{
  gap:30px;
}
a.tab-link{
  color:#ffffff;
  background: #F38038;
  border-radius:20px;
  text-transform: uppercase;
  width: 155px;
  text-align: center;
  font-weight: bold;
  display: block;
  padding: 6px;
  text-decoration: none;
}
a.tab-link.active, a.tab-link:hover{
  color:#F38038;
  background: #162F56;
  -webkit-transition-duration: 0.3s;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
.nav{
  gap:8px;
}
a.tab-link{
  width: 100px;
  font-size: 12px;
  padding: 6px;
}
}

/* ################## RESPONSIVE ################## */

@media screen and (max-width: 1220px) {
  .project-bg {
    overflow: hidden;
    background-position: left top;
    background-size: 100%;
    margin-bottom: 10px;
    border-radius: 0 0 3vw 2vw;
  }
  .project-bg.bg2{
  /*background-image: url(../images/prj-bg2-mob.svg);*/
  }
  .project-bg.bg3{
    /*background-image: url(../images/prj-bg2-mob.svg);*/
  }
  .project-bg p {
    width: 68%;
    margin: 0px 6% 0 0;
    line-height: 16px;
  }
}
@media screen and (max-width: 991px) {
  header{
    box-shadow: #252525 0 0px 18px;
  }
  .header-menu {
    height: 1.9vw;
    background-size: 200%;
    background-position: 25%;
  }
  .navbar-toggler{
    font-size: 18px;
    line-height: 0;
    padding:0 3px;
    border: none;
    margin-left: 13px;
  }
  .navbar-toggler:focus{
    border:none;
    box-shadow:none;
  }
  .navbar-expand-lg .navbar-nav {
    width: 92%;
    text-align: left;
  }
  .navbar{
    height:auto;
    background-size: 100% 26px;
    background-color: rgb(255 232 219);
  }
  .navbar-nav .nav-link{
    color:#162F56;
  }
  .navbar-toggler {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='4' stroke-linecap='round' d='M2.5 6h25M2.5 14h25M2.5 22h25'/%3E%3C/svg%3E");
  }
  .navbar-toggler-icon {
    margin-top: -1px;
  }

  /*Banner*/
  .main-banner {
    justify-content: center;
    padding: 10px 3%;
    background-size: 286%;
    height: 50vw;
  }
  .banner-content h1{
    margin: 0;
    font-size: 5.3vw;
  }
  .main-banner1{
    background-image: url(../images/banner.jpg);
    background-size: cover;
    background-position: 14%;
    background-repeat: no-repeat;
    height: 44vw;
    display: flex;
    align-items: center;
    justify-content: right;
    text-align: center;
    padding: 0 5%;
    color: white;
  }
  .banner-icon{
    width: 10vw;
  }
  .banner-line{
    width: 38vw;
  }
  .footer-line{
    height: 6px;
    background-size: cover;
  }
}
@media screen and (max-width: 900px) {
  .project-bg{
    overflow: hidden;
    background-position: left top;
    background-size: 100%;
    margin-bottom: 10px;
    border-radius: 0 0 5vw 3vw;
  }
  .project-bg p {
    width: 68%;
    margin: 0px 6% 0 0;
    line-height: 16px;
  }
}
@media screen and (max-width: 768px) {
  /*About*/
  .about-section {
    flex-direction: column;
    padding: 40px 20px;
  }
  .about-heading{
    text-align: center;
  }
  .about-line, .about-line .decorative-svg{
    width:60%;
    margin: auto;
  }
  .about-content, .certificates {
    max-width: 100%;
  }
  .about-content {
    padding-right: 0;
    padding-top:0;
  }
  .about-section .svg-background-left {
    height: 21%;
  }
  .about-section .svg-background-right {
    height: 35%;
  }
  .about-content h2 {
    font-size: 23px;
  }
  .about-content p {
    font-size: 12px;
  }

  /*Our Expertise*/
  .expertise-section {
    flex-direction: column;
    padding: 40px 20px;
  }
  .expertise-heading{
    text-align: center;
  }
  .expertise-line, .expertise-line .decorative-svg{
    width:60%;
    margin: auto;
  }
  .expertise-content, .expertise {
    max-width: 100%;
  }
  .expertise-content {
    padding-right: 0;
    padding-top:0;
  }
  .expertise-section .svg-background-left {
    height: 25%;
  }
  .expertise-section .svg-background-right {
    height: 50%;
  }
  .expertise-content h2 {
    font-size: 23px;
  }
  .expertise-content p {
    font-size: 12px;
  }
  .expertise-desc{
    margin:0;
    padding: 5px 0;
  }
  .expertise-desc .grid {
    grid-template-columns: repeat(3, 1fr);
    gap:5px;
    margin-bottom:5px;
  }
  .expertise-desc .column {
    padding: 8px 10px;
    font-size: 12px;
    line-height: 15px;
    min-width: 100px;
  }
  .expertise img{
    width:130%;
    margin-left: -15%;
  }

  /*Project*/
  .project-section{
    padding:60px 20px 0 20px;
  }
  .project-card{
    margin-bottom: 8%;
    max-width:100%;
  }
  .project-card img {
    width: 50%;
  }
  .project-section h2 {
    font-size: 23px;
  }
  .title-row {
    flex-direction: column;
    gap: 10px;
    overflow:hidden;
  }
  .line-svg{
    height: 10px;
  }
  .line-svg .decorative-svg-left {
    width: 70%;
    left: -18%;
    position: absolute;
  }
  .line-svg .decorative-svg-right {
    width: 70%;
    right: -18%;
    position: absolute;
  }


  /*Careers*/
  section.careers {
    display: block;
  }
  .left-panel, .right-panel {
    flex: 100%;
    padding: 30px 20px;
  }
  .careers-line, .careers-line .decorative-svg{
    width:60%;
  }

  /*Contact*/
  .contact-section{
    padding: 30px 20px;
  }
  .geo-contact-form {
    display: inline-block;
  }
  .combine{
    display: inline-block;
    margin-bottom:7%;
  }
  .form-group {
    flex: 1 1 100%;
  }
  .location-boxes {
    flex-direction: column;
    align-items: center;
  }
  .contact-section .svg-background-left {
    height: 21%;
  }
  .contact-section .svg-background-right {
    height: 18%;
  }
  .form-row label{
    flex:100%;
  }

  /*Clients*/
  .logo-grid {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 20px;
  }
  .client-wrapper h2 {
    font-size: 23px;
    width: 100%;
  }
  .logo-grid{
    padding: 0;
  }


  /*Ongoing Project*/
  .project-banner {
    justify-content: right;
    padding: 10px 3%;
  }
  .pbanner-content{
    margin-right: 2%;
  }
  .pbanner-content h1{
    font-size: 2.8vw;
    margin: 0;
  }
  .pmain-banner{
    background-size: 286%;
    height: 50vw;
  }
  .pbanner-content h1{
    font-size: 3.3vw;
  }
  .pbanner-line{
    width: 20vw;
  }
  /*.project-bg{
    background-image: url(../images/prj-bg-mob.svg);
    width: 90%;
  }*/
  
}