/*
 * Every real Joomla-sidebar-module rule used anywhere in the app,
 * consolidated. Moved verbatim out of service-sidebar.css, samples-sidebar.css,
 * and home-page.css as part of the strips/banners/sidebars/tool-pages/tables
 * CSS reorganization. Each original file's own header comment is kept
 * immediately above its section below.
 *
 * Dedup note: home-page.css carried an exact byte-for-byte duplicate of the
 * .sidebar-tools-adv ruleset already present in service-sidebar.css (the
 * "Explore Our FREE Tools" box, reused as-is on both the homepage and the
 * Services-page sidebar). That duplicate copy was dropped here — the single
 * surviving copy below (from service-sidebar.css, globally scoped) still
 * matches it wherever it appears, including inside .home-cms-page on the
 * homepage. Its *responsive* (@media) overrides were NOT a duplicate (they
 * only existed in home-page.css) and are kept below, still scoped to
 * .home-cms-page since that is the only context they ever applied in.
 */

/*
 * Services-page right sidebar ("Rightbar Service", mod_custom id 115,
 * position user6 — rendered by service.php).
 *
 * Taken from templates/GAH/css/content.css, which is the stylesheet the
 * service view itself loads, and kept IN SOURCE ORDER. That ordering matters:
 * several rules here have equal specificity (e.g. `.rightside-topic
 * .side_link .title` vs `.free-fearure .side_link .title`) and the live
 * cascade resolves them by position. An earlier version of this file merged
 * rules from eight stylesheets alphabetically, which inverted those pairs and
 * gave the features box a grey left-aligned heading instead of a centred
 * transparent one.
 *
 * Only the "Explore Our FREE Tools" block is absent from content.css; those
 * rules are appended from questions.css.
 */
