@media screen and (min-width: 320px) {
  .box {
    border: none;
  }

  .mybg {
    padding: 0px;
  }
}

@media screen and (max-width: 300px) {
  .box {
    border: none;
    border-bottom: 0px;
    padding: 0px;
    margin: 0px;
  }

  .mybg {
    padding: 0px;
  }

  .image.featured img {
    margin: 0px auto;
    float: none;
  }
}


body,
input,
select,
textarea {
  color: #605555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: 300;
  line-height: 1.65em;
  letter-spacing: -0.015em;
}

body {
  width: 100%;
  font-size: 18px !important;
  overflow-x: hidden;
  margin: 0;
  padding: 0;


  font-family: sans-serif;
}

.card {

  margin-top: 0px;
  display: block;
  padding: 0px;
  padding-top: 3rem;
  padding-bottom: 0rem;
  margin: 0px;


}

.card-body {
  margin-top: 0px;
  display: block;
  padding: 0px;
  padding-top: 8.68rem;
  padding-bottom: 10.3rem;
  margin: 0px;
}

g[AttributesStyle] {
  transform: translate(24642, 10695.2);
  transform: translate(-24643, -10699.4);
}

:not(svg) {
  transform-origin: 0px 0px;

}

svg[AttributesStyle] {
  width: 74.102;
  height: 63.445;
}

path[AttributesStyle] {
  d: path("M 17.207 76.71 V 74.785 l 23.388 8.271 q 0.048 0.015 0.1 0.026 a 10.1 10.1 0 0 0 8.241 -1.373 L 73.153 67.969 h 0.02 l 0.592 -0.352 A 4.9 4.9 0 0 0 75.75 61.6 a 4.6 4.6 0 0 0 -3.458 -2.946 v -0.01 a 4.821 4.821 0 0 0 -2.147 0.168 a 1.227 1.227 0 0 0 -0.122 0.056 L 56.671 65.33 a 5.073 5.073 0 0 0 -5.1 -5.851 H 40.453 c -0.048 -0.089 -0.1 -0.214 -0.147 -0.3 c -0.2 -0.375 -0.414 -0.736 -0.646 -1.088 a 13.187 13.187 0 0 0 -1.575 -1.955 a 12.725 12.725 0 0 0 -9.121 -3.855 H 17.207 v -2.2 C 17.207 49.367 17.207 77.432 17.207 76.71 Z m 0 -21.812 H 28.964 a 10.246 10.246 0 0 1 7.366 3.109 A 10.581 10.581 0 0 1 37.6 59.576 q 0.279 0.423 0.518 0.873 c 0.2 0.37 0.329 0.6 0.435 0.853 l 0.323 0.791 h 12.7 a 2.722 2.722 0 0 1 1.047 5.2 L 52.6 67.3 a 2.667 2.667 0 0 1 -1.032 0.209 H 34.154 v 2.614 H 51.57 a 4.91 4.91 0 0 0 1.5 -0.26 a 1.211 1.211 0 0 0 0.43 -0.112 l 17.475 -8.46 a 2.342 2.342 0 0 1 0.959 -0.061 c 0.537 0.081 1.054 0.235 1.516 1.379 a 2.181 2.181 0 0 1 -0.915 2.726 l -0.587 0.342 l -24.307 13.8 q -0.053 0.031 -0.1 0.066 a 8.008 8.008 0 0 1 -6.221 1.011 h 0 l -24.1 -8.521 Z");
  transform: translate(-1.004, -15.782);
  fill: rgb(15, 99, 172);
}


path[AttributesStyle] {
  d: path("M 2.256 48.782 A 1.281 1.281 0 0 0 1 50.089 V 76.71 a 1.281 1.281 0 0 0 1.252 1.307 h 13.7 a 1.281 1.281 0 0 0 1.252 -1.307 V 74.785 c -0.063 -11.44 -0.065 -8.643 0 -22.5 v -2.2 a 1.281 1.281 0 0 0 -1.252 -1.307 H 2.256 Z M 3.508 51.4 H 14.7 V 75.4 H 3.508 Z");
  transform: translate(-0.004, -16.782);
  fill: rgb(3, 23, 40);
}


path[AttributesStyle] {
  d: path("M 253.1 -177.7 a 18.908 18.908 0 0 0 -18.9 18.913 a 18.914 18.914 0 0 0 5.535 13.369 a 18.9 18.9 0 0 0 26.739 0.066 a 18.9 18.9 0 0 0 0.066 -26.739 l -0.066 -0.066 A 18.721 18.721 0 0 0 253.1 -177.7 Z m 0 36.158 a 17.27 17.27 0 0 1 -17.253 -17.245 A 17.277 17.277 0 0 1 253.1 -176.041 A 17.263 17.263 0 0 1 270.35 -158.8 A 17.27 17.27 0 0 1 253.1 -141.543 Z");
  transform: translate(-234.2, 177.701);
  fill: rgb(3, 23, 40);
  stroke: rgb(3, 23, 40);
  stroke-width: 0.5;
}

