@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html {
  overflow-x: hidden !important;
}

body {
  overflow-x: hidden !important;
  background-color: #282828;
}

header {
  overflow-x: hidden !important;
}
.map_hov a:hover{
  color: #dbc39b !important;
  text-decoration: underline !important;
}
.map_hov a b{
  transition: all 0.2s ease;
}
.map_hov a:hover b{
  color: #dbc39b !important;
  transition: all 0.2s ease;
}
.www {
  width: 24px;
}

.mt25 {
  margin-top: 25px !important;
}

.ml2 {
  margin-left: 2px !important;
}

.more_btn {
  color: #ffffff6b !important;
}

.more_btn.btn .bg-dark-gray {
  background: #ffffff54 !important;
}

.logo_center {
  position: relative;
  display: flex;
  justify-content: center;
}

.hope_logo {
  width: 100%;
  text-align: center;
}

.hope_logo img {
  width: 96px;
  text-align: center;
  padding: 5px 0px;
}

.text-white {
  color: #FFF !important;
}

.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .swiper-progress {
  background-color: #000;
}

.sticky-wrap a {
  color: #fff !important;
}

.sticky-wrap div,
.sticky-wrap span,
.sticky-wrap p {
  color: #fff !important;
  font-weight: 300;
  letter-spacing: 0.3px;
}

.feature-box.feature-box-left-icon-middle .feature-box-icon {
  margin-right: 18px;
}

.feature-box-icon img {
  width: 56px;
}

.navbar-expand-lg .navbar-toggler,
.navbar-expand-lg .offcanvas .offcanvas-header {
  display: inherit;
}

.flex_menu {
  display: flex !important;
  justify-content: end;
  align-items: center;
  padding: 0 !important;
  margin-right: 5px;
  border-left: 1px solid #626262;
  width: 4.5%;
  height: 50px;
}

.sticky-wrap .social-icon-style-10 ul li a:hover {
  color: #eaeaea !important;
}
.width64{
  width: 64.5% !important;
}
.width64 .full_line {
  width: 98%;
}
.navbar {
  background-color: #0f0f0f !important;
}

.navbar-toggler-line {
  background: #e8e8e8;
}

.hope_logo::before,
.hope_logo::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 400px;
  top: 50%;
  background: linear-gradient(90deg, #0f0f0f0f 10%, rgba(255, 255, 255, 0.35) 60%, #0f0f0f82 98%);
}

.hope_logo::before {
  left: -9%;
}

.hope_logo::after {
  right: -4%;
}
.home header .navbar .menu-item.has-collapsible span::after {
  font-family: fontawesome;
  content: "\f107";
  font-size: 15px;
  font-weight: 400;
  line-height: inherit;
  position: absolute;
  top: 0.5rem;
  right: 1.15rem;
  color: #b5b5b5;
  transition: all 0.35s ease;
  transform: rotate(0deg);
}

.banner_holder{
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  background-color: rgb(19, 19, 19) !important;
  padding: 0 !important;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  overflow: hidden;
  position: relative;
  background-position: center center !important;
}

.cover-background {
  padding: 0 !important;
  background-size: 100% !important;
  background-position: center center !important;
}

.banner_holder.banner_bottom {
  background-position: bottom center !important;
}

.banner_holder.banner_top {
  background-position: 2% center !important;
}

.banner_holder.banner_up {
  background-position: top center !important;
}

.navbar-toggler-line:nth-child(1) {
  width: 15px;
  left: 2px;
}

.navbar-toggler-line {
  width: 25px;
}

.navbar-toggler-line:nth-child(4) {
  width: 15px;
  left: 3px;
}


/* Mobile Menu */

.pc_menu {
  display: block !important;
}

.header .offcanvas {
  position: unset;
  bottom: unset;
  z-index: unset;
  display: unset;
  flex-direction: unset;
  max-width: unset;
  color: unset;
  visibility: visible;
  background-color: unset;
  background-clip: unset;
  outline: unset;
  transition: unset;
}

.active_menu_mob {
  color: #dbc39b !important;
}

.active_sub a {
  color: #189CD8 !important;
}

.open-menu {
  position: absolute;
  top: 39px;
  right: 8.4%;
  padding: 11px 11px !important;
  border: 0;
  font-size: -0.6em;
  font-weight: bold;
  cursor: pointer;
  outline: none;
  z-index: 999;
  border-radius: 10px;
}

.header span.open-menu {
  padding-left: 11px !important;
}

.header span.close-menu {
  padding-left: 13px !important;
}

.open-menu,
.close-menu {
  cursor: pointer;
  border: none;
  outline: none;
  color: #252a32;
  background: none;
}

.close-menu {
  position: absolute;
  top: 15px;
  right: 2%;
  border: none;
  outline: none;
  color: #252a32;
  padding: 11px 13px !important;
  cursor: pointer;
  border-radius: 10px;
}

.header span {
  padding-left: 0px !important;
}

.header a,
.header li {
  list-style: none;
  text-decoration: none;
}

.header {
  position: absolute;
  line-height: 1;
}

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

.header .navbar .menu-wrapper.offcanvas .menus {
  transform: translate3d(0%, 0, 0);
  transition-duration: 0.7s;
  transition-delay: 0.2s;
  background: #282828;
}

.header .navbar .menus {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 0;
  right: 0;
  bottom: 0;
  max-width: 330px;
  width: 100%;
  padding: 20px 23px 20px;
  z-index: 99999;
  overflow-y: auto;
  color: #252a32;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
  transform: translate3d(100%, 0, 0);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  margin: 0;
}

.header .navbar .menu-block {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4.5rem;
}

.header .navbar .menu-link {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: normal;
  transition: color 0.35s ease-out;
}

.header .navbar .menu-link:hover {
  color: #d32f2f;
}

.header .navbar .menu-item {
  position: relative;
}

.header .navbar .menu-item a {
  font-size: 15px;
  font-weight: normal;
  padding: 0.5rem 0 11px;
  display: block;
  color: #b5b5b5;
  transition: color 0.35s ease-out;
  border-bottom: #5b5b5b87 1px solid;
  margin-bottom: 18px;
  letter-spacing: 1px;
}

.header .navbar .menu-item a:hover {
  color: #dbc39b;
}

.header .navbar .menu-item.has-collapsible {
  position: relative;
}

.header .navbar .menu-item.has-collapsible .menu-child {
  display: none;
}

.header .navbar .menu-item.has-collapsible .menu-child .menu-child-item a {
  font-family: inherit;
  font-size: 15px;
  font-weight: normal;
  line-height: inherit;
  padding: 0.25rem 0 7px;
  color: #b5b5b5;
  padding-left: 0;
  transition: color 0.35s ease-out;
  margin-bottom: 10px;
  line-height: 27px;
  letter-spacing: 0.3px;
}

.header .navbar .menu-item.has-collapsible .menu-child .menu-child-item a:hover {
  color: #dbc39b;
}

.header .navbar .menu-item.has-collapsible span::after {
  font-family: "Material Icons";
  content: ""; 
  font-size: 1.5rem;
  font-weight: 400;
  line-height: inherit;
  position: absolute;
  top: 0.15rem;
  right: 0.8rem;
  color: #b5b5b5;
  transition: all 0.35s ease;
  transform: rotate(90deg);
}

.header .navbar .menu-item.has-collapsible span::after:hover {
  color: #d32f2f;
}

