/********** Template CSS **********/
body {
  margin: 0;
  font-family: "Noto Sans", sans-serif!important;
  font-size: 1rem;
  line-height: 30px;
}


.h1,h1 {
  font-size: calc(1.375rem + 1.5vw);
  font-family: "Noto Sans", sans-serif!important;
}

@media (min-width: 1200px) {
  .h1,h1 {
      font-size:2.3rem;
  }
}

.h2,h2 {
  font-size: calc(1.325rem + .9vw);
  font-family: "Noto Sans", sans-serif!important;
}

@media (min-width: 1200px) {
  .h2,h2 {
      font-size:1.5rem;
  }
}

.h3,h3 {
  font-size: calc(1.3rem + .6vw);
  font-family: "Noto Sans", sans-serif!important;
}

@media (min-width: 1200px) {
  .h3,h3 {
      font-size:1.75rem;
  }
}

.h4,h4 {
  font-size: calc(1.275rem + .3vw);
  font-family: "Noto Sans", sans-serif!important;
}

@media (min-width: 1200px) {
  .h4,h4 {
      font-size:1.5rem;
  }
}

.h5,h5 {
  font-size: 1.25rem;
}

.h6,h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  font-size: 1rem;
  margin-bottom: 1rem
}

  /*noto-sans*/
  /* cyrillic-ext */
  @font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url('./fonts/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9X6VLKzA.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url('./fonts/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9e6VLKzA.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* devanagari */
  @font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url('./fonts/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9b6VLKzA.woff2') format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url('./fonts/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9W6VLKzA.woff2') format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url('./fonts/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9Z6VLKzA.woff2') format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url('./fonts/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9V6VLKzA.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url('./fonts/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9U6VLKzA.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url('./fonts/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A-9a6VI.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  
a{
  cursor: pointer;
}
.back-to-top {
  position: fixed;
  display: none;
  right: 45px;
  bottom: 45px;
  z-index: 99;
}

/*** Navbar ***/
.navbar .dropdownhomes-toggle::after {
  border: none;
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  vertical-align: middle;
  margin-left: 8px;
}

.navbar .navbar-nav .nav-link {
  margin-right: 30px;
  padding: 15px 0;
  color: #ffffff;
  
  font-weight: 500;
  text-transform: uppercase;
  outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
  color: #fff;
  font-weight: 700;
 
  text-transform: capitalize;
}

@media (max-width: 991.98px) {
  .navbar .navbar-nav .nav-link {
    margin-right: 0;
    padding: 10px 0;
  }

  .navbar .navbar-nav {
    border-top: 1px solid #eeeeee;
  }
}

.navbar .navbar-brand,
.navbar a.btn {
  height: auto;
  padding: 10px 0px;
}

.navbar .navbar-nav .nav-link {
  color: #fff;
  font-weight: 500;
 
  text-transform: capitalize;
}

.navbar.sticky-top {
  top: -100px;
  transition: 0.5s;
  background-color: #ffffff;
}

.bg-light {
  background-color: #0021472e !important;
}

@media (min-width: 992px) {
  .navbar .nav-item .dropdownhomes-menu {
    display: block;
    border: none;
    margin-top: 0;
    top: 150%;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
  }

  .navbar .nav-item:hover .dropdownhomes-menu {
    top: 100%;
    visibility: visible;
    transition: 0.5s;
    opacity: 1;
  }
}

/*** Footer ***/
.footer .btn.btn-social {
  margin-right: 5px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--light);
  border: 1px solid #ffffff;
  transition: 0.3s;
}

.footer .btn.btn-social:hover {
  color: var(--primary);
}

.footer .btn.btn-link {
  display: block;
  margin-bottom: 5px;
  padding: 0;
  text-align: left;
  color: #ffffff;
  
  font-weight: normal;
  text-transform: capitalize;
  transition: 0.3s;
}

.footer .btn.btn-link::before {
  position: relative;
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 10px;
}

.footer .btn.btn-link:hover {
  color: var(--primary);
  letter-spacing: 1px;
  box-shadow: none;
}

.footer .copyright {
  padding: 25px 0;
  
  border-top: 1px solid rgba(256, 256, 256, 0.1);
}

.footer .copyright a {
  color: var(--light);
}

.footer .copyright a:hover {
  color: var(--primary);
}


.back-to-top {
  background-color: #ffffff !important;
  color: #002147 !important;
  border-color: #002147 !important;
  background-size: cover;
}



.skips-btns {
  color: #dc143c;
  font-weight: 600;
  background-color: #fff;
  padding: 4px 10px;
  border-radius: 50px;
  border: 1px solid #0021478a;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.logos-imgs {
  margin-top: 25px;
}

#topbar {
  background-color: #dee2e6;
}

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

.modal-dialog {
  max-width: 700px;
}

.aadi-sanshadhan-cols img {
  width: -webkit-fill-available;
  height: 300px;
  border-radius: 8px;
}

.aadi-vidha-cols img {
  width: -webkit-fill-available;
  height: 300px;
  border-radius: 8px;
}

.aadi-sanshadhan-cols {
  border: 1px solid gray;
  background-color: #fff;
  border-radius: 8px;
  padding: 10px;
  background-image: url("../img/bck.png");
  background-repeat: no-repeat;
  background-origin: content-box;
}

.aadi-vidha-cols {
  border: 1px solid gray;
  background-color: #fff;
  border-radius: 8px;
  padding: 10px;
  background-image: url("../img/bck.png");
  background-repeat: no-repeat;
  background-origin: content-box;
}

.modal-body .row {
  margin: 0px !important;
}

.modal-content {
 
}

.aadi-sanshadhan-cols h5 {
  background-color: #dc143c;
  width: max-content;
  margin: 10px auto 0px auto;
  padding: 4px 10px;
  border-radius: 8px;
  color: #fff;
}

.aadi-vidha-cols h5 {
  background-color: #dc143c;
  width: max-content;
  margin: 10px auto 0px auto;
  padding: 4px 10px;
  border-radius: 8px;
  color: #fff;
}

.modal-header .btn-close {
  border: 1px solid gray;
  background-color: #fff;
}

.modal-header {
  border-bottom: 0px;
}

.modal-body {
  margin-bottom: 20px;
}

.head-four {
  color: #dc143c;
}

.screen-tops {
  display: flex;
  align-items: center;
}

.top-navs {
  justify-content: space-between;
  align-items: center;
}

.paras-sec {
  margin: 0px !important;
}

.screen-tops a {
  margin: 0px 4px;
}

.screen-tops p {
  margin: 0px 4px !important;
  padding-top: 2px;
}

/* Click the image one by one to see the different layout */

/* Owl Carousel */

.owl-prev {
  /* background: url("https://res.cloudinary.com/milairagny/image/upload/v1487938188/left-arrow_rlxamy.png")
    left center no-repeat; */
  height: 54px;
  position: absolute;
  top: 50%;
  width: 27px;
  z-index: 1000;
  left: 2%;
  cursor: pointer;
  color: transparent;
  margin-top: -27px;
}

.owl-next {
  /* background: url("https://res.cloudinary.com/milairagny/image/upload/v1487938220/right-arrow_zwe9sf.png")
    right center no-repeat; */
  height: 54px;
  position: absolute;
  top: 50%;
  width: 27px;
  z-index: 1000;
  right: 2%;
  cursor: pointer;
  color: transparent;
  margin-top: -27px;
}

.owl-prev:hover,
.owl-next:hover {
  opacity: 0.5;
}

/* Owl Carousel */

/* Popup Text */

.white-popup-block {
  background: #fff;
  padding: 20px 30px;
  text-align: left;
  max-width: 650px;
  margin: 40px auto;
  position: relative;
}

.popuptext {
  display: table;
}

.popuptext p {
  margin-bottom: 10px;
}

.popuptext span {
  font-weight: bold;
  float: right;
}

/* Popup Text */

/* Icon CSS */
.item {
  position: relative;
}

.item i {
  display: none;
 
  color: #fff;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.item a {
  display: block;
  width: 100%;
}

.item a:hover:before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.item a:hover i {
  display: block;
  z-index: 2;
}


.tribal-sec-img {
  width: 300px;
  height: 200px;
  margin-top: 20px;
}

.tribal-sec-img img {
  width: 300px;
  height: 200px;
  border-radius: 8px;
}

.cc {
  color: #dc143c;
}

.dropbtn {
  /* background-color: #04aa6d00; */
  /* padding: 2px 0px; */
  /* */
  /* border: none; */
}

.dropdownhomes {
  position: relative;
  display: inline-block;
}

.dropdownhomes-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  width: max-content;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdownhomes-content a {
  color: black;
  padding: 4px;
  text-decoration: none;
  display: block;
}

.dropdownhomes-content a:hover {
  background-color: #ddd;
}

.dropdownhomes:hover .dropdownhomes-content {
  display: block;
}

.dropdownhomes:hover .dropbtn {
  background-color: #dc143c;
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-instagram:before {
  content: "\f16d";
}

#course1 {
  background-color: #002147;
  margin-bottom: 26px;
}

.bhil-head {
  margin-top: 20px;
  color: #fff;
}

.bhils-spn {
  color: #dc143c;
  font-weight: 700;
}

.feature-sin {
  background-color: #dee2e6;
  padding: 5px;
  border-radius: 50px;
  margin-top: 10px;
}

.feature-sin1 {
  margin: 0px 10px;
}

.feature-sin1 a {
  color: orange;
}

.images2 img {
  width: 25px;
  height: 25px;
}

.images2 {
  color: #fff;
}

.second-cols {
  margin: auto;
}

.rbt-imgs {
  width: 40px;
  height: 40px;
  margin: 10px 0px;
  border-radius: 50px;
}

.rbt-author-meta1 {
  display: flex;
}

.rbt-author-info {
  margin: auto 10px;
}

.rbt-author-info a {
  color: #fff;
}

.rbt-meta {
  list-style: none;
}

.rbt-meta .fas {
  margin-right: 6px;
}

#second-parts1 {
  margin: 32px 0px;
}

.accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #dc143c;
}

.cousre-imgs img {
  width: -webkit-fill-available;
  height: -webkit-fill-available;
  border-radius: 8px;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #fff;
  background-color: #002147;
  border-color: #dee2e6 #dee2e6 #fff;
}

#second-parts .nav-link {
  color: #dc143c;
  font-weight: 600;
}

#nav-tabContent {
  border-radius: 0px 0px 8px 8px;
  padding: 10px;
  border: 1px solid #80808052;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.rbt-list-style-1 li {
  display: flex;
  
  margin: 7px 0;
  line-height: 1.45;
}

.rbt-list-style-12 li {
  display: flex;
  
  margin: 7px 0;
  line-height: 1.45;
}

.rbt-list-style-12 {
  margin: 0px;
}

.rbt-title-style-3 {
  margin: 10px 0px 10px 0px;
  text-align: center;
 
  width: max-content;
  background-color: #dc143c;
  color: #fff;
  border-radius: 50px;
  padding: 4px 10px;
}

.nav-tabs .nav-link.active {
  color: #fff !important;
}

.nav-link {
  display: block;
  padding: 14px 16px;
}

.rbt-list-style-1 {
  padding: 10px;
}

.course-div {
  padding: 36px 0px;
}

.video-popup-with-text.video-popup-wrapper {
  position: relative;
  display: block;
  z-index: 2;
}

.video-popup-with-text.video-popup-wrapper::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 85%;
  display: block;
  z-index: 1;
  content: "";
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0),
    rgb(0 0 0 / 58%) 100%
  );
  transition: opacity 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
  cursor: pointer;
  border-radius: 6px;
}

.video-popup-with-text.video-popup-wrapper .position-to-top {
  z-index: 2;
}

.video-popup-wrapper .position-to-top {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}

.position-to-top {
  position: relative;
  margin-top: -300px;
}

.rbt-btn.rounded-player-2 {
  border: 0;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  margin-top: -40px;
  transition: all 1s cubic-bezier(0, 0, 0.2, 1);
  position: relative;
  border-radius: 100%;
  background: var(--color-white);
  margin: 0 auto;
  display: inline-block;
  padding: 0;
}

.rbt-btn {
  padding: 0 26px;
  background: var(--color-primary);
  height: 60px;
  line-height: 60px;
  color: var(--color-white);
 
  letter-spacing: 0.5px;
  font-weight: 500;
  display: inline-block;
  position: relative;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  border-radius: 6px;
  border: 0 none;
  outline: none;
}

.rbt-btn.with-animation::before {
  -webkit-animation: ripple 2s linear infinite;
  animation: ripple 2s linear infinite;
}

.rbt-btn.with-animation::after,
.rbt-btn.with-animation::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border-radius: 50%;
  border: 1.5px solid var(--color-white);
}

.play-view-text {
  color: #fff !important;
}

.discreptions {
  background-color: #fff;
  padding: 16px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#more {
  display: none;
}

#more1 {
  display: none;
}

#more2 {
  display: none;
}

#myBtn {
  margin-bottom: 16px;
  background-color: #dc143c;
  color: #fff;
  padding: 0px 5px;
  border-radius: 5px;
  border: 1px solid #fff;
}

#myBtn1 {
  margin-bottom: 16px;
  background-color: #dc143c;
  color: #fff;
  padding: 0px 5px;
  border-radius: 5px;
  border: 1px solid #fff;
}

#myBtn2 {
  margin-bottom: 16px;
  background-color: #dc143c;
  color: #fff;
  padding: 0px 5px;
  border-radius: 5px;
  border: 1px solid #fff;
}

@media screen and (min-device-width: 200px) and (max-device-width: 768px) {
  .rbt-list-style-1 li {
    display: inline-block;
  }

  .rbt-list-style-12 li {
    display: inline-block;
  }

  .cousre-imgs {
    margin: 10px 0px;
  }

  .paras-sec {
    display: none;
  }

  .top-navs {
    justify-content: center;
  }

  .aadi-vidha-cols img {
    width: -webkit-fill-available;
  }

  .aadi-sanshadhan-cols img {
    width: -webkit-fill-available;
  }

  .rbt-meta3 {
    display: inline-grid;
  }

  .four-section-abouts .row {
    display: grid;
    justify-content: center;
  }

  .four-section-abouts .Card {
    margin: 20px 0px;
  }

  .bg-dark2 {
    background-size: cover;
  }
  .top-nav-menu {
    justify-content: left;
    padding-left: 28px !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navbar .navbar-nav {
    border-top: none;
    padding: 10px 0px !important;
  }

  .vid-course-row {
    padding: 10px 0px !important;
  }
  .wrapper .slide .slide-content {
    width: 100%;
    padding: 16px !important;
  }

  .hard1 .button-right {
    width: 20% !important;
  }

  .form-search-adi {
    width:60%!important;
  }
  .eight-digi-rep {
    justify-content: left!important;
  }
}


@media screen and (min-device-width: 200px) and (max-device-width: 1400px){
  .column-card-sec .card-filter-sec .image {
    width: 100%!important;
    left: 0px!important;
  }
  .column-card-sec .card-filter-sec .image img {
    width: 100%!important;
  }
  .column-card-sec .card-filter-sec:hover {
    height : 450px!important;    
  }
}


@media screen and (min-device-width: 200px) and (max-device-width: 992px) {
  .four-section-abouts .row {
    display: grid;
    justify-content: center;
  }

  .four-section-abouts .Card {
    margin: 20px 0px;
  }
}


.navbar {
  display: flow;
}

.navbar-main {
  background-color: transparent !important;
}

.container-mains {
  margin: 0px !important;
}

.top-nav-menu {
  justify-content: center;
  padding-left: 48px;
}


.navbar-nav a {
  display: inline-block;
  position: relative;
  color: #0087ca;
  text-decoration: none;
}

.navbar-nav a::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  height: 0.08em;
  bottom: 0;
  left: 0;
  background: currentcolor;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.navbar-nav a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.navbar-nav a::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  color: #fff !important;
  height: 0.08em;
  bottom: 0;
  left: 0;
  background: currentcolor;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.navbar-nav a {
  color: #fff !important;
}

body {
  background: #ffffff;
  overflow-x: hidden;
 
}

.rows-newhomes{
   margin: 0px;
}
.cols-newhomes{
  padding: 0px;
}
.cols-newhomes1{
  padding: 0px;
}

#mar-newhomes{
  position: relative;
  width: 100%;
  height: 500px;
  /* background-image: url(../image/back-bg.png); */
  /* background-size: cover; */
  /* background-position: center; */
}

#mar-newhomes::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(252 243 243 / 35%); /* Adjust opacity (0 = fully transparent, 1 = fully opaque) */
}

.container-new {
  /* position: absolute; */
  top: 50%;
  left: 27%;
  transform: translate(0%, 0%);
  width: 100%;
  height: 600px;
  background: #f5f5f5;
  box-shadow: 0 30px 50px #dbdbdb;
}

  .container-new .slides-homes .items-homes {
      width: 200px;
      height: 200px;
      position: absolute;
      top: 70%;
      transform: translate(0, -50%);
      border-radius: 0px;
      border: 2px solid #e3d1d1;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
      background-position: 50% 50%!important;
      background-size: cover!important;
      background-repeat: no-repeat;
      display: inline-block;
      transition: .5s;
  }

