@import url('superfish.css');

body{
    margin: 0px;
    background-color: #ffffff;
}

p {color:#000000;}

ol  {
	margin: 0px; 
	padding: 0px; 
	list-style-position: inside;
}

ol li {
	padding: 0px;
	margin: 0px;
}

a {
    text-decoration:underline;
	color:#000;
}

a[class*="link-"], a[class*="link-"]:link, a[class*="link-"]:visited, a[class*="link-"]:active  {
	text-decoration:none;
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 0.8px 1px rgba(0,0,0,0.004);
	-o-transition: all 0.3s ease-in-out; 
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
}
a[class*="link-"]:hover  {
	text-decoration:none;
}
a[class*="button-link-"], a[class*="button-link-"]:link, a[class*="button-link-"]:visited, a[class*="button-link-"]:active  {
	display:inline-block;
	color:#FFFFFF;
	font-size:12pt;
	margin:0px 0px 0px 0px;
	padding:5px 25px 5px 25px;
	background-color:#f99d1c;
	border-bottom:3px solid #f99d1c;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
	text-decoration:none;
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 0.8px 1px rgba(0,0,0,0.004);
	-o-transition: all 0.3s ease-in-out; 
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
}
a[class*="button-link-"]:hover  {
	background-color:#000000;
	border-bottom:3px solid #000000;
}
[class*="button-input-"] {
	display:inline-block;
	color:#FFFFFF;
	font-size:10pt;
	margin:0px 0px 0px 0px;
	padding:4px 15px 5px 15px;
	background-color:#f99d1c;
	border:none;
	border-bottom:2px solid #f99d1c;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
	text-decoration:none;
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 0.8px 1px rgba(0,0,0,0.004);
	-o-transition: all 0.3s ease-in-out; 
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
	outline: none;
}
[class*="button-input-"]:hover, [class*="button-input-"].active	{
	background-color:#000000;
	border-bottom:2px solid #000000;
}

a.link-newshead, a.link-newshead:link, a.link-newshead:visited, a.link-newshead:active {
	font-size:10pt;
	color:#008fd5;
	line-height:14pt;
	font-weight:700;
	text-decoration:none; 
	display:block;
	padding:0px 0px 0px 0px;
	margin:5px 0px 0px 0px;
}
a.link-newshead:hover  { color:#000000; }
a.link-news, a.link-news:link, a.link-news:visited, a.link-news:active {
	font-size:10pt;
	color:#000000;
	line-height:14pt;
	font-style:italic;
	text-decoration:underline !important;
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
a.link-news:hover  { color:#008fd5; }
.para-news {
	font-size:10pt;
	color:#000000;
	line-height:14pt;
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
}

.news-sep {
	width:100%;
	height:1px;
	padding-bottom:10px;
	margin-top:10px;
	border-top: solid 1px #000;
	
}

a.link-copyright, a.link-copyright:link, a.link-copyright:visited, a.link-copyright:active {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:8pt;
	color:#000000; 
	text-decoration:none;  
}
a.link-copyright:hover  { color:#f58220 !important; text-decoration:none; }


#rule {
	height: 1px;
	background: #000;
	margin-top:5px;
	margin-botoom:5px;
	
}
.container {
    max-width: 960px; /* Limit the maximum width to 1000px */
    width: 100%; /* Ensure it takes the full width up to 1000px */
     /* padding-left: 10px; */
     /* padding-right: 10px; */
    margin: 0 auto; /* Centers the container horizontally */
    box-sizing: border-box; /* Ensures padding is included in the element’s total width */
    background-color: #ffffff;
}

.container1 {
    max-width: 960px; /* Limit the maximum width to 1000px */
    width: 100%; /* Ensure it takes the full width up to 1000px */
     /* padding-left: 10px; */
     /* padding-right: 10px; */
    margin: 0 auto; /* Centers the container horizontally */
    box-sizing: border-box; /* Ensures padding is included in the element’s total width */
    background-color: #f0f0f0;
}

  
 

.container {
  max-width: 960px;
  width: 100%;
  /* padding-left: 5px; */
  /* padding-right: 5px; */
  margin: 0 auto;
  box-sizing: border-box;
  background-color: #ffffff;
}

.container-organisation {
    max-width: 960px; /* Limit the maximum width to 1000px */
    width: 100%; /* Ensure it takes the full width up to 1000px */
     /* padding-left: 10px; */
     /* padding-right: 10px; */
    margin: 0 auto; /* Centers the container horizontally */
    box-sizing: border-box; /* Ensures padding is included in the element’s total width */
    background-color: #e6e7e8;
}

/*preloader*/

 #loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
}
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #fff;
  z-index: 1000;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
#loader-wrapper .loader-section.section-left {
  left: 0;
}
#loader-wrapper .loader-section.section-right {
  right: 0;
}
#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #3498db;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
  z-index: 99999;
}
#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #e74c3c;
  -webkit-animation: spin 3s linear infinite;
          animation: spin 3s linear infinite;
}
#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #f9c922;
  -webkit-animation: spin 1.5s linear infinite;
          animation: spin 1.5s linear infinite;
}
.loaded #loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}
.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
	  
	  .loaded #loader-wrapper {
  visibility: hidden;
  transform: translateY(-100%);
}
.loaded #loader {
  opacity: 0;
}
	

.slider {
  max-width: 1000px;
  margin: auto;
  position: relative;
   /* Adjust the height to fit your slider */
  /* margin-top: 0px; */
}
ul{
  z-index: 0;
}
.slides {
  display: flex;
  width: 100%;
  height: 100%;
  margin-top: 0px;
  z-index: 0 !important;
}

.slide {
  min-width: 100%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  
}
.slide2 {
  min-width: 100%;
  box-sizing: border-box;
	/*editied by me absolute*/
  position: relative;
  top: 520px;
  left: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  
}

.youtube-video-1 img {width:640px;}
#iframe-video {height: 361px; width: 100%}
.slide3 {
  min-width: 100%;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  
}


.slide.active {
  opacity: 1;
}
.slide2.active {
  opacity: 1;
}
.slide3.active {
  opacity: 1;
}

.slide img {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 768px) {
  .slider {
      max-width: 100%;
      height: auto;
  }
	/* Bannner width slider */
	.slider-banner {
		max-width: 200px;
	}
}
/* Heading for the new section */
.head-h1 {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 12pt;
    color: #f04e23;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    border-top: 4px solid #000000;
    border-bottom: 2px solid #000000;
    letter-spacing: 1px;
}
.head-h1 {
  color: #f04e23;
  border-top: 4px solid #000;
  border-bottom: 2px solid #000;
}
.head-h1-home {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 12pt;
  color: #f58220;
  margin: 0px 0px 0px 0px;
  letter-spacing: 1px;
}
.head-h5 {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 12pt;
  color: #000000;
  padding: 0px 0px 0px 0px;
  margin: 3px 0px 23px 0px;
  letter-spacing: 1px;
}
.para-p1 {
  font-size: 11pt;
  color: #000;
  line-height: 14pt;
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 5px 0px;
}
.quote {
  color: #f58220 !important;
}
.quote {
  font-family: 'Oswald', sans-serif;
  font-size: 18pt;
  color: #000000;
  line-height: 26pt;
  text-align: right ;
  display: block;
  font-weight: 400;
}
.author {
  color: #f58220 !important;
}
.author {
  font-family: 'Oswald', sans-serif;
  font-size: 11pt;
  color: #000000;
  line-height: 14pt;
  text-align: right ;
  display: block;
  font-weight: 400;
  padding-top: 10px;
  letter-spacing: 1px;
}


.Qu{
  display: flex;
    position: absolute;
    bottom: 22%;
}
.women{
  display: flex;
  position: absolute;
	/*edited by arshad 3%*/
  bottom: 1%;
}
/* Responsive Design */


