@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Sinhala:wght@100;300;400;500;600;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Tamil:wght@300;400;500;600;700;800&display=swap);

.headerimg .brnad-logo,
.headerimg .header-img {
  position: relative;
  height: 30vw;
}

.Machines a,
.app p,
.article-topic,
.banking p,
.boxed input[type="radio"]:checked + label,
.boxed label,
.branch-card .inner .details .derection,
.branch-card .inner .details h4,
.branchico .h4,
.btn-red,
.cal-result h3,
.cal-result h4,
.cal-result p,
.calculator .money input,
.calculator .money label,
.calculator .numbers .btn-cal,
.calculator .period p,
.calculator .rate input,
.calculator .rate label,
.carousel-two .item .details h5,
.director .name,
.exlink,
.footer .follow .follow-text,
.footer .services h5,
.heading p,
.ico-btn .main h5,
.inner-topic,
.innerheader-img .pagename h3,
.news .newsrow .news-details h5,
.payment .point p,
.report-card .reportname h5,
.tender .contactus .details p,
.tender__form h1,
.timeline .yearmain .year p,
.vacancies .item .details h5,
.vacanciestab .nav-tabs .nav-link,
h2.topic {
  font-family: GrotesquePro-Bold;
}

*,
.cal-result p.note {
  font-family: GrotesquePro-Regular;
}

@font-face {
  font-family: GrotesquePro-Regular;
  src: url("../fonts/GrotesquePro-Regular.woff") format("woff"),
    url("../fonts/GrotesquePro-Regular.woff2") format("woff2"),
    url("../fonts/GrotesquePro-Regular.svg#GrotesquePro-Regular") format("svg"),
    url("../fonts/GrotesquePro-Regular.eot"),
    url("../fonts/GrotesquePro-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/GrotesquePro-Regular.ttf") format("truetype");
}

@font-face {
  font-family: GrotesquePro-Bold;
  src: url("../fonts/GrotesquePro-Bold.woff") format("woff"),
    url("../fonts/GrotesquePro-Bold.woff2") format("woff2"),
    url("../fonts/GrotesquePro-Bold.svg#GrotesquePro-Bold") format("svg"),
    url("../fonts/GrotesquePro-Bold.eot"),
    url("../fonts/GrotesquePro-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/GrotesquePro-Bold.ttf") format("truetype");
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #ec1f25;
  border-radius: 10px;
}

.mission li,
.news .newsrow .news-details p,
.singlenews p,
p {
  text-align: justify;
}

::-webkit-scrollbar-thumb:hover {
  background: #b30000;
}

body {
  padding-top: 80px;
}

.topbar {
  padding: 0;
}

.topbar .contact_dtails a {
  font-size: 14px;
  color: #000;
  text-decoration: none;
  transition: 0.2s ease-in-out;
}

.exlink:hover,
.topbar .contact_dtails a:hover {
  color: #ec1f25;
  transition: 0.2s ease-in-out;
}

.topbar .contact_dtails i {
  font-size: 14px;
  color: #ec1f25;
  padding: 4px;
}

.exlink,
.report-card a:hover {
  color: #1d86b6;
}

.promo,
.topbar .search,
a.dropdown-item.imglink {
  position: relative;
}

.topbar .search .btn {
  position: absolute;
  right: 0;
  background-color: transparent;
  color: #000;
  border: none;
}

.boxlable input:checked ~ .checkmark,
.headerimg .brnad-logo,
.navbar {
  background-color: #ec1f25;
}

.topbar .search input {
  border: none;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.165);
}

.socialmedia a {
  text-decoration: none;
}

.socialmedia a i {
  padding: 6px;
  width: 30px;
  height: 30px;
  text-align: center;
  justify-content: center;
  display: flex;
  border-radius: 20px;
  border: 1px solid #fff;
  transition: 0.2s ease-in-out;
}

.socialmedia a i:hover {
  border: 1px solid;
  transition: 0.2s ease-in-out;
}

.socialmedia a i.fa-brands.fa-facebook-f {
  color: #3b5998;
  background-color: #c4d7ff;
}

.socialmedia a i.fa-brands.fa-twitter {
  color: #000000;
  background-color: #f1f1f1;
}

.socialmedia a i.fa-brands.fa-x-twitter {
  color: #000000;
  background-color: #f1f1f1;
}

.socialmedia a i.fa-brands.fa-youtube {
  color: red;
  background-color: #ffdcdc;
}

.socialmedia a i.fa-brands.fa-linkedin-in {
  color: #0077b5;
  background-color: #ceeefe;
}

.socialmedia a i.fa-brands.fa-instagram {
  color: #dd2a7b;
  background-color: #ffd2e6;
}

.navbar .navbar-nav .nav-item {
  width: 100%;
}

.navbar .navbar-nav .nav-item a {
  color: #fff;
  text-align: center;
  width: 80%;
  margin: auto;
  border-radius: 10px;
  border: 1px solid transparent;
  padding: 2px;
}

.navbar .navbar-nav .nav-item a:hover {
  border: 1px solid #fff;
}

