:root      {--primary: #ff0055;--primary-active: #e5004c;--primary-grad2: #ff4133;--grad2-active: #e53a2e;--primary-grad3: #ff7633;--grad3-active: #e56a2e;--danger: #ff0000;--body-bg: #ffffff;--body-color: #000000;--gray-200: #f8fbfc;; --gray-300: #edf3f5;--gray-400: #e1eaed;--gray-600: #b4c6cc;--gray-800: #91a8b0; --gray-900: #688189;--font-sans-serif:Inter,sans-serif;--font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}
:root.dark {--primary: #ff1a66; --primary-active: #e5175c;--primary-grad2: #ff5448;--grad2-active: #e54b41;--primary-grad3: #ff8448;--grad3-active: #e57741;--danger: #ff3333;--body-bg: #0a0c0d;--body-color: #edf3f5;--gray-200: #1b1f21; --gray-300: #23292c; --gray-300-bg: #23292c; --gray-400: #282e31;--gray-600: #282e31;--gray-800: #9aa2a6;--gray-900: #50585c;}
*,:after,:before{box-sizing:border-box}:root{font-size:10px}body{margin:0;font-family:var(--font-sans-serif);font-size:1.3rem;font-weight:400;line-height:1.6;color:var(--body-color);background-color:var(--body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0;font-weight:700;line-height:1.2}h1{font-size:4rem}h2{font-size:3.2rem}h3{font-size:2.4rem}h4{font-size:1.8rem}h5{font-size:1.6rem}h6{font-size:1.3rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.2em;background-color:var(--primary)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a,a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--gray-800);word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:var(--body-bg);background-color:var(--body-color);border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--gray-800);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border:0 solid;border-color:inherit}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}
body {margin: 0;font-family: var(--font-sans-serif);font-size: 1.3rem;font-weight: 400;line-height: 1.6;color: var(--body-color);background-color: var(--body-bg);-webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;-webkit-font-feature-settings: "case" 1, "cpsp" 1, "liga" 0, "cv01" 1, "ss01" 1, "cv05" 1, "cv06" 1;-moz-font-feature-settings: "case" 1, "cpsp" 1, "liga" 0, "cv01" 1, "ss01" 1, "cv05" 1, "cv06" 1;-ms-font-feature-settings: "case" 1, "cpsp" 1, "liga" 0, "cv01" 1, "ss01" 1, "cv05" 1, "cv06" 1;font-feature-settings: "case" 1, "cpsp" 1, "liga" 0, "cv01" 1, "ss01" 1, "cv05" 1, "cv06" 1;padding-bottom: env(safe-area-inset-bottom); overflow-x: hidden;}
html {scroll-behavior: smooth;}html.dark {background-color: var(--body-bg);}h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-weight: 800; }ul, ol { padding: 0; margin: 0; } li { list-style: none; }

.gradient-text    { background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%); -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; }
.icon-dark { display: none !important; } .dark .icon-light { display: none !important; } .dark .icon-dark { display: grid !important; }
.visually-hidden { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; }
.mt-0 { margin-top:0 !important; } .mt-1 { margin-top:1rem !important; } .mt-2 { margin-top:2rem !important; } .mt-3 { margin-top:3rem !important; } .mt-4 { margin-top:4rem !important; } .mt-5 { margin-top:5rem !important; } 
.mb-0 { margin-bottom:0 !important; }.mb-1 { margin-bottom:1rem !important; } .mb-2 { margin-bottom:2rem !important; } .mb-3 { margin-bottom:3rem !important; } .mb-4 { margin-bottom:4rem !important; } .mb-5 { margin-bottom:5rem !important; } 
.container, .newsletter, .footer-primary, .notice-footer { width: 100%; max-width:500px; margin-left:auto; margin-right:auto; }
@media (min-width: 768px) {.container, .newsletter,  .footer-primary, .notice-footer { padding-left: 1rem; padding-right: 1rem; }}
@media (min-width: 906px) {.container, .newsletter,  .footer-primary, .notice-footer { max-width: 886px; margin:auto; position: relative; z-index: 1;}}
@media (min-width: 1280px) {.container, .newsletter, .footer-primary, .notice-footer { max-width: 1206px; margin:auto; position: relative; z-index: 1;}}