.slide::marker{
  display: none;
  color: #f0f0f0;
}
.slide2::marker{
  display: none;
  color: #f0f0f0;
}
.slide3::marker{
  display: none;
  color: #f0f0f0;
}
.new-section {
  margin-top: 0px; /* Default margin for large screens */
}
/* New Section Styles */
.new-section {
  display: flex;
  justify-content: space-between; /* Aligns items with space between */
  /* align-items: center; Vertically centers items */
  gap: 20px; /* Space between the left and right sections */
 /* Padding around the section */
  box-sizing: border-box; /* Ensures padding is included in width/height calculations */
}



.left {
  flex: 0 0 735px; /* Fixed width of 735px for left column */
}

.left-about {
  flex: 0 0 695px; /* Fixed width of 735px for left column */
}

.left-contact {
  flex: 0 0 960px; /* Fixed width of 735px for left column */
}

.right {
  flex: 0 0 205px; /* Fixed width of 205px for right column */
}

.left-t {
  flex: 0 0 500px; /* Fixed width of 735px for left column */
}

.right-t {
  flex: 0 0 500px; /* Fixed width of 205px for right column */
}
.linkhm1 {
  font-family: 'Oswald', sans-serif;
  font-size: 12pt !important;
  line-height: 14pt;
  text-decoration: none;
  color: #000;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/* Heading Styles */


/* For screens 1024px and below (Tablets and smaller laptops) */
@media (max-width: 1024px) {
  .new-section {
    margin-top: 0px; /* Reduced margin for tablets */
    /* padding-left: 10px; */
    /* padding-right: 10px; */
  }
}

/* For screens 768px and below (Large phones and small tablets) */
@media (max-width: 768px) {
  .new-section {
    margin-top: 
		0px; /* Further reduced margin for smaller devices */
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* For screens 480px and below (Mobile devices) */
@media (max-width: 480px) {
  .new-section {
    margin-top: 0px; /* Minimum margin for mobile devices */
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* Responsive adjustments */
@media (max-width: 768px) {
  .new-section {
    flex-direction: column; /* Stack columns vertically */
    align-items: flex-start; /* Align items to the start */
    padding-left: 15px;
    padding-right: 15px;
  }

  .left, .right {
    flex: none; /* Remove flex basis */
    width: 100%; /* Full width for each section */
    margin-bottom: 20px; /* Space between stacked sections */
    margin-top: 10px;
    /* padding-left: 10px; */
    /* padding-right: 10px; */
  }
	
	.left-contact {
    flex: none; /* Remove flex basis */
     /* Full width for each section */
    margin-bottom: 0px; /* Space between stacked sections */
    margin-top: 10px;
    padding-left: 15px; 
    padding-right: 15px;
  }

  .right {
    margin-bottom: 0; /* Remove bottom margin from the last section */
  }
}
/* Container for the three columns */
.three-column-section {
  display: flex;
  justify-content: space-between; /* Distribute space between columns */
  gap: 21px; /* Space between columns */
  /* Padding around the section */
  box-sizing: border-box; /* Includes padding in the width calculations */
  margin-top: 30px;
  /* padding-left: 10px; */
  /* padding-right: 10px; */
}
/*Research grid*/

.two-column-research-section {
  display: flex;
  justify-content: space-between; /* Distribute space between columns */
  gap: 21px; /* Space between columns */
  /* Padding around the section */
  box-sizing: border-box; /* Includes padding in the width calculations */

  
}

.two-column-organisation-section {
  display: flex;
  justify-content: space-between; /* Distribute space between columns */
  gap: 21px; /* Space between columns */
  /* Padding around the section */
  box-sizing: border-box; /* Includes padding in the width calculations */
	align-items:center!important;
}

.two-column-management-section {
  display: flex;
  /*justify-content: space-between;  Distribute space between columns */
  gap: 21px; /* Space between columns */
  /* Padding around the section */
  box-sizing: border-box; /* Includes padding in the width calculations */
	
}

/* Individual column styles */
.column {
  flex: 0 0 231px; /* Fixed width of 231px for each column */
}

/*Research grid*/

.two-column-research-1 {
  flex: 483px; /* Fixed width of 231px for each column */

}

.two-column-research-2 {
  flex: 0 0 231px; /* Fixed width of 231px for each column */
	
}

.two-column-orgainsation-1 {
  flex: 225px 0 0; /* Fixed width of 231px for each column */
	text-align: center;

}

.two-column-orgainsation-2 {
  flex:0 0 449px; /* Fixed width of 231px for each column */
	
}

.two-column-management-1 {
  flex: 160px 0 0; /* Fixed width of 231px for each column */
	
	

}

.two-column-management-2{
  flex:0 0 514px; /* Fixed width of 231px for each column */
	
}

.two-column-contact-cor-1 {
  flex: 225px 0 0; /* Fixed width of 231px for each column */

}

.two-column-contact-cor-2 {
  flex:0 0 693px; /* Fixed width of 231px for each column */
	
}


/* Responsive adjustments */
@media (max-width: 768px) {
  .three-column-section {
    flex-direction: column; /* Stack columns vertically */
    gap: 21px; /* Maintain space between stacked items */
    /* padding-left: 10px; */
    /* padding-right: 10px; */
  }

  .column {
    flex: none; /* Remove flex basis */
    width: 100%; /* Full width for each column */
    /* padding-left: 10px; */
    /* padding-right: 10px; */
  }
	
	/*Research grid*/
	.two-column-research-section {
    flex-direction: column; /* Stack columns vertically */
    gap: 0px; /* Maintain space between stacked items */
    /* padding-left: 10px; */
    /* padding-right: 10px; */
		
		
  }
	
	.two-column-management-section {
    flex-direction: column; /* Stack columns vertically */
    gap: 0px; /* Maintain space between stacked items */
    /* padding-left: 10px; */
    /* padding-right: 10px; */
		
  }
	
	.two-column-management-1  {
    flex: none; /* Remove flex basis */
    width: 100%; /* Full width for each column */
    /* padding-left: 10px; */
    /* padding-right: 10px; */
	  
  }
	
	.two-column-management-2  {
    flex: none; /* Remove flex basis */
    width: 100%; /* Full width for each column */
    /* padding-left: 10px; */
    /* padding-right: 10px; */
		
  }

  .two-column-research-1  {
    flex: none; /* Remove flex basis */
    width: 100%; /* Full width for each column */
    /* padding-left: 10px; */
    /* padding-right: 10px; */
	  
  }
	
	.two-column-research-2  {
    flex: none; /* Remove flex basis */
    width: 100%; /* Full width for each column */
    /* padding-left: 10px; */
    /* padding-right: 10px; */
		
  }
	
	
.two-column-organisation-section {
  flex-direction: column; /* Stack columns vertically */
    gap: 0px; /* Maintain space between stacked items */
    /* padding-left: 10px; */
    /* padding-right: 10px; */

  
}
	.two-column-orgainsation-1  {
    flex: none; /* Remove flex basis */
    width: 100%; /* Full width for each column */
    /* padding-left: 10px; */
    /* padding-right: 10px; */
		text-align: left;
	  
  }
	
	.two-column-orgainsation-2  {
    flex: none; /* Remove flex basis */
    width: 100%; /* Full width for each column */
    /* padding-left: 10px; */
    /* padding-right: 10px; */
		
  }
	
	
}

/* Container for the left-right columns */
.left-right-section {
  display: flex;
  justify-content: space-between; /* Distribute space between columns */
  gap: 20px; /* Space between columns */
  /* Padding around the section */
  box-sizing: border-box; /* Includes padding in the width calculations */
  position: relative;
  padding-left: 0px;
  padding-right: 10px;
}

/* Individual column styles */
.left-column {
  flex: 0 0 735px; /* Fixed width of 735px for the left column */
}

.left-column-about {
  flex: 0 0 696px; /* Fixed width of 735px for the left column */
}





.right-column {
  flex: 0 0 205px; /* Fixed width of 205px for the right column */
margin-top: 28px;
}

.right-column-home {
  flex: 0 0 205px; /* Fixed width of 205px for the right column */
margin-top: 28px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .left-right-section {
    flex-direction: column; /* Stack columns vertically */
    gap: 20px; /* Maintain space between stacked items */
	  padding-left: 15px;
	  padding-right: 15px;
  }

  .left-column, .right-column {
    flex: none; /* Remove flex basis */
    width: 100%; /* Full width for each column */
  }
}
/* Ensure the slider is full width and height */
#banner {
  width: 100%;
  overflow: hidden;
}

.my-slider .slide {
  width: 100%;
}

.my-slider img {
  width: 100%;
  height: auto;
  display: block;
}



/* Optional: style for the navigation arrows and dots if you use them */
.slick-prev, .slick-next {
  font-size: 30px;
  color: black;
}
.slick-dots li button:before {
  color: black;
}


/* ///////// */
/* Base styles for .content-container */
.content-container {
  display: flex;
  flex-direction: column; /* Default to column layout for smaller screens */
  gap: 21px; /* Gap between sections */
  align-items: center; /* Center items horizontally on small screens */
}

/* Styles for sections */
.left-section, .right-section {
  flex: 1;
  max-width: 100%; /* Ensure sections don’t overflow */
  box-sizing: border-box; /* Include padding and border in width/height calculations */
}

/* Responsive images */
.image {
  width: 100%;
  height: auto;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Headings */
.head-h2-home {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 12pt; /* Responsive font size */
  color: #f04e23;
  padding: 5px 0;
  margin: 0;
  letter-spacing: 1px;
  text-align: center; /* Center text for small screens */
}

/* Links */
.linkhmnormal, .linkhmnormal1 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 0.8em; /* Responsive font size */
  line-height: 1.2em;
  text-decoration: none;
  color: #f26522;
  transition: all 0.5s ease;
}

.linkhmnormal:hover, .linkhmnormal1:hover {
  text-decoration: underline;
}

/* Media Queries for larger screens */
@media (min-width: 768px) {
  .content-container {
    flex-direction: row; /* Switch to row layout on larger screens */
    align-items: flex-start; /* Align items at the top */
  }

  .left-section, .right-section {
    flex: 1;
    max-width: 357px; /* Set max width for sections */
  }
}

@media (min-width: 1024px) {
  .head-h2-home {
    font-size: 12pt; /* Larger font size for larger screens */
  }

  .linkhmnormal, .linkhmnormal1 {
    font-size: 1em; /* Larger font size for larger screens */
  }
}

/* Media query for phones */
@media (max-width: 768px) {
  .right-column {
   display: none;
  }
  .long-image-mobile {
    display: flex !important;
  }
}
.long-image-mobile {
  align-items: center;
  display: none;
  flex-direction: column;
	padding-top:10px;
}

.footer-img{
  margin-top: 5px;
}
@media (max-width: 768px) {
  .footer-img {
    max-width: 100%; /* Ensure the image doesn't overflow on small screens */
  }
	
	.quote {
  font-family: 'Oswald', sans-serif;
  font-size: 18pt;
  color: #000000;
  line-height: 26pt;
  text-align: left !important;
  display: block;
  font-weight: 400;
}
	
	.author {
  font-family: 'Oswald', sans-serif;
  font-size: 11pt;
  color: #000000;
  line-height: 14pt;
  text-align: left !important;
  display: block;
  font-weight: 400;
  padding-top: 10px;
  letter-spacing: 1px;
}
} 
/* General styles for the footer */
.footer-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  /* Background color */
  font-family: 'Georgia, "Times New Roman", Times, serif';  /* Match the font */
  font-size: 8pt; /* Adjust font size */
  flex-wrap: nowrap; /* Prevent items from wrapping into multiple lines */
}

/* Left section of the footer */
.left-last {
  flex: 1;
}

/* Right section with links */
.right-last {
  display: flex;
  gap: 15px; /* Spacing between the links */
  flex-wrap: nowrap; /* Prevent links from wrapping */
}

/* Links styling */
.right-last a {
  text-decoration: none;
  color: #000; /* Assuming black text */
  white-space: nowrap; /* Prevent text from breaking into a new line */
}

/* Span styling for copyright */
.right-last span {
  margin-left: 15px;
  white-space: nowrap; /* Prevent text from breaking */
}

/* Responsive styling for mobile screens */
@media (max-width: 768px) {
  .footer-list {
    font-size: 14px; /* Adjust for mobile screens */
    flex-direction: column;
    text-align: center;
  }

  .right-last {
    margin-top: 10px;
    flex-direction: column;
  }

  .right-last span {
    margin-left: 0;
  }
}

.new-section-part {
  display: flex;
  justify-content: space-between; /* Distribute space between parts */
  margin-top: 0px;
  gap: 21px;
	padding-bottom: 20px;
}

.part {
  flex: 1; /* Makes each part take up equal width */
  /* margin: 10px; Adds spacing between parts */
  background-color: #ffffff;
  /* padding: 20px; */
  /* text-align: center; */
  /* border: 1px solid #ccc; */
}

.part-2 {
  flex: 1 3; /* Makes each part take up equal width */
  /* margin: 10px; Adds spacing between parts */
  background-color: #ffffff;
  /* padding: 20px; */
  /* text-align: center; */
  /* border: 1px solid #ccc; */
}

.head-h3-organisation {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#008fd5;
	padding:8px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.head-internal-projects {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 12pt;
  color: #8c8f90;
  padding: 10px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
  border-top: 4px solid #000000;
  border-bottom: 2px solid #000000;
  letter-spacing: 1px;
}
.head-internal-projects2 {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 12pt;
  color: #ef4123;
  padding: 10px 0px 7px 0px;
  margin: 0px 0px 0px 0px;
  border-top: 4px solid #000000;
  border-bottom: 2px solid #000000;
  letter-spacing: 1px;
}
@media (max-width: 768px) {
  .new-section-part {
    flex-direction: column; /* Stacks the parts vertically */
    gap: 15px; /* Adjust the gap for smaller screens */
    padding-left: 15px;
    padding-right: 15px;
	  padding-bottom: 0px;
  }

  .part {
    flex: none; /* Removes equal width constraint */
    width: 100%; /* Ensures each part takes full width */
    margin-bottom: 0px; /* Adds space between parts */
  }

  .head-internal-projects,
  .head-internal-projects2 {
	  /*edited by arshad 10px*/
    font-size: 12pt; /* Adjusts the font size for smaller screens */
    padding: 8px 0;
  }
}

/* Media Query for screens smaller than 480px (mobile phones) */
@media (max-width: 480px) {
  .new-section-part {
    margin-top: 0px; /* Reduce the top margin on smaller screens */
    gap: 10px; /* Reduce gap between sections */
	  padding-bottom: 0px;
  }

  .head-internal-projects,
  .head-internal-projects2 {
    /*edited by arshad 8px*/
	  font-size: 12pt; /* Further adjust the font size for very small screens */
    padding: 5px 0;
  }
}
.quote-project{
  color: #7d7e7f !important;
}
.quote-project {
  font-family: 'Oswald', sans-serif;
  font-size: 18pt;
  color: #000000;
  line-height: 26pt;
  text-align: right ;
  display: block;
  font-weight: 400;
}
.author-project {
  font-family: 'Oswald', sans-serif;
  font-size: 10pt;
  color:#7d7e7f;
  line-height: 14pt;
  text-align: right;
  display: block;
  font-weight: 400;
  padding-top: 10px;
  letter-spacing: 1px;
}
.para-projects-orange {
  font-size: 10pt;
  color: #ef4123;
  line-height: 14pt;
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 5px 0px;
}
#listprojects {
  padding: 0;
	padding-left: 12px;
    list-style-image: url("images/arrow-projects.png");
    margin: 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 10pt;
    color: #000;
    line-height: 14pt;
    list-style-position: outside;
    font-weight: 400;
}
#listprojects li {    
    margin-top: 3px;
    margin-bottom: 3px;
	
	}

.image-container {
  display: flex;
  justify-content: center; /* Horizontally centers the image */
  align-items: center;     /* Vertically centers the image (if the container has a height) */
  width: 100%;             /* Ensures container takes full width */
  height: auto;            /* Adjusts the height based on content */
  margin: 0 auto;          /* Centers container if it has a set width */
padding-bottom: 50px;
}

.image-container img {
  max-width: 100%;         /* Ensures image scales down on smaller screens */
  height: auto;            /* Maintains aspect ratio of the image */
  display: block;          /* Removes any extra space below the image */
}
.custom-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.custom-slides {
  display: flex;
  transition: transform 0.5s ease-in-out;
  list-style: none;
  padding: 0;
  margin: 0;
}

.custom-slide {
  min-width: 100%;
  transition: opacity 1s ease;
}

.custom-slide img {
  width: 100%;
  display: block;
}

.active-slide {
  z-index: 2;
  opacity: 1;
}

.custom-slide:not(.active-slide) {
  z-index: 1;
  opacity: 0;
}

/* Add controls or pagination if necessary */
.content-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

/*.video-container {
  width: 48%;
}*/

.video-wrapper {
  position: relative;
  width: 100%;
  height: 201px;
}

.video-wrapper iframe {
  width: 100%;
  height: 100%;
}

.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 101%;
  height: 101%;
  object-fit: cover;
  
  cursor: pointer;
}
.video-wrapper:hover .video-overlay {
  content: url('./images/hm-video-ajay-r.jpg');
}

.video-wrapper:hover .vdo {
  content: url('./images/vdo2_r.jpg');
}
.video-wrapper:hover .dale {
  content: url('./images/hm-video-dale-r.jpg');
}
.video-wrapper:hover .lira{
  content: url('./images/hm-video-lira-r.jpg');
}
.para-p11 {
	/*edited by arshad center*/
  text-align: left;
  font-style: italic;
  margin-top: 10px;
}
/* Media Query for Mobile Devices (width less than 768px) */
@media (max-width: 500px) {
  .content-container {
    flex-direction: column;
    gap: 10px;
  }
	#iframa-video {
		height: 201px;
	}
	
  .video-container {
	  
    width: 100%!important;
	  display: block;
  }
	
	#iframe-video {height:205px; width: 100%}
	/*added by arshad*/
	.video-container img {width: 100%}
	
}
.footer-img {
  width: 100%;
}
.footer-img {
  width: 100%;
  height: auto;
  display: block;
  border-top: 1px solid  #000;;  /* Top border */
  border-bottom: 3px solid #333; /* Bottom border */
  padding: 10px 0; /* Optional: Adds spacing between the borders and image */
}
.profooter{
	/*edited by arshad 130*/
  margin-top: 0px;
}
/* Small tablets and large phones (between 480px and 767px) */
@media (max-width: 767px) and (min-width: 480px) {
  .profooter {
    margin-top: 0px!important;
  }
}

