/**
* Theme Name: Crete Child
* Description: This is a child theme of Crete, generated by Auto Installer.
* Author: <a href="https://teconce.com/about">Teconce</a>
* Template: crete
* Version: 2.3.5
*/

.FAQ .section-title, .FAQ .faq-left, .home-info .about-section{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;	
}
@media (min-width:576px){.FAQ .section-title, .FAQ .faq-left, .home-info .about-section{max-width:540px}} 
@media (min-width:768px){.FAQ .section-title, .FAQ .faq-left, .home-info .about-section{max-width:720px}}
@media (min-width:992px){.FAQ .section-title, .FAQ .faq-left, .home-info .about-section{max-width:960px}} 
@media (min-width:1200px){.FAQ .section-title, .FAQ .faq-left, .home-info .about-section{max-width:1140px}} 
@media (min-width:1400px){.FAQ .section-title, .FAQ .faq-left, .home-info .about-section{max-width:1320px}}


.pricing-box .pricing-box-content .pricing-title span.fs-md.fw-medium{
    display: block;
    margin-left: 0px;
}

.pricing-box .pricing-box-content ul.pricing-features.text-start{
list-style: none;
}

@media (min-width: 1200px){
  .hm2-service-section .row.justify-content-center > .col-xl-5{
    flex: 0 0 auto !important;
    width: 50% !important; /* col-xl-6 */
  }
}
img.img-fluid.rounded-2{display:none;}

.crb-brand-section .crb-brand-slider .single-item {
    padding: 10px 10px;
}


/* =========================
   C&C CF7 (Elementor) - LIGHT CARD
   Scope: .cc-form
   ========================= */

.cc-form .wpcf7 form{
  --cc-purple:#5044eb;
  --cc-dark:#1f1f1f;
  --cc-white:#ffffff;
}

/* Labels (深色更清楚，适合白卡) */
.cc-form .wpcf7 label{
  display:block;
  margin-top:14px;
  margin-bottom:6px;
  font-size:13px;
  font-weight:700;
  letter-spacing:.2px;
  color: rgba(31,31,31,.85);
}

/* Inputs / Select / Textarea base */
.cc-form .wpcf7 input[type="text"],
.cc-form .wpcf7 input[type="email"],
.cc-form .wpcf7 input[type="tel"],
.cc-form .wpcf7 select,
.cc-form .wpcf7 textarea{
  width:100%;
  box-sizing:border-box;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(31,31,31,.12);
  background:#f6f7ff;                 /* 关键：浅底 */
  color: rgba(31,31,31,.95);          /* 关键：深字 */
  outline:none;
  font-size:14px;
  transition: border-color .2s ease, box-shadow .2s ease, transform .15s ease, background .2s ease;
}

/* Placeholder */
.cc-form .wpcf7 ::placeholder{
  color: rgba(31,31,31,.45);
}

/* Focus (紫色高级感) */
.cc-form .wpcf7 input[type="text"]:focus,
.cc-form .wpcf7 input[type="email"]:focus,
.cc-form .wpcf7 input[type="tel"]:focus,
.cc-form .wpcf7 select:focus,
.cc-form .wpcf7 textarea:focus{
  background:#ffffff;
  border-color: rgba(80,68,235,.65);
  box-shadow: 0 0 0 4px rgba(80,68,235,.16);
  transform: translateY(-1px);
}

/* Textarea */
.cc-form .wpcf7 textarea{
  min-height:160px;
  resize: vertical;
}

/* Select: 让下拉箭头更漂亮 */
.cc-form .wpcf7 select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding-right:42px;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(31,31,31,.65) 50%),
    linear-gradient(135deg, rgba(31,31,31,.65) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(50% - 2px),
    calc(100% - 13px) calc(50% - 2px);
  background-size:5px 5px, 5px 5px;
  background-repeat:no-repeat;
  margin-bottom: 12px;
}