.advert {margin: 1.5rem auto; padding: 0; display: block;}
.advert a {display: flex; align-items: center; justify-content: center;}
.advert .advert-desktop {display: none;}
.advert-970x90  { min-height:90px;  margin:auto; overflow: hidden; }
.advert-300x250 { min-height:250px; margin:auto; overflow: hidden; }
.advert-300x600 { min-height:600px; margin:auto; overflow: hidden; }

@media (min-width: 906px) {
	
	.deals + .advert {display: none;}
	.featured + .advert .advert-desktop {margin: 4rem auto;}
	.post .advert.advert-300x250 {display: none;}

	.advert .advert-desktop {display: block;}
	.advert .advert-mobile {display: none;}
}

@media (min-width: 1280px) {
	.content-ad > div { background-image: url("https://wccftech.com/wp-content/uploads/2022/11/bg-horizontal-light-1.webp"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 728px 90px; min-width: 728px; height: 90px;  overflow: hidden !important; }
	.dark .content-ad > div { background-image: url("https://wccftech.com/wp-content/uploads/2022/11/bg-horizontal-dark-1.webp"); }

	.advert-970x90 > div { background-image: url("https://wccftech.com/wp-content/uploads/2022/11/bg-horizontal-light-1.webp"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 728px 90px; min-width: 728px; height: 90px;  overflow: hidden !important; }
	.dark .advert-970x90 > div { background-image: url("https://wccftech.com/wp-content/uploads/2022/11/bg-horizontal-dark-1.webp"); }

	.advert-300x250 > div { background-image: url("https://wccftech.com/wp-content/uploads/2022/11/bg-square-light.webp"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 300px 250px; min-width: 300px; height: 250px;  overflow: hidden !important; }
	.dark .advert-300x250 > div { background-image: url("https://wccftech.com/wp-content/uploads/2022/11/bg-square-dark.webp"); }

	.sidebar .advert {padding: 0; margin: 0;}
	.sidebar .sticky-ads {display: flex; flex-direction: column; gap: 5rem; position: sticky; top: 0; padding: 8rem 0 16rem;}
	.content > .advert {margin-right: -17rem; width: 100%;}
}

#darkmode-toggle, #search-toggle { display: none; }
.only-desktop { display: none; }.only-mobile { display: block; }
.d-none { display: none; }
@media (min-width: 768px) {
	#darkmode-toggle, #search-toggle { display: flex; }
	.only-mobile { display: none !important; }
	.only-desktop { display: block; }
	.d-md-none { display: none !important; }
	.d-md-block { display: block; }
}
@media (min-width: 1200px) {
	.d-lg-block { display: block; }
}

.skin {display: none;}
.skin img {border-radius: 1.2rem;}

@media (min-width: 1126px) {
	.container {position: relative;}
	.skin {display: flex; height: max-content; width: max-content; position: absolute; margin: 0; }
	.skin.right{right: -11.3rem} .skin.left{left: -11.3rem}
	.skin .md, .skin .lg {display: none;}
}
@media (min-width: 1244px) {
	.container {position: relative;}
	.skin.right{right: -16rem} .skin.left{left: -16rem}
	.skin .sm {display: none;} .skin .md {display: block;}
}
@media (min-width: 1280px) {
	.skin {display: none;}
}
@media (min-width: 1425px) {
	.skin {display: flex;}
	.skin.right{right: -11.3rem} .skin.left{left: -11.3rem}
	.skin .sm {display: block;} .skin .md {display: none;}
}
@media (min-width: 1510px) {
	.skin {display: flex;}
	.skin.right{right: -16rem} .skin.left{left: -16rem}
	.skin .sm {display: none;} .skin .md {display: block;}
}
@media (min-width: 1800px) {
	.skin {display: flex;}
	.skin.right{right: -30.4rem} .skin.left{left: -30.4rem}
	.skin .sm, .skin .md {display: none;} .skin .lg {display: block;}
}

.site-header { }

	.site-header .topbar { box-shadow: 0 1px 0 0 rgb(104 156 173 / 12%); padding: 0 0.4rem; position: fixed; z-index: 100; top: 0; left: 0; right:0; background-color: rgba(255, 255, 255, 0.92); -webkit-backdrop-filter: blur(0.6rem); backdrop-filter: blur(0.6rem);}
	.dark .site-header .topbar { box-shadow: 0 1px 0 0 rgb(111 127 133 / 15%); background-color: rgba(22, 26, 28, 0.92); }
	.site-header .topbar > div { display: flex; justify-content: space-between; align-items: center; }
	.site-header .topbar .container div {display: flex;}
	.site-header .topbar .tap-target { border-radius: 1.2rem; width: 4rem; height: 4rem; justify-content: center; align-items: center; display: flex;}
	.site-header .topbar .tap-target:hover { background: var(--gray-400); }

	.site-header .logo { width: auto; height: 5rem; }
		.site-header .logo a { display:flex; height: 100%; align-items: center;}
		.site-header .logo-img { width: 4.5rem; height: 4.5rem; }
		.site-header .logo-text { width: 145px; height: 4.5rem; margin-top: 0.2rem; }

  .site-header .topnav { padding: 5rem 0 0 0; white-space: nowrap; overflow-x: scroll; box-shadow: 0 4px 12px #0003;}
  	.dark .site-header .topnav { box-shadow: 0 4px 12px rgba(100,100,100,0.25); }
	.site-header .topnav nav { font-weight: 500; display: flex; padding-left:1rem; padding-right:1rem; }
		.site-header .topnav nav a { font-size: 1.4rem; line-height: 2rem; padding: 1rem; }
		.site-header .topnav nav a:hover {  background: var(--gray-400);}
		.site-header .topnav nav a.active {background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%); -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent;}

	.site-header .topbar .search {position: absolute; top: 0; right: 0; left: 0; display: none; }
		.site-header .topbar .search form { padding: 0; position:relative; }
		.site-header .topbar .search input[type=text] { width: 100%; height: 50px; line-height: 50px; padding: 10px 20px; font-size: 1.6rem; border: none; background: var(--gray-300); color: var(--body-color);}
		.site-header .topbar .search input[type=submit] { position: absolute; width:1px; height:1px }
		.site-header .topbar .search .search-clear { display: flex; justify-content: center; align-items: center; width: 4rem; height: 4rem; border-radius: 50%; position: absolute; right: 0.5rem; top: 0.5rem; z-index: 4; cursor: pointer; background-color: var(--gray-400) }


	@media (min-width: 768px) {
		.site-header .topnav { padding: 7.6rem 1rem 1rem 1rem; }
		.site-header .topbar { padding-top: 0.6rem; padding-bottom: 0.6rem;}
		.site-header .topbar .tap-target { width: 4.8rem; height: 4.8rem; }
			.site-header .logo { width: auto; height: 5.8rem; }
			.site-header .logo-img { width:  auto; height: 5.8rem; }
			.site-header .logo-text { display: inline; height: 5.8rem; width: auto; margin-top: 0;}
		.site-header .topnav, .dark .site-header .topnav { overflow-x: auto; box-shadow:none }
			.site-header .topnav nav { justify-content:center; align-items: center; padding-left:0; padding-right:0;}
				.site-header .topnav nav a { padding: 1rem 1.5rem; font-size: 1.6rem; line-height: 2.2rem; border-radius: 1.2rem;}
				.site-header .topnav nav a.active {background:  linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%); -webkit-text-fill-color: #fff;}
				.site-header .topnav nav a + a { margin-left:0.8rem }
	}

	@media (min-width: 1280px) {
		.site-header .topbar .search form { padding: 0 4.7rem; }
		.site-header .topbar .search input[type=text] { width: 100%; height: 70px; line-height: 70px; padding: 20px 20px; }
		.site-header .topbar #menu-toggle { margin-left: -1.6rem; margin-right: 1rem;  }
		.site-header .topbar #user-toggle { margin-right: -1.6rem;  margin-left: 1rem; }
		.site-header .topbar .search .search-clear { right: 5.6rem; top: 1.5rem; }
	}


	.site-header .side-nav { position: fixed; min-height: 100vh; height: max-content; overflow-y: auto; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0); z-index: 300; visibility: hidden; /*transition: 0.65s cubic-bezier(0, 0, 0, 1);*/ }
	.site-header .side-nav::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0); -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); /*transition: 0.25s backdrop-filter 0.4s, 0.25s -webkit-backdrop-filter 0.4s, 0.4s background-color cubic-bezier(0, 0, 0, 1);*/ }
	.site-header .side-nav.active { visibility: visible; }
	.site-header .side-nav.active::before { background-color: rgba(255, 255, 255, 0.92); -webkit-backdrop-filter: blur(0.6rem); backdrop-filter: blur(0.6rem); }
	.dark .site-header .side-nav.active::before { background-color: rgba(22, 26, 28, 0.92); }

	.site-header .side-nav nav { display: flex; flex-direction: column; position: absolute; overflow-y: auto; top: 0; left: 0; bottom: 0; color: var(--body-color); background-color: var(--body-bg); width: 30rem; padding-bottom: 10.2rem; box-shadow: 3px 0px 15px rgb(57 116 135 / 15%); overflow-x: hidden; transform: translateX(-100%); /*transition: 0.4s transform cubic-bezier(0, 0, 0, 1);*/ }
	.site-header .side-nav.active nav { transform: translateX(0); }
		.side-nav .search { position: relative; }
		.side-nav .search input{ display: block; width: calc(100% - 2.8rem); font-size: 1.6rem; line-height: 2.2rem; padding: 1rem 4rem 1rem 1rem; margin: 1.4rem; border-radius: 1.2rem; border: none; background-color: var(--gray-300); outline: none; color: var(--body-color); }
		.side-nav .search button { position: absolute; z-index: 2; right: 1.4rem; padding: 0 1.2rem 0 1rem; top: -0.1rem; bottom: 0; background-color: transparent; border: none; color: var(--body-color); cursor: pointer; }
		.side-nav #darkmode-toggle{ display: none; position: fixed; right: 0; top: .3rem; align-items: center; justify-content: center; margin-right: 0 !important;}
		.side-nav #darkmode-toggle svg {width: 20px; height: 20px;} .side-nav #darkmode-toggle::after{ right: 1.1rem; bottom: 0.1rem; top: 0.1rem; left: 0;}
		.side-nav a { position: relative; z-index: 3; display: flex; align-items: center; justify-content: start; font-size: 1.8rem; font-weight: 600; line-height: 1.6rem; padding: 1.4rem; border-radius: 1.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
		.side-nav a svg, .side-nav .dropdown-btn span > svg {width: 26px; height: 26px; display: inherit; margin-right: 12px;}
		.side-nav a::after, .side-nav .dropdown-btn::after { content: ""; position: absolute; top: 0.4rem; bottom: 0.4rem; left: 0.4rem; right: 0.4rem; border-radius: 1.2rem; z-index: -1; } .side-nav nav a:active::after, .side-nav .dropdown-btn:active::after { background-color: var(--gray-300); }
		
		.side-nav li  { position: relative; } 
		.side-nav ul .submenu { visibility: hidden; max-height: 0; background-color: var(--gray-200); /*transition: max-height .2s ease-in, opacity .2s ease-in;*/ opacity: 0; color: #282e31; }
		.dark .side-nav ul .submenu {color: #b4c6cc;}
		.side-nav ul .submenu * {display: none;}
		.side-nav ul .submenu li a {text-transform: uppercase; font-size: 1.6rem; padding-left: 5.4rem;} 

		.side-nav .dropdown-btn {text-align: right; display: flex; align-items: center; justify-content: space-between; padding: 1.4rem; z-index: 3; cursor: pointer; }
		.side-nav .dropdown-btn span {display: flex; align-items: center; font-size: 1.8rem; font-weight: 600; line-height: 1.6rem;}
		.side-nav .dropdown-btn > svg {width: 14px; height: 14px; margin-right: 1.48rem; margin-top: 2px; transform: rotate(90deg); transition: transform .2s ease; transform-origin: center center;}
		.side-nav .dropdown-btn::after { content: ""; position: absolute; top: 0.4rem;  left: 0.4rem; right: 0.4rem; height: 4.6rem; border-radius: 1.2rem; z-index: -1; }
		.side-nav .dropdown-btn:active::after { background-color: var(--gray-300);}
		.side-nav input[type="checkbox"] { display: none; }
		.side-nav input[type="checkbox"]:checked ~ .submenu * {display: block;}
		.side-nav input[type="checkbox"]:checked ~ .dropdown-btn > svg { position: relative;}
		.side-nav input[type="checkbox"]:checked ~ label > svg { transform: rotate(-90deg);}
		.side-nav.active input[type="checkbox"]:checked ~ .submenu {visibility: visible; max-height: 1000px; opacity: 1; }

@media (max-width: 906px) { /*.d-md-none {display: none !important;}*/ .side-nav #darkmode-toggle {display: flex;}}
@media (max-width: 1280px) { body:has(.side-nav.active) {overflow: hidden;}}

@media (max-width: 320px) {
	.side-nav nav {width: 100vw !important;}
	.logo-text {display: none;}
}


@media (min-width: 1280px) {
	.site-header .side-nav { transition: none; }
	.site-header .side-nav::before { transition: none; display: none; }
	.site-header .side-nav nav { position: absolute; top: 2rem; bottom: auto; transform: translateX(0); left: 0; width: 25rem; border-radius: 2.4rem; box-shadow: 0px 5px 40px rgba(57, 116, 135, 0.15); overflow: initial; z-index: 3; padding-bottom: 0;}
	.dark .site-header .side-nav nav {color: var(--body-color);background-color: var(--gray-400);box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.25);}
		.side-nav nav a, .side-nav .dropdown-btn span {font-size: 1.6rem; font-weight: 400;}
		.side-nav nav a svg, .side-nav .dropdown-btn span svg {width: 20px; height: 20px;} 
		.side-nav .dropdown-btn > svg {margin-right: 1rem;}
		.side-nav .dropdown-btn::after {height: 4rem;border-radius: 2.1rem;}
		.side-nav li label svg {width: 12px; height: 12px; }
		.side-nav nav #sidenav-close { display:none }
		.side-nav nav a::after { border-radius: 2.1rem; }
		.side-nav nav a:hover::after, .site-header .side-nav nav a:active::after { background-color: var(--gray-300); }
		.side-nav .wrapper {width: 836px; margin: 0 auto; position: relative;}
		.side-nav form,
		.side-nav a#darkmode-toggle, .side-nav.active ul.footer {display: none;}
			.side-nav nav li:last-of-type .submenu {border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; overflow: hidden;}
	
}

@media (min-width: 1280px) {
	.site-header .side-nav .wrapper {width: 1218px;}
	.side-nav .submenu span {padding: 1rem 1rem 0 4.6rem;}
	.side-nav ul .submenu li a {padding-left: 4.6rem;}
}


.site-footer {padding: 2rem .7rem 7rem .7rem; background-color: var(--gray-300);}

	.newsletter{margin:auto;background: linear-gradient(190deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.65) 51.23%, rgba(0, 0, 0, 0.95) 100%), url('https://cdn.wccftech.com/wp-content/themes/wccf2021/2025/images/newsletter.webp') no-repeat; background-size: cover; padding: 5.4rem 2.5rem 4rem; border-radius: 2.4rem;}
		.newsletter h3 {font-size: 2.1rem; line-height: 2.9rem; font-weight: 800; padding-bottom: 3.7rem; color: var(--body-bg); max-width: 63rem; margin: 0 auto;}
		.dark .newsletter h3 {color: var(--body-color);}
		.newsletter .traqli_success {font-size: 2.4rem; line-height: 2.8rem; color: var(--body-bg); text-align: center;}
		.dark .newsletter .traqli_success {color: var(--body-bg);}

	.newsletter form {position: relative; max-width: 34rem; margin: 0 auto;}
		.newsletter form input { background-color: transparent; color: #fff; width: 100%; padding: 1rem 0; font-family: inherit; font-size: 1.6rem; line-height: 2.2rem; outline: none; margin-bottom: 2rem; border-color: transparent; border-bottom: 1px solid var(--gray-800);}
		.newsletter form button {width: 100%; color: #fff; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%); border: none; padding: 1.3rem; border-radius: 2.5rem; display: flex; justify-content: center; position: absolute; top: 7.9rem; right: 0;}
		.newsletter form button:active {background: linear-gradient(135deg, var(--primary-active) 0%, var(--grad2-active) 60%, var(--grad3-active) 100%);}
		.invalid-feedback { width: 100%; margin-top: 0.4rem; font-size: 1.2rem; color: var(--danger);}

	@media(max-width: 906px) {
		.footer-primary .footer-links, .footer-primary .social-links {display: none;}
		.footer-primary .footer-links:last-child { display: block; text-align: center; margin-top: 3.4rem;}
		.footer-links h3{display: none}
		.footer-primary ul {font-size: 1.4rem; line-height: 2.8rem;}
		.notice-footer {padding: 3rem 2.9rem 0 2.9rem !important;}
	} 

	.notice-footer {margin: 0 auto; padding: 5.4rem 2.9rem 0 2.9rem; font-size: 1.3rem; line-height: 2.1rem; text-align: center;}
		.notice-footer p {padding-bottom: 2rem;}

	.social-links-mobile {display: flex; gap: 1rem; justify-content: center; list-style: none; }
		.social-links-mobile a {background-color: var(--body-bg); padding: 1rem 3rem; border-radius: 2.1rem; display: flex; align-items: center; }
		.social-links-mobile a:active {background-color: var(--gray-300);}

@media (min-width: 906px) {
	.site-footer {padding: 2rem .7rem;}
		.newsletter {padding: 11rem 2.5rem 12rem;}
		.newsletter h3 {font-size: 3.8rem; line-height: 4.8rem; text-align: center;}
		.newsletter form button {background: transparent; border-radius: 0; padding-right: 0; top: 0; width: max-content;}
		.notice-footer {padding: 1.9rem 1.9rem 10.9rem;}
}

@media (min-width: 906px) {
	.footer-primary {margin: 0 auto; padding-top: 7.6rem; padding-bottom: 2rem; display: grid; grid-template-columns: repeat(4, 1fr); gap: 4rem;}
		.footer-primary h3 {text-transform: uppercase; font-size: 1.2rem; font-weight: 800; line-height: 1.9rem; margin-bottom: 1.3rem;}
		.footer-primary a {display: inline-block; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; padding: 0.7rem 0; color: inherit; background-image: linear-gradient(to right, var(--primary) 0%,  var(--primary) 100%); background-position: 0px 78%; background-size: 0px 1px; background-repeat: no-repeat; transition: 0.2s color cubic-bezier(0, 0, 0, 1), 0.2s background-size cubic-bezier(0, 0, 0, 1);}
		.footer-primary a:hover {color: var(--primary); background-size: 100% 1px;}
		.social-links a {display: flex; align-items: center; width: max-content; gap: 1.3rem }
		.social-links li:nth-child(3) a {gap: .9rem;}
		.footer-links h3{color: #edf3f5; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 20%, var(--primary-grad3) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
		.social-links-mobile {display: none;}
}