.path[AttributesStyle] {
  d: path("M 411.452 -36.17 a 0.832 0.832 0 0 0 -0.83 -0.83 h -8.4 a 0.832 0.832 0 0 0 -0.83 0.83 a 0.832 0.832 0 0 0 0.83 0.83 h 2.407 a 2.805 2.805 0 0 1 2.647 1.909 h -5.054 a 0.832 0.832 0 0 0 -0.83 0.83 a 0.832 0.832 0 0 0 0.83 0.83 h 5.054 a 2.877 2.877 0 0 1 -0.689 1.154 a 2.766 2.766 0 0 1 -1.959 0.838 h -2.407 a 0.8 0.8 0 0 0 -0.83 0.772 a 0.8 0.8 0 0 0 0.257 0.622 l 6.008 5.676 a 0.819 0.819 0 0 0 1.17 -0.041 a 0.8 0.8 0 0 0 -0.017 -1.129 c -0.008 -0.008 -0.017 -0.008 -0.017 -0.017 l -4.49 -4.224 h 0.315 a 4.458 4.458 0 0 0 3.137 -1.32 a 4.278 4.278 0 0 0 1.22 -2.332 h 1.643 a 0.832 0.832 0 0 0 0.83 -0.83 a 0.832 0.832 0 0 0 -0.83 -0.83 h -1.643 a 3.852 3.852 0 0 0 -0.9 -1.909 h 2.539 a 0.834 0.834 0 0 0 0.838 -0.83 Z");
  transform: translate(-387.519, 48.677);
  fill: rgb(15, 99, 172);
  stroke: rgb(15, 99, 172);
  stroke-width: 0.5;
}

path[AttributesStyle] {
  d: path("M 302.073 -124.3 A 14.486 14.486 0 0 0 287.6 -109.827 a 14.486 14.486 0 0 0 14.473 14.473 a 14.486 14.486 0 0 0 14.473 -14.473 A 14.486 14.486 0 0 0 302.073 -124.3 Z m 0 27.287 a 12.832 12.832 0 0 1 -12.813 -12.813 a 12.832 12.832 0 0 1 12.813 -12.813 a 12.832 12.832 0 0 1 12.813 12.813 a 12.832 12.832 0 0 1 -12.813 12.813 Z");
  transform: translate(-283.168, 128.732);
  fill: rgb(3, 23, 40);
  stroke: rgb(3, 23, 40);
  stroke-width: 0.5;
}

.bgimage {

  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(images/Background1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 3.5rem;


}

.mybg {
  width: 100%;
  height: 100%;
  max-height: auto;
  /* background-color: red; */
  background-image: url(images/Background1.jpg);
  padding: 142px 0px;
  margin: 20px 0px;
  background-repeat: no-repeat;
  background-size: cover;
}


.para {


  padding-top: 1.5rem;
  padding-bottom: 10px;
  text-align: justify;
  padding: 5px;
  margin-bottom: 35px;
  margin: 48px 0px;

}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  padding-bottom: 42px;
}

.card-text {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}

/* 
.diagram-gap img{
  width:100%;
  height: auto;
  position: absolute;
  top:610px;
  clear: both;
  background-image: url(../images/bggg.jpg);

 } */


ol,
ul {
  list-style: none;
}

.icon {
  text-decoration: none;
  border-bottom: none;
  position: relative;
}

.icon:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  text-transform: none !important;
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}

.icon>.label {
  display: none;
}

.icon:before {
  line-height: inherit;
}

.icon.solid:before {
  font-weight: 900;
}

.icon.brands:before {
  font-family: 'Font Awesome 5 Brands';
}

.icons.major {
  background: #666;
  border-radius: 100%;
  color: #ffffff;
  cursor: default;
  display: inline-block;
  height: 5.5em;
  line-height: 5.5em;
  margin: 0 0 2em 0;
  width: 5.5em;
}

.icon.major:before {
  font-size: 2.5em;
}

.icon.major.accent1 {
  background: #666;
  color: #ffffff;
}

.icon.major.accent2 {
  background: #e89980;
  color: #ffffff;
}

.icon.major.accent3 {
  background: #7fcdb8;
  color: #ffffff;
}

