.logo-box {
  padding: 1rem;
  text-align: center;
  display: table-cell;
}
.overlay {
  background-color: #000000b3;
  height: 100vh;
}
.instagram-item {
  cursor: pointer;
}
.hero .swiper-button-prev,
.hero .slider-prev {
  left: calc((100% - 48rem)/2 - 80px - 96px/2);
  right: auto;
}
.hero .swiper-button-prev:after,
.hero .slider-prev:after {
  border-left-color: transparent;
  border-top-color: transparent;
}
.hero .swiper-button-prev:before,
.hero .slider-prev:before {
  border-left-color: transparent;
  border-top-color: transparent;
  opacity: 0;
}
.hero .swiper-button-prev:hover:after,
.hero .slider-prev:hover:after {
  opacity: 1;
}
.hero .swiper-button-prev:hover:before,
.hero .slider-prev:hover:before {
  opacity: 1;
  transform: rotate(135deg);
}
.hero .swiper-button-next,
.hero .slider-next {
  right: calc((100% - 48rem)/2 - 80px - 96px/2);
  left: auto;
}
.hero .swiper-button-next:after,
.hero .slider-next:after {
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.hero .swiper-button-next:before,
.hero .slider-next:before {
  border-right-color: transparent;
  border-bottom-color: transparent;
  opacity: 0;
}
.hero .swiper-button-next:hover:after,
.hero .slider-next:hover:after {
  opacity: 1;
}
.hero .swiper-button-next:hover:before,
.hero .slider-next:hover:before {
  opacity: 1;
  transform: rotate(-225deg);
}
.hero .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: white;
  opacity: 0.25;
  margin: 0 8px;
  transition: 0.2s;
  transition-timing-function: cubic-bezier(0.25, 0.75, 0.2, 1);
}
.hero .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  transform: scale(2);
}
.inner-title {
  position: absolute;
  z-index: 9;
  bottom: 2rem;
  right: 2rem;
}
.client-logo {
  align-self: center;
}
#gslider-on-top div.swiper-container {
  height: 60vh;
}
#gslider-on-top div.slide-item-gallery-a img {
  height: 60%
}
.hero-slider-title {
  position: absolute;
  z-index: 9;
  right: 0;
  width: 100%;
  top: 40%;
  text-align: center;
}
.hero-slider-title h1 {
  font-size: 5rem;
  font-weight: 700;
}
.dark-bg {
  background-color: rgba(0, 0, 0, 0.411);
  transition: all 0.5;
  padding: 0.3rem 2rem;
  margin-top: 0 !important;
}
.logo-main {
  width: 60%;
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  top: auto;
  bottom: 0;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #fff;
}
.section-content hr {
  width: 50%;
  margin: 0.25rem 0;
  border-top: 2px solid #FFF;
}
.project-images {
  opacity: 1;
}
.project-even {
  margin-top: 2rem;
}
object {
  pointer-events: none;
}
.item-feature-c .item-body h4 {
  padding: 7rem 0;
}
#single-project hr {
  width: 100%;
}
.video-container video {
  height: 100vh;
  object-fit: cover;
  width: 100%;
}
.pagination-hero {
  z-index: 99;
}
.item-feature-b {
  display: block;
}
.item-feature-b .img {
  float: left
}
.triggers button{ 
  border:none;
  padding: 4px 22px;
  margin: 44px 10px 0 10px;
  cursor:pointer;
  background:#ffd000;
  color:#333;
  outline: none;
  transform: scale(1);
  transition: .4s ease;
  border-radius: 0 0 12px 12px;
}

button#triggerToggle{
  background:#ffffffb8;
  color:#333;
}

#target {
  padding: 10px;
  background-color: #ffffffb8;
  text-align: center;
  color:#333;
  font-weight: 700;
  box-sizing: border-box;
  display: none;
  width: 100%;
  margin: 0 auto;
  color:#333;
  position : relative;
  z-index: 999;
  font-size: 18px;
}

#target a {
  text-decoration: none;
}
#target p {
  margin-bottom: 0;
}
 .godyar-social-icons {width: 50px}

.nav-social.nav-social-a {
  background: #000000a3;
  padding: 10px;
  border-radius: 45px;
}

.god-1rem{font-size: 1rem}
.god-2rem{font-size: 2rem}
.god-3rem{font-size: 3rem}
.god-4rem{font-size: 4rem}
.god-5rem{font-size: 5rem}
.god-6rem{font-size: 6rem}
@media only screen and (max-width: 600px) {
.god-1rem{font-size: 0.5rem}
.god-2rem{font-size: 1rem}
.god-3rem{font-size: 2rem}
.god-4rem{font-size: 3rem}
.god-5rem{font-size: 4rem}
.god-6rem{font-size: 5rem}

  .mobile-logo  {width: 40%}
  .godyar-social-icons {width: 35px}
  .nav-social.nav-social-a {

  padding: 10px;
  border-radius: 0;
}

  .logo-box {
    display: block;
    margin-bottom: 1rem;
  }
  .inner-title {
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    top: 40%;
  }
  .page-main {
    padding-top: 2rem;
  }
  .dark-bg {
    background-color: rgba(0, 0, 0, 0.226);
    transition: all 0.5;
    padding: 8px var(--margin-x-sm);
    margin-top: 0 !important;
  }
  .about-logo {
    position: relative;
    transform: translateY(-40%);
  }
  .body {
    font-size: 1.3rem
  }
  .item-feature-c .item-body h4 {
    font-size: 1.3rem
  }
.item-image-e .item-body h4{font-size:1.5rem}
.desc p {display : none}
.godyar-1rem{
  font-size: 1rem;
}
.godyar-2rem{
  font-size: 1.3rem;
}
.godyar-3rem{
  font-size: 1.3rem;
}
.godyar-4rem{
  font-size: 1.3rem;
}
.godyar-5rem{
  font-size: 1.3rem;
}
.godyar-6rem{
  font-size: 1.3rem;
}

.nav-social {
  background: #00000070;
  border-radius: 0;
  position: fixed;
  left: 0;
  width: 100%;
  bottom: 1rem;
  padding: 0.5rem;
}
.nav-social-a ul {justify-content:center}
}
@media screen and (min-width: 810px) {
  .hero {
    display: none
  }

}
@media only screen and (min-device-width: 800px) and (max-device-width: 800px) and (orientation: landscape) {
  .col-fixed {
    display: none;
  }
  .page-main {
    margin-top: 3rem;
  }
}

.w-300{width:300px}