html, body, .container, .container-fluid
{
    font-family: Poppins;
}

.paragraph::first-letter {
  initial-letter: 4;
  padding-right: 15px;
  padding-bottom: 5px;
}

.paragraph blockquote
{
    text-align: center;
    position: relative;
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
}

.paragraph blockquote:before
{
    font-family: "Noto Serif", "Georgia", "Times New Roman", "Times", serif;
    font-size: 5.5rem;
    content: "“";
    height: 3.75rem;
    left: 0.9375rem;
    line-height: 1;
    max-width: 3.75rem;
    position: absolute;
    text-align: inherit;
    top: 0;
    width: 100%;
}

.paragraph blockquote p:first-child
{
    color: #6c757d;
}

.tag
{
    text-transform: uppercase;
    font-size: 0.9rem;
    font-weight: 500;
    padding: 5px 15px;
    color: #FFF;
}

.btn
{
    font-size: 1rem;
    padding: 10px 20px;
    border-radius: 0px;
    font-weight: 800;
    text-transform: uppercase;
}

p.p-divider
{
    border-bottom: 2px solid #333;
}

p.p-divider span
{
    background-color: #333; 
    padding: 3px 6px; 
    color: #FFF; 
    text-transform: uppercase;
}

.btn-primary,
.btn-primary:hover
{
    background-color: #4361ee !important;
}


.btn-success,
.btn-success:hover
{
    background-color: #008000 !important;
}

.btn-danger,
.btn-danger:hover
{
    background-color: #d90429 !important;
}

.form-group
{
    border: 1px solid #DDD;
    padding: 10px;
    border-radius: 0px;
}

.form-group label
{
    font-size: 0.9rem;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}

.form-group input.form-control,
.form-group select.form-control
{
    border: 0;
    padding: 0;
}

.form-group .input-group-text
{
    color: #888;
}

.form-group select
{
    color: #212529;
    font-weight: 700; 
    opacity: 0.70;  
}

.paragraph a
{
    color: #4361ee;
    text-decoration: underline;
}

/* Estilizando o placeholder para navegadores modernos */
input::placeholder {
    color: #888;
    font-weight: 700;
}

/* Estilizando o placeholder para WebKit (Chrome, Safari, Opera) */
input::-webkit-input-placeholder {
    color: #888;
    font-weight: 700;
}

/* Estilizando o placeholder para Firefox 19+ */
input::-moz-placeholder {
    color: #888;
    font-weight: 700;
}

/* Estilizando o placeholder para IE 10+ */
input:-ms-input-placeholder {
    color: #888;
    font-weight: 700;
}

/* Estilizando o placeholder para Edge */
input::-ms-input-placeholder {
    color: #888;
    font-weight: 700;
}

.my-container
{
    padding-top: 10px;
}

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

a.my-link
{
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 800;
    color: #000;
    text-transform: uppercase;
}

.nav-pills .nav-link
{
    font-size: 1rem;
    padding: 10px 20px;
    border-radius: 0px;
}

/* Custom */
.dropdown-menu-container
{
    border: 1px solid #EEE;
    padding: 25px;
    background-color: #FFF;
}

.link 
{
  position: relative;
  transition: transform .1s ease-in-out;
}

.link1::before, .link1::after
{
  content: "";
  position: absolute;
  background-color: #FFF;
  transition: transform .5s;
  height: 2px;
}

.link2::before, .link2::after
{
  content: "";
  position: absolute;
  background-color: #b5179e;
  transition: transform .5s;
  height: 2px;
}

/* LINK 1 CODE STARTS HERE */
.link1::after{
  left: 0;
  width: 100%;
  height: 1px;
  bottom: 0px;
  transform: scaleX(0);
  transform-origin: left;
}

/* LINK 1 CODE STARTS HERE */
.link2::after{
  left: 0;
  width: 100%;
  height: 1px;
  bottom: 0px;
  transform: scaleX(0);
  transform-origin: left;
}

.card-link:hover .link::after{
    transform: scaleX(1);
}
/* LINK 1 CODE ENDS HERE */

.card-link
{
    cursor: pointer;
}

.card-icon-service,
.card-icon-secretary
{
    background-color: #EEE; 
    height: 60px; 
    width: 60px; 
    border-radius: 50%;
}

.card-link:hover .card-icon
{
    background-color: #b5179e !important;
    color: #FFF;
    -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
    -webkit-transition: color 150ms linear;
    -ms-transition: color 150ms linear;
    transition: color 150ms linear;
}

.card-link:hover .card-title
{
    color: #b5179e;
}

.card-link .card-icon-transparent
{
    background-color: rgba(0, 0, 0, 0.1); 
    height: 60px; 
    width: 60px; 
    border-radius: 50%;
    color: #4361ee;
}

.card-link:hover .card-icon-transparent
{
    background-color: #4361ee;
    color: #FFFF;
    -webkit-transition: background-color 250ms linear;
    -ms-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
    -webkit-transition: color 250ms linear;
    -ms-transition: color 250ms linear;
    transition: color 250ms linear;
}

a.link
{
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
}

ul.menu
{
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.menu li
{
    display: inline-block;
}

ul.menu li a.btn
{
    font-size: 1rem !important;
    font-weight: 800;
    margin-right: 15px;
    min-width: 150px;
    text-transform: uppercase;
}

.dropdown-toggle::after 
{
    display: none;
}

.custom-dropdown.dropdown {
    position: static;
}

.custom-dropdown.dropdown > .dropdown-menu 
{
    left: auto;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    padding: 15px;
    border: 0;
}

.custom-dropdown.dropdown > .dropdown-menu > li > a 
{
    white-space: normal; 
}

.custom-dropdown.dropdown .dropdown-menu 
{
    animation: 0.25s slideup;
}

@keyframes slideup {
    from {
        transform: translateY(10%);
    }

    to {
        transform: translateY(0);
    }
}

/* Loader */
.loader 
{
    background-color: #FFF;
    text-align: center;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-backdrop 
{
    display: none;
}

.modal-content
{
    border: 1px solid #e9ecef;
}

.loader h1 
{
    color: #333333;
    font-family: 'Poppins';
    font-weight: 800;
    font-size: 1rem;
}

.bullets
{
    animation: dots 2s steps(3, end) infinite;
}

@keyframes dots 
{
  0%, 20% {
    color: rgba(0,0,0,0);
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  40% {
    color: #333333;
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  60% {
    text-shadow:
      .25em 0 0 #333333,
      .5em 0 0 rgba(0,0,0,0);}
  80%, 100% {
    text-shadow:
      .25em 0 0 #333333,
      .5em 0 0 #333333;}
}

@media (min-width: 768px) 
{
    .dropdown-menu {
        min-width: 300px !important;  /* change the number to whatever that you need */
    }
}