:root {
  --white: #ffffff;
  --black: #000;
  --black2: #202834;
  --yellow: #f58220;
  --blue: #527176;
  --blue2: #6e969d;
  --secondary: #f5e9f0;
  --grey: #f5f5f5;
  --grey-text: #77787a;
  --grey-bg: #f5f5f5;
  --grey-bg2: #8f8f8f;
  --grey-border: #626262;
  --red: #e93e3e;

  --header-space: 80px;
  --radius12: 12px;
  --radius10: 10px;
  --radius5: 5px;
  --radius15: 15px;
  --radius20: 20px;

  /*fonts */
  --text-h1: 64px;
  --text-h2: 48px;
  --text-h3: 32px;
  --text-h4: 24px;
  --text-h5: 20px;
  --text-h6: 14px;
  --text-para: 16px;
  --text-small: 12px;

  --text-100: 100px;
  --text-90: 90px;
  --text-65: 65px;
  --text-50: 50px;
  --text-18: 18px;
  --text-40: 40px;
  --text-30: 30px;
  --text-20: 20px;
  --text-25: 25px;
  --text-16: 16px;

  --space-default: 1rem;
  --space-l1-lg: 4rem;
  --space-l2-lg: 3rem;
  --space-l3-lg: 2.5rem;
  --space-l4-lg: 2rem;
  --space-l5-lg: 1.5rem;
  --space-l6-lg: 1rem;
  --space-l1-sm: calc(var(--space-l1-lg) / 4);
  --space-l2-sm: calc(var(--space-l2-lg) / 4);
  --space-l3-sm: calc(var(--space-l3-lg) / 4);
  --space-l4-sm: calc(var(--space-l4-lg) / 4);
  --space-l5-sm: calc(var(--space-l5-lg) / 4);
  --space-l6-sm: calc(var(--space-l6-lg) / 4);
  --space-list-items: 0.5rem;
}
@media screen and (max-width: 1701px) {
  :root {
    --text-100: 80px;
    --text-90: 70px;
    --text-65: 55px;
    --text-50: 40px;
    --text-18: 16px;
    --text-16: 14px;
    --text-20: 18px;
    --text-30: 26px;
    --text-25: 20px;
    --text-40: 36px;
  }
}
@media screen and (max-width: 1541px) {
  :root {
    --text-100: 70px;
    --text-90: 60px;
    --text-65: 50px;
    --text-50: 35px;
    --text-18: 15px;
    --text-16: 13.5px;
    --text-20: 17px;
    --text-30: 22px;
    --text-25: 19px;
    --text-40: 32px;
  }
}
@media screen and (max-width: 1280px) {
  :root {
    --text-100: 60px;
    --text-90: 50px;
    --text-65: 45px;
    --text-50: 30px;
    --text-18: 14px;
    --text-16: 13px;
    --text-20: 15px;
    --text-30: 20px;
    --text-25: 18px;
    --text-40: 28px;
  }
}
@media screen and (min-width: 992.5px) and (max-width: 1199.5px) {
  :root {
    --header-space: 80px;
    --text-h1: 48px;
    --text-h2: 40px;
    --text-h3: 28px;
    --text-h4: 22px;
    --text-h5: 16.5px;
    --text-h6: 13.5px;
    --text-para: 13px;
    --text-small: 12px;

    --text-100: 55px;
    --text-90: 45px;
    --text-65: 40px;
    --text-50: 30px;
    --text-18: 13.5px;
    --text-16: 13px;
    --text-20: 14px;
    --text-30: 20px;
    --text-25: 17px;
    --text-40: 26px;
  }
}

@media screen and (max-width: 991.5px) {
  :root {
    --header-space: 72px;
    --text-h1: 40px;
    --text-h2: 32px;
    --text-h3: 24px;
    --text-h4: 20px;
    --text-h5: 16px;
    --text-h6: 13px;
    --text-para: 14px;
    --text-small: 11px;

    --text-100: 50px;
    --text-90: 40px;
    --text-65: 30px;
    --text-50: 24px;
    --text-18: 13px;
    --text-16: 12.5px;
    --text-20: 13.5px;
    --text-30: 18px;
    --text-25: 17px;
    --text-40: 24px;
  }
}
@media screen and (max-width: 767.5px) {
  :root {
    --text-100: 40px;
    --text-90: 30px;
    --text-65: 25px;
    --text-50: 20px;
    --text-18: 12.5px;
    --text-16: 11.5px;
    --text-20: 13px;
    --text-para: 13px;
    --text-30: 16px;
    --text-25: 13.5px;
    --text-40: 18.5px;
  }
}
html {
  overflow-x: hidden;
}

