html,
body {
  height: 100%;
  font-family: "Nunito", sans-serif;
}

.btn {
  font-family: "Nunito", sans-serif;
}

h2.title-perfil {
  font-size: 35px;
  font-weight: 500;
}

.btn-banner {
  width: 350px;
  font-size: 24px;
  background: #00a4e2;
  border-color: #00a4e2;
}

.carousel-inner > .item h3,
.carousel-inner > .item p {
  color: #fff;
}

.carousel-inner > .item h3 {
  margin: 20px 0 10px 0;
  color: #fff;
  font-weight: 900;
  line-height: 18px;
  font-size: 18px;
}

.carousel-inner > .item p {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

section.call-aluno {
  margin: 0;
  background: #f2f2f2;
  padding: 40px 0;
}

section.call-aluno a.call {
  color: #828484;
  font-size: 22px;
  font-family: "Montserrat";
}

.link-youtube i {
  color: #00a4e2;
}

.btn-call {
  background: #16ad9f;
  border-color: #16ad9f;
  color: #fff;
  width: 195px;
  font-size: 16px;
  letter-spacing: 2px;
}

.btn-call:hover {
  background: #33aa86;
  border-color: #33aa86;
  color: #fff;
}

#carousel-example-generic-vantagens .subtitle {
  text-transform: uppercase;
  font-size: 19px;
  font-family: "Nunito", sans-serif;
  font-weight: 500;
  margin-bottom: 50px;
}

#carousel-example-generic-vantagens .left span,
#carousel-example-generic-vantagens .right span {
  color: #5f6060;
}

img.principal {
  margin: 0 auto;
}

.subtitle {
  color: #828484;
  font-size: 16px;
}

.navbar-header {
  float: none;
}
.navbar-toggle {
  display: block;
}
.navbar-collapse {
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-collapse.collapse {
  display: none !important;
}
.navbar-nav {
  float: none !important;
  margin: 0;
  background: #fff;
}
.navbar-nav > li {
  float: none;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
}

.navbar-collapse.collapse.in {
  display: block !important;
}

.navbar-toggle {
  float: left;
}

.container-banner {
  background: url("../images/topo/bg-topo.png") center fixed no-repeat;
  background-size: cover;
  height: 100%;
  min-height: 100%;
  position: relative;
}

.text-banner {
  max-width: 100%;
  max-height: 100%;
}

.navbar-default {
  background-color: transparent;
  border: 0;
}

.navbar-toggle {
  padding: 18px 19px;
  margin-top: 12px;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

.btn-navbar-top {
  border-color: #ffd800;
  background: #ffd800;
  color: #333;
  border-width: 2px;
  margin-top: 28px;
  margin-right: 15px;
  font-size: 18px;
  width: 185px;
  font-weight: 900;
  margin: 30px auto;
}

.content-carousel-bg {
  margin-top: 0 !important;
}

.btnLoginModalHome {
  color: #ffd800;
  margin-top: 30px !important;
  background: transparent;
  border: 0;
  display: flex;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 16px !important;
}

.btnLoginModalHome i {
  color: #ffd800;
  margin-right: 7px;
  position: relative;
  font-weight: normal;
  bottom: 3px;
  padding-top: 4px;
}

.btnLoginModalHome:hover,
.btnLoginModalHome:hover,
.btnLoginModalHome:focus {
  color: #ffd800 !important;
  border: 0;
  background: transparent !important;
}

.btn-navbar-top:hover {
  background: #333 !important;
  border-color: #333 !important;
  color: #ffd800 !important;
}

section.content-experimente-gratis h2.white {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 36px !important;
  color: #fff;
  line-height: 24px !important;
}

#carousel-example-generic5 {
  min-height: 170px;
}

#carousel-example-generic5 h3 {
  color: #0554a4 !important;
  font-weight: lighter !important;
}

#carousel-example-generic5 .carousel-indicators li {
  background-color: #c2c2c2;
}

