.elementor-15 .elementor-element.elementor-element-ed5342b{--display:flex;--min-height:600px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;}.elementor-15 .elementor-element.elementor-element-ed5342b:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-ed5342b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://techtyle.com/wp-content/uploads/2025/10/pexels-tara-winstead-8386440-scaled.jpg");background-position:bottom center;background-size:cover;}.elementor-15 .elementor-element.elementor-element-ed5342b::before, .elementor-15 .elementor-element.elementor-element-ed5342b > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-ed5342b > .e-con-inner > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-ed5342b > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-ed5342b > .e-con-inner > .elementor-background-slideshow::before, .elementor-15 .elementor-element.elementor-element-ed5342b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-15 .elementor-element.elementor-element-0c73a23{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15 .elementor-element.elementor-element-22f6de3 .elementor-heading-title{font-size:60px;color:#005994;}.elementor-15 .elementor-element.elementor-element-d1f08cb > .elementor-widget-container{margin:010px 0px 010px 0px;}.elementor-15 .elementor-element.elementor-element-d1f08cb .elementor-heading-title{font-size:30px;text-transform:capitalize;color:#000000;}.elementor-15 .elementor-element.elementor-element-6155eb2 .elementor-button{background-color:#005994;border-radius:15px 15px 15px 15px;}.elementor-15 .elementor-element.elementor-element-6155eb2 .elementor-button:hover, .elementor-15 .elementor-element.elementor-element-6155eb2 .elementor-button:focus{background-color:#093653;}.elementor-15 .elementor-element.elementor-element-45239d8{--display:flex;--min-height:200px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-45239d8:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-45239d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://techtyle.com/wp-content/uploads/2025/10/featured-1-1024x512.png");background-position:center center;background-repeat:no-repeat;}.elementor-15 .elementor-element.elementor-element-10b9e40{width:var( --container-widget-width, 102.307% );max-width:102.307%;--container-widget-width:102.307%;--container-widget-flex-grow:0;text-align:center;}.elementor-15 .elementor-element.elementor-element-10b9e40 > .elementor-widget-container{margin:040px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-10b9e40.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-10b9e40 .elementor-heading-title{font-size:60px;font-weight:800;color:#005994;}.elementor-15 .elementor-element.elementor-element-b9e862d{--display:flex;}.elementor-15 .elementor-element.elementor-element-583523f{--e-image-carousel-slides-to-show:5;width:var( --container-widget-width, 100.185% );max-width:100.185%;--container-widget-width:100.185%;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-583523f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-b495e8f{--display:flex;--min-height:190px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-b495e8f:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-b495e8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://techtyle.com/wp-content/uploads/2025/10/SERVICES-e1761140965910.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-15 .elementor-element.elementor-element-4a58713{width:var( --container-widget-width, 101.659% );max-width:101.659%;--container-widget-width:101.659%;--container-widget-flex-grow:0;text-align:center;}.elementor-15 .elementor-element.elementor-element-4a58713 > .elementor-widget-container{margin:050px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-4a58713.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-4a58713 .elementor-heading-title{font-size:60px;font-weight:700;color:#005994;}.elementor-15 .elementor-element.elementor-element-8aad4d9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15 .elementor-element.elementor-element-0c40e3c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;border-style:none;--border-style:none;--border-radius:30px 30px 30px 30px;box-shadow:-7px 20px 15px 0px rgba(0,0,0,0.5);--margin-top:15px;--margin-bottom:15px;--margin-left:15px;--margin-right:15px;}.elementor-15 .elementor-element.elementor-element-0c40e3c:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-0c40e3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-15 .elementor-element.elementor-element-0c40e3c:hover{background-color:#005994;--overlay-opacity:0.5;}.elementor-15 .elementor-element.elementor-element-0c40e3c:hover::before, .elementor-15 .elementor-element.elementor-element-0c40e3c:hover > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-0c40e3c:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-15 .elementor-element.elementor-element-0c40e3c > .elementor-background-slideshow:hover::before, .elementor-15 .elementor-element.elementor-element-0c40e3c > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-15 .elementor-element.elementor-element-d678139{text-align:left;}.elementor-15 .elementor-element.elementor-element-d678139 .elementor-heading-title{font-weight:600;color:#005994;}.elementor-15 .elementor-element.elementor-element-d678139 .elementor-heading-title a:hover, .elementor-15 .elementor-element.elementor-element-d678139 .elementor-heading-title a:focus{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-d678139 .elementor-heading-title a{transition-duration:0s;}.elementor-15 .elementor-element.elementor-element-1c740b4 .elementor-button{background-color:#0059947A;fill:#005994;color:#005994;border-radius:60px 60px 60px 60px;}.elementor-15 .elementor-element.elementor-element-1c740b4 .elementor-button:hover, .elementor-15 .elementor-element.elementor-element-1c740b4 .elementor-button:focus{color:#005994;}.elementor-15 .elementor-element.elementor-element-1c740b4 .elementor-button:hover svg, .elementor-15 .elementor-element.elementor-element-1c740b4 .elementor-button:focus svg{fill:#005994;}.elementor-15 .elementor-element.elementor-element-25fb3b4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--border-radius:30px 30px 30px 30px;box-shadow:-7px 20px 15px 0px rgba(0,0,0,0.5);--margin-top:15px;--margin-bottom:15px;--margin-left:15px;--margin-right:15px;}.elementor-15 .elementor-element.elementor-element-25fb3b4:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-25fb3b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-15 .elementor-element.elementor-element-25fb3b4:hover{background-color:#005994;}.elementor-15 .elementor-element.elementor-element-5a3a760 .elementor-heading-title{font-weight:600;color:#005994;}.elementor-15 .elementor-element.elementor-element-7a9bdd3 .elementor-button{background-color:#00599485;fill:#005994;color:#005994;border-radius:30px 30px 30px 30px;}.elementor-15 .elementor-element.elementor-element-7a9bdd3 .elementor-button:hover, .elementor-15 .elementor-element.elementor-element-7a9bdd3 .elementor-button:focus{color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-7a9bdd3 .elementor-button:hover svg, .elementor-15 .elementor-element.elementor-element-7a9bdd3 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-e685128{--display:flex;--min-height:190px;}.elementor-15 .elementor-element.elementor-element-e685128:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-e685128 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://techtyle.com/wp-content/uploads/2025/10/CLIENTS.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-15 .elementor-element.elementor-element-c46fe3c > .elementor-widget-container{margin:030px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-c46fe3c{text-align:center;}.elementor-15 .elementor-element.elementor-element-c46fe3c .elementor-heading-title{font-size:60px;font-weight:700;color:#005994;}.elementor-15 .elementor-element.elementor-element-8404189{--display:flex;}.elementor-15 .elementor-element.elementor-element-5cf38d8 .elementor-heading-title{color:#005994;}.elementor-15 .elementor-element.elementor-element-4440ac7{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-0c73a23{--width:100%;}.elementor-15 .elementor-element.elementor-element-0c40e3c{--width:50%;}.elementor-15 .elementor-element.elementor-element-25fb3b4{--width:50%;}.elementor-15 .elementor-element.elementor-element-4440ac7{--content-width:900px;}}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-ed5342b{--min-height:400px;}.elementor-15 .elementor-element.elementor-element-4440ac7{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-ed5342b{--min-height:300px;}.elementor-15 .elementor-element.elementor-element-4440ac7{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for image-carousel, class: .elementor-element-583523f */.elementor-15 .elementor-element.elementor-element-583523f .swiper-slide {
  position: relative;
  display: inline-block;
  overflow: hidden;
  transition: transform 0.4s ease;
}

