/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/


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

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

@import url('https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap');

body {
  /*background-color: #ECECEC;
  background-image: url(../img/body_bg.png);
  background-repeat: repeat-y;
  background-position: center top;*/
  color: #666666;
  font-family: "Hanken Grotesk", sans-serif;
  -webkit-font-smoothing: antialiased;  
  -webkit-backface-visibility:hidden;
}

a {
  color: #007bff;
  transition: 0.5s;
}

a:hover,
a:active,
a:focus {
  color: #18d36e;
  outline: none;
  text-decoration: none;
}

p {
  padding: 0;
  margin: 0 0 30px 0;
  font-size: 17px;
}

p a {
  
  color: #000;
  transition: 0.5s;
}

p a:hover,
p a:active,
p a:focus {
  color: #007bff;
  outline: none;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Mona Sans", sans-serif;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0;
}

.container-fluid {
    padding-right: 50px;
    padding-left: 50px;
}

.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}

.mtp {margin-top: 15px;}
.mr20 { margin-right:20px; }

.btn-default {
    color: #FFF;
    background-color: #00aeea;
    border-color: #fff;
    font-weight: bold !important;
    margin-top: 20px;
    font-size: 16px;
    border-radius: 0px;
}

.btn-default:hover {background-color: #0056b3;}

/* Back to top button */

.back-to-top {
  position: fixed;
  display: none;
  background: #FF8851;
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
  z-index: 11;
}

.back-to-top i {
  padding-top: 12px;
  color: #fff;
}

.back-to-top:hover { background: #fe5203; }

/* Prelaoder */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #f2f2f2;
  border-top: 6px solid #18d26e;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/* Nav Menu Essentials */

.nav-menu,
.nav-menu * {
  margin: 0;
  padding: 0;margin-top: 0px;
  list-style: none;
}

.nav-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}

.nav-menu li {
  position: relative;
  white-space: nowrap;
}

.nav-menu > li {
  float: left;
}

.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
  display: block;
}

.nav-menu ul ul {
  top: 0;
  left: 100%;
}

.nav-menu ul li {
  min-width: 180px;
}

/* Nav Menu Arrows */

.sf-arrows .sf-with-ul {
  padding-right: 30px;
}

.sf-arrows .sf-with-ul:after {
  content: "\f107";
  position: absolute;
  right: 15px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}

.sf-arrows ul .sf-with-ul:after {
  content: "\f105";
}

/* Nav Meu Container */

#nav-menu-container {
  float: none;
  margin: 0;
}

.btn-custom { 
    font-size: 16px;
    font-weight: 500;
    color: #151515;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #000000;
    border-radius: 50rem 50rem 50rem 50rem;
    padding: 10px 35px 10px 36px;
    background-color: transparent;
}

.btn-custom:hover, .btn-custom:focus { 

    background: #000000; color: #FFFFFF;
    box-shadow: 7px 10px 15px 0px rgba(0, 0, 0, 0.26666666666666666);
 }

.btn-custom.fade-border-effect:before {
    position: absolute;
    content: "";
    top: -11px;
    left: 10%;
    width: 80%;
    height: 2px;
    background-image: linear-gradient(to right, transparent, #fff, transparent);
}

.btn-custom.fade-border-effect:after {
    position: absolute;
    content: "";
    bottom: -10px;
    left: 10%;
    width: 80%;
    height: 2px;
    background-image: linear-gradient(to right, transparent, #fff, transparent);
}

/* Nav Meu Styling */

.nav-menu a {
  padding: 10px 8px 10px 8px;
  text-decoration: none;
  display: inline-block;
  color: #151515;

  font-weight: 500;
  font-size: 16px;
 
  outline: none;
}

.nav-menu li:hover > a,
.nav-menu > .menu-active > a {
  /*color: #00aeea;*/
    color: #FF8851;
}

.nav-menu > li {
  margin-left: 10px;
}

.nav-menu ul {
  margin: 4px 0 0 0;
  padding: 10px;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  background: #fff;
}

.nav-menu ul li {
  transition: 0.3s;
}

.nav-menu ul li a {
  padding: 5px 0;
  color: #333;
  transition: 0.3s;
  display: block;
  font-size: 16px;
  text-transform: none; margin-top: 0px;
}
.nav-menu ul li {border-bottom: 1px solid #d3d2d2;}
.nav-menu ul li:last-child {border: none;}

.nav-menu ul li:hover > a {
  color: #FF8851;
}

.nav-menu ul ul {
  margin: 0;
}

.header-action {margin-top: 20px;}

.header-action a {color: #fff;}
.header-action a:hover {color: #fff;}
.felona-btn {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
   font-weight: 700;
    font-size: 13px;
    padding: 12px 12px;
    background: #ed1e24 none repeat scroll 0 0;
    letter-spacing: 1px;
}

.felona-btn:hover {background: #000;}

/* Mobile Nav Toggle */

#mobile-nav-toggle {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
  margin: 30px 20px 0 0;
  border: 0;
  /*background: none;*/
  font-size: 24px;
  display: none;
  transition: all 0.4s;
  outline: none;
  cursor: pointer;
}

/*#mobile-nav-toggle i {
  color: #fff;
}*/

/* Mobile Nav Styling */

#mobile-nav {
  position: fixed;
  top: 0;
  padding-top: 18px;
  bottom: 0;
  z-index: 998;
  background: rgba(0, 0, 0, 0.8);
  left: -260px;
  width: 260px;
  overflow-y: auto;
  transition: 0.4s;
}

#mobile-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#mobile-nav ul li {
  position: relative;
}

#mobile-nav ul li a {
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  overflow: hidden;
  padding: 10px 22px 10px 15px;
  position: relative;
  text-decoration: none;
  width: 100%;
  display: block;
  outline: none;
  font-weight: 700;
  
}

#mobile-nav ul li a:hover {
  color: #e1b309;
}

#mobile-nav ul li li {
  padding-left: 30px;
}

