.btn-orange-linear {
  padding: 0.275rem 0.25rem !important;
  color: #fff;
  background: #f3442b;
  background: linear-gradient(90deg, #f3442b 1%, #f6681b 35%, #f66a1a 100%);
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.navbar-nav .dropdown-menu {
  margin-left: 0px;
}
.main-menu .navbar-dark .navbar-nav .nav-link {
  font-weight: bold !important;
  color: #24252a;
  font: normal normal normal 14px/17px Roboto;
  moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.activeMenu {
  color: #f82806 !important;
}
.topLink,
.navbar-expand-xl .navbar-nav .dropdown-item {
  moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.topLink:hover {
  color: #f82806 !important;
}

.navbar-expand-xl .navbar-nav .dropdown-item:hover {
  color: #f82806;
  background-color: transparent;
}
@media (min-width: 1200px) {
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-left: 45px;
  }
}
@media (min-width: 1200px) {
  .mr-web {
    margin-left: -3rem;
  }
}

.bread {
  background-color: #234e79;
}

.bread h1 {
  text-align: center;
  font: normal normal bold 32px/42px Roboto;
  letter-spacing: 0px;
  color: #ecb653;
  text-transform: uppercase;
}

.breadcrumb {
  background-color: transparent;
  border-radius: unset;
  padding-top: 0px;
}
.breadcrumb-item + .breadcrumb-item::before {
  padding-right: 0.5rem;
  color: #fff;
  content: "|";
}

.breadcrumb a {
  text-align: center;
  font-weight: bold;

  color: #ffffff;
}
.breadcrumb .active {
  color: #ffffff;
  font-weight: normal;
}

.pyl {
  padding-top: 93px;
  padding-bottom: 93px;
}

.textSection h2 {
  text-align: left;
  font: normal normal bold 32px/46px Roboto;
  letter-spacing: 0px;
  color: #212529;
}
.textSection p {
  text-align: left;
  font: normal normal normal 16px/26px Roboto;
  letter-spacing: 0px;
  color: #212529;
}

.ebthumb {
  border: 4px solid #f05a2b;
}
.ebtitle {
  text-align: left;
  font: normal normal bold 24px/30px Roboto;
  letter-spacing: 0px;
  color: #f3442b;
}
.ebsubtitle {
  text-align: left;
  font: normal normal normal 16px/23px Roboto;
  letter-spacing: 0px;
  color: #212529;
}
.pills {
  padding: 14px 28px;
  background: #0d1f31 0% 0% no-repeat padding-box;
  border-radius: 15px;
  text-align: center;
  font: normal normal bold 16px/26px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  margin-bottom: 10px;
  max-width: 335px;
}
.sglist {
  margin-left: 17px;
}

.sglist li {
  margin-bottom: 17px;
}
.sgolist {
  margin-left: 46px;
  margin-top: 20px;
  margin-bottom: 25px;
}
a {
  color: #f05b2c;
}
a:hover {
  color: #ee3c05;
}

ul#footer-address {
  list-style: none;
  padding: 0;
  margin-left: 0px;
}
ul#footer-address li {
  padding-left: 30px;
  text-align: left;
  font: normal normal bold 18px/26px Roboto;
  letter-spacing: 0px;
  color: #212529;
}
ul#footer-address li:before {
  font-family: FontAwesome;
  color: #f05a2b;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 47px; /* same as padding-left set on li */
}
ul#footer-address li#map-icon:before {
  content: "\f041";
  color: #f05a2b;
  font-size: 22px;
}
ul#footer-address li#phone-icon:before {
  content: "\f095";
  color: #f05a2b;
  font-size: 22px;
}
ul#footer-address li#envelope-icon:before {
  content: "\f0e0";
  color: #f05a2b;
  font-size: 22px;
}
h3 {
  text-align: left;
  font: normal normal bold 22px/46px Roboto;
  letter-spacing: 0px;
  color: #212529;
}
.articleDis {
  text-align: left;
  font: normal normal normal 22px/26px Roboto;
  letter-spacing: 0px;
  color: #212529 !important;
}