body.is-preload *,body.is-preload :after,body.is-preload :before{
  -webkit-animation:none!important;
  animation:none!important;
  -webkit-transition:none!important;
  transition:none!important
}


body.is-preload .main-inner{
  opacity:0;
  pointer-events:none;
  -webkit-transition:opacity 1s ease;
  transition:opacity 1s ease
}
body.is-preload .main-wrapper{
  opacity:0
}


.fw-500 {
  font-weight: 500;
}
.fw-100 {
  font-weight: 100;
}
.fw-300 {
  font-weight: 300;
}

.fw-600 {
  font-weight: 600;
}

.fw-400 {
  font-weight: 400;
}
.fs-14w {
  font-size: var(--text-small);
}
.fs-16w {
  font-size: var(--text-16);
}
.fs-18w {
  font-size: var(--text-18);
}
.fs-20w {
  font-size: var(--text-20);
}
.fs-25w {
  font-size: var(--text-25);
}
.fs-30w {
  font-size: var(--text-30);
}
.fs-40w {
  font-size: var(--text-40);
}
.fs-50w {
  font-size: var(--text-50);
}
.fs-65w {
  font-size: var(--text-65);
}
.fs-90w {
  font-size: var(--text-90);
}
.fs-100w {
  font-size: var(--text-100);
}
.mt-30 {
  margin-top: 30px;
}
.orangecolor{
  color: var(--yellow);
}
.bg-grey{
  background-color: var(--grey);
}
body {
  font-size: var(--text-para);
  background: var(--white);
  color: var(--black2);
  width: 100%;
  min-height: 100%;
  font-family: "Argentum Sans";
  text-rendering: optimizeSpeed;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1.4;
  overflow-x: hidden;
  padding-top: 80px;
}

.spacing-pb-3 {
  padding-bottom: 4rem;
}
.spacing-pt-3 {
  padding-top: 4rem;
}

.header-wrap {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1031;
  transition: all 0.1s ease;
  background-color: var(--black);
  height: 80px;
}

/* .header-wrap.sticky {
    --bg-opacity: 1;
    background-color: hsla(0, 0%, 100%, .9);
    box-shadow: 0 2px 1px rgb(0 0 0 / 5%);
    top: 0;
  }
   */
.header-wrap .navbar {
  transition: all 0.3s ease;
  padding: 0;
  align-items: center;
}

.header-wrap.sticky .navbar {
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  padding-left: 0px;
  padding-right: 0px;
}

.header-wrap .navbar ul li.nav-item {
  position: relative;
}

.header-wrap .navbar ul li.nav-item .nav-link {
  font-size: var(--text-18);
  color: var(--white);
  position: relative;
  text-decoration: none;
  transition: color 0.3s ease, background-color 0.3s ease,
    border-bottom 0.3s ease;
  padding: 10px 0;
  position: relative;
  letter-spacing: 2px;
}
.header-wrap .dropdown-toggle::after {
  margin-top: 5px;
  margin-left: 0.5em;
}

.header-wrap .navbar ul li.nav-item .btn-primary {
  background: #00598c;
  color: var(--white) !important;
  padding: 6px 20px !important;
  font-weight: 500;
  font-size: var(--text-16);
  text-decoration: none;
}

.header-wrap .navbar ul li.nav-item .btn-primary:hover {
  background: var(--primary-dark);
  color: var(--white) !important;
  transition: background-color 0.3s ease;
}

/* Button */

.header-wrap .navbar ul li.nav-item .nav-link:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.header-wrap .navbar ul li.nav-item .btn-primary {
  background: #00598c;
  color: var(--white) !important;
  padding: 6px 20px !important;
  font-weight: 500;
  font-size: var(--text-16);
  text-decoration: none;
}

.header-wrap .navbar ul li.nav-item .btn-primary:hover {
  background: var(--primary-dark);
  color: #00598c !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.header-wrap .navbar ul li.nav-item .btn-primary::after {
  display: none;
}

.header-wrap .navbar ul li.nav-item .btn-primary:hover::after {
  display: none;
}
.nav-item .nav-link.active {
  color: var(--yellow) !important;
  background-color: transparent;
}

