@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
/*==Fonts
 font-family: "Rubik", sans-serif;
==*/
body {
  margin: 0;
  font-family: "Rubik", sans-serif;
  font-style: normal;
  overflow-x: hidden;
  font-size: 16px;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

img {
  max-width: 100%;
}

/* ul,
li {
    list-style: none;
} */
a {
  text-decoration: none;
  transition: color 0.5s ease-in-out;
  -webkit-transition: color 0.5s ease-in-out;
}

a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
}

button {
  /* WebKit */
  -webkit-appearance: none;
  /* Mozilla */
  -moz-appearance: none;
  /* Opera */
  -o-appearance: none;
  /* Internet Explorer */
  /* CSS3 */
  appearance: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
}

h3 {
  margin: 0px 0px 15px;
  color: #1F1F1F;
  font-size: 30px;
}

h4 {
  margin: 0px 0px 15px;
  color: #1F1F1F;
  font-size: 25px;
}

p {
  color: #626262;
  font-size: 18px;
  font-weight: 400;
}

.titleh2 {
  margin: 0px 0px 30px;
}

.titleh2 h2 {
  margin: 0px;
  font-size: 38px;
  color: #1F1F1F;
  position: relative;
  line-height: 45px;
}

.titleh2 h2 span {
  position: relative;
  padding: 0px 0px 5px;
}

.titleh2 h2 span img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}

.textcenter {
  text-align: center;
}

.maxWidhtDiv {
  max-width: 550px;
  text-align: center;
  margin: 0 auto;
}

.parentcta {
  margin: 30px 0px 0px 0px;
}

.cta {
  background-color: #0F5499;
  border: 1px solid #0F5499;
  color: #ffffff;
  padding: 13px 22px;
  border-radius: 10px;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  white-space: nowrap;
}

.cta img {
  width: 24px;
}

.cta:hover {
  background-color: #000000;
  border-color: #000000;
}