.navbar .navbar-nav .nav-item a.nav-link.active {
  background-color: #fff;
  border-radius: 10px;
  color: #ec1f25 !important;
}

.headerimg .brnad-logo img {
  height: inherit;
  margin: 0 auto;
  display: block;
}

.headerimg .header-img {
  background-image: image-set(
    url(../images/landing.webp) type("image/webp"),
    url(../images/landing.jpg) type("image/jpg")
  );
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}

.headerimg .inner-hedder .brnad-logo {
  height: 22vw;
}

.headerimg .inner-hedder a.brand_two img {
  bottom: 20px;
}

video#myVideo {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.homecontent .leasing:hover .sideimg,
.homecontent .leasing:hover .sideimg2 {
  transition: 1s ease-in-out;
}

.homecontent .leasing:hover .sideimg img,
.homecontent .leasing:hover .sideimg2 img {
  transform: scale(1.2);
  transition: 1s ease-in-out;
}

.homecontent .sideimg,
.homecontent .sideimg2 {
  padding: 0;
  position: relative;
  overflow: hidden;
  height: 30vw;
}

.homecontent .sideimg2:before,
.homecontent .sideimg:before {
  content: "";
  width: 20px;
  height: 100%;
  background-color: #ec1f25;
  z-index: 1;
  position: absolute;
  opacity: 0.5;
}

.homecontent .sideimg img,
.homecontent .sideimg2 img {
  height: -webkit-fill-available;
  width: -webkit-fill-available;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  transform: scale(1);
  transition: 1s ease-in-out;
}

.exlink,
.owl-dot.active span,
.report-card a,
.report-card a:hover {
  transition: 0.2s ease-in-out;
}

.homecontent .sideimg2:before {
  content: "";
  width: 20px;
  height: 100%;
  background-color: #1d86b6;
  z-index: 1;
  position: absolute;
  opacity: 0.5;
  right: 0;
}

.homecontent .sidecontent {
  align-self: center;
}

.homecontent .sidecontent p {
  font-size: 15px;
  text-align: justify;
}

h2.topic {
  font-size: 40px;
  font-weight: 800;
}

.article-topic {
  font-size: 25px;
  font-weight: 600;
}

.exlink {
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  display: block;
}

.report-card {
  background-color: #eef1f6;
  padding: 20px;
  border-radius: 10px;
  height: 100%;
}

.report-card .icon {
  margin-right: 20px;
}

.report-card .icon img {
  width: 50px;
}

.report-card .reportname {
  width: 80%;
  text-align: left;
  border-right: 1px solid #c7c7c7;
}

.footer .links ul,
.report-card .reportname h5,
.report-card .reportname p {
  margin: 0;
  padding: 0;
}

.report-card a {
  float: right;
  padding: 15px;
  color: #ec1f25;
}

.carousel-one .owl-item,
.col-lg-4.col-md-6.vacancies,
.timeline .yearmain,
.timeline .yearmain .event .img {
  padding: 10px;
}

.carousel-one .owl-item .item,
.testimonial .item {
  padding: 10px;
  box-shadow: 0 1px 8px #a3a3a3;
  border-radius: 8px;
}

.carousel-one .owl-item .item .comment,
.testimonial .item .comment {
  min-height: 150px;
}

.carousel-one .owl-item .item i,
.testimonial .item i {
  font-size: 25px;
  margin: 5px;
  color: #ec1f25;
}

.carousel-one .owl-item .item img,
.testimonial .item img {
  width: 50px;
  border-radius: 50px;
  margin-right: 10px;
}

.carousel-one .owl-item .item .name {
  text-align: initial;
}

#map_canvas .info_content h3,
.carousel-one .owl-item .item .name h4,
.testimonial .item .name h4 {
  font-size: 17px;
  font-family: GrotesquePro-Bold;
}

.carousel-one .owl-item .item .name p {
  font-size: 15px;
  margin: 0;
  min-height: 45px;
}

.carousel-one .owl-item .item iframe,
.testimonial .item iframe {
  width: 100%;
  height: 200px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #dc3545;
  transition: 0.2s ease-in-out;
}

.owl-dot.active span {
  width: 30px !important;
}

.news .newsrow {
  box-shadow: 1px 1px 8px #c7c7c7;
  border-radius: 4px;
}

.carousel-two .item,
.vacancies .item {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2901960784);
  overflow: hidden;
}

.news .newsrow:hover .pimg img {
  scale: 1.2;
  transition: 0.3s;
}

.news .newsrow .pimg {
  position: relative;
  overflow: hidden;
}

.news .newsrow .pimg img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  scale: 1;
  transition: 0.3s;
}

.news .newsrow .news-details h5,
.si .mega .cat-topic h4,
.ta .mega .cat-topic h4 {
  font-size: 18px;
}

#map_wrapper {
  height: 85%;
}

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