#mobile-nav ul li.menu-active a {
  color: #e1b309;
}

#mobile-nav ul .menu-has-children i {
  position: absolute;
  right: 0;
  z-index: 99;
  padding: 15px;
  cursor: pointer;
  color: #fff;font-size: x-small;
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
  color: #e1b309;
}

#mobile-nav ul .menu-has-children li a {
  text-transform: none;
}

#mobile-nav ul .menu-item-active {
  color: #e1b309;
}

#mobile-body-overly {
  width: 100%;
  height: 100%;
  z-index: 997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  display: none;
}

/* Mobile Nav body classes */

body.mobile-nav-active {
  overflow: hidden;
}

body.mobile-nav-active #mobile-nav {
  left: 0;
}

body.mobile-nav-active #mobile-nav-toggle {
  color: #000;
}

.wcf-content-wrap { display: flex; justify-content: space-between; gap: 9px 9px;}

.wcf-content-wrap .container-fluid { 
    padding-right: 0px;
    padding-left: 0px; 
  }

.wcf-content-wrap .row {
    margin-right: 0px;
    margin-left: 0px; 
    margin-bottom: 8px; 
  }

.wcf-content-wrap .col-lg-7, .wcf-content-wrap .col-lg-5 {
    padding-right: 0px;
    padding-left: 0px;  
  }

.wcf-image {  }

.wcf-image img { width: 100%; height: 557px;}

.wcf-content { }

.wcf-content .col-lg-6 {padding-right: 0px;
    padding-left: 8px;}

.wcf-content-left {  }

.wcf-content-left img {max-width:100%;}

.wcf-content-right { 
   
    background-color: #FBF9F9;
    background-image: url("../img/shpaeB.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto;
    padding-top: 45px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;

}

.wcf-content-right p { 
    color: #121212;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    margin: 0px 0 49px 0;
  }

.wcf-content-right p span {
    font-size: 55px;
    font-weight: 500; 
    color: #151515;
  }

.wcf-content-right2 { 
    
    background-color: #121212;
    background-image: url("../img/shpaeB.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto;
     padding-top: 45px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
}

.wcf-content-right2 p { 
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    margin: 0px 0 49px 0;
  }

.wcf-content-right2 p span {
    color: #fff;
    font-size: 55px;
    font-weight: 500;
}
.Accordions {
    display: block;
    /* max-width: 800px; */
    margin: auto;
}

.Accordion_item:first-child {
    margin-top: 50px;
}

.Accordion_item {
    width: 100%;
    height: auto;
    margin: 5px 0;
}

.Accordion_item .title_tab {
    width: 100%;
    background-color: #F6F6F6;
    color: #191919;
    padding: 18px 30px;
    cursor: pointer;
    transition: background-color 0.3s ease-in;
    border-radius: 0px; 
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #99999933;
}

/*.Accordion_item .title_tab.active {
    background-color: #f2c41a;
    transition: background-color 0.3s ease-in;
}*/

.Accordion_item .title_tab .title {
    font-size: 18px;
    letter-spacing: 0px;
    position: relative;
    color: #000; margin: 0;
    line-height: 30px;
    font-weight: 700;
}

/*.Accordion_item .title_tab .title .icon {
    position: absolute;
    right: 1%;
    top: calc(50% - 8px);
    width: 16px;
    height: 16px;
    background-color: transparent;
    transform: rotate(-90deg);
    transition: transform 0.3s ease-in;
}*/

.Accordion_item .title_tab .title .icon:before {
    top: 0;
    left: 2px;
    transform: rotate(-45deg);
}

.Accordion_item .title_tab .title .icon:before, .Accordion_item .title_tab .title .icon:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 2px;
    background-color: #191919;
}

.Accordion_item .title_tab .title .icon:after {
    top: 0;
    right: 2px;
    transform: rotate(45deg);
}

/*.Accordion_item .title_tab .title .icon:before, .Accordion_item .title_tab .title .icon:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 2px;
    background-color: #191919;
}
*/
.inner_content {
    width: 100%;
    height: auto;
    display: none;
    overflow: hidden; background-color: #F6F6F6; border: 1px solid #99999933;
}

.inner_content p {
    width: 98%;
    margin: auto;
    padding: 18px 25px;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 1px;
    opacity: 0;
    transform: translate3d(0px, 60px, 0px);
    transition: transform 0.6s cubic-bezier(0, 0.99, 0.44, 1.01), opacity 0.8s 0.1s cubic-bezier(0, 0.99, 0.44, 1.01);
    word-spacing: 0px;
}

.Accordion_item .title_tab.active {
    background-color: #F6F6F6;
    transition: background-color 0.3s ease-in;
}

.Accordion_item .title_tab .title .icon {
    position: absolute;
    right: 1%;
    top: calc(50% - 8px);
    width: 10px;
    height: 10px;
    background-color: transparent;
    transform: rotate(-90deg);
    transition: transform 0.3s ease-in; margin-right: 0px;
    border: 0px solid #dfdfdf;
}

.Accordion_item .title_tab.active .title .icon {
    transform: rotate(0deg);
    transition: transform 0.3s ease-in;
}

.Accordion_item .inner_content p.show {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    transition: opacity 0.8s cubic-bezier(0, 0.99, 0.44, 1.01), transform 0.6s 0.1s cubic-bezier(0, 0.99, 0.44, 1.01);
}

/* About Testimonial */

.mumbai {}

.mumbai .testi-title {
    text-align: center;
    padding-bottom: 40px;
}

.mumbai .swiper-slide { background-color: #f7f5f5; }

.testimonial-main { padding-top:50px; padding-bottom:0px; }

.testimonial-main .testi-left img { max-width: 100%; height:auto; }

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color,var(#000));
}

.testimonial-section {
  padding-top: 0px;
  padding-bottom: 72px;
}

.testi-title {
    text-align: center;
    padding-bottom: 0px;
}

.testi-title h3 {
    font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.2em;
    color: #151515;
    margin: 0;
  }

.testi-title span { 
  font-family: "Hanken Grotesk", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: #151515; 
  }

.swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  text-align: center;
  border-radius: 0px;
  padding: 30px 23px;
  
  display:block;
  justify-content: center;
  align-items: center;
  flex-direction: column;

  background-color: #fff;
    -webkit-box-shadow: 9px 11px 14px 0 rgba(0,0,0,.1);
    box-shadow: 9px 11px 14px 0 rgba(0,0,0,.1);
}

/*.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
*/
.swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 15px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 15px)
  );
  background: #d9d9d9;
  background: #504b4b;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, -4px);
}

