*{
    margin: 0;
    padding: 0;
}
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; 
}

  :root {
    --primary-color: #014782;
    --second-color: #010101;
    --body-color: #646464;
    --heading-color: #010101;
    --white-color: #ffffff;
    --black-color: #000000;
    --primary-color-rgb: 144, 110, 73;
    --second-color-rgb: 1, 1, 1;
    --body-color-rgb: 100, 100, 100;
    --heading-color-rgb: 1, 1, 1;
    --white-color-rgb: 255, 255, 255;
    --black-color-rgb: 0, 0, 0;
    --link-color: var(--heading-color);
    --link-color-hover: var(--primary-color);
    --link-color-active: var(--primary-color);
    --body-font-family: 'Roboto', sans-serif;
    --body-font-size: 18px;
    --body-font-weight: 400;
    --body-line-height: 1.66666666667;
    --body-letter-spacing: 0px;
    --heading-font-family: 'Roboto Condensed', sans-serif;
    --heading-font-weight: 400;
    --heading-line-height: 1.14583333333;
    --heading-letter-spacing: 0.05em;
    --heading-color-hover: var(--primary-color);
    --heading-font-size-h1: 70px;
    --heading-font-size-h2: 65px;
    --heading-font-size-h3: 48px;
    --heading-font-size-h4: 28px;
    --heading-font-size-h5: 18px;
    --heading-font-size-h6: 16px;
    --logo-mobile_width: 132px;
    --page-title-max-width: 100%;
}
  html, body {
    /* height: 100%; */
    width: 100%;
    overflow-x: hidden !important;

}  


body{
  /* background-color: #fafafa !important; */
  overflow-y: hidden;
  /* font-family: "Roboto", serif; */
  font-family: 'Roboto', sans-serif!important;
  font-weight: 400;
  letter-spacing: var(--body-letter-spacing);
    -webkit-font-smoothing: antialiased;
  font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font-family);
  color: var(--heading-color);
  line-height: var(--heading-line-height);
  font-weight: var(--heading-font-weight);
  letter-spacing: var(--heading-letter-spacing);
}
h3, .h3, .size-h3 {
  font-size: var(--heading-font-size-h3);
}

.header{
  position: fixed;
  z-index: 100;
  width: 100%;
}

.header .navbar{
  color: #fff;

}

/* .bg-white{
  background-color: #fff;

} */

.nav-link{
  font-weight: 600;
  display: inline-block;
    position: relative;
    font-size: 17px;
    
    letter-spacing: 1px;
    color: #fff !important;
    vertical-align: baseline;
    padding: 8px 0;
}

@media (min-width: 992px){
.active.nav-link::after{
  transform: scale(1);
}
.nav-link:after{
  position: absolute;
  content: '';
  bottom: 0px;
  left: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  background-color: #f3ba2c;
  height: 2px;
  width: 60%;
  -webkit-transition: .2s;
  transition: .2s;
}
.nav-link:hover:after{
  position: absolute;
  content: '';
  bottom: 0px;
  left: 0;
  -webkit-transform: scale(0);
  transform: scale(1);
  background-color: #f3ba2c;
  height: 2px;
  width: 100%;
  -webkit-transition: .2s;
  transition: .2s;
}
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none !important;
}

.dropdown-menu{
  border-radius: 0px !important;
}
.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}
.nav-link i {
  color: #f3ba2c;
}
.nav-item{
  display: inline-block;
  position: relative;
  margin-right: 25px;
}

.no-wrapping{
  white-space: nowrap;
}
.mt-20{
  margin-top: 20px;
}

.pl-20{
  padding-left: 20px !important;
}
.nav-dark i{
  color: #fff !important;
  z-index: 10 !important;
}
.nav-dark button{
  box-shadow: none !important;
}

.nav-dark button:hover i{
  color: #eb6909 !important;
}

@media (min-width: 1220px){
.show-hide{
display: none !important;
}
.here-show{
  display: block !important;
}

.top-bar{
  padding: 17px 0 12px;
}
}
/* @media (min-width: 1220px){
.navbar {
  min-height: 149px;
}
} */
/* @media (min-width: 991px){
  .nav-item>a{
      padding: 46px 0 46px;
  }
  
} */
/* top header ends */

.banner .carousel-item img{
  height: 700px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  animation: slideMe 7s ease-in !important;
  transform: scale(1.1);
  /* filter: blur(0px); */
}

.banner{
  height: 700px;
  position: relative;
}
.banner .text-container{
 position: absolute;
 top: 50%;
 width: 100%;
 z-index: 1;
}

.sky-head{
  padding: 30px 30px 30px 30px;
}
.sky-para{
  padding: 20px 30px 20px 30px;
}
.sky-para{
  padding: 20px 40px 20px 40px;
}

.banner-low{
  padding: 20px 40px 20px 40px;
}

.sky-para p{
  color: #ffffff;
  font-family: "Palanquin", Sans-serif;
  font-size: 18px;
  font-weight: 300 !important;
  line-height: 1.4em;
}
.banner-number h3{
  color: #ffffff;
    font-size: 26px;
    font-weight: 900;

}
.banner-icon i{
  font-size: 50px;
  color: #eabb00;
  margin-bottom: 15px;
}
.text-container h2{
  color: #fff;
  font-family: "Palanquin", Sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.3em;
    overflow-wrap: break-word;
}
.line{
  border-right: 1px solid #fff;
}
.navbar-brand .im-1{
  display: block;
}
.navbar-brand .im-2{
  display: none;
}
/* .carousel-item .main-bg{
  animation: slideMe 3s ease-in !important;
  transform: scale(1.2);
} */
@keyframes slideMe{
0%{
  
      transform: scale(1);
      /* filter: blur(3px); */
}
  /* 30%{
  transform: scale(.7);
      filter: blur(7px);
}
60%{
  transform: scale(.8);
      filter: blur(4px);
}
80%{
  transform: scale(.9);
      filter: blur(2px);
} */
100%{
  transform: scale(1.1);
      filter: blur(0px);
}
}
@media (max-width: 991px){
  .banner .carousel-item img{
    height: 100vh;
    width: 100%;
    /* animation: slideMe 3s ease-in !important; */
    transform: scale(1.1);
  }
  .header{
    background-color: #fff;
  }
  .nav-link{
    color: #000 !important;
  }

  .navbar-brand .im-1{
    display: none;
  }
  .navbar-brand .im-2{
    display: block;
  }
}
@media (max-width: 767px){
  .banner .carousel-item img{
    height: 100vh;
    width: 100%;
    /* animation: slideMe 3s ease-in !important; */
    transform: scale(1.1);
  }
  .line{
    border-right: none;
  }
  .banner{
    height: 100vh;
    position: relative;
  }
  .banner .carousel-item{
    overflow: hidden;
  }
  .banner .text-container{
    position: absolute;
    top: 20%;
    width: 100%;
    z-index: 1;
   }
  .sky-para p{
    color: #ffffff;
    font-family: "Palanquin", Sans-serif;
    font-size: 14px;
    font-weight: 300 !important;
    line-height: 1.4em;
  }
  .banner-number h3{
    color: #ffffff;
      font-size: 20px;
      font-weight: 900;
  
  }
  .banner-icon i{
    font-size: 32px;
    color: #eabb00;
    margin-bottom: 15px;
  }
  .text-container h2{
    color: #fff;
    font-family: "Palanquin", Sans-serif;
      font-size: 32px;
      font-weight: 700;
      line-height: 1.3em;
      overflow-wrap: break-word;
  }
  .sky-head{
    padding: 20px 20px 20px 0px;
  }
  .sky-para{
    padding: 10px 20px 10px 0px;
  }
  .sky-para{
    padding: 20px 20px 20px 20px;
  }
  
  .banner-low{
    padding: 20px 20px 20px 20px;
  }
  
}
/* Hero ends */

.scrolling-active{
  background: #fff;
  box-shadow: 0 0px 1rem rgb(0 0 0 / 50%);
}

.scrolling-active .nav-link{
  color: #000 !important;
}

.card{
  cursor: pointer;
  width: 340px;
  min-height: 280.578px;
  border: none !important;
}
.mt-20{
  margin-top: 20px !important;
}
.back-inner{
  padding: 20px !important;
}