.footer {
  background-image: linear-gradient(#ec1f25, #9a0213);
}

.Machines a,
.branchico .h4,
.cal-result h3,
.footer .services h5,
.ico-btn .main h5,
.si .icon_section2 .txt h2,
.si h2.topic,
.ta .icon_section2 .txt h2,
.ta h2.topic,
.tender .contactus .details p {
  font-size: 25px;
}

.footer .follow .follow-text {
  font-size: 25px;
  color: #fff;
  margin-right: 10px;
}

.footer .follow .socialmedia a,
.singlenews .share .socialmedia a {
  margin: 0 5px;
}

.footer p.bottomline {
  font-size: 11.5px !important;
  text-align: center;
  margin: 0;
}

.footer .links ul li {
  list-style: none;
  padding: 10px;
}

.footer .links ul li i {
  margin-right: 8px;
  position: absolute;
  left: -20px;
  padding-top: 4px;
}

.footer .links ul li a {
  color: #fff;
  text-decoration: none;
  padding-left: 0;
  transition: 0.3s ease-in-out;
  margin-left: 20px;
  display: block;
  position: relative;
}

.footer .links ul li a:hover {
  padding-left: 10px;
  transition: 0.3s ease-in-out;
}

.footer .bottom-bar {
  background-color: #000;
  padding: 5%;
  position: relative;
}

.footer .bottom-bar .siteby p {
  margin: 0;
  color: #636363;
}

.footer .bottom-bar .siteby p a {
  color: #636363;
  text-decoration: none;
}

.branch-card .inner .details p a:hover,
.branchico p a:hover,
.dropdown-toggle i,
.footer .bottom-bar .blinks a:hover,
.footer .bottom-bar .siteby p a:hover,
.mega .menu-d:hover i,
.payment .point:hover p,
.vacancies .item:hover .details h5,
section.Sustainability .list .row a:hover {
  color: #ec1f25;
}

.footer .bottom-bar .blinks {
  text-align: end;
}

.footer .bottom-bar .blinks a {
  color: #636363;
  text-decoration: none;
  padding: 0 8px;
  border-right: 1px solid;
}

.footer .bottom-bar .blinks a:last-child {
  border: none;
}

.footer .totop {
  position: absolute;
  right: 0;
  padding: 16px;
  top: 0;
  background-color: #f0f8ff;
  border: none;
}

.ico-btn .main,
.newspage .newsrow,
.newspage .newsrow .pimg,
.vacancies .item {
  border-radius: 10px;
}

.innerheader-img {
  padding: 0;
  position: relative;
  height: 22vw;
}

.innerheader-img:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6196078431);
  top: 0;
  left: 0;
}

.innerheader-img img {
  width: -moz-available;
  height: inherit;
  width: -webkit-fill-available;
  height: -webkit-fill-available;
  -o-object-fit: cover;
  object-fit: cover;
}

.innerheader-img .pagename {
  position: absolute;
  bottom: 0;
  left: 5%;
}

.innerheader-img .pagename h3 {
  font-size: 30px;
  color: #fff;
}

.innerheader-img .pagename .breadcrumb a {
  color: #fff;
  text-decoration: none;
}

.Sustainability .item .content .des .exlink:hover,
.innerheader-img .pagename .breadcrumb .breadcrumb-item.active {
  color: #fff;
}

.innerheader-img .breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #fff;
  content: "\f0da";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.newspage .newsrow {
  overflow: hidden;
}

.newspage .newsrow .news-details {
  background-color: #f5f5f5;
}

.newspage .newsrow .news-details .date,
.si .footer .links ul li a,
.ta .footer .links ul li a {
  font-size: 14px;
}

.carousel-two .item {
  margin: 10px;
  border-radius: 10px;
}

.carousel-two .item .details,
.vacancies .item .details {
  padding: 10px;
  background-color: #f3eded;
  width: 100%;
}

.calculator .money input,
.calculator .rate input,
.vacanciestab .nav-tabs .nav-link {
  background: 0 0;
}

.singlenews .inner .innerimg {
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  float: left;
  margin: 0 20px 20px 0;
}

.singlenews .share p {
  color: #636363;
  margin: 0;
}

.thumb {
  margin-bottom: 30px;
}

img.zoom {
  width: 100%;
  border-radius: 5px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
}

.btn-red,
.btn-red:hover {
  transition: 0.3s ease-in-out;
}

.transition {
  transform: scale(1.1);
}

.modal-header {
  border-bottom: none;
}

.branch-card .inner .details p,
.mega .magamenu-details a,
.mega .magamenu-details p,
.mega .menu-d i,
.mega p,
.mega ul li a,
.modal-title {
  color: #000;
}

.boxed input[type="radio"],
.modal-footer {
  display: none;
}

.director p {
  text-align: inherit;
}

.director .name {
  color: #ec1f25;
  margin-top: 10px;
  font-size: 1.2em;
  line-height: 1.125;
  min-height: 2.25em;
}

.director .designation {
  font-size: 16px;
}

.branch-card,
.testimonial {
  margin-bottom: 20px;
}

.testimonial .item .name p {
  font-size: 15px;
  margin: 0;
}

.heading .article-topic {
  margin: 0;
}

.heading p {
  font-size: 18px;
  color: #ec1f25;
}

.ico-btn .main {
  background-color: #e6e5e5;
  padding: 10px;
  height: 6rem;
}

.ico-btn .main .icon img {
  height: 50px;
  margin-right: 10px;
}