#carousel-example-generic5 .carousel-indicators .active {
  background-color: #0554a4;
  border: 1px solid #0554a4;
}

.btn-navbar-top-user {
  margin-top: 15px;
  border: 2px solid #ffd800 !important;
  font-weight: 900;
}

.btn {
  border-radius: 30px;
}

#navbar {
  max-width: 250px;
}

#navbarUser .nav {
  border-radius: 0 !important;
}

#navbarUser li > a a:hover {
  border-radius: 0 !important;
}

#navbar .navbar-nav {
  border-radius: 0 0 15px 15px;
  background-color: #33aa86;
}

#navbar li > a {
  color: #fff !important;
}

#navbar li > a:hover {
  background-color: green;
  color: #fff;
}

#navbar li:last-child > a:hover {
  border-radius: 0 0 15px 15px;
}

.content-carousel {
  margin: 50px 0;
}

.carousel-indicators li {
  background-color: #fff;
  border: 1px solid #fff;
}

.carousel-indicators .active {
  background-color: #ffd800;
  border: 1px solid #ffd800;
}

.carousel-indicators {
  bottom: -50px;
}

.row-section-title {
  margin-bottom: 40px;
}

section.content-experimente-gratis {
  margin: 0;
  padding: 20px 0 50px;
  width: 100%;
  background: url("../../experimentar.png") right bottom no-repeat;
}

@media screen and (max-width: 768px) {
  section.content-experimente-gratis {
    background: url("../../experimentar-mobile.png") right bottom no-repeat;
  }
}

section.content-experimente-gratis img {
  position: relative;
  top: -30px;
  width: 100%;
}

.col-form-gratis {
  margin-top: 33px;
}

.col-form-gratis h2 {
  color: #fff;
  font-weight: 500;
  margin: 60px 0 40px;
  font-size: 28px;
}

.row-list-vantagens ul li p {
  font-family: "Nunito", sans-serif;
}

.second-cadastro form {
  position: relative;
}

section.content-experimente-gratis form button[type="submit"] {
  position: absolute;
  left: 85%;
  top: 96px;
  color: #fff;
  border: 2px solid white;
  border-radius: 25px;
  padding: 0 16px;
  outline: none !important;
  width: 128px;

  background: linear-gradient(
    7deg,
    rgba(0, 131, 212, 1) 0%,
    rgba(0, 187, 234, 1) 100%
  );
  box-shadow: 0px 0px 10px rgb(255 255 255 / 15%);
  font-weight: 600;
  height: 38px;
}

section.content-experimente-gratis h2 {
  font-size: 53px !important;
  line-height: 56px;
}

section.content-experimente-gratis form .form-control {
  color: #fff;
  background-color: transparent;
  background-image: none;
  border: 2px solid white;
  border-radius: 30px;
  float: left;
  margin-bottom: 10px;
  font-weight: 600;

  background: linear-gradient(
    7deg,
    rgba(0, 131, 212, 1) 0%,
    rgba(0, 187, 234, 1) 100%
  );

  box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.15);
}

section.content-experimente-gratis form .btn-success {
  background: transparent;
  border: 0;
}

.form-control {
  font-family: "Nunito", sans-serif;
}

section.content-experimente-gratis form .form-control {
  width: 530px;
  height: 38px;
}

section.content-experimente-gratis
  form
  .form-control::-webkit-input-placeholder {
  color: white;
}
section.content-experimente-gratis form .form-control:-moz-placeholder {
  color: white;
}
section.content-experimente-gratis form .form-control::-moz-placeholder {
  color: white;
}
section.content-experimente-gratis form .form-control:-ms-input-placeholder {
  color: white;
}

section.content-vantagens {
  padding: 50px 0;
  background: linear-gradient(
    90deg,
    rgba(222, 222, 223, 1) 0%,
    rgba(255, 255, 255, 1) 50%,
    rgba(222, 222, 223, 1) 100%
  );
}

.img-vantagens {
  max-width: 140px;
}

