body{ padding: 0; margin: 0; font-size: 14px;}
html, html body, body #wrapper {overflow-x: hidden;}
body .site{ padding: 0; margin: 0; box-shadow: none; max-width: none; width: 100%; overflow: hidden; }
footer#colophon{ max-width: none; margin: 0; padding: 0; }

/* Defolt CSS
------------------------------- */

span {
  font-weight: 400;
}
a{color:#828282; }
a:hover{color: #fe0000 !important;transition: all 3.0s ease 0s;}
a.elementor-button{color: #fff !important;font-size: 14px !important; font-weight: 600 !important;text-transform: uppercase; text-decoration: none;}
a.elementor-button:hover{color: #fff !important;transition: all 3.0s ease 0s;}
a.elementor-button span{font-weight: 600;}
p{
  font-family: "Montserrat", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var( --e-global-color-text );
}
.aut span {color: #fe0000 !important;}
/*============================================*/
 #mainnav ul li a.hfe-menu-item{border-right: 1px dashed var(--e-global-color-secondary);}


 /* Cursor */
.cursor{
    position: relative;
    width: 100%;
    margin: 0px auto;
    border-right: 2px solid var( --e-global-color-accent );
    font-size: 18px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(-50%); 
    font-weight: 600; 
    color: #fe0000;
    font-family: "Montserrat", Sans-serif;  
}
/* Animation */
.typewriter-animation {
  animation: 
    typewriter 5s steps(50) 1s 1 normal both, 
    blinkingCursor 500ms steps(50) infinite normal;
}
@keyframes typewriter {
  from { width: 0; }
  to { width: 100%; }
}
@keyframes blinkingCursor{
  from { border-right-color: rgba(255,255,255,.75); }
  to { border-right-color: transparent; }
}


#footnav li {
  padding-left: 24px;
  border-bottom: 1px dashed #828282;
  padding-bottom: 12px;
}
#footnav li:last-child {
  border-bottom: 0px dashed #828282;
}
#footnav li::before {
  position: absolute;
  top: 0px;
  left: 0;
  content: "\f067";
  font-family: FontAwesome;
  font-size: 14px;
  transition: all 500ms ease;
  font-weight: 600;color:#828282;
  transition: all 1.0s ease 0s;
  
}

#footnav li:hover::before {display: none;}
#footnav li:hover::after {
  position: absolute;
  top: 0px;
  left: 0;
  content: "\f068";
  font-family: FontAwesome;
  font-size: 14px;
  transition: all 500ms ease;
  font-weight: 600;
  color:var( --e-global-color-accent );
  transition: all 1.0s ease 0s;
}


.rnews .PostBox {
  display: flex;
  gap: 12px;
  margin-bottom: 18px;
}
.rnews .PostBox .PostImg {
  width: 30%;
}
.rnews .PostBox .PostContent {
  width: 70%;
}
.rnews .PostBox h3{
  font-family: "Poppins", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: var( --e-global-color-dfd2fb1 );
}
.rnews .PostBox h3 a{
  color: var( --e-global-color-dfd2fb1 );
} 
.rnews .PostBox p{
  margin-bottom: 0px;
  font-family: "Montserrat", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var( --e-global-color-text );
}
.idb{margin-bottom: 24px;}
.idb figure{height: 180px; overflow: hidden; margin-bottom: 12px;}

/*========================*/
.contact-form{color:#3366FF;}
.contact-form label {font-size: 18px;font-weight: 400;text-transform: uppercase;color: #FFF8AF;}
.contact-form input{min-height: 54px;border: 1px dashed #3366FF;}
.contact-form textarea {height: 81px !important;border: 1px dashed #3366FF;}
.contact-form .wpcf7-submit {width: 286px;display: flex;background-image: linear-gradient(45deg, var( --e-global-color-accent ) 0%, #ff9900 100%);border: none;text-transform: uppercase;font-weight: 900;font-size: 20px;justify-content: center;color: #fff;}
.contact-form .wpcf7-submit:hover {background: transparent; border: 2px solid;transition: all 3.0s ease 0s;}

.page-id-19 .contact-form label {font-size: 18px;font-weight: 400;text-transform: uppercase;color: #000131;}

/*========================*/
.blog-box {
  background: #fff;
}
.blog-box:hover {
  -webkit-box-shadow: 0px 3px 9px 2px #ddd;
  box-shadow: 0px 3px 9px 2px #ddd;
}
.blog-box .blog-img {
  overflow: hidden;
  height: 254px;
  position: relative;
}
.blog-box .blog-img::before {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 90%;
  content: "";
  transition: aall 7.0s ease 0s;
  z-index: 2;
  /* background: rgb(39,40,44); */
  background: linear-gradient(180deg, rgba(39,40,44,0) 40%, rgba(39,40,44,0.8407738095238095) 78%, rgba(39,40,44,1) 94%, rgba(39,40,44,1) 100%, rgba(39,40,44,1) 100%, rgba(237,237,237,1) 100%, rgba(32,50,96,0) 100%);
}
.blog-box .blog-img img {
  width: 100%;
  transform: scale(1.01);
  transition: all 3.0s ease 0s;
  
}
.blog-box:hover .blog-img img {
  transform: scale(1.2) rotate(2deg);
}
.blog-box .blog-img h3 {
  position: absolute;
  bottom: 0;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  padding: 24px;
  z-index: 9;
}
.blog-box .blog-img h3 a {
  color: #ffffff;
  transition: all 500ms ease;
  text-decoration: none;
  font-family: "Montserrat", Sans-serif;
  font-size: 22px;
  font-weight: 700;
  
}
.blog-box .blog-content {
  padding: 24px;
}

.blog-box .blog-content h5 {
  color: #27282c;
  font-size: 14px;
  display: flex;
  align-items: baseline;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  text-transform: uppercase;
}
.blog-box .blog-content h5 span {
  position: relative;
  display: block;
  color: #e9212e;
  font-size: 36px;
  line-height: 38px;
  font-weight: 600;
  text-transform: uppercase;
  margin-right: 4px;
}
.blog-box .blog-content ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
.blog-box .blog-content ul li {
  font-size: 18px;
  font-weight: 600;
  list-style: none;
  color: var( --e-global-color-text );
  text-transform: capitalize;
}
.blog-box .blog-content ul li a {
  font-size: 15px;
  font-weight: 700;
  list-style: none;
  color: var( --e-global-color-text );
  text-decoration: none;
}
.blog-box .blog-content ul li span{
  color: var( --e-global-color-primary );
  font-weight: 600;
}
/*========================*/

#testimonial-carousel{}
#testimonial-carousel .TestiBox {
  position: relative;
  display: block;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 10px 3px #f6f6f6;
  box-shadow: 0px 2px 10px 3px #f6f6f6;
  margin-bottom: 50px;
  padding: 36px;
}
#testimonial-carousel .TestiBox .quote-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 70px;
  background: #e9212e;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 35px;
}
#testimonial-carousel .TestiBox .Testihead h3 {
  margin: 0 0 3px;
  font-family: "Montserrat", Sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: var( --e-global-color-primary );
}
#testimonial-carousel .TestiBox .Testiimg {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100px;
  height: 100px;
  margin: 24px auto;
  border-radius: 50%;
  z-index: 2;
}
#testimonial-carousel .TestiBox:hover .Testiimg::before  {
  transform: perspective(1200px) rotateY(0deg) translateZ(0px);
  transition: all 3.0s ease 0s;
  opacity: 1;
}
#testimonial-carousel .TestiBox .Testiimg::before {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  content: "";
  background: rgba(0, 0, 0, 0.70);
  border-radius: 50%;
  transition: all 0.5s ease-in-out 0s;
  transform-style: preserve-3d;
  transform: perspective(1200px) rotateY(-90deg) translateZ(0px);
  opacity: 0;
  z-index: 4;
}
#testimonial-carousel .TestiBox p{color: var( --e-global-color-text );}

/*==========================================*/
.service-box {
  position: relative;
  margin-bottom: 36px;
}
/* .service-box:hover .service-img::before {
  position: absolute;
  left: 0;
  bottom: 53%;
  right: 0;
  height: 100%;
  content: "";
  transition: all 300ms ease 100ms;
  z-index: 2;
  /* background: rgb(39,40,44); 
  background: linear-gradient(250deg, rgba(255, 248, 175, 0.33) 40%, rgba(59, 60, 94, 0.71) 78%, rgba(255, 0, 0, 0.51) 94%, rgba(206, 171, 105, 0.97) 100%, rgb(255, 248, 175) 100%, rgb(237, 237, 237) 100%, rgb(255, 248, 175) 100%);
  top: -1%;
} */

.service-box .service-img{
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}
.service-box .service-img img {
  width: 100%;
  transform: scale(1.01);
  transition: all 5.0s ease 0s;
  filter: brightness(100%);
  min-height: 263px;
}

.service-box:hover .service-img img{
  transform: scale(1.2);
  transition: all 3.0s ease 0s;
  filter: brightness(115%);
}
.service-box .service-icon-box {
  margin-top: -58px;
  margin-bottom: 17px;
  position: relative;
  z-index: 9;
}
.service-box .service-icon {
  border: 3px dashed #e9212e54;
  transition: all 7.0s ease 0s;
  width: auto;
  margin: 0 auto;
  width: 129px;
  background: #fff;
  border-radius: 100%;
  height: 129px;
  display: flex;
  justify-content: center;
  align-items: center;
  filter: grayscale(100%) drop-shadow(0px 0px 5px #8080809c) opacity(50%);
}
.service-box:hover .service-icon {
  filter: grayscale(0%);
  transition: all 300ms ease 100ms;
}
.service-box .service-content {
  min-height: 242px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.service-box .service-content .m-auto {
  margin: 15px auto !important;
}
.service-box .service-content h3 {
  font-family: "Montserrat", Sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #000131;
  margin: 0;
}
.service-box .service-content .Space {
  text-align: center;
  width: 15%;
  height: 3px;
  background: var( --e-global-color-accent );
  margin: 0px auto;
}
.service-box .service-content .Space2 {
  width: 27%;
  height: 1px;
  background: var( --e-global-color-text );
  margin: -2px auto;
}

.service-box .service-content p{ width: 81%; margin: 0 auto;color: var( --e-global-color-text ); }
.service-box .service-content a {
  color: #fff;
  font-size: 14px;
  line-height: 1;
  fill: #fff;
  text-align: center;
  width: auto;
  display: flex;
  padding: 18px 24px;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  margin: 18px auto;
  font-weight: bold;
  border-radius: 0px;
  background-color: var( --e-global-color-accent );
  text-decoration: none;
}
.service-box .service-content a:hover{
  background: var( --e-global-color-text );
  color: #333;
}




.home-project-gallery img{
  height: 300px; 
  width: 100%;
  transform: scale(1.01); 
  opacity: 0;
  transition: all 5.0s ease 0s;
  filter: brightness(100%);
}
.home-project-gallery img:hover {
  transition: all 3.0s ease 0s;
  opacity: 1;
}

.project-gallery img{
  height: 300px; 
  width: 100%;
  transform: scale(1.01); 
  opacity: 0.9;
  transition: all 5.0s ease 0s;
  filter: brightness(100%);
}
.project-gallery img:hover {
  transition: all 3.0s ease 0s;
  opacity: 1;
}
.project-gallery .gallery-item{position: relative; overflow: hidden;}
.project-gallery .gallery-item .gallery-icon{position: relative;}
.project-gallery .gallery-item .gallery-icon::before {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  content: "";
  background: #fff8afb2;
  transition: all 0.5s ease-in-out 0s;
  transform-style: preserve-3d;
  transform: perspective(1200px) rotateY(-90deg) translateZ(0px);
  opacity: 0;
  z-index: 1;
}
.project-gallery .gallery-item:hover .gallery-icon::before {
  transform: perspective(1200px) rotateY(0deg) translateZ(0px);
  transition-delay: 0.1s;
  opacity: 3;
}

.project-gallery .gallery-icon::before::after {
  transform: scale(1, 0);
  transform-origin: left center;
  border-left: 4px solid #e9212e;
  border-right: 4px solid #e9212e;
}

.cgallery img:hover{ filter:contrast(0%);transition: all 1.0s ease 0s; }

.cgallery a {text-decoration: none;}
.cgallery a figure figcaption  {
  background: transparent;
  margin: 27px auto;
  color: transparent;
  padding: 6px;
  border: 1px solid transparent;
  text-transform: uppercase;
  }

.cgallery a:hover figure figcaption{
  background: red;
  transition: all 7.0s ease 0s;
}
.cgallery .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  margin: -5px 0;
}

.innerpage {
  padding: 45px 0;
}

.sidebar .box {
  padding: 24px;
  background: #dbdbdb38;
  margin-bottom: 18px;
}
.sidebar .box h2 {
  margin: 0 0 24px 0;
  font-family: "Montserrat", Sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: var( --e-global-color-primary );
  border-left: 3px solid transparent;
  padding-left: 9px;
  border-bottom: 1px dashed #bbb9b9;
  line-height: 36px;
}
.sidebar .box:hover h2 {
  margin: 0 0 24px 0;
  font-family: "Montserrat", Sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: var( --e-global-color-primary );
  border-left: 3px solid var(--e-global-color-accent );
  padding-left: 9px;
  border-bottom: 1px dashed #bbb9b9;
  line-height: 36px;
}
.sidebar .box form {
  position: relative;
}
.sidebar .box label {
  display: inline-block;
  margin-bottom: .5rem;
  width: 100%;
}
.sidebar .box .search-field {
  width: 100%;
  min-height: 45px;
  border: transparent;
  padding: 0 53px 0 12px;
}
.sidebar .box .search-submit {
  position: absolute;
  right: 7px;
  border: tan;
  background: transparent;
  font-size: 26px;
  color: var(--e-global-color-accent );
}

.sidebar .rnews .PostBox .PostImg {
  width: 30%;
  border-radius: 5px;
}
.sidebar .rnews .PostBox .PostContent {
  width: 70%;
}
.sidebar .rnews .PostBox p {
  margin-bottom: 0px;
  font-family: "Montserrat", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var( --e-global-color-text );
}
.sidebar .rnews .PostBox h3 a{
  font-family: "Poppins", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: var( --e-global-color-accent );
}

.sidebar .box .widget_categories ul {
  padding: 0;
  margin: 0;
}
.sidebar .box .widget_categories ul li {
  padding-left: 24px;
  border-bottom: 1px dashed #828282;
  padding-top: 12px;
  padding-bottom: 12px;
  list-style: none;
  position: relative;
}
.sidebar .box .widget_categories ul li::before {
  position: absolute;
  top: 12px;
  left: 0;
  content: "\f067";
  font-family: FontAwesome;
  font-size: 14px;
  transition: all 500ms ease;
  font-weight: 600;
  color: #828282;
  transition: all 1.0s ease 0s;
}
.sidebar .box .widget_categories ul li:hover::before{display: none;}
.sidebar .box .widget_categories ul li:hover::after {
  position: absolute;
  top: 12px;
  left: 0;
  content: "\f068";
  font-family: FontAwesome;
  font-size: 14px;
  transition: all 500ms ease;
  font-weight: 600;
  color: #828282;
  transition: all 1.0s ease 0s;
}
.sidebar .box #gallery-1 {
  display: flex;
  flex-wrap: wrap;
  gap: 23px;
}
.sidebar .box #gallery-1 img {
  width: 100%;
  height: 96px;
  border-radius: 5px;
}


.sidebar .box .tagcloud ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}
.sidebar .box .tagcloud ul li {
  margin: 9px 0;
  padding: 0;
  list-style: none;
}
.sidebar .box .tagcloud ul li a{
  margin: 0;
  padding: 9px 18px;
  background: #fff;
  border-radius: 5px;
  text-decoration: none;
}
.sidebar .box .tagcloud ul li:hover a{
  background: #ddd;
}
#comments h2{
  font-family: "Montserrat", Sans-serif;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
}
#commentform {
  width: 81%;
}
#commentform label{
  width: 100%;
  font-family: "Montserrat", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
}
#commentform input {
  min-height: 45px;
  width: 100%;
  border: 1px solid #ddd;
}