.vacancies .item {
  position: relative;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}

.vacancies .item .details h5 {
  color: #000;
  min-height: 50px;
}

.vacancies .item .details a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.vacanciestab nav {
  justify-content: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  display: flex;
}

.calculator .numbers,
.vacanciestab nav .nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
  text-align: center;
  justify-content: center;
  border: none;
  width: -moz-fit-content;
  width: fit-content;
  box-shadow: 1px 1px 10px #979797;
  border-radius: 20px;
  margin-bottom: 25px;
}

.vacanciestab nav .nav-tabs .nav-item.show .nav-link,
.vacanciestab nav .nav-tabs .nav-link.active {
  color: #fff;
  background-color: red;
  border-color: transparent;
  border-radius: 20px;
  padding: 10px 50px;
  font-family: GrotesquePro-Bold;
}

.vacanciestab .nav-tabs .nav-link {
  margin-bottom: 0;
  border: 1px solid transparent;
  border-radius: 20px;
  color: #000;
  padding: 10px 50px;
}

.btn-red {
  background-color: #ec1f25;
  color: #fff;
  border: none;
  padding: 14px 30px;
  line-height: 1;
  margin: 0 auto;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 4px;
}

.btn-red:hover {
  background-color: #000;
}

.form-item {
  display: block;
  float: left;
}

.form-item .form-control {
  border: none;
  background-color: #f1f1f1;
  padding: 10px;
}

.calculator .reset,
.calculator .submit {
  padding: 10px 20px;
  min-width: 100px;
  transition: 0.3s ease-in-out;
}

.vacancies .reportname a.exlink {
  color: #1d86b6;
  float: left;
  margin: 0;
  padding: 0;
}

.branch-card .inner .details h4,
.cal-result p,
.inner-topic,
.si .footer .services h5,
.si .pagename h3,
.ta .footer .services h5,
.ta .pagename h3 {
  font-size: 20px;
}

.boxlable,
.payment .point p,
.si .vacancies .item .details h5,
.ta .vacancies .item .details h5 {
  font-size: 15px;
}

p.icopara {
  position: relative;
  padding-left: 20px;
  text-align: inherit;
}

p.icopara i {
  color: #ec1f25;
  margin-right: 10px;
  position: absolute;
  left: 0;
  line-height: 1.5;
}

.inquireform {
  box-shadow: 1px 1px 20px #bfbfbf;
  padding: 20px 15px;
  border-radius: 5px;
}

.inquireform .btn-red {
  margin-left: 8px;
}

.promo .btn-red {
  position: absolute;
  bottom: 30px;
  right: 40px;
  text-decoration: none;
}

.payment p {
  text-align: inherit !important;
}

.banking p,
.branchico,
.branchico p,
.contactus .details,
.contactus .details a p,
.pagination,
form.boxed {
  text-align: center;
}

.payment .point {
  width: 30%;
  margin: 1%;
  position: relative;
}

.payment .point a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.touch img {
  width: 40%;
}

