/*
Theme Name: Arakan Data Monitor
Theme URI: https://arakandatamonitor.org/
Description: Child theme for Arakan Data Monitor
Author: Arakan Data Monitor
Author URI: https://arakandatamonitor.org/
Template: kadence
Version: 1.0.0
Text Domain: arakan-data
*/


.polylang-lang-dropdown 
{
    padding: 8px 30px 8px 12px;
    border: 0px !important;
    border-radius: 4px;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    max-width: 100%;
}
.polylang-lang-dropdown option {
    background: #fff;
    color: #333;
    padding: 10px;
}


#panel-2-1-0-0
{
	margin-bottom: 0px !important;
}
.grid-cols
{
	column-gap: 1.5rem !important;
    row-gap: 1.5rem !important;
}
.loop-entry .entry-content-wrap {
    padding: 1rem !important;
}
.entry-list-item .entry-content-wrap .entry-title
{
	font-size: 22px;
}

.text-center
{
	margin: 0 auto;
	text-align: center;
}
.adm-panel
{
	padding-top: 4em;
    padding-bottom: 4em;
}
#DataAssistance
{
	margin-left:2.5em;
}


.info-panel .widget-title
{
	color: #fff;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 16px;
}
    
.info-panel .textwidget p
{
	color: #ffdddd;
    font-size: 16px;
    line-height: 1.7;
    max-width: 700px;
}
.contact-social
{
	display:inline-block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.contact-social .widget-title
{
	margin-bottom: 1em;
	color: #f4f4f4;
    font-weight: 100;
    letter-spacing: 3px;
}
.contact-social ul li
{
	list-style-type: none;
	display: inline-block;
	margin-left: 5px;
    margin-right: 5px;
}
.contact-social ul li a
{
	font-size: 30px;
    border: solid 1px #74ccdd;
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 30px;
    line-height: 50px;
}

/*********** Site Footer *********/
.site-footer-middle-section-1
{
	display:inline-block !important;
	width: 100%;
}
.footer-widget1 .widget .widget-title
{
	color: #fff;
}
.footer-widget-area .widget .textwidget
{
	color: #13afaa;
	font-size: 14px;
}
.site-footer-section .footer-social
{
	display: inline-block;
    width: 100%;
    margin-left: 0 !important;
	margin-top: 1.2em;
}
#menu-footer_links
{
/* 	display: grid;
  	grid-template-columns: repeat(2, 1fr);
  	gap: 10px 15px; */
	margin-top: 10px;
	margin-left: -10px;
}
#menu-footer_links li
{
	list-style-type:none;
	float: left;
    margin: 5px 5px;
}
#menu-footer_links li a
{
	color: #f4f4f4;
	border:solid 1px #3c90a1;
	border-radius: 4px;
	padding-left: 8px;
	padding-right: 8px;
	font-size:14px;
}

.footer-widget3 .widget-title
{
	text-transform: capitalize !important;
    color: #f4f4f4 !important;
    font-size: 18px !important;
}
.footer-contact 
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-left: -1em;
}
.footer-contact li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    font-size: 18px;
}
.footer-contact li i 
{
    background: transparent;
    color: white;
    padding: 10px;
    border-radius: 50%;
    margin-right: 2px;
    min-width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-size: 22px;
}
.custom-html-widget .contact-text a 
{
    color: #bdc3c7;
    text-decoration: none;
    transition: color 0.3s ease;
}
.custom-html-widget .contact-text a:hover
{
	text-decoration: none !important;
}


/*Start ADM Slider CSS*/
.rh-slider {
        position: relative;
        width: 100%;
        min-height: 600px;
        overflow: hidden;
        background: #0b1321;
      }

      /* ---------- slides ---------- */
      .rh-slides {
        position: absolute;
        inset: 0;
      }
      .rh-slide {
        position: absolute;
        inset: 0;
        background-size: cover;
        background-position: center;
        opacity: 0;
        transition: opacity 1.2s ease-in-out;
      }
      .rh-slide.is-active {
        opacity: 1;
      }

      /* dark purple wash, strong on the left where the text sits,
       fading out toward the right so the photo reads clearly */
      .rh-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(
          90deg,
          rgba(11, 19, 33, 0.97) 0%,
          rgba(11, 19, 33, 0.93) 28%,
          rgba(11, 19, 33, 0.72) 45%,
          rgba(11, 19, 33, 0.32) 62%,
          rgba(11, 19, 33, 0.05) 78%
        );
        z-index: 1;
      }

      /* ---------- content ---------- */
      .rh-content {
        position: relative;
        z-index: 2;
/*         max-width: 1200px; */
        margin: 0 auto;
        padding: 56px 0px 48px;
      }

      .rh-badge {
        display: inline-block;
        color: #07c7e4;
        letter-spacing: 2px;
        font-size: 16px;
        padding: 10px 0;
        margin-bottom: 22px;
		  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      }

      .rh-heading {
        color: #fff;
        margin: 0 0 18px;
        line-height: 55px;
    	font-size: 45px;
      }
      .rh-heading .rh-script {
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-size: clamp(50px, 6.5vw, 35px);
        /*display: block;*/
        line-height: 1;
        margin: -4px 0;
      }

      .rh-subtext {
        color: #f1eefb;
        font-size: 17px;
        line-height: 1.55;
        max-width: 640px;
        margin: 0 0 34px;
      }

      /* ---------- form card ---------- */
      .rh-form-wrap {
        max-width: 900px;
      }
      .rh-form-tab {
        display: inline-block;
        background: #f2effa;
        color: #0b1321;
        font-weight: 700;
        font-size: 18px;
        padding: 14px 28px;
        border-radius: 10px 10px 0 0;
      }
      .rh-form-box {
        background: #ffffff;
        border-radius: 0 12px 12px 12px;
        padding: 28px 28px 24px;
        box-shadow: 0 20px 45px rgba(0, 0, 0, 0.25);
      }

      /* fallback field styling */
      .rh-fields {
        grid-template-columns: repeat(3, 1fr) auto;
        gap: 18px;
        align-items: end;
      }
      .rh-field label {
        display: block;
        font-weight: 600;
        color: #2b2b3a;
        font-size: 15px;
        margin-bottom: 10px;
      }
      .rh-field label .req {
        color: #d16a6a;
        margin-left: 2px;
      }
      .rh-field input {
        width: 100%;
        box-sizing: border-box;
        padding: 14px 16px;
        border: 1.5px solid #d8d6e6;
        border-radius: 6px;
        font-family: inherit;
        font-size: 15px;
        background: #fff;
      }
      .rh-field input:focus {
        outline: none;
        border-color: #6f65ad;
      }
      .rh-submit {
        padding: 14px 34px;
        background: #0b1321;
        color: #fff;
        border: none;
        border-radius: 6px;
        font-family: inherit;
        font-weight: 600;
        font-size: 16px;
        cursor: pointer;
        white-space: nowrap;
        transition: background 0.2s ease;
      }
      .rh-submit:hover {
        background: #6f65ad;
      }

      /* your shortcode drops into this container */
      .rh-shortcode-slot > * {
        margin: 0;
      }

      

      /* ---------- responsive ---------- */
      @media (max-width: 900px) {
        .rh-fields {
          grid-template-columns: 1fr;
        }
        .rh-submit {
          width: 100%;
        }
        .rh-overlay {
          background: linear-gradient(
            180deg,
            rgba(28, 14, 53, 0.97) 0%,
            rgba(28, 14, 53, 0.93) 55%,
            rgba(28, 14, 53, 0.75) 100%
          );
        }
        .rh-content {
          padding: 40px 20px 32px;
        }
        .rh-dots {
          right: 20px;
        }
      }

      /* ---- per-slide content layout (left text / right stats) ---- */
      .slide-content-pair {
		display: flex;
		flex-wrap: wrap;
		gap: 40px;
		align-items: center;
		margin-top: 10px;
      }
      .slide-left {
        flex: 1 1 45%;
        min-width: 300px;
      }
      .slide-right {
        flex: 1 1 45%;
        min-width: 300px;
      }

      .slide-right .rh-form-wrap {
        max-width: 100%;
      }

      /* ---- show/hide per-slide content groups ---- */
      .rh-content-group {
        display: none;
      }
      .rh-content-group.is-active {
        display: block;
      }
      /*Entry Header CSS*/