#commentform input#submit {
  color: #fff;
  font-size: 14px;
  line-height: 1;
  fill: #fff;
  text-align: center;
  width: auto;
  display: flex;
  padding: 18px 24px;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  margin: 18px 0;
  font-weight: bold;
  border-radius: 0px;
  background-color: var( --e-global-color-accent );
  text-decoration: none;
  border: none;
}
#commentform input#submit:hover {
  background: var( --e-global-color-text );
  color: #fff;
}
#commentform textarea {
  overflow: auto;
  resize: vertical;
  width: 100%;
  border: 1px solid #ddd;
}
#commentform input[type="checkbox"], #commentform input[type="radio"] {
  min-height: 10px !important;
  width: auto;
}
#commentform .comment-form-cookies-consent {
  display: flex;
  gap: 12px;
  align-items: baseline;
}
#commentform .comment-form-cookies-consent label {
  width: auto !important;
  font-size: 14px;
  text-transform: inherit;
}
.navigation.post-navigation .meta-nav{color: #FE0000; font-weight: 600;}

.single-post h1.entry-title {
  font-family: "Montserrat", Sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: var( --e-global-color-primary );
  line-height: 36px;
  letter-spacing: -1px;
  margin-top: 36px;
}
.single-post .post-thum{width: 100%; height: 475px; overflow: hidden; position: relative;}
.single-post .post-thum .Publish-Date {
  position: absolute;
  top: 0;
  background: red;
  padding: 3px 27px;
  text-align: center;
  display: flex;
  align-items: baseline;
}
.single-post .post-thum .Publish-Date h3 {
  font-weight: 800;
  font-size: 45px;
  margin: 0;
  padding: 0;
  color: #fff;
}
.single-post .post-thum .Publish-Date p{
  font-weight: 500;
  font-size: 24px;
  margin: 0;
  padding: 0;
  color: #fff;
}
.single-post .post-thum img{width: 100%; height: 475px; overflow: hidden;}
.single-post .post-meta span{ color: #FE0000; font-weight: 600;}
.single-post .post-meta {
  border-top: 1px dashed;
  border-bottom: 1px dashed;
  padding: 9px 0;
  margin: 21px 0;
}

.blog .PostBox {
  margin-bottom: 36px;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.blog .page-header h1 {
  font-family: "Montserrat", Sans-serif;
  font-size: 30px;
  font-weight: 700;
  color: var( --e-global-color-primary );
  line-height: 36px;
  letter-spacing: -1px;
  margin-top: 36px;
}


.blog .PostBox .PostImg {
  width: 100%;
  height: 470px;
  border-radius: 9px;
  overflow: hidden;
  position: relative;
}
.blog .PostBox .PostImg img{ width: 100%; }

.blog .PostBox .PostContent{padding: 30px;}
.blog .PostBox .PostContent h3 {
  font-family: "Montserrat", Sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: var( --e-global-color-primary );
  line-height: 36px;
  letter-spacing: -1px;
  margin-top: 36px;
}

.blog .PostBox .PostImg .Publish-Date {
  position: absolute;
  top: 0;
  background: red;
  padding: 3px 27px;
  text-align: center;
  display: flex;
  align-items: baseline;
}
.blog .PostBox .PostImg .Publish-Date h3 {
  font-weight: 800;
  font-size: 45px;
  margin: 0;
  padding: 0;
  color: #fff;
}
.blog .PostBox .PostImg .Publish-Date p{
  font-weight: 500;
  font-size: 24px;
  margin: 0;
  padding: 0;
  color: #fff;
}
.blog .PostBox .PostContent .btn.btn-primary{
  color: #fff;
  font-size: 14px;
  line-height: 1;
  fill: #fff;
  text-align: center;
  width: 200px;
  display: flex;
  padding: 18px 24px;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  margin: 18px 0;
  font-weight: bold;
  border-radius: 0px;
  background-color: var( --e-global-color-accent );
  text-decoration: none;
  border: none;
}
.blog .PostBox:hover .PostContent .btn.btn-primary {
  background: var( --e-global-color-text );
  color: #fff;
}

.blog .PostBox .PostContent .post-meta span{ color: #FE0000; font-weight: 600;}
.blog .PostBox .PostContent .post-meta {
  border-top: 1px dashed;
  border-bottom: 1px dashed;
  padding: 9px 0;
  margin: 21px 0;
}
#wp_pagination {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
#wp_pagination  .page.button {
  border: 1px solid;
  padding: 5px 9px;
  margin: 2px;
}
#wp_pagination .previous.page.button,
#wp_pagination  .active.page.button,
#wp_pagination  .next.page.button {
  background: #ddd;
}




.Team-slider figure{position: relative;}
.Team-slider .elementor-swiper-button-prev{ left: 54px; }
.Team-slider .elementor-swiper-button-next{ right: 54px; }
.Team-slider figure .elementor-image-carousel-caption {display: none;}
.Team-slider figure:hover .elementor-image-carousel-caption {
  position: absolute;
  bottom: 25px;
  background: #0000002e;
  width: 81%;
  height: 16%;
  display: flex;
  align-items: center;
  left: 0;
  justify-content: center;
  color: #fff;
  border: 3px solid red;
  transition: all 0.5s ease-in-out 0s;
}
.Team-slider figure.swiper-slide-inner::before {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  content: "";
  background: rgba(0, 0, 0, 0.13);
  transition: all 0.5s ease-in-out 0s;
  transform-style: preserve-3d;
  transform: perspective(1200px) rotateY(-90deg) translateZ(0px);
  opacity: 0;
}
.Team-slider figure.swiper-slide-inner:hover::before  {
  transform: perspective(1200px) rotateY(0deg) translateZ(0px);
  transition: all 3.0s ease 0s;
  opacity: 1;
}
.Team-slider figure img{opacity: 0.4;}
.Team-slider figure:hover img{opacity: 1;}



.Packages .box{overflow: hidden;}
.Packages .box .overflow-con {
  position: absolute;
  background: #0000001c;
  width: 100%;
  height: 100%;
  left: -332px;}
.Packages .box:hover .overflow-con {
  background: var( --e-global-color-primary );
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;
  opacity: 1;
  transform: perspective(1200px) rotateY(0deg) translateX(0px);
  transition: all 3.0s ease 0s;
  left: 0px;
}

.Packages .box .overflow-con .elementor-widget-container {
  height: 100%;
  align-items: center;
  display: flex;
}

.Process .box .Process-con {
  opacity: 0;
}
.Process .box:hover .Process-con {opacity: 1; color: #000 !inportant;transition: all 3.0s ease 0s;}

.services-offer .box{position: relative;overflow: hidden;}
.services-offer .box .overflow-con {
  position: absolute;
  background: #0000001c;
  width: 100%;
  height: 100%;
  bottom: -288px;
  padding: 30px;
}
.services-offer .box:hover .overflow-con{
  bottom: 0;
  background: var( --e-global-color-primary );
  transform: perspective(1200px) rotateY(0deg) translateX(0px);
  transition: all 3.0s ease 0s;
  color: #fff !important;
  opacity: 1;
}
.services-offer .box:hover .overflow-con p{
  color: #fff !important;
}

.error-404.not-found span {
  color: #828282;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.error-404.not-found .page-title {
  position: relative;
  display: block;
  color: var( --e-global-color-accent );
  font-size: 180px;
  line-height: 150px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 13px 0 14px;
}
.error-404.not-found:hover .page-title {
  color: var( --e-global-color-text );
  transform: perspective(1200px) rotateY(0deg) translateX(0px);
  transition: all 3.0s ease 0s;
}
.error-404.not-found p {
  font-size: 18px;
  line-height: 28px;
  margin: 0 0 32px;
}
.error-404.not-found a {
  color: #fff;
  font-size: 14px;
  line-height: 1;
  fill: #fff;
  text-align: center;
  width: 17%;
  display: flex;
  padding: 18px 24px;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  margin: 18px auto;
  font-weight: bold;
  border-radius: 5px;
  background-color: var( --e-global-color-accent );
  text-decoration: none;
}
.error-404.not-found:hover a{
  background-color: var( --e-global-color-text );
  color: #FFFFFF !important;
  transition: all 3.0s ease 0s;
}

.search .search-form {
  width: 30%;
  margin: 0 auto;
  position: relative;
  border: 1px solid;
  display: flex;
  align-items: center;
  border-radius: 5px;
}
.search .search-form label {
  display: inline-block;
  margin-bottom: 0;
}
.search .search-form .search-field {
  width: 100%;
  min-height: 45px;
  border: transparent;
  padding: 0 53px 0 12px;
}
.search .search-form .search-submit {
  position: absolute;
  right: 7px;
  border: tan;
  background: transparent;
  font-size: 26px;
  color: var(--e-global-color-accent );
}
.search .page-header .page-title {
  font-family: "Montserrat", Sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: var( --e-global-color-primary );
  line-height: 36px;
  letter-spacing: -1px;
  margin-top: 36px;
}

#Estimate-btn {
  position: fixed;
  top: 0;
  right: 0;
  width: 99px;
}

/* Responsive bootstrup 4.6
============================================*/

/*Extra large devices (large desktops, 1200px and up)
=================================================================*/
@media (min-width: 1920px) {
	
}
/*Extra large devices (large desktops, 1200px and up)
=================================================================*/
@media (max-width: 1367px) {
	
	
}

/*Large devices (desktops, 992px and up)
=================================================================*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	
}

/*Medium devices (tablets, 768px and up)
=================================================================*/
@media (min-width: 768px) and (max-width: 991.98px) {
	.contact-form .wpcf7-submit {width: 100%;}
}

/* Small devices (landscape phones, 576px and up)
=================================================================*/
@media (min-width: 576px) and (max-width: 767.98px) { 
	
}




@media (max-width: 1024px){
	div.elementor-element.e-con.e-parent {padding-left: 15px;padding-right: 15px;text-align: left;}
}
@media (max-width: 768px){

}
/*Extra small devices (portrait phones, less than 576px)
=================================================================*/
@media (max-width: 575.98px) {
  div.elementor-element.e-con.e-parent {padding-left: 15px;padding-right: 15px;text-align: center;}
	.cursor { white-space: break-spaces;font-size: 15px;line-height: 18px;}
  .Home-banner div#n2-ss-2item2,.Home-banner div#n2-ss-2item6,.Home-banner div#n2-ss-2item10 {font-size: 230% !important;}
  .Home-banner div#n2-ss-2item1,.Home-banner div#n2-ss-2item5,.Home-banner div#n2-ss-2item9{font-size: 100% !important;letter-spacing: 1px !important; text-decoration: none ; color: #000 !important;margin-top: 45px ;}
  .Home-banner div#n2-ss-2item7, .Home-banner div#n2-ss-2item11,.Home-banner div#n2-ss-2item3{font-size: 130% !important;color: #000 !important;}
  .Home-banner div#n2-ss2.pcontent{margin: 20px 0 !important;}
  .contact-form .wpcf7-submit {width: 100%;}

  .home-project-gallery img {opacity: 1;}
}

@media (max-width: 400px) {

}