<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.cdnfonts.com/css/chomsky');

@font-face {
    font-family: imperial-regular;
    src: url(../Fonts/Imperial/Imperial.otf);
}


:root{
    --primary: #D9D9D9;
    --primary-light: #ececec;
    --black: #000;
}

body {
    font-family: imperial-regular, sans-serif;
    width: 100%;
}

a,a:hover{
    text-decoration: none;
    color: var(--black);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Chomsky', sans-serif;
}

p {
    font-size: 14px;
}

section{
    padding: 50px 0;
}

.container {
    width: 100% !important;
    max-width: 1200px !important;
    margin: auto !important;
}

/* navbar */


@media screen and (max-width: 992px) {
    .navbar-toggler {
        position: absolute;
        top: 0;
        right: 0;
    }
    
    #nav-bottom .nav-link {
        text-align: end;
    }
    
    ul.navbar-nav.mx-auto.mt-2.mt-lg-0 {
        margin-top: 3rem !important; 
    } 
    
}


/* Button */

.primary-btn{
    padding: 10px;
    background: var(--primary);
    font-family: imperial-regular , sans-serif;
    outline: 0;
    border: 0;
    text-transform: uppercase;
}

.primary-btn:hover{
    background: var(--black);
    color: var(--primary);
}

/* Top Header */

.nav-top{
    padding: 10px 0;
}

.top_header{
    display: flex;
    justify-content: center;
    align-items: center;
}

.top_button{
    display: flex;
    justify-content: end;
    align-items: end;
}

.header_desc {
    flex: 0 0 86%;
    text-align: center;
}


#nav-bottom .nav-link {
    font-size: 14px;
    color: black;
}

/* Logo */

.logo-img{
    padding: 30px 0;
}



/* Section 1 */

.sec-1-heading{
    font-size: 60px;
}



/* Section 3 */

input , textarea{
    padding: 15px;
    background: var(--primary-light);
    outline: 0;
    border: 0;
}


/* Section 4 */


/* Section 6 */

.border-b::before {
    content: '';
    position: absolute;
    bottom: -50px;
    width: 100%;
    height: 2px;
    background: var(--primary);

}

/* Footer */

.service-list li {
    width: 50%;
    float: left;
    box-sizing: border-box; /* Ensure padding and borders are included in width */
  }

  .service-list a { font-size: 14px;}





/* About */

.about-img{
    width: 130px;
}

.client-position{
    text-transform: uppercase;
}

.client-view{
    font-size: 10px;
}


/* Case Studies */

.case-box-heading{
    font-family: imperial-regular;
    font-size: 16px;
}

/* Media Relations */

.sec-4 input{
    border-radius: 10px;
}

/* Social Media Marketing */

.services-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.social-list {
    list-style: decimal;
}


/* Contact */

.contact-list{
    display: flex;
    align-items: center;
}

/* Pay-per-click */

.marketing_box {
    display: flex;
    border: 1px solid #A8A8A8;
    padding: 20px 10px;
    height: 190px;
}
.marketing_box h5{
    font-family: imperial-regular;
}

.marketing_box span {
    margin-right: 20px;
    color: #000000;
}

.sec-14-card{
    height: 320px;
}

/* Ecommerce */

.ecom-box{
    height: 350px;
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px;
    }
}
@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px;
    }
}
@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px;
    }
}</pre></body></html>