.icon.major.accent4 {
  background: #90b0ba;
  color: #ffffff;
}

.icon.major.accent5 {
  background: #e5cb95;
  color: #ffffff;
}

ul.icons {
  cursor: default;
  list-style: none;
  padding-left: 0;
}

ul.icons li {
  display: inline-block;
  padding: 0 1.25em 0 0;
}

ul.icons li:last-child {
  padding-right: 0;
}

ul.icons li .icon {
  color: #fbfcfc;
}


ul li,
.fa-facebook-f:hover .fa-twitter-f:hover .fa-instagram-f:hover .fa-linkedin-f:hover {
  color: #113b53;

}


ul.icons li .icon:before {
  font-size: 1.75em;
}

.icons a.fa-twitter:hover {
  background-color: #2ad8d8;
  color: #ffff;
}

.icons a.fa-facebook-f:hover {
  background-color: #2d609b;
  color: #ffff;
}

.icons a.fa-instagram:hover {
  background-color: #e6536f;
  color: #ffff;
}

.icons a.fa-github:hover {
  background-color: #1a87bf;
  color: #ffff;
}

.icons a.fa-dribbble:hover {
  background-color: #1a87bf;
  color: #ffff;
}

.icons a.fa-google-plus:hover {
  background-color: #1a87bf;
  color: #ffff;
}

.heading {
  color: rgb(81, 133, 218)
}

.footer {
  background-color: #052b64;
  /*background-image: linear-gradient(#9ec9ef, #175183);*/
  color: white;
  height: 100%;
}

.footer p {
  font-size: medium;
}

.imagefeatured {
  padding-top: 25px;
  max-width: 100%;
  max-height: 100%;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
}

.imagefeatured img {

  display: block;
}

.vision1,
.vision2,
.vision3 {
  position: relative;
  /*top: -4.5rem; */
}

.vis {
  position: relative;
  top: -4.5rem;
}

h1.title {

  line-height: 50px;
  padding-bottom: 20px;
  /*padding-top: 35px;*/
  margin-bottom: 0;
  position: relative;
  padding-right: 5.5rem;
  font-size: 25px;
  font-weight: 600;
}

.blue-title {
  color: #0C5ADF;

}



.box {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 0 0 #e5e5e5;
  margin: 0 0 2em 0;
  padding: 10px;
}

.box> :last-child {
  margin-bottom: 0;
}

.box.alt {
  background: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 0 2em 0;
  padding: 0 !important;
}

.box.features .features-row {
  border-top: solid 2px #e5e5e5;
  position: relative;
}

.box.features .features-row:after {
  clear: both;
  content: '';
  display: block;
}

.box.features .features-row section {
  float: left;
  padding: 1em;
  width: 50%;
}

.box.features .features-row section :last-child {
  margin-bottom: 0;
}

.box.features .features-row section:nth-child(2n) {
  padding-right: 0;
}

.box.features .features-row section:nth-child(2n):before {
  background: #e5e5e5;
  content: '';
  display: block;
  height: 100%;
  margin-left: -3em;
  position: absolute;
  top: 0;
  width: 2px;
}

.box.features .features-row section:nth-child(2n-1) {
  padding-left: 0;
}

.box.features .features-row:first-child {
  border-top: 0;
}

.box.features .features-row:first-child section {
  padding-top: 0;
}

.box.features .features-row:last-child {
  padding-bottom: 0;
}

.box.features .features-row:last-child section {
  padding-bottom: 0;
}

.box.special {
  text-align: center;
}

.center {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
}

.box .image.featured {
  border-radius: 0;
  display: block;
  margin: 3em 0 3em -3em;
  position: relative;
  width: calc(100% + 6em);

}

.box .image.featured img {
  border-radius: 0;

}

.box .image.featured:first-child {
  border-radius: 6px 6px 0 0;
  margin-bottom: 3em;
  margin-top: -3em;

}

.box .image.featured:first-child img {
  border-radius: 6px 6px 0 0;

}

.box .image.featured:last-child {
  border-radius: 0 0 6px 6px;
  margin-bottom: -3em;
  margin-top: 3em;

}

.box .image.featured:last-child img {
  border-radius: 0 0 6px 6px;

}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
  width: 100%;
  margin: auto;

}


#header {
  padding-left: 3.5rem;
  margin-top: -2.5rem;
  padding-right: 2.5rem;
  margin-bottom: -1rem;
  background-color: rgb(255, 255, 255);
}


#navbarSupportedContent li {
  font-size: medium;
  padding-right: 5.5rem;
  padding-left: 2.5rem;
  /* padding: 3rem; */
}