/* Extra-small phones (between 400px and 479px) */
@media (max-width: 479px) and (min-width: 400px) {
  .profooter {
    margin-top: 0px;
  }
}

/* Small phones (below 400px) */
@media (max-width: 399px) {
  .profooter {
    margin-top: 0px;
  }
}

/* =========Top Band css strat============== */
#topbandBox {
  display: block;
  position: absolute;
  width: 220px;
  left: 10px;
  top: 310px;
  -webkit-box-shadow: -4px 5px 10px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: -4px 5px 10px 0px rgba(50, 50, 50, 0.3);
  box-shadow: -4px 5px 10px 0px rgba(50, 50, 50, 0.3);
  z-index: 9;
  background-position: left top;
  background-repeat: repeat;
}


#topbandBox > div {
  display: block;
  padding: 10px;
  text-align: center !important;
  vertical-align: middle;
  color: #FFF;
  font-size: 26pt;
}



#topbandBox .topband-text {
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  padding: 30px 10px;
  letter-spacing: 1px;
  line-height: 30pt;
}


#topbandBox .topband-text {
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  padding: 30px 10px;
  letter-spacing: 1px;
  line-height: 30pt;
}

.topband-projects {
  background-color: #000002;
  background: rgba(215, 25, 33, 0.7);
  background: url(./images/topband-projects.png);
}

