.elementor-311 .elementor-element.elementor-element-2928952e{--display:flex;--min-height:450px;--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;--justify-content:center;--align-items:center;--overlay-opacity:0.2;--padding-top:100px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-311 .elementor-element.elementor-element-2928952e:not(.elementor-motion-effects-element-type-background), .elementor-311 .elementor-element.elementor-element-2928952e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#55A098;}.elementor-311 .elementor-element.elementor-element-2928952e::before, .elementor-311 .elementor-element.elementor-element-2928952e > .elementor-background-video-container::before, .elementor-311 .elementor-element.elementor-element-2928952e > .e-con-inner > .elementor-background-video-container::before, .elementor-311 .elementor-element.elementor-element-2928952e > .elementor-background-slideshow::before, .elementor-311 .elementor-element.elementor-element-2928952e > .e-con-inner > .elementor-background-slideshow::before, .elementor-311 .elementor-element.elementor-element-2928952e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://tareeflaw.com/wp-content/uploads/2025/10/Untitled-design2.png");--background-overlay:'';background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-311 .elementor-element.elementor-element-6a4229e2{--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-311 .elementor-element.elementor-element-4555a583{--display:flex;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 3px 0px 0px;--border-top-width:0px;--border-right-width:3px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );}.elementor-311 .elementor-element.elementor-element-c8d5b5a .elementor-heading-title{color:#FFFFFF;}.elementor-311 .elementor-element.elementor-element-6e188412{--display:flex;--min-height:450px;--justify-content:center;}.elementor-311 .elementor-element.elementor-element-2f676835{--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;--padding-top:100px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-311 .elementor-element.elementor-element-498e3ccc{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-311 .elementor-element.elementor-element-a522e87 .elementor-repeater-item-ddfb99b .elementor-icon-list-icon{width:50px;}.elementor-311 .elementor-element.elementor-element-a522e87 .elementor-icon-list-icon{width:18px;}.elementor-311 .elementor-element.elementor-element-a522e87 .elementor-icon-list-icon i{font-size:18px;}.elementor-311 .elementor-element.elementor-element-a522e87 .elementor-icon-list-icon svg{--e-icon-list-icon-size:18px;}.elementor-311 .elementor-element.elementor-element-60969e85{--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;}.elementor-311 .elementor-element.elementor-element-13d423b8{--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;}@media(min-width:768px){.elementor-311 .elementor-element.elementor-element-4555a583{--width:100%;}.elementor-311 .elementor-element.elementor-element-6e188412{--width:100%;}.elementor-311 .elementor-element.elementor-element-498e3ccc{--width:33.3333%;}.elementor-311 .elementor-element.elementor-element-60969e85{--width:66.6666%;}}@media(max-width:1024px) and (min-width:768px){.elementor-311 .elementor-element.elementor-element-498e3ccc{--width:100%;}.elementor-311 .elementor-element.elementor-element-60969e85{--width:100%;}}@media(max-width:1024px){.elementor-311 .elementor-element.elementor-element-2928952e{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-311 .elementor-element.elementor-element-2f676835{--flex-wrap:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-311 .elementor-element.elementor-element-498e3ccc{--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:1px 1px;--row-gap:1px;--column-gap:1px;--flex-wrap:wrap;}.elementor-311 .elementor-element.elementor-element-498e3ccc.e-con{--order:99999 /* order end hack */;}}@media(max-width:767px){.elementor-311 .elementor-element.elementor-element-6e188412{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-311 .elementor-element.elementor-element-2f676835{--padding-top:50px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-311 .elementor-element.elementor-element-498e3ccc.e-con{--order:99999 /* order end hack */;}}/* Start custom CSS for post-comments, class: .elementor-element-3fefb09 */#submit,
.submit {
  background-color: #55A098 !important;
  color: #fff !important;         /* text white rakho for contrast */
  border: none;
  padding: 10px 20px;
  border-radius: 4px;             /* optional — rounded corners */
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#submit:hover,
.submit:hover {
  background-color: #47877F !important;  /* slightly darker shade on hover */
}

/* ==== Comment Section Container ==== */
#comments, #respond {
  font-family: 'Poppins', sans-serif;
  color: #222;
  margin-top: 40px;
}

/* ==== Comment Title ==== */
#comments h3, #reply-title {
  font-size: 24px;
  font-weight: 600;
  color: #111;
  border-left: 4px solid #55A098;
  padding-left: 10px;
  margin-bottom: 20px;
}

/* ==== Individual Comments ==== */
.comment {
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 15px 20px;
  margin-bottom: 20px;
  background-color: #fafafa;
}

.comment-author img {
  border-radius: 50%;
  margin-right: 10px;
}

.comment-meta a {
  color: #55A098;
  font-weight: 500;
  text-decoration: none;
}

.comment-meta a:hover {
  text-decoration: underline;
}

/* ==== Reply Link ==== */
.comment-reply-link {
  color: #55A098 !important;
  font-weight: 600;
}

.comment-reply-link:hover {
  text-decoration: underline;
}

/* ==== Form Fields ==== */
#commentform input[type="text"],
#commentform input[type="email"],
#commentform textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin-bottom: 15px;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
}

/* ==== Submit Button ==== */
#submit {
  background-color: #55A098 !important;
  color: #fff !important;
  border: none;
  padding: 12px 24px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  transition: background-color 0.3s ease;
}

#submit:hover {
  background-color: #47877F !important;
}

/* ==== Logged-in Message ==== */
.logged-in-as {
  font-size: 14px;
  color: #666;
}

.logged-in-as a {
  color: #55A098;
  text-decoration: none;
}

.comment-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  line-height: 1.4;
  margin-bottom: 5px;
}

.comment-author {
  font-weight: 600;
  color: #55A098;
}

.comment-metadata {
  font-size: 5px; /* 👈 font size reduced */
  color: #7a7a7a;
  margin-left: 8px;
  white-space: nowrap;
}

.comment-metadata a {
  color: #55A098;
  text-decoration: none;
}

.comment-metadata a:hover {
  text-decoration: underline;
}

.comment {
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  padding: 15px;
  background-color: #f9f9f9;
  margin-bottom: 20px;
}

.comment-metadata,
.comment-metadata a,
.comment-metadata time {
  font-size: 11px !important; /* 👈 smaller date/time text */
  color: #7a7a7a;
}

.comment-metadata a.comment-edit-link {
  color: red !important;
  font-weight: 500;
}

.comment-metadata a.comment-edit-link:hover {
  color: #b30000 !important; /* thoda dark red on hover */
  text-decoration: underline;
}/* End custom CSS */