#navbarSupportedContent button:hover {


  color: white;
}



.symbol {
  padding-left: 11.8rem;

}


.relative {
  position: relative;
  left: -20px;

}


              /* #home-btn{

                                 padding-left: 1rem; 

              } */

#register-btn {
  display: flex;
  justify-content: flex-end;
  /* Right aligned */
  margin: 20px;
}

#regbtn {
  padding: 12px 30px;
  background: linear-gradient(to right, #00c6ff, #0072ff);
  /* Blue gradient */
  color: white;
  font-size: 16px;
  border: none;
  border-radius: 30px;
  font-weight: bold;
  box-shadow: 0 4px 10px rgba(0, 114, 255, 0.3);
  transition: all 0.3s ease;
  cursor: pointer;
}

#regbtn:hover {
  background: linear-gradient(to right, #0072ff, #00c6ff);
  /* Reverse gradient */
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(0, 114, 255, 0.5);
}

#regbtn a {
  color: white;
  text-decoration: none;
}

#regbtn a:hover {
  text-decoration: none;
}


#boxes {
  padding-left: 0px;
  margin-top: -166px;
}

#boxes1 {
  padding-left: opx;
}

.feat_img img {
  width: 100%;
  min-height: 100%;

  background-repeat: no-repeat;
  background-size: 102% 77%;
  position: absolute;
  clear: left;
  top: 1324px;
  margin-top: 34.5rem;
}

#boxes1 {
  margin-right: 7.5rem;
}

#boxes2 {
  margin-right: 7.5rem;
}
.about-text {
  padding-top: 210.5rem;
  display: block;
}

* {
  box-sizing: border-box;
}

.row>.column {
  padding: 8px;
  box-sizing: border-box;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 25%;
  position: relative;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
  border-radius: 10px;
}

/* Image Styling */

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.dropdown-menu li {
  padding: 0px;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: 15px;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.card:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.wwbimage {
  float: left;
  width: 25%;
  margin-right: 7.5rem;
  margin-left: 0.5rem;
}

.icon {
  text-decoration: none;
  border-bottom: none;
  position: relative;
}

.icon:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  text-transform: none !important;
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}

.icon .label {
  display: none;
}

.icon:before {
  line-height: inherit;
}

.icon.solid:before {
  font-weight: 900;
}

.icon.brands:before {
  font-family: 'Font Awesome 5 Brands';
}

.icon.major {
  background: #666;
  border-radius: 100%;
  color: #ffffff;
  cursor: default;
  display: inline-block;
  height: 5.5em;
  line-height: 5.5em;
  margin: 0 0 2em 0;
  width: 5.5em;
}

.icon:before {
  font-size: 2.5em;
}

.icon.accent1 {
  background: #666;
  color: #ffffff;
}

.icon.major.accent2 {
  background: #e89980;
  color: #ffffff;
}

.icon.major.accent3 {
  background: #7fcdb8;
  color: #ffffff;
}

.icon.major.accent4 {
  background: #90b0ba;
  color: #ffffff;
}

.icon.major.accent5 {
  background: #e5cb95;
  color: #ffffff;
}

.text-uppercase {
  color: #0a64ad;
  font-size: larger;

}

/* foooter */
.social-links ul.icons {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 15px;
  margin-top: 15px;
  justify-content: center;
}

.social-links ul.icons li {
  display: inline-block;
}

.social-links ul.icons li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  font-size: 20px;
  color: #ffffff;
  background-color: #0072ff;
  border-radius: 12px;
  /* Curve shape */
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 114, 255, 0.3);
  text-decoration: none;
}

.social-links ul.icons li a:hover {
  transform: scale(1.2);
  background-color: #00c6ff;
  box-shadow: 0 6px 20px rgba(0, 114, 255, 0.5);
}

h5.text-uppercase {
  color: #f7e6e6;
  font-weight: bold;
  margin-bottom: 10px;
}

.p-2 {
  padding: 0 30px 15px 0;
}

#mainfooter {
  padding: 69px 1.5rem 0;
}


.title1,
.title2,
.title3 {
  font-size: 20px;
  text-align: center;

}

.body {
  margin: 0;
  padding: 0;
  background-color: #bcd2e6;
  padding-bottom: 100px;

}

#contact {
  width: 100%;
  height: 100%;
}

.section-header {
  text-align: center;
  margin: 0 auto;
  padding: 19px 0;
  /* font: 300 60px 'Oswald', sans-serif; */
  color: #140505;

  letter-spacing: 6px;
}

.contact-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 auto;
  padding: 16px 0px;
  position: relative;
  max-width: 840px;
}