.topband-projects .topband-head {
  background-color: #000002;
}

.topband-contact {
	background-color:#c6168d;
	background: rgba(215,25,33,0.7);
	background: url(/images/topband-contact.png);
}
.topband-contact .topband-head	{
	background-color:#c6168d;
}

.topband-cities{
	background-color:#d71920;
	background: rgba(215,25,33,0.7);
	background: url(images/topband-cities.png);
}
.topband-cities .topband-head	{
	background-color:#d71920;
} 

.head-internal-cities {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#d71920;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border-top:4px solid #000000;
	border-bottom:2px solid #000000;
	letter-spacing:1px;
}

.para-cities-red {
	font-size:10pt;
	color:#d71920;
	line-height:14pt;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
}

.para-cities-red-light {
	font-size:10pt;
	color:#f15a4b;
	line-height:14pt;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
}

#listcities{ 
	padding:0;
	padding-left: 12px;
	list-style-image: url("images/arrow-cities.png"); 
	margin:0; font-family: Georgia, "Times New Roman", Times, serif; 
	font-size:10pt; 
	color:#000; 
	line-height:14pt; 
	list-style-position:outside; 
	font-weight:400; }
#listcities li{ 
	
	margin-top:3px; 
	margin-bottom:3px;}


.head-h1-cities {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#d71920;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border-top:4px solid #000000;
	border-bottom:2px solid #000000;
	letter-spacing:1px;

}


.head-h6-cities {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:10pt;
	color:#d71920;
	padding:0px 0px 0px 0px;
	margin:3px 0px 3px 0px;
	letter-spacing:1px;
}

.head-h7-cities {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#d71920;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	letter-spacing:1px;

}

.head-internal-about {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#008fd5;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border-top:4px solid #000000;
	border-bottom:2px solid #000000;
	letter-spacing:1px;
}
/*Logo sections*/
.head-internal-logo {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#008fd5;
	padding:10px 0px 10px 0px;
	margin:0px 0px 10px 0px;
	border-bottom:2px solid #000000;
	letter-spacing:1px;
}

.head-internal-logo1 {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#008fd5;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border-bottom:2px solid #000000;
	letter-spacing:1px;
}

.logo-img {
	margin-bottom:5px;
}

.list1 { 
	padding:0; 
	list-style-type:none; 
	margin:0; 
	padding-left:0px;
}
	.list1 li { 
		padding:3px 0 1px 10px; 
		background: url(../images/arrow-workspaces.png) left 7px ; 
		background-repeat:no-repeat; 
}
	/*sub nav .list1 li:first-child{ background:none;}*/
	.list1 li a{ 
		font-family:Georgia, "Times New Roman", Times, serif; 
		font-size:10pt; 
		color:#008fd5; 
		text-decoration:none; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;
}
	.list1 li a:hover {
		color:#000;
}
	.footnav-active {
		color:#008fd5; 
}
	.footnav-hover {
		color:#000 !important;
}

