:root {
    --dark-grey: #2b2b2b;
    --grey: #434343;
    --green: #ccf556;
    --orange: #ff9200;
    --pink: #ff2bad;
    --mustard: #f5b418;
}


.service-button.green {
    background-color: var(--green);
}

.orange-bg {
    background-color: var(--orange);
}

p {
    font-size: 15px;
    color: var(--black);
}

/* What we offer */
#what-we-offer {
    height: 100vh;
    width: 100%;
    position: relative;
    padding-top: 9rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #000000;
    background-image: url(/resources/images/services-bg.png);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

#what-we-offer img {
    position: absolute;
    width: 100%;
    top: -5rem;
    left: 0;
    z-index: -1;
}

#what-we-offer h1 {
    font-family: 'Anton';
    font-size: 6rem;
    line-height: 6.25rem;
    text-align: center;
    padding-bottom: 1rem;
}

h1 + p {
    color: var(--black);
    font-size: 1.5rem;
    line-height: 1.6rem;
    font-weight: 600;
    width: 60%;
    padding-bottom: 1rem;
}

h1 + p + p {
    font-size: 1.75rem;
    font-weight: 900;
    font-family: 'Anton';
}

.service-buttons-container {
    width: 60%;
    margin: 0 auto;
    padding-top: 3rem;
}

.service-button {
    display: block;
    text-decoration: none;
    font-weight: 800;
    font-size: 14px;
    color: var(--grey);
    background-color: #ffffff;
    padding: 2.5px 0;
    margin: 0.5rem 0;
    border: 1px solid var(--black);
    border-radius: 2rem;
    box-shadow: 0px 15px 10px -13px #111;
}

.service-button:hover {
    background-color: var(--green);
}

.service-buttons-container > div:last-child .service-button {
    background-color: #000000;
    color: var(--green);
    transition: all 0.7s ease;
}

.service-buttons-container > div:last-child .service-button:hover {
    color: var(--dark-grey);
    border: 1px solid #979797;
    background-color: #ccf556;
}

section .to-top {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    padding: 0.25rem 1rem;
    text-transform: uppercase;
    font-size: 0.75rem;
    border: 1px solid #979797;
    transition: all 0.5s ease;
}

section .to-top i {
    font-size: 1rem;
    padding-left: 0.25rem;
}

/* Administrative Assistance */
#administrative-assistance {
    width: 100%;
    position: relative;
}

#administrative-assistance img.icon-form {
    position: absolute;
    right: 5vw;
    transform: scale(0.75);
}

#administrative-assistance .title-container {
    display: flex;
    flex-direction: column;
    padding-top: 7rem;
    padding-left: 4vw;
    padding-right: 2vw;
}

#administrative-assistance h2 {
    font-family: 'Anton';
    line-height: 6.9vw;
    font-size: 7vw;
    text-transform: uppercase;

    color: transparent;
    -webkit-text-stroke: 1px rgba(0, 0, 0, 1);
}

.title-container__second-title {
    margin-left: -43vw;
}

.title-container p {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    line-height: 14px;
    color: var(--dark-grey);
    padding-left: 2.5vw;
    margin-bottom: 0;
}

#administrative-assistance .text-content {
    padding-right: 22.5vw;
    padding-left: 5vw;
    padding-top: 10rem;
}

#administrative-assistance h3 {
    color: var(--orange);
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
}

#administrative-assistance ul {
    padding-left: 0;
}

#administrative-assistance ul li {
    list-style: none;
    padding-left: 1.5rem;
}

#administrative-assistance ul li p {
    font-weight: 700;
    line-height: 2rem;
}

#administrative-assistance li .col-1 {
    padding: 0;
}

.description {
    font-size: 1.15vw;
    font-weight: 500;
    color: var(--black);
}

#administrative-assistance h4 {
    font-size: 2.1vw;
    font-weight: 700;
    color: var(--black);
    margin-top: 2rem;
    padding-bottom: 2rem;
}