.nav-item .nav-link.active::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.navbar .container {
  width: 100%;
}
.navbar {
  overflow: visible;
  margin-bottom: 0px;
}
.container:before,
.container:after {
  display: none;
}
ul,
ol {
  margin: 0px;
}
.navbar-brand > img {
  width: 230px;
}

.dropdwonbg-little ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
.dropdwonbg-little ul li a {
  font-size: var(--text-16);
  color: var(--grey-text);
  font-weight: 600;
  padding: 8px 10px !important;
}
.header-wrap .navbar .navbar-nav > .nav-item .submenulists {
  border-radius: 0;
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: none;
}

@media screen and (min-width: 992px) {
  .logo-widtbar-actio {
    padding: 1rem 0;
    width: 100%;
  }
  .collapse-box {
    background: var(--grey);
    width: 100%;
  }
  .header-wrap .navbar ul li.nav-item a.nav-link{
    padding-top: 17px;
    padding-bottom: 17px;
  }
  .header-wrap .navbar ul li.nav-item:not(:last-child) {
    padding-right: 2.5vw;
}
}

.navbar-toggler {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--text-para);
  border-radius: 8px;
  border: none;
  color: var(--grey-text);
  box-shadow: none !important;
  height: 40px;
  justify-content: center;
}

.noneblock {
  display: none !important;
}
.activeblock {
  display: block !important;
}
.opened .noneblock {
  display: block !important;
}
.opened .activeblock {
  display: none !important;
}
.header-wrap .navbar .bg-boxblenav li.nav-item a.nav-link {
  font-weight: 400;
  font-size: var(--text-18);
}
.heltext span:first-child {
  font-size: var(--text-small);
  display: block;
}
.heltext span:last-child {
  font-size: var(--text-16);
  display: block;
  color: #166a9c;
  font-weight: 600;
}
.searchboxheader .form-group {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  gap: 0.75rem;
}
.searchbarboxgroup input {
  border-radius: 0;
  padding: 5px 10px;
  border-color: var(--grey-bg2);
}
.searchboxheader .searchbarboxgroup {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0;
}
.searchboxheader .searchbarboxgroup .searchicon {
  position: absolute;
  left: 10px;
  color: var(--grey-text);
}
.searchboxheader .searchbarboxgroup input {
  padding-left: 40px;
  height: 27px;
  margin-bottom: 0px;
}
.searchboxheader label {
  margin-bottom: 0;
}
.navbar-expand-lg .navbar-collapse {
  height: auto;
  overflow: inherit;
}
li {
  line-height: inherit;
}