.slides-homes .items-homes:nth-child(1), .slides-homes .items-homes:nth-child(2) {
  top: 0;
  left: 0;
  transform: translate(0, 0);
  border-radius: 0;
  width: 100%;
  height: 100%;
}

  .slides-homes .items-homes:nth-child(2) .content { display: block; }

.slides-homes .items-homes:nth-child(3) {
  left: 50%;
}

.slides-homes .items-homes:nth-child(4) {
  left: calc(50% + 220px);
}

.slides-homes .items-homes:nth-child(5) {
  left: calc(50% + 440px);
}

.slides-homes .items-homes:nth-child(n + 6) {
  left: calc(50% + 440px);
  overflow: hidden;
}

.items-homes .content {
  position: absolute;
  top: 50%;
  left: 100px;
  width: 500px;
  text-align: left;
    padding: 10px;
  color: #eee;
  transform: translate(0, -50%);
  font-family: system-ui;
  display: none;
}

.container-new .content .name {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: bold;
  opacity: 0;
  animation: animate 1s ease-in-out 1 forwards;
}

.container-new .content .description {
  margin-top: 10px;
  margin-bottom: 20px;
  opacity: 0;
  animation: animate 1s ease-in-out .3s 1 forwards;
}

.container-new .content button {
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  opacity: 0;
  animation: animate 1s ease-in-out .6s 1 forwards;
}

  @keyframes animate{
      from {
          opacity: 0;
          transform: translate(0, 100px);
          filter: blur(33px);
      }

      to {
          opacity: 1;
          transform: translate(0);
          filter: blur(0);
      }
  }

.container-new .button {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 20px;
}

.container-new .button .prev {
  width: 40px;
  height: 35px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  margin: 0 5px;
  border: 1px solid #000;
  transition: .3s;
}
.container-new .button .next {
  width: 40px;
  height: 35px;
  border-radius: 8px!important;
  top: 48%;
  padding:0px;
  border: none;
  cursor: pointer;
  margin: 0 5px;
  border: 1px solid #000;
  transition: .3s;
}

.container-new  .button button:hover {
      background: #ababab;
      color: #fff;
  }

  .inner-newhomes1 {
    padding: 30px 30px;
}


.innerpara-newhome1 {
  color: #771D1D;
  
  font-weight: 800;
  letter-spacing: normal;
}

.innerpara-newhome2 {
 
  color: #000;
  margin-bottom: 10px;
  line-height: 26px;
}

.innerpara-newhome3 {
  color: #000;
}

.innerpara-newhome {
  margin-bottom: 0.5px;
  font-weight: 600;
  color: #606060;
 
  padding-bottom: 0px;
  font-style: italic;
  position: relative;
  padding-top: 6px;
  z-index: 9;
}
.innerpara-newhome:before {
  content: '';
  background: #ffe6d5;
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  z-index: -1;
  top: 0;
  border-radius: 50%;
  left: -8px;
}

.innerpara-newhome:before {
  -webkit-animation: simple-move 5s linear infinite alternate !important;
  animation: simple-move 5s linear infinite alternate !important;
}
@keyframes simple-move{100%{transform:translate(90px, 0);}}


.nav-item { transform: skewX(-30deg); }
.nav-item > .span-newhomes { transform: skewX(30deg); }
.nav-item{
	display: inline-block;
	padding: .7em 2em!important;
	border: 0;
	background: #f1e8e8;
	font-style: normal!important;
  color:#000!important;
	text-transform: uppercase;
	text-decoration: none;
  margin-right:0px!important;

  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.span-newhomes{
  display: inline-block;
  font-size:16px;
}
.span-newhomes{
  color:#000;
}
.span-newhomes.active{
  color:#fff;
}

.nav-item.active{
  background-color: #843333;
  color:#fff!important;
}
#topbar1 {
  background-color: #e3d1d1;
}

.new-left-homes {
  display: flex;
  padding: 10px;
  align-items: center;
}


.logos-home {
  /* height: 100px; */
  /* width: 80px; */
}

.items-homes::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 background: linear-gradient(90deg, rgb(227 209 209 / 0%) 0%, rgb(119 29 29 / 72%) 0%, rgb(241 232 232 / 0%) 90%);
 border-radius:0px 0px 0px 0px;
}

.borders-homes{
  background: linear-gradient(90deg, rgb(227 209 209) 0%, rgb(119 29 29) 0%, rgb(25 24 24) 90%);
    width: 100%;
}
#imgs-borders-home .container{
  max-width:80vw;
}

#imgs-borders-home {
  margin: 3rem 0px 3rem 0px;
}
#fours-homes .container{
  max-width:80vw;
}
#fours-homes {
  position: relative;
  background-image: url(../image/bg-home.png);
  background-size: cover;
  background-position: center;
  padding:3rem 0rem;
}

#fours-homes::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgb(21 19 19 / 91%) 0%, #903929d6 0%, #ff8000de 90%);
  z-index: 1;
}

/* Ensure content inside is above overlay */
#fours-homes * {
  position: relative;
  z-index: 2;
}

.aadi-vidd-homes {
  background-color: #fffffff2;
  padding: 2rem;
  border-radius: 16px;
}

h1.vidd-homes {
  color: #771d1d;
  letter-spacing: normal;
  font-weight: 800;
  
  text-align: center;
}

p.vidd-paras-homes {
  color: #000;
  margin-bottom: 10px;
 
}




#fives-homes body {
  --color: rgba(30, 30, 30);
  --bgColor: rgba(245, 245, 245);
  min-height: 100vh;

  display: grid;
  align-content: center;
  gap: 2rem;
  padding: 2rem;

  font-family: "Jura", sans-serif;
  color: var(--color);
  background: var(--bgColor);
}

#fives-homes h1 {
  text-align: center;
}

#fives-homes  ul {
  --col-gap: 2rem;
  --barH: 1rem;
  --roleH: 2rem;
  --flapH: 2rem;

  width: min(60rem, 90%);
  margin-inline: auto;

  display: flex;
  flex-wrap: wrap;

  gap: var(--col-gap);
  padding-inline: calc(var(--col-gap) / 2);

  justify-content: center;
  align-items: flex-start;
  list-style: none;
}
#fives-homes  ul li {
  width: 10em;
  display: grid;
  grid-template:
    "role"
    "icon"
    "title"
    "descr";
  align-items: flex-start;
  gap: 1rem;
  padding-block-end: calc(var(--flapH) + 1rem);
  text-align: center;
  background: var(--accent-color);
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.6) var(--roleH),
    rgba(0, 0, 0, 0.4) calc(var(--roleH) + 0.5rem),
    rgba(0, 0, 0, 0) calc(var(--roleH) + 0.5rem + 5rem)
  );
  clip-path: polygon(
    calc(var(--col-gap) / -2 - 5px) 0,
    calc(100% + var(--col-gap) / 2 + 5px) 0,
    calc(100% + var(--col-gap) / 2 + 5px ) calc(100% - var(--flapH)),
    50% 100%,
    calc(var(--col-gap) / -2 - 5px) calc(100% - var(--flapH))
  );
}

/* bar */
#fives-homes  ul li::before {
  content: "";
  grid-area: role;
  height: var(--barH);
  width: calc(100% + var(--col-gap));
  margin-left: calc(var(--col-gap) / -2);
  margin-top: calc(var(--roleH) / 2 - var(--barH) / 2);
  background: grey;
  z-index: -1;
  background-image: linear-gradient(
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0.2) 30%,
    rgba(255, 255, 255, 0.1) 40%,
    rgba(0, 0, 0, 0.1) 60%,
    rgba(0, 0, 0, 0.2) 70%,
    rgba(0, 0, 0, 0.4)
  );
}

/* role */
#fives-homes  ul li::after {
  content: "";
  grid-area: role;
  background: var(--accent-color);
  background-image: linear-gradient(
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0.2) 30%,
    rgba(255, 255, 255, 0.1) 40%,
    rgba(0, 0, 0, 0.1) 60%,
    rgba(0, 0, 0, 0.2) 70%,
    rgba(0, 0, 0, 0.4)
  );
  height: var(--roleH);
}

#fives-homes  ul li .icon,
ul li .title,
ul li .descr {
  padding-inline: 1rem;
  color: white;
  text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
}

#fives-homes  ul li .icon {

}
#fives-homes  ul li .title {
 
  font-weight: 700;
}

#fives-homes  ul li .descr {
 
}

#fives-homes  .credits {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
}
#fives-homes  .credits a {
  color: var(--color);
}

#fours-homes .base-template__wrapper {
	max-width: 1560px;
}

#fours-homes  .base-template__text {
	margin-bottom: 60px;
}

/**
 * Slider Instance
 */

 #fours-homes  .swiper {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#fours-homes  .booking-slider {
	--color-gray: #e3d1d1;
	--color-gray-dark: #843333;
	--color-gray-bright: #e3d1d1;
	--color-gray-light: #e3d1d1;
	padding-inline: 98px;
	position: relative;
}