.orange-rectangle {
    position: absolute;
    z-index: -1;
    width: 120%;
    height: 1.1vw;
    top: 3.7vw;
    left: -5rem;
    background-color: var(--orange);
}

.book-consultation {
    text-decoration: none;
    text-transform: uppercase;
    color: #000000;
    background-color: var(--green);
    font-weight: 800;
    border-radius: 2rem;
    padding: 0.3rem 1rem;
    margin-top: 2rem;
    margin-left: auto;
    box-shadow: 0px 15px 10px -15px #111;
    transition: all 0.5s ease;
}

.book-consultation:hover {
    background-color: #abe400;
}

/* Media Buying */
#media-buying {
    width: 100%;

    background-image: url(/resources/images/difital-marketing-bg.png);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: right calc(4.5rem + 0px);
}

#media-buying .row {
    padding: 6.5rem 6rem 0rem 2vw;
    width: 100%;
}

#media-buying h2 {
    font-family: 'Anton';
    line-height: 6.9vw;
    font-size: 7vw;
    color: #ffffff;
    padding-left: 3rem;
    margin-left: -3rem;
    padding-right: 1rem;
}

#media-buying  h2.media-buying__buying {
    margin-left: -0.5rem;
    padding-left: 0.5rem;
    padding-right: 3rem;
}

#media-buying h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--dark-grey);
    padding-bottom: 2rem;
} 

#media-buying h3 {
    font-size: 2.8vw;
    font-family: 'Anton';
    padding-top: 1.5rem;
}

#media-buying .divider {
    height: 1px;
    width: 80%;
    margin-left: -5rem;
    background-color: black;
    margin-top: 1.5rem;
}

#media-buying p {
    font-weight: 500;
    color: var(--black);
}

#media-buying .left img {
    object-fit: cover;
    height: 300px;
}

/* IT Services */
#it-services {
    width: 100%;
}

#it-services > .row {
    width: 100%;
    padding: 7rem 2.5rem 0rem 2vw;
}

#it-services h2 {
    font-family: 'Anton';
    line-height: 6.9vw;
    font-size: 7vw;
    color: #000000;
}

#it-services .left-content h3 {
    font-size: 1.77vw;
    font-weight: 700;
    padding-top: 1.25rem;
}

#it-services .trust-us {
    position: relative;
}

#it-services .trust-us__text {
    font-family: 'Anton';
    font-size: 3.1vw;
    margin-top: 1.5rem;
    padding-bottom: 0.75rem;
    padding-left: 0.25rem;
    opacity: 0.25;
    color: var(--pink);
}

#it-services .trust-us__highlight {
    height: 40%;
    background-color: var(--pink);
    width: 35%;
    position: absolute;
    bottom: 1rem;
    z-index: -1;
}

#it-services p {
    font-size: 15px;
    font-weight: 500;
    color: var(--black);
    margin-bottom: 0;
}

#it-services .pink-rectangle {
    position: absolute;
    width: 115%;
    height: 50%;
    top: 0;
    left: -50%;
    background: var(--pink);
    z-index: -1;
}

#it-services .quote {
    height: 9vw;
    display: flex;
}

#it-services .quote p {
    align-self: center;
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
    margin-left: 0rem;
    margin-bottom: 0;
    text-align: center;
}

#it-services .quote p span{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(260deg,#ff2bad,#b11b84);
}

#it-services .quote p.quote__open-symbol {
    color: var(--pink);
    font-size: 8vw;
    line-height: 14vw;
    font-weight: 900;
    position: absolute;
    top: -2.25rem;
    right: 0;
    padding: 0;
    height: 100%;
    font-style: italic;
}

#it-services .quote p.quote__close-symbol {
    color: var(--pink);
    font-size: 8vw;
    line-height: 12vw;
    font-weight: 900;
    position: absolute;
    bottom: -1rem;
    left: -1rem;
    padding: 0;
    height: 100%;
    font-style: italic;
}

#it-services .right {
    display: flex;
    flex-direction: column;
    padding-left: 2rem;
}

