.elementor-11661 .elementor-element.elementor-element-c81771e{--display:flex;--min-height:487px;--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;}.elementor-11661 .elementor-element.elementor-element-c81771e:not(.elementor-motion-effects-element-type-background), .elementor-11661 .elementor-element.elementor-element-c81771e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;background-image:url("https://trisdhaprojects.com/wp-content/uploads/2025/01/sectors.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.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-11661 .elementor-element.elementor-element-ede27a7 > .elementor-widget-container{margin:198px 0px 0px -100px;}.elementor-11661 .elementor-element.elementor-element-ede27a7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:42px;font-weight:600;color:#FFFFFF;}.elementor-11661 .elementor-element.elementor-element-10ff5a6{--display:flex;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-11661 .elementor-element.elementor-element-ca68adc > .elementor-widget-container{margin:19px 0px 0px -95px;}.elementor-11661 .elementor-element.elementor-element-ca68adc{font-family:"Roboto Slab", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-11661 .elementor-element.elementor-element-ca68adc a{color:#FFFFFF;}.elementor-11661 .elementor-element.elementor-element-4d5badf{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-11661 .elementor-element.elementor-element-4d5badf:not(.elementor-motion-effects-element-type-background), .elementor-11661 .elementor-element.elementor-element-4d5badf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #1C74BC 0%, #1C74BC 100%);}.elementor-11661 .elementor-element.elementor-element-22bf655 .elementor-heading-title{color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-11661 .elementor-element.elementor-element-0c8a9be{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:2px;}.elementor-11661 .elementor-element.elementor-element-0c8a9be .elementor-divider-separator{width:17%;}.elementor-11661 .elementor-element.elementor-element-0c8a9be .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11661 .elementor-element.elementor-element-813ddd7 > .elementor-widget-container{margin:9px 0px 0px 0px;}.elementor-11661 .elementor-element.elementor-element-813ddd7{font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-11661 .elementor-element.elementor-element-ce114fc{--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:54px;--margin-bottom:54px;--margin-left:0px;--margin-right:0px;}@media(max-width:1366px){.elementor-11661 .elementor-element.elementor-element-c81771e{--min-height:315px;}.elementor-11661 .elementor-element.elementor-element-ede27a7 > .elementor-widget-container{margin:0150px 0px 0px 0px;}.elementor-11661 .elementor-element.elementor-element-ca68adc > .elementor-widget-container{margin:016px 0px 0px 20px;}}@media(max-width:767px){.elementor-11661 .elementor-element.elementor-element-c81771e{--min-height:230px;}.elementor-11661 .elementor-element.elementor-element-ede27a7 > .elementor-widget-container{margin:98px 0px 0px 3px;}.elementor-11661 .elementor-element.elementor-element-ede27a7 .elementor-heading-title{font-size:35px;}.elementor-11661 .elementor-element.elementor-element-ca68adc > .elementor-widget-container{margin:8px 0px 0px 16px;}.elementor-11661 .elementor-element.elementor-element-ca68adc{font-size:14px;}.elementor-11661 .elementor-element.elementor-element-4d5badf{--content-width:95%;}.elementor-11661 .elementor-element.elementor-element-0c8a9be .elementor-divider-separator{width:50%;}.elementor-11661 .elementor-element.elementor-element-ce114fc{--content-width:95%;}}@media(min-width:768px){.elementor-11661 .elementor-element.elementor-element-4d5badf{--content-width:1140px;}.elementor-11661 .elementor-element.elementor-element-ce114fc{--content-width:1140px;}}@media(max-width:1366px) and (min-width:768px){.elementor-11661 .elementor-element.elementor-element-c81771e{--content-width:1140px;}.elementor-11661 .elementor-element.elementor-element-4d5badf{--content-width:1140px;}.elementor-11661 .elementor-element.elementor-element-ce114fc{--content-width:1140px;}}@media(max-width:1024px) and (min-width:768px){.elementor-11661 .elementor-element.elementor-element-4d5badf{--content-width:95%;}.elementor-11661 .elementor-element.elementor-element-ce114fc{--content-width:95%;}}/* Start custom CSS for text-editor, class: .elementor-element-813ddd7 */p {
    font-family: 'Roboto', sans-serif;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b82d505 *//* Container for all cards */
.card-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Space between cards */
  justify-content: space-between; /* Cards ko space dene ke liye */
}