#fours-homes  .booking-slider__slide {
	display: flex;
	align-items: center;
	min-height: 500px;
}

@media screen and (max-width: 991.9px) {
	#fours-homes  .booking-slider {
		padding: 0;
		margin-inline: -20px;
	}
}

/**
 * Slider Navigation
 */

 #fours-homes  .slider-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	translate: 0 -50%;
	z-index: 1;
	pointer-events: none;
}

#fours-homes  .slider-nav__item {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1;
	width: 48px;
	background-color: #771d1d;
	border-radius: 50%;
	pointer-events: auto;
	cursor: pointer;
	transform-origin: center;
	transition: all 0.3s ease-out;
}

#fours-homes  .slider-nav__item.disabled {
	pointer-events: none;
	cursor: default;
	opacity: 0.5;
}

#fours-homes  .slider-nav__item path {
	stroke: #fff;
}

@media (hover: hover) and (pointer: fine) {
	#fours-homes  .slider-nav__item:not(.disabled):hover {
		transform: scale(1.1);
	}
}

@media (hover: none) {
	#fours-homes  .slider-nav__item:not(.disabled):active {
		transform: scale(1.1);
	}
}

@media screen and (max-width: 991.9px) {
	#fours-homes  .slider-nav {
		display: none;
	}
}




.sampada-homes {
  color: #771d1d;
  letter-spacing: normal;
  font-weight: 800;
  
  text-align: center;
}

#fives-homes{
  padding:2rem 0rem;
}

.sampada-para-homes {
  color: #000;
}


