/*
Theme Name: Entervia
Theme URI: https://trendthemeswp.com/products/entervia/
Author: Trendthemeswp 
Author URI: https://trendthemeswp.com
Description: Entervia is a modern, multipurpose, and fully block-based Full Site Editing (FSE) WordPress theme designed to help you build stunning websites effortlessly. Crafted with performance and flexibility in mind, entervia empowers you to create visually appealing layouts using the Gutenberg block editor — no coding required.With a clean and professional design, entervia is ideal for businesses, agencies, startups, freelancers, portfolios, and corporate websites who value both style and speed. The theme is built to deliver an exceptional user experience, lightning-fast load times, and complete customization freedom. Check the real demo:  https://demos.trendthemeswp.com/entervia
Requires at least: 5.9
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: entervia
Tags: editor-style, full-site-editing, blog, custom-background, custom-logo, custom-menu, e-commerce, featured-images, footer-widgets, left-sidebar, one-column, portfolio, right-sidebar, threaded-comments, translation-ready, two-columns, wide-blocks, full-width-template, sticky-post, theme-options, block-styles, block-patterns
*/
/* Styles intended only for the front.*/
html {
  scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

form .wp-block-search__inside-wrapper button {
  box-shadow: unset;
}

form .wp-block-search__input {
  font-size: 18px;
}

/* Hide the site title when the search input or its container gains focus */
.wp-block-search__inside-wrapper:focus-within .wp-block-site-title {
  display: none !important;
}

.expanded .wp-block-site-title {
  display: none;
}

/* submenu css starts here  */
.wp-block-navigation
  .wp-block-navigation-item__content.wp-block-navigation-item__content {
  padding: 15px 15px;
}

@media screen and (min-width: 1000px) {
  .wp-block-navigation
    .has-child:where(:not(.open-on-click)):hover
    > .wp-block-navigation__submenu-container {
    animation: smoothScrollBack 0.6s backwards, fadein 0.6s;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 6px -1px,
      rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    border-radius: 6px;
  }

  button.wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle {
    position: absolute;
    right: 4px;
  }
}

@keyframes smoothScrollBack {
  0% {
    transform: translateY(30px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media screen and (max-width: 1020px) {
  .wp-block-navigation__responsive-container,
  .wp-block-navigation__responsive-container
    .wp-block-navigation__responsive-container-content {
    display: none;
  }

  .wp-block-navigation__responsive-container-close {
    background: var(--wp--preset--color--button-hover);
  }

  .wp-block-navigation__responsive-container-close svg,
  .wp-block-navigation__responsive-container-open svg {
    width: 42px;
    height: 42px;
  }

  .wp-block-navigation__responsive-container-close {
    top: -20px;
    right: 20px;
  }

  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block;
  }

  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
      .is-menu-open
    ) {
    display: none;
  }

  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content {
    padding: 1.5em;
  }

  .wp-block-navigation
    .wp-block-navigation__responsive-container-content
    ul:first-child {
    width: 100%;
    gap: 0 !important;
    border-bottom: none;
  }

  .wp-block-navigation
    .wp-block-navigation__responsive-container-content
    ul:first-child
    li.wp-block-navigation-item {
    width: 100%;
    gap: 0 !important;
    border: none !important;
  }

  .wp-block-navigation
    .wp-block-navigation__responsive-container-content
    ul:first-child
    li.wp-block-navigation-item
    a {
    width: calc(100% - 48px);
    padding: 12px 24px 12px;
    line-height: 30px;
  }

  .wp-block-navigation
    .wp-block-navigation__responsive-container-content
    ul:first-child
    li.wp-block-navigation-item
    .wp-block-navigation__submenu-icon {
    display: block !important;
    margin-left: 15px;
    padding: 3px 10px;
    float: right;
    font-size: 19px;
    line-height: 1;
    position: absolute;
    right: 0;
    height: 42px;
    width: 42px;
  }

  .wp-block-navigation
    .wp-block-navigation__responsive-container-content
    ul:first-child
    li.wp-block-navigation-item
    .wp-block-navigation__submenu-icon
    svg {
    display: block;
    width: 30px;
    height: 13px;
    margin: 0 !important;
    padding: 0 !important;
  }

  .wp-block-navigation
    .wp-block-navigation__responsive-container-content
    ul:first-child
    li.wp-block-navigation-item
    ul.wp-block-navigation__submenu-container {
    width: 100%;
    gap: 0;
    margin: 0;
    padding: 0;
    display: none;
    box-shadow: none;
  }

  .wp-block-navigation
    .wp-block-navigation__responsive-container-content
    ul:first-child
    li.wp-block-navigation-item
    ul.wp-block-navigation__submenu-container
    li.wp-block-navigation-item
    a {
    padding-left: 35px;
  }

  .wp-block-navigation
    .wp-block-navigation__responsive-container-content
    ul:first-child
    li.wp-block-navigation-item
    ul.wp-block-navigation__submenu-container
    li.wp-block-navigation-item
    ul.wp-block-navigation__submenu-container
    li.wp-block-navigation-item
    a {
    padding-left: 70px;
  }

  .wp-block-navigation
    .wp-block-navigation__responsive-container-content
    ul:first-child
    li.wp-block-navigation-item
    ul.wp-block-navigation__submenu-container
    li.wp-block-navigation-item
    ul.wp-block-navigation__submenu-container
    li.wp-block-navigation-item
    ul.wp-block-navigation__submenu-container
    li.wp-block-navigation-item
    a {
    padding-left: 105px;
  }

  .wp-block-navigation
    .wp-block-navigation__responsive-container-content
    ul:first-child
    li.wp-block-navigation-item
    .wp-block-navigation-submenu__toggle[aria-expanded="true"]
    + ul.wp-block-navigation__submenu-container {
    display: block;
    margin: 0;
  }
}

/* shortcode featured product css start here  */
@media (max-width: 653px) {
  .woocommerce div.product {
    width: 100%;
  }
}

.slide-out-content .summary {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.summary.entry-summary form button {
  padding: 10px;
}

@media (max-width: 1100px) {
  .entervia-product-item-box .products-wrapper .products-items {
    grid-template-columns: auto auto auto;
    gap: 32px;
  }
}

.woocommerce .products .product:hover .wc-booster-quick-view {
  opacity: 1;
  visibility: visible;
}
.wp-block-group .arrow-right a {
  text-decoration: none;
  border-bottom: 2px solid;
}

.wp-block-group .arrow-right a::after {
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  /* set the font family to Font Awesome */
  margin-left: 6px;
  font-weight: 600;
}
/*post date*/
.wp-block-post-date::before {
  content: "\f508";
  font-family: "Dashicons";
  font-weight: 600;
  padding-right: 5px;
  font-size: 12px;
}

.post-author-name.wp-block-post-author-name::before {
  content: "\f110";
  font-family: "Dashicons";
  font-weight: 600;
  padding-right: 5px;
  font-size: 12px;
}
.taxonomy-category.wp-block-post-terms::before {
  font-size: 12px;
  content: "\f022";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  margin-right: 6px;
}

.site-footer {
  margin-top: 0;
}
.wp-block-button__link {
  transition: all 0.3s ease;
}

.wp-block-button__link:hover {
  background-color: var(--wp--preset--color--assets-two);
}

.has-border-radius {
  border-radius: 7px;
}

.pricing-icon::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 7px;
  font-size: 16px;
  content: "\f058";
  color: var(--wp--preset--color--assets-one);
}

.log-out::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 7px;
  font-size: 16px;
  content: "\f007";
  color: var(--wp--preset--color--assets-one);
  cursor: pointer;
}
.log-out {
  border-radius: 6px;
}
.log-out a {
  text-decoration: none;
}

.home-blogs {
  margin-right: 15px !important;
}

.portfolio-icon {
  cursor: pointer;
}

.wp-block-button .wp-block-button__link{
  color: var(--wp--preset--color--primary);
}
/* entervia style start */
.list:before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  margin-right: 8px;
  font-weight: 600;
  color: var(--wp--preset--color--assets-one);
}
.has-box-shadow {
box-shadow: rgba(72, 72, 72, 0.1) 0px 4px 12px;
}
.horizental-line{
  width: 32px!important;
}

