/* Main CSS
-------------------------------------------------- */
:root {
  --white: #fff;
  --black: #000;
  --color-100: #20a667;
  --color-200: #f8c333;
  --color-300: #b3d652;
  --bk-grade-100: #eaeaea;
  --bk-grade-150: #d6d6d6;
  --bk-grade-200: #c1c1c1;
  --bk-grade-250: #adadad;
  --bk-grade-300: #999999;
  --bk-grade-350: #848484;
  --bk-grade-400: #707070;
  --bk-grade-450: #5b5b5b;
  --bk-grade-500: #474747;
  --bk-grade-550: #333333;
  --bk-grade-600: #2d2d2d;
  --bk-grade-650: #282828;
  --bk-grade-700: #232323;
  --bk-grade-750: #1e1e1e;
  --bk-grade-800: #191919;
  --bk-grade-850: #141414;
  --bk-grade-900: #0f0f0f;
  --bk-grade-950: #0a0a0a;
}

@font-face {
  font-family: "Fira Sans";
  src: url("../fonts/FiraSans-Regular.eot");
  src: url("../fonts/FiraSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/FiraSans-Regular.woff2") format("woff2"), url("../fonts/FiraSans-Regular.woff") format("woff"), url("../fonts/FiraSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fira Sans";
  src: url("../fonts/FiraSans-SemiBold.eot");
  src: url("../fonts/FiraSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/FiraSans-SemiBold.woff2") format("woff2"), url("../fonts/FiraSans-SemiBold.woff") format("woff"), url("../fonts/FiraSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fira Sans";
  src: url("../fonts/FiraSans-Medium.eot");
  src: url("../fonts/FiraSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/FiraSans-Medium.woff2") format("woff2"), url("../fonts/FiraSans-Medium.woff") format("woff"), url("../fonts/FiraSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fira Sans";
  src: url("../fonts/FiraSans-Light.eot");
  src: url("../fonts/FiraSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/FiraSans-Light.woff2") format("woff2"), url("../fonts/FiraSans-Light.woff") format("woff"), url("../fonts/FiraSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fira Sans";
  src: url("../fonts/FiraSans-Bold.eot");
  src: url("../fonts/FiraSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/FiraSans-Bold.woff2") format("woff2"), url("../fonts/FiraSans-Bold.woff") format("woff"), url("../fonts/FiraSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Fira Sans";
  font-weight: normal;
  font-size: 1rem;
}

a,
button {
  transition: 0.2s ease-out;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

a:focus,
button:focus {
  outline: none !important;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

::selection {
  color: var(--white);
  background: var(--color-100);
}

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--color-100) var(--white);
}

/* Works on Chrome, Edge, and Safari */
::-webkit-scrollbar {
  width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background-color: var(--color-100);
  border-radius: 20px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(32, 166, 103, 0.5);
}

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

.return-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: var(--white);
  width: 45px;
  height: 45px;
  line-height: 30px;
  border-radius: 50%;
  text-decoration: none;
  text-align: center;
  transition: 0.3s linear;
  z-index: 10;
}

.return-top img {
  position: relative;
  top: 15%;
  width: 20px;
  animation: upBounce 2s infinite;
}

.return-top:hover img {
  top: 5px;
}

.btn-shine {
  position: relative;
  overflow: hidden;
}

.btn-shine:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(208, 242, 255, 0) 0%, rgba(208, 242, 255, 0.3) 100%);
  transform: skewX(-25deg);
  z-index: 2;
}

.btn-shine:hover:before {
  animation: btn-shineAnim 0.75s;
}

.navbar-main {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  z-index: 1030;
}

.navbar-main .navbar-collapse {
  flex-flow: column;
}

.navbar-main .container-nav {
  align-items: flex-end;
}

.navbar-main .dropdown-menu {
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px;
}

.ins-navbar {
  top: 2rem;
}

.top-nav {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-bottom: 2rem;
}

.top-nav .nav-info {
  display: flex;
}

.top-nav .nav-info .nav-item .nav-link {
  color: #787878;
  padding: 0.25rem 0.5rem;
  border-radius: 3px;
}

.top-nav .nav-info .nav-item .nav-link .fa {
  font-size: 1.125rem;
}

.top-nav .nav-info .nav-item .nav-link:hover {
  color: var(--white);
  background-color: var(--color-100);
}

.top-nav .nav-lng li a {
  color: #787878;
}

.top-nav .nav-lng li a img {
  width: 20px;
}

.top-nav .nav-search li a img {
  width: 20px;
}

.top-nav .nav-social {
  display: flex;
  margin-left: 1rem;
}

.top-nav .nav-social .sm-item {
  display: inline-block;
}

.top-nav .nav-social .sm-item + .sm-item {
  margin-left: 1rem;
}

.top-nav .nav-social .sm-item .sm-link {
  position: relative;
  display: block;
  color: #787878;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
}

.top-nav .nav-social .sm-item .sm-link::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 42px;
  height: 42px;
  border: 1px solid var(--color-100);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(1.5);
  opacity: 0;
  transition: 0.2s ease-out;
}

.top-nav .nav-social .sm-item .sm-link .fa {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 1.25rem;
  transform: translate(-50%, -50%);
  z-index: 5;
}

.top-nav .nav-social .sm-item .sm-link:hover {
  color: var(--white);
  background-color: var(--color-100);
}

.top-nav .nav-social .sm-item .sm-link:hover::before {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.ins-top-nav {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

.ins-top-nav .nav-info {
  display: flex;
}

.ins-top-nav .nav-info .nav-item .nav-link {
  color: var(--white);
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
  margin: 0 0.25rem;
  border-radius: 3px;
}

.ins-top-nav .nav-info .nav-item .nav-link .fa {
  font-size: 1.125rem;
}

.ins-top-nav .nav-info .nav-item .nav-link:hover {
  color: var(--color-100);
  background-color: var(--white);
}

.ins-top-nav .nav-lng li a {
  color: var(--white);
  padding: 0.25rem 0.5rem;
}

.ins-top-nav .nav-lng li a img {
  width: 20px;
}

.ins-top-nav .nav-search li a img {
  width: 20px;
}

.ins-top-nav .nav-social {
  display: flex;
  margin-left: 1rem;
}

.ins-top-nav .nav-social .sm-item {
  display: inline-block;
}

.ins-top-nav .nav-social .sm-item + .sm-item {
  margin-left: 1rem;
}

.ins-top-nav .nav-social .sm-item .sm-link {
  position: relative;
  display: block;
  color: var(--white);
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
}

.ins-top-nav .nav-social .sm-item .sm-link::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 42px;
  height: 42px;
  border: 1px solid var(--white);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(1.5);
  opacity: 0;
  transition: 0.2s ease-out;
}

.ins-top-nav .nav-social .sm-item .sm-link .fa {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 1.25rem;
  transform: translate(-50%, -50%);
  z-index: 5;
}

.ins-top-nav .nav-social .sm-item .sm-link:hover {
  color: var(--color-100);
  background-color: var(--white);
}

.ins-top-nav .nav-social .sm-item .sm-link:hover::before {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.ins-top-nav .dropdown-menu {
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px;
}

.main-nav {
  align-items: center;
}

.main-nav .nav-item .nav-link {
  color: var(--bk-grade-950) !important;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
}

.main-nav .nav-item .nav-link .nav-block {
  position: relative;
  display: inline-block;
}

.main-nav .nav-item .nav-link .nav-block::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.5rem;
  height: 3px;
  background: #20a667;
  background: -webkit-gradient(left top, right top, color-stop(0%, #20a667), color-stop(30%, #f8c333), color-stop(70%, #20a667), color-stop(100%, #f8c333));
  background: linear-gradient(to right, #20a667 0%, #f8c333 30%, #20a667 70%, #f8c333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20a667', endColorstr='#f8c333', GradientType=1);
  opacity: 0;
  transition: 0.2s ease-out;
}

.main-nav .nav-item .nav-link.active, .main-nav .nav-item .nav-link:hover {
  color: var(--color-100) !important;
}

.main-nav .nav-item .nav-link.active .nav-block::after, .main-nav .nav-item .nav-link:hover .nav-block::after {
  background-size: 400% 400%;
  animation: btnGradient 3s ease infinite;
  opacity: 1;
}

.main-nav .nav-item .nav-lng {
  display: flex;
  align-items: center;
  font-family: "Droid Arabic Kufi";
}

.main-nav .nav-item .nav-lng img {
  width: 20px;
  margin-right: 0.25rem;
}

.main-nav .nav-item .nav-pay {
  padding: 0 0.25rem;
  text-transform: unset;
}

.main-nav .nav-item .nav-pay .nav-block {
  color: var(--white);
  padding: 0.5rem 1.5rem;
  background-color: var(--color-100);
  border-radius: 25px;
}

.main-nav .nav-item .nav-pay .nav-block::before, .main-nav .nav-item .nav-pay .nav-block::after {
  display: none;
}

.main-nav .nav-item .nav-pay:hover .nav-block {
  background: #20a667;
  background: -webkit-gradient(left top, right top, color-stop(0%, #20a667), color-stop(30%, #f8c333), color-stop(70%, #20a667), color-stop(100%, #f8c333));
  background: linear-gradient(to right, #20a667 0%, #f8c333 30%, #20a667 70%, #f8c333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20a667', endColorstr='#f8c333', GradientType=1);
  background-size: 400% 400%;
  animation: btnGradient 3s ease infinite;
}

.main-nav .nav-item .nav-partner {
  padding: 0 0.25rem;
  text-transform: unset;
}

.main-nav .nav-item .nav-partner .nav-block {
  color: var(--bk-grade-500);
  padding: 0.5rem 1.5rem;
  background-color: var(--color-200);
  border-radius: 25px;
}

.main-nav .nav-item .nav-partner .nav-block::before, .main-nav .nav-item .nav-partner .nav-block::after {
  display: none;
}

.main-nav .nav-item .nav-partner:hover .nav-block {
  background: #20a667;
  background: -webkit-gradient(left top, right top, color-stop(0%, #20a667), color-stop(30%, #f8c333), color-stop(70%, #20a667), color-stop(100%, #f8c333));
  background: linear-gradient(to right, #20a667 0%, #f8c333 30%, #20a667 70%, #f8c333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20a667', endColorstr='#f8c333', GradientType=1);
  background-size: 400% 400%;
  animation: btnGradient 3s ease infinite;
}

.main-nav .nav-item.active .nav-link {
  background-color: transparent !important;
}

.main-nav .dropdown-menu {
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.main-nav .dropdown-menu .dropdown-item {
  display: block;
  color: var(--bk-grade-700);
}

.main-nav .dropdown-menu .dropdown-item:hover {
  color: var(--white);
  background-color: var(--color-100);
}

.main-nav .dropdown-toggle::after {
  content: "\f107" !important;
  font-family: "FontAwesome";
  font-size: 0.75rem;
  margin-left: 0.255em;
  vertical-align: 0;
  border-top: 0 solid;
  border-right: 0 solid transparent;
  border-bottom: 0;
  border-left: 0 solid transparent;
}

.ins-main-nav .nav-item .nav-link {
  color: var(--white) !important;
}

.drop-search {
  display: flex;
  width: unset !important;
  min-width: 20rem;
}

.drop-search .form-control {
  flex: 1 1 0;
  min-height: 45px;
  background-color: var(--white);
  border: 0;
  border-radius: 0;
}

.drop-search .btn-search {
  flex: 0 0 45px;
  max-width: 45px;
  margin: 0;
  padding: 0;
  background-color: var(--color-100);
  border: 0;
  border-radius: 0;
}

.drop-search .btn-search img {
  width: 24px;
}

.banner-cover {
  overflow: hidden;
}

.banner-cover .carousel .carousel-inner .carousel-item img {
  width: 100%;
}

.banner-cover .carousel .carousel-inner .carousel-item.active img {
  transition: transform 10000ms linear 0s;
  transform: scale(1.1, 1.1);
}

.banner-cover .carousel .carousel-indicators li {
  width: 25px;
  height: 5px;
  border-radius: 2px;
  background-color: var(--color-100);
  transition: 0.2s ease-out;
}

.banner-cover .carousel .carousel-indicators li.active {
  background-color: var(--color-200);
}

.banner-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
}

.banner-content .banner-hd {
  position: relative;
  max-width: 850px;
}

.banner-content .banner-hd h3 {
  color: var(--color-300);
  font-size: 2.5rem;
  font-weight: 500;
  margin: 0 0 0.5rem 0;
}

.banner-content .banner-hd h2 {
  color: var(--color-100);
  font-size: 3.25rem;
  font-weight: 600;
}

.banner-content .banner-hd .btn-contact {
  color: var(--white);
  font-size: 1rem;
  padding: 0.75rem 2.5rem;
  margin: 0;
  background-color: var(--color-100);
  border: 0;
  border-radius: 50px;
}

.banner-content .banner-hd .btn-contact:hover {
  background: #20a667;
  background: -webkit-gradient(left top, right top, color-stop(0%, #20a667), color-stop(30%, #f8c333), color-stop(70%, #20a667), color-stop(100%, #f8c333));
  background: linear-gradient(to right, #20a667 0%, #f8c333 30%, #20a667 70%, #f8c333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20a667', endColorstr='#f8c333', GradientType=1);
  background-size: 400% 400%;
  animation: btnGradient 3s ease infinite;
}

.banner-spec-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6%;
  z-index: 20;
}

.banner-spec-content .banner-spec-hd h3 {
  color: var(--color-300);
  font-size: 2rem;
  font-weight: 500;
  margin: 0 0 0.5rem 0;
}

.quality-sec {
  position: relative;
  padding: 3rem 0 0 0;
  background-color: #fcf7eb;
}

.quality-cover {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.quality-cover .quality-item {
  position: relative;
  display: flex;
  flex: 0 0 350px;
  max-width: 350px;
  padding-bottom: 1.5rem;
}

.quality-cover .quality-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 300px;
  height: 10px;
  background: #20a667;
  background: -webkit-gradient(left top, right top, color-stop(0%, #20a667), color-stop(100%, #f8c333));
  background: linear-gradient(to right, #20a667 0%, #f8c333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20a667', endColorstr='#f8c333', GradientType=1);
}

.quality-cover .quality-item .qua-icon {
  flex: 0 0 60px;
  max-width: 60px;
  margin-right: 1rem;
}

.quality-cover .quality-item .qua-icon img {
  width: 100%;
}

.quality-cover .quality-item .qua-body {
  flex: 1 1 0;
}

.quality-cover .quality-item .qua-body h3 {
  color: var(--bk-grade-950);
  font-size: 2rem;
  font-weight: 700;
  margin: 0 0 1rem 0;
}

.quality-cover .quality-item .qua-body p {
  color: var(--bk-grade-950);
  font-size: 1rem;
  font-weight: normal;
  margin: 0;
}

.product-sec {
  position: relative;
  padding: 3rem 0 3rem;
}

.products-hd {
  margin-bottom: 2rem;
  text-align: center;
}

.products-hd h2 {
  color: var(--bk-grade-950);
  font-size: 3rem;
  font-weight: 500;
  margin: 0;
}

.product-tb-nav {
  justify-content: center;
  margin-bottom: 4rem;
}

.product-tb-nav .nav-item {
  padding: 0.25rem;
}

.product-tb-nav .nav-item .nav-link {
  color: var(--bk-grade-700);
  font-size: 1.25rem;
  font-weight: 500;
  border-radius: 3px;
  text-transform: uppercase;
}

.product-tb-nav .nav-item .nav-link:hover {
  color: var(--white);
  background: #20a667;
  background: -webkit-gradient(left top, right top, color-stop(0%, #20a667), color-stop(30%, #f8c333), color-stop(70%, #20a667), color-stop(100%, #f8c333));
  background: linear-gradient(to right, #20a667 0%, #f8c333 30%, #20a667 70%, #f8c333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20a667', endColorstr='#f8c333', GradientType=1);
  background-size: 400% 400%;
  animation: btnGradient 3s ease infinite;
}

.product-tb-nav .nav-item .nav-link.active {
  color: var(--white);
  background-color: var(--bk-grade-600);
}

.product-item {
  margin-bottom: 0.5rem;
}

.product-item figure {
  position: relative;
  padding: 1rem 1rem;
  margin: 0;
  background-color: #f6f2ea;
  border-radius: 0.5rem;
  overflow: hidden;
}

.product-item figure::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  background: #6fbe69;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #6fbe69), color-stop(100%, #dfcb49));
  background: linear-gradient(to bottom, #6fbe69 0%, #dfcb49 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6fbe69', endColorstr='#dfcb49', GradientType=0);
  border-radius: 0.5rem;
  transform: translate(-50%, -50%) scale(1.1);
  opacity: 0;
  transition: 0.2s ease-out;
}

.product-item figure i {
  position: relative;
  display: block;
  max-width: 300px;
  height: 250px;
  margin: 0 auto;
  z-index: 10;
}

.product-item figure i img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  transition: 0.2s ease-out;
}

.product-item figure i .img-hover {
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
}

.product-item .product-it-body {
  padding: 1rem 0 1rem;
}

.product-item .product-it-body p {
  color: var(--bk-grade-950);
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
}

.product-item:hover figure::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(0.95);
}

.product-item:hover figure i img {
  transform: translate(-50%, -50%) scale(1.25);
  opacity: 0;
}

.product-item:hover figure i .img-hover {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.about-sec {
  position: relative;
  padding: 9rem 0 3rem;
  background-image: url(../images/about-us-bg.jpg);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

.about-sec .abt-shape-left {
  position: absolute;
  left: 0;
  top: 0;
  width: 184px;
}

.about-sec .abt-shape-left img {
  width: 100%;
}

.about-sec .abt-shape-right {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 182px;
}

.about-sec .abt-shape-right img {
  width: 100%;
}

.about-hd {
  margin-bottom: 4rem;
  text-align: center;
}

.about-hd h2 {
  color: var(--bk-grade-950);
  font-size: 3rem;
  font-weight: 500;
  margin: 0;
}

.about-content p {
  color: var(--bk-grade-950);
  font-weight: 300;
  line-height: 26px;
}

.latest-news-sec {
  position: relative;
  padding: 3rem 0 1.5rem;
}

.lt-news-hd {
  margin-bottom: 3rem;
  text-align: center;
}

.lt-news-hd h2 {
  color: var(--bk-grade-950);
  font-size: 2.125rem;
  font-weight: bold;
  margin: 0;
}

.lt-news-carousel {
  overflow: hidden;
}

.lt-news-carousel .owl-theme .owl-nav .owl-prev,
.lt-news-carousel .owl-theme .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 36px;
  margin: 0px;
  padding: 0px;
  background-color: var(--color-200);
  background-position: center;
  background-size: 20px;
  background-repeat: no-repeat;
  border-radius: 50%;
  transform: translateY(-50%);
  transition: 0.2s ease-out;
}

.lt-news-carousel .owl-theme .owl-nav .owl-prev {
  left: -5rem;
  background-image: url(../images/arrow-left.svg);
}

.lt-news-carousel .owl-theme .owl-nav .owl-next {
  right: -5rem;
  background-image: url(../images/arrow-right.svg);
}

.lt-news-carousel .owl-theme .owl-nav .owl-prev:hover,
.lt-news-carousel .owl-theme .owl-nav .owl-next:hover {
  background-color: var(--black);
}

.lt-news-carousel:hover .owl-theme .owl-nav .owl-prev {
  left: 1rem;
}

.lt-news-carousel:hover .owl-theme .owl-nav .owl-next {
  right: 1rem;
}

.lt-news-item {
  position: relative;
  margin: 1rem 0 1rem;
  box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 28px 0px;
  transition: 0.2s ease-out;
}

.lt-news-item figure {
  position: relative;
  margin: 0;
  background-color: #f6f2ea;
  overflow: hidden;
}

.lt-news-item figure img {
  width: 100%;
  transition: 0.2s ease-out;
}

.lt-news-item .lt-news-it-body {
  position: relative;
  padding: 2rem 2rem 1rem;
  z-index: 10;
}

.lt-news-item .lt-news-it-body p {
  color: var(--bk-grade-950);
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
}

.lt-news-item:hover {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 28px 0px;
}

.lt-news-item:hover figure img {
  transform: scale(1.1);
}

.story-sec {
  position: relative;
  padding: 1.5rem 0 3rem;
}

.story-hd {
  margin-bottom: 3rem;
  text-align: center;
}

.story-hd h2 {
  color: var(--bk-grade-950);
  font-size: 2.125rem;
  font-weight: bold;
  margin: 0;
}

.story-carousel .owl-carousel .owl-stage {
  transition-duration: 1.25s !important;
}

.story-carousel .owl-item.active .item .story-item figure {
  transform: scale(1);
}

.story-carousel .owl-theme .owl-nav {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2rem;
  margin-top: 0;
}

.story-carousel .owl-theme .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3rem;
}

.story-carousel .owl-theme .owl-dots .owl-dot span {
  width: 35px;
  height: 6px;
  margin: 5px 5px;
  background: transparent;
  border: 1px solid #d9d9d9;
  border-radius: 0;
  transition: 0.2s ease-out;
}

.story-carousel .owl-theme .owl-dots .owl-dot.active span,
.story-carousel .owl-theme .owl-dots .owl-dot:hover span {
  background: #373a44;
  border: 1px solid #373a44;
}

.story-carousel .owl-theme .owl-nav .owl-prev,
.story-carousel .owl-theme .owl-nav .owl-next {
  position: absolute;
  width: 40px;
  height: 40px;
  top: -1rem;
  margin: 0;
  background-color: transparent;
  background-position: center;
  background-size: 36px;
  background-repeat: no-repeat;
  border-radius: 50%;
  z-index: 10;
  transition: 0.2s ease-out;
}

.story-carousel .owl-theme .owl-nav .owl-prev {
  left: 50%;
  margin-left: -125px;
  background-image: url(../images/left-arrow.png);
}

.story-carousel .owl-theme .owl-nav .owl-next {
  right: 50%;
  margin-right: -125px;
  background-image: url(../images/right-arrow.png);
}

.story-item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  background-color: #f3f3f3;
}

.story-item figure {
  flex: 0 0 50%;
  max-width: 50%;
  margin: 0;
  transform: scale(0.8);
  transition: 0.2s ease-out;
  transition-duration: 1s;
  transition-delay: 0.75s;
}

.story-item figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.story-item .story-it-body {
  display: flex;
  align-items: center;
  flex: 0 0 50%;
  max-width: 50%;
}

.story-item .story-content {
  flex: 0 0 100%;
  max-width: 650px;
  padding: 2rem 4rem 2rem 4rem;
}

.story-item .story-content p {
  color: var(--bk-grade-950);
  font-size: 1.375rem;
  font-weight: 300;
  margin: 0 0 1.5rem 0;
}

.story-item .story-content p .txt-bold {
  font-weight: bold;
}

.story-item .story-content .st-name {
  color: var(--bk-grade-950);
  font-size: 1.375rem;
  font-weight: bold;
  margin: 0;
}

.story-item .story-content .st-desig {
  color: var(--bk-grade-950);
  font-size: 1rem;
  font-weight: 300;
  margin: 0;
}

.location-sec {
  position: relative;
  padding: 3rem 0 0;
}

.location-hd {
  margin-bottom: 4.5rem;
  text-align: center;
}

.location-hd h2 {
  color: var(--bk-grade-950);
  font-size: 2.25rem;
  font-weight: 600;
  margin: 0;
}

.location {
  height: 500px;
}

.location iframe {
  width: 100%;
  height: 100%;
}

.map-nav-sec {
  position: relative;
  background-color: #bac978;
  overflow: hidden;
}

.map-nav {
  display: flex;
  flex-wrap: wrap;
}

.map-nav .nav-item {
  flex: 0 0 50%;
  max-width: 50%;
}

.map-nav .nav-item .nav-link {
  position: relative;
  display: block;
  color: var(--white);
  font-size: 1.5rem;
  font-weight: 600;
  padding: 1rem 1rem;
  background-color: var(--bk-grade-450);
  text-align: center;
}

.map-nav .nav-item .nav-link .icon {
  position: absolute;
  display: block;
  right: 1rem;
  top: 50%;
  width: 28px;
  transform: translateY(-50%);
  transform-origin: center;
  transition: 0.2s ease-out;
}

.map-nav .nav-item .nav-link .icon img {
  width: 100%;
}

.map-nav .nav-item .nav-link.active {
  background: #bac978;
  background: -webkit-gradient(left top, right top, color-stop(0%, #bac978), color-stop(51%, #f8c73f), color-stop(100%, #bac978));
  background: linear-gradient(to right, #bac978 0%, #f8c73f 51%, #bac978 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bac978', endColorstr='#bac978', GradientType=1);
}

.map-nav .nav-item .nav-link.active .icon {
  transform: translateY(-50%) scaleY(-1);
}

.map-nav .nav-item:first-child .nav-link::before, .map-nav .nav-item:last-child .nav-link::before {
  content: "";
  position: absolute;
  top: 0;
  width: 1000px;
  height: 100%;
  background-color: var(--bk-grade-450);
  transition: 0.2s ease-out;
}

.map-nav .nav-item:first-child .nav-link.active::before, .map-nav .nav-item:last-child .nav-link.active::before {
  background-color: #bac978;
}

.map-nav .nav-item:first-child .nav-link::before {
  right: 100%;
}

.map-nav .nav-item:last-child .nav-link::before {
  left: 100%;
}

.map-tb-sec {
  position: relative;
}

.map-tab-cover .location-map {
  height: 375px;
}

.map-tab-cover .location-map iframe {
  width: 100%;
  height: 100%;
}

.footer-sec {
  position: relative;
  padding: 1.5rem 0 1.5rem;
  background-image: url(../images/footer-bg.jpg);
  background-size: cover;
  background-position: center top;
  background-attachment: fixed;
  background-repeat: no-repeat;
  border-top: 10px solid var(--white);
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 1rem;
}

.footer-links .ft-item + .ft-item {
  margin-left: 0.5rem;
}

.footer-links .ft-item .ft-link {
  color: var(--white);
  font-size: 1rem;
  font-weight: 500;
  padding: 0.25rem 0.5rem;
  text-decoration: none;
  text-transform: uppercase;
}

.footer-links .ft-item .ft-link:hover {
  color: var(--bk-grade-950);
}

.copy-cover .payment img {
  max-width: 100%;
}

.copy-cover .copyright {
  color: var(--white);
  text-align: center;
}

.nav-top-sec {
  position: relative;
  padding: 0.75rem 0 0.75rem;
  background: #f6c12e;
  background: -webkit-gradient(left top, right top, color-stop(0%, #f6c12e), color-stop(100%, #019957));
  background: linear-gradient(to right, #f6c12e 0%, #019957 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6c12e', endColorstr='#019957', GradientType=1);
}

.ins-nav-sec {
  position: relative;
}

.ins-banner-sec {
  position: relative;
}

.ins-banner-sec .ins-banner-slider::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.ins-banner-sec .ins-banner-slider img {
  width: 100%;
  object-fit: cover;
}

.ins-banner-sec .no-shade::after {
  opacity: 0;
}

.ins-banner-body {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.ins-banner-body .ins-banner-hd {
  position: relative;
  text-align: center;
}

.ins-banner-body .ins-banner-hd h1 {
  position: relative;
  color: var(--white);
  font-size: 4rem;
  font-weight: bold;
  letter-spacing: 0.5rem;
  transition: 0.2s ease-out;
  transition-delay: 300ms;
}

.ins-banner-body .ins-banner-hd h3 {
  color: var(--white);
  font-size: 2rem;
}

.ins-banner-body .ins-banner-hd p {
  color: var(--white);
  font-size: 0.875rem;
  font-weight: 300;
  letter-spacing: 0.25rem;
  text-transform: uppercase;
}

.ins-banner-body .ins-banner-hd .btn-apply {
  color: var(--white);
  font-size: 1rem;
  padding: 1rem 2.5rem;
  margin: 0;
  background-color: var(--color-100);
  border: 0;
  border-radius: 50px;
}

.ins-banner-body .ins-banner-hd .btn-apply:hover {
  background: #20a667;
  background: -webkit-gradient(left top, right top, color-stop(0%, #20a667), color-stop(30%, #f8c333), color-stop(70%, #20a667), color-stop(100%, #f8c333));
  background: linear-gradient(to right, #20a667 0%, #f8c333 30%, #20a667 70%, #f8c333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20a667', endColorstr='#f8c333', GradientType=1);
  background-size: 400% 400%;
  animation: btnGradient 3s ease infinite;
}

.question-sec {
  position: relative;
  padding: 1rem 0 1rem;
  overflow: hidden;
}

.question-intro {
  margin-left: auto;
  max-width: 650px;
  padding: 6rem 4rem 0 0;
}

.question-intro h3 {
  color: var(--bk-grade-900);
  font-size: 2rem;
  font-weight: 600;
  margin: 0 0 3rem 0;
}

.question-intro p {
  color: var(--bk-grade-400);
  font-size: 1.125rem;
  margin: 0 0 2rem 0;
  text-align: justify;
}

.question-intro .txt-bold {
  font-weight: bold;
}

.question-img img {
  width: 100%;
}

.calculate-sec {
  position: relative;
  padding: 3rem 0 3rem;
  background-color: #fcf7eb;
  background-image: url(../images/calculate-bg.jpg);
  background-size: 100%;
  background-position: center bottom;
  background-attachment: fixed;
}

.calculate-cover .calculate-hd {
  margin-bottom: 2rem;
  text-align: center;
}

.calculate-cover .calculate-hd h2 {
  color: var(--bk-grade-500);
  font-size: 3rem;
  font-weight: 600;
  margin: 0;
}

.calculate-cover .calculate-hd p {
  color: var(--bk-grade-500);
  font-size: 0.875rem;
  font-weight: 300;
  letter-spacing: 0.25rem;
  text-transform: uppercase;
}

.calculate-form {
  max-width: 975px;
  padding: 2.5rem 9rem;
  margin: 0 auto;
  background-color: var(--white);
  border-radius: 1rem;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.calculate-form .form-group {
  margin-bottom: 1.5rem;
}

.calculate-form label {
  display: block;
  color: var(--bk-grade-700);
  font-size: 1.115rem;
  font-weight: 600;
}

.calculate-form .slider {
  display: block;
}

.calculate-form .btn-light {
  margin: 0;
  background-color: var(--color-200) !important;
  border-radius: 0.25rem;
  box-shadow: none;
}

.calculate-form .btn-light:hover {
  background-color: var(--color-200) !important;
}

.calculate-form .btn-light:not([disabled]):not(.disabled):active,
.calculate-form .btn-light:not([disabled]):not(.disabled).active,
.calculate-form .show > .btn-light.dropdown-toggle {
  background-color: var(--color-200) !important;
  box-shadow: none;
}

.calculate-form .bootstrap-select .dropdown-menu {
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.calculate-form .bootstrap-select .dropdown-menu li + li {
  border-top: 1px solid var(--bk-grade-100);
}

.calculate-form .bootstrap-select .dropdown-menu .dropdown-item.active,
.calculate-form .bootstrap-select .dropdown-menu .dropdown-item:active {
  color: #fff;
  background-color: var(--color-100);
}

.calculate-form .slider-horizontal {
  width: 100%;
}

.calculate-form .slider-horizontal .slider-track {
  height: 10px;
}

.calculate-form .slider-track {
  background-color: #e0f0e4;
  background-image: linear-gradient(to bottom, #e0f0e4, #e0f0e4);
}

.calculate-form .slider-selection {
  background-color: #81591d;
  background-image: linear-gradient(to bottom, #9cd0aa, #9cd0aa);
}

.calculate-form .slider-handle {
  background-color: #81591d;
  background-image: linear-gradient(to bottom, #428b56, #428b56);
}

.calculate-form .cal-result {
  text-align: center;
}

.calculate-form .cal-result p {
  color: var(--bk-grade-700);
  font-size: 1.25rem;
  font-weight: bold;
  margin: 0 0 1rem 0;
}

.calculate-form .cal-result p .value {
  color: var(--color-100);
}

.calculate-form .cal-result .btn-apply {
  color: var(--white);
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem 2.5rem;
  margin: 0;
  background-color: var(--color-200);
  border: 0;
  border-radius: 50px;
}

.calculate-form .cal-result .btn-apply:hover {
  background: #20a667;
  background: -webkit-gradient(left top, right top, color-stop(0%, #20a667), color-stop(30%, #f8c333), color-stop(70%, #20a667), color-stop(100%, #f8c333));
  background: linear-gradient(to right, #20a667 0%, #f8c333 30%, #20a667 70%, #f8c333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20a667', endColorstr='#f8c333', GradientType=1);
  background-size: 400% 400%;
  animation: btnGradient 3s ease infinite;
}

.different-sec {
  position: relative;
  padding: 3rem 0 3rem;
}

.how-diff-cover {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.how-diff-cover .how-diff-hd {
  flex: 0 0 30%;
  max-width: 30%;
  margin-right: 1rem;
}

.how-diff-cover .how-diff-hd h2 {
  position: relative;
  color: var(--bk-grade-750);
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
}

.how-diff-cover .how-diff-hd h2 span {
  position: relative;
  display: inline-block;
  padding-bottom: 2rem;
}

.how-diff-cover .how-diff-hd h2 span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  background: #20a667;
  background: -webkit-gradient(left top, right top, color-stop(0%, #20a667), color-stop(100%, #f8c333));
  background: linear-gradient(to right, #20a667 0%, #f8c333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20a667', endColorstr='#f8c333', GradientType=1);
}

.how-diff-cover .how-diff-body {
  flex: 1 1 0;
}

.how-diff-body .diff-col-body {
  display: flex;
  flex-wrap: wrap;
}

.how-diff-body .diff-col-body .diff-col-cell {
  flex: 1 1 0;
}

.how-diff-body p {
  color: var(--bk-grade-500);
  font-size: 1rem;
  font-weight: normal;
  margin: 0 0 2rem 0;
}

.how-diff-body ul li {
  position: relative;
  color: var(--bk-grade-500);
  font-weight: normal;
  padding: 0 0 0 2.5rem;
  margin: 0 0 1rem 0;
}

.how-diff-body ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 25px;
  height: 25px;
  background-image: url(../images/check.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}

.criteria-sec {
  position: relative;
  background-color: #fcf7eb;
}

.criteria-cover {
  display: flex;
  flex-wrap: wrap;
}

.criteria-cover .criteria-cell {
  flex: 1 1 0;
  padding: 5rem 2rem 5rem 0;
}

.criteria-cover .criteria-cell + .criteria-cell {
  padding: 5rem 2rem 5rem 5rem;
  border-left: 10px solid var(--white);
}

.criteria-cover .criteria-item {
  position: relative;
}

.criteria-cover .criteria-item h3 {
  position: relative;
  color: var(--bk-grade-500);
  font-size: 1.375rem;
  font-weight: 600;
  margin: 0 0 3rem 0;
}

.criteria-cover .criteria-item p {
  color: var(--bk-grade-500);
  font-size: 1rem;
  font-weight: normal;
  margin: 0 0 2rem 0;
}

.criteria-cover .criteria-item ul {
  margin-bottom: 2rem;
}

.criteria-cover .criteria-item ul li {
  position: relative;
  color: var(--bk-grade-500);
  font-weight: normal;
  padding: 0 0 0 2rem;
  margin: 0 0 1rem 0;
}

.criteria-cover .criteria-item ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  background-image: url(../images/bullet.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}

.criteria-cover .criteria-item .btn-call {
  color: var(--white);
  font-size: 1rem;
  padding: 0.5rem 2.5rem;
  background-color: var(--color-100);
  border: 0;
  border-radius: 50px;
}

.criteria-cover .criteria-item .btn-call .fa {
  font-size: 1.5rem;
  vertical-align: middle;
  margin-right: 0.5rem;
}

.criteria-cover .criteria-item .btn-call img {
  width: 26px;
  vertical-align: middle;
  margin-right: 0.5rem;
}

.criteria-cover .criteria-item .btn-call:hover {
  background: #20a667;
  background: -webkit-gradient(left top, right top, color-stop(0%, #20a667), color-stop(30%, #f8c333), color-stop(70%, #20a667), color-stop(100%, #f8c333));
  background: linear-gradient(to right, #20a667 0%, #f8c333 30%, #20a667 70%, #f8c333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20a667', endColorstr='#f8c333', GradientType=1);
  background-size: 400% 400%;
  animation: btnGradient 3s ease infinite;
}

.enquiry-sec {
  position: relative;
  padding: 7.5rem 0 7.5rem;
  background-image: url(../images/enquiry-bg.jpg);
  background-size: cover;
  background-position: center center;
}

.enquiry-sec::before, .enquiry-sec::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 15px;
  background: #68b179;
  background: -webkit-gradient(left top, right top, color-stop(0%, #68b179), color-stop(100%, #f5cc5b));
  background: linear-gradient(to right, #68b179 0%, #f5cc5b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68b179', endColorstr='#f5cc5b', GradientType=1);
}

.enquiry-sec::before {
  top: 0;
}

.enquiry-sec::after {
  bottom: 0;
}

.enquiry-intro {
  max-width: 475px;
}

.enquiry-intro h3 {
  color: var(--white);
  font-size: 1.375rem;
  font-weight: 600;
  margin: 0 0 3rem 0;
}

.enquiry-intro p {
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 300;
  margin: 0 0 1rem 0;
  text-align: justify;
}

.enquiry-form {
  max-width: 700px;
  margin-left: auto;
}

.enquiry-form label {
  color: var(--white);
  font-size: 1.125rem;
}

.enquiry-form .form-control {
  background-color: var(--white);
  border: 0;
  border-radius: 4px;
}

.enquiry-form .btn-light {
  margin: 0;
  background-color: var(--white) !important;
  border-radius: 0.25rem;
  box-shadow: none;
}

.enquiry-form .btn-light:hover {
  background-color: var(--white) !important;
}

.enquiry-form .btn-light:not([disabled]):not(.disabled):active,
.enquiry-form .btn-light:not([disabled]):not(.disabled).active,
.enquiry-form .show > .btn-light.dropdown-toggle {
  background-color: var(--white) !important;
  box-shadow: none;
}

.enquiry-form .bootstrap-select .dropdown-menu {
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.enquiry-form .bootstrap-select .dropdown-menu li + li {
  border-top: 1px solid var(--bk-grade-100);
}

.enquiry-form .bootstrap-select .dropdown-menu .dropdown-item.active,
.enquiry-form .bootstrap-select .dropdown-menu .dropdown-item:active {
  color: #fff;
  background-color: var(--color-100);
}

.enquiry-form .btn-send {
  color: var(--white);
  font-size: 1rem;
  padding: 0.5rem 2.5rem;
  margin: 0;
  background-color: var(--color-100);
  border: 0;
  border-radius: 50px;
}

.enquiry-form .btn-send .fa {
  font-size: 1.5rem;
  vertical-align: middle;
  margin-right: 0.5rem;
}

.enquiry-form .btn-send:hover {
  background: #20a667;
  background: -webkit-gradient(left top, right top, color-stop(0%, #20a667), color-stop(30%, #f8c333), color-stop(70%, #20a667), color-stop(100%, #f8c333));
  background: linear-gradient(to right, #20a667 0%, #f8c333 30%, #20a667 70%, #f8c333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20a667', endColorstr='#f8c333', GradientType=1);
  background-size: 400% 400%;
  animation: btnGradient 3s ease infinite;
}

.document-sec {
  position: relative;
  padding: 4rem 0 8rem;
  background-color: #edecea;
  overflow: hidden;
}

.document-sec .section-bg {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 690px;
}

.document-sec .section-bg img {
  width: 100%;
}

.document-hd {
  margin-bottom: 3rem;
}

.document-hd h2 {
  color: var(--bk-grade-700);
  font-size: 1.375rem;
  font-weight: 600;
  margin: 0;
}

.document-item ul li {
  position: relative;
  color: var(--bk-grade-500);
  font-weight: normal;
  padding: 0 0 0 1.5rem;
  margin: 0 0 1rem 0;
}

.document-item ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 12px;
  height: 6px;
  background-color: var(--color-100);
}

.breadcrumb-sec {
  position: relative;
  padding: 1.5rem 0 1.5rem;
  background-color: #f5f5f5;
}

.ins-breadcrumb {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  border-radius: 0;
}

.ins-breadcrumb .breadcrumb-item {
  position: relative;
  color: var(--bk-grade-400);
  font-size: 1.125rem;
  padding: 0 0.875rem;
}

.ins-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  padding: 0;
  margin: 0;
  background-color: var(--bk-grade-950);
  border-radius: 50%;
  transform: translateY(-50%);
}

.ins-breadcrumb .breadcrumb-item a {
  color: var(--bk-grade-400);
  font-size: 1.125rem;
}

.shareholder-sec {
  position: relative;
  padding: 3rem 0 3rem;
}

.share-lt-side {
  max-width: 255px;
}

.annual-rep-cover {
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}

.annual-rep-cover::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  background: #20a667;
  background: -webkit-gradient(left top, right top, color-stop(0%, #20a667), color-stop(100%, #f8c333));
  background: linear-gradient(to right, #20a667 0%, #f8c333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20a667', endColorstr='#f8c333', GradientType=1);
}

.annual-rep-cover li {
  color: var(--bk-grade-400);
  font-weight: normal;
  margin-bottom: 1rem;
}

.annual-rep-cover li a {
  position: relative;
  display: block;
  color: var(--bk-grade-400);
  font-weight: normal;
  padding: 0;
}

.annual-rep-cover li a::before {
  content: "\f178";
  position: absolute;
  left: 0;
  top: 50%;
  font-family: "FontAwesome";
  color: var(--color-100);
  transform: translateY(-50%);
  opacity: 0;
  transition: 0.2s ease-out;
}

.annual-rep-cover li a:hover {
  color: var(--color-100);
  padding: 0 0 0 1.5rem;
}

.annual-rep-cover li a:hover::before {
  opacity: 1;
}

.annual-rep-cover li a.active {
  color: var(--bk-grade-400);
  padding: 0 0 0 1.5rem;
}

.annual-rep-cover li a.active::before {
  opacity: 1;
}

.support-cover {
  padding: 2.75rem 2rem 2rem;
  margin-bottom: 2rem;
  border: 2px solid var(--color-100);
  border-radius: 0.35rem;
  transition: 0.2s ease-out;
}

.support-cover h3 {
  display: block;
  color: var(--bk-grade-700);
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
}

.support-cover p {
  color: var(--bk-grade-400);
  margin: 0 0 2rem 0;
  text-align: justify;
}

.support-cover ul li {
  position: relative;
  color: var(--bk-grade-400);
  padding: 0 0 0 1.5rem;
}

.support-cover ul li .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  color: var(--color-100);
}

.support-cover ul li a {
  color: var(--bk-grade-400);
  text-decoration: none;
}

.support-cover ul li a:hover {
  color: var(--color-100);
}

.support-cover:hover {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px;
}

.shareholder-cover figure {
  margin-bottom: 1.5rem;
}

.shareholder-cover figure img {
  width: 100%;
}

.shareholder-cover h2 {
  color: var(--bk-grade-900);
  font-size: 2rem;
  font-weight: 600;
  margin: 0 0 3rem 0;
}

.shareholder-cover h4 {
  color: var(--bk-grade-400);
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 0.5rem 0;
}

.shareholder-cover p {
  color: var(--bk-grade-400);
  margin: 0 0 1.5rem 0;
}

.shareholder-cover ul {
  margin-bottom: 1rem;
}

.shareholder-cover ul li {
  position: relative;
  color: var(--bk-grade-400);
  font-weight: normal;
  padding: 0 0 0 1.5rem;
  margin: 0 0 1rem 0;
}

.shareholder-cover ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  background-color: var(--color-100);
  border-radius: 50%;
}

.profile-sec {
  position: relative;
  padding: 6rem 0 6rem;
  background-color: #fcf7eb;
}

.profile-cover .profile-hd {
  margin-bottom: 2rem;
}

.profile-cover .profile-hd h2 {
  position: relative;
  color: var(--bk-grade-750);
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
}

.profile-cover .profile-hd h2 span {
  position: relative;
  display: inline-block;
  padding-bottom: 2rem;
}

.profile-cover .profile-hd h2 span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  background: #20a667;
  background: -webkit-gradient(left top, right top, color-stop(0%, #20a667), color-stop(100%, #f8c333));
  background: linear-gradient(to right, #20a667 0%, #f8c333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20a667', endColorstr='#f8c333', GradientType=1);
}

.profile-cover .profile-content p {
  color: var(--bk-grade-400);
  font-size: 1.125rem;
  margin: 0 0 2rem 0;
  text-align: justify;
}

.facts-sec {
  position: relative;
  margin: -75px 0 0 0;
  z-index: 10;
}

.facts-cover {
  position: relative;
  padding: 4rem 2rem;
  background-color: var(--white);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.facts-cover .facts-item {
  text-align: center;
}

.facts-cover .facts-item h3 {
  color: #69b279;
  font-size: 2.25rem;
  font-weight: 600;
  margin: 0 0 0.25rem 0;
}

.facts-cover .facts-item p {
  color: var(--bk-grade-400);
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0;
}

.vision-sec {
  position: relative;
  padding: 9rem 0 9rem;
  margin-top: -50px;
  background-image: url(../images/vision-bg.jpg);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

.vision-cover {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.vision-cover .vision-item {
  position: relative;
  display: flex;
  flex: 0 0 375px;
  max-width: 375px;
  padding-bottom: 1.5rem;
}

.vision-cover .vision-item .vision-icon {
  flex: 0 0 90px;
  max-width: 90px;
  margin-right: 1rem;
}

.vision-cover .vision-item .vision-icon img {
  width: 100%;
}

.vision-cover .vision-item .vision-body {
  flex: 1 1 0;
}

.vision-cover .vision-item .vision-body h3 {
  color: var(--white);
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 0 1rem 0;
}

.vision-cover .vision-item .vision-body p {
  color: var(--white);
  font-size: 1rem;
  font-weight: normal;
  margin: 0;
}

.team-sec {
  position: relative;
  padding: 6rem 0 6rem;
  background-color: #f6f6f6;
}

.our-team-hd {
  margin-bottom: 2rem;
}

.our-team-hd h2 {
  position: relative;
  color: var(--bk-grade-750);
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
}

.our-team-hd h2 span {
  position: relative;
  display: block;
  max-width: 350px;
  padding-bottom: 2rem;
}

.our-team-hd h2 span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  background: #20a667;
  background: -webkit-gradient(left top, right top, color-stop(0%, #20a667), color-stop(100%, #f8c333));
  background: linear-gradient(to right, #20a667 0%, #f8c333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20a667', endColorstr='#f8c333', GradientType=1);
}

.team-tb-nav {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1.5rem;
}

.team-tb-nav .nav-item {
  padding: 0 0.5rem;
}

.team-tb-nav .nav-item .nav-link {
  position: relative;
  color: #7a7a7a;
  font-weight: 500;
  padding: 0.25rem 0 0.5rem;
}

.team-tb-nav .nav-item .nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: #20a667;
  background: -webkit-gradient(left top, right top, color-stop(0%, #20a667), color-stop(30%, #f8c333), color-stop(70%, #20a667), color-stop(100%, #f8c333));
  background: linear-gradient(to right, #20a667 0%, #f8c333 30%, #20a667 70%, #f8c333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20a667', endColorstr='#f8c333', GradientType=1);
  opacity: 0;
  transition: 0.2s ease-out;
}

.team-tb-nav .nav-item .nav-link:hover {
  color: var(--color-100) !important;
}

.team-tb-nav .nav-item .nav-link:hover::after {
  left: 0;
  width: 100%;
  background-size: 400% 400%;
  animation: btnGradient 3s ease infinite;
  opacity: 1;
}

.team-tb-nav .nav-item .nav-link.active {
  color: var(--color-100) !important;
}

.team-tb-nav .nav-item .nav-link.active::after {
  width: 100%;
  background-size: 400% 400%;
  animation: btnGradient 3s ease infinite;
  opacity: 1;
}

.team-item {
  position: relative;
  background-color: var(--white);
  margin: 0.5rem 0 1rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.team-item figure {
  overflow: hidden;
}

.team-item figure img {
  width: 100%;
  transition: 0.2s ease-out;
}

.team-item .team-it-body {
  padding: 1rem 1rem;
}

.team-item .team-it-body h3 {
  color: var(--bk-grade-550);
  font-size: 1.125rem;
  font-weight: 500;
  margin: 0 0 0.25rem 0;
}

.team-item .team-it-body p {
  color: #cf9213;
  font-size: 0.875rem;
  margin: 0;
}

.team-item:hover figure img {
  transform: scale(1.1);
  filter: grayscale(100%);
}

.team-caorusel {
  overflow: hidden;
}

.team-caorusel .owl-theme .owl-dots {
  margin-top: 4rem;
}

.team-caorusel .owl-theme .owl-dots .owl-dot span {
  position: relative;
  width: 20px;
  height: 5px;
  margin: 2px 2px;
  background-color: var(--white);
  border: 1px solid #7a7a7a;
  border-radius: 0;
  transition: 0.2s ease-out;
}

.team-caorusel .owl-theme .owl-dots .owl-dot.active span {
  background-color: #7a7a7a;
  border: 1px solid #7a7a7a;
}

.team-caorusel .owl-theme .owl-dots .owl-dot.active span::before {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.team-caorusel .owl-theme .owl-nav .owl-prev,
.team-caorusel .owl-theme .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0px;
  background-color: var(--color-100);
  background-position: center;
  background-size: 20px;
  background-repeat: no-repeat;
  border-radius: 50%;
  transform: translateY(-50%);
  transition: 0.2s ease-out;
}

.team-caorusel .owl-theme .owl-nav .owl-prev {
  left: -50px;
  background-image: url(../images/arrow-left.svg);
}

.team-caorusel .owl-theme .owl-nav .owl-next {
  right: -50px;
  background-image: url(../images/arrow-right.svg);
}

.team-caorusel .owl-theme .owl-nav .owl-prev:hover,
.team-caorusel .owl-theme .owl-nav .owl-next:hover {
  background-color: var(--color-200);
}

.team-caorusel:hover .owl-theme .owl-nav .owl-prev {
  left: 25px;
}

.team-caorusel:hover .owl-theme .owl-nav .owl-next {
  right: 25px;
}

.experts-sec {
  position: relative;
  background-color: #353635;
  overflow: hidden;
}

.experts-intro {
  margin-left: auto;
  max-width: 650px;
  padding: 6rem 6rem 0 0;
}

.experts-intro h3 {
  color: var(--white);
  font-size: 2.5rem;
  font-weight: 600;
  margin: 0 0 3rem 0;
}

.experts-intro p {
  color: var(--white);
  font-size: 1.125rem;
  margin: 0 0 2rem 0;
  text-align: justify;
}

.experts-img img {
  width: 100%;
}

.bod-message-sec {
  position: relative;
  padding: 6rem 0 6rem;
}

.bod-message-hd {
  margin-bottom: 2rem;
}

.bod-message-hd h2 {
  position: relative;
  color: var(--bk-grade-750);
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
}

.bod-message-hd h2 span {
  position: relative;
  display: inline-block;
  padding-bottom: 2rem;
}

.bod-message-hd h2 span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  background: #20a667;
  background: -webkit-gradient(left top, right top, color-stop(0%, #20a667), color-stop(100%, #f8c333));
  background: linear-gradient(to right, #20a667 0%, #f8c333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20a667', endColorstr='#f8c333', GradientType=1);
}

.board-msg-item .board-msg-nav {
  margin-bottom: 1rem;
}

.board-msg-item .btn-msg {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 1.125rem;
  font-weight: 500;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.board-msg-item .btn-msg .btn-icon {
  position: relative;
  flex: 0 0 50px;
  max-width: 50px;
  height: 50px;
  background-color: var(--color-200);
  margin-right: 1rem;
  transition: 0.2s ease-out;
}

.board-msg-item .btn-msg .btn-icon::before, .board-msg-item .btn-msg .btn-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 2px;
  background-color: var(--white);
  transform: translate(-50%) rotate(0);
  transition: 0.2s ease-out;
}

.board-msg-item .btn-msg .btn-icon::after {
  transform: translate(-50%) rotate(90deg);
}

.board-msg-item .btn-msg .btn-label {
  flex: 1 1 0;
  text-align: left;
}

.board-msg-item .board-msg-body {
  padding: 0 0 0 4rem;
}

.board-msg-item .board-msg-body p {
  color: var(--bk-grade-400);
  font-size: 1.125rem;
  margin: 0 0 2rem 0;
  text-align: justify;
}

.board-msg-nav:hover .btn-msg .btn-icon {
  background-color: var(--color-100);
}

.board-msg-list .board-msg-nav .btn-msg:not(.collapsed) .btn-icon {
  background-color: var(--color-100);
}

.board-msg-list .board-msg-nav .btn-msg:not(.collapsed) .btn-icon::after {
  transform: translate(-50%) rotate(0deg);
}

.career-sec {
  position: relative;
  padding: 3rem 0 3rem;
}

.career-cover h2 {
  color: var(--bk-grade-700);
  font-size: 2rem;
  font-weight: 600;
  margin: 0 0 1.5rem 0;
}

.career-cover h4 {
  color: var(--bk-grade-400);
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 1rem 0;
}

.career-cover p {
  color: var(--bk-grade-400);
  margin: 0 0 1.5rem 0;
}

.career-cover ul {
  margin-bottom: 1.5rem;
}

.career-cover ul li {
  position: relative;
  color: var(--bk-grade-500);
  font-weight: normal;
  padding: 0 0 0 2.5rem;
  margin: 0 0 1rem 0;
}

.career-cover ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 25px;
  height: 25px;
  background-image: url(../images/check.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}

.career-cover a {
  color: var(--color-100);
}

.career-cover a:hover {
  color: var(--bk-grade-950);
}

.partners-sec {
  position: relative;
  padding: 3rem 0 3rem;
}

.partners-cover h2 {
  color: var(--bk-grade-700);
  font-size: 2rem;
  font-weight: 600;
  margin: 0 0 1.5rem 0;
}

.partners-cover h4 {
  color: var(--bk-grade-400);
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 1rem 0;
}

.partners-cover p {
  color: var(--bk-grade-400);
  margin: 0 0 1.5rem 0;
}

.partners-cover .partners-logos {
  display: flex;
  flex-wrap: wrap;
  max-width: 625px;
  margin-bottom: 2rem;
}

.partners-cover .partners-logos .logo-item {
  flex: 0 0 110px;
  max-width: 110px;
  padding: 0.25rem;
  margin: 0 0.25rem 0.25rem 0;
}

.partners-cover .partners-logos .logo-item img {
  width: 100%;
}

.partners-cover .partner-vehicles {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

.partners-cover .partner-vehicles .vehicle-item {
  flex: 0 0 130px;
  max-width: 130px;
  padding: 0.25rem;
  margin: 0 0.25rem 0.25rem 0;
}

.partners-cover .partner-vehicles .vehicle-item img {
  width: 100%;
}

.partners-cover .btn-contact {
  font-size: 1rem;
  padding: 0;
  margin: 0 0 1.5rem 0;
  box-shadow: none;
  text-transform: unset;
}

.partners-cover .btn-contact .btn-block {
  color: var(--white);
  padding: 0.75rem 2rem;
  background-color: var(--color-100);
  border-radius: 25px;
}

.partners-cover .btn-contact .btn-block::before, .partners-cover .btn-contact .btn-block::after {
  display: none;
}

.partners-cover .btn-contact:hover .btn-block {
  background: #20a667;
  background: -webkit-gradient(left top, right top, color-stop(0%, #20a667), color-stop(30%, #f8c333), color-stop(70%, #20a667), color-stop(100%, #f8c333));
  background: linear-gradient(to right, #20a667 0%, #f8c333 30%, #20a667 70%, #f8c333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20a667', endColorstr='#f8c333', GradientType=1);
  background-size: 400% 400%;
  animation: btnGradient 3s ease infinite;
}

.partners-cover .quote-cover {
  display: flex;
}

.partners-cover .quote-cover .quote-icon {
  flex: 0 0 65px;
  max-width: 65px;
  color: var(--color-200);
  margin-right: 1rem;
}

.partners-cover .quote-cover .quote-body {
  flex: 1 1 0;
  padding-top: 1.5rem;
}

.partners-cover .quote-cover .quote-body p {
  color: var(--bk-grade-700);
  margin: 0 0 1.5rem 0;
}

.partners-cover .quote-cover .quote-body .quote-name {
  color: var(--bk-grade-700);
  margin: 0;
}

.news-sec {
  position: relative;
  padding: 6rem 0 6rem;
}

.ins-news-item {
  position: relative;
  margin: 1rem 0 1rem;
  box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 28px 0px;
  transition: 0.2s ease-out;
}

.ins-news-item figure {
  position: relative;
  margin: 0;
  background-color: #f6f2ea;
  overflow: hidden;
}

.ins-news-item figure img {
  width: 100%;
  transition: 0.2s ease-out;
}

.ins-news-item .ins-news-it-body {
  position: relative;
  min-height: 275px;
  padding: 2rem 1.5rem 1rem;
  z-index: 10;
}

.ins-news-item .ins-news-it-body h3 {
  color: var(--bk-grade-950);
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
}

.ins-news-item .ins-news-it-body p {
  color: var(--bk-grade-950);
  font-size: 1rem;
  margin: 0 0 1rem 0;
}

.ins-news-item .ins-news-it-body .btn-more {
  color: var(--color-100);
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
  border-radius: 2px;
  box-shadow: none;
}

.ins-news-item .ins-news-it-body .btn-more:hover {
  color: var(--white);
  background-color: var(--color-100);
}

.ins-news-item:hover {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 28px 0px;
}

.ins-news-item:hover figure img {
  transform: scale(1.1);
}

.news-pagination {
  justify-content: center;
  margin-top: 1rem;
}

.news-pagination .page-item .page-link {
  color: var(--bk-grade-950);
}

.news-pagination .page-item .page-link.active, .news-pagination .page-item .page-link:hover {
  color: var(--color-100);
}

.news-dtl-cover figure {
  margin-bottom: 1.5rem;
}

.news-dtl-cover figure img {
  width: 100%;
}

.news-dtl-cover h2 {
  color: var(--bk-grade-900);
  font-size: 2rem;
  font-weight: 600;
  margin: 0 0 1.5rem 0;
}

.news-dtl-cover p {
  color: var(--bk-grade-400);
  margin: 0 0 1.5rem 0;
}

.con-form-sec {
  position: relative;
  padding: 6rem 0 6rem;
  background-color: #fcf7eb;
}

.con-form-hd {
  margin-bottom: 2rem;
}

.con-form-hd h2 {
  position: relative;
  color: var(--bk-grade-750);
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
}

.con-form-hd h2 span {
  position: relative;
  display: inline-block;
  padding-bottom: 2rem;
}

.con-form-hd h2 span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  background: #20a667;
  background: -webkit-gradient(left top, right top, color-stop(0%, #20a667), color-stop(100%, #f8c333));
  background: linear-gradient(to right, #20a667 0%, #f8c333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20a667', endColorstr='#f8c333', GradientType=1);
}

.con-form-content p {
  color: var(--bk-grade-400);
  font-size: 1.125rem;
  margin: 0 0 2rem 0;
  text-align: justify;
}

.contact-form label {
  color: var(--bk-grade-400);
  font-size: 1.125rem;
}

.contact-form .form-control {
  min-height: 45px;
  border: 1px solid #ebe7da;
  border-radius: 4px;
}

.contact-form .btn-send {
  color: var(--white);
  font-size: 1rem;
  padding: 0.75rem 2.5rem;
  margin: 0;
  background-color: var(--color-100);
  border: 0;
  border-radius: 50px;
}

.contact-form .btn-send:hover {
  background: #20a667;
  background: -webkit-gradient(left top, right top, color-stop(0%, #20a667), color-stop(30%, #f8c333), color-stop(70%, #20a667), color-stop(100%, #f8c333));
  background: linear-gradient(to right, #20a667 0%, #f8c333 30%, #20a667 70%, #f8c333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20a667', endColorstr='#f8c333', GradientType=1);
  background-size: 400% 400%;
  animation: btnGradient 3s ease infinite;
}

.con-address-sec {
  position: relative;
  padding: 6rem 0 6rem;
}

.con-address-hd {
  margin-bottom: 2rem;
}

.con-address-hd h2 {
  position: relative;
  color: var(--bk-grade-750);
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
}

.con-address-hd h2 span {
  position: relative;
  display: inline-block;
  padding-bottom: 2rem;
}

.con-address-hd h2 span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  background: #20a667;
  background: -webkit-gradient(left top, right top, color-stop(0%, #20a667), color-stop(100%, #f8c333));
  background: linear-gradient(to right, #20a667 0%, #f8c333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20a667', endColorstr='#f8c333', GradientType=1);
}

.con-addr-item {
  margin-bottom: 1rem;
}

.con-addr-item .con-addr-nav {
  margin-bottom: 1rem;
}

.con-addr-item .btn-addr {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 1.125rem;
  font-weight: 500;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.con-addr-item .btn-addr .btn-icon {
  position: relative;
  flex: 0 0 50px;
  max-width: 50px;
  height: 50px;
  background-color: var(--color-200);
  margin-right: 1rem;
  transition: 0.2s ease-out;
}

.con-addr-item .btn-addr .btn-icon::before, .con-addr-item .btn-addr .btn-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 2px;
  background-color: var(--white);
  transform: translate(-50%) rotate(0);
  transition: 0.2s ease-out;
}

.con-addr-item .btn-addr .btn-icon::after {
  transform: translate(-50%) rotate(90deg);
}

.con-addr-item .btn-addr .btn-label {
  flex: 1 1 0;
  text-align: left;
}

.con-addr-item .con-addr-body {
  padding: 0 0 0 4rem;
}

.con-addr-item .con-addr-body p {
  color: var(--bk-grade-950);
  font-size: 1rem;
  margin: 0 0 0.5rem 0;
}

.con-addr-item .con-addr-body ul li {
  position: relative;
  color: var(--bk-grade-400);
  padding: 0 0 0 2.5rem;
  margin-bottom: 1rem;
}

.con-addr-item .con-addr-body ul li .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 28px;
  height: 28px;
  color: var(--white);
  font-size: 0.875rem;
  border-radius: 50%;
  background-color: var(--color-100);
}

.con-addr-item .con-addr-body a {
  color: var(--bk-grade-950);
}

.con-addr-item .con-addr-body a:hover {
  color: var(--color-100);
}

.con-addr-nav:hover .btn-addr .btn-icon {
  background-color: var(--color-100);
}

.con-addr-list .con-addr-nav .btn-addr:not(.collapsed) .btn-icon {
  background-color: var(--color-100);
}

.con-addr-list .con-addr-nav .btn-addr:not(.collapsed) .btn-icon::after {
  transform: translate(-50%) rotate(0deg);
}

.con-branch-sec {
  position: relative;
  padding: 6rem 0 6rem;
  background-color: #f5f5f2;
}

.con-branch-hd {
  margin-bottom: 2rem;
}

.con-branch-hd h2 {
  position: relative;
  color: var(--bk-grade-750);
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
}

.con-branch-hd h2 span {
  position: relative;
  display: inline-block;
  padding-bottom: 2rem;
}

.con-branch-hd h2 span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  background: #20a667;
  background: -webkit-gradient(left top, right top, color-stop(0%, #20a667), color-stop(100%, #f8c333));
  background: linear-gradient(to right, #20a667 0%, #f8c333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20a667', endColorstr='#f8c333', GradientType=1);
}

.con-branch-list {
  margin-bottom: 1rem;
}

.con-branch-list .con-branch-nav {
  margin-bottom: 1rem;
}

.con-branch-list .btn-branch {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 1.125rem;
  font-weight: 500;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.con-branch-list .btn-branch .btn-icon {
  position: relative;
  flex: 0 0 50px;
  max-width: 50px;
  height: 50px;
  background-color: var(--color-200);
  margin-right: 1rem;
  transition: 0.2s ease-out;
}

.con-branch-list .btn-branch .btn-icon::before, .con-branch-list .btn-branch .btn-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 2px;
  background-color: var(--white);
  transform: translate(-50%) rotate(0);
  transition: 0.2s ease-out;
}

.con-branch-list .btn-branch .btn-icon::after {
  transform: translate(-50%) rotate(90deg);
}

.con-branch-list .btn-branch .btn-label {
  flex: 1 1 0;
  text-align: left;
}

.con-branch-list .con-branch-body {
  padding: 0 0 0 4rem;
}

.con-branch-list .con-branch-body p {
  color: var(--bk-grade-400);
  font-size: 1rem;
  margin: 0 0 0.5rem 0;
}

.con-branch-list .branch-details {
  display: flex;
}

.con-branch-list .branch-details .branch-dt-img {
  flex: 0 0 145px;
  max-width: 145px;
  margin-right: 1rem;
}

.con-branch-list .branch-details .branch-dt-img img {
  width: 100%;
}

.con-branch-list .branch-details .branch-dt-body {
  flex: 1 1 0;
}

.con-branch-list .branch-details .branch-dt-body p {
  color: var(--bk-grade-700);
  font-size: 1rem;
  margin: 0 0 0.5rem 0;
}

.con-branch-list .branch-details .branch-dt-body ul li {
  position: relative;
  color: var(--bk-grade-400);
  padding: 0 0 0 2.5rem;
  margin-bottom: 1rem;
}

.con-branch-list .branch-details .branch-dt-body ul li .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 28px;
  height: 28px;
  color: var(--white);
  font-size: 0.875rem;
  border-radius: 50%;
  background-color: var(--color-100);
}

.con-branch-list .branch-details .branch-dt-body a {
  color: var(--bk-grade-400);
}

.con-branch-list .branch-details .branch-dt-body a:hover {
  color: var(--bk-grade-950);
}

.con-branch-nav:hover .btn-branch .btn-icon {
  background-color: var(--color-100);
}

.con-branch-list .con-branch-nav .btn-branch:not(.collapsed) .btn-icon {
  background-color: var(--color-100);
}

.con-branch-list .con-branch-nav .btn-branch:not(.collapsed) .btn-icon::after {
  transform: translate(-50%) rotate(0deg);
}

.con-map-sec {
  position: relative;
}

.con-map {
  height: 500px;
}

.con-map iframe {
  width: 100%;
  height: 100%;
}

.year-repo-cover h2 {
  color: var(--bk-grade-900);
  font-size: 2rem;
  font-weight: 600;
  margin: 0 0 3rem 0;
}

.yr-repo-item {
  display: flex;
  flex-flow: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--bk-grade-300);
}

.yr-repo-item .yr-repo-hd {
  color: var(--bk-grade-950);
  font-size: 1.25rem;
  font-weight: 500;
  margin-right: 1rem;
}

.yr-repo-item .yr-repo-download a {
  display: block;
  color: var(--bk-grade-350);
  font-size: 1rem;
  padding: 0.25rem 0.5rem;
  margin: 0 0.25rem;
  border-radius: 3px;
}

.yr-repo-item .yr-repo-download a:hover {
  color: var(--white);
  background-color: var(--color-100);
}

.tariff-sec {
  position: relative;
  padding: 6rem 0 6rem;
  background-color: #fcf7eb;
}

.tariff-hd {
  margin-bottom: 2rem;
}

.tariff-hd h2 {
  position: relative;
  color: var(--bk-grade-750);
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
}

.tariff-hd h2 span {
  position: relative;
  display: inline-block;
  padding-bottom: 2rem;
}

.tariff-hd h2 span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  background: #20a667;
  background: -webkit-gradient(left top, right top, color-stop(0%, #20a667), color-stop(100%, #f8c333));
  background: linear-gradient(to right, #20a667 0%, #f8c333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20a667', endColorstr='#f8c333', GradientType=1);
}

.tariff-cover .table {
  margin-bottom: 2rem;
}

.tariff-cover .table thead tr th {
  color: var(--black);
  font-size: 1.25rem;
  font-weight: 600;
  padding: 1rem 1rem;
  background-color: var(--color-200);
  border: 1px solid var(--color-200);
}

.tariff-cover .table tbody tr td {
  color: var(--bk-grade-500);
  font-size: 1.125rem;
  padding: 1rem 1rem;
  border-bottom: 1px solid var(--bk-grade-100);
}

.tariff-note p {
  color: var(--bk-grade-400);
  margin: 0 0 1.5rem 0;
}

/* Loader CSS
-------------------------------------------------- */
.loader-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ffffff;
  background-position: left top;
  background-repeat: repeat;
  z-index: 99999;
}

.loader-overlay .loader {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
}

.loader-overlay .loader .logo {
  display: block;
  width: 100px;
  margin: 0 auto 1.5rem;
  animation: spinHorizontal 3s infinite ease-out;
}

.loader-overlay .loader .logo img {
  width: 100%;
}

.loader-txt {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  text-align: center;
  text-transform: uppercase;
}

.loader-txt span {
  color: transparent;
  display: inline-block;
  font-size: 2rem;
  font-weight: 600;
  text-shadow: 0 0 2px rgba(204, 208, 212, 0.9), 0 15px 25px rgba(0, 0, 0, 0.3), 0 -2px 3px rgba(0, 0, 0, 0.1), 0 -5px 10px rgba(255, 255, 255, 0.5), 0 5px 10px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(255, 255, 255, 0.2), 0 0 20px rgba(255, 255, 255, 0.45);
  animation: animate 0.85s ease-in-out infinite alternate;
}

.loader-txt span:nth-child(7) {
  animation-delay: 1.05s;
}

.loader-txt span:nth-child(6) {
  animation-delay: 0.9s;
}

.loader-txt span:nth-child(5) {
  animation-delay: 0.75s;
}

.loader-txt span:nth-child(4) {
  animation-delay: 0.6s;
}

.loader-txt span:nth-child(3) {
  animation-delay: 0.45s;
}

.loader-txt span:nth-child(2) {
  animation-delay: 0.3s;
}

.loader-txt span:nth-child(1) {
  animation-delay: 0.15s;
}

@keyframes animate {
  to {
    text-shadow: 0 0 2px rgba(204, 208, 212, 0.2), 0 0 3px rgba(0, 0, 0, 0.02), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(255, 255, 255, 0);
  }
}

/* Animations
-------------------------------------------------- */
@keyframes navDown {
  0% {
    transform: translateY(-40px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes upBounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}

@keyframes btnGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes sliderLineMove {
  0% {
    left: 0;
    width: 0;
  }
  50% {
    left: 0;
    width: 100%;
  }
  100% {
    left: 100%;
    width: 0;
  }
}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 576px) {
  .banner-cover .carousel .slider-mob {
    display: none;
  }
}

@media (min-width: 768px) {
  .main-nav .dropdown:hover .dropdown-menu {
    display: block;
  }
  .main-nav .dropdown-menu {
    animation: drop-anim 0.3s ease-out;
  }
}

@media (min-width: 1280px) {
  .container,
  .container-xl {
    width: 1220px;
    max-width: 1220px;
  }
}

@media (min-width: 1366px) {
  .container,
  .container-xl {
    width: 1320px;
    max-width: 1320px;
  }
}

@media (max-width: 1366px) {
  .question-intro {
    max-width: 650px;
  }
  .experts-intro {
    padding: 6rem 4rem 0 0;
  }
}

@media (max-width: 1280px) {
  .main-nav .nav-item .nav-link {
    font-size: 0.8751rem;
    padding: 0.5rem 0.75rem;
  }
  .question-intro {
    max-width: 550px;
    padding: 4rem 2rem 0 0;
  }
  .experts-intro {
    max-width: 550px;
    padding: 4rem 2rem 0 0;
  }
}

@media (max-width: 1200px) {
  .banner-content .banner-hd h3 {
    font-size: 2.5rem;
  }
  .banner-content .banner-hd h2 {
    font-size: 3.5rem;
  }
  .ins-banner-body .ins-banner-hd h1 {
    font-size: 3.5rem;
  }
  .quality-cover .quality-item {
    flex: 0 0 33.333%;
    max-width: 33.333%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .product-item figure i {
    max-width: 240px;
    height: 200px;
  }
  .about-sec .abt-shape-left {
    width: 125px;
  }
  .about-sec .abt-shape-right {
    width: 125px;
  }
  .story-item .story-content {
    padding: 6rem 2rem 2rem 3rem;
  }
  .location {
    height: 350px;
  }
  .question-intro {
    max-width: 550px;
    padding: 4rem 2rem 0 1.5rem;
  }
  .experts-intro {
    max-width: 550px;
    padding: 4rem 2rem 0 1.5rem;
  }
}

@media (max-width: 991px) {
  .navbar-main .navbar-collapse {
    background-color: var(--white);
    padding: 1rem 1rem;
  }
  .navbar-main .navbar-collapse {
    background-color: rgba(243, 243, 243, 0.9);
  }
  .ins-main-nav .nav-item .nav-link {
    color: var(--bk-grade-950) !important;
  }
  .top-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .top-nav .nav-info {
    display: flex;
    justify-content: center;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .top-nav .nav-item-search {
    position: static;
  }
  .nav-item-search .dropdown-search {
    left: 0;
    right: 0;
  }
  .drop-search {
    min-width: unset;
  }
  .ins-top-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .ins-top-nav .nav-info {
    display: flex;
    justify-content: center;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ins-top-nav .nav-search {
    margin: 0.5rem 0.5rem;
  }
  .nav-item-search {
    position: static;
  }
  .nav-item-search .dropdown-search {
    left: 0 !important;
    right: 0 !important;
  }
  .banner-content .banner-hd h3 {
    font-size: 2rem;
  }
  .banner-content .banner-hd h2 {
    font-size: 3rem;
  }
  .banner-content .banner-hd .btn-contact {
    font-size: 0.875rem;
    padding: 0.5rem 2rem;
  }
  .products-hd h2 {
    font-size: 2.5rem;
  }
  .product-tb-nav .nav-item .nav-link {
    font-size: 1rem;
  }
  .about-sec {
    padding: 6rem 0 3rem;
  }
  .about-hd {
    margin-bottom: 2rem;
  }
  .about-hd h2 {
    font-size: 2.5rem;
  }
  .story-hd {
    margin-bottom: 2rem;
  }
  .story-item .story-content {
    padding: 3rem 2rem 2rem 2rem;
  }
  .location-hd {
    margin-bottom: 2rem;
  }
  .ins-banner-body .ins-banner-hd h1 {
    font-size: 3rem;
  }
  .ins-navbar {
    top: 0.5rem;
  }
  .ins-banner-body .ins-banner-hd .btn-apply {
    font-size: 0.875rem;
    padding: 0.5rem 2rem;
  }
  .calculate-cover .calculate-hd h2 {
    font-size: 2.5rem;
  }
  .calculate-form {
    padding: 2rem 4rem;
  }
  .calculate-form .cal-result .btn-apply {
    font-size: 0.875rem;
    padding: 0.5rem 2rem;
  }
  .how-diff-cover .how-diff-hd {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 0 2rem 0;
  }
  .how-diff-cover .how-diff-hd h2 span {
    padding-bottom: 1rem;
  }
  .how-diff-cover .how-diff-hd h2 span::after {
    bottom: 0;
    width: 100%;
    max-width: 100%;
    height: 5px;
  }
  .question-intro {
    padding: 2rem 2rem 0 1.5rem;
  }
  .question-intro h3 {
    margin: 0 0 2rem 0;
  }
  .experts-intro {
    padding: 2rem 2rem 0 1.5rem;
  }
  .experts-intro h3 {
    margin: 0 0 2rem 0;
  }
}

@media (max-width: 767px) {
  .banner-cover .carousel .carousel-inner .carousel-item img {
    height: 350px;
    object-fit: cover;
  }
  .banner-content .banner-hd h3 {
    font-size: 1.875rem;
  }
  .banner-content .banner-hd h2 {
    font-size: 2.25rem;
  }
  .quality-cover .quality-item .qua-icon {
    flex: 0 0 40px;
    max-width: 40px;
    margin-right: 0.5rem;
  }
  .quality-cover .quality-item .qua-body h3 {
    font-size: 1.875rem;
  }
  .about-sec {
    padding: 3rem 0 3rem;
  }
  .map-nav .nav-item .nav-link {
    font-size: 1.125rem;
  }
  .map-nav .nav-item .nav-link .icon {
    width: 20px;
  }
  .map-tab-cover .location-map {
    height: 250px;
  }
  .footer-links {
    justify-content: center;
    margin-bottom: 1rem;
  }
  .footer-links .ft-item .ft-link {
    font-size: 0.875rem;
    padding: 0.25rem 0.25rem;
  }
  .ins-banner-sec .ins-banner-slider img {
    height: 350px;
  }
  .calculate-form {
    padding: 2rem 2rem;
  }
  .criteria-cover .criteria-cell {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 2rem 2rem 1rem 0;
  }
  .criteria-cover .criteria-cell + .criteria-cell {
    padding: 1rem 2rem 2rem 0;
    border-left: 0 solid var(--white);
  }
  .criteria-cover .criteria-item h3 {
    margin: 0 0 1rem 0;
  }
  .enquiry-sec {
    padding: 4rem 0 4rem;
  }
  .enquiry-sec::before,
  .enquiry-sec::after {
    height: 5px;
  }
  .enquiry-intro {
    max-width: unset;
    margin-bottom: 2rem;
  }
  .enquiry-form {
    max-width: unset;
  }
  .document-sec {
    padding: 4rem 0 4rem;
    background-size: 250px;
  }
  .question-intro {
    max-width: unset;
    padding: 1.5rem 1.5rem;
    margin-bottom: 2rem;
  }
  .question-intro h3 {
    font-size: 1.875rem;
    margin: 0 0 1rem 0;
  }
  .question-intro p {
    font-size: 1rem;
    margin: 0 0 1rem 0;
  }
  .share-lt-side {
    max-width: unset;
  }
  .profile-sec {
    padding: 4rem 0 4rem;
  }
  .facts-sec {
    padding: 2rem 0 2rem;
    margin: 0;
  }
  .facts-cover {
    padding: 1.5rem 1.5rem;
  }
  .facts-cover .facts-item {
    margin-bottom: 1.5rem;
  }
  .vision-sec {
    padding: 4rem 0 4rem;
    margin-top: 0;
  }
  .vision-cover .vision-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .team-sec {
    padding: 4rem 0 4rem;
  }
  .team-caorusel .owl-theme .owl-dots {
    margin-top: 1rem;
  }
  .experts-intro {
    max-width: unset;
    padding: 1.5rem 1.5rem;
  }
  .experts-intro h3 {
    font-size: 1.875rem;
    margin: 0 0 1rem 0;
  }
  .experts-intro p {
    font-size: 1rem;
    margin: 0 0 1rem 0;
  }
  .bod-message-sec {
    padding: 4rem 0 4rem;
  }
}

@media (max-width: 576px) {
  .banner-cover .carousel .carousel-inner .carousel-item img {
    height: 300px;
  }
  .banner-content .banner-hd h3 {
    font-size: 1.5rem;
  }
  .banner-content .banner-hd h2 {
    font-size: 2rem;
  }
  .banner-cover .carousel .slider-mob {
    display: block;
  }
  .banner-cover .carousel .slider-web {
    display: none;
  }
  .banner-cover .carousel .carousel-inner .carousel-item img {
    width: 100%;
    height: unset;
    object-fit: unset;
  }
  .banner-spec-content .banner-spec-hd h3 {
    font-size: 1.5rem;
  }
  .quality-cover .quality-item {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 1rem;
  }
  .quality-cover .quality-item::after {
    max-width: 100%;
    height: 3px;
  }
  .quality-cover .quality-item .qua-body h3 {
    font-size: 1.5rem;
  }
  .products-hd h2 {
    font-size: 2rem;
  }
  .product-item .product-it-body p {
    font-size: 1.125rem;
  }
  .about-hd h2 {
    font-size: 2rem;
  }
  .lt-news-hd {
    margin-bottom: 1rem;
  }
  .lt-news-hd h2 {
    font-size: 1.875rem;
  }
  .lt-news-item .lt-news-it-body {
    padding: 1rem 1rem 1rem;
  }
  .lt-news-item .lt-news-it-body p {
    font-size: 1rem;
  }
  .story-hd h2 {
    font-size: 1.875rem;
  }
  .story-item figure {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .story-item .story-it-body {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .story-item .story-content {
    padding: 2rem 1rem 1rem;
  }
  .story-item .story-content p {
    font-size: 1.125rem;
    margin: 0 0 1rem 0;
  }
  .location-hd h2 {
    font-size: 1.875rem;
  }
  .copy-cover .payment img {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0.5rem;
  }
  .copy-cover .copyright {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
  .ins-top-nav .nav-info {
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: center;
  }
  .ins-top-nav .nav-info .nav-item .nav-link {
    padding: 0.25rem 0.25rem;
  }
  .ins-top-nav .nav-social {
    justify-content: center;
  }
  .ins-banner-sec .ins-banner-slider img {
    height: 300px;
  }
  .ins-banner-body .ins-banner-hd h1 {
    font-size: 2rem;
  }
  .ins-banner-body .ins-banner-hd h1 {
    font-size: 1.875rem;
  }
  .calculate-cover .calculate-hd h2 {
    font-size: 1.875rem;
  }
  .calculate-cover .calculate-hd p {
    font-size: 0.875rem;
    letter-spacing: 0.125rem;
  }
  .calculate-form {
    padding: 1.5rem 1.5rem;
  }
  .how-diff-body .diff-col-body .diff-col-cell {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .criteria-cover .criteria-cell {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .criteria-cover .criteria-item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 2rem 1rem 1rem;
  }
  .criteria-cover .criteria-cell + .criteria-cell {
    border-left: 0 solid var(--white);
  }
  .shareholder-sec {
    padding: 2rem 0 2rem;
  }
  .shareholder-cover h2 {
    font-size: 1.5rem;
    margin: 0 0 1.5rem 0;
  }
  .profile-sec {
    padding: 2rem 0 2rem;
  }
  .profile-cover .profile-hd h2 {
    font-size: 1.875rem;
  }
  .profile-cover .profile-content p {
    font-size: 1rem;
    margin: 0 0 1rem 0;
  }
  .facts-cover {
    padding: 0.5rem 0.5rem;
  }
  .facts-cover .facts-item h3 {
    font-size: 1.875rem;
  }
  .facts-cover .facts-item p {
    font-size: 1.125rem;
  }
  .vision-sec {
    padding: 2rem 0 2rem;
  }
  .vision-cover .vision-item .vision-icon {
    flex: 0 0 75px;
    max-width: 75px;
    margin-right: 0.5rem;
  }
  .team-sec {
    padding: 2rem 0 2rem;
  }
  .team-item {
    max-width: 375px;
    margin: 0.5rem auto 1rem;
  }
  .experts-intro h3 {
    font-size: 1.5rem;
  }
  .bod-message-sec {
    padding: 2rem 0 2rem;
  }
  .bod-message-hd h2 {
    font-size: 1.875rem;
  }
  .board-msg-item .board-msg-body p {
    font-size: 1rem;
    margin: 0 0 1rem 0;
  }
  .map-nav .nav-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .map-nav .nav-item .nav-link {
    font-size: 1rem;
    padding: 0.5rem 0.5rem;
  }
  .map-nav .nav-item:first-child .nav-link::before,
  .map-nav .nav-item:last-child .nav-link::before {
    display: none;
  }
  .partners-cover h2 {
    font-size: 1.5rem;
    margin: 0 0 1rem 0;
  }
  .career-sec {
    padding: 2rem 0 2rem;
  }
  .career-cover h2 {
    font-size: 1.5rem;
    margin: 0 0 1rem 0;
  }
  .con-form-sec {
    padding: 3rem 0 3rem;
  }
  .con-form-hd h2 {
    font-size: 1.875rem;
  }
  .con-form-hd h2 span::after {
    height: 5px;
  }
  .contact-form .form-control {
    min-height: 40px;
  }
  .con-address-sec {
    padding: 3rem 0 3rem;
  }
  .con-address-hd h2 {
    font-size: 1.875rem;
  }
  .con-address-hd h2 span::after {
    height: 5px;
  }
  .con-addr-item .btn-addr .btn-icon {
    flex: 0 0 36px;
    max-width: 36px;
    height: 36px;
    margin-right: 0.5rem;
  }
  .con-addr-item .btn-addr {
    font-size: 1rem;
  }
  .con-branch-sec {
    padding: 3rem 0 3rem;
  }
  .con-addr-item .btn-addr .btn-icon {
    flex: 0 0 36px;
    max-width: 36px;
    height: 36px;
    margin-right: 0.5rem;
  }
  .con-branch-hd h2 {
    font-size: 1.875rem;
  }
  .con-branch-hd h2 span::after {
    height: 5px;
  }
  .con-branch-list .btn-branch {
    font-size: 1rem;
  }
  .con-branch-list .btn-branch .btn-icon {
    flex: 0 0 36px;
    max-width: 36px;
    height: 36px;
    margin-right: 0.5rem;
  }
  .con-branch-list .con-branch-body {
    padding: 0 3rem 0 0;
  }
  .con-branch-list .branch-details {
    flex-wrap: wrap;
  }
  .con-branch-list .branch-details .branch-dt-img {
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
  .con-branch-list .branch-details .branch-dt-img {
    margin-right: 0;
  }
  .con-branch-list .branch-details .branch-dt-body {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .how-diff-cover .how-diff-hd h2 {
    font-size: 1.875rem;
  }
  .criteria-cover .criteria-cell {
    padding: 0;
  }
  .criteria-cover .criteria-cell + .criteria-cell {
    padding: 0;
  }
  .criteria-cover .criteria-item {
    padding: 1rem 0 1rem;
  }
  .enquiry-sec {
    padding: 3rem 0 3rem;
  }
  .enquiry-intro h3 {
    font-size: 1.25rem;
    margin: 0 0 1rem 0;
  }
  .enquiry-form label {
    font-size: 1rem;
  }
  .calculate-form label {
    font-size: 1rem;
  }
  .calculate-form .cal-result p {
    font-size: 1.125rem;
  }
}

@media (max-width: 480px) {
  .top-nav .nav-info .nav-item .nav-link {
    font-size: 0.875rem;
  }
  .top-nav .nav-info .nav-item .nav-link .fa {
    font-size: 1rem;
  }
  .top-nav .nav-social {
    margin-left: 0.5rem;
  }
  .top-nav .nav-search {
    margin-left: 0.5rem;
  }
}