#it-services .right .row {
    margin-left: 0;
    margin-bottom: 1rem;
}

#it-services .right img {
    width: 50%;
}

#it-services h4 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 0.5rem;
}

#it-services .right h4 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 0;
}

/* Social Media Managment */
#social-media {
    width: 100%;
    padding-top: 6.5rem;
    overflow: hidden;
}

#social-media h2 {
    font-family: 'Anton';
    line-height: 6.9vw;
    font-size: 7vw;
    height: 10vw;
    display: flex;
    justify-content: center;
    color: var(--mustard);
}

#social-media h2 span {
    font-size: 5.93vw;
    color: #000000;
    align-self: end;
    margin-left: -1vw;
}

#social-media hr {
    width: 70%;
    align-self: end;
    margin: 0 auto;
    opacity: 1;
    border: 2px solid var(--grey);
}

#social-media > .row {
    margin: 2rem 6rem 0rem 2vw;
}

#social-media h3 {
    font-size: 1.77vw;
    font-weight: 700;
}

#social-media h3 + p {
    font-family: 'Anton';
    font-size: 3.1vw;
    color: #000000;
    align-self: flex-end;
    padding-bottom: 3rem;
}

#social-media p {
    font-size: 1.15vw;
    font-weight: 500;
    color: var(--black);
    text-transform: uppercase;
}

#social-media h3 {
    font-size: 18px;
    font-weight: 500;
    color: var(--black);
    text-transform: uppercase;
    border-bottom: 1px solid #455a64;
    width: 130%;
}

#social-media .quote {
    width: 100%;
    align-self: end;
}

#social-media .quote__text {
    font-size: 2.05vw;
    line-height: 2.1vw;
    font-weight: 700;
}

#social-media .quote__close {
    color: var(--mustard);
    font-size: 14vw;
    font-weight: 900;
    position: absolute;
    z-index: -1;
    right: 0;
    top: -6vw;
    height: 100%;
    font-style: italic;
    margin-bottom: 0;
}

#social-media .orange-star__absolute {
    position: absolute;
    bottom: 1.25rem;
    left: -3rem;
    transform: scale(0.8);
}

#social-media .right img.orange-star__item {
    width: 100%;
}

#social-media .right ul:first-of-type li p {
    font-size: 16px;
    list-style: none;
    padding-left: 1rem;
    font-weight: 700;
    color: var(--dark-grey);
    margin: 0.5rem 0;
}

#social-media .right ul li {
    list-style: none;
    color: var(--mustard);
    font-weight: 700;
    font-size: 20px;
}

#social-media .right ul li i {
    color: var(--mustard);
    padding-right: 3rem;
}

#social-media .right ul:last-of-type {
    padding-left: 13%;
}

#social-media .fa-brands.fa-facebook {
    padding-right: 2.75rem;
}

/* Operation Services  */
#operation-services {
    width: 100%;
    padding: 6rem 3rem 0 6rem;
    position: relative;
    overflow: hidden;
}

#operation-services .orange-rectangle {
    width: 5%;
    height: 150%;
    left: -2.5%;
    top: unset;
    bottom: 1rem;
}

#operation-services h2 {
    padding-left: 2rem;
    font-family: 'Anton';
    font-size: 7vw;
    color: #000000;
}

#operation-services h3 {
    font-size: 1.77vw;
    font-weight: 700;
    padding-right: 0.5rem;
}

#operation-services .title-background {
    background-color: var(--orange);
    position: absolute;
    width: 140%;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: -1;
    height: 18px;
}

#operation-services .operation-items ul {
    padding-left: 0;
}

#operation-services .operation-items ul li {
    list-style: none;
    padding-left: 2rem;
    font-weight: 700;
}

#operation-services li .col-1 {
    padding: 0;
}

#operation-services .trust-us {
    font-family: 'Anton';
    font-size: 3.1vw;
    color: #000000;
    align-self: flex-end;
}