/* Default card styling */
.card {
  display: block;
  width: calc(50% - 10px); /* 2 cards in a row with gap */
  overflow: hidden;
  text-decoration: none; /* Remove underline from links */
  color: inherit; /* Inherit color from parent */
  position: relative; /* Ensure positioning context for child elements */
  transition: transform 0.6s, opacity 0.6s;
}

.card-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: transform 0.6s, opacity 0.6s;
}

.card-image {
  width: 100%;
  height: 100%; /* 80% of the card height */
  overflow: hidden; /* Hide overflow */
  position: relative;
}

.card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s; /* Smooth zoom effect */
}

.card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(28, 116, 188);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
  opacity: 0; /* Initially hidden */
  transition: opacity 0.6s;
  z-index: 1;
  text-align: center;
}

/* Hover Effects */
.card:hover .card-image img {
  transform: scale(1.2); /* Slight zoom effect */
}

.card:hover .card-back {
  opacity: 1; /* Show back side on hover */
}

.card:hover .card-title {
  opacity: 0; /* Hide title on hover */
}

/* Media Queries for Responsive Layouts */

/* Large Screens (1600px and above) */
@media (min-width: 1600px) {
  .card {
    width: calc(50% - 10px); /* 2 cards in a row */
    height: 320px; /* Card height for very large screens */
  }

  .card-image img {
    border-radius: 8px; /* Adjust border radius for larger screens */
  }

  .card:hover .card-image img {
    border-radius: 8px; /* Border-radius on hover */
    transform: scale(1.2); /* Slight zoom effect */
  }
}

/* Large Laptops (1200px - 1600px) */
@media (min-width: 1201px) and (max-width: 1400px) {
  .card {
    width: calc(50% - 10px); /* 2 cards in a row */
    height: 320px; /* Card height for large screens */
  }

  .card-image img {
    border-radius: 8px; /* Consistent border radius for images */
  }

  .card:hover .card-image img {
    border-radius: 8px; /* Border-radius on hover */
    transform: scale(1.2); /* Slight zoom effect */
  }
}

/* Laptops (1024px - 1200px) */
@media (min-width: 1024px) and (max-width: 1200px) {
  .card {
    width: calc(50% - 10px); /* 2 cards in a row */
    height: 270px; /* Card height for laptops */
  }

  .card-image img {
    border-radius: 8px; /* Consistent border radius for images */
  }

  .card:hover .card-image img {
    border-radius: 8px; /* Border-radius on hover */
    transform: scale(1.2); /* Slight zoom effect */
  }
}

/* Tablets (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .card {
    width: calc(50% - 10px); /* 2 cards in a row on tablets */
    height: 140px; /* Adjust card height for tablets */
  }

  .card-image img {
    border-radius: 8px; /* Consistent border radius for images */
  }

  .card:hover .card-image img {
    border-radius: 8px; /* Border-radius on hover */
    transform: scale(1.2); /* Slight zoom effect */
  }
}

/* Mobile Phones (767px and below) */
@media (max-width: 767px) {
  .card-container {
    display: block; /* Stack cards vertically on mobile */
  }

  .card {
    width: 100%; /* Full width for each card on mobile */
    margin-bottom: 20px; /* Space between cards */
  }

  .card-content {
    height: auto; /* Adjust content height for mobile */
  }

  .card-image {
    height: auto; /* Adjust image height for mobile */
  }

  .card-image img {
    border-radius: 8px; /* Consistent border radius for images */
  }

  .card:hover .card-image img {
    border-radius: 8px; /* Border-radius on hover */
    transform: scale(1.2); /* Slight zoom effect */
  }
}/* End custom CSS */