.hepl-desk-sec{background:#fff;padding:40px 0;}
.hepl-bg{position:relative;padding: 40px 0 0;}
.hepl-bg:before{position:absolute;top:0;left:0;content:'';height: 600px;width:50%;background-position:center;background-size:cover;background-image:url('../image/vish1.jpg')}
.hepl-bg .container:before{position:absolute;top:0;left:0;content:'';height: 600px;width:50%;background: #ff8000eb;}
.hepl-bg:after {
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  height: 600px;
  width: 50%;
  background: linear-gradient(90deg, rgb(227 209 209 / 0%) 0%, rgb(119 29 29 / 88%) 0%, rgb(241 232 232 / 0%) 90%), 
              url(../image/vish2.jpg);
  background-position: center;
  background-size: cover;
}

.hepl-bg a {position:relative;
    border: 1px solid #000;
    padding: 10px 15px;
    
    color: #000;
    display: inline-block;
}
.hepl-bg a:before {
    content: '';
    background: #DF0C03;
    width: 0%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
	transition: .5s;
}
.hepl-bg a:hover:before {
    width: 100%;
	transition: .5s;
	z-index: -1;
}
.hepl-bg a:hover {
    color:#fff;
	z-index: 9;
	border-color: #df0c03;
}
.help-desk-sec a:before {
    content: '';
    background: #DF0C03;
    width: 0%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
	transition: .5s;
}
.help-desk-sec a:hover:before {
    width: 100%;
	transition: .5s;
	z-index: -1;
}
.help-desk-sec a:hover {
    color:#fff;
	z-index: 9;
	border-color: #df0c03;
}
.visit-sec p{color:#000;font-size:1em;margin-bottom:30px}
.visit-sec .httext {
    color:#000;
}
.visit-sec .httext .underline-title {
    background: #000;
    margin-bottom: 20px;
}
.visit-sec {
    padding-right: 40px;
    position: relative;
}
.help-desk-sec p{}
.help-desk-sec .httext {
	color:#fff
}
.help-desk-sec .httext .underline-title {
    background: #fff;
    margin-bottom: 20px;
}
.help-desk-sec{
	z-index:9;
	padding-left: 40px;
}
.help-desk-sec a{
	border:1px solid #fff;
	color:#fff;
	margin-top: 16px;
}
.hepl-desk-sec .item-sec ul{padding:0;margin:0;list-style-type:none;display:flex;align-items:center;justify-content:center}
.hepl-desk-sec .item-sec ul li{width:25%}
.hepl-desk-sec .item-sec ul li+li{margin-left:25px}
.hepl-desk-sec .item-sec ul li a{height:105px;background:#fff;display:flex;box-shadow:0 0 6px #00000047;padding:35px 15px;position:relative;text-align:center;align-items:center;justify-content:space-between}
.hepl-desk-sec .item-sec ul li a i{color:#000;margin-top:2px}
.hepl-desk-sec .item-sec ul li a img{width:35px;margin-right:10px}
.hepl-desk-sec .item-sec ul li a p{font-size:0.875em;color:#616161;margin-bottom:0;text-align:left}
.hepl-desk-sec .item-sec ul li a h3{font-size:1.75em;line-height:41px;margin-bottom:0px;font-family:'open_sanssemibold'}
.hepl-desk-sec .item-sec ul li:nth-child(1) a h3{color:#3F3A91}
.hepl-desk-sec .item-sec ul li:nth-child(2) a h3{color:#2BB9A3}
.hepl-desk-sec .item-sec ul li:nth-child(3) a h3{color:#FFC033}
.hepl-desk-sec .item-sec ul li:nth-child(4) a h3{color:#F05253}
.hepl-desk-sec .item-sec ul li .text-sec{text-align:left;width:100%}
.hepl-desk-sec .item-sec ul li:after{background:#ffc648;content:'';width:100%;height:5px;display:block}
.hepl-desk-sec .item-sec ul li:before{background:#ffc648}
.hepl-desk-sec .item-sec ul li:hover:before{width:100%;transition:all .5s}
.hepl-desk-sec .item-sec ul li:before{content:'';width:0%;height:5px;display:block;transition:all .5s}
.hepl-desk-sec .item-sec ul li a:before{background:#ffc648}
.hepl-desk-sec .item-sec ul li:hover a:before{height:100%;transition:all .5s}
.hepl-desk-sec .item-sec ul li a:before{content:'';width:5px;height:0%;transition:all .5s;position:absolute;left:0;bottom:0}
.hepl-desk-sec .item-sec ul li a:after{background:#ffc648}
.hepl-desk-sec .item-sec ul li:hover a:after{height:100%;transition:all .5s}
.hepl-desk-sec .item-sec ul li a:after{content:'';width:5px;height:0%;transition:all .5s;position:absolute;right:0;top:0}
.hepl-desk-sec .httext{z-index:9;text-align:center;width:100%}
.hepl-desk-sec .httext h4{color:#fff}
.hepl-desk-sec .httext .underline-title{background:#fff;margin:auto;margin-top:8px;margin-bottom:30px}
.data-img-area .data-img-inner{background:#fff;padding:30px 30px;    position: relative;    z-index: 9;}
/* Help Desk Section css End */


/* image - data carasol area css start */
.data-img-area{
                padding-top:50px;
                background:#fff;
                /* background-image: url(../image/back-bg.png); */
                background-size: cover;
              }
.org-color{color: #843333;/* background-color: gray; *//* padding: 5px; */}
.detail-div .img-des{margin:0 30px;position:relative;bottom:40px;background:white;padding:15px;/* min-height: 500px!important; */!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;box-shadow:0px 1px 5px 0px rgb(186 185 185 / 67%);min-height: 220px;}
.detail-div .img-des h6{font-weight: 600;margin-bottom: 0.5px;text-transform: uppercase;color: gray;}
.detail-div .para-course-homes{margin-bottom:5px;color: #843333;text-transform: capitalize;font-weight: 600;}
.detail-div .para-course-homes1{margin-bottom:5px;font-size:0.938em;color: #000;min-height: 130px;}

.data-img-area .owl-carousel{position:relative}
.data-img-area .owl-carousel .owl-nav{display:none!important;}
/* .data-img-area .owl-carousel button.owl-prev{position:absolute;left:-612px;font-size:30px!important;color:#ea3a32!important;height:36px;width:36px;border:1px solid rgb(88, 88, 88);display:flex;line-height:28px;align-items:center;justify-content:center} */
.img-part{position:relative}
.border-img{position:absolute;border:1px solid white;width:90%;height:86%;top:7%;left:5%}
.data-img-area .owl-carousel button.owl-prev span{display:flex;justify-content:center;height:100%}
/* .data-img-area .owl-carousel button.owl-next{position:absolute;left:563px;font-size:30px!important;color:#ea3a32!important;height:36px;width:36px;border:1px solid rgb(88, 88, 88);display:flex;line-height:28px;align-items:center;justify-content:center}
.data-img-area .owl-carousel button.owl-next span{display:flex;justify-content:center;height:100%} */
/* image - data carasol area end */

#three-parts-homess .card-carousel {
  position: relative;
  width: 100%;
  margin: auto;
}


#three-parts-homess button.prev, button.next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #843333;
  color: white;
  border: none;
  padding: 0px 10px;
  width: 40px;
  margin: 0px -20px;
  height: 40px;
  align-content: center;
  cursor: pointer;
  
  border-radius: 50%;
}

#three-parts-homess button.prev {
  left: -30px;
}

#three-parts-homess button.next {
  right: -30px;
}

#three-parts-homess .owl-dots {
  text-align: center;
  margin-top: 10px;
}

#three-parts-homess .owl-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 5px;
  background: #ccc;
  border-radius: 50%;
}

#three-parts-homess .owl-dot.active {
  background: #333;
}

.data-img-area .container {
  max-width: 1140px;
}

.data-img-area  .owl-dots {
  display: none;
}

.image-style-attration-images {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}



h2.two-head-homes {
  color: #843333;
  font-weight: 800;
 
}

.two-head-homes:before {
content: '';
background: #ffe6d5;
display: block;
width: 40px;
height: 40px;
position: absolute;
z-index: -1;
top: 4%;
border-radius: 50%;
left: 10px;
}

.two-head-homes:before {
-webkit-animation: simple-move 5s linear infinite alternate !important;
animation: simple-move 5s linear infinite alternate !important;
}
@keyframes simple-move{100%{transform:translate(90px, 0);}}


.adi-vid-homess {
  
  color: #fff;
}
.underline-title {
    width: 45px;
    height: 3px;
    background: #fff;
    margin-top: 8px;
    margin-bottom: 10px;
}
.type-pra-home {
 
  color: #fff;
  margin-bottom: 0.5px;
}

.data-img-area {
  margin-top: 19px !important;
}

.border-homes {
  width: 100%;
  margin-top: 0px;
}


.border-homes1 {
  width: 100%;
  margin-bottom: 40px;
}

.border-homes6 {
  width: 100%;
  margin-bottom: 0px;
}

.owl-item , .item-homes {
  position: relative;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
}

.item-homes {
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-top: 45px;
  margin-bottom: 65px;
  width: 207.3333333333333px;
  /* padding: 10px; */
  height: 207.3333333333333px;
  /* border: 3px solid #ffc107; */
  border-radius: 50%;
}

.center .item-homes{
  transform: scale(1.3);
  margin-top: 47px;
  border: 5px solid #FF5722;
  border-radius: 50%;
}

.item-homes img {
  border-radius: 50%;
  width: 100%!important;
  /* box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; */
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  margin-top: -26px;
  border: 3px solid #843333;
}
/* set z index */

.owl-item.active.center {
  z-index: 5;
}

.owl-item.active.right, .owl-item.active.left {
  z-index: 4;
}

.item-homes span{
  position: absolute!important;
  bottom: -60px;
  left:0;
 
  font-weight: 600;
  color: #843333;
  right:0;
  text-transform: capitalize;
}

.item-homes::before{
  width:2px;
  height: 0px;
  background: #ff980000;
  position:absolute;
  content:"";
  left:0;
  right:0;
  margin:0 auto;
  top: 0px;
}

.center .item-homes span{
  display:none;
}

.center .item-homes::before{
  display:none;
}

.circle-carousel {
  padding: 10px;
  margin: 20px 0px;
}


#fours-homes .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
}

#fours-homes .owl-nav .prev, .owl-nav .next {
  background: rgba(0, 0, 0, 0.5);
  color: white;
 
  padding: 10px 15px;
  border-radius: 50%;
  cursor: pointer;
  top: 50%;
  transition: 0.3s;
}

#fours-homes .owl-nav .prev:hover, .owl-nav .next:hover {
  background: black;
}


section#newhaats-homess {
  padding: 4rem 0rem 0rem 0rem;
}

h1.new-hats-homes {
  color: #ff8000eb;
  font-weight: 800;
  
}

h3.three-hats-homes {}

h3.three-hats-homes {
  color: #843333;
 
  font-weight: 800;
  line-height: 30px;
}

p.new-hats-homes1 {
  color: #000;
 
  line-height: 30px;
}

a.read-haats-homes {
  background-color: #843333;
  color: #fff;
  padding: 10px;
 
}





#newhaats-homess .image-column .inner-column{
  position: relative;
  padding-left: 120px;
  padding-bottom: 125px;
}

#newhaats-homess .image-column .inner-column:before{
  position: absolute;
  left: -75px;
  top: 65px;
  height: 520px;
  width: 520px;
  background-image:url('../image/haats-bg.png');
  content: "";
}

#newhaats-homess .image-column .image-1{
  position: relative;
}

#newhaats-homess .image-column .image-2{
  position: absolute;
  left: 0;
  bottom: 0;
}

#newhaats-homess .image-column .image-2 img,
#newhaats-homess .image-column .image-1 img{
  box-shadow: 0 30px 50px rgba(8,13,62,.15);
}

#newhaats-homess .image-column .video-link{
  position: absolute;
  left: 70px;
  top: 170px;
}

#newhaats-homess .image-column .video-link .link{
  position: relative;
  display: block;
  
  color: #191e34;
  font-weight: 400;
  text-align: center;
  height: 100px;
  width: 100px;
  line-height: 100px;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0 30px 50px rgba(8,13,62,.15);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.lightbox-image1{
  width: 420px;
  height: 510px;
}


.lightbox-image2{
  width: 270px;
  height: 270px;
}

.bg-dark2 {
  /* background-color: #002147 !important; */
  /* background-image: url(../img/footer.png); */
  background-repeat: no-repeat;
  background-size: cover;
  background: linear-gradient(90deg, rgb(227 209 209 / 0%) 0%, rgb(119 29 29) 0%, rgb(29 11 11) 90%);
}

.fivefooter-homes{
  text-align: left;
  margin-bottom: 0.5px !important;
  text-transform: uppercase;
}

.footer-links-list {
  display: grid;
  grid-template-columns: 40% 40%;
  padding-inline-start: 0px;
  color: rgb(255, 255, 255);
  gap: 20px 16px;
  list-style: none;
}
.footer-links-list li {
  position: relative;
  transform: translateX(-5px);
}

.footer-links-list .align-items-center {
  align-items: center !important;
}

.anchor-homes-nw {
  color: #fff;
 
  font-weight: 600;
}

.footers-homs{
  margin:0px;
}

.paras-footers-text {
 
  font-weight: 600;
  margin: 0px;
  line-height: 30px;
}

.fas.fa-chevron-right {
  color: #fff;
 
}


.logos-home1 {
  /* width: 160px; */
}


.six-homes-cols {
  padding: 0px;
}

.headers-home-row {
  margin: 0px;
  align-items: center;
}
.new-left-homes2{
  padding: 10px;
  display: flex;
  justify-content: end;
  align-items: center;
}

.offcanva-six1 {
  border: 1px solid gray;
  border-radius: 8px;
  padding: 18px 10px;
  text-align: center;
  align-content: center;
  margin: 10px 0px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  background-color: #fff;
  height: 110px;
}
#offcanvasRightLabel{
 
  margin-top: 20px;
  font-weight: 700;
  color: #843333;
}
.offcans-para {
  color: #843333;
  
  font-weight: 600;
}

.new-left-homes3 {
  display: flex;
  margin: 0px;
}

li.lists-homies {
  list-style: none;
}

.dropbtn {
  background-color: #4caf5000;
  color: white;
  /* padding: 16px; */
  /* */
  border: none;
  cursor: pointer;
}

.dropdownhomes {
  position: relative;
  display: inline-block;
}

.dropdownhomes-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdownhomes-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdownhomes-content a:hover {background-color: #ccc}

.dropdownhomes:hover .dropdownhomes-content {
  display: block;
}

.dropdownhomes:hover .dropbtn {
  background-color: #ccc;
}

.six-homes-cols .search{
  width: 75%;
  margin: auto;
  border: 1px solid #84333366;
  border-bottom: 2px solid #843333;
  border-radius: 10px 10px 0px 0px;
  display: flex;
  align-items: center;
  padding: 5px 10px;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.six-homes-cols .search select {
      padding: 0;
      border: none;
      outline: none;
      width: 15%;
      cursor: pointer;
      background: transparent;
  }
  .six-homes-cols .search input{
  width: 75%;
  padding: 0;
  border: none;
  outline:none;
  margin-left: 10px;

}
.six-homes-cols .search button{
  width: 10%;
  padding: 0;
  border: none;
  outline:none;
  
  margin: auto;
  margin-right: 0;
  color: rgb(139, 139, 139);
  border-left: 1px solid #ccc;
  background: white;
}
@media only screen and (max-width: 600px) {
  .six-homes-cols .search {
      width: 100%;
      flex-wrap: wrap;
  }
  .six-homes-cols .search select {
      width: 100%;
  }
}
i.fas.fa-search {
  color: #843333;
 
}

.border-homes4 {
  width: 100%;
  margin-bottom: 0px;
}

.logo-slider {
  overflow: hidden;
  padding: 0px 0 0 0;
  white-space: nowrap;
  background-color: #e3d1d1;
  position: relative;
}

.bottom-disclaim {
  text-align: center;
  
  border-top: 1px solid #ccc;
  padding: 14px 0px 0px 0px;
  margin-top: 20px;
}

.disclaims-paras {
  font-weight: 700;
  margin: 0.5px!important;
}

.disclaims-paras1 {
  margin-bottom: 0.5px!important;
  margin-top: 0px!important;
}

#mar-newhomes .fas.fa-arrow-right {
  font-size:16px;
  color:#000; 
}

.more-homess .fas.fa-arrow-right {
  font-size:16px;
  color:#fff;
  
}

.org-color .fas.fa-arrow-right {
  font-size:16px;
  color:#843333;
  
}

.read-haats-homes  .fas.fa-arrow-right {
  font-size:16px;
  color:#fff;
  
}
span.spns-offcnavs {
  color: #000;
  font-weight: 700;
  font-size: 24px;
}
span.spns-offcnavs .fas{
  color:#000;
  font-size: 24px;
}
.spns-offcnavs .far{
  color:#000;
}

.logo-slider:hover .logos-slide {
  animation-play-state: paused;
}

.logos-slide {
  display: inline-block;
  animation: 55s slide infinite linear;
}

.logos-slide img {
  margin: 0 40px;
}

@keyframes slide {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

.main-right-gatha .btn-primary {
  background-color: transparent;
  padding: 0px;
  border: none;
}
.main-right-gatha #offcanvasRight {
  background-color: #e3d1d1;
}

#logoss-homies {
  background-color: #e3d1d1;
}

.name-homeis{
  color:#fff;
}

.cols-newhomes1 {
  background-image: url(../image/right-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}
#imgs-borders-home{
  background-image: url(../image/back-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}



.box {
  background: white;
  border-radius: 20px;
  display: grid;
  padding: 20px;
  grid-template-columns: 64px 1fr;
  position: relative;
}

.box-icon {
  display: grid;
  place-items: center;
}

.box-label {
  height: 64px;
  display: flex;
  align-items: center;
  padding-left: 16px;
  color: #000;
  font-weight: 600;
  font-size: 15px;
}

.box-title {
  white-space: nowrap;
  display: flex;
  align-items: center;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: 23px;
  font-weight: 600;
  color: #843333;
  padding-top: 16px;
}

.box-image {
  width: 100%;
  height: 300px;
  border-radius: 18px 0 18px 0;
  overflow: hidden;
}

.box-image img {
  width: 100%;
  height: 300px;
  display: block;
}

.studio-button {
  position: absolute;
  bottom: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  background: #843333;
  color: white;
  padding: 8px 14px;
  border-radius: 50px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  transition: 0.35s ease all;
  overflow: hidden;
  max-width: 40px; /* icon size */
  height: 40px;
}

.studio-button-icon {
  position: relative;
}

.studio-button-label {
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0 8px;
  opacity: 0;
  transform: translateX(10px);
  transition: 0.25s ease all;
}

.box:hover .studio-button {
  max-width: 100%;
}

.box:hover .studio-button-label {
  opacity: 1;
  transform: translateX(0);
  transition: 0.25s 0.1s ease-in opacity, 0.15s 0.1s cubic-bezier(.175, .885, .32, 1.275) transform;
}
#three-cards {
  background-image: url('../image/back-bg.png');
  background-size: cover;
  padding:4rem 0rem;
  margin-top: 102px;
}

.icons-imgs{
  background: linear-gradient(90deg, rgb(227 209 209) 0%, rgb(119 29 29) 0%, rgb(25 24 24) 90%);
  width: 100%;
}

.testimonial-slider {
  background-color: #771d1d;
  padding: 2em 2em 3em;
  MARGIN-TOP: 30PX;
  border-radius: 0px 0px 16px 16px;
}
.testimonial-title {
  color: #fff;
  margin: auto;
}
.testimonial-title h2 {
  padding-left: 0.2em;
  padding-top: 0px;
  text-transform: capitalize;
  color: #fff;
}
.card {
  margin: 0 0.5em;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  border: none;
  height: 100%;
}
.carousel-control-prev,
.carousel-control-next {
  background-color: #fff;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  top: 60%;
  transform: translateY(-50%);
}

@media (min-width: 576px) {
  .carousel-item {
    margin-right: 0;
    flex: 0 0 50%;
    display: block;
  }
  .carousel-inner {
    display: flex;
  }
}
@media (min-width: 768px) {
  .carousel-inner {
    padding: 1em;
  }
  .carousel-control-prev,
  .carousel-control-next {
    opacity: 1;
    position: absolute;
    left: 1em;
    top: 50%;
    transform: translateY(-50%);
  }
  .carousel-control-next {
    left: 5em;
  }
}
.card-title{
  color:#771d1d;
}
.card-text{
  color:#000;
}
#carouselExampleControls .d-block.w-100 {
  height: 300px;
}
#carouselExampleControls .carousel-control-prev {
  top: 59%;
}
.logos-homes {
  width: 110px;
}