.CtaGroup {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.LinkOnly {
  font-size: 16px;
  color: #0F5499;
  font-weight: 400;
}

.SeeAllcta {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
}

.ImgParent {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.ImgParent img {
  width: 100%;
  height: 100%;
}

.imgwrapper {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s;
}

.SixteenRatioNine, .sixrationine {
  padding-bottom: 56.25%;
  display: block;
}

.FourRatioThree {
  padding-bottom: 75%;
}

.imgwrapper img,
.imgwrapper iframe,
.imgwrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.25s ease;
  -o-object-fit: cover;
     object-fit: cover;
}

.mtspace40 {
  margin: 40px 0px 0px;
}

.SliderWrapper {
  position: relative;
}

/*========slider navigation======*/
.defaultslidearrow {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 15px;
  margin: 20px 0px 0px;
}

.defaultslidearrow .swiper-button-next:after,
.defaultslidearrow .swiper-button-prev:after {
  display: none;
}

.defaultslidearrow .swiper-button-next,
.defaultslidearrow .swiper-button-prev {
  position: relative;
  left: inherit;
  right: inherit;
  text-align: inherit;
  margin: 0px;
  width: 55px;
  min-width: 55px;
  height: 55px;
  min-height: 55px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='19' viewBox='0 0 24 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.4847 10.6077C23.1406 10.6077 23.6724 10.0759 23.6724 9.41992C23.6724 8.76395 23.1406 8.23217 22.4847 8.23217L22.4847 10.6077ZM1.05718 8.58006C0.593334 9.0439 0.593334 9.79594 1.05718 10.2598L8.61595 17.8186C9.0798 18.2824 9.83184 18.2824 10.2957 17.8186C10.7595 17.3547 10.7595 16.6027 10.2957 16.1388L3.57677 9.41992L10.2957 2.70101C10.7595 2.23716 10.7595 1.48513 10.2957 1.02128C9.83184 0.557437 9.0798 0.557437 8.61595 1.02128L1.05718 8.58006ZM22.4847 8.23217L1.89704 8.23217L1.89704 10.6077L22.4847 10.6077L22.4847 8.23217Z' fill='%23464646'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 25px;
  cursor: pointer;
  border-radius: 5px;
  transition: ease-in-out all 0.3s;
  -webkit-transition: ease-in-out all 0.3s;
  -moz-transition: ease-in-out all 0.3s;
  -ms-transition: ease-in-out all 0.3s;
  -o-transition: ease-in-out all 0.3s;
  z-index: 1;
  background-color: #F1F1F1;
}

.defaultslidearrow .swiper-button-next {
  transform: rotate(180deg);
}

@media screen and (min-width: 1151px) {
  .defaultslidearrow {
    margin: 0px;
    gap: 0px;
    justify-content: space-between;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .SliderWrapper {
    padding: 0px 65px;
  }
}
@media screen and (max-width: 1150px) {
  .defaultslidearrow .swiper-button-next, .defaultslidearrow .swiper-button-prev {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    background-size: 18px;
  }
}
/*========slider navigation====*/
@media screen and (max-width: 991px) {
  br {
    display: none;
  }
  .titleh2 {
    margin: 0px 0px 30px;
  }
  .titleh2 h2 {
    font-size: 25px;
    line-height: 30px;
  }
  h4 {
    font-size: 22px;
  }
  p {
    font-size: 16px;
  }
  .cta {
    padding: 10px 15px;
    font-size: 15px;
  }
  .cta img {
    width: 16px;
  }
}
/*=========structure=========*/
.custom-container {
  padding: 0px 15px;
  margin: 0 auto;
}

@media only screen and (min-width: 1152px) {
  .custom-container {
    max-width: calc(100% - 40px);
  }
}
@media only screen and (min-width: 1360px) {
  .custom-container {
    max-width: 1268px;
  }
}
@media only screen and (min-width: 1440px) {
  .custom-container {
    max-width: 1270px;
  }
}
/*=========structure=========*/
/*=======media query======*/
/*=====header=====*/
header {
  /* box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .16); */
  position: sticky;
  top: 0;
  z-index: 2;
  width: 100%;
  background-color: #ffffff;
  transition: all 0.3s;
}

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

.FormobmenuHeader {
  display: none;
}

.headerMainWrapper {
  position: relative;
}

.menuHeaderinner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.menuHeaderinner .logoheader {
  width: 184px;
  overflow: hidden;
  position: relative;
}

.Headertside {
  display: flex;
  align-items: center;
  gap: 30px;
}

header nav ul.mainULnav {
  margin: 0px;
  padding: 0px;
}

header nav ul li {
  display: inline-block;
  position: relative;
  list-style: none;
}

header nav ul li a {
  font-size: 16px;
  font-weight: 400;
  color: #17253A;
  opacity: 0.8;
  text-transform: capitalize;
  font-style: normal;
  text-decoration: none;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  padding: 35px 14px;
}

header .sub-menu {
  background-color: #fff;
  position: absolute;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  transition: all ease 0.3s;
  top: calc(100% + 0px);
  width: auto;
  left: inherit;
  bottom: inherit;
}

header .sub-menu li {
  display: block;
}

header .sub-menu li a {
  font-size: 15px;
  font-weight: 400;
  color: #0d0d0d;
  padding: 0px;
  margin: 0;
  position: relative;
  display: block;
  text-transform: capitalize;
  min-height: auto;
  padding: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

header .sub-menu li:last-child a {
  border: 0px;
}

.hamburgerMenuBtn {
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000000' class='bi bi-list' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  margin: 0;
  cursor: pointer;
  display: none;
}

.HeaderMenuRhs {
  display: flex;
  align-items: center;
  gap: 10px;
}

.menuOverlay {
  background-color: rgba(0, 0, 0, 0.35);
  height: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  transition: all ease 0.3s;
  display: none;
}

body.sidebarMenuOpen .menuOverlay {
  display: block;
}

/*=======min-width:1151px=======*/
@media (min-width: 1151px) {
  header .dropdownMenu .sub-menu {
    min-width: 240px;
    transition: all 0.3s linear 0s;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    /* border-top: 3px solid #f3d014; */
  }
  header .dropdownMenu:hover .sub-menu {
    opacity: 1;
    z-index: 2;
    visibility: visible;
  }
  header nav ul li a:hover {
    color: #0F5499;
  }
  header .sub-menu li a:hover {
    background-color: #f5f5f5;
    color: #0F5499;
  }
  li.dropdownMenu > a:after {
    content: "";
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2317253A' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    display: inline-flex;
    right: -5px;
    top: 3px;
    position: relative;
    transition: all 0.3s !important;
  }
  li.dropdownMenu > a:hover:after {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230F5499' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
  }
}
/*============max-width:1150px=========*/
@media screen and (max-width: 1150px) {
  .headerMainWrapper {
    padding: 20px 0px;
  }
  .hamburgerMenuBtn {
    display: block;
  }
  .headerrhscontent {
    position: fixed;
    right: -280px;
    bottom: 0;
    top: 0;
    z-index: 4;
    width: 280px;
    transition: right 0.5s ease;
    background-color: #222;
    width: 280px;
  }
  body.sidebarMenuOpen .headerrhscontent {
    right: 0px;
  }
  /*for mobile*/
  .FormobmenuHeaderWrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 15px;
    border-bottom: 1px solid rgba(204, 204, 204, 0.4);
    position: relative;
    width: 100%;
  }
  .logoSec {
    display: none;
  }
  .FormobmenuHeaderWrapper .logo {
    max-width: 105px;
  }
  .FormobmenuHeaderWrapper .logo img {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    filter: brightness(0) invert(1);
  }
  .FormobmenuHeader {
    display: block;
    width: 100%;
  }
  header nav ul li a:not(header ul.sub-menu li a),
  header.HeaderSticky nav ul li a:not(header.HeaderSticky ul.sub-menu li a) {
    color: #fff;
    padding: 12px;
    width: 100%;
    font-weight: 400;
    opacity: 1;
    border-bottom: 1px solid rgba(204, 204, 204, 0.4);
  }
  .headerrhscontent {
    flex-direction: column;
    justify-content: flex-start;
  }
  .closeIcon {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-x-lg' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/%3E%3C/svg%3E");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    cursor: pointer;
    border: 0;
    background-color: transparent;
  }
  header nav ul li {
    width: 100%;
  }
  header nav ul .dropdownMenu span {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    transform: translateY(0px);
    right: 15px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 4;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
  }
  header .sub-menu {
    opacity: 1;
    z-index: 1;
    visibility: visible;
    transition: none;
    top: 0;
    display: none;
    min-width: 100%;
    position: relative;
    box-shadow: none;
    padding: 0px;
  }
  header .sub-menu li a {
    padding: 12px;
  }
  header .sub-menu li a:hover {
    color: #424242;
  }
  header nav {
    overflow-y: auto;
    height: calc(100% - 87px);
  }
  header nav::-webkit-scrollbar {
    display: none;
    width: 0px;
  }
  header nav ul li:last-child a:not(header ul.sub-menu li a),
  header.HeaderSticky nav ul li:last-child a:not(header.HeaderSticky ul.sub-menu li a) {
    border-bottom: 0px;
  }
  header nav ul .dropdownMenu span.hasSub.menuactve {
    transform: rotate(180deg);
  }
  .menuHeaderinner .logoheader {
    width: 115px;
  }
  .sidebarMenuOpen .HeaderSticky {
    animation: none;
  }
}
/*===============header=============*/
.BannerSection {
  border-bottom: 8px solid #0F5499;
  position: relative;
}
@media screen and (max-width: 767px) {
  .BannerSection {
    padding: 0px 0px 30px;
  }
}
.BannerSection .bannercurveimage {
  width: 170px;
  height: 205px;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 1600px) {
  .BannerSection .bannercurveimage {
    display: none;
  }
}
@media screen and (max-width: 1150px) {
  .BannerSection .bannercurveimage {
    display: none;
  }
}
.BannerSection .bannercurveimage img {
  width: 100%;
  height: 100%;
}
.BannerSection .bannerContent {
  position: relative;
  padding: 20px 0px 60px;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}
.BannerSection .bannerContent h1 {
  font-size: 50px;
  color: #000000;
  font-weight: 500;
  margin: 0px;
}
@media screen and (max-width: 991px) {
  .BannerSection .bannerContent h1 {
    font-size: 28px;
  }
}
.BannerSection .bannerContent p {
  font-size: 20px;
  font-weight: 300;
  margin: 20px 0px 30px;
}
@media screen and (max-width: 991px) {
  .BannerSection .bannerContent p {
    font-size: 18px;
    margin: 15px 0px 25px;
  }
}
.BannerSection .bannerContent .CtaGroup a {
  font-size: 20px;
}
@media screen and (max-width: 991px) {
  .BannerSection .bannerContent .CtaGroup a {
    font-size: 16px;
  }
}

.BannerImageSlider {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  overflow: hidden;
  border-radius: 200px 200px 0px 0px;
}
@media screen and (max-width: 767px) {
  .BannerImageSlider {
    grid-template-columns: repeat(1, 1fr);
    border-radius: 0px;
  }
}
.BannerImageSlider .BannerImageBox {
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 767px) {
  .BannerImageSlider .BannerImageBox {
    border-radius: 20px;
  }
}
.BannerImageSlider .BannerImageBox .ImgDIv {
  position: relative;
  overflow: hidden;
  height: 470px;
}
.BannerImageSlider .BannerImageBox .ImgDIv img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.statsSection .statsSectionWrap {
  margin: 70px 0px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 991px) {
  .statsSection .statsSectionWrap {
    margin: 50px 0px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .statsSection .statsSectionWrap {
    grid-template-columns: repeat(1, 1fr);
  }
}
.statsSection .statsSectionWrap .statsItem {
  display: flex;
  align-items: center;
  gap: 20px;
}
.statsSection .statsSectionWrap .statsItem .statsItemIcon {
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
  background-color: #ecf1f7;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  .statsSection .statsSectionWrap .statsItem .statsItemIcon {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
  }
  .statsSection .statsSectionWrap .statsItem .statsItemIcon img {
    max-width: 30px;
  }
}
.statsSection .statsSectionWrap .statsItem .statsItemContent h4 {
  margin: 0px 0px 2px;
  font-size: 30px;
}
@media screen and (max-width: 991px) {
  .statsSection .statsSectionWrap .statsItem .statsItemContent h4 {
    font-size: 25px;
  }
}
.statsSection .statsSectionWrap .statsItem .statsItemContent p {
  font-size: 18px;
  margin: 0px;
}
@media screen and (max-width: 991px) {
  .statsSection .statsSectionWrap .statsItem .statsItemContent p {
    font-size: 16px;
  }
}

@media screen and (min-width: 992px) {
  .AboutSection {
    margin: 105px 0px 0px;
  }
}
.AboutSection .AboutSecWrap {
  display: flex;
  gap: 80px;
}
@media screen and (max-width: 991px) {
  .AboutSection .AboutSecWrap {
    flex-direction: column;
    gap: 30px;
  }
}
.AboutSection .AboutSecWrap .AboutSecLhs {
  width: calc(50% - 40px);
  min-width: calc(50% - 40px);
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 991px) {
  .AboutSection .AboutSecWrap .AboutSecLhs {
    width: 100%;
    min-width: 100%;
  }
}
.AboutSection .AboutSecWrap .AboutSecLhs .AboutSecImgbox {
  overflow: hidden;
  border-radius: 8px;
  width: calc(50% - 8px);
  min-width: calc(50% - 8px);
}
@media screen and (min-width: 992px) {
  .AboutSection .AboutSecWrap .AboutSecLhs .AboutSecImgbox:first-child {
    margin-top: -70px;
  }
}
.AboutSection .AboutSecWrap .AboutSecLhs .AboutSecImgbox img {
  width: 100%;
  height: 100%;
}
.AboutSection .AboutSecWrap .AboutSecRhs {
  width: calc(50% - 40px);
  min-width: calc(50% - 40px);
}
@media screen and (max-width: 991px) {
  .AboutSection .AboutSecWrap .AboutSecRhs {
    width: 100%;
    min-width: 100%;
  }
}
.AboutSection .AboutSecWrap .AboutSecRhs .titleh2 {
  margin: 0px 0px 20px;
}
.AboutSection .AboutSecWrap .AboutSecRhs .cta {
  margin: 15px 0px 0px;
}
@media screen and (max-width: 991px) {
  .AboutSection .AboutSecWrap .AboutSecRhs .cta {
    margin: 5px 0px 0px;
  }
}

.StepsSection {
  padding: 70px 0px;
}
@media screen and (max-width: 991px) {
  .StepsSection {
    padding: 50px 0px;
  }
}
.StepsSection .StepsSecWrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media screen and (max-width: 991px) {
  .StepsSection .StepsSecWrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .StepsSection .StepsSecWrap {
    grid-template-columns: repeat(1, 1fr);
  }
}
.StepsSection .StepsSecWrap .StepsItem {
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 40px 30px;
  text-align: left;
}
.StepsSection .StepsSecWrap .StepsItem .StepsItemIcon {
  background-color: #ffffff;
  width: 70px;
  min-width: 70px;
  height: 70px;
  min-height: 70px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 25px;
  font-weight: 700;
  margin: 0 0px 20px;
}
.StepsSection .StepsSecWrap .StepsItem .StepsItemIcon img {
  width: 100%;
  height: 100%;
}
.StepsSection .StepsSecWrap .StepsItem .StepsItemContent h4 {
  font-weight: 700;
}
.StepsSection .StepsSecWrap .StepsItem .StepsItemContent p {
  margin: 0px;
}

.ServicesSection {
  margin: 0px 0px 70px;
  background-color: #ffffff;
}

.ServiceBox {
  position: relative;
  overflow: hidden;
  height: 405px;
  border-radius: 20px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16);
  margin: 10px;
}

.ServiceBox .imgwrapper {
  height: 318px;
  border-radius: 0px;
}

.ServiceBoxContent {
  padding: 30px;
  background-color: #ffffff;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 95px;
  transition: 0.5s ease;
}

.ServiceBoxContent::before {
  content: "";
  width: 100%;
  height: 15px;
  background-color: #ffffff;
  top: 0;
}

.ServiceBox:hover .ServiceBoxContent {
  height: 45%;
}

.ServiceBoxContent h3 {
  text-transform: capitalize;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  margin: 0px;
  font-size: 24px;
}

.ServiceBoxContent h3 a {
  color: #1E1E1E;
}

.ServiceBoxContent p {
  margin: 15px 0px 0px;
  transition: 0.5s ease;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  opacity: 0;
  visibility: hidden;
  max-width: 300px;
  margin: 15px auto auto;
}

.ServiceBox:hover .ServiceBoxContent p {
  opacity: 1;
  visibility: visible;
}

.ServiceWrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.Innerpage .ServicesSection {
  margin: 0px;
}

.ServiceWrapper .ServiceBox {
  margin: 0px;
}

@media screen and (max-width: 991px) {
  .ServiceBoxContent {
    padding: 30px 15px;
  }
  .ServicesSection {
    margin: 0px 0px 50px;
  }
  .ServiceBoxContent h3 {
    font-size: 22px;
  }
  .ServiceWrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .ServiceWrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.calltoactionwr {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin: 0px 0px 70px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  padding: 50px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 991px) {
  .calltoactionwr {
    padding: 50px 20px;
    margin: 0px 0px 50px;
    flex-direction: column;
  }
}
.calltoactionwr::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 20px;
  background-image: linear-gradient(87deg, rgba(31, 31, 31, 0.9) 4.38%, #000 32.59%, rgba(0, 0, 0, 0.6) 51.51%);
}
.calltoactionwr .calltoactionlhs {
  max-width: 700px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 991px) {
  .calltoactionwr .calltoactionlhs {
    text-align: center;
    max-width: 100%;
  }
}
.calltoactionwr .calltoactionlhs .titleh2 {
  margin: 0px 0px 10px;
}
.calltoactionwr .calltoactionlhs .titleh2 h2 {
  color: #ffffff;
  font-size: 30px;
}
@media screen and (max-width: 991px) {
  .calltoactionwr .calltoactionlhs .titleh2 h2 {
    font-size: 25px;
  }
}
.calltoactionwr .calltoactionlhs p {
  color: #ffffff;
  font-weight: 300;
  margin: 0px;
}
.calltoactionwr .cta {
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000;
}
.calltoactionwr .cta:hover {
  background-color: #0F5499;
  border-color: #0F5499;
  color: #ffffff;
}

.testimonialsSection {
  margin: 0px 0px 70px;
}
@media screen and (max-width: 1150px) {
  .testimonialsSection {
    margin: 0px 0px 50px;
  }
}
.testimonialsSection .testimonialsSectionwr {
  display: flex;
  gap: 70px;
}
@media screen and (max-width: 1150px) {
  .testimonialsSection .testimonialsSectionwr {
    flex-direction: column-reverse;
    gap: 0px;
  }
}
.testimonialsSection .testimonialsSectionwr .testimonialsSectionlhs {
  width: calc(50% - 35px);
  min-width: calc(50% - 35px);
}
@media screen and (max-width: 1150px) {
  .testimonialsSection .testimonialsSectionwr .testimonialsSectionlhs {
    width: 100%;
    min-width: 100%;
    display: none;
  }
}
.testimonialsSection .testimonialsSectionwr .testimonialsSectionrhs {
  width: calc(50% - 35px);
  min-width: calc(50% - 35px);
}
@media screen and (max-width: 1150px) {
  .testimonialsSection .testimonialsSectionwr .testimonialsSectionrhs {
    width: 100%;
    min-width: 100%;
  }
}
.testimonialsSection .testimonialsSectionIn {
  position: relative;
}
.testimonialsSection .testimonilaCardParent {
  border: 20px solid #ffffff;
  overflow: hidden;
  border-radius: 5px;
}
@media screen and (max-width: 1150px) {
  .testimonialsSection .testimonilaCardParent {
    border: 0px;
  }
}
.testimonialsSection .testimonilaCardParent .testimonilaCard {
  background-color: #1F1F1F;
  position: relative;
  overflow: hidden;
  padding: 30px;
  border-radius: 5px;
}
.testimonialsSection .testimonilaCardParent .testimonilaCard .quoteDiv {
  color: #ffffff;
  font-size: 50px;
  margin: 0px 0px 20px;
}
@media screen and (max-width: 1150px) {
  .testimonialsSection .testimonilaCardParent .testimonilaCard .quoteDiv {
    margin: 0px 0px 10px;
  }
}
.testimonialsSection .testimonilaCardParent .testimonilaCard p {
  margin: 0px;
  color: #ffffff;
}
.testimonialsSection .testimonilaCardParent .testimonilaCard .testimonilaCardBottom {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 30px 0px 0px;
}
.testimonialsSection .testimonilaCardParent .testimonilaCard .testimonilaCardBottom .TestiImg {
  width: 55px;
  min-width: 55px;
  height: 55px;
  min-height: 55px;
  border-radius: 50%;
  overflow: hidden;
}
.testimonialsSection .testimonilaCardParent .testimonilaCard .testimonilaCardBottom .TestiImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.testimonialsSection .testimonilaCardParent .testimonilaCard .testimonilaCardBottom .TestiNameWr h5 {
  color: #ffffff;
  font-size: 18px;
  margin: 0px 0px 2px;
}
.testimonialsSection .testimonilaCardParent .testimonilaCard .testimonilaCardBottom .TestiNameWr .DesignationDiv {
  color: #929292;
  font-size: 16px;
  font-weight: 400;
}
.testimonialsSection .testimonialSlider {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
}
@media screen and (max-width: 1150px) {
  .testimonialsSection .testimonialSlider {
    position: relative;
    bottom: 0px;
  }
}
.testimonialsSection .testimonialSlider .SliderWrapper {
  padding: 0px;
  display: flex;
  align-items: flex-end;
  flex-direction: row-reverse;
}
@media screen and (max-width: 1150px) {
  .testimonialsSection .testimonialSlider .SliderWrapper {
    display: block;
  }
}
.testimonialsSection .testimonialSlider .SliderWrapper .testimonialslide {
  background-color: #ffffff;
  border-radius: 5px;
}
.testimonialsSection .testimonialSlider .defaultslidearrow {
  position: relative;
  top: inherit;
  transform: inherit;
  gap: 12px;
  background-color: #ffffff;
  padding: 20px 20px 20px 0px;
}
@media screen and (max-width: 1150px) {
  .testimonialsSection .testimonialSlider .defaultslidearrow {
    padding: 0px;
    gap: 15px;
  }
}

.WhyShadePulse {
  margin: 0px 0px 70px;
}
@media screen and (max-width: 991px) {
  .WhyShadePulse {
    margin: 0px 0px 50px;
  }
}
.WhyShadePulse .WhyShadePulseWrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media screen and (max-width: 767px) {
  .WhyShadePulse .WhyShadePulseWrap {
    grid-template-columns: repeat(1, 1fr);
    gap: 5px;
  }
}
.WhyShadePulse .WhyShadePulseWrap .WhyShadePulseItem {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .WhyShadePulse .WhyShadePulseWrap .WhyShadePulseItem {
    gap: 10px;
  }
  .WhyShadePulse .WhyShadePulseWrap .WhyShadePulseItem h4 {
    margin: 0px 0px 10px;
  }
}
.WhyShadePulse .WhyShadePulseWrap .WhyShadePulseItem .WhyShadePulseIcon {
  width: 70px;
  min-width: 70px;
  height: 70px;
  min-height: 70px;
  position: relative;
  top: -4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .WhyShadePulse .WhyShadePulseWrap .WhyShadePulseItem .WhyShadePulseIcon {
    width: 55px;
    min-width: 55px;
    height: 55px;
    min-height: 55px;
  }
}

.ContactSection {
  margin: 0px 0px 70px;
}
@media screen and (max-width: 991px) {
  .ContactSection {
    margin: 0px 0px 50px;
  }
}
.ContactSection .ContactSectionin {
  display: flex;
  background-color: #1F1F1F;
  gap: 50px;
  padding: 50px;
  border-radius: 20px;
}
@media screen and (max-width: 991px) {
  .ContactSection .ContactSectionin {
    flex-direction: column;
    padding: 30px;
  }
}
.ContactSection .ContactSectionin .ContactSectionlhs {
  width: calc(50% - 25px);
  min-width: calc(50% - 25px);
}
@media screen and (max-width: 991px) {
  .ContactSection .ContactSectionin .ContactSectionlhs {
    width: 100%;
    min-width: 100%;
  }
}
.ContactSection .ContactSectionin .ContactSectionlhs .ContactSectionlhstop {
  margin: 0px 0px 30px;
}
.ContactSection .ContactSectionin .ContactSectionlhs .titleh2 {
  margin: 0px 0px 10px;
}
.ContactSection .ContactSectionin .ContactSectionlhs .titleh2 h2 {
  color: #ffffff;
}
.ContactSection .ContactSectionin .ContactSectionlhs p {
  color: #ffffff;
  margin: 0px;
}
.ContactSection .ContactSectionin .ContactSectionrhs {
  width: calc(50% - 25px);
  min-width: calc(50% - 25px);
}
@media screen and (max-width: 991px) {
  .ContactSection .ContactSectionin .ContactSectionrhs {
    width: 100%;
    min-width: 100%;
  }
}
.ContactSection .ContactSectionin .ContactSectionrhs .ImgParent {
  border-radius: 20px;
}

.formDivarea .formgroup label {
  display: block;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  margin: 0px 0px 5px;
  display: none;
}

.formDivarea .formgroup {
  margin: 0px 0px 15px;
}

.formrow {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0px 15px;
}

.formDivarea .formgroup input,
.formDivarea .TextAreaDiv textarea {
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 15px;
  font-weight: 400;
  color: #ffffff;
  padding: 12px 15px;
  height: 42px;
  width: 100%;
  border-radius: 5px;
  outline: none;
  overflow: hidden;
}

.formDivarea .formgroup input::-moz-placeholder, .formDivarea .TextAreaDiv textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.formDivarea .formgroup input::placeholder,
.formDivarea .TextAreaDiv textarea::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.formDivarea .TextAreaDiv textarea {
  height: 110px;
  resize: none;
}

.formcta .cta {
  width: 100%;
}

.formcta .cta:hover {
  background-color: #ffffff;
  color: #000000;
}

@media screen and (max-width: 991px) {
  .formrow {
    grid-template-columns: repeat(1, 1fr);
    gap: 0px;
  }
}
.InnerBanner {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  padding: 120px 0px;
  background-blend-mode: overlay;
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  border-radius: 25px;
  margin: 10px 0px;
}

.InnerBanner h1 {
  color: #ffffff;
  position: relative;
  z-index: 1;
  margin: 0px 0px 10px;
  font-size: 50px;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .InnerBanner {
    padding: 90px 0px;
    margin: 0px;
  }
  .InnerBanner h1 {
    font-size: 32px;
  }
}
.BrubcrumbsDiv ol.breadcrumb {
  position: relative;
  z-index: 1;
  margin: 0px;
  justify-content: center;
}

.BrubcrumbsDiv ol.breadcrumb li,
.BrubcrumbsDiv ol.breadcrumb li a {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
}

/* 
.BrubcrumbsDiv ol.breadcrumb li {
  color: #55A63A;
} */
.BrubcrumbsDiv .breadcrumb-item + .breadcrumb-item {
  padding-left: 5px;
}

.BrubcrumbsDiv .breadcrumb-item + .breadcrumb-item::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
  width: 16px;
  height: 16px;
  position: relative;
  top: 4px;
  margin-right: 5px;
  display: inline;
}

.Innerpage {
  margin: 70px 0px;
}
@media screen and (max-width: 991px) {
  .Innerpage {
    margin: 50px 0px;
  }
}

.Innerpage .AboutSection {
  margin: 0px 0px 50px;
}
.Innerpage .AboutSection .AboutSecWrap {
  flex-direction: row-reverse;
}
@media screen and (max-width: 991px) {
  .Innerpage .AboutSection .AboutSecWrap {
    flex-direction: column-reverse;
  }
}
.Innerpage .AboutSection .AboutSecWrap .AboutSecLhs {
  display: block;
}
.Innerpage .AboutSection .AboutSecWrap .AboutSecRhs p {
  text-align: justify;
}

.contactusInforow {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin: 0px 0px 50px;
}

.ContactusInfoBox {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  background-color: #ffffff;
  padding: 20px;
  overflow: hidden;
  border-radius: 4px;
}

.ContactusInfoBox .infodflex {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.infodflex .infodflexIcon {
  width: 45px;
  min-width: 45px;
  height: 45px;
  min-height: 45px;
  background-color: #0F5499;
  color: #ffffff;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
  margin: 0 auto 15px;
}

.infodflex .infodflexIcont h4 {
  font-size: 25px;
  font-weight: 500;
  margin: 0px 0px 8px;
}

.infodflex .infodflexIcont p {
  margin: 0px;
}

.infodflex .infodflexIcont p a {
  color: #404040;
  text-decoration: none;
}

@media screen and (max-width: 991px) {
  .contactusInforow {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .contactusInforow {
    grid-template-columns: repeat(1, 1fr);
  }
}
.FormSectionrow {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin: 0px 0px 50px;
}

.InfoContactBox,
.locationIframeDiv,
.locationIframeDiv iframe {
  height: 100%;
}

.FormSectionBox {
  height: 100%;
  border-bottom: 3px solid #0F5499;
  border-top: 3px solid #0F5499;
  padding: 30px;
  width: 100%;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  background-color: #ffffff;
}

.formDivareaparent .formgroup {
  margin: 0px 0px 20px;
}

.formDivareaparent .formrow {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0px 15px;
}

.formDivareaparent .formgroup label {
  display: none;
  color: #222222;
  font-size: 15px;
  font-weight: 400;
  margin: 0px 0px 5px;
}

.formDivareaparent .formgroup input,
.formDivareaparent .TextAreaDiv textarea {
  border: 1px solid #D1D1D1;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  padding: 10px 15px;
  height: 50px;
  width: 100%;
  border-radius: 5px;
  outline: none;
  background-color: transparent;
  overflow: hidden;
  opacity: 1;
}

.formDivareaparent .formgroup input::-moz-placeholder, .formDivareaparent .TextAreaDiv textarea::-moz-placeholder {
  color: #17253A;
  opacity: 0.8;
}

.formDivareaparent .formgroup input::-moz-placeholder, .formDivareaparent .TextAreaDiv textarea::-moz-placeholder, .formDivareaparent .formgroup input::placeholder,
.formDivareaparent .TextAreaDiv textarea::placeholder {
  color: #17253A;
  opacity: 0.8;
}

.formDivareaparent .formDivarea .formgroup input::-moz-placeholder, .formDivareaparent .formDivarea .TextAreaDiv textarea::-moz-placeholder {
  color: #17253A;
  opacity: 0.8;
}

.formDivareaparent .formDivarea .formgroup input::placeholder,
.formDivareaparent .formDivarea .TextAreaDiv textarea::placeholder {
  color: #17253A;
  opacity: 0.8;
}

.formDivareaparent .TextAreaDiv textarea {
  height: 120px;
  resize: none;
}

.FormSectionBox .formcta .cta {
  text-align: center;
  font-size: 18px;
  padding: 14px 20px;
}

.FormSectionBox .formcta .cta:hover {
  color: #ffffff;
  background-color: #0F5499;
}

@media screen and (max-width: 991px) {
  .FormSectionrow {
    display: flex;
    flex-direction: column-reverse;
  }
  .FormSectionBox {
    padding: 20px;
  }
  .formDivareaparent .formrow {
    grid-template-columns: repeat(1, 1fr);
    gap: 0px;
  }
}
.twoColumnSection {
  margin: 70px 0px;
}

.twoColumnSectionWr {
  display: flex;
  gap: 40px;
}

.twoColumnSectionlhs, .twoColumnSectionrhs {
  width: calc(50% - 20px);
  min-width: calc(50% - 20px);
}

.twoColumnSectionlhs .ImgParent {
  border-radius: 20px;
  overflow: hidden;
}

.ImgParent img {
  -o-object-fit: cover;
     object-fit: cover;
}

.twoColumnSectionlhstop .ImgParent {
  width: 100%;
  height: 280px;
}

.twoColumnSectionlhsbottom {
  display: flex;
  gap: 20px;
  margin: 20px 0px 0px;
}

.twoColumnSectionlhsbottom .ImgParent {
  width: calc(50% - 10px);
  min-width: calc(50% - 10px);
}

.sdactaSec .calltoactionwr .CtaGroup .cta:first-child, .sdactaSec .calltoactionwr .CtaGroup .cta:hover {
  background-color: #0F5499;
  border: 1px solid #0F5499;
}

.sdactaSec .calltoactionwr .CtaGroup .cta {
  background-color: transparent;
  color: #ffffff;
}

.AdvantagesSection {
  margin: 0px 0px 70px;
}

.AdvantagesSectionWr {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}

.AdvantagesSectionBox {
  border-radius: 15px;
  background: #ffffff;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 30px;
  display: flex;
  gap: 20px;
}

.AdvantagesSectionBox .Icon {
  width: 65px;
  min-width: 65px;
  height: 65px;
  min-height: 65px;
}

.AdvantagesSectionBox .Icon img {
  width: 100%;
  height: 100%;
}

.AdvantagesSectionBox .Content h4 {
  margin: 0px 0px 10px;
}

.AdvantagesSectionBox .Content p {
  margin: 0px;
}

.GallerySection .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  top: auto;
  position: relative;
  margin: 25px 0px 0px;
}

.GalleryBox .imgwrapper {
  height: 380px;
  border-radius: 20px;
}

.GalleryGridSection {
  margin: 70px 0px;
}

.GalleryGridSectionWr {
  display: flex;
  gap: 30px;
  align-items: stretch;
}

.GalleryGridlhs {
  width: calc(40% - 30px);
  min-width: calc(40% - 30px);
}

.GalleryGridlhs .imgwrapper {
  border-radius: 20px;
  height: 440px;
}

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

.GalleryGridlhs .imgwrapper h4 {
  margin: 0px;
  color: #ffffff;
  position: absolute;
  text-align: center;
  padding: 10px;
  left: 50%;
  width: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-size: 50px;
}

.GalleryGridrhs {
  width: 60%;
  min-width: 60%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.GalleryGridBoxData {
  background-color: #3F76AD;
  border-radius: 30px;
  padding: 30px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.GalleryGridBoxData h4 {
  color: #ffffff;
  font-size: 40px;
  margin: 0px 0px 10px;
}

.GalleryGridBoxData p {
  color: #ffffff;
  font-size: 22px;
  margin: 0px;
}

@media screen and (max-width: 991px) {
  .twoColumnSection, .GalleryGridSection {
    margin: 50px 0px;
  }
  .twoColumnSectionWr, .GalleryGridSectionWr {
    flex-direction: column;
    gap: 30px;
  }
  .twoColumnSectionlhs, .twoColumnSectionrhs, .GalleryGridlhs, .GalleryGridrhs {
    width: 100%;
    min-width: 100%;
  }
  .twoColumnSectionlhstop .ImgParent {
    height: auto;
  }
  .AdvantagesSection {
    margin: 0px 0px 50px;
  }
  .GalleryGridlhs .imgwrapper {
    height: auto;
  }
  .GalleryGridlhs .imgwrapper h4 {
    font-size: 25px;
  }
  .GalleryGridBoxData {
    padding: 30px 15px;
  }
  .GalleryGridBoxData h4 {
    font-size: 30px;
    margin: 0px 0px 5px;
  }
  .GalleryGridBoxData p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .AdvantagesSectionWr {
    grid-template-columns: repeat(1, 1fr);
  }
  .AdvantagesSectionBox {
    padding: 30px 15px;
    gap: 15px;
  }
  .AdvantagesSectionBox .Icon {
    width: 45px;
    min-width: 45px;
    height: 45px;
    min-height: 45px;
  }
}
footer {
  background-color: #1F1F1F;
}
footer .footerMenu {
  display: grid;
  gap: 50px;
  grid-template-columns: repeat(3, 1fr);
  padding: 50px 0px;
}
@media screen and (max-width: 991px) {
  footer .footerMenu {
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  footer .footerMenu {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  footer .footerMenu {
    grid-template-columns: repeat(1, 1fr);
  }
}
footer .footerMenu .FooterWidget .footerlogo {
  width: 208px;
  margin: 0px 0px 20px;
}
@media screen and (max-width: 1150px) {
  footer .footerMenu .FooterWidget .footerlogo {
    width: 115px;
  }
}
footer .footerMenu .FooterWidget p {
  color: #D1D1D1;
}
footer .footerMenu .FooterWidget h4 {
  color: #ffffff;
  margin: 0px 0px 30px;
}
@media screen and (max-width: 991px) {
  footer .footerMenu .FooterWidget h4 {
    margin: 0px 0px 20px;
  }
}
footer .footerMenu .FooterWidget ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
footer .footerMenu .FooterWidget ul li a {
  color: #D1D1D1;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  display: block;
  margin: 20px 0px 0px;
}
@media screen and (max-width: 991px) {
  footer .footerMenu .FooterWidget ul li a {
    font-size: 16px;
    margin: 10px 0px 0px;
  }
}
footer .footerMenu .FooterWidget ul li a:hover {
  color: #ffffff;
}
footer .SubFooter {
  background-color: #ffffff;
  text-align: center;
  padding: 20px 0px;
}
footer .SubFooter p {
  margin: 0px;
}

@media screen and (min-width: 992px) {
  footer .footerMenu .FooterWidget:nth-child(1) {
    width: 300px;
    margin-right: 80px;
  }
}
.SocialIcons {
  display: flex;
  gap: 20px;
}
.SocialIcons a {
  background-color: #313131;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #ffffff;
  border-radius: 5px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
.SocialIcons a:hover {
  background-color: #0F5499;
  color: #ffffff;
}
.whtasapp_icon {
    position: fixed;
    right: 3%;
    bottom: 10%;
    text-align: end;
    z-index: 1;
}

.whtasapp_icon a img {
    width: 11%;
}