body {

  padding: 0;

  margin: 0;

  font-family: "Plus Jakarta Sans", sans-serif;

  font-weight: 500;
    color: #393838;

}

a {

  text-decoration: none;

}

p { 
  font-size: 16px;
    line-height: 1.6;
    font-weight: 500;
    color: #393838;
}

section {

  padding: 80px 0;

  position: relative; z-index: 0;

}

header {

  z-index: 99;

  transition: all 300ms ease-in-out;position: relative;

}

/*--- Header CSS Starts ---*/



header { 

  background-color: transparent; 

  /*box-shadow: 0 0 10px rgb(0 0 0 / 20%); */

  z-index: 99;  
  /* position: fixed;  */
  width: 100%; 

  /* backdrop-filter: blur(5px); */

  transition: all 300ms ease-in-out;
  background-color: #fff;

}

header .navbar {

      /* padding: 5px 15px; */
      /* padding: 5px 15px;

    background: #fff;

    border-radius: 20px;

    margin-top: 10px;

    box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.1); */

}

header.sticky { position: fixed;top: 0; left: 0; width: 100%; 

  /* background-color: rgba(255, 255, 255, 0.8);box-shadow: 0 0 10px rgb(0 0 0 / 20%);backdrop-filter: blur(9px); */

}

.top-header { padding: 0; background-color: #adadad; padding-left: 100px; }

.home-banner > img, .home-banner > video { width: 100%; height: 89vh; object-fit: cover; }

.home-banner {margin-top: 105px;}

.navbar-brand{
  position: absolute;
  background: #fff;
  padding: 10px;
  top: -25px;
  z-index: 9;
  border-radius: 15px;
  border: 1px solid #e8e6e6;
}

.navbar-brand > img { width: 250px; transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; }

header.sticky .navbar-brand > img { width: 200px; filter: unset; }

.navbar-nav .nav-item .nav-link {position: relative; overflow: hidden; font-family: "Plus Jakarta Sans", sans-serif; color: #000; font-size: 15px; font-weight: 500; padding: 20px 15px; transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;text-transform: uppercase;}

.navbar-nav .nav-item > .nav-link::before {

  position: absolute;

  content: "";

  height: 5px;

  width: 5px;

  background-color: #3f5aa8;

  left: -100%;

  bottom: 0;

  transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;

}

.navbar-nav .nav-item:hover > .nav-link::before, .navbar-nav .nav-item > .nav-link.active::before {

  left: 0;

  margin: auto;

  bottom: 0;

  top: 0;

}

header.sticky .navbar-nav .nav-item .nav-link {color: #131220; padding: 20px 15px; }

header.sticky .navbar-nav .nav-item.dropdown .nav-link {padding: 20px 20px 20px 15px; }

.navbar-nav .nav-item .dropdown-item {

  font-family: "Plus Jakarta Sans", sans-serif; font-size: 14px; color: #fff; font-weight: 500;

  color: #393E41;
  text-wrap-mode: wrap;

}

.nav-item .dropdown-item:active,.nav-item .dropdown-item.active, .nav-item .dropdown-item:focus, .nav-item .dropdown-item:hover {

  color: #3f5aa8;

  background-color: #fff;

}

.nav-call {

  margin-left: 20px;

  padding-left: 20px;

  position: relative;

}

.nav-call::before {

  position: absolute;

  content: "";

  height: 60%;

  width: 1px;

  background-color: #fff;

  left: 0;

  top: 0;

  bottom: 0;

  margin: auto;

}

.nav-call img {

  filter: invert(1) brightness(9);

}

header.sticky .nav-call::before {

  background-color: #393E41;

}

header.sticky .nav-call img {

  filter: unset;

}

header .navbar-nav.desk-nav .nav-item .nav-link::before {

  position: absolute;

  content: "";

  height: 4px;

  width: calc(100% - 30px);

  left: 0;

  right: 0;

  bottom: 0px;

  top: unset;

  margin: auto;

  background-color: #3f5aa8;

  opacity: 0;

  transition: all 300ms ease-in-out;

}

.navbar-nav.ms-auto .nav-item {

  margin-left: 10px;

}

.navbar-nav.ms-auto .nav-item:first-child {margin-left: 0;}

header .navbar-nav.desk-nav .nav-item:hover .nav-link::before,

header .navbar-nav.desk-nav .nav-item .nav-link.active::before {

  opacity: 1;

}

.navbar-nav .nav-item:hover .nav-link, .navbar-nav .nav-item .nav-link.active, .navbar-nav .nav-item .nav-link[aria-expanded="true"] { color: #3f5aa8; }

header .navbar-nav.desk-nav .nav-item .dropdown-item:hover { background: #efefef; color: #000;}

.navbar-nav.desk-nav .nav-item .dropdown-item.active, .navbar-nav.desk-nav .nav-item .dropdown-item.active:hover {

  color: #fff;

  background-color: #3f5aa8;

}

.nav-center li.nav-item {margin: 0 10px;}

header.sticky .navbar-nav .nav-item.register-link .nav-link { padding: 15px 30px!important; }

header .navbar-nav .nav-item .nav-link.search-btn { position: relative;background-color: #3f5aa8; height: 40px; width: 40px !important; border-radius: 50%; display: grid; align-items: center; padding: 0 !important; background-image: url(../images/search.png); background-repeat: no-repeat; background-position: center; background-size: 15px; transition: none;}

header .navbar-nav .nav-item .nav-link.search-btn.search-close {background-image: url(../images/close.png); background-color: #3f5aa8; background-size: 15px;}

/* header .navbar-nav .nav-item .nav-link.search-btn > img { width: 15px; display: block; margin: 0 auto;} */

.dropdown > .nav-link { padding-right: 20px !important;}

.dropdown > .nav-link::after {

  position: absolute;

  content: "";

  height: 16px;

  width: 16px;

  background-image: url(../images/down-arrow.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 12px;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  transition: all 300ms ease-in-out;

  filter: invert(1);

}

header.sticky .dropdown > .nav-link::after{

  filter: invert(1);

}

.dropdown-menu {

  display: block;

  opacity: 0;

  background-color: #fff;

  transform: translateY(20px);

  pointer-events: none;

  border: 0;

  border-radius: 0;

  padding: 10px 5px;

  -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;

  border-radius: 10px 10px;
  min-width: 275px;

}

.dropdown:hover .dropdown-menu {

  pointer-events: auto;

  opacity: 1;

  transform: translateY(0);

}

.sub-dropdown-menu {

  position: absolute;

  display: block;

  opacity: 0;

  background-color: #fff;

  transform: translateY(20px);

  pointer-events: none;

  border: 0;

  top: 0;

  list-style-type: none;

  left: 100%;

  border-radius: 0;

  padding: 10px 5px;

  -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;

  border-radius: 0 0 10px 10px;

}

.dropdown-menu > li:hover > .sub-dropdown-menu {

  pointer-events: auto;

  opacity: 1;

  transform: translateY(0);

}

header.sticky .dropdown:hover .dropdown-menu.mega-dropdown {top: 60px;}

header.sticky .dropdown .mega-dropdown { top: 60px; }

.dropdown:hover .dropdown-menu.mega-dropdown {opacity: 1;pointer-events: auto;visibility: visible;top: 80px;}

.mega-dropdown {position: fixed!important;top: 118px;left: 0;right: 0;width: 100%;padding: 50px 15px;border:  0;border-radius: 0;box-shadow: 0 10px 15px -10px #808080;-webkit-box-shadow:0 10px 15px -10px #808080;-o-box-shadow: 0 10px 15px -10px #808080;-ms-box-shadow: 0 10px 15px -10px #808080;-moz-box-shadow: 0 10px 15px -10px #808080;transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-webkit-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;display: block;visibility: hidden;opacity: 0;pointer-events: none;border-top: 1px solid #eee;}

.mega-dropdown .dropdown-item { margin: 0; padding: 0; margin-bottom: 20px;}

/* .desk-nav .mega-dropdown .dropdown-item { margin: 0; padding: 0; margin-bottom: 30px;} */

.mega-dropdown .dropdown-item > a { padding: 0; }

.m-title { font-weight: 600; }

.custom-link-content > span { font-family: "Plus Jakarta Sans", sans-serif; color: #fff; font-size: 13px; float: left; margin-right: 10px; line-height: 1; }

.custom-link-content { position: absolute; padding: 10px 15px; bottom:0; left: 0; width: 100%; z-index: 1;}

header .dropdown-item:hover { background-color: transparent; }

header .dropdown-item {font-size: 14px; padding: 8px 15px; border-radius: 5px; margin-bottom: 1px; color: #393E41; }

.menu-link-box { display: block; position: relative; overflow: hidden; }

.menu-link-box .hover-img { z-index: 0;position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0;transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-webkit-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out; }

.hover-img > img { width: 100%; }

/* .menu-link-box::before { position: absolute; content: ""; height: 5px; width: 100%; background-color: #A5E1FF; bottom: 0; transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-webkit-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;} */

/* .menu-link-box:hover::before { opacity: 0.25; } */

.menu-link-box:hover .hover-img { opacity: 1; }

.navbar-toggler  { border: 0;display: grid;height: 24px;align-items: center;position: relative;padding: 0; }

.navbar-toggler:focus {box-shadow: none !important;}

.navbar-toggler .navbar-toggler-icon {

  background-image: none; 

  height: 2px;

  border-radius: 3px;

  display: inline-block;

  background: #3f5aa8;

  position: relative;

}

.navbar-toggler::before, .navbar-toggler::after {

  position: absolute;

  content: ""; 

  right: 0;

  top: -10px;

  background: #3f5aa8;

  transform: rotate(0deg);

  position: absolute;

  content: "";

  height: 2px;

  width: 20px; 

  border-radius: 3px;

  margin: auto;

  transform-origin: right top;

  transform-style: preserve-3D;

  transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  -moz-transition: all 300ms ease-in-out;

  -ms-transition: all 300ms ease-in-out;

  -webkit-transition: all 300ms ease-in-out;

}

.navbar-toggler::before {

  top: 0;

  bottom: unset;

  transform-origin: right top;

  transform-style: preserve-3D;

}

.navbar-toggler::after {

  top: unset;

  transform-origin: right bottom;

  transform-style: preserve-3D;

  bottom: 0;

}

.navbar-toggler[aria-expanded="true"]::before {

  transform: rotate(-45deg);

  top: 0;

  width: 32px;

}

.navbar-toggler[aria-expanded="true"]::after {

  transform: rotate(45deg);

  bottom: 0;

  width: 32px;

}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {

  background-color: transparent;

}

.dropdown-toggle::after {

  border: 0;

  content: url(../images/arrow-down.svg);

  right: 0;

  bottom: 0;

  top: 0;

  margin: 0 0 0 7px;

  position: relative;

  /* align-items: center; */

  /* display: flex; */

  filter: grayscale(1);

  transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  -moz-transition: all 300ms ease-in-out;

  -ms-transition: all 300ms ease-in-out;

  -webkit-transition: all 300ms ease-in-out;

}

.dropdown:hover .dropdown-toggle::after { filter: grayscale(0);}

/* Home Slider CSS Starts */

.main-banner .carousel-item { position: relative;}

.main-banner .carousel-item::before { 

  position: absolute;

  content: "";

  height: calc(100% - 0px);

  width: 100%;

  left: 0;

  top: 0;

  background-color: #131220;

  transition: background-color 300ms ease-in-out;

  background: linear-gradient(315deg,rgba(28,32,37,1) 0%,rgba(52,55,61,1) 100%);

  opacity: 0.5;

}

.main-banner .carousel-item > video, .main-banner .carousel-item > img {

  height: 100vh;

  /* min-height: 850px; */

  width: 100%;

  max-height: 87vh;

  object-fit: cover;

}

.custom-carousel-caption {

  position: absolute;

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  display: flex;

  align-items: center;

}

.custom-carousel-caption h2 {

  font-size: 66px;

  color: #fff;

  font-weight: 400;

  margin-bottom: 15px;

  /* text-transform: uppercase; */

}

.custom-carousel-caption h5 {

  color: #fff;

  text-transform: uppercase;

  font-weight: 400;

  line-height: 1.5;

  letter-spacing: 2px;

  background-color: #3f5aa8;

  display: inline-block;

  padding: 5px 10px;

  font-size: 12px;

  border-radius: 5px;

}

/* Home Slider CSS Ends */

.custom-btn {z-index: 0; display: inline-block; overflow: hidden; text-decoration: none; position: relative; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; color: #fff; font-weight: 500; padding: 12px 35px; border: 2px solid #fff;  transition: all 300ms ease-in-out; background: transparent; border-radius: 30px; white-space: nowrap;}

.custom-btn i { margin-left: 5px; }

.custom-btn:hover { color: #131220; }

.custom-btn::after { 

  position: absolute; content: ""; 

  height: 0%; width: 0%;

  transition: all 300ms ease-in-out;

  margin: auto;

  border-radius: 30px;

  background-color: #fff; z-index: -1; left: 0%; top:0; bottom: 0; right: 0;

}

.custom-btn:hover::after { height: 100%; width: 100%; }

.section-heading {

  font-weight: 600;
  text-transform: capitalize;
  font-size: 40px;
  letter-spacing: 1px;
  position: relative;

}

.section-heading > span {
  position: relative;
  display: inline-block;
  padding-bottom: 3px;

  padding-left: 20px;

  border-left: 4px solid #3f5aa8;

}
.section-heading > span.text-white{
  border-left: 4px solid #fff;
}
/* .section-heading > span::before{
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 40%;
  height: 2px;
  background-color: #3f5aa8;
}
.section-heading.text-center > span{
  position: relative;
}
.section-heading.text-center > span::before{
  position: absolute;
  content: '';
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 40%;
  height: 2px;
  background-color: #3f5aa8;
} */
.section-heading.text-white > span {

  border-left: 5px solid #3f5aa8;

}

.semi-heading {

  text-transform: uppercase;

  letter-spacing: 2px;

  color: #393E41;

  font-weight: 400;

}

.sub-heading {

  color: #3f5aa8;

  font-weight: 600;

  font-size: 18px;

  line-height: 1.5;

  font-style: italic;

}

.custom-btn.btn-dark { color: #fff; background-color: #3f5aa8; border: 1px solid #3f5aa8; }

.custom-btn.btn-dark:hover { color: #3f5aa8; border-color: #3f5aa8;}

.custom-btn-primary {

  z-index: 0;

    display: inline-block;

    overflow: hidden;

    text-decoration: none;

    position: relative;

    text-transform: uppercase;

    font-size: 15px;

    letter-spacing: 1px;

    color: #fff;

    font-weight: 500;

    padding: 12px 35px;

    background-color: #217F4A;

    border: 1px solid #217F4A;

    transition: all 300ms ease-in-out;

    border-radius: 30px;

}

.custom-btn-primary:hover {

  color: #217F4A; border-color: #217F4A; background-color: #fff;

}

.custom-btn.btn-dark::after {background-color: #fff; }

.about-intro-section {position: relative;}

.about-intro-section::after {

  position: absolute;

  content: "";

  height: 100%;

  width: 50%;

  top: 0;

  right: 0;

  /* background-image: url(../images/constraction-decor-image-1.png); */

  background-size: contain;

  background-repeat: no-repeat;

  z-index: -1;

  background-position: 90% 100%;

}

.bg-custom-light {

  background-color: #F9F9FA;

}

.bg-custom-dark {

  background-color: #131220;

}

.bg-theme-primary {

  background-color: #3f5aa8;

}

.col-service { position: relative; overflow: hidden; margin: 15px 0;-ms-flex: 0 0 25%;flex: 0 0 25%; max-width: 25%;padding-right: 15px;padding-left: 15px }

.service-item { position: relative; transition: all 300ms ease-in-out; background-color: #fff;}

.service-item:hover {

  box-shadow: 10px 10px 15px 5px rgba(52,55,61,0.05);

  background-color: #3f5aa8;

}

.service-item h3 { 

  color: #393E41;

  font-weight: 700;

  font-size: 18px;

  margin-bottom: 15px;

}

.service-item p, .solution-item p {

  display: -webkit-box;

  overflow: hidden;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

}

.service-item:hover p, .service-item:hover h3 {

  color: #fff;

}

.service-icon > img {

  width: 60px;

  height: 60px;

  object-fit: contain;

}

.service-item:hover .service-icon > img {

  filter: invert(1) brightness(0);

}

.cta-link {

  color: #3f5aa8;

  display: inline-block;

  padding-right: 25px;

  background-image: url(../images/next.png);

  background-repeat: no-repeat;

  background-position: center right;

  transition: all 300ms ease-in-out;

  background-size: 16px;

  font-weight: 400;

  /* filter: grayscale(1) brightness(0.6); */

  text-decoration: underline;

  text-underline-offset: 7px;

  text-transform: uppercase;

  letter-spacing: 1px;

}

.cta-link:hover {

  padding-right: 30px;

  filter: unset;

}

.service-item:hover .cta-link {

  filter: invert(1) brightness(9);

}

.about-thumb-wrapper { position: relative; }

.about-thumb-wrapper::before {

  position: absolute;

  content: "";

  height: 200px;

  width: 200px;

  max-width: 30%;

  max-height: 30%;

  right: 5%;

  top: 5%;

  background-image: url(../images/Bg2.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 140px;

  opacity: 0.5;

}

.about-thumb-wrapper img:nth-child(2) {

  position: absolute;

  bottom: 0;

  top: 0;

  margin: auto;

  right: 0;

  max-width: 50%;

  border: 7px solid #fff;

}

.desc { color: #393E41;}

.desc ul li, .desc p {

  margin-bottom: 10px;

}

.bg-img {

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

.call-to-action-block {

  margin-bottom: -50px;

}

.call-to-action-block::before {

  position: absolute;

  content: "";

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  background-color: #217f4a;

  opacity: 0.9;

}

.portfolio-home-section {

  position: relative;

}

.portfolio-home-section::after {

  position: absolute;

  content: "";

  height: 100%;

  width: 80%;

  /* background-image: url(../images/BG.png); */

  background-repeat: no-repeat;

  background-position: bottom left;

  background-size: contain;

  left: 0;

  top: 0;

  z-index: -1;

  opacity: 0.09;

}

.col-portfolio { position: relative; overflow: hidden; margin: 15px 0;-ms-flex: 0 0 25%;flex: 0 0 25%; max-width: 25%;padding-right: 15px;padding-left: 15px }

.portfolio-detail::before {

  content: ' ';

  position: absolute;

  z-index: -1;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background: rgba(0, 0, 0, 0.3);

  -webkit-transition: opacity 0.3s ease-out, background-color 0.3s ease-out;

  -ms-transition: opacity 0.3s ease-out,background-color 0.3s ease-out;

  transition: opacity 0.3s ease-out, background-color 0.3s ease-out;

}

.portfolio-detail {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-justify-content: stretch;

  -ms-flex-pack: stretch;

  justify-content: stretch;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-box-sizing: border-box;

  -ms-box-sizing: border-box;

  box-sizing: border-box;

  width: 100%;

  max-height: 100%;

  height: 100%;

  overflow: hidden;

  padding: 2.3em 2.3em;

}

.port-content-bottom {

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  -webkit-flex-grow: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

  width: 100%;

  will-change: transform;

  -webkit-transition: -webkit-transform 0.3s ease-out;

  -ms-transition: -ms-transform 0.3s ease-out;

  transition: transform 0.3s ease-out;

  -webkit-transform: translateY(30px);

  -ms-transform: translateY(30px);

  transform: translateY(30px);

}

.portfolio-item:hover .portfolio-detail::before {

  background: rgb(215, 154, 48, 1);

  opacity: 0.9;

}

.port-content-top {

  margin-bottom: 20px;

  -webkit-transform: translateY(-15px);

  -ms-transform: translateY(-15px);

  transform: translateY(-15px);

  opacity: 0;

  will-change: transform, opacity;

  -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-out;

  -ms-transition: -ms-transform 0.3s ease-out,opacity 0.3s ease-out;

  transition: transform 0.3s ease-out, opacity 0.3s ease-out;

}

.portfolio-item:hover .port-content-bottom {

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

}

.portfolio-item:hover .port-content-top {

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

  opacity: 1;

  font-size: 18px;

  font-weight: 700;

}

.port-title {

  font-size: 24px;

  color: #fff;

}

.port-subtitle {

  opacity: 0;

  will-change: opacity;

  -webkit-transition: opacity 0.3s ease-out;

  -ms-transition: opacity 0.3s ease-out;

  transition: opacity 0.3s ease-out;

  color: #fff;

  font-weight: 400;

  font-size: 18px;

}

.portfolio-item:hover .port-subtitle { opacity: 1;}

.portfolio-thumb > img {

  transition: all 300ms ease-in-out;

  aspect-ratio: 1 / 1.455;

  object-fit: cover;

}

/* Footer CSS Starts */

.f-title {

  position: relative;

  color: #fff;

}

.f-title button {

  display: none;

}

.f-listing { list-style-type: none;}

.main-footer p { color: #b2b2b2;}

.f-listing > li > a{

  color: #b2b2b2;

}

.f-listing > li > a:hover {

  color: #fff;

}

.developedby-wrap a > img {

  width: 18px;

  filter: grayscale(1) brightness(9);

  transition: all 300ms ease-in-out;

  margin-left: auto; display: block;

}

.footer-logo > img {width: 200px; background-color: #fff; border-radius: 10px;padding: 10px;}

footer {
  /* background: radial-gradient(circle, #fec435 -10%, #fec435 60%);  */
  /* padding: 50px 0 20px; */
}

.f-title {font-family: "Plus Jakarta Sans", sans-serif;color: #ffffff; font-weight: 700;letter-spacing: 0px;font-size: 20px;margin-bottom: 20px;position: relative;}

.f-title button { display: none; }

.footer-links, .contact-info { list-style-type: none; padding-left: 0;}

.footer-collapse {border-top: 1px solid #ffffff70;padding-top: 25px;margin-top: 25px;}

.footer-links > li, .contact-info > li { margin-bottom: 15px; font-size: 14px; color: #fff;  font-family: "Plus Jakarta Sans", sans-serif; transition: all 300ms ease-in-out; display: flex; align-items: start; }
.f-contact-links li img{
  width: 35px;
  height: 35px;
  object-fit: cover;
  background: #ffffff;
  padding: 7px;
  border-radius: 5px;
}
.footer-links > li > a, .footer-links > li > span, .contact-info > li > span, .contact-info > li > a {color: #fff;font-family: "Plus Jakarta Sans", sans-serif;display: inline-block;font-size: 15px;font-weight: 400;}

.footer-links > li > a:hover, .contact-info > li > a:hover {color: #6e8eee;}

.contact-info > li > span, .contact-info > li > a {color: #393E41; font-weight: 500;}

.contact-info > li img {width: 22px;}

.social-links > li { display: inline-block; margin-right: 5px; }

.social-links > li:last-child { margin-right: 0;}

.footer-links > li > h6 { font-size: 14px; margin-bottom: 8px; font-family: "Plus Jakarta Sans", sans-serif; margin-top: 15px; letter-spacing: 0px;}

.social-links > li > a { border-radius: 50%; height: 40px; width: 40px; display: grid; align-items: center; text-align: center; background: #ffffff4d; }

.social-links > li > a:hover { background-color: #fff;}

.social-links > li > a > img { display: block; margin: 0 auto; filter: grayscale(1) brightness(9); width: 18px; }

.social-links > li > a:hover > img { filter: none;}

.footer-bottom { border-top: 1px solid hsl(0deg 0% 100% / 20%); padding: 20px 0}

.footer-bottom  p { font-family: "Plus Jakarta Sans", sans-serif; font-size: 14px; color: #fff; margin: 0;line-height: 1.7; }

.footer-bottom a { font-family: "Plus Jakarta Sans", sans-serif; font-size: 11px; color: #fff; }

.footer-main {

  /* background-image: url(../images/footer-bg.png);

  background-repeat: no-repeat;

  background-position: 90% 15%;

  background-size: contain; */

  padding: 70px 0 50px;

  /* margin-bottom: 50px; */

  position: relative;

}

/* .footer-main { margin-bottom: 100px; } */

.footer-main .desc p { color: #393E41; font-size: 16px; line-height: 1.8;}

.mega-dropdown ul { padding-left: 0;}

.f-title .accordion-button::after {

  display: block;

  /* filter: invert(1); */

  background-image: url(../images/plus.png);

  background-size: 16px;

  background-position: center;

  width: 20px;

  height: 100%;

}

.f-title .accordion-button:not(.collapsed)::after {

  background-image: url(../images/minus.png);

  /* filter: invert(1); */

}

.developedby-wrap > img {

  filter: grayscale(1) brightness(9);

  width: 18px;

  transition: all 300ms ease-in-out;

}

.developedby-wrap:hover > img {

  filter: unset;

}

/* Footer CSS Ends */



.testimonial-item .profile-img {

  border-radius: 50%;

  height: 70px;

  width: 70px;

  object-fit: cover;

}

.testimonial-item {

  border-radius: 10px;

  padding: 60px 30px 30px;

  background-image: url(../images/quote-right.png);

  background-repeat: no-repeat;

  background-position: 50% 8%;

  background-size: 30px;

}

.testimonial-slider .owl-dots {margin-top: 20px; text-align: center;}

.testimonial-slider .owl-dots .owl-dot {

  margin: 0 3px;

}

.testimonial-slider .owl-dots .owl-dot > span {

  display: inline-block;

  height: 10px;

  width: 10px;

  background-color: #393E41;

  border-radius: 50%;

}

.testimonial-slider .owl-dots .owl-dot.active > span {

  background-color: #3f5aa8;

}

.t-name {

  font-weight: 700;

  font-size: 18px;

  color: #393E41;

}

.t-designation {

  font-size: 14px;

  color: #393E41;

}

.col-blog { position: relative; overflow: hidden; margin: 15px 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%; max-width: 33.333333%;padding-right: 15px;padding-left: 15px }

.blog-item  {

  box-shadow: 0 3px 20px rgb(0 0 0 / 10%);

  position: relative;

  overflow: hidden;

  /* border-top: 3px solid #fff; */

  transition: all 300ms ease-in-out;

}

.blog-title {

  font-weight: 700;

  color: #393E41;

}

.blog-thumb {

  position: relative;

  overflow: hidden;

}

.blog-thumb > img {

  aspect-ratio: 1 / 0.73;

  object-fit: cover;

  transition: all 300ms ease-in-out;

}

.blog-item:hover .blog-thumb > img {

  /* transform: scale(1.07); */

}
.blogs-wrap-box{
  background-color: #fff;
  box-shadow: 0 3px 20px rgb(0 0 0 / 10%);
  position: relative;
  overflow: hidden;
  /* border-top: 3px solid #fff; */
  transition: all 300ms ease-in-out;
  border-radius: 10px;
}
.blogs-wrap-box img{
  border-radius: 10px;
}
.blogs-wrap-box .blog-title-wrap span{
  color: #3f5aa8;
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}
.blogs-wrap-box .blog-title-wrap h2{
  font-size: 20px;
  font-weight: 600;
  color: #000;
  transition: all 300ms ease-in-out;
}
.blogs-wrap-box .blog-title-wrap h2:hover{
  color: #3f5aa8;
}
.blog-item:hover .cta-link {

  padding-right: 35px;

  color: #3f5aa8;

}

.blog-item:hover {

  /* border-color: #3f5aa8; */

}

.blog-date { color: #131220; }

.blog-detail-section .blog-img-wrap img{
    aspect-ratio: 1 / 0.45;
    object-fit: cover;
    border-radius: 15px;
}
.blog-detail-section .blog-title-wrap{
  margin: 30px 0;
}
.blog-detail-section .blog-title-wrap span{
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}
.blog-detail-section .blog-title-wrap h2{
  font-size: 30px;
  color: #3f5aa8;
  font-weight: 700;
}
.blog-detail-section .blog-desc h1,.blog-detail-section .blog-desc h2,.blog-detail-section .blog-desc h3,.blog-detail-section .blog-desc h4,.blog-detail-section .blog-desc h5,.blog-detail-section .blog-desc h6{
  font-size: 20px;
  color: #000;
  font-weight: 600;
}
.blog-detail-section ul{
  list-style: none;
  padding-left: 0;
}
.blog-detail-section ul li{
  position: relative;
  margin-bottom: 8px;
  padding-left: 20px;
}
.blog-detail-section ul li::before{
  position: absolute;
  content: '';
  top: 7px;
  left: 0;
  width: 7px;
  height: 7px;
  background-color: #3f5aa8;
  border-radius: 50%;
}
.map > iframe {

  border:0;

  height: 250px;

  width: 100%;

}

.inner-banner-wrap {

  background-image: url(../images/inner-banner.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  padding: 80px 0;

  /* min-height: 400px; */

  position: relative;

  z-index: 0;

  display: flex;

  align-items: center;

  justify-content: center;

}

.inner-banner-wrap::before {

  position: absolute;

  content: "";

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  background-color: #000;

  opacity: 0.5;

  z-index: -1;

}
.inner-banner-wrap .breadcrumb{
  margin-bottom: 0;
}

.contact-info > li > a:hover {

  color: #3f5aa8;

  text-decoration: underline;

}

.custom-form .form-control, .custom-form .form-select {

  border-radius: 5px;

  background-color: #fff;

  border-color: #ddd;

  font-size: 14px;

  padding: 10px 15px;

}

.form-label {font-size: 14px;}

.mandatory {

  color: red;

}

.custom-form .form-control:focus {

  box-shadow: none;

  border-color: rgba(215, 154, 48, 0.5);

}

.custom-form textarea.form-control {

  height: 100px;

}

.custom-form .form-floating>textarea:focus~label::after, 

.custom-form .form-floating>textarea:not(:placeholder-shown)~label::after {

  background-color: transparent;

}

.contact-wrapper::after {

  position: absolute;

  content: "";

  height: 100%;

  width: 50%;

  top: 0;

  left: 0;

  background-image: url(../images/constraction-decor-image.png);

  background-size: contain;

  background-repeat: no-repeat;

  z-index: -1;

  background-position: 0%;

}

.custom-caption h1 {

  font-size: 40px;

  color: #fff;

  font-weight: 700;

  margin-bottom: 15px !important;

  text-transform: uppercase;

}

.custom-caption h5 {

  color: #fff;

  text-transform: uppercase;

  font-weight: 300;

  line-height: 1.5;

  letter-spacing: 2px;

  padding: 5px;

}

.breadcrumb-item+.breadcrumb-item::before {

  color: #fff;

}

/* New Project CSS Starts */



.loan-name-item > h2 {

  font-weight: 700;

  font-size: 70px;

  font-family: "Plus Jakarta Sans", sans-serif;

  /* color: white; */

  color: #fff;

  text-transform: uppercase;

  /* -webkit-text-stroke: 0.7px #ffffff; */

  /* -webkit-text-fill-color: transparent; */

  line-height: 1;

  position: relative;

  padding-left: 40px;

  text-shadow: 1px 1px 0 var(--easilon-white, #000000), -1px -1px 0 var(--easilon-white, #000000), 1px -1px 0 var(--easilon-white, #000000), -1px 1px 0 var(--easilon-white, #000000), 1px 1px 0 var(--easilon-white, #000000);

}



.loan-name-item > h2::before {

  position: absolute;content: "";

  height: 15px;

  width: 15px;

  border-radius: 50%;

  left: -7px;top: 0; bottom: 0;

  margin: auto;

  background-color: #3f5aa8;

}

.loan-list-slide .owl-item:nth-child(even) .loan-name-item > h2 {

  color: #000;

  text-shadow: none;

}

.custom-accordion .accordion-item {

  border: 0;

  border-bottom: 1px solid #ddd;

  padding-bottom: 10px;

  margin-bottom: 10px;

}

.custom-accordion .accordion-item:last-child {

  border-bottom: 0;

  margin-bottom: 0;

  padding-bottom: 0;

}

.custom-accordion .accordion-item .accordion-button:not(.collapsed),.custom-accordion .accordion-item .accordion-button:not(.collapsed):hover {

  background-color: transparent;

  color: #3f5aa8;

}

.custom-accordion .accordion-item .accordion-button {

  box-shadow: none !important;

  font-size: 24px;

  font-weight: 600;

  background: transparent;

  color: #000;

}

.custom-accordion .accordion-item .accordion-button:hover {

  color: #000;

}

.custom-accordion .accordion-item .accordion-button:hover::after {

  opacity: 0.8;

}

.custom-accordion .accordion-button::after {

  background-image: url(../images/angle-next.png);

  height: 32px;

  width: 32px;

  background-size: 22px;

  background-position: center;

  border: 1px solid #000;

  border-radius: 50%;

  opacity: 1;

  margin-left: 10px;

}

.custom-accordion .accordion-button:not(.collapsed)::after {

  background-image: url(../images/angle-next-white.png);

  transform: none;

  opacity: 1;

  background-color: #3f5aa8;

  border-color: #3f5aa8;

}

.accordion-item, .accordion-item  {

  background-color: transparent;

}

.listing-desc {

  list-style-type: none;

  padding-left: 0;

  margin-bottom: 10px;

}

.listing-desc > li {

  font-weight: 500;

  display: flex;

  align-items: center;

  margin-bottom: 10px;

}

.listing-icon {

  border-radius: 50%;

  padding: 10px;

  background-color: rgb(215 154 48 / 20%);

  display: inline-block;

  margin-right: 10px;

  height: 65px;

  width: 65px;

  align-content: center;

  text-align: center;

}

.listing-icon > img {

  /* filter: invert(1) brightness(9); */

  max-width: 100%;

  display: inline-block;

  margin: 0 auto;

}

.why-chooseus-section .listing-desc li{
    position: relative;
    padding-left: 30px;
  }
.why-chooseus-section .listing-desc li::before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background-image: url(../images/checke-rounded.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
}


@media only screen and (min-width: 1200px) {

  .listing-desc {

    display: grid;

    grid-template-columns: auto auto;

    grid-gap: 10px;

  }

  .why-chooseus-section .listing-desc{
    grid-template-columns: auto !important;
  }


}

.calc-item {

  position: relative;

  overflow: hidden;

}

.calc-thumb {

  position: relative;

  overflow: hidden;

}

.calc-thumb::before {

  position: absolute;

  content: url(../images/plus.png);

  align-content: center;

  justify-content: center;

  text-align: center;

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  background-color: #0545a493;

  opacity: 0;

  backdrop-filter: blur(2px);

  transition: all 300ms ease-in-out;

  z-index: 1;

}

.calc-thumb > img {

  transition: all 300ms ease-in-out;

  aspect-ratio: 1/1.1;

  width: 100%;

  object-fit: cover;

  transition-duration: 2000ms;

}

.calc-item:hover .calc-thumb > img {

  transform: scale(1.2);

}

.calc-item h3 {

    color: #131220;
    font-weight: 600;
    font-size: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;

}
.inner-services-section .calc-name-wrap{
  background-color: #3f5aa8;
}
.inner-services-section .calc-name-wrap h3{
  color: #fff;
}
.calc-item:hover .calc-name-wrap {

  background-color: #3f5aa8;

}

.calc-item:hover .calc-name-wrap h3 {

  color: #fff;

}

.calc-item:hover .calc-thumb::before {

  opacity: 1;

}

.home-service-section {position: relative;overflow: hidden;}

.home-service-section::before {

  position: absolute;content: "";

  height: 80%;

  width: 18%;

  left: 0;

  bottom: 0;

  background-image: url(../images/P-1.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: bottom left;

  filter: grayscale(1) brightness(0);

  opacity: 0.08;

  z-index: -1;

}

.home-service-section::after {

  position: absolute;

  content: "";

  height: 50%;

  width: 18%;

  right: 0;

  top: 0;

  background-image: url(../images/P-2.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: top right;

  filter: grayscale(1) brightness(0);

  opacity: 0.08;

  z-index: -1;

  /* transform: rotate(33deg); */

  margin: auto;

}

.solution-item {

  padding: 20px;

  border-radius: 10px;

  /* border: 1px solid #3f5aa8; */

  background-color: #fff;

  box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.04);

  align-content: center;

}

.solution-item .icon > img { 

  filter: grayscale(1) brightness(9);

  width: 50px;

  display: inline-block;

}

.solution-item .icon {

  display: inline-block;

  padding: 10px;

  background-color: #3f5aa8;

  border-radius: 5px;

  height: 75px;

  width: 75px;

  border-radius: 50%;

}

.solution-item .solution-name {

  font-size: 20px;

  font-weight: 600;

}

.solution-item .desc p {



}

/* New Project CSS Ends */

.wc-item .icon { position: relative; padding-top: 10px; padding-left: 10px; }

.wc-item .icon > img { width: 60px; }

.wc-item .icon::before {

  position: absolute;

  content: "";

  left: 0;

  top: 0;

  height: 50px;

  width: 50px;

  background-color: #217F4A;

  opacity: 0.2;

  z-index: -1;

  border-radius: 50%;

}

.wc-item h5 {

  font-weight: 600;

  font-size: 18px;

}

.note {

  margin-top: 20px;

  padding: 20px;

  border-radius: 20px;

  box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.08);

  background-color: #fff;

}

.note h4 {

  font-size: 20px;

  font-weight: 600;

  color: #3f5aa8;

}

.note p {

  font-style: italic;

}

.faqs-accordion .accordion-button[aria-expanded="true"]::after {

  transform: rotate(90deg);

}

.loan-item-wrap {

  margin-bottom: 60px;

}

.loan-item-wrap:last-child { margin-bottom: 0; }

@media only screen and (min-width: 1200px) {

  .loan-item-wrap:nth-child(even) .row {

    flex-flow: row-reverse;

  }

}

.bg-80 {

  position: relative;

}

.bg-80::before {

  position: absolute;

  content: "";

  height: 100%;

  width: 75%;

  background-color: #3f5aa8;

  left: 0;

  top: 0;

  z-index: -1;

}

.bg-end::before {

  left: unset;

  right: 0;

}

.bg-80 .section-heading > span { border-left-color: #fff;}

.desc.text-white ul {

  padding-left: 0;

}

.desc.text-white ul li {

  list-style-type: none;

  padding-left: 25px;

  background-image: url(../images/forward.png);

  background-repeat: no-repeat;

  background-position: 0 3px;

  background-size: 16px;

}

.loan-name-item > h2 {

  font-size: 60px;

}

 

.VisiCalcClass {

  background:url(../images/loader.gif) 50% 15% no-repeat;

  background-size: 80px 80px;

  min-width: 750px;

  min-height:800px;

  margin:0;

  padding:0;

}

 

#Loan_Repayment_Calculator { min-height:750px !important; }

#Borrowing_Power_Calculator { min-height:750px !important; }

#Budget_Planner { min-height:2850px !important; }

#Compound_Interest_Calculator { min-height:850px !important; }

#Credit_Card_Calculator { min-height:900px !important; }

#How_Long_to_Repay_Calculator { min-height:750px !important; }  

#Interest_Only_Mortgage_Calculator { min-height:750px !important; }

#Saving_Calculator { min-height:600px !important; }

#Split_Loan_Calculator { min-height:800px !important; }

#Property_Selling_Cost_Calculator { min-height:700px !important; }

#Reverse_Mortgage_Calculator { min-height:1100px !important; }

#Stamp_Duty_Calculator { min-height:800px !important; }     


.get-in-touch-wrapper{
  background: #f4f5fa;
  padding: 40px;
  height: 100%;
}
.contact-info-wrapper{
  margin-bottom: 30px;
}
.contact-info-wrapper:last-child{
  margin-bottom: 0;
}
.contact-info-wrapper h5{
  font-size: 20px;
  color: #3f5aa8;
  font-weight: 600;
  margin-bottom: 20px;
}

.contact-info .phone-email-wrap a{
  position: relative;
  color: #393E41;
  font-weight: 500;
  padding-right: 16px;
  margin-right: 5px;
  display: inline-block;
}
.contact-info .phone-email-wrap a::before{
  position: absolute;
  content: '/';
  bottom: -3px;
  right: 0;
  font-size: 14px;
}
.contact-info .phone-email-wrap a:last-child::before {
  content: '';
}
.aboutus-img-wrap img{
  border-radius: 10px;
}
.inner-aboutus-section{
  position: relative;
  z-index: 1;
}
/* .inner-aboutus-section::before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 30%;
  height: 100%;
  background: #b6c0de;
  z-index: -1;
} */
.inner-aboutus-img-wrap{
  padding-top: 30px;
  padding-left: 30px;
  position: relative;
}
.inner-aboutus-img-wrap::before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 40%;
  height: 40%;
  background: #b6c0de;
  z-index: -1;
      border-radius: 10px;
}
.inner-aboutus-img-wrap img{
  aspect-ratio: 1 / 1.09;
  border-radius: 10px;
}
.vision-and-mission-box{
  margin-bottom: 30px;
}
.vision-and-mission-box:last-child{
  margin-bottom: 0;
}
.vision-and-mission-box .icon img{
      width: 50px;
}
.vision-and-mission-img-wrap{
  padding-top: 30px;
  padding-right: 30px;
  position: relative;
}
.vision-and-mission-img-wrap img{
      border-radius: 10px;
}
.vision-and-mission-img-wrap::before{
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  width: 40%;
  height: 40%;
  background: #b6c0de;
  z-index: -1;
      border-radius: 10px;
}
.vision-and-mission-box h2{
  font-size: 25px;
  font-weight: 600;
  color: #3f5aa8;
  margin-bottom: 0;
}
.comp-director-section{
  background-color: #f4f5fa;
}
.comp-director-wrap-box{
  background: #fff;
    border: 1px solid #3f5aa8;
    border-radius: 10px
}
.comp-director-wrap-box img{
  border-radius: 10px 10px 0 0;
  aspect-ratio: 1/1.02;
  object-fit: cover;
}

.comp-director-text{
  padding: 15px;
  background-color: #3f5aa8;
  border-radius: 0 0 10px 10px;
}
.comp-director-text p{
  margin-bottom: 0;
  font-size: 16px;
  font-style: italic;
  color: #fff;
  font-weight: 600;
}
.comp-director-text h2{
  color: #fff;
  font-size: 23px;
  font-weight: 600;
}

.our-client-section .nav-pills .nav-link{
  background-color: #f4f5fa;
  color: #3f5aa8;
  border-radius: 30px;
  padding: 10px 20px;
  border: 1px solid #c3cbe3;
  font-weight: 600;
  font-size: 18px;
}
.our-client-section .nav-pills .nav-link.active{
  background-color: #3f5aa8;
  color: #fff;
  border: 1px solid transparent;
}
.our-client-section .nav-pills .nav-item{
  margin: 5px;
}

.our-esteem-col {
  border-right: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
}

/* Remove right border from last column in each row */
/* .our-esteem-col:nth-child(6n) {
  border-right: none;
} */

/* Remove bottom border from last row */
/* .our-esteem-col:nth-last-child(-n + 6) {
  border-bottom: none;
} */

.our-esteem-assoc-logo-box {
  padding: 15px;
}

.our-esteem-assoc-logo-box img {
  aspect-ratio: 1/0.8;
  object-fit: contain;
  /* filter: grayscale(1); */
  transition: all 0.4s ease;
  transform: scale(0.9);
}
.our-esteem-assoc-logo-box:hover img{
  filter: unset;
  transform: scale(1);
} 
.our-clients-wrapper{
  margin-bottom: 40px;
}
.our-clients-wrapper:last-child{
  margin-bottom: 0;
}
.our-clients-wrapper h2{
  font-size: 23px;
    font-weight: 600;
    color: #3f5aa8;
    border-bottom: 1px solid #3f5aa8;
    margin-bottom: 30px;
    background: #f3f4f9;
    padding: 10px 10px;
}

.services-detail-img-wrap img{
  aspect-ratio: 1 / 1.15;
  object-fit: cover;
  border-radius: 10px;
}

.what-we-offer-section{
  position: relative;
  background-image: url(../images/what-we-offer-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
.what-we-offer-section::before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3f5aa8;
  opacity: 0.9;
  z-index: -1;
}
.what-we-offer-wrap-box{
  background-color: #fff;
  padding: 40px 30px !important;
  /* height: 100%; */
  /* min-height: 350px; */
  border-radius: 10px;
  transition: all 300ms ease-in-out;
  transform: translateY(0);
}
/* .what-we-offer-wrap-box:hover{
  transform: translateY(-10px);
} */
.what-we-offer-wrap-box .icon{
  width: 70px;
  height: 70px;
  background-color: #3f5aa8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.how-we-can-help-you-wrap-box .icon{
  width: 70px;
  height: 70px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.what-we-offer-wrap-box .icon img,
.how-we-can-help-you-wrap-box .icon img{
  width: 45px;
  height: 45px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.how-we-can-help-you-wrap-box .icon img{
  filter: unset;
}
.what-we-offer-wrap-box h2{
    font-size: 20px;
    font-weight: 700;
    color: #3f5aa8;
    margin: 15px 0;
}
.what-we-offer-carousel .owl-stage{
  display: flex;
}
.what-we-offer-carousel .owl-item{
  display: flex;
  height: auto;
}
.what-we-offer-carousel .what-we-offer-wrap-box{
  height: 100%;
} 
.how-we-can-help-you-wrap-box{
  position: relative;
    box-shadow: rgb(63 90 168 / 10%) 0px 6px 24px 0px, rgb(63 90 168 / 16%) 0px 0px 0px 1px;
    padding: 40px 30px !important;
    /* height: 100%; */
    border-radius: 10px;
    background: linear-gradient(135deg, #3f5aa8, #6f8fdc);
    /* min-height: 400px; */
    /* transition: all 300ms ease-in-out; */
}
/* .how-we-can-help-you-wrap-box:hover{
  background: linear-gradient(135deg, #6f8fdc, #3f5aa8);
} */
 /* Hover gradient layer */
.how-we-can-help-you-wrap-box::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #6f8fdc, #3f5aa8);
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    border-radius: 10px;
    z-index: 0;
}

.how-we-can-help-you-wrap-box:hover::before{
    opacity: 1;
}

/* Keep content above gradient */
.how-we-can-help-you-wrap-box > *{
    position: relative;
    z-index: 1;
}
.how-we-can-help-you-wrap-box h2{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 15px 0;
}
.how-we-can-help-you-wrap-box p{
  color: #fff;
}
/* .what-we-offer-wrap-box p{
  color: #fff;
} */

.how-we-can-help-you-carousel .owl-stage{
  display: flex;
}
.how-we-can-help-you-carousel .owl-item{
  display: flex;
  height: auto;
}
.how-we-can-help-you-carousel .how-we-can-help-you-wrap-box{
  height: 100%;
} 
.we-support-wrapper{
  margin-bottom: 40px;
}
.we-support-wrapper:last-child{
  margin-bottom: 0;
}
.we-support-wrapper:nth-child(even) .row{
  flex-direction: row-reverse;
}
.we-support-wrapper:nth-child(odd) .we-support-text-wrap{
  padding-left: 35px;
}
.we-support-wrapper:nth-child(even) .we-support-text-wrap{
  padding-right: 35px;
}
.we-support-img-wrap img{
  aspect-ratio: 1 / 1.01;
  object-fit: cover;
  border-radius: 10px;
}
.we-support-text-wrap ul{
  padding-left: 0;
  list-style: none;
}
.we-support-text-wrap ul li{
  position: relative;
  margin-bottom: 12px;
  padding-left: 30px;
}
.we-support-text-wrap ul li:last-child{
  margin-bottom: 0;
}
.we-support-text-wrap ul li::before{
  position: absolute;
  content: '';
  top: 3px;
  left: 0;
  background-image: url(../images/checked-rounded.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  object-fit: contain;
} 


/* Top Header CSS Start */

.topbar-header{

	position: relative;

	z-index: 1;

  padding: 10px 0;

}

/* .topbar-header::before{

	position: absolute;

	content: '';

	right: 0;

	width: 33.5%;

	height: 100%;

	background-color: #217F4A;

	z-index: -1;

} */

.topbar-header{

	padding: 10px 0;

	background-color: #3f5aa8;

}

.topbar-header ul{

	list-style: none;

	padding-left: 0;

	display: flex;

	flex-wrap: wrap;

	margin-bottom: 0;

}

.topbar-header ul li{

	align-items: center;

	margin-right: 20px;

	flex-wrap: wrap;

    justify-content: center;

}

.topbar-header ul li:last-child{

	margin-right: 0;

}

.topbar-header ul li p,

.topbar-header ul li a{

	margin-bottom: 0;

	font-size: 15px;

	font-weight: 400;

	color: #fff;

	/* margin-right: 8px;

    margin-left: 8px; */

    display: inline-flex;

}

.topbar-header ul li a{

	position: relative;

	padding: 0 5px;

}

.topbar-header ul li a::before{

	position: absolute;

	content: '\002C';

	bottom: 0;

	right: -2px;

	font-size: 20px;



}

.topbar-header ul li a:last-child::before{

	content: '';

}

/* Top Header CSS End */


.director-offcanvas{
  width: 25% !important;
}
.director-offcanvas .director-profile-wrap{
  position: relative;
  padding-bottom: 10px;
  padding-left: 10px;
}
.director-offcanvas .director-profile-wrap::before{
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 90%;
  height: 90%;
  border-radius: 15px;
  z-index: -1;
  background: #b6c0de;
}
.director-offcanvas .director-profile-wrap{
    width: 340px;
    height: 370px;
}
.director-offcanvas .director-profile-wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.director-offcanvas .name-and-designation h2{
  font-size: 25px;
  color: #3f5aa8;
  font-weight: 700;
  margin-bottom: 3px;
}
.director-offcanvas .name-and-designation p{
  font-weight: 600;
  font-style: italic;
}
.director-offcanvas .btn-close{
  position: absolute;
  right: 25px;
  top: 25px;
  background-color: #b6c0de;
  opacity: 1;
  border-radius: 5px;
}