.elementor-190 .elementor-element.elementor-element-6d6d02e{--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-190 .elementor-element.elementor-element-4096aa8{width:100%;max-width:100%;}.elementor-190 .elementor-element.elementor-element-15f5c8e{--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-190 .elementor-element.elementor-element-c3777e2{--display:flex;}.elementor-190 .elementor-element.elementor-element-17a13af{--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-190 .elementor-element.elementor-element-6348d7f{--display:flex;}.elementor-190 .elementor-element.elementor-element-838e54c{--display:flex;}.elementor-190 .elementor-element.elementor-element-a2dd9d6{--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-190 .elementor-element.elementor-element-cf7a54d{--display:flex;}.elementor-190 .elementor-element.elementor-element-527d22d{--display:flex;}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-190 .elementor-element.elementor-element-b3b94d1 .elementor-posts-container article{margin-bottom:35px;}.elementor-190 .elementor-element.elementor-element-b3b94d1 .elementor-posts--skin-full_content a.elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-190 .elementor-element.elementor-element-b3b94d1 .elementor-posts--skin-archive_full_content a.elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-190 .elementor-element.elementor-element-b3b94d1 .elementor-button{background-color:var( --e-global-color-primary );}.elementor-190 .elementor-element.elementor-element-b3b94d1{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-4096aa8 */.law-card {
  background: #2e7d32;
  color: #fff;
  border-radius: 15px;
  padding: 25px 20px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
  max-width: 320px;
  margin: 20px auto;
}

.law-card:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}

.parah {
  font-size: 1.3em;
  font-weight: 700;
  margin-bottom: 15px;
  border-bottom: 2px solid rgba(255,255,255,0.3);
  display: inline-block;
  padding-bottom: 4px;
}

.law-icon img {
  width: 120px;
  height: 120px;
  object-fit: contain;
  margin: 15px 0;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.law-card:hover .law-icon img {
  transform: rotate(5deg) scale(1.05);
}

.urdu-text {
  font-family: 'Noto Nastaliq Urdu', serif;
  font-size: 1em;
  direction: rtl;
  color: #f8f8f8;
  margin-bottom: 15px;
  max-height: 100px; /* initially limited height */
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.urdu-text.expanded {
  max-height: 500px; /* when expanded */
}

.show-more-btn {
  background: #fff;
  color: #2e7d32;
  border: none;
  border-radius: 25px;
  padding: 8px 18px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.show-more-btn:hover {
  background: #1b5e20;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4a70847 */.law-card {
  background: #2e7d32;
  color: #fff;
  border-radius: 15px;
  padding: 25px 20px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
  max-width: 320px;
  margin: 20px auto;
}

.law-card:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}

.parah {
  font-size: 1.3em;
  font-weight: 700;
  margin-bottom: 15px;
  border-bottom: 2px solid rgba(255,255,255,0.3);
  display: inline-block;
  padding-bottom: 4px;
}

.law-icon img {
  width: 120px;
  height: 120px;
  object-fit: contain;
  margin: 15px 0;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.law-card:hover .law-icon img {
  transform: rotate(5deg) scale(1.05);
}

.urdu-text {
  font-family: 'Noto Nastaliq Urdu', serif;
  font-size: 1em;
  direction: rtl;
  color: #f8f8f8;
  margin-bottom: 15px;
  max-height: 100px; /* initially limited height */
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.urdu-text.expanded {
  max-height: 500px; /* when expanded */
}

.show-more-btn {
  background: #fff;
  color: #2e7d32;
  border: none;
  border-radius: 25px;
  padding: 8px 18px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.show-more-btn:hover {
  background: #1b5e20;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-223d1bc */.law-card {
  background: #2e7d32;
  color: #fff;
  border-radius: 15px;
  padding: 25px 20px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
  max-width: 320px;
  margin: 20px auto;
}

.law-card:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}

.parah {
  font-size: 1.3em;
  font-weight: 700;
  margin-bottom: 15px;
  border-bottom: 2px solid rgba(255,255,255,0.3);
  display: inline-block;
  padding-bottom: 4px;
}

.law-icon img {
  width: 120px;
  height: 120px;
  object-fit: contain;
  margin: 15px 0;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.law-card:hover .law-icon img {
  transform: rotate(5deg) scale(1.05);
}

.urdu-text {
  font-family: 'Noto Nastaliq Urdu', serif;
  font-size: 1em;
  direction: rtl;
  color: #f8f8f8;
  margin-bottom: 15px;
  max-height: 100px; /* initially limited height */
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.urdu-text.expanded {
  max-height: 500px; /* when expanded */
}

.show-more-btn {
  background: #fff;
  color: #2e7d32;
  border: none;
  border-radius: 25px;
  padding: 8px 18px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.show-more-btn:hover {
  background: #1b5e20;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6348d7f */.law-card {
  background: #2e7d32;
  color: #fff;
  border-radius: 15px;
  padding: 25px 20px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
  max-width: 320px;
  margin: 20px auto;
}

.law-card:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}

.parah {
  font-size: 1.3em;
  font-weight: 700;
  margin-bottom: 15px;
  border-bottom: 2px solid rgba(255,255,255,0.3);
  display: inline-block;
  padding-bottom: 4px;
}

.law-icon img {
  width: 120px;
  height: 120px;
  object-fit: contain;
  margin: 15px 0;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.law-card:hover .law-icon img {
  transform: rotate(5deg) scale(1.05);
}

.urdu-text {
  font-family: 'Noto Nastaliq Urdu', serif;
  font-size: 1em;
  direction: rtl;
  color: #f8f8f8;
  margin-bottom: 15px;
  max-height: 100px; /* initially limited height */
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.urdu-text.expanded {
  max-height: 500px; /* when expanded */
}

.show-more-btn {
  background: #fff;
  color: #2e7d32;
  border: none;
  border-radius: 25px;
  padding: 8px 18px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.show-more-btn:hover {
  background: #1b5e20;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d843dd6 */.law-card {
  background: #2e7d32;
  color: #fff;
  border-radius: 15px;
  padding: 25px 20px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
  max-width: 320px;
  margin: 20px auto;
}

.law-card:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}

.parah {
  font-size: 1.3em;
  font-weight: 700;
  margin-bottom: 15px;
  border-bottom: 2px solid rgba(255,255,255,0.3);
  display: inline-block;
  padding-bottom: 4px;
}

.law-icon img {
  width: 120px;
  height: 120px;
  object-fit: contain;
  margin: 15px 0;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.law-card:hover .law-icon img {
  transform: rotate(5deg) scale(1.05);
}

.urdu-text {
  font-family: 'Noto Nastaliq Urdu', serif;
  font-size: 1em;
  direction: rtl;
  color: #f8f8f8;
  margin-bottom: 15px;
  max-height: 100px; /* initially limited height */
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.urdu-text.expanded {
  max-height: 500px; /* when expanded */
}

.show-more-btn {
  background: #fff;
  color: #2e7d32;
  border: none;
  border-radius: 25px;
  padding: 8px 18px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.show-more-btn:hover {
  background: #1b5e20;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-45704ec */.law-card {
  background: #2e7d32;
  color: #fff;
  border-radius: 15px;
  padding: 25px 20px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
  max-width: 320px;
  margin: 20px auto;
}

.law-card:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}

.parah {
  font-size: 1.3em;
  font-weight: 700;
  margin-bottom: 15px;
  border-bottom: 2px solid rgba(255,255,255,0.3);
  display: inline-block;
  padding-bottom: 4px;
}

.law-icon img {
  width: 120px;
  height: 120px;
  object-fit: contain;
  margin: 15px 0;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.law-card:hover .law-icon img {
  transform: rotate(5deg) scale(1.05);
}

.urdu-text {
  font-family: 'Noto Nastaliq Urdu', serif;
  font-size: 1em;
  direction: rtl;
  color: #f8f8f8;
  margin-bottom: 15px;
  max-height: 100px; /* initially limited height */
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.urdu-text.expanded {
  max-height: 500px; /* when expanded */
}

.show-more-btn {
  background: #fff;
  color: #2e7d32;
  border: none;
  border-radius: 25px;
  padding: 8px 18px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.show-more-btn:hover {
  background: #1b5e20;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf7a54d */.law-card {
  background: #2e7d32;
  color: #fff;
  border-radius: 15px;
  padding: 25px 20px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
  max-width: 320px;
  margin: 20px auto;
}

.law-card:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}

.parah {
  font-size: 1.3em;
  font-weight: 700;
  margin-bottom: 15px;
  border-bottom: 2px solid rgba(255,255,255,0.3);
  display: inline-block;
  padding-bottom: 4px;
}

.law-icon img {
  width: 120px;
  height: 120px;
  object-fit: contain;
  margin: 15px 0;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.law-card:hover .law-icon img {
  transform: rotate(5deg) scale(1.05);
}

.urdu-text {
  font-family: 'Noto Nastaliq Urdu', serif;
  font-size: 1em;
  direction: rtl;
  color: #f8f8f8;
  margin-bottom: 15px;
  max-height: 100px; /* initially limited height */
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.urdu-text.expanded {
  max-height: 500px; /* when expanded */
}

.show-more-btn {
  background: #fff;
  color: #2e7d32;
  border: none;
  border-radius: 25px;
  padding: 8px 18px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.show-more-btn:hover {
  background: #1b5e20;
  color: #fff;
}/* End custom CSS */