/* sratify style start */

.learn-more-arrow:after {
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  margin-left: 8px;
  font-weight: 600;
  color: var(--wp--preset--color--assets-one);
}

.layer {
  overflow: auto;
  width: 100%;
  height: 360px;
  padding: 5px;
  border: none;
}
.layer1 {
  overflow: auto;
  width: 95%;
  height: 360px;
  padding: 5px;
  border: none;
}
        .footer-text {
            background-color: #f8f8f8;
            padding: 4px;
            border-top: 1px solid #ddd;
            text-align: center;
        }
        .footer-text h2 {
            margin: 4px 0;
        }
        .footer-text .districts,
        .footer-text .streets {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 4px;
        }
        .footer-text .district {
            flex: 1 1 auto;
            min-width: 120px;
            text-align: left;
        }
        .footer-text .district strong {
            display: block;
            margin-bottom: 5px;
        }
        .footer-text .district span {
            display: inline-block;
            margin-right: 4px;
        }
        .footer-text .streets span {
            display: inline-block;
            margin: 3px;
        }
.faq-container {
  max-width: 800px;
  margin: 40px auto;
  font-family: Arial, sans-serif;
}

.faq-item {
  border: 1px solid #ddd;
  border-radius: 12px;
  margin-bottom: 16px;
  background-color: #f9f9f9;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  overflow: hidden;
}