.banking {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

.banking .point {
  width: 25%;
  display: flex;
}

.app .point img,
.banking .point img {
  width: 100%;
  align-self: center;
}

.app .point {
  width: 15%;
  margin: 0;
  display: flex;
}

.money input::-webkit-inner-spin-button,
.money input::-webkit-outer-spin-button,
.rate input::-webkit-inner-spin-button,
.rate input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.money input[type="number"],
.rate input[type="number"] {
  -moz-appearance: textfield;
}

.calculator {
  background-color: #eef1f6;
  padding: 20px;
  border-radius: 10px;
}

.calculator .form-control {
  border: none;
  border-bottom: 1px solid #ec1f25;
}

.calculator .money label {
  width: 90px;
}

.calculator .money input {
  font-size: 40px;
  color: #ec1f25;
}

.calculator .rate input {
  font-size: 20px;
  color: #000;
  width: 100px;
}

.calculator .numbers .btn-cal {
  color: #000;
  background-color: #fff;
  border-color: transparent;
  border-radius: 20px;
  padding: 5px 14px;
  margin: 0 5px;
}

.calculator .numbers .btn-cal:active,
.calculator .numbers .btn-cal:focus,
.face button.btn:focus,
.face button.btn:hover,
.pagination .number a.active {
  background-color: #ec1f25;
  color: #fff;
}

.calculator .period {
  margin-bottom: 40px;
}

.calculator .period p {
  margin: 0;
  padding: 0 10px;
}

.calculator .submit {
  background-color: #ec1f25;
  color: #fff;
  border: 1px solid #ec1f25;
  border-radius: 4px;
}

.calculator .submit:hover {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
  transition: 0.3s ease-in-out;
}

.calculator .reset {
  color: #ec1f25;
  background-color: #fff;
  border: 1px solid #ec1f25;
  border-radius: 4px;
}

.calculator .reset:hover {
  color: #000;
  border: 1px solid #000;
  transition: 0.3s ease-in-out;
}

.form-control:focus,
.navbar-toggler:focus {
  box-shadow: none;
}

.boxed label {
  display: inline-block;
  width: auto;
  padding: 10px 15px;
  border: none;
  transition: 0.3s;
  color: #000;
  border-radius: 30px;
}

.boxed label:hover {
  cursor: pointer;
  background-color: #d6d6d6;
}

.boxed input[type="radio"]:checked + label {
  border: none;
  background-color: #ec1f25;
  color: #fff;
}

form.boxed {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  justify-content: center;
  border: none;
  width: -moz-fit-content;
  width: fit-content;
  box-shadow: 1px 1px 10px #979797;
  border-radius: 40px;
  background-color: #fff;
}

.cal-result h4 {
  font-size: 35px;
  color: #ec1f25;
}

.cal-result p.note {
  font-size: 14px;
  margin-bottom: 10px;
  color: #a1a1a1;
}

.face {
  background-color: #f1f1f1;
  border-radius: 5px;
}

.face__btn {
  width: 100%;
  display: flex;
  justify-content: space-around;
}

.face button.btn {
  background-color: #e6e5e5;
  display: grid;
  width: 19%;
  color: #959494;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}

.face button.btn img {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 10%;
}

.filterrow,
.tender__form {
  padding: 10px;
  border-radius: 10px;
}

.contactus .details {
  display: grid;
  padding: 50px 20px;
  box-shadow: 0 0 10px #afafaf;
  border-radius: 10px;
  transition: 0.3s ease-in-out;
}

.contactus .details img {
  margin: 0 auto 20px;
  width: 100px;
  transition: 0.3s ease-in-out;
}

.branch-card .inner img,
a.dropdown-item.imglink img {
  width: 50px;
  position: absolute;
}

.contactus .details a,
.contactus .details p {
  color: #707070;
  text-decoration: none;
  transition: 0.3s ease-in-out;
  margin: 0;
}

.contactus .details:hover {
  background-color: #ec1f25;
  transition: 0.3s ease-in-out;
}

.contactus .details:hover a,
.contactus .details:hover p {
  color: #fff;
  text-decoration: none;
  transition: 0.3s ease-in-out;
}

.contactus .details:hover img {
  filter: brightness(3.5);
  transition: 0.3s ease-in-out;
}

.Machines {
  background-color: #1b63ab;
}

.Machines a {
  color: #fff;
  margin: 0;
  text-decoration: none;
}

.tender__form {
  box-shadow: 0 0 6px #8d8d8d;
}

.si h2.topic,
.si p,
.ta h2.topic,
.ta p {
  font-family: "Noto Sans Sinhala", sans-serif;
}

.tender__form .btn-red {
  margin-left: 8px;
}

.pagination {
  justify-content: center;
}

.pagination .number {
  width: 40px;
  margin: 0 10px;
}

.pagination .number a {
  border-radius: 30px;
  background-color: #eef1f6;
  color: #000;
}

.pagination .navi a {
  border-radius: 20px;
  color: #000;
}

.branches .map_wrapper {
  height: 400px !important;
}

.filterrow {
  margin: 20px;
  box-shadow: 0 0 8px #afafaf;
}

.branch-card .inner {
  padding: 20px;
  background-color: #f1f1f1;
  border-radius: 10px;
  box-shadow: 0 0 10px #d6d6d6;
}

.branch-card .inner .details {
  padding-left: 60px;
}

.branch-card .inner .details p:nth-child(2) {
  min-height: 50px;
}

.branch-card .inner .details p i,
.values i {
  margin-right: 10px;
}

.branch-card .inner .details p a {
  color: #000;
  text-decoration: none;
}

.branch-card .inner .details .derection {
  text-decoration: none;
  background-color: #ec1f25;
  color: #fff;
  padding: 10px 15px;
  border-radius: 8px;
  transition: 0.3s ease-in-out;
}

.branch-card .inner .details .derection:hover {
  background-color: #000;
  color: #fff;
  transition: 0.3s ease-in-out;
}

.branchico .ico {
  width: 100px;
  margin: 0 auto;
}

.branchico .h4 {
  padding: 10px 20px;
}

.branchico p a,
section.Sustainability .list .row a {
  text-decoration: none;
  color: #000;
}

.timeline {
  position: relative;
  overflow: hidden;
  transition: 1s ease-in-out;
}

.timeline::after {
  content: "";
  background-image: linear-gradient(rgba(255, 255, 255, 0), #fff);
  height: 50px;
  width: 100%;
  position: absolute;
  bottom: -2px;
}

.timeline .yearmain .event {
  display: flex;
}

.timeline .yearmain .year {
  background-color: #ec1f25;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 20px;
  display: inline-block;
}

.timeline .yearmain .year p {
  margin: 0;
  color: #fff;
}

.timeline .left {
  text-align: end;
  border-right: 5px solid #ec1f25;
}

.timeline .left .year {
  margin-right: -10px;
  border-radius: 10px 0 0 10px;
}

.timeline .right {
  padding-top: 20px;
  border-left: 5px solid #ec1f25;
}

.timeline .right .year {
  margin-left: -10px;
  border-radius: 0 10px 10px 0;
}

.values p {
  margin-bottom: 5px;
}

.sticky-container {
  padding: 0;
  margin: 0;
  position: fixed;
  right: -115px;
  top: 30%;
  width: 200px;
  z-index: 10;
}

.sticky li {
  list-style-type: none;
  background-color: rgba(255, 255, 255, 0);
  color: #efefef;
  height: 43px;
  padding: 0;
  margin: 0 0 5px;
  transition: 0.25s ease-in-out;
  cursor: pointer;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1019607843);
  width: 340px;
  border-radius: 30px;
}

.sticky li:hover {
  margin-left: -250px;
  background-color: #fff;
}

.sticky li img {
  float: left;
  margin: 0 10px 0 0;
  width: 43px;
  height: 43px;
  background-color: #fff;
  padding: 3px;
  border-radius: 40px;
}

.sticky li p {
  float: left;
  padding: 0;
  margin: 0;
  line-height: 43px;
  color: #000;
}

.navbar-toggler {
  height: 30px;
}

.navbar-toggler span {
  margin: 3px;
  width: 22px;
  transition: 0.2s;
  color: #7fffd4;
  display: block;
  height: 3px;
  background-color: #fff;
  border-radius: 10px;
}

.navbar-toggler span:first-child,
.navbar-toggler span:nth-child(3) {
  transform: rotate(0);
}

.navbar-toggler span:nth-child(2) {
  opacity: 1;
}

.navbar-toggler[aria-expanded="true"] span:first-child {
  transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] span:nth-child(2) {
  opacity: 0;
}

.navbar-toggler[aria-expanded="true"] span:nth-child(3) {
  transform: rotate(-45deg);
  margin-top: -12px;
}

p.menu,
span.menu {
  position: absolute;
  top: 0;
  padding: 12px;
  margin-left: 25px;
  color: #fff;
  font-size: 1.25rem;
  background: 0 0;
}

.mega {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border: none;
  border-radius: 0;
  padding: 2rem;
  background-color: rgba(255, 255, 255, 0.9254901961);
  width: -moz-max-content;
  width: max-content;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  left: -15vw !important;
  position: relative;
}

.mega::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 12px solid #1d86b6;
  top: -8px;
  left: 20vw;
}

.mega::before {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  z-index: 2;
  background-color: #1d86b6;
  left: 0;
  top: 0;
}

.mega .cat-topic {
  display: flex;
  align-items: center;
  border-bottom: 1px solid;
  width: 95%;
}

.mega .cat-topic img {
  height: 50px;
  padding: 5px;
}

.mega .cat-topic h4 {
  margin: 0;
  padding-bottom: 15px;
}

.mega .menu-d {
  padding: 3px 0 !important;
  color: #000;
  display: flex;
  align-items: center;
}

.mega .menu-d p {
  margin-left: 10px !important;
  padding-left: 10px !important;
  padding: 3px 10px;
}

.mega .menu-d:hover p {
  background-color: #ec1f25;
  border-radius: 3px;
}

.mega ul li {
  margin-bottom: 0;
}

.mega .magamenu-details h5 {
  color: #000;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

@media only screen and (min-width: 992px) {
  .dropdown:hover .mega,
  .mega.show {
    display: flex;
    flex-wrap: wrap;
  }

  .contactus .details {
    min-height: 340px;
  }

  .ta .navbar-expand-lg .navbar-nav {
    flex-direction: row;
    align-items: center;
  }
}

.mega ul {
  list-style: none;
  padding: 0;
}

.mega li .dropdown-item {
  color: gray;
  font-size: 1em;
  padding: 0.5em 1em;
}

.mega li .dropdown-item:hover {
  background-color: transparent;
  border: none !important;
}

@media only screen and (min-width: 992px) and (max-width: 1140px) {
  .dropdown:hover .mega {
    width: 70vw;
    flex-wrap: wrap;
  }
}

a.dropdown-item.imglink img {
  padding: 5px;
  filter: brightness(100);
  transition: 0.2s ease-in-out;
}

a.dropdown-item.imglink p {
  position: inherit;
  padding-left: 60px;
  display: block;
  margin: 0;
}

a.dropdown-item.imglink a.menu-d {
  white-space: break-spaces;
  font-size: 10px;
  line-height: 1.5;
  transition: 0.3s ease-in-out;
  color: #000 !important;
}

a.dropdown-item.imglink p.menu-t {
  font-size: 20px;
  text-transform: uppercase;
  transition: 0.3s ease-in-out;
}

a.dropdown-item.imglink:hover img {
  filter: brightness(1);
  transition: 0.2s ease-in-out;
}

a.dropdown-item.imglink:hover .menu-d,
a.dropdown-item.imglink:hover .menu-t {
  color: #535353;
  transition: 0.3s ease-in-out;
}

.abt-mega {
  width: auto;
  left: 0 !important;
}

.abt-mega::after {
  left: 8vw;
}

.locmap p iframe {
  width: 100%;
  height: 480px;
}

img.brand_one {
  width: -moz-available;
  width: -webkit-fill-available;
  padding: 20px;
}

a.brand_two img {
  width: 100px;
  bottom: 30px;
  left: 0;
  right: 0;
  position: absolute;
}

.navclass {
  position: fixed;
  width: 100%;
  width: -webkit-fill-available;
  z-index: 10;
  top: 37px;
  left: 0;
  padding: 0;
}

.topbar {
  top: 0;
  position: fixed;
  width: 100%;
  width: -webkit-fill-available;
  z-index: 11;
  background-color: #fff;
  left: 0;
}

.boxlable {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.boxlable:hover input ~ .checkmark {
  background-color: #ccc;
}

.boxlable input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.boxlable .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

.boxlable .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}

.boxlable input:checked ~ .checkmark:after {
  display: block;
}

.boxlable .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

button#myBtn {
  position: fixed;
  bottom: 92px;
  top: auto;
  right: 5px;
}

.Sustainability .item .content .des .exlink {
  color: #0077b5;
}

.box-shadow {
  padding: 20px;
  -webkit-box-shadow: 1px 1px 10px -5px rgba(0, 0, 0, 0.56);
  box-shadow: 1px 1px 10px -5px rgba(0, 0, 0, 0.56);
}

.box-shadow:hover {
  -webkit-box-shadow: 3px 3px 14px -3px rgba(0, 0, 0, 0.56);
  box-shadow: 3px 3px 14px -3px rgba(0, 0, 0, 0.56);
  transition: 0.5s;
}

.si,
.ta {
  padding-top: 78px;
}

.si *,
.ta * {
  font-family: "Noto Sans Sinhala", sans-serif !important;
}

.si .fa,
.si .fa-classic,
.si .fa-regular,
.si .fa-solid,
.si .far,
.si .fas,
.ta .fa,
.ta .fa-classic,
.ta .fa-regular,
.ta .fa-solid,
.ta .far,
.ta .fas {
  font-family: "Font Awesome 6 Free" !important;
}

.si .fa-brands,
.si .fab,
.ta .fa-brands,
.ta .fab {
  font-family: "Font Awesome 6 Brands" !important;
}

.si p,
.ta p {
  font-size: 15px !important;
}

.si .navbar .navbar-nav .nav-item a,
.ta .navbar .navbar-nav .nav-item a {
  width: 98%;
  font-family: "Noto Sans Sinhala", sans-serif;
  font-size: 13px;
}

.ta .navbar .navbar-nav .nav-item a {
  font-size: 11px;
}

.si .report-card .reportname h5,
.ta .report-card .reportname h5 {
  font-size: 17px;
  font-weight: 600;
}

.si .news .newsrow .news-details h5,
.ta .news .newsrow .news-details h5 {
  font-size: 15px;
  font-weight: 600;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}

.si .ico-btn .main h5,
.ta .ico-btn .main h5 {
  font-size: 20px;
  font-weight: 600;
}

.si .branch-card .inner h4,
.ta .branch-card .inner h4 {
  font-size: 15px;
  font-weight: 700;
}

.si .footer .follow .follow-text,
.ta .footer .follow .follow-text {
  font-size: 22px !important;
}

.si .footer .links ul li,
.ta .footer .links ul li {
  padding: 6px;
}

.si .pagename ol.breadcrumb,
.ta .pagename ol.breadcrumb {
  font-size: 12px;
}

.si .mega .menu-d p,
.ta .mega .menu-d p {
  padding: 3px 38px;
  margin-right: 50px;
}

.si .sticky li {
  width: 380px !important;
}

.si .sticky li:hover {
  margin-left: -303px;
}

.ta * {
  font-family: "Noto Sans Tamil", sans-serif !important;
}

.ta .sticky li {
  width: 300px !important;
}

.ta .sticky li:hover {
  margin-left: -220px;
}

.ta .sticky li p {
  font-size: 10px !important;
}

.ta .boxed label {
  padding: 10px 8px;
  font-size: 12px;
  font-weight: 600;
}

@media only screen and (max-width: 992px) {
  .mega.show {
    flex-wrap: wrap;
    max-height: 350px;
    overflow-y: scroll;
  }

  .mega::after {
    border-bottom: 19px solid rgba(255, 255, 255, 0);
    top: 10px;
  }

  body {
    padding-top: 80px;
  }

  div#map_canvas {
    height: 400px;
  }

  .footer .bottom-bar .blinks,
  .footer .bottom-bar .siteby {
    text-align: center;
  }

  .footer .services {
    margin-bottom: 30px;
  }

  .banking {
    border-right: none;
  }

  a.brand_two img {
    width: 65px;
  }
}