#listterms { 
	padding:0; 
	list-style-type:disc; 
	margin:0; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size:10pt; 
	color:#000; 
	line-height:14pt; 
	list-style-position:outside; 
	font-weight:400;
}
#listterms li{ 
	margin-left:13px; 
	margin-top:3px; 
	margin-bottom:3px;}

.linkterms { 
	font-family:Georgia, "Times New Roman", Times, serif;  
	font-size:10pt !important; 
	line-height:14pt; 
	text-decoration:none; 
	color:#008fd5;-webkit-transition: all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease; transition:all 0.5s ease; }
.linkterms:hover {
	color:#000; 
	text-decoration:none;}
/*Animation logo*/
.fadeIn-Delay-3s {
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-o-animation-delay:1s;
	animation-delay:1s;
}

.fadeIn-Delay-5s {
	-webkit-animation-delay:5s;
	-moz-animation-delay:5s;
	-o-animation-delay:5s;
	animation-delay:5s;
}

/* Key Frames
---------------------------------------------------- */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.bottom-nav {
	text-align: center;
}

.ul-bottom-nav {
	list-style-type: none; 
	display: inline-flex; 
	margin: 0; 
	padding: 0px;
	padding-bottom: 10px;
}

.ul-bottom-nav li:first-child {
	padding-right: 10px;
}



/*Management*/

.our-team {
		padding-top: 10px;
		padding-bottom: 0;
	}

/* Responsive Styles */
@media (max-width: 768px) {
  #topbandBox {
      width: 30%;
      left: 10px!important;
  		top: 215px!important;
      box-shadow: none; /* Optional: Change shadow for smaller screens */
  }

  #topbandBox > div {
      font-size: 25px; /* Adjust font size */
  }

  #topbandBox .topband-text, 
  #topbandBox .topband-text2 {
      padding: 40px 5px; /* Adjust padding */
      line-height: 24pt; /* Adjust line height */
  }
}

@media (max-width: 480px) {
  #topbandBox {
      width: 30%;
      left: 3px;
      top: 90px!important;
  }

  #topbandBox > div {
      font-size: 22px; /* Further adjust font size */
  }

  #topbandBox .topband-text, 
  #topbandBox .topband-text2 {
      padding: 10px 2px; /* Further adjust padding */
      line-height: 16pt; /* Further adjust line height */
  }
}
/*Arshad CSS*/

/*Contact CSS*/

.full {
	display: flex;
	justify-content: space-between;
	gap:21px;
	box-sizing: border-box;
width: 100%}
.field {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	background-color:#bcbec0;
	width:440px;
	height:25px;
	text-indent:5px;
	border:none;
}

.field-small {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	background-color:#bcbec0;
	width:200px;
	height:25px;
	text-indent:5px;
	border:none;
}

.bigfield {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	background-color:#bcbec0;
	width:450px;
	height:100px;
	text-indent:5px;
	vertical-align:top;
	border:none;
}

.custom-dropdown {
	/*appearance: none;  
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #c6168d url(images/drop-down-arrow.png) no-repeat 10px center;*/
	
	padding:5px 0px 5px 10px;
	cursor: pointer;
	background: #c6168d;
	width:100%;
	
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:9pt;
	line-height:12pt;
	color:#fff;
	text-decoration:none;
	letter-spacing:1px; 
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

::-webkit-input-placeholder {
   color: #c6168d;
}
:-moz-placeholder { color: #c6168d;
}

.Hmform-button {font-family: 'Oswald', sans-serif; font-weight:300;  font-size:10pt; background:#c6168d; display:inline-block; color:#fff; text-decoration:none; padding:5px 50px;  -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; margin-left:-1px; letter-spacing:1px;}
.Hmform-button:hover{ background:#9a258f;}

.head-internal-contact {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#c6168d;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border-top:4px solid #000000;
	border-bottom:2px solid #000000;
	letter-spacing:1px;
}


.head-h5-contact {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:9pt;
	color:#c6168d;
	padding:0px 0px 0px 0px;
	margin:3px 0px 3px 0px;
	letter-spacing:1px;
}


.head-h6-contact {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:11pt;
	color:#9a258f;
	padding:0px 0px 0px 0px;
	margin:3px 0px 3px 0px;
	letter-spacing:1px;
}

.two-column-contact-section {
  display: flex;
  /*justify-content: space-between;  Distribute space between columns */
  gap: 42px; /* Space between columns */
  /* Padding around the section */
  box-sizing: border-box; /* Includes padding in the width calculations */
	align-items:center!important;
}

.two-column-contact-1 {
  flex: 459px; /* Fixed width of 231px for each column */

}

.two-column-contact-2 { 
  flex: 0 0 459px; /* Fixed width of 231px for each column */
	
}

.two-column-contact-cor-section {
  display: flex;
  justify-content: space-between; /* Distribute space between columns */
  gap: 42px; /* Space between columns */
  /* Padding around the section */
  box-sizing: border-box; /* Includes padding in the width calculations */
	
}

.linkmail{ fontalign-items:center!important;-family:Georgia, "Times New Roman", Times, serif;  font-size:10pt !important; line-height:14pt; text-decoration:none; color:#000;-webkit-transition: all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease; transition:all 0.5s ease; }
.linkmail:hover{color:#c6168d; text-decoration:none;}

.successMessages { font-size:10pt; line-height:14pt; color:#8ec944; font-weight:normal; }
.errorMessages { font-size:10pt; line-height:14pt; color:#B00; font-weight:normal; }
.errorImage	{
	display:inline-block;
	cursor:hand;
	width:15px;
	height:15px;
	margin:8px 3px 1px 3px;
	padding:0px 0px 0px 0px;
	background-image:url(../images/error_image.png);
	background-position:center center;
	background-repeat:no-repeat;
}

/*City CSS*/

#topbandBox1 {
  display: block;
  position: absolute;
  width: 220px;
  left: 10px;
  top: 270px;
  -webkit-box-shadow: -4px 5px 10px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: -4px 5px 10px 0px rgba(50, 50, 50, 0.3);
  box-shadow: -4px 5px 10px 0px rgba(50, 50, 50, 0.3);
  z-index: 9;
  background-position: left top;
  background-repeat: repeat;
}


#topbandBox1 > div {
  display: block;
  padding: 10px;
  text-align: center !important;
  vertical-align: middle;
  color: #FFF;
  font-size: 26pt;
}

#topbandBox2 {
  display: block;
  position: absolute;
  width: 220px;
  left: 10px;
  top: 270px;
  -webkit-box-shadow: -4px 5px 10px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: -4px 5px 10px 0px rgba(50, 50, 50, 0.3);
  box-shadow: -4px 5px 10px 0px rgba(50, 50, 50, 0.3);
  z-index: 9;
  background-position: left top;
  background-repeat: repeat;
}


#topbandBox2 > div {
  display: block;
  padding: 10px;
  text-align: center !important;
  vertical-align: middle;
  color: #FFF;
  font-size: 26pt;
}




.topband-head img {
	width: 70%!important; 
	display: block; 
	margin: 0 auto; }


#topbandBox1 .topband-text {
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  padding: 30px 10px;
  letter-spacing: 0px;
  line-height: 30pt;
}


#topbandBox1 .topband-text {
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  padding: 30px 10px;
  letter-spacing: 0px;
  line-height: 30pt;
}

#topbandBox2 .topband-text {
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  padding: 30px 10px;
  letter-spacing: 0px;
  line-height: 30pt;
}


#topbandBox2 .topband-text {
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  padding: 30px 10px;
  letter-spacing: 0px;
  line-height: 30pt;
}





.new-section-part-city {
  display: flex;
  justify-content: space-between; /* Distribute space between parts */
  margin-top:0px ;
  gap: 21px;
	padding-bottom: 20px;
}