.header .navbar .menu-item.active.has-collapsible .menu-child {
  display: block;
  transition: all 0.35s ease;
  padding-left: 21px;
  margin-bottom: 25px;
}

.header .navbar .menu-item.active.has-collapsible span::after {
  transform: rotate(0deg);
}


.page_bg {
  background: url("../img/home/page_bg.jpg") center top;
}

.sticky-wrap.shadow-in {
  mix-blend-mode: difference;
}

.btn.btn-large {
  font-size: 18px;
  padding: 8px 23px;
}

.scroll-progress {
  right: 14px;
  top: 82%;
}

.ls05 {
  letter-spacing: 0.5px !important;
}

.ls03 {
  letter-spacing: 0.3px !important;
}

section.half-section {
  padding-top: 50px;
  padding-bottom: 47px;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.btn.btn-double-border.btn-small>span {
  padding: 8px 26px;
}

.title_style {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bold_main_title {
  font-weight: 600;
  font-size: 38px;
  letter-spacing: 1px !important;
  word-spacing: 3px;
  color: #fff;
}

.bold_main_title1 {
  font-weight: 600;
  font-size: 38px;
  letter-spacing: 1px !important;
  word-spacing: 3px;
  color: #d7d7d7;
}

.bold_main_title span {
  font-weight: 100 !important;
}

.sub_div {
  padding-right: 25px !important;
  border-right: 2px solid #4f4f4fa3 !important;
  width: auto;
  flex: 0 0 auto;
}

.sub_title {
  font-size: 17px;
  font-weight: 500 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #dbc39b;
}

.main_title {
  font-weight: 600 !important;
  color: #fff;
  margin-bottom: 0;
  padding-left: 22px;
  letter-spacing: 1px !important;
  font-size: 38px;
  word-spacing: 3px;
}

.main_title span {
  font-weight: 100 !important;
}

.list-style-01 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 40px !important;
  flex-wrap: wrap;
  margin-top: 20px;
}

.list-style-01 li {
  border-bottom: none;
  width: 29%;
  letter-spacing: 0.8px;
  font-weight: 600;
  word-spacing: 1px;
  color: #dbc39bd9;
  margin-bottom: 17px;
  font-size: 18px;
  line-height: 26px;
}

.list-style-01 li:last-child {
  border-bottom: 0;
}

section {
  padding-top: 75px;
  padding-bottom: 75px;
}

.magic-drag-cursor #ball-cursor {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, 0.2);
  width: 100px;
  height: 100px;
}

.magic-drag-cursor.vertical #ball-cursor::after {
  display: block;
}

.magic-drag-cursor #magic-drag-cursor::after {
  display: block;
}

#ball-cursor::after,
#ball-cursor::before {
  font-size: 15px;
}

.bg-dark-gray,
.bg-dark-gray:focus {
  background-color: #3e3e3e;
}

.xxl-p-4 {
  padding: 3.95% !important;
}

.text-base-color,
.btn-link.text-base-color {
  color: #dbc39b;
}

.service_slider img {
  width: 55px !important;
  opacity: 0.8;
  margin-top: 10px;
}

.bg-very-light-gray {
  background-color: #282828;
}

.hover-box.dark-hover:hover .text-light-opacity {
  opacity: 0.7;
  color: rgb(255, 255, 255) !important;
}

.hover-box.dark-hover:hover span {
  color: #ececec !important;
}

.hover-box.dark-hover:hover span.numeric {
  color: rgba(255, 255, 255, 0.24) !important;
}

.hover-box.dark-hover span.numeric {
  color: rgba(255, 255, 255, 0.21) !important;
}

.text-dark-gray {
  color: #4f4f4f;
}

.banner_btn.btn .bg-dark-gray {
  background: #ffffffcf;
}

.banner_btn.btn.btn-extra-large {
  color: #ffffffcf;
}

.btn.btn-link-gradient {
  padding: 0 0 3px !important;
  position: relative;
  border: 0;
  background-color: transparent;
}

.btn.btn-extra-large {
  font-size: 13px;
  letter-spacing: 1px !important;
  z-index: 1;
}

.btn {
  display: inline-block;
  border: 2px solid transparent;
  border-radius: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  width: auto;
  font-family: var(--alt-font);
  font-weight: 200;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.btn.btn-link-gradient.expand span {
  width: 50%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.btn.btn-link-gradient>span {
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 1.5px;
  width: 100%;
}

.btn .bg-dark-gray {
  background: #242424;
}

.btn.btn-link-gradient:hover.expand:hover span {
  width: 100%;
}

.half_line {
  position: absolute;
  height: 4px;
  width: 34px;
  background: #a4a4a4;
  bottom: -2px;
  left: 0;
}

.full_line {
  position: absolute;
  height: 1px;
  width: 95%;
  background: #777;
  bottom: -1px;
  left: 0;
  z-index: -1;
}

.pos_rel {
  position: relative;
}

.vertical-title-center {
  display: flex;
  height: 100%;
  align-items: flex-end !important;
}

.service_color {
  color: #fff !important;
}

.project_padd {
  padding: 4% 6% 6% !important;
}

.explore_btn {
  height: 45px !important;
  width: 45px !important;
  background-color: #fff;
}

.grayscale {
  filter: grayscale(100%);
}

.grayscale:hover {
  filter: grayscale(0%);
}

.services-box-style-02.hover-box:hover .grayscale {
  filter: grayscale(0%);
}

.interactive-banner-style-09:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  filter: grayscale(0%) !important;
}

.bg-base-color {
  background-color: #ccbca1;
}

.project_shadow {
  margin: 10px;
  box-shadow: 4px 2px 10px #0000002e;
}

.sub_text {
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #dbc39b;
}

.hg100 {
  height: 100px;
}

.ptb0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.video-icon-extra-large.video-icon-box .video-icon i {
  margin-left: 0px;
}

.video-icon-extra-large .video-icon {
  width: 90px;
  height: 90px;
  font-size: 29px;
}

.video-icon-extra-large .video-icon .video-icon-sonar .video-icon-sonar-bfr {
  width: 130px;
  height: 130px;
}

.video-icon .video-icon-sonar .video-icon-sonar-bfr {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: -20px;
  left: -20px;
  z-index: -100;
}

.testi_padd {
  padding: 20px 26px !important;
  letter-spacing: 0.3px;
}

.contact_padd {
  padding: 5% 0% 0% !important;
}

.contact_color {
  color: #eeded4a6 !important;
}

.animat_leftright {
  animation: leftright 6s linear infinite;
}

@keyframes leftright {
  0% {
    transform: translateX(0px);
  }

  50% {
    transform: translateX(34px);
  }

  100% {
    transform: translateX(0);
  }
}
footer img{
  width: 23px;
  margin-top: -3px; 
  opacity: 0.8;
}
.mr3{
  margin-right: 3px !important;
}
.contact_social {
  display: flex;
  align-items: center;
}
.contact_social img{
  width: 30px;
  filter: grayscale(100%);
  opacity: 0.8;
}
.fs220 {
  font-size: 220px !important;
}

.mt110 {
  margin-top: 110px !important;
}

.bg-yellow {
  background-color: #c3b091a1;
}

.round_logo img {
  width: 62%;
  margin-bottom: 32px;
}

.round_logo p {
  font-size: 10px;
  margin-bottom: 0;
  color: #242424;
}

.round_logo {
  background-color: #6262624f;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  animation: updown 5s linear infinite;
  flex-direction: column;
  position: relative;
}

@keyframes updown {
  0% {
    transform: translateY(-15px);
  }

  50% {
    transform: translateY(14px);
  }

  100% {
    transform: translateY(-15px);
  }
}

.border-color-extra-medium-gray {
  border-color: #5b5b5b87 !important;
}

.cover-background {
  background: #fff;
  padding: 0 !important;
}

footer p {
  font-size: 10px !important;
  letter-spacing: 0.3px;
  margin-bottom: 3px;
  line-height: 25px;
  color: #807f7f;
  font-family: "Poppins", sans-serif;
}

footer p a {
  color: #807f7f;
}

footer p a:hover {
  color: #ffffffd3;
}

.footer_padd {
  padding: 15px 15px 10px;
  /*! border-top: 1px solid #2d2d2d; */
}

.social_icon {
  margin-left: 10px;
}

.social_icon i {
  display: inline-block;
  margin-right: 12px;
  transition: all 0.5s ease;
  transform: perspective(1px) translateZ(0);
  font-size: 18px;
  height: 15px;
  color: #828282;
}

.social_icon a:hover i {
  transform: translateY(-6px);
  transition: all 0.5s ease;
  color: #cacaca;
}

.footer_flex {
  display: flex;
  align-items: center;
}

::placeholder {
  color: #888 !important;
  text-overflow: ellipsis;
  opacity: 1;
  font-size: 14px;
}

.contact-form-style-03 .form-group .form-icon {
  color: #b9b9b985;
}

.contact-form-style-03 .btn.btn-dark-gray {
  background-color: #fff0;
  color: #ffffffa6;
  border: 1px solid #ffffff45;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 7px 17px !important;
  box-shadow: none !important;
  font-size: 13px !important;
  transform: unset !important;
  font-weight: 200 !important;
  transition: all 0.5s ease;
}

.contact-form-style-03 .btn.btn-box-shadow.btn-dark-gray:hover,
.btn.btn-box-shadow.btn-dark-gray:active {
  background: #ccbca1;
  color: white;
  border: 1px solid #ffffff87;
  transition: all 0.5s ease;
  opacity: 1;
}

.fs200 {
  font-size: 200px !important;
}

.mt120 {
  margin-top: 120px !important;
}
.mob_view{
  display: none;
}
.pc_view{
  display: inherit !important;
}
.big_font_color {
  color: #cacaca54;
  opacity: 0.2;
  letter-spacing: 2px !important;
}

.interactive-banner-style-09 .image-content:hover .content-arrow {
  opacity: 1;
  -webkit-transform: translateY(-42%);
  transform: translateY(0);
}

.slider-navigation-style-04 {
  height: 50px;
  width: 50px;
  border-color: #bfbdbdc9 !important;
}

.slider-navigation-style-04 i {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #bfbdbdc9 !important;
}

.light_gray {
  color: #cacaca;
}

.pb100 {
  padding-bottom: 120px !important;
}

.gray_bg {
  background: #282828 !important;
}

.gray_bg .contact_color {
  color: #3c3c3c !important;
  letter-spacing: 2px !important;
}

.footer_bg {
  background-color: #0f0f0f !important;
}

/* music */
#Music {
  display: none;
}