.swiper-pagination-bullet-active {
  background: var(--primary-text);
}

.swiper.testimonial-wrapper {
  padding-top: 0px;
  padding-bottom: 60px;
}

.testimonial-items .testimonial-text img { max-width:100%; }

.testimonial-items .testimonial-text {
 
  text-align: center;
  font-size: 18px;
  font-weight: 400;
 /* max-width: 330px;
  margin-bottom: 45px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 4;
  -webkit-line-clamp: 4;*/
  text-align: center; 
  color: rgba(0, 0, 0, .5);
}

.testimonial-items .testimonial-title {
  text-align: center;
  position: relative;
  color: #000000;
  font-family: "MonaSans-SemiBold", Sans-serif;
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 10px;
}

.testimonial-items .testimonial-title::before {
  content: "";
  position: absolute;
  left: -23px;
  top: 9px;
  width: 20px;
  height: 1px;
  background-color: var(--white-text-white);
}

.testimonial-items span {
  color: #000000;
    font-family: "Hanken Grotesk", Sans-serif;
    font-size: 18px;
}


.review-stars { margin-bottom:20px; margin-top:20px; }

.testimonial-img {
  position: relative;
  /*width: 100px;
  height: 100px;
  height: 70px;*/
}

.testimonial-img img { width: 100px; height: 70px; margin-bottom: 20px;}

/*.testimonial-img::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.testimonial-img.tm-img-1::before {
  background-image: url(https://w7.pngwing.com/pngs/646/829/png-transparent-avatar-man-ico-icon-cartoon-little-boy-avatar-cartoon-character-png-material-child-thumbnail.png);
}

.testimonial-img.tm-img-2::before {
  background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS2IYhSn8Y9S9_HF3tVaYOepJBcrYcd809pBA&s);
}

.testimonial-img.tm-img-3::before {
  background-image: url(https://png.pngtree.com/element_our/png/20181206/female-avatar-vector-icon-png_262142.jpg);
}*/

/* media query  */
@media screen and (min-width: 768px) {
  .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 24px)
    );
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 24px)
    );
  }
  .section-title::before,
  .section-title::after {
    width: 141px;
  }

  /*   .section-title::before,
  .section-title::after {
    left: 25%;
  }
  .section-title::after {
    right: 25%;
  } */
}


/* Service-page */


.service-page {padding-top: 30px; padding-bottom: 50px;}

.service-page .service-head h1 {
    font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 85px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2em;
    color: #151515;
}

.service-page .service-head h2 {
    font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 85px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2em;
    color: #151515;
}

.service-page .service-head { 
  background-image:url(../img/header_dot.png);
  background-position: 100% 90%;
  background-repeat: no-repeat;
  background-size: 46px 22px;
}

.service-text {
  background-image:url(../img/header_circle.png);
  background-position: 100% 45%;
  background-repeat: no-repeat;
  background-size: 18px 36px;
}

.service-text h3 {
    font-family: "MonaSans-Medium", Sans-serif;
    font-size: 120px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 0.9em;
    color: #191919;
    text-wrap: nowrap;
    display: block;
    opacity: 0.05;
}