section.content-vantagens h3 {
  /* max-width: 105px; */
  margin: auto;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 800;
  font-size: 26px;
  line-height: 26px;
  text-align: center;

  color: #012d52;
}

.icons-benef {
  padding-left: 11px !important;
}

section.content-vantagens h3 b {
  font-weight: 1000;
  font-size: 26px;
  line-height: 24px;
}

.onehclass b {
  font-size: 46px !important;
  line-height: 33px !important;
}

section.content-vantagens h1 {
  /* font-size: 25pt; */
  color: #012d52;
}

footer h2 {
  color: #828484;
  font-size: 41px;
  font-weight: 500;
}

.no-margin-left {
  margin-left: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.container-arrow-home {
  display: block;
  text-align: center;
  height: 35px;
}
.link-up-arrow {
  width: 60px;
  margin: 0 auto;
  color: #fff;
  background: #00a4e2;
  display: block;
  padding: 10px;
  border-radius: 50%;
  position: relative;
  top: 5px;
}

.navbar-brand {
  height: 86px;
}

.fixed-theme {
  background: #012d52;
  box-shadow: 7px -2px 50px 0 rgba(0, 0, 0, 0.75);
  height: 86px;
}

.fixed-theme .btn-navbar-top {
  border-color: #333;
  color: #333;
  font-weight: bold;
}

.row-list-vantagens {
  margin-top: 50px;
}

p.footer-subtitle {
  font-weight: 500;
  color: #828484;
  font-size: 14pt;
}

.row-list-vantagens ul li img {
  width: 50%;
  -webkit-transition: all 500ms ease-in;
  -webkit-transform: scale(1);
  -ms-transition: all 500ms ease-in;
  -ms-transform: scale(1);
  -moz-transition: all 500ms ease-in;
  -moz-transform: scale(1);
  transition: all 500ms ease-in;
  transform: scale(1);
  filter: blur(2px);
}

.row-list-vantagens ul li:hover img {
  -webkit-transition: all 500ms ease-in;
  -webkit-transform: scale(1.5);
  -ms-transition: all 500ms ease-in;
  -ms-transform: scale(1.5);
  -moz-transition: all 500ms ease-in;
  -moz-transform: scale(1.5);
  transition: all 500ms ease-in;
  transform: scale(1.5);
  filter: blur(0px);
}

.row-list-vantagens ul li:hover p {
  opacity: 1;
}

.row-list-vantagens ul li p {
  font-weight: bold;
  margin-top: 40px;
  color: #3ea99f;
  opacity: 0; /* Completely invisible. */
  transition: 2s;
}

section.content-midia {
  margin: 0 0 40px 0;
  background: url(../images/content/bg-content-ipad.png) center fixed no-repeat;
  background-size: cover;
  min-height: 720px;
}

section.content-midia h1 {
  color: #fff;
  margin: 50px 0 5px 0;
  font-size: 55px;
}

.carousel-control.left {
  background: transparent;
}

.carousel-control.right {
  background: transparent;
}

#carousel-example-generic-midia {
  margin-bottom: 20px;
}

#carousel-example-generic-midia p {
  color: #fff;
  font-size: 19px;
  font-family: "Nunito", sans-serif;
  font-weight: 500;
  margin-bottom: 20px;
}

section.content-midia ul {
  margin-bottom: 40px;
}

section.content-aulas {
  margin: 40px 0;
}

section.content-aulas h1 {
  margin: 40px 0 40px 0;
  font-size: 40px;
}

section.content-aulas ul {
  margin-bottom: 40px;
}

section.content-aulas ul li {
  margin: 0 10px;
}

section.content-aulas .link-youtube {
  font-size: 18px;
  color: #828484;
  letter-spacing: 2px;
}
f section.content-aulas .link-youtube i {
  color: #00a4e2;
}

section.content-aulas .col-margin {
  margin-left: 120px;
}

section.content-planos {
  margin: 40px 0 0 0;
  background: #ffffff;
}

