.elementor-232 .elementor-element.elementor-element-aaf604d{--display:flex;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-aaf604d::before, .elementor-232 .elementor-element.elementor-element-aaf604d > .elementor-background-video-container::before, .elementor-232 .elementor-element.elementor-element-aaf604d > .e-con-inner > .elementor-background-video-container::before, .elementor-232 .elementor-element.elementor-element-aaf604d > .elementor-background-slideshow::before, .elementor-232 .elementor-element.elementor-element-aaf604d > .e-con-inner > .elementor-background-slideshow::before, .elementor-232 .elementor-element.elementor-element-aaf604d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-232 .elementor-element.elementor-element-30a0d81 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-232 .elementor-element.elementor-element-8c54428{--display:flex;--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-2fc8420 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-232 .elementor-element.elementor-element-4f17b82{--display:flex;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-fc8829c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-232 .elementor-element.elementor-element-70bb02f{--display:flex;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-2e130b9{--display:flex;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-899d109{--display:flex;--margin-top:-92px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-1ba2d2d{--display:flex;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-c5a437d > .elementor-widget-container{margin:-80px 0px 0px 0px;}.elementor-232 .elementor-element.elementor-element-edf5e18{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-fe21864 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-232 .elementor-element.elementor-element-7847d74{--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;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-232 .elementor-element.elementor-element-7a06424{text-align:center;}.elementor-232 .elementor-element.elementor-element-7a06424 .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:600;color:#30464F;}.elementor-232 .elementor-element.elementor-element-1df933c{--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;}.elementor-widget-reviews .elementor-testimonial__header, .elementor-widget-reviews .elementor-testimonial__name{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-reviews .elementor-testimonial__text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-232 .elementor-element.elementor-element-00410be .elementor-swiper-button{font-size:20px;}.elementor-232 .elementor-element.elementor-element-63241d9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-b34833d{--display:flex;--margin-top:-93px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-2611d7c{width:100%;max-width:100%;}/* Start custom CSS for bdevs-slider-2, class: .elementor-element-30a0d81 */.tp-btn-yellow-radius {
  background-color: #000000; /* Black */
  color: #ffffff; /* White text */
  padding: 12px 24px;
  text-decoration: none;
  border-radius: 3px; /* Reduced border radius */
  display: inline-block;
  transition: background-color 0.3s ease, color 0.3s ease;
  border: none;
}

.tp-btn-yellow-radius:hover {
  background-color: #6a0dad; /* Vibrant Purple */
  color: #ffffff;
}


.tp-hero-2-contact-content h6 a {
  display: inline-block;
  padding: 17px 25px;
  background-color: #000000;     /* Black background */
  color: #ffffff;                /* White text */
  border: 1px solid #D2D3D3;     /* White solid border */
   border-radius: 25px;            /* Rounded corners */
  text-decoration: none;
  transition: all 0.3s ease;     /* Smooth transition */
  
}
.tp-hero-2-title {
    font-weight: 700;
    font-size: 73px;
    margin-top: -44px;
}
.tp-hero-2-text p {
    font-size: 16px;
    color: White;
}

.tp-hero-2-contact-content h6 a:hover {
  background-color: #ffffff;     /* White background on hover */
  color: #000000 !important;     /* Black text on hover */
  border-color: #000000;         /* Optional: make border black on hover */
  
}/* End custom CSS */
/* Start custom CSS for bdevs-services-2, class: .elementor-element-2fc8420 *//* Make the service card a relative container */
.tp-service-2-item {
    position: relative;
    min-height: 450px; /* Adjust based on your content */
    padding-bottom: 100px; /* Space for the button */
    display: flex;
    flex-direction: column;
    border-radius: 0; /* Reset border radius (adjust if needed) */
    overflow: hidden; /* Ensures child elements respect boundaries */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Optional: Keep shadow */
    /* Removed: background: #fff; */
}

/* Push the button to the bottom */
.tp-service-2-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin-bottom: 20px; /* Adjust spacing */
    padding: 0 20px; /* Ensures button doesn't touch edges */
}

/* Style the button (unchanged) */
.tp-service-2-btn a {
    display: inline-block;
    padding: 10px 25px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.tp-service-2-btn a:hover {
  
    transform: translateY(-2px); /* Optional: Slight lift on hover */
}

.tp-service-2-icon {
    display: flex;
    justify-content: center; /* Horizontal centering */
    align-items: center; /* Vertical centering */
    width: 160px; /* Fixed width */
    height: 160px; /* Fixed height */
    margin: 0 auto; /* Center the container */
}

.tp-service-2-icon img {
    max-width: 100%; /* Ensure image fits inside container */
    max-height: 100%; /* Ensure image fits inside container */
    object-fit: contain; /* Keeps aspect ratio intact */
}/* End custom CSS */
/* Start custom CSS for bdevs-about-02, class: .elementor-element-fc8829c */.tp-about-2-thumb-wrap .tp-about-2-thumb-6 {
    margin-top: -70px;
    margin-left: 50px;
    width: 800px;
}/* End custom CSS */
/* Start custom CSS for bdevs-portfolio-02, class: .elementor-element-8f59c0e */.tp-portfolio-tab .tp-portfolio-btn.active {
    background: #1F2528;
    background-color: inherit !important;
    color: #161617;
}/* End custom CSS */
/* Start custom CSS for bdevs-contact-2, class: .elementor-element-fe21864 */.tp-contact-2-info-item {
  background-color: #EFF4E0;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: flex-start;
  transition: none !important;
  animation: none !important;
  transform: none !important;
}

.tp-contact-2-info-item:hover {
  background-color: #EFF4E0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
  transform: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1df933c */.elementor-element .elementor-swiper, .elementor-lightbox .elementor-swiper {
  background-color: #ffffff; /* White background */
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;

  text-align: center;
}

/* Optional: Add a subtle hover effect */
.elementor-232 .elementor-element.elementor-element-a800848:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.15);
}

/* Optional: Responsive tweak for smaller screens */
@media (max-width: 768px) {
  .elementor-232 .elementor-element.elementor-element-a800848 {
    min-width: 100%;
    padding: 1rem;
  }
}/* End custom CSS */
/* Start custom CSS for bdevs-blog-2, class: .elementor-element-2dd7472 */.tp-blog-2-item:hover {
  background-color: #3A5565 !important; /* New background color */
  color: #ffffff !important;            /* Text color on hover */
}

.tp-blog-2-item:hover * {
  color: #ffffff !important;            /* Ensure inner text (like h3, p, a) also turns white */
}
.tp-btn-grey-radius {
       padding: 12px 24px;
}
.tp-btn-grey-radius:hover {
  color: #ffffff !important; /* Change text color on hover to white */
  background-color: #2F4251;  /* Dark background on hover */
}/* End custom CSS */