.audio_flex {
  display: flex !important;
  align-items: center;
  flex-direction: column;
  padding: 0 20px 0 0 !important;
  margin-left: 0;
  border-right: 1px solid #626262;
  width: 9.2%;
  height: 52px;
  position: relative;
}

.audio_flex p {
  font-size: 11px;
  position: absolute;
  bottom: -16px;
  letter-spacing: 0.2px;
  margin-bottom: 0;
  color: #bbb;
}

#AudioControls {
  width: 28px;
  cursor: pointer;
  opacity: 0.6;
  margin-top: 10px;
}

.music_wave {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
    width: 75px;
    height: 42px;
    padding: 0 26px;
}

.music_wave .bar {
  width: 2px;
  height: 2px;
  border-radius: 10px;
  background-color: white;
  animation: up_down 1.5s ease-in-out infinite;
}

@keyframes up_down {

  0%,
  100% {
    height: 1px;
  }

  50% {
    height: 24px;
  }
}

.music_wave .bar:nth-child(1) {
  background-color: #ccc;
  animation-delay: 0.4s;
}

.music_wave .bar:nth-child(2) {
  background-color: #ccc;
  animation-delay: 0.2s;
}

.music_wave .bar:nth-child(3) {
  background-color: #ccc;
  animation-delay: 0.2s;
}

.music_wave .bar:nth-child(4) {
  background-color: #ccc;
  animation-delay: 0.4s;
}

.wave_btn {
width: 122px;
    height: 63px;
    position: absolute;
    opacity: 0;
    top: 0px;
    z-index: 9;
    left: 0;
}

.trust_txt {
  position: absolute;
  width: 100% !important;
  top: 1%;
  filter: invert(100%);
}

.navbar-expand-lg .navbar-collapse {
  display: block !important;
}

.navbar-collapse {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: var(--white);
  overflow: hidden;
  box-shadow: 0 20px 15px 0 rgba(23, 23, 23, 0.05);
  max-height: calc(100vh - 72px);
}

.width_icon {
  width: 70px !important;
}

.width_icon2 {
  width: 68px !important;
}

.mr_20n {
  margin-right: -20px !important;
}

.mr_25n {
  margin-right: -25px !important;
}

.ml_20n {
  margin-left: -20px !important;
}

.align_center {
  display: flex;
  align-items: center;
}

.mb35 {
  margin-bottom: 35px !important;
}

.youtube-container {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 19.7/9;
  pointer-events: none;
  margin-top: -1px;
  margin-bottom: -1px;
}

.youtube-container iframe {
  width: 300%;
  height: 100%;
  margin-left: -100%;
}


.youtube_container_samyak {
  overflow: hidden;
  width: 87%;
  aspect-ratio: 20.7/12;
  pointer-events: none;
  margin-top: -1px;
  margin-bottom: -1px;
} 

.youtube_container_samyak iframe {
  width: 300%;
  height: 100%;
  margin-left: -100%;
}

.mt10 {
  margin-top: 10px !important;
}

.position-relative.pline {
  position: relative !important;
}

/* .position-relative.pline::before {
  content: "";
  width: 12px;
  height: 1px;
  background-color: rgb(130, 130, 130);
  display: block;
  position: absolute;
  left: -22px;
  top: 14px;
} */

.pline {
  width: 12px;
  height: 1px;
  background-color: rgb(130, 130, 130);

}

.black_bg {
  background-color: #131313 !important;
}

.light_black_bg {
  background: #282828 !important;
}

.white_color {
  color: white !important;
}

b {
  color: #ececec !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.layer_black {
  position: absolute;
  width: 100%;
  height: 100%;
  /*! background: #0000005c; */
}

.welcome_bg {
  background: url("../img/home/welcome_bg.png") !important;
  background-color: #282828 !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.welcome_padd {
  padding-left: 7.5% !important;
  padding-right: 4%;
}

.leaf_img {
  transform: rotateY(180deg);
  width: 70%;
  opacity: 0.7;
}

.top-1 {
  top: 1%;
}

.tallk_bg {
  background: url("../img/home/talk_bg.png") !important;
  background-color: #282828 !important;
  background-size: contain !important;
  background-position: right center !important;
  background-repeat: no-repeat !important;
}

.text_base_color {
  color: #1a1a1a;
}

.text_w_base_color {
  color: rgb(255, 255, 255) !important;
}



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

