body {
    font-family: sans-serif;
    background: #000;
    color: #fff;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    --s: 125px;
    /* control the size*/
    --c1: #050505;
    --c2: #000000;
    --_g: radial-gradient(#0000 60%, var(--c1) 61% 63%, #0000 64% 77%, var(--c1) 78% 80%, #0000 81%);
    --_c: , #0000 75%, var(--c2) 0;
    background: conic-gradient(at 12% 20% var(--_c)) calc(var(--s)* .44) calc(.9*var(--s)), conic-gradient(at 12% 20% var(--_c)) calc(var(--s)*-.06) calc(.4*var(--s)), conic-gradient(at 20% 12% var(--_c)) calc(.9*var(--s)) calc(var(--s)* .44), conic-gradient(at 20% 12% var(--_c)) calc(.4*var(--s)) calc(var(--s)*-.06), var(--_g), var(--_g) calc(var(--s)/2) calc(var(--s)/2) var(--c2);
    background-size: var(--s) var(--s);
}

.logo {
    background-image: linear-gradient(45deg, #ff4087, #ffc056);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
    font-size: 25px;
}

h2,
h3 {
    color: #ff4087;
    font-weight: 500;
}

a {
    text-decoration: none;
    color: #fec050;
}

.call a,
.whatsapp a {
    text-decoration: none;
    color: #fff;
    font-size: 17px;
}

.call {
    background: #fd275a;
}

.whatsapp {
    background: #009999;
}

.banner {
    width: 100%;
    background-color: #95001e;
    opacity: 1;
    background-image: repeating-radial-gradient( circle at 0 0, transparent 0, #95001e 40px), repeating-linear-gradient( #00000055, #000000);
    position: relative;
}

.side-img {
    width: 100%;
    height: 430px;
    overflow: hidden;
    border: 2px solid #ffc107;
    border-radius: 15px;
}

.side-img img {
    width: 100%;
    height: auto;
}

h1 {
    color: #ffc107;
    font-family: sarif;
    font-size: 60px;
    font-weight: 700;
}

h2,
h3,
h4 {
    color: #ffc107;
    font-family: sarif;
    font-weight: 500;
}

h2,
h3 {
    font-size: 35px;
}

p {
    line-height: 30px;
}

.image-box {
    width: 100%;
    height: auto;
    background: #212529;
    border: 2px solid #ffc107;
    border-radius: 10px;
}

.image {
    width: 100%;
    height: 320px;
    overflow: hidden;
}

.image img {
    width: 100%;
    height: auto;
}

.keywords a {
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 18px;
    padding: 4px 15px;
    color: #fff;
    font-weight: 500;
}

.keywords a:nth-child(n-1) {
    background: #3c0503;
}

.keywords a:nth-child(2n-1) {
    background: #113d47;
}

.keywords a:nth-child(3n-1) {
    background: #24043b;
}

.local-area a {
    background: linear-gradient(109deg, #dc3545, #ffc107);
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 18px;
    padding: 10px 15px;
    color: #fff;
    font-weight: 500;
}

.location a {
    background: #000;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 10px 15px;
    color: #fff;
    font-weight: 500;
}

footer {
    background: #222222;
}