:root{
  --primary-color:#0026FF;
  --green-color:#055D38;
  --text-color:#4B5563;
  --yellow-color:#FFC400;


  --cc-text:#111827;--cc-muted:#6b7280;--cc-line:#eef0f4;
  --cc-blue:#2563eb;--cc-blue2:#1d4ed8;--cc-teal:#0f766e
}

body {   font-family:"Schibsted Grotesk", sans-serif; background-color: var(--cc-cream); color: #4B5563; font-size: 16px; line-height: 1.6;
   overflow-x: hidden; -webkit-font-smoothing: antialiased; }
h1, 
h2,
h3,
h4,
h5,
h6 { margin:0px 0px 15px; font-family: "Schibsted Grotesk"; line-height: 1.2; color: #191919; }
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; transition: var(--cc-ease); }
h1 { font-weight: 900;font-size:34px; }
h2 { font-size: 40px; font-weight: 900; line-height: 1.2; }
h3 { font-size: 24px;line-height:1.4; }
h5 { color:#4B5563; }
p { margin:0px 0px 20px; color: #4B5563; line-height: 1.7;font-weight: 500; }
.container { max-width: 1400px; width: 100%; }

/** header **/
/*.logo { float:left; max-width: 350px;min-width: 195px; text-align: left; width: 245px; } */
.nav-container { position: relative; display: flex; justify-content: center;  }
.nav-container ul { margin:0px; padding:0px; display: flex; flex-wrap: wrap; column-gap: 4px; }
.nav-container ul li { list-style:none; padding:8px 10px; position:relative; }
.nav-container ul li a { color:var(--primary-color); display:block; text-decoration:none; outline: none; position: relative;
font-weight: 700;  }
.nav-container ul li a:hover,.nav-container ul li.active a ,.nav-container ul li.current-menu-item > a {  color: #0033cc; }
.nav-container ul li a.parent:after { content: "\f107"; font-family: FontAwesome; padding-left: 3px; }
.header-top { display: flex; align-items: center; justify-content: space-between;  column-gap: 20px; }
.header-right-btn ul { margin: 0; padding: 0; display: flex; align-items: center; gap:25px;list-style: none;  }
.header-right-btn ul li { margin: 0; padding: 0; list-style: none; }
.header-top .container:before,
.header-top .container:after { display: none; }
.header-right { display: flex; align-items: center;gap: 20px;  }
.nav-container li .sub-menu { display:none; position:absolute; left:0px; top:100%; min-width:250px; background:var(--black-color); z-index:9; box-shadow: 0 8px 20px rgba(0,0,0,0.1);
padding:0px; }
.nav-container li .sub-menu li { display:block; padding:0; text-align: left; border-bottom: 1px solid rgba(255,255,255,0.32); }
.nav-container li .sub-menu li:hover { background: rgba(255,255,255,0.1); }
.nav-container li .sub-menu li:after { display: none; }
.nav-container ul li.parent:hover { background: var(--secondary-color); }
.nav-container li .sub-menu li a { color:var(--white-color); padding: 12px 20px; }
.nav-container li .sub-menu li:last-child { margin-bottom: 0; border-bottom: 0; }
.nav-container li .sub-menu li:hover a { color: #fff; }
.how-it-works-section .nav-link img { display:inline-block;padding: 0px 7px 3px 0px; }
.mob-menu ,.mobile-menu { display: none; }
.header a { outline: none; text-decoration: none;color: var(--primary-color);font-weight: 700; }
.header ul { margin:0px; }
.header { padding:1.1rem 0; width: 100%; display: inline-block; position: relative;background: rgba(255, 255, 255, 0.50);
  border-bottom: 1px solid rgba(30, 27, 75, 0.07);/*position: sticky;top: 0; z-index: 1030;*/ }
.header-left { min-width: 340px;display: flex;justify-content: center; gap: 30px;align-items: center;  }
.header-right-btn ul li .login { font-weight: 500; padding: 8px 0px; text-decoration: none;
color: var(--secondary-color); display: block; }
.header-right-btn ul li .login:hover { color: var(--primary-color); }
.header-right-btn img { display: inline-block;padding-right: 5px; }

.btn-explore { background-color: var(--primary-color);color: #fff !important; padding: 10px 20px;
     display: flex; align-items: center; gap: 8px; transition: background 0.3s ease;display: inline-block; }

.btn-explore:hover { background-color: #0033cc; }
.lang-selector { position: relative; cursor: pointer; padding: 10px 0; }

.lang-dropdown { display: none;  position: absolute;
    top: 100%;right: 0;background: #fff;box-shadow: 0 4px 12px rgba(0,0,0,0.1);border-radius: 4px;min-width: 140px;
    padding: 10px 0 !important;margin-top: 5px !important; z-index: 999; list-style: none; }
.lang-current { display: inline-flex;  align-items: center;  gap: 8px; cursor: pointer; }
.lang-current svg, 
.lang-current img { display: block;  flex-shrink: 0; }
.lang-current span { font-size: 15px; line-height: 1;color: #333; }
.lang-selector.active .lang-dropdown { display: block; }
.lang-dropdown li { padding: 0 !important; margin: 0 !important; }
.lang-dropdown li a { display: block;padding: 8px 15px;color: #333 !important;font-size: 14px;text-decoration: none;transition: background 0.2s; }
.lang-dropdown li a:hover { background: #f0f4ff;color: #0044ff !important; }
.lang-selector.active .chevron-down { transform: rotate(180deg); }

.primary-btn { background: var(--yellow-color); padding: 14px; line-height: 18px;align-items: center;display: inline-flex;font-weight: 500;text-decoration: none;
    border: 1px solid var(--yellow-color);text-align: center;justify-content: center;color: var(--primary-color);transition: all 0.3s ease; height: 46px;  }
.primary-btn:hover { background: transparent;color: #fff;border: 1px solid #fff;font-weight: 500;  }

.secondary-btn { background: transparent; padding: 14px; line-height: 18px;align-items: center;display: inline-flex;font-weight: 500;text-decoration: none;
border: 1px solid #fff;text-align: center;justify-content: center;color: #fff;transition: all 0.3s ease; height: 46px;  }
.secondary-btn:hover { background: var(--yellow-color);color: var(--primary-color);border: 1px solid var(--yellow-color);font-weight: 500;  }

/** home page **/
.section-title { text-align:center;margin-bottom:30px;  }
.home-banner-section { background:var(--primary-color);padding:80px 0;color:#fff; }
.home-banner-content h1 { font-size:64px;color:#fff; }
.home-banner-content h1 span {color:var(--yellow-color);  }
.home-banner-content p { color:#fff; }
.home-banner-content h5 { font-size:16px;color:#fff;text-transform: uppercase; }
.banner-btns { margin-bottom:20px;display:flex;gap:15px; }
.home-banner-section .col-md-6 { display:flex;align-items:center; }

.how-it-works-section { padding:80px 0; }
.how-it-works-section .section-title { text-align:center; }
.how-it-works-section .nav-tabs .nav-link { color: #7D7D7D;border: none;
    border-bottom: 3px solid transparent;padding: 10px 25px;background: transparent;font-weight: 700; }
.how-it-works-section .nav-tabs .nav-link.active {  color: #000000; border-bottom: 3px solid var(--primary-color);  }
.how-it-works-section .nav-tabs .nav-link:hover {  color: #333333; }
.how-it-works-section .nav-tabs .nav-link img { filter: brightness(0) saturate(100%) invert(60%); }
.how-it-works-section .nav-tabs .nav-link.active img { filter: none; }
.how-it-works-section .step-card { text-align: center;transition: all 0.3s ease; border: 1px solid var(--General-Neutral-Gray-100, #F3F4F6);
background: var(--General-Neutral-White, #FAFAFA); }
.how-it-works-section .step-card h4 { font-size:20px; }
.how-it-works-section .step-icon { height: 40px;width: auto;display: block;margin: 0 auto 15px auto; }
.how-it-works-section h3 { font-size: 35px; }
.how-it-works-section h5 { font-size: 1.1rem; margin-bottom: 10px; }
.explore-jobs-btn .btn-explore { display:inline-block;margin-top:60px;  }
.tab-content .col-lg-8 p { max-width: 750px;margin: 0px auto; }
.pricing-employees-link a { color:var(--primary-color);font-weight: 600;margin-top:20px; }
.pricing-employees-link { margin-top:25px; }

.build-clarity-section { background:#F3F4F6;padding:80px 0;border-bottom: 1px solid #E5E7EB; }
.build-clarity-box { border: 1px solid var(--General-Neutral-Gray-100, #F3F4F6);background: var(--General-Neutral-White, #FAFAFA);
    padding:24px;display:flex;gap:15px;  }
.build-clarity-box h4 { font-size:19px;font-weight:700;  }
.build-clarity-box p { margin-bottom:0px; }
.build-clarity-section .section-title p { max-width: 600px;margin: 0px auto; }

.take-craft-section { padding:80px 0;background:#F3F4F6; }
.take-craft-btns { display:flex;gap: 20px; margin-bottom: 20px;  }
.col-md-5.take-left { display:flex;align-items:center; }
.take-craft-content h2 { margin-top:15px; }
.take-craft-content a { display: inline-flex;align-items: center;gap: 5px;color: var(--primary-color); font-weight: 600; }
.take-craft-content a img { display: inline-block;padding-left:5px; }

.get-updates-section { padding:50px 0px 80px 0px;background:#F3F4F6; }
.get-updates-section .section-title { margin-bottom:20px; }
.newsletter-form .gform_wrapper form { display: flex !important;flex-direction: row !important;align-items: stretch !important; gap:15px;width: 100%;  }
.newsletter-form .gform_confirmation_message_1 { text-align:center;font-weight:600; }
.newsletter-form .gform_body { flex-grow: 1; width: auto !important;}
.newsletter-form .gfield {margin: 0 !important; padding: 0 !important; }
.newsletter-form .gform_wrapper.gravity-theme .gform_footer input {margin-bottom: 2px !important; }

.newsletter-form input[type="email"],
.newsletter-form input[type="text"] { width: 100%; padding: 12px 15px;font-size: 16px;background:transparent;text-transform: capitalize;
    border: 1px solid #7D7D7D; border-radius: 8px; height: 50px; box-sizing: border-box;outline:none }
.newsletter-form .gform_footer { padding: 0 !important;margin: 0 !important; }

.newsletter-form input[type="submit"] { background-color: var(--primary-color);color: #fff !important; padding: 10px 20px;
     display: flex; align-items: center; gap: 8px; transition: background 0.3s ease;outline:none;border: none; }
.newsletter-form input[type="submit"]:hover { background-color: #0033cc; }
.get-updates-section h5 { text-align:center;margin:30px 0px 0px 0px;color:#7D7D7D;font-size:15px; } 
.newsletter-form .gform_required_legend { display: none !important; }
body.no-scroll { overflow: hidden; }

/** privacy policy page **/
.privacy-policy-section { padding:80px 0px 120px 0px;background:#F8F9FC; }
.privacy-policy-section h1 {     font-size: 40px;font-weight: 900;line-height: 1.2; }
.still-questions-box { border-radius: 2px;border: 2px solid var(--General-Neutral-Gray-200, #E5E7EB);
    background: var(--General-Neutral-Pure-White, #FFF);padding:24px; }
.still-questions-icon-title { display:flex;gap:15px;align-items:center;margin-bottom: 12px; } 
.still-questions-icon-title h4 { margin-bottom:0px;font-size: 20px; font-weight: 500;  }   
.blue-line-btn img { display: inline-block;padding-left: 7px; }
.blue-line-btn:hover { color: var(--primary-color); opacity: 0.8; }
.blue-underline-btn a { text-decoration: underline;color:var(--primary-color);font-weight:600; }
.policy-meta {  display: flex; gap: 20px;flex-wrap: wrap;
    margin: 10px 0 20px;font-size: 15px; color: var(--text-color); }
.policy-meta span { display: flex;align-items: center; gap: 8px; }
.privacy-policy-section .entry-content h2 { font-size:20px;font-weight:bold;margin: 25px 0px 25px 0px;  }
.privacy-policy-section h4.text-policy-content { border-radius: 8px;border:1px solid #2541B2;background: #D7F2FF;padding:15px 15px 15px 40px;
color:#2541B2;font-size:18px;font-weight:700;position: relative;line-height: 1.5; }
.privacy-policy-section h4.text-policy-content:before { content: ""; position: absolute;left: 15px;top: 50%;transform: translateY(-50%);
 width: 20px; height: 20px; background: url("../images/info-outline.svg") no-repeat center;background-size: contain; }
.privacy-policy-section .entry-content .prohibited-box { border-radius: 8px;
border:1px solid #C00;background: #FFF0F0;padding:15px;}
.privacy-policy-section .entry-content .prohibited-box h5 { position: relative;color:#900;font-size:16px;font-weight:700;padding-left: 25px; }
.privacy-policy-section .entry-content .prohibited-box h5::before { content: "";position: absolute;left: 0; top: 40%;
    transform: translateY(-50%);width: 20px;height: 20px;
    background: url("../images/warning_amber.svg") no-repeat center; background-size: contain; }

.privacy-policy-section .entry-content .encouraged-box { border-radius: 8px;
border: 1px solid #1BAC7E;background: #E9FCF6;padding:15px;}
.privacy-policy-section .entry-content .encouraged-box h5 {position: relative; color:#1BAC7E;font-size:16px;font-weight:700;padding-left: 25px; }
.privacy-policy-section .entry-content .encouraged-box h5::before { content: "";position: absolute;left: 0; top: 40%;
    transform: translateY(-50%);width: 20px;height: 20px;
    background: url("../images/check_circle_outline.svg") no-repeat center; background-size: contain; }

.work-matter-box { background: #F3F4F6;text-align: center;padding:50px;margin-top: 20px; }
.work-matter-box img { margin: 0px auto 20px auto; }
.blue-find-btn { background: var(--primary-color); padding: 14px; line-height: 18px;align-items: center;display: inline-flex;font-weight: 500;text-decoration: none;
    border: 1px solid var(--primary-color);text-align: center;justify-content: center;color: #fff;transition: all 0.3s ease; height: 46px;  }
.blue-find-btn:hover { background: #fff;color: var(--primary-color);border: 1px solid var(--primary-color);font-weight: 500;  }

.hire-craft-btn { background: #fff; padding: 14px; line-height: 18px;align-items: center;display: inline-flex;font-weight: 500;text-decoration: none;
border: 1px solid var(--primary-color);text-align: center;justify-content: center;color: var(--primary-color);transition: all 0.3s ease; height: 46px;  }
.hire-craft-btn:hover { background: var(--primary-color);color: #fff;border: 1px solid var(--primary-color);font-weight: 500;  }
.work-matter-btns { display: flex; gap: 20px; margin-bottom: 20px;justify-content: center; }
.error-404-section { background: #F3F4F6;padding: 80px 0; }
.error-404-section .go-back-btn { margin-top:30px; }

/** about page **/
.about-banner-section { padding:80px 0px 120px 0px;background:#fff; }
.about-banner-section h2 { font-size:64px; }
.about-banner-section p { color:#191919;font-size:20px; }
.about-banner-section .col-md-8 { text-align:center; }
.home-banner-section.story .home-banner-content h1 { font-weight:900; }
.build-clarity-section.about .section-title p { font-size: 56px;line-height:60px;font-weight:500;max-width: 900px; }
.build-clarity-section.about .section-title p span { color:var(--primary-color); }
.build-clarity-section.about { padding:60px 0;}
.problem-solving-section { padding:60px 0; background:#F3F4F6; }
.problem-solving-section .section-title p { max-width: 600px;margin: 0px auto; }
.problem-solving-box { border: 1px solid #F3F4F6;background: #FAFAFA;padding:24px;text-align: center;height: 100%; }
.problem-solving-icon img { margin:0px auto 15px auto; }
.problem-solving-box h4 { font-size:18px;font-weight:700; }
.problem-solving-box p { margin-bottom:0px; }
.get-updates-section.work-matter .section-title p { max-width: 870px;margin: 0px auto 25px auto; }
.craftcore-built-section { padding:80px 0; }
.craftcore-info-box { background:#FAFAFA;padding:24px;height: 100%;  }
.craftcore-info-box .info-icon img { margin-bottom:20px; }
.craftcore-info-box .info-content h3 { font-size:16px;font-weight:700;line-height:24px;margin-bottom: 20px; }
.craftcore-info-box .info-content h2 { margin-bottom:10px; }
.craftcore-built-section .craftcore-info-box ul { list-style: none; padding-left: 0; }
.craftcore-built-section .craftcore-info-box ul li { position: relative;padding-left: 30px;margin-bottom: 10px; }

.craftcore-built-section .craftcore-info-box ul li::before { content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);
    width: 20px;height: 20px;background-size: contain;background-repeat: no-repeat;background-position: center; }
.craftcore-built-section .craftcore-info-box.box-1 ul li::before { background-image: url("../images/skill-workers-icon.svg"); }
.craftcore-built-section .craftcore-info-box.box-2 ul li::before { background-image: url("../images/employers-icon.svg"); }

/** faq & support page **/
.how-can-help-section { padding:60px 0px 100px 0px; }
.how-can-help-section .section-title h2 { font-size:64px; }
.how-can-help-section h4 { text-align:center;font-size:16px;margin-bottom: 0px; }
.how-can-help-section .section-title { margin-bottom:15px; }
.banner-search { margin-bottom:20px; }
.banner-search form { position: relative;max-width: 800px;margin: 0 auto;display: flex;align-items: center;
    border: 1px solid #7D7D7D; border-radius: 50px; padding: 15px 25px; background: #FAFAFA;transition: box-shadow 0.3s ease; }
.banner-search form:focus-within { box-shadow: 0 4px 12px rgba(0,0,0,0.1);  }
.banner-search img { width: 20px;height: 20px; }
.banner-search .input-text { flex-grow: 1;border: none;outline: none;font-size: 17px;box-shadow: none; padding: 0px 0px 0px 10px;
    color: #7D7D7D; background: transparent; padding-left:5px;  }
.input-text::placeholder { color: #999; }
.search-submit { background: none;border: none;color: #2b57ff; font-weight: 700;
    font-size: 16px;cursor: pointer;padding-left: 15px;transition: opacity 0.2s; }
.search-subtext { margin-top: 20px; font-size: 15px;color: #333;font-weight: 400; }

.browse-theme-section { background:#F3F4F6;padding:60px 0; }
.browse-theme-box { border: 1px solid #0026FF; background: #FAFAFA;padding:24px;  }
.browse-theme-section h2 { text-align: center;margin-bottom:30px; }
.browse-theme-icon { margin-bottom:15px; }
.top-questions-section { padding:100px 0; }
.cant-find-section { padding:60px 0;background:#F3F4F6; }
.cant-find-content h5 { font-size:16px; }
.contact-methods { margin: 25px 0; }
.contact-item { display: flex; align-items: center; margin-bottom: 20px; }
.contact-icon { width: 30px; margin-right: 15px; }
.contact-text strong { display: block; font-size: 18px;color:#191919;; }
.contact-text a { color: #4B5563;text-decoration: none;font-size:16px; }
.send-message-form { background:#FAFAFA;border:1px solid #E5E7EB;padding:60px; }
.cant-find-content .question-icon { margin-bottom:20px; }
.send-message-form .gform_heading h2 { font-size:18px;font-weight:700; }
.send-message-form .gform_wrapper.gravity-theme .gfield input.large { border-radius: 8px;border:1px solid #7D7D7D;outline: none;
    background: #fff;font-size: 16px;font-weight: 500;line-height: 21px;padding: 14px; }
.send-message-form .gform_wrapper.gravity-theme .gfield textarea.large { border-radius: 8px;border:1px solid #7D7D7D;outline: none;
    background: #fff;font-size: 16px;font-weight: 500;line-height: 21px;padding: 14px;height:120px !important; }
.send-message-form .gform_wrapper.gravity-theme .gfield select.large { -webkit-appearance: none;-moz-appearance: none;appearance: none;
    border-radius: 8px;border: 1.099px solid #7D7D7D; background-color: #fff;font-size: 16px;font-weight: 500;line-height: 21px;
    padding: 14px 40px 14px 14px; height: 50px;background-image: url(../images/contact-arrow-down.svg);outline:none;
    background-repeat: no-repeat;background-position: right 14px center;background-size: 12px; }
.send-message-form .gform_button { background-color: #0044ff;color: #fff !important; padding: 10px 20px;outline: none;font-weight: 700;
     display: flex; align-items: center; gap: 8px; transition: background 0.3s ease;display: inline-block;border: 1px solid #0044ff; }
.send-message-form .gform_button:hover { background-color: #0033cc; }
.send-message-form #gform_confirmation_message_2 { font-weight:700 ;}

/** faq category page **/
/* Banner */
.category-banner-section { background: var(--primary-color); color: #fff;padding: 60px 0; }
.category-banner-section h1 { font-size: 32px;font-weight: 700;color: #fff; }
.category-banner-section p { color:#fff;margin-bottom: 0px; }
.breadcrumb { font-size: 16px;margin-bottom: 10px; }
.breadcrumb span.breadcrum-icon { padding:0px 5px 0px 5px; }
.breadcrumb a { color: #fff; opacity: 0.8; }
.support-category-wrapper { background: #f5f6f8;padding: 60px 0; }

/* Sidebar */
.support-category-sidebar h6 { font-size: 14px; color: var(--text-color);margin-bottom: 25px; }
.support-category-sidebar ul { list-style: none;padding: 0;margin: 0; }
.support-category-sidebar li { margin-bottom: 10px;position: relative;overflow: hidden;border-radius: 4px; }
.support-category-sidebar li a { display: flex; justify-content: space-between;align-items: center;
    padding: 12px 15px;text-decoration: none;color: #374151;font-size: 14px; }
 
.support-category-sidebar li.active a { color: var(--primary-color); font-weight: 600;background:#EFF6FF;padding:12px; }

.support-category-header {  display: flex;justify-content: space-between; margin-bottom: 15px; }
.support-category-header h2 { font-size: 22px;position: relative; padding-left: 17px; padding-top: 5px; }
.support-category-header h2::before { content: "";position: absolute;left: 0;
    top: 4px;bottom: 4px;width: 4px; background: #2563EB;height: 55%; }
.support-category-wrapper .banner-search form { padding: 10px 20px; }
.support-category-wrapper .meta span.reading-time { padding-left:7px; }

/* Search */
.support-category-search input { border: 1px solid #ddd; border-radius: 20px; padding: 8px 15px;width: 220px; }

/* Cards */
.support-category-card { background: #fff;padding: 24px; border-radius: 2px; margin-bottom: 15px;border: 1px solid #E5E7EB; }
.support-category-card h3 { font-size: 16px;margin-bottom: 8px; }
.support-category-card h3 a {  color: var(--primary-color);text-decoration: none;font-weight:600; } 
.support-category-card p { font-size: 14px; }
.support-category-card p a { color: #4B5563; }
.support-category-card .meta { font-size: 14px;color: #9E9E9E; margin-top: 8px; }

/* Pagination */
.support-category-pagination { margin-top: 50px;text-align: center; }
.support-category-pagination .page-numbers {  padding: 6px 10px;margin-right: 5px;color:#191919; }
.support-category-pagination .current { background: #191919; color: #fff; }


/** single category **/
.single-category-banner-section {background: #fff; color: #191919;padding: 60px 0;border-bottom: 1px solid  #E5E7EB;  }
.single-category-data-box { border-radius: 2px; border: 1px solid var(--General-Neutral-Gray-200, #E5E7EB);
    background: var(--General-Neutral-Pure-White, #FFF);padding: 24px; }
.single-post-meta span { display:flex;gap:7px;align-items: center;margin-bottom: 15px; }
.single-post-meta { display:flex;gap:15px;align-items: center;margin-bottom: 15px; }
.single-category-data-box h1 { font-size:40px; }
.single-category-content { border-bottom: 1px solid  #F3F4F6; }
.single-theme-section .addtoany_content { display: flex; gap: 15px;background: #F8F9FC;border-radius:12px; padding: 20px; }
.single-theme-section .addtoany_header { margin: 4px 0 0px;color:#0C111D;font-size:16px; }
.single-theme-section { background: #F3F4F6;padding: 60px 0; }
.single-category-content h2 { font-size:20px;color:#0C111D;font-weight:700;line-height: 28px; }
.single-category-content p { color:#374151; }
.single-category-banner-section .breadcrumb-item-light,.single-category-banner-section .breadcrumb-item-light a ,.single-category-banner-section .breadcrumb a {
 color: #9E9E9E; text-decoration: none; }

/** blog **/
.blog-content-section { background:#F3F4F6;padding:60px 0; }
.category-buttons { display: flex;flex-wrap: wrap;gap: 15px; }
.category-buttons .category-list-btn.active { background: #D8F5FC;color: var(--primary-color);border-radius: 4.272px;border: none;
border: 1px solid #D8F5FC; }
.category-list .category-list-btn { transition: 0.3s ease; text-align: center; }
.category-list .category-list-btn:hover { background:#D8F5FC;color:var(--primary-color);border: 1px solid #D8F5FC; }
.category-buttons button { font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: 0.96px;
  text-transform: capitalize;min-width: 120px; }
.category-buttons a { text-decoration: none;padding: 17px 17px; border-radius: 4.272px;color: #191919;cursor: pointer;
   transition: all 0.3s ease;font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: 0.3px;
    text-transform: capitalize;min-width: 120px;border: 1px solid #E5E7EB; }

.news-post-section .seeMore-btn a img { padding-right: 8px;}
.news-post-section { padding: 60px 0px 0px 0px; }
.news-post-section h2 { text-align: center; margin-bottom: 40px; }
.news-post-section ul { list-style: none; padding: 0; margin:0;
display: grid; grid-template-columns: repeat(3, 1fr); column-gap:30px; row-gap:24px;  }
.news-post-section .news-post-box { list-style: none; background: #fff; display: flex; flex-direction: column;
margin-bottom:30px;height: 100%; }
.news-post-section .seeMore-btn { margin-top: 20px;justify-content: center;align-items:left;text-align:left; }
.news-post-section .seeMore-btn a { font-weight: 600;font-size: 16px; line-height: 16px; height: 36px; }
.news-post-section .news-post-img { width:100%; margin: 0 0 24px 0;position: relative; overflow: hidden; }
.news-post-section .news-post-img img { width: 100%;  height: auto;  display: block;border-radius: 16px 16px 0 0; }
.news-post-section h3 { font-size: 18px; margin: 0 0 12px; }
.news-post-section h3 a { text-decoration:none;color:#0F172A;font-weight: 700;line-height: 27px; }
.news-post-content .news-date { font-size:16px;margin-bottom: 10px;display: flex; }
.news-post-section .news-post-content { padding:20px;padding-top:0px;display: flex;flex-direction: column; flex: 1;}
.news-post-section ul li p { font-size: 14px; }
.news-date span {margin-left: 7px; }
.news-post-content span { color:#7D7D7D;display: flex; gap: 5px;align-items: center;font-size: 15px; }
.blog-primary-btn { background: transparent; border-radius: 16px; padding: 4px 4px; color:var(--text-color); text-decoration: none;
font-weight: 700; display: block; font-size: 16px; min-width: 110px; text-align: center; height: 50px; 
text-align: center; text-transform: capitalize;display: inline-flex; align-items: center; justify-content: center; }
.blog-primary-btn:hover { color: #333; }
.news-post-section .col-md-4 { margin-bottom: 30px; }
span.blog-info { display: block;max-height: 155px;overflow: hidden;color: #374151;
    flex-grow: 1;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 16px; }
span.blog-info a { color: #374151; }
.news-post-cc-icon { display: flex; align-items: center;gap: 10px; }
.news-post-cc-icon h4 { margin-bottom:0px;font-size:15px;color:var(--text-color); }

.category-badge { position: absolute;top: 17px;left: 15px;background-color: #D1E9FF;color: var(--primary-color);padding: 5px 12px;
    font-size: 16px;font-weight: 400;border-radius: 4px; z-index: 10; }
.news-meta-top { display: flex;align-items: center;gap: 8px;
    font-size: 13px;color: #6c757d; margin-bottom: 10px; }
.news-meta-top img { width: 14px;height: 14px;margin-right: 4px;vertical-align: middle; }
.meta-divider { color: #dee2e6; }
.news-post-content h3 { margin-top: 0;font-size: 1.25rem;line-height: 1.4; }
.news-main-section { padding:60px 0;}
.news-main-content .news-main-category { color:var(--primary-color);margin-bottom:20px; }
.news-main-content h1 { font-size:40px;margin-top: 20px; }
.news-main-footer a img { display:inline-block; }
.news-main-footer { display: flex;align-items: center;justify-content: space-between; }
.news-main-footer span { color:#9E9E9E; }
.news-main-box { border:1px solid var(--primary-color); }
.news-main-content { padding: 10px 40px 10px 25px; }
.single-post .single-theme-section .addtoany_content { padding: 20px 0px 0px 0px;
    border-top: 1px solid #E5E7EB;background:none;border-radius:0px; }

.blog-pagination { display: flex;justify-content: center; gap: 15px;flex-wrap: wrap;margin-top: 40px; }
.blog-pagination span.page-numbers.current { color:#fff;background: var(--primary-color);border-radius: 8px;}
.blog-pagination a:hover { background: var(--primary-color);color: #fff; border-color: var(--primary-color); }
.blog-pagination a.next.page-numbers,.blog-pagination a.prev.page-numbers { border:none;padding:3px 12px;min-width: auto;
    height: auto; }
.blog-pagination span.page-numbers ,.blog-pagination a { text-decoration: none;border: 1px solid #F1F1F1;
   color: #121330;padding: 3px 12px; border-radius: 8px;font-size: 16px;display: inline-flex;
    align-items: center;justify-content: center; min-width: 42px;height: 42px;transition: all 0.3s ease; }

/** single blog **/
.subscribe-form input[type="text"] { width: 100%;padding: 12px 15px;font-size: 16px;background: #FAFAFA;
    border: 1px solid #7D7D7D;border-radius: 8px;height: 50px;box-sizing: border-box; outline: none; }  
.subscribe-form input[type="submit"] { background-color: #0044ff;color: #fff !important; padding: 10px 20px;display: flex; 
    align-items: center; gap: 8px; transition: background 0.3s ease;outline:none;border: none;width: 100%; }
.subscribe-form input[type="submit"]:hover { background-color: #0033cc; }  
.subscribe-form .gform_wrapper.gravity-theme .gform_footer input { margin-bottom:0px; }

.recent-posts-sidebar { background: #fff;padding: 20px;border: 1px solid #eee;margin-bottom: 30px;
border: 2px solid var(--General-Neutral-Gray-200, #E5E7EB); }
.recent-posts-header { display: flex;align-items: center;gap: 10px;margin-bottom: 20px; }
.recent-posts-header h4 { margin: 0; font-size: 17px;font-weight: 600; }
.recent-post-item { display: flex;text-decoration: none;color: #333;
    margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid #f5f5f5; }
.recent-post-item:last-child { border-bottom: none;margin-bottom: 0px;padding-bottom: 0px; }
.post-number { background: var(--text-color); color: white;min-width: 35px;height: 35px;display: flex;align-items: center;
    justify-content: center;font-weight: bold;margin-right: 15px;border-radius: 2px; }
.post-title-wrap h5 { margin: 0; font-size: 14px;line-height:22px;color:#0C111D;font-weight: 500; }
.single-post .single-theme-section { background: #F8F9FC; } 
.single-post .single-post-meta span { margin-bottom:0px; }
.single-post .wp-block-group.future-author-text { border-left: 10px solid #FFC400;padding-left: 20px;margin: 30px 0px 30px 50px; }
.single-post .wp-block-group.future-author-text h5 { font-size: 15px;text-transform: uppercase; }
.single-post .wp-block-group.future-author-text h4 {  color: #0C111D;font-family: "Space Grotesk";font-size: 20px;
    font-style: normal; font-weight: 700; line-height: 28px; }

/** faq **/
.faq-item { padding:20px 20px;border-radius: 8px; border: 1px solid var(--color-border-base, #E2E2E2);
    background: #f5f5f5;margin-bottom: 30px; }
.faq-item.active { background: #fff; }
.faq-item:last-child { border-bottom:none; }
.faq-header{ display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700;font-size: 20px; }
.faq-icon { width:20px;height:20px;background:url("../images/faq-open-arrow.png") no-repeat center;background-size:contain; }
.faq-item.active .faq-icon { background:url("../images/faq-close-arrow.png") no-repeat center; background-size:contain; }
.faq-content { max-height:0;overflow:hidden;transition:max-height .3s ease; }
.faq-item.active .faq-content {  max-height:500px; margin-top:10px; }
.faq-content-inner p { font-size: 17px;margin: 15px 0px 0px 0px; }    

/** home pricing popup **/
.cc-page-center,.cc-overlay{font-family:sans-serif}
.cc-page-center{min-height:100vh;display:flex;align-items:center;justify-content:center}
.cc-open-btn{display:block;margin:0 auto;background:var(--cc-blue);color:#fff;padding:14px 30px;border:none;border-radius:8px;font-size:16px;cursor:pointer;font-weight:700}
.cc-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:flex-start;justify-content:center;z-index:99999;padding:24px;overflow:auto}
.cc-popup{background:#fff;width:980px;height:860px;max-height:calc(100vh - 48px);border-radius:12px;padding:26px 32px 14px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.28);display:flex;flex-direction:column}
.cc-close{position:absolute;right:18px;top:12px;font-size:18px;cursor:pointer;border:none;background:transparent;line-height:1;color:var(--cc-text);padding:8px;border-radius:10px}
.cc-close:hover{background:#f3f4f6}
.cc-top{display:flex;justify-content:center;padding:2px 0 18px}
.cc-toggle-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}
.cc-save-pill{font-size:11px;font-weight:800;color:#fff;background:var(--cc-teal);padding:4px 10px;border-radius:999px}
.cc-toggle{display:flex;gap:18px;align-items:flex-end;border-bottom:1px solid #e5e7eb;padding-bottom:6px}
.cc-toggle button{border:none;background:transparent;cursor:pointer;font-size:13px;font-weight:800;padding:0 0 8px;color:var(--cc-muted);position:relative}
.cc-toggle button[aria-selected="true"] {color:var(--cc-text)}
.cc-toggle button[aria-selected="true"]:after {content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--cc-blue);border-radius:2px}
.cc-scroll{flex:1;overflow:auto;padding:2px 0 10px}
.cc-row{display:grid;grid-template-columns:2.4fr 1fr 1fr 1fr 1fr;column-gap:22px;align-items:flex-start;padding:18px 0;border-top:1px solid var(--cc-line)}
.cc-row:first-child{border-top:none}
.cc-row.cc-header{padding-top:6px;padding-bottom:22px;align-items:flex-end}
.cc-cell{text-align:center}
.cc-cell.cc-feature{text-align:left;padding-right:10px}
.cc-title{margin:0;font-size:28px;font-weight:900;letter-spacing:-.02em;color:var(--cc-text)}
.cc-sub{margin:10px 0 0;font-size:13px;color:var(--cc-muted);max-width:420px;line-height:1.45}
.cc-plan{font-size:12px;font-weight:900;color:var(--cc-text);margin-bottom:6px}
.cc-price{display:flex;justify-content:center;align-items:baseline;gap:4px;margin-bottom:10px}
.cc-amount{color:var(--cc-blue);font-weight:900;font-size:14px}
.cc-unit{color:var(--cc-muted);font-size:12px;font-weight:700}
.cc-choose{background:var(--cc-blue2);color:#fff;border:none;padding:7px 12px;border-radius:6px;cursor:pointer;font-size:12px;}
.cc-choose:hover{background:#1e40af}
.cc-ftitle{margin:0;font-size:12px;font-weight:900;color:var(--cc-text)}
.cc-fdesc{margin:6px 0 0;font-size:11px;line-height:1.45;color:var(--cc-muted);max-width:520px}
.cc-inner{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:2px}
.cc-note{font-size:11px;color:#374151;line-height:1.25}
.cc-foot{font-size:9px;color:#9ca3af;line-height:1.25;margin-top:-4px}
.cc-icon-check{display:inline-block;width:20px;height:20px;flex-shrink:0;background:url("tick%20svg/Vector.svg") center/contain no-repeat}
.cc-icon-x{width:18px;height:18px; }    


/* FOOTER */
.footer-container { padding: 80px 0 40px; background: #fff; }
.footer-description { font-size: 15px; line-height: 1.6;  max-width: 300px;margin-top: 20px;  }
.footer-links h4 {  font-size: 14px; font-weight: 700; text-transform: uppercase;letter-spacing: 0.05em; color: #191919; margin-bottom: 24px;  }
.footer-menu { list-style: none; padding: 0; }
.footer-menu li { margin-bottom: 20px; }
.footer-menu li a {  color: var(--primary-color); font-weight: 600; text-decoration: none; font-size: 17px;font-weight: 600;
    line-height: normal;text-decoration-line: underline;text-decoration-style: solid;  }
.footer-menu li.right-arrow-add a::after { content: "";display: inline-block;width: 16px;height: 16px;margin-left: 8px;
    background-image: url('../images/blue-btn-arrow.svg');background-size: contain;background-repeat: no-repeat; vertical-align: middle; }

.footer-utility-bar {  display: flex;  align-items: center; gap: 30px; padding: 20px 0; }
.footer-socials { display: flex; gap: 18px; }
.footer-socials img { width: 22px; height: 22px; transition: opacity 0.2s; }
.footer-socials a:hover img { opacity: 0.7; }

.lang-selector {  display: flex; align-items: center; gap: 8px; 
    font-size: 14px; font-weight: 500;color: #444; cursor: pointer;  }
.footer-bottom {  display: flex; justify-content: space-between;  align-items: center;  font-size: 16px;
    border-top: 1px solid #F3F4F6; padding: 20px 0; }
.legal-menu { display: flex; list-style: none; gap: 24px; padding: 0; margin: 0; }
.legal-menu a { color: #004cff; font-weight: 600; text-decoration: none; }


@media(max-width: 1023px){
/*menu*/
/*
.mob-menu { display:block; background:url(../images/mob-icon.png) center center no-repeat; padding:10px 12px; color:#000; border-radius:0px; cursor:pointer; text-align:left; 
font-size: 0; line-height: 0; width: 40px; height: 30px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }
.header-right { position: absolute; top: 100%; right: 0px; text-align: left; z-index: 9; display: none; 
background: var(--black-color); width: 100%; max-width: 500px; box-shadow: 0px 10px 10px rgba(0,0,0,0.1); }
.nav-container ul li.active a::before { display: none; }
.nav-container ul { margin:0px; padding:0px 0px; width: 100%; }
.nav-container ul li { display:block; padding:0px 0px; margin:0px; font-size:16px; width:100%; background:var(--blue01-color); margin:0px !important; }
.nav-container ul li a { border-radius:0px; padding:12px 20px; border-bottom:1px solid rgba(255,255,255,0.2); 
  color:#fff;background:var(--green-color); }
.nav-container ul li a:hover { color:var(--green-color);background:#FAFAFA; }
.nav-container ul li a.parent::after { display: none; }
.nav-container ul li .sub-menu { padding:0px; display:none; position:static; width:100%; }
.nav-container ul li .sub-menu li a { padding:10px 0px 10px 32px; }
.nav-container .nav-icon { position: absolute;  right: 0px; top: 0px; width: 45px;  height: 48px; background-repeat: no-repeat; cursor:pointer; z-index:99;}
.nav-container .nav-icon.open {  background: url(../images/menu-plus.png) center center no-repeat; }
.nav-container .nav-icon.close {  background: url(../images/menu-minus.png) center center no-repeat; opacity:1; }
.nav-container li .sub-menu li { border-bottom:0px; padding:0px; background:#111; border-radius: 0; } 
.nav-container li .sub-menu li a { padding-bottom:8px; }
.nav-container .menu-main-menu-container { display:none; text-align:left;  }
.header-right-btn ul { flex-direction: column; padding: 15px 20px 20px; gap:15px; }
.header-right-btn ul li .login { display: block; padding: 4px 0; color: #fff; width: auto; }
.header-right-btn ul li { width: 100%; }
.header-right-btn ul li a { text-align: center; justify-content: center; width: 100%; }
.header-right-btn { min-width: 50px;background: var(--background-verde, linear-gradient(166deg, #ECF8F2 0%, #E6E6E6 99.32%)); }
.nav-container ul li.current-menu-item > a,
.nav-container ul li.current_page_item > a,
.nav-container ul li.current-menu-parent > a,
.nav-container ul li.active > a { color:var(--green-color); background:#FAFAFA; }
*/

.header-top {   position: relative;  }
.mob-menu { display:block; background:url(../images/mob-icon.png) center center no-repeat; padding:10px 12px; color:#000;  border-radius:0px; 
    cursor:pointer; font-size: 0; line-height: 0; width: 40px; height: 30px; position: absolute;  right: 0px; z-index: 100; }
.nav-container, .mobile-menu, .header-right {   display: none;  } 
 .header-top .mobile-menu { position: absolute;top:38px; left: 0; width: 100%; z-index: 98; background: #D8F5FC;color:var(--primary-color); }
.nav-container ul, .mobile-menu ul { margin: 0; padding: 0; list-style: none; }
 .header-right-btn ul { padding: 10px 20px; }
.nav-container ul li a, .mobile-menu ul li a { display: block;padding: 15px 20px; color: var(--primary-color);background: #D8F5FC; 
        border-bottom: 1px solid rgba(255,255,255,0.1);text-decoration: none; }

.nav-container ul li a:hover,.nav-container ul li.current-menu-item > a  ,
.mobile-menu ul li a:hover,.mobile-menu ul li.current-menu-item > a {  color:#FAFAFA; background:var(--primary-color); }

}

@media(min-width: 1024px) and (max-width: 1279px) {
.what-makes-box h3 { font-size: 17px; }  
.header-left { min-width: 250px; }  
.privacy-policy-section .col-md-8 , .privacy-policy-section .col-md-4 { width:100%; }
.privacy-policy-section .col-md-4 { margin-top: 30px; }
.privacy-policy-section h1 { font-size:34px; }
.home-banner-content h1 ,.about-banner-section h2 ,.how-can-help-section .section-title h2 { font-size:50px; }
.about-banner-section ,.get-updates-section.work-matter { padding:50px 0; }
.build-clarity-section.about .section-title p { font-size:40px; }
.build-clarity-section.about .section-title { margin-bottom:0px; }
.craftcore-info-box .info-content h2 { font-size:34px; }
.take-craft-content h2 { font-size:34px; }
.how-can-help-section { padding: 60px 0px 80px 0px; }
.browse-theme-box { height: 100%; }
.top-questions-section { padding: 60px 0; }
.send-message-form { padding: 50px; }
.news-main-box { border:none; }
.news-main-content h1 { font-size:32px; }
.single-theme-section .col-md-9 {width: 65%;  }
.single-theme-section .col-md-3 { width: 35%; }
.single-category-banner-section { padding:40px 0; }
.cc-row { column-gap: 15px; }
.cc-title { font-size: 25px; }

}    

@media(min-width: 768px) and (max-width: 1023px) { 
body { font-size: 16px; line-height: 1.5; }
p { line-height: 1.8; }
h2 { font-size: 30px; }
h3 { font-size: 20px; }

.home-banner-content h1 ,.about-banner-section h2 ,.how-can-help-section .section-title h2 { font-size:40px; }
.home-banner-section ,.how-it-works-section ,.build-clarity-section ,.take-craft-section ,.about-banner-section ,.problem-solving-section,
.build-clarity-section.about ,.craftcore-built-section ,.get-updates-section.work-matter ,.browse-theme-section ,.cant-find-section ,
.category-banner-section ,.single-theme-section ,.news-main-section,.blog-content-section  { padding:50px 0; }
.support-category-wrapper { padding:50px 0px 30px 0px; }
.get-updates-section  { padding:0px 0px 50px 0px; }
.how-it-works-section h3 { font-size: 28px; }
.take-craft-section .col-md-5 ,.take-craft-section .col-md-7 { width:100%; }
.newsletter-form .gform_wrapper form { flex-direction: column !important; }
.privacy-policy-section .col-md-8 , .privacy-policy-section .col-md-4 { width:100%; }
.privacy-policy-section .col-md-4 { margin-top: 30px; }
.privacy-policy-section h1 { font-size:34px; }
.about-banner-section .col-md-8 { width: 80%; }
.build-clarity-section.about .section-title p { font-size: 35px;line-height: 45px; }
.build-clarity-section.about .section-title { margin-bottom:0px; }
.how-can-help-section { padding: 50px 0px 70px 0px; }
.top-questions-section { padding: 60px 0; }
.send-message-form { padding:45px; }
.single-theme-section .col-md-9 ,.single-theme-section .col-md-3 { width:100%; }
.single-category-banner-section { padding:40px 0; }
.single-category-data-box h1 { font-size: 34px; }
.still-questions-box { margin-top:25px;width: 60%; }
.news-main-content h1 { font-size:32px; }
.news-main-box { border:none; }
.news-main-content { padding: 20px 50px 10px 0px; }
.news-post-section { padding: 40px 0px 0px 0px; }
.recent-posts-sidebar { margin-top: 35px; }
.header-left { justify-content: flex-start; }
.mobile-menu .mobile-search { display: flex; align-items: center;padding: 20px; width: 100%; }
.mobile-menu .btn-explore { display: inline-flex; align-items: center; gap: 8px;  }
.cc-row { grid-template-columns: 2.2fr 1fr 1fr 1fr 1fr;column-gap: 15px; }
.cc-title { font-size:20px; }
.cc-choose { padding: 7px 7px;}
.cc-amount { font-size: 12px; }

}

@media(max-width:767px){
body { font-size: 15px; line-height: 1.5; }
h1 { font-size:30px; }
p { line-height: 1.8; }
h2 { font-size: 28px; }
h3 { font-size: 23px; }

.home-banner-content h1 { font-size:35px; }
.home-banner-section ,.how-it-works-section ,.build-clarity-section ,.take-craft-section ,.about-banner-section ,.problem-solving-section,
.build-clarity-section.about ,.craftcore-built-section ,.get-updates-section.work-matter ,.how-can-help-section ,.top-questions-section ,
.cant-find-section ,.category-banner-section ,.single-theme-section ,.news-main-section ,.blog-content-section  { padding:50px 0; }
.support-category-wrapper { padding:50px 0px 30px 0px; }
.how-it-works-section h3 { font-size: 24px; }
.get-updates-section  { padding:0px 0px 50px 0px; }
.newsletter-form .gform_wrapper form  { flex-direction: column !important; }
.privacy-policy-section { padding:50px 0px 80px 0px; }
.policy-meta { gap:10px; }
.work-matter-box { padding:30px; }
.work-matter-btns { flex-direction: column; }
.privacy-policy-section .col-md-4 { margin-top: 30px; }
.privacy-policy-section h1 { font-size:32px; }
.about-banner-section h2 ,.how-can-help-section .section-title h2 {  font-size: 35px; }
.build-clarity-section.about .section-title p { font-size: 30px;line-height: 40px;font-weight: 500; }
.build-clarity-section.about .section-title { margin-bottom:0px; }
.how-can-help-section { padding:60px 0; }
.browse-theme-box { text-align:center; }
.browse-theme-icon img ,.browse-theme-link a img { margin:0px auto; }
.send-message-form { margin-top:20px;padding: 30px; }
.support-category-header { flex-direction:column; }
.support-category-header h2::before { display:none; }
.single-category-banner-section { padding:35px 0; }
.single-category-data-box h1 { font-size: 32px; }
.single-post-meta { display: flex; gap: 10px;flex-direction: column;align-items: baseline;  }
.still-questions-box { margin-top:25px; }
.news-main-content { padding: 30px 25px 30px 5px; }
.news-post-section { padding: 50px 0px 0px 0px; }
span.blog-info { margin-bottom: 10px; }
.news-main-content h1 { font-size: 28px; }
.news-main-box { border:none; }
.single-blog-data-box h1 { font-size:26px; }
.recent-posts-sidebar { margin-top: 35px; }
.single-post .wp-block-group.future-author-text { margin: 30px 0px 30px 15px; }
.header-left { justify-content: flex-start; }
.mobile-menu .mobile-search { display: flex; align-items: center;padding: 20px; width: 100%; }
.mobile-menu .btn-explore { display: inline-flex; align-items: center; gap: 8px;  }

.cc-popup { width: 95%;height: auto;
    max-height: 90vh;padding: 20px 16px 12px;flex-direction: column; }
.cc-row { grid-template-columns: 1fr; row-gap: 12px;column-gap: 0;padding: 12px 0; }
.cc-row.cc-header { padding-top: 6px;padding-bottom: 12px; align-items: flex-start; }

.cc-row.feature { display: flex; flex-wrap: wrap;justify-content: center; }
.cc-cell.feature { width: 50%; }
.cc-cell.cc-feature { text-align: center;padding-right: 0; }
.cc-title { font-size: 22px; }
.cc-sub { font-size: 12px;max-width: 100%; }
.cc-price { gap: 2px;align-items: center; }
.cc-note { font-size: 10px; }
.cc-foot { font-size: 8px; }
.cc-scroll { padding: 0; }
.footer-bottom { flex-direction: column; }
.footer-container { padding: 60px 0 40px; }
.footer-links h4 { margin-bottom: 17px; }
.footer-description p { margin-bottom:30px; }
.support-menu { margin-top: 15px; }
.cc-row.cc-header.feature .cc-cell.cc-feature p { margin-bottom:5px; }


}

@media (max-width: 360px) { 
.take-craft-btns { display:block; }
.take-craft-btns img {  margin-bottom:15px; }
.take-craft-btns img:last-child { margin-bottom:0px; }

}