p {
  overflow-wrap: break-word;
}
.front,.back{
  width: 100%;
  height: 100%;
  overflow: hidden;
  backface-visibility: hidden;
  position: absolute;
  transition: transform .4s linear;
}
.front img{
    width: 100%;
  /* height: 100%; */
}
.front{
  transform: perspective(1173.31px) rotateY(0deg);
}
.back{
  background: #eb6909;
  transform: perspective(1173.31px) rotateY(180deg);
}
.back-content{
  color: #2c3e50;
  text-align: center;
  width: 100%;
  height: 100%;
}
.sm{
  margin: 20px 0;
}
.sm a{
  display: inline-flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  color: #2c3e50;
  font-size: 18px;
  transition: 0.4s;
  border-radius: 50%
}
.sm a:hover{
  background: #2c3e50;
  color: white;
}
.card:hover > .front{
  transform: perspective(1173.31px) rotateY(-180deg);
}
.card:hover > .back{
  transform: perspective(1173.31px) rotateY(0deg);
}
.btn-inline{
  display: inline-block;
  vertical-align: top;
}
.modern {
  color: #666;
  border-color: #ebebeb;
  background-color: #ebebeb;
  font-size: 14px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 5px;
  border: 1px solid transparent;
  box-sizing: border-box;
  word-wrap: break-word;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.wpb_wrapper{
/* padding-top: 30px; */
color: #5a5a5a !important;
}

.wpb_wrapper h1{
  font-size: 36px !important;
  font-weight: 700 !important;

}
.p-0{
padding: 0px !important;
}
.mt-22{
  margin-top: 22px;
}
.mb-22{
  margin-bottom: 22px;
}




.nav-scrolled {
  --text: #333;
  --text-inverse: #191a1c;
  --background: #fff;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2);
  font-weight: 400;
  position: fixed;
  top: 0;
  background-color: #fff;
  /* z-index: 100; */
  width: 100%;
  transition: all .2s linear;
}
.nav-scrolled .navbar-nav>li>a{
  color: #191a1c;
  font-weight: 600 ;
  text-transform: uppercase;
}
/* .nav-scrolled .collapse>span>a{
  color: #191a1c;
  font-weight: 600;
} */
.navbar-brand img{
  width: 60px;
}

/* @media (max-width: 1219px){
.navbar-brand img{
  top: 0;
  width: 235px;
}
} */
.nav-scrolled .navbar {
  min-height: auto;
  transition: all .2s linear;
}



.linking a{
  color: #5a5a5a;
  
}
.linking a:hover{
  color: #eb6909;
  text-decoration: none;
  
}
.nav-scrolled .active{
color: #eb6909 !important;
}
.nav-scrolled .nav-item>a:hover{
  color: #eb6909 !important;
}
@media (min-width: 992px){
.nav-scrolled .navbar-brand, .nav-scrolled .hid{
  display: none;
}
}

@media (max-width: 1260px) and (min-width:992px){
  .nav-scrolled .navbar-expand-lg {
      /* display: block !important; */
      flex-wrap: nowrap !important;
  }
}
.text-head{
  z-index: 100 !important;
  font-family: Rubik !important;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  top: 121px !important;
  left: 200px !important;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: start !important;
}

.text-head h3{
  font-size: 23px;
  line-height: 32px;
  margin-bottom: 80px;
}

.text-head h1{
  white-space: nowrap;
  font-size: 82px;
  margin-bottom: 40px ;
  line-height: 82px;
}
.text-head a{
  z-index: 21;
  min-width: 228px;
  max-width: 228px;
  white-space: nowrap;
  font-size: 18px;
  line-height: 55px;
  font-weight: 700;
  color: rgb(255, 255, 255);
  font-family: Rubik;
  background-color: rgb(235, 105, 9);
  border-color: rgb(0, 0, 0);
  border-radius: 30px;
  /* outline: none; */
  /* box-shadow: rgb(153 153 153) 0px 0px 0px 0px; */
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none;
  visibility: inherit;
  transition: none 0s ease 0s;
  text-align: center;
  margin: 0px;
  margin-left: 30px;
  padding: 20px 46px;
  letter-spacing: 0px;
  min-height: 0px;
  max-height: none;
  filter: blur(0px);
  opacity: 1;
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform-origin: 50% 50% 0px;
  border-width: 0px;
}

.text-head a:hover{
  background-color: #7adcb4;
  color: #fff;
}


.text-head1{
  z-index: 100 !important;
  font-family: Rubik !important;
}

.hero{
  position: relative;
}
.hero .carousel-caption1{
  position: absolute;
  left: 15%;
  top: 50%;
  /* bottom: 1.25rem; */

  /* top: 40px !important; */
  left: 160px !important;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: start !important;
}


.carousel-caption1 img{
  display: block;
 width: 200px;
/* margin-left: 480px; */
margin-bottom: 20px;
margin-top: 30px ;
  
}



.text-head1 h3{
  font-size: 23px;
  line-height: 32px;
  margin-bottom: 30px;
}

.text-head1 h1{
  white-space: nowrap;
  font-size: 82px;
  margin-bottom: 40px ;
  line-height: 82px;
}
.text-head1 a{
  z-index: 21;
  min-width: 228px;
  max-width: 228px;
  white-space: nowrap;
  font-size: 18px;
  line-height: 55px;
  font-weight: 700;
  color: rgb(255, 255, 255);
  font-family: Rubik;
  background-color: rgb(235, 105, 9);
  border-color: rgb(0, 0, 0);
  border-radius: 30px;
  /* outline: none; */
  /* box-shadow: rgb(153 153 153) 0px 0px 0px 0px; */
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none;
  visibility: inherit;
  transition: none 0s ease 0s;
  text-align: center;
  margin: 0px;
  
  /* margin-left: 30px; */
  padding: 20px 46px;
  letter-spacing: 0px;
  min-height: 0px;
  max-height: none;
  filter: blur(0px);
  opacity: 1;
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform-origin: 50% 50% 0px;
  border-width: 0px;
}

.text-head1 a:hover{
  background-color: #7adcb4;
  color: #fff;
}


.banner-img{
  position: absolute;
  right: 15%;
  bottom: 40px;
  /* top: 200px !important; */
  left: 29px !important;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  
  text-align: start !important;
}

.banner-img img{
  width: 140px;
}

.text-head, .banner-img, .carousel-caption1{
  animation: text-open 1s ease-in !important;
  /* transform: scale(1.2); */
}
@media (max-width: 992px) and (min-width: 768px){
  .text-head1 h1, .text-head h1{
      
      font-size: 62px;
      margin-bottom: 20px;
  }
  .text-head1 h3,.text-head h3{
      font-size: 20px;
  }
  .text-head1 a,.text-head a {
      font-size: 16px;
  }
  .carousel-caption1{
      left: 100px !important;
  }
  .carousel-caption{
      left: 100px !important;
  }
  .text-head a{
      margin-left: 50px;
  }
  .banner-img img{
      width: 80px;
  }
  .owl-nav .owl-prev {
      left: -40px;
      /* margin-left: -20px; */
  }
  .owl-nav .owl-next {
      right: -30px;
  }
}

@media (max-width: 767px) {
  .text-head1 h1, .text-head h1{
      
      font-size: 42px;
      margin-bottom: 20px;
      
  }
  .navbar-brand img{
    width: 50px;
  }
  .text-head1 h3,.text-head h3{
      font-size: 18px;
  }
  .text-head1 a,.text-head a {
      font-size: 15px;
  }
  .carousel-caption1{
      left: 80px !important;
  }
  .carousel-caption{
      left: 80px !important;
  }
  .banner-img{
      display: none;
  }
  .text-head a{
      margin-left: 0px;
  }
  .owl-nav .owl-prev {
      left: 0px;
      /* margin-left: -20px; */
  }
  .owl-nav .owl-next {
      right: 0px;
  }
  .title-lg1 {
      font-size: 42px !important;
     
  }
  .text-banner strong {
      font-size: 42px;
  }
  .text-banner p {
      font-size: 28px;
  }
  .description h6 {
      font-size: 22px;
  }
  .btn-border {
      font-size: 12px;
      height: 40px;
      /* font-size: 14px; */
  }
  .wpb_wrapper h1 {
      font-size: 28px !important;
      font-weight: 700 !important;
  }
  .carousel-box p{
      font-size: 16px;
  }
  .m-10{
      margin-top: 10px;
  }
}
@keyframes text-open{
0%{
  
      /* transform: scale(1); */
      filter: blur(20px);
      visibility: hidden;
}
  
100%{
  /* transform: scale(1.2); */
      filter: blur(0px);
      visibility: visible;
}
}



/* welcome section starts */

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

.scrolling-active .im-1{
  display: none;
}
.scrolling-active .im-2{
display: block;
}

.welcome-txt h6{
  color: #967c4b;
  font-size: 16px;
    font-weight: 500;
    text-transform: lowercase;
    letter-spacing: 1.7px;
    line-height: 1.3;
    font-family: 'Playfair Display', serif;
    margin-bottom: 20px;
}

.welcome-txt h4{
  color: #222222;
  font-size: 36px;
  font-weight: 700;
  font-family: 'Playfair Display', serif;
  margin-bottom: 20px;
}

.welcome-txt p{
  color: #7a7a7a;
  font-family: 'Poppins', sans-serif;  
  margin: 0px 0px 80px 0px;
  max-width: 360px;
  font-size: 20px;
}


.btn-more{
  border: 3px solid #f3ba2c;
  display: inline-block;
  position: relative;
  cursor: pointer;
  color: #000;
  font-size: 12px;
  line-height: 29px;
  font-weight: 800;
  text-align: center;
  letter-spacing: 2px;
  background: transparent;
  white-space: normal;
  outline: 0;
  box-shadow: none;
  text-decoration: none;
  /* -webkit-transition: .2s; */
  transition: .2s;
  /* border: 3px solid #f3ba2c; */
  padding: 8px 40px;
  border-radius: 0;
  /* min-width: -webkit-max-content; */
  min-width: -moz-max-content;
  min-width: max-content;
  margin-bottom: 20px;
}

.btn-more:hover{
  background-color: #f3ba2c;
  color: #fff;
}



.btn-more2{
  border: 3px solid #000;
  display: inline-block;
  position: relative;
  cursor: pointer;
  color: #000;
  font-size: 12px;
  line-height: 29px;
  font-weight: 800;
  text-align: center;
  letter-spacing: 2px;
  background: transparent;
  white-space: normal;
  outline: 0;
  box-shadow: none;
  text-transform: uppercase;
  text-decoration: none;
  /* -webkit-transition: .2s; */
  transition: .2s;
  /* border: 3px solid #f3ba2c; */
  padding: 8px 40px;
  border-radius: 0;
  /* min-width: -webkit-max-content; */
  min-width: -moz-max-content;
  min-width: max-content;
  margin-bottom: 20px;
}

.btn-more2:hover{
  background-color: #fff;
  color: #000;
}
.welcome-img img{
  max-width: 100%;
  width: 360px;
}

@media (max-width: 767px) {
  .welcome-img img{
    
    width: 100%;
  }
  .pad-small{
    padding: 60px;
  }
  .mt-140{
    margin-top: 0px;
  }
  .mb-140{
    margin-bottom: 0px;
  }
}

@media (max-width: 991px) {
  .welcome-img img{
    
    width: 100%;
  }
  .welcome-txt p{
    font-size: 16px;
    max-width: 100%;
    margin: 0px 0px 0px 0px;
  }
}

/* Welcome section ends */

/* grid sec starts */
.grid-sec{
  min-height: 530px;
}
.grid-sec-1{
  background: url("../Images/chuttersnap-3_1f0ZGOjIY-unsplash.jpg");
    background-position: center center;
    background-size: cover;
    min-height: 530px;
    position: relative;
    /* flex: 0 0 100%; */

}
.grid-sec-1 .row-container{
  position: absolute;
  bottom: 0;
  width: 100%;
  right: 0;
  left: 0;
}
.grid-sec-2{
  background: url("../Images/ba696e81242285.5d271a287eea6.jpg");
    background-position: center center;
    background-size: cover;
    min-height: 530px;
}

.box-cont{
  padding: 30px;
}

.grid-txt h3 a{

  color: #222;
  font-size: 30px;
  font-family: "Playfair Display";
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
}
.grid-txt h3 a:hover{

  color: #f4ba10;
  
}

.grid-txt p{
  color: #7a7a7a;
  font-size: 15px;
  font-family: 'Poppins', sans-serif;  
}

.grid-icon i{
  font-size: 50px;
  color: #f4ba10;
  transition: all .3s;
  text-align: center;
  margin: 10px;
}

.row-container{
  background: #fff;
}
/* grid sec ends */

/* slider-sec starts */
.slider-txt h4{
  font-family: "Playfair Display";
  font-size: 36px;
  line-height: 1.3;
}
.slider-divider{
  width: 200px;
}
.span{
  height: 20px;
  background: url("../Images/download.svg");
  width: 20px;
display: inline-block;
  background-repeat: repeat-x;
}

.p-90{
  padding: 90px;
}


.owl-nav .owl-prev, .owl-nav .owl-next {
  text-align: center;
  position: absolute;
  height: 60px;
  width: 55px;
  border-radius: 0 !important;
  line-height: 70px;
  font-size: 40px !important;
  margin: auto 0px !important;
  top: 0;
  bottom: 0;
  background-color: rgb(255, 255, 255) !important;
  /* background: rgba(0, 0, 0, 0.5) !important;  */
  color: rgb(0, 0, 0) !important;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover {
  
  background-color: #000 !important;
  color: #fff !important;
  
}

.owl-nav .owl-prev {
  left: 10px;
}
.owl-nav .owl-next {
  right: 10px;
}

.owl-carousel .item img{
  object-fit: cover;
  object-position: center;
  min-height: 530px !important;
}


@media (max-width: 991px) {
  .owl-carousel .item img{
    object-fit: cover;
    object-position: center;
    min-height: 430px !important;
  }
  .owl-nav .owl-next {
    right: 20px;
  }
  .grid-sec-1 .row-container{
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
    
  }
  .p-90{
    padding: 25px;
  }
  
}
@media (max-width: 767px) {
  
  .grid-sec-1 .row-container{
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
    
  }
  .grid-sec-1{
    background: url("../Images/chuttersnap-3_1f0ZGOjIY-unsplash.jpg");
      background-position: end;
      background-size: cover;
      min-height: 820px;
      position: relative;
      /* flex: 0 0 100%; */
  
  }
  
  .box-cont{
    padding: 15px;
  }
}
/* slider-sec ends */

/* gif sec starts */
.py-60{
  padding: 90px 0px;
}
.gif-sec{
  background: #fff !important;
  margin-top: -10px;
}
.gif-img img{
  width: 600px;
}

.pt-30{
  padding-top: 30px;
}




.am-bg{
  background: url("../Images/backgrnd.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  /* opacity: 0.5; */
  position: relative;
}
.background-overlay2 {
  background-color: #756e6a;
  opacity: 0.85;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
}
.amenities{
  z-index: 1 !important;
  position: relative;
}
.amenities h4{
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
  position: relative;
  text-align: end;
  z-index: 2 !important;
  font-family: "Playfair Display";
  padding: 270px 70px 70px 70px;
}
@media (max-width: 767px) {
 
  .gif-img img{
    width: 300px;
    
  }
  .gif-img{
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
  }
  .gif-sec .py-60{
    padding-bottom: 0px;
  }
  .amenities h4{
    padding: 60px 60px 60px 60px;
    text-align: center;
  }
}
/* gif sec ends */

/* Panaroma starts */
#panorama {
  width: 100%;
  height: 90vh;
}

/* Panaroma ends */

/* Collapse map starts */
.collapse-map{
  background: url("../Images/back.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 140px 0px 140px 0px;
  position: relative;

}

.background-overlay {
  background-color: #ffffff;
  opacity: 0.85;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
}

.overlay3 {
  background-color: #f3ba2c;
  opacity: 0.9;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
}
.overlay-white{
  background-color: rgba(255,255,255,0.8);
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    transform: translateZ(0);
    z-index: 0;
}

.collapse-cont{
  display: flex;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  max-width: 1400px;
}

.collapse-cont{
  padding: 10px;
}

.collapse-cont .accordion-header{
  font-size: 18px;
  line-height: 1.4;
  border: none !important;
  padding: 0px !important;
}

.collapse-cont .accordion-button{
  background-color: #fafafa !important;
  color: #000 !important;
  font-weight: 600;
  font-size: 18px !important;
  padding: 20px 20px !important;
  font-family: 'Poppins', sans-serif; 
}

.collapse-cont .accordion-item {
  background-color: #fff;
  border: none !important;
  border-right: 1px solid #f4ba10 !important;
  border-left: 1px solid #f4ba10 !important;
  border-bottom: 1px solid #f4ba10 !important;
}
.collapse-cont .accordion-item:first-child{
  border-top: 1px solid #f4ba10 !important;
}

.collapse-cont .accordion .card-body{
  background-color: #fafafa;
  font-size: 17px;
    line-height: 1.6em;
    padding: 30px 30px 30px 30px;
    color: #7a7a7a;
    line-height: 1.6em;
}


.collapse-cont .accordion-button:focus {
  z-index: 3;
  /* border-color: red !important; */
  outline: 0;
  box-shadow: none !important;
}


.collapse-cont .accordion-button:not(.collapsed)::after {
  background-image: url(../Images/minus.svg);
}

.collapse-cont .accordion-button:not(.collapsed) {
  color: #fff !important;
  font-weight: 600;
  font-size: 18px;
  background-color:  #f4ba10 !important;
  box-shadow: none !important;
}


.collapse-cont .accordion-button[aria-expanded="true"]{
  background-color:  #f4ba10 !important;
  color: #fff !important;
}
.collapse-cont .accordion-button::after {
 
  content: none !important;
}

/* collapse map ends */

/* Parallax starts */

.parallax-window {
  min-height: 350px;
  background: transparent;
  position: relative;
  z-index: 10 !important;
}
.parallax-window1 {
  height: 60vh !important;
  background: transparent;
  position: relative;
  z-index: 10 !important;
}
.welcome-cont{
  padding-top: 200px;

}



.parallax-window .parallax-container{
  font-size: 60px;
  line-height: 1.2em;
  font-family: Montserrat,sans-serif;
  font-weight: 600;
  z-index: 2 !important;
  position: absolute;
  /* padding: 140px 0px; */
  top: 20%;
  width: 100%;
  /* left: 40%; */
  margin: auto auto !important;
}
 .heading1 h2{
  font-size: 44px;
    font-weight: 900;
    line-height: 1.3;
    font-family: "Playfair Display";
    color: #ffffff;
}
.parallax-container .heading2 h2{
  font-size: 44px;
    font-weight: 900;
    line-height: 1.3;
    font-family: "Playfair Display";
    color: #222;
}
.parallax-container .heading2 p{
  color: #7a7a7a;
  font-family: 'Poppins', sans-serif;  
  margin: 0px 0px 0px 0px;
  line-height: 25px;
  /* max-width: 360px; */
  font-size: 20px;
}

.p-60{
  padding: 60px;
}
/* Parallax ends */

/* Blog starts */
.blog{
  /* background-color: #1d1d2d; */
  /* padding: 80px 0px 80px 0px; */
  position: relative;
}




.blog-image{
width: 100%;
}
.blog-image img{
  width: 100%;
  }
.blog-image{
  background: url("../Images/blog-1.jpg");
  background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

.blog-card-body{
  background: #fff;
}

.btn-more3{
  border: 3px solid #f3ba2c;
  display: inline-block;
  position: relative;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
  line-height: 29px;
  font-weight: 800;
  text-align: center;
  letter-spacing: 2px;
  background: #f3ba2c;
  white-space: normal;
  outline: 0;
  box-shadow: none;
  text-decoration: none;
  /* -webkit-transition: .2s; */
  transition: .2s;
  /* border: 3px solid #f3ba2c; */
  padding: 8px 40px;
  border-radius: 0;
  /* min-width: -webkit-max-content; */
  min-width: -moz-max-content;
  min-width: max-content;
  margin-bottom: 20px;
}

.btn-more3:hover{
  background-color: #f3ba2c;
  color: #fff;
}

.blog-card .description{
  font-size: 16px;
    line-height: 1.66em;
    margin-bottom: 40px;
    transition: 0.3s;
    color: #7a7a7a;
}

.blog-card a{
  text-decoration: none;
  box-shadow: none;
}

.blog-card .heading-link{
  margin-bottom: 20px;
    transition: 0.3s;
    font-size: 22px !important;
    font-weight: 700;
    font-family: "Playfair Display";
    color: #000;
}

.blog-card .heading-link h3{
  font-weight: 700;
  font-size: 22px !important;
}
.blog-card-body{
  padding: 15px 30px 0px;
}
.blog-card .blog-date{
  color: #7a7a7a;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: "Playfair Display";
}


@media (max-width: 991px) {
  .parallax-container .heading1 h2{
    font-size: 30px;
      font-weight: 900;
      line-height: 1.3;
      font-family: "Playfair Display";
      color: #ffffff;
  }

  .blog-boxes .pg-2{
    padding: 10px 10px !important;
  }
  .parallax-window1 {
    height: 60vh !important;
    background: transparent;
    position: relative;
    z-index: 10 !important;
  }
}


@media (max-width: 767px) {
  

  .blog-boxes .pg-2{
    padding: 10px 20px !important;
  }
}

/* Blog ends */



.elementor-element.elementor-element-6b078c2 {
  --divider-border-style: slashes;
  --divider-border-color: #f4ba10;
  --divider-border-width: 1px;
  --divider-pattern-height: 20px;
  --divider-pattern-size: 20px;
  --divider-icon-size: 20px;
  --divider-element-spacing: 10px;
  --divider-pattern-url: none;
    --divider-pattern-repeat: repeat-x;
    position: relative;
}
.elementor-widget:not(:last-child) {
  margin-bottom: 20px;
}
.elementor-widget-wrap>.elementor-element {
  width: 100%;
}
.elementor-widget-container {
  margin: 0px 0px 40px 0px;
  transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
}
.elementor-divider {
  padding-top: 15px;
  padding-bottom: 15px;
}
.elementor-divider {
  line-height: 0;
  font-size: 0;
}
.elementor-divider-separator {
  width: 190px;
}
.elementor-element-5aa9955 {
  --divider-border-style: slashes;
  --divider-border-color: #f4ba10;
  --divider-border-width: 1px;
  --divider-pattern-height: 20px;
  --divider-pattern-size: 20px;
}
.elementor-divider-separator {
  width: 190px;
}
.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator {
  border-top: 1px slashes #f4ba10;
}

.elementor-divider-separator{
min-height: 20px;
background-image: url("../Images/slash.svg");
/* -webkit-background-size: var(--divider-pattern-size) 100%; */
background-size: 20px 100%;
background-repeat: repeat-x;
}


.counting .num{
font-size: 69px;
color: #000;
font-family: 'Poppins', sans-serif;
font-weight: 600;

}

.counting{
  flex-wrap: wrap !important;

}



.amenities1 .carousel-item img{
height: 160vh;
object-fit: cover;
}

.car-img{
  object-fit: cover;
}

.butn1{
  border: 3px solid #f3ba2c;
  display: inline-block;
  position: relative;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
  line-height: 29px;
  font-weight: 800;
  text-align: center;
  letter-spacing: 2px;
  background: #f3ba2c;
  white-space: normal;
  outline: 0;
  box-shadow: none;
  text-decoration: none;
  /* -webkit-transition: .2s; */
  transition: .2s;
  /* border: 3px solid #f3ba2c; */
  padding: 8px 40px;
  border-radius: 0;
  /* min-width: -webkit-max-content; */
  min-width: -moz-max-content;
  min-width: max-content;
  /* margin-bottom: 20px; */
}

.parallax-btn{
  border: 3px solid #f3ba2c;
  display: inline-block;
  position: relative;
  cursor: pointer;
  color: #ffff;
  font-size: 12px;
  line-height: 29px;
  font-weight: 800;
  text-align: center;
  letter-spacing: 2px;
  background: #f3ba2c;
  white-space: normal;
  outline: 0;
  box-shadow: none;
  text-transform: uppercase;
  text-decoration: none;
  /* -webkit-transition: .2s; */
  transition: .2s;
  /* border: 3px solid #f3ba2c; */
  padding: 8px 40px;
  border-radius: 0;
  /* min-width: -webkit-max-content; */
  min-width: -moz-max-content;
  min-width: max-content;
  margin-bottom: 20px;
}

.parallax-btn:hover{
  color: #000;
  background: rgba(255, 255, 255, 0.65);
  border: 3px solid transparent;
  
}
.btn-send:hover{
  background-color: #f3ba2c;
  color: #000;
}

.service-list ul{
list-style: none;
padding-left: 0px;
margin-top: 40px;
}

.service-list ul li{
  color: #54595f;
  font-size: 15px;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
}

.service-list ul li i{
  color: #995a16;
  font-size: 26px;
  margin-right: 10px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
 
  .amenities1 .carousel-item img{
    height: 70vh;
    object-fit: cover;
    }
    .counting{
      padding-bottom: 0px !important;
    }
    
}
@media (max-width: 991px) {
 
  .accordion{
    margin: 15px 0px;
  }
  #panorama {
    width: 100%;
    height: 60vh;
  }
    
}

.bg-n-clr{
  background-color: #f7f6f4;
}

.owl-nav{
  margin-top: 0px !important;
}

.side-pad{
  max-width: 360px;
  margin: auto;

}

.abt-img-cont img{
  width: 100%;

}
.px-90{
  padding: 0px 90px 0px 90px;
}

@media (max-width: 1024px) {
 
  .px-90{
    padding: 60px 60px 60px 60px;
  }
    
}
@media (max-width: 767px) {
 
  .px-90{
    padding: 25px 25px 25px 25px;
  }
  .pd-sm-25{
    padding: 25px 25px 25px 25px;
  }
  .side-pad{
    max-width: 100%;
    margin: 0px;
  
  }
    
}

/* about welcome starts */
.about-bg{
  background: url("../Images/joel-filipe-VuwAfoHpxgs-unsplash.jpg");
  position: relative;
  background-size: cover;
}
.over-cont{
  z-index: 1;
  position: relative;
}
.abt-welcome-txt h6{
  color: #967c4b;
  font-size: 16px;
    font-weight: 500;
    text-transform: lowercase;
    letter-spacing: 1.7px;
    line-height: 1.3;
    font-family: 'Playfair Display', serif;
    margin-bottom: 20px;
    
}

.abt-welcome-txt h4{
  color: #222222;
  font-size: 36px;
  font-weight: 700;
  font-family: 'Playfair Display', serif;
  margin-bottom: 20px;
}

.abt-welcome-txt p{
  color: #7a7a7a;
  font-family: 'Poppins', sans-serif;  
  margin: 0px 0px 80px 0px;
  max-width: 550px;
  font-size: 20px;
}
.pt-140{
  padding-top: 140px;
}
.pb-140{
  padding-bottom: 140px;
}
.p-140{
  padding: 140px;
}
.team-txt h4{
  color: #222222;
  font-size: 25px;
  font-weight: 700;
  font-family: 'Playfair Display', serif;
  margin-bottom: 15px;
  margin-top: 15px;
}
.team-txt p{
  color: #7a7a7a;
  font-family: 'Poppins', sans-serif;  
  margin: 0px 0px 80px 0px;
  font-size: 15px;
  text-transform: uppercase;
    margin-bottom: 0px;
    color: #f3ba2c;
    font-weight: 500;
}

.team-pic{
  height: 500px;
  overflow: hidden;
}
.img-hov img{
  transform: scale(1);
  transition: all .5s;
}
.img-hov:hover img{
  transform: scale(1.15);
}
.p-60{
  padding: 60px;
}
@media (max-width: 991px) {
  .abt-welcome-img img{
    
    width: 100%;
  }
  .abt-welcome-txt p{
    font-size: 16px;
    max-width: 100%;
    
  }
  .p-60{
    padding: 25px;
  }
  .abt-welcome-txt p{
    color: #7a7a7a;
    font-family: 'Poppins', sans-serif;  
    margin: 0px 0px 0px 0px;
    max-width: 550px;
    font-size: 20px;
  }
}
.video-bg{
  position: relative;
  min-height: 100vh;
  width: 100%;
  overflow: hidden;
}

.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 150vh;
  object-fit: cover;
}

.color-overlay{
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,6,40,0.66);
  opacity: 1;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.test-co{
  position:relative;
  z-index: 2;
}

.review-txt h6{
  color: #967c4b;
  font-size: 16px;
    font-weight: 500;
    text-transform: lowercase;
    letter-spacing: 1.7px;
    line-height: 1.3;
    font-family: 'Playfair Display', serif;
    margin-bottom: 10px;
    
}

.review-txt h4{
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  font-family: 'Playfair Display', serif;
  margin-bottom: 20px;
}

.review-txt p{
  color: #fff;
  font-family: 'Poppins', sans-serif;  
  margin: 0px 0px 80px 0px;
  max-width: 550px;
  font-size: 20px;
}

.pt-100{
  padding-top: 100px;
}
.pb-100{
  padding-bottom: 100px;
}
.pt-30{
  padding-top: 30px;
}
.mb-20{
  margin-bottom: 20px;
}
.testimonial-box{
  height: 100%;
  padding: 50px;
 
  
}

.border-light{
   border: 1px solid rgba(255,255,255,0.36);
}
.review-icon i{
  font-size: 48px;
  color: #f3ba2c;
  margin-right: 30px;
}
.review-icon2 i{
  font-size: 48px;
  color: #f3ba2c;
  margin-right: 15px;
  margin-left: 15px;
  
}

.review-icon2{
  height: 100%;
}
.profile-pic img{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
}
.profile-detail h6{
  color: #fff;
  font-size: 17px;
  font-weight: 300;
  font-family: 'Playfair Display', serif;
  margin-bottom: 5px;
}

.profile-detail p{
  color: #f3ba2c;
    font-size: 13px;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;  
}

@media (max-width: 767px) {
  .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200vh;
    object-fit: cover;
    object-position: center;
  }
  .pt-100{
    padding-top: 50px;
  }
  .pb-100{
    padding-bottom: 50px;
  }
  .pt-140{
    padding-top: 70px;
  }
  .pb-140{
    padding-bottom: 70px;
  }
  .p-140{
    padding: 60px;
  }
  .p-sm-60{
    padding-top: 60px;
  }
}
/* about welcome ends */

/* contact starts */
.contact-desc h6{
  color: #222;
  font-size: 23px;
  font-weight: 700;
  font-family: 'Playfair Display', serif;
  margin-bottom: 10px;
  text-transform:capitalize;
}

.contact-desc p a, .contact-desc p{
  color: #7a7a7a;
  font-family: 'Poppins', sans-serif;  
  margin: 0px 0px 80px 0px;
  max-width: 550px;
  font-size: 15px;
  text-decoration: none;
}

.contact-desc2 h6{
  color: #222;
  font-size: 23px;
  font-weight: 700;
  font-family: 'Playfair Display', serif;
  margin-bottom: 10px;
  text-transform:capitalize;
}

.contact-desc2 p a, .contact-desc2 p{
  color: #7a7a7a;
  font-family: 'Poppins', sans-serif;  
  margin: 0px 0px 0px 0px;
  max-width: 550px;
  font-size: 15px;
  text-decoration: none;
}

.heading-box2{
  margin-bottom: 40px;
}

/* .map{
  height: 780px;
}



@media (max-width: 767px) {
  .map{
    height: 250px;
  }
} */
/* contact ends */

/* Services starts */
.tower-bg{
  background: url("../Images/grant-lemons-white.jpg");
    background-position: 66% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    padding: 60px 60px 60px 60px;
}
.tower-bg2{
  background: url("../Images/joel-filipe-white3.jpg");
background-position: top left;
    background-size: 1000px auto;
}
.services-txt p{
  max-width: 100% !important;
}
.rel-container{
  position: relative;
}
.image-overlay{
  background: #000;
  opacity: 0.4;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
  mix-blend-mode: multiply;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.checkpoints ul{
padding-left: 0px;
list-style: none;

}
.checkpoints ul li{
  font-size: 20px;
  padding-top: 10px;
  padding-bottom: calc(20px/2);
  border-bottom: 1px solid rgba(221,221,221,0.53);
}

.checkpoints .check-icon i{
  color: #f4ba10;
  font-size: 20px;
  
}
.checkpoints .check-icon{
  height: 100%;
}


.checkpoints .check-text{
  color: #54595f;
  padding-left: 5px;

}
.px-40{
padding: 0px 40px !important;
}

.wallpaper-overlay{
  background-color: rgba(16,37,56,0.92);
    opacity: 1;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    z-index: 0;
}

.offer-bg{
  background: url("../Images/dark-bg-wallpaper.jpg");
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.round-icon-box i{
  font-size: 50px;
  color: #f4ba10;
 
}
.round-icon{
  border-radius: 50%;
  width: 100px;
  height: 100px;
  /* padding: 40px 14px 20px 14px; */
  line-height: 110px;
  vertical-align: middle;
  border:3px solid #f4ba10;
  display: inline-block;
}

.offer-text h6{
  color: #222;
  font-size: 23px;
  font-weight: 700;
  font-family: 'Playfair Display', serif;
  margin-bottom: 10px;
  text-transform:capitalize;
}

.offer-text p{
  color: #7a7a7a;
  font-family: 'Poppins', sans-serif;  
  margin: 0px 0px 80px 0px;
  max-width: 550px;
  font-size: 15px;
  text-decoration: none;
}
.offer-text2 p{
  color: #7a7a7a;
  font-family: 'Poppins', sans-serif;  
  margin: 0px 0px 0px 0px;
  max-width: 550px;
  font-size: 15px;
  text-decoration: none;
}

.p-40{
  padding: 40px !important;
}

.pe-100{
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.project-box{
  height: 100%;
}
.project-hover{
  text-decoration: none;
  
}
.project-desc{
  padding: 20px 30px;

}

.mb-80{
  margin-bottom: 80px;
}

.project-img{
  overflow: hidden;
}
.project-img img{
  transform: scale(1);
  transition: 0.3s;
}
.project-desc p{
  color: #a2a2a2 !important;
    font-size: 14px;
    font-weight: 400;
    transition: 0.3s;
    font-family: 'Poppins', sans-serif; 
    margin-bottom: 5px !important; 
}

.project-desc span{
  color: #000 !important;
  font-size: 20px;
  line-height: 1.6em;
  font-weight: 500;
  font-family: 'Poppins', sans-serif; 
}

.project-hover:hover .project-desc span{
  color: #f4ba10 !important;
  transition: 0.3s;
}
.project-hover:hover .project-img img{
  transform: scale(1.1);
}


.mb-40{
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .mb-80{
    margin-bottom: 20px;
  }
  .mb-40{
    margin-bottom: 20px;
  }
  .inside-pad{
    padding: 20px !important;
  }
  .px-40 {
    padding: 0px !important;
}
}

/* services ends */

/* inside page starts */
.inside-pad{
  padding: 20px 110px 20px 110px;
}
.inside-list ul{
  padding-left: 0;
  list-style: none;
}

.inside-list ul li:not(:last-child){
  padding-top: 10px;
  padding-bottom: calc(20px/2);
  border-bottom: 1px solid rgba(221,221,221,0.83);
}
.inside-list ul li:last-child{
  padding-top: 10px;
  
}
.inside-list .inside-check i{
  color: #f3ba2c;
  font-size: 15px;
  
}
.inside-list .inside-detail{
  color: #54595f;
  font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  font-size: 15px;
  font-family: 'Poppins', sans-serif;
  padding-left: 10px; 
}

.inside-txt p{
  color: #7a7a7a;
  font-family: 'Poppins', sans-serif;  
  margin: 0px 0px 40px 0px;
  /* max-width: 360px; */
  font-size: 20px;
  font-weight: 300;
}
.hello-txt h4{
  color: #222;
  font-size: 36px;
  font-weight: 700;
  font-family: 'Playfair Display', serif;
  margin-bottom: 40px;
}

.hello-txt p{
  color: #7a7a7a;
  font-family: 'Poppins', sans-serif;  
  margin: 0px 0px 40px 0px;
  
  font-size: 20px;
}

.hello-container{
  max-width: 760px;
  margin: 0px auto;
}

.inside-slider{
  height: 120vh;
 
}
.inside-slider .carousel-inner img{
object-fit: cover;
height: 120vh;
width: 100%;
object-position: end bottom;
animation: slideMe2 3s ease-in !important;
  transform: scale(1.1);
}



@keyframes slideMe2{
  0%{
    
        transform: scale(1);
       
  }
  
  100%{
    transform: scale(1.1);
        
  }
  }
@media (max-width: 991px) {
  .inside-slider .carousel-inner img{
    object-fit: cover;
    height: 80vh;
    object-position: end bottom;
    width: 100%;
    }
    .inside-slider{
      height: 80vh;
     
    }
}
/* inside page ends */

/* Project page starts */

.project-pic-box{
  height: 100%;
}
.project-pic{
  height: 227px;
  width: 227px;
  transform-origin: 50% 50% 0px;
}

.confer-box{
  overflow: hidden;
  height: 100%;
  position: relative;
}

.confer-desc{
  position: relative;
  top: 0px;
  left: 0px;
  background-color: rgb(0, 0, 0, 0.5);
  z-index: 0 !important;
  padding: 120px 50px 70px 50px;
  height: 100%;
}
.codef{
  color: #fff;
  text-decoration: none;
  transition: all 1s ease-out;
}
.codef h2{
  color: #fff !important;
  font-size: 44px;
  font-weight: 700;
  
  font-family: 'Playfair Display', serif;
  margin-bottom: 40px;
  
}

.codef p{
  font-size: 15px;
    font-weight: 300;
    line-height: 1.8em;
    text-shadow: 1px 1px 1px #000000;
    margin-bottom: 30px;
    color: #ffffff;
}
.confer-hover{
  text-decoration: none;
  z-index: 100;
}

/* 
.confer-img img{
  width: 100%;
  object-fit: cover;
  background-color: #000;
  transform: scale(1.2);
  position: relative;
 
} */
/* .confer-img{
  background: url("../Images/dark-bg-wallpaper.jpg");
  position:relative;
 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 500px;
  width: 100%;
  z-index: -1;
} */

.im-bg1{
  position: relative;
  
}
.p-10{
  padding: 10px !important;
}

.im-bg1::after {
  content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(120deg, #eaee44, #33d0ff);
    opacity: .7;
    z-index: 10;  
}
/* .box-overlay{
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,6,40,0.66);
  opacity: 1;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100%;
  width: 100%;
  z-index: 1;
} */

.codef:hover .poster-img{
  transform: scale(1);
  transition: .3s;
}

.confer-hover:hover .confer-desc p{
  color: #000;
}
.confer-hover:hover .text{
  color: #000;
}
.rel-container1{
  position: relative;
  z-index: 0!important;
}
.codef:hover .confer-inner-desc{
transform: translateY(40px);
}

.codef:hover .poster-contet{
  transform: translateY(-40px);
  transition: all .3s ease-out;
}
/* Project page ends */

.poster{
  position: relative;
  overflow: hidden;
  min-height: 540px;
}
.poster-img{
  background-image: url(../Images/confer.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    transition-duration: 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transform: scale(1.2);
}

.poster-img1{
  background-image: url(../Images/pic1.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    transition-duration: 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transform: scale(1.2);
}

.poster-img2{
  background-image: url(../Images/confer2.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    transition-duration: 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transform: scale(1.2);
}
.poster-overlay{
  background-color: #010421;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
}

.poster-content-wrapper{
  padding: 120px 40px 70px 40px;
  transition: 0.3s;
  position: relative;
}
.codef .poster-content{
  position: relative;
    display: inline-block;
    transition: all 1s ease-out;
}


.parallax-img{
  background-attachment: fixed;
  background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../Images/parallax-img.jpg);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    position: relative;
    min-height: 660px;
}

.parallax-img2{
  background-attachment: fixed;
  background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../Images/parallax-img2.jpg);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    position: relative;
    min-height: 660px;
}


.twoside h5{
  color: #222 !important;
  font-size: 31px;
  font-weight: 700;
  line-height: 1.3;
  font-family: 'Playfair Display', serif;
  margin-bottom: 40px;
  text-align: center;
}

.twoside p{
  font-size: 20px;
    font-weight: 300;
    text-align: center;
    line-height: 1.6em;
    letter-spacing: 0em;
    margin-bottom: 30px;
    color: #7a7a7a;
    font-family: 'Poppins', sans-serif;
}
.pad-120{
  padding: 120px 20px 120px 20px;
}

.twoside-1{
  background-image: url(../Images/twoside-1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
}
.twoside-2{
  background-image: url(../Images/twoside-2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
}
.room-txt h4{
  color: #222222;
  font-size: 36px;
  font-weight: 700;
  font-family: 'Playfair Display', serif;
  margin-bottom: 20px;
}

.room-txt p{
  color: #7a7a7a;
  font-family: 'Poppins', sans-serif;  
  margin: 0px 0px 0px 0px;
  /* max-width: 550px; */
  font-size: 20px;
}

.room2{
  background-image: url(../Images/confer.jpg);
    background-position: center center;
    background-size: cover;
    min-height: 700px;
}
.room1{
  background-image: url(../Images/pic1.jpg);
    background-position: center center;
    background-size: cover;
    min-height: 600px;
}
.room3{
  background-image: url(../Images/confer2.jpg);
    background-position: center center;
    background-size: cover;
    min-height: 700px;
}
.parallax-container1{
  z-index: 1;
  position: relative;
}

.parallax-overlay2{
  background-color: transparent;
  background-image: linear-gradient(180deg, rgba(14,15,28,0.45) 45%, rgba(0,1,12,0) 100%);
  opacity: 1;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
@media (max-width: 767px){
  .pad-120{
    padding: 25px;
  }
  .room1,.room2, .room3{
      min-height: 200px;
  }
  
}

@media (min-width: 992px){
  .twoside .col-lg-2{
    width: 20% !important;
  }
  .twoside .col-lg-4{
    width: 30% !important;
  }
}

@media (max-width: 991px){
.twoside h5 {
    font-size: 22px;
}
.twoside p{
  font-size: 16px;
}
.pt-md-80{
  padding-top: 80px;
}
}

/* Far calculator starts */

.far-cont{
  display: flex;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  max-width: 1400px;
}

.far-cont{
  padding: 10px;
}

.far-cont .accordion-header{
  font-size: 18px;
  line-height: 1.4;
  border: none !important;
  padding: 0px !important;
}

.far-cont .accordion-button{
  background-color: #fafafa !important;
  color: #000 !important;
  font-weight: 600;
  font-size: 16px !important;
  padding: 0px;
  line-height: 50px;
  
  /* padding: 20px 20px !important; */
  font-family: 'Poppins', sans-serif; 
}

.far-cont .accordion-item {
  background-color: #fff;
  border: none !important;
  border-right: 1px solid #f4ba10 !important;
  border-left: 1px solid #f4ba10 !important;
  border-bottom: 1px solid #f4ba10 !important;
}
.far-cont .accordion-item:first-child{
  border-top: 1px solid #f4ba10 !important;
}

.far-cont .accordion .card-body{
  background-color: #fafafa;
  font-size: 17px;
    line-height: 1.6em;
    padding:0px;
    color: #7a7a7a;
    line-height: 1.6em;
}


.far-cont .accordion-button:focus {
  z-index: 3;
  /* border-color: red !important; */
  outline: 0;
  box-shadow: none !important;
}


.far-cont .accordion-button:not(.collapsed)::after {
  background-image: url(../Images/minus.svg);
}

.far-cont .accordion-button:not(.collapsed) {
  color: #222 !important;
  font-weight: 600;
  font-size: 16px;
  /* background-color:  #f4ba10 !important; */
  box-shadow: none !important;
}

.hidd-span{
  text-align: center;
  margin-right: 10px;
  background-color:  #f4ba10 !important;
  color: #fff !important;
  height: 100%;
  width: 3px;
}
.hidd-span i{
  opacity: 0;
  font-size: 20px;
}
.far-cont .accordion-button[aria-expanded="true"]{
  border-bottom: 1px solid #f4ba10 !important;
}
.far-cont .accordion-button[aria-expanded="true"] .hidd-span{
  background-color:  #f4ba10 !important;

  color: #fff !important;
  height: 100%;
  width: 50px;
  transition: .5s;
  
}
.far-cont .accordion-button[aria-expanded="true"] .hidd-span i{
  opacity: 1;
  
}
.far-cont .accordion-button::after {
 
  content: none !important;
}

.far-cont .card-body ul{
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.far-cont .card-body ul li:not(:last-child){
  border-bottom: 1px solid rgb(122, 122, 122, .5);
}
.far-cont .card-body ul li button{
  background-color: #fafafa !important;
  color: #000 !important;
  font-weight: 400;
  font-size: 16px !important;
  padding: 0px;
  line-height: 50px;
  width: 100%;
  border: none;
  padding-left: 60px;
  text-align: start;
  /* border-bottom: 1px solid #f4ba10 !important; */
  /* padding: 20px 20px !important; */
  font-family: 'Poppins', sans-serif; 
  text-decoration: none;
}

.far-cont .accordion-collapse {
  border-radius: 0px;
}




.far-form input, .far-form select, .far-form textarea{
  transition: all ease-in-out .15s;
  display: inline-block;
  width: 100%;
  padding: 0;
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #747474;
  font-size: 15px;
  font-weight: 600;
  line-height: 29px;
}
.far-form-bg{
  /* background: #fff; */
  padding: 60px 60px 60px 60px !important;
}


.far-form input:focus {
  color: #212529;
  /* background-color: #fff; */
  border-color: #86b7fe;
  border:  none !important;
  border-bottom: 1px solid #747474 !important;
  outline: 0;
  box-shadow: none !important;
}

.far-form label {
  display: inline-block;
  max-width: 100%;
  margin: 0 0 8px;
  font-weight: 700;
  font-size: 15px;
  color: #484848;
  width: 100%;
}

.btn-send{
  border: 3px solid #f3ba2c;
  display: inline-block;
  position: relative;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
  line-height: 29px;
  font-weight: 800;
  text-align: center;
  letter-spacing: 2px;
  background: #000;
  white-space: normal;
  outline: 0;
  box-shadow: none;
  text-decoration: none;
  /* -webkit-transition: .2s; */
  transition: .2s;
  /* border: 3px solid #f3ba2c; */
  padding: 8px 40px;
  border-radius: 0;
  /* min-width: -webkit-max-content; */
  min-width: -moz-max-content;
  min-width: max-content;
  /* margin-bottom: 20px; */
}

.btn-send:hover{
  background-color: #f3ba2c;
  color: #000;
}


.far-form select:focus {
  z-index: 3;
  /* border-color: red !important; */
  outline: 0;
  box-shadow: none !important;
}
.far-form form{
  width: 100%;
}

.far-txt p{
  color: #7a7a7a;
  font-family: 'Poppins', sans-serif;  
  margin: 0px 0px 20px 0px;
  max-width: 550px;
  font-size: 20px;
}
.far-txt p a{
  color: #7a7a7a;
  font-family: 'Poppins', sans-serif;  
  margin: 0px 0px 20px 0px;
  max-width: 550px;
  font-size: 20px;
  text-decoration: none;
}



.far-txt ul{
  list-style: none;
  padding-left: 0px;
}
.far-txt ul li .li-style{
  color: #f3ba2c;
  margin-right: 10px;
}

.pt-60{
  padding-top: 60px;
}

.pb-60{
  padding-bottom: 60px;
}
.semi{
  font-weight: 600;
}
.semi-2{
  font-weight: 600;
  margin-bottom: 30px;
  font-size: 22px;
  line-height: 60px;
}

.bg-photo{
  background-image: url(../Images/confer.jpg);
    background-position: center center;
    background-size: cover;
    min-height: 400px;
    z-index: 0;
    position: relative;
}
.constr-pic{
  height: 100%;
}
.cont-z{
  z-index: 1;
  position: relative;
}
.cont-z img{
  object-fit: cover;
  height: 100%;
}
.review-txt p{
  color: #fff;
  font-family: 'Poppins', sans-serif;  
  margin: 0px 0px 20px 0px;
  max-width: 550px;
  font-size: 20px;
}

.approve-txt h4{
  color: #222222;
  font-size: 23px;
  font-weight: 700;
  font-family: 'Playfair Display', serif;
  margin-bottom: 20px;
}

.form-check-input[type=radio] {
  border-radius: 50% ;
  width: 1em !important;
  height: 1em !important;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0,0,0,.25);
}
.form-check-input:checked {
  background-color: #f3ba2c !important;
  border-color: rgb(243, 186, 44, 0) !important;
  /* background-image: none !important; */
  padding: 5px !important;
}

.px-150{
  padding: 0px 120px;
}

.modal-gal-img{
  height: 270px;
  overflow: hidden;
  position: relative;
}
.modal-gal-img img{
width: 100%;
height: 400px;
object-fit: cover;
object-position: center center;
transform: scale(1);
}

.modal-link:hover .modal-gal-img img{
  transform: scale(1.2);
  transition: 0.3s;
}


.modal-overlay {
  background-color: #f3ba2c;
  opacity: 0;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
}

.modal-link:hover .modal-overlay {
  background-color: #f3ba2c;
  opacity: 0.9;
  transition: .4s;
}
/* Far calculator ends */


/* modal starts*/
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: rgba(0, 0, 0, 0.01) !important;
  background-clip: padding-box;
  border: transparent !important;
  border-radius: 0.3rem;
  outline: 0;
}
.modal1 {
background-image: url(../Images/bg-2.jpg) !important;
}
.modal2 {
  background-image: url(../Images/bg-1.jpg) !important;
}
.modal3 {
  background-image: url(../Images/bg-3.jpg) !important;
  background-position: center !important;
  background-size: cover;
}


.btn-close {
  box-sizing: content-box;
  width: 1em !important;
  height: 1em !important;
  padding: 0.1em 0.1em !important;
  color: #fff !important;
  font-size: 60px!important;
  background: rgba(0, 0, 0, 0.01) !important;
  box-shadow: 0 0 0 0 !important; 
  
  
}

.modal-header {
  
  border-bottom: 0px solid rgba(0, 0, 0, 0.01) !important;
  
}
.img-centered {
  margin: 0 auto;
}

.fltt{
  color: #fff;
}
.modal-body{
  padding: 30px 0px !important;
}

.list-inline {
  padding-left: 0;
  /* margin-left: -5px; */
  list-style: none;
}
.list-inline>li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
  color: #fff;
}

.list-inline li a {
  
  color: #fcda16;
  text-decoration: none;
}
.modal-body .item-details {
  margin: 30px 0;
}
.btn-default {
  color: #333 !important;
  background-color: #fff !important;
  border-color: #ccc !important;
}
.btn-default:hover {
  color: #333 !important;
  /* background-color: #fff !important; */
  /* border-color: #ccc !important; */
}



.fltt{
  overflow: hidden;
  height: 400px;
  width: 100%;
}
.fltt img{
  object-fit: cover;
  height: 400px;
}
.modal1{
  background: rgb(0, 0, 0, .9) !important;
}
/* modal ends */

.social-bg{
  position: relative;
  overflow: hidden;
}

.wrapper1{
  position:absolute;
  top: 42%;
  left: 10%;
}
.wrapper23{
  position:absolute;
  top: 42%;
  right: 10%;
}

.wrapper1 .swipe {
  position: relative;
  width: fit-content;
}
.wrapper1 .swipe::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 100%;
  width: 0%;
  height: 100%;

  background-color: rgb(244, 186, 16);
  animation: swipe 1.2s ease-out 1s forwards;
}

.wrapper1 .swipe--delay::after {
  background-color: #fff;
  animation-delay: 1.5s;
}
.wrapper1 h1 {
  display: block;
  color: #fff;
  font-size: 62px;
  line-height: 1;
  font-weight: 700;
  z-index: 2;
  /* text-transform: uppercase; */
  padding: 15px 25px;
  opacity: 0;
  animation: fade 0.01s ease-out 1.75s forwards;
}
/* .wrapper1 h3 {
  display: block;
  color: #fff;
  font-size: 32px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  padding: 10px 15px;
  opacity: 0;
  animation: fade 0.01s ease-out 2.25s forwards;
} */

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes swipe {
  0% {
    right: 100%;
    left: 0;
    width: 0%;
  }
  50% {
    right: 0;
    left: 0;
    width: 100%;
  }
  100% {
    right: 0;
    left: 100%;
    width: 0%;
  }
}

.rel-bx{
  position: relative;
}
.breadcrumb-border{
  height: 240px;
  width: 200px;
  top: -50px;
  position: absolute;
  border: 15px solid rgb(244, 186, 16);
  clip-path: polygon(0% 0%, 130% 0%, 0% 130%);
  opacity: 0;
  /* transition: top, left, right, bottom, 100ms ease-in-out; */
  animation: heigh 1.5s ease-out 1s forwards;
  /* transition: height 0.3s; */
}

@keyframes heigh {
  0% {
    width: 0px;
    height: 0px;
    opacity: 0;
  }
  
  100% {
    height: 240px;
  width: 200px;
    opacity: 1;
  }
}
@keyframes height1 {
  0% {
    
    height: 0px;
    opacity: 0;
  }
  
  100% {
    height: 330px;
  
    opacity: 1;
  }
}
@keyframes heigh {
  0% {
    width: 0px;
    height: 0px;
    opacity: 0;
  }
  
  100% {
    height: 240px;
  width: 200px;
    opacity: 1;
  }
}

.line-1{
  height: 300px;
  width: 10px;
  opacity: 0;
  position: absolute;
  top: 70px;
  right: -20px;
 
  background-color: #fff;
  animation-delay: 6s;
  animation: height1 6s ease-out 1s forwards;
} 
.line-2{
  height: 300px;
  width: 10px;
  opacity: 0;
  position: absolute;
  top: 20px;
  right: 0px;
 
  background-color: #fff;
  animation-delay: 3s;
  animation: height1 3s ease-out 1s forwards;
}

.line-3{
  height: 330px;
  width: 10px;
  opacity: 0;
  position: absolute;
  
  top: -30px;
  right: 20px;
  background-color: #fff;
  animation-delay: 1.5s;
  animation: height1 1.5s ease-out 1s forwards;
}

.box-121{
  height: 150px;
  width: 150px;
  opacity: 0;
  background-color: rgb(244, 186, 16, 0.6);
  animation-delay: 1.5s;
  animation: fade 1.5s ease-out 1s forwards;
}
.z-ind{
  z-index: 1;
}
.z-ind-2{
z-index: 2;
}


@media (max-width: 991px){
  .wrapper1{
    position:absolute;
    top: 52%;
    left: 10%;
  }
  .wrapper23{
    position:absolute;
    top: 60%;
    right: 10%;
  }
  .wrapper1 .swipe::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 100%;
    width: 0%;
    height: 100%;
  
    background-color: rgb(244, 186, 16);
    animation: swipe 1.2s ease-out 1s forwards;
  }
  .wrapper1 h1 {
    display: block;
    color: #fff;
    font-size: 42px;
    line-height: 1;
    font-weight: 700;
    /* text-transform: uppercase; */
    padding: 15px 25px;
    opacity: 0;
    animation: fade 0.01s ease-out 1.75s forwards;
  }
  .breadcrumb-border{
    height: 120px;
    width: 120px;
    top: 10px;
    left: 30px;
    position: absolute;
    border: 10px solid rgb(244, 186, 16);
    clip-path: polygon(0% 0%, 130% 0%, 0% 130%);
    opacity: 0;
    /* transition: top, left, right, bottom, 100ms ease-in-out; */
    animation: heigh2 1.5s ease-out 1s forwards;
    /* transition: height 0.3s; */
  }
  
@keyframes heigh2 {
  0% {
    width: 0px;
    height: 0px;
    opacity: 0;
  }
  
  100% {
    height: 120px;
  width: 120px !important;
    opacity: 1;
  }
}
@keyframes height1 {
  0% {
    
    height: 0px;
    opacity: 0;
  }
  
  100% {
    height: 330px;
  
    opacity: 1;
  }
}
@keyframes heigh {
  0% {
    width: 0px;
    height: 0px;
    opacity: 0;
  }
  
  100% {
    height: 240px;
  width: 200px;
    opacity: 1;
  }
}
.line-1{
  height: 300px;
  width: 7px;
  opacity: 0;
  position: absolute;
  top: 70px;
  right: -20px;
 
  background-color: #fff;
  animation-delay: 6s;
  animation: height1 6s ease-out 1s forwards;
} 
.line-2{
  height: 300px;
  width: 7px;
  opacity: 0;
  position: absolute;
  top: 20px;
  right: 0px;
 
  background-color: #fff;
  animation-delay: 3s;
  animation: height1 3s ease-out 1s forwards;
}

.line-3{
  height: 330px;
  width: 7px;
  opacity: 0;
  position: absolute;
  
  top: -30px;
  right: 20px;
  background-color: #fff;
  animation-delay: 1.5s;
  animation: height1 1.5s ease-out 1s forwards;
}

.box-121{
  height: 100px;
  width: 100px;
  opacity: 0;
  background-color: rgb(244, 186, 16, 0.6);
  animation-delay: 1.5s;
  animation: fade 1.5s ease-out 1s forwards;
}
}



@media (max-width: 767px){
  .parallax-window1 {
    height: 40vh !important;
    background: transparent;
    position: relative;
    z-index: 10 !important;
  }
  .wrapper1{
    position:absolute;
    top: 60%;
    left: -25px;
  }
  .wrapper23{
    position:absolute;
    top: 70%;
    right: 5%;
  }
  .wrapper1 .swipe::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 100%;
    width: 0%;
    height: 100%;
  
    background-color: rgb(244, 186, 16);
    animation: swipe 1.2s ease-out 1s forwards;
  }
  .wrapper1 h1 {
    display: block;
    color: #fff;
    font-size: 26px;
    line-height: 1;
    font-weight: 700;
    /* text-transform: uppercase; */
    padding: 15px 25px;
    opacity: 0;
    animation: fade 0.01s ease-out 1.75s forwards;
  }
  .breadcrumb-border{
    height: 80px;
    width: 80px;
    top: 25px;
    left: 50px;
    position: absolute;
    border: 5px solid rgb(244, 186, 16);
    clip-path: polygon(0% 0%, 130% 0%, 0% 130%);
    opacity: 0;
    /* transition: top, left, right, bottom, 100ms ease-in-out; */
    animation: heigh3 1.5s ease-out 1s forwards;
    /* transition: height 0.3s; */
  }
  
@keyframes heigh3 {
  0% {
    width: 0px;
    height: 0px;
    opacity: 0;
  }
  
  100% {
    height: 80px;
  width: 60px !important;
    opacity: 1;
  }
}


.line-1{
  height: 300px;
  width: 5px;
  opacity: 0;
  position: absolute;
  top: 50px;
  right: 0px;
 
  background-color: #fff;
  animation-delay: 6s;
  animation: height1 6s ease-out 1s forwards;
} 
.line-2{
  height: 300px;
  width: 5px;
  opacity: 0;
  position: absolute;
  top: 20px;
  right: 10px;
 
  background-color: #fff;
  animation-delay: 3s;
  animation: height1 3s ease-out 1s forwards;
}

.line-3{
  height: 330px;
  width: 5px;
  opacity: 0;
  position: absolute;
  
  top: -10px;
  right: 20px;
  background-color: #fff;
  animation-delay: 1.5s;
  animation: height1 1.5s ease-out 1s forwards;
}

.box-121{
  height: 50px;
  width: 50px;
  opacity: 0;
  background-color: rgb(244, 186, 16, 0.6);
  animation-delay: 1.5s;
  animation: fade 1.5s ease-out 1s forwards;
}
}


/* manoj code starts */
/* header starts */

/*header*/
.header {
	position: relative;
	/* position: fixed; */
	width: 100%;
	top: 0px;
	left: 0%;
	z-index: 10;
	width: 100%;
	/* position: absolute; */
	/* left: 0; */
	/* top: 0; */
	z-index: 99;
	background: transparent;
	padding: 0px 50px;
	/* background: #f7f6f4; */
	/* border-style: solid;
	  border-width: ; */
	/* border-bottom: solid 1px #ffffff33; */
}

.header-main {

	/* background-color: #000fff; */
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px 0;
	border-radius: 4px;
}

.uk-navbar-right {
	margin-right: -12px;
}


.logo img {
	/* width: 160px; */
	height: 80px;
}

.logo a {
	font-size: 30px;
	text-decoration: none;
	color: #000;
	/* color: #7A4988; */
	font-weight: 700;
}

@media(max-width: 991px) {
	.uk-logo img {
		width: 260px;
		/* height:82px; */
	}
	.header{
		padding-left: 0px;
		padding-right: 0px;
	}
}

canvas,
img,
video {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}

.header .nav-menu {
	padding: 0 15px;
}

.header .menu>.menu-item {
	display: inline-block;
	margin-left: 5px;
	position: relative;
	margin-bottom: 0px;
	margin: 0px 20px;
}

.header .menu .menu-item a {
	display: block;
	padding: 8px 0px;
	/* font-size: 14px; */
	font-size: 16px;
	color: #000;
	/* text-transform: uppercase; */
	/* font-weight: 500; */
	transition: all 0.3s ease;
	text-decoration: none;
line-height: 30px;
	/* min-height: 40px; */
  /* line-height: 115px; */
        text-transform: uppercase;
        font-family: "Roboto Condensed", serif;
        font-style: normal;
      
	position: relative;
	/* font-family: 'Britannic' !important; */
}
.header .menu>.menu-item:not(.menu-item-has-children) a:after{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 0;
	height: 2px;
	background: #fff;
	transition: .3s;
  }
  .header .menu .menu-item:hover a:after {
	width: 100%;
   }
   .scrolling-active .menu>.menu-item:not(.menu-item-has-children) a:after{
    
    background: #000;
    
    }
.ori-search-btn button {
	color: #000;
	border: none;
	font-size: 25px;
	background-color: transparent;
}

.header .plus-cls {

	display: inline-block;
	position: relative;

	display: flex;

}

.header .plus-cls::after {
	content: "\F282";
	position: absolute;
	font-family: "bootstrap-icons";
	font-weight: 700;
	top: 50%;

	bottom: auto;
	padding-left: 5px;
	right: 0px;
	font-weight: 600;
	left: 100%;
	font-size: 14px;
	color: #fff;
	transform: translateY(-50%);

}

.btn-active .plus-cls::after {
	color: #fff !important;
}

.header .menu-item:hover>.plus-cls::after {
	content: "\F286";
	font-family: "bootstrap-icons";
	font-weight: 700;
	color: #fff;
	/* transform: translate(-50%,-50%) rotate(-90deg); */
}

.header .menu>.menu-item>a .plus:after {
	transform: translate(-50%, -50%) rotate(-90deg);
}
.header .menu>.menu-item>.sub-menu>.menu-item>a {
	display: block;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 500;
	color: #000;
	transition: all 0.3s ease;
	text-transform: capitalize;
	text-decoration: none;
	z-index: 5;
}
.header .menu>.menu-item>.sub-menu {
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	min-width: 250px;
	position: absolute;
	left: 0;
	top: 56px;
	background-color: #ffffff;
	padding: 10px 0;
	text-decoration: none;
	/* border-top: 3px solid #e91e63; */
	transform: translateY(10px);
	transition: all 0.3s ease;
	opacity: 0;
	z-index: 5;
	visibility: hidden;
}
.header .menu>.menu-item>.sub-menu a:after{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 0;
	height:100%;
	background: #014782;
	transition: .3s;
	z-index: -1;
  }
  .header .menu>.menu-item>.sub-menu a:hover:after {
	width: 100%;
   }
   .header .menu>.menu-item>.sub-menu a:hover{
	color: #fff;
   }
  

/* .header .logo-dark,
  .scrolling-active .logo-white, .header:hover .logo-white {
	display: none;
  }
  
  .scrolling-active .logo-dark, .header:hover .logo-dark{
	display: block;
  } */

  /* .header:hover {
	background: #ffffff;

  } */
/* .header:hover .menu>.menu-item>a {
        color: #000;
       
    }
	.header:hover .plus-cls::after {
      
        color: #000;
        
    }
	.header:hover .open-nav-menu span {
		background:#000;
	}
	.header:hover .open-nav-menu span:before, .header:hover .open-nav-menu span:after {
		background:#000;
	} */
/* .header:hover {
	background: #e29a04;
	position: fixed;
	transition: .3s;
	padding: 0px;
	background-repeat: no-repeat;
	color: #000 !important;
	box-shadow: 0 0px 1rem rgb(0 0 0 / 50%);
  } */



.scrolling-active {
	/* background: #000; */
	position: fixed;
	transition: .3s;
	/* padding: 0px; */
	background-repeat: no-repeat;
	color: #000 !important;
	box-shadow: 0 0px 1rem rgb(0 0 0 / 50%);
	top: 0px;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
	background-color: #FFF;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
	-webkit-box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
}



.scrolling-active.header .menu .menu-item a {
	color: #000;
}
.scrolling-active .btn-active .plus-cls::after {
	color: #000 !important;
}

.scrolling-active.header .menu-item:hover>.plus-cls::after {
	color: #000 !important;
}

.header .menu>.menu-item:hover>a {
	color: #fff;
}
.scrolling-active .menu>.menu-item:hover>a {
	color: #000;
}
.header .menu>.menu-item>.sub-menu>.menu-item>a:hover{
	color: #FFFFFF;
}
.scrolling-active .menu-item .plus-cls::after {
	color: #000;
}

.scrolling-active .menu>.menu-item>.sub-menu>.menu-item>a:hover,
.scrolling-active .menu>.menu-item:hover>a {
	color: #000;
}

.scrolling-active.header .menu>.menu-item>.sub-menu a:hover{
  color: #fff;
   }


   .other-page .header .menu .menu-item a {
    color: #000;
  }
  .other-page .header .btn-active .plus-cls::after {
    color: #000 !important;
  }
  
  .other-page .header .menu-item:hover>.plus-cls::after {
    color: #000 !important;
  }
  
  
  .other-page .header .menu>.menu-item:hover>a {
    color: #000;
  }
  .header .menu>.menu-item>.sub-menu>.menu-item>a:hover{
    color: #FFFFFF;
  }
  .other-page .header .menu-item .plus-cls::after {
    color: #000;
  }
  
  .other-page .header .menu>.menu-item>.sub-menu>.menu-item>a:hover,
  .other-page .header .menu>.menu-item:hover>a {
    color: #fff;
  }
  .other-page .header .menu>.menu-item>.sub-menu a:hover{
    color: #fff;
     }

     .other-page .header .pxl-btn{
      color: #fff !important;
    }
    .other-page .header .menu>.menu-item:not(.menu-item-has-children) a:after {
      
      background: #000;
      
  }
  
/* .ori-header-section.sticky-on {
	top: 0;
	width: 100%;
	z-index: 10;
	position: fixed;
	padding: 10px 100px;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
	background-color: #171717;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
	-webkit-box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
  } */
@keyframes slideInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}

	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

@media(min-width: 992px) {
	.header .menu>.menu-item-has-children:hover>.sub-menu {
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
	}

	.header .menu>.menu-item-has-children:hover>a .plus:after {
		transform: translate(-50%, -50%) rotate(0deg);
	}
}

.header .menu>.menu-item>.sub-menu>.menu-item {
	display: block;
}

.header .open-nav-menu {
	height: 34px;
	width: 40px;
	margin-right: 15px;
	display: none;
	align-items: center;
	justify-content: center;
	/* cursor: url('../Images/cursor.svg'),auto !important; */
}

.header .open-nav-menu span {
	display: block;
	height: 3px;
	width: 24px;
	background-color: #fff;
	position: relative;
}

.scrolling-active .open-nav-menu span {
	background-color: #000;
}

.header .open-nav-menu span:before,
.header .open-nav-menu span:after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	box-sizing: border-box;
}

.scrolling-active .open-nav-menu span:before,
.scrolling-active .open-nav-menu span:after {
	background-color: #000;
}

.header .open-nav-menu span:before {
	top: -7px;
}

.header .open-nav-menu span:after {
	top: 7px;
}

.header .close-nav-menu {
	height: 40px;
	width: 40px;
	/* background-color: #000fff; */
	margin: 0 0 15px 15px;
	/* cursor: url('../Images/cursor.svg'),auto !important; */
	display: none;
	align-items: center;
	justify-content: center;
}

.header .close-nav-menu .fa-times {
	/* width: 16px; */
	color: #999 !important;
}

.header .menu-overlay {
	position: fixed;
	z-index: 999;
	background-color: rgba(0, 0, 0, 0.5);
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease;
}
.quote-btn {
	width: auto;
	height: 55px;
	display: inline-block;
	line-height: 55px;
	padding: 0px 30px;
	text-transform: uppercase;
	background: #e29a04;
	/* font-weight: 600; */
	/* border-radius: 50%; */
	color: #000;
	text-decoration: none;
	transition: all .3s ease-in-out;

  }
  .menu-item .btn-primary{
padding-left: 20px !important;
padding-right: 20px !important;
color: #ffffff !important;
/* min-height: 40px !important; */
line-height: 30px;
  }
  .menu-item .btn-primary::after{
	content: none !important;
  }
/* responsive */

@media(max-width: 1100px) {
	.header .menu-overlay.active {
		visibility: visible;
		opacity: 1;
	}

	.header .nav-menu {
		position: fixed;
		right: -280px;
		visibility: hidden;
		width: 280px;
		height: 100vh;
		top: 0;
		/* overflow-y: auto; */
		background-color: #FFF;
		z-index: 1000;
		padding: 15px 0;
		transition: all 0.5s ease;
	}

	.header .menu-overlay {
		height: 100vh;
	}

	.header .plus-cls {

		display: inline-block;
		position: relative;

		display: flex;

	}

	.header .plus-cls::after {
		content: "+";
		position: relative;
		/* position: absolute; */
		top: 35%;
		padding-left: 5px;

		font-weight: 600;
		/* left: 100%; */
		left: 0px;
		font-size: 16px;
		color: #000;
		transform: translate(-50%, 0%);

	}

	.btn-active .plus-cls::after {
		color: #153380 !important;
	}

	.header .menu-item:hover>.plus-cls::after {
		content: "-";
		color: #153380;
		/* transform: translate(-50%,-50%) rotate(-90deg); */
	}

	.header .nav-menu.open {
		visibility: visible;
		right: 0px;
	}

	.header .menu>.menu-item {
		display: block;
		margin: 0;
	}

	.header .menu>.menu-item-has-children>a {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.header .menu>.menu-item>a {
		color: #000;
		padding: 12px 15px;
		/* border-bottom: 1px solid rgb(122, 122, 122); */
	}

	.header .menu>.menu-item:first-child>a {
		border-top: 1px solid rgb(122, 122, 122);
	}

	.header .menu>.menu-item>a .plus:before,
	.header .menu>.menu-item>a .plus:after {
		background-color: #000fff;
	}

	.header .menu>.menu-item-has-children.active>a .plus:after {
		transform: translate(-50%, -50%) rotate(0deg);
	}

	.header .menu>.menu-item>.sub-menu {
		width: 100%;
		position: relative;
		opacity: 1;
		visibility: visible;
		border: none;
		background-color: transparent;
		box-shadow: none;
		transform: translateY(0px);
		padding: 0px;
		left: auto;
		top: 0px;
		max-height: 0;
		overflow: hidden;
	}

	.p-10-15 {
		padding: 10px 15px;
	}

	.header .menu>.menu-item>.sub-menu>.menu-item>a {
		padding: 12px 45px;
		color: #2e3f6e;
		border-bottom: 1px solid rgb(122, 122, 122);
	}

	.header .close-nav-menu,
	.header .open-nav-menu {
		display: flex;
	}

	.scrolling-active.header .menu .menu-item a {
		color: #000;
	}
}
.btn-web{
  background: #014782 !important;
  padding: 8px 20px !important;
  color: #fff !important;
}


.carousel-desc {
	height: 700px;
	max-width: 620px;
}

.carousel-desc h2 {
  font-family: "Roboto Condensed", serif;
  font-style: normal;
  color: #FFFFFF;
  max-width: 620px;
  font-size: 60px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.33333333333em;
  letter-spacing: 0.16px;
  margin: 0px 0px 25px 0px;
}

.carousel-desc p {
	
  color: #E6E6E6;
    max-width: 600px;
    font-size: 18px;
    line-height: 30px;
    margin: 0px 0px 40px 0px;
}
.banner-btn {
  color: #010101 !important;
  background: #FFFFFF !important;

  min-width: 170px;
  position: relative;
    display: inline-flex;
    align-items: center;
    font-family: var(--heading-font-family);
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 24px;
    letter-spacing: .1em;
    padding: 20px 35px 10px;
    background-color: var(--primary-color);
    outline: none;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: top;
    border: 0 solid var(--primary-color);
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    justify-content: center;
    -webkit-transition: transform .3s linear;
    -khtml-transition: transform .3s linear;
    -moz-transition: transform .3s linear;
    -ms-transition: transform .3s linear;
    -o-transition: transform .3s linear;
    transition: transform .3s linear;
}
.banner-btn:after {
  content: "";
  border: 1px solid var(--primary-color);
  width: 100%;
  position: absolute;
  height: 100%;
  transition: .3s;
  pointer-events: none;
  top: 7px;
  left: 7px;
  -moz-transition: all 300ms cubic-bezier(.34, .18, 1, 1);
    -ms-transition: all 300ms cubic-bezier(.34, .18, 1, 1);
    -o-transition: all 300ms cubic-bezier(.34, .18, 1, 1);
    transition: all 300ms cubic-bezier(.34,.18,1,1);
}
/* .banner-btn:hover {


} */
.banner-btn:hover::after{
  top: 0;
  left: 0;
  border: 1px solid #fff;
  /* background: #fff; */
}
.row-contain{
  margin: -110px 0px 0px 0px;
}
.inner-cont{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.floating-wrapper{
  padding: 0 15px;
  position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
}
.floating-bx{
  background-color: #fff;
  padding: 48px 30px 42px 15px;
  transform: translateY(-100%);
  position: absolute;
  left: 0;
  z-index: 3;
}
@media (min-width: 768px) {
  .pxl-about-wg .heading-wrap {
      padding-left: 45px;
  }
}

.pxl-about-wg .sub-title {
  color: #000000;
}

@media (min-width: 768px) {
  .pxl-about-wg .sub-title {
      position: absolute;
      left: 35px;
      top: 50%;
      transform-origin: center center;
      -webkit-transform: translate(-50%, -50%) rotate(-90deg);
      -khtml-transform: translate(-50%, -50%) rotate(-90deg);
      -moz-transform: translate(-50%, -50%) rotate(-90deg);
      -ms-transform: translate(-50%, -50%) rotate(-90deg);
      -o-transform: translate(-50%, -50%) rotate(-90deg);
      transform: translate(-50%, -50%) rotate(-90deg);
  }
}
.pxl-about-wg .sub-title {
  font-size: 15px;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.font-heading {
  font-family: var(--heading-font-family);
}


.pxl-about-wg .title {
  color: #000000;
  max-width: 250px;
  display: flex;
  flex-wrap: wrap;
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: .04em;
  text-transform: uppercase;
  position: relative;
  padding-left: 22px;
}

.pxl-about-wg .desc {
  color: #9B9B9B;
  font-size: 16px;
  line-height: 24px;
}
.pxl-readmore {
  position: relative;
  display: inline-flex;
  margin-top: 18px;
  font-size: 13px;
  line-height: 24px;
  text-transform: uppercase;
  font-family: var(--heading-font-family);
  overflow: hidden;
  text-decoration: none;
  margin-top: 18px;
    font-size: 13px;
    line-height: 24px;
    color: #333;
}
.pxl-about-wg .title:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #413e3b;
}
.py-70{
  padding: 70px 0px;
}
.logo-bx{
  width: 200px;
}
.gal-img{
  /* width: 100%; */
  flex-shrink: 0;
}
.gal-img img{
  max-width: 100%;
  height: auto;
}
.ms-60{
  margin: 0% 0% 0% 30%;
}
.animation-area{
  position: relative;
}
.my-paroller{
  position: absolute;
  left: 00px;
  bottom: 0px;
}
.skew-txt {
  font-size: 13vw;
  line-height: 1;
  color: #5d5d5d;
  white-space: nowrap;
  /* margin-bottom: 50px; */
  /* width: 112vw; */
  background: -webkit-linear-gradient(90deg, #014782, #f9f9f9 53%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.abtbx{
  
  border-style: solid;
  border-width: 0px 0px 0px 1px;
  border-color: #18181833;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin: 30px 0px 0px 0px;
  margin-left: 44px;

  padding: 0px 0px 0px 50px;
  position: relative;
}
.abt-word{
  position: absolute;
  top: 88%;
  left:-38px;

}
.abt-word h4{
  font-family: var(--heading-font-family);
  transform: translateX(-50px);
  transform: rotate(-90deg);
  transform-origin: 0 0;
  color: #000000;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 30px;
    letter-spacing: 1.6px;
}




.main-btn a{
  position: relative;
  display: inline-flex;
  align-items: center;
  font-family: var(--heading-font-family);
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 24px;
  letter-spacing: .1em;
  padding: 15px 35px;
  background-color: var(--primary-color);
  outline: none;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: top;
  border: 0 solid var(--primary-color);
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  justify-content: center;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 300ms cubic-bezier(.34,.18,1,1);
  -khtml-transition: all 300ms cubic-bezier(.34, .18, 1, 1);
  -moz-transition: all 300ms cubic-bezier(.34, .18, 1, 1);
  -ms-transition: all 300ms cubic-bezier(.34, .18, 1, 1);
  -o-transition: all 300ms cubic-bezier(.34, .18, 1, 1);
  transition: all 300ms cubic-bezier(.34,.18,1,1);
  z-index: 1;
}

.pxl-btn.draw:after, .pxl-btn.transform:after {
  content: "";
  border: 1px solid var(--primary-color);
  width: 100%;
  position: absolute;
  height: 100%;
  transition: .3s;
  pointer-events: none;
}
.pxl-btn:after {
  border-color: #E5E5E5 !important;
}
.pxl-btn.draw:after {
  border-color: #e5e5e5;
}
.pxl-btn .draw-top-right, .pxl-btn .draw-bottom-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.pxl-btn span {
  -webkit-transition: transform .3s linear;
  -khtml-transition: transform .3s linear;
  -moz-transition: transform .3s linear;
  -ms-transition: transform .3s linear;
  -o-transition: transform .3s linear;
  transition: transform .3s linear;
}
.pxl-btn.outline-under .draw-top-right:before {
  top: 7px;
  left: 7px;
}
.pxl-btn .draw-top-right:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--second-color);
  transition: transform .72s cubic-bezier(.71,.01,.51,.99);
  will-change: transform;
  transform: scaleX(0);
  transform-origin: right;
}
.pxl-btn.outline-under .draw-top-right:after {
  top: 7px;
  right: -7px;
}
.pxl-btn .draw-top-right:after {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 100%;
  background-color: var(--second-color);
  transition: transform .72s cubic-bezier(.71,.01,.51,.99);
  will-change: transform;
  transform: scaleY(0);
  transform-origin: top;
}
.pxl-btn.outline-under .draw-bottom-left:before {
  top: auto;
  bottom: -7px;
  left: 7px;
}
.pxl-btn .draw-bottom-left:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--second-color);
  transition: transform .72s cubic-bezier(.71,.01,.51,.99);
  will-change: transform;
  transform: scaleX(0);
  transform-origin: left;
}
.pxl-btn.outline-under .draw-bottom-left:after {
  top: auto;
  right: auto;
  bottom: -7px;
  left: 7px;
}

.pxl-btn .draw-bottom-left:after {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 100%;
  background-color: var(--second-color);
  transition: transform .72s cubic-bezier(.71,.01,.51,.99);
  will-change: transform;
  transform: scaleY(0);
  transform-origin: bottom;
}
.pxl-btn .pxl-button-text {
  position: relative;
  z-index: 1;
}
.btn, button, .button, input[type=submit], input[type=button], .added_to_cart, .pxl-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-family: var(--heading-font-family);
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 24px;
  letter-spacing: .1em;
  padding: 15px 35px;
  background-color: var(--primary-color);
  outline: none;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: top;
  border: 0 solid var(--primary-color);
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  justify-content: center;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 300ms cubic-bezier(.34,.18,1,1);
  -khtml-transition: all 300ms cubic-bezier(.34, .18, 1, 1);
  -moz-transition: all 300ms cubic-bezier(.34, .18, 1, 1);
  -ms-transition: all 300ms cubic-bezier(.34, .18, 1, 1);
  -o-transition: all 300ms cubic-bezier(.34, .18, 1, 1);
  transition: all 300ms cubic-bezier(.34,.18,1,1);
}
.pxl-btn:after {
  border-color: #E5E5E5 !important;
}