.commercial_thum {
  width: 30%;
  margin-bottom: 50px;
}

.vertical-title-center.innner_banner_title {
  display: flex;
  height: 15%;
  align-items: flex-end !important;
}

.bg_black {
  background-color: #000;
}

.pbmit-ele-service:hover .pbmit-service-btn {
  background-color: #bb9a6500;
  color: #dbc39b;
}

.pbmit-service-style-2 .pbmit-featured-wrapper::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 90%);
}

.commercial_page_bg {
  background: url(../img/project/commercial/bg.jpg) right top no-repeat;
}

.pbmit-service-style-2 .pbmit-content-box:hover {
  z-index: 999999999;
}

.grayscale_dot {
  background: radial-gradient(circle, #1c1c1c 10%, transparent 11%);
  background-size: 1.2em 1.2em;
  background-color: #131313;
  opacity: 1
}


.bg-dark-black,
.bg-dark-black:focus {
  background-color: #000;
}

.text-gry {
  color: #4A4A4A !important;
}


.border_radius_20px {
  border-radius: 20px;
}

.border_radius_10px {
  border-radius: 10px;
}

.border_radius_10px img {
  border-radius: 10px;
}

.border_radius_5px {
  border-radius: 5px;
}

.portfolio-classic .portfolio-box:hover .portfolio-image img {
  opacity: 0.5;
  -webkit-filter: blur(0px);
  filter: blur(0px);
}

.button-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: end;
  margin-top: 20px;
  z-index: 999;
}