@media only screen and (min-width: 768px) {
  .brandimg {
    margin-top: 30px;
  }

  a.brand_two img {
    bottom: 50px;
  }

  .inner-hedder .brandimg {
    margin-top: 10px;
  }

  .inner-hedder a.brand_two img {
    bottom: 0;
  }

  .face button.btn img {
    width: 70px;
  }
}

@media only screen and (max-width: 768px) {
  h2.topic {
    font-size: 30px;
  }

  div#map_canvas {
    height: 400px;
  }

  .vacanciestab nav .nav-tabs .nav-item.show .nav-link,
  .vacanciestab nav .nav-tabs .nav-link.active {
    padding: 10px;
    font-family: GrotesquePro-Bold;
  }

  .vacanciestab .nav-tabs .nav-link {
    padding: 10px;
    width: 100%;
  }

  .banking {
    border-left: none;
    border-right: none;
  }

  .calculator .cal-btn {
    text-align: center;
  }

  .contactus {
    padding: 0 10px;
    margin-bottom: 20px;
  }

  .timeline .yearmain .event {
    display: block;
  }

  .sticky li {
    position: relative;
  }

  .sticky li::after {
    content: "";
    position: absolute;
    width: 200px;
    background-color: rgba(255, 255, 255, 0);
    height: 40px;
    left: 0;
    z-index: 100;
    border-radius: 30px;
    transition: 0.5s ease-in-out;
  }

  .sticky li:hover::after {
    z-index: -10;
    transition: 0.5s ease-in-out;
  }
}