.pxl-btn.outline-under:after {
  top: 7px;
  left: 7px;
}
.pxl-btn.outline-under {
  padding: 20px 35px 10px;
}
.pxl-btn {
  min-width: 170px;
}
.btn:active, .btn:hover, .btn:focus, button:active, button:hover, button:focus, .button:active, .button:hover, .button:focus, input[type=submit]:active, input[type=submit]:hover, input[type=submit]:focus, input[type=button]:active, input[type=button]:hover, input[type=button]:focus, .added_to_cart:active, .added_to_cart:hover, .added_to_cart:focus, .pxl-btn:active, .pxl-btn:hover, .pxl-btn:focus {
  color: #fff;
  outline: none;
  text-decoration: none;
  background-color: var(--second-color);
}
.pxl-btn:active .draw-top-right:before, .pxl-btn:hover .draw-top-right:before, .pxl-btn:focus .draw-top-right:before {
  transform: scaleX(1);
}
.pxl-btn:active .draw-top-right:after, .pxl-btn:hover .draw-top-right:after, .pxl-btn:focus .draw-top-right:after {
  transform: scaleY(1);
}
.pxl-btn:active .draw-bottom-left:before, .pxl-btn:hover .draw-bottom-left:before, .pxl-btn:focus .draw-bottom-left:before {
  transform: scaleX(1);
}
.pxl-btn:active .draw-bottom-left:after, .pxl-btn:hover .draw-bottom-left:after, .pxl-btn:focus .draw-bottom-left:after {
  transform: scaleY(1);
}
.pxl-btn.outline-under:active, .pxl-btn.outline-under:hover, .pxl-btn.outline-under:focus {
  padding: 15px 35px;
}