.entry-hero-container-inner .entry-header {
    align-items: start !important;
    text-align:left !important;
}
      /* ---- NEW: Stats Card Styles ---- */
      .stats-card {
        background-color: rgba(255, 255, 255, 0.8);
    	border-radius: 10px;
        padding: 20px 20px 22px;
        box-shadow: 0 20px 45px rgba(0, 0, 0, 0.25);
        color: #0b1321;
		  max-width: 440px;
		  margin: 0 auto;
		  text-align: center;
      }

      .stats-card-header {
        border-bottom: 2px solid #f0edf8;
        padding-bottom: 14px;
        margin-bottom: 20px;
      }

      .stats-card-title 
		{
        	font-weight: 800;
        	font-size: 26px;
			color: #6a0303;
        	margin: 0 0 4px 0;
			font-family: Bitter, serif;
      	}

      .stats-card-date {
        font-size: 14px;
        color: #7a7398;
        font-weight: 500;
      }

      /* Full-width row stat */
      .stat-row-full {
        background: #f7f5fc;
        border-radius: 8px;
        padding: 16px 18px;
        margin-bottom: 16px;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }

      .stat-row-full .stat-value {
        font-family: "Poppins", sans-serif;
        font-weight: 800;
        font-size: 28px;
        color: #2c1650;
        line-height: 1;
      }

      .stat-row-full .stat-label {
        font-size: 14px;
        font-weight: 600;
        color: #5a5278;
        text-align: right;
      }

      /* Two-column grid for stats */
      .stats-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px;
        margin-bottom: 20px;
      }

      .stat-item {
        background: #f7f5fc;
        border-radius: 8px;
        padding: 16px 14px;
        text-align: center;
      }

      .stat-item .stat-value {
        font-family: "Poppins", sans-serif;
        font-weight: 800;
        font-size: 26px;
        color: #2c1650;
        line-height: 1.1;
        margin-bottom: 6px;
      }

      .stat-item .stat-label {
        font-size: 12px;
        color: #5a5278;
        line-height: 1.3;
      }

      /* Search box full row */
      .stats-search {
        display: flex;
        gap: 0;
        border: 1.5px solid #d8d6e6;
        border-radius: 8px;
        overflow: hidden;
        background: #fff;
        align-items: center;
      }

      .stats-search input {
        flex: 1;
        border: none;
        padding: 14px 16px;
        font-family: "Poppins", sans-serif;
        font-size: 15px;
        color: #2b2b3a;
        outline: none;
        background: #fff;
      }
      .stats-search input[type=text], 
      .stats-search input[type=email], 
      .stats-search input[type=url], 
      .stats-search input[type=password], 
      .stats-search input[type=search], 
      .stats-search input[type=number], 
      .stats-search input[type=tel], 
      .stats-search input[type=range], 
      .stats-search input[type=date], 
      .stats-search input[type=month], 
      .stats-search input[type=week], 
      .stats-search input[type=time], 
      .stats-search input[type=datetime], 
      .stats-search input[type=datetime-local], 
      .stats-search input[type=color], 
      .stats-search textarea{
           flex: 1;
        border: none;
        padding: 8px 16px;
        font-family: "Poppins", sans-serif;
        font-size: 15px;
        color: #2b2b3a;
        outline: none;
        background: #fff;
      }
      

      .stats-search input::placeholder {
        color: #a09bb8;
      }

      .stats-search button {
        background: #0b1321;
        color: #fff;
        border: none;
        padding: 8px 20px;
        font-size: 15px;
        cursor: pointer;
        transition: background 0.2s ease;
        display: flex;
        align-items: center;
        gap: 8px;
		  border-radius: 0 0 4px;
      }

      .stats-search button:hover {
        background: #6f65ad;
      }

@media (max-width: 900px) 
{
        .slide-content-pair {
          flex-direction: column;
          gap: 30px;
        }
        .slide-left,
        .slide-right {
          flex: 1 1 100%;
        }
        .stats-grid {
          grid-template-columns: 1fr 1fr;
        }
	#DataAssistance 
	{
    	margin-left: 1.4em;
    	margin-right: 1.4em;
	}
}

@media (max-width: 540px) 
{
    .grid-overlay .content 
	{
        padding: 14px;
    }
}

@media (max-width: 480px) 
{
	.site-main-header-inner-wrap
	{
		min-height: 66px;
	}
	.adm-panel 
	{
    	padding-top: 2em;
    	padding-bottom: 2em;
	}
	
	.rh-heading
	{
		line-height: 42px;
    	font-size: 30px;
	}
	.rh-badge
	{
		margin-bottom:0;
	}
	.rh-subtext
	{
		font-size: 15px;
		margin-bottom: 10px;
	}
	.slide-right
	{
		width: 98%;
        margin: 0 auto;
        text-align: center;
	}
	.stats-card-title
	{
		font-size:24px;
	}
	.stat-item
	{
		padding: 10px 10px;
	}
	.stat-row-full .stat-value,
	.stat-item .stat-value
	{
		font-size:22px;
	}
	.stat-row-full
	{
		margin-bottom:6px;
		padding: 12px 12px;
	}
    .stats-grid 
	{
       	gap: 6px;
    	margin-bottom: 15px;
		
    }
        .stat-row-full {
          flex-direction: column;
          align-items: flex-start;
          gap: 6px;
        }
        .stat-row-full .stat-label {
          text-align: left;
        }
}
     /* ---------- dots viewport (fixed width, hides overflow) ---------- */
.rh-dots {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  width: 130px;                /* fits ~5 dots comfortably */
  height: 24px;
  overflow: hidden;
  pointer-events: none;

  /* fade the edges so off-screen dots look elegant */
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    #000 20%,
    #000 80%,
    transparent 100%
  );
          mask-image: linear-gradient(
    90deg,
    transparent 0%,
    #000 20%,
    #000 80%,
    transparent 100%
  );
}

/* ---------- the sliding strip ---------- */
.rh-dots-track {
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  transform: translateX(0);
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
  margin-top: -10px;            /* vertically center (half of active dot height) */
}

/* ---------- dot styles ---------- */
.rh-dot {
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  background: #c7cad1;
  border: none;
  padding: 0;
  cursor: pointer;
  border-radius: 50%;
  pointer-events: auto;
  transition:
    width 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    height 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    background 0.3s ease,
    opacity 0.3s ease;
}

.rh-dot.is-active {
  width: 20px;
  height: 20px;
  background: #1a1a2e;
}

/* decorative duplicates (outside the "real" copy) — slightly faded */
.rh-dot.is-ghost {
  opacity: 0.55;
}

@media (max-width: 900px) {
  .rh-dots {
    bottom: 18px;
    width: 170px;
    height: 20px;
  }
  .rh-dots-track {
    gap: 10px;
    margin-top: -8px;
  }
  .rh-dot { width: 8px; height: 8px; }
  .rh-dot.is-active { width: 16px; height: 16px; }
} 
      
/*End ADM Slider CSS*/