#newabout-homess {
  padding: 6rem 0rem 0rem 0rem;
  margin: 5rem 0px 0px 0px;
}

.new-about-homes {
  color: #ff8000eb;
  font-weight: 800;
}

.three-abouts-homes {
  color: #843333;
  font-weight: 800;
  line-height: 30px;
}

.new-abouts-homes1 {
  color: #000;
  line-height: 30px;
}
.read-abouts-homes {
  background-color: #843333;
  color: #fff;
  padding: 10px;
}



#three-cards .box-card > .icon { text-align: center; position: relative; }
#three-cards .box-card > .icon > .image {position: relative;z-index: 2;margin: auto;width: 110px;height: 110px;border: 8px solid white;line-height: 88px;border-radius: 50%;background: #faecd4;vertical-align: middle;}
#three-cards .box-card > .icon:hover > .image { background: #333; }
#three-cards .box-card > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
#three-cards .box-card > .icon:hover > .image > i { color: white !important; }
#three-cards .box-card > .icon > .info {margin-top: -24px;background: #7a4648;border: 1px solid #e0e0e0;border-radius: 8px;min-height: 145px;padding: 36px 5px 10px 5px;}
#three-cards .box-card > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; }
#three-cards .box-card > .icon > .info > h3.title {font-family: "Roboto",sans-serif !important;font-size: 16px;color: #faecd4;font-weight: 600;}
#three-cards .box-card > .icon > .info > p { font-family: "Roboto",sans-serif !important; font-size: 13px; color: #666; line-height: 1.5em; margin: 20px;}
#three-cards .box-card > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; }
#three-cards .box-card > .icon > .info > .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
#three-cards .box-card > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #63B76C; }
#three-cards .box-card .space { height: 30px; }