.main-desc p{
  font-size: 18px;
  line-height: 30px;
  max-width: 608px;
  color: #646464;
}
.main-desc {
  margin: 0px 0px 33px 0px;
  padding: 40px 0px 0px 0px;
}
.divider span {
  width: 100%;
  display: flex;
    margin: 0;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #18181833;
    /* border:1px solid #18181833; */
}
.divider {
  margin: 0px 0px 0px -50px;
}
.main-title h2{
  color: #010101;
    font-weight: 400;
    text-transform: uppercase;
    font-size: var(--heading-font-size-h3);
    font-family: var(--heading-font-family);
    letter-spacing: var(--heading-letter-spacing);
}
.main-title h2 span{
color:var(--primary-color);
}
.main-title {
  margin: -10px 0px 28px 0px;
}
.container-sec{
  padding: 0px 0px 130px 0px;
}
@media (min-width: 1280px) {
  .container-sec{
      padding-left: calc((100% - 1170px) / 2) !important;
  }
}

.skillbar-container {
  position:relative;
  display:block;
  /* margin-bottom: 15px;    */
  width: 100%;
  /* background-color: #666463; */
  background-color: #e5e5e5;
  height:35px;
  height:5px;
}
  
.skills {
  height:35px;
  height:5px;
  width:0px;
  background: var(--primary-color) !important;
  /* position: relative; */
  overflow: visible;
}
/* .skills::before {
  content: "";
  width: 3px;
  height: 19px;
  display: block;
  position: absolute;
  top: -8px;
  right: 0px;
  z-index: 3;
  background-color: var(--primary-color);
} */