.topband-city {
  background-color: #000002;
  background: rgba(215, 25, 33, 0.7);
  background: url(./images/topband-cities.png);
}

.topband-city .topband-head {
  background-color: #d71920;
}

.left-single-column {
  display: flex;
  justify-content: space-between; /* Distribute space between columns */
  gap: 20px; /* Space between columns */
  /* Padding around the section */
  box-sizing: border-box; /* Includes padding in the width calculations */
  position: relative;
  padding-left: 0px;
  padding-right: 10px;
}
hr {border-top:2px solid #000000; background: #ff6600}

.quote-city {
  font-family: 'Oswald', sans-serif;
  font-size: 18pt;
  color: #d71920;
  line-height: 26pt;
  text-align: right ;
  display: block;
  font-weight: 400;
}
.author-city {
  font-family: 'Oswald', sans-serif;
  font-size: 10pt;
  color:#d71920;
  line-height: 14pt;
  text-align: right;
  display: block;
  font-weight: 400;
  padding-top: 10px;
  letter-spacing: 1px;
}
.head-internal-city {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 12pt;
  color: #d71920;
  padding: 10px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
  border-top: 4px solid #000000;
  border-bottom: 2px solid #000000;
  letter-spacing: 1px;
}

.head-internal-industrial {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#f15a22;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border-top:4px solid #000000;
	border-bottom:2px solid #000000;
	letter-spacing:1px;
}

.head-internal-builtenviron {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#f99d1c;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border-top:4px solid #000000;
	border-bottom:2px solid #000000;
	letter-spacing:1px;
}

.para-city-red {
  font-size: 10pt;
  color: #d71920;
  line-height: 14pt;
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 5px 0px;
}

.para-city-red-light {
  font-size: 10pt;
  color: #f15a4b;
  line-height: 14pt;
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 5px 0px;
}

.para-builtenviron-yellow {
	font-size:10pt;
	color:#f99d1c;
	line-height:14pt;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
}

.para-builtenviron-yellow-light {
	font-size:10pt;
	color:#f58220;
	line-height:14pt;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
}


.para-industrial-orange {
	font-size:10pt;
	color:#f15a22;
	line-height:14pt;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
}

.para-industrial-orange-light {
	font-size:10pt;
	color:#f58220;
	line-height:14pt;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
}

#listbuiltenviron { 
	padding:0;
	padding-left: 12px;
	list-style-image: url("images/arrow-builtenviron.png"); 
	margin:0; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size:10pt; 
	color:#000; 
	line-height:14pt; 
	list-style-position:outside; 
	font-weight:400; 
}
#listbuiltenviron li{ 
	 
	margin-top:3px; 
	margin-bottom:3px;}

#listcites {
    padding: 0;
	padding-left: 12px;
    list-style-image: url("images/arrow-cities.png");
    margin: 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 10pt;
    color: #000;
    line-height: 14pt;
    list-style-position: outside;
    font-weight: 400;
	
}


#listcites li {    
    margin-top: 3px;
    margin-bottom: 3px;
	
	}

.head-h1-builtenviron {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#f99d1c;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border-top:4px solid #000000;
	border-bottom:2px solid #000000;
	letter-spacing:1px;
}
.head-h1-cities {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#d71920;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border-top:4px solid #000000;
	border-bottom:2px solid #000000;
	letter-spacing:1px;}

.head-h1-industrial {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#f15a22;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border-top:4px solid #000000;
	border-bottom:2px solid #000000;
	letter-spacing:1px;
}

.head-internal-openspaces {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#72bf44;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border-top:4px solid #000000;
	border-bottom:2px solid #000000;
	letter-spacing:1px;
}

.para-openspaces {
	font-size:10pt;
	color:#9aca3c;
	line-height:14pt;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
}

.para-openspaces-light {
	font-size:10pt;
	color:#72bf44;
	line-height:14pt;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
}

#listopenspaces { 
	padding:0;
	padding-left: 12px;
	list-style-image: url("./images/arrow-openspaces.png"); 
	margin:0; font-family: Georgia, "Times New Roman", Times, serif; 
	font-size:10pt; color:#000; 
	line-height:14pt; 
	list-style-position:outside; 
	font-weight:400;}

#listopenspaces li { 
	margin-top:3px; 
	margin-bottom:3px;}

.quote-work {
  font-family: 'Oswald', sans-serif;
  font-size: 18pt;
  color: #9aca3c;
  line-height: 26pt;
  text-align: right;
  display: block;
  font-weight: 400;
}

.author-work {
  font-family: 'Oswald', sans-serif;
  font-size: 11pt;
  color: #9aca3c;
  line-height: 14pt;
  text-align: right;
  display: block;
  font-weight: 400;
  padding-top: 10px;
  letter-spacing: 1px;
}

.head-internal-workspaces {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#008fd5;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border-top:4px solid #000000;
	border-bottom:2px solid #000000;
	letter-spacing:1px;
}


.para-workspaces {
	font-size:10pt;
	color:#004c98;
	line-height:14pt;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
}

.para-workspaces-light {
	font-size:10pt;
	color:#0077c0;
	line-height:14pt;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
}

#listworkspaces { 
	padding:0;
	padding-left: 12px;
	list-style-image: url("images/arrow-workspaces.png"); 
	margin:0; font-family: Georgia, "Times New Roman", Times, serif; 
	font-size:10pt; 
	color:#000; line-height:14pt; 
	list-style-position:outside; 
	font-weight:400;}

#listworkspaces li { 
	margin-top:3px;
	margin-bottom:3px;}

.quote-workspace {
  font-family: 'Oswald', sans-serif;
  font-size: 18pt;
  color: #0077c0;
  line-height: 26pt;
  text-align: right;
  display: block;
  font-weight: 400;
}

.author-workspace {
  font-family: 'Oswald', sans-serif;
  font-size: 11pt;
  color: #0077c0;
  line-height: 14pt;
  text-align: right;
  display: block;
  font-weight: 400;
  padding-top: 10px;
  letter-spacing: 1px;
}

.head-h1-workspaces {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#008fd5;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border-top:4px solid #000000;
	border-bottom:2px solid #000000;
	letter-spacing:1px;
}

.head-h6-workspaces {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:10pt;
	color:#008fd5;
	padding:0px 0px 0px 0px;
	margin:3px 0px 3px 0px;
	letter-spacing:1px;
}

.head-h7-workspaces {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#008fd5;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	letter-spacing:1px;

}

.head-h7-industrial {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#f15a22;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	letter-spacing:1px;

}



.head-h7-builtenviron {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#f99d1c;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	letter-spacing:1px;

}