.service-para { margin-top:10px; }

.service-para p {
    font-family: "Hanken Grotesk", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8em;
    color: #777777;
}

.service-para ul { 
  display:inline-block; 
  list-style:none;
  padding: 0;
  margin: 0; 
  padding-right: 30px;
}

.service-para ul li {
    font-family: "Hanken Grotesk", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5em;
    color: #151515;
    margin-bottom: 10px;
}

.service-page-content { padding-bottom: 30px; padding-top: 50px;}

.service-page-text {
  width: 90%; 
  margin: 0 auto;
}

.service-page-text p {
    font-family: "Hanken Grotesk", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8em;
    margin: 0px 0px 30px 0px;
}

.service-page-text h4 {
  font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2em;
    color: #151515;
}

.service-page-text h6 {
    font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;
    color: #FF8851;

}

.service-page-img { 
  margin-bottom:20px; width: 90%; 
  margin: 0 auto; text-align: center;
  padding-bottom: 30px;
}

.service-page-img img { max-width:80%; height:auto; margin-bottom:20px; }

.car.service-page {
    padding: 80px 0 0px 0;
    margin-bottom: 0px;
}

.requirements-img {  
  position: relative;

}

.requirements-cont-wrap {
  position:absolute;
  background: transparent;
   bottom: 0px;  
   width: 100%;
    box-sizing: border-box;
     padding-left: 40px;
  padding-right: 40px;
 }

.requirements-cont { 
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 10px;
  background-color: #fff;
}

.requirements-cont h5 { 
   font-family: "Hanken Grotesk", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7em;
    color: #666666;
    margin: 0 0 0px 0;
}

.requirements-cont h4 { 
   font-family: "Hanken Grotesk", Sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.7em;
    color: #666666;
}

.requirements-text { 
    width: 90%;
    margin: 0 auto; 
    padding-top: 30px;
}



.requirements-text h4 {
  font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2em;
    color: #151515;
}

.requirements-text h5 {
  font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
    color: #151515;
}

.requirements-text ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-left: 20px;
    margin-bottom: 30px;
  }

.requirements-text ul li { 
    list-style: disc;
    list-style-position: outside;
    margin: 0;
    padding-left: 0px;
   
}