.faq-item summary {
  cursor: pointer;
  padding: 16px 20px;
  font-weight: bold;
  font-size: 18px;
  background-color: #f0f8ff;
  border-radius: 12px;
  list-style: none;
}

.faq-item[open] summary {
  background-color: #e0f0ff;
}

.faq-answer {
  padding: 0 20px 20px;
  font-size: 16px;
  color: #333;
}


a:where(:not(.wp-element-button)) {
    color: var(--wp--preset--color--contrast);
    text-decoration: unset!important;
}


 .author-section {
            background: #fff;
            border-radius: 16px;
            padding: 40px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.06);
            margin-bottom: 30px;
        }

        .author-header {
            display: flex;
            gap: 30px;
            margin-bottom: 30px;
            align-items: flex-start;
        }

        .author-photo {
            flex-shrink: 0;
        }

        .author-photo img {
            width: 280px;
            height: auto;
            border-radius: 12px;
            box-shadow: 0 4px 16px rgba(0,0,0,0.1);
        }

        .author-intro {
            flex: 1;
        }

        .author-name {
            font-size: 2.2rem;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 10px;
            line-height: 1.2;
        }

        .author-title {
            font-size: 1.2rem;
            color: #ffa500;
            font-weight: 600;
            margin-bottom: 20px;
        }

        .author-experience {
            font-size: 1rem;
            color: #666;
            line-height: 1.7;
            margin-bottom: 20px;
        }

        .author-highlight {
            background: #fff9e6;
            border-left: 4px solid #ffa500;
            padding: 15px 20px;
            border-radius: 8px;
            margin-top: 15px;
        }

        .author-highlight strong {
            color: #2c3e50;
            font-weight: 600;
			font-size: 15px;
        }

        .author-content {
            font-size: 1.05rem;
            line-height: 1.8;
            color: #444;
            margin-bottom: 25px;
        }

        .author-content p {
            margin-bottom: 20px;
        }

        .author-education {
            background: #f8f9fa;
            padding: 20px 25px;
            border-radius: 12px;
            margin-bottom: 25px;
        }

        .author-education h3 {
            font-size: 1.3rem;
            color: #1a1a1a;
            margin-bottom: 12px;
            font-weight: 600;
        }

        .author-education p {
            margin: 8px 0;
            color: #555;
        }

        .author-services {
            margin: 30px 0;
        }

        .author-services h3 {
            font-size: 1.5rem;
            color: #1a1a1a;
            margin-bottom: 20px;
            font-weight: 600;
        }

        .services-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 15px;
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .services-list li {
            background: white;
            padding: 15px 20px;
            border-radius: 8px;
            border: 1px solid #e5e5e5;
            transition: all 0.3s ease;
            position: relative;
            padding-left: 45px;
        }

        .services-list li:before {
            content: "✓";
            position: absolute;
            left: 15px;
            top: 50%;
            transform: translateY(-50%);
            background: #ffa500;
            color: white;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 14px;
        }

        .services-list li:hover {
            transform: translateX(5px);
            border-color: #ffa500;
            box-shadow: 0 4px 12px rgba(255,165,0,0.15);
        }

        .author-contact-block {
            background: linear-gradient(135deg, #ffa500 0%, #ff8c00 100%);
            border-radius: 12px;
            padding: 30px;
            color: white;
            text-align: center;
            margin-top: 30px;
        }

        .author-contact-block h3 {
            font-size: 1.6rem;
            margin-bottom: 15px;
            font-weight: 600;
        }

        .author-contact-links {
            display: flex;
            justify-content: center;
            gap: 30px;
            flex-wrap: wrap;
            margin-top: 20px;
        }

        .author-contact-item {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 1.1rem;
        }

        .author-contact-item svg {
            width: 20px;
            height: 20px;
            fill: white;
        }

        .author-contact-item a {
            color: white;
            text-decoration: none;
            font-weight: 600;
            border-bottom: 2px solid transparent;
            transition: border-color 0.3s ease;
        }

        .author-contact-item a:hover {
            border-bottom-color: white;
        }

        .author-stats {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 20px;
            margin: 30px 0;
        }

        .stat-card {
            background: #f8f9fa;
            padding: 20px;
            border-radius: 12px;
            text-align: center;
            border: 2px solid #e5e5e5;
            transition: all 0.3s ease;
        }

        .stat-card:hover {
            border-color: #ffa500;
            transform: translateY(-4px);
        }

        .stat-number {
            font-size: 2.5rem;
            font-weight: 700;
            color: #ffa500;
            line-height: 1;
            margin-bottom: 8px;
        }

        .stat-label {
            font-size: 0.95rem;
            color: #666;
            font-weight: 500;
        }

        @media (max-width: 768px) {
            .author-section {
                padding: 25px 20px;
            }

            .author-header {
                flex-direction: column;
                gap: 20px;
            }

            .author-photo img {
                width: 100%;
                max-width: 300px;
                margin: 0 auto;
                display: block;
            }

            .author-name {
                font-size: 1.8rem;
            }

            .author-title {
                font-size: 1.1rem;
            }

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

            .author-contact-links {
                flex-direction: column;
                gap: 15px;
            }

            .author-stats {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 480px) {
            .author-name {
                font-size: 1.5rem;
            }

            .stat-number {
                font-size: 2rem;
            }

            .author-stats {
                grid-template-columns: 1fr;
            }
        }
.company-intro{
max-width:900px;
margin:auto;
font-size:18px;
line-height:1.7;
margin-bottom:50px;
}

.company-features{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:25px;
margin:50px 0;
}

.feature-card{
background:#f7f9fc;
padding:30px;
border-radius:12px;
box-shadow:0 5px 18px rgba(0,0,0,0.05);
transition:0.3s;
}

.feature-card:hover{
transform:translateY(-5px);
box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

.feature-card h3{
margin-bottom:10px;
font-size:20px;
}

.company-stats{
text-align:center;
margin:60px 0;
}

.stats-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:30px;
margin-top:30px;
}

.stat-box{
background:#ffffff;
border-radius:10px;
padding:30px;
box-shadow:0 6px 20px rgba(0,0,0,0.08);
}

.stat-number{
font-size:36px;
font-weight:700;
color:#ff9900;
margin-bottom:10px;
}

.stat-text{
font-size:16px;
}

.company-portfolio,
.company-reviews,
.company-cta{
background:#f8fafc;
padding:35px;
border-radius:10px;
margin:35px 0;
}

.company-cta{
background:#eef5ff;
border-left:5px solid #3a6df0;
}

.company-cta a{
font-weight:600;
}
/* ===== POLICY PAGE ===== */

.policy-intro{
max-width:900px;
margin:auto;
padding:20px 0 30px 0;
font-size:18px;
line-height:1.7;
}

.policy-intro h2{
font-size:32px;
margin-bottom:20px;
}

.policy-block{
background:#ffffff;
padding:28px;
margin:25px 0;
border-radius:10px;
box-shadow:0 4px 14px rgba(0,0,0,0.05);
border-left:5px solid #f59e0b;
}

.policy-block h3{
font-size:20px;
margin-bottom:12px;
color:#1f2937;
}

.policy-block p{
font-size:16px;
line-height:1.7;
margin:0;
}

.policy-block a{
color:#2563eb;
text-decoration:none;
font-weight:500;
}

.policy-block a:hover{
text-decoration:underline;
}

/* легкий эффект при наведении */

.policy-block:hover{
transform:translateY(-2px);
box-shadow:0 10px 25px rgba(0,0,0,0.08);
transition:0.25s;
}

/* мобильная адаптация */

@media (max-width:768px){

.policy-intro{
padding:10px;
}

.policy-block{
padding:20px;
}

.policy-intro h2{
font-size:26px;
}

}
/* ===== TERMS PAGE ===== */

.terms-intro{
max-width:900px;
margin:auto;
padding:20px 0 30px 0;
font-size:18px;
line-height:1.7;
}

.terms-intro h2{
font-size:32px;
margin-bottom:18px;
}

.terms-block{
background:#f9fafb;
border-radius:10px;
padding:26px;
margin:22px 0;
border:1px solid #e5e7eb;
}

.terms-block h3{
font-size:20px;
margin-bottom:10px;
color:#111827;
}

.terms-block p{
font-size:16px;
line-height:1.7;
margin:0;
}

.terms-block a{
color:#2563eb;
text-decoration:none;
font-weight:500;
}

.terms-block a:hover{
text-decoration:underline;
}

.terms-block:hover{
background:#ffffff;
box-shadow:0 6px 18px rgba(0,0,0,0.06);
transition:0.25s;
}

@media (max-width:768px){

.terms-intro{
padding:10px;
}

.terms-block{
padding:20px;
}

.terms-intro h2{
font-size:26px;
}

}
/* ===== DISCLAIMER PAGE ===== */

.disclaimer-intro{
max-width:900px;
margin:auto;
padding:20px 0 30px 0;
font-size:18px;
line-height:1.7;
}

.disclaimer-intro h2{
font-size:32px;
margin-bottom:18px;
}

.disclaimer-block{
background:#fff7ed;
border-left:6px solid #f97316;
padding:26px;
margin:22px 0;
border-radius:8px;
}

.disclaimer-block h3{
font-size:20px;
margin-bottom:10px;
color:#7c2d12;
}

.disclaimer-block p{
font-size:16px;
line-height:1.7;
margin:0;
}

.disclaimer-block a{
color:#2563eb;
text-decoration:none;
font-weight:500;
}

.disclaimer-block a:hover{
text-decoration:underline;
}

.disclaimer-block:hover{
background:#fff1e6;
transition:0.25s;
}

@media (max-width:768px){

.disclaimer-intro{
padding:10px;
}

.disclaimer-block{
padding:20px;
}

.disclaimer-intro h2{
font-size:26px;
}

}
/* ===== PUBLIC OFFER PAGE ===== */

.offer-intro{
max-width:900px;
margin:auto;
padding:20px 0 30px 0;
font-size:18px;
line-height:1.7;
}

.offer-intro h2{
font-size:32px;
margin-bottom:18px;
}

.offer-section{
background:#ffffff;
border:1px solid #e5e7eb;
border-radius:10px;
padding:26px;
margin:22px 0;
}

.offer-section h3{
font-size:20px;
margin-bottom:10px;
color:#1f2937;
}

.offer-section p{
font-size:16px;
line-height:1.7;
margin:0;
}

.offer-section a{
color:#2563eb;
text-decoration:none;
font-weight:500;
}

.offer-section a:hover{
text-decoration:underline;
}

.offer-section:hover{
box-shadow:0 8px 20px rgba(0,0,0,0.08);
transition:0.25s;
}

@media (max-width:768px){

.offer-intro{
padding:10px;
}

.offer-section{
padding:20px;
}

.offer-intro h2{
font-size:26px;
}

}
/* ===== GUARANTEE PAGE ===== */

.guarantee-intro{
max-width:900px;
margin:auto;
padding:20px 0 30px 0;
font-size:18px;
line-height:1.7;
}

.guarantee-intro h2{
font-size:32px;
margin-bottom:18px;
}

.guarantee-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:25px;
margin:40px 0;
}

.guarantee-card{
background:#f8fafc;
border-radius:10px;
padding:28px;
border:1px solid #e5e7eb;
transition:0.3s;
}

.guarantee-card h3{
font-size:20px;
margin-bottom:10px;
color:#1f2937;
}

.guarantee-card p{
font-size:16px;
line-height:1.7;
margin:0;
}

.guarantee-card a{
color:#2563eb;
text-decoration:none;
font-weight:500;
}

.guarantee-card a:hover{
text-decoration:underline;
}

.guarantee-card:hover{
transform:translateY(-4px);
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.guarantee-info{
background:#eef5ff;
padding:30px;
border-radius:10px;
border-left:5px solid #3b82f6;
}

.guarantee-info h3{
margin-bottom:10px;
}

@media (max-width:768px){

.guarantee-intro{
padding:10px;
}

.guarantee-intro h2{
font-size:26px;
}

.guarantee-card{
padding:20px;
}

.guarantee-info{
padding:20px;
}

}
/* ===== REVIEWS PAGE ===== */

.reviews-intro{
max-width:900px;
margin:auto;
padding:20px 0 30px 0;
font-size:18px;
line-height:1.7;
}

.reviews-intro h2{
font-size:32px;
margin-bottom:18px;
}

.reviews-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:25px;
margin-top:40px;
}

.review-card{
background:#ffffff;
border-radius:12px;
padding:28px;
border:1px solid #e5e7eb;
box-shadow:0 6px 20px rgba(0,0,0,0.05);
transition:0.3s;
}

.review-card:hover{
transform:translateY(-5px);
box-shadow:0 12px 28px rgba(0,0,0,0.1);
}

.review-stars{
color:#fbbf24;
font-size:18px;
margin-bottom:10px;
letter-spacing:2px;
}

.review-card p{
font-size:16px;
line-height:1.7;
margin-bottom:12px;
}

.review-author{
font-weight:600;
color:#374151;
}

@media (max-width:768px){

.reviews-intro{
padding:10px;
}

.reviews-intro h2{
font-size:26px;
}

.review-card{
padding:22px;
}

}
/* ===== PORTFOLIO PAGE ===== */

.portfolio-intro{
max-width:900px;
margin:auto;
padding:20px 0 30px 0;
font-size:18px;
line-height:1.7;
}

.portfolio-intro h2{
font-size:32px;
margin-bottom:18px;
}

.portfolio-intro a{
color:#2563eb;
text-decoration:none;
font-weight:500;
}

.portfolio-intro a:hover{
text-decoration:underline;
}

/* галерея */

.portfolio-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
margin-top:40px;
}