.elementor-15 .elementor-element.elementor-element-583523f .swiper-slide:hover {
  transform: translateY(-6px); /* pop-out effect */
}

.elementor-15 .elementor-element.elementor-element-583523f .swiper-slide::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 3px;
  background-color: #005994; /* tumhara blue color */
  transition: width 0.4s ease;
}

.elementor-15 .elementor-element.elementor-element-583523f .swiper-slide:hover::after {
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1c740b4 */.elementor-15 .elementor-element.elementor-element-1c740b4 i {
  transition: transform 0.3s ease;
}
.elementor-15 .elementor-element.elementor-element-1c740b4:hover i {
  transform: translateX(6px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c40e3c */.elementor-15 .elementor-element.elementor-element-0c40e3c:hover {
  background-color: #005994; /* Blue background */
  color: #ffffff;
  transition: all 0.3s ease;
}

/* Heading white */
.elementor-15 .elementor-element.elementor-element-0c40e3c:hover h2 {
  color: #ffffff !important;
}

/* Button white */
.elementor-15 .elementor-element.elementor-element-0c40e3c:hover .elementor-button {
  background-color: #ffffff !important; /* button ka background white */
  color: #005994 !important; /* button ka text blue */
  border-color: #ffffff !important; /* optional: white border */
  transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7a9bdd3 */.elementor-15 .elementor-element.elementor-element-7a9bdd3 i {
  transition: transform 0.3s ease;
}
.elementor-15 .elementor-element.elementor-element-7a9bdd3:hover i {
  transform: translateX(6px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25fb3b4 */.elementor-15 .elementor-element.elementor-element-25fb3b4:hover {
  background-color: #005994; /* Blue background */
  color: #ffffff;
  transition: all 0.3s ease;
}

/* Heading white */
.elementor-15 .elementor-element.elementor-element-25fb3b4:hover h2 {
  color: #ffffff !important;
}

/* Button white */
.elementor-15 .elementor-element.elementor-element-25fb3b4:hover .elementor-button {
  background-color: #ffffff !important; /* button ka background white */
  color: #005994 !important; /* button ka text blue */
  border-color: #ffffff !important; /* optional: white border */
  transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4440ac7 */.elementor-15 .elementor-element.elementor-element-4440ac7 img {
  filter: grayscale(100%);
  transition: filter 0.4s ease, transform 0.4s ease;
  transform: scale(1);
}

.elementor-15 .elementor-element.elementor-element-4440ac7 img:hover {
  filter: grayscale(0%);
  transform: scale(1.1);
}/* End custom CSS */