/*
Theme Name: Sevown is KING
Author: Sevown Dotcom
Author URI: https://Sevown.com/
-----------------------------------------*/


*,
*::before,
*::after { box-sizing: border-box; }

:root {
  --black: #000;
  --white: #fff;
  --white-90: rgba(255,255,255,.90);
  --white-80: rgba(255,255,255,.80);
  --white-60: rgba(255,255,255,.60);
  --white-20: rgba(255,255,255,.20);
  --white-10: rgba(255,255,255,.10);
  --cherry-900:#7D0A0A; --cherry-800:#8E0E12; --cherry-700:#A31621;
  --beige-50:#FAF5EA; --beige-100:#F5EDE1; --beige-200:#EADCC8;
  --ink:#1E1A1A; --text:#2B2525; --muted:#6B5F5F; --gold:#C6A878;
  --surface:#fff; --shadow:0 10px 25px rgba(0,0,0,.08);  
}

/* Layout helpers */
.relative { position: relative; }
.absolute { position: absolute; }
.inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
.overflow-hidden { overflow: hidden; }

.mx-auto { margin-left: auto; margin-right: auto; }
.mt-5 { margin-top: 1.25rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-8 { margin-top: 2rem; }
.mt-16 { margin-top: 4rem; }
.mb-6 { margin-bottom: 1.5rem; }

.px-3 { padding-left: .75rem; padding-right: .75rem; }
.py-1 { padding-top: .25rem; padding-bottom: .25rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.py-3 { padding-top: .75rem; padding-bottom: .75rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.py-24 { padding-top: 6rem; padding-bottom: 6rem; }

.gap-2 { gap: .5rem; }
.gap-3 { gap: .75rem; }
.gap-6 { gap: 1.5rem; }
.lg\:gap-16 { gap: 4rem; }

.bg-black { background-color: var(--black); }
.bg-white { background-color: var(--white); }
.text-white { color: var(--white); }
.text-black { color: var(--black); }
.text-white\/80 { color: var(--white-80); }
.text-white\/60 { color: var(--white-60); }

.opacity-30 { opacity: .30; }

.border { border-width: 1px; border-style: solid; }
.border-white\/20 { border-color: var(--white-20); }
.border-white\/10 { border-color: var(--white-10); }

.ring-1 { box-shadow: 0 0 0 1px var(--ring-color, rgba(255,255,255,.1)); }
.ring-white\/10 { --ring-color: var(--white-10); }

.rounded-full { border-radius: 9999px; }
.rounded-xl { border-radius: .75rem; }
.rounded-2xl { border-radius: 1rem; }

.w-full { width: 100%; }
.max-w-7xl { max-width: 80rem; }   /* 1280px */
.max-w-2xl { max-width: 42rem; }   /* 672px */
.max-w-xl { max-width: 36rem; }    /* 576px */

.inline-flex { display: inline-flex; }
.flex { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.items-center { align-items: center; }

.grid { display: grid; }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }

.text-center { text-align: center; }

.text-xs { font-size: .75rem; line-height: 1rem; }
.text-sm { font-size: .875rem; line-height: 1.25rem; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.sm\:text-5xl { font-size: 3rem; line-height: 1.1; } /* activated @sm in media query */

.font-bold { font-weight: 700; }
.font-extrabold { font-weight: 800; }
.font-semibold { font-weight: 600; }

.uppercase { text-transform: uppercase; }
.tracking-widest { letter-spacing: .2em; }
.tracking-tight { letter-spacing: -0.01em; }

/* Shadows */
.shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0,0,0,.5); }
.shadow-white\/10 { box-shadow: 0 25px 50px -12px var(--white-10); }

/* Buttons & hovers */
a { text-decoration: none; }
.hover\:bg-white\/90:hover { background-color: var(--white-90); }
.hover\:bg-white\/10:hover { background-color: var(--white-10); }

/* Responsive variants */
@media (min-width: 640px) {
  .sm\:text-5xl { font-size: 3rem; line-height: 1.1; }
}
@media (min-width: 768px) {
  .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
}
@media (min-width: 1024px) {
  .lg\:flex { display: flex; }
  .lg\:items-center { align-items: center; }
  .lg\:mt-0 { margin-top: 0; }
  .lg\:flex-1 { flex: 1 1 auto; }
}

/* Helpful extras for the hero image card */
img.rounded-2xl { display: block; }

/* Optional: improve contrast on the hero quote */
.hero-quote { color: var(--white-60); font-size: .875rem; }

body {
     font-size: 16px;
     color: #000000;
     line-height: 28px;
     font-weight: 400;
     background: #f8f9fa;
     font-family: Inter;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center top;
     -webkit-font-smoothing: antialiased;
}
 #header {
     background-color: #cc0000;
     color: #ffffff;
     padding: 20px;
     text-align: center;
}
 #header img {
     vertical-align: middle;
     width: 20%;
}
 #navbar {
     background-color: #f0f0f0;
     padding: 10px;
     border-bottom: 1px solid #ccc;
     display: flex;
     justify-content: space-between;
}
 #navbar a {
     text-decoration: none;
     color: #000;
     margin: 0 10px;
}
 .navbar {
     background-color: #4c6ef5;
     display: flex;
     justify-content: space-between;
     border-bottom: 1px solid #ccc;
}
 .navbar-brand, .navbar-nav .nav-link {
     color: #fff !important;
}
 .content-section {
     margin-bottom: 20px;
}
 .main-content {
     display: flex;
     flex-wrap: wrap;
}
 .main-content .column {
     flex: 1;
     padding: 10px;
     min-width: 300px;
}
 .widget {
     background-color: white;
     border: 1px solid #ddd;
     padding: 15px;
     margin-bottom: 20px;
}
 #searchbar {
     display: flex;
     justify-content: center;
     padding: 10px 0;
}
 #searchbar input[type="text"] {
     width: 400px;
     padding: 5px;
     border: 1px solid #ccc;
}
 #searchbar input[type="submit"] {
     padding: 5px 10px;
     border: 1px solid #cc0000;
     background-color: #cc0000;
     color: #fff;
     cursor: pointer;
}
 #sidebar {
     background-color: #f9f9f9;
     padding: 10px;
     border-right: 1px solid #ccc;
}
 #sidebar h3 {
     background-color: #cc0000;
     color: #fff;
     padding: 5px;
     margin-top: 0;
     font-size: 16px;
}
 #sidebar ul {
     list-style-type: none;
     padding: 0;
}
 #sidebar ul li {
     padding: 5px 0;
}
 #sidebar ul li a {
     text-decoration: none;
     color: #000;
}
 #sidebar .widget {
     margin-bottom: 20px;
}
.navbar {
    background: linear-gradient(180deg, var(--cherry-900), var(--cherry-800));
}
 #searchbar {
     display: flex;
     justify-content: center;
     padding: 30px 0 10px 0;
     border-top: 1px solid #000;
}
 #searchbar input[type="text"] {
     width: 400px;
     padding: 5px;
     border: 1px solid #ccc;
}
 #searchbar input[type="submit"] {
     padding: 5px 10px;
     border: 1px solid #4c6ef5;
     background-color: #4c6ef5;
     color: #fff;
     cursor: pointer;
}
 #main {
     display: flex;
     padding: 10px;
}
 #content {
     flex-grow: 1;
     padding: 0 20px;
}
 #slider {
     width: 100%;
     max-width: 600px;
     margin: 20px auto;
     overflow: hidden;
     border: 1px solid #ccc;
}
 #slider img {
     width: 100%;
     display: none;
}
 #slider img.active {
     display: block;
}
 #footer {
     background-color: #4c6ef5;
     color: #ffffff;
     padding: 10px;
     text-align: center;
}
 table {
     width: 100%;
     border-collapse: collapse;
     margin-bottom: 20px;
}
 table, th, td {
     border: 1px solid #dddddd;
}
 th, td {
     padding: 8px;
     text-align: left;
}
 .news-section {
     margin-bottom: 20px;
}
 .news-section h2 {
     margin-top: 0;
}
 .theme-btn {
     position: relative;
     display: inline-block;
     overflow: hidden;
     vertical-align: middle;
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
     font-family: Manrope;
     color: #fff !important;
     text-align: center;
     padding: 18px 35px;
     z-index: 1;
     transition: all 500ms ease;
}
.theme-btn.btn-one {
     background: #cc0000 !important;
}
 #index{
     margin: 0;
     padding: 0;
}
body, html {
     height: 100%;
}
.banner-04 {
     background-image: url(https://sevown.com/assets/images/banner/banner-1.jpg) !important;
     background-size: initial;
}
 .btn-dark-solid:hover,.btn-dark-solid:focus {
     color: #000000;
     background: #fff;
}
 .promo-btn {
     top: 35px;
}
.about-section .left-col p {
     font-size: 20px;
}
.about-section .left-col h2 {
     color: #CC0000;
     font-size: 29px;
}
.about-section .left-col h3 {
     font-size: 39px;
}
.section-title h2 {
     font-size: 51px;
}
.expect .section-title {
     padding: 0 120px;
}
.section-title {
     text-align: center;
}
.btn-orange {
     background: #de7700;
     background: -moz-linear-gradient(top, #de7700 0%, #ca6500 100%);
     background: -webkit-linear-gradient(top, #de7700 0%, #ca6500 100%);
     background: linear-gradient(to bottom, #de7700 0%, #ca6500 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de7700', endColorstr='#ca6500', GradientType=0);
}
.btn {
     color: #fff;
}
 .section-title p {
     font-size: 23px;
}
 .learn-services h2 {
     font-size: 23px;
}
h1, h2, h3, h4, h5, h6 {
     font-weight: bold;
}
.parallax {
     height: initial;
}
 .get-started .section-title h2 span {
     display: block;
     color: #CC0000;
     font-size: 23px;
}
 .text-underline {
     text-decoration: underline;
}
.get-started {
     background-image: url(https://sevown.com/assets/images/background/video-bg.jpg);
     background-repeat: no-repeat;
     background-size: cover;
}
.expect {
     background-image: url(https://images.sevown.com/?size=1920x733&bg=000&fg=fff&text=Generated+image);
}
.account-block {
     padding: 0;
     background-image: url(https://images.sevown.com/?size=1920x588&bg=000&fg=fff&text=Generated+image);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     height: 100%;
     position: relative;
}
.account-block .overlay {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background-color: rgba(0, 0, 0, 0.4);
}
.account-block .account-testimonial {
     color: #fff;
     position: absolute;
     margin: 0 auto;
     padding: 0 1.75rem;
     bottom: 3rem;
     left: 0;
     right: 0;
}
.account-testimonial li{
     padding-bottom: 10px;
}
.text-theme {
     color: #cc0000 !important;
}
.btn-theme {
     background-color: #cc0000;
     border-color: #cc0000;
     color: #fff;
}
.btn-theme-color:hover, .btn-theme-color:focus {
     color: #000;
     background: #fff;
}
.subscribe-form input {
     width: 70% !important;
}
.border {
     border: none !important;
}
.heading-title-alt.border h6 {
     display: inline-block;
     margin: 20px 0;
     padding: 10px;
}
.heading-title span, .heading-title-alt span {
     letter-spacing: 1px;
     color: #7e7e7e;
     font-size: 20px;
}
.heading-title p, .heading-title-alt p {
     letter-spacing: 1px;
     font-size: 20px;
}
 .sev p{
     letter-spacing: 1px;
     font-size: 15px;
}
.sev{
     padding-right: 0;
}
.own h2{
     font-size: 52px;
     font-weight: 700;
}
.accordion > dd {
     font-size: 20px;
}
.accordion > dt {
     margin-bottom: 10px;
     letter-spacing: .2em;
     text-transform: uppercase;
     font-size: 20px;
     font-weight: 400;
}
.no-gutters{
     border-style: dashed;
}
.subscribe-info {
     width: 45%;
}
.subscribe-form {
     width: 55%;
}
.vpn {
     display: inline-block;
     width: 100%;
     padding: 0;
}
.auto-container {
     position: static;
     max-width: 1320px;
     padding: 0px 15px;
     margin: 0 auto;
}
.theme-btn {
     position: relative;
     display: inline-block;
     overflow: hidden;
     vertical-align: middle;
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
     font-family: var(--manrope);
     color: #fff !important;
     text-align: center;
     padding: 18px 35px;
     z-index: 1;
     transition: all 500ms ease;
}
.service-section .bg-layer {
     opacity: 0.1;
}
ul, li {
     list-style: none;
     padding: 0px;
     margin: 0px;
}
.sec-title{
     position: relative;
     display: block;
}
.centred {
     text-align: center;
}
.parallax-bg {
     position: absolute;
     left: 0px;
     top: -30%;
     width: 100%;
     height: calc(100% + 30%);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
}
.theme-btn {
     position: relative;
     display: inline-block;
     overflow: hidden;
     vertical-align: middle;
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
     font-family: Manrope;
     color: #fff !important;
     text-align: center;
     padding: 18px 35px;
     z-index: 1;
     transition: all 500ms ease;
}
.theme-btn.btn-one{
     background: #cc0000 !important;
}
.theme-btn.btn-two {
     background: #000000;
}
.form-control-valid{
     display:none;
}
p {
     margin: 0 0 30px;
     color: #000000;
     line-height: 30px;
}
a {
     color: #000000;
     text-decoration: none;
}
.calendar {
     margin: auto;
     font-weight: 400;
}
.calendar_content {
     background: #fff;
}
.calendar_weekdays {
     background: #cc0000;
}
.calendar_header {
     padding: 10px 0;
}
.calendar_content, .calendar_weekdays, .calendar_header {
     position: relative;
     overflow: hidden;
}
.calendar_weekdays div {
     width: 11.75%;
     display: inline-block;
     vertical-align: top;
     color: #fff !important;
}
.calendar_weekdays div, .calendar_content div {
     overflow: hidden;
     text-align: center;
     background-color: transparent;
     color: #000;
     font-size: 16px;
     padding: 3px 0;
}
.calendar_content div {
     width: 14.28571%;
     border: 1px solid transparent;
     float: left;
     position: relative;
     z-index: 0;
}
.calendar_content div:hover {
     border: 1px solid #dcdcdc;
     cursor: default;
}
.calendar_content div.blank:hover {
     cursor: default;
     border: 1px solid transparent;
}
.calendar_content div.past-date {
     color: #d5d5d5;
}
.calendar_content div.blue {
     font-weight: bold;
     font-size: 16px;
     color: #ffffff !important;
}
 .calendar_content div.blue:after {
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     bottom: 0;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     content: '';
     width: 30px;
     height: 30px;
     border-radius: 50%;
     border: 2px solid blue;
     margin: 0 auto;
     z-index: -1;
     -webkit-box-shadow: 0px 5px 11px -9px rgba(0, 0, 0, 0.48);
     -moz-box-shadow: 0px 5px 11px -9px rgba(0, 0, 0, 0.48);
     box-shadow: 0px 5px 11px -9px rgba(0, 0, 0, 0.48);
}
.calendar_content div.today {
     font-weight: bold;
     font-size: 16px;
     color: #fff !important;
}
 .calendar_content div.today:after {
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     bottom: 0;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     content: '';
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background: #cc0000;
     margin: 0 auto;
     z-index: -1;
     -webkit-box-shadow: 0px 5px 11px -9px rgba(0, 0, 0, 0.48);
     -moz-box-shadow: 0px 5px 11px -9px rgba(0, 0, 0, 0.48);
     box-shadow: 0px 5px 11px -9px rgba(0, 0, 0, 0.48);
}
.calendar_header {
     width: 100%;
     text-align: center;
}
.calendar_header h2 {
     padding: 0 10px;
     font-weight: 500;
     font-size: 20px;
     color: #cc0000;
     float: left;
     width: 70%;
     margin: 0 0 10px;
}
 a.highlight{
     color: #ffffff;
}
a.appointment{
     background: #cc0000;
}
a.whiteDaymark{
     color: #ffffff;
}
a.blue{
     background: #blue;
}
.bg-theme {
     background-color: #cc0000 !important;
}
.btn-theme-outline:hover {
     color: #fff !important;
     background: #000;
     border: 1px solid #000;
}
.btn-theme-outline {
     position: relative;
     display: inline-block;
     font-size: 16px;
     line-height: 26px;
     color: #fff;
     border: 1px solid #fff;
     cursor: pointer;
     transition: all 500ms ease;
}
    .hero{position:relative; background:radial-gradient(90% 80% at 10% 10%, rgba(255,255,255,.35), rgba(255,255,255,0)),linear-gradient(0deg,var(--beige-100),var(--beige-50)); border-bottom:1px solid var(--beige-200)}
    .hero h1{font-family:"Playfair Display", serif; color:var(--cherry-900)}
    .tag{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .7rem;border-radius:999px;border:1px solid var(--beige-200);background:#fff;color:var(--muted);font-size:.9rem}
    .cta-cherry{background:var(--cherry-700); color:#fff}
    .cta-outline{border-color:var(--cherry-700); color:var(--cherry-700)}
    .card{border:0; box-shadow:var(--shadow)}
    .card-beige{background:var(--surface); border:1px solid var(--beige-200)}
    .crest{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--cherry-900),var(--cherry-700));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}
    .rule{height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);border:0;opacity:.5}