.head-h7-cities {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#d71920;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	letter-spacing:1px;

}
.grid-color {background-color:  #f0f0f0}

.grid-color-1 {background-color:  #e6e7e8}


.Qu-city{
  display: flex;
    position: absolute;
    bottom: 66%;
}
/* News*/

.news-head { color:#008fd5; font-weight:700; }

.news-heading {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20pt;
	line-height:24pt;
	margin-top:10px !important;
	display:block;
}

.news-date {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top:10px !important;
	display:block;
	padding-top:40px;
	padding-bottom:40px;
	font-size:13px!important;
}
/* INDUSTRIAL*/

.topband-industrial {
  background-color: #000002;
  background: rgba(215, 25, 33, 0.7);
  background: url(./images/topband-industrial.png);
}


.topband-industrial .topband-head {
	background-color:#f15a22;
}

.topband-builtenviron {
  background-color: #000002;
  background: rgba(215, 25, 33, 0.7);
  background: url(./images/topband-builtenviron.png);
}


.topband-openspaces .topband-head {
	background-color:#9aca3c;
}

.topband-industrial .topband-head {
	background-color:#f15a22;
}

.topband-industrial {
  background-color: #f15a22;
  background: rgba(215, 25, 33, 0.7);
  background: url(./images/topband-industrial.png);
}

.head-internal-industrial {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#f15a22;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border-top:4px solid #000000;
	border-bottom:2px solid #000000;
	letter-spacing:1px;
}

.para-industrial-orange {
	font-size:10pt;
	color:#f15a22;
	line-height:14pt;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
}

.para-industrial-orange-light {
	font-size:10pt;
	color:#f58220;
	line-height:14pt;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
}


#listindustrial { 
	padding:0; 
	padding-left: 12px;
	list-style-image: url("images/arrow-builtenviron.png"); 
	margin:0; font-family: Georgia, "Times New Roman", Times, serif; 
	font-size:10pt; color:#000; 
	line-height:14pt; 
	list-style-position:outside; 
	font-weight:400;
}
#listindustrial li{ 
	margin-top:3px; 
	margin-bottom:3px;}

.head-h1-industrial {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#f15a22;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border-top:4px solid #000000;
	border-bottom:2px solid #000000;
	letter-spacing:1px;
}

.head-h6-industrial {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:10pt;
	color:#f15a22;
	padding:0px 0px 0px 0px;
	margin:3px 0px 3px 0px;
	letter-spacing:1px;
}

.head-h7-industrial {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#f15a22;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	letter-spacing:1px;

}

.topband-workspaces {
  background-color: #008fd5;
  background: rgba(215, 25, 33, 0.7);
  background: url(./images/topband-workspaces.png);
}

.topband-workspaces .topband-head {
	background-color:#008fd5;
}

.topband-livingspaces {
  background-color: #00a9bd;
  background: rgba(215, 25, 33, 0.7);
  background: url(./images/topband-livingspaces.png);
}

.topband-livingspaces .topband-head {
	background-color:#008fd5;
}

.head-internal-livingspaces {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#00a9bd;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border-top:4px solid #000000;
	border-bottom:2px solid #000000;
	letter-spacing:1px;
}

.para-livingspaces {
	font-size:10pt;
	color:#00a9bd;
	line-height:14pt;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
}

.para-livingspaces-light {
	font-size:10pt;
	color:#008da2;
	line-height:14pt;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
}


#listlivingspaces { 
	padding:0;
	padding-left: 12px;
	list-style-image: url("images/arrow-livingspaces.png"); 
	margin:0; font-family: Georgia, "Times New Roman", Times, serif; 
	font-size:10pt; 
	color:#000; 
	line-height:14pt; 
	list-style-position:outside; 
	font-weight:400; 
}

#listlivingspaces li{ 
	 
	margin-top:3px; 
	margin-bottom:3px;}

.head-h1-livingspaces {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#00a9bd;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border-top:4px solid #000000;
	border-bottom:2px solid #000000;
	letter-spacing:1px;
}

.head-h6-livingspaces {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:10pt;
	color:#00a9bd;
	padding:0px 0px 0px 0px;
	margin:3px 0px 3px 0px;
	letter-spacing:1px;
}

.head-h7-livingspaces {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#00a9bd;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	letter-spacing:1px;

}


.para-livingspaces {
	font-size:10pt;
	color:#00a9bd;
	line-height:14pt;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
}

.para-livingspaces-light {
	font-size:10pt;
	color:#008da2;
	line-height:14pt;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
}


#listlivingspaces { 
	padding:0;
	padding-left: 12px;
	list-style-image: url("images/arrow-livingspaces.png"); 
	margin:0; font-family: Georgia, "Times New Roman", Times, serif; 
	font-size:10pt; 
	color:#000; 
	line-height:14pt; 
	list-style-position:outside; 
	font-weight:400; 
}

#listlivingspaces li { 
	 
	margin-top:3px; 
	margin-bottom:3px;
}

.quote-livingspace {
  font-family: 'Oswald', sans-serif;
  font-size: 18pt;
  color: #00a9bd;
  line-height: 26pt;
  text-align: right;
  display: block;
  font-weight: 400;
}

.author-livingspace {
  font-family: 'Oswald', sans-serif;
  font-size: 11pt;
  color: #00a9bd;
  line-height: 14pt;
  text-align: right;
  display: block;
  font-weight: 400;
  padding-top: 10px;
  letter-spacing: 1px;
}

.head-h1-livingspaces {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#00a9bd;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border-top:4px solid #000000;
	border-bottom:2px solid #000000;
	letter-spacing:1px;
}

.head-h6-livingspaces {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:10pt;
	color:#00a9bd;
	padding:0px 0px 0px 0px;
	margin:3px 0px 3px 0px;
	letter-spacing:1px;
}

.head-h7-livingspaces {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#00a9bd;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	letter-spacing:1px;

}

.topband-openspaces {
  background-color: #9aca3c;
  background: rgba(215, 25, 33, 0.7);
  background: url(./images/topband-openspaces.png);
}

.head-h1-openspaces {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#9aca3c;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border-top:4px solid #000000;
	border-bottom:2px solid #000000;
	letter-spacing:1px;
}

.head-h1-research {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#9aca3c;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border-top:4px solid #000000;
	letter-spacing:1px;
}

.head-h7-openspaces {
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12pt;
	color:#9aca3c;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	letter-spacing:1px;

}

.quote-open {
  font-family: 'Oswald', sans-serif;
  font-size: 18pt;
  color: #9aca3c;
  line-height: 26pt;
  text-align: left!important;
  display: block;
  font-weight: 400;
}

.author-open {
  font-family: 'Oswald', sans-serif;
  font-size: 11pt;
  color: #9aca3c;
  line-height: 14pt;
  text-align: left!important;
  display: block;
  font-weight: 400;
  padding-top: 10px;
  letter-spacing: 1px;
}


.topband-builtenviron .topband-head {
	background-color:#f99d1c;
}

.quote-org {
  font-family: 'Oswald', sans-serif;
  font-size: 18pt;
  color: #00aeef;
  line-height: 26pt;
  text-align: right!important;
  display: block;
  font-weight: 400;
}

.author-org {
  font-family: 'Oswald', sans-serif;
  font-size: 11pt;
  color: #00aeef;
  line-height: 14pt;
  text-align: right!important;
  display: block;
  font-weight: 400;
  padding-top: 10px;
  letter-spacing: 1px;
}

.topband-org {
  background-color: #008fd5;
  background: rgba(215, 25, 33, 0.7);
  background: url(./images/topband-about.png);
}

.topband-org .topband-head {
	background-color:#008fd5;
}



.Qu-industrial{
  display: flex;
    position: absolute;
    bottom: 64%;
}
	
	.Qu-openspace {
  display: flex;
    position: absolute;
    bottom: 62%;
}
		
		.Qu-wordspace {
  display: flex;
    position: absolute;
    bottom: 77%;
}
			
	.Qu-livingspace {
  display: flex;
    position: absolute;
    bottom: 62%;
}

.Qu-partner {
  display: flex;
    position: absolute;
    bottom: 30%;
}

.Qu-team {
  display: flex;
    position: absolute;
    bottom: 133%;
}



.Qu-special {
  display: flex;
    position: absolute;
    bottom: 68%;
}
	.Qu-re-city{
  display: flex;
    position: absolute;
    bottom: 70%;
}