/* 
.progress-bars{
  list-style-type: none;
  padding:1.5em;
  color:#000;
  background: #111;
  border-radius: 15px;
  width:700px;
  margin: 2em auto;
}
.progress-bars li{
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bar{
  width: 85%;
  height: 5px;
  background: #e5e5e5;
  
  border-radius: 10px;
  margin: 2em 0;
}
.progresss{
  background: var(--primary-color);
  width: 50%;
  height: 5px;
  border-radius: inherit;
  position: relative;

}
.progresss::before {
  content: "";
  width: 5px;
  height: 19px;
  position: absolute;
  top: -8px;
  right: 0px;
  z-index: 3;
  background-color: var(--primary-color);
} */



.skillbar {
	position:relative;
	display:block;
	margin-bottom:15px;
	width:100%;
	background:#eee;
	height:35px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}

.skillbar-title {
	position:absolute;
	top:0;
	left:0;
width:110px;
	font-weight:bold;
	font-size:13px;
	color:#ffffff;
	background:#6adcfa;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-title span {
	display:block;
	background:rgba(0, 0, 0, 0.1);
	padding:0 20px;
	height:35px;
	line-height:35px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-bar {
	height:35px;
	width:0px;
	background:#6adcfa;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.skill-bar-percent {
	position:absolute;
	right:10px;
	top:0;
	font-size:11px;
	height:35px;
	line-height:35px;
	color:#ffffff;
	color:rgba(0, 0, 0, 0.4);
}

.bar-name{
  font-size: 15px;
    line-height: 30px;
    color: #000;
    min-width: 102px;
    margin-right: 10px;
    font-weight: 500;
}
.skill-num{
  padding-left: 22px;
    font-size: 15px;
    line-height: 30px;
    color: #000;
}
.mt-50{
  margin-top: 50px;
}


/**
 * Simple fade transition,
 */
 .mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

.pxl-video-player {
  padding: 255px 0px 255px 0px;
}
.abtsec-2 .pxl-video-player{
  padding: 80px 0px 80px 0px;
}
.relative {
  position: relative;
}
.overflow-hidden {
  overflow: hidden !important;
}
.pxl-video-player.layout-1 .pxl-overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgb(0, 0, 0,.3);
  /* opacity: .2; */
}
.pxl-video-player.layout-1 .video-bg {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-animation: pxl-ken-burns-in-out 30s linear infinite;
  -khtml-animation: pxl-ken-burns-in-out 30s linear infinite;
  -moz-animation: pxl-ken-burns-in-out 30s linear infinite;
  -ms-animation: pxl-ken-burns-in-out 30s linear infinite;
  -o-animation: pxl-ken-burns-in-out 30s linear infinite;
  animation: pxl-ken-burns-in-out 30s linear infinite;
  animation-duration: 30s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: pxl-ken-burns-in-out;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
}