section.content-planos h1 {
  color: #fff;
  margin: 20px 0;
  font-size: 43px;
}

.btn-new-assine {
  margin: 16px auto;
  max-width: 334px;
  display: flex;
  justify-content: center;
  background: linear-gradient(
    180deg,
    rgba(255, 124, 54, 1) 0%,
    rgba(255, 57, 13, 1) 100%
  );
  padding: 18px;
  border-radius: 15px;
  cursor: pointer;
  border: 2px solid #fff;
  box-shadow: 0px 0px 7px 4px rgba(255, 86, 19, 0.68);
}

.btn-new-assine:hover {
  background: rgba(255, 86, 19, 0.8);
}

.btn-new-assine a {
  color: #fff;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 900;
  font-size: 33.6px;
  line-height: 34px;
  text-transform: uppercase;
}

section.content-planos p {
  color: #fff;
  font-size: 18px;
}

section.content-planos form {
  margin-top: 50px;
}

.col-form-plano {
  background: #fff;
  border-radius: 15px;
  padding: 15px;
  margin: 40px 0;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "Nunito", sans-serif;
}

h1 {
  font-size: 45px;
}

p {
  font-family: "Nunito", sans-serif;
  color: #828484;
}

.btn-plano {
  border-color: #989898;
  color: #989898;
  width: 120px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.btn-plano:hover {
  background: #33aa86;
  border-color: #33aa86;
  color: #fff;
}

.btn-plano.active {
  background: #33aa86;
  border-color: #33aa86;
  color: #fff;
}

.col-form-plano h2 {
  margin-bottom: 5px;
  font-size: 30px;
  font-weight: 500;
}

ul.list-detail-plan {
  margin-left: 40px;
}

ul.list-detail-plan li {
  color: #33aa86;
}

ul.list-detail-plan li p {
  color: #989898;
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  padding: 0;
  margin: 0;
}

span.parcelas {
  color: #989898;
  font-size: 21px;
  font-family: "Montserrat";
}

.col-form-plano h2,
.col-form-plano h3 {
  color: #989898;
}

.col-form-plano h3 {
  margin-top: 0;
  font-size: 18px;
  font-weight: 400;
}

.text-block-submit button {
  margin: 15px 0 40px 0;
}

.text-block-plans {
  margin: 30px 0 30px 0;
}

.btn-submit-plan {
  background: #33aa86;
  border-color: #33aa86;
  color: #fff;
  width: 380px;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 2px;
}

.btn-submit-plan:hover {
  color: #fff;
  background: #5cb85c;
}

a.link-conheca-professor {
  float: left;
  width: 100%;
  margin-top: 60px;
}

a.link-conheca-professor img {
  float: left;
}

a.link-conheca-professor span {
  color: #fff;
  padding-left: 10px;
  display: block;
  float: left;
  margin-top: 5px;
}

a:hover {
  text-decoration: none;
  cursor: pointer;
}

footer {
  padding: 40px 0;
  background: linear-gradient(
    90deg,
    rgba(0, 32, 62, 1) 0%,
    rgba(1, 45, 82, 1) 50%,
    rgba(0, 32, 62, 1) 100%
  );
}

.submenu-footer a {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;

  text-align: center;
}

footer a,
footer p {
  color: #ffffff;
}

.row-footer {
  margin: 30px 0 40px 0;
}

.row-footer :first-child {
  padding: 0 !important;
}

ul.submenu-footer {
  margin-top: 40px;
}

ul.submenu-footer li {
  margin: 0 15px;
}

ul.social-footer {
  margin-top: 20px;
}

ul.social-footer li {
  padding: 0;
  margin: 10px;
}

ul.social-footer li a img {
  -webkit-transition: -webkit-transform 0.8s ease-in-out;
  -ms-transition: -ms-transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
}

ul.social-footer li a:hover {
  color: #f7f7f7;
}

footer form .form-control {
  color: #959595;
  background-color: transparent;
  background-image: none;
  border: 2px solid #959595;
  border-radius: 30px;
}

a {
  color: #00a4e2;
}

.btn-close-login {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 25px;
  right: 25px;
}

#form-login .form-control {
  color: #959595;
  background-color: transparent;
  background-image: none;
  border: 2px solid #959595;
  border-radius: 30px;
}