/*vission mission start*/
#carousel_37e3 .u-sheet-1 {
	min-height: 882px;
  }
  
  #carousel_37e3 .u-text-1 {
	font-size: 3rem;
	font-weight: 700;
	margin: 60px 570px 0 0;
	color: #000;
	}
  
  #carousel_37e3 .u-text-2 {
	margin: 30px 0px;
	font-weight: 500;
	color: #000;
	font-size: 18px;
	}
  
  #carousel_37e3 .u-image-1 {
	width: 426px;
	height: 530px;
	object-position: 69.28% 19.59%;
	margin: 20px 0 0 auto;
  }
  
  #carousel_37e3 .u-list-1 {
	width: 906px;
	margin: -419px auto 0 0;
  }
  
  #carousel_37e3 .u-repeater-1 {
	grid-template-columns: repeat(3, 33.3333%);
	min-height: 308px;
	grid-auto-columns: 33.3333%;
	grid-gap: 0px;
  }
  
  #carousel_37e3 .u-list-item-1 {
	background-image: none;
  }
  
  #carousel_37e3 .u-container-layout-1 {
	padding: 20px 30px;
	}
  
  #carousel_37e3 .u-icon-1 {
	height: 60px;
	width: 60px;
	background-image: none;
	margin: 0 auto 0 0;
	padding: 12px;
  }
  
  #carousel_37e3 .u-text-3 {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1.25rem;
	color: #fff;
	font-weight: 700;
	margin: 30px 0 0;
	}
  
  #carousel_37e3 .u-text-4 {
	font-size: 1rem;
	margin: 20px 0 0;
	color: #fff;
	font-weight: 500;
	}
  
  #carousel_37e3 .u-list-item-2 {
	background-image: none;
  }
  
  #carousel_37e3 .u-container-layout-2 {
	padding: 30px;
  }
  
  #carousel_37e3 .u-icon-2 {
	height: 60px;
	width: 60px;
	background-image: none;
	margin: 0 auto 0 0;
	padding: 12px;
  }
  
  #carousel_37e3 .u-text-5 {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 1.25rem;
	color: #fff;
	margin: 30px 0 0;
	}
  
  #carousel_37e3 .u-text-6 {
	font-size: 1rem;
	margin: 20px 0 0;
	font-weight: 500;
	color: #fff;
	}
  
  #carousel_37e3 .u-list-item-3 {
	background-image: none;
  }
  
  #carousel_37e3 .u-container-layout-3 {
	padding: 30px;
  }
  
  #carousel_37e3 .u-icon-3 {
	height: 60px;
	width: 60px;
	background-image: none;
	margin: 0 auto 0 0;
	padding: 12px;
  }
  
  #carousel_37e3 .u-text-7 {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	color: #fff;
	font-size: 1.25rem;
	margin: 30px 0 0;
	}
  
  #carousel_37e3 .u-text-8 {
	font-size: 1rem;
	margin: 20px 0 0;
	color: #fff;
	font-weight: 500;
	}
  
  #carousel_37e3 .u-text-9 {
	letter-spacing: 0px;
	margin: -409px 921px 2px 0;
  }
  
  #carousel_37e3 .u-btn-1 {
	padding: 0;
  }
  
  @media (max-width: 1199px) {
	#carousel_37e3 .u-text-1 {
	  width: auto;
	  margin-right: 395px;
	}
  
	#carousel_37e3 .u-text-2 {
	  margin-right: 370px;
	}
  
	#carousel_37e3 .u-list-1 {
	  width: 731px;
	}
  
	#carousel_37e3 .u-repeater-1 {
	  grid-template-columns: repeat(3, 33.333333333333336%);
	  grid-auto-columns: 33.333333333333336%;
	}
  
	#carousel_37e3 .u-text-9 {
	  margin-right: 721px;
	  margin-bottom: 60px;
	}
  }
  
  @media (max-width: 991px) {
	#carousel_37e3 .u-sheet-1 {
	  min-height: 1056px;
	}
  
	#carousel_37e3 .u-text-1 {
	  margin-right: 175px;
	}
  
	#carousel_37e3 .u-text-2 {
	  margin-right: 150px;
	}
  
	#carousel_37e3 .u-list-1 {
	  width: 545px;
	}
  
	#carousel_37e3 .u-repeater-1 {
	  grid-template-columns: repeat(2, 50%);
	  min-height: 548px;
	  grid-auto-columns: 50%;
	}
  
	#carousel_37e3 .u-text-9 {
	  width: auto;
	  margin-top: -704px;
	  margin-right: 501px;
	  margin-bottom: -197px;
	}
  }
  
  @media (max-width: 767px) {
	#carousel_37e3 .u-sheet-1 {
	  min-height: 1249px;
	}
  
	#carousel_37e3 .u-text-1 {
	  margin-right: 148px;
	  font-size: 2.25rem;
	}
  
	#carousel_37e3 .u-text-2 {
	  margin-right: 0;
	}
  
	#carousel_37e3 .u-image-1 {
	  margin-top: 86px;
	}
  
	#carousel_37e3 .u-list-1 {
	  width: 327px;
	  margin-top: -485px;
	}
  
	#carousel_37e3 .u-repeater-1 {
	  grid-template-columns: 100%;
	  min-height: 736px;
	  grid-auto-columns: 100%;
	}
  
	#carousel_37e3 .u-container-layout-1 {
	  padding-left: 10px;
	  padding-right: 10px;
	}
  
	#carousel_37e3 .u-container-layout-2 {
	  padding-left: 10px;
	  padding-right: 10px;
	}
  
	#carousel_37e3 .u-container-layout-3 {
	  padding-left: 10px;
	  padding-right: 10px;
	}
  
	#carousel_37e3 .u-text-9 {
	  margin-top: -913px;
	  margin-right: 321px;
	  margin-bottom: 170px;
	}
  }
  
  @media (max-width: 575px) {
	#carousel_37e3 .u-sheet-1 {
	  min-height: 1325px;
	}
  
	#carousel_37e3 .u-text-1 {
	  font-size: 1.5rem;
	  margin-right: 0;
	}
  
	#carousel_37e3 .u-image-1 {
	  width: 242px;
	  height: 423px;
	}
  
	#carousel_37e3 .u-list-1 {
	  width: 239px;
	  margin-top: -378px;
	}
  
	#carousel_37e3 .u-repeater-1 {
	  min-height: 812px;
	}
  
	#carousel_37e3 .u-text-9 {
	  margin-top: -990px;
	  margin-right: 121px;
	  margin-bottom: 196px;
	}
  }

  #carousel_37e3{
	background-image: url('./img/vision2.png');
	background-size: cover;
    background-repeat: no-repeat;
  }
/*vission mission end*/


.news-rooms {
  font-weight: 700;
  color: #000;
  font-family: sans-serif;
}
#part-news {
  padding: 60px 0px;
}
.news-roms {
  display: flex;
  justify-content: space-between;
}
.news-btns {
  background-color: transparent;
  border: none;
}
.news1 {
  border: 1px solid #fff;
  padding: 0px;
  padding: 8px 10px;
  border-radius: 8px;
  color: #fff;
  font-size: 17px;
  margin: 0px 5px;
  font-weight: 600;
  background-color: #000;
}




.zoom-in-text {
font-size: 2rem;
font-weight: bold;
opacity: 0;
transform: scale(0.5);
animation: zoomIn 4s ease-in-out forwards;
}

/* Keyframes for zoom-in effect */
@keyframes zoomIn {
0% {
  opacity: 0;
  transform: scale(0.5);
}
100% {
  opacity: 1;
  transform: scale(1);
}
}



.news {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: 350px;
  grid-auto-flow: dense;
  gap: 1em;
  max-width: 1600px;
  margin: 0 auto;
  padding: 1em;
}

.news .post {
  display: flex;
  flex-flow: column nowrap;
}

.news .post:nth-child(1) { grid-column-end: span 9; }
.news .post:nth-child(2) { grid-column-end: span 3; }
.news .post:nth-child(3) { grid-column-end: span 3; }
.news .post:nth-child(4) { grid-column-end: span 6; }
.news .post:nth-child(5) { grid-column-end: span 3; }
.news .post:nth-child(6) { grid-column-end: span 6; }
.news .post:nth-child(7) { grid-column-end: span 3; }
.news .post:nth-child(8) { grid-column-end: span 3; }

.news .post .media {
  display: block;
  flex: 1 1 auto;
  background-size: cover;
  background-position: center;
  background-color: #ddd;
}

.news .post .caption {
  padding: 0.5em 0 0;
}

.news .post .caption .title {
  margin: 0 0 0.5em;
  font-size: 16px;
  color: #000;
  font-weight: 600;
  font-family: sans-serif;
}

.news .post .caption .author {
  font-style: italic;
  font-weight: 600;
}

.news .post.overlaid {
  position: relative;
}

.news .post.overlaid .caption {
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  padding: 1em;
}

.news .post.overlaid::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}

@media (max-width: 1200px) {
  .news .post:nth-child(1) { grid-column-end: span 12; }
  .news .post:nth-child(2) { grid-column-end: span 4; }
  .news .post:nth-child(3) { grid-column-end: span 4; }
  .news .post:nth-child(4) { grid-column-end: span 4; }
  .news .post:nth-child(5) { grid-column-end: span 12; }
  .news .post:nth-child(6) { grid-column-end: span 4; }
  .news .post:nth-child(7) { grid-column-end: span 4; }
  .news .post:nth-child(8) { grid-column-end: span 4; }
}

@media (max-width: 900px) {
  .news .post:nth-child(1) { grid-column-end: span 12; }
  .news .post:nth-child(2) { grid-column-end: span 6; }
  .news .post:nth-child(3) { grid-column-end: span 6; }
  .news .post:nth-child(4) { grid-column-end: span 12; }
  .news .post:nth-child(5) { grid-column-end: span 6; }
  .news .post:nth-child(6) { grid-column-end: span 6; }
  .news .post:nth-child(7) { grid-column-end: span 6; }
  .news .post:nth-child(8) { grid-column-end: span 6; }
}

@media (max-width: 600px) {
  .news .post {
    grid-column-end: span 12 !important;
  }
}

.title2 {
    color: #fff;
    font-size: 20px!important;
    text-transform: capitalize;
    font-weight: 600;
    font-family: sans-serif;
}

.news-rooms {
    font-weight: 700;
    color: #000;
    font-family: sans-serif;
}
#part-news {
    padding: 60px 0px;
}
.news-roms {
    display: flex;
    justify-content: space-between;
}
.news-btns {
    background-color: transparent;
    border: none;
}
.news1 {
    border: 1px solid #fff;
    padding: 0px;
    padding: 8px 10px;
    border-radius: 8px;
    color: #fff;
    font-size: 17px;
    margin: 0px 5px;
    font-weight: 600;
    background-color: #000;
}