/* Submit button */
.cc-form .wpcf7 input[type="submit"]{
  background: var(--cc-purple);
  color:#ffffff;
  border: 1px solid rgba(80,68,235,.25);
  border-radius:14px;
  padding:12px 18px;
  font-size:14px;
  font-weight:800;
  letter-spacing:.2px;
  cursor:pointer;
  transition: transform .15s ease, box-shadow .2s ease, filter .2s ease;
  box-shadow: 0 12px 28px rgba(80,68,235,.22);
}

.cc-form .wpcf7 input[type="submit"]:hover{
  transform: translateY(-1px);
  filter: brightness(1.03);
  box-shadow: 0 16px 34px rgba(80,68,235,.28);
}

/* CF7 提示框 */
.cc-form .wpcf7 .wpcf7-response-output{
  margin:16px 0 0;
  padding:12px 14px;
  border-radius:14px;
  color: rgba(31,31,31,.9);
  background:#f6f7ff;
  border: 1px solid rgba(31,31,31,.12);
}

/* 字段错误提示 */
.cc-form .wpcf7 .wpcf7-not-valid-tip{
  margin-top:6px;
  font-size:12px;
  color: rgba(31,31,31,.75);
}

/* 错误字段高亮 */
.cc-form .wpcf7 .wpcf7-not-valid{
  border-color: rgba(235,68,120,.45) !important;
  box-shadow: 0 0 0 4px rgba(235,68,120,.10);
}

/* 手机：reCAPTCHA 太宽就缩一点 */
@media (max-width: 420px){
  .cc-form .recaptcha-submit-row .g-recaptcha{
    transform: scale(.92);
    transform-origin:left top;
  }
}

/* 让 reCAPTCHA + 按钮同排更稳定 */
.cc-form .recaptcha-submit-row{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: nowrap;           /* 关键：默认不换行 */
}

.cc-form .recaptcha-submit-row .g-recaptcha{
  flex: 0 1 auto;
}

.cc-form .wpcf7 input[type="submit"]{
  flex: 0 0 auto;
  min-width: 150px;            /* 按钮不会被挤成很小 */
  white-space: nowrap;
}

/* 桌面：宽度不够时轻微缩放 reCAPTCHA，避免按钮掉下去 */
@media (max-width: 1180px){
  .cc-form .recaptcha-submit-row .g-recaptcha{
    transform: scale(.92);
    transform-origin: left center;
  }
}

/* 更窄一点再缩 */
@media (max-width: 980px){
  .cc-form .recaptcha-submit-row .g-recaptcha{
    transform: scale(.88);
  }
}

/* 真正小屏/空间不足：允许换行（避免挤爆） */
@media (max-width: 760px){
  .cc-form .recaptcha-submit-row{
    flex-wrap: wrap;
  }
  .cc-form .wpcf7 input[type="submit"]{
    width: 100%;
  }
}

/* 缩小 label 与输入框间距 */
.cc-form .wpcf7 label{
  margin-top: 10px;     /* 原本 14px */
  margin-bottom: 4px;   /* 原本 6px */
}

/* 缩小每个输入框之间的垂直间距 */
.cc-form .wpcf7 input[type="text"],
.cc-form .wpcf7 input[type="email"],
.cc-form .wpcf7 input[type="tel"],
.cc-form .wpcf7 select,
.cc-form .wpcf7 textarea{
  margin-top: 0 !important;  /* 防止你 form 里 class:mt-2 造成额外间距 */
}

.cc-form .contact-form .template-btn {
    padding: 19px 22px;
}

/* 1) 隐藏右侧空菜单栏位 + 版权占满居中 */
.footer-copyright .container .row > div:nth-child(2) {
    display: none;
}

.footer-copyright .container .row > div:nth-child(1) {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
}

/* 2) 高级渐变分隔线（上方一条细线） */
.footer-copyright{
  position:relative;
  padding: 26px 0;
}
/* 分隔线改成品牌紫为主（带一点浅紫高光） */
.footer-copyright::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  width:min(980px, calc(100% - 40px));
  height:1px;
  background: linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    rgba(160,120,255,0.55) 22%,
    rgba(80,190,255,0.45) 50%,
    rgba(160,120,255,0.55) 78%,
    rgba(255,255,255,0) 100%
  );
  opacity:0.9;
}