#form-login .btn-submit {
  background: #00a4e2;
  border-color: #00a4e2;
  color: #fff;
  width: 260px;
  letter-spacing: 2px;
}

#modal-recuperar-senha .btn-submit {
  background: #00a4e2;
  border-color: #00a4e2;
  color: #fff;
  width: 260px;
  letter-spacing: 2px;
}

footer a:hover {
  color: rgb(217, 217, 217);
}

footer form .btn-submit {
  background: #00a4e2;
  border-color: #00a4e2;
  color: #fff;
  width: 260px;
  letter-spacing: 2px;
}

footer form .btn-submit:hover {
  color: #fff;
  background: #5cb85c;
}

footer form .form-control {
}

.navbar-default .navbar-toggle {
  padding: 3px;
  border: 0;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #33aa86;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  background-color: #33aa86;
  color: #fff;
}

#navbar {
  border: 0;
}

.col-banner-1 {
  position: absolute;
  top: 20%;
  left: 10%;
}
.col-banner-2 {
  position: absolute;
  bottom: 0;
  right: 15%;
}
.col-banner-3 {
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
}

section.btn:hover {
  color: #fff;
}

a:hover,
button:hover {
  cursor: pointer;
}

/* Plans */

.db-bk-color-two {
  background: linear-gradient(
    0deg,
    rgba(0, 24, 51, 1) 0%,
    rgba(2, 80, 118, 1) 100%
  );
  border-radius: 0 30px 0 0 !important;
}

.db-bk-color-three .btn {
  background-color: transparent !important;
  border: 1px solid #fff;
  border-radius: 30px;
  font-weight: bold;
}

.db-bk-color-two .btn {
  background-color: transparent;
  border-color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  font-weight: bold;
}

.db-bk-color-two .btn,
.db-bk-color-three .btn,
.db-bk-color-one .btn {
  max-width: 250px;
  margin: auto;
}

.db-bk-color-one .price {
  max-width: 230px;
}

/*old two*/
/* .db-bk-color-two {
  background: linear-gradient(
    0deg,
    rgba(0, 130, 211, 1) 0%,
    rgba(0, 186, 233, 1) 100%
  );
  border-color: #00a4e2;
  border-radius: 30px;
  font-weight: bold;
} */

/* .db-bk-color-two .type,
.db-bk-color-two .type strong {
  color: #012d52 !important;
} */

.db-bk-color-one .btn {
  border-radius: 30px;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 800;
  font-size: 26px;
  line-height: 26px;
  color: #ffffff;

  background: linear-gradient(
    7deg,
    rgba(255, 58, 13, 1) 0%,
    rgba(255, 124, 54, 1) 100%
  );

  border: 2px solid #ffffff;
  box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.15);
}

.db-bk-color-one .btn:hover {
  background: linear-gradient(
    7deg,
    rgba(255, 124, 54, 1) 100%,
    rgba(255, 58, 13, 1) 0%
  );
  border: 2px solid #ffffff;
}

/* .db-bk-color-two .btn {
  border-radius: 30px;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 800;
  font-size: 26px;
  line-height: 26px;
  color: #ffffff;

  background: linear-gradient(
    7deg,
    rgba(0, 131, 212, 1) 0%,
    rgba(0, 187, 234, 1) 100%
  );

  border: 2px solid #ffffff;
  box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.15);
} */

.db-bk-color-two .btn:hover {
  background: linear-gradient(
    7deg,
    rgba(0, 131, 212, 1) 100%,
    rgba(0, 187, 234, 1) 0%
  );
  border: 2px solid #ffffff;
}