@media only screen and (max-width: 767.5px) {
  .topbar .container .row .contact_dtails {
    justify-content: center;
    margin-bottom: 10px;
  }

  .topbar .container .row .socialmedia {
    justify-content: center !important;
    margin-bottom: 10px;
  }

  .topbar__search {
    justify-content: center !important;
  }

  img.brand_one {
    padding: 9px;
    width: 150px;
  }

  .navclass {
    top: 110px;
  }

  .si,
  .ta,
  body {
    padding-top: 155px;
  }

  .singlenews .inner .innerimg {
    float: unset;
  }
}

@media only screen and (max-width: 600px) {
  .promo .btn-red,
  .si .follow p {
    text-align: center;
  }

  .headerimg .inner-hedder .brnad-logo {
    height: 39vw;
    width: 100%;
  }

  .headerimg .inner-hedder .innerheader-img {
    height: 75vw;
    width: 100%;
  }

  .headerimg .inner-hedder .innerheader-img .pagename h3 {
    font-size: 22px;
  }

  .newspage .newsrow,
  .si .follow,
  .ta .footer .follow {
    display: block !important;
  }

  .homecontent .sideimg,
  .homecontent .sideimg2 {
    height: 50vw;
  }

  .face__btn {
    width: 100%;
  }

  .face__btn .btn {
    display: inline-block;
    color: #959494;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 6px;
    font-size: 10px;
    width: 85px;
    height: auto;
    padding: 10px;
  }

  a.brand_two img {
    width: 50px;
    bottom: 10px;
  }

  .promo img {
    margin-bottom: 40px;
  }

  .promo .btn-red {
    position: absolute;
    bottom: 0;
    right: 0;
    text-decoration: none;
    width: 100%;
    padding: 13px;
  }

  .homecontent,
  .homecontent .leasing,
  .icon_section {
    margin-bottom: 0 !important;
  }

  .navbar .container {
    padding: 0;
  }

  .navbar .container .row {
    margin: 0;
    padding: 0;
  }

  .navbar .container .row .dropdown-menu {
    width: auto;
  }

  .navbar .container .row .dropdown-menu .cat-topic {
    padding-top: 20px;
  }

  .face {
    display: grid;
  }

  .mission ul {
    padding: 20px;
    margin: 0;
  }

  .filterrow {
    margin: 20px 0;
  }

  .payment .app,
  .payment .banking {
    border-top: 1px solid #dbdbdb;
    margin-top: 20px;
    padding-top: 10px;
  }

  .payment .app p,
  .payment .banking p {
    font-weight: 600;
  }

  .para2 {
    padding: 1.5rem !important;
  }

  .ta .payment .point p {
    font-size: 12px !important;
  }
}