/* 3) 文案质感（更细、更干净） */
.footer-copyright .copyright-text p{
  margin:0;
  font-size:14px;
  line-height:1.7;
  letter-spacing:0.35px;
  color: #5044eb !important;
}
footer.footer-section .footer-top h2
{font-size: 57px;
line-height: 64px;}
footer.footer-section .template-btn.primary-btn
{font-size:18px}

@media (min-width: 1200px) 
{footer.footer-section .col-xl-7{
width: 51.333333%;	
}
}

/* 4) 品牌 hover 变色（你现在的品牌是 strong > span[data-color-group]） */
.footer-copyright .copyright-text strong span,
.footer-copyright .copyright-text strong{
  transition: color .25s ease, text-shadow .25s ease;
}
/* hover 品牌名变色 + 发光（品牌紫） */
.footer-copyright .copyright-text:hover strong span,
.footer-copyright .copyright-text:hover strong{
  color: #6d44eb;
  text-shadow: 0 0 18px rgba(80,68,235,0.45) !important;
}

/* 5) 轻微淡入动画（进入视口后会加 class 才播放） */
.footer-copyright .copyright-text{
  opacity:0;
  transform: translateY(8px);
}
.footer-copyright .copyright-text.cc-in{
  animation: ccFadeUp .7s ease forwards;
}
@keyframes ccFadeUp{
  to{ opacity:1; transform: translateY(0); }
}

/* 尊重“减少动态效果”系统设置 */
@media (prefers-reduced-motion: reduce){
  .footer-copyright .copyright-text{
    opacity:1 !important;
    transform:none !important;
    animation:none !important;
  }
}

footer.footer-section .rectangle-shape-1, footer.footer-section .rectangle-shape-2
{background-color: unset;}

footer.footer-section .footer-top
{border-bottom:none}

/* ===== Hero Text Fade In Animation ===== */

footer.footer-section .text-center h2,
footer.footer-section .text-center p,
footer.footer-section .text-center .template-btn {
    opacity: 0;
    transform: translateY(20px);
}

/* 触发动画后 */
footer.footer-section .text-center.cc-animate h2 {
    animation: ccFadeUp 0.8s ease forwards;
}

footer.footer-section .text-center.cc-animate p {
    animation: ccFadeUp 0.8s ease forwards;
    animation-delay: 0.15s;
}

footer.footer-section .text-center.cc-animate .template-btn {
    animation: ccFadeUp 0.8s ease forwards;
    animation-delay: 0.3s;
}

@keyframes ccFadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 尊重系统减少动画设置 */
@media (prefers-reduced-motion: reduce) {
    footer.footer-section .text-center h2,
    footer.footer-section .text-center p,
    footer.footer-section .text-center .template-btn {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }
}

/* =========================
   Universal Fade-in for Elementor sections with class "FUNC"
   ========================= */

/* 1) 整个 FUNC 区块：默认隐藏 + 轻微上移 */
.FUNC{
  opacity: 0;
  transform: translateY(26px);
}

/* 进入视口后播放 */
.FUNC.cc-in{
  animation: ccFadeUp 0.85s ease forwards;
}

@keyframes ccFadeUp{
  to{ opacity: 1; transform: translateY(0); }
}

/* 2) 如果区块里有标题/副标题/按钮：做更高级的分段出现（可选） */
.FUNC .cr-subtitle,
.FUNC .crete-main-title,
.FUNC .template-btn{
  opacity: 0;
  transform: translateY(14px);
}

.FUNC.cc-in .cr-subtitle{
  animation: ccFadeUpInner .75s ease forwards;
  animation-delay: .05s;
}
.FUNC.cc-in .crete-main-title{
  animation: ccFadeUpInner .75s ease forwards;
  animation-delay: .15s;
}
.FUNC.cc-in .template-btn{
  animation: ccFadeUpInner .75s ease forwards;
  animation-delay: .28s;
}