.db-bk-color-two .btn {
  border-radius: 30px;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 800;
  font-size: 26px;
  line-height: 26px;
  color: #ffffff;
  margin-top: 30px;

  background: linear-gradient(
    7deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(3, 78, 116, 1) 57%
  );

  border: 2px solid #ffffff;
  box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.15);
}

.db-bk-color-three .btn:hover {
  background: linear-gradient(
    7deg,
    rgba(0, 0, 0, 1) 21%,
    rgba(3, 78, 116, 1) 56%
  );
  border: 2px solid #ffffff;
}

.db-bk-color-one {
  background: linear-gradient(
    0deg,
    rgba(255, 57, 13, 1) 0%,
    rgba(255, 124, 54, 1) 100%
  );
  border-color: #ff5a1a;
  border-radius: 30px 0 0 0 !important;
  font-weight: bold;
  /* position: relative;
  top: -10px;
  z-index: 5; */
}

.db-bk-color-six {
  background-color: #f59b24;
  border-color: #f59b24;
  border-radius: 30px;
  font-weight: bold;
}
/*============================================================
PRICING STYLES
==========================================================*/
.cards-planos {
  width: 975px !important;
  display: flex;
  justify-content: center;
  gap: 22px;
}

/* .db-padding-btm {
  padding-bottom: 50px;
} */
.db-button-color-square {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
}

.db-button-color-square:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
}

.db-pricing-eleven {
  width: 325px;
  height: 315px;
  margin-bottom: 30px;
  margin-top: 50px;
  text-align: center;
  color: #fff;
  line-height: 30px;
  border-radius: 0 20px 0 0;
  padding: 30px;
}

.db-pricing-eleven ul {
  list-style: none;
  margin: 0;
  text-align: center;
  padding-left: 0px;
}

.db-pricing-eleven ul li {
  padding-top: 20px;
  padding-bottom: 20px;
  cursor: pointer;
}

.db-pricing-eleven ul li i {
  margin-right: 5px;
}

.db-pricing-eleven .price {
  padding: 40px 20px 20px 20px;
  font-size: 60px;
  font-weight: 900;
  color: #ffffff;
}

.price sup {
  display: block;
  text-align: left;
  font-family: "Nunito";
  font-style: normal;
  font-weight: bold;
  font-size: 24px;

  top: -0.5em;
}

#content-planos .price {
  text-align: left;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 900;
  font-size: 36px;
  line-height: 36px;
  position: relative;
  padding: 30px 40px 10px 30px;
}

.db-bk-color-one .price img {
  background: url("http://localhost:8000/resources/braco-plano.png");
  width: 70px;
  height: 70px;
  position: absolute;
  right: -6px;
  top: 15px;
}

.db-pricing-eleven .price small {
  color: #b8b8b8;
  display: block;
  font-size: 12px;
  margin-top: 22px;
}

.db-pricing-eleven .type {
  padding: 0px 40px;
  padding-left: 30px;
  font-weight: 500;
  font-size: 38px;
  line-height: 24px;
  color: #ffffff;
  padding-bottom: 14px;
  padding-right: 0;
}

.db-pricing-eleven .type strong {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 900;
  font-size: 48px;
  line-height: 24px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  margin-top: 18px;
  color: #ffffff;
}

.db-pricing-eleven .pricing-footer {
  padding: 10px 20px;
}

.db-bk-color-two.type {
  padding-top: 30px;
}

.db-attached > .col-lg-4,
.db-attached > .col-lg-3,
.db-attached > .col-md-4,
.db-attached > .col-md-3,
.db-attached > .col-sm-4,
.db-attached > .col-sm-3 {
  padding-left: 0;
  padding-right: 0;
}

/* .db-pricing-eleven.popular {
  margin-top: 10px;
  position: relative;
  top: 10px;
  right: 20px;
  width: calc(100% + 20px);
} */

.db-pricing-eleven.popular .price {
  padding-top: 40px;
}