/* Left contact page */
.form-horizontal {
  /*float: left;*/
  /*max-width: 400px;*/
  font-family: 'Lato';
  font-weight: 400;
}

.form-control,
textarea {
  /*max-width: 400px;*/
  background-color: #000;
  color: #fff;
  letter-spacing: 1px;
}

#regbtn a:hover {
  color: #fff;
  /* text-decoration: underline; */
}

.send-button {
  margin-top: 15px;
  height: 34px;
  width: 400px;
  overflow: hidden;
  transition: all .2s ease-in-out;
}

.alt-send-button {
  width: 400px;
  height: 34px;
  transition: all .2s ease-in-out;
}

.send-text {
  display: block;
  margin-top: 10px;
  font: 700 12px 'Lato', sans-serif;
  letter-spacing: 2px;
}

.alt-send-button:hover {
  transform: translate3d(0px, -29px, 0px);
}

/* Begin Right Contact Page */
.direct-contact-container {
  max-width: 400px;
}

/* Location, Phone, Email Section */
.contact-list {
  list-style-type: none;
  margin-left: -30px;
  padding-right: 20px;
}

.list-item {
  line-height: 2;
  color: #aaa;
}

.contact-text {
  font: 300 18px 'Lato', sans-serif;
  letter-spacing: 1.9px;
  color: #0c0c0c;
}

.place {
  margin-left: 9px;
}

.phone {
  margin-left: 9px;
}

.gmail {
  margin-left: 9px;
}

.contact-text a {
  color: #484747;
  text-decoration: none;
  transition-duration: 0.2s;
}

.contact-text a:hover {
  color: #090909;
  text-decoration: none;
}


/* Social Media Icons */
.social-media-list {
  position: relative;
  font-size: 22px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.social-media-list li a {
  color: #fff;
}

.social-media-list li {
  position: relative;
  display: inline-block;
  height: 60px;
  width: 60px;
  margin: 10px 3px;
  line-height: 60px;
  border-radius: 50%;
  color: #fff;
  background-color: #337ab7;
  cursor: pointer;
  transition: all .2s ease-in-out;
}

.social-media-list li:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  opacity: 0;
  box-shadow: 0 0 0 1px #fff;
  transition: all .2s ease-in-out;
}

.social-media-list li:hover {
  background-color: #ebdede;
}

.social-media-list li:hover:after {
  opacity: 1;
  transform: scale(1.12);
  transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
}

.social-media-list li:hover a {
  color: #96c1e8;
}

.copyright {
  font: 200 14px 'Oswald', sans-serif;
  color: #337ab7;
  letter-spacing: 1px;
  text-align: center;
}

.hr {
  border-color: #337ab7;
}

/* Begin Media Queries*/
@media screen and (max-width: 850px) {
  .contact-wrapper {
    display: flex;
    flex-direction: column;
  }

  .direct-contact-container,
  .form-horizontal {
    margin: 0 auto;
  }

  .direct-contact-container {
    margin-top: 60px;
    max-width: 300px;
  }

  .social-media-list li {
    height: 60px;
    width: 60px;
    line-height: 60px;
  }

  .social-media-list li:after {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}

@media screen and (max-width: 569px) {

  .direct-contact-container,
  .form-wrapper {
    float: none;
    margin: 0 auto;
  }

  .form-control,
  textarea {

    margin: 0 auto;
  }

  .name,
  .email,
  textarea {
    width: 280px;
  }

  .direct-contact-container {
    margin-top: 60px;
    max-width: 280px;
  }

  .social-media-list {
    left: 0;
  }

  .social-media-list li {
    height: 55px;
    width: 55px;
    line-height: 55px;
    font-size: 2rem;
  }

  .social-media-list li:after {
    width: 55px;
    height: 55px;
    line-height: 55px;
  }

}

@media screen and (max-width: 410px) {
  .send-button {
    width: 99%;
  }
}

.nav-link {
  font-weight: bold;
}

#home-btn.nav-link {
  font-weight: bold;
}


ul.list-unstyled a,
ul.dropdown-menu a {
  font-weight: bold;
}

ul.list-unstyled a,
ul.dropdown-menu a {
  font-weight: bold !important;
}

 

  
 .about-banner {
    background: url('./images/pexels-veeterzy-303383.jpg') no-repeat center center;
    background-size: cover;
    height: 300px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .about-banner h1 {
    color: white;
    font-size: 48px;
    font-weight: bold;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.7);
  }

  .paras {
    padding: 30px;
    font-size: 18px;
    line-height: 1.8;
  }
  <style>
  .map-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }

  .map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }

  .footer-map-title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
    color: #333;
  }