@media (max-width: 1200px) {
  .navbar .navbar-nav .nav-item a {
    width: 95%;
  }

  .footer .bottom-bar .siteby p {
    text-align: center;
  }
}

@media only screen and (max-width: 340px) {
  .headerimg .inner-hedder .innerheader-img .pagename li.breadcrumb-item,
  .topbar .contact_dtails a {
    font-size: 10px;
  }

  .form-item {
    float: none;
  }

  .headerimg .inner-hedder .innerheader-img .pagename {
    top: 15%;
  }
}

@media only screen and (max-width: 768px) and (min-width: 601px) {
  .innerheader-img .pagename {
    top: 20%;
  }

  .innerheader-img .pagename h3 {
    font-size: 22px;
  }
}

@media only screen and (min-width: 768px) {
  .calculator .numbers,
  .vacanciestab nav .nav {
    flex-wrap: nowrap;
  }
}

.annivesary-logo {
  position: absolute;
  right: 10%;
  top: 0;
  width: 150px;
  height: 150px;
}

@media (max-width: 991px) {
  .annivesary-logo {
    width: 100px;
    height: 100px;
  }
}

@media (max-width: 599px) {
  .annivesary-logo {
    width: 50px;
    height: 50px;
  }
}

.branch-card .inner .details p.address {
  text-align: left;
}

/* adding youtube thumbnail */
.load_yt_thumbnail img {
  width: 100% !important;
  border-radius: 9px !important;
}

.contactus .details p {
  text-align: center;
}
.body .accessibility-trigger.aioa_bottom_right button {
  bottom: 95px !important;
}

.red-overlay {
  background-color: rgba(236, 31, 37, 0.6);
}