.requirements-text p a { color: #FF8851; }

.requirements-text p a:hover {  color: #151515; }

.requirements-form { 
    width: 90%;
    margin: 0 auto; 
    padding-top: 30px;
}

.requirements-form h4 {
  font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2em;
    color: #151515;
    margin: 0 0 30px 0;
}

.require-form input[type="text"], 
.require-form input[type="email"],
.require-form input[type="file"],
.require-form input[type="number"]
 {
  width: 100%;           /* Fills the parent container */
  box-sizing: border-box; /* Includes padding/border in the 100% width */
  padding: 12px;         /* Internal spacing */
  margin-bottom: 1rem;   /* Spacing between fields */
  color: #151515;
  padding: 0px 0px 0px 0px;
    font-family: "Hanken Grotesk", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #99999944;
    border-radius: 0px 0px 0px 0px;
}

.require-form input[type="file"] {cursor: pointer;}


.require-form textarea {
    width: 100%;           /* Fills the parent container */
    box-sizing: border-box; /* Includes padding/border in the 100% width */
    padding: 12px;         /* Internal spacing */
    margin-bottom: 1rem;   /* Spacing between fields */
    color: #151515;
    padding: 0px 0px 0px 0px;
    font-family: "Hanken Grotesk", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #99999944;
    border-radius: 0px 0px 0px 0px; 
}

.require-form [type="submit"] {
    padding: 8px 20px;
    
    font-size: 18px;
    text-transform: capitalize;
    /*background: #000 !important;*/
    color: #fff;
    display: inline-block;
    border: none;
    width: auto;
    height: auto;
    line-height: 2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*.require-form [type="submit"] :hover {background: #ff0000 !important;}*/

.require-form button { background: #000; }

.require-form button:hover {
    background: #FF8851;
}

.require-form {  }

.new-tick {
    list-style: none;
    padding: 0px;
    margin-bottom: 30px;
    padding-left: 0px !important;
}

.new-tick li {
    position: relative;
    margin-bottom: 10px;
    font-family: "Hanken Grotesk", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: #151515;
    padding-left: 25px;
}

.new-tick li i {
    padding-right: 8px;
    font-size: 16px;
    color: #151515;
    vertical-align: middle;
    position: absolute;
     top: 5%; 
    left: 0; 
}

.faaq.service-accordions { background-image:none; }

.faaq .Accordion_item .title_tab { background-color: #fff; }

.faaq .inner_content {background-color: #fff;}

.faaq .Accordion_item .title_tab.active { background-color: #F6F6F6; }


.packages { padding-top: 40px;
    padding-bottom: 0px; }

.package-box { 
  background-color: #f7f5f5; 
  box-shadow: 0px 0px 10px 0px #E3E6EB;
  border-radius: 10px;
  padding: 30px 15px;
}

.package-heading { margin-bottom:20px; border-bottom: 1px solid #ebe7e7;}

.package-heading h4 { 
    font-size: 22px;
    font-weight: 700;
    color: #000; 
  }

.package-text { margin-bottom:20px; }

.package-text h5 {
    font-size: 14px;
    font-weight: 400;
    color: #000; 
  }

.package-text ul {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    padding-right: 30px;
}

.package-text ul li {
    font-family: "Hanken Grotesk", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5em;
    color: #151515;
    margin-bottom: 10px;
    display: flex;
  }

.package-text ul li i {
  margin-right: 5px;
  color: #000;
  font-size: 16px;
    position: relative;
    top: 2px;

}

.package-btn {  }

.package-btn {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #151515;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #000000;
    border-radius: 50rem 50rem 50rem 50rem;
    padding: 10px 35px 10px 36px;
    background-color: transparent;
    cursor: pointer;
    width: 100%;
    text-align: center;
}

.package-box .package-btn:hover, .package-box .package-btn:focus {
    background: #000000;
    color: #FFFFFF !important;
    box-shadow: 7px 10px 15px 0px rgba(0, 0, 0, 0.26666666666666666);
}

.we-work { padding-top: 40px;
    padding-bottom: 40px; }

.work-box { text-align:center; margin-bottom: 40px;}

.work-img {margin-bottom: 10px;}

.work-box .icon-bg { 
    margin: 0 auto;
    width: 55px;
    height: 55px;
    padding: 16px;
    border-radius: 50px;
    margin-bottom: 20px;
    border: 1px solid #000; 
  }

.work-box .icon-bg i { color: #fff; font-size: 20px; }

.icon-bg1 { background-color:#0171ce; }

.work-box .icon-text h4 { 
  font-size: 22px;
    margin-bottom: 15px;
    color: #000;
    font-weight: 600;
}

.work-box .icon-text p {
    font-size: 16px;
    color: #000;
}

.service-accordions {
    padding-top: 40px;
    padding-bottom: 40px;
    background-image: url(../img/body_bg.png);
    background-repeat: repeat-y;
    background-position: center top;
}

.service-accord-img img {
    max-width: 100%;
    height: 600px;
    border-radius: 20px;
}

.page-title {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
}

.page-title span {
    font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 16px;
    font-weight: 200;
    line-height: 1.2em;
    color: #151515;
    margin-bottom: 20px;
    display: inline-block;
}

.page-title span span {
    margin: 0px 12px 0px 12px;
    padding: 0px 0px 0px 0px;
}

.page-title h3 {
    font-family: "MonaSans-SemiBold", Sans-serif;
    color: #000;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 49px;
    margin-bottom: 15px;
    font-size: 41px;
}



.service-page-service {
    padding-top: 55px;
    padding-bottom: 40px;
    background-image: url(../img/body_bg.png);
    background-repeat: repeat-y;
    background-position: center top;
}

.service-box {
  background-color: #FFFFFF;
  border-radius: 20px 20px 20px 20px;
  height: 100%;
  text-align: left;
  padding: 30px 30px 30px 30px;
}

.service-box-icon { 
  color:#000;
  font-size: 96px; 
  margin-bottom: 50px;
}

.service-box-icon svg {
    display: block;
    height: 1em;
    position: relative;
    width: 1em;
}

.service-box-content h4 {
  font-size: 30px;
  margin-bottom: 15px;
  color: #000;
}

.service-box-content h4 a {color: #000;  }

.service-box-content h4 a:hover {color: #FF8851;  }

.service-box-content p {
  font-size: 16px;
  
  color: #000;
}

.case-study {
    padding: 80px 0 0px 0;
    margin-bottom: 0px;
}

.case-study .case-study-head h1 {
    font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 64px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2em;
    color: #151515;
}

.case-study .case-study-head h2 {
    font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 64px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2em;
    color: #151515;
}

.case-study .case-study-head h3 {
    font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 55px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.2em;
    color: #151515;
}

.case-study .case-study-head p { 
  margin: 23px 0px 0px 0px;
  font-family: "Hanken Grotesk", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8em;
    color: #777777;
}

.case-study-content {
    padding-bottom: 30px;
    padding-top: 50px;
}

.case-study-text {
  width: 90%; 
  margin: 0 auto;}

.case-study-text h4 {
    font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2em;
    color: #151515;
}

.case-study-text p {
    font-family: "Hanken Grotesk", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8em;
    margin: 0px 0px 30px 0px;
}

.case-study-box { margin-bottom: 40px; }

.study-box-item {
  text-align:center ;
    background-color: #F8F8F8;
    margin: 50px 0px 0px 0px;
    padding: 20px 10px 10px 10px;
}

.study-box-item h4 {
  font-size: 27px;
    font-weight: 400;
    line-height: 38px;
    color: #000000;
}

.study-box-item h4 a {color: #000000;}

.study-box-item h4 a:hover {color: #FF8851;}

.study-link {  }

.study-link a {
   font-size: 15px;
    font-weight: 400; 
    color: #999999;
  }

.study-link a:hover {color: #FF8851;}

.industries {
    padding-top: 100px;
    padding-bottom: 0;
    margin-bottom: 20px;
}

.industries-title h2 {
    font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 50px;
    font-weight: 500;
    line-height: 1.2em;
    color: #191919;
}

.industries-text {
    padding: 20px 0 0 3rem;
    margin: 0;
    text-align: right;
}

.industries-text h3 {
    font-family: "Hanken Grotesk", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.8em;
    color: #777777;
}

.industries-text img {
    height: 20px;
    opacity: 1;
    position: absolute;
    right: 0px;
    top: 0px;
}

.industries-img {margin-top: 70px; margin-bottom:50px; text-align:center; }

.industries-img img { max-width:100%; height:auto; }

.industries-content { text-align:center; margin-bottom:60px; }

.industries-content h4 {
    font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2em;
    color: #191919;
  }

.industries-content-txt {position: relative; width:60%; margin:0 auto; }

.industries-content-txt img {
    height: 20px;
    opacity: 1;
    position: absolute;
    right: -20px;
    top: -15px;
}

.industries-content-txt h5 {
    font-family: "Hanken Grotesk", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8em;
    color: #777777;
}

.industries-content .btn-ok {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #151515;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #000000;
    border-radius: 50rem 50rem 50rem 50rem;
    padding: 10px 35px 10px 36px;
    background-color: transparent;
    cursor: pointer;
}

.industries-content .btn-ok:hover, .industries-content .btn-ok:focus {
    background: #000000;
    color: #FFFFFF !important;
    box-shadow: 7px 10px 15px 0px rgba(0, 0, 0, 0.26666666666666666);
}

.review { margin-top:80px; }

.review-item {
  text-align: center;
  background-color: #F3F3F3;
  padding: 14px 16px 0px 10px;
  border-radius: 7px 7px 7px 7px;
  display: block;
  overflow: hidden;
    position: relative;
    box-shadow: 9px 11px 14px 0 rgba(0, 0, 0, .1);
    margin-bottom: 50px;
}

.ele-profile-info {
  margin-bottom: 15px;
  text-align: center;
}

.ele-author-name {
  display: block;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    -webkit-transition: color .3s;
    transition: color .3s;
}

.ele-author-des {
color: #000000;
font-weight: 400;}

.ele-commentor-content { padding-right: 0; }

.ele-commentor-content p { font-size: 16px; color: #000000;
margin-bottom: 30px; }

.ele-stars {
  margin-bottom: 20px;
position: relative;
    z-index: 6;}

.ele-stars>li {
  display: inline-block;
}

.ele-stars>li:not(:last-child) {
    margin-right: 5px;
}

.ele-stars > li > a {
    color: #FF8851;
    fill: #FF8851;
}

.ele-stars > li > a { 
display: block;
    pointer-events: none; }


.ele-icon-content {
    position: absolute;
    right: 20px;
    top: 20px;
    line-height: 1;
    z-index: 1;
}

.ele-icon-content>i {display: inline-block; }

.ele-watermark-icon {
  color: #fff;
  display: inline-block;
}

.ele-watermark-icon>i {
    font-size: 30px;
}

.commentor-badge {
  line-height: 0;
}

.ele-icon-content.commentor-badge::before { 
    background-color: #FF8851;
    position: absolute;
    content: "";
    top: -100px;
    left: -30px;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    z-index: -1;
 }

 .ser-li {padding-top: 10px; padding-bottom: 0px;}

 .ser-li ul {
    padding: 0;
    margin: 0;
 }

 .ser-li li {
  display: inline-block; 
  padding-left: 10px;
 line-height: 41px;
 font-size: 17px;
}

 .ser-li li img { padding-right:5px; vertical-align: baseline; }

 .sitemap-page {
    padding: 80px 0 60px 0;
    margin-bottom: 0px;
}

 .sitemap-page .sitemap-head {
    background-image: url(../img/header_dot.png);
    background-position: 100% 90%;
    background-repeat: no-repeat;
    background-size: 46px 22px;
    margin-bottom: 60px;
    text-align: center;
}

 .sitemap-page .sitemap-head h2 {
    font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 85px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2em;
    color: #151515;
}

.sitemap-content {  }

.sitemap-content h4 {
  font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #151515;
}

.sitemap-content h4 a { color: #151515; }

.sitemap-content h5 {
    font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #FF8851;
}

.sitemap-content h5 a {color: #FF8851;}

.sitemap-content ul {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    padding-right: 30px;
}

.sitemap-content ul li {
    font-family: "Hanken Grotesk", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5em;
   
    margin-bottom: 10px;
}

.sitemap-content ul li a {
  color: #151515;
}

.sitemap-content ul li a:hover {
  color: #FF8851;
}

.spe { height:46px; }

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/

.portfolio-page { padding: 80px 0 0px 0;
    margin-bottom: 0px; }

.portfolio-page .sitemap-head {
    background-image: url(../img/header_dot.png);
    background-position: 100% 90%;
    background-repeat: no-repeat;
    background-size: 46px 22px;
    margin-bottom: 30px;
    text-align: center;
}

.portfolio-page .sitemap-head h1 {
    font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 85px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2em;
    color: #151515;
}

.portfolio-page .sitemap-head h2 {
    font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 85px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2em;
    color: #151515;
}

.portfolio .portfolio-item {
  margin-bottom: 30px;
}
.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 20px auto;
  list-style: none;
  text-align: center;
}
.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 8px 15px 10px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #444444;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
}
.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  color: #fff;
  background: #e03a3c;
}
.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}
.portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: rgba(17, 17, 17, 0.6);
  border-radius: 10px;
    margin-bottom: 20px;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #FF8851;
}
.portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(17, 17, 17, 0.6);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}
.portfolio .portfolio-wrap img {
  transition: all ease-in-out 0.3s; height: 250px;
}
.portfolio .portfolio-wrap .portfolio-info {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 20px;
}

.portfolio .portfolio-cap h4 {
  font-size: 17px;
  color: #000;
  font-weight: 500;
  padding: 0 20px;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
  font-size: 17px;
  color: #fff;
  font-weight: 500;
}
.portfolio .portfolio-wrap .portfolio-info p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-style: italic;
}
.portfolio .portfolio-wrap .portfolio-links {
  text-align: center;
  z-index: 4;
}
.portfolio .portfolio-wrap .portfolio-links a {
  color: rgba(255, 136, 81, 1.0);
  margin: 0 5px 0 0;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a i {
    background: #2980B9;
    color: #fff;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    height: 40px;
    line-height: 40px;
    width: 40px;
    font-size: 18px;
    border-radius: 100px;
  }
.portfolio .portfolio-wrap .portfolio-links a i:hover {
  background: #ff622a;
  color: #fff;
}
.portfolio .portfolio-wrap:hover::before {
  opacity: 1;
}
.portfolio .portfolio-wrap:hover img {
  transform: scale(1.2);
}
.portfolio .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
}


/*---- # End Portfolio ----------------*/

.call-now { 
  margin-bottom: 80px;
  margin-top: 50px;
 }

.call-bg {
  background-color: #F6F6F6;
  background-image: url(../img/subs_shapes-1-1.png);

  border-radius: 30px 30px 30px 30px;
  padding-top: 130px;
  padding-bottom: 130px;
  padding-left: 50px;
  padding-right: 50px;
}

.call-bg ul {
    list-style: none;
    margin: 0;
    padding-left: 0px;
}

.call-bg ul li {
    font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 16px;
}

.call-bg ul li a {
    color: #191919;
}

.call-bg a {
  font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 30px;
    font-weight: 400;
    color: #191919;
}

.call-bg a:hover {
    color: #FF8851;
}

 .elementor-649 .elementor-element.elementor-element-06b5d31 {
    --display: flex;
    --overflow: hidden;
    --border-radius: 30px 30px 30px 30px;
    --margin-top: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-right: 0px;
    --padding-top: 130px;
    --padding-bottom: 130px;
    --padding-left: 5vw;
    --padding-right: 5vw;
}

.hearing {  }

.hearing-title h2 {
    font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 50px;
    font-weight: 500;
    line-height: 1.2em;
    color: #151515;
  }

.hearing-title p {
  font-family: "Hanken Grotesk", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8em;
    color: #777777;
}

.hearing-box { 
    border: 1px solid #999999;
    padding: 0 40px;
    margin-bottom: 70px;
    margin-top: 30px;
}

.career-cardwrap {}

.career-card {
    position: relative;
    display: block;
    padding: 50px 0;
    border-bottom: 1px solid rgba(153, 153, 153, 0.2);
}

.career-cardwrap .num { 
font-family: "Hanken Grotesk", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #151515;
  }

.career-cardwrap .tag {
    font-family: "Hanken Grotesk", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: #777777;
  }

.career-cardwrap h6 { 
    font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2em;
    color: #151515;
  }

.career-cardwrap p { 
      font-family: "Hanken Grotesk", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7em;
    color: #777777; 
  }

.career-cardwrap .job {
  font-family: "Hanken Grotesk", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: #151515;
}

.contact-page {
    padding: 80px 0 60px 0;
    margin-bottom: 50px;
}

.contact-page .contact-head {
    background-image: url(../img/header_dot.png);
    background-position: 100% 90%;
    background-repeat: no-repeat;
    background-size: 46px 22px;
}

.contact-page .contact-head h1 {
    font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 85px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2em;
    color: #151515;
}

.contact-page .contact-head h2 {
    font-family: "MonaSans-SemiBold", Sans-serif;
    font-size: 85px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2em;
    color: #151515;
}

.contact-text {
    background-image: url(../img/header_circle.png);
    background-position: 100% 45%;
    background-repeat: no-repeat;
    background-size: 18px 36px;
}


.contact-text h3 {
    font-family: "MonaSans-Medium", Sans-serif;
    font-size: 110px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 0.9em;
    color: #191919;
    text-wrap: nowrap;
    display: block;
    opacity: 0.05;
}

.contact-para {
    margin-top: 10px;
}

.contact-para p {
    font-family: "Hanken Grotesk", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8em;
    color: #777777;
}

.contact-para ul {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    
}

.contact-para ul li {
    font-family: "Hanken Grotesk", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    display: flex;
    margin-bottom: 10px;
     color: #151515;
}

.contact-para ul li i { padding-right: 10px; padding-top: 5px; }

.contact-para ul li a { color: #151515; }

.contact-para ul li a:hover { color: #FF8851; }

.contact-social {
    position: relative;
    display: flex;
    margin: 40px 0px 0px 0px;
}

.contact-social a {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF99;
    background: #000;
    border-radius: 0px;
    /* margin-right: 5px; */
    transition: .5s;
}

.contact-social a:hover {
     color: #fff;
     background-color: #222222;
}


.location-map { position:relative; padding-top: 40px;
    padding-bottom: 40px;}

.map-height {
    min-height: 600px;
    margin: 0;
    padding: 0;
}

.map-height iframe {
    height: 600px;
    width: 100%;
    
    border: none;
    line-height: 1;
    margin: 0;
    max-width: 100%;
}

.contact-map { position:relative; }

.form-div {
    margin-top: 0px;
    padding: 30px 20px 30px 20px;
    background-color: #fff;
}

.form-div h2 {
    margin-bottom: 30px;
    font-size: 28px; color: #000; font-weight: 600;
}

.form-div select { background: #ffffff;
    border: 1px solid #ced4da;
    color: var(--dark-color);
    width: 100%;
    float: left;
    font-size: 16px;
    padding: 0 15px;
    height: 54px;
    line-height: 54px;
    margin-bottom: 26px;
    outline: none;
    border-radius: 0px;
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }

.form-div input, input.form-control {
    background: #ffffff;
    border: 1px solid #ced4da;
    color: var(--dark-color);
    width: 100%;
    float: left;
    font-size: 16px;
    padding: 0 15px;
    height: 54px;
    line-height: 54px;
    margin-bottom: 26px;
    outline: none;
    border-radius: 0px;
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.form-div textarea {
    background: #ffffff;
    border: 1px solid #F7F8F9;
    color: #151515;
    width: 100%;
    float: left;
    padding: 10px 15px;
    outline: none;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
    margin-bottom: 20px;
}

.form-div [type="button"], [type="reset"], [type="submit"] {
    padding: 8px 20px;
    font-family: var(--title-fonts);
    font-size: 18px;
    text-transform: capitalize;
    background: #ff0000;
    color: #fff;
    display: inline-block;
    border: none;
    width: auto;
    height: auto;
    line-height: 2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.form-div [type="button"] :hover {background: #43af13;}

.form-div [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

.form-div button {
    width: auto;
    padding: 10px 35px;
    background: #333 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    border-radius: 0;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    margin-top: 10px;
}

.form-div button:hover {
    background: #FF8851;
}



.element-4e82a9a {
   
    min-height: 800px;
    margin: 0;
    padding: 0;
}


.elementor-custom-embed {
    line-height: 0; 
}

 .element-4e82a9a iframe {
    height: 800px; width: 100%;
    -webkit-filter: grayscale(99%);
    -webkit-backface-visibility: hidden;
    border: none;
    line-height: 1;
    margin: 0;
    max-width: 100%;
    
}

.element-19cb1c3 { 
  width: 47.825%;
  position: absolute;
padding:60px;
bottom: 0px;
left: 40px;
background-color: #FFFFFF;
margin-bottom: 060px;
 }

/*----------- # Enquery Popup  -------------------------------------*/



.fancybox__content {
          padding: 1rem !important;
          background: #191919 !important;
          border-radius: 20px !important;
        }


.quickform-title {
    display: block;
    border-bottom: 0;
    text-align: center;
    margin-bottom: 15px;
  }

.quickform-title h4  {   
    font-size: 20px;
    color: #52565e;
    font-weight: 700;
    line-height: 28px;
  }

.quickForm .form-group {
    margin-bottom: 1rem;
}

.quickForm .box {  }



/*----------- # End Enquery Popup  -------------------------------------*/


.join-wrap { padding-top: 50px; padding-bottom: 30px; }

.join-button {padding-top: 50px; padding-bottom: 30px; height: 100%;}

.join-button .joinBtn {
    max-width: 180px;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Hanken Grotesk", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5em;
    color: #151515;
    fill: #151515;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #151515;
    border-radius: 50% 50% 50% 50%;
    padding: 0px 0px 0px 0px;

    background: #00000000;
    background-image: none;
}

.join-button .joinBtn:hover { background: #FF8851; }

.join-button .joinBtn.hover-effect {
    overflow: hidden;
}

.join-button-content-wrapper { display: block; z-index: 5; }

.join-button-text { 
    margin: 0px 0px 10px 0px;
    display: block; 
    position: relative;
    z-index: 2;
    transition: all 0.2s ease;
}

.joinBtn .image {  
    display: inline-block;
    margin: 0px 0px 0px 0px;
    width: 25px;
    max-width: 25px;
    height: 25px;
    transform: rotate(-45deg);
}

.joinBtn.hover-effect::after {  
    width: 10%;
    height: 10%;
    background-color: #FF8851;
}

.joinBtn.hover-effect::after {
    position: absolute;
    content: "";
    width: 10%;
    height: 10%;
    border-radius: 50%;
    background-color: #FF8851;
    right: 41%;
    bottom: 20%;
    transition: all 0.4s ease;
}

.joinBtn.hover-effect:hover::after {
    width: 57% !important;
    height: 67% !important;
    transform: scale(1);
    bottom: 13%;
    right: 36%;
}