:root{

    /* Bootstrap */
    --bs-body-color:#404850;

    --bs-primary:#DD1F42;
    --bs-primary-rgb:221,31,66;

    --bs-secondary:#6B7280;
    --bs-secondary-rgb:107,114,128;

    --bs-success:#22C55E;
    --bs-success-rgb:34,197,94;

    --bs-danger:#B91C1C;
    --bs-danger-rgb:185,28,28;

    --bs-warning:#F59E0B;
    --bs-warning-rgb:245,158,11;

    --bs-info:#3B82F6;
    --bs-info-rgb:59,130,246;

    --bs-light:#F8FAFC;
    --bs-light-rgb:249, 249, 249;

    --bs-dark:#1F2937;
    --bs-dark-rgb:31,41,55;

    /* Linki */

    --bs-link-color:#DD1F42;
    --bs-link-hover-color:#C01838;
	
    /* Tło */
	
	--bs-primary:#DD1F42;
    --bs-primary-rgb:221,31,66;

    --bs-secondary:#6C757D;
    --bs-secondary-rgb:108,117,125;

    --bs-success:#198754;
    --bs-success-rgb:25,135,84;

    --bs-info:#0DCAF0;
    --bs-info-rgb:13,202,240;

    --bs-warning:#FFC107;
    --bs-warning-rgb:255,193,7;

    --bs-danger:#DC3545;
    --bs-danger-rgb:220,53,69;

    --bs-light:#F5F7FB;
    --bs-light-rgb:245,247,251;

    --bs-dark:#212529;
    --bs-dark-rgb:33,37,41;
	

    /* Tła */

    --body-bg:#F5F7FB;
    --section-bg:#FFFFFF;
    --section-alt:#EEF5FF;

    /* Tekst */

    --heading:#111827;
    --text:#4B5563;
    --muted:#6B7280;

    /* Obramowania */

    --border:#E5E7EB;

    /* CTA */

    --accent:#DD1F42;
    --accent-hover:#C01838;

    /* Cienie */

    --shadow-sm:0 2px 10px rgba(15,23,42,.05);
    --shadow:0 8px 30px rgba(15,23,42,.08);
    --shadow-lg:0 20px 60px rgba(15,23,42,.12);

    /* Zaokrąglenia */

    --radius-sm:8px;
    --radius:16px;
    --radius-lg:24px;
	
	
	
    --bs-body-font-family: "Mulish", sans-serif;
	
	
}
 
 
 html {  
	font-size: 14px;
}
 
img {
  width: auto;
  height: auto;
}

header h1,
header .navbar-brand span {
	font-size: 1.25rem;
	margin-bottom: .5rem;
	margin-top: .5rem; 
    line-height: 2.5rem; 
	  display: inline-block;
}

header a i { 
	line-height: 2.25 !important;
  font-size: 1.5rem !important;
  margin-right: .75rem !important;
	float: left;
	
}

h5 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #6c757d;
}

.lead {
  color: #6d8196;
}

.navbar-toggler {
	border: none;
 }

section#how-use-code i { 
  font-size: 3rem;
  line-height: 5rem;
  padding: 1rem;
  color: #dd1f42;
  transition: font-size .3s;
}

section#how-use-code .row div:hover i { 
  font-size: 4rem; 
  line-height: 5rem;
}

 


.coupon-card{
    background:#fff;
    border-radius:16px;
    padding:24px;
    box-shadow:0 3px 5px rgb(223, 229, 240);
    transition:.3s;
    text-align:center;
    border:1px solid #dae4f5;
}
 

.coupon-logo{
    height:35px;
    margin-right:20px;
	margin-bottom: 1px;
    object-fit:contain;
}

.coupon-code{
    border:2px dashed #d7dfe8;
    color:#000;
    font-size:1.35rem;
    font-weight:700;
    padding:14px;
    border-radius:10px;
    letter-spacing:1px;
    background:#f8fafd;
}
.coupon-card a {
    text-decoration: none;
}

.coupon-code{
    position:relative;
    text-align:center;
}

.copy-btn{
    position:absolute;
    top:50%;
    right:18px;
    transform:translateY(-50%);
    background:transparent;
    border:none;
    padding:0;
    color:#8495a7;
    cursor:pointer;
    transition:.2s;
}

.copy-btn:hover{
    color:var(--bs-primary);
}

.copy-btn:focus{
    outline:none;
    box-shadow:none;
}


.dropdown-menu{
    border:0;
    border-radius:12px;
    box-shadow:0 .5rem 1rem rgba(0,0,0,.12);
    padding:.5rem;
}

.dropdown-item{
    border-radius:8px;
    padding:.65rem 1rem;
    transition:.2s;
}

.dropdown-item:hover{
    background:#f5f7fa;
}



#about-us img { 
    border-radius:16px; 
}




.btn-cyberfolks {
	background: transparent;
	color: #ffb102;
}


.btn-seohost {
	background: transparent;
	color: #2fb86c;
}

.btn-smarthost {
	background: transparent;
	color: #dd2a36;
}

.btn-dhosting {
	background: transparent;
	color: #00bcec;
}

.btn-zenbox {
	background: transparent;
	color: #ba21f8;
}





@media (max-width: 1600px) {
 
}

@media (max-width: 1200px) {
	 
 
}