#operation-services .content-text {
    font-size: 16px;
    font-weight: 500;
    color: var(--black);
}

#operation-services article {
    padding: 1rem 1.5rem;
    padding-left: 3rem;
    padding-top: 1.5rem;
    border-right: 3px solid var(--orange);
}

#operation-services article h3 {
    font-size: 14px;
    font-weight: 700;
    padding: 0;
    margin-bottom: 1rem;
}

#operation-services .gear-icon {
    position: absolute;
    left: -4rem;
    width: 14rem;
}

#operation-services .bg-image {
    margin-top: 5rem;
    width: 100%;
}

#operation-services .operation-stages h3 {
    font-size: 16px;
    text-transform: uppercase;
    padding-left: 0.25rem;
    margin: 1.5rem 0;
}   

#operation-services .operation-stages h4 {
    font-size: 17px;
    font-weight: 700;
    /* font-style: italic; */
}

#operation-services ul li {
    font-weight: 700;
    list-style: none;
}

#operation-services ul li i {
    color: var(--orange);
}

/* Real State */
#web-development {
    width: 100%;
}

#web-development .row {
    width: 100%;
    margin: 0 auto;
    padding: 6.5rem 6rem 0rem 3vw;
}

#web-development h2 {
    font-family: 'Anton';
    line-height: 6.9vw;
    font-size: 7vw;
    color: #000000;
    padding-bottom: 1rem;
}

#web-development h2 + p {
    font-size: 1.4vw;
    font-weight: 700;
    margin-bottom: 2.5rem;
    color: var(--dark-grey);
}

#web-development h3 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    color: var(--black);
    margin-bottom: 2rem;
}

#web-development .orange-rectangle {
    transform: translateX(-27.5%);
    height: 100%;
    top: 0;
}

#web-development p {
    font-size: 15px;
    font-weight: 500;
    color: var(--black);
}

#web-development .trust-us {
    font-family: 'Anton';
    line-height: 6.9vw;
    font-size: 7vw;
    color: var(--orange);
    position: absolute;
    bottom: 0;
    opacity: 0.5;
    letter-spacing: 0.75rem;
}

#web-development ul li {
    font-weight: 700;
    list-style: none;
}

#web-development ul li i {
    color: var(--orange);
}

/* Sales Managment */
#call-center {
    width: 100%;
}

#call-center .bottom-highlight {
    /*
    text-decoration: 1.5px underline var(--pink);
    text-underline-offset: 0.25rem;
    */
    font-weight: 600;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(260deg,#ff2bad,#b11b84);
}

#call-center .content-container {
    width: 100%;
    padding: 6.5rem 6rem 0rem 3vw;
}

#call-center h2 {
    font-family: 'Anton';
    line-height: 6.9vw;
    font-size: 7vw;
    padding-bottom: 1rem;
}

#call-center p {
    font-size: 15px;
    font-weight: 500;
    color: var(--black);
}

#call-center h3{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 2rem;
    color: var(--dark-grey);
}
#call-center .trust-us {
    padding-top: 2.5vw;
    font-family: 'Anton';
    line-height: 6vw;
    font-size: 6vw;
    color: #d5d5d5;
    letter-spacing: 0.25rem;
    text-align: center;
}

#call-center .magenta-star {
    position: absolute;
    top: 0;
    left: -12.5rem;
}

.sales-management__img {
    width: 60%;
}

#call-center h4 {
    font-size: 1.5vw;
    font-weight: 700;
    margin-bottom: 2rem;
    color: var(--dark-grey);
    font-style: italic;
}

#call-center h4 span {
    display: block;
    font-weight: 500;
}

#call-center ul {
    padding-left: 0.5em;
}

#call-center li {
    list-style: none;
    padding-left: 1rem;
    border-left: 1px solid var(--pink);
    font-size: 15px;
    font-weight: 500;
    color: var(--black);
    margin-bottom: 1rem;
}

/* Prospecting */
#prospecting {
    width: 100%;
    padding-top: 7rem;
}