.zoom-in-text {
	font-size: 2rem;
	font-weight: bold;
	opacity: 0;
	transform: scale(0.5);
	animation: zoomIn 4s ease-in-out forwards;
}

/* Keyframes for zoom-in effect */
@keyframes zoomIn {
	0% {
		opacity: 0;
		transform: scale(0.5);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

 /* Ticker container */
 .ticker-wrapper {
  overflow: hidden;
  white-space: nowrap;
  color: white;
  padding: 10px;
  margin: 5px;
  position: relative;
  display: flex;
  align-items: center;
}

/* Ticker list */
.ticker {
  display: flex;
  /* margin-right: 41px; */
  gap: 20px;
}

/* Play/Pause button */
#toggleTicker {
  position: absolute;
  right: 0px;
  background: #000;);)0;)00;)0;);
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 18px;
  border-radius: 5px;
}

.cag-news {
  padding: 0px;
  align-items: center;
  background-color: #7a4648;
}

.cag-news1 {
  padding: 0px;
}

.cag-news1 {
  background-color: #faecd4;
}

.whats-heads  h2 {
  margin-top: 16px;
  padding: 0px 10px;
  font-weight: 600;
  color: #fff;
}
#whats-news {
  background: #282828;
  padding: 30px 0;
}

.list-news {
  position: relative;
  padding-left: 20px; /* Space for the bullet */
  color: #000;
}

.list-news::before {
  content: "•"; /* Unicode for a bullet point */
  position: absolute;
  left: 0;
  color: #000; /* Change the color if needed */
  font-size: 18px;
  font-weight: bold;
}

section#audits {
  background-color: #faecd4;
  padding: 50px;
  background: url(../img/abouts-back.png) 0 0 repeat-x, #7a4648;
  background-size: cover;
  padding-top: 140px;
  padding-bottom: 120px;
  background-color: #7a4648;
  background-blend-mode: color-burn;
  background-repeat: no-repeat;
}

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

a.view-reports {
  background-color: #7a4648;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 1rem;
}

.sub-types{
  margin-top: 39px;
}

.audit-firsts {
  background-color: #faecd4;
  padding: 16px;
  border-radius: 8px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

h1.view-reports1 {
  color: #7a4648;
  font-weight: 600;
}

form.row.gx-3.gy-2.align-items-center.audit-forms {
  margin: 10px 0px;
}

label.visually-show {
  font-weight: 600;
  color: #7a4648;
}

button.audits-btns {
  background-color: #7a4648;
  border-radius: 8px;
  color: #fff;
  padding: 3px 15px;
  border: 1px solid #fff;
}


/**
 * Tabs Container
 */
 .tabs-container {
	padding: 2rem;
}

/**
 * Tabs Block
 */
#audits .tabs-block {
	display: flex;
	align-items: center;
	justify-content: center;
}

/**
 * Tabs
 */
 #audits .tabs {
	display: flex;
}

#audits .tabs > ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 15%;
}

#audits .tabs > ul li {
	display: block;
}

#audits .tabs > ul li:not(:last-child) {
	border-bottom: 1px solid #a78283;
}

#audits .tabs > ul li a,
.tabs > ul li a:visited {
	display: flex;
	border-bottom: none;
	text-decoration: none;
	font-weight: 600;
	background-color: #faecd4;
	color: #7a4648;
	padding: 1.2rem 1.5rem;
	transition: all 0.2s ease-in-out;
	word-wrap: break-word;
}

#audits .tabs > ul li a:hover,
.tabs > ul li a:focus,
.tabs > ul li a:active {
	border-bottom: none;
	outline: 0;
}

#audits .tabs > ul li a.active {
	background-color: #d3b1b2;
	font-weight: 500;
	color: #000;
}

#audits .tabs > ul li a:hover:not(.active) {
	color: #0067b8;
}

#audits .tabs > ul li a > span {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

#audits .tabs > ul li a > span.tab-label {
	display: none;
}

#audits .tabs section {
	width: 85%;
	background-color: #fff;
	padding: 1rem;
	display: none;
	word-wrap: break-word;
	border-bottom: 6px solid #faecd4;
}

#audits .tabs section > * {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.2s, transform 0.2s;
}

#audits .tabs section > *:nth-child(1) {
	transition-delay: 0.2s;
}

#audits .tabs section > *:nth-child(2) {
	transition-delay: 0.3s;
}

#audits .tabs section > *:nth-child(3) {
	transition-delay: 0.4s;
}

#audits .tabs section > *:nth-child(4) {
	transition-delay: 0.5s;
}

#audits .tabs section > *:nth-child(5) {
	transition-delay: 0.6s;
}

#audits .tabs section > *:nth-child(6) {
	transition-delay: 0.7s;
}

#audits .tabs section > *:nth-child(7) {
	transition-delay: 0.8s;
}

#audits .tabs section > *:nth-child(8) {
	transition-delay: 0.9s;
}

#audits .tabs section > *:nth-child(9) {
	transition-delay: 1s;
}

#audits .tabs section > *:nth-child(10) {
	transition-delay: 1.1s;
}

#audits .tabs section > *:nth-child(11) {
	transition-delay: 1.2s;
}

#audits .tabs section > *:nth-child(12) {
	transition-delay: 1.3s;
}

#audits .tabs section > *:nth-child(13) {
	transition-delay: 1.4s;
}

#audits .tabs section > *:nth-child(14) {
	transition-delay: 1.5s;
}

#audits .tabs section > *:nth-child(15) {
	transition-delay: 1.6s;
}

#audits .tabs section > *:nth-child(16) {
	transition-delay: 1.7s;
}

#audits .tabs section > *:nth-child(17) {
	transition-delay: 1.8s;
}

#audits .tabs section > *:nth-child(18) {
	transition-delay: 1.9s;
}

#audits .tabs section > *:nth-child(19) {
	transition-delay: 2s;
}

#audits .tabs section > *:nth-child(20) {
	transition-delay: 2.1s;
}

#audits .tabs section.active {
	display: block;
}

#audits .tabs section.active-content > * {
	opacity: 1;
	transform: translateY(0);
}
@media (min-width: 576px) {

	#audits .tabs > ul {
		width: 150px;
	}

	#audits .tabs > ul li a {
		flex-wrap: wrap;
	}

	#audits .tabs > ul li a > span {
		width: 100%;
	}

	#audits .tabs > ul li a > span.tab-label {
		width: 100%;
		display: block;
		margin-top: 0.2rem;
	}

  #audits	.tabs section {
		width: calc(100% - 150px);
		padding: 18px;
	}
}
@media (min-width: 768px) {

  #audits	.tabs-container {
		padding: 4rem 0rem;
	}
}
@media (min-width: 992px) {

	#audits .tabs {
		width: 100%;
	}
}

.audit-bottoms .flip-card-container {
  perspective: 1000px;
  overflow: hidden;
  width: 100%;
  height: 300px;
  border-radius: 0px;
  cursor: pointer;
}



.audit-bottoms .flip-card {
  background-color: transparent;
  width: 100%;
  height: 100%;
  position: relative;
}

.audit-bottoms .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;

}

.audit-bottoms .flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.audit-bottoms .flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border: 0px solid transparent;
  background-clip: padding-box;
}

.audit-bottoms .flip-card-front::before, .flip-card-back::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background: #000;
  z-index: -1; /* Lager dan de kaart content */
  animation: borderAnim 3s linear infinite;
  background-size: 150%;
}

.audit-bottoms .flip-card-front::before {
  background-image: url('https://iili.io/dXvAa3P.jpg');

}



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

.audit-bottoms .flip-card-front {
  background-color: #bbb;
  background-size: cover;
  background-position: center;
  color: black;
  z-index: 1;
}

.audit-bottoms .flip-card-back {
  background-color: #2980b9;
  color: white;
  transform: rotateY(180deg);
  z-index: 1;
}





  /* Slide-in animation */
@keyframes slideIn {
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Apply animation to flip cards */
.audit-bottoms .flip-card {
}

/* Staggered animation for multiple cards */
.audit-bottoms .flip-card:nth-child(1) {
}

.audit-bottoms .flip-card:nth-child(2) {
  animation-delay: 0.4s;
}

.audit-bottoms .flip-card:nth-child(3) {
  animation-delay: 0.6s;
}

.audit-bottoms .flip-card:nth-child(4) {
  animation-delay: 0.8s;
}


@media only screen and (max-width: 480px) {
 
  .flip-card {
      transform: translateX(-100%);
  }
}

.banner-btns{
  color:#000;
}