.articleName {
  text-align: left;
  font: normal normal normal 16px/30px Roboto;
  letter-spacing: 0px;
  color: #f3442b !important;
}
.articleSource {
  text-align: left;
  font: normal normal normal 16px/26px Roboto;
  letter-spacing: 0px;
  color: #212529 !important;
}
.banner {
  background: url("../img/bannertt.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.banner h1 {
  text-align: left;
  font: normal normal bold 32px/42px Roboto;
  letter-spacing: 0px;
  color: rgba(255, 255, 255, 1);
}

@media (max-width: 768px) {
  .carousel-inner .carousel-item > div {
    display: none;
  }
  .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

/* display 3 */
@media (min-width: 768px) {
  .carousel-inner .carousel-item-right.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(33.333%);
  }

  .carousel-inner .carousel-item-left.active,
  .carousel-inner .carousel-item-prev {
    transform: translateX(-33.333%);
  }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
  transform: translateX(0);
}

.carousel-control-prev {
  right: unset;
}

.card-body {
  background: #f2f5f6;
}

.carousel .card-body {
  background: #f2f5f6;
  height: 300px;
}
.carousel .card-text {
  position: absolute;
  bottom: 29px;
}
.bg-dark {
  background-color: #234e79 !important;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 50px;
  height: 50px;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='white' class='bi bi-arrow-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='white' class='bi bi-arrow-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/%3E%3C/svg%3E");
}
.border {
  border: 12px solid #234e79 !important;
}
.card-title {
  text-align: left;
  font: normal normal bold 18px/30px Roboto;
  letter-spacing: 0px;
  color: #f3442b;
}
.btn-orange-linear-no-shadow {
  moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-image: linear-gradient(
    90deg,
    #f3442b 1%,
    #f6681b 35%,
    #f66a1a 100%
  );
}

.btn-orange-linear-no-shadow:hover,
.btn-orange-linear:hover {
  color: #fff;
  background-image: linear-gradient(to right, #e42e12 50%, #fd5e02 100%);
  box-shadow: 0 5px 15px rgba(242, 97, 103, 0.4);
}

.about1img {
  text-align: left !important;
}
.fl {
  float: left !important;
}
.tr {
  text-align: right;
}
.tl {
  text-align: left;
}
@media only screen and (max-width: 800px) {
  .topBanner {
    padding-top: 0px !important;
  }
  .banner {
    background-position: right !important;
  }
  .vutitle {
    line-height: 38px !important;
  }
  .lawtitle {
    line-height: 63px !important;
  }
  .pyl {
    padding-top: 42px;
    padding-bottom: 37px;
  }
  .pyl {
    padding-top: 42px;
    padding-bottom: 37px;
  }
  .about1img {
    text-align: center !important;
    margin-bottom: 35px;
  }

  .textSection h2 {
    text-align: center !important;
    font: normal normal bold 23px/28px Roboto;
  }
  .textSection p,
  .abtJour,
  .tr,
  .tl {
    text-align: center !important;
  }
  .fl {
    float: unset !important;
  }

  .social-icon.pull-right {
    margin-left: 6% !important;
  }

  .bread {
    padding-top: 20px !important;
  }
  .ts h2,
  .ts p {
    text-align: left !important;
  }
  .marTop {
    margin-top: 25px !important;
  }
  .icon-bar {
    display: block;
  }
}

/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
  position: fixed;
  bottom: -22px;
  width: 100%;
  margin: auto 0px;
  text-align: center !important;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 999;
  display: none;
}

/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  padding: 8px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

/* Style the social media icons with color, if you want */
.icon-bar a:hover {
  background-color: #e92608;
}

.phone {
  background: #f3442b;
  color: white;
}