#prospecting .row {
    width: 100%;
    margin: 0 auto;
    padding: 0rem 6rem 0rem 3vw;
}

#prospecting h2 {
    font-family: 'Anton';
    line-height: 6.9vw;
    font-size: 7vw;
    padding-bottom: 1.5rem;
    color: transparent;
    -webkit-text-stroke: 1px rgba(0, 0, 0, 1);
    text-align: center;
}

#prospecting h3 {
    text-align: end;
    font-weight: 500;
    font-size: 3.25vw;
    line-height: 3.5vw;
    font-family: 'Anton';
    margin-bottom: 0rem;
}

#prospecting .trust-us {
    position: absolute;
    top: 8.5vw;
    right: 0;
    font-family: 'Anton';
    line-height: 3vw;
    font-size: 3vw;
    padding-right: 12px;
    color: var(--orange);
}

#prospecting img {
    align-self: end;
    width: 75%;
}

#prospecting p {
    font-size: 15px;
    font-weight: 500;
    color: var(--black);
}

#prospecting .text-content {
    margin-top: 2rem;
    margin-left: 1rem;
    padding-left: 1.5rem;
    border-left: 3px solid var(--orange);
}

#prospecting h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--dark-grey);
    padding: 0.5rem 0 1rem;
}


/* Web Design */
#content-creation {
    width: 100%;
    margin-top: -3%;
}

#content-creation .content-container {
    width: 100%;
    padding: 1.5rem 6rem 4rem 3vw;
    margin: 0 auto;
}

#content-creation h2 {
    font-family: 'Anton';
    line-height: 6.9vw;
    font-size: 7vw;
    padding-top: 6.5rem;
    padding-left: 6vw;
    color: var(--dark-grey);
}

#content-creation h2 span {
    color: var(--pink);
}

#content-creation h2 span + span {
    display: block;
    line-height: 6.4vw;
    font-size: 6.35vw;
    color: var(--dark-grey);
}

#content-creation .h3-container {
    width: 110%;
    background-color: var(--pink);
    transform: skewX(-25deg);
    margin-right: 15%;
}

#content-creation .h3-container h3 {
    color: #ffffff;
    font-size: 1.77vw;
    font-weight: 700;
    transform: skewX(25deg);
    padding: 0.25rem 3rem;
}

#content-creation .trust-us {
    font-family: 'Anton';
    line-height: 3vw;
    font-size: 3vw;
    padding-right: 3vw;
    color: var(--dark-grey);
}

#content-creation .highlight {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(260deg,#ff2bad,#b11b84);
}

#content-creation p,
#content-creation li {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    color: var(--black);
}

#content-creation li {
    line-height: 1.75vw;
    list-style: none;
}

#content-creation li .col-1 {
    padding: 0;
}

#content-creation h4 {
    font-size: 1.5vw;
    font-weight: 700;
    padding: 2.5rem 0;
    color: var(--pink);
    font-style: italic;
    line-height: 2vw;
}

@media screen and (max-width: 1399px) {
    /* What we offer */
    #what-we-offer {
        padding-top: 6rem;
    }

    #what-we-offer h1 {
        font-size: 5rem;
        line-height: 5.25rem;
    }

    h1 + p {
        font-size: 1.15rem;
        line-height: 1.4rem;
        width: 50%;
        padding-bottom: 0;
    }

    h1 + p + p {
        font-size: 1.5rem;
    }

    .book-consultation {
        font-size: 0.9rem;
    }

    /* Administrative Assistance */
    #administrative-assistance .text-content {
        padding-right: 15vw;
        padding-left: 5vw;
        padding-top: 22.5rem;
    }

    #administrative-assistance img.green-star__upsidedown {
        top: -4rem;
        transform: scale(0.8);
        transform: scale(calc(100vw / 1400));
        right: 10rem; 
    }

    .description {
        font-size: 1rem;
    }

    /* Media Buying */
    #media-buying {
        background-size: 80%;
    }

    /* IT Services */
    #it-services p.quote__open-symbol {
        top: -1.8rem;
    }

    /* Marketing Strategy */
    #social-media .quote {
        width: 100%;
    }

    /* Operation Services */
    #operation-services .gear-icon {
        transform: scale(0.7);
    }

    /* Real State */
    #web-development .row {
        padding-top: 8rem;
    }

    /* Sales Managment */
    #call-center .magenta-star {
        top: -1rem;
        transform: scale(0.85);
    }

    /* Solar Services */
    #prospecting {
        padding-top: 7.5rem;
    }

    /* Web Design */
    #content-creation img {
        transform: scale(0.85);
    }
}