.rightbar_samples { border-radius:9px;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.231372549);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.231372549);font-family:"robotomedium";margin:20px 0 }
.rightbar_samples .title { background:#5C7A36;font-size:20px;line-height:27px;color:#fff;padding:12px;border-radius:9px 9px 0 0 }
.rightbar_samples .sample_list ul li { border-bottom:1px solid #F1F1F1 }
.rightbar_samples .sample_list ul li:last-child { border-bottom:none }
.rightbar_samples .sample_list ul li:hover .samples { color:#5c7a36 }
.rightbar_samples .sample_list ul li .samples { font-size:15px;line-height:18px;color:#333333;display:block;padding:9px 12px }
.rightside-topic { border-radius:8px;padding:20px;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.23);box-shadow:0 0 5px rgba(0,0,0,0.23) }
.rightside-topic .side_link .title { width:100%;text-align:left;padding:8px 13px;background:#f2f2f2 }
.rightside-topic .side_link .title a { color:#2a2a2a;font-size:18px;line-height:20px;padding:0px }
.rightside-topic .side_link .title .paid-strike { text-decoration-color:#5C7A36;text-decoration-thickness:2px;padding-right:5px }
.rightside-topic .side_link ul li { background:none;margin:-2px 0;position:relative;display:block;padding:9px 5px 9px 20px;border-bottom:1px solid #f1f1f1 }
.rightside-topic .side_link ul li a { line-height:16px;color:#333 }
.rightside-topic .side_link ul li a:before { display:none }
.rightside-topic .side_link ul li:last-child { border-bottom:0 }
.rightside-topic .side_link .others { height:180px;overflow:auto }
.rightside-topic.services { padding:0; border-radius:9px; overflow:hidden; background:#fff; -webkit-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.18); box-shadow:0px 0px 6px 0px rgba(0,0,0,0.18); margin:20px 0 }
.rightside-topic.services .side_link { border-radius:9px 9px 0 0 }
.rightside-topic.services .side_link .title { background:#5C7A36; color:#fff; border-radius:9px 9px 0 0; padding:11px 16px; margin:0; font-size:18px; line-height:24px; font-weight:600; text-align:left; display:block; width:100% }
.rightside-topic.services ul { margin:0; padding:0; list-style:none; height:auto; max-height:none; overflow:visible }
.rightside-topic.services ul li { padding:10px 16px; border-bottom:1px solid #f1f1f1; background:#fff; margin:0 }
.rightside-topic.services ul li:last-child { border-bottom:none }
.rightside-topic.services ul li a { font-size:14px; line-height:20px; color:#2a2a2a; font-family:"robotomedium"; display:block; transition:color 0.2s ease }
.rightside-topic.services ul li a:hover, .rightside-topic.services ul li:hover a { color:#5C7A36 }
/* `overflow:hidden` clips the decorative `:after` watermark to the card.
   On desktop it already sits inside the 340px card, so nothing changes;
   on a narrower (mobile) sidebar it stops the fixed-size watermark from
   widening the page. */
.best-deal { background:-webkit-gradient(linear,left top,right top,color-stop(10%,#59811a),color-stop(40%,#536d26),to(#50632d));background:linear-gradient(to right,#59811a 10%,#536d26 40%,#50632d 100%);padding:25px;color:#fff;border-radius:8px;position:relative;z-index:0;margin:30px 0;overflow:hidden }
/* The three fixed px widths below are the live template's own values, sized
   for its 340px sidebar column. They're capped to the container so a
   narrower (mobile) sidebar can't be pushed wider than the viewport — on
   desktop the caps never bind, so the layout is unchanged. */
.best-deal.sticky { position:fixed;top:114px;width:340px;max-width:100% }
.best-deal.bottom_fix { position:absolute;bottom:0px;width:340px;max-width:100% }
.best-deal:after { content:"";background:url(/images/discount-tag.png) no-repeat;height:377px;width:312px;max-width:100%;position:absolute;display:block;z-index:-1;opacity:0.03;top:36px;background-size:344px }
.best-deal .deal-title { font-size:28px;line-height:30px;text-transform:uppercase;text-align:center;margin:0 0 25px;color:#fff;font-family:robotolight;letter-spacing:2px }
.best-deal .deal-list { display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:12px 0;border-bottom:1px dashed #c1ccaf }
.best-deal .deal-list .left .deal-p { color:#fff;font-size:24px;line-height:26px;margin:0;display:block;font-family:"robotolight" }
.best-deal .deal-list .right { text-align:right }
.best-deal .deal-list .right .promo-txt { font-size:13px;line-height:15px;margin:0;color:#d0d8c3 }
.best-deal .deal-list .right .promo-code { font-size:19px;line-height:22px;color:#FFFFFF;display:block;text-transform:uppercase }
.best-deal .deal-list .right .promo-btn { font-size:14px;line-height:16px;color:#e4fcc0 }
.best-deal .footer-p { font-size:13px;line-height:16px;text-align:center;margin:5px 0 0;color:#d0d8c3 }
.best-deal .footer-p.footer-p-first { margin:20px 0 0 }
.best-deal .order-btn { background:#F58E0E;color:#fff;display:block;padding:8px 0;width:50%;margin:15px auto 0;font-size:18px;line-height:20px;text-align:center;font-family:robotomedium;border-radius:4px }
.best-deal .order-btn:hover { background:#ec9d3c }
.christmas-strip { display:block;margin:0 0px 30px;width:100%;height:100%;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.14);box-shadow:0 0 5px rgba(0,0,0,0.14) }
.christmas-strip-mobile,.offer-img-mobile { display:none }
.offer-img-desktop,.offer-img-mobile { margin:0 0px 30px;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2509803922);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2509803922);border-radius:8px }
.free-fearure { margin:60px 0 0;border:1px solid #d8d8d8;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.14);box-shadow:0 0 5px rgba(0,0,0,0.14) }
.free-fearure .side_link .title { margin:0;font-family:robotomedium;text-align:center;font-size:26px;line-height:29px;color:#353534;background:transparent }
.free-fearure .side_link .title span { color:#5C7A36 }
.free-fearure .side_link ul li { padding:14px 0;display:inline-block;width:100%;border-bottom:1px solid #d8d8d8 }
.free-fearure .side_link ul li:last-child { border-bottom:none }
.free-fearure .side_link ul li .left { width:57%;font-family:robotomedium;font-size:15px;line-height:17px;color:#494949 }
.free-fearure .side_link ul li .right { color:#5C7A36;font-family:robotomedium;text-align:right;width:43%;font-size:16px;line-height:18px }
.free-fearure .side_link ul li .right .fearure-price { font-size:14px;line-height:16px;color:#757575;text-decoration:line-through;text-decoration-color:#5C7A36;text-decoration-thickness:2px;padding:0 6px 0 0;font-family:"robotoregular" }
.free-fearure .side_link .price-box { border-top:1px solid #e6e6e6;text-align:center;padding:15px 10px 10px }
.free-fearure .side_link .price-box .price-p { color:#5c7a36;margin:0;font-style:italic }
.free-fearure .side_link .price-box .price-free { color:#5C7A36;font-size:28px;line-height:30px;font-family:"robotomedium" }
.free-fearure .side_link .price-box .total-price { font-size:30px;line-height:40px;font-family:"robotoregular";color:#353534;padding:0 5px 0 0;text-decoration:line-through;text-decoration-color:#5C7A36;text-decoration-thickness:2px;display:block }
.free-fearure .side_link .price-box .order-btn { background:#f58e0e;color:#fff;display:block;padding:8px 0;width:50%;margin:15px auto 0;font-size:16px;line-height:18px;text-align:center;font-family:robotomedium;text-transform:uppercase;border-radius:3px }
.free-fearure .side_link .price-box .order-btn:hover { background:#d47113 }
.allinner_main .inner_services .deal-list .left,.allinner_main .inner_services .deal-list .right { width:50% }
.policies .inner_services .right .rightside-topic:first-child { margin:15px 0px 0 0 }
.policies .inner_services .right .rightside-topic .side_link ul li .left { width:52% }
.policies .inner_services .right .rightside-topic .side_link ul li .right { width:44% }
.policies .inner_services .right .rightside-topic .side_link .price-box p { line-height:18px;margin-bottom:0 }

/* Tools box — not present in content.css. */
.sidebar-tools-adv { background:#fff;-webkit-box-shadow:0px 0px 11px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 11px 0px rgba(0,0,0,0.2);border-radius:12px;margin:20px 0 }
.sidebar-tools-adv .top-heading { position:relative;background:-webkit-gradient(linear,left top,right top,color-stop(10%,#59811a),color-stop(40%,#536d26),to(#50632d));background:linear-gradient(90deg,#59811a 10%,#536d26 40%,#50632d 100%);padding:18px;border-radius:8px 8px 0 0 }
.sidebar-tools-adv .top-heading .card-heading { font-size:22px;line-height:28px;text-align:center;color:#fff;margin:0 }
.sidebar-tools-adv .top-heading .card-heading span { font-family:robotomedium }
.sidebar-tools-adv .top-heading .free-lottie { height:110px;width:110px;position:absolute;top:-6px;left:-24px }
.sidebar-tools-adv .listing-bar { padding:15px }
.sidebar-tools-adv .listing-bar .tools-inner-box { display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr);grid-template-columns:repeat(1,minmax(0,1fr));gap:5px;max-height:275px;overflow:auto;padding:0 5px 0 0 }
.sidebar-tools-adv .listing-bar .tools-inner-box .box-tool { background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;border-bottom:1px solid #f1f1f1;border-bottom-color:#f1f1f1;border-radius:5px;padding:15px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;z-index:1 }
.sidebar-tools-adv .listing-bar .tools-inner-box .box-tool .tool-image { -webkit-transition:all 0.2s ease;transition:all 0.2s ease }
.sidebar-tools-adv .listing-bar .tools-inner-box .box-tool .tool-name { font-size:18px;line-height:20px;color:#2a2a2a;margin:0;-webkit-transition:all 0.2s ease;transition:all 0.2s ease }
.sidebar-tools-adv .listing-bar .tools-inner-box .box-tool .arrow { margin:0 0 0 auto;content:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8732 21.5836C16.8003 21.5109 16.7424 21.4245 16.7029 21.3295C16.6635 21.2344 16.6431 21.1324 16.6431 21.0295C16.6431 20.9265 16.6635 20.8246 16.7029 20.7295C16.7424 20.6344 16.8003 20.5481 16.8732 20.4754L20.2296 17.1191H10.6474C10.44 17.1191 10.241 17.0367 10.0943 16.89C9.94764 16.7433 9.86523 16.5443 9.86523 16.3369C9.86523 16.1294 9.94764 15.9304 10.0943 15.7837C10.241 15.6371 10.44 15.5546 10.6474 15.5546H20.2296L16.8732 12.197C16.7263 12.05 16.6437 11.8507 16.6437 11.6429C16.6437 11.4351 16.7263 11.2358 16.8732 11.0889C17.0202 10.9419 17.2195 10.8594 17.4273 10.8594C17.6351 10.8594 17.8344 10.9419 17.9813 11.0889L22.6746 15.7821C22.7475 15.8548 22.8054 15.9412 22.8449 16.0362C22.8844 16.1313 22.9047 16.2333 22.9047 16.3362C22.9047 16.4392 22.8844 16.5411 22.8449 16.6362C22.8054 16.7313 22.7475 16.8176 22.6746 16.8903L17.9813 21.5836C17.9087 21.6565 17.8223 21.7143 17.7272 21.7538C17.6322 21.7933 17.5302 21.8136 17.4273 21.8136C17.3243 21.8136 17.2224 21.7933 17.1273 21.7538C17.0322 21.7143 16.9459 21.6565 16.8732 21.5836Z' fill='%235F7D38'/%3E%3C/svg%3E%0A");-webkit-transition:all 0.2s ease;transition:all 0.2s ease }
.sidebar-tools-adv .listing-bar .tools-inner-box .box-tool:hover { background:-webkit-gradient(linear,left top,right top,from(#6d8b1d),to(#c4cd8b));background:linear-gradient(90deg,#6d8b1d 0%,#c4cd8b 100%) }
.sidebar-tools-adv .listing-bar .tools-inner-box .box-tool:hover .arrow { content:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4082 31.8125C24.9686 31.8125 31.9082 24.8729 31.9082 16.3125C31.9082 7.75209 24.9686 0.8125 16.4082 0.8125C7.84779 0.8125 0.908203 7.75209 0.908203 16.3125C0.908203 24.8729 7.84779 31.8125 16.4082 31.8125Z' fill='%235F7D38'/%3E%3Cpath d='M16.8732 21.5836C16.8003 21.5109 16.7424 21.4245 16.7029 21.3295C16.6635 21.2344 16.6431 21.1324 16.6431 21.0295C16.6431 20.9265 16.6635 20.8246 16.7029 20.7295C16.7424 20.6344 16.8003 20.5481 16.8732 20.4754L20.2296 17.1191H10.6474C10.44 17.1191 10.241 17.0367 10.0943 16.89C9.94764 16.7433 9.86523 16.5443 9.86523 16.3369C9.86523 16.1294 9.94764 15.9304 10.0943 15.7837C10.241 15.6371 10.44 15.5546 10.6474 15.5546H20.2296L16.8732 12.197C16.7263 12.05 16.6437 11.8507 16.6437 11.6429C16.6437 11.4351 16.7263 11.2358 16.8732 11.0889C17.0202 10.9419 17.2195 10.8594 17.4273 10.8594C17.6351 10.8594 17.8344 10.9419 17.9813 11.0889L22.6746 15.7821C22.7475 15.8548 22.8054 15.9412 22.8449 16.0362C22.8844 16.1313 22.9047 16.2333 22.9047 16.3362C22.9047 16.4392 22.8844 16.5411 22.8449 16.6362C22.8054 16.7313 22.7475 16.8176 22.6746 16.8903L17.9813 21.5836C17.9087 21.6565 17.8223 21.7143 17.7272 21.7538C17.6322 21.7933 17.5302 21.8136 17.4273 21.8136C17.3243 21.8136 17.2224 21.7933 17.1273 21.7538C17.0322 21.7143 16.9459 21.6565 16.8732 21.5836Z' fill='white'/%3E%3C/svg%3E%0A") }
.sidebar-tools-adv .listing-bar .tools-inner-box .box-tool:hover .tool-name { color:#fff }
.sidebar-tools-adv .listing-bar .tools-inner-box .box-tool:hover .tool-image path { fill:#fff }
.sidebar-tools-adv .listing-bar .tools-inner-box .box-tool:last-child { border:none }

.rightside-topic .left,
.best-deal .left {
  float: left;
}

.rightside-topic .right,
.best-deal .right {
  float: right;
}

/* Custom Green Scrollbars for Explore Our FREE Tools Box */
.sidebar-tools-adv .listing-bar .tools-inner-box::-webkit-scrollbar,
.rightbar_samples .sample_list ul::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.sidebar-tools-adv .listing-bar .tools-inner-box::-webkit-scrollbar-button,
.rightbar_samples .sample_list ul::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

.sidebar-tools-adv .listing-bar .tools-inner-box::-webkit-scrollbar-track,
.rightbar_samples .sample_list ul::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 10px;
}

.sidebar-tools-adv .listing-bar .tools-inner-box::-webkit-scrollbar-thumb,
.rightbar_samples .sample_list ul::-webkit-scrollbar-thumb {
  background: #5C7A36;
  border-radius: 10px;
}

.sidebar-tools-adv .listing-bar .tools-inner-box::-webkit-scrollbar-thumb:hover,
.rightbar_samples .sample_list ul::-webkit-scrollbar-thumb:hover {
  background: #465f29;
}

.sidebar-tools-adv .listing-bar .tools-inner-box,
.rightbar_samples .sample_list ul {
  scrollbar-width: thin;
  scrollbar-color: #5C7A36 #f1f5f9;
}
/* Styling for the real "Samples listing sidebar" module (`#__modules` id 118,
   `mod_custom`) whose stored HTML is fetched live through the bridge and
   rendered as-is on `/free-samples/[subject]`. Same approach as
   `service-sidebar.css` / `tools-page.css`: the markup and its class names
   come from the CMS, so the styling has to target those class names rather
   than Tailwind utilities — that's what lets a wording/structure edit in
   Joomla Admin show up here without touching the app's code. */

.samples-sidebar .sample-right-panel {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Seasonal offer strip */
.samples-sidebar .cristmas a {
  display: block;
}
.samples-sidebar .cristmas img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.samples-sidebar .christmas-strip-mobile {
  display: none;
}

/* Experts writer block */
.samples-sidebar .Expert-writers {
  border: 1px solid #e2e8f0;
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.samples-sidebar .Expert_heading {
  font-size: 18px;
  line-height: 24px;
  font-weight: 800;
  color: #0f172a;
  text-align: center;
  margin: 0 0 16px;
}
.samples-sidebar .Expert_heading .subheading {
  display: block;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #64748b;
  margin-top: 2px;
}
.samples-sidebar .Expert-writers ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.samples-sidebar .writer-card {
  display: flex;
  align-items: center;
  gap: 12px;
}
.samples-sidebar .writer-card img {
  width: 48px;
  height: 48px;
  border-radius: 9999px;
  object-fit: cover;
  background: #f1f5f9;
  flex-shrink: 0;
}
.samples-sidebar .writer-info {
  min-width: 0;
  flex: 1;
}
.samples-sidebar .writer-name {
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.samples-sidebar .writer-rating {
  font-size: 11px;
  color: #94a3b8;
  margin: 0;
}
.samples-sidebar .writer-rating .stars {
  color: #fbbf24;
}
.samples-sidebar .writer-orders {
  font-size: 11px;
  color: #94a3b8;
  margin: 0;
}
.samples-sidebar .hire-now-btn {
  flex-shrink: 0;
  background: #f58e0e;
  color: #ffffff;
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.samples-sidebar .hire-all {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #5c7a36;
  text-decoration: none;
  margin-top: 16px;
}
.samples-sidebar .hire-all:hover {
  text-decoration: underline;
}

/* "Order Your Assignment" rating block */
.samples-sidebar .rating-section {
  background: #0f172a;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.samples-sidebar .rate-head {
  font-size: 18px;
  line-height: 24px;
  font-weight: 800;
  color: #ffffff;
  margin: 0;
}
.samples-sidebar .rate-subhead {
  display: block;
  font-size: 14px;
  color: #cbd5e1;
  margin-top: 4px;
}
.samples-sidebar .common-text {
  display: block;
  font-size: 14px;
  color: #cbd5e1;
  margin-top: 4px;
}
.samples-sidebar .theme-color {
  color: #f58e0e;
  font-weight: 700;
}
.samples-sidebar .order-btns {
  display: block;
  background: #f58e0e;
  color: #ffffff;
  border-radius: 8px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  margin-top: 16px;
}

/* "Our Unique Features" block */
.samples-sidebar .rightside-topic {
  border: 1px solid #e2e8f0;
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.samples-sidebar .side_link .title,
.samples-sidebar .side_link .title a {
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  text-decoration: none;
}
.samples-sidebar .side_link ul {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.samples-sidebar .side_link ul li {
  position: relative;
  padding-left: 24px;
  font-size: 14px;
  color: #475569;
}
.samples-sidebar .side_link ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C7A36' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/><polyline points='22 4 12 14.01 9 11.01'/></svg>")
    no-repeat center / contain;
}

@media (max-width: 640px) {
  .samples-sidebar .christmas-strip {
    display: none;
  }
  .samples-sidebar .christmas-strip-mobile {
    display: block;
  }
}
.home-cms-page .sidebar-blog {
        background: #ffffff;
        -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.2);
        padding: 14px;
        border-radius: 12px;
        margin: 20px 0
    }

.home-cms-page .sidebar-blog .blog-tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 5px;
        border-radius: 7px;
        background: -webkit-gradient(linear, left top, right top, color-stop(10%, #7da936), to(#2f4800));
        background: linear-gradient(90deg, #7da936 10%, #2f4800 100%);
        margin: 0 0 10px 0;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease
    }

.home-cms-page .sidebar-blog .blog-tabs .blog-btn {
        cursor: pointer;
        font-family: robotomedium;
        font-size: 21px;
        line-height: 35px;
        color: #ffffff;
        padding: 6px 18px;
        border-radius: 5px;
        background: transparent;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease
    }

.home-cms-page .sidebar-blog .blog-tabs .blog-btn.active {
        background: #ffffff;
        color: #5f7d38
    }

.home-cms-page .sidebar-blog .tab-blog-listing {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px
    }

.home-cms-page .sidebar-blog .tab-blog-listing .blog {
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 15px;
        border: 1px solid transparent;
        border-bottom-color: #f1f1f1;
        padding: 15px;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease
    }

.home-cms-page .sidebar-blog .tab-blog-listing .blog .bar-blog-img {
        width: 22%;
        display: block
    }

.home-cms-page .sidebar-blog .tab-blog-listing .blog .blog-title {
        font-size: 16px;
        line-height: normal;
        color: #2a2a2a;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis
    }

.home-cms-page .sidebar-blog .tab-blog-listing .blog:hover {
        border-radius: 8px;
        background: rgba(95, 125, 56, 0.2509803922);
        border-color: #5f7d38;
        -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2509803922);
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2509803922)
    }

.home-cms-page .sidebar-blog .tab-blog-listing .blog:hover .blog-title {
        color: #5f7d38
    }

.home-cms-page .sidebar-blog .tab-blog-listing .blog:last-child:hover {
        border-bottom-color: #5f7d38
    }

.home-cms-page .sidebar-blog .tab-blog-listing .blog:last-child {
        border-bottom-color: transparent
    }

.home-cms-page .sidebar-blog .tab-blog-listing.recent-blog-listing {
        display: none
    }

.home-cms-page .explore-offer-box {
        position: sticky;
        top: 122px;
        background: -webkit-gradient(linear, left top, right top, color-stop(10%, #59811a), color-stop(40%, #536d26), to(#50632d));
        background: linear-gradient(90deg, #59811a 10%, #536d26 40%, #50632d 100%);
        -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.2);
        border-radius: 12px;
        padding: 30px 30px 50px 25px;
        margin: 20px 0
    }

.home-cms-page .explore-offer-box .offer-heading {
        font-size: 26px;
        line-height: 32px;
        color: #ffffff;
        margin: 0 0 30px 0;
        width: 80%
    }

.home-cms-page .explore-offer-box .offer-heading span {
        font-family: robotomedium
    }

.home-cms-page .explore-offer-box .offer-btn {
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        background: #f58e0e;
        color: #fff;
        border-radius: 7px;
        padding: 9px 13px;
        font-family: robotomedium;
        font-size: 17px;
        line-height: 21px;
        position: relative;
        z-index: 1
    }

.home-cms-page .explore-offer-box .watching-girl {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 1
    }

.home-cms-page .explore-offer-box:after {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg width='386' height='186' viewBox='0 0 386 186' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.9092 73.9963C20.5124 70.6535 13.3938 69.2811 6.6164 69.0093C-11.4814 68.2834 -20.5303 67.9205 -27.5859 74.3933C-34.6415 80.8661 -35.1571 92.0624 -36.1882 114.455C-37.494 142.814 -37.6205 172.957 -33.5396 181.579C-25.7058 198.13 44.7991 205.223 92.9215 213.499C131.419 220.119 347.603 273.505 383.224 210.969C408.557 161.953 408.301 0.977462 389.5 0.0316802C365.998 -1.15055 294.313 30.82 256.211 98.2066C206.41 186.282 127.511 165.002 99.5332 134.264C76.9852 109.492 59.2447 88.1576 27.9092 73.9963Z' fill='%235A8713'/%3E%3C/svg%3E%0A");
        width: 100%;
        height: 186px;
        position: absolute;
        left: 0;
        bottom: 0;
        border-radius: 0 0 12px 12px
    }

@media (max-width:1024px) {.home-cms-page .sidebar-tools-adv .top-heading .card-heading {
            font-size: 20px;
            line-height: 26px
        }.home-cms-page .sidebar-tools-adv .top-heading .free-lottie {
            height: 100px;
            width: 100px
        }.home-cms-page .sidebar-tools-adv .listing-bar .tools-inner-box .box-tool {
            padding: 10px
        }.home-cms-page .sidebar-tools-adv .listing-bar .tools-inner-box .box-tool .tool-name {
            font-size: 16px
        }.home-cms-page .sidebar-blog .blog-tabs .blog-btn {
            font-size: 18px;
            line-height: 24px
        }.home-cms-page .sidebar-blog .tab-blog-listing .blog {
            padding: 12px
        }.home-cms-page .explore-offer-box .offer-heading {
            font-size: 22px;
            line-height: 28px
        }}

@media (max-width:768px) {.home-cms-page .sidebar-tools-adv .top-heading .card-heading {
            font-size: 18px;
            line-height: 24px
        }.home-cms-page .explore-offer-box .watching-girl {
            width: 45%
        }}

.home-cms-page .footer-sidebar {
        position: absolute;
        bottom: 0;
        background: #f1f1f1;
        width: 100%;
        left: 0;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 10px 15px;
        -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.16)
    }

.home-cms-page .footer-sidebar .side-parts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: left;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

.home-cms-page .footer-sidebar .side-parts svg {
        margin: 0 5px 0 0
    }

.home-cms-page .footer-sidebar .side-parts .clickable_link, .home-cms-page .footer-sidebar .side-parts p {
        font-family: "robotomedium";
        font-size: 16px;
        color: #434343;
        line-height: 18px
    }

.home-cms-page .footer-sidebar .side-parts .clickable_link span, .home-cms-page .footer-sidebar .side-parts p span {
        font-family: "robotoregular";
        font-size: 13px;
        line-height: 15px;
        display: block
    }

.home-cms-page .footer-sidebar .side-parts .clickable_link span.free, .home-cms-page .footer-sidebar .side-parts p span.free {
        background: #33cc6f;
        color: #fff;
        font-size: 14px;
        line-height: 16px;
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0 5px;
        text-transform: uppercase
    }

@media (max-width:1024px) {.home-cms-page .footer-sidebar {
            display: none
        }}

@media (max-width:768px) {.home-cms-page .footer-sidebar {
            display: none
        }}