.button-wrapper .swiper-prev-button {
  background: linear-gradient(to left, #323331 40%, transparent 0%);
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-size: 200% 100%;
  background-position: left bottom;
  transition: all 0.3s ease-out;
}

.button-wrapper .swiper-button {
  border: 1px solid #2e2f2b;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right, var(--body-color) 40%, transparent 0%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.3s ease-out;
  cursor: pointer;
}

.button-wrapper .swiper-button {
  cursor: pointer;
}

.button-wrapper .swiper-button+.swiper-button {
  margin-left: 16px;
}

.button-wrapper .swiper-button {
  border: 1px solid #2e2f2b;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right, #2a2b28 40%, transparent 0%);
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.3s ease-out;
  cursor: pointer;
}

.button-wrapper svg {
  width: 28px;
}

svg:not(:root) {
  overflow: hidden;
}

.button-wrapper .swiper-prev-button svg {
  transform: rotate(-180deg);
}

.button-wrapper svg {
  width: 28px;
  color: #dbc39b;
}

.mt-140px {
  margin-top: -140px;
}


.rounded-circle {
  border-radius: 50% !important;
}

.align-items-center {
  align-items: center !important;
}

.justify-content-center {
  justify-content: center !important;
}

.d-flex {
  display: flex !important;
}

.pointer_cursor {
  cursor: pointer;
}

.bg-dark-gray1,
.bg-dark-gray1:focus {
  background-color: #1c1c1c;
}

.mt-5 {
  margin-top: -5px !important;
}

.z_index_99999999 {
  z-index: 9;
}

.gradient_1 {
  background: linear-gradient(90deg, #4A4A4A 0%, #000000 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient_2 {
  background: linear-gradient(352deg, #1A1A1A 0%, #A9A9A9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient_3 {
  background: linear-gradient(90deg, #222 0%, #959595 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 65px;
}

.shimmer {
  color: rgba(255, 255, 255, 0.1);
  background: -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #505050));
  background: -moz-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #505050));
  background: gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #505050));
  -webkit-background-size: 125px 100%;
  -moz-background-size: 125px 100%;
  background-size: 125px 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  animation: shimmer 7s linear -20s infinite;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #222;
}

@-moz-keyframes shimmer {
  0% {
    background-position: top left;
  }

  100% {
    background-position: top right;
  }
}

@-webkit-keyframes shimmer {
  0% {
    background-position: top left;
  }

  100% {
    background-position: top right;
  }
}

@-o-keyframes shimmer {
  0% {
    background-position: top left;
  }

  100% {
    background-position: top right;
  }
}

@keyframes shimmer {
  0% {
    background-position: top left;
  }

  100% {
    background-position: top right;
  }
}

.swiper-button.swiper-prev-button:hover {
  text-indent: 10px;
}


.btn-style1 {
  position: relative;
  transition: all 0.35s;
}

.btn-style1:hover {
  transform: translateY(-0.25em);
}

.dark_creame {
  color: #dbc39b;
}

.top100 {
  top: 100px;
}

.left100 {
  left: 100px;
}

.left150 {
  left: 150px;
}

.left200 {
  left: 200px;
}

.pt50 {
  padding-top: 50px;
}

.harry {
  color: #dbc39b;
  font-weight: 500 !important;
  letter-spacing: 0px !important;
  font-size: 17px;
  text-transform: uppercase !important;
  text-align: center;
  padding-right: 50px;
}

.founder {
  color: #dbc39b;
  font-weight: 100 !important;
  margin-top: -5px !important;
  letter-spacing: 0px !important;
  font-size: 17px;
  text-transform: uppercase !important;
  text-align: center;
  padding-right: 50px;
}

.bg-very-light-yellow {
  border: solid 1px #4f4f4f;
}

.what_we_do {
  color: #dbc39b;
  font-weight: 500 !important;
  margin-top: 5px !important;
  letter-spacing: 2px !important;
  font-size: 17px;
  text-transform: uppercase !important;
  text-align: center;
}

.border-color-transparent-dark-very-light {
  border-color: rgb(53, 53, 53) !important;
}

.icon_border {
  border: solid 1px #4f4f4f;
  border-radius: 50%;
}

.mt-14px {
  margin-top: 14px !important;
}


.bg-line-color {
  background-color: #4f4f4f;
}

.shadow-in .separator-animation {
  width: calc(100% + 65px) !important;
}

.p20 {
  padding: 20px;
}

.mt150 {
  margin-top: 114px;
}

.mt50 {
  margin-top: 50px;
}

.mt20 {
  margin-top: 20px;
}

.mt10 {
  margin-top: 20px;
}

.pt100 {
  padding-top: 100px;
}

.about_page_bg {
  background: url(../img/about/section-bg-1.jpg) left top no-repeat;
  background-size: cover;
}

.rotate_text {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  writing-mode: vertical-lr;
}

.display_flex {
  display: flex;
}

.align_items_center {
  align-items: center;
}

.bl_4F4F4F {
  border-left: solid 1px #4F4F4F;
}

.pl10 {
  padding-left: 10px;
}

.mb0 {
  margin-bottom: 0px !important;
}

.scince {
  color: rgb(79, 79, 79);
  font-family: "Outfit", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.ptb20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.position_relative0 {
  position: absolute;
  z-index: 0;
  bottom: 62px;
  left: 40px;
}

.position_relative1 {
  position: relative;
  z-index: 1;
}



.elements-social .wht li a {
  color: #7e7e7e;
}
 
.reach_us {
  color: #dbc39b;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  font-size: 16px;
  text-transform: uppercase !important;
  text-align: center;
  margin-bottom: 10px;
}

.color_bf {
  color: #bfbfbf;
}

.color_bf:hover {
  color: #dbc39b;
}

.btn.btn-base-color {
  background-color: #dbc39b;
  color: var(--white);
}

.btn.btn-box-shadow.btn-base-color:hover,
.btn.btn-box-shadow.btn-base-color:active {
  background: #dbc39b;
  color: var(--white);
}

.btn.btn-base-color:hover,
.btn.btn-base-color:active {
  background-color: transparent;
  border-color: #dbc39b;
  color: var(--base-color);
}

.bg_form {
  --bs-bg-opacity: 1;
  background-color: rgb(31, 31, 31) !important;
}

.opacity_04 {
  opacity: 0.4;
}

.opacity_03 {
  opacity: 0.3;
}

.opacity_02 {
  opacity: 0.2;
}

.opacity_01 {
  opacity: 0.1;
}

.map_bg {
  background-color: rgb(31, 31, 31) !important;
}

.bg-very-light-gray1 {
  background-color: #1e1e1e;
}

.testimonials_main_box {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  flex-wrap: wrap;
}

.testimonials_box {
  padding: 36px 40px;
  background: #ffffff08;
  box-shadow: rgba(15, 15, 15, 0.65) 0px 2px 40px 0px;
  transition: all .2s cubic-bezier(0, 0, 0.58, 1);
  width: 48.6%;
  border-radius: 10px;
  border: solid 1px #0b0b0b;
  margin-bottom: 30px;
  position: relative;
  min-height: 274px;
  transition: all 0.5s ease;
  z-index: 0;
}

.testimonials_box:hover {
  transform: translateY(-5px);
  box-shadow: rgba(0, 0, 0, 0.66) 0px 2px 40px 0px;
  transition: all 0.5s ease;
}

.testimonials_box h6 {
  color: #5b5b5b;
  font-weight: 500 !important;
  letter-spacing: 0px !important;
  font-size: 17px;
  text-transform: uppercase !important;
  margin-top: 10px;
  margin-bottom: 0px;
}

.testimonials_box p {
  margin-bottom: 10px;
  z-index: 9999;
  position: relative;
}

.testimonials_box1 {
  padding: 40px;
  background: #fff0;
  box-shadow: rgba(0, 0, 0, 0.66) 0px 3px 50px 0px;
  transition: all .2s cubic-bezier(0, 0, 0.58, 1);
  width: 100%;
  border-radius: 10px;
  border: solid 1px #0b0b0b;
  margin-bottom: 25px;
}

.testimonials_box1 h6 {
  color: #dbc39b;
  font-weight: 500 !important;
  letter-spacing: 0px !important;
  font-size: 17px;
  text-transform: uppercase !important;
  margin-bottom: 10px;
}

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

.testimonials-icon {
  position: absolute;
  top: 0;
  left: 0;
  font-family: Georgia, Times, Serif;
  font-size: 16em;
  font-weight: 700;
  line-height: 1;
  color: #151515f5;
  z-index: -0;
}

.b_column {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}

.read-more-content {
  display: none;
}

.know_more::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 1.5px;
  width: 50%;
  transition: all 0.3s ease;
  background: #ffffff70 !important;
}

.know_more:hover:after {
  width: 100%;
  transition: all 0.3s ease;
  height: 2px;
}

.read-more {
  margin-top: 14px;
  width: fit-content;
}

.mb3 {
  margin-bottom: 3px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.btn-style-two {
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  color: #686868;
  font-weight: 500;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #27272f;
  padding: 5px 14px 5px 8px;
  text-transform: capitalize;
  z-index: 999999;
  width: 102px;
}

.pt20 {
  padding-top: 25px;
}

.privacy_policy i {
  margin-right: 10px;
  line-height: 35px;
}

.mail_pp {
  text-decoration: underline !important;
}

.mail_pp:hover {
  opacity: 0.7;
}

.big_font.fs164 {
  font-size: 164px !important;
}

.large-icon a {
  font-size: 26px;
  width: 49px;
  height: 45px;
}

.about_pg .text-highlight span {
  display: inline-block;
  left: -90px;
  position: absolute;
  z-index: -1;
  width: calc(100% + 6px);
  bottom: -5px;
}

.testi_mon .last-paragraph-no-margin p:last-of-type {
  margin-bottom: 0;
  letter-spacing: 0.5px;
}

.mr20 {
  margin-right: 20px !important;
}

input,
select,
textarea,
.form-control,
.form-select {
  padding: 12px 15px 12px 0px !important;
  width: 100%;
  max-width: 100%;
  resize: none;
  outline: none;
  font-size: 16px;
  border: 1px solid #e4e4e4;
  color: var(--medium-gray);
  line-height: inherit;
  word-break: normal;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.big_font {
  letter-spacing: 0px !important;
  font-size: 200px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-family: 'Outfit', sans-serif;
}

.box_padd {
  padding: 10px 22px;
}

.pr0 {
  padding-right: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.what_padd {
  padding: 65px 0 60px;
}

.about_pg .welcome_padd {
  padding-left: 10% !important;
  padding-right: 4%;
}

.pt65 {
  padding-top: 65px !important;
}

.position_testi {
  position: absolute;
  z-index: 0;
  bottom: -2px;
  left: 40px;
}

.pb170 {
  padding-bottom: 170px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.opacity_05 {
  opacity: 0.5;
}

.pbmit-service-style-2 .pbmit-service-title {
  font-size: 17px;
  line-height: 30px;
  margin-bottom: 15px;
  font-family: "Figtree", sans-serif;
  letter-spacing: 0;
  color: #7d7d7d;
}

.mlr0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.br-mo {
  display: none;
}

.residencial-mo {
  display: none !important;
}

.hg_100vh {
  height: 85vh;
}

/* upcoming page css */
.line {
  width: 100%;
  height: 1px;
  background-color: darkgray;
  opacity: 60%;
}

.line-h4 {
  font-size: 1.75rem;
  line-height: 1.95rem;
  font-weight: 600;
}

.stpmb {
  margin-bottom: 25px !important;
  margin-left: 10px;
  position: relative;
  z-index: 5;
}

.row {
  --bs-gutter-x: 0rem !important;
}


.w12{
  width: 12%;
}
.bul_line::before{
  content: "";
  width: 12px;
  height: 1px;
  background-color: rgb(130, 130, 130);
  display: block;
  position: absolute;
  left: -22px;
  top: 14px;
}
.para_p{
 padding-left: 36px;
}  
.para_p p{
  margin-bottom: 10px;
}
.pdt40b0{
  padding-top: 40px;
  padding-bottom: 0px;
}
.filter-content .col-xl-4{
 width: 32%;
 margin-bottom: 20px;
}
.pt50{
  padding-top: 50px;
}
.pt40{
  padding-top: 40px;
}
.form-recaptcha{ position: absolute;z-index: 999;opacity: 0;} 

.slider_title{ margin-bottom: 0px;}
.slider_title h2{ margin-bottom: 0px; font-size: 22px; letter-spacing: 1px; color: #959595;}

.w49{
  width: 49%;
}
.mb25{
  margin-bottom: 25px;
}
.mt50{
  margin-top: 50px;
}
.pt75{
  padding-top: 75px;
}
.grid.gutter-large li {
  padding: 0px 0px;
}
.grid.xl-grid-4col li.grid-item-double {
  width: 48%;
}
/* .mb20{
  margin-bottom: 20px;
} */
.ls01{
  letter-spacing: -0.1px;
}
.sm_pc_dblock{
  display: none !important  ;
}
.pb180{
  padding-bottom: 180px !important;
}
.txt_end{
  text-align: end;
}
 
 
@media screen and (min-width:1500px) and (max-width:1920px) {
  .testi_padd {
    height: 190px !important;
  }
.position_testi {
  left: 0px;
}
  .big_font {
    font-size: 200px !important;
  }

  .xxl-p-4 {
    padding: 3.1% !important;
  }

  .big_fs215 {
    font-size: 194px !important;
  }

  .big_mt165 {
    margin-top: 165px !important;
  }

  .list-style-01 li {
    margin-bottom: 22px;
  }

  .service_section .cover-background {
    background-size: 100% !important;
  }

  .leaf_img {
    transform: rotateY(180deg);
    width: 100%;
  }

  .about_pg .welcome_padd {
    padding-left: 19.5% !important;
    padding-right: 4%;
  }
}

@media screen and (min-width:1800px) and (max-width:1899px) {
  .big_fs215 {
    font-size: 188px !important;
  }
  .ls01 {
  letter-spacing: -0.4px;
}
}

@media screen and (min-width:1700px) and (max-width:1799px) {
  .big_fs215 {
    font-size: 178px !important;
  }
  .ls01 {
  letter-spacing: -0.4px;
}
}

@media screen and (min-width:1600px) and (max-width:1699px) {
  .big_fs215 {
    font-size: 166px !important;
  }
  .md_h322{
    height: 293px;
  }
  .ls01 {
  letter-spacing: -0.9px;
}
}

@media screen and (min-width:1500px) and (max-width:1599px) {
  .big_fs215 {
    font-size: 152px !important;
  }
  .md_h322{
    height: 322px;
  }
  
}

@media screen and (min-width:1400px) and (max-width:1499px) {
  .fs200 {
    font-size: 145px !important;
  }
  .md_h322{
    height: 331px;
  }
  .big_font{
    font-size: 170px !important;
  }
}

@media screen and (min-width:1300px) and (max-width:1399px) {
  .fs200 {
    font-size: 135px !important;
  }
  .big_font{
    font-size: 160px !important;
  }
}

@media screen and (min-width:1200px) and (max-width:1300px) {
  .youtube-container {
    aspect-ratio: 18.7/9;
  }

  .open-menu {
    right: 6.4%;
  }

  .pb_250 {
    padding-bottom: 250px !important;
  }

  .big_font.fs164 {
    font-size: 151px !important;
  }

  .big_font {
    font-size: 150px !important;
  }

  .fs200 {
    font-size: 129px !important;
  }

  .hg_lap85 {
    height: 86vh;
  }
  section {
  padding-top: 60px;
  padding-bottom: 60px;
}
  .sm_pc_mt0{
  margin-top: 0px !important;
}
/* .md_pc_mb20 {
  margin-bottom: 20px;
} */
 .ls01{
  letter-spacing: -0.3px;
 }
 

}
@media screen and (min-width:1200px) and (max-width:1268px){
.sm_pc_h376{
  height: 357px;
}
.sm_h357{
  height: 357px;
 }

}

@media screen and (min-width:1100px) and (max-width:1499px) {
  .xl-fs-300 {
    font-size: 15.5rem;
    line-height: 0rem;
  }

  .outside-box-left-20 {
    margin-left: -5.5vw;
  }
}

@media screen and (min-width:1100px) and (max-width:1199px) {
.fs200 {
  font-size: 110px !important;
}
/* .sm_pc_h376{
  height: 376px;
} */

 
}
@media screen and (min-width:1100px) and (max-width:1175px) {
.sm_pc_h376{
  height: 376px;
}
}
@media screen and (min-width:1049px) and (max-width:1200px) {
.pe-2 {
  padding-right: 0% !important;
}
.ps-2 {
  padding-left: 0% !important;
}
.sm_pc_mt0{
  margin-top: 0px !important;
}
.sm_pc_mb20{
  margin-bottom: 20px;
}
.position_testi {
  left: 10px;
  bottom: 30px;
}
.big_font {
font-size: 150px !important;
}
.mo_heading{
  font-size: 50px;
}
.para_p {
  padding-left: 36px;
}
section {
  padding-top: 50px;
  padding-bottom: 50px;
}
.sm_pc_pb0{
  padding-bottom: 0px !important;
}
.sm_pc_mb10{
  margin-bottom: 10px !important;
}
.filter-content .sm_mb0{
  margin-bottom: 0px;
}
.sm_mb20{
  margin-bottom: 20px !important;
}
/* home */
.sm_pc_ls09{
  letter-spacing: 0.1px;
}
.lg-fs-150 {
  font-size: 120px;
  line-height: 8.375rem;
}
.sm_pc_w100{
  width: 100%;
}
.sm_pc_dnone{
  display: none !important;
}
.sm_pc_dblock{
  display: block;
}
.sm_justify_center{
  justify-content: center;
}
.ls01 {
  letter-spacing: -1px;
}
}
@media screen and (min-width:768px) and (max-width:1099px) {
  .flex_menu {
    width: 12%;
  }

  .open-menu {
    top: 10px;
    right: 10%;
  }

  .audio_flex {

    width: 13.2%;
  }

  .hope_logo::after {
    right: 90%;
    width: 200px;
  }

  .hope_logo::before {
    left: 80%;
    width: 190px;
  }

  .res_h214 {
    height: 360px !important;
  }

  .res_h70 {
    height: 100% !important;
    left: -43px;
    display: block !important;
  }

  .lh-80 {
    line-height: 4rem;
  }

  .fs-70 {
    font-size: 3.375rem;
    line-height: 4.475rem;
  }

  .res_lft37 {

    left: 7px;
  }

  .text-highlight span {
    left: -44px;
    width: calc(70% + 6px);
  }



  .res_mrg4 {
    margin-left: -4px;
  }

  .res_bt7 {
    bottom: 0px !important;
  }

  section {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .outside-box-right-40 {
    margin-right: -88vw;
  }

  .md-fs-130 {
    font-size: 6.125rem;
    line-height: 8.125rem;
  }

  .br-mo {
    display: block !important;
  }

  .hos-mo {
    display: none !important;
  }


  .pt-tab {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .pl10 {
    padding-left: 35px;
  }

  .md-mb-50px {
    margin-bottom: 30px !important;
  }

  .pt65 {
    padding-top: 0px !important;
    text-align: center;
  }

  .harry {
    padding-right: 0px;
  }

  .founder {
    padding-right: 0px;
  }

  .top_0 {
    margin-top: 0px !important;
    padding-top: 0px;
  }

  section {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .inpd30 {
    padding-top: 0px !important;
  }

  .sec_fou {
    padding-bottom: 30px !important;
  }

  .vertical-title-center {
    height: 100% !important;
  }

  .ptb {
    padding-bottom: 30px;
  }

  .ps-2 {
    padding-left: 0px !important;
  }

  .commercial_thum {
    width: 32%;
    transform: unset !important;
  }

  .fs-res {
    font-size: 100px !important;
    margin-bottom: 0px !important;
  }

.position_testi {
  position: absolute;
  left: 15px;
  bottom: 30px;
}
.big_font {
font-size: 150px !important;
}

  .pb170 {
    padding-bottom: 80px !important;
  }

  .jcs {
    justify-content: flex-start !important;
  }

  .ls-minus-3px {
    letter-spacing: -1px !important;
    margin-bottom: 0px !important;
  }

  .pt50 {
    padding-top: 50px !important;
  }

  .testimonials_main_box {
    margin-top: 0px;
  }

  .hg_45vh {
    height: 50vh;
  }

  .fs-det {
    font-size: 130px !important;
  }
  .fs-ipad {
    font-size: 85px !important;
  }
  .res-ipad {
    height: 550px;
  }

  .mt25 {
    margin-top: 25px;
  }
  .res_mt112{
    margin-top: 112px !important;
  }
  .swiper.full-screen.top-space-margin {
    height: 41vh !important;
    margin-top: 0 !important;
  }
  .width_icon {
    width: 59px !important;
  }
  .width_icon2 {
    width: 57px !important;
  }
  .ml_20n {
    margin-left: 0px !important;
  }
  
  .text-port {
    text-align: left !important;
  }
  .tab_w100{
    width: 100% !important;
  }
}


@media screen and (max-width:767px) {
.mo_mt20{
  margin-top: 20px !important;
}
.mo_w100{
  width: 100% !important;
}
.mo_pt40{
  padding-top: 40px;
}
.mo_lh26{
  line-height: 26px;
}
.mo_pl0{
  padding-left: 0px !important;
}
.res_mt10{
  margin-top: 10px !important;
}

.fdc{flex-direction: column;}

.filter-content .col-xl-4 {
  width: 100%;
  margin-bottom: 20px;
}
  .position_relative0 {
    bottom: 10px;
    left: 31px;
  }
  .res_pb5{
    padding-bottom: 5px !important;
  }
  .res_pb15{
    padding-bottom: 15px !important;
  }
  .sub_text {
    letter-spacing: 0.5px;
  }
  p {
    margin-bottom: 15px;
    line-height: 29px;
  }
  .big_font {
    font-size: 48px !important; 
  }
  .res_mb40{
    margin-bottom: 40px !important;
  }
  .reach_us {
    font-size: 16px;
    text-align: left; 
  }
  .width64{
    width: 48% !important;
   }
   .width64 .full_line {
      width: 95%;
   }
  .list-style-01 li {
    width: 48%;
    font-size: 17px;
  }
  .width_icon {
    width: 69px !important;
    margin-left: -6px;
  }
  .res_width49{
    width: 49%;
  }
  .width_icon2 {
    width: 61px !important;
  }
  .res_fs15{
    font-size: 15px !important;
  }
  .res_ls0{
    letter-spacing: 0px !important;
  }
  .feature-box.feature-box-left-icon-middle {
    flex-direction: column;
    align-items: unset !important;
  }

  .res_mt0{
    margin-top: 0px !important;
  }
  .grid.gutter-large li {
    padding: 10px 0px;
  }
  .res_mb20{
    margin-bottom: 20px !important;
  }
  header .disable-fixed {
    position: relative;
  }
  .audio_flex p {
    font-size: 10px;
    letter-spacing: 0.2px;
    bottom: -8px;
  }
  .hope_logo img {
    width: 94px;
  }
  .swiper.full-screen.top-space-margin {
    height: 25vh !important;
    margin-top: 0 !important;
  } 
  .swiper-number-pagination-progress-vertical .swiper-pagination-wrapper {
    bottom: -2px;
  }
  .swiper .fs-24 {
    line-height: 18px;
  }
  .swiper  .sm-mb-25px {
    margin-bottom: 10px !important;
  }
  .btn.btn-extra-large {
    font-size: 12px;
  }
  .swiper .flex-column {
    margin-top: 0;
  }
  .swiper .image-content.flex-column {
    margin-top: 0px;
  }
  .swiper .review-style-06 .flex-column {
    margin-top: -19px;
  }
  .res_pb10{
    padding-bottom: 10px !important;
  }

  .res_pl20 {
    padding-left: 20px !important;
  }
  .res_pr20 {
    padding-right: 20px !important;
  }
  .flex_menu {
    border-left: none;
  }
  .audio_flex {
    border-right: none;

  }
  .res_mb0{
    margin-bottom: 0px !important;
  }
  .res_mb10{
    margin-bottom: 10px !important;
  }
  .res_pt23{
    padding-top: 23px !important;
  }
  .box_padd {
    padding: 0px 1px !important;
  }
  .res_mt0{
    margin-top: 0px !important;
  }
  .res_pb65{
    padding-bottom: 65px !important;
  }
  .res_w25 {
    width: 25%;
  }

  .hope_logo::before,
  .hope_logo::after {
    display: none;
  }

  .flex_menu {
    width: 22%;
  }

  .open-menu {
    top: 10px;
    right: 2.4%;
  }

  .xs-fs-95 {
    font-size: 23px !important;
    line-height: 2.500rem !important;
  }

  .res_h214 {
    height: 190px !important;
  }

  .res_pdlt34 {

    padding-left: 34px;
  }

  .text-highlight span {
    left: 0px;
    height: 2px !important;
    margin-left: 0;
  }

  .res_lft37 {
    font-size: 14px;
  }

  .res_bt7 {
    bottom: -7px !important;
  }

  .res_exp {
    bottom: 20px;
    left: 36px;
  }

  section.half-section {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .ml_20n {
    margin-left: 3px !important;
  }

  .res_mrg15 {
    margin-left: 15px;
  }

  section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .res_h70 {
    height: 70% !important;
  }

  .res_w90 {
    width: 90% !important;
  }

  .res_mrglft {
    margin-left: 25px;
  }
.d-lg-inline-block {
    display: inline-block !important;
  }
  .footer_flex {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .social_icon {
    margin-left: 0px;
  }
  .res_w100 {
    width: 100%;
  }
  .res_mb7{
    margin-bottom: 7px !important;
  }
  .mob_view{
    display: block;
  }
  .bg-base-color {
    margin-left: 55%;
  }
  .title_style {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    margin-bottom: 20px;
  }
  .bold_main_title {
    font-size: 24px;
    text-align: left;
    line-height: 30px;
    margin-bottom: 22px !important;
  }
  .w-100 {
    width: 50%;
  }
  .main_title {
    font-size: 22px;
  }
  .ls05 {
    text-align: left;
  }
  .br-pc {
    display: none;
  }
  .br-mo {
    display: block !important;
  }
  .ps-feature {
    padding-left: 15px;
  }
  .text-resp {
    text-align: left !important;
  }
  .text-port {
    text-align: left !important;
  }
  .res_mlr0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .arrow {
    padding-left: 0px !important;
    padding-right: 0px;
  }
  .talk {
    margin-bottom: 0px;
  }
 .talk_mb {
    margin-bottom: 0px !important;
  }
  .talk_Pd {
    padding: 0% !important;
  }
  .sch-mo {
    display: none !important;
  }
  .residencial-mo {
    display: block !important;
  }
  .mt-20 {
    margin-top: 0px;
  }

  .pt_50 {
    padding-top: 50px;
  }

  .mb_0 {
    margin-bottom: -50px !important;
  }

  .about_pg .welcome_padd {
    padding-left: 7.5% !important;
  }

  .start-50 {
    left: 9% !important;
  }

  .cir-lft {
    margin-left: 10px !important;
  }

  .what_padd {
    padding: 37px 0px 40px 0px !important;
  }

  .mb-none {
    margin-bottom: 0px !important;
    padding-bottom: 0px;
  }

  .pd40 {
    padding-bottom: 30px !important;
  }

  .align-cntr {
    text-align: center;
  }

  .harry {
    padding-right: 0px;
  }

  .founder {
    padding-right: 0px;
  }

  .tlft {
    text-align: left !important;
  }

  .resmb {
    margin-bottom: 30px;
  }

  .about_pg .text-highlight span {
    left: -60px;
  }

  .rishi {
    padding-bottom: 52px !important;
  }

  .resmt0 {
    margin-top: 0px;
  }

  .residential_page {
    position: absolute;
    top: 0%;
    left: 0%;
  }

  .one-half-screen {
    height: unset !important;
  }

  .w-pro {
    width: 50px !important;
  }
  .vertical-title-center {
    height: 100% !important;
  }
  .ptb {
    padding-top: 35px !important;
    padding-bottom: 35px; 
  }
  .mb_p {
    margin-bottom: 0px !important;
  }
  .commercial_thum {
    width: 100%;
    transform: unset !important;
    margin-bottom: 40px !important;
  }
  .pb170 {
    padding-bottom: 40px !important;
  }
  .fs-res {
    font-size: 50px !important;
    margin-bottom: 0px !important;
  }

  .position_testi {
    position: absolute;
    left: 20px;
    bottom: 20px;
  }

  .com-res {
    padding-bottom: -20px !important;
  }

  .d-inline-block {
    display: block !important;
  }
  .com-ptb {
    padding-top: 10px !important;
    padding-bottom: 30px !important;
  }
  .res_w100 {
    width: 100% !important;
  }
  .fs-det {
    font-size: 50px !important;
  }
  .pt100 {
    padding-top: 40px;
  }
  .mb-p {
    margin-bottom: 0px !important;
  }
  .mt-30px {
    margin-top: 0px !important;
  }
  .res_height450 {
    height: 450px;
    margin-bottom: -10px !important;
  }
  .testimonials_box {
    width: 100%;
  }
  .p-8 {
    padding: 8% 6% !important;
  }
  .icon-large {
    font-size: 30px;
  }
  .res_ls0{
    letter-spacing: 0px !important;
  }
  .res_tl{
    text-align: left !important;
  }
  .res_pl0{
    padding-left: 0px !important;
  }
  .large-icon a {
    font-size: 22px;
    width: 45px;
    height: 45px;
  }
  .fs-test {
    font-size: 40px !important;
  }
  .res_jus_start{
    display: flex;
    justify-content: flex-start !important;
  }
  .welcome_bg {
    background-color: #282828 !important;
    background-size: unset !important;
    background-image: unset !important;
  }
  .res_mt40{
    margin-top: 40px !important;
  }
  .leaf_img {
    width: 68%;
  }
  .pc_view{
    display: none !important;
  }
  .welcome_padd {
    padding-left: 15px !important;
    padding-right: 15px;
  }
  .full_line {
    width: 93%;
  }
  .res_mb17{
    margin-bottom: 17px !important;
  }
  .res_pt40{
    padding-top: 40px !important;
  } 
  .res_pt50{
    padding-top: 50px !important;
  } 
  .list-style-01 {
    margin-bottom: 35px !important;
  }
  body{
    font-size: 16px;
    line-height: 30px;
  }
  .fs-17 {
    font-size: 16px;
  }
  .xxl-p-4 {
    padding: 3% !important;
  }
  .services-box-style-02{
    margin-bottom: 5px !important;
  }
  .youtube-container {
    aspect-ratio: 16/9;
  }
  .slider-navigation-style-04 {
    height: 45px;
    width: 46px;
  }
  .project_shadow {
    margin: 10px 0;
  }
  .res_pb40{
    padding-bottom: 40px !important;
  }
  .fs-22 {
    font-size: 20px;
  }
  .testi_padd {
    padding: 17px 18px !important;
    letter-spacing: 0.3px;
    height: 193px !important; 
  }
  .scroll-progress {
    position: fixed; 
    top: 87%;
    right: 5px;
  }
  .tallk_bg {
    background-size: 600px !important;
    background-position: right top !important;
    background-repeat: no-repeat !important;
  }
  .testimonials_main_box {
    margin-top: 20px;
  }
  .testimonials_box {
    padding: 24px 20px;
  }
  .testimonials_box h6 {
    font-size: 16px;
  }
  .position_testi {
    left: 10px;
    bottom: 11px;
  }
  .res_hg76{
    height: 77vh !important;
  }
  .big_font.fs164 {
    font-size: 44px !important;
  }
  .res_w_auto{
    width: auto !important;
  }
  .res_pl0{
    padding-left: 0px !important;
  }
  .stpmb {
    margin-bottom: 0px !important;
  }
  .res_w100{
    width: 100% !important;
  }
  .res_align_center{
    display: flex;
    align-items: center !important;
  }
  .scince {
    line-height: 18px;
    padding-left: 16px;
    margin-right: 6px;
  }
  .res_port{
    border-color: #a2a2a287 !important;
    padding: 8px;
  }
  .bg_unset{
    background-color: unset !important;
  }
  .res_mt20{
    margin-top: 20px !important;
  }
  .res_mt27n{
    margin-top: -27px !important;
  }
  .close-menu {
    right: -1%;
  }
  /*  */
.mo_pdlr0{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.para_p {
padding-left: 22px;
}
.para_p.mt20{
  margin-top: 0px;
}
.para_p .mo_mb0{
  margin-bottom: 0px;
}
.filter-content .mo_mb0{
  margin-bottom: 0px;
}
.mo_pt40{
  padding-top: 40px;
}
.mo_mb0{
  margin-bottom: 0px !important;
}
.mo_heading{
  font-size: 28px;
  line-height: 34px;
  letter-spacing: 0.2px !important;
}
.w12 {
  width: 15%;
}
.grid.xl-grid-4col li.grid-item-double {
  width: 100%;
}
.mo_pt0{
  padding-top: 0px;
}
.pb180{
  margin-bottom: 60px !important;
}
}

@media screen and (min-width:420px) and (max-width:430px) {
  .sch-mo {
    display: block !important;
  }

  .com-mo {
    display: block;
  }
}


@media screen and (min-width:410px) and (max-width:420px) {
  .residencial-mo {
    display: block !important;
  }

  .mr-mo {
    display: none !important;
  }

  .sch-mo {
    display: block !important;
  }
}

@media screen and (max-width:375px) and (max-height:670px) {
  .swiper.full-screen.top-space-margin {
    height: 31vh !important;
    margin-top: 0 !important;
  }
}

@media screen and (min-width:375px) and (max-width:383px) {
  .fs20 {
    font-size: 20px;
  }
  .residencial-mo {
    display: none !important;
  }
  .bold_main_title {
    font-size: 23px;
    text-align: left;
  }
  .xxl-p-4 {
    padding: 3% 1.5% !important;
  }
}

@media screen and (min-width:350px) and (max-width:370px) {
  .hos-mo {
    display: none !important;
  }
  .res_small_width47 {
    width: 47%;
  }
  .mr-mo {
    display: block !important;
  }
  .mr_25n {
    margin-right: 0px !important;
  }
  .vertical-title-center .title {
    letter-spacing: 0.2px !important;
  }
  .xxl-p-4 {
    padding: 6% !important;
  }
  .list-style-01 li {
    font-size: 16px;
  }
  .bold_main_title {
    font-size: 21px;
  }
  .res_fs15 {
    font-size: 14px !important;
  }
  .res_mr20n{
    margin-right: -26px;
  }
}


@media screen and (min-width:350px) and (max-width:365px) {
  .res_w25 {
    width: 30%;
    margin-left: -5px !important;
  }
  .swiper.full-screen.top-space-margin {
    height: 25vh !important;
    margin-top: 0 !important;
  }
}