@media screen and (max-width: 1200px) {

    .service-buttons-container {
        width: 70%;
    }

    /* Administrative Assistance */
    #administrative-assistance img.icon-form {
        position: absolute;
        right: 2vw;
        transform: scale(0.75);
    }

    #social-media .right img {
        transform: scale(0.7);
        left: -6rem;
    }

    /* IT Services */
    #it-services .quote p {
        font-size: 20px;
    }

    #it-services .right {
        padding-left: 0;
    }    

    #it-services h4 {
        font-size: 16px;
    }

    /* Operations */
    #operation-services {
        padding: 6rem 0rem 0 1rem;
    }

    /* Web Development */
    #web-development .row {
        padding: 6.5rem 2vw 0rem 2vw;
    }

    /* Call Center */
    #call-center .content-container {
        padding: 6.5rem 2vw 0rem 2vw;
        margin: 0 auto;
    }

    #call-center .magenta-star {
        left: -20vw;
        top: -1rem;
        transform: scale(0.85);
    }

    /* Content Creation */
    #content-creation .content-container {
        padding: 1.5rem 1rem 4rem 1vw;
    }
}

@media screen and (max-width: 992px) {
    .navbar .logo img {
        width: 170px;
    }

    #what-we-offer h1 {
        font-size: 4rem;
    }

    h1 + p {
        width: 70%;
    }

    h1 + p + p {
        font-size: 22px;
    }

    .book-consultation {
        font-size: 0.9rem;
    }

    /* Administrative Assistance */
    #administrative-assistance .text-content {
        padding-top: 2.5rem;
    }

    .title-container__second-title {
        margin-left: -4vw;
    }

    /* Media Buying */
    #media-buying {
        background-size: 80%;
    }

    #media-buying .right .text-content {
        position: relative !important;
    }

    #media-buying h4 {
        padding-bottom: 0.25rem;
        padding-top: 0.25rem;
    }

    /* IT Services */
    #it-services > .row {
        padding: 7rem 2vw 0rem 2vw;
        margin: 0 auto;
    }

    #it-services .right {
        padding-left: 0;
    }

    #it-services .right h4 {
        font-size: 14px;
    }

    /* Social Media */
    #social-media .row {
        margin: 0rem 6rem 0rem 2vw;
    }

    #social-media img {
        width: 50% !important;
        margin-left: 15%;
        padding-bottom: 1rem;
    }

    /* Operations */
    #operation-services article {
        border-right: none;
    }

    /* Web Development */
    #web-development .row {
        padding: 6.5rem 5vw 0rem 5vw;
    }

    #web-development img {
        width: 50% !important;
    }

    /* Call Center */
    #call-center .magenta-star {
        transform: scale(0.6);
    }

    /* Prospecting */
    #prospecting .row {
        padding: 0rem 3vw 0rem 3vw;
    }

    #prospecting img {
        width: 50%;
        align-self: center;
    }
}