@keyframes pxl-ken-burns-in-out{
  0% {
    transform: scale(1);
  }
  
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
  }

.abtsec .col-lg-6{
  width: 47%;
}
.abtsec .col-lg-6:nth-child(1){
  width: 53%;
}
.popup-youtube{
  /* display:inline-block; */
  width:102px;
  height:102px;
}
.pxl-video-btn {
  border: 2px solid #7f7f7f;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  position: relative;
  width: 100px;
  height: 100px;
  display: inline-block;
  line-height: 100px;
  font-size: 30px;
  z-index: 1;
  background-color: initial;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all .3s ease;
  -khtml-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

/* .pxl-video-btn::after{
content: "";
width:102px;
height:102px;
z-index: 1;
border-radius: 100%;
position: absolute;
top: -2px;
left:-2px;
border-color: #fff;
border-width: 4px;
border-style: solid;
z-index: 2;
border-top-width: 0px;
}
.pxl-video-btn:hover {
  background-color: #fff;
  color: var(--heading-color);
} */
.pxl-video-btn  i {
  -webkit-transition: all .3s ease;
  -khtml-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  font-size: 44px;
}
.pxl-video-btn svg.progress-circle path {
  stroke: #fff;
  stroke-width: 4;
  fill: none;
  box-sizing: border-box;
  transition: stroke-dashoffset 10ms linear 0s;
  stroke-dasharray: 307.919, 307.919;
  stroke-dashoffset: 56.57;
}
.pxl-video-btn:hover svg.progress-circle path {
  stroke-dashoffset: 0 !important;
  -webkit-transition: stroke-dashoffset 1s linear !important;
  -khtml-transition: stroke-dashoffset 1s linear !important;
  -moz-transition: stroke-dashoffset 1s linear !important;
  -ms-transition: stroke-dashoffset 1s linear !important;
  -o-transition: stroke-dashoffset 1s linear !important;
  transition: stroke-dashoffset 1s linear !important;
}
.pxl-video-btn svg.progress-circle {
  max-width: none;
  width: 102px;
  height: 102px;
  position: absolute;
  left: -3px;
  top: -3px;
}
.pxl-video-btn:hover {
  background-color: #fff;
  color: var(--heading-color);
} 
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.parallax-xy .item-inner {
  background-color: #fff;
  padding: 60px 30px 40px;
  width: 100%;
  height: 100%;
  border: 2px solid #f5f5f5;
}
.bg-grd .item-inner {
  background-color: #fff;
  padding: 60px 30px 40px;
  width: 100%;
  height: 100%;
  border: 2px solid #f5f5f5;
}
.parallax-xy .pxl-overlay {
  background-color: var(--primary-color);
  opacity: 0;
  -webkit-transform: scale(.5);
  -khtml-transform: scale(.5);
  -moz-transform: scale(.5);
  -ms-transform: scale(.5);
  -o-transform: scale(.5);
  transform: scale(.5);
  -webkit-transition: opacity .3s ease, transform .3s ease;
  -khtml-transition: opacity .3s ease, transform .3s ease;
  -moz-transition: opacity .3s ease, transform .3s ease;
  -ms-transition: opacity .3s ease, transform .3s ease;
  -o-transition: opacity .3s ease, transform .3s ease;
  transition: opacity .3s ease, transform .3s ease;
}
.parallax-xy .pxl-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.parallax-xy .item-content {
  position: relative;
  width: 100%;
}
.parallax-xy .number {
  font-family: var(--heading-font-family);
  font-size: 18px;
  color: #bcbcbc;
  line-height: 1;
  letter-spacing: .1em;
  position: absolute;
  top: -26px;
  right: -5px;
  -webkit-transition: all .3s ease .3s;
  -khtml-transition: all .3s ease .3s;
  -moz-transition: all .3s ease .3s;
  -ms-transition: all .3s ease .3s;
  -o-transition: all .3s ease .3s;
  transition: all .3s ease .3s;
}
.number-hover {
  font-family: var(--heading-font-family);
  font-size: 18px;
  color: #bcbcbc;
  line-height: 1;
  letter-spacing: .1em;
  position: absolute;
  top: -8px;
  right: -5px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease .3s;
  -khtml-transition: all .3s ease .3s;
  -moz-transition: all .3s ease .3s;
  -ms-transition: all .3s ease .3s;
  -o-transition: all .3s ease .3s;
  transition: all .3s ease .3s;
}
.item-icon {
  font-size: 60px;
  color: var(--primary-color);
  display: inline-block;
  line-height: 1;
  margin-bottom: 18px;
  -webkit-transition: all .3s ease;
  -khtml-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.pxl-service-carousel.layout-1 .item-title {
  font-size: 18px;
  font-family: var(--heading-font-family);
  line-height: 30px;
  color: #000;
  text-transform: uppercase;
  letter-spacing: .1em;
  position: relative;
  padding-bottom: 16px;
  overflow: hidden;
}
.pxl-service-carousel.layout-1 .item-title:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(253, 253, 253, .13);
  position: absolute;
  bottom: 0;
  left: 0;
}
.pxl-service-carousel.layout-1 .item-title:after {
  content: "";
  width: 55%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  -khtml-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: transform .3s linear;
  -khtml-transition: transform .3s linear;
  -moz-transition: transform .3s linear;
  -ms-transition: transform .3s linear;
  -o-transition: transform .3s linear;
  transition: transform .3s linear;
}
.pxl-service-carousel.layout-1 .item-content-inner {
  position: relative;
  padding-bottom: 105px;
}


.pxl-service-carousel.layout-1 .desc {
  font-size: 15px;
  line-height: 24px;
  color: #757575;
  position: absolute;
  top: 18px;
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  display: block;
  display: -webkit-box;
  max-height: 72px;
  font-size: 15px;
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -khtml-line-clamp: 3;
  -moz-line-clamp: 3;
  -ms-line-clamp: 3;
  -o-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  -khtml-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  -webkit-transition: all .3s linear;
  -khtml-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.pxl-service-carousel.layout-1 .pxl-btn {
  position: absolute;
  left: 0;
  top: 48px;
  background-color: #fff;
  color: #000;
  padding: 14px 23px 8px;
  min-width: 145px;
  opacity: 0;
  -webkit-transform: scale(.5);
  -khtml-transform: scale(.5);
  -moz-transform: scale(.5);
  -ms-transform: scale(.5);
  -o-transform: scale(.5);
  transform: scale(.5);
}
.pxl-btn.outline-under {
  padding: 20px 35px 10px;
}
.pxl-service-carousel.layout-1 .pxl-btn {
  position: absolute;
  left: 0;
  top: 48px;
  background-color: #fff;
  color: #000;
  padding: 14px 23px 8px;
  min-width: 145px;
  opacity: 0;
  -webkit-transform: scale(.5);
  -khtml-transform: scale(.5);
  -moz-transform: scale(.5);
  -ms-transform: scale(.5);
  -o-transform: scale(.5);
  transform: scale(.5);
}



.pxl-btn span {
-webkit-transition: transform .3s linear;
-khtml-transition: transform .3s linear;
-moz-transition: transform .3s linear;
-ms-transition: transform .3s linear;
-o-transition: transform .3s linear;
transition: transform .3s linear;
position: relative;
z-index: 1;
}
.pxl-service-carousel.layout-1 .pxl-btn:after {
  border-color: #e5e5e5;
}

.pxl-btn.outline-under:after {
  top: 7px;
  left: 7px;
}
.pxl-btn.draw:after, .pxl-btn.transform:after {
  content: "";
  border: 1px solid var(--primary-color);
  width: 100%;
  position: absolute;
  height: 100%;
  transition: .3s;
  pointer-events: none;
}


.pxl-service-carousel.layout-1 .pxl-overlay {
  background-color: var(--primary-color);
  opacity: 0;
  -webkit-transform: scale(.5);
  -khtml-transform: scale(.5);
  -moz-transform: scale(.5);
  -ms-transform: scale(.5);
  -o-transform: scale(.5);
  transform: scale(.5);
  -webkit-transition: opacity .3s ease, transform .3s ease;
  -khtml-transition: opacity .3s ease, transform .3s ease;
  -moz-transition: opacity .3s ease, transform .3s ease;
  -ms-transition: opacity .3s ease, transform .3s ease;
  -o-transition: opacity .3s ease, transform .3s ease;
  transition: opacity .3s ease, transform .3s ease;
}
.pxl-service-carousel.layout-1 .item-inner:hover .pxl-overlay {
  opacity: 1;
  -webkit-transform: scale(1.05);
  -khtml-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.pxl-service-carousel.layout-1 .item-inner:hover .desc {
  color: #f7f6f4;
  /* opacity: 0;
  -webkit-transform: scale(.5);
  -khtml-transform: scale(.5);
  -moz-transform: scale(.5);
  -ms-transform: scale(.5);
  -o-transform: scale(.5);
  transform: scale(.5); */
}
.pxl-service-carousel.layout-1 .item-inner:hover .pxl-btn {
  opacity: 1;
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-animation: fadeInUp .3s ease-in-out;
  -khtml-animation: fadeInUp .3s ease-in-out;
  -moz-animation: fadeInUp .3s ease-in-out;
  -ms-animation: fadeInUp .3s ease-in-out;
  -o-animation: fadeInUp .3s ease-in-out;
  animation: fadeInUp .3s ease-in-out;
}
.pxl-service-carousel.layout-1 .item-inner:hover .item-icon {
  color: #fff;
  -webkit-transform: translateY(-10px);
  -khtml-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
.pxl-service-carousel.layout-1 .item-inner:hover .number {
  color: #fff;
  top: -45px;
  opacity: 0;
  visibility: hidden;
}


.pxl-service-carousel.layout-1 .item-inner:hover .number-hover {
  color: #fff;
  top: -26px;
  opacity: 1;
  visibility: visible;
}
/* .industry-slider .slick-list {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow-y: visible;
  z-index: 0;
} */
.me-40{
  margin-right:30px;
}
.py-130{
  padding:130px 0px;
}

.parallax-xy{
  position:relative;
}
.background-overlay {
  background-color: #02000096;
  opacity: 1;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
}

.z-4{
  z-index: 4;
  position: relative;
}

.banner-number1 h3 {
  font-size: 42px;
  font-family: var(--heading-font-family);
  line-height: 1;
  text-transform: uppercase;
  color: var(--heading-color);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
.banner-number1 h6{
  font-size: 18px;
  line-height: 30px;
  color: var(--body-color);
  font-weight: 400;
  font-family: var(--body-font-family);
  margin-bottom: 0px;
}
.banner-number1 .pxl-bd-anm {
  margin-top: 20px;
  border-bottom:2px solid #e4e4e4;
}
.counter-bx{
  position:relative;
}
.counter-bx:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 57%;
  height: 2px;
  z-index:1;
  background-color: #000;
  transform: scaleX(0);
  transform-origin: 0 100%;
  transition: transform 1s ease;
}
.counter-bx:hover:after {
  transform: scale(1);
}
.grid-item-inner img {
  width: 100%;
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform .3s ease;
  -khtml-transition: transform .3s ease;
  -moz-transition: transform .3s ease;
  -ms-transition: transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease;
}
.pxl-service-grid.layout-1 .item-title-wrap {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  padding-left: 32px;
  -webkit-transition: bottom .3s cubic-bezier(.39,.11,1,1), opacity .3s cubic-bezier(.37,.17,1,1);
  -khtml-transition: bottom .3s cubic-bezier(.39, .11, 1, 1), opacity .3s cubic-bezier(.37, .17, 1, 1);
  -moz-transition: bottom .3s cubic-bezier(.39, .11, 1, 1), opacity .3s cubic-bezier(.37, .17, 1, 1);
  -ms-transition: bottom .3s cubic-bezier(.39, .11, 1, 1), opacity .3s cubic-bezier(.37, .17, 1, 1);
  -o-transition: bottom .3s cubic-bezier(.39, .11, 1, 1), opacity .3s cubic-bezier(.37, .17, 1, 1);
  transition: bottom .3s cubic-bezier(.39,.11,1,1), opacity .3s cubic-bezier(.37,.17,1,1);
}
.pxl-service-grid.layout-1 .item-title-wrap .title-inner {
  background-color: #fff;
}
.pxl-service-grid.layout-1 .title {
  display: block;
  display: -webkit-box;
  max-height: 30.0000000001px;
  font-size: 18px;
  line-height: 1.6666666667;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -khtml-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
  -o-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  -khtml-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
}

.pxl-service-grid.layout-1 .title {
  padding: 0 32px;
  margin-top: 6px;
}
.pxl-service-grid.layout-1 .title {
  font-size: 18px;
  line-height: 1.6666666667;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: 0;
  padding-right: 40px;
}
.pxl-service-grid.layout-1 .pxl-readmore-arrow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  font-size: 22px;
  width: 60px;
  height: 51px;
  background: var(--primary-color);
  align-items: center;
  justify-content: center;
  color: #fff;
  margin: 0;
  -webkit-transition: all .3s ease;
  -khtml-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.pxl-service-grid.layout-1 .pxl-readmore-arrow .pxli {
  -webkit-transform: rotate(-40deg);
  -khtml-transform: rotate(-40deg);
  -moz-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  -o-transform: rotate(-40deg);
  transform: rotate(-40deg);
  -webkit-transition: transform .3s ease;
  -khtml-transition: transform .3s ease;
  -moz-transition: transform .3s ease;
  -ms-transition: transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease;
}

[class^=pxli-], [class*=" pxli-"] {
  font-family: pxli !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pxl-service-grid.layout-1 .pxl-readmore-arrow:hover {
  background-color: #000;
  color: #fff;
}

.pxl-service-grid.layout-1 .pxl-readmore-arrow:hover .pxli {
  -webkit-transform: rotate(0);
  -khtml-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.pxl-service-grid.layout-1 .item-content-hover {
  position: absolute;
  bottom: 101%;
  left: 50px;
  right: 0;
  background-color: #fff;
  padding: 25px 15px 34px 32px;
  -webkit-transition: bottom .3s cubic-bezier(0,0,.62,.86);
  -khtml-transition: bottom .3s cubic-bezier(0, 0, .62, .86);
  -moz-transition: bottom .3s cubic-bezier(0, 0, .62, .86);
  -ms-transition: bottom .3s cubic-bezier(0, 0, .62, .86);
  -o-transition: bottom .3s cubic-bezier(0, 0, .62, .86);
  transition: bottom .3s cubic-bezier(0,0,.62,.86);
}
.pxl-service-grid.layout-1 .item-content-hover .pxl-readmore-arrow {
  position: absolute;
  top: -25px;
  right: -15px;
}

.pxl-service-grid.layout-1 .pxl-readmore-arrow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  font-size: 22px;
  width: 60px;
  height: 51px;
  background: var(--primary-color);
  align-items: center;
  justify-content: center;
  color: #fff;
  margin: 0;
  -webkit-transition: all .3s ease;
  -khtml-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.pxl-service-grid.layout-1 .desc {
  font-size: 16px;
  line-height: 26px;
  color: var(--body-color);
  /* padding-right: 15px; */
}
.pxl-service-grid.layout-1 .item-title-wrap h5{
  padding: 20px;
}
@media (min-width: 375px){
.pxl-service-grid.layout-1 .grid-item-inner:hover .item-title-wrap {
    bottom: -51px;
    opacity: 0;
}
.pxl-service-grid.layout-1 .grid-item-inner:hover .item-content-hover {
  bottom: 0;
}
}

.pxl-service-grid.layout-1 .pxl-overlay {
  background-color: initial;
  -webkit-transition: background-color .3s ease;
  -khtml-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  -ms-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
}

.pxl-service-grid.layout-1 .pxl-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.pxl-service-grid.layout-1 .grid-item-inner:hover .pxl-overlay {
  background-color: rgba(0, 0, 0, .58);
}
a{
  text-decoration: none !important;
}
.pxl-service-grid.layout-1 .item-content-hover .title {
  margin-bottom: 14px;
  padding-left:0px;
}

.footer-img{
  width:100%;
  height:100%;
}


.text-prime {
  color: var(--primary-color) !important;
}
.footer-content{
  padding: 36px 0px 60px 45px;
}
.footer-bx{
  background-color: #1C1C1C;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 73px 0px 0px 0px;
}
.footer-divider{
  margin: 16px 0px;
  border-top: 1px solid #313131;
}
@media (min-width: 1280px){
.footer-bx {
    padding-right: calc((100% - 1170px) / 2) !important;
}
}

.ci-title {
  color: #FFFFFF;
}

.ci-title {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: 8px;
}
.ci-desc, .ci-desc a {
  color: #7D7D7D;
}

.ci-desc {
  font-size: 14px;
  line-height: 26px;
}
.max-160{
  max-width: 160px;
}
.max-200{
  max-width: 200px;
}
.ms-30{
margin-left: 30px;
}
.elementor-1546 .elementor-element.elementor-element-56ed434 .pxl-map-wrap {
  width: 320px;
  height: 320px;
  filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
}


.pxl-map-wrap {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  -webkit-transition: opacity .3s, visibility .3s;
  -khtml-transition: opacity .3s, visibility .3s;
  -moz-transition: opacity .3s, visibility .3s;
  -ms-transition: opacity .3s, visibility .3s;
  -o-transition: opacity .3s, visibility .3s;
  transition: opacity .3s, visibility .3s;
}
.cursor-map-target:hover .pxl-map-wrap {
  opacity: 1;
}

.footer-bottom{
  background-color: #000000;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 25px 0px 24px 0px;
}
.pxl-text-editor {
  font-size: 14px;
  letter-spacing: 1.35px;
  color: #fff;
}
.pxl-text-editor p{
  margin-bottom: 0px;
}
.pxl-socials-wrap {
  text-align: right;
}
.pxl-socials-wrap.layout-1 {
  margin-left: -25px;
  margin-right: -25px;
}
.social-item {
  color: #FFFFFF;
}

.pxl-socials-wrap.layout-1 a {
  font-size: 14px;
  font-family: var(--heading-font-family);
  text-transform: uppercase;
  letter-spacing: .05em;
  position: relative;
}
.pxl-socials-wrap.layout-1>* {
  margin-left: 25px;
  margin-right: 25px;
}
.pb-120{
  padding-bottom: 120px;
}
.pt-120{
  padding-top: 120px;
}
.bg-dark-black{
  background-color: #252525;
}
.heading-title {
  color: #FFFFFF;
  font-weight: 400;
  text-transform: uppercase;
  font-size: var(--heading-font-size-h3);
  line-height: var(--heading-line-height);
}
.sub-head .heading-title{
  font-size: 20px;
}
.review-title-area{
  padding-bottom: 17px;
  border-bottom: 1px solid #FFFFFF21;
  margin-bottom: 17px;
}
.mt-83{
  margin: 83px 0px 0px 0px;
}


/* reviews */


.review-slider .slide:not(.slick-current) {
  opacity: .4;
  padding-top: 53px;
}
.review-slider .slide:not(.slick-current) {
  padding-top: 83px;
}
.review-slider .slide{
  -webkit-transition: opacity .3s ease, padding-top .5s ease;
  -khtml-transition: opacity .3s ease, padding-top .5s ease;
  -moz-transition: opacity .3s ease, padding-top .5s ease;
  -ms-transition: opacity .3s ease, padding-top .5s ease;
  -o-transition: opacity .3s ease, padding-top .5s ease;
  transition: opacity .3s ease, padding-top .5s ease;
  
}

/* .review-slider .slide .pxl-icon {
  position: absolute;
} */
.review-slider .slide .item-desc {
  font-size: 24px;
  line-height: 1.6666666667;
  color: #fff;
}

.review-slider .slide  .desc-top {
  padding-left: 55px;
}
.review-slider .slide  .item-image {
  float: left;
  margin: 34px 20px 0 0;
}
.review-slider .slide .item-image img{
  max-width: 176px;
}
.review-slider .slide .item-info-wrap {

  margin-top: 21px;
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, .16);
  margin-left: 196px;
}
.review-slider .slide .item-title {
  font-size: 18px;
  color: #fff;
  margin-top: 19px;
}
.review-slider .slide .item-position {
  font-size: 13px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #cc9a52;
  font-family: var(--heading-font-family);
  margin-top: 5px;
}
.review-slider .slide .item-info-wrap:after {
  content: "";
  height: 1px;
  width: 0;
  background-color: #bdbdbd;
  position: absolute;
  left: 0;
  top: -1px;
  -webkit-transition: width .8s linear;
  -khtml-transition: width .8s linear;
  -moz-transition: width .8s linear;
  -ms-transition: width .8s linear;
  -o-transition: width .8s linear;
  transition: width .8s linear;
}
.review-slider .slide{
  margin-right: 60px;
}
.review-slider .slick-current .item-info-wrap:after {
  width: 59%;
}
/* .item-inner .pxl-icon svg text {
  font-size: 28px;
  fill: #fff;
  font-family: Roboto;
  font-weight: 300;
}
svg {
  max-width: 100%;
  vertical-align: top;
} */

/* blogs start */
.blog-boxes .item-featured {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
}
.blog-boxes .item-featured img {
  transform: scale(1.001);
  transform-origin: bottom left;
  filter: grayscale(100%);
  -webkit-transition: transform 1.02s linear;
  -khtml-transition: transform 1.02s linear;
  -moz-transition: transform 1.02s linear;
  -ms-transition: transform 1.02s linear;
  -o-transition: transform 1.02s linear;
  transition: transform 1.02s linear;
}
.blog-boxes .item-featured .pxl-overlay {
  opacity: 0;
  background-color: rgba(0, 0, 0, .54);
  -webkit-transform: translateY(80%);
  -khtml-transform: translateY(80%);
  -moz-transform: translateY(80%);
  -ms-transform: translateY(80%);
  -o-transform: translateY(80%);
  transform: translateY(80%);
  -webkit-transition: all .3s linear;
  -khtml-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.blog-boxes .item-readmore {
  position: absolute;
  margin-top: -27px;
  top: 55%;
  -webkit-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: all .3s linear;
  -khtml-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.blog-boxes .pxl-btn.outline-above {
  padding: 11px 35px 19px;
}
.pxl-btn .draw-top-right, .pxl-btn .draw-bottom-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.pxl-btn span {
  -webkit-transition: transform .3s linear;
  -khtml-transition: transform .3s linear;
  -moz-transition: transform .3s linear;
  -ms-transition: transform .3s linear;
  -o-transition: transform .3s linear;
  transition: transform .3s linear;
}
.pxl-btn.in-dark .draw-top-right:before, .pxl-btn.in-dark .draw-top-right:after, .pxl-btn.in-dark .draw-bottom-left:before, .pxl-btn.in-dark .draw-bottom-left:after {
  background-color: #e5e5e5;
}
.pxl-btn.outline-above .draw-top-right:before {
  top: -7px;
  left: -7px;
}

.pxl-btn .draw-top-right:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--second-color);
  transition: transform .72s cubic-bezier(.71,.01,.51,.99);
  will-change: transform;
  transform: scaleX(0);
  transform-origin: right;
}
.pxl-btn.in-dark .draw-top-right:before, .pxl-btn.in-dark .draw-top-right:after, .pxl-btn.in-dark .draw-bottom-left:before, .pxl-btn.in-dark .draw-bottom-left:after {
  background-color: #e5e5e5;
}

.pxl-btn.outline-above .draw-top-right:after {
  top: -7px;
  right: 6px;
}
.pxl-btn .draw-top-right:after {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 100%;
  background-color: var(--second-color);
  transition: transform .72s cubic-bezier(.71,.01,.51,.99);
  will-change: transform;
  transform: scaleY(0);
  transform-origin: top;
}
.pxl-btn .draw-top-right, .pxl-btn .draw-bottom-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.pxl-btn.outline-above .draw-bottom-left:before {
  top: auto;
  bottom: 7px;
  left: -7px;
}
.pxl-btn.outline-above .draw-bottom-left:after {
  top: auto;
  left: -7px;
  bottom: 7px;
}

.pxl-btn .draw-bottom-left:after {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 100%;
  background-color: var(--second-color);
  transition: transform .72s cubic-bezier(.71,.01,.51,.99);
  will-change: transform;
  transform: scaleY(0);
  transform-origin: bottom;
}
.pxl-btn .pxl-button-text {
  position: relative;
  z-index: 1;
}
.pxl-btn.outline-above:after {
  top: -7px;
  left: -7px;
}

.pxl-btn.draw:after {
  border-color: #e5e5e5;
}
.pxl-btn.draw:after, .pxl-btn.transform:after {
  content: "";
  border: 1px solid var(--primary-color);
  width: 100%;
  position: absolute;
  height: 100%;
  transition: .3s;
  pointer-events: none;
}
.blog-boxes .item-content {
  padding-top: 13px;
  padding-bottom: 15px;
}
.blog-boxes .item-content-df {
  -webkit-transform: translateY(0);
  -khtml-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: all .3s linear;
  -khtml-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.pxl-entry-content .fadeInUp {
  -webkit-animation-name: pxlFadeInUp;
  animation-name: pxlFadeInUp;
}
@keyframes pxlFadeInUp{
  0% {
    opacity: 0;
    transform: translate3d(0,30px,0);
}

100% {
    opacity: 1;
    transform: none;
}
  }

  .blog-boxes .item-post-meta {
    font-size: 14px;
    letter-spacing: .05em;
    color: var(--primary-color);
    margin-bottom: 6px;
}
.blog-boxes .item-post-meta .meta-inner {
  margin-left: -27px;
  margin-right: -27px;
}
.blog-boxes .item-post-meta .meta-inner>* {
  padding-left: 27px;
  padding-right: 27px;
  position: relative;
}
.blog-boxes .item-post-meta .meta-inner>*+*:before {
  content: "";
  width: 30px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  background-color: var(--primary-color);
  -webkit-transform: translateX(-50%);
  -khtml-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.blog-boxes .item-post-meta a {
  color: inherit;
}
.blog-boxes .item-title {
  font-size: 22px;
  line-height: 30px;
  letter-spacing: .05em;
  color: #080808;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 0;
  display: block;
  display: -webkit-box;
  max-height: 60.0000000002px;
  font-size: 22px;
  line-height: 1.3636363636;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -khtml-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -khtml-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
}
.blog-boxes .item-title a {
  color: inherit;
}

.blog-boxes .item-title>* {
  display: block;
  display: -webkit-box;
  max-height: 60.0000000002px;
  font-size: 22px;
  line-height: 1.3636363636;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -khtml-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -khtml-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
}
.blog-boxes .item-content-hover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #1a1a1a;
  padding: 25px 25px 35px;
  opacity: 0;
  -webkit-transform: translateY(0);
  -khtml-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all .3s linear;
  -khtml-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}


.blog-boxes .item-post-meta {
  font-size: 14px;
  letter-spacing: .05em;
  color: var(--primary-color);
  margin-bottom: 6px;
}
.blog-boxes .item-content-hover .item-post-meta {
  color: #fff;
  margin-bottom: 8px;
}
.blog-boxes .item-post-meta .meta-inner {
  margin-left: -27px;
  margin-right: -27px;
}
.blog-boxes .item-post-meta .meta-inner>* {
  padding-left: 27px;
  padding-right: 27px;
  position: relative;
}
.blog-boxes .item-post-meta .meta-inner>* {
  padding-left: 27px;
  padding-right: 27px;
  position: relative;
}


.blog-boxes .item-post-meta .meta-inner>*+*:before {
  content: "";
  width: 30px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  background-color: var(--primary-color);
  -webkit-transform: translateX(-50%);
  -khtml-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.blog-boxes .item-content-hover .item-post-meta .meta-inner>*+*:before {
  background-color: #fff;
}
.blog-boxes .item-content-hover .item-excerpt {
  color: #929292;
}
.blog-boxes-slider .blog-slide{
  margin-right: 30px;
}
.blog-boxes .item-inner-wrap:hover .item-featured img {
  transform: scale(1.02);
}
.blog-boxes .item-inner-wrap:hover .item-featured .pxl-overlay {
  opacity: 1;
  -webkit-transform: translateY(0);
  -khtml-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.pxl-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.blog-boxes .item-inner-wrap:hover .item-readmore {
  top: 50%;
  opacity: 1;
}
.blog-boxes .item-inner-wrap:hover .item-content-df {
  -webkit-transform: translateY(30px);
  -khtml-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
}
.blog-boxes .item-inner-wrap:hover .item-content-hover {
  opacity: 1;
  -webkit-transform: translateY(-76px);
  -khtml-transform: translateY(-76px);
  -moz-transform: translateY(-76px);
  -ms-transform: translateY(-76px);
  -o-transform: translateY(-76px);
  transform: translateY(-76px);
}
.blog-boxes .item-inner-wrap:hover .item-featured .pxl-overlay {
  opacity: 1;
  -webkit-transform: translateY(0);
  -khtml-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.pxl-btn.outline-above:active, .pxl-btn.outline-above:hover, .pxl-btn.outline-above:focus {
  padding: 15px 35px;
}

.btn.in-dark:active, .btn.in-dark:hover, .btn.in-dark:focus, button.in-dark:active, button.in-dark:hover, button.in-dark:focus, .button.in-dark:active, .button.in-dark:hover, .button.in-dark:focus, input[type=submit].in-dark:active, input[type=submit].in-dark:hover, input[type=submit].in-dark:focus, input[type=button].in-dark:active, input[type=button].in-dark:hover, input[type=button].in-dark:focus, .added_to_cart.in-dark:active, .added_to_cart.in-dark:hover, .added_to_cart.in-dark:focus, .pxl-btn.in-dark:active, .pxl-btn.in-dark:hover, .pxl-btn.in-dark:focus {
  color: #000;
  outline: none;
  text-decoration: none;
  background-color: #fff;
}
.mb-40{
  margin-bottom: 40px;
}
/* .ht-80{
  min-height: 50vh;
} */
/* .pxl-btn:active.outline-above.transform:after, .pxl-btn:active.outline-under.transform:after, .pxl-btn:hover.outline-above.transform:after, .pxl-btn:hover.outline-under.transform:after, .pxl-btn:focus.outline-above.transform:after, .pxl-btn:focus.outline-under.transform:after {
  top: 0;
  left: 0;
} */

.carousel-indicators {
  position: absolute;
  right: auto;
  bottom: 50px!important;
  left: 37px!important;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 0!important;
  margin-bottom: 0!important;
  margin-left: 0!important;
  flex-direction: column;
  list-style: none;
  width: 12px !important;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 0 12px!important;
  width: 12px !important;
  height: 12px !important;
  background-color: var(--primary-color)!important;
}
.carousel-indicators .active {
  background-color: #fff!important;
}
.carousel-indicators.carousel-indicators::before {
  content: "";
  width: 1px;
  height: 450px;
  position: absolute;
  bottom: 110px;
  left: 50%;
  background-color: var(--primary-color);
}
.carousel-indicators:after {
  content: "";
  width: 1px;
  height: 42px;
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  background-color: var(--primary-color);
}
.banner{
  position: relative;
}
.anchor-btn{
  width: auto;
  max-width: auto;
  top: 300px;
  position: fixed;
  left: 0px;
  transform: rotate(-90deg);
    transform-origin: 0 0;
    z-index: 10;
    background-color: #FFFFFF;
    text-align: center;
}
.anchor-btn a {
  height: 45px;
  padding: 15px 66px 0px 18px;
  font-family: var(--heading-font-family);
  font-size: 14px;
  color: var(--heading-color);
  letter-spacing: .05em;
  text-transform: uppercase;
  -webkit-transition: all .3s ease;
    -khtml-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    line-height: 1em;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: relative;
}
.anchor-btn a span{
  position: absolute;
transform: rotate(90deg);
right: 30px;
}
.soc-cont{
  left: 135px;
  position: absolute;
  top: -78px;
    z-index: 80;
}
.pxl-socials-wrap.layout-1 {
  margin-left: -25px;
  margin-right: -25px;
}
.review-slider .pxl-icon {
  color: #fff;

  position: absolute;
  top: -20px;
  left: 30px;

  font-size: 50px;
}
header .pxl-btn.outline-under {
  padding: 20px 35px 10px !important;
}
header .pxl-btn.draw:after, .pxl-btn.transform:after {
  content: "";
  border: 1px solid #e5e5e5!important;
  width: 100% !important;
  position: absolute;
  height: 100% !important;
  transition: .3s;
  pointer-events: none;
  top: 7px !important;
    left: 7px !important;
    background: transparent !important;
}
header .pxl-btn{
  font-size: 14px !important;
  max-width: 170px;
}
header .pxl-btn.outline-under:hover, .pxl-btn.outline-under:focus {
  padding: 15px 35px !important;
}
.scrolling-active .pxl-btn{
  color: #fff !important;
}


@media (max-width: 991px){
  .review-slider .slide .desc-top {
    padding-left: 32px;
}
.review-slider .slide .item-desc {
  font-size: 18px;
}
.review-slider .pxl-icon {
  color: #fff;
  position: absolute;
  top: -15px;
  left: 10px;
  font-size: 40px;
}
.review-slider .slide .item-image img {
  max-width: 100px;
}
.review-slider .slide {
  margin-right: 0px;
}
.review-slider .slide .item-info-wrap {
  margin-left: 120px;
}
.review-slider .slide:not(.slick-current) {
  padding-top: 0px;
}
.abtsec .col-lg-6 {
  width: 100% !important;
}
}
/* @media (max-width: 480px){
.pxl-testimonial-carousel.layout-1 .item-info-wrap {
    margin-left: 100px;
}
} */

.other-pages-banner{
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 147px 0px 63px 0px;
}
.brc-inner .br-item {
  flex: none;
  max-width: 100%;
  font-size: 16px;
  font-family: var(--heading-font-family);
  color: var(--primary-color);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.brc-inner a {
  color: #fff;
}
.br-text, .br-divider {
  color: #fff;
}
.brc-inner .br-divider {
  padding: 0 15px;
  font-size: 100%;
  color: var(--heading-color);
  font-size: 12px;
}
.abt-img-2{
    width: var(--container-widget-width, 70%);
    max-width: 70%;
    --container-widget-width: 70%;
    --container-widget-flex-grow: 0;
    position: absolute;
    left: auto;
    top: 15%;
    right: 15px;
}
.abt-img-1{
  width: var(--container-widget-width, 55%);
  max-width: 55%;
  --container-widget-width: 55%;
  --container-widget-flex-grow: 0;
  position: absolute;
  z-index: 1;
}
.slick-track
{
    display: flex !important;
}

.slick-slide
{
    height: auto !important;
}
.py-100{
  padding: 100px 0px;
}

.pxl-fancybox-layout-3 .fancy-featured {
  padding: 74px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
}
.layout-3 .parallax-inner {
  background-image: url(https://demo.casethemes.net/adsett/wp-content/uploads/2022/07/fancy-img3.jpg);
}

.parallax-inner {
  position: absolute;
  top: -10%;
  left: -10%;
  height: calc(100% + 20%);
  width: calc(100% + 20%);
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.pxl-absoluted {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.pxl-fancybox-layout-3 .parallax-inner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
}

.pxl-fancybox-layout-3:hover .pxl-overlay {
  opacity: 1;
}

.pxl-fancybox-layout-3 .pxl-overlay {
  opacity: 0;
  -webkit-transition: all .3s ease;
  -khtml-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  mix-blend-mode: multiply;
}
.pxl-fancybox-layout-3 .fancy-featured {
  padding: 160px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
}
.pxl-fancybox-layout-3 .pxl-fancy-icon {
  font-size: 60px;
  color: #000;
  width: 98px;
  height: 98px;
  background-color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  -webkit-transition: all .3s ease;
  -khtml-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.pxl-fancy-icon .pxl-icon {
  -webkit-transition: all .3s ease;
  -khtml-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.pxl-fancybox-layout-3 .title {
  font-size: 23px;
  line-height: 30px;
  color: var(--heading-color);
  font-family: var(--heading-font-family);
  font-weight: 700;
  margin-bottom: 18px;
  text-transform: uppercase;
}
.pxl-fancybox-layout-3 .desc {
  font-size: 18px;
  line-height: 27px;
  color: #666;
}

.contact-quick-bx{
  margin: 0px 0px 0px 40px;
  padding: 45px 15px 38px 30px;
  border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: #E6E6E6;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.contact-quick-bx .divider{
 border-bottom:1px solid #E6E6E6; 
 margin: 38px 0px;
 margin-left: -30px;
}
.contact-quick-bx .ci-title {
  color: #010101;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.contact-quick-bx .ci-desc {
  font-size: 15px;
  line-height: 24px;
}
.heading-drk h3{
color: #000;
}
.contact-form input, .contact-form textarea{
  background-color: #fff;
  border: 1px solid #e7e7e7;
  color: var(--body-color);
  padding: 0 20px;
  line-height: 50px;
  height: 50px;
  font-size: 15px;
  width: 100%;
  font-weight: 400;
  text-align: start;
  outline: none;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 300ms ease-in-out;
  -khtml-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.contact-form textarea {
    height: 170px;
}


@media (min-width: 1200px){
  .contact-form textarea{
    height: 220px;
}
}


.pxl-service-carousel.layout-1 .item-inner:hover .item-title {
color: #fff;
}

.floating-btn{
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 1000;
  border-radius: 50%;
  overflow: hidden;
  animation: shake2 2.5s ease infinite;
}

.floating-btn a {
  background: #014782;
  width: 60px;
  height: 60px;
  opacity: 1;
  line-height: 60px;
  display: block;
  text-align: center;
}



@media (min-width: 1280px) {
  .container-sec-2 {
      padding-right: calc((100% - 1170px) / 2) !important;
  }
}

.py-30{
  padding-top: 30px;
  padding-bottom: 30px;
}

.other-pages-banner{
  background-image: url('../Images/se-8.jpg');
  margin-bottom: 60px;
}

.br-text, .br-divider {
  color: #fff;
}

.col-lg-6:nth-child(1) .layout-3 .parallax-inner {
  background-image: url(../Images/products/ldpe-powder.webp);
}
.col-lg-6:nth-child(2) .layout-3 .parallax-inner {
  background-image: url(../Images/banner/se-1.jpg);
  background-position: bottom;
}
.im-2{
  display: none;
}
@media (max-width: 767px) {

  .carousel-desc h2 {
    font-size: 42px;
  }
  .banner .carousel-item img {
    height: 65vh;
  }
  .banner {
    height: 65vh;
}
.carousel-indicators.carousel-indicators::before {
  height: 0;
}
.carousel-indicators.carousel-indicators::before {

  height: 0;
}
.carousel-indicators.carousel-indicators::after {

  height: 0;
}


.carousel-indicators {

    flex-direction: row;
}

.abtse .abtbx{
padding-bottom: 50px;
}
.slick-slide.me-40 {
  margin-right: 0px;
}
.btn-video-wrap img{
  width: 80%;
}
.abt-img-1 {
  width: 100%;
  max-width: 100%;
  --container-widget-width: 55%;
  --container-widget-flex-grow: 0;
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
}
.abt-img-1 img{
  width: 100%;
}
.abt-img-2 {
display: none;
}
.main-title h2 {
  font-size: 42px;
}
.pb-120 {
  padding-bottom: 80px;
}
.col-lg-6:nth-child(1) .layout-3 .parallax-inner {
  background-image: url(../Images/banner/se-4.jpg);
}
.col-lg-6:nth-child(2) .layout-3 .parallax-inner {
  background-image: url(../Images/banner/ape-1.webp);
  background-position: bottom;
}
.im-2{
  display: block;
}
.im{
  display: none;
}
.header .open-nav-menu span {
  background-color: #000;
}
.header .open-nav-menu span:before, .header .open-nav-menu span:after {
  background-color: #000;
}
.footer-content {
  padding: 36px 0px 60px 15px;
}
.abt-word{
  display: none;
}
.abtbx {
  margin-left: 0px;
  padding-left: 15px;
  border-color: none;
}
.container-sec {
  padding: 0px 0px 60px 0px;
}
.contact-quick-bx{
  margin-left: 0px;
}
  }

  .bg-grd{
    background: #e6f3ff ;
  }

  .rel-vid {
  position: relative;
    height: 100%;
}

.rel-vid .info {
  position: absolute;
  top: 35%;
  left: 40%;
  font-size: 60px;
  font-weight: 700;
  z-index: 2;
}
#videoBg {
  /* position: fixed; */
  /* z-index: -1; */
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-bottom: -7px;

}


@media (max-width: 991px) {


  #videoBg {
    height: 80vh;
  }


}

@media (max-width: 767px) {

 .rel-vid{
    position: relative;
    height: 55vh;
}


  #videoBg {
    height: 50vh;
    object-position: 84% 50%;
  }

}
.sustain_img_box_txt{
background: #fff;
padding: 15px;
}