/*Start Statements CSS*/
.statement-item {
        list-style: none;
        display: flex;
      }

      .statement-item article {
        display: flex;
        flex-direction: column;
        width: 100%;
        transition:
          transform 0.25s ease,
          box-shadow 0.25s ease;
		border: solid 1px #d7f1f9;
		background: #fff;
		box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.05);
		border-radius: 5px;
		position: relative;
		overflow: hidden;
      }

      .statement-item article:hover {
    transform: translateY(-1px);
    box-shadow: 0 15px 30px -25px rgba(10, 26, 43, 0.4);
}

      /* ===== THUMBNAIL ===== */
      .statement-thumbnail {
        display: block;
        position: relative;
        overflow: hidden;
        aspect-ratio: 16 / 10;
        background: #f7f4ee;
      }

      .statement-thumbnail img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        filter: saturate(0.9) contrast(1.02);
        transition: transform 0.4s ease;
      }

     .statement-item article:hover .statement-thumbnail img {
    transform: scale(1.01);
}

      /* ===== BADGE ON THUMBNAIL ===== */
      .statement-badge {
        position: absolute;
        bottom: 10px;
        left: 10px;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-size: 12px;
        letter-spacing: 0.1em;
        background: #b22222;
        color: #fff;
        padding: 4px 8px;
		border-radius: 5px;
        z-index: 2;
      }

      .statement-badge i {
        font-size: 0.65rem;
      }

      /* ===== CONTENT ===== */
      .statement-content {
        padding: 14px 15px 20px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
      }
	.statement-content h3
	{
		font-size: 18px;
		line-height: 22px;
    	letter-spacing: -0.2px;
	}

      /* Date + Ref row */
      .statement-dateline {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 6px;
      }

      .statement-dateline .statement-date 
	{
        font-size: 0.7rem;
        letter-spacing: 0.12em;
        color: #b22222;
      }


      .statement-content h2 
	{
        font-size: 1.15rem;
        font-weight: 700;
        color: #0a1a2b;
        margin-bottom: 12px;
        line-height: 1.35;
        letter-spacing: -0.01em;
      }

      .statement-content h2 a {
        color: inherit;
        text-decoration: none;
        transition: color 0.2s;
      }

      .statement-content h2 a:hover {
        color: #b22222;
      }

      /* Pull-quote style excerpt */
      .statement-excerpt {
        position: relative;
        padding-left: 14px;
		margin-top: 10px;
        margin-bottom: 16px;
        flex-grow: 1;
      }

      .statement-excerpt::before {
        content: "";
        position: absolute;
        left: 0;
        top: 4px;
        bottom: 4px;
        width: 3px;
        background: #c9a227;
      }

      .statement-excerpt p {
        font-family: "Playfair Display", serif;
        font-style: italic;
        font-size: 0.88rem;
        color: #1e2f44;
        line-height: 1.55;
        margin: 0;
      }

      /* Footer */
      .statement-footer {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding-top: 14px;
        border-top: 1px dashed #e2ddd2;
        margin-top: auto;
      }


      .statement-read-more {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-size: 0.68rem;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        font-weight: 700;
        color: #b22222;
        text-decoration: none;
        transition: gap 0.2s;
        align-self: flex-start;
      }

      .statement-read-more:hover {
        gap: 10px;
      }

      .statement-read-more svg {
        width: 14px;
        height: 14px;
      }

      /* ===== URGENT VARIANT ===== */
      .statement-item.urgent article {
        border-top-color: #0a1a2b;
        background: linear-gradient(to bottom, #fffefb, #fdfcf9);
      }

      .statement-item.urgent .statement-badge {
        background: #0a1a2b;
        color: white;
      }

      /* ===== CONDOLENCE VARIANT ===== */
      .statement-item.condolence article {
        border-top-color: #c9a227;
      }

      .statement-item.condolence .statement-badge {
        background: #c9a227;
        color: #0a1a2b;
      }

      .statement-item.condolence .statement-excerpt::before {
        background: #c9a227;
      }
      /*end statement CSS*/
:root {
    --c-main: #cc0000;
    --c-main-rgb: 204,0,0;
    --text-font: "Bitter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    --body-font: "Bitter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    --ui-font: "Open Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    --title-font: "Open Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    --h-font: "Open Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    --tertiary-font: "DM Serif Display", Georgia, serif;
    --main-width: 1280px;
    --c-p-meta-icons: var(--c-main);
    --excerpt-size: 12.50px;
    --post-content-gaps: 1.4em;

    --body-font: "Poppins", system-ui, sans-serif;
    --ui-font: var(--body-font);
    --text-font: var(--body-font);
    --title-font: var(--ui-font);
    --h-font: var(--ui-font);
    --text-size: 14px;
    --text-lh: 1.714;
    --main-width: 1200px;
    --grid-gutter: 20px;
    --wrap-padding: 35px;
    --boxed-pad: 45px;
    --sidebar-width: 33.3333333333%;
    --sidebar-c-width: var(--sidebar-width);
    --sidebar-pad: 38px;
    --sidebar-c-pad: var(--sidebar-pad);
    --c-sidebar-sep: var(--c-separator2);
    --max-width-md: 680px;
    --title-size-xs: 14px;
    --title-size-s: 16px;
    --title-size-n: 18px;
    --title-size-m: 20px;
    --title-size-l: 25px;
    --title-size-xl: 30px;
    --title-fw-semi: 600;
    --title-fw-bold: 700;
    --grid-p-title: var(--title-size-m);
    --grid-sm-p-title: var(--title-size-s);
    --grid-lg-p-title: var(--title-size-l);
    --list-p-title: calc(var(--title-size-m) * 1.05);
    --small-p-title: var(--title-size-xs);
    --feat-grid-title-s: var(--title-size-n);
    --feat-grid-title-m: var(--title-size-m);
    --feat-grid-title-l: var(--title-size-l);
    --excerpt-size: 15px;
    --post-content-size: 1.186rem;
    --post-content-lh: 1.7;
    --post-content-gaps: 1.54em;
    --single-content-size: var(--post-content-size);
    --p-media-margin: 1.867em;
    --p-spacious-pad: 0px;
    --c-facebook: #1a6dd4;
    --c-twitter: #55acef;
    --c-pinterest: #e4223e;
    --c-linkedin: #02669a;
    --c-tumblr: #44546b;
    --c-instagram: #c13584;
    --c-vk: #45668e;
    --c-vimeo: #1ab7ea;
    --c-youtube: #f00;
    --c-dribbble: #ea4c89;
    --c-flickr: #0063dc;
    --c-email: #080808;
    --c-whatsapp: #23c761;
    --c-soundcloud: #f80;
    --c-rss: #f97d1e;
    --c-reddit: #ff4500;
    --c-telegram: #08c;
    --c-tiktok: #fe2c55;
    --c-discord: #5865f2;
    --c-twitch: #7b3ed6;
    --c-snapchat: #fffc00;
    --c-threads: #000;
    --c-mastodon: #6364ff;
    --c-spotify: #1db954;
    --c-bluesky: #1285fe;
    --block-wrap-mb: 55px;
    --btn-height: 38px;
    --btn-shadow: 0 2px 7px -4px rgba(0,0,0,.16);
}

@media (max-width: 767px) {
    :root {
        --block-wrap-mb: 45px;
    }
}

.post-title {
    color: var(--c-headings);
    font-family: var(--title-font);
    line-height: 1.36;
}

.post-title a {
    --c-links: initial;
    --c-a: initial;
    --c-a-hover: var(--c-main);
    color: #161616;
    display: block;
    text-decoration: none;
    transition: color 0.2s ease;
}

.post-title a:hover {
    color: #cc0000;
}
.adm-bg-gradient {
    background-color: transparent;
    background-image: linear-gradient(130deg, #CC0000 0%, #0C0C0C 64%);
}
.adm_opinion {
    background: #F6F8FA;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #DBE2EC;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 15px 15px 15px 15px;
}

@keyframes ts-spinner-scale {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.lazyload, .lazyloading {
    will-change: opacity !important;
    background-color: var(--c-contrast-150);
}

.lazyload:not(._), .lazyloading:not(._) {
    opacity: .1;
}

.no-display {
    will-change: opacity;
    opacity: 0;
}

.lazyloaded, .appear {
    will-change: initial;
    opacity: 1;
}

.wp-post-image, .post-content img, .appear, .lazyload, .lazyloading {
    transition: opacity .3s ease-in-out;
}

@media (min-width: 941px) {
    .wp-post-image, .post-content:hover img {
        will-change: opacity;
    }
}

:where(.ts-img-hov-fade) .wp-post-image:hover {
    opacity: .85;
}

:where(.ts-img-hov-saturate) .wp-post-image {
    transition-property: filter;
}

:where(.ts-img-hov-saturate) .wp-post-image:hover {
    filter: brightness(1.08);
}

.bg-cover {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

@keyframes fade-in {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes bouncedelay {
    0%, 80%, 100% { transform: scale(0); }
    40% { transform: scale(1); }
}

@keyframes fade-in-up {
    from {
        opacity: 0;
        transform: translate3d(0, var(--fade-transform), 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fade-in-up-lg {
    from {
        opacity: 0;
        transform: translate3d(0, 8px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fade-in-down-lg {
    from {
        opacity: 0;
        transform: translate3d(0, -8px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fade-in:not(._) {
    visibility: visible;
    opacity: 1;
}

.fade-in-up {
    --fade-transform: 2px;
    will-change: transform;
    animation: .5s fade-in-up ease-out;
    animation-fill-mode: both;
}

.fade-in-up-lg {
    will-change: transform;
    animation: .65s fade-in-up-lg ease-out;
    animation-fill-mode: both;
}

.fade-in-down-lg {
    will-change: transform;
    animation: .65s fade-in-down-lg ease-out;
    animation-fill-mode: both;
}

.media-ratio {
    position: relative;
    display: block;
    height: 0;
}

.media-ratio .wp-post-image, .media-ratio > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--media-radius, 0);
}

.media-ratio.ratio-4-3 {
    padding-bottom: 75%;
}

.media-ratio.ratio-3-2 {
    padding-bottom: 66.6666666667%;
}

.media-ratio.ratio-16-9 {
    padding-bottom: 56.25%;
}

.ts-contain, .wrap, .main-wrap {
    max-width: 100%;
    box-sizing: border-box;
}

.ts-contain, .wrap {
    width: 100%;
    margin: 0 auto;
}

.grid {
    display: grid;
    grid-column-gap: var(--grid-gutter);
    grid-row-gap: var(--grid-row-gap, 0);
}

@media (max-width: 767px) {
    .grid {
        --grid-gutter: 26px;
    }
}

.cols-gap-sm {
    --grid-gutter: 20px;
}

.grid-1 {
    --col: 100%;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-2 {
    --col: 50%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-3 {
    --col: 33.3333333333%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-4 {
    --col: 25%;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-5 {
    --col: 20%;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (max-width: 940px) {
    .md\:grid-1 {
        --col: 100%;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .md\:grid-2 {
        --col: 50%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .sm\:grid-1 {
        --col: 100%;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

@media (max-width: 540px) {
    .xs\:grid-1 {
        --col: 100%;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.column {
    width: 100%;
}

.column, [class^=col-], [class*=" col-"] {
    flex: 0 0 auto;
    padding-left: var(--grid-gutter-h);
    padding-right: var(--grid-gutter-h);
}

@media (max-width: 940px) {
    .column, [class^=col-], [class*=" col-"] {
        width: 100%;
    }
}

.main-featured .row.appear {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
}

@keyframes slider-fade-in {
    from {
        opacity: 0;
        transform: translate3d(0, 0px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

html :where([style*=border-width]) {
    border-style: solid;
}

p img, figure img {
    vertical-align: middle;
}

.post-meta {
    --p-meta-sep: "—";
    display: flex;
    flex-direction: column;
    margin-bottom: var(--p-meta-mb, initial);
    font-family: var(--ui-font);
    font-size: 12px;
    color: var(--c-post-meta);
    line-height: 1.5;
	padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 14px;
}

.post-meta-items a {
    color: inherit;
}

.post-meta .meta-item:before {
    content: "—";
    content: var(--p-meta-sep);
    padding: 0 var(--p-meta-sep-pad, 4px);
    display: inline-block;
    transform: scale(.916);
}

.post-meta .has-icon {
    white-space: nowrap;
}

.post-meta .has-icon:before {
    display: none;
}

.post-meta .has-icon i {
    font-size: var(--p-meta-icons-s, 1.083em);
    color: var(--c-p-meta-icons);
    margin-right: 4px;
}

.post-meta .has-next-icon {
    margin-right: var(--p-meta-icons-mr, 10px);
}

.post-meta .has-next-icon:not(.has-icon) {
    margin-right: 18px;
}

.post-meta .meta-item:first-child:before {
    display: none;
}

.post-meta .post-title {
    margin: var(--p-title-space, 9px) 0;
}

.post-meta .post-cat {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.post-meta .post-cat > a {
    padding: 0;
    color: var(--c-main);
    font-weight: 500;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-decoration: none;
    font-family: var(--tertiary-font);
    font-size: 12px;
    font-weight: 600;
    text-transform: initial;
}

.post-meta .post-cat > a:hover {
    opacity: .8;
}

.post-meta .post-cat a + a:before {
    content: "•";
    display: inline-flex;
    padding: 0 6px;
    font-size: .9em;
    font-weight: 400;
    line-height: 1;
}

.post-meta .post-author > a {
    color: var(--c-contrast-850);
    font-weight: 500;
}

.post-meta .post-author img {
    display: inline-flex;
    vertical-align: middle;
    border-radius: 50%;
    align-self: center;
    box-shadow: 0 0 1px rgba(0, 0, 0, .2);
}

.post-meta .post-author img + img {
    margin-left: -3px;
}

.post-meta .post-author img:last-of-type {
    margin-right: var(--p-meta-author-img-mr, 7px);
}

.post-meta .cat-labels {
    display: inline-flex;
    margin-bottom: -5px;
}

.post-meta .cat-labels .category {
    display: inline-flex;
    margin-bottom: 6px;
}

.post-meta .meta-item + .cat-labels {
    vertical-align: middle;
    margin-left: 8px;
}

.post-meta .meta-item + .cat-labels:before {
    content: "";
}

.post-meta .cat-labels + .meta-item:before {
    content: "";
    margin-left: 3px;
}

.post-meta > :last-child {
    margin-bottom: 0;
}

.post-meta > :first-child {
    margin-top: 0;
}

.post-meta > .is-title:last-child {
    margin-bottom: 0 !important;
}

.post-meta > .is-title:first-child {
    margin-top: 0 !important;
}

.load-button.loading {
    cursor: default;
}

.grid-overlay {
    width: 100%;
    height: 100%;
}

.grid-overlay .content-wrap {
    display: flex;
    pointer-events: none;
}

.grid-overlay:before, .grid-overlay .content-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grid-overlay:before {
    pointer-events: none;
    z-index: 1;
    transition: .25s ease-in;
    will-change: opacity;
    border-radius: var(--media-radius, 0);
}

.grid-overlay .media {
    width: 100%;
    height: 100%;
}

.grid-overlay .media .image-link, .grid-overlay .media .wp-post-image {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.grid-overlay .media .wp-post-image {
    object-fit: cover;
    pointer-events: none;
    transition: opacity .3s ease-in-out, transform .75s cubic-bezier(.25, .46, .45, .94);
    will-change: initial;
}

.grid-overlay .content {
    position: relative;
    pointer-events: none;
    z-index: 1;
    box-sizing: border-box;
    padding: var(--g-overlay-content-pad, 24px);
    align-self: flex-end;
    width: 100%;
}


.grid-overlay .content a {
    pointer-events: auto;
}

.grid-overlay .post-title {
    margin: 10px 0;
    line-height: 1.4;
}

.grid-overlay .post-meta {
    margin-bottom: 0;
}


.grid-overlay .post-meta .post-author a {
    color: inherit;
    font-weight: inherit;
}

.grid-overlay .post-meta > :last-child {
    margin-bottom: 0;
}

.grid-overlay .is-title a:hover {
    opacity: .9;
}

.grid-overlay .meta-contrast {
    color: var(--c-overlay-text, #efefef);
}

.grid-overlay .meta-contrast a, .grid-overlay .meta-contrast .meta-item, .grid-overlay .meta-contrast time {
    color: inherit;
}

.grid-overlay .meta-contrast .post-title {
    color: var(--c-overlay-title, #fff);
    text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
}

.grid-overlay-a 
{
    --grad-opacity: .85;
    --grad-color: rgba(0, 0, 0, var(--grad-opacity));
	position: relative;
    border-radius: 4px;
    background: #0b1321;
    overflow: hidden;
    display: flex;
    flex-direction: column;
	
	border: solid 1px #d7f1f9;
    background: #fff;
    box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
	
}

.grid-overlay-a:before {
    content: "";
    background: linear-gradient(transparent 35%, var(--grad-color) 100%);
    opacity: .9;
}

.grid-overlay-a:hover:before {
    opacity: 1;
}

.l-post .media 
{
    position: relative;
    align-self: flex-start;
    overflow: hidden;
	width:100%;
	display:block;
	
	
}
.l-post .media .video-link
{
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.l-post .media .video-link img
{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.video-label
{
	position: relative;
    z-index: 10;
    padding: 10px 12px 14px;
    background: #fff;
}

.l-post .content {
    position: relative;
}

.l-post img {
    max-width: initial;
}

.l-post .image-link {
    display: block;
    position: relative;
    max-width: 100%;
}

.l-post .post-title {
    font-size: var(--title-size-m);
    font-weight: var(--title-fw-bold);
}

@media (max-width: 540px) {
    .l-post .post-title a {
        display: initial;
    }
}

.l-post .excerpt {
    margin-top: var(--excerpt-mt, 16px);
    color: var(--c-excerpts);
    font-size: var(--excerpt-size);
    line-height: var(--excerpt-lh, 1.6);
    word-break: break-all;
    word-break: break-word;
    overflow-wrap: break-word;
    font-family: var(--body-font);
    font-weight: 500;
}

.l-post .excerpt p:last-of-type {
    margin-bottom: 0;
}

.has-nums .l-post {
    --num-width: 40px;
}

.has-nums .l-post .content {
    padding-left: var(--num-c-pad, var(--num-width));
}

.has-nums-a .l-post .post-title:before, .has-nums .l-post .content:before {
    content: counter(ts-loop);
    counter-increment: ts-loop;
    position: absolute;
    top: 0;
    left: 0;
    width: var(--num-width);
    height: var(--num-height, auto);
    border-radius: var(--num-b-radius, 0);
    background: var(--num-bg);
    font-family: var(--num-font, Arial, sans-serif);
    line-height: var(--num-l-height, 1);
    font-size: var(--num-f-size, 37px);
    text-align: var(--num-align, initial);
    font-weight: bold;
    color: var(--num-color, var(--c-contrast-200));
}

.has-nums-a .l-post .post-title:before, .has-nums-b .l-post .content:before {
    font-size: 20px;
}

.has-nums-c .l-post .post-title:before, .has-nums-c .l-post .content:before {
    font-size: 18px;
}

.has-nums-c .l-post {
    --num-c-pad: 44px;
    --num-f-size: 22px;
    --num-height: 30px;
    --num-width: 30px;
    --num-l-height: 30px;
    --num-bg: var(--c-main);
    --num-color: #fff;
    --num-b-radius: 50%;
    --num-align: center;
}

.has-nums:not(.has-nums-c) {
    --num-color: var(--c-main);
}

.l-post .c-overlay {
    position: absolute;
    bottom: 0;
    z-index: 1;
}

.l-post .c-overlay.p-bottom-left
{
	bottom:10px;
	left: 10px;
}
.l-post .c-overlay.p-top-center {
    top: 0;
    bottom: auto;
}

.l-post .c-overlay.p-center {
    margin: 0;
    top: 50%;
    left: 50%;
    bottom: initial;
    transform: translate(-50%, -50%);
}

.l-post .format-overlay {
    --size: calc(42px * var(--post-format-scale, 1.096));
    width: var(--size);
    height: var(--size);
    font-size: calc(var(--size) * .405);
    margin: calc(1% + 5px);
    pointer-events: none;
    border-radius: 50%;
    border: 2px solid #fff;
    border-width: clamp(1px, .12em, 5px);
    color: #fff;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .15);
    background: rgba(0, 0, 0, .35);
    display: flex;
    justify-content: center;
    align-items: center;
}

.l-post .format-video i {
    letter-spacing: -.28em;
}

.l-post .review {
    font-family: var(--ui-font);
}

.l-post .review-radial {
    position: absolute;
    top: 0;
    right: 0;
    bottom: initial;
    margin: calc(1% + 5px);
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    text-align: center;
    pointer-events: none;
}

.l-post .review-radial svg, .l-post .review-radial .counter {
    grid-row: 1/1;
    grid-column: 1/1;
}

.l-post .review-radial .counter {
    font-weight: 600;
    font-size: 13px;
    color: #fff;
}

.l-post .review-radial .percent:after {
    content: "%";
    font-size: .7em;
    margin-left: 1px;
}

.l-post .review-number {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #080808;
    height: 32px;
    line-height: 32px;
    min-width: 30px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #efefef;
}

.l-post .review-number span {
    display: block;
    position: relative;
    z-index: 1;
}

.l-post .review-number .progress {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--c-main);
    height: 100%;
    width: 0;
}

.l-post .progress-radial circle {
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    stroke: rgba(255, 255, 255, .15);
    fill: rgba(0, 0, 0, .2);
}

.l-post .progress-radial .progress {
    stroke: var(--c-main);
    stroke-linecap: round;
}

@media (max-width: 540px) {
    .l-post .post-meta-items a {
        pointer-events: none;
    }
    .touch .l-post .post-meta-items a {
        pointer-events: auto;
    }
}

.grid-post .media {
    margin-bottom: 14px;
}

.grid-post .media:last-child {
    margin-bottom: 0;
}

.grid-post .image-link {
    width: 100%;
}

.grid-post .post-title {
    font-size: var(--grid-p-title);
}

.grid-sm-post .image-link {
    width: 100%;
}

.grid-sm-post .post-title {
    font-size: var(--grid-sm-p-title);
    margin-top: 11px;
}

.list-post {
    display: flex;
    width: 100%;
    --list-p-content-pad: 5px 0;
    --list-p-media-width: 26%;
    --list-p-media-max-width: 85%;
}

@media (max-width: 767px) {
    .list-post {
        --list-p-content-pad: 3px 0;
        --list-p-media-width: 40%;
    }
}

.adm-l .media {
    --list-p-media-max-width: 530px;
}

.adm-l .list-post {
    --list-p-media-width: 26%;
    --list-p-media-max-width: 85%;
}

.adm-l .loop {
    --grid-row-gap: 10px;
}

.adm-l .list-post .post-title {
    font-size: 13px;
}

.adm-l .l-post {
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #F4C4C4;
    background-color: #F6F8FA;
}

.media {
    --list-p-media-max-width: 530px;
}

.list-post .media {
    display: block;
    max-width: var(--list-p-media-max-width, 60%);
    width: var(--list-p-media-width, 38%);
    margin-right: var(--list-p-media-margin, 25px);
    flex-shrink: 0;
}

@media (max-width: 540px) {
    .list-post .media {
        min-width: 100px;
        margin-right: var(--list-p-media-margin, 16px);
    }
}

.list-post .post-title {
    font-size: var(--list-p-title);
}

@media (max-width: 540px) {
    .list-post .post-title {
        font-size: calc(14px + (var(--list-p-title) - 14px) * .4);
    }
}

@media (max-width: 540px) {
    .list-post:not(.grid-on-sm) .image-link {
        padding: 0;
        height: 10vh;
        min-height: 100px;
        width: auto;
    }
}

@media (max-width: 540px) {
    .list-post:not(.grid-on-sm) .cat-labels {
        display: none;
    }
}

@media (max-width: 540px) {
    .list-post:not(.grid-on-sm) .excerpt, .list-post:not(.grid-on-sm) .read-more-link {
        display: none;
    }
}

@media (max-width: 540px) {
    .list-post-on-sm:has(.cat-labels) .post-title {
        margin-top: 0;
    }
}

.list-post .content {
    padding: var(--list-p-content-pad);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.list-post-v-center .content {
    justify-content: center;
}

.list-post.m-pos-right .media {
    order: 3;
    margin-right: 0;
    margin-left: var(--list-p-media-margin, 30px);
}

@media (max-width: 540px) {
    .list-post.m-pos-right .media {
        margin-left: var(--list-p-media-margin, 20px);
    }
}

@media (max-width: 767px) {
    .list-post.grid-on-sm {
        --list-p-content-pad: 0;
        flex-direction: column;
    }
    .list-post.grid-on-sm .media {
        order: initial;
        width: 100%;
        max-width: 100%;
        margin: 0;
        margin-bottom: 18px;
    }
}

.small-post {
    display: flex;
    width: 100%;
    --post-format-scale: .82;
}

.small-post .p-meta-b {
    margin-top: 9px;
}

.small-post .post-title {
    font-size: var(--small-p-title);
    font-weight: var(--title-fw-semi);
    line-height: 1.43;
}

.small-post .media {
    display: block;
    width: 110px;
    max-width: 40%;
    margin-right: 18px;
    flex-shrink: 0;
}

.small-post .media img {
    display: block;
}

.small-post .content {
    margin-top: 2px;
    flex-grow: 1;
}

.small-post .review-number {
    height: 26px;
    line-height: 26px;
    min-width: 26px;
}

.small-post .post-meta .main-stars {
    font-size: 15px;
}

.small-post .review-radial {
    transform: scale(.85);
    margin: 0;
}

.small-post.m-pos-right .media {
    order: 2;
    margin-right: 0;
    margin-left: 18px;
}

.overlay-post {
    position: relative;
}

.overlay-post .content {
    padding: calc(12px + 1.4%);
}

.overlay-post .post-title {
    margin: 12px 0;
}

.overlay-post .image-link {
    width: 100%;
}

.loop.has-nums {
    counter-reset: ts-loop;
}

.loops-mixed + .loops-mixed {
    margin-top: 40px;
}

.loop-sep-col {
    overflow: hidden;
}

.loop-sep-col .l-post {
    position: relative;
}

.loop-sep-col .l-post:before {
    content: "";
    position: absolute;
    top: 0;
    height: calc(100% + var(--grid-row-gap));
    right: calc(-1px - var(--grid-gutter) / 2);
    border-right: 1px solid var(--c-separator);
}

.loop-sep {
    overflow: hidden;
}

.loop-sep .l-post:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    bottom: calc(var(--grid-row-gap) / 2 * -1);
    border-bottom: 1px solid var(--c-separator);
}

.loop-grid {
    --grid-row-gap: 36px;
}

.loop-grid .l-post .image-link {
    overflow: hidden;
}

.loop-grid-sm 
{
    --grid-row-gap: 20px;
	
}

.loop-list {
    --grid-row-gap: 35px;
}

.loop-list .l-post {
    position: relative;
}

.loop-list-sep {
    --grid-row-gap: 52px;
}

.loop-small {
    --grid-row-gap: 25px;
}

.loop-small .l-post {
    position: relative;
}

.loop-small-sep {
    --grid-row-gap: 32px;
}

.loop-overlay {
    --grid-row-gap: 26px;
}

.block-highlights .loop-small {
    margin-top: 26px;
}
.loop-grid .grid-sm-post
{
	border: solid 1px #d7f1f9;
	background: #fff;
	box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
    position: relative;
    overflow: hidden;
}

@media (max-width: 767px) 
{
    .block-highlights .grid-post:nth-child(odd):last-child 
	{
        grid-column: span 2;
    }
}

.base-text {
    font-family: var(--text-font);
    font-size: var(--text-size);
    line-height: var(--text-lh);
    text-rendering: optimizeLegibility;
}

.block-head {
    --line-weight: 1px;
    --c-border: var(--c-separator2);
    --space-below: 26px;
    --c-block: var(--c-main);
    display: flex;
    flex-wrap: nowrap;
    font-family: var(--ui-font);
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-below);
}

.block-head .heading {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--c-block);
    flex-shrink: 0;
    max-width: 100%;
    font-family: Bitter, serif;
}

.block-head .heading a {
    color: inherit;
}

.block-head .heading .arrow {
    margin-left: 5px;
    transform: scale(1.4) translatey(-5%);
}

.block-head .view-link {
    order: 5;
    display: flex;
    align-items: center;
    margin-left: 15px;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    color: var(--c-contrast-400);
	text-decoration: none;
	letter-spacing: 1px;
}

.block-head .view-link:hover {
    color: var(--c-links);
}

.block-head .view-link .arrow {
    margin-left: 7px;
    font-size: 15px;
}

/*
.block-head .filters .active {
    color: var(--c-block);
}

.block-head-ac {
    --c-block: var(--c-contrast-900);
}

.block-head-b {
    --space-below: 28px;
}

.block-head-d .filters .active {
    color: var(--c-contrast-900);
}

.block-head-b .heading {
    font-size: 18px;
    font-weight: bold;
    text-transform: initial;
    letter-spacing: -0.03em;
}

.block-head-b {
    --space-below: 15px;
}

.block-head-h .heading {
    font-weight: bold;
    text-transform: initial;
    letter-spacing: -0.03em;
}

.block-head-h {
    --space-below: 15px;
    --border-weight: 2px;
} */

.cat-labels {
    line-height: 0;
}

.cat-labels-overlay {
    position: absolute;
    bottom: 0;
    z-index: 1;
    display: block;
    max-width: 90%;
    max-width: calc(100% - 14px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cat-labels a, .cat-labels .category {
    display: inline-flex;
    background: var(--c-main);
    margin-right: var(--cat-label-mr, 5px);
    padding: 0 8px;
    color: #fff;
    border-radius: 4px;
    font-family: var(--ui-font);
    font-weight: 500;
    letter-spacing: .03em;
    line-height: 22px;
	padding-bottom: 2px;
    text-decoration: none;
	font-size:12px;
	letter-spacing: 0.1em;
}

.cat-labels a:hover, .cat-labels .category:hover {
    background: var(--hover-bg, var(--c-main));
    color: #fff;
    filter: contrast(1.2);
}

/* .cat-labels a:last-child, .cat-labels .category:last-child {
    margin-right: 0;
} */

.cat-labels .category {
    font-family: var(--tertiary-font);
    font-size: 14px;
    letter-spacing: 0.08em;
}



.post-meta .post-cat > a {
    font-size: 12px;
}

.s-dark .post-meta .post-cat > a {
    color: #ff5b5b;
}

.read-more-btn {
    font-size: 11px;
    font-weight: 600;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 14px;
    padding-right: 14px;
}

.load-button {
    font-size: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
}

.loop-grid .ratio-is-custom {
    padding-bottom: calc(100% / 1.6);
}

.loop-grid-base .post-title {
    font-size: 24px;
}

.loop-grid-sm .post-title {
    font-size: 16px;
	font-weight: 600;
}

.loop-list .ratio-is-custom {
    padding-bottom: calc(100% / 1.6);
}

.loop-overlay .post-title {
    font-size: 17px;
}

.loop-small .media {
    margin-right: 12px;
}

.loop-small .post-title {
    font-size: 13px;
}

.loop-small .media:not(i) {
    max-width: 86px;
}

.entry-content {
    line-height: 1.75;
}

.site-s-light .entry-content {
    color: #282828;
}

:where(.entry-content) a {
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
    text-decoration-thickness: 1px;
}

:where(.s-light .entry-content) a {
    text-decoration-color: rgba(10, 10, 10, 0.17);
}

.entry-content p {
    --post-content-gaps: 1.4em;
}

.post-share-b:not(.is-not-global) {
    --service-height: 34px;
    --service-width: 40px;
    --service-min-width: initial;
    --service-gap: 5px;
    --service-b-radius: 2px;
}

.post-share-b:not(.is-not-global) .service i {
    font-size: 17px;
}

.s-head-modern .sub-title {
    font-size: 16px;
}

.site-s-light .s-head-modern .sub-title {
    color: #545454;
}

.s-post-modern .post-content-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}

.s-post-modern .entry-content {
    max-width: min(100%, calc(720px + var(--p-spacious-pad) * 2));
    justify-self: center;
}

.category .feat-grid {
    --grid-gap: 2px;
}

.spc-social {
    display: flex;
    align-items: center;
}

.spc-social .icon {
    font-size: var(--spc-social-fs, 14px);
    line-height: 1.6;
    width: 1.2em;
    text-align: center;
}

.spc-social .service {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
    margin-right: var(--spc-social-space, 2px);
    color: var(--c-spc-social, inherit);
    background: var(--c-spcs-bg, transparent);
}

.spc-social .service:hover {
    opacity: var(--spcs-hov-opacity, .8);
    color: var(--c-spc-social-hov, var(--c-main));
}

.spc-social .service:last-child {
    margin-right: 0;
}

.spc-social-b {
    --spc-social-fs: 19px;
    --spc-social-size: 38px;
    --spc-social-space: 9px;
}

.spc-social-b .icon {
    line-height: 1;
    width: auto;
}

.spc-social-b .service {
    padding: 0;
    width: var(--spc-social-size);
    height: var(--spc-social-size);
    border: 1px solid rgba(0, 0, 0, .09);
    border-radius: 50%;
}

.s-dark .spc-social-b .service {
    background: rgba(var(--c-rgba), .12);
    background: var(--c-spcs-bg, rgba(var(--c-rgba), .12));
}

.spc-social-block {
    flex-wrap: wrap;
    margin-bottom: calc(-1 * var(--spc-social-space, 2px));
}

.spc-social-block .service {
    margin-bottom: var(--spc-social-space, 2px);
}

.adm-gradient {
    background-color: transparent;
    background-image: linear-gradient(130deg, #CC0000 0%, #0C0C0C 64%);
}

/* .adm-text-white .post-title a {
    color: #fff;
} */

.adm-padding-y {
    padding: 20px 0px;
}

.adm-boder-y {
    border-width: 1px 0px 1px 0px;
    border-color: #dbe2ec;
    border-style: solid;
}

.adm-bg {
    background-color: #13181D;
}

.adm-grid-base.loop-grid-base .post-title {
    font-size: 14px;
}

.adm-content-padding-x {
    padding: 0px 8px;
}

.adm-loop {
    --grid-gutter: 2px;
}

.border-top {
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #0077B6;
}

.adm-mt {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 36px 0px 0px 10px;
    --e-column-margin-right: 0px;
    --e-column-margin-left: 10px;
}

@font-face {
    font-family: "ts-icons";
    src: url("./assets/fonts/ts-icons.woff2?v3.2") format("woff2"), url("./assets/fonts/ts-icons.woff?v3.2") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.tsi {
    display: inline-block;
    font: normal normal normal 14px/1 ts-icons;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.tsi-spin {
    -webkit-animation: tsi-spin 2s infinite linear;
    animation: tsi-spin 2s infinite linear;
}

@-webkit-keyframes tsi-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes tsi-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

            .tsi-twitter:before {
                content: "";
            }

            .tsi-tiktok:before {
                content: "";
            }

            .tsi-clock:before {
                content: "";
            }

            .tsi-music:before {
                content: "";
            }

            .tsi-search:before {
                content: "";
            }

            .tsi-envelope-o:before {
                content: "";
            }

            .tsi-close:before {
                content: "";
            }

            .tsi-times:before {
                content: "";
            }

            .tsi-picture-o:before {
                content: "";
            }

            .tsi-play:before {
                content: "";
            }

            .tsi-chevron-left:before {
                content: "";
            }

            .tsi-chevron-down:before {
                content: "";
            }

            .tsi-facebook:before {
                content: "";
            }

            .tsi-angle-left:before {
                content: "";
            }

            .tsi-angle-right:before {
                content: "";
            }

            .tsi-instagram:before {
                content: "";
            }

            .tsi-pinterest-p:before {
                content: "";
            }

            .tsi-whatsapp:before {
                content: "";
            }

            .tsi-vimeo:before {
                content: "";
            }
/* About , Contact , What WE Do CSS */

      /* ===== SECTION HEADER ===== */
      .page-header {
        text-align: center;
        margin-bottom: 56px;
        padding-bottom: 32px;
        border-bottom: 1px solid #e2ddd2;
        position: relative;
      }

      .page-header.has-decoration::after  {
        content: "❖";
        position: absolute;
        bottom: -11px;
        left: 50%;
        transform: translateX(-50%);
        background: #fdfcf9;
        padding: 0 14px;
        color: #b22222;
        font-size: 1rem;
      }

      .page-header .kicker {
        font-size: 0.78rem;
        text-transform: uppercase;
        letter-spacing: 0.3em;
        color: #b22222;
        font-weight: 700;
        margin-bottom: 14px;
      }

      .page-header h1 {
/*         font-family: "Playfair Display", serif; */
        font-size: 2.8rem;
        font-weight: 800;
/*         letter-spacing: -0.02em; */
        color: #0a1a2b;
        margin-bottom: 14px;
        line-height: 1.15;
      }

      .page-header p {
        font-size: 1.05rem;
        color: #6b7280;
        max-width: 680px;
        margin: 0 auto;
      }

      /* ===== ABOUT LAYOUT ===== */
      .about-lead {
        display: grid;
        grid-template-columns: 1.1fr 1fr;
        gap: 48px;
        align-items: center;
        margin-bottom: 64px;
      }

      .about-lead .lead-text .drop-cap::first-letter {
        font-family: "Playfair Display", serif;
        font-size: 4rem;
        font-weight: 800;
        float: left;
        line-height: 0.85;
        padding: 6px 12px 0 0;
        color: #b22222;
      }

      .about-lead h2 {
        font-family: "Playfair Display", serif;
        font-size: 1.9rem;
        font-weight: 700;
        color: #0a1a2b;
        margin-bottom: 18px;
        letter-spacing: -0.01em;
      }

      .about-lead p {
        color: #1e2f44;
        margin-bottom: 18px;
        font-size: 1rem;
      }


      .about-figure img {
        width: 100%;
        display: block;
        filter: saturate(0.92) contrast(1.02);
		  border-radius: 8px;
      }


      

      /* ===== EDITORIAL STATS ===== */
      .stats-strip {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        margin-bottom: 64px;
		background: #f0f8ff;
		border-radius: 4px;
      }

      .stat-cell {
        padding: 28px 16px;
        text-align: center;
      }

      .stat-cell:last-child {
        border-right: none;
      }

      .stat-cell .num {
        font-family: "Playfair Display", serif;
        font-size: 2.2rem;
        font-weight: 800;
        color: #b22222;
        line-height: 1;
      }

      .stat-cell .lbl {
        font-size: 0.72rem;
        text-transform: uppercase;
        letter-spacing: 0.14em;
        color: #6b7280;
        margin-top: 8px;
        font-weight: 600;
      }

      /* ===== MILESTONES / TIMELINE ===== */
      .milestones {
        margin-bottom: 24px;
      }

      .milestones h2 {
        font-family: "Playfair Display", serif;
        font-size: 1.9rem;
        text-align: center;
        margin-bottom: 40px;
        color: #0a1a2b;
      }

      .timeline {
        position: relative;
        max-width: 780px;
        margin: 0 auto;
        padding-left: 40px;
        border-left: 2px solid #e2ddd2;
      }

      .timeline-item {
        position: relative;
        padding-bottom: 36px;
      }

      .timeline-item:last-child {
        padding-bottom: 0;
      }

      .timeline-item::before {
        content: "";
        position: absolute;
        left: -49px;
        top: 6px;
        width: 16px;
        height: 16px;
        background: #fdfcf9;
        border: 3px solid #b22222;
        border-radius: 50%;
      }

      .timeline-item .year {
        font-family: "Playfair Display", serif;
        font-size: 1.3rem;
        font-weight: 800;
        color: #b22222;
        margin-bottom: 6px;
      }

      .timeline-item h4 {
        font-size: 1.05rem;
        font-weight: 700;
        color: #0a1a2b;
        margin-bottom: 6px;
      }

      .timeline-item p {
        font-size: 0.93rem;
        color: #6b7280;
      }

      /* ===== HOW WE WORK / PRINCIPLES ===== */
      .principles {
        margin-top: 56px;
        margin-bottom: 24px;
      }

      .principles > h2 {
        font-family: "Playfair Display", serif;
        font-size: 1.9rem;
        text-align: center;
        margin-bottom: 40px;
        color: #0a1a2b;
      }

      .principles-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
      }

      .principle {
        background: white;
        border: 1px solid #e2ddd2;
        border-top: 4px solid #b22222;
        padding: 32px 26px;
        transition:
          transform 0.2s,
          box-shadow 0.2s;
      }

      .principle:hover {
        transform: translateY(-5px);
        box-shadow: 0 18px 36px -20px rgba(10, 26, 43, 0.35);
      }

      .principle i {
        font-size: 1.6rem;
        color: #b22222;
        margin-bottom: 16px;
        display: block;
      }

      .principle h3 {
        font-family: "Playfair Display", serif;
        font-size: 1.25rem;
        font-weight: 700;
        margin-bottom: 10px;
        color: #0a1a2b;
      }

      .principle p {
        font-size: 0.92rem;
        color: #6b7280;
      }

      /* ===== CONTACT ===== */
      .contact-layout {
        display: grid;
        grid-template-columns: 1fr 1.25fr;
        gap: 48px;
      }

      .contact-side {
        padding-right: 48px;
      }

      .contact-side h2 {
        font-family: "Playfair Display", serif;
        font-size: 1.7rem;
        margin-bottom: 22px;
        color: #0a1a2b;
      }

      .contact-block {
        margin-bottom: 28px;
        padding-bottom: 24px;
        border-bottom: 1px dashed #e2ddd2;
      }

      .contact-block:last-child {
        border-bottom: none;
      }

      .contact-block h4 {
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.16em;
        color: #b22222;
        font-weight: 700;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        gap: 8px;
      }

      .contact-block p {
        font-size: 0.96rem;
        color: #1e2f44;
      }

      .contact-block a {
        color: #1e2f44;
        text-decoration: none;
        border-bottom: 1px solid #e2ddd2;
      }

      .contact-block a:hover {
        color: #b22222;
        border-bottom-color: #b22222;
      }

      

      /* ===== FAQ ===== */
      .faq-section {
        margin-top: 24px;
      }

      .faq-section h2 {
        font-family: "Playfair Display", serif;
        font-size: 1.7rem;
        text-align: center;
        margin-bottom: 36px;
        color: #0a1a2b;
      }

      .faq-item {
        background: white;
        border: 1px solid #e2ddd2;
        margin-bottom: 12px;
      }

      .faq-item summary {
        cursor: pointer;
        padding: 18px 22px;
        font-weight: 600;
        font-size: 1rem;
        color: #0a1a2b;
        list-style: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
        transition: color 0.2s;
      }

      .faq-item summary::-webkit-details-marker {
        display: none;
      }

      .faq-item summary::after {
        content: "+";
        font-family: "Playfair Display", serif;
        font-size: 1.4rem;
        color: #b22222;
        font-weight: 700;
        transition: transform 0.2s;
      }

      .faq-item[open] summary::after {
        content: "−";
      }

      .faq-item summary:hover {
        color: #b22222;
      }

      .faq-item .faq-answer {
        padding: 0 22px 20px;
        font-size: 0.93rem;
        color: #6b7280;
        border-top: 1px dashed #e2ddd2;
        padding-top: 16px;
        margin-top: 0;
      }

      /* ===== FORM ===== */
      .contact-form h2 {
        font-family: "Playfair Display", serif;
        font-size: 1.7rem;
        margin-bottom: 22px;
        color: #0a1a2b;
      }

      .form-group {
        margin-bottom: 20px;
      }

      .form-group label {
        display: block;
        font-size: 0.75rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        color: #1e2f44;
        margin-bottom: 8px;
      }

      .form-group input,
      .form-group textarea,
      .form-group select {
        width: 100%;
        padding: 13px 16px;
        border: 1px solid #e2ddd2;
        background: white;
        font-family: "Inter", sans-serif;
        font-size: 0.95rem;
        color: #0a1a2b;
        border-radius: 0;
        transition:
          border-color 0.2s,
          box-shadow 0.2s;
      }

      .form-group input:focus,
      .form-group textarea:focus,
      .form-group select:focus {
        outline: none;
        border-color: #b22222;
        box-shadow: 0 0 0 3px rgba(178, 34, 34, 0.08);
      }

      .form-group textarea {
        min-height: 150px;
        resize: vertical;
      }

      .btn-submit {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        background: #b22222;
        color: white;
        border: none;
        font-family: "Inter", sans-serif;
        font-weight: 700;
        font-size: 0.82rem;
        text-transform: uppercase;
        letter-spacing: 0.14em;
        padding: 15px 34px;
        cursor: pointer;
        transition: background 0.2s;
      }

      .btn-submit:hover {
        background: #8b1a1a;
      }


      /* ===== SERVICES GRID ===== */
      .services-section {
        margin-bottom: 72px;
      }

      .services-section > h2 {
        font-family: "Playfair Display", serif;
        font-size: 1.9rem;
        text-align: center;
        margin-bottom: 12px;
        color: #0a1a2b;
      }

      .services-section > .section-desc, .services-section > p {
        text-align: center;
        color: #6b7280;
        max-width: 620px;
        margin: 0 auto 44px;
      }

      .services-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
      }

      .service-card {
        background: white;
        border: 1px solid #e2ddd2;
        border-top: 4px solid #b22222;
        padding: 34px 28px;
        transition:
          transform 0.2s,
          box-shadow 0.2s;
        position: relative;
      }

      .service-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 18px 36px -20px rgba(10, 26, 43, 0.35);
      }

      .service-card .service-num {
        font-family: "Playfair Display", serif;
        font-size: 0.85rem;
        font-weight: 700;
        color: #b22222;
        letter-spacing: 0.1em;
        margin-bottom: 14px;
        display: block;
      }

      .service-card i {
        font-size: 1.6rem;
        color: #b22222;
        margin-bottom: 18px;
        display: block;
      }

      .service-card h3 {
        font-family: "Playfair Display", serif;
        font-size: 1.3rem;
        font-weight: 700;
        margin-bottom: 12px;
        color: #0a1a2b;
        line-height: 1.3;
      }

      .service-card p {
        font-size: 0.93rem;
        color: #6b7280;
        margin-bottom: 16px;
      }

      .service-card ul {
        list-style: none;
        border-top: 1px dashed #e2ddd2;
        padding-top: 14px;
      }

      .service-card ul li {
        font-size: 0.86rem;
        color: #1e2f44;
        padding: 5px 0 5px 20px;
        position: relative;
      }

      .service-card ul li::before {
        content: "▸";
        position: absolute;
        left: 0;
        color: #b22222;
        font-size: 0.8rem;
      }

      /* ===== PROCESS ===== */
      .process-section {
        margin-bottom: 72px;
        padding: 48px 0;
        border-top: 1px solid #e2ddd2;
        border-bottom: 1px solid #e2ddd2;
        background: #f7f4ee;
      }

      .process-section .container {
        padding-top: 0;
      }

      .process-section h2 {
        font-family: "Playfair Display", serif;
        font-size: 1.9rem;
        text-align: center;
        margin-bottom: 12px;
        color: #0a1a2b;
      }

      .process-section .section-desc , .process-section p{
        text-align: center;
        color: #6b7280;
        max-width: 620px;
        margin: 0 auto 48px;
      }

      .process-steps {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0;
        counter-reset: step;
      }

      .process-step {
        padding: 0 24px;
        position: relative;
        border-right: 1px dashed #e2ddd2;
        text-align: center;
      }

      .process-step:last-child {
        border-right: none;
      }

      .process-step .step-circle {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: #fdfcf9;
        border: 2px solid #b22222;
        color: #b22222;
        font-family: "Playfair Display", serif;
        font-size: 1.4rem;
        font-weight: 800;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 18px;
      }

      .process-step h4 {
        font-size: 1rem;
        font-weight: 700;
        color: #0a1a2b;
        margin-bottom: 8px;
      }

      .process-step p {
        font-size: 0.85rem;
        color: #6b7280;
      }

      /* ===== IMPACT STATS ===== */
      .impact-section {
        margin-bottom: 72px;
      }

      .impact-section h2 {
        font-family: "Playfair Display", serif;
        font-size: 1.9rem;
        text-align: center;
        margin-bottom: 12px;
        color: #0a1a2b;
      }

      .impact-section .section-desc, .impact-section p {
        text-align: center;
        color: #6b7280;
        max-width: 620px;
        margin: 0 auto 44px;
      }

      .impact-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
      }

      .impact-card {
        background: white;
        border: 1px solid #e2ddd2;
        padding: 36px 28px;
        text-align: center;
        position: relative;
        transition: transform 0.2s;
      }

      .impact-card:hover {
        transform: translateY(-4px);
      }

      .impact-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 40px;
        height: 3px;
        background: #b22222;
      }

      .impact-card .impact-num {
        font-family: "Playfair Display", serif;
        font-size: 2.6rem;
        font-weight: 800;
        color: #b22222;
        line-height: 1;
        margin-bottom: 12px;
      }

      .impact-card h4 {
        font-size: 1rem;
        font-weight: 700;
        color: #0a1a2b;
        margin-bottom: 8px;
      }

      .impact-card p {
        font-size: 0.86rem;
        color: #6b7280;
      }

      

      /* ===== CTA ===== */
      .cta-section {
        background: #0a1a2b;
        color: white;
        padding: 56px 0;
        text-align: center;
      }

      .cta-section h2 {
        font-family: "Playfair Display", serif;
        font-size: 2rem;
        font-weight: 700;
        margin-bottom: 14px;
        color: white;
      }

      .cta-section p {
        color: #cbd5e1;
        max-width: 600px;
        margin: 0 auto 30px;
        font-size: 1rem;
      }

      .cta-buttons {
        display: flex;
        justify-content: center;
        gap: 16px;
        flex-wrap: wrap;
      }

      .btn-primary,
      .btn-outline {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font-family: "Inter", sans-serif;
        font-weight: 700;
        font-size: 0.82rem;
        text-transform: uppercase;
        letter-spacing: 0.14em;
        padding: 15px 34px;
        cursor: pointer;
        text-decoration: none;
        transition: all 0.2s;
        border: 1px solid transparent;
      }

      .btn-primary {
        background: #b22222;
        color: white;
      }

      .btn-primary:hover {
        background: #8b1a1a;
      }

      .btn-outline {
        background: transparent;
        color: white;
        border-color: rgba(255, 255, 255, 0.4);
      }

      .btn-outline:hover {
        border-color: #c9a227;
        color: #c9a227;
      }

/* ===== RESPONSIVE ===== */
      @media (max-width: 960px) {
        .about-lead {
          grid-template-columns: 1fr;
        }

        .coverage-grid {
          grid-template-columns: 1fr;
        }

        .principles-grid {
          grid-template-columns: 1fr;
        }

        

        .contact-layout {
          grid-template-columns: 1fr;
        }

        .contact-side {
          border-right: none;
          padding-right: 0;
          border-bottom: 1px solid #e2ddd2;
          padding-bottom: 36px;
        }
          .services-grid {
          grid-template-columns: 1fr 1fr;
        }

        .process-steps {
          grid-template-columns: 1fr 1fr;
          gap: 32px 0;
        }

        .process-step:nth-child(2) {
          border-right: none;
        }

        .impact-grid {
          grid-template-columns: 1fr;
        }

        .tools-grid {
          grid-template-columns: 1fr;
        }
      }

      @media (max-width: 640px) {
       

        .page-header h1 {
          font-size: 1.9rem;
        }

        .stats-strip {
          grid-template-columns: 1fr 1fr;
        }

        .stat-cell:nth-child(2) {
          border-right: none;
        }

        .stat-cell:nth-child(1),
        .stat-cell:nth-child(2) {
          border-bottom: 1px solid #e2ddd2;
        }

.services-grid {
          grid-template-columns: 1fr;
        }

        .process-steps {
          grid-template-columns: 1fr;
        }

        .process-step {
          border-right: none;
          border-bottom: 1px dashed #e2ddd2;
          padding-bottom: 28px;
        }

        .process-step:last-child {
          border-bottom: none;
        }

        .main-nav a {
          padding: 12px 12px;
          font-size: 0.75rem;
        }

        .cta-buttons {
          flex-direction: column;
          align-items: center;
        }
       
      }
      
      
      
       /* ============================================================
       VIDEO SHARE SECTION
       ============================================================ */

    .video-share-section {
      margin: 48px 0 32px;
      padding: 32px 0 0;
      border-top: 1px solid #e2ddd2;
      position: relative;
    }

    /* Decorative center ornament */
    .video-share-section::before {
      content: '❖';
      position: absolute;
      top: -11px;
      left: 50%;
      transform: translateX(-50%);
      background: #fdfcf9;
      padding: 0 14px;
      color: #b22222;
      font-size: 0.9rem;
    }

    /* ===== HEADER ===== */
    .share-header {
      text-align: center;
      margin-bottom: 24px;
    }

    .share-header .share-kicker {
      display: block;
      font-family: 'Inter', sans-serif;
      font-size: 0.68rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.3em;
      color: #b22222;
      margin-bottom: 8px;
    }

    .share-header .share-title {
      font-family: 'Playfair Display', serif;
      font-size: 1.4rem;
      font-weight: 700;
      color: #0a1a2b;
      margin: 0;
      letter-spacing: -0.01em;
    }

    /* ===== SHARE BUTTONS GRID ===== */
    .share-buttons {
  display: grid;
  grid-template-columns: repeat(var(--share-count, 6), 1fr);
  gap: 12px;
  max-width: 820px;
  margin: 0 auto;
}

    /* ===== INDIVIDUAL BUTTON ===== */
    .share-btn {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 6px;
      padding: 18px 10px 14px;
      background: #ffffff;
      text-decoration: none;
      color: #1e2f44;
      cursor: pointer;
      transition: transform 0.2s ease, box-shadow 0.2s ease,
                  border-color 0.2s ease, background 0.2s ease;
      position: relative;
      overflow: hidden;
    }

    /* Top accent line */
    .share-btn::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      background: #e2ddd2;
      transition: background 0.2s ease;
    }

    .share-btn:hover {
      transform: translateY(-4px);
      box-shadow: 0 14px 28px -16px rgba(10, 26, 43, 0.35);
    }

    /* Icon */
    .share-btn .share-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: #f7f4ee;
      color: #6b7280;
      font-size: 1rem;
      transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
    }

    .share-btn:hover .share-icon {
      transform: scale(1.08);
    }

    /* Label */
    .share-btn .share-label {
      font-size: 0.62rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: #6b7280;
      transition: color 0.2s ease;
      white-space: nowrap;
    }

    /* ===== BRAND COLORS ON HOVER ===== */

    /* Facebook */
    .share-facebook:hover {
      border-color: #1877f2;
      background: #f0f6ff;
    }
    .share-facebook::before { background: #1877f2; }
    .share-facebook:hover .share-icon {
      background: #1877f2;
      color: #fff;
    }
    .share-facebook:hover .share-label { color: #1877f2; }

    /* Twitter / X */
    .share-twitter:hover {
      border-color: #000000;
      background: #f5f5f5;
    }
    .share-twitter::before { background: #000000; }
    .share-twitter:hover .share-icon {
      background: #000000;
      color: #fff;
    }
    .share-twitter:hover .share-label { color: #000000; }

    /* Telegram */
    .share-telegram:hover {
      border-color: #0088cc;
      background: #eaf7fd;
    }
    .share-telegram::before { background: #0088cc; }
    .share-telegram:hover .share-icon {
      background: #0088cc;
      color: #fff;
    }
    .share-telegram:hover .share-label { color: #0088cc; }

    /* WhatsApp */
    .share-whatsapp:hover {
      border-color: #25d366;
      background: #eafaf0;
    }
    .share-whatsapp::before { background: #25d366; }
    .share-whatsapp:hover .share-icon {
      background: #25d366;
      color: #fff;
    }
    .share-whatsapp:hover .share-label { color: #128c4a; }

    /* LinkedIn */
    .share-linkedin:hover {
      border-color: #0a66c2;
      background: #eef4fc;
    }
    .share-linkedin::before { background: #0a66c2; }
    .share-linkedin:hover .share-icon {
      background: #0a66c2;
      color: #fff;
    }
    .share-linkedin:hover .share-label { color: #0a66c2; }

    /* Copy Link */
    .share-copy:hover {
      border-color: #b22222;
      background: #fdf2f2;
    }
    .share-copy::before { background: #b22222; }
    .share-copy:hover .share-icon {
      background: #b22222;
      color: #fff;
    }
    .share-copy:hover .share-label { color: #b22222; }

    /* Copied state */
    .share-copy.copied {
      border-color: #2d6a4f;
      background: #eef7f2;
    }
    .share-copy.copied::before { background: #2d6a4f; }
    .share-copy.copied .share-icon {
      background: #2d6a4f;
      color: #fff;
    }
    .share-copy.copied .share-label { color: #2d6a4f; }

    /* ===== TOAST MESSAGE ===== */
    .share-toast {
      position: fixed;
      bottom: 32px;
      left: 50%;
      transform: translateX(-50%) translateY(100px);
      background: #0a1a2b;
      color: #fff;
      font-family: 'Inter', sans-serif;
      font-size: 0.85rem;
      font-weight: 500;
      padding: 14px 24px;
      border-radius: 4px;
      box-shadow: 0 12px 32px rgba(10, 26, 43, 0.4);
      display: flex;
      align-items: center;
      gap: 10px;
      z-index: 9999;
      opacity: 0;
      pointer-events: none;
      transition: transform 0.3s ease, opacity 0.3s ease;
    }

    .share-toast i {
      color: #25d366;
      font-size: 1rem;
    }

    .share-toast.show {
      transform: translateX(-50%) translateY(0);
      opacity: 1;
    }

    /* ===== DEMO CONTENT ===== */
    .demo-title {
      font-family: 'Playfair Display', serif;
      font-size: 2rem;
      font-weight: 800;
      margin-bottom: 12px;
      line-height: 1.25;
    }

    .demo-meta {
      font-size: 0.85rem;
      color: #6b7280;
      margin-bottom: 32px;
      padding-bottom: 24px;
      border-bottom: 1px solid #e2ddd2;
    }

    /* ===== RESPONSIVE ===== */
   /* Fallback for each count */
.video-share-section[data-share-count="1"] .share-buttons { grid-template-columns: 1fr; max-width: 120px; }
.video-share-section[data-share-count="2"] .share-buttons { grid-template-columns: repeat(2, 0.2fr); max-width: 260px; }
.video-share-section[data-share-count="3"] .share-buttons { grid-template-columns: repeat(3, 0.2fr); max-width: 400px; }
.video-share-section[data-share-count="4"] .share-buttons { grid-template-columns: repeat(4, 0.2fr); max-width: 540px; }
.video-share-section[data-share-count="5"] .share-buttons { grid-template-columns: repeat(5, 0.2fr); max-width: 680px; }
.video-share-section[data-share-count="6"] .share-buttons { grid-template-columns: repeat(6, 0.2fr); max-width: 820px; }

/* Responsive */
@media (max-width: 820px) {
  .share-buttons,
  .video-share-section[data-share-count] .share-buttons {
    grid-template-columns: repeat(3, 1fr) !important;
    max-width: none;
  }
}

@media (max-width: 480px) {
  .share-buttons,
  .video-share-section[data-share-count] .share-buttons {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px;
  }
}

    @media (max-width: 480px) {
      body { padding: 30px 16px; }
      .preview-container { padding: 24px; }

      
      .share-btn {
        padding: 14px 8px 12px;
      }

      .share-btn .share-icon {
        width: 34px;
        height: 34px;
        font-size: 0.9rem;
      }

      .share-btn .share-label {
        font-size: 0.58rem;
      }
    }