@media screen and (max-width: 768px) {
	
	.full {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	}
	
	.two-column-contact-cor-section {
	 flex-direction: column; /* Stack columns vertically */
    gap: 0px; /* Maintain space between stacked items */
    /* padding-left: 10px; */
    /* padding-right: 10px; */

}
	
	

.two-column-contact-2 {
  flex:none; /* Stack columns vertically */
   width: 100%; /* Maintain space between stacked items */
	
}
	.two-column-contact-section {
  flex-direction: column; /* Stack columns vertically */
    gap: 0px; /* Maintain space between stacked items */
    /* padding-left: 10px; */
    /* padding-right: 10px; */

}
	
	.two-column-contact-1  {
    flex: none; /* Remove flex basis */
    width: 100%; /* Full width for each column */
    /* padding-left: 10px; */
    /* padding-right: 10px; */
	  
  }
	
	
	
	.two-column-contact-cor-1  {
    flex: none; /* Remove flex basis */
    width: 100%; /* Full width for each column */
    /* padding-left: 10px; */
    /* padding-right: 10px; */
	  
  }
	
	.two-column-contact-cor-2  {
    flex: none; /* Remove flex basis */
    width: 100%; /* Full width for each column */
    /* padding-left: 10px; */
    /* padding-right: 10px; */
		
  }
	
	.field {
	
	width:100%;
	
}
	
	.bigfield {
	
	width:100%;
	
}
	
	.custom-dropdown {
		width: 100%!important;
	}
	
	#topbandBox1 {
      width: 30%;
      left: 10px!important;
  		top: 80px!important;
      box-shadow: none; /* Optional: Change shadow for smaller screens */
  }
	
	#topbandBox2 {
      width: 30%;
      left: 10px!important;
  		top: 83px!important;
      box-shadow: none; /* Optional: Change shadow for smaller screens */
  }
	
	

  #topbandBox1 > div {
      font-size: 25px; /* Adjust font size */
  }

  #topbandBox1 .topband-text, 
  #topbandBox1 .topband-text2 {
      padding: 40px 5px; /* Adjust padding */
      line-height: 24pt; /* Adjust line height */
  }
	
	
	
	#topbandBox2 > div {
      font-size: 22px; /* Adjust font size */
  }

  #topbandBox2 .topband-text, 
  #topbandBox2 .topband-text2 {
      padding: 40px 5px; /* Adjust padding */
      line-height: 23pt; /* Adjust line height */
  }

  
	
.left-single-column {
  display: flex;
  justify-content: space-between; /* Distribute space between columns */
  gap: 20px; /* Space between columns */
  /* Padding around the section */
  box-sizing: border-box; /* Includes padding in the width calculations */
  position: relative;
  padding-left: 15px!important;
  padding-right: 15px!important;
}
  .left-single-column	 {
    flex-direction: column; /* Stack columns vertically */
    gap: 20px; /* Maintain space between stacked items */
  }
	.quote {
  font-family: 'Oswald', sans-serif;
  font-size: 18pt;
  color: #000000;
  line-height: 26pt;
  text-align: left !important;
  display: block;
  font-weight: 400;
}

.author {
  font-family: 'Oswald', sans-serif;
  font-size: 11pt;
  color: #000000;
  line-height: 14pt;
  text-align: left !important;
  display: block;
  font-weight: 400;
  padding-top: 10px;
  letter-spacing: 1px;
	margin-bottom: 20px;
}
	
	.org-logo {
		padding-top: 30px;
		padding-bottom: 20px;
	}
	
	.our-team {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
.quote-project {
  font-family: 'Oswald', sans-serif;
  font-size: 18pt;
  color: #000000;
  line-height: 26pt;
  text-align: left!important;
  display: block;
  font-weight: 400;
}
.author-project {
  font-family: 'Oswald', sans-serif;
  font-size: 10pt;
  color:#7d7e7f;
  line-height: 14pt;
  text-align: left!important;
  display: block;
  font-weight: 400;
  padding-top: 10px;
  letter-spacing: 1px;
}
	
	.quote-open {
  font-family: 'Oswald', sans-serif;
  font-size: 18pt;
  color: #9aca3c;
  line-height: 26pt;
  text-align: left!important;
  display: block;
  font-weight: 400;
}

.author-open {
  font-family: 'Oswald', sans-serif;
  font-size: 11pt;
  color: #9aca3c;
  line-height: 14pt;
  text-align: left!important;
  display: block;
  font-weight: 400;
  padding-top: 10px;
  letter-spacing: 1px;
}
	
	.quote-workspace {
  font-family: 'Oswald', sans-serif;
  font-size: 18pt;
  color: #0077c0;
  line-height: 26pt;
  text-align: left!important;
  display: block;
  font-weight: 400;
}

.author-workspace {
  font-family: 'Oswald', sans-serif;
  font-size: 11pt;
  color: #0077c0;
  line-height: 14pt;
  text-align: left!important;
  display: block;
  font-weight: 400;
  padding-top: 10px;
  letter-spacing: 1px;
	padding-bottom: 20px;
}
	
	.quote-livingspace {
  font-family: 'Oswald', sans-serif;
  font-size: 18pt;
  color: #00a9bd;
  line-height: 26pt;
  text-align: left!important;
  display: block;
  font-weight: 400;
}

.author-livingspace {
  font-family: 'Oswald', sans-serif;
  font-size: 11pt;
  color: #00a9bd;
  line-height: 14pt;
  text-align: left!important;
  display: block;
  font-weight: 400;
  padding-top: 10px;
  letter-spacing: 1px;
}
	

	
	.new-section-part-city {
  display: flex;
  justify-content: space-between; /* Distribute space between parts */
  margin-top: 0px;
  gap: 21px;
	padding-bottom: 0px;
}

.quote-city {
  font-family: 'Oswald', sans-serif;
  font-size: 18pt;
  color: #d71920;
  line-height: 26pt;
  text-align: left !important;
  display: block;
  font-weight: 400;
}
	
.author-city {
  font-family: 'Oswald', sans-serif;
  font-size: 10pt;
  color:#d71920;
  line-height: 14pt;
  text-align: left !important;
  display: block;
  font-weight: 400;
  padding-top: 10px;
  letter-spacing: 1px;
	margin-bottom: 20px;
}
	
	.flexslider .slides img {width: auto}
	
	.quote-org {
  font-family: 'Oswald', sans-serif;
  font-size: 18pt;
  color: #00aeef;
  line-height: 26pt;
  text-align: left!important;
  display: block;
  font-weight: 400;
}

.author-org {
  font-family: 'Oswald', sans-serif;
  font-size: 11pt;
  color: #00aeef;
  line-height: 14pt;
  text-align: left!important;
  display: block;
  font-weight: 400;
  padding-top: 10px;
  letter-spacing: 1px;
}
	
	.left, .right { margin-top:0px; margin-bottom: 0px}
	

}

.flexslider-img {
	max-width: 200px!important;
	background: none!important;
	
}



	


@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

.new-section-part-city {
  
  margin-top: 0px;
}
	  
  #topbandBox2 {
      width: 30%;
      left: 10px!important;
  		top: 80px!important;
      box-shadow: none; /* Optional: Change shadow for smaller screens */
  }

  #topbandBox1 > div {
      font-size: 17px; /* Further adjust font size */
  }
	  
	  #topbandBox2 > div {
      font-size: 17px; /* Further adjust font size */
  }
	  
	  #topbandBox > div {
      font-size: 17px; /* Further adjust font size */
  }

  #topbandBox1 .topband-text, 
  #topbandBox1 .topband-text2 {
      padding: 10px 2px; /* Further adjust padding */
      line-height: 	15pt; /* Further adjust line height */
  }
	  
	  #topbandBox2 .topband-text, 
  #topbandBox2 .topband-text2 {
      padding: 10px 2px; /* Further adjust padding */
      line-height: 	15pt; /* Further adjust line height */
  }

	}

  .youtube-video {
    position:relative;
    display:inline-block;
  }
  .youtube-video img { 
    display:block;
    border:none;
  }
  .youtube-video > img.hover {
    position:absolute;
    display:none;
    left:0px;
    top:0px;
    z-index:7;
  }
  .youtube-video > iframe { 
    position:absolute;
    display:none;
    left:0px;
    top:0px;
    z-index:9;
    background-color:#000;
  }