.portfolio-item{
overflow:hidden;
border-radius:12px;
background:#ffffff;
box-shadow:0 6px 18px rgba(0,0,0,0.06);
}

.portfolio-item img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:0.35s;
}

.portfolio-item:hover img{
transform:scale(1.05);
}

/* мобилка */

@media (max-width:768px){

.portfolio-intro{
padding:10px;
}

.portfolio-intro h2{
font-size:26px;
}

}
/* FOOTER */

.site-footer{
background:#0b1b3b;
color:#ffffff;
padding:60px 20px 20px 20px;
}

.footer-grid{
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:40px;
}

.footer-col h3{
margin-bottom:18px;
font-size:20px;
}

.footer-col ul{
list-style:none;
padding:0;
margin:0;
}

.footer-col ul li{
margin-bottom:10px;
}

.footer-col a{
color:#cbd5f5;
text-decoration:none;
transition:0.2s;
}

.footer-col a:hover{
color:#ffffff;
text-decoration:underline;
}

.footer-col p{
margin:8px 0;
}

.footer-bottom{
margin-top:40px;
text-align:center;
border-top:1px solid rgba(255,255,255,0.15);
padding-top:20px;
font-size:14px;
}

@media (max-width:768px){

.site-footer{
padding:40px 15px 15px 15px;
}

.footer-grid{
gap:30px;
}

}