@media screen and (max-width: 768px) {
    .service-buttons-container {
        width: 90%;
    }

    /* Administrative Assistance */
    #administrative-assistance h2 {
        line-height: 9.5vw;
        font-size: 9vw;
    }
    
    /* Media Buying */
    #media-buying {
        background-size: 90%;
    }

    #media-buying h3 {
        font-size: 1.4rem;
    }

    #media-buying .row {
        padding: 6.5rem 1rem 0rem 2vw;
    }
    
    #media-buying h2 {
        line-height: 9.5vw;
        font-size: 9vw;
    }

    /* Social Media Managment */
    #social-media .row {
        margin: 0rem 2vw 0rem 2vw;
    }

    #social-media img {
        width: 50% !important;
        margin-left: 5%;
        padding-bottom: 1rem;
    }

    #social-media ul {
        padding-left: 0;
    }

    #social-media .right ul:first-of-type li p {
        font-size: 12px;
    }

    #social-media .right img {
        transform: scale(1);
    }
    
    /* Web Development */
    #web-development img {
        width: 75% !important;
    }

    /* Call Center */
    #call-center .sales-management__img {
        width: 40%;
        align-self: center !important;
    }

    #call-center .magenta-star {
        left: 3vw;
        top: -90%;
        transform: scale(0.4);
    }

}

@media screen and (max-width: 576px) {
    p {
        font-size: 13px;
    }

    #what-we-offer {
        height: auto;
    }

    #what-we-offer h1 {
        font-size: 2.75rem;
    }

    h1 + p {
        width: 90%;
        font-size: 16px;
    }

    h1 + p + p {
        font-size: 14px;
        letter-spacing: 0.05rem;
    }

    .title-container p {
        font-size: 12px;
    }

    h2 {
        font-size: 45px !important;
        line-height: 47px !important;
    }

    .book-consultation {
        font-size: 0.75rem;
    }

    /* Administrative Assistance */
    #administrative-assistance h3 + p {
        font-weight: 500;
    }

    /* IT Services */ 
    #it-services h4 {
        font-size: 15px;
    }

    #it-services .pink-rectangle {
        width: 140%;
        height: 50%;
    }

    #it-services .right img {
        width: 100%;
        padding-top: 0.27rem;
    }

    #it-services .quote p {
        font-size: 18px;
    }

    #it-services .quote p.quote__open-symbol {
        top: -1.5rem;
    }

    #it-services .quote p.quote__close-symbol {
        bottom: -1.5rem;
    }

    /* Social Media Managment */
    #social-media > div {
        width: 90% !important;
    }

    #social-media h2 {
        font-size: 32px !important;
        line-height: 30px !important;
    }

    #social-media h2 span {
        font-size: 30px !important;
        line-height: 10px !important;
    }

    #social-media .orange-star__item {
        width: 100% !important;
        padding-bottom: 0;
    }

    #social-media h3 {
        font-size: 12px;
    }

    #social-media .right ul li {
        font-size: 16px;
    }

    /* Operation Services */
    #operation-services article {
        padding-left: 0.25rem;
    }

    #operation-services h2 {
        padding-left: 0;
    }

    #operation-services .operation-stages h3 {
        font-size: 13px;
    }

    #operation-services .title-background {
        width: 145%;
    }

    /* Web Develompent */
    #web-development .row {
        padding: 6.5rem 2vw 0rem 2vw;
    }

    #web-development h2 + p {
        font-size: 13px;
    }

    #web-development h3 {
        font-size: 13px;
    }

    #web-development .orange-rectangle {
        transform: translateX(-6%);
    }

    #web-development p {
        font-size: 13px;
    }

    /* Call Center */
    #call-center .content-container {
        padding: 6.5rem 0 0 0;
    } 

    #call-center p {
        font-size: 14px;
    }

    #call-center li {
        font-size: 13px;
    }

    /* Prospecting */
    #prospecting .row {
        padding: 0;
    }

    #prospecting img {
        width: 70%;
    }

    #prospecting .text-content {
        margin-left: 0;
    }

    #prospecting h3 {
        font-size: 20px;
        line-height: 24px;
    }

    #prospecting p {
        font-size: 13px;
    }

    /* Content Creation */
    #content-creation p, #content-creation li {
        font-size: 13px;
    }

    #content-creation .h3-container h3 {
        font-size: 13px;
    }
}