/*---------------------Home banner-----------------------*/
.home-banner { padding: 20rem 0rem; background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: scroll; }
  .home-banner .b-inner .salutation {
    color: #FFC436;
    font-weight: bold;
    font-size: 1.2rem; }
  .home-banner .b-inner p {
    font-size: .9rem;
    padding: 1.2rem 0rem; }
  .home-banner .b-inner .sec-hd {
    font-family: var(--heading-fonts);
    font-size: 3.8rem;
    font-weight: 700;
    line-height: 70px; }
  .home-banner .b-inner .sec-contact ul {
    display: inline-flex; }
    .home-banner .b-inner .sec-contact ul li .callbtn, .home-banner .b-inner .sec-contact ul li .whatsappbtn {
      border: none;
      padding: 8px 10px;
      display: inline-block;
      color: #fff;
      border-radius: 8px;
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
    .home-banner .b-inner .sec-contact ul li .callbtn {
      background-color: #3800FF; }
    .home-banner .b-inner .sec-contact ul li .whatsappbtn {
      background-color: #65B741; }
    .home-banner .b-inner .sec-contact ul li + li {
      padding-left: 10px; }

.home-our-services {
  padding-bottom: 3rem; }
  .home-our-services .item {
    text-align: center;
    color: #F7D08A;
    border-radius: 35px;
    padding: 25px 15px;
    border: 5px solid #383b42;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    background: #696a6f;
    background: linear-gradient(0deg, #696a6f 0%, #515258 50%, #696a6f 100%); }
    .home-our-services .item figure img {
      display: initial;
      width: auto;
      border-radius: 100%; }
    .home-our-services .item figure figcaption {
      font-size: 1.1rem;
      padding: 5px 0px;
      font-weight: bold;
      border-top: 1px solid #F7D08A;
      border-bottom: 1px solid #F7D08A;
      margin: 1.2rem 0rem; }
    .home-our-services .item p {
      font-size: .8rem; }

.home-our-profiles {
  padding-bottom: 2rem; }
  .home-our-profiles figure {
    border: 5px solid #383b42;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    position: relative; }
    .home-our-profiles figure figcaption {
      position: absolute;
      bottom: 15px;
      color: #fff;
      text-align: center;
      left: 0px;
      right: 0px;
      text-transform: uppercase;
      font-size: 1.2rem; }

.home-add-banner {
  background-color: #211717; }
  .home-add-banner .b-text p {
    font-family: var(--heading-fonts);
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff; }
  .home-add-banner .b-text a {
    font-size: 2rem;
    padding: 8px 25px;
    background-color: #ff3366;
    display: inline-block;
    margin-top: 25px;
    color: #fff;
    border-radius: 50px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

.home-blogs {
  padding-top: 4rem; }
  .home-blogs .blog-items {
    display: inline-block;
    height: 100%;
    width: 100%;
    border: 5px solid #383b42;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    transition: all 300ms ease-in-out; }
    .home-blogs .blog-items figure {
      position: relative; }
      .home-blogs .blog-items figure figcaption {
        text-align: left;
        position: absolute;
        bottom: 25px;
        left: 0px;
        right: 0px;
        text-transform: uppercase;
        color: #fff;
        padding: 5px 15px;
        background-color: rgba(0, 0, 0, 0.6); }
        .home-blogs .blog-items figure figcaption:after {
          content: '\276D\276D\276D';
          right: 15px;
          padding-top: 5px;
          padding-bottom: 5px;
          position: absolute;
          bottom: 0px; }
    .home-blogs .blog-items:hover {
      box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; }

.home-profile-type {
  padding-top: 4rem;
  padding-bottom: 4rem; }
  .home-profile-type figure {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
  .home-profile-type ul li {
    font-size: 1rem;
    font-weight: bold;
    padding: 6px 0px;
    display: flex;
    color: #fff; }
  .home-profile-type ul li:before {
    content: "\261E";
    color: #fff;
    font-size: 40px;
    display: inline-block;
    line-height: 25px;
    margin-right: 15px; }

.home-service-area {
  padding-top: 4rem;
  padding-bottom: 6rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll; }
  .home-service-area ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
    padding-bottom: 10px;
    text-align: justify;
    list-style: none; }
  .home-service-area ul > li {
    position: relative;
    margin: 5px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border: 3px solid #B09B71; }
  .home-service-area ul > li > a {
    border: 3px solid #000;
    color: #fff;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 5px 15px;
    font-weight: bold;
    background-color: #B09B71; }
  .home-service-area ul li:nth-child(n+1) {
    flex-grow: 1; }

.home-content-us {
  padding-top: 4rem;
  background-color: #D6C7AE; }
  .home-content-us .section-heading .sec-text {
    color: #482121; }
  .home-content-us .cheading {
    font-family: var(--heading-fonts);
    font-size: 2rem;
    font-weight: 700;
    color: #000; }
  .home-content-us ul {
    padding: 1rem 0rem; }
    .home-content-us ul li {
      padding: 8px 0px;
      font-size: 1rem;
      font-weight: bold;
      color: #000; }
      .home-content-us ul li a {
        color: #000; }
.home-content-us ul li .buttonlink {
        color: #000; font-weight: bold; background-color: transparent; border: none; }
      .home-content-us ul li figure {
        display: inline-block;
        margin-right: 10px; }

@media (max-width: 1200px) {
  .home-banner .b-inner .sec-hd {
    font-size: 4rem;
    line-height: 70px; } }
@media (max-width: 992px) {
  .home-banner .b-inner .sec-hd {
    font-size: 3.8rem;
    line-height: 70px; } }
@media (max-width: 768px) {
  .home-banner .b-inner p {
    font-size: .9rem;
    padding: 1.2rem 0rem; }
  .home-banner .b-inner .sec-hd {
    font-family: var(--heading-fonts);
    font-size: 5rem;
    font-weight: 700;
    line-height: 80px; }
  .home-banner .b-inner .sec-contact {
    text-align: center; }

  .home-add-banner .b-text p {
    font-size: 1.6rem; } }
@media (max-width: 576px) {
  .home-banner {
    background-position: left top; }
    .home-banner .b-inner p {
      font-size: .9rem;
      padding: 1.2rem 0rem; }
    .home-banner .b-inner .sec-hd {
      font-size: 2.5rem;
      font-weight: 700;
      line-height: 50px; }
    .home-banner .b-inner .sec-contact {
      text-align: center; }

  .home-add-banner .b-text {
    padding: 2rem 0rem; } }