@keyframes ccFadeUpInner{
  to{ opacity: 1; transform: translateY(0); }
}

/* 尊重减少动画 */
@media (prefers-reduced-motion: reduce){
  .FUNC,
  .FUNC .cr-subtitle,
  .FUNC .crete-main-title,
  .FUNC .template-btn{
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}

/* =========================
   FAQ Section Fade In
   ========================= */

.FAQ{
  opacity: 0;
  transform: translateY(30px);
}

.FAQ.cc-in{
  animation: ccFAQFade 0.85s ease forwards;
}

@keyframes ccFAQFade{
  to{
    opacity: 1;
    transform: translateY(0);
  }
}

/* 尊重减少动画 */
@media (prefers-reduced-motion: reduce){
  .FAQ{
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}

@media (min-width: 768px){
  .accordion .accordion-body > div.flex-md-nowrap{
    display: block !important;
  }
}

.BLOG span{font-size: 18px;}
.BLOG h2, .BLOG h2 span{font-size: 57px; line-height: 1.3em;}

@media (max-width: 767px) {
    .BLOG h2, .BLOG h2 span{font-size: 33px;line-height: 1.3em;}
}

.contact-info ul.contact-info-list{padding-left: 0rem;}
.contact-info .contact-info-list li .icon {
    width: 50px;
    height: 50px;
}
.contact-info li.gap-4 {
    gap: 1rem !important;
}
.FAQ .accordion-item .accordion-header a {
    padding-right: 71px;
    line-height: 1.3em;
}
.FAQ .gap-4{
    gap: 0rem !important;	
}

/* 手机：功能 icon 两列排列 */
@media (max-width: 767px){
  /* 只影响这个功能区：有 cc-in 的那个 e-con-inner（你现在这个区块已有 cc-in） */
  .e-con.e-grid .e-con-inner{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 14px !important; /* 行间距 / 列间距 */
    align-items: start;
  }

  /* 每个 icon（lottie widget）不要被撑太宽 */
  .e-con.e-grid .e-con-inner > .elementor-widget-lottie{
    width: 100% !important;
    max-width: 100% !important;
  }
}

.pricing-section .pricing-box .pricing-box-content
{padding: 110px 32px 40px;}

html {
  scroll-behavior: smooth;
}

/* 预留顶部导航高度，避免锚点被Header遮住 */
#packages, #portfolio, #faq, #contact {
  scroll-margin-top: 120px; /* 可改 80~160 之间，依你的header高度 */
}

.header-section .infobar .infobar-right{
    color: #636D78 !important;
}

.header-section .infobar-right .info-social a{
    color: #636D78 !important;
}

.header-section .infobar .infobar-right .current{
    color: #636D78 !important;
}

.header-section .template-btn{padding: 14.5px 30px;}

.header-section .crete-navmenu>ul li a {
    font-size: 18px;
}

.crete-single-blog-content ul {
    padding-left: 1rem;
	margin: 0 0 1.5em 0em;
}
.crete-single-blog-content ul li{
    margin-bottom: 0rem;
}
.crete-single-blog-content ul li p{
    line-height: 1.6em;
    margin-bottom: 0px;
}

ul.page-numbers li {list-style:none;}

/* Project Information：防止左侧图标被长文字压扁 */
.pd-sidebar .info-sidebar-widget .icon-box {
    align-items: flex-start;
}

.pd-sidebar .info-sidebar-widget .icon-box > .icon-wrapper,
.pd-sidebar .info-sidebar-widget .icon-box > span,
.pd-sidebar .info-sidebar-widget .icon-box .icon {
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* 右边文字区域可以正常换行 */
.pd-sidebar .info-sidebar-widget .icon-box > div:last-child {
    flex: 1 1 auto;
    min-width: 0;
}

/* 长单词/长网址也允许断行 */
.pd-sidebar .info-sidebar-widget .icon-box > div:last-child,
.pd-sidebar .info-sidebar-widget .icon-box > div:last-child * {
    overflow-wrap: break-word;
    word-break: break-word;
}