/*responsive header*/
@media screen and (min-width: 993px) and (max-width: 1199px) {
  .header-wrap .navbar ul li.nav-item:not(:last-child) {
    padding-right: 1.5vw;
  }
}
@media screen and (max-width: 991.5px) {
  .header-wrap{
    height: 70px;
  }
  body{
    padding-top: 70px;
  }
  .header-wrap .navbar {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .navbar-collapse {
    border-top: 1px solid var(--grey-border);
    position: absolute;
    top: 100%;
    width: calc(100% + 30px);
    background: var(--white);
    left: 0;
    height: calc(100vh - var(--header-space)) !important;
    transition: all 0.3s ease;
    transform: translateX(-100%);
    overflow-y: auto;
    padding-bottom: 10%;
    left: -15px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .navbar-collapse.show {
    transform: inherit;
  }

  .header-wrap .navbar .navbar-nav > .nav-item {
    padding: 0px 10px;
  }
  .header-wrap .navbar ul li.nav-item .nav-link {
    padding-left: 0px;
    color: var(--black);
  }
  .dropdwonbg-little ul li:not(:last-child) {
    border-bottom: var(--bs-dropdown-border-width) solid
      var(--bs-dropdown-border-color);
  }

  .header-wrap .navbar .navbar-collapse .navbar-nav > .nav-item {
    border-bottom: 1px solid var(--grey-bg2);
  }
 

  .header-wrap .navbar .navbar-nav > .nav-item > .nav-link {
    justify-content: space-between;
  }

  .header-wrap .navbar .navbar-nav > .nav-item .submenulists {
    position: static;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    padding: 0;
  }
  .navbar-brand > img {
    width: 150px;
    height: auto;
  }
  .actionbar-headers {
    margin-left: auto;
  }
  header.header-wrap {
    position: fixed;
    top: 0;
    box-shadow: 0px 2px 4px #00000029;
  }
  body {
    padding-left: 0px;
    padding-right: 0px;
  }
  .navbar .logo-widtbar-actio {
    padding: 0 15px;
  }
 
}

@media (min-width: 991.6px) {
  .bg-boxblenav::before {
    content: "";
    background: #e7f0f5;
    position: absolute;
    top: 0;
    height: 100%;
    width: 30%;
    right: 0;
  }
  .header-wrap .navbar .navbar-nav > .nav-item .submenulists {
    display: block;
    transform: translate3d(0px, -35px, 0px);
    opacity: 0;
    pointer-events: none;
    width: 15rem;
    box-shadow: 0 5px 10px #00000029;
    border: none;
    margin-top: 0px;
  }

  .header-wrap .navbar .navbar-nav > .nav-item .submenulists.show {
    opacity: 1;
    transform: none;
    transition: all 0.5s ease;
    pointer-events: auto;
  }
  .header-wrap .navbar .navbar-nav > .nav-item:hover .submenulists {
    opacity: 1;
    transform: none;
    transition: all 0.5s ease;
    pointer-events: auto;
  }
  .md-w-75 {
    width: 75%;
  }
  .header-wrap.sticky .collapse-box {
    position: fixed;
    top: 0;
  }
}
/*end*/

.border-hero {
  margin: 0;
  border-color: var(--white);
  opacity: .75;
  border-top: 1.5px solid;
  width: 100%;
}
.slider-anlogo{
  position: absolute;
  top: 34%;
  right: 0px;
  transform: translate(0, -50%);
  width: 25rem;
}
.btn-primary{
  background: var(--black);
  color: var(--white);
  font-size: var(--text-small);
  letter-spacing: 3px;
  border-radius: 0;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding: 18px 25px;
  text-transform: uppercase;
  border: 1px solid var(--black);
  width: 170px;
}
.readmoren{
  color: var(--black);
  text-decoration: none;
  letter-spacing: 2px;
}
.btn-primary:is(:hover,:focus){
  background-color: var(--black);
  color: var(--yellow);
}
.btn-outline{
  background-color: var(--white);
  border: 1px solid var(--black);
  color: var(--black);
}
.btn-outline:is(:hover,:focus){
  background-color: var(--black);
  color: var(--yellow);
  border: 1px solid var(--black);
}

.btn-orange{
  background-color: var(--yellow);
  border: 1px solid var(--yellow);
  color: var(--white);
}
.btn-orange:is(:hover,:focus){
  background-color: var(--black);
  color: var(--yellow);
  border: 1px solid var(--black);
}

.btn-white{
  background-color: var(--white);
  border: 1px solid var(--white);
  color: var(--black);
}
.btn-white:is(:hover,:focus){
  background-color: var(--white);
  color: var(--yellow);
  border: 1px solid var(--white);
}

.branding-items-sec{
  padding: 1rem 2rem;
  height: 100%;
  padding-right: 0;
  border-left: 1px solid rgb(0 0 0 / 50%);
}
.slider-logo-about{
  position: absolute;
  bottom: 0;
  left: 51%;
  transform: translate(-50%);
  width: 35%;
  z-index: 1;
}
.wrap-balance{
  text-wrap: balance;
}
.line-1{
  line-height: 1;
}
.line-2{
  line-height: 1.2;
}
.content-wrap-m p:first-child{
  letter-spacing: 2px;
}
.ready-work{
  background-image: url('../images/page-background.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}


.footer-wrap{
  background: var(--black);
  padding: 2.5rem 0 1.5rem 0;
}
.footer-wrap ul {
  list-style: none;
  padding: 0;
}
.footer-wrap ul li {
  margin-bottom: 8px;
}
.footer-wrap a {
  color: #fff;
  text-decoration: none;
}
.copytext p{
  color: #c6c6c6;
}

.banner-textcoal h1{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.slider-pops{
  background: #CCCCCC;
}
.slick-prev:before, .slick-next:before{
  content: "";
  display: none;
}
.slick-prev, .slick-next{
  width: 40px;
  height: 40px;
}
.slick-prev{
  transform: rotate(180deg);
  left: 0;
}
.slick-next{
  right: 0;
}
.testin-headingpara{
  display: inline-block;
}
.lineheading{
  color: var(--yellow);
  border-top:  2px solid var(--yellow);
  margin-bottom: 10px;
}
/*about*/
.banner-detail .banner-textcoal .banner-logo-about > img{
  height: 100%;
}
.banner-detail .banner-textcoal .textwrap-hero{
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.teamwrap-listimages{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.teamwrap-listimages:last-child{
  padding-bottom: 0px;
}
.teamwrap-listimages:not(:last-child){
  border-bottom: 1px solid var(--black2);
}

/*filter*/
.galleryFilterOn li {
  padding: 8px 10px;
}
.galleryFilterOn li a{
  font-size: var(--text-20);
  color: var(--black);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 400;
  padding: 0;
  border-bottom: 1.5px solid var(--white);
}
.galleryFilterOn li a.active{
  border-bottom: 1.5px solid var(--black);
}
.galleryFilterOn li a:is(:hover,:focus){
  color: var(--yellow);
}

.listsecrvicehed{
  border-bottom: 1px solid var(--grey-border);
}
.errors {
  color: red;
}
.form-control, .form-select {
 
  border-radius: 0px;
  color: #939598;

  padding: 0;
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
  border: none;
  border-bottom: 1px solid var(--grey-bg2);
  outline: 0;
  box-shadow: none !important;
  font-size: var(--text-20);
  background-repeat: no-repeat;
  background-position: right .85rem;
}
.sucesssbox{
  line-height: 1.4;
}
.sucesssbox svg {
  flex: 0 0 auto;
}
.sucesssbox {
  text-align: left;
}
.clsbtnpop {
  background-color: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -40px !important;
  margin: 0;
  opacity: 1;
  right: -15px !important;
  box-shadow: 0 0.125rem 0.25rem rgba(2, 6, 23, 0.075);
}
input#name{
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23f58220%22%20class%3D%22bi%20bi-person%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%208a3%203%200%201%200%200-6%203%203%200%200%200%200%206m2-3a2%202%200%201%201-4%200%202%202%200%200%201%204%200m4%208c0%201-1%201-1%201H3s-1%200-1-1%201-4%206-4%206%203%206%204m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516%2010.68%2010.289%2010%208%2010s-3.516.68-4.168%201.332c-.678.678-.83%201.418-.832%201.664z%22%2F%3E%3C%2Fsvg%3E");

}
input#email{
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23f58220%22%20class%3D%22bi%20bi-person%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M0%204a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v8a2%202%200%200%201-2%202H2a2%202%200%200%201-2-2zm2-1a1%201%200%200%200-1%201v.217l7%204.2%207-4.2V4a1%201%200%200%200-1-1zm13%202.383-4.708%202.825L15%2011.105zm-.034%206.876-5.64-3.471L8%209.583l-1.326-.795-5.64%203.47A1%201%200%200%200%202%2013h12a1%201%200%200%200%20.966-.741M1%2011.105l4.708-2.897L1%205.383z%22%2F%3E%3C%2Fsvg%3E");
}
input#phone{
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23f58220%22%20class%3D%22bi%20bi-person%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M11%201a1%201%200%200%201%201%201v12a1%201%200%200%201-1%201H5a1%201%200%200%201-1-1V2a1%201%200%200%201%201-1zM5%200a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h6a2%202%200%200%200%202-2V2a2%202%200%200%200-2-2z%22%2F%3E%3Cpath%20d%3D%22M8%2014a1%201%200%201%200%200-2%201%201%200%200%200%200%202%22%2F%3E%3C%2Fsvg%3E");
}
textarea#message{
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23f58220%22%20class%3D%22bi%20bi-person%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M15.502%201.94a.5.5%200%200%201%200%20.706L14.459%203.69l-2-2L13.502.646a.5.5%200%200%201%20.707%200l1.293%201.293zm-1.75%202.456-2-2L4.939%209.21a.5.5%200%200%200-.121.196l-.805%202.414a.25.25%200%200%200%20.316.316l2.414-.805a.5.5%200%200%200%20.196-.12l6.813-6.814z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1%2013.5A1.5%201.5%200%200%200%202.5%2015h11a1.5%201.5%200%200%200%201.5-1.5v-6a.5.5%200%200%200-1%200v6a.5.5%200%200%201-.5.5h-11a.5.5%200%200%201-.5-.5v-11a.5.5%200%200%201%20.5-.5H9a.5.5%200%200%200%200-1H2.5A1.5%201.5%200%200%200%201%202.5z%22%2F%3E%3C%2Fsvg%3E");
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
@media screen and (min-width: 767.6px) {
  .banner-home .container {
      height: 100%;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
  }
  .banner-textcoal{
    position: absolute;
    top: 50%;
    left: auto;
    transform: translateY(-50%);
    width: calc(100% - 30px);
    text-wrap: balance;
  }
  .text-md-white{
    color: var(--white);
  }
  .io-slideritems{
    width: 65%;
    margin: 0 auto;
    padding-top: 8rem;
    padding-bottom: 5rem;
  }
  .double-quote {
    position: absolute;
    top: -6rem;
    z-index: -1;
    opacity: .5;
    left: -5rem;
    width: 150px;
}
.festure-sectiontectwrp{
  position: absolute;
  top: 50%;
  left: 25%;
  transform: translateY(-50%);
}
}
@media screen and (max-width: 991.5px) {
  .banner-detail {
    height: 31vw;
}
  .banner-detail > img{
    height: 100%;
  }
  .banner-detail .container{
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .iframemap  iframe{
    height: 300px;
  }
}
@media screen and (max-width: 767.5px) {
  .btn-primary{
    width: 100%;
  }
  .io-slideritems{
    width: 70%;
    margin: 0 auto;
    padding-top: 5rem;
    padding-bottom: 4rem;
  }
  .double-quote {
    position: absolute;
    top: -4rem;
    z-index: -1;
    opacity: .5;
    left: 0;
    width: 100px;
}
.testimgmain  img{
  width: 100%;
}
.slider-anlogo{
  width: 10rem;
}
.spacing-pt-3{
  padding-top: 3rem;
}
.spacing-pb-3{
  padding-bottom: 3rem;
}
.banner-detail{
  height: 50vw;
}
.teamwrap-listimages{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
}

/*Header*/
.gallery-main {
          position: relative;
          overflow: hidden;
          width: 100%;
          /*height: 300px;*/
          height: auto;
    border: 0.5px solid #cccccc7;
        }

        .gallery-main img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
        }

        .gallery-main .default-img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          z-index: 1;
          transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
        }

        .gallery-main .hover-img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          opacity: 0;
          z-index: 2;
          transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
        }

        .gallery-item:hover .default-img {
          transform: scale(0.9);
          opacity: 0;
        }

        .gallery-item:hover .hover-img {
          opacity: 1;
          transform: scale(1.1);
          filter: grayscale(100%);
        }

        .gallery-main .hover-text {
          position: absolute;
          top: 55%;
          left: 50%;
          transform: translate(-50%, -50%);
          background: rgba(0, 0, 0, 0.7);
          color: white;
          padding: 10px 20px;
          font-size: 16px;
          font-weight: bold;
          text-transform: uppercase;
          opacity: 0;
          z-index: 3;
          transition: opacity 0.2s ease-in-out, top 0.2s ease-in-out;
        }

        .gallery-item:hover .hover-text {
          opacity: 1;
          top: 50%;
        }


.h-button span {
  display: inline-block;
  min-width: 0.3em;
  text-transform: uppercase;
  transition: 0.25s cubic-bezier(0.5, -1, 0.5, 2);
  opacity: 0;
  transform: translate(0, -20px);
}
.h-button:before {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  left: 0;
  transition: 0.25s cubic-bezier(0.5, -1, 0.5, 2);
  text-transform: uppercase;
  letter-spacing: 3.5px;
  opacity: 1;
  transform: translate(0, 0px);
}
.h-button:hover:before, .h-button:focus:before {
  opacity: 0;
  transform: translate(0, 20px);
}
.h-button:hover span, .h-button:focus span {
  opacity: 1;
  transform: translate(0, 0);
}
.h-button:hover span:nth-child(1), .h-button:focus span:nth-child(1) {
  transition-delay: 0.025s;
}
.h-button:hover span:nth-child(2), .h-button:focus span:nth-child(2) {
  transition-delay: 0.05s;
}
.h-button:hover span:nth-child(3), .h-button:focus span:nth-child(3) {
  transition-delay: 0.075s;
}
.h-button:hover span:nth-child(4), .h-button:focus span:nth-child(4) {
  transition-delay: 0.1s;
}
.h-button:hover span:nth-child(5), .h-button:focus span:nth-child(5) {
  transition-delay: 0.125s;
}
.h-button:hover span:nth-child(6), .h-button:focus span:nth-child(6) {
  transition-delay: 0.15s;
}