.social-media-button{
  margin-top: 10px;
 }
 
 .titulo-banner h1 {
   color: #fff !important;
 }

 .titulo-banner p {
   color: #d4d4d4 !important;
 }

 .banner-background {
  background-image: url(../assets/img/logo.png);
   background-color: #00000052;
   margin: 0px !important;
 }

 .logo-footer-align {
   text-align: center;
 }

 .logo-footer {
   width: 80%;
 }

 .marcas {
   padding-bottom: 80px;
 }

 .carousel-control-prev-icon,
 .carousel-control-next-icon {
   background-color: #000;
 }

 .carousel-item img {
   margin: 15px 0px;
   padding: 2px;
   color: #898798;
   border-radius: 8px;
   box-shadow: 0 3px 12px rgba(95, 92, 120, 0.12);
 }


 @media (min-width: 768px) and (max-width: 991px) {

   /* Show 4th slide on md if col-md-4*/
   .carousel-inner .active.col-md-4.carousel-item+.carousel-item+.carousel-item+.carousel-item {
     position: absolute;
     top: 0;
     right: -33.3333%;
     /*change this with javascript in the future*/
     z-index: -1;
     display: block;
     visibility: visible;
   }
 }

 @media (min-width: 576px) and (max-width: 768px) {

   /* Show 3rd slide on sm if col-sm-6*/
   .carousel-inner .active.col-sm-6.carousel-item+.carousel-item+.carousel-item {
     position: absolute;
     top: 0;
     right: -50%;
     /*change this with javascript in the future*/
     z-index: -1;
     display: block;
     visibility: visible;
   }
 }

 @media (min-width: 576px) {
   .carousel-item {
     margin-right: 0;
   }

   /* show 2 items */
   .carousel-inner .active+.carousel-item {
     display: block;
   }

   .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
   .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item {
     transition: none;
   }

   .carousel-inner .carousel-item-next {
     position: relative;
     transform: translate3d(0, 0, 0);
   }

   /* left or forward direction */
   .active.carousel-item-left+.carousel-item-next.carousel-item-left,
   .carousel-item-next.carousel-item-left+.carousel-item,
   .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item {
     position: relative;
     transform: translate3d(-100%, 0, 0);
     visibility: visible;
   }

   /* farthest right hidden item must be also positioned for animations */
   .carousel-inner .carousel-item-prev.carousel-item-right {
     position: absolute;
     top: 0;
     left: 0;
     z-index: -1;
     display: block;
     visibility: visible;
   }

   /* right or prev direction */
   .active.carousel-item-right+.carousel-item-prev.carousel-item-right,
   .carousel-item-prev.carousel-item-right+.carousel-item,
   .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item {
     position: relative;
     transform: translate3d(100%, 0, 0);
     visibility: visible;
     display: block;
     visibility: visible;
   }
 }

 /* MD */
 @media (min-width: 768px) {

   /* show 3rd of 3 item slide */
   .carousel-inner .active+.carousel-item+.carousel-item {
     display: block;
   }

   .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item {
     transition: none;
   }

   .carousel-inner .carousel-item-next {
     position: relative;
     transform: translate3d(0, 0, 0);
   }

   /* left or forward direction */
   .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item {
     position: relative;
     transform: translate3d(-100%, 0, 0);
     visibility: visible;
   }

   /* right or prev direction */
   .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item {
     position: relative;
     transform: translate3d(100%, 0, 0);
     visibility: visible;
     display: block;
     visibility: visible;
   }
 }

 /* LG */
 @media (min-width: 991px) {

   /* show 4th item */
   .carousel-inner .active+.carousel-item+.carousel-item+.carousel-item {
     display: block;
   }

   .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item {
     transition: none;
   }

   /* Show 5th slide on lg if col-lg-3 */
   .carousel-inner .active.col-lg-3.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
     position: absolute;
     top: 0;
     right: -25%;
     /*change this with javascript in the future*/
     z-index: -1;
     display: block;
     visibility: visible;
   }

   /* left or forward direction */
   .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
     position: relative;
     transform: translate3d(-100%, 0, 0);
     visibility: visible;
   }

   /* right or prev direction //t - previous slide direction last item animation fix */
   .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
     position: relative;
     transform: translate3d(100%, 0, 0);
     visibility: visible;
     display: block;
     visibility: visible;
   }
 }

 .quemsomos-foto {
   width: 100%;
   margin: 25px;
   padding: 5px;
   filter: brightness(100%) contrast(100%) saturate(121%) blur(0px) hue-rotate(0deg);
   border-style: solid;
   border-width: 5px 5px 5px 5px;
   border-color: #FFFFFF;
   border-radius: 10px 10px 10px 10px;
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
 }

 .branco-de {
   color: #fff;
   text-align: center;
   text-transform: uppercase;
 }

 .fundo {
   background-color: #364a93 !important;
   height: 100vh;
 }

 .logo {
   width: 110px;
   ;
 }

 .bg-azul {
   background-color: #364a93 !important;
 }

 :root {
   --primary: #364a93;
   --accent: #dd343f;
   --secondary: #fdd104;
   --success: #35bb78;
   --info: #05B4E1;
   --warning: #FAC14D;
   --danger: #FF4943;
   --grey: #B4B2C5;
   --dark: #2D2B3A;
   --light: #F6F5FC;
 }

 body {
   font-family: "Work Sans", sans-serif;
   line-height: 1.5;
   color: #2D2B3A;
 }

 a {
   color: #6C55F9;
   text-decoration: none;
   background-color: transparent;
 }

 a:hover {
   color: #5641df;
   text-decoration: underline;
 }


 .text-xs {
   font-size: 12px !important;
 }

 .text-sm {
   font-size: 14px !important;
 }

 .text-md {
   font-size: 1rem !important;
 }

 .text-lg {
   font-size: 18px !important;
 }

 .text-xl {
   font-size: 20px !important;
 }

 /* Color systems */
 .bg-primary {
   background-color: #6C55F9 !important;
 }

 a.bg-primary:hover,
 a.bg-primary:focus {
   background-color: #5d47eb !important;
 }

 .bg-accent {
   background-color: #FF3D85 !important;
 }

 a.bg-accent:hover,
 a.bg-accent:focus {
   background-color: #e93577 !important;
 }

 .bg-secondary {
   background-color: #645F88 !important;
 }

 a.bg-secondary:hover,
 a.bg-secondary:focus {
   background-color: #59547c !important;
 }

 .bg-success {
   background-color: #35bb78 !important;
 }

 a.bg-success:hover,
 a.bg-success:focus {
   background-color: #28a868 !important;
 }

 .bg-info {
   background-color: #05B4E1 !important;

  }

 a.bg-info:hover,
 a.bg-info:focus {
   background-color: #07a2c8 !important;
 }

 .bg-warning {
   background-color: #FAC14D !important;
 }

 a.bg-warning:hover,
 a.bg-warning:focus {
   background-color: #ebb039 !important;
 }

 .bg-danger {
   background-color: #FF4943 !important;
 }

 a.bg-danger:hover,
 a.bg-danger:focus {
   background-color: #e73832 !important;
 }

 .bg-grey {
   background-color: #8e8aad !important;
 }

 a.bg-grey:hover,
 a.bg-grey:focus {
   background-color: #7d7a99 !important;
 }

 .bg-light {
   background-color: #F6F5FC !important;
 }

 a.bg-light:hover,
 a.bg-light:focus {
   background-color: #EDECF5 !important;
 }

 .bg-dark {
   background-color: #2D2B3A !important;
 }

 a.bg-dark:hover,
 a.bg-dark:focus {
   background-color: #1d1b25 !important;
 }

 .text-primary {
   color: #6C55F9 !important;
 }

 a.text-primary:hover,
 a.text-primary:focus {
   color: #5d47eb !important;
 }

 .text-accent {
   color: #FF3D85 !important;
 }

 a.text-accent:hover,
 a.text-accent:focus {
   color: #e93577 !important;
 }

 .text-secondary {
   color: #645F88 !important;
 }

 a.text-secondary:hover,
 a.text-secondary:focus {
   color: #59547c !important;
 }

 .text-success {
   color: #35bb78 !important;
 }

 a.text-success:hover,
 a.text-success:focus {
   color: #28a868 !important;
 }

 .text-info {
   color: #05B4E1 !important;
 }

 a.text-info:hover,
 a.text-info:focus {
   color: #07a2c8 !important;
 }

 .text-warning {
   color: #FAC14D !important;
 }

 a.text-warning:hover,
 a.text-warning:focus {
   color: #ebb039 !important;
 }

 .text-danger {
   color: #FF4943 !important;
 }

 a.text-danger:hover,
 a.text-danger:focus {
   color: #e73832 !important;
 }

 .text-grey {
   color: #8e8aad !important;
 }

 a.text-grey:hover,
 a.text-grey:focus {
   color: #7d7a99 !important;
 }

 .text-light {
   color: #F6F5FC !important;
 }

 a.text-light:hover,
 a.text-light:focus {
   color: #EDECF5 !important;
 }

 .text-dark {
   color: #2D2B3A !important;
 }

 a.text-dark:hover,
 a.text-dark:focus {
   color: #1d1b25 !important;
 }

 .text-body {
   color: #3f3d4d !important;
 }


 .border-primary {
   border-color: #6C55F9 !important;
 }

 .border-accent {
   border-color: #FF3D85 !important;
 }

 .border-secondary {
   border-color: #645F88 !important;
 }

 .border-success {
   border-color: #35bb78 !important;
 }

 .border-info {
   border-color: #05B4E1 !important;
 }

 .border-warning {
   border-color: #FAC14D !important;
 }

 .border-danger {
   border-color: #FF4943 !important;
 }

 .border-grey {
   border-color: #B4B2C5 !important;
 }

 .border-light {
   border-color: #F6F5FC !important;
 }

 .border-dark {
   border-color: #2D2B3A !important;
 }

 /* Social Color */
 .bg-facebook,
 .bg-hover-facebook:hover,
 .bg-focus-facebook:focus {
   background-color: #3B5999 !important;
 }

 .bg-twitter,
 .bg-hover-twitter:hover,
 .bg-focus-twitter:focus {
   background-color: #1DA1F2 !important;
 }

 .bg-google-plus,
 .bg-hover-google-plus:hover,
 .bg-focus-google-plus:focus {
   background-color: #DB4437 !important;
 }

 .bg-youtube,
 .bg-hover-youtube:hover,
 .bg-focus-youtube:focus {
   background-color: #CD201F !important;
 }

 .bg-dribbble,
 .bg-hover-dribbble:hover,
 .bg-focus-dribbble:focus {
   background-color: #EA4C89 !important;
 }

 .bg-pinterest,
 .bg-hover-pinterest:hover,
 .bg-focus-pinterest:focus {
   background-color: #BD081C !important;
 }

 .bg-slack,
 .bg-hover-slack:hover,
 .bg-focus-slack:focus {
   background-color: #3AAF85 !important;
 }

 .bg-linkedin,
 .bg-hover-linkedin:hover,
 .bg-focus-linkedin:focus {
   background-color: #0077B5 !important;
 }

 .fg-facebook,
 .fg-hover-facebook:hover,
 .fg-focus-facebook:focus {
   color: #3B5999 !important;
 }

 .fg-twitter,
 .fg-hover-twitter:hover,
 .fg-focus-twitter:focus {
   color: #1DA1F2 !important;
 }

 .fg-google-plus,
 .fg-hover-google-plus:hover,
 .fg-focus-google-plus:focus {
   color: #DB4437 !important;
 }

 .fg-youtube,
 .fg-hover-youtube:hover,
 .fg-focus-youtube:focus {
   color: #CD201F !important;
 }

 .fg-dribbble,
 .fg-hover-dribbble:hover,
 .fg-focus-dribbble:focus {
   color: #EA4C89 !important;
 }

 .fg-pinterest,
 .fg-hover-pinterest:hover,
 .fg-focus-pinterest:focus {
   color: #BD081C !important;
 }

 .fg-slack,
 .fg-hover-slack:hover,
 .fg-focus-slack:focus {
   color: #3AAF85 !important;
 }

 .fg-linkedin,
 .fg-hover-linkedin:hover,
 .fg-focus-linkedin:focus {
   color: #0077B5 !important;
 }

 .btn.social-facebook {
   background-color: #3B5999;
   color: #fff;
 }

 .btn.social-facebook:hover,
 .btn.social-facebook:focus {
   background-color: #314e8f;
   color: #fff;
 }

 .btn.social-twitter {
   background-color: #1DA1F2;
   color: #fff;
 }

 .btn.social-twitter:hover,
 .btn.social-twitter:focus {
   background-color: #0d92e4;
   color: #fff;
 }

 .btn.social-linkedin {
   background-color: #0077B5;
   color: #fff;
 }

 .btn.social-linkedin:hover,
 .btn.social-linkedin:focus {
   background-color: #02659b;
   color: #fff;
 }

 .btn.google-plus {
   background-color: #DB4437;
   color: #fff;
 }

 .btn.google-plus:hover,
 .btn.google-plus:focus {
   background-color: #ca3224;
   color: #fff;
 }

 .text-call-to-action h2{
  text-transform: uppercase;
  font-weight: bold;
 }

 .text-call-to-action p{
  color: #dddbdb;
  margin-top: 15px;
  font-size: 17px;
 }

 /* Buttons */
 .btn-primary {
   color: #fff;
   background-color: #dd343e;
   border-color: transparent;
 }

 .btn-call-to-action {
  color: #fff;
  background-color: #364a93;
  border-color: transparent;
}

 .btn-call-to-action:hover {
  color: #fff;
  background-color: #f0af13;
  border-color: transparent;
}

 .btn-primary.disabled,
 .btn-primary:disabled {
   color: #fff;
   background-color: #5d47eb;
   border-color: transparent;
 }

 .btn-primary:not(:disabled):not(.disabled):active,
 .btn-primary:not(:disabled):not(.disabled).active,
 .show>.btn-primary.dropdown-toggle {
   color: #fff;
   background-color: #6C55F9;
   border-color: #5d47eb;
 }

 .btn-primary:not(:disabled):not(.disabled):active:focus,
 .btn-primary:not(:disabled):not(.disabled).active:focus,
 .show>.btn-primary.dropdown-toggle:focus {
   box-shadow: none;
 }

 .btn-accent {
   color: #fff;
   background-color: #FF3D85;
   border-color: transparent;
 }

 .btn-accent.disabled,
 .btn-accent:disabled {
   color: #fff;
   background-color: #e93577;
   border-color: transparent;
 }

 .btn-accent:not(:disabled):not(.disabled):active,
 .btn-accent:not(:disabled):not(.disabled).active,
 .show>.btn-accent.dropdown-toggle {
   color: #fff;
   background-color: #FF3D85;
   border-color: #e93577;
 }

 .btn-accent:not(:disabled):not(.disabled):active:focus,
 .btn-accent:not(:disabled):not(.disabled).active:focus,
 .show>.btn-accent.dropdown-toggle:focus {
   box-shadow: none;
 }

 .btn-secondary {
   color: #fff;
   background-color: #645F88;
   border-color: transparent;
 }

 .btn-secondary.disabled,
 .btn-secondary:disabled {
   color: #fff;
   background-color: #59547c;
   border-color: transparent;
 }

 .btn-secondary:not(:disabled):not(.disabled):active,
 .btn-secondary:not(:disabled):not(.disabled).active,
 .show>.btn-secondary.dropdown-toggle {
   color: #fff;
   background-color: #645F88;
   border-color: #59547c;
 }

 .btn-secondary:not(:disabled):not(.disabled):active:focus,
 .btn-secondary:not(:disabled):not(.disabled).active:focus,
 .show>.btn-secondary.dropdown-toggle:focus {
   box-shadow: none;
 }

 .btn-success {
   color: #fff;
   background-color: #35bb78;
   border-color: transparent;
 }

 .btn-success.disabled,
 .btn-success:disabled {
   color: #fff;
   background-color: #28a868;
   border-color: transparent;
 }

 .btn-success:not(:disabled):not(.disabled):active,
 .btn-success:not(:disabled):not(.disabled).active,
 .show>.btn-success.dropdown-toggle {
   color: #fff;
   background-color: #35bb78;
   border-color: #28a868;
 }

 .btn-success:not(:disabled):not(.disabled):active:focus,
 .btn-success:not(:disabled):not(.disabled).active:focus,
 .show>.btn-success.dropdown-toggle:focus {
   box-shadow: none;
 }

 .btn-info {
   color: #fff;
   background-color: #05B4E1;
   border-color: transparent;
 }

 .btn-info.disabled,
 .btn-info:disabled {
   color: #fff;
   background-color: #07a2c8;
   border-color: transparent;
 }

 .btn-info:not(:disabled):not(.disabled):active,
 .btn-info:not(:disabled):not(.disabled).active,
 .show>.btn-info.dropdown-toggle {
   color: #fff;
   background-color: #05B4E1;
   border-color: #07a2c8;
 }

 .btn-info:not(:disabled):not(.disabled):active:focus,
 .btn-info:not(:disabled):not(.disabled).active:focus,
 .show>.btn-info.dropdown-toggle:focus {
   box-shadow: none;
 }

 .btn-warning {
   color: #343531;
   background-color: #FAC14D;
   border-color: transparent;
 }

 .btn-warning.disabled,
 .btn-warning:disabled {
   color: #343531;
   background-color: #ebb039;
   border-color: transparent;
 }

 .btn-warning:not(:disabled):not(.disabled):active,
 .btn-warning:not(:disabled):not(.disabled).active,
 .show>.btn-warning.dropdown-toggle {
   color: #343531;
   background-color: #FAC14D;
   border-color: #ebb039;
 }

 .btn-warning:not(:disabled):not(.disabled):active:focus,
 .btn-warning:not(:disabled):not(.disabled).active:focus,
 .show>.btn-warning.dropdown-toggle:focus {
   box-shadow: none;
 }

 .btn-danger {
   color: #fff;
   background-color: #FF4943;
   border-color: transparent;
 }

 .btn-danger.disabled,
 .btn-danger:disabled {
   color: #fff;
   background-color: #e73832;
   border-color: transparent;
 }

 .btn-danger:not(:disabled):not(.disabled):active,
 .btn-danger:not(:disabled):not(.disabled).active,
 .show>.btn-danger.dropdown-toggle {
   color: #fff;
   background-color: #FF4943;
   border-color: #e73832;
 }

 .btn-danger:not(:disabled):not(.disabled):active:focus,
 .btn-danger:not(:disabled):not(.disabled).active:focus,
 .show>.btn-danger.dropdown-toggle:focus {
   box-shadow: none;
 }

 .btn-light {
   color: #8e8aad;
   background-color: #F5F9F6;
   border-color: transparent;
 }

 .btn-light:hover {
   color: #8e8aad;
   background-color: #F6F5FC;
   border-color: transparent;
 }

 .btn-light:focus,
 .btn-light.focus {
   color: #8e8aad;
   background-color: #d5dfdc;
   border-color: transparent;
   box-shadow: none;
 }

 .btn-light.disabled,
 .btn-light:disabled {
   color: #8e8aad;
   background-color: #d0ddd9;
   border-color: transparent;
 }

 .btn-light:not(:disabled):not(.disabled):active,
 .btn-light:not(:disabled):not(.disabled).active,
 .show>.btn-light.dropdown-toggle {
   color: #8e8aad;
   background-color: #F5F9F6;
   border-color: #d0ddd9;
 }

 .btn-light:not(:disabled):not(.disabled):active:focus,
 .btn-light:not(:disabled):not(.disabled).active:focus,
 .show>.btn-light.dropdown-toggle:focus {
   box-shadow: none;
 }

 .btn-dark {
   color: #fff;
   background-color: #2D2B3A;
   border-color: transparent;
 }

 .btn-dark.disabled,
 .btn-dark:disabled {
   color: #fff;
   background-color: #1d1b25;
   border-color: transparent;
 }

 .btn-dark:not(:disabled):not(.disabled):active,
 .btn-dark:not(:disabled):not(.disabled).active,
 .show>.btn-dark.dropdown-toggle {
   color: #fff;
   background-color: #2D2B3A;
   border-color: #1d1b25;
 }

 .btn-dark:not(:disabled):not(.disabled):active:focus,
 .btn-dark:not(:disabled):not(.disabled).active:focus,
 .show>.btn-dark.dropdown-toggle:focus {
   box-shadow: none;
 }

 .btn-primary:hover,
 .btn-accent:hover,
 .btn-secondary:hover,
 .btn-success:hover,
 .btn-info:hover,
 .btn-warning:hover,
 .btn-danger:hover,
 .btn-dark:hover {
   color: #fff;
   background-color: #645F88;
   border-color: transparent;
 }

 .btn-primary:focus,
 .btn-primary.focus,
 .btn-accent:focus,
 .btn-accent.focus,
 .btn-secondary:focus,
 .btn-secondary.focus,
 .btn-success:focus,
 .btn-success.focus,
 .btn-info:focus,
 .btn-info.focus,
 .btn-warning:focus,
 .btn-warning.focus,
 .btn-danger:focus,
 .btn-danger.focus,
 .btn-dark:focus,
 .btn-dark.focus {
   color: #fff;
   background-color: #8e8aad;
   border-color: transparent;
   box-shadow: none;
 }

 .btn-outline-primary {
   color: #6C55F9;
   border-color: #6C55F9;
 }

 .btn-outline-primary:hover {
   color: #fff;
   background-color: #6C55F9;
   border-color: #6C55F9;
 }

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

 .btn-outline-primary.disabled,
 .btn-outline-primary:disabled {
   color: #6C55F9;
   background-color: transparent;
 }

 .btn-outline-primary:not(:disabled):not(.disabled):active,
 .btn-outline-primary:not(:disabled):not(.disabled).active,
 .show>.btn-outline-primary.dropdown-toggle {
   color: #fff;
   background-color: #6C55F9;
   border-color: #6C55F9;
 }

 .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
 .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-primary.dropdown-toggle:focus {
   box-shadow: none;
 }

 .btn-outline-accent {
   color: #FF3D85;
   border-color: #FF3D85;
 }

 .btn-outline-accent:hover {
   color: #fff;
   background-color: #FF3D85;
   border-color: #FF3D85;
 }

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

 .btn-outline-accent.disabled,
 .btn-outline-accent:disabled {
   color: #FF3D85;
   background-color: transparent;
 }

 .btn-outline-accent:not(:disabled):not(.disabled):active,
 .btn-outline-accent:not(:disabled):not(.disabled).active,
 .show>.btn-outline-accent.dropdown-toggle {
   color: #fff;
   background-color: #FF3D85;
   border-color: #FF3D85;
 }

 .btn-outline-accent:not(:disabled):not(.disabled):active:focus,
 .btn-outline-accent:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-accent.dropdown-toggle:focus {
   box-shadow: none;
 }

 .btn-outline-secondary {
   color: #645F88;
   border-color: #645F88;
 }

 .btn-outline-secondary:hover {
   color: #fff;
   background-color: #645F88;
   border-color: #645F88;
 }

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

 .btn-outline-secondary.disabled,
 .btn-outline-secondary:disabled {
   color: #645F88;
   background-color: transparent;
 }

 .btn-outline-secondary:not(:disabled):not(.disabled):active,
 .btn-outline-secondary:not(:disabled):not(.disabled).active,
 .show>.btn-outline-secondary.dropdown-toggle {
   color: #fff;
   background-color: #645F88;
   border-color: #645F88;
 }

 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
 .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-secondary.dropdown-toggle:focus {
   box-shadow: none;
 }

 .btn-outline-success {
   color: #35bb78;
   border-color: #35bb78;
 }

 .btn-outline-success:hover {
   color: #fff;
   background-color: #35bb78;
   border-color: #35bb78;
 }

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

 .btn-outline-success.disabled,
 .btn-outline-success:disabled {
   color: #35bb78;
   background-color: transparent;
 }

 .btn-outline-success:not(:disabled):not(.disabled):active,
 .btn-outline-success:not(:disabled):not(.disabled).active,
 .show>.btn-outline-success.dropdown-toggle {
   color: #fff;
   background-color: #35bb78;
   border-color: #35bb78;
 }

 .btn-outline-success:not(:disabled):not(.disabled):active:focus,
 .btn-outline-success:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-success.dropdown-toggle:focus {
   box-shadow: none;
 }

 .btn-outline-info {
   color: #05B4E1;
   border-color: #05B4E1;
 }

 .btn-outline-info:hover {
   color: #fff;
   background-color: #05B4E1;
   border-color: #05B4E1;
 }

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

 .btn-outline-info.disabled,
 .btn-outline-info:disabled {
   color: #05B4E1;
   background-color: transparent;
 }

 .btn-outline-info:not(:disabled):not(.disabled):active,
 .btn-outline-info:not(:disabled):not(.disabled).active,
 .show>.btn-outline-info.dropdown-toggle {
   color: #fff;
   background-color: #05B4E1;
   border-color: #05B4E1;
 }

 .btn-outline-info:not(:disabled):not(.disabled):active:focus,
 .btn-outline-info:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-info.dropdown-toggle:focus {
   box-shadow: none;
 }

 .btn-outline-warning {
   color: #FAC14D;
   border-color: #FAC14D;
 }

 .btn-outline-warning:hover {
   color: #212529;
   background-color: #FAC14D;
   border-color: #FAC14D;
 }

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

 .btn-outline-warning.disabled,
 .btn-outline-warning:disabled {
   color: #FAC14D;
   background-color: transparent;
 }

 .btn-outline-warning:not(:disabled):not(.disabled):active,
 .btn-outline-warning:not(:disabled):not(.disabled).active,
 .show>.btn-outline-warning.dropdown-toggle {
   color: #212529;
   background-color: #FAC14D;
   border-color: #FAC14D;
 }

 .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
 .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-warning.dropdown-toggle:focus {
   box-shadow: none;
 }

 .btn-outline-danger {
   color: #FF4943;
   border-color: #FF4943;
 }

 .btn-outline-danger:hover {
   color: #fff;
   background-color: #FF4943;
   border-color: #FF4943;
 }

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

 .btn-outline-danger.disabled,
 .btn-outline-danger:disabled {
   color: #FF4943;
   background-color: transparent;
 }

 .btn-outline-danger:not(:disabled):not(.disabled):active,
 .btn-outline-danger:not(:disabled):not(.disabled).active,
 .show>.btn-outline-danger.dropdown-toggle {
   color: #fff;
   background-color: #FF4943;
   border-color: #FF4943;
 }

 .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
 .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-danger.dropdown-toggle:focus {
   box-shadow: none;
 }

 .btn-outline-light {
   color: #F6F5FC;
   border-color: #F6F5FC;
 }

 .btn-outline-light:hover {
   color: #343531;
   background-color: #F6F5FC;
   border-color: #F6F5FC;
 }

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

 .btn-outline-light.disabled,
 .btn-outline-light:disabled {
   color: #F6F5FC;
   background-color: transparent;
 }

 .btn-outline-light:not(:disabled):not(.disabled):active,
 .btn-outline-light:not(:disabled):not(.disabled).active,
 .show>.btn-outline-light.dropdown-toggle {
   color: #343531;
   background-color: #F6F5FC;
   border-color: #F6F5FC;
 }

 .btn-outline-light:not(:disabled):not(.disabled):active:focus,
 .btn-outline-light:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-light.dropdown-toggle:focus {
   box-shadow: none;
 }

 .btn-outline-dark {
   color: #2D2B3A;
   border-color: #2D2B3A;
 }

 .btn-outline-dark:hover {
   color: #fff;
   background-color: #2D2B3A;
   border-color: #2D2B3A;
 }

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

 .btn-outline-dark.disabled,
 .btn-outline-dark:disabled {
   color: #2D2B3A;
   background-color: transparent;
 }

 .btn-outline-dark:not(:disabled):not(.disabled):active,
 .btn-outline-dark:not(:disabled):not(.disabled).active,
 .show>.btn-outline-dark.dropdown-toggle {
   color: #fff;
   background-color: #2D2B3A;
   border-color: #2D2B3A;
 }

 .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
 .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
 .show>.btn-outline-dark.dropdown-toggle:focus {
   box-shadow: none;
 }

 .btn-link {
   font-weight: 400;
   color: #5d47eb;
   text-decoration: none;
 }

 .btn-link:hover {
   color: #5641df;
   text-decoration: underline;
 }

 .btn-link:focus,
 .btn-link.focus {
   text-decoration: underline;
 }

 .btn-link:disabled,
 .btn-link.disabled {
   color: #645F88;
   pointer-events: none;
 }


 .btn {
   padding: 8px 24px;
 }

 .breadcrumb {
   font-weight: 500;
   background-color: #f8f9fa;
 }

 .breadcrumb .breadcrumb-item.active {
   color: #8e8aad;
 }

 .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
   color: #8e8aad;
 }

 .breadcrumb-dark .breadcrumb-item a {
   color: #6C55F9;
 }

 .breadcrumb-dark .breadcrumb-item a:hover {
   color: #6C55F9;
   text-decoration: none;
 }

 .breadcrumb-dark .breadcrumb-item+.breadcrumb-item::before {
   display: inline-block;
   padding-right: 0.5rem;
   color: rgba(255, 255, 255, 0.8);
   content: "/";
 }

 .breadcrumb-dark .breadcrumb-item.active {
   color: rgba(255, 255, 255, 0.8);
 }


 .navbar {
   min-height: 70px;
 }

 .navbar.sticky {
   z-index: 1080;
 }

 .navbar.sticky.fixed~* {
   margin-top: 70px;
 }

 .navbar.sticky.fixed {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   animation: navTransition .5s ease;
   box-shadow: 0 2px 6px rgba(100, 95, 136, 0.15);
   z-index: 1080;
 }

 @keyframes navTransition {
   from {
     top: -100%;
   }

   to {
     top: 0;
   }
 }

 .navbar-brand {
   font-weight: 600;
   padding-top: 10px;
   padding-bottom: 10px;
 }

 .navbar-nav {
   margin-top: 10px;
   border-top: 1px solid #e4e7ee;
   flex-shrink: 0;
 }

 .navbar-nav .nav-link {
   transition: all .2s ease;
 }

 .navbar-nav .btn {
   font-size: 14px;
 }

 .navbar-light .navbar-nav .nav-link {
   color: rgb(255 255 255 / 75%)
 }

 .navbar-light .navbar-nav .nav-link:hover,
 .navbar-light .navbar-nav .nav-link:focus {
   color: #fff;
 }

 .navbar-light .navbar-nav .show>.nav-link,
 .navbar-light .navbar-nav .active>.nav-link,
 .navbar-light .navbar-nav .nav-link.show,
 .navbar-light .navbar-nav .nav-link.active {
   font-weight: 500;
   color: #6C55F9;
 }


 @media (min-width: 306px) {
   .navbar-expand-sm .navbar-nav {
     margin-top: 0;
     border-top: none;
   }

   .navbar-expand-sm .navbar-nav .nav-link {
     padding-right: 16px;
     padding-left: 16px;
   }

   .navbar-expand-sm .navbar-nav {
     align-items: center;
   }

   .quemsomos-foto {
     width: 100%;
     margin: 0px;
     padding: 5px;
     filter: brightness(100%) contrast(100%) saturate(121%) blur(0px) hue-rotate(0deg);
     border-style: solid;
     border-width: 5px 5px 5px 5px;
     border-color: #FFFFFF;
     border-radius: 10px 10px 10px 10px;
     box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
   }

   .logo-footer {
     width: 60%;
   }

   /* .navbar.sticky.fixed {
    position: static !important;} */
 }


 @media (min-width: 768px) {
   .navbar-expand-md .navbar-nav {
     margin-top: 0;
     border-top: none;
   }

   .navbar-expand-md .navbar-nav .nav-link {
     padding-right: 16px;
     padding-left: 16px;
   }

   .navbar-expand-md .navbar-nav {
     align-items: center;
   }
 }

 @media (min-width: 992px) {
   .navbar-expand-lg .navbar-nav {
     margin-top: 0;
     border-top: none;
   }

   .navbar-expand-lg .navbar-nav .nav-link {
     padding-right: 16px;
     padding-left: 16px;
   }

   .navbar-expand-lg .navbar-nav {
     align-items: center;
   }
 }

 @media (min-width: 1200px) {
   .navbar-expand-xl .navbar-nav {
     margin-top: 0;
     border-top: none;
   }

   .navbar-expand-xl .navbar-nav .nav-link {
     padding-right: 16px;
     padding-left: 16px;
   }

   .navbar-expand-xl .navbar-nav {
     align-items: center;
   }
 }

 .form-control {
   padding: 8px 15px;
   height: calc(1.5em + 1.375rem + 2px);
   border-color: #d6dbd9;
 }

 .custom-select {
   height: calc(1.5em + 1.375rem + 2px);
 }

 .page-link {
   margin-left: 5px;
   min-width: 40px;
   color: #B4B2C5;
   border: 1px solid #dee1e6;
   text-align: center;
   border-radius: 4px;
 }

 .page-link:hover {
   color: #645F88;
   background-color: #F6F5FC;
   border-color: #dee1e6;
 }

 .page-link:focus {
   box-shadow: none;
 }

 .page-item.active .page-link {
   z-index: 3;
   color: #fff;
   background-color: #6C55F9;
   border-color: #4330c2;
 }

 .page-item.disabled .page-link {
   color: #645F88;
   pointer-events: none;
   cursor: auto;
   background-color: #fff;
   border-color: #dee2e6;
 }

 .pagination-lg .page-link {
   padding: 0.75rem 1.5rem;
   font-size: 1.25rem;
   line-height: 1.5;
 }

 .pagination-lg .page-item:first-child .page-link {
   border-top-left-radius: 0.3rem;
   border-bottom-left-radius: 0.3rem;
 }

 .pagination-lg .page-item:last-child .page-link {
   border-top-right-radius: 0.3rem;
   border-bottom-right-radius: 0.3rem;
 }

 .pagination-sm .page-link {
   padding: 0.25rem 0.5rem;
   font-size: 0.875rem;
   line-height: 1.5;
 }

 .pagination-sm .page-item:first-child .page-link {
   border-top-left-radius: 0.2rem;
   border-bottom-left-radius: 0.2rem;
 }

 .pagination-sm .page-item:last-child .page-link {
   border-top-right-radius: 0.2rem;
   border-bottom-right-radius: 0.2rem;
 }


 .img-place {
   position: relative;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin: 0 auto;
   width: 100%;
   height: 100%;
   text-align: center;
   overflow: hidden;
 }

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

 .bg-image {
   position: relative;
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
 }

 .bg-image>* {
   position: relative;
   z-index: 10;
 }

 .bg-image-parallax {
   background-attachment: fixed;
 }

 .bg-image-overlay-dark {
   position: relative;
 }

 .bg-image-overlay-dark::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0.6;
   background-color: #343531;
 }

 .bg-size-50 {
   background-size: 50% 50%;
 }

 .bg-size-75 {
   background-size: 75% 75%;
 }

 .bg-size-100 {
   background-size: 100% 100%;
 }

 .avatar {
   display: inline-flex;
   flex-direction: row;
   align-items: center;
 }

 .avatar-img {
   margin-right: 6px;
   width: 32px;
   height: 32px;
   border-radius: 50%;
   overflow: hidden;
 }

 .avatar-img img {
   width: 100%;
   height: 100%;
 }

 .back-to-top {
   position: fixed;
   bottom: 20px;
   right: 25px;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   background: rgba(224, 223, 233, 0.7);
   visibility: hidden;
   cursor: pointer;
   transition: all .2s ease;
   z-index: 1100;
 }

 .back-to-top::after {
   content: "";
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   margin: -4px auto;
   width: 12px;
   height: 12px;
   border-top: 2px solid #555;
   border-right: 2px solid #555;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   transform: rotate(-45deg);
 }

 .back-to-top:hover {
   background: #6C55F9;
 }

 .back-to-top:hover::after {
   border-color: #fff;
 }


 .page-section {
   position: relative;
   padding-top: 110px;
   padding-bottom: 95px;
   color: #898798;
   overflow: hidden;
 }

 .page-banner {
  background-image: url(https://checkupcarautocenter.com.br/assets/img/mobilebanner.jpg);
   position: relative;
   margin-bottom: 16px;
   height: 320px;
   background-color: #F6F5FC;
   color: #645F88;
   z-index: 10;
 }

 .page-banner.home-banner {
   height: auto;
 }

 .page-banner.home-banner .img-fluid {
   max-width: 400px;
   margin: 0 auto;
 }

 .page-banner.home-banner .btn-scroll {
   position: absolute;
   bottom: -14px;
   left: 0;
   right: 0;
   margin: auto;
   width: 26px;
   height: 40px;
   line-height: 44px;
   background-color: #fff;
   color: #645F88;
   text-align: center;
   border-radius: 40px;
   box-shadow: 0 2px 6px rgba(100, 95, 136, 0.24);
   transition: all .2s ease;
 }

 .page-banner.home-banner .btn-scroll:hover {
   text-decoration: none;
   background-color: #6C55F9;
   color: #fff;
 }

  /* .page-banner.home-banner {
    height: 650px;
    background-image: url(https://checkupcarautocenter.com.br/assets/img/banner.jpg);
    margin-top: 5%;
  } */

  .back{
    background-color: #000;
  }

 @media (min-width: 768px) {
   .page-banner.home-banner {
     height: 650px;
     background-image: url(https://checkupcarautocenter.com.br/assets/img/banner.jpg);
      margin-top: 5%; 
   }
 }

 @media (min-width: 200px) and (max-width: 500px){
  .page-banner.home-banner {
    height: 650px;
    background-image: url(https://checkupcarautocenter.com.br/assets/img/mobilebanner.jpg);
     margin-top: 25%; 
  }

  .titulo-mobile{
    font-size: 2em;
  }
}

 .page-hero.overlay-dark::before,
 .page-banner.overlay-dark::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(52, 53, 49, 0.7);
   z-index: 1;
 }

 .page-banner .breadcrumb-item,
 .page-banner .breadcrumb-item a {
   font-size: 14px;
 }

 /* .home-banner .row>*:first-child {
   padding-left: 8%;
 } */

 .subhead {
   display: block;
   text-transform: uppercase;
   letter-spacing: 3px;
   color: #898798;
   font-weight: 500;
   margin-bottom: 8px;
 }

 .title-section {
   color: #645F88;
 }

 .divider {
   display: block;
   margin-top: 16px;
   margin-bottom: 32px;
   width: 32px;
   height: 3px;
   border-radius: 40px;
   background-color: #6C55F9;
 }



 .btn-split {
   display: inline-flex;
   align-items: center;
   border-radius: 40px;
   padding-top: 6px;
   padding-bottom: 6px;
   padding-right: 6px;
 }

 .btn-split .fab {
   display: inline-block;
   margin-left: 12px;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   line-height: 32px;
   text-align: center;
   background-color: #fff;
   color: #6C55F9;
 }


 .card-service {
   display: block;
   margin: 16px auto;
   padding: 32px 20px;
   max-width: 450px;
   text-align: center;
   color: #898798;
   border-radius: 8px;
   box-shadow: 0 3px 12px rgba(95, 92, 120, 0.12);
 }

 .card-service .header {
   margin-bottom: 24px;
 }

 .img-stack-element {
   position: relative;
   text-align: center;
 }

 .img-stack-element svg {
   display: inline-block;
   max-width: 460px;
 }

 @media (min-width: 992px) {
   .img-stack-element {
     transform: translateX(50px);
   }
 }


 .features {
   padding: 20px;
   background-color: #fff;
   text-align: center;
   color: #898798;
   border-radius: 8px;
   box-shadow: 0 3px 12px rgba(95, 92, 120, 0.12);
 }

 .features h5 {
   margin-top: 20px;
   font-size: 17px;
 }

 .features .header {
   display: inline-block;
   width: 60px;
   height: 60px;
   line-height: 60px;
   border-radius: 50%;
   text-align: center;
   background-color: #fff;
   color: #6C55F9;
   font-size: 24px;
   box-shadow: 0 2px 4px rgba(95, 92, 120, 0.16);
 }

 .features h5 {
   color: #2D2B3A;
 }

 .features p {
   font-size: 13px;
   color: #898798;
 }


 .banner-seo-check {
   padding: 0;
   /* background-image: radial-gradient(circle, #B262F8 15%, #5439F8); */
   background-color: #dd343e;
   color: #fff;
 }

 .banner-seo-check .wrap {
   padding: 80px 0;
 }

 .banner-seo-check form {
   position: relative;
 }

 .banner-seo-check form .form-control {
   border-color: transparent;
   height: calc(1.5em + 1.75rem + 2px);
   border-radius: 6px;
   box-shadow: none !important;
 }

 .banner-seo-check form .btn {
   position: absolute;
   top: 6px;
   right: 6px;
 }


 .card-pricing {
   position: relative;
   display: block;
   margin: 0 auto;
   padding: 32px 20px;
   max-width: 310px;
   background-color: #fff;
   color: #2D2B3A;
   text-align: center;
   border-radius: 4px;
   box-shadow: 0 4px 16px rgba(100, 95, 136, 0.16);
 }

 .card-pricing .header {
   padding-bottom: 24px;
 }

 .card-pricing .header .pricing-type {
   display: block;
   margin-top: 8px;
   margin-bottom: 12px;
   color: #898798;
 }

 .card-pricing .header .dollar {
   display: inline-block;
   vertical-align: top;
   font-weight: 700;
 }

 .card-pricing .header h1 {
   display: inline-block;
   font-weight: 600;
 }

 .card-pricing .header .suffix {
   font-size: 24px;
   color: #C9C7DC;
 }

 .card-pricing .header h5 {
   color: #6C55F9;
   text-transform: uppercase;
 }

 .card-pricing .body {
   padding-top: 24px;
   padding-bottom: 8px;
   border-top: 1px solid #DDDBEF;
   border-bottom: 1px solid #DDDBEF;
   font-weight: 500;
 }

 .card-pricing .body .suffix {
   color: #a4a1c8;
   font-weight: 400;
 }

 .card-pricing .footer {
   padding-top: 24px;
 }

 .card-pricing .footer .btn-pricing {
   background-color: #B8B4D5;
   color: #fff;
   box-shadow: none !important;
 }

 .card-pricing.marked {
   background-color: #6C55F9;
   color: #fff;
   box-shadow: 0 4px 16px rgba(107, 85, 249, 0.5);
 }

 .card-pricing.marked .header h5 {
   color: #fff;
 }

 .card-pricing.marked .header .pricing-type {
   color: #D7D5E9;
 }

 .card-pricing.marked .body .suffix {
   color: #D7D5E9;
 }

 .card-pricing.marked .footer .btn-pricing {
   background-color: #fff;
   color: #6C55F9;
   font-weight: 500;
 }


 .banner-info {
   padding: 0;
   background-color: #5439F8;
   color: rgba(255, 255, 255, 0.8);
 }

 .banner-info .wrap {
   padding: 80px 0;
 }

 .banner-info .title-section {
   color: #fff;
 }

 .banner-info .divider {
   background-color: #fff;
 }


 .card-blog {
   display: block;
   margin: 0 auto;
   max-width: 280px;
   border-radius: 4px;
   box-shadow: 0 2px 6px rgba(100, 95, 136, 0.16);
   overflow: hidden;
 }

 .card-blog .header {
   background-color: #F6F5FC;
 }

 .card-blog .header .post-thumb {
   position: relative;
   display: block;
   width: 100%;
   height: 200px;
   overflow: hidden;
 }

 .card-blog .header .post-thumb img {
   width: auto;
   height: 100%;
 }

 .card-blog .body {
   padding: 20px;
 }

 .card-blog .post-title a {
   color: #645F88;
   transition: color .2s ease;
 }

 .card-blog .post-title a:hover,
 .card-blog .post-title a:focus {
   color: #5641df;
   text-decoration: none;
 }

 .card-blog .post-date {
   font-size: 13px;
 }

 .form-search-blog .custom-select {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }



 .page-footer {
   position: relative;
   display: block;
   padding-top: 80px;
   padding-bottom: 16px;
   background-color: #2D2B3A;
 }

 .page-footer p a {
   color: #35bb78;
   transition: color .2s ease;
 }

 .page-footer p a:hover {
   color: #40d48a;
 }

 .page-footer h3,
 .page-footer h4,
 .page-footer h5 {
   color: #fff;
   margin-bottom: 24px;
 }

 .page-footer p {
   color: #fff;
 }

 .footer-menu {
   position: relative;
   padding-left: 0;
   list-style: none;
 }

 .footer-menu li {
   margin-bottom: 12px;
 }

 .footer-link {
   display: inline-block;
   padding: 6px 0;
 }

 .footer-menu a,
 .footer-link {
   color: #fff;
 }

 .footer-menu a:hover,
 .footer-link:hover {
   color: #fff;
   text-decoration: none;
 }

 .social-media-button a {
   display: inline-block;
   width: 40px;
   height: 40px;
   line-height: 44px;
   text-align: center;
   border-radius: 50%;
   background-color: #fff;
   color: #898798;
   transition: all .2s linear;
 }

 .social-media-button a:hover {
   background-color: #6C55F9;
   color: #fff;
   text-decoration: none;
   transform: rotate(360deg);
 }


 .blog-single-wrap {
   display: block;
   padding: 50px 0;
 }

 .blog-single-wrap .header {
   margin-bottom: 32px;
   background-color: #fff;
   border-radius: 6px;
   box-shadow: 0 2px 12px rgba(100, 95, 136, 0.2);
   overflow: hidden;
 }

 .blog-single-wrap .header .post-thumb {
   width: 100%;
   height: 250px;
   background-color: #F6F5FC;
   overflow: hidden;
 }

 .blog-single-wrap .header .post-thumb img {
   width: 100%;
 }

 .blog-single-wrap .header .meta-header {
   display: flex;
   flex-direction: row;
   align-items: baseline;
   justify-content: space-between;
   padding-left: 32px;
   padding-right: 32px;
   height: 50px;
   transform: translateY(-48px);
 }

 .blog-single-wrap .header .post-author .avatar {
   width: 80px;
   height: 80px;
   border-radius: 50%;
   border: 4px solid #fff;
   background-color: #fff;
   overflow: hidden;
   box-shadow: 0 2px 6px rgba(137, 135, 152, 0.4);
   transform: translateY(10px);
 }

 .blog-single-wrap .header .post-author .avatar img {
   width: 100%;
   height: 100%;
 }

 .blog-single-wrap .header .post-sharer a {
   padding: 5px 10px;
   line-height: 1;
   box-shadow: none !important;
 }

 .blog-single-wrap .header .post-sharer a[class='btn'] {
   background-color: #ec9d1e;
   color: #fff;
 }

 .blog-single-wrap .header .post-sharer a[class='btn']:hover {
   background-color: #d88d14;
   color: #fff;
 }

 .blog-single-wrap .post-title {
   font-weight: 500;
   color: #212529;
 }

 .blog-single-wrap .post-meta {
   display: block;
   margin-bottom: 24px;
 }

 .blog-single-wrap .post-meta .icon {
   display: inline-block;
   width: 24px;
   height: 24px;
   line-height: 24px;
   border-radius: 50%;
   font-size: 12px;
   text-align: center;
   background-color: #645F88;
   color: #fff;
 }

 .blog-single-wrap .post-meta .post-date,
 .blog-single-wrap .post-meta .post-comment-count {
   display: inline-block;
 }

 .blog-single-wrap .post-meta .post-date a,
 .blog-single-wrap .post-meta .post-comment-count a {
   color: #645F88;
 }

 .blog-single-wrap .post-content .quote {
   display: block;
   padding: 16px 20px;
   background-color: #6C55F9;
   color: #fff;
   font-size: 18px;
   border-radius: 8px;
 }

 .blog-single-wrap .post-content .quote .author {
   display: block;
   margin-top: 16px;
   font-size: 14px;
   color: rgba(255, 255, 255, 0.8);
 }


 .widget-box {
   display: block;
   padding: 20px;
   margin-bottom: 32px;
   border-radius: 6px;
   border: 1px solid #EDECF5;
   box-shadow: 0 3px 9px rgba(100, 95, 136, 0.15);
 }

 .widget-title {
   color: #6C55F9;
 }

 .search-widget .form-control {
   margin-bottom: 8px;
   background-color: #F6F5FC;
   border-color: transparent;
   box-shadow: none !important;
 }

 .search-widget .form-control:focus {
   border-color: #dee1e6;
 }

 .search-widget .btn {
   text-transform: uppercase;
 }

 .categories {
   position: relative;
   list-style: none;
   padding-left: 0;
 }

 .categories li a {
   display: block;
   padding: 6px;
   color: #a4a1c8;
   transition: all .2s ease;
 }

 .categories li a:hover {
   color: #6C55F9;
   text-decoration: none;
   font-weight: 500;
   text-shadow: 0 2px 4px rgba(107, 85, 249, 0.5);
 }

 .blog-item {
   position: relative;
   display: flex;
   flex-direction: row;
   padding-bottom: 12px;
   margin-bottom: 20px;
   border-bottom: 1px solid #e4e7ee;
 }

 .blog-item .post-thumb {
   flex-shrink: 0;
   position: relative;
   display: inline-block;
   margin-right: 15px;
   width: 100px;
   height: 80px;
   background-color: #F6F5FC;
   overflow: hidden;
 }

 .blog-item .post-thumb img {
   width: auto;
   height: 100%;
 }

 .blog-item .post-title a {
   color: #8e8aad;
   transition: all .2s ease;
 }

 .blog-item .post-title a:hover {
   color: #6C55F9;
   text-decoration: none;
 }

 .blog-item .meta a {
   margin-right: 6px;
   font-size: 12px;
   color: #645F88;
 }

 .blog-item .meta a:hover {
   text-decoration: none;
 }

 .tag-cloud-link {
   display: inline-block;
   margin-bottom: 6px;
   padding: 4px 10px;
   font-size: 13px;
   background-color: #EDECF5;
   color: #645F88;
   border-radius: 3px;
   transition: all .2s ease;
 }

 .tag-cloud-link:hover {
   background-color: #645F88;
   color: #fff;
   text-decoration: none;
 }


 .maps-container {
   position: relative;
   display: block;
   width: 100%;
   height: 100%;
   background-color: #F6F5FC;
   overflow: hidden;
 }

 #google-maps {
   width: 100%;
   height: 100%;
 }

 .custom-img-1 {
   width: auto;
   max-width: 390px;
 }

 .custom-index {
   z-index: 11;
 }


 /* Custom Plugin */
 .owl-nav {
   display: block;
   margin: 15px auto;
   text-align: center;
 }

 .owl-carousel .owl-nav button.owl-next,
 .owl-carousel .owl-nav button.owl-prev {
   display: inline-block;
   padding: 6px 0 !important;
   background-color: #00D9A5;
   color: #fff;
 }

 .owl-carousel .owl-nav button.owl-next {
   padding-right: 14px !important;
   padding-left: 7px !important;
   border-radius: 0 40px 40px 0;
 }

 .owl-carousel .owl-nav button.owl-prev {
   padding-right: 7px !important;
   padding-left: 14px !important;
   border-radius: 40px 0 0 40px;
 }}