.list-style-none {
  list-style: none;
}
.our-services {
  margin-top: 50px;
  overflow-x: auto;
}

.our-services::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.our-services::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px rgb(175, 173, 173);
  border-radius: 1px;
}

.our-services::-webkit-scrollbar-thumb {
  background: rgb(184, 183, 183);
  border-radius: 2px;
}

.our-services::-webkit-scrollbar-thumb:hover {
  background: #a7a6a6;
  height: 10px;
}
.flip-container {
  -webkit-perspective: 1000;
  margin: 0 auto 20px auto;
  width: 320px;
  min-height: 280px;
  border-radius: 15px;
  cursor: pointer;
}

.flip-container:hover .flipper {
  -webkit-transform: rotateY(180deg);
  cursor: pointer;
}
.flip-container.hover .flipper {
  -webkit-transform: rotateY(180deg);
  cursor: pointer;
}

.front {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  width: 320px;
  min-height: 200px;
  /* border-radius: 15px; */
  -webkit-backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.front h3 {
  color: black;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  font-family: 'Poppins', sans-serif;
}

/* .front img {
  display: block;
  width: 95% !important;
  overflow: auto;
  /* height: 165px !important; */
/* border-top-left-radius: 15px;
  border-top-right-radius: 15px; 
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
} */

.back {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  width: 320px;
  /* height: 200px; */
  min-height: 200px;
  -webkit-backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotateY(180deg);
  text-align: center;
  font-size: 18px;
  font-family: 'Poppins', sans-serif;
  color: black;
  padding: 10px;
}

.back h3 {
  margin-top: 20px;
  color: black;
}

.back p {
  color: black;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  margin-right: 15px;
}

.flipper {
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  position: relative;
}
.escape_con {
  display: flex;
  flex-direction: row;
}
.escapes__content {
  flex: 40%;
  align-items: center;
}

.escapes__images::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.escapes__images::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px rgb(175, 173, 173);
  border-radius: 1px;
}

.escapes__images::-webkit-scrollbar-thumb {
  background: rgb(184, 183, 183);
  border-radius: 2px;
}

.escapes__images::-webkit-scrollbar-thumb:hover {
  background: #a7a6a6;
  height: 10px;
}

.escapes__images {
  flex: 60%;
  overflow-y: hidden;
  padding-top: 30px;
  overflow-x: scroll;
  white-space: nowrap;
  padding-left: 25px;
  padding-bottom: 30px;
}
.escape_con_inner {
  text-align: center;
}
.escape_con_inner > .escapes__title {
  font-size: 40px;
  font-weight: bold;
}
.escpae_red_line {
  width: 60%;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: red;
  margin-left: 20%;
  margin-right: 20%;
}
.escapes__images img {
  border-radius: 15px;
  display: inline-block;
  margin-left: 10px;
  margin-right: 100px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.escape_float_img {
  /* margin-left: 0.8%;
  margin-right: 0.8%; */
}
.escapes__images .lazy-image:hover {
  transform: scale(1.02);
}
.countriesTourNamecontainer {
  display: flex;
  flex-direction: row;
}
.countriesTourNamecontainerFirst {
  flex: 40%;
}

.countriesTourNamecontainerRelative {
  flex: 60%;
}

@media only screen and (max-width: 1024px) {
  .escape_con_inner {
    margin-top: 120px;
  }
}

@media only screen and (max-width: 600px) {
  .escape_con_inner {
    padding-top: 2px;
    padding-bottom: 5px;
    margin-top: 0px;
    text-align: center;
  }
  .escape_con_inner > .escapes__title {
    font-size: 22px;
    font-weight: bold;
  }
  .escape_con_inner > .escapes__caption {
    font-size: 14px;
  }
  .escape_con {
    display: flex;
    flex-direction: column;
  }
  .escapes__content {
    flex: 100%;
    padding-left: 5px;

    padding-right: 5px;
    text-align: center;
    position: relative;
  }

  .display {
    display: flex;
    align-items: center;
  }
  .escapes__images {
    flex: 100%;
    padding-left: 5px;

    padding-right: 5px;

    overflow-y: hidden;
    padding-top: 30px;
    overflow-x: scroll;
    white-space: nowrap;
    height: 365px;
  }
}

.countriesTourNamecontainer {
  display: flex;
  flex-direction: row;
}

.countriesTourNamecontainerFirst {
  flex: 40%;
  position: relative;
}

.countriesTourNamecontainerSec {
  flex: 60%;
  position: relative;
}
.countriesTourNamecontainerRelativebgImage {
  width: 100%;
  height: 400px;
  position: absolute;
  z-index: 1;
}
.containerTourNamecontainerRelativeAbs {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.313);
}

.containerTourNamecontainerAbs {
  position: relative;
}
.containerTourNamecontainerAbsparentGallery {
  width: 100%;
}
.innerGalleryContainer {
  width: 20%;
  margin-left: 2.5%;
  margin-right: 2.5;
  float: left;
}

.blue-grey-section-gallery {
  margin-top: 100px;
}
.parallax-less-gallery {
  background: rgb(45 45 45 / 85%);
  padding: 1em 0em 1em 0em;
}

.side-social-menu .twitter {
  font: normal normal 10px Arial;
  text-align: center;
  color: #998578;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.side-social-menu .twitter {
  color: #000000;
  text-decoration: none;
  display: block;
  padding: 14px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.side-social-menu .twitter:hover {
  color: #ff7d6d;
  text-decoration: none;
}

.side-social-menu span {
  font-style: italic;
  display: block;
}

.side-social-menu img {
  max-width: 100%;
}

.side-social-menu .fl-fl {
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 4px;
  width: 180px;
  z-index: 1000;
  left: 0px;
  position: relative;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.side-social-menu .fa {
  font-size: 20px;
  color: #fff;
  padding: 10px 0;
  width: 40px;
  margin-left: 8px;
}

.side-social-menu .fl-fl:hover {
  left: -110px;
  background: #000000;
}

.side-social-menu .fl-fl a {
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  line-height: 25px !important;
  vertical-align: top !important;
}

.side-social-menu {
  top: 194px;
  position: fixed;
  right: -130px;
}

.cont {
  text-align: center;
}

.page-head {
  padding: 60px 0;
  text-align: center;
}

.page-head .lead {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 50px;
  margin-top: 0;
}

.page-head h1 {
  font-size: 42px;
  margin: 0 0 20px;
  color: #fff;
  position: relative;
  display: inline-block;
}

.page-head h1 .version {
  bottom: 0;
  color: #ddd;
  font-size: 11px;
  font-style: italic;
  position: absolute;
  width: 58px;
  right: -58px;
}

.demo-gallery > ul {
  margin-bottom: 0;
  padding-left: 15px;
}

.demo-gallery > ul > li {
  margin-bottom: 15px;
  width: 180px;
  display: inline-block;
  margin-right: 15px;
  list-style: outside none none;
}
.demo-gallery-1 > ul > li {
  border-radius: 50%;
  width: 50px;
  height: auto;
  background: transparent 0 0 no-repeat padding-box !important;
  opacity: 0.5;
  box-shadow: 0 2px 2px rgb(0 0 0 / 20%);
  margin-left: 5px;
  cursor: pointer;
}
.demo-gallery-1 > ul > li :hover {
  border-radius: 50%;
  width: 80px;
  background: none !important;
  box-shadow: 0 2px 2px rgb(0 0 0 / 20%);
}

.demo-gallery > ul > li a {
  border: 3px solid #fff;
  border-radius: 3px;
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}

.demo-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}

.demo-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery > ul > li a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.demo-gallery > ul > li a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.demo-gallery > ul > li a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}

.demo-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  opacity: 0.8;
  width: 48px;
}

.demo-gallery.dark > ul > li a {
  border: 3px solid #04070a;
}
.main_footer {
  position: relative;
  background: #000;
  width: 100%;
  bottom: 0;
  left: 0;
}
footer .content {
  max-width: 1250px;
  margin: auto;
  padding: 5px 40px 40px 40px;
}
footer .content .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
.content .top .logo-details {
  color: #fff;
  font-size: 22px;
}
.content .top .media-icons {
  display: flex;
}
.content .top .media-icons a {
  height: 40px;
  width: 40px;
  margin: 0 8px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 17px;
  text-decoration: none;
  transition: all 0.4s ease;
}
.top .media-icons a:nth-child(1) {
  background: #4267b2;
}
.top .media-icons a:nth-child(1):hover {
  color: #4267b2;
  background: #fff;
}
.top .media-icons a:nth-child(2) {
  background: #1da1f2;
}
.top .media-icons a:nth-child(2):hover {
  color: #1da1f2;
  background: #fff;
}
.top .media-icons a:nth-child(3) {
  background: #e1306c;
}
.top .media-icons a:nth-child(3):hover {
  color: #e1306c;
  background: #fff;
}
.top .media-icons a:nth-child(4) {
  background: #0077b5;
}
.top .media-icons a:nth-child(4):hover {
  color: #0077b5;
  background: #fff;
}
.top .media-icons a:nth-child(5) {
  background: #ff0000;
}
.top .media-icons a:nth-child(5):hover {
  color: #ff0000;
  background: #fff;
}
.top .media-icons a:nth-child(6) {
  background: #bd081c;
}
.top .media-icons a:nth-child(6):hover {
  color: #bd081c;
  background: #fff;
}
footer .content .link-boxes {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
footer .content .link-boxes .box {
  width: calc(100% / 5 - 10px);
}
.content .link-boxes .box .link_name {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
  position: relative;
}
.link-boxes .box .link_name::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 2px;
  width: 35px;
  background: #fff;
}
.content .link-boxes .box li {
  margin: 6px 0;
  list-style: none;
}
.content .link-boxes .box li a {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  opacity: 0.8;
  transition: all 0.4s ease;
}
.content .link-boxes .box li a:hover {
  opacity: 1;
  text-decoration: underline;
}
.content .link-boxes .input-box {
  margin-right: 55px;
}
.link-boxes .input-box input {
  height: 40px;
  width: calc(100% + 55px);
  outline: none;
  border: 2px solid #afafb6;
  background: #140b5c;
  border-radius: 4px;
  padding: 0 15px;
  font-size: 15px;
  color: #fff;
  margin-top: 5px;
}
.link-boxes .input-box input::placeholder {
  color: #afafb6;
  font-size: 16px;
}
.link-boxes .input-box input[type='button'] {
  background: #fff;
  color: #140b5c;
  border: none;
  font-size: 18px;
  font-weight: 500;
  margin: 4px 0;
  opacity: 0.8;
  cursor: pointer;
  transition: all 0.4s ease;
}
.input-box input[type='button']:hover {
  opacity: 1;
}
footer .bottom-details {
  width: 100%;
  background: #2c303a;
}
footer .bottom-details .bottom_text {
  max-width: 1250px;
  margin: auto;
  padding: 20px 40px;
  display: flex;
  justify-content: space-between;
}
.bottom-details .bottom_text span,
.bottom-details .bottom_text a {
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  opacity: 0.8;
  text-decoration: none;
}
.bottom-details .bottom_text a:hover {
  opacity: 1;
  text-decoration: underline;
}
.bottom-details .bottom_text a {
  margin-right: 10px;
}
@media (max-width: 900px) {
  footer .content .link-boxes {
    flex-wrap: wrap;
  }
  footer .content .link-boxes .input-box {
    width: 40%;
    margin-top: 10px;
  }
}
@media (max-width: 700px) {
  footer {
    position: relative;
  }
  .content .top .logo-details {
    font-size: 26px;
  }
  .content .top .media-icons a {
    height: 35px;
    width: 35px;
    font-size: 14px;
    line-height: 35px;
  }
  footer .content .link-boxes .box {
    width: calc(100% / 3 - 10px);
  }
  footer .content .link-boxes .input-box {
    width: 60%;
  }
  .bottom-details .bottom_text span,
  .bottom-details .bottom_text a {
    font-size: 12px;
  }
}
@media (max-width: 520px) {
  footer::before {
    top: 145px;
  }
  footer .content .top {
    flex-direction: column;
  }
  .content .top .media-icons {
    margin-top: 16px;
  }
  footer .content .link-boxes .box {
    width: calc(100% / 2 - 10px);
  }
  footer .content .link-boxes .input-box {
    width: 100%;
  }
}

.header-social-inner a i {
  /* margin-right: 10px; */
  font-size: 16px !important;
  opacity: 1;
  /* color: #282d35; */
  /* background: #ffeded; */
  width: 35px;
  height: 35px;
  /* border-radius: 25px; */
  /* text-align: -webkit-center; */
  /* padding-top: 10px; */
  transition: all 0.8s ease-in-out;
}
.header-social-inner .fa-facebook-f {
  color: #3b5998;
}
.header-social-inner .fa-youtube {
  color: #ff0000;
}
.header-social-inner .fa-linkedin {
  color: #0a66c2;
}
.header-social-inner .fa-twitter {
  color: #1da1f2;
}
.header-social-inner .fa-instagram {
  color: #c32aa3;
}
.header-social-inner .fa-pinterest {
  color: #bd081c;
}

.font-weight-300 {
  font-weight: 300;
}
@media (max-width: 770px) {
  .photo-container .item {
    width: 100%;
  }
  .sticky-contact-us {
    position: fixed;
    right: 1%;
    bottom: 4%;
    z-index: 1000;
  }
}
@media (min-width: 771px) {
  .sticky-contact-us {
    position: fixed;
    right: 1%;
    bottom: 4%;
    z-index: 1000;
  }
}
.fix-mobile-strip {
  display: none;
}
/* .btm-footer {
    padding: 15px 0;
} */
a.whatsapp-design {
  background-color: #2fb842;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 25px;
  text-decoration: none;
  border-radius: 100%;
  text-align: center;
  width: 50px;
  height: 50px;
  position: fixed;
  left: 10px;
  bottom: 20px;
  margin: 0;
  z-index: 2;
}
a.whatsapp {
  display: none;
}
@media only screen and (max-width: 1279px) {
  .rera-strip ul li {
    padding: 0 7px;
  }
  a.whatsapp {
    font-size: 20px;
    width: 44px;
    height: 44px;
  }
}
@media only screen and (max-width: 991px) {
  a.whatsapp {
    bottom: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .btm-footer {
    /*   padding: 15px 0 44px 0; */
  }
}
@media only screen and (max-width: 575px) {
  .fix-mobile-strip ul li a {
    font-size: 14px;
  }
  a.whatsapp {
    display: block;
    font-size: 18px;
    width: 41px;
    height: 41px;
  }
  .sticky-contact-us {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  a.whatsapp {
    display: block;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
  }
  .overlay ul li a {
    font-size: 22px;
  }
  .btm-footer .container {
    display: block;
    text-align: center;
  }
  .copyright {
    margin-bottom: 10px;
  }
  .logo {
    text-align: center;
    margin: 0 0 15px 0;
  }
  .call-to-action-cnt {
    text-align: center;
    margin: 0 0 15px 0;
  }
  .call-to-action-button {
    text-align: center;
  }
  .section-title h2 {
    font-size: 22px;
  }
  .form-footer h4 {
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 25px;
  }
  .fix-mobile-strip {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    box-shadow: 0 0 5px #696969;
  }
  .fix-mobile-strip ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }
  .fix-mobile-strip ul li {
    width: 50%;
    text-align: center;
    margin-bottom: 0px !important ;
  }
  .fix-mobile-strip ul li a {
    display: block;
    text-decoration: none;
    color: #fff;
    background-color: #0054a6;
    padding: 10px;
    font-size: 16px;
  }
}
.contact-us .social-icon {
  display: inline-block;
  height: 20px;
  width: 45px;
  line-height: 45px;
  font-size: 18px;
  text-align: center;
  background-color: #b70011;
  color: #fff;
  border-radius: 4px;
}

.contact-box .form-group input,
.contact-box .form-group textarea {
  font-size: 14px;
  height: 50px;
  background-color: #fdfcfb;
  padding: 0 15px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.contact-box .form-group textarea {
  height: 180px;
  padding: 15px;
}

.contact-box .form-group input::-webkit-input-placeholder,
.contact-box .form-group textarea::-webkit-input-placeholder {
  color: rgba(68, 68, 68, 0.6);
}

.contact-box .form-group input:-ms-input-placeholder,
.contact-box .form-group textarea:-ms-input-placeholder {
  color: rgba(68, 68, 68, 0.6);
}

.contact-box .form-group input::placeholder,
.contact-box .form-group textarea::placeholder {
  color: rgba(68, 68, 68, 0.6);
}

.contact-box button {
  height: 50px;
  border-radius: 8px;
  background: #0054a6 !important;
  box-shadow: 1px 2.5px 3px #001932;
}

.contact-hed {
  font-size: 50px !important;
  font-weight: 700 !important;
}
.hedd {
  color: white !important;
  font-size: 17px;
  margin-top: -40px !important;
}
/* .form-group .form-control{
  box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px 0px !important ;
} */

.container-fluid .fa {
  width: 35px;
  height: 35px;
  border-radius: 10px;
  background: rgb(0, 0, 0);
  font-size: 19px;
  color: white;
  margin-right: 5px;
  line-height: 35px;
  text-align: center;

  color: rgb(17, 17, 17);
}
.pragraph_title {
  font-size: 13px !important;
}

.footer-title li {
  font-size: 13px !important;
}

.media-body {
  background: transparent;
  color: white;
  margin-top: 10px;
}

.media-body span {
  background: transparent;
  color: white;
  text-align: center;

  text-decoration: none;
}

.footer-items ul li a {
  text-decoration: none;
  color: inherit;
  font-size: 13px;
}

.white {
  color: #fff !important;
}
.custom-list {
  display: block;
  width: 100%;
  margin: 10px 0;
}

.custom-list ul {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
  line-height: normal;
}

.custom-list li {
  display: block;
  float: left;
  margin: 0 0px 0 0;
  padding: 0;
}

.custom-list li.last {
  margin-right: 0;
}

.custom-list li div.imgholder {
  display: block;
  margin: 0 0 10px 0;
  padding: 4px;
  color: #666666;
  background-color: #edece4;
  border: 1px solid #bebb9e;
}

.custom-list p {
  margin: 0 0 10px 0;
  padding: 0;
  line-height: 1.3em;
}

.custom-list p.readmore {
  display: block;
  margin: 0;
  font-weight: bold;
  text-align: left;
}
.custom-list p a {
  display: block;
  margin: 0;
  color: Maroon;
  line-height: normal;
  font-weight: bold;
  width: 250px;
}
.custom-list p a:hover {
  display: block;
  margin: 0;
  color: darkgreen;
  line-height: normal;
  font-weight: bold;
  width: 250px;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.border-right {
  border-right: 1px solid #000;
}
@media (min-width: 768px) {
  .hidden-sm {
    display: none !important;
  }
}

/*  Slider Area Styling */

.slide_bg_1 {
  background: #f0f0f0 url('../images/img/slider2.jpg') no-repeat scroll right center;
}
.slide_bg_2 {
  background: #f0f0f0 url('../images/img/slider1.jpg') no-repeat scroll right center;
}
.slide_bg_3 {
  /*background: #f0f0f0 url("../images/img/slider3.jpg") no-repeat scroll right center;*/
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url(../images/img/banner-img.jpg);
}
.single_slider {
  background-color: #dddd;
  background-position: center center;
  background-size: cover;
  color: #fff;
  font-size: 24px;
  height: 550px;
}
.slider_item_tb {
  display: table;
  height: 100%;
  width: 100%;
}
.slider_item_tbcell {
  display: table-cell;
  vertical-align: middle;
}
.slide_bg_2 .slider_item_tbcell {
  text-align: center;
}
.sliderhome.owl-theme .owl-dots .owl-dot span {
  width: 30px;
  height: 3px;
  margin: 5px 5px;
  background: #fff;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  border: 1px solid transparent;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 0px;
}
.sliderhome.owl-theme .owl-dot.active span {
  background: #0054a6;
}
.sliderhome.owl-theme .owl-dots .owl-dot {
  position: relative;
  top: -55px;
}
.sliderhome_two .col-md-offset-3 {
  margin-left: 21%;
}
.sliderhome h4 {
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: -15px;
  font-weight: 800;
  letter-spacing: 2px;
}
.sliderhome h2 {
  font-size: 44px;
  margin-bottom: 25px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 60px;
  color: #fff;
}
.sliderhome h2 span {
  background: #fff;
  display: inline-block;
  padding: 0px 20px;
  color: #333;
}
.sliderhome h2 .slide_st1 {
  background: #0054a6;
  margin-left: -13px;
  color: #fff;
}
.sliderhome span {
  color: #0054a6;
}
.slide_bg_1 p {
  padding-right: 5px;
  color: #fff;
}
.slider_btn a {
  border: 1px solid #fff;
  display: inline-block;
  font-size: 14px;
  padding: 8px 10px;
  border-radius: 10px;
  /*height: 45px;
      line-height: 44px;      
      width: 145px;*/
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  margin-top: 10px;
  margin-bottom: 15px;
}
.slider_btn_one {
  background: #0054a6;
  color: #fff;
  margin-right: -6px;
  border-radius: 3px 0px 0px 3px;
}
.slider_btn_two {
  margin-left: 15px;
  color: #fff;
  border: 1px solid #fff !important;
}
.slider_btn_one:hover {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
}
.slider_btn_two:hover {
  background: #0054a6;
  color: #fff;
  border: 1px solid #0054a6 !important;
}
.slides_wrapper {
  position: relative;
}
.slides__preload_wrapper {
  background: #0054a6 none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 999;
}
.slides__preload_wrapper .spinner {
  left: 50%;
  margin: -20px 0 0 -20px;
  position: absolute;
  top: 50%;
}
.sliderhome .owl-nav div.owl-next {
  left: auto !important;
  right: 2px !important;
}
.sliderhome .owl-nav div {
  border: 2px solid;
  color: #fff;
  font-size: 19px;
  height: 40px;
  left: 2px !important;
  line-height: 36px;
  margin-top: -20px;
  opacity: 0.8;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
  position: absolute;
  text-align: center;
  top: 50%;
  width: 40px;
}
.sliderhome .owl-nav div:hover {
  background: #0054a6;
  border: 2px solid #0054a6;
}
.sliderhome .owl-nav div:hover {
  opacity: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
  background: #0054a6 !important;
  border: 2px solid #0054a6;
}
/*====================== 
      Home v2
  ======================*/

.heading_clr_2 {
  color: #0054a6;
}
.slider_form {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 35px 40px;
  position: relative;
  z-index: 1;
  /* height: 495px;
  margin: 10px;
  background-color: #ffffffed; */
  border-radius: 10px;
}
.slider_form h3 {
  font-size: 22px;
  font-weight: 700;
}

.slider_form input,
.slider_form textarea,
.slider_form select {
  width: 100%;
  height: 48px;
  background: #fff;
  border: none;
  margin-top: 16px;
  padding: 12px;
  font-size: 15px;
  border: 1px solid #bbb3b3;
  border-radius: 6px !important;
}
.slider_form input,
.slider_form textarea,
.slider_form select {
  background: #f4f4f4 !important;
  margin-bottom: 10px !important;
  width: 100%;
  border-radius: 6px !important;
  padding: 5px 16px !important;
  font-size: 14px;
  /* font-weight: 700; */
  color: #4b4b4d;
}
.slider_form textarea {
  height: 77px;
  resize: none;
}
.slider_form button[type='submit'] {
  width: 100%;
  /* height: 44px; */
  color: #fff !important;
  /* font-weight: 700; */
  font-size: 18px;
  margin-top: 28px;
  background: #0054a6;
  padding: 10px 16px;
}
/* .slider_form button[type='submit']:hover {
  color: #0054a6;
  background: #000;
  border: 1px solid #0054a6;
} */
.slider_form button:focus,
.slider_form textarea:focus {
  border-bottom: 1px solid #0054a6;
}
.slides_wrapper_v2 .single_slider h2 {
  font-weight: 400;
  line-height: 55px;
  text-transform: capitalize;
  color: #fff;
  text-align: center;
}
.slides_wrapper_v2 .single_slider .slide_clr {
  background: transparent;
  color: #0054a6;
  padding: 0;
}
.slides_wrapper_v2 .single_slider .slider_btn_one:hover {
  background: #0054a6;
  border: 1px solid #0054a6;
}
.slides_wrapper_v2 .single_slider .slider_btn_one {
  background: transparent;
}
.slides_wrapper_v2 .slide_bg_2 .slider_item_tbcell {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .slider_form {
    background: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 25px 30px;
    position: relative;
    z-index: 1;
    /* height: 410px; */
  }
  .single_slider {
    height: 601px;
  }
}
@media only screen and (max-width: 575px) {
  .slider_form {
    background: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 25px;
    position: relative;
    z-index: 1;
    /* height: 410px; */
  }
}
.item {
  border-right: solid 1px #f1ebeb;
  border-bottom: solid 1px #f1ebeb;
}
.fa-input {
  font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
a:focus,
a:hover {
  text-decoration: none !important;
}
.btn-danger {
  background-color: #29abe1 !important;
  border-color: #29abe1 !important;
}
.main-banner {
  position: relative;
  margin-top: 0px;
}
.main-banner .row div[class*='col-'] {
  position: static;
}
.main-banner {
  width: 100%;
  height: 80vh;
  overflow: hidden;
}
.main-banner .frame-wrap {
  height: 100%;
}
/* .main-banner:before{position:absolute;content:'';top:0;bottom:0;right:0;background-color:rgba(255,255,255,0.6);width:400px} */
.main-form {
  background-color: #ffffff;
  padding: 62px 23px;
  right: 0;
  text-align: center;
  position: absolute;
  top: -32px;
  right: 55px;
  width: 507px;
  transform: none;
  border-radius: 0px;
  color: #000000;
}
.main-form p {
  margin-bottom: 0px;
  padding: 12px;
  text-align: center;
}
.main-form .apart {
  margin: 8px 0;
  font-weight: 700;
}
.main-form .starting {
  background-color: #005dad;
  padding: 5px;
  color: #fff;
  margin-top: 5px;
  font-size: 14px;
}
.main-form a {
  font-weight: 700;
  text-align: center;
  margin-left: 20px;
  font-size: 18px;
  color: #ffffff !important;
  background-color: #002d5b;
  border: 2px solid #0054a6;
  width: 100%;
}
.main-form button {
  font-weight: 700;
  text-align: center;
  margin-left: 20px;
  font-size: 18px;
  color: #ffffff !important;
  background-color: #002d5b;
  border: 2px solid #0054a6;
  width: 100%;
}
.call-us-icon {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  background-color: #005dad;
  line-height: 40px;
  text-align: center;
  color: #fff !important;
  font-size: 18px !important;
  position: relative;
  display: inline-block;
}
.call-us-icon:before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border: 1px solid #005dad;
  border-radius: 100px;
  -webkit-animation: widgetPulse infinite 1.5s;
  animation: widgetPulse infinite 1.5s;
}
.call-us-icon:after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border: 1px solid #005dad;
  border-radius: 100px;
  -webkit-animation: widgetPulse2 infinite 1.5s;
  animation: widgetPulse2 infinite 1.5s;
}
@keyframes widgetPulse2 {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.4, 1.4);
    transform: scale(1.4, 1.4);
    opacity: 0;
  }
}

.call-me {
  padding: 0px 42px;
}

.call-right-info a.call-btn {
  position: relative; /* color:#fff; font-size:16px; font-weight:400; margin-right:15px;padding:10px 25px 10px 65px; border-radius:40px; display:inline-block; overflow: hidden; background:#613a13; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;*/
}
.call-right-info a.call-btn span {
  position: relative;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  margin-right: 15px;
  padding: 10px 25px 10px 25px;
  border-radius: 40px;
  display: inline-block;
  overflow: hidden;
  background: #ffffff;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  border: 1px solid #737373;
}
.call-right-info a.call-btn:before {
  content: '';
  position: absolute;
  left: 13px;
  top: 7px;
  bottom: 5px;
  width: 42px;
  border-radius: 50%;
  background: #8e4c30;
  z-index: 1;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  height: 42px;
  display: none;
}
.call-right-info a.call-btn:after {
  content: '';
  position: absolute;
  left: 65px;
  top: -25px;
  bottom: 6px;
  width: 1px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  z-index: 1;
  display: none;
}
.call-right-info a.call-btn i {
  position: absolute;
  top: 17px;
  left: 25px;
  z-index: 2;
  font-size: 22px;
  color: #fff;
}
.call-right-info a.call-btn:hover,
.call-right-info a.call-btn:focus {
  /* color:#fff; */
  text-decoration: none; /* background:#409f56; */
}
.call-right-info a.call-btn:hover i,
.call-right-info a.call-btn:focus i {
  /* color:#409f56; */
  color: #404040;
}
.call-right-info a.call-btn:hover:before,
.call-right-info a.call-btn:focus:before {
  background: #0d57a4;
}
.call-right-info .btn-primary {
  background-color: transparent;
  border-color: transparent;
}
.call-right-info .btn-primary:hover,
.call-right-info .btn-primary:focus {
  box-shadow: none;
}
.right-info.call-us-icon {
  display: none;
}

.main-form .form-control {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0px;
  height: 44px;
  font-weight: 300;
  font-size: 15px;
  box-shadow: none;
  outline: none;
  box-shadow: inset 0 5px 5px rgb(0 0 0 / 5%);
}
.main-form .btn-primary {
  background-color: #005dad;
  border-radius: 0px;
  color: #fff;
  height: 42px;
  border: none;
}
.main-form h2 {
  font-size: 22px;
  color: #aa6345;
  font-weight: 800;
}
.main-form img {
  margin-bottom: 5px;
}

@media (max-width: 1024px) {
  .main-banner .main-form {
    position: static;
    transform: none;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    right: 0;
  }

  .main-banner .main-form:before {
    display: none;
  }

  header .navbar .navbar-toggler {
    background-color: #005dad;
    border: none;
    border-radius: 0px;
  }

  .main-banner {
    height: auto;
  }
}

@media (max-width: 575px) {
  .main-form {
    padding: 30px 15px;
    margin-top: 137px;
  }
  .main-banner:before {
    display: none;
  }
}

.navbar-head-top {
  text-align: center;
  font-weight: 700;
}
/* p {
  text-align: justify;
} */
.content > p {
  text-align: center;
}

.product-image {
  position: relative;
}
.pr_detail .pr_desc {
  width: 100%;
  display: inline-block;
}
.pr_detail table {
  border-collapse: collapse;
  margin-top: 7px;
  width: 100%;
  font-size: 14px;
  max-width: 100%;
}
.pr_detail table th,
.pr_detail table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.pr_detail .pr_desc p {
  margin-bottom: 15px;
}
.pr_detail .rating_wrap {
  float: right;
  margin-top: 7px;
}
.pr_detail .product_price {
  float: left;
}
.pr_detail .price {
  vertical-align: middle;
  font-size: 26px;
}
.cart-product-quantity {
  margin: 7px 10px 7px 0;
  display: table;
}

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

.bg-dark-grey {
  background-color: #363942 !important;
}
.download-btn {
  color: blue !important;
  text-decoration: underline !important;
}
.exclusive-section {
  padding: 50px 0;
}
.exclusive-box {
  background: #fff;
  border: solid 1px #d9d9d9;
  margin-bottom: 30px;
}
.exclusive-image {
  padding: 25px;

  position: relative;
  padding-bottom: 5px;
}
.exclusive-image-gallery {
  padding: 25px;
  position: relative;
  padding-bottom: 5px;
}

.exclusive-image-gallery img {
  max-height: 175px;
}

.exclusive-time {
  position: absolute;
  top: 5px;
  left: 5px;
  background: #0e0d0d;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  padding: 0 5px;
}
.exclusive-off {
  font-weight: 600;
  font-size: 13px;
  color: #004d9b;
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 999;
}
.slider-wrapper .exclusive-off {
  right: 20px;
}
.exclusive-heading {
  padding-bottom: 10px;
}
.exclusive-heading h2,
.exclusive-heading a {
  font-size: 16px !important;
  color: #333;
  text-decoration: none;
  text-align: center;
  display: block;
  padding: 0 12px !important;
  line-height: 22px;
}
.exclusive-icon {
  text-align: center;
}
.exclusive-icon i {
  width: 30px;
  display: inline-block;
}
.exclusive-claim {
  width: 80%;
  background: #000;
  margin: 5px auto;
  position: relative;
  height: 20px;
}
.exclusive-claim span {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  color: #fff;
  z-index: 3;
}
.exclusive-claim i {
  position: absolute;
  background: #ec4119;
  height: 100%;
}
.exclusive-review {
  text-align: center;
}
.exclusive-review i {
  color: #004d9b;
}
.exclusive-review span {
  color: #ec4119;
}
.exclusive-review a {
  color: #333;
  text-decoration: none;
}
.exclusive-price {
  text-align: center;
  padding-bottom: 10px;
}
.exclusive-price span del {
  font-size: 20px;
  font-weight: 600;
  color: #9b9b9b !important;
  text-decoration: line-through;
}
.exclusive-price span ins {
  font-size: 30px;
  font-weight: 600;
  color: #333;
  padding-left: 10px;
}
.exclusive-button {
  text-align: center;
  padding-bottom: 15px;
}
.exclusive-button a.added {
  display: none !important;
}
.exclusive-button a.button,
.exclusive-button button,
.exclusive-button a.added_to_cart {
  width: 40%;
  border: 0 !important;
  height: 40px;
  font-size: 12px !important;
  text-transform: uppercase;
  vertical-align: initial !important;
  font-weight: 600 !important;
  color: #fff !important;
  border-radius: 0 !important;
  line-height: 2 !important;
  display: inline-block;
  padding: 8px 0 0 0;
  text-align: center;
}
button.btn-cart,
.add_to_cart_button {
  background: #004d9b !important;
  margin: 0 !important;
}
a.added_to_cart {
  background: #048b04 !important;
  margin: 0 !important;
}
a.btn-buy {
  background: #ec4119 !important;
  margin-left: 10px !important;
}
button.btn-cart:hover,
button.btn-buy:hover {
  background-color: #333;
}

.exclusive-box:hover {
  box-shadow: 0px 0px 20px rgba(179, 176, 176, 0.5215686274509804);
  border: solid 1px #ec4119;
}
.main-heading.bg-gray span {
  background: #ddd;
}

.cat-two-list ul li input {
  float: right;
}
.cat-two-text {
  text-align: right;
}

.cat-two-text a {
  color: #9f3132;
  text-decoration: none;
  font-size: 13px;
}

.cat-form-box {
  background-color: #a2a3a3;
  padding: 30px;
  background-size: cover;
  background-position: center;
  padding-bottom: 15px;
}
.heading-form {
  font-size: 22px;
  padding-bottom: 15px;
  color: #fff;
}
.cat-form-box .form-control {
  border: solid 1px #fff;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  color: #fff;
  height: 40px;
}
.cat-form-box button {
  width: 100%;
  height: 40px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
}
.cat-form-box input::placeholder,
.cat-form-box textarea::placeholder {
  color: #fff;
}
.cat-two-filters {
  background: #d2d2d2;
  padding: 8px 15px;
  margin: 20px 0;
  font-size: 12px;
  font-weight: 500;
  display: table;
  width: 100%;
}

.total-product {
  color: #3a3e49;
  float: left;
  display: table;
  padding-right: 15px;
}

.show-product span {
  color: #555;
  font-weight: 700;
}

.show-product select {
  border: 0;
  margin-left: 5px;
  min-width: 60px;
}

.query-section {
  background-color: #0064b0;
  background-position: center;
  padding: 50px 0;
  position: relative;
}
.query-box {
  color: #fff;
}
.query-heading {
  font-size: 25px;
  font-weight: 600;
}
.query-number {
  font-size: 70px;
  font-weight: 600;
  padding: 20px 0;
}
.query-number a {
  color: #ffeb3b;
  text-decoration: none;
  display: table;
  border: solid 1px #fff;
  padding: 0 20px;
  border-radius: 20px;
}
.query-number a:hover {
  color: #fff;
  border: solid 1px #ffeb3b;
}
.query-sub-heading {
  font-size: 16px;
}
.query-image {
  position: absolute;
  right: 0;
  bottom: 0;
}
.mt-4-5 {
  margin-top: 2.5em !important;
}

.whatswidget-widget-wrapper-head {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .whatswidget-widget-wrapper-head {
    display: block !important;
  }
}

.whatswidget-widget-wrapper {
  font-size: 16px !important;
  /* position: fixed !important; */
  bottom: 20px !important;
  right: 30px !important;
  z-index: 1001 !important;
}
.whatswidget-button-wrapper {
  position: fixed !important;
  top: 15px !important;
  right: 15px !important;
}
.whatswidget-conversation-message-outer {
  background-color: #fff !important;
  padding: 10px !important;
  margin: 10px !important;
  margin-left: 0px !important;
  border-radius: 5px !important;
  box-shadow: rgb(0 0 0 / 34%) 0px 2.5px 10px !important;
  cursor: pointer !important;
  animation: nudge 2s linear infinite !important;
  margin-bottom: 70px !important;
}
.whatswidget-button {
  position: relative !important;
  right: 0px !important;
  background-color: #31d831 !important;
  border-radius: 100% !important;
  width: 36px !important;
  height: 36px !important;
  box-shadow: 0px 0px #0d630d63 !important;
  transition: 1s !important;
}

.whatswidget-button-large {
  position: relative !important;
  right: 0px !important;
  background-color: #31d831 !important;
  border-radius: 100% !important;
  width: 60px !important;
  height: 60px !important;
  box-shadow: 0px 0px #0d630d63 !important;
  transition: 1s !important;
}

.whatswidget-button-small {
  position: relative !important;
  right: 0px !important;
  background-color: #31d831 !important;
  border-radius: 100% !important;
  width: 30px !important;
  height: 30px !important;
  box-shadow: 0px 0px #0d630d63 !important;
  transition: 1s !important;
}

.whatswidget-icon {
  width: 23px !important;
  height: 23px !important;
  position: absolute !important;
  bottom: 7px !important;
  left: 6px !important;
}

.whatswidget-icon-large {
  width: 40px !important;
  height: 40px !important;
  position: absolute !important;
  bottom: 10px !important;
  left: 10px !important;
}

.whatswidget-icon-small {
  width: 18px !important;
  height: 18px !important;
  position: absolute !important;
  bottom: 6px !important;
  left: 6px !important;
}

@media screen and (max-width: 768px) {
  .whatswidget-icon-footer {
    width: 23px !important;
    height: 23px !important;
    bottom: 5px !important;
    left: 8px !important;
  }
}
.float {
  position: fixed;
  width: 38px;
  height: 38px;
  bottom: 180px;
  right: 10px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}

.my-float {
  margin-top: 16px;
}

.contact-box {
  text-align: center;
  border-radius: 2px;
  -webkit-box-shadow: 0 20px 80px rgb(255 255 255 / 22%);
  box-shadow: 0 20px 80px rgb(255 255 255 / 22%);
  -webkit-transition-duration: 0.3s;
  margin: 10px 0px 10px 0px;
  padding: 40px;
}

.contact-box i {
  color: #d21e2b;
  font-size: 35px;
  margin: 10px 0px 20px 0px;
}

.contact-box h4 {
  color: #111;
  font-size: 18px;
  font-weight: 500;
  margin: 0px 0px 5px 0px;
}

.contact-box span {
  color: #999;
  font-size: 14px;
}

.contact-box p {
  margin: 0 0 0 10px;
  line-height: 1;
}

.contact-box p a {
  display: block;
  font-weight: 600;
  padding-top: 8px;
  font-size: 14px;
}

.contact-box p a:hover {
  color: var(--clr_jaffa);
}

.contact-box span {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: var(--clr_jaffa);
  color: var(--clr_white);
  text-align: center;
  line-height: 38px;
  font-size: 22px;
  border-radius: 3px;
}

.contact-popup {
  position: fixed;
  top: 0;
  right: -100%;
  width: 560px;
  background: #fff;
  height: 100vh;
  z-index: 9999;
  padding: 30px 40px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.contact-popup.open {
  right: 0;
  visibility: visible;
  opacity: 1;
}

.contact-popup .contact-popup-wrap {
  overflow-y: auto;
  height: 100%;
}

.contact-popup .contact-popup-title {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--clr_grey);
  padding: 0 0 10px;
  margin: 0 0 25px;
}

.contact-popup .contact-popup-title h2 {
  font-size: 24px;
  line-height: 36px;
  margin: 0;
}

.contact-popup .close-popup {
  background: 0 0;
  border: 1px solid var(--clr_jaffa);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.contact-popup .close-popup i {
  line-height: 33px;
}

.contact-popup .close-popup:hover {
  background: var(--clr_jaffa);
}

.contact-popup .close-popup:hover i {
  color: var(--clr_white);
}

.contact-address {
  text-align: center;
  background: var(--clr_white);
  -webkit-box-shadow: 0 0 15px rgb(62 62 62 / 10%);
  box-shadow: 0 0 15px rgb(62 62 62 / 10%);
  border-radius: 20px 0 0;
  padding: 30px 10px;
  min-height: 239px;
}

.contact-address .contact-icon {
  width: 60px;
  height: 60px;
  -webkit-box-shadow: 0 5px 15px rgb(62 62 62 / 10%);
  box-shadow: 0 5px 15px rgb(62 62 62 / 10%);
  border-radius: 50%;
  text-align: center;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  margin: 0 auto 15px;
}

.contact-address .contact-icon i {
  color: var(--clr_jaffa);
  font-size: 24px;
}

.contact-address .contact-info p {
  margin: 0 0 10px;
}

.contact-address .contact-info p a {
  color: var(--clr_scorpion);
}

.comp_map {
  -webkit-box-shadow: 0 0 15px rgba(244, 131, 74, 0.1);
  box-shadow: 0 0 15px rgba(244, 131, 74, 0.1);
  padding: 25px;
  border-radius: 0 0 20px 0;
  margin: 0 10px 70px;
}

.comp_map iframe {
  width: 100%;
  height: 250px;
  border-radius: 20px 0;
}

.contact-wrap .comp_map {
  margin-bottom: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .comp_map {
    margin-bottom: 100px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-box p,
  .contact-box p a {
    font-size: 12px;
  }

  .comp_map {
    margin-bottom: 100px;
  }

  .contact-wrap .comp_map {
    margin-bottom: 0;
  }
}
.contact-form {
  background-color: #fafafa;
  padding: 50px;
}

.contact-form input,
.contact-form textarea {
  background-color: #fff;
}

.quick-label {
  font-weight: bold;
}
.quick-icon {
  float: left;
  max-width: 32px;
  max-height: 32px;
  height: auto;
}
.quick-content {
  padding-left: 35px;
  line-height: 1.3;
}
@media (min-width: 992px) {
  .info-block {
    width: 25%;
  }
}

@media (min-width: 768px) {
  .info-block {
    width: 33.33333333%;
  }
}
.info-block {
  width: 50%;
  margin-bottom: 10px;
}
.sidebar-show {
  position: fixed;
  top: 0;
  left: -100%;
  z-index: 1032;
  bottom: 0;
  height: 100%;
  width: 90%;
  cursor: default;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out,
    left 0.3s ease-in-out, bottom 0.3s ease-in-out, right 0.3s ease-in-out;
  background-color: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  overflow: auto;
}

#sidebar-close-btn {
  position: absolute;
  right: 0;
  background-color: #000;
  top: 0;
  color: #000;
  -webkit-text-fill-color: #000;
  padding: 10px;
  cursor: pointer;
  -webkit-text-fill-color: #fff;
  width: 60px;
  height: 60px;
  text-align: center;
  opacity: 1;
}

.sidebarclassadd {
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  clear: both;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1030;
}

.display-nav-none.navbar-collapse {
  display: none !important;
}

.menu-icn {
  color: #949494 !important;
  font-size: 28px;
}
.sidebar-icon {
  background: #ececec;
  width: 35px;
  height: 35px;
  border-radius: 25px;
  text-align: center;
  color: gray !important;
}

.accordion-li,
.accordion-ul {
  list-style-type: none;
}

.carousel-inner-height {
  height: 68vh;
}
.slider-img-height {
  height: 63vh;
}
.carousel-caption {
  position: absolute;
  /* right: 12%;
  top: 6%;
  left: 12%; */
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  padding-left: 20px;
  /* color: #fff; */
  text-align: center;
  background: #00000047;
}

a {
  text-decoration: none !important;
  color: #000000;
}
a:hover {
  text-decoration: none !important;
}

.img-show {
  visibility: visible;
}
.img-hide {
  display: none;
}
.navbar1 {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 0.5rem;
}
.navbar-transparent {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar-first {
  /*position: absolute !important;*/
  z-index: 4;
  width: 31%;
  background-color: #272d35 !important;
}
.right-call-header .call {
  font: normal normal 10px Arial;
  text-align: center;
  color: #998578;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  font-size: unset;
}
.right-call-header .number {
  font: normal normal 10px Arial;
  text-align: center;
  color: #998578;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: unset;
}
@media screen and (max-width: 768px) {
  .fixed-top {
    position: fixed;
  }
  .carousel-item {
    height: 520px;
  }
  .carousel-item img {
    height: 500px;
  }
  .m-width {
    width: 100%;
  }
}
.nav-dark .navbar-collapse {
  flex-grow: 0;
}
.filter-fixed-top .nav-link {
  color: black !important;
}
.navbar-light .navbar-nav .nav-link {
  font-weight: 700;
}
.nav-dark .navbar-nav .nav-link {
  display: block;
  margin: 0px 9px 0px 8px;
  position: relative;
  z-index: 1;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 15px;
  /* color: white; */
}
.nav-dark .navbar-nav .nav-link:hover {
  color: #0056b3;
}
.nav-dark .navbar-nav .nav-link:before {
  width: 100%;
  height: 2px;
  display: block;
  opacity: 0;
  position: absolute;
  content: '';
  opacity: 0;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  top: 81px;
  margin: 0 auto -2px;
  left: 0;
  background-color: #000;
}

.filter-fixed-top .nav-link {
  color: rgb(98, 94, 94);
  transition: all ease-in-out 0.45s;
}
.navbar-light .navbar-nav .nav-link:hover {
  color: rgb(67, 69, 69) !important;
}

/* .navbar-light .navbar-nav .nav-link
{
  color:#fff;
}
 */
.filter-fixed-top .img-show {
  display: none;
}

.filter-fixed-top .img-hide {
  display: block;
}

.filter-fixed-top {
  color: #fff;
  position: fixed;
  padding: 0.2rem 1rem;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  background: #fff !important;
  transition: all ease-in-out 0.45s;
}

@media only screen and (max-width: 768px) {
  .filter-fixed-top {
    width: 100%;
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
  }
}

.spysr-btn {
  color: #0054a6 !important;
  background-color: #fff;
  border: 2px solid #0054a6;
  border-radius: 2rem;
}

.spysr-btn:hover {
  color: #fff !important;
  background-color: #0054a6;
  border: 2px solid #0054a6;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.35);
}

.spysr-btn:hover .fa-arrow-right {
  animation-name: stretch;
  animation-duration: 0.25s;
  animation-timing-function: ease-out;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}

.yujik-btn {
  /* color: #0054a6 !important; */
  background-color: #fff;
  border: 2px solid #0054a6;
  border-radius: 2rem;
}

.yujik-btn:hover {
  color: #fff !important;
  background-color: #0054a6;
  border: 2px solid #0054a6;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.35);
}

.yujik-btn:hover .fa-arrow-right {
  animation-name: stretch;
  animation-duration: 0.25s;
  animation-timing-function: ease-out;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}

.big-font {
  line-height: 1.2;
  margin: 0 0 1em;
  letter-spacing: -0.02em;
  font-weight: 700;
  color: #fff;
  font-weight: 800;
  line-height: 1;
  font-size: 48px;
}

@media (min-width: 768px) {
  .big-font {
    font-size: calc(25px + (4400vw - 33792px) / 832);
  }
}
@media (max-width: 575px) {
  .big-font {
    font-size: 30px;
  }
}

.big-font .border-text {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  color: transparent;
  border-bottom-width: 4px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (min-width: 480px) {
  .big-font .border-text {
    border-bottom-width: 8px;
    -webkit-text-stroke-width: 2px;
  }
}

.clip-path-polygon {
  clip-path: polygon(0 0%, 100% 0, 100% 100%, 100% 100%, 0 100%);
}
.big-blue-font {
  line-height: 1.2;
  margin: 0.25em 0;
  letter-spacing: -0.02em;
  font-weight: 700;
  font-weight: 800;
  line-height: 1;
  font-size: 48px;
}
.big-yellow-web {
  -webkit-text-stroke-color: #ffeb3b !important;
}
.big-white-web {
  -webkit-text-stroke-color: #fff !important;
}
.object-right {
  object-position: right;
}

@media (min-width: 768px) {
  .big-blue-font {
    font-size: calc(25px + (4400vw - 33792px) / 832);
  }
}

.big-blue-font .border-text {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #0053a6;
  color: transparent;
  border-bottom-width: 4px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (min-width: 480px) {
  .big-blue-font .border-text {
    border-bottom-width: 8px;
    -webkit-text-stroke-width: 2px;
  }
}

.big-heading {
  color: #fff;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 1em;
  font-size: 28px;
}

@media (min-width: 768px) {
  .big-heading {
    font-size: calc(36px + (2400vw - 18432px) / 512);
  }
}

@media (min-width: 1280px) {
  .big-heading {
    font-size: 45px;
  }
}

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-image: linear-gradient(to bottom, #080d15, #0053a6);
  background-color: #080d15;
  opacity: 0.6;
}

@media (min-width: 1024px) {
  .nav-link-line:focus:before,
  .nav-link-line:hover:before {
    -webkit-transform: scaleX(0.25);
    transform: scaleX(0.25);
  }
}

@media (min-width: 1024px) {
  .nav-link-line:before {
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    background: currentColor;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: -webkit-transform 0.15s linear;
    transition: -webkit-transform 0.15s linear;
    transition: transform 0.15s linear;
    transition: transform 0.15s linear, -webkit-transform 0.15s linear;
  }
}

.modal-content {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  border: 0 solid rgba(0, 0, 0, 0.2);
  /* border-radius: 5px; */
  padding: 25px 10px;
}

.modal-dialog {
  position: relative;
  width: auto;
  pointer-events: none;
  bottom: 0;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .modal-dialog {
    top: 50%;
    transform: translateY(-50%) !important;
  }
}

@media (min-width: 576px) {
  .modal-dialog {
    position: relative;
    margin: 0;
  }

  .modal-content {
    overflow-y: scroll;
  }
}

.section-gradient {
  /* background-image: linear-gradient(to right, #0053a6, #002e5d); */
  padding: 4rem 0 6rem 0;
  clip-path: polygon(0 12%, 100% 0, 100% 77%, 70% 100%, 0 83%);
}

@media screen and (max-width: 767px) {
  .section-gradient {
    background-image: linear-gradient(to bottom, #0053a6, #002e5d);
    padding: 10rem 0 4rem 0;
    clip-path: polygon(0 0, 100% 8%, 100% 0, 100% 0, 100% 0, 100% 100%, 0 100%);
  }
}

.side-img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  object-position: center;
}

@media screen and (max-width: 767px) {
  .side-img {
    width: 100%;
    height: 50vh;
    object-fit: cover;
    object-position: top;
  }
}

.text-deco-none {
  text-decoration: none !important;
}

.ftr-heading {
  color: #fff;
  font-size: 2rem;
  margin-bottom: 2rem;
  font-weight: 800;
}

.ftr-link {
  color: #fff;
  margin-bottom: 1rem;
}

.ftr-link-line {
  text-decoration: none !important;
}

@media (min-width: 1024px) {
  .ftr-link-line:focus:after,
  .ftr-link-line:hover:after {
    -webkit-transform: scaleX(0.25);
    transform: scaleX(0.25);
  }
}

@media (min-width: 1024px) {
  .ftr-link-line:after {
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    background: #0080ff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: -webkit-transform 0.15s linear;
    transition: -webkit-transform 0.15s linear;
    transition: transform 0.15s linear;
    transition: transform 0.15s linear, -webkit-transform 0.15s linear;
  }
}

.mid-office-system {
  position: absolute;
  top: 0 !important;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.logo-design {
  position: absolute;
  top: 0 !important;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translateY(-10%);
  transform: translateY(-10%);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.digital-marketing {
  position: absolute;
  top: 0 !important;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translateY(-10%);
  transform: translateY(-10%);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.mobile-app {
  position: absolute;
  top: 0 !important;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.web-api {
  position: absolute;
  top: 0 !important;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translateY(-10%);
  transform: translateY(-10%);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.web-development {
  position: absolute;
  top: 0 !important;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translateY(-10%);
  transform: translateY(-10%);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.website-1 {
  position: absolute;
  top: 0 !important;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.website-2 {
  position: absolute;
  top: 0 !important;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translateY(-10%);
  transform: translateY(-10%);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.website-3 {
  position: absolute;
  top: 0 !important;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translateY(-10%);
  transform: translateY(-10%);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.fixed-up {
  position: fixed !important;
  z-index: 999;
  width: 41.7%;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
  transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

@media only screen and (max-width: 768px) {
  .fixed-up {
    position: relative;
    top: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.fixed-scroll {
  position: absolute;
  bottom: 0;
  height: 100vh;
  top: auto !important;
}

.my-fc {
  color: #000;
  padding: 1rem 1rem;
  border: 1px solid rgba(0, 84, 166, 0.18);
  border-radius: 0 !important;
}

.my-fc:hover {
  padding: 1rem 1rem;
  border: 1px solid #0054a6;
  border-radius: 0 !important;
}

.my-lbl {
  text-transform: uppercase;
  color: #002243;
  margin-top: 15px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
}

/* #top-a {
  top: 165px;
} */

.our-product-box {
  height: 90vh;
  padding-top: 200px;
}

@media (min-width: 768px) {
  .mobSlider-module {
    margin: 0 -10%;
    padding: 0 calc(10% - 5px);
  }
}

.mobSlider-module {
  display: flex;
  overflow-x: scroll;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  list-style: none;
  padding: 0 35px;
  margin: 0 0;
}

@media (min-width: 768px) {
  .mobSlider-module--item {
    min-width: 66vw;
  }
}

.mobSlider-module--item {
  min-width: calc(100vw - 60px);
  scroll-snap-align: center;
  padding: 0 5px;
}

.mob-fix-module-card {
  height: 440px;
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 100%;
}

.mob-fix-module-inner {
  display: block;
  text-decoration: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mob-fix-module-body {
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 15px 15px;
  color: #fff;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, transparent),
    color-stop(66%, #0053a6)
  );
  background-image: linear-gradient(180deg, #00000000 0, #0053a6 66%);
}

.FeatureCard-module--meta--3tag1 {
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1.62px;
  line-height: 1;
  text-transform: uppercase;
}

.mob-fix-module-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  margin: 0;
}

.mob-fix-module-image {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  -o-object-fit: cover;
  font-family: 'object-fit:cover';
  object-fit: cover;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mobile-fix-img {
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  object-fit: cover;
  object-position: 50% 0;
  transition: opacity 0.5s ease 0s;
}

.team-item {
  min-width: 100%;
  scroll-snap-align: center;
  padding: 0 0;
  margin-bottom: 20px;
  overflow: hidden;
}

.team-card {
  height: 400px;
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 100%;
}

.team-module-inner {
  display: block;
  text-decoration: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.team-module-body {
  width: 100%;
  text-transform: uppercase;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 15px 15px;
  color: #fff;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #0052a6),
    color-stop(66%, #0053a6)
  );
  background-image: linear-gradient(180deg, #0052a6 0, rgba(0, 0, 0, 0.65) 100%);
  transform: translateY(60%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  transition: 0.5s;
}

.team-item:hover .team-module-body {
  transform: translate(0, 0);
  transition: 0.5s;
  padding: 35px 15px 15px 15px;
  clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%, 0 100%);
}

.team-module-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  margin: 0;
}

.team-member-image {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  -o-object-fit: cover;
  font-family: 'object-fit:cover';
  object-fit: cover;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mobile-fix-img {
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  object-fit: cover;
  object-position: 50% 0;
  transition: opacity 0.5s ease 0s;
}

.andro_testimonial-author img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 50%;
  margin: 10px 0;
}
.andro_cta {
  padding: 10px;
  border: 1px solid #ddd;
}
/* .andro_cta img {
  width: 100%;
} */
.bg-no-color {
  background-color: #234076 !important;
}

.text-no-color {
  color: #234076 !important;
}

.btn-gray {
  color: #000;
  background-color: #dadada;
  border-color: #dadada !important;
}

.btn-gray:hover {
  color: #fff;
  background-color: #000;
  border-color: #000000;
}

.btn-no-color {
  color: #fff !important;
  background-color: #234076;
  border-color: #234076;
  border-radius: 2rem;
}
.badge-info {
  color: #fff;
  background-color: #446360;
}
.text-warning {
  color: #234076 !important;
}

.btn-no-color:hover {
  color: #fff !important;
  background-color: #282828;
  border-color: #282828;
}

.card-row-set {
  margin-right: 0px;
  margin-left: 0px;
}

.border-radius-10 {
  border-radius: 10px !important;
}

.border-radius-20 {
  border-radius: 20px !important;
}

.border-radius-25 {
  border-radius: 25px !important;
}

.border-radius-30 {
  border-radius: 30px !important;
}

.border-radius-35 {
  border-radius: 35px !important;
}

.border-radius-40 {
  border-radius: 40px !important;
}

.border-radius-45 {
  border-radius: 45px !important;
}

.border-radius-50 {
  border-radius: 50px !important;
}

.text-shadow {
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35);
}

.subscribe {
  border-radius: 50px;
  display: flex;
  width: 100%;
  background: #f1f1f1;
  padding: 10px;
}
.pt-150 {
  padding-top: 150px;
}
.abx {
  top: 5% !important;
  position: absolute;
}
.section-gray {
  background: rgba(226, 226, 226, 0.8);
  /* padding: 4rem 0rem 4rem 0rem; */
  color: #464646;
}
.section-white {
  background: #fff;
  padding: 2rem 0rem 2rem 0rem;
  color: #000;
  /* margin-bottom: 1rem; */
  /* margin-top: 2rem; */
}

/* 
.section-white {
  background: #fff;
  padding: 2rem 0rem 2rem 0rem;
  color: #000;
  margin-bottom: 1rem;
  margin-top: 2rem;
} */

.section-white-nopadding {
  background: #fff;
  color: #000;
}

.section-white-7 {
  background: #fff;
  padding: 1rem 0rem 1rem 0rem;
  color: #000;
  margin-top: 7rem;
}
.section-white-padding-less {
  background: #fff;
  padding: 0rem 0rem 0rem 0rem;
  color: #000;
}
.section-white-padding-1 {
  background: #fff;
  padding: 1rem 0rem 0rem 0rem;
  color: #000;
}

.section-light-gray {
  background: #e4e4e4;
  padding: 1rem 0rem 0rem 0rem;
  color: #464646;
}

.section-blue-gray {
  background: rgb(97, 107, 119);
  padding: 1rem 0rem 0rem 0rem;
  color: #464646;
}

.grey-section {
  background: #2b2b2b;
  padding: 1rem 0rem 0rem 0rem;
  margin-bottom: 0em;
}

/* @media screen and (max-width: 768px) {
  .section-black {
    background: #000;
    padding: 2rem 0rem 2rem 0rem;
    color: #ffffff;
  }
  .section-white {
    background: #fff;
    padding: 1rem 0rem 1rem 0rem;
    color: #000;
    margin-bottom: 1rem;
  }
  .section-light-gray {
    background: #e4e4e4;
    padding: 2rem 0rem 2rem 0rem;
    color: #000;
  }
} */

.section-parallax {
  color: #ffffff;
  background-attachment: fixed;
  background-position: center;
}

.section-parallax-staticPages {
  color: #ffffff;
  background-attachment: fixed;
  /* background-position: center; */
}
.form-container {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 50vh;
}

.parallax {
  background: rgba(0, 0, 0, 0.45);
  padding: 4em 0em 4em 0em;
}

.parallax_pink {
  background: #ffb6c1;
  padding: 4em 0em 4em 0em;
}

.parallax-home {
  background: rgba(0, 0, 0, 0.25);
  padding: 10em 0em 10em 0em;
  height: 50vh;
}
.parallax-less {
  background: rgba(0, 0, 0, 0.45);
  padding: 1em 0em 1em 0em;
}
.parallax-less-DealListDetails {
  background: rgba(0, 0, 0, 0.45);
  padding: 0.3em 0em 0.3em 0em;
}
.section-parallax-bg {
  background: rgba(0, 0, 0, 0.8);
  padding: 4rem 0rem 4rem 0rem;
}

.section-parallax-login {
  background-image: url(../img/login-bg.jpg);
  color: #ffffff;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}

.section-parallax-login-bg {
  background: rgba(0, 0, 0, 0.25);
  padding: 4rem 0rem 4rem 0rem;
  height: 100vh;
}

@media screen and (max-width: 767px) {
  .section-parallax-login-bg {
    background: #fff;
    padding: 2rem 0rem 2rem 0rem;
    height: 100vh;
  }
  .parallax {
    /* background: rgba(0, 0, 0, 0); */
    padding: 5em 0em 5em 0em;
  }
  .parallax-home {
    background: rgba(0, 0, 0, 0.25);
    padding: 4em 0em 4em 0em;
    height: 30vh;
  }
  .form-container {
    height: 30vh;
  }
}
/*----home page hover box start----*/

.gallery .img-container {
  height: 220px;
  background: #222;
  margin-bottom: 30px;
  padding: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  overflow: hidden;
}

@media (min-width: 1200px) {
  .gallery .img-container {
    height: 200px;
  }
}

.gallery .img-container .deal-link {
  padding: 15px;
  display: block;
  height: 100%;
  position: relative;
  transition: all 0.25s ease-in-out;
  text-decoration: none;
  cursor: pointer;
}

.gallery .img-container .deal-link:hover {
  background: rgba(0, 0, 0, 0.65);
  box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.25);
  transition: all 0.25s ease-in-out;
}

.gallery .img-container .deal-link h3 {
  font-size: 18px;
  color: #ffffff;
  padding-bottom: 10px;
  /* border-bottom: 2px solid #234076; */
  position: absolute;
  top: 5%;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35);
}

.gallery .img-container .deal-link:hover .btn-more {
  opacity: 1;
  visibility: visible;
  transform: scale(0.92);
  transition: 0.55s cubic-bezier(0.01, -0.32, 0.13, 1.49);
}

.gallery .img-container .deal-link .btn-more {
  position: absolute;
  font-size: 15px;
  text-align: center;
  bottom: 0px;
  left: 0px;
  top: 0px;
  padding: 10px;
  border-radius: 20px;
  right: 0px;
  opacity: 0;
  color: #222222;
  transform: scale(1.25);
  transition: all 0.25s ease;
}

.gallery .img-container .deal-link * {
  transition: all 0.3s ease;
}

.gallery .img-container .deal-link .hover-box-content {
  font-size: 20px;
  font-weight: bold;
  transition: 1s;
}
/*----home page hover box end----*/
/*----footer-start----*/

footer {
  background: #303740 !important;
}

.footer-link ul li a:hover {
  color: rgb(255, 222, 1);
  transition: 0.25s;
}

.footer-link ul li a {
  color: rgba(255, 255, 255, 0.5);
}

.footer-link ul li {
  list-style: none;
  line-height: 25px;
}

footer .footer_bottom {
  background: #272d35;
  padding: 20px 10px;
}

.footer_bottom a i {
  margin-right: 10px;
  font-size: 16px !important;
  opacity: 1;
  color: #282d35;
  background: #ffffff;
  width: 35px;
  height: 35px;
  border-radius: 25px;
  text-align: -webkit-center;
  padding-top: 10px;
  transition: all 0.8s ease-in-out;
}

.footer_bottom a i:hover {
  color: #282d35;
  background: #234076;
  text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 2px 5px rgba(2, 2, 2, 0.15);
  transition: all 0.25s ease-in-out;
  transform: translateY(-4px);
}

.contact-info a i {
  margin-right: 10px;
  font-size: 16px !important;
  opacity: 1;
  color: #282d35;
  background: #ffffff;
  width: 35px;
  height: 35px;
  border-radius: 25px;
  text-align: -webkit-center;
  padding-top: 10px;
  transition: all 0.8s ease-in-out;
}

.contact-info a i:hover {
  color: #ffffff;
  background: #ffbc12;
  text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 2px 5px rgba(2, 2, 2, 0.15);
  transition: all 0.25s ease-in-out;
  transform: translateY(-4px);
}
.footer_bottom p {
  font-size: 18px;
}
/*----footer-End----*/

span.discounted_price {
  margin-right: 5px;
  text-decoration: line-through;
}

.discount-Percent {
  float: right;
  background-color: #76b51b;
  color: #ffffff;
  font-size: 15px;
  padding: 0px 5px;
  border-radius: 20px;
}

.two-line-text {
  width: 100%;
  display: -webkit-box;
  max-width: 100%;
  height: 45px;
  margin: 0 auto;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.reviews-float-right {
  background-color: #6ec017;
  font-size: 15px;
  padding: 2px 12px;
  border-radius: 2px;
}

i.fa.social-icon {
  background: #131313;
  padding: 15px;
  font-size: 20px;
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 50px;
  text-align: center;
  height: 50px;
  width: 50px;
  margin: 5px;
  transition: 0.5s;
}

i.fa.social-icon:hover {
  background: #fcdf02;
  color: black;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
  text-decoration: none !important;
  transition: 0.5s;
  transform: rotate(360deg) scale(1.2);
}

.caption {
  letter-spacing: 0.5px;
  font-size: 18px;
}
/* Carasouel Cards Css */

.grid.gallery {
  overflow: hidden;
  box-shadow: 0px 9px 15px -10px rgb(55 55 55 / 25%);
  border-radius: 15px;
  /*border: 1px solid #000;*/
}

.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 1;
  /* object-fit: scale-down; */
}

.grid figure figcaption {
  padding: 1em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > p {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: left;
  background-image: linear-gradient(1deg, rgb(0 0 0), transparent);
  transition: 0.5s;
}

.grid figure figcaption > p {
  z-index: 1000;
  white-space: nowrap;
}

.grid figure h2 span {
  font-size: 15px;
  text-shadow: 3px 3px 15px #00000050;
}
.grid figure p {
  letter-spacing: 1px;
  font-size: 68.5%;
}

.ratings {
  padding: 8px 0px;
  border-top: 1px solid rgba(221, 221, 221, 0.4);
  border-bottom: 1px solid rgba(221, 221, 221, 0.5);
  background: white;
}

ul.rating {
  display: inline-block;
  padding-left: 0px;
  margin-bottom: 0px;
}

.rating li {
  list-style-type: none;
  display: inline-block;
  padding: 1px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}

.ratings span.rating_count {
  background-color: #0679ff;
  font-size: 12px;
  padding: 1px 7px;
  color: white;
  border-radius: 10px;
}

.summary-price {
  background-color: rgb(38 77 101);
  padding: 6px 15px;
}

.detail-label-1 {
  background-color: #fff;
  padding: 10px 10px;
}

.summary-price p {
  color: #999;
}

.summary-price div.price-room {
  font-size: 1.625rem;
  color: #fff;
}
.summarybackcolor {
  /* float: right; */
  text-align: -webkit-left;
  background-color: #f9f9f9;
  /* width: 300px; */
  margin-top: -220px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .mb-large {
    margin-top: 180px;
  }
}
.videoimage img.img-fluid {
  height: 650px;
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 900px) {
  .videoimage img.img-fluid {
    height: 250px;
    width: 100%;
    object-fit: cover;
  }
}

.bookingfixprice {
  display: none;
}

.bookingfixpriceset {
  position: fixed;
  display: block;
  top: 0px;
  width: 100%;
  z-index: 1030;
  margin: 0px 0px 0px 0px;
  color: #fff !important;
}
.booking_points ul img {
  width: 12px;
  height: 12px;
  object-fit: none;
  object-position: -88px 0px;
}
.booking_points ul li span.point_name {
  padding-left: 5px;
  font-size: 13px;
}

.gallery button.gallery-P5FyU {
  display: inline-flex;
  color: #575554;
  background-color: #fff;
  font-weight: 700;
  border-color: #ffffff00;
  padding: 0.5rem 0.75rem;
  line-height: 1.15;
  margin-top: -60px;
  position: absolute;
  border-radius: 50px;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25);
}
/*---------------*/
/***** Marley *****/
/*---------------*/

figure.effect-marley:hover figcaption {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 75%, transparent);
  transition: 0.5s;
}

figure.effect-marley:hover img {
  object-fit: cover;
  transform: scale(1.1) rotate(2deg);
  transition: all 0.5s ease-in-out;
}

figure.effect-marley h2,
figure.effect-marley p {
  position: initial;
  right: 30px;
  left: 30px;
  padding: 20px 0;
}

figure.effect-marley p {
  bottom: 30px;
  line-height: 1.5;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

figure.effect-marley h2 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 70px, 0);
  font-size: 18px !important;
}

figure.effect-marley:hover h2 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-marley h2::after,
figure.effect-marley p {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: 0.85s;
}
/*-----yellow-carousel-START-----*/

.grid3 figure {
  position: relative;
  /* float: left; */
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}

.grid3 figure figcaption {
  /* padding: 1em 0em; */
  color: #000;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 100%;
}

figure.effect-marley3 h2 {
  /* top: 30px; */
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 25px, 0);
  font-size: 15px !important;
  font-weight: 700;
  color: white;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
}

.owl-carousel-icon .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  border-radius: 0px !important;
}
/*-----yellow-carousel-END-----*/
/* Carasouel Cards Css */
/*----sidebar START----*/

/* .sidebar-show {
     position: fixed;
     top: 0px;
     left: -100%;
     z-index: 1001;
     bottom: 0px;
     height: 100%;
     width: 100%;
     cursor: default;
     transition: width 300ms ease-in-out, height 300ms ease-in-out, top 300ms ease-in-out, left 300ms ease-in-out, bottom 300ms ease-in-out, right 300ms ease-in-out;
     background-color: #fff;
     box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
     overflow: auto;
 }
 
 #sidebar-close-btn {
     position: absolute;
     right: 0px;
     top: 0;
     padding: 0px;
     cursor: pointer;
     -webkit-text-fill-color: #000;
     width: 52px;
     height: 57px;
     text-align: center;
     opacity: 1;
     line-height: 0;
 }
 
 .sidebarclassadd {
     background-color: rgba(0, 0, 0, 0.7);
     bottom: 0;
     clear: both;
     height: 100%;
     left: 0;
     overflow: auto;
     position: fixed;
     right: 0;
     top: 0;
     width: 100%;
     z-index: 1000;
 }
 
 .sidebar-icon i {
     background: #ececec;
     width: 35px;
     height: 35px;
     border-radius: 25px;
     text-align: center;
 }
 
 .display-nav-none.navbar-collapse {
     display: none !important;
 } */

.pp-up {
  color: #5a5a5a;
  text-decoration: none;
  padding: 0px 10px 0px 10px;
}

.gray-text {
  color: gray !important;
}

@media screen and (max-width: 990px) {
  .display-none-media {
    display: none !important;
  }
}

@media only screen and (max-width: 992px) {
  form.form-inline.my-2.my-lg-0 {
    line-height: 40px;
    text-align: center;
    border-top: 1px solid #ddd;
    padding-top: 5px;
    display: block;
  }
}
/*----sidebar END----*/

.two-line-text {
  width: 100%;
  display: -webkit-box;
  max-width: 100%;
  height: 42px;
  margin: 0 auto;
  font-size: 14px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rating .filled {
  color: orangered;
}

.pop-up {
  color: #e4e4e4;
  font-weight: normal;
  letter-spacing: 0.04em;
  font: 75%/150% 'Lato', Arial, Helvetica, sans-serif;
  padding: 0rem 1rem;
  font-size: 14px;
}

ul.destination-tab {
  list-style-type: none;
  display: -webkit-inline-box;
}

.st-menu ul li a {
  display: block;
  padding: 0.72rem 0 !important;
  outline: none;
  color: #353a40;
  letter-spacing: 1px;
  -webkit-transition: background 0.3s, box-shadow 0.3s;
  transition: background 0.3s, box-shadow 0.3s;
}

.st-menu {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.85);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
/*----add new css END  ((((  12-march-2019   ))))----*/
/*----free-website-css start--------*/

.col-heading-free {
  margin-bottom: 25px;
  margin-top: 15px;
  color: #333333;
  text-align: center;
  font-size: 2.2rem !important;
  letter-spacing: 1px;
  font-weight: 100;
}

.section-description-free {
  margin-bottom: 20px;
  margin-top: 10px;
  text-align: center;
  font-size: 20px;
  letter-spacing: 1px;
  color: #333333;
  line-height: 33px;
  font-weight: 400;
}

.search-btn {
  margin-left: -35px;
  top: 0px;
  height: 78px;
  position: absolute;
  width: 78px;
  border-radius: 0%;
  padding: 18px;
  background: #234076;
  color: black;
  z-index: 2;
  cursor: pointer;
}
/* Tabs*/

section .section-title {
  text-align: center;
  margin-bottom: 30px;
  text-transform: uppercase;
}

#tabs {
  background: #ffffff;
  color: #3e3e3e;
}

#tabs h6.section-title {
  color: #eee;
}

#tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background-color: #234076;
  border-radius: 50px;
  box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.2);
}

#tabs .nav-tabs .nav-link {
  border: 1px solid #234076;
  color: #313131;
  font-size: 20px;
  border-radius: 50px;
  margin-right: 10px;
  cursor: pointer;
}

.nav-tabs {
  border-bottom: 0px solid #ddd;
}

.nav-fill .nav-item {
  -ms-flex: 1 1 auto;
  flex: none;
  text-align: center;
}

.img-over {
  background: #ffffff;
  border: 1px solid #b7b7b7;
  height: 425px;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.25);
  margin-bottom: 35px;
  position: relative;
  transition: all 0.2s ease-in-out;
}

.img-over:hover {
  border: 5px solid #234076;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12),
    0 8px 10px -5px rgba(0, 0, 0, 0.3);
}

.view-full-btn {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0px;
  padding-top: 20px;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  transition: all 0.25s ease-in-out;
  opacity: 0;
  cursor: pointer;
}

.img-over:hover .view-full-btn {
  opacity: 1;
  transition: all 0.25s ease-in-out;
  padding-top: 160px;
}

.view-full-text {
  background: #234076;
  padding: 10px 20px;
  cursor: pointer;
}

.clippy {
  width: 100px !important;
  margin: 0 auto;
  filter: drop-shadow(0px 10px 15px rgba(0, 0, 0, 0.35));
}

@media screen and (max-width: 480px) {
  .clippy {
    width: 60px !important;
  }
}

.clippy2 {
  width: 100px !important;
  border-radius: 80px;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.35);
}

.owl-nav > div {
  margin-top: -10px;
  position: absolute;
  top: 150px;
  color: #cdcbcd;
}

.owl-nav i {
  font-size: 28px;
}

.owl-nav .owl-prev {
  left: -2.5%;
  background: #fff;
  height: 60px;
  text-align: center;
  width: 60px;
  border-radius: 40px;
  top: 25%;
  color: black;
  padding-top: 16px;
  transition: 0.25s;
  box-shadow: 0 3px 50px rgba(0, 0, 0, 0.16);
}

.owl-nav .owl-next {
  right: -2.5%;
  background: #fff;
  height: 60px;
  text-align: center;
  width: 60px;
  border-radius: 40px;
  top: 25%;
  color: black;
  padding-top: 16px;
  transition: 0.25s;
  box-shadow: 0 3px 50px rgba(0, 0, 0, 0.16);
}

.owl-nav .owl-next:hover,
.owl-nav .owl-prev:hover {
  background: #ffde00;
  color: black;
  transition: 0.25s;
}
/*-----------*/

.gallery-stu-cop .img-container {
  height: 385px;
  background: #222;
  margin-bottom: 30px;
  padding: 0px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.25);
  border-radius: 20px;
}

.gallery-stu-cop .img-container .deal-link .btn-more {
  position: absolute;
  text-align: center;
  font-size: 25px;
  bottom: 0px;
  border-radius: 20px;
  top: 0px;
  right: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.75);
  text-transform: uppercase;
  opacity: 1;
  visibility: hidden;
  padding: 1rem;
  padding-top: 8rem;
  color: white;
  transform: translatey(100%) scale(0);
  transition: all 0.5s ease;
}

.gallery-stu-cop .img-container .deal-link:hover .btn-more {
  opacity: 1;
  visibility: visible;
  transform: translatey(0%) scale(1);
  transition: 0.5s;
}

.gallery-stu-cop .img-container .deal-link {
  padding: 15px;
  display: block;
  height: 100%;
  position: relative;
  transition: all 0.25s ease-in-out;
  text-decoration: none;
}

.gallery-stu-cop .img-container .deal-link:hover {
  background: rgba(0, 0, 0, 0.65);
  box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.25);
  transition: all 0.25s ease-in-out;
}

.carousel-control-next {
  right: 0%;
  height: auto;
  top: 0px;
}

.carousel-control-prev {
  left: 0%;
  height: auto;
  top: 0px;
}

.tabsmenus .rounded-circle {
  width: 50px !important;
  height: 50px;
  display: block;
  margin: 0 auto;
  object-fit: cover;
}

.tabsmenus .img-fluid {
  border-radius: 20px;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px !important;
  color: inherit;
  padding: 10px;
}

.panel-default a {
  color: #333;
}

.panel {
  margin-top: 10px;
}

.panel-default {
  border-color: #dddddd;
}

.panel {
  border: 1px solid #dddddd;
}

.panel-body {
  padding: 15px;
}

.collapsed {
  cursor: pointer;
}
/*----free-website-css end--------*/
/*----main page css start----*/

.search-input {
  height: 60px !important;
  border-right: 1px solid #c3c3c3 !important;
  border-left: none !important;
  border-top: none !important;
  border-bottom: none !important;
}

.search-btn {
  margin-left: -35px;
  top: 0px;
  height: 78px;
  position: absolute;
  width: 78px;
  border-radius: 0%;
  padding: 18px;
  background: #234076;
  color: black;
  z-index: 2;
  cursor: pointer;
  /* box-shadow: 0px 15px 25px -5px rgba(0, 0, 0, 0.50); */
}

.mobile-search-box-icon {
  margin-right: 35px;
  top: -14px;
  background: white;
  position: relative;
  float: right;
  z-index: 999;
}

input.form-control {
  opacity: 1;
  background-color: #fff;
  color: #3e3e3e;
  z-index: 2;
  box-shadow: none !important;
}

.search-box-icon {
  position: absolute;
  right: 16px;
  top: 20px;
  color: #c3c3c3;
  font-size: 20px !important;
  margin-right: 10px;
  line-height: 10px !important;
  text-shadow: none;
}
/*----sidebar bottom START----*/

.sidebar-show-bottom {
  position: fixed;
  top: 0px;
  top: 100%;
  z-index: 1000;
  bottom: 0px;
  height: 100%;
  width: 100%;
  cursor: default;
  transition: width 300ms ease-in-out, height 300ms ease-in-out, top 300ms ease-in-out,
    left 300ms ease-in-out, bottom 300ms ease-in-out, right 300ms ease-in-out;
  background-color: #fff;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
  overflow-x: hidden;
}

#sidebar-close-btn-bottom {
  background: #e6e6e6;
  padding: 10px;
  cursor: pointer;
  -webkit-text-fill-color: #000;
  text-shadow: none;
  width: 50px;
  height: 50px;
  opacity: 1;
  border-radius: 50%;
  line-height: 0;
  margin: 10px 15px 0px 0px;
}

.sidebarclassadd-bottom {
  background-color: rgba(0, 0, 0, 0.7);
  bottom: 0;
  clear: both;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
}
/*----sidebar bottom END----*/
/*----main page css end----*/

.home-rating {
  position: absolute;
  z-index: 2;
  background: #fff;
  top: 15px;
  right: 15px;
  padding: 0px 5px;
  line-height: 0;
  left: auto;
  border-radius: 15px;
}

ul.rating {
  display: inline-block;
  padding: 4px;
  margin-bottom: 0px;
}

.rating li {
  list-style-type: none;
  display: inline-flex;
  text-align: center;
  cursor: pointer;
  padding-top: 0px;
}

::-webkit-scrollbar {
  width: 6px;
  background: #fff;
  height: 5px;
}

::-webkit-scrollbar-thumb {
  background: #7dd4e2;
}

body::-webkit-scrollbar-thumb {
  background-color: #777777;
}
/*----sidebar-collapsed-started----*/

.sidebar-dropddown {
  background: #e4e4e4;
  border-radius: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 5px;
}

/* .accordion:after {
  font-family: FontAwesome;
  content: '\f107';
  color: #000;
  font-weight: 100;
  float: right !important;
  font-size: 20px;
  transition: 0.4s;
  background: #ececec;
  width: 35px;
  height: 35px;
  border-radius: 25px;
  text-align: center;
  padding-top: 2px;
}

.accordion.collapsed:after {
  content: '\f107';
  transform: rotate(180deg);
  transition: 0.4s;
} */
/*----sidebar-collapsed-ended----*/

.mobile-search-box {
  top: 20px;
  position: relative;
  width: 90%;
  margin: 0 auto;
  border-radius: 50px;
  padding-left: 20px;
}

.link-hvr .nav-link {
  background: none;
}

.navbar-nav .nav-link {
  padding: 0.5rem 1rem;
}

.link-hvr:hover .nav-link {
  /* background: #dee2e6; */
  color: rgb(49, 141, 187) !important;
}
/*----sidebar Destination END----*/
/*----index css start----*/

.carousel-item {
  height: auto;
}

.object-fit-cover {
  object-fit: cover;
}

.owl-carousel .item {
  position: relative;
  z-index: 100;
  -webkit-backface-visibility: hidden;
}

.carousel-item img {
  width: 100%;
  /* height: auto; */
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  figure.effect-marley3 h2 {
    transform: translate3d(0, 15px, 0);
    font-size: 12px !important;
  }
}

.owl-carousel-2 .owl-stage-outer {
  padding-bottom: 40px;
}

@media screen and (max-width: 480px) {
  .owl-carousel-2 .owl-stage-outer {
    padding-bottom: 20px;
  }
}

.owl-next.disabled,
.owl-prev.disabled {
  display: none !important;
}
/*----index css End----*/
/*----slider-after-before start----*/

#slider1:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  width: 150px;
  height: 150px;
  border-radius: 100%;
  background: -webkit-linear-gradient(
    330deg,
    rgba(255, 74, 158, 0) 45%,
    rgba(255, 74, 158, 0.4) 100%
  );
  background: linear-gradient(210deg, #dcf8ff 45%, rgb(0, 226, 255) 100%);
  left: -90px;
  bottom: -10%;
}

#slider2:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  width: 450px;
  height: 450px;
  border-radius: 100%;
  background: -webkit-linear-gradient(
    330deg,
    rgba(255, 74, 158, 0.78) 45%,
    rgba(255, 74, 158, 0.4) 100%
  );
  background: linear-gradient(220deg, rgba(255, 74, 158, 0) 40%, rgba(255, 74, 158, 0.59) 100%);
  left: -180px;
  bottom: -8%;
}

#slider3:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: -webkit-linear-gradient(
    330deg,
    rgba(255, 74, 158, 0.78) 45%,
    rgba(255, 74, 158, 0.4) 100%
  );
  background: linear-gradient(120deg, rgba(33, 150, 243, 0.41) 25%, rgba(72, 3, 195, 0.37) 100%);
  left: -320px;
  bottom: 10%;
}
/*----slider-after-before end----*/

.sign {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 50%;
  /* background-image: radial-gradient(
    ellipse 50% 35% at 50% 50%,
    #ffd000,
    transparent
  ); */
  transform: translate(-75%, -50%);
  letter-spacing: 2;
  text-transform: uppercase;
  font-size: 2em;
  /* color: #ffdd0182; */
  text-shadow: 0 0 0.6rem #ffdd0182, 0 0 1.5rem #ddc41dd5, -0.2rem 0.1rem 1rem #234076,
    0.2rem 0.1rem 1rem #234076, 0 -0.5rem 2rem #fdd803ec, 0 0.5rem 3rem #fdd803ec;
  animation: shine 2s forwards, flicker 3s infinite;
}

@keyframes blink {
  0%,
  22%,
  36%,
  75% {
    color: #ffdd0182;
    text-shadow: 0 0 0.6rem #ffdd0182, 0 0 1.5rem #ddc41dd5, -0.2rem 0.1rem 1rem #234076,
      0.2rem 0.1rem 1rem #234076, 0 -0.5rem 2rem #fdd803ec, 0 0.5rem 3rem #fdd803ec;
  }
  28%,
  33% {
    color: #ddc41dd5;
    text-shadow: none;
  }
  82%,
  97% {
    color: #234076;
    text-shadow: none;
  }
}

.flicker {
  animation: shine 2s forwards, blink 3s 2s infinite;
}

.fast-flicker {
  animation: shine 2s forwards, blink 10s 1s infinite;
}

@keyframes shine {
  0% {
    color: #ffd000;
    text-shadow: none;
  }
  100% {
    color: #ffdd0182;
    text-shadow: 0 0 0.6rem #ffdd0182, 0 0 1.5rem #ddc41dd5, -0.2rem 0.1rem 1rem #234076,
      0.2rem 0.1rem 1rem #234076, 0 -0.5rem 2rem #fdd803ec, 0 0.5rem 3rem #fdd803ec;
  }
}

@keyframes flicker {
  from {
    opacity: 1;
  }

  4% {
    opacity: 0.9;
  }

  6% {
    opacity: 0.85;
  }

  8% {
    opacity: 0.95;
  }

  10% {
    opacity: 0.9;
  }

  11% {
    opacity: 0.922;
  }

  12% {
    opacity: 0.9;
  }

  14% {
    opacity: 0.95;
  }

  16% {
    opacity: 0.98;
  }

  17% {
    opacity: 0.9;
  }

  19% {
    opacity: 0.93;
  }

  20% {
    opacity: 0.99;
  }

  24% {
    opacity: 1;
  }

  26% {
    opacity: 0.94;
  }

  28% {
    opacity: 0.98;
  }

  37% {
    opacity: 0.93;
  }

  38% {
    opacity: 0.5;
  }

  39% {
    opacity: 0.96;
  }

  42% {
    opacity: 1;
  }

  44% {
    opacity: 0.97;
  }

  46% {
    opacity: 0.94;
  }

  56% {
    opacity: 0.9;
  }

  58% {
    opacity: 0.9;
  }

  60% {
    opacity: 0.99;
  }

  68% {
    opacity: 1;
  }

  70% {
    opacity: 0.9;
  }

  72% {
    opacity: 0.95;
  }

  93% {
    opacity: 0.93;
  }

  95% {
    opacity: 0.95;
  }

  97% {
    opacity: 0.93;
  }

  to {
    opacity: 1;
  }
}

/* form css */

.error .text-input {
  border-color: red;
}

.label {
  font-weight: bold;
  display: block;
  margin-bottom: 0.5rem;
}

.error .label {
  color: red;
}

.input-feedback {
  color: #999;
  margin-top: 0.25rem;
}

.error .input-feedback {
  color: red;
}

.animated {
  animation-duration: 0.3s;
  animation-fill-mode: both;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

@keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  animation-name: shake;
}

/* form css end  */

/* profile.css */

.profile-cover-bg {
  background-size: cover;
  height: 400px;
  background: linear-gradient(to right, rgba(174, 191, 33, 0.15), rgba(0, 0, 0, 0.2));
}

/* .profile-cover-image {
  background-image: url(../img/web-bnr4.jpg);
  background-size: cover;
  background-position: center;
} */

.profile-cover-bg-blank {
  background-size: cover;
  height: 100px;
  background: linear-gradient(to right, rgb(254 254 254), rgba(0, 0, 0, 0.2));
}

.profile-cover-bg-blank-Pink {
  background-size: cover;
  height: 100px;
  background: #ffb6c1;
}

.profile-img {
  position: relative;
  margin-top: -105px;
  width: 200px;
  height: 200px;
  border-radius: 105px;
  border: solid 6px #fff;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.videodetector iframe {
  width: 100%;
  height: 400px;
}

@media screen and (max-width: 1000px) {
  .profile-img {
    margin-top: -40px;
    width: 130px;
    height: 130px;
  }
  .profile-cover-bg {
    background-size: cover;
    height: 200px;
    background: linear-gradient(to right, rgba(174, 191, 33, 0.15), rgba(0, 0, 0, 0.2));
  }
}

.active-rd {
  color: #f16f30 !important;
  border-bottom: 5px solid #f16f30;
  padding-bottom: 18px !important;
  transition: 0.25s;
}

@media screen and (max-width: 1000px) {
  .active-rd {
    color: #f16f30 !important;
    border-bottom: 5px solid #f16f30;
    padding-bottom: 10px !important;
    transition: 0.25s;
  }
}

h2.profile-user-text {
  font-size: 24px !important;
  line-height: 60px;
  font-weight: bold;
  color: #4f6066;
}

.fa-map-marker-alt {
  color: #03a9f4;
  font-size: 25px !important;
  margin-right: 10px;
  line-height: 0px !important;
}

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

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

.margin-bottom {
  margin-bottom: 20px;
}

.margin-top {
  margin-top: 20px;
}

.blue-grey-section {
  background: #fefefe !important;
  margin-top: 20px;
}

.blue-grey-text {
  color: #506066;
}

.profile-timeline-card {
  min-height: 150px;
  margin: 15px 0;
  padding: 15px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.35);
}

.timeline-img-user {
  margin-right: 15px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
}

.timeline-image {
  margin: 15px 0px 15px 0px;
  transition: 0.25s;
}

.timeline-image:hover {
  transition: 0.25s;
  transform: scale(1.1);
  box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.5);
}

.timeline-title {
  font-size: 18px !important;
  line-height: 24px;
  word-wrap: break-word;
  color: #506066;
  font-weight: bold;
}

.timeline-footer > span > a {
  padding-right: 10px !important;
  color: #777777 !important;
}

.profile-social-media {
  color: #000;
  font-size: 18px;
  background: #dddddd;
  padding: 10px !important;
  border-radius: 50px;
  width: 35px;
  height: 35px;
  text-align: center;
}

.link-footer > li {
  /* margin-right: 25px; */
  /* float: left; */
  font-size: 13px;
  color: #949494;
}

.link-footer > li > a {
  color: #949494 !important;
}

.link-footer.clearfix {
  padding-left: 25px;
}

.profile-dd-text {
  padding: 10px 15px;
}

.dropdown-menu-rd {
  box-shadow: 0px 8px 15px -5px rgba(0, 0, 0, 0.25) !important;
  border: none !important;
}

a.dropdown-text {
  color: #8a8a8a !important;
}

.circle-ranking {
  position: absolute;
  top: 28px;
  background: #f63;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  font-size: 12px;
  right: 7px;
  bottom: 0;
  color: white;
  line-height: 18px;
  text-align: center;
}

.pointer {
  cursor: pointer;
}

.trip-user-text {
  padding: 5px 10px 0px 0px;
}

.trip-title {
  font-size: 32px;
  font-family: -apple-system, helvetica, arial, sans-serif;
  font-weight: 700;
  color: #506066;
  margin: 5px 0 15px 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.trip-user-box {
  display: flow-root;
}

.trip-paragraph-main {
  padding: 0 6%;
}

.trip-paragraph {
  font-family: 'Georgia', serif !important;
  text-align: left;
  float: none;
  font-size: 20px !important;
  text-indent: inherit !important;
  line-height: 36px !important;
  margin: 18px auto;
  max-width: 100%;
  -webkit-font-smoothing: antialiased;
  word-wrap: break-word;
}

.Recommended-text1 {
  font-size: 18px !important;
  color: #506066 !important;
  font-weight: 500;
}

.Recommended-text1:hover {
  text-decoration: underline;
}

.Recommended-text2:hover {
  text-decoration: underline;
}

.Recommended-text2 {
  padding: 12px 0px 10px 0px;
  font-size: 14px;
  color: #868e96;
}

.Recommended-text2 > a {
  color: #4f6066 !important;
}

.user-trip-icon {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  box-shadow: 0px 15px 25px -10px rgba(0, 0, 0, 0.5);
}

/*====new====*/

.tour-code-profile {
  background: #ffffff;
  margin-top: -35px;
  width: 150px;
  float: right;
  border-radius: 50px;
  border: 1px solid #dfdfdf;
  cursor: pointer;
}

/* profile.css end */

/* post.css */
.single-post {
  font-size: 18px;
  padding-left: 20px;
  padding-right: 20px;
}

.main-wrapper {
  margin-top: 40px;
}

.single-post header {
  margin-top: 0px;
}
.single-post header .topic {
  font-size: 14px;
  text-transform: uppercase;
}
.single-post header .topic a {
  color: #0054a6;
}
.single-post header h1 {
  margin: 10px 0;
  font-size: 30px;
  font-weight: 900;
}
.single-post header .byline {
  font-size: 14px;
  margin-bottom: 10px;
}
.single-post header .date {
  font-size: 12px;
  color: #333;
}
.single-post .bar-content ul {
  margin: 15px 0 0 0;
  padding: 10px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.single-post .bar-content ul li {
  display: inline-block;
  list-style: none;
  font-size: 10px;
  margin: 0 10px;
  position: relative;
}
.single-post .bar-content ul li:after {
  content: '';
  position: absolute;
  border-right: 1px solid #ccc;
  height: 38px;
  left: 120%;
  top: 0;
}
.single-post .bar-content ul li a {
  color: #999;
  text-transform: uppercase;
  text-align: center;
}
.single-post .bar-content ul li a i {
  color: #0054a6;
  font-size: 14px;
  display: block;
  width: 100%;
  margin-bottom: 5px;
}

.share-btn {
  float: none !important;
}
.share-btn ul {
  margin: 5px 0 0 0;
  padding: 3px 0;
}
.share-btn ul li {
  display: inline-block;
  list-style: none;
  font-size: 10px;
  margin: 0 10px;
}
.share-btn ul li:after {
  content: '';
  position: absolute;
  border-right: 1px solid #ccc;
  height: 38px;
  left: 120%;
  top: 0;
}
.share-btn ul li a {
  color: #999;
  text-transform: uppercase;
  text-align: center;
}
.share-btn ul li a i {
  color: #0054a6;
  font-size: 14px;
  display: block;
  width: 100%;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .single-post .bar-content ul li {
    font-size: 12px;
    margin: 0 20px;
  }
  .single-post .bar-content ul li:after {
    left: 150%;
  }
  .share-btn {
    float: right !important;
  }
  .share-btn ul li {
    font-size: 12px;
    margin: 0 20px;
  }
  .share-btn ul li:after {
    left: 150%;
  }
}
.single-post .progressx {
  display: none;
  height: 4px;
  background: #ccc;
  width: 40%;
  margin-bottom: 10px;
  position: relative;
}
.single-post .progressx .completed {
  width: 0%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #0054a6;
}
.single-post .fix {
  position: fixed;
  background: #ededed;
  top: 45px;
  width: 100%;
}
.single-post .fix .bar-content ul {
  border: none;
}
.single-post .fix .progressx {
  display: block;
}
.single-post .fix:before {
  position: absolute;
  top: 0;
  right: 100%;
  content: '';
  width: 300px;
  background: #ededed;
  height: 100%;
}
@media (min-width: 768px) {
  .single-post .fix {
    top: 60px;
  }
}
.single-post .article-body {
  margin-top: 10px;
  margin-bottom: 30px;
}
.single-post img {
  max-width: 100% !important;
  height: auto !important;
}

.single-post .post-footer .author {
  padding: 15px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
}
.single-post .post-footer .author .author-img {
  float: left;
  margin-right: 20px;
}
.single-post .post-footer .related {
  margin-bottom: 30px;
}
.single-post .post-footer .related .topic {
  font-size: 14px;
}
.single-post .post-footer .related .topic a {
  text-transform: uppercase;
  font-weight: bold;
}
.single-post .post-footer .related .about a {
  text-transform: uppercase;
}
/*----------------------
Responsive Images
------------------------*/
img,
img,
.widget img {
  max-width: 100%;
  /* Fluid images for posts, comments, and widgets */
}
img[class*='align'],
img[class*='wp-image-'],
img[class*='attachment-'] {
  height: auto;
  /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
  max-width: 100%;
  height: auto;
  /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.article-body h1,
.article-body h2,
.article-body h3,
.article-body h4,
.article-body h5,
.article-body h6 {
  margin: 24px 0;
  margin: 1.714285714rem 0;
  line-height: 1.714285714;
  font-weight: bold;
}
.article-body h1 {
  font-size: 21px;
  line-height: 1.5;
}
.article-body h2 {
  font-size: 18px;
  line-height: 1.6;
}
.article-body h3 {
  font-size: 16px;
  line-height: 1.846153846;
}
.article-body h4 {
  font-size: 14px;
  line-height: 1.846153846;
}
.article-body h5 {
  font-size: 13px;
  font-size: 0.928571429rem;
  line-height: 1.846153846;
}
.article-body h6 {
  font-size: 12px;
  line-height: 1.846153846;
}
.article-body p {
  margin: 0 0 24px;
  margin: 0 0 1.714285714rem;
  line-height: 1.714285714;
  margin-bottom: 2rem;
  text-rendering: optimizeLegibility;
}
.article-body a:visited,
.article-body a:visited {
  color: #9f9f9f;
}
.article-body ol,
.article-body ul {
  margin: 24px 0 24px;
  margin: 1.714285714rem 0 1.714285714rem;
  line-height: 1.714285714;
}
.article-body ul ul,
.article-body ol ol,
.article-body ul ol,
.article-body ol ul {
  margin-bottom: 0;
}
.article-body ul {
  list-style: disc outside;
}
.article-body ol {
  list-style: decimal outside;
}
.article-body li {
  margin: 0 0 0 36px;
  margin: 0 0 0 2.571428571rem;
}
.article-body blockquote {
  margin-bottom: 24px;
  margin-top: 24px;
  letter-spacing: 0.01rem;
  font-weight: 400;
  font-style: italic;
  border-left: 3px solid rgba(0, 0, 0, 0.8);
  padding-left: 20px;
  margin-left: -23px;
  padding-bottom: 3px;
}
.article-body blockquote p:last-child {
  margin-bottom: 0;
}
.article-body code {
  font-family: Consolas, Monaco, Lucida Console, monospace;
  font-size: 12px;
  font-size: 0.857142857rem;
  line-height: 2;
}
.article-body pre {
  background: #fff;
  border: 1px solid #ededed;
  color: #666;
  font-family: Consolas, Monaco, Lucida Console, monospace;
  font-size: 12px;
  line-height: 1.714285714;
  margin: 24px 0;
  margin: 1.714285714rem 0;
  overflow: auto;
}
.article-body pre code {
  display: block;
}
.article-body abbr,
.article-body dfn,
.article-body acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

/* post.css end */

/* covid css */
@media (max-width: 767.98px) {
  .main-wrapper {
    margin-top: 0px;
  }
  .hideme {
    display: none;
  }

  .mobile-top-padding {
    padding-top: 10px;
  }
  .mobile-text-center {
    text-align: center;
  }
  .mobile-card-margin {
    margin-left: 5.8% !important;
  }
}
html body .content .content-wrapper .content-header-title {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  color: #1b2942;
}
.blink {
  animation: blinker 0.5s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
}

@keyframes blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* covid css  end */

.btn-white {
  background-color: #fff !important;
  color: #fff;
}

.btn-white:active,
.btn-white:focus,
.btn-white:hover {
  color: #fff !important;
}

.btn-outline-white {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}

.btn-outline-white:hover {
  background-color: #fff;
  color: #fff !important;
}

.alert-black,
.alert-black .alert-link,
.black {
  color: #000 !important;
}

.widget-timeline .timeline-items.timeline-icon-white:before {
  background-color: #fff;
}

input[type='checkbox'].bg-white + .custom-control-label:before,
input[type='radio'].bg-white + .custom-control-label:before {
  background-color: #fff !important;
}

input:focus ~ .bg-white {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff !important;
}

.border-white {
  border: 1px solid #fff !important;
}

.kanban-container .kanban-board .kanban-item[data-border='white']:before {
  background-color: #fff;
}

.bg-black {
  background-color: #000 !important;
}

.bg-black .card-footer,
.bg-black .card-header {
  background-color: transparent;
}

.alert-black {
  border-color: #242424 !important;
  background-color: #242424 !important;
}

.bullet.bullet-black {
  background-color: #000;
}

.bg-light-black {
  background-color: rgba(0, 0, 0, 0.15);
}

.bg-black.badge-glow,
.border-black.badge-glow {
  box-shadow: 0 0 10px #000;
}

.overlay-black {
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

.btn-black {
  background-color: #000 !important;
  color: #fff;
}

.btn-black:active,
.btn-black:focus,
.btn-black:hover {
  color: #fff !important;
}

.btn-outline-black {
  border-color: #000;
  background-color: transparent;
  color: #000;
}

.btn-outline-black:hover {
  background-color: #000;
  color: #fff !important;
}

.widget-timeline .timeline-items.timeline-icon-black:before {
  background-color: #000;
}

input[type='checkbox'].bg-black + .custom-control-label:before,
input[type='radio'].bg-black + .custom-control-label:before {
  background-color: #000 !important;
}

input:focus ~ .bg-black {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #000 !important;
}

.border-black {
  border: 1px solid #000 !important;
}

.kanban-container .kanban-board .kanban-item[data-border='black']:before {
  background-color: #000;
}

.bg-primary.bg-lighten-5,
.btn-primary.btn-lighten-5 {
  background-color: #39fcff !important;
}

.primary.lighten-5 {
  color: #39fcff !important;
}

.btn-primary.btn-lighten-5 {
  border-color: #008385 !important;
}

.btn-primary.btn-lighten-5:hover {
  border-color: #008385 !important;
  background-color: #006a6c !important;
}

.btn-primary.btn-lighten-5:active,
.btn-primary.btn-lighten-5:focus {
  border-color: #006a6c !important;
  background-color: #005152 !important;
}

.btn-outline-primary.btn-outline-lighten-5 {
  border-color: #39fcff !important;
  color: #39fcff !important;
}

.btn-outline-primary.btn-outline-lighten-5:hover {
  background-color: #39fcff !important;
}

.border-primary.border-lighten-5 {
  border: 1px solid #39fcff !important;
}

.border-top-primary.border-top-lighten-5 {
  border-top: 1px solid #39fcff !important;
}

.border-bottom-primary.border-bottom-lighten-5 {
  border-bottom: 1px solid #39fcff !important;
}

.border-left-primary.border-left-lighten-5 {
  border-left: 1px solid #39fcff !important;
}

.border-right-primary.border-right-lighten-5 {
  border-right: 1px solid #39fcff !important;
}

.overlay-primary.overlay-lighten-5 {
  background: #39fcff;
  background: rgba(57, 252, 255, 0.8);
}

.bg-primary.bg-lighten-4,
.btn-primary.btn-lighten-4 {
  background-color: #1ffbff !important;
}

.primary.lighten-4 {
  color: #1ffbff !important;
}

.btn-primary.btn-lighten-4 {
  border-color: #008385 !important;
}

.btn-primary.btn-lighten-4:hover {
  border-color: #008385 !important;
  background-color: #006a6c !important;
}

.btn-primary.btn-lighten-4:active,
.btn-primary.btn-lighten-4:focus {
  border-color: #006a6c !important;
  background-color: #005152 !important;
}

.btn-outline-primary.btn-outline-lighten-4 {
  border-color: #1ffbff !important;
  color: #1ffbff !important;
}

.btn-outline-primary.btn-outline-lighten-4:hover {
  background-color: #1ffbff !important;
}

.border-primary.border-lighten-4 {
  border: 1px solid #1ffbff !important;
}

.border-top-primary.border-top-lighten-4 {
  border-top: 1px solid #1ffbff !important;
}

.border-bottom-primary.border-bottom-lighten-4 {
  border-bottom: 1px solid #1ffbff !important;
}

.border-left-primary.border-left-lighten-4 {
  border-left: 1px solid #1ffbff !important;
}

.border-right-primary.border-right-lighten-4 {
  border-right: 1px solid #1ffbff !important;
}

.overlay-primary.overlay-lighten-4 {
  background: #1ffbff;
  background: rgba(31, 251, 255, 0.8);
}

.bg-primary.bg-lighten-3,
.btn-primary.btn-lighten-3 {
  background-color: #06fbff !important;
}

.primary.lighten-3 {
  color: #06fbff !important;
}

.btn-primary.btn-lighten-3 {
  border-color: #008385 !important;
}

.btn-primary.btn-lighten-3:hover {
  border-color: #008385 !important;
  background-color: #006a6c !important;
}

.btn-primary.btn-lighten-3:active,
.btn-primary.btn-lighten-3:focus {
  border-color: #006a6c !important;
  background-color: #005152 !important;
}

.btn-outline-primary.btn-outline-lighten-3 {
  border-color: #06fbff !important;
  color: #06fbff !important;
}

.btn-outline-primary.btn-outline-lighten-3:hover {
  background-color: #06fbff !important;
}

.border-primary.border-lighten-3 {
  border: 1px solid #06fbff !important;
}

.border-top-primary.border-top-lighten-3 {
  border-top: 1px solid #06fbff !important;
}

.border-bottom-primary.border-bottom-lighten-3 {
  border-bottom: 1px solid #06fbff !important;
}

.border-left-primary.border-left-lighten-3 {
  border-left: 1px solid #06fbff !important;
}

.border-right-primary.border-right-lighten-3 {
  border-right: 1px solid #06fbff !important;
}

.overlay-primary.overlay-lighten-3 {
  background: #06fbff;
  background: rgba(6, 251, 255, 0.8);
}

.bg-primary.bg-lighten-2,
.btn-primary.btn-lighten-2 {
  background-color: #00e7eb !important;
}

.primary.lighten-2 {
  color: #00e7eb !important;
}

.btn-primary.btn-lighten-2 {
  border-color: #008385 !important;
}

.btn-primary.btn-lighten-2:hover {
  border-color: #008385 !important;
  background-color: #006a6c !important;
}

.btn-primary.btn-lighten-2:active,
.btn-primary.btn-lighten-2:focus {
  border-color: #006a6c !important;
  background-color: #005152 !important;
}

.btn-outline-primary.btn-outline-lighten-2 {
  border-color: #00e7eb !important;
  color: #00e7eb !important;
}

.btn-outline-primary.btn-outline-lighten-2:hover {
  background-color: #00e7eb !important;
}

.border-primary.border-lighten-2 {
  border: 1px solid #00e7eb !important;
}

.border-top-primary.border-top-lighten-2 {
  border-top: 1px solid #00e7eb !important;
}

.border-bottom-primary.border-bottom-lighten-2 {
  border-bottom: 1px solid #00e7eb !important;
}

.border-left-primary.border-left-lighten-2 {
  border-left: 1px solid #00e7eb !important;
}

.border-right-primary.border-right-lighten-2 {
  border-right: 1px solid #00e7eb !important;
}

.overlay-primary.overlay-lighten-2 {
  background: #00e7eb;
  background: rgba(0, 231, 235, 0.8);
}

.bg-primary.bg-lighten-1,
.btn-primary.btn-lighten-1 {
  background-color: #00ced2 !important;
}

.primary.lighten-1 {
  color: #00ced2 !important;
}

.btn-primary.btn-lighten-1 {
  border-color: #008385 !important;
}

.btn-primary.btn-lighten-1:hover {
  border-color: #008385 !important;
  background-color: #006a6c !important;
}

.btn-primary.btn-lighten-1:active,
.btn-primary.btn-lighten-1:focus {
  border-color: #006a6c !important;
  background-color: #005152 !important;
}

.btn-outline-primary.btn-outline-lighten-1 {
  border-color: #00ced2 !important;
  color: #00ced2 !important;
}

.btn-outline-primary.btn-outline-lighten-1:hover {
  background-color: #00ced2 !important;
}

.border-primary.border-lighten-1 {
  border: 1px solid #00ced2 !important;
}

.border-top-primary.border-top-lighten-1 {
  border-top: 1px solid #00ced2 !important;
}

.border-bottom-primary.border-bottom-lighten-1 {
  border-bottom: 1px solid #00ced2 !important;
}

.border-left-primary.border-left-lighten-1 {
  border-left: 1px solid #00ced2 !important;
}

.border-right-primary.border-right-lighten-1 {
  border-right: 1px solid #00ced2 !important;
}

.overlay-primary.overlay-lighten-1 {
  background: #00ced2;
  background: rgba(0, 206, 210, 0.8);
}

.primary {
  color: #00b5b8 !important;
}

.bg-primary .card-footer,
.bg-primary .card-header {
  background-color: transparent;
}

.alert-primary {
  border-color: #00fbff !important;
  background-color: #00fbff !important;
  color: #000506 !important;
}

.alert-primary .alert-link {
  color: #000 !important;
}

.bullet.bullet-primary {
  background-color: #00b5b8;
}

.bg-light-primary {
  background-color: rgba(0, 181, 184, 0.15);
}

.bg-primary.badge-glow,
.border-primary.badge-glow {
  box-shadow: 0 0 10px #00b5b8;
}

.overlay-primary {
  background: #00b5b8;
  background: rgba(0, 181, 184, 0.8);
}

.btn-primary {
  background-color: #00b5b8 !important;
  color: #fff;
}

.btn-primary:hover {
  border-color: #009c9f !important;
  background-color: #00ced2 !important;
  color: #fff !important;
}

.btn-primary:active,
.btn-primary:focus {
  border-color: #008385 !important;
  background-color: #006a6c !important;
  color: #fff !important;
}

.btn-outline-primary {
  border-color: #00b5b8;
  background-color: transparent;
  color: #00b5b8;
}

.btn-outline-primary:hover {
  background-color: #00b5b8;
  color: #fff !important;
}

.widget-timeline .timeline-items.timeline-icon-primary:before {
  background-color: #00b5b8;
}

input[type='checkbox'].bg-primary + .custom-control-label:before,
input[type='radio'].bg-primary + .custom-control-label:before {
  background-color: #00b5b8 !important;
}

.bg-primary.bg-darken-1,
.btn-primary.btn-darken-1 {
  background-color: #009c9f !important;
}

.border-primary {
  border: 1px solid #00b5b8 !important;
}

.border-top-primary {
  border-top: 1px solid #00b5b8;
}

.border-bottom-primary {
  border-bottom: 1px solid #00b5b8;
}

.border-left-primary {
  border-left: 1px solid #00b5b8;
}

.border-right-primary {
  border-right: 1px solid #00b5b8;
}

.primary.darken-1 {
  color: #009c9f !important;
}

.btn-primary.btn-darken-1 {
  border-color: #008385 !important;
}

.btn-primary.btn-darken-1:hover {
  border-color: #008385 !important;
  background-color: #006a6c !important;
}

.btn-primary.btn-darken-1:active,
.btn-primary.btn-darken-1:focus {
  border-color: #006a6c !important;
  background-color: #005152 !important;
}

.btn-outline-primary.btn-outline-darken-1 {
  border-color: #009c9f !important;
  color: #009c9f !important;
}

.btn-outline-primary.btn-outline-darken-1:hover {
  background-color: #009c9f !important;
}

.border-primary.border-darken-1 {
  border: 1px solid #009c9f !important;
}

.border-top-primary.border-top-darken-1 {
  border-top: 1px solid #009c9f !important;
}

.border-bottom-primary.border-bottom-darken-1 {
  border-bottom: 1px solid #009c9f !important;
}

.border-left-primary.border-left-darken-1 {
  border-left: 1px solid #009c9f !important;
}

.border-right-primary.border-right-darken-1 {
  border-right: 1px solid #009c9f !important;
}

.overlay-primary.overlay-darken-1 {
  background: #009c9f;
  background: rgba(0, 156, 159, 0.8);
}

.bg-primary.bg-darken-2,
.btn-primary.btn-darken-2 {
  background-color: #008385 !important;
}

.primary.darken-2 {
  color: #008385 !important;
}

.btn-primary.btn-darken-2 {
  border-color: #008385 !important;
}

.btn-primary.btn-darken-2:hover {
  border-color: #008385 !important;
  background-color: #006a6c !important;
}

.btn-primary.btn-darken-2:active,
.btn-primary.btn-darken-2:focus {
  border-color: #006a6c !important;
  background-color: #005152 !important;
}

.btn-outline-primary.btn-outline-darken-2 {
  border-color: #008385 !important;
  color: #008385 !important;
}

.btn-outline-primary.btn-outline-darken-2:hover {
  background-color: #008385 !important;
}

.border-primary.border-darken-2 {
  border: 1px solid #008385 !important;
}

.border-top-primary.border-top-darken-2 {
  border-top: 1px solid #008385 !important;
}

.border-bottom-primary.border-bottom-darken-2 {
  border-bottom: 1px solid #008385 !important;
}

.border-left-primary.border-left-darken-2 {
  border-left: 1px solid #008385 !important;
}

.border-right-primary.border-right-darken-2 {
  border-right: 1px solid #008385 !important;
}

.overlay-primary.overlay-darken-2 {
  background: #008385;
  background: rgba(0, 131, 133, 0.8);
}

.primary.darken-3 {
  color: #006a6c !important;
}

.bg-primary.bg-darken-3 {
  background-color: #006a6c !important;
}

.btn-primary.btn-darken-3,
.btn-primary.btn-darken-3:hover {
  border-color: #008385 !important;
  background-color: #006a6c !important;
}

.btn-primary.btn-darken-3:active,
.btn-primary.btn-darken-3:focus {
  border-color: #006a6c !important;
  background-color: #005152 !important;
}

.btn-outline-primary.btn-outline-darken-3 {
  border-color: #006a6c !important;
  color: #006a6c !important;
}

.btn-outline-primary.btn-outline-darken-3:hover {
  background-color: #006a6c !important;
}

.border-primary.border-darken-3 {
  border: 1px solid #006a6c !important;
}

.border-top-primary.border-top-darken-3 {
  border-top: 1px solid #006a6c !important;
}

.border-bottom-primary.border-bottom-darken-3 {
  border-bottom: 1px solid #006a6c !important;
}

.border-left-primary.border-left-darken-3 {
  border-left: 1px solid #006a6c !important;
}

.border-right-primary.border-right-darken-3 {
  border-right: 1px solid #006a6c !important;
}

.overlay-primary.overlay-darken-3 {
  background: #006a6c;
  background: rgba(0, 106, 108, 0.8);
}

.bg-primary.bg-darken-4,
.btn-primary.btn-darken-4 {
  background-color: #005152 !important;
}

.primary.darken-4 {
  color: #005152 !important;
}

.btn-primary.btn-darken-4 {
  border-color: #008385 !important;
}

.btn-primary.btn-darken-4:hover {
  border-color: #008385 !important;
  background-color: #006a6c !important;
}

.btn-primary.btn-darken-4:active,
.btn-primary.btn-darken-4:focus {
  border-color: #006a6c !important;
  background-color: #005152 !important;
}

.btn-outline-primary.btn-outline-darken-4 {
  border-color: #005152 !important;
  color: #005152 !important;
}

.btn-outline-primary.btn-outline-darken-4:hover {
  background-color: #005152 !important;
}

.border-primary.border-darken-4 {
  border: 1px solid #005152 !important;
}

.border-top-primary.border-top-darken-4 {
  border-top: 1px solid #005152 !important;
}

.border-bottom-primary.border-bottom-darken-4 {
  border-bottom: 1px solid #005152 !important;
}

.border-left-primary.border-left-darken-4 {
  border-left: 1px solid #005152 !important;
}

.border-right-primary.border-right-darken-4 {
  border-right: 1px solid #005152 !important;
}

.overlay-primary.overlay-darken-4 {
  background: #005152;
  background: rgba(0, 81, 82, 0.8);
}

.bg-primary.bg-accent-1,
.btn-primary.btn-accent-1 {
  background-color: #bdfdff !important;
}

.primary.accent-1 {
  color: #bdfdff !important;
}

.btn-primary.btn-accent-1 {
  border-color: #008385 !important;
}

.btn-primary.btn-accent-1:hover {
  border-color: #008385 !important;
  background-color: #006a6c !important;
}

.btn-primary.btn-accent-1:active,
.btn-primary.btn-accent-1:focus {
  border-color: #006a6c !important;
  background-color: #005152 !important;
}

.btn-outline-primary.btn-outline-accent-1 {
  border-color: #bdfdff !important;
  color: #bdfdff !important;
}

.btn-outline-primary.btn-outline-accent-1:hover {
  background-color: #bdfdff !important;
}

.border-primary.border-accent-1 {
  border: 1px solid #bdfdff !important;
}

.border-top-primary.border-top-accent-1 {
  border-top: 1px solid #bdfdff !important;
}

.border-bottom-primary.border-bottom-accent-1 {
  border-bottom: 1px solid #bdfdff !important;
}

.border-left-primary.border-left-accent-1 {
  border-left: 1px solid #bdfdff !important;
}

.border-right-primary.border-right-accent-1 {
  border-right: 1px solid #bdfdff !important;
}

.overlay-primary.overlay-accent-1 {
  background: #bdfdff;
  background: rgba(189, 253, 255, 0.8);
}

.bg-primary.bg-accent-2,
.btn-primary.btn-accent-2 {
  background-color: #8afbff !important;
}

.primary.accent-2 {
  color: #8afbff !important;
}

.btn-primary.btn-accent-2 {
  border-color: #008385 !important;
}

.btn-primary.btn-accent-2:hover {
  border-color: #008385 !important;
  background-color: #006a6c !important;
}

.btn-primary.btn-accent-2:active,
.btn-primary.btn-accent-2:focus {
  border-color: #006a6c !important;
  background-color: #005152 !important;
}

.btn-outline-primary.btn-outline-accent-2 {
  border-color: #8afbff !important;
  color: #8afbff !important;
}

.btn-outline-primary.btn-outline-accent-2:hover {
  background-color: #8afbff !important;
}

.border-primary.border-accent-2 {
  border: 1px solid #8afbff !important;
}

.border-top-primary.border-top-accent-2 {
  border-top: 1px solid #8afbff !important;
}

.border-bottom-primary.border-bottom-accent-2 {
  border-bottom: 1px solid #8afbff !important;
}

.border-left-primary.border-left-accent-2 {
  border-left: 1px solid #8afbff !important;
}

.border-right-primary.border-right-accent-2 {
  border-right: 1px solid #8afbff !important;
}

.overlay-primary.overlay-accent-2 {
  background: #8afbff;
  background: rgba(138, 251, 255, 0.8);
}

.bg-primary.bg-accent-3,
.btn-primary.btn-accent-3 {
  background-color: #57faff !important;
}

.primary.accent-3 {
  color: #57faff !important;
}

.btn-primary.btn-accent-3 {
  border-color: #008385 !important;
}

.btn-primary.btn-accent-3:hover {
  border-color: #008385 !important;
  background-color: #006a6c !important;
}

.btn-primary.btn-accent-3:active,
.btn-primary.btn-accent-3:focus {
  border-color: #006a6c !important;
  background-color: #005152 !important;
}

.btn-outline-primary.btn-outline-accent-3 {
  border-color: #57faff !important;
  color: #57faff !important;
}

.btn-outline-primary.btn-outline-accent-3:hover {
  background-color: #57faff !important;
}

.border-primary.border-accent-3 {
  border: 1px solid #57faff !important;
}

.border-top-primary.border-top-accent-3 {
  border-top: 1px solid #57faff !important;
}

.border-bottom-primary.border-bottom-accent-3 {
  border-bottom: 1px solid #57faff !important;
}

.border-left-primary.border-left-accent-3 {
  border-left: 1px solid #57faff !important;
}

.border-right-primary.border-right-accent-3 {
  border-right: 1px solid #57faff !important;
}

.overlay-primary.overlay-accent-3 {
  background: #57faff;
  background: rgba(87, 250, 255, 0.8);
}

.bg-primary.bg-accent-4,
.btn-primary.btn-accent-4 {
  background-color: #3df9ff !important;
}

.primary.accent-4 {
  color: #3df9ff !important;
}

.btn-primary.btn-accent-4 {
  border-color: #008385 !important;
}

.btn-primary.btn-accent-4:hover {
  border-color: #008385 !important;
  background-color: #006a6c !important;
}

.btn-primary.btn-accent-4:active,
.btn-primary.btn-accent-4:focus {
  border-color: #006a6c !important;
  background-color: #005152 !important;
}

.btn-outline-primary.btn-outline-accent-4 {
  border-color: #3df9ff !important;
  color: #3df9ff !important;
}

.btn-outline-primary.btn-outline-accent-4:hover {
  background-color: #3df9ff !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #3df9ff !important;
}

.border-primary.border-accent-4 {
  border: 1px solid #3df9ff !important;
}

.border-top-primary.border-top-accent-4 {
  border-top: 1px solid #3df9ff !important;
}

.border-bottom-primary.border-bottom-accent-4 {
  border-bottom: 1px solid #3df9ff !important;
}

.border-left-primary.border-left-accent-4 {
  border-left: 1px solid #3df9ff !important;
}

.border-right-primary.border-right-accent-4 {
  border-right: 1px solid #3df9ff !important;
}

.overlay-primary.overlay-accent-4 {
  background: #3df9ff;
  background: rgba(61, 249, 255, 0.8);
}

.edit-kanban-item select option.bg-color_name,
.kanban-container .kanban-board .kanban-item[data-border='primary']:before {
  background-color: #3df9ff;
}

.bg-secondary.bg-lighten-5,
.btn-secondary.btn-lighten-5 {
  background-color: #7a8cac !important;
}

.secondary.lighten-5 {
  color: #7a8cac !important;
}

.btn-secondary.btn-lighten-5 {
  border-color: #2c3648 !important;
}

.btn-secondary.btn-lighten-5:hover {
  border-color: #2c3648 !important;
  background-color: #232a38 !important;
}

.btn-secondary.btn-lighten-5:active,
.btn-secondary.btn-lighten-5:focus {
  border-color: #232a38 !important;
  background-color: #191e28 !important;
}

.btn-outline-secondary.btn-outline-lighten-5 {
  border-color: #7a8cac !important;
  color: #7a8cac !important;
}

.btn-outline-secondary.btn-outline-lighten-5:hover {
  background-color: #7a8cac !important;
}

.border-secondary.border-lighten-5 {
  border: 1px solid #7a8cac !important;
}

.border-top-secondary.border-top-lighten-5 {
  border-top: 1px solid #7a8cac !important;
}

.border-bottom-secondary.border-bottom-lighten-5 {
  border-bottom: 1px solid #7a8cac !important;
}

.border-left-secondary.border-left-lighten-5 {
  border-left: 1px solid #7a8cac !important;
}

.border-right-secondary.border-right-lighten-5 {
  border-right: 1px solid #7a8cac !important;
}

.overlay-secondary.overlay-lighten-5 {
  background: #7a8cac;
  background: rgba(122, 140, 172, 0.8);
}

.bg-secondary.bg-lighten-4,
.btn-secondary.btn-lighten-4 {
  background-color: #6a7fa3 !important;
}

.secondary.lighten-4 {
  color: #6a7fa3 !important;
}

.btn-secondary.btn-lighten-4 {
  border-color: #2c3648 !important;
}

.btn-secondary.btn-lighten-4:hover {
  border-color: #2c3648 !important;
  background-color: #232a38 !important;
}

.btn-secondary.btn-lighten-4:active,
.btn-secondary.btn-lighten-4:focus {
  border-color: #232a38 !important;
  background-color: #191e28 !important;
}

.btn-outline-secondary.btn-outline-lighten-4 {
  border-color: #6a7fa3 !important;
  color: #6a7fa3 !important;
}

.btn-outline-secondary.btn-outline-lighten-4:hover {
  background-color: #6a7fa3 !important;
}

.border-secondary.border-lighten-4 {
  border: 1px solid #6a7fa3 !important;
}

.border-top-secondary.border-top-lighten-4 {
  border-top: 1px solid #6a7fa3 !important;
}

.border-bottom-secondary.border-bottom-lighten-4 {
  border-bottom: 1px solid #6a7fa3 !important;
}

.border-left-secondary.border-left-lighten-4 {
  border-left: 1px solid #6a7fa3 !important;
}

.border-right-secondary.border-right-lighten-4 {
  border-right: 1px solid #6a7fa3 !important;
}

.overlay-secondary.overlay-lighten-4 {
  background: #6a7fa3;
  background: rgba(106, 127, 163, 0.8);
}

.bg-secondary.bg-lighten-3,
.btn-secondary.btn-lighten-3 {
  background-color: #5d7296 !important;
}

.secondary.lighten-3 {
  color: #5d7296 !important;
}

.btn-secondary.btn-lighten-3 {
  border-color: #2c3648 !important;
}

.btn-secondary.btn-lighten-3:hover {
  border-color: #2c3648 !important;
  background-color: #232a38 !important;
}

.btn-secondary.btn-lighten-3:active,
.btn-secondary.btn-lighten-3:focus {
  border-color: #232a38 !important;
  background-color: #191e28 !important;
}

.btn-outline-secondary.btn-outline-lighten-3 {
  border-color: #5d7296 !important;
  color: #5d7296 !important;
}

.btn-outline-secondary.btn-outline-lighten-3:hover {
  background-color: #5d7296 !important;
}

.border-secondary.border-lighten-3 {
  border: 1px solid #5d7296 !important;
}

.border-top-secondary.border-top-lighten-3 {
  border-top: 1px solid #5d7296 !important;
}

.border-bottom-secondary.border-bottom-lighten-3 {
  border-bottom: 1px solid #5d7296 !important;
}

.border-left-secondary.border-left-lighten-3 {
  border-left: 1px solid #5d7296 !important;
}

.border-right-secondary.border-right-lighten-3 {
  border-right: 1px solid #5d7296 !important;
}

.overlay-secondary.overlay-lighten-3 {
  background: #5d7296;
  background: rgba(93, 114, 150, 0.8);
}

.bg-secondary.bg-lighten-2,
.btn-secondary.btn-lighten-2 {
  background-color: #546686 !important;
}

.secondary.lighten-2 {
  color: #546686 !important;
}

.btn-secondary.btn-lighten-2 {
  border-color: #2c3648 !important;
}

.btn-secondary.btn-lighten-2:hover {
  border-color: #2c3648 !important;
  background-color: #232a38 !important;
}

.btn-secondary.btn-lighten-2:active,
.btn-secondary.btn-lighten-2:focus {
  border-color: #232a38 !important;
  background-color: #191e28 !important;
}

.btn-outline-secondary.btn-outline-lighten-2 {
  border-color: #546686 !important;
  color: #546686 !important;
}

.btn-outline-secondary.btn-outline-lighten-2:hover {
  background-color: #546686 !important;
}

.border-secondary.border-lighten-2 {
  border: 1px solid #546686 !important;
}

.border-top-secondary.border-top-lighten-2 {
  border-top: 1px solid #546686 !important;
}

.border-bottom-secondary.border-bottom-lighten-2 {
  border-bottom: 1px solid #546686 !important;
}

.border-left-secondary.border-left-lighten-2 {
  border-left: 1px solid #546686 !important;
}

.border-right-secondary.border-right-lighten-2 {
  border-right: 1px solid #546686 !important;
}

.overlay-secondary.overlay-lighten-2 {
  background: #546686;
  background: rgba(84, 102, 134, 0.8);
}

.bg-secondary.bg-lighten-1,
.btn-secondary.btn-lighten-1 {
  background-color: #4a5a77 !important;
}

.secondary.lighten-1 {
  color: #4a5a77 !important;
}

.btn-secondary.btn-lighten-1 {
  border-color: #2c3648 !important;
}

.btn-secondary.btn-lighten-1:hover {
  border-color: #2c3648 !important;
  background-color: #232a38 !important;
}

.btn-secondary.btn-lighten-1:active,
.btn-secondary.btn-lighten-1:focus {
  border-color: #232a38 !important;
  background-color: #191e28 !important;
}

.btn-outline-secondary.btn-outline-lighten-1 {
  border-color: #4a5a77 !important;
  color: #4a5a77 !important;
}

.btn-outline-secondary.btn-outline-lighten-1:hover {
  background-color: #4a5a77 !important;
}

.border-secondary.border-lighten-1 {
  border: 1px solid #4a5a77 !important;
}

.border-top-secondary.border-top-lighten-1 {
  border-top: 1px solid #4a5a77 !important;
}

.border-bottom-secondary.border-bottom-lighten-1 {
  border-bottom: 1px solid #4a5a77 !important;
}

.border-left-secondary.border-left-lighten-1 {
  border-left: 1px solid #4a5a77 !important;
}

.border-right-secondary.border-right-lighten-1 {
  border-right: 1px solid #4a5a77 !important;
}

.overlay-secondary.overlay-lighten-1 {
  background: #4a5a77;
  background: rgba(74, 90, 119, 0.8);
}

.secondary {
  color: #404e67 !important;
}

.alert-secondary,
.alert-secondary .alert-link {
  color: #000 !important;
}

.bg-secondary {
  background-color: #404e67 !important;
}

.bg-secondary .card-footer,
.bg-secondary .card-header {
  background-color: transparent;
}

.alert-secondary {
  border-color: #5b6f93 !important;
  background-color: #5b6f93 !important;
}

.bullet.bullet-secondary {
  background-color: #404e67;
}

.bg-light-secondary {
  background-color: rgba(64, 78, 103, 0.15);
}

.bg-secondary.badge-glow,
.border-secondary.badge-glow {
  box-shadow: 0 0 10px #404e67;
}

.overlay-secondary {
  background: #404e67;
  background: rgba(64, 78, 103, 0.8);
}

.btn-secondary {
  background-color: #404e67 !important;
  color: #fff;
}

.btn-secondary:hover {
  border-color: #364257 !important;
  background-color: #4a5a77 !important;
  color: #fff !important;
}

.btn-secondary:active,
.btn-secondary:focus {
  border-color: #2c3648 !important;
  background-color: #232a38 !important;
  color: #fff !important;
}

.btn-outline-secondary {
  border-color: #404e67;
  background-color: transparent;
  color: #404e67;
}

.btn-outline-secondary:hover {
  background-color: #404e67;
  color: #fff !important;
}

.widget-timeline .timeline-items.timeline-icon-secondary:before {
  background-color: #404e67;
}

input[type='checkbox'].bg-secondary + .custom-control-label:before,
input[type='radio'].bg-secondary + .custom-control-label:before {
  background-color: #404e67 !important;
}

.bg-secondary.bg-darken-1,
.btn-secondary.btn-darken-1 {
  background-color: #364257 !important;
}

.border-secondary {
  border: 1px solid #404e67 !important;
}

.border-top-secondary {
  border-top: 1px solid #404e67;
}

.border-bottom-secondary {
  border-bottom: 1px solid #404e67;
}

.border-left-secondary {
  border-left: 1px solid #404e67;
}

.border-right-secondary {
  border-right: 1px solid #404e67;
}

.secondary.darken-1 {
  color: #364257 !important;
}

.btn-secondary.btn-darken-1 {
  border-color: #2c3648 !important;
}

.btn-secondary.btn-darken-1:hover {
  border-color: #2c3648 !important;
  background-color: #232a38 !important;
}

.btn-secondary.btn-darken-1:active,
.btn-secondary.btn-darken-1:focus {
  border-color: #232a38 !important;
  background-color: #191e28 !important;
}

.btn-outline-secondary.btn-outline-darken-1 {
  border-color: #364257 !important;
  color: #364257 !important;
}

.btn-outline-secondary.btn-outline-darken-1:hover {
  background-color: #364257 !important;
}

.border-secondary.border-darken-1 {
  border: 1px solid #364257 !important;
}

.border-top-secondary.border-top-darken-1 {
  border-top: 1px solid #364257 !important;
}

.border-bottom-secondary.border-bottom-darken-1 {
  border-bottom: 1px solid #364257 !important;
}

.border-left-secondary.border-left-darken-1 {
  border-left: 1px solid #364257 !important;
}

.border-right-secondary.border-right-darken-1 {
  border-right: 1px solid #364257 !important;
}

.overlay-secondary.overlay-darken-1 {
  background: #364257;
  background: rgba(54, 66, 87, 0.8);
}

.bg-secondary.bg-darken-2,
.btn-secondary.btn-darken-2 {
  background-color: #2c3648 !important;
}

.secondary.darken-2 {
  color: #2c3648 !important;
}

.btn-secondary.btn-darken-2 {
  border-color: #2c3648 !important;
}

.btn-secondary.btn-darken-2:hover {
  border-color: #2c3648 !important;
  background-color: #232a38 !important;
}

.btn-secondary.btn-darken-2:active,
.btn-secondary.btn-darken-2:focus {
  border-color: #232a38 !important;
  background-color: #191e28 !important;
}

.btn-outline-secondary.btn-outline-darken-2 {
  border-color: #2c3648 !important;
  color: #2c3648 !important;
}

.btn-outline-secondary.btn-outline-darken-2:hover {
  background-color: #2c3648 !important;
}

.border-secondary.border-darken-2 {
  border: 1px solid #2c3648 !important;
}

.border-top-secondary.border-top-darken-2 {
  border-top: 1px solid #2c3648 !important;
}

.border-bottom-secondary.border-bottom-darken-2 {
  border-bottom: 1px solid #2c3648 !important;
}

.border-left-secondary.border-left-darken-2 {
  border-left: 1px solid #2c3648 !important;
}

.border-right-secondary.border-right-darken-2 {
  border-right: 1px solid #2c3648 !important;
}

.overlay-secondary.overlay-darken-2 {
  background: #2c3648;
  background: rgba(44, 54, 72, 0.8);
}

.secondary.darken-3 {
  color: #232a38 !important;
}

.bg-secondary.bg-darken-3 {
  background-color: #232a38 !important;
}

.btn-secondary.btn-darken-3,
.btn-secondary.btn-darken-3:hover {
  border-color: #2c3648 !important;
  background-color: #232a38 !important;
}

.btn-secondary.btn-darken-3:active,
.btn-secondary.btn-darken-3:focus {
  border-color: #232a38 !important;
  background-color: #191e28 !important;
}

.btn-outline-secondary.btn-outline-darken-3 {
  border-color: #232a38 !important;
  color: #232a38 !important;
}

.btn-outline-secondary.btn-outline-darken-3:hover {
  background-color: #232a38 !important;
}

.border-secondary.border-darken-3 {
  border: 1px solid #232a38 !important;
}

.border-top-secondary.border-top-darken-3 {
  border-top: 1px solid #232a38 !important;
}

.border-bottom-secondary.border-bottom-darken-3 {
  border-bottom: 1px solid #232a38 !important;
}

.border-left-secondary.border-left-darken-3 {
  border-left: 1px solid #232a38 !important;
}

.border-right-secondary.border-right-darken-3 {
  border-right: 1px solid #232a38 !important;
}

.overlay-secondary.overlay-darken-3 {
  background: #232a38;
  background: rgba(35, 42, 56, 0.8);
}

.bg-secondary.bg-darken-4,
.btn-secondary.btn-darken-4 {
  background-color: #191e28 !important;
}

.secondary.darken-4 {
  color: #191e28 !important;
}

.btn-secondary.btn-darken-4 {
  border-color: #2c3648 !important;
}

.btn-secondary.btn-darken-4:hover {
  border-color: #2c3648 !important;
  background-color: #232a38 !important;
}

.btn-secondary.btn-darken-4:active,
.btn-secondary.btn-darken-4:focus {
  border-color: #232a38 !important;
  background-color: #191e28 !important;
}

.btn-outline-secondary.btn-outline-darken-4 {
  border-color: #191e28 !important;
  color: #191e28 !important;
}

.btn-outline-secondary.btn-outline-darken-4:hover {
  background-color: #191e28 !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #191e28 !important;
}

.border-secondary.border-darken-4 {
  border: 1px solid #191e28 !important;
}

.border-top-secondary.border-top-darken-4 {
  border-top: 1px solid #191e28 !important;
}

.border-bottom-secondary.border-bottom-darken-4 {
  border-bottom: 1px solid #191e28 !important;
}

.border-left-secondary.border-left-darken-4 {
  border-left: 1px solid #191e28 !important;
}

.border-right-secondary.border-right-darken-4 {
  border-right: 1px solid #191e28 !important;
}

.overlay-secondary.overlay-darken-4 {
  background: #191e28;
  background: rgba(25, 30, 40, 0.8);
}

.edit-kanban-item select option.bg-color_name,
.kanban-container .kanban-board .kanban-item[data-border='secondary']:before {
  background-color: #191e28;
}

.bg-success.bg-lighten-5,
.btn-success.btn-lighten-5 {
  background-color: #78f1cc !important;
}

.success.lighten-5 {
  color: #78f1cc !important;
}

.btn-success.btn-lighten-5 {
  border-color: #11a578 !important;
}

.btn-success.btn-lighten-5:hover {
  border-color: #11a578 !important;
  background-color: #0f8e67 !important;
}

.btn-success.btn-lighten-5:active,
.btn-success.btn-lighten-5:focus {
  border-color: #0f8e67 !important;
  background-color: #0c7757 !important;
}

.btn-outline-success.btn-outline-lighten-5 {
  border-color: #78f1cc !important;
  color: #78f1cc !important;
}

.btn-outline-success.btn-outline-lighten-5:hover {
  background-color: #78f1cc !important;
}

.border-success.border-lighten-5 {
  border: 1px solid #78f1cc !important;
}

.border-top-success.border-top-lighten-5 {
  border-top: 1px solid #78f1cc !important;
}

.border-bottom-success.border-bottom-lighten-5 {
  border-bottom: 1px solid #78f1cc !important;
}

.border-left-success.border-left-lighten-5 {
  border-left: 1px solid #78f1cc !important;
}

.border-right-success.border-right-lighten-5 {
  border-right: 1px solid #78f1cc !important;
}

.overlay-success.overlay-lighten-5 {
  background: #78f1cc;
  background: rgba(120, 241, 204, 0.8);
}

.bg-success.bg-lighten-4,
.btn-success.btn-lighten-4 {
  background-color: #61eec4 !important;
}

.success.lighten-4 {
  color: #61eec4 !important;
}

.btn-success.btn-lighten-4 {
  border-color: #11a578 !important;
}

.btn-success.btn-lighten-4:hover {
  border-color: #11a578 !important;
  background-color: #0f8e67 !important;
}

.btn-success.btn-lighten-4:active,
.btn-success.btn-lighten-4:focus {
  border-color: #0f8e67 !important;
  background-color: #0c7757 !important;
}

.btn-outline-success.btn-outline-lighten-4 {
  border-color: #61eec4 !important;
  color: #61eec4 !important;
}

.btn-outline-success.btn-outline-lighten-4:hover {
  background-color: #61eec4 !important;
}

.border-success.border-lighten-4 {
  border: 1px solid #61eec4 !important;
}

.border-top-success.border-top-lighten-4 {
  border-top: 1px solid #61eec4 !important;
}

.border-bottom-success.border-bottom-lighten-4 {
  border-bottom: 1px solid #61eec4 !important;
}

.border-left-success.border-left-lighten-4 {
  border-left: 1px solid #61eec4 !important;
}

.border-right-success.border-right-lighten-4 {
  border-right: 1px solid #61eec4 !important;
}

.overlay-success.overlay-lighten-4 {
  background: #61eec4;
  background: rgba(97, 238, 196, 0.8);
}

.bg-success.bg-lighten-3,
.btn-success.btn-lighten-3 {
  background-color: #49ecbb !important;
}

.success.lighten-3 {
  color: #49ecbb !important;
}

.btn-success.btn-lighten-3 {
  border-color: #11a578 !important;
}

.btn-success.btn-lighten-3:hover {
  border-color: #11a578 !important;
  background-color: #0f8e67 !important;
}

.btn-success.btn-lighten-3:active,
.btn-success.btn-lighten-3:focus {
  border-color: #0f8e67 !important;
  background-color: #0c7757 !important;
}

.btn-outline-success.btn-outline-lighten-3 {
  border-color: #49ecbb !important;
  color: #49ecbb !important;
}

.btn-outline-success.btn-outline-lighten-3:hover {
  background-color: #49ecbb !important;
}

.border-success.border-lighten-3 {
  border: 1px solid #49ecbb !important;
}

.border-top-success.border-top-lighten-3 {
  border-top: 1px solid #49ecbb !important;
}

.border-bottom-success.border-bottom-lighten-3 {
  border-bottom: 1px solid #49ecbb !important;
}

.border-left-success.border-left-lighten-3 {
  border-left: 1px solid #49ecbb !important;
}

.border-right-success.border-right-lighten-3 {
  border-right: 1px solid #49ecbb !important;
}

.overlay-success.overlay-lighten-3 {
  background: #49ecbb;
  background: rgba(73, 236, 187, 0.8);
}

.bg-success.bg-lighten-2,
.btn-success.btn-lighten-2 {
  background-color: #32eab2 !important;
}

.success.lighten-2 {
  color: #32eab2 !important;
}

.btn-success.btn-lighten-2 {
  border-color: #11a578 !important;
}

.btn-success.btn-lighten-2:hover {
  border-color: #11a578 !important;
  background-color: #0f8e67 !important;
}

.btn-success.btn-lighten-2:active,
.btn-success.btn-lighten-2:focus {
  border-color: #0f8e67 !important;
  background-color: #0c7757 !important;
}

.btn-outline-success.btn-outline-lighten-2 {
  border-color: #32eab2 !important;
  color: #32eab2 !important;
}

.btn-outline-success.btn-outline-lighten-2:hover {
  background-color: #32eab2 !important;
}

.border-success.border-lighten-2 {
  border: 1px solid #32eab2 !important;
}

.border-top-success.border-top-lighten-2 {
  border-top: 1px solid #32eab2 !important;
}

.border-bottom-success.border-bottom-lighten-2 {
  border-bottom: 1px solid #32eab2 !important;
}

.border-left-success.border-left-lighten-2 {
  border-left: 1px solid #32eab2 !important;
}

.border-right-success.border-right-lighten-2 {
  border-right: 1px solid #32eab2 !important;
}

.overlay-success.overlay-lighten-2 {
  background: #32eab2;
  background: rgba(50, 234, 178, 0.8);
}

.bg-success.bg-lighten-1,
.btn-success.btn-lighten-1 {
  background-color: #1be7aa !important;
}

.success.lighten-1 {
  color: #1be7aa !important;
}

.btn-success.btn-lighten-1 {
  border-color: #11a578 !important;
}

.btn-success.btn-lighten-1:hover {
  border-color: #11a578 !important;
  background-color: #0f8e67 !important;
}

.btn-success.btn-lighten-1:active,
.btn-success.btn-lighten-1:focus {
  border-color: #0f8e67 !important;
  background-color: #0c7757 !important;
}

.btn-outline-success.btn-outline-lighten-1 {
  border-color: #1be7aa !important;
  color: #1be7aa !important;
}

.btn-outline-success.btn-outline-lighten-1:hover {
  background-color: #1be7aa !important;
}

.border-success.border-lighten-1 {
  border: 1px solid #1be7aa !important;
}

.border-top-success.border-top-lighten-1 {
  border-top: 1px solid #1be7aa !important;
}

.border-bottom-success.border-bottom-lighten-1 {
  border-bottom: 1px solid #1be7aa !important;
}

.border-left-success.border-left-lighten-1 {
  border-left: 1px solid #1be7aa !important;
}

.border-right-success.border-right-lighten-1 {
  border-right: 1px solid #1be7aa !important;
}

.overlay-success.overlay-lighten-1 {
  background: #1be7aa;
  background: rgba(27, 231, 170, 0.8);
}

.success {
  color: #16d39a !important;
}

.bg-success {
  background-color: #16d39a !important;
}

.bg-success .card-footer,
.bg-success .card-header {
  background-color: transparent;
}

.alert-success {
  border-color: #45ecb9 !important;
  background-color: #45ecb9 !important;
  color: #053124 !important;
}

.alert-success .alert-link {
  color: #010c09 !important;
}

.bullet.bullet-success {
  background-color: #16d39a;
}

.bg-light-success {
  background-color: rgba(22, 211, 154, 0.15);
}

.bg-success.badge-glow,
.border-success.badge-glow {
  box-shadow: 0 0 10px #16d39a;
}

.overlay-success {
  background: #16d39a;
  background: rgba(22, 211, 154, 0.8);
}

.btn-success {
  background-color: #16d39a !important;
  color: #fff;
}

.btn-success:hover {
  border-color: #14bc89 !important;
  background-color: #1be7aa !important;
  color: #fff !important;
}

.btn-success:active,
.btn-success:focus {
  border-color: #11a578 !important;
  background-color: #0f8e67 !important;
  color: #fff !important;
}

.btn-outline-success {
  border-color: #16d39a;
  background-color: transparent;
  color: #16d39a;
}

.btn-outline-success:hover {
  background-color: #16d39a;
  color: #fff !important;
}

.widget-timeline .timeline-items.timeline-icon-success:before {
  background-color: #16d39a;
}

input[type='checkbox'].bg-success + .custom-control-label:before,
input[type='radio'].bg-success + .custom-control-label:before {
  background-color: #16d39a !important;
}

.bg-success.bg-darken-1,
.btn-success.btn-darken-1 {
  background-color: #14bc89 !important;
}

.border-success {
  border: 1px solid #16d39a !important;
}

.border-top-success {
  border-top: 1px solid #16d39a;
}

.border-bottom-success {
  border-bottom: 1px solid #16d39a;
}

.border-left-success {
  border-left: 1px solid #16d39a;
}

.border-right-success {
  border-right: 1px solid #16d39a;
}

.success.darken-1 {
  color: #14bc89 !important;
}

.btn-success.btn-darken-1 {
  border-color: #11a578 !important;
}

.btn-success.btn-darken-1:hover {
  border-color: #11a578 !important;
  background-color: #0f8e67 !important;
}

.btn-success.btn-darken-1:active,
.btn-success.btn-darken-1:focus {
  border-color: #0f8e67 !important;
  background-color: #0c7757 !important;
}

.btn-outline-success.btn-outline-darken-1 {
  border-color: #14bc89 !important;
  color: #14bc89 !important;
}

.btn-outline-success.btn-outline-darken-1:hover {
  background-color: #14bc89 !important;
}

.border-success.border-darken-1 {
  border: 1px solid #14bc89 !important;
}

.border-top-success.border-top-darken-1 {
  border-top: 1px solid #14bc89 !important;
}

.border-bottom-success.border-bottom-darken-1 {
  border-bottom: 1px solid #14bc89 !important;
}

.border-left-success.border-left-darken-1 {
  border-left: 1px solid #14bc89 !important;
}

.border-right-success.border-right-darken-1 {
  border-right: 1px solid #14bc89 !important;
}

.overlay-success.overlay-darken-1 {
  background: #14bc89;
  background: rgba(20, 188, 137, 0.8);
}

.bg-success.bg-darken-2,
.btn-success.btn-darken-2 {
  background-color: #11a578 !important;
}

.success.darken-2 {
  color: #11a578 !important;
}

.btn-success.btn-darken-2 {
  border-color: #11a578 !important;
}

.btn-success.btn-darken-2:hover {
  border-color: #11a578 !important;
  background-color: #0f8e67 !important;
}

.btn-success.btn-darken-2:active,
.btn-success.btn-darken-2:focus {
  border-color: #0f8e67 !important;
  background-color: #0c7757 !important;
}

.btn-outline-success.btn-outline-darken-2 {
  border-color: #11a578 !important;
  color: #11a578 !important;
}

.btn-outline-success.btn-outline-darken-2:hover {
  background-color: #11a578 !important;
}

.border-success.border-darken-2 {
  border: 1px solid #11a578 !important;
}

.border-top-success.border-top-darken-2 {
  border-top: 1px solid #11a578 !important;
}

.border-bottom-success.border-bottom-darken-2 {
  border-bottom: 1px solid #11a578 !important;
}

.border-left-success.border-left-darken-2 {
  border-left: 1px solid #11a578 !important;
}

.border-right-success.border-right-darken-2 {
  border-right: 1px solid #11a578 !important;
}

.overlay-success.overlay-darken-2 {
  background: #11a578;
  background: rgba(17, 165, 120, 0.8);
}

.success.darken-3 {
  color: #0f8e67 !important;
}

.bg-success.bg-darken-3 {
  background-color: #0f8e67 !important;
}

.btn-success.btn-darken-3,
.btn-success.btn-darken-3:hover {
  border-color: #11a578 !important;
  background-color: #0f8e67 !important;
}

.btn-success.btn-darken-3:active,
.btn-success.btn-darken-3:focus {
  border-color: #0f8e67 !important;
  background-color: #0c7757 !important;
}

.btn-outline-success.btn-outline-darken-3 {
  border-color: #0f8e67 !important;
  color: #0f8e67 !important;
}

.btn-outline-success.btn-outline-darken-3:hover {
  background-color: #0f8e67 !important;
}

.border-success.border-darken-3 {
  border: 1px solid #0f8e67 !important;
}

.border-top-success.border-top-darken-3 {
  border-top: 1px solid #0f8e67 !important;
}

.border-bottom-success.border-bottom-darken-3 {
  border-bottom: 1px solid #0f8e67 !important;
}

.border-left-success.border-left-darken-3 {
  border-left: 1px solid #0f8e67 !important;
}

.border-right-success.border-right-darken-3 {
  border-right: 1px solid #0f8e67 !important;
}

.overlay-success.overlay-darken-3 {
  background: #0f8e67;
  background: rgba(15, 142, 103, 0.8);
}

.bg-success.bg-darken-4,
.btn-success.btn-darken-4 {
  background-color: #0c7757 !important;
}

.success.darken-4 {
  color: #0c7757 !important;
}

.btn-success.btn-darken-4 {
  border-color: #11a578 !important;
}

.btn-success.btn-darken-4:hover {
  border-color: #11a578 !important;
  background-color: #0f8e67 !important;
}

.btn-success.btn-darken-4:active,
.btn-success.btn-darken-4:focus {
  border-color: #0f8e67 !important;
  background-color: #0c7757 !important;
}

.btn-outline-success.btn-outline-darken-4 {
  border-color: #0c7757 !important;
  color: #0c7757 !important;
}

.btn-outline-success.btn-outline-darken-4:hover {
  background-color: #0c7757 !important;
}

.border-success.border-darken-4 {
  border: 1px solid #0c7757 !important;
}

.border-top-success.border-top-darken-4 {
  border-top: 1px solid #0c7757 !important;
}

.border-bottom-success.border-bottom-darken-4 {
  border-bottom: 1px solid #0c7757 !important;
}

.border-left-success.border-left-darken-4 {
  border-left: 1px solid #0c7757 !important;
}

.border-right-success.border-right-darken-4 {
  border-right: 1px solid #0c7757 !important;
}

.overlay-success.overlay-darken-4 {
  background: #0c7757;
  background: rgba(12, 119, 87, 0.8);
}

.bg-success.bg-accent-1,
.btn-success.btn-accent-1 {
  background-color: #e1fff1 !important;
}

.success.accent-1 {
  color: #e1fff1 !important;
}

.btn-success.btn-accent-1 {
  border-color: #11a578 !important;
}

.btn-success.btn-accent-1:hover {
  border-color: #11a578 !important;
  background-color: #0f8e67 !important;
}

.btn-success.btn-accent-1:active,
.btn-success.btn-accent-1:focus {
  border-color: #0f8e67 !important;
  background-color: #0c7757 !important;
}

.btn-outline-success.btn-outline-accent-1 {
  border-color: #e1fff1 !important;
  color: #e1fff1 !important;
}

.btn-outline-success.btn-outline-accent-1:hover {
  background-color: #e1fff1 !important;
}

.border-success.border-accent-1 {
  border: 1px solid #e1fff1 !important;
}

.border-top-success.border-top-accent-1 {
  border-top: 1px solid #e1fff1 !important;
}

.border-bottom-success.border-bottom-accent-1 {
  border-bottom: 1px solid #e1fff1 !important;
}

.border-left-success.border-left-accent-1 {
  border-left: 1px solid #e1fff1 !important;
}

.border-right-success.border-right-accent-1 {
  border-right: 1px solid #e1fff1 !important;
}

.overlay-success.overlay-accent-1 {
  background: #e1fff1;
  background: rgba(225, 255, 241, 0.8);
}

.bg-success.bg-accent-2,
.btn-success.btn-accent-2 {
  background-color: #aeffd9 !important;
}

.success.accent-2 {
  color: #aeffd9 !important;
}

.btn-success.btn-accent-2 {
  border-color: #11a578 !important;
}

.btn-success.btn-accent-2:hover {
  border-color: #11a578 !important;
  background-color: #0f8e67 !important;
}

.btn-success.btn-accent-2:active,
.btn-success.btn-accent-2:focus {
  border-color: #0f8e67 !important;
  background-color: #0c7757 !important;
}

.btn-outline-success.btn-outline-accent-2 {
  border-color: #aeffd9 !important;
  color: #aeffd9 !important;
}

.btn-outline-success.btn-outline-accent-2:hover {
  background-color: #aeffd9 !important;
}

.border-success.border-accent-2 {
  border: 1px solid #aeffd9 !important;
}

.border-top-success.border-top-accent-2 {
  border-top: 1px solid #aeffd9 !important;
}

.border-bottom-success.border-bottom-accent-2 {
  border-bottom: 1px solid #aeffd9 !important;
}

.border-left-success.border-left-accent-2 {
  border-left: 1px solid #aeffd9 !important;
}

.border-right-success.border-right-accent-2 {
  border-right: 1px solid #aeffd9 !important;
}

.overlay-success.overlay-accent-2 {
  background: #aeffd9;
  background: rgba(174, 255, 217, 0.8);
}

.bg-success.bg-accent-3,
.btn-success.btn-accent-3 {
  background-color: #7bffc1 !important;
}

.success.accent-3 {
  color: #7bffc1 !important;
}

.btn-success.btn-accent-3 {
  border-color: #11a578 !important;
}

.btn-success.btn-accent-3:hover {
  border-color: #11a578 !important;
  background-color: #0f8e67 !important;
}

.btn-success.btn-accent-3:active,
.btn-success.btn-accent-3:focus {
  border-color: #0f8e67 !important;
  background-color: #0c7757 !important;
}

.btn-outline-success.btn-outline-accent-3 {
  border-color: #7bffc1 !important;
  color: #7bffc1 !important;
}

.btn-outline-success.btn-outline-accent-3:hover {
  background-color: #7bffc1 !important;
}

.border-success.border-accent-3 {
  border: 1px solid #7bffc1 !important;
}

.border-top-success.border-top-accent-3 {
  border-top: 1px solid #7bffc1 !important;
}

.border-bottom-success.border-bottom-accent-3 {
  border-bottom: 1px solid #7bffc1 !important;
}

.border-left-success.border-left-accent-3 {
  border-left: 1px solid #7bffc1 !important;
}

.border-right-success.border-right-accent-3 {
  border-right: 1px solid #7bffc1 !important;
}

.overlay-success.overlay-accent-3 {
  background: #7bffc1;
  background: rgba(123, 255, 193, 0.8);
}

.bg-success.bg-accent-4,
.btn-success.btn-accent-4 {
  background-color: #62ffb5 !important;
}

.success.accent-4 {
  color: #62ffb5 !important;
}

.btn-success.btn-accent-4 {
  border-color: #11a578 !important;
}

.btn-success.btn-accent-4:hover {
  border-color: #11a578 !important;
  background-color: #0f8e67 !important;
}

.btn-success.btn-accent-4:active,
.btn-success.btn-accent-4:focus {
  border-color: #0f8e67 !important;
  background-color: #0c7757 !important;
}

.btn-outline-success.btn-outline-accent-4 {
  border-color: #62ffb5 !important;
  color: #62ffb5 !important;
}

.btn-outline-success.btn-outline-accent-4:hover {
  background-color: #62ffb5 !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #62ffb5 !important;
}

.border-success.border-accent-4 {
  border: 1px solid #62ffb5 !important;
}

.border-top-success.border-top-accent-4 {
  border-top: 1px solid #62ffb5 !important;
}

.border-bottom-success.border-bottom-accent-4 {
  border-bottom: 1px solid #62ffb5 !important;
}

.border-left-success.border-left-accent-4 {
  border-left: 1px solid #62ffb5 !important;
}

.border-right-success.border-right-accent-4 {
  border-right: 1px solid #62ffb5 !important;
}

.btn-info.btn-lighten-5,
.btn-info.btn-lighten-5:hover {
  border-color: #1ab0c3 !important;
}

.overlay-success.overlay-accent-4 {
  background: #62ffb5;
  background: rgba(98, 255, 181, 0.8);
}

.edit-kanban-item select option.bg-color_name,
.kanban-container .kanban-board .kanban-item[data-border='success']:before {
  background-color: #62ffb5;
}

.bg-info.bg-lighten-5,
.btn-info.btn-lighten-5 {
  background-color: #9ee8f2 !important;
}

.info.lighten-5 {
  color: #9ee8f2 !important;
}

.btn-info.btn-lighten-5:hover {
  background-color: #179bad !important;
}

.btn-info.btn-lighten-5:active,
.btn-info.btn-lighten-5:focus {
  border-color: #179bad !important;
  background-color: #148796 !important;
}

.btn-outline-info.btn-outline-lighten-5 {
  border-color: #9ee8f2 !important;
  color: #9ee8f2 !important;
}

.btn-outline-info.btn-outline-lighten-5:hover {
  background-color: #9ee8f2 !important;
}

.border-info.border-lighten-5 {
  border: 1px solid #9ee8f2 !important;
}

.border-top-info.border-top-lighten-5 {
  border-top: 1px solid #9ee8f2 !important;
}

.border-bottom-info.border-bottom-lighten-5 {
  border-bottom: 1px solid #9ee8f2 !important;
}

.border-left-info.border-left-lighten-5 {
  border-left: 1px solid #9ee8f2 !important;
}

.border-right-info.border-right-lighten-5 {
  border-right: 1px solid #9ee8f2 !important;
}

.btn-info.btn-lighten-4,
.btn-info.btn-lighten-4:hover {
  border-color: #1ab0c3 !important;
}

.overlay-info.overlay-lighten-5 {
  background: #9ee8f2;
  background: rgba(158, 232, 242, 0.8);
}

.bg-info.bg-lighten-4,
.btn-info.btn-lighten-4 {
  background-color: #87e3ef !important;
}

.info.lighten-4 {
  color: #87e3ef !important;
}

.btn-info.btn-lighten-4:hover {
  background-color: #179bad !important;
}

.btn-info.btn-lighten-4:active,
.btn-info.btn-lighten-4:focus {
  border-color: #179bad !important;
  background-color: #148796 !important;
}

.btn-outline-info.btn-outline-lighten-4 {
  border-color: #87e3ef !important;
  color: #87e3ef !important;
}

.btn-outline-info.btn-outline-lighten-4:hover {
  background-color: #87e3ef !important;
}

.border-info.border-lighten-4 {
  border: 1px solid #87e3ef !important;
}

.border-top-info.border-top-lighten-4 {
  border-top: 1px solid #87e3ef !important;
}

.border-bottom-info.border-bottom-lighten-4 {
  border-bottom: 1px solid #87e3ef !important;
}

.border-left-info.border-left-lighten-4 {
  border-left: 1px solid #87e3ef !important;
}

.border-right-info.border-right-lighten-4 {
  border-right: 1px solid #87e3ef !important;
}

.btn-info.btn-lighten-3,
.btn-info.btn-lighten-3:hover {
  border-color: #1ab0c3 !important;
}

.overlay-info.overlay-lighten-4 {
  background: #87e3ef;
  background: rgba(135, 227, 239, 0.8);
}

.bg-info.bg-lighten-3,
.btn-info.btn-lighten-3 {
  background-color: #71deec !important;
}

.info.lighten-3 {
  color: #71deec !important;
}

.btn-info.btn-lighten-3:hover {
  background-color: #179bad !important;
}

.btn-info.btn-lighten-3:active,
.btn-info.btn-lighten-3:focus {
  border-color: #179bad !important;
  background-color: #148796 !important;
}

.btn-outline-info.btn-outline-lighten-3 {
  border-color: #71deec !important;
  color: #71deec !important;
}

.btn-outline-info.btn-outline-lighten-3:hover {
  background-color: #71deec !important;
}

.border-info.border-lighten-3 {
  border: 1px solid #71deec !important;
}

.border-top-info.border-top-lighten-3 {
  border-top: 1px solid #71deec !important;
}

.border-bottom-info.border-bottom-lighten-3 {
  border-bottom: 1px solid #71deec !important;
}

.border-left-info.border-left-lighten-3 {
  border-left: 1px solid #71deec !important;
}

.border-right-info.border-right-lighten-3 {
  border-right: 1px solid #71deec !important;
}

.btn-info.btn-lighten-2,
.btn-info.btn-lighten-2:hover {
  border-color: #1ab0c3 !important;
}

.overlay-info.overlay-lighten-3 {
  background: #71deec;
  background: rgba(113, 222, 236, 0.8);
}

.bg-info.bg-lighten-2,
.btn-info.btn-lighten-2 {
  background-color: #5ad9e9 !important;
}

.info.lighten-2 {
  color: #5ad9e9 !important;
}

.btn-info.btn-lighten-2:hover {
  background-color: #179bad !important;
}

.btn-info.btn-lighten-2:active,
.btn-info.btn-lighten-2:focus {
  border-color: #179bad !important;
  background-color: #148796 !important;
}

.btn-outline-info.btn-outline-lighten-2 {
  border-color: #5ad9e9 !important;
  color: #5ad9e9 !important;
}

.btn-outline-info.btn-outline-lighten-2:hover {
  background-color: #5ad9e9 !important;
}

.border-info.border-lighten-2 {
  border: 1px solid #5ad9e9 !important;
}

.border-top-info.border-top-lighten-2 {
  border-top: 1px solid #5ad9e9 !important;
}

.border-bottom-info.border-bottom-lighten-2 {
  border-bottom: 1px solid #5ad9e9 !important;
}

.border-left-info.border-left-lighten-2 {
  border-left: 1px solid #5ad9e9 !important;
}

.border-right-info.border-right-lighten-2 {
  border-right: 1px solid #5ad9e9 !important;
}

.btn-info.btn-lighten-1,
.btn-info.btn-lighten-1:hover {
  border-color: #1ab0c3 !important;
}

.overlay-info.overlay-lighten-2 {
  background: #5ad9e9;
  background: rgba(90, 217, 233, 0.8);
}

.bg-info.bg-lighten-1,
.btn-info.btn-lighten-1 {
  background-color: #44d3e6 !important;
}

.info.lighten-1 {
  color: #44d3e6 !important;
}

.btn-info.btn-lighten-1:hover {
  background-color: #179bad !important;
}

.btn-info.btn-lighten-1:active,
.btn-info.btn-lighten-1:focus {
  border-color: #179bad !important;
  background-color: #148796 !important;
}

.btn-outline-info.btn-outline-lighten-1 {
  border-color: #44d3e6 !important;
  color: #44d3e6 !important;
}

.btn-outline-info.btn-outline-lighten-1:hover {
  background-color: #44d3e6 !important;
}

.border-info.border-lighten-1 {
  border: 1px solid #44d3e6 !important;
}

.border-top-info.border-top-lighten-1 {
  border-top: 1px solid #44d3e6 !important;
}

.border-bottom-info.border-bottom-lighten-1 {
  border-bottom: 1px solid #44d3e6 !important;
}

.border-left-info.border-left-lighten-1 {
  border-left: 1px solid #44d3e6 !important;
}

.border-right-info.border-right-lighten-1 {
  border-right: 1px solid #44d3e6 !important;
}

.overlay-info.overlay-lighten-1 {
  background: #44d3e6;
  background: rgba(68, 211, 230, 0.8);
}

.info {
  color: #2dcee3 !important;
}

.bg-info {
  background-color: #2dcee3 !important;
}

.bg-info .card-footer,
.bg-info .card-header {
  background-color: transparent;
}

.alert-info {
  border-color: #6cddeb !important;
  background-color: #6cddeb !important;
  color: #0b4a53 !important;
}

.alert-info .alert-link {
  color: #062a2f !important;
}

.bullet.bullet-info {
  background-color: #2dcee3;
}

.bg-light-info {
  background-color: rgba(45, 206, 227, 0.15);
}

.bg-info.badge-glow,
.border-info.badge-glow {
  box-shadow: 0 0 10px #2dcee3;
}

.overlay-info {
  background: #2dcee3;
  background: rgba(45, 206, 227, 0.8);
}

.btn-info {
  background-color: #2dcee3 !important;
  color: #fff;
}

.btn-info:hover {
  border-color: #1dc4da !important;
  background-color: #44d3e6 !important;
  color: #fff !important;
}

.btn-info:active,
.btn-info:focus {
  border-color: #1ab0c3 !important;
  background-color: #179bad !important;
  color: #fff !important;
}

.btn-outline-info {
  border-color: #2dcee3;
  background-color: transparent;
  color: #2dcee3;
}

.btn-outline-info:hover,
.widget-timeline .timeline-items.timeline-icon-info:before {
  background-color: #2dcee3;
}

.btn-outline-info:hover {
  color: #fff !important;
}

input[type='checkbox'].bg-info + .custom-control-label:before,
input[type='radio'].bg-info + .custom-control-label:before {
  background-color: #2dcee3 !important;
}

.bg-info.bg-darken-1,
.btn-info.btn-darken-1 {
  background-color: #1dc4da !important;
}

.border-info {
  border: 1px solid #2dcee3 !important;
}

.border-top-info {
  border-top: 1px solid #2dcee3;
}

.border-bottom-info {
  border-bottom: 1px solid #2dcee3;
}

.border-left-info {
  border-left: 1px solid #2dcee3;
}

.border-right-info {
  border-right: 1px solid #2dcee3;
}

.info.darken-1 {
  color: #1dc4da !important;
}

.btn-info.btn-darken-1 {
  border-color: #1ab0c3 !important;
}

.btn-info.btn-darken-1:hover {
  border-color: #1ab0c3 !important;
  background-color: #179bad !important;
}

.btn-info.btn-darken-1:active,
.btn-info.btn-darken-1:focus {
  border-color: #179bad !important;
  background-color: #148796 !important;
}

.btn-outline-info.btn-outline-darken-1 {
  border-color: #1dc4da !important;
  color: #1dc4da !important;
}

.btn-outline-info.btn-outline-darken-1:hover {
  background-color: #1dc4da !important;
}

.border-info.border-darken-1 {
  border: 1px solid #1dc4da !important;
}

.border-top-info.border-top-darken-1 {
  border-top: 1px solid #1dc4da !important;
}

.border-bottom-info.border-bottom-darken-1 {
  border-bottom: 1px solid #1dc4da !important;
}

.border-left-info.border-left-darken-1 {
  border-left: 1px solid #1dc4da !important;
}

.border-right-info.border-right-darken-1 {
  border-right: 1px solid #1dc4da !important;
}

.btn-info.btn-darken-2,
.btn-info.btn-darken-2:hover {
  border-color: #1ab0c3 !important;
}

.overlay-info.overlay-darken-1 {
  background: #1dc4da;
  background: rgba(29, 196, 218, 0.8);
}

.bg-info.bg-darken-2,
.btn-info.btn-darken-2 {
  background-color: #1ab0c3 !important;
}

.info.darken-2 {
  color: #1ab0c3 !important;
}

.btn-info.btn-darken-2:hover {
  background-color: #179bad !important;
}

.btn-info.btn-darken-2:active,
.btn-info.btn-darken-2:focus {
  border-color: #179bad !important;
  background-color: #148796 !important;
}

.btn-outline-info.btn-outline-darken-2 {
  border-color: #1ab0c3 !important;
  color: #1ab0c3 !important;
}

.btn-outline-info.btn-outline-darken-2:hover {
  background-color: #1ab0c3 !important;
}

.border-info.border-darken-2 {
  border: 1px solid #1ab0c3 !important;
}

.border-top-info.border-top-darken-2 {
  border-top: 1px solid #1ab0c3 !important;
}

.border-bottom-info.border-bottom-darken-2 {
  border-bottom: 1px solid #1ab0c3 !important;
}

.border-left-info.border-left-darken-2 {
  border-left: 1px solid #1ab0c3 !important;
}

.border-right-info.border-right-darken-2 {
  border-right: 1px solid #1ab0c3 !important;
}

.overlay-info.overlay-darken-2 {
  background: #1ab0c3;
  background: rgba(26, 176, 195, 0.8);
}

.info.darken-3 {
  color: #179bad !important;
}

.bg-info.bg-darken-3 {
  background-color: #179bad !important;
}

.btn-info.btn-darken-3,
.btn-info.btn-darken-3:hover {
  border-color: #1ab0c3 !important;
  background-color: #179bad !important;
}

.btn-info.btn-darken-3:active,
.btn-info.btn-darken-3:focus {
  border-color: #179bad !important;
  background-color: #148796 !important;
}

.btn-outline-info.btn-outline-darken-3 {
  border-color: #179bad !important;
  color: #179bad !important;
}

.btn-outline-info.btn-outline-darken-3:hover {
  background-color: #179bad !important;
}

.border-info.border-darken-3 {
  border: 1px solid #179bad !important;
}

.border-top-info.border-top-darken-3 {
  border-top: 1px solid #179bad !important;
}

.border-bottom-info.border-bottom-darken-3 {
  border-bottom: 1px solid #179bad !important;
}

.border-left-info.border-left-darken-3 {
  border-left: 1px solid #179bad !important;
}

.border-right-info.border-right-darken-3 {
  border-right: 1px solid #179bad !important;
}

.btn-info.btn-darken-4,
.btn-info.btn-darken-4:hover {
  border-color: #1ab0c3 !important;
}

.overlay-info.overlay-darken-3 {
  background: #179bad;
  background: rgba(23, 155, 173, 0.8);
}

.bg-info.bg-darken-4,
.btn-info.btn-darken-4 {
  background-color: #148796 !important;
}

.info.darken-4 {
  color: #148796 !important;
}

.btn-info.btn-darken-4:hover {
  background-color: #179bad !important;
}

.btn-info.btn-darken-4:active,
.btn-info.btn-darken-4:focus {
  border-color: #179bad !important;
  background-color: #148796 !important;
}

.btn-outline-info.btn-outline-darken-4 {
  border-color: #148796 !important;
  color: #148796 !important;
}

.btn-outline-info.btn-outline-darken-4:hover {
  background-color: #148796 !important;
}

.border-info.border-darken-4 {
  border: 1px solid #148796 !important;
}

.border-top-info.border-top-darken-4 {
  border-top: 1px solid #148796 !important;
}

.border-bottom-info.border-bottom-darken-4 {
  border-bottom: 1px solid #148796 !important;
}

.border-left-info.border-left-darken-4 {
  border-left: 1px solid #148796 !important;
}

.border-right-info.border-right-darken-4 {
  border-right: 1px solid #148796 !important;
}

.btn-info.btn-accent-1,
.btn-info.btn-accent-1:hover {
  border-color: #1ab0c3 !important;
}

.overlay-info.overlay-darken-4 {
  background: #148796;
  background: rgba(20, 135, 150, 0.8);
}

.bg-info.bg-accent-1,
.btn-info.btn-accent-1 {
  background-color: #feffff !important;
}

.info.accent-1 {
  color: #feffff !important;
}

.btn-info.btn-accent-1:hover {
  background-color: #179bad !important;
}

.btn-info.btn-accent-1:active,
.btn-info.btn-accent-1:focus {
  border-color: #179bad !important;
  background-color: #148796 !important;
}

.btn-outline-info.btn-outline-accent-1 {
  border-color: #feffff !important;
  color: #feffff !important;
}

.btn-outline-info.btn-outline-accent-1:hover {
  background-color: #feffff !important;
}

.border-info.border-accent-1 {
  border: 1px solid #feffff !important;
}

.border-top-info.border-top-accent-1 {
  border-top: 1px solid #feffff !important;
}

.border-bottom-info.border-bottom-accent-1 {
  border-bottom: 1px solid #feffff !important;
}

.border-left-info.border-left-accent-1 {
  border-left: 1px solid #feffff !important;
}

.border-right-info.border-right-accent-1 {
  border-right: 1px solid #feffff !important;
}

.btn-info.btn-accent-2,
.btn-info.btn-accent-2:hover {
  border-color: #1ab0c3 !important;
}

.overlay-info.overlay-accent-1 {
  background: #feffff;
  background: rgba(254, 255, 255, 0.8);
}

.bg-info.bg-accent-2,
.btn-info.btn-accent-2 {
  background-color: #cbf5ff !important;
}

.info.accent-2 {
  color: #cbf5ff !important;
}

.btn-info.btn-accent-2:hover {
  background-color: #179bad !important;
}

.btn-info.btn-accent-2:active,
.btn-info.btn-accent-2:focus {
  border-color: #179bad !important;
  background-color: #148796 !important;
}

.btn-outline-info.btn-outline-accent-2 {
  border-color: #cbf5ff !important;
  color: #cbf5ff !important;
}

.btn-outline-info.btn-outline-accent-2:hover {
  background-color: #cbf5ff !important;
}

.border-info.border-accent-2 {
  border: 1px solid #cbf5ff !important;
}

.border-top-info.border-top-accent-2 {
  border-top: 1px solid #cbf5ff !important;
}

.border-bottom-info.border-bottom-accent-2 {
  border-bottom: 1px solid #cbf5ff !important;
}

.border-left-info.border-left-accent-2 {
  border-left: 1px solid #cbf5ff !important;
}

.border-right-info.border-right-accent-2 {
  border-right: 1px solid #cbf5ff !important;
}

.btn-info.btn-accent-3,
.btn-info.btn-accent-3:hover {
  border-color: #1ab0c3 !important;
}

.overlay-info.overlay-accent-2 {
  background: #cbf5ff;
  background: rgba(203, 245, 255, 0.8);
}

.bg-info.bg-accent-3,
.btn-info.btn-accent-3 {
  background-color: #98ecff !important;
}

.info.accent-3 {
  color: #98ecff !important;
}

.btn-info.btn-accent-3:hover {
  background-color: #179bad !important;
}

.btn-info.btn-accent-3:active,
.btn-info.btn-accent-3:focus {
  border-color: #179bad !important;
  background-color: #148796 !important;
}

.btn-outline-info.btn-outline-accent-3 {
  border-color: #98ecff !important;
  color: #98ecff !important;
}

.btn-outline-info.btn-outline-accent-3:hover {
  background-color: #98ecff !important;
}

.border-info.border-accent-3 {
  border: 1px solid #98ecff !important;
}

.border-top-info.border-top-accent-3 {
  border-top: 1px solid #98ecff !important;
}

.border-bottom-info.border-bottom-accent-3 {
  border-bottom: 1px solid #98ecff !important;
}

.border-left-info.border-left-accent-3 {
  border-left: 1px solid #98ecff !important;
}

.border-right-info.border-right-accent-3 {
  border-right: 1px solid #98ecff !important;
}

.btn-info.btn-accent-4,
.btn-info.btn-accent-4:hover {
  border-color: #1ab0c3 !important;
}

.overlay-info.overlay-accent-3 {
  background: #98ecff;
  background: rgba(152, 236, 255, 0.8);
}

.bg-info.bg-accent-4,
.btn-info.btn-accent-4 {
  background-color: #7fe7ff !important;
}

.info.accent-4 {
  color: #7fe7ff !important;
}

.btn-info.btn-accent-4:hover {
  background-color: #179bad !important;
}

.btn-info.btn-accent-4:active,
.btn-info.btn-accent-4:focus {
  border-color: #179bad !important;
  background-color: #148796 !important;
}

.btn-outline-info.btn-outline-accent-4 {
  border-color: #7fe7ff !important;
  color: #7fe7ff !important;
}

.btn-outline-info.btn-outline-accent-4:hover {
  background-color: #7fe7ff !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7fe7ff !important;
}

.border-info.border-accent-4 {
  border: 1px solid #7fe7ff !important;
}

.border-top-info.border-top-accent-4 {
  border-top: 1px solid #7fe7ff !important;
}

.border-bottom-info.border-bottom-accent-4 {
  border-bottom: 1px solid #7fe7ff !important;
}

.border-left-info.border-left-accent-4 {
  border-left: 1px solid #7fe7ff !important;
}

.border-right-info.border-right-accent-4 {
  border-right: 1px solid #7fe7ff !important;
}

.overlay-info.overlay-accent-4 {
  background: #7fe7ff;
  background: rgba(127, 231, 255, 0.8);
}

.edit-kanban-item select option.bg-color_name,
.kanban-container .kanban-board .kanban-item[data-border='info']:before {
  background-color: #7fe7ff;
}

.bg-warning.bg-lighten-5,
.btn-warning.btn-lighten-5 {
  background-color: #fffdfd !important;
}

.warning.lighten-5 {
  color: #fffdfd !important;
}

.btn-warning.btn-lighten-5 {
  border-color: #ff864a !important;
}

.btn-warning.btn-lighten-5:hover {
  border-color: #ff864a !important;
  background-color: #ff7531 !important;
}

.btn-warning.btn-lighten-5:active,
.btn-warning.btn-lighten-5:focus {
  border-color: #ff7531 !important;
  background-color: #ff6417 !important;
}

.btn-outline-warning.btn-outline-lighten-5 {
  border-color: #fffdfd !important;
  color: #fffdfd !important;
}

.btn-outline-warning.btn-outline-lighten-5:hover {
  background-color: #fffdfd !important;
}

.border-warning.border-lighten-5 {
  border: 1px solid #fffdfd !important;
}

.border-top-warning.border-top-lighten-5 {
  border-top: 1px solid #fffdfd !important;
}

.border-bottom-warning.border-bottom-lighten-5 {
  border-bottom: 1px solid #fffdfd !important;
}

.border-left-warning.border-left-lighten-5 {
  border-left: 1px solid #fffdfd !important;
}

.border-right-warning.border-right-lighten-5 {
  border-right: 1px solid #fffdfd !important;
}

.overlay-warning.overlay-lighten-5 {
  background: #fffdfd;
  background: rgba(255, 253, 253, 0.8);
}

.bg-warning.bg-lighten-4,
.btn-warning.btn-lighten-4 {
  background-color: #ffece3 !important;
}

.warning.lighten-4 {
  color: #ffece3 !important;
}

.btn-warning.btn-lighten-4 {
  border-color: #ff864a !important;
}

.btn-warning.btn-lighten-4:hover {
  border-color: #ff864a !important;
  background-color: #ff7531 !important;
}

.btn-warning.btn-lighten-4:active,
.btn-warning.btn-lighten-4:focus {
  border-color: #ff7531 !important;
  background-color: #ff6417 !important;
}

.btn-outline-warning.btn-outline-lighten-4 {
  border-color: #ffece3 !important;
  color: #ffece3 !important;
}

.btn-outline-warning.btn-outline-lighten-4:hover {
  background-color: #ffece3 !important;
}

.border-warning.border-lighten-4 {
  border: 1px solid #ffece3 !important;
}

.border-top-warning.border-top-lighten-4 {
  border-top: 1px solid #ffece3 !important;
}

.border-bottom-warning.border-bottom-lighten-4 {
  border-bottom: 1px solid #ffece3 !important;
}

.border-left-warning.border-left-lighten-4 {
  border-left: 1px solid #ffece3 !important;
}

.border-right-warning.border-right-lighten-4 {
  border-right: 1px solid #ffece3 !important;
}

.overlay-warning.overlay-lighten-4 {
  background: #ffece3;
  background: rgba(255, 236, 227, 0.8);
}

.bg-warning.bg-lighten-3,
.btn-warning.btn-lighten-3 {
  background-color: #ffdbca !important;
}

.warning.lighten-3 {
  color: #ffdbca !important;
}

.btn-warning.btn-lighten-3 {
  border-color: #ff864a !important;
}

.btn-warning.btn-lighten-3:hover {
  border-color: #ff864a !important;
  background-color: #ff7531 !important;
}

.btn-warning.btn-lighten-3:active,
.btn-warning.btn-lighten-3:focus {
  border-color: #ff7531 !important;
  background-color: #ff6417 !important;
}

.btn-outline-warning.btn-outline-lighten-3 {
  border-color: #ffdbca !important;
  color: #ffdbca !important;
}

.btn-outline-warning.btn-outline-lighten-3:hover {
  background-color: #ffdbca !important;
}

.border-warning.border-lighten-3 {
  border: 1px solid #ffdbca !important;
}

.border-top-warning.border-top-lighten-3 {
  border-top: 1px solid #ffdbca !important;
}

.border-bottom-warning.border-bottom-lighten-3 {
  border-bottom: 1px solid #ffdbca !important;
}

.border-left-warning.border-left-lighten-3 {
  border-left: 1px solid #ffdbca !important;
}

.border-right-warning.border-right-lighten-3 {
  border-right: 1px solid #ffdbca !important;
}

.overlay-warning.overlay-lighten-3 {
  background: #ffdbca;
  background: rgba(255, 219, 202, 0.8);
}

.bg-warning.bg-lighten-2,
.btn-warning.btn-lighten-2 {
  background-color: #ffcab0 !important;
}

.warning.lighten-2 {
  color: #ffcab0 !important;
}

.btn-warning.btn-lighten-2 {
  border-color: #ff864a !important;
}

.btn-warning.btn-lighten-2:hover {
  border-color: #ff864a !important;
  background-color: #ff7531 !important;
}

.btn-warning.btn-lighten-2:active,
.btn-warning.btn-lighten-2:focus {
  border-color: #ff7531 !important;
  background-color: #ff6417 !important;
}

.btn-outline-warning.btn-outline-lighten-2 {
  border-color: #ffcab0 !important;
  color: #ffcab0 !important;
}

.btn-outline-warning.btn-outline-lighten-2:hover {
  background-color: #ffcab0 !important;
}

.border-warning.border-lighten-2 {
  border: 1px solid #ffcab0 !important;
}

.border-top-warning.border-top-lighten-2 {
  border-top: 1px solid #ffcab0 !important;
}

.border-bottom-warning.border-bottom-lighten-2 {
  border-bottom: 1px solid #ffcab0 !important;
}

.border-left-warning.border-left-lighten-2 {
  border-left: 1px solid #ffcab0 !important;
}

.border-right-warning.border-right-lighten-2 {
  border-right: 1px solid #ffcab0 !important;
}

.overlay-warning.overlay-lighten-2 {
  background: #ffcab0;
  background: rgba(255, 202, 176, 0.8);
}

.bg-warning.bg-lighten-1,
.btn-warning.btn-lighten-1 {
  background-color: #ffb997 !important;
}

.warning.lighten-1 {
  color: #ffb997 !important;
}

.btn-warning.btn-lighten-1 {
  border-color: #ff864a !important;
}

.btn-warning.btn-lighten-1:hover {
  border-color: #ff864a !important;
  background-color: #ff7531 !important;
}

.btn-warning.btn-lighten-1:active,
.btn-warning.btn-lighten-1:focus {
  border-color: #ff7531 !important;
  background-color: #ff6417 !important;
}

.btn-outline-warning.btn-outline-lighten-1 {
  border-color: #ffb997 !important;
  color: #ffb997 !important;
}

.btn-outline-warning.btn-outline-lighten-1:hover {
  background-color: #ffb997 !important;
}

.border-warning.border-lighten-1 {
  border: 1px solid #ffb997 !important;
}

.border-top-warning.border-top-lighten-1 {
  border-top: 1px solid #ffb997 !important;
}

.border-bottom-warning.border-bottom-lighten-1 {
  border-bottom: 1px solid #ffb997 !important;
}

.border-left-warning.border-left-lighten-1 {
  border-left: 1px solid #ffb997 !important;
}

.border-right-warning.border-right-lighten-1 {
  border-right: 1px solid #ffb997 !important;
}

.overlay-warning.overlay-lighten-1 {
  background: #ffb997;
  background: rgba(255, 185, 151, 0.8);
}

.warning {
  color: #ffa87d !important;
}

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

.bg-warning .card-footer,
.bg-warning .card-header {
  background-color: transparent;
}

.alert-warning {
  border-color: #ffd8c4 !important;
  background-color: #ffd8c4 !important;
  color: #ca4300 !important;
}

.alert-warning .alert-link {
  color: #a13500 !important;
}

.bullet.bullet-warning {
  background-color: #ffa87d;
}

.bg-light-warning {
  background-color: rgba(255, 168, 125, 0.15);
}

.bg-warning.badge-glow,
.border-warning.badge-glow {
  box-shadow: 0 0 10px #ffa87d;
}

.overlay-warning {
  background: #ffa87d;
  background: rgba(255, 168, 125, 0.8);
}

.btn-warning {
  background-color: #ffa87d !important;
  color: #fff;
}

.btn-warning:hover {
  border-color: #ff9764 !important;
  background-color: #ffb997 !important;
  color: #fff !important;
}

.btn-warning:active,
.btn-warning:focus {
  border-color: #ff864a !important;
  background-color: #ff7531 !important;
  color: #fff !important;
}

.btn-outline-warning {
  border-color: #ffa87d;
  background-color: transparent;
  color: #ffa87d;
}

.btn-outline-warning:hover {
  background-color: #ffa87d;
  color: #fff !important;
}

.widget-timeline .timeline-items.timeline-icon-warning:before {
  background-color: #ffa87d;
}

input[type='checkbox'].bg-warning + .custom-control-label:before,
input[type='radio'].bg-warning + .custom-control-label:before {
  background-color: #ffa87d !important;
}

.bg-warning.bg-darken-1,
.btn-warning.btn-darken-1 {
  background-color: #ff9764 !important;
}

.border-warning {
  border: 1px solid #ffa87d !important;
}

.border-top-warning {
  border-top: 1px solid #ffa87d;
}

.border-bottom-warning {
  border-bottom: 1px solid #ffa87d;
}

.border-left-warning {
  border-left: 1px solid #ffa87d;
}

.border-right-warning {
  border-right: 1px solid #ffa87d;
}

.warning.darken-1 {
  color: #ff9764 !important;
}

.btn-warning.btn-darken-1 {
  border-color: #ff864a !important;
}

.btn-warning.btn-darken-1:hover {
  border-color: #ff864a !important;
  background-color: #ff7531 !important;
}

.btn-warning.btn-darken-1:active,
.btn-warning.btn-darken-1:focus {
  border-color: #ff7531 !important;
  background-color: #ff6417 !important;
}

.btn-outline-warning.btn-outline-darken-1 {
  border-color: #ff9764 !important;
  color: #ff9764 !important;
}

.btn-outline-warning.btn-outline-darken-1:hover {
  background-color: #ff9764 !important;
}

.border-warning.border-darken-1 {
  border: 1px solid #ff9764 !important;
}

.border-top-warning.border-top-darken-1 {
  border-top: 1px solid #ff9764 !important;
}

.border-bottom-warning.border-bottom-darken-1 {
  border-bottom: 1px solid #ff9764 !important;
}

.border-left-warning.border-left-darken-1 {
  border-left: 1px solid #ff9764 !important;
}

.border-right-warning.border-right-darken-1 {
  border-right: 1px solid #ff9764 !important;
}

.overlay-warning.overlay-darken-1 {
  background: #ff9764;
  background: rgba(255, 151, 100, 0.8);
}

.bg-warning.bg-darken-2,
.btn-warning.btn-darken-2 {
  background-color: #ff864a !important;
}

.warning.darken-2 {
  color: #ff864a !important;
}

.btn-warning.btn-darken-2 {
  border-color: #ff864a !important;
}

.btn-warning.btn-darken-2:hover {
  border-color: #ff864a !important;
  background-color: #ff7531 !important;
}

.btn-warning.btn-darken-2:active,
.btn-warning.btn-darken-2:focus {
  border-color: #ff7531 !important;
  background-color: #ff6417 !important;
}

.btn-outline-warning.btn-outline-darken-2 {
  border-color: #ff864a !important;
  color: #ff864a !important;
}

.btn-outline-warning.btn-outline-darken-2:hover {
  background-color: #ff864a !important;
}

.border-warning.border-darken-2 {
  border: 1px solid #ff864a !important;
}

.border-top-warning.border-top-darken-2 {
  border-top: 1px solid #ff864a !important;
}

.border-bottom-warning.border-bottom-darken-2 {
  border-bottom: 1px solid #ff864a !important;
}

.border-left-warning.border-left-darken-2 {
  border-left: 1px solid #ff864a !important;
}

.border-right-warning.border-right-darken-2 {
  border-right: 1px solid #ff864a !important;
}

.overlay-warning.overlay-darken-2 {
  background: #ff864a;
  background: rgba(255, 134, 74, 0.8);
}

.warning.darken-3 {
  color: #ff7531 !important;
}

.bg-warning.bg-darken-3 {
  background-color: #ff7531 !important;
}

.btn-warning.btn-darken-3,
.btn-warning.btn-darken-3:hover {
  border-color: #ff864a !important;
  background-color: #ff7531 !important;
}

.btn-warning.btn-darken-3:active,
.btn-warning.btn-darken-3:focus {
  border-color: #ff7531 !important;
  background-color: #ff6417 !important;
}

.btn-outline-warning.btn-outline-darken-3 {
  border-color: #ff7531 !important;
  color: #ff7531 !important;
}

.btn-outline-warning.btn-outline-darken-3:hover {
  background-color: #ff7531 !important;
}

.border-warning.border-darken-3 {
  border: 1px solid #ff7531 !important;
}

.border-top-warning.border-top-darken-3 {
  border-top: 1px solid #ff7531 !important;
}

.border-bottom-warning.border-bottom-darken-3 {
  border-bottom: 1px solid #ff7531 !important;
}

.border-left-warning.border-left-darken-3 {
  border-left: 1px solid #ff7531 !important;
}

.border-right-warning.border-right-darken-3 {
  border-right: 1px solid #ff7531 !important;
}

.overlay-warning.overlay-darken-3 {
  background: #ff7531;
  background: rgba(255, 117, 49, 0.8);
}

.bg-warning.bg-darken-4,
.btn-warning.btn-darken-4 {
  background-color: #ff6417 !important;
}

.warning.darken-4 {
  color: #ff6417 !important;
}

.btn-warning.btn-darken-4 {
  border-color: #ff864a !important;
}

.btn-warning.btn-darken-4:hover {
  border-color: #ff864a !important;
  background-color: #ff7531 !important;
}

.btn-warning.btn-darken-4:active,
.btn-warning.btn-darken-4:focus {
  border-color: #ff7531 !important;
  background-color: #ff6417 !important;
}

.btn-outline-warning.btn-outline-darken-4 {
  border-color: #ff6417 !important;
  color: #ff6417 !important;
}

.btn-outline-warning.btn-outline-darken-4:hover {
  background-color: #ff6417 !important;
}

.border-warning.border-darken-4 {
  border: 1px solid #ff6417 !important;
}

.border-top-warning.border-top-darken-4 {
  border-top: 1px solid #ff6417 !important;
}

.border-bottom-warning.border-bottom-darken-4 {
  border-bottom: 1px solid #ff6417 !important;
}

.border-left-warning.border-left-darken-4 {
  border-left: 1px solid #ff6417 !important;
}

.border-right-warning.border-right-darken-4 {
  border-right: 1px solid #ff6417 !important;
}

.overlay-warning.overlay-darken-4 {
  background: #ff6417;
  background: rgba(255, 100, 23, 0.8);
}

.bg-warning.bg-accent-1,
.btn-warning.btn-accent-1 {
  background-color: #fff5ef !important;
}

.warning.accent-1 {
  color: #fff5ef !important;
}

.btn-warning.btn-accent-1 {
  border-color: #ff864a !important;
}

.btn-warning.btn-accent-1:hover {
  border-color: #ff864a !important;
  background-color: #ff7531 !important;
}

.btn-warning.btn-accent-1:active,
.btn-warning.btn-accent-1:focus {
  border-color: #ff7531 !important;
  background-color: #ff6417 !important;
}

.btn-outline-warning.btn-outline-accent-1 {
  border-color: #fff5ef !important;
  color: #fff5ef !important;
}

.btn-outline-warning.btn-outline-accent-1:hover {
  background-color: #fff5ef !important;
}

.border-warning.border-accent-1 {
  border: 1px solid #fff5ef !important;
}

.border-top-warning.border-top-accent-1 {
  border-top: 1px solid #fff5ef !important;
}

.border-bottom-warning.border-bottom-accent-1 {
  border-bottom: 1px solid #fff5ef !important;
}

.border-left-warning.border-left-accent-1 {
  border-left: 1px solid #fff5ef !important;
}

.border-right-warning.border-right-accent-1 {
  border-right: 1px solid #fff5ef !important;
}

.overlay-warning.overlay-accent-1 {
  background: #fff5ef;
  background: rgba(255, 245, 239, 0.8);
}

.bg-warning.bg-accent-2,
.btn-warning.btn-accent-2 {
  background-color: #ffe5d8 !important;
}

.warning.accent-2 {
  color: #ffe5d8 !important;
}

.btn-warning.btn-accent-2 {
  border-color: #ff864a !important;
}

.btn-warning.btn-accent-2:hover {
  border-color: #ff864a !important;
  background-color: #ff7531 !important;
}

.btn-warning.btn-accent-2:active,
.btn-warning.btn-accent-2:focus {
  border-color: #ff7531 !important;
  background-color: #ff6417 !important;
}

.btn-outline-warning.btn-outline-accent-2 {
  border-color: #ffe5d8 !important;
  color: #ffe5d8 !important;
}

.btn-outline-warning.btn-outline-accent-2:hover {
  background-color: #ffe5d8 !important;
}

.border-warning.border-accent-2 {
  border: 1px solid #ffe5d8 !important;
}

.border-top-warning.border-top-accent-2 {
  border-top: 1px solid #ffe5d8 !important;
}

.border-bottom-warning.border-bottom-accent-2 {
  border-bottom: 1px solid #ffe5d8 !important;
}

.border-left-warning.border-left-accent-2 {
  border-left: 1px solid #ffe5d8 !important;
}

.border-right-warning.border-right-accent-2 {
  border-right: 1px solid #ffe5d8 !important;
}

.overlay-warning.overlay-accent-2 {
  background: #ffe5d8;
  background: rgba(255, 229, 216, 0.8);
}

.bg-warning.bg-accent-3,
.btn-warning.btn-accent-3 {
  background-color: #fff6f3 !important;
}

.warning.accent-3 {
  color: #fff6f3 !important;
}

.btn-warning.btn-accent-3 {
  border-color: #ff864a !important;
}

.btn-warning.btn-accent-3:hover {
  border-color: #ff864a !important;
  background-color: #ff7531 !important;
}

.btn-warning.btn-accent-3:active,
.btn-warning.btn-accent-3:focus {
  border-color: #ff7531 !important;
  background-color: #ff6417 !important;
}

.btn-outline-warning.btn-outline-accent-3 {
  border-color: #fff6f3 !important;
  color: #fff6f3 !important;
}

.btn-outline-warning.btn-outline-accent-3:hover {
  background-color: #fff6f3 !important;
}

.border-warning.border-accent-3 {
  border: 1px solid #fff6f3 !important;
}

.border-top-warning.border-top-accent-3 {
  border-top: 1px solid #fff6f3 !important;
}

.border-bottom-warning.border-bottom-accent-3 {
  border-bottom: 1px solid #fff6f3 !important;
}

.border-left-warning.border-left-accent-3 {
  border-left: 1px solid #fff6f3 !important;
}

.border-right-warning.border-right-accent-3 {
  border-right: 1px solid #fff6f3 !important;
}

.overlay-warning.overlay-accent-3 {
  background: #fff6f3;
  background: rgba(255, 246, 243, 0.8);
}

.bg-warning.bg-accent-4,
.btn-warning.btn-accent-4 {
  background-color: #ffe3da !important;
}

.warning.accent-4 {
  color: #ffe3da !important;
}

.btn-warning.btn-accent-4 {
  border-color: #ff864a !important;
}

.btn-warning.btn-accent-4:hover {
  border-color: #ff864a !important;
  background-color: #ff7531 !important;
}

.btn-warning.btn-accent-4:active,
.btn-warning.btn-accent-4:focus {
  border-color: #ff7531 !important;
  background-color: #ff6417 !important;
}

.btn-outline-warning.btn-outline-accent-4 {
  border-color: #ffe3da !important;
  color: #ffe3da !important;
}

.btn-outline-warning.btn-outline-accent-4:hover {
  background-color: #ffe3da !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffe3da !important;
}

.border-warning.border-accent-4 {
  border: 1px solid #ffe3da !important;
}

.border-top-warning.border-top-accent-4 {
  border-top: 1px solid #ffe3da !important;
}

.border-bottom-warning.border-bottom-accent-4 {
  border-bottom: 1px solid #ffe3da !important;
}

.border-left-warning.border-left-accent-4 {
  border-left: 1px solid #ffe3da !important;
}

.border-right-warning.border-right-accent-4 {
  border-right: 1px solid #ffe3da !important;
}

.overlay-warning.overlay-accent-4 {
  background: #ffe3da;
  background: rgba(255, 227, 218, 0.8);
}

.edit-kanban-item select option.bg-color_name,
.kanban-container .kanban-board .kanban-item[data-border='warning']:before {
  background-color: #ffe3da;
}

.bg-danger.bg-lighten-5,
.btn-danger.btn-lighten-5 {
  background-color: #fff5f6 !important;
}

.danger.lighten-5 {
  color: #fff5f6 !important;
}

.btn-danger.btn-lighten-5 {
  border-color: #ff425c !important;
}

.btn-danger.btn-lighten-5:hover {
  border-color: #ff425c !important;
  background-color: #ff2946 !important;
}

.btn-danger.btn-lighten-5:active,
.btn-danger.btn-lighten-5:focus {
  border-color: #ff2946 !important;
  background-color: #ff0f30 !important;
}

.btn-outline-danger.btn-outline-lighten-5 {
  border-color: #fff5f6 !important;
  color: #fff5f6 !important;
}

.btn-outline-danger.btn-outline-lighten-5:hover {
  background-color: #fff5f6 !important;
}

.border-danger.border-lighten-5 {
  border: 1px solid #fff5f6 !important;
}

.border-top-danger.border-top-lighten-5 {
  border-top: 1px solid #fff5f6 !important;
}

.border-bottom-danger.border-bottom-lighten-5 {
  border-bottom: 1px solid #fff5f6 !important;
}

.border-left-danger.border-left-lighten-5 {
  border-left: 1px solid #fff5f6 !important;
}

.border-right-danger.border-right-lighten-5 {
  border-right: 1px solid #fff5f6 !important;
}

.overlay-danger.overlay-lighten-5 {
  background: #fff5f6;
  background: rgba(255, 245, 246, 0.8);
}

.bg-danger.bg-lighten-4,
.btn-danger.btn-lighten-4 {
  background-color: #ffdbe0 !important;
}

.danger.lighten-4 {
  color: #ffdbe0 !important;
}

.btn-danger.btn-lighten-4 {
  border-color: #ff425c !important;
}

.btn-danger.btn-lighten-4:hover {
  border-color: #ff425c !important;
  background-color: #ff2946 !important;
}

.btn-danger.btn-lighten-4:active,
.btn-danger.btn-lighten-4:focus {
  border-color: #ff2946 !important;
  background-color: #ff0f30 !important;
}

.btn-outline-danger.btn-outline-lighten-4 {
  border-color: #ffdbe0 !important;
  color: #ffdbe0 !important;
}

.btn-outline-danger.btn-outline-lighten-4:hover {
  background-color: #ffdbe0 !important;
}

.border-danger.border-lighten-4 {
  border: 1px solid #ffdbe0 !important;
}

.border-top-danger.border-top-lighten-4 {
  border-top: 1px solid #ffdbe0 !important;
}

.border-bottom-danger.border-bottom-lighten-4 {
  border-bottom: 1px solid #ffdbe0 !important;
}

.border-left-danger.border-left-lighten-4 {
  border-left: 1px solid #ffdbe0 !important;
}

.border-right-danger.border-right-lighten-4 {
  border-right: 1px solid #ffdbe0 !important;
}

.overlay-danger.overlay-lighten-4 {
  background: #ffdbe0;
  background: rgba(255, 219, 224, 0.8);
}

.bg-danger.bg-lighten-3,
.btn-danger.btn-lighten-3 {
  background-color: #ffc2ca !important;
}

.danger.lighten-3 {
  color: #ffc2ca !important;
}

.btn-danger.btn-lighten-3 {
  border-color: #ff425c !important;
}

.btn-danger.btn-lighten-3:hover {
  border-color: #ff425c !important;
  background-color: #ff2946 !important;
}

.btn-danger.btn-lighten-3:active,
.btn-danger.btn-lighten-3:focus {
  border-color: #ff2946 !important;
  background-color: #ff0f30 !important;
}

.btn-outline-danger.btn-outline-lighten-3 {
  border-color: #ffc2ca !important;
  color: #ffc2ca !important;
}

.btn-outline-danger.btn-outline-lighten-3:hover {
  background-color: #ffc2ca !important;
}

.border-danger.border-lighten-3 {
  border: 1px solid #ffc2ca !important;
}

.border-top-danger.border-top-lighten-3 {
  border-top: 1px solid #ffc2ca !important;
}

.border-bottom-danger.border-bottom-lighten-3 {
  border-bottom: 1px solid #ffc2ca !important;
}

.border-left-danger.border-left-lighten-3 {
  border-left: 1px solid #ffc2ca !important;
}

.border-right-danger.border-right-lighten-3 {
  border-right: 1px solid #ffc2ca !important;
}

.overlay-danger.overlay-lighten-3 {
  background: #ffc2ca;
  background: rgba(255, 194, 202, 0.8);
}

.bg-danger.bg-lighten-2,
.btn-danger.btn-lighten-2 {
  background-color: #ffa8b4 !important;
}

.danger.lighten-2 {
  color: #ffa8b4 !important;
}

.btn-danger.btn-lighten-2 {
  border-color: #ff425c !important;
}

.btn-danger.btn-lighten-2:hover {
  border-color: #ff425c !important;
  background-color: #ff2946 !important;
}

.btn-danger.btn-lighten-2:active,
.btn-danger.btn-lighten-2:focus {
  border-color: #ff2946 !important;
  background-color: #ff0f30 !important;
}

.btn-outline-danger.btn-outline-lighten-2 {
  border-color: #ffa8b4 !important;
  color: #ffa8b4 !important;
}

.btn-outline-danger.btn-outline-lighten-2:hover {
  background-color: #ffa8b4 !important;
}

.border-danger.border-lighten-2 {
  border: 1px solid #ffa8b4 !important;
}

.border-top-danger.border-top-lighten-2 {
  border-top: 1px solid #ffa8b4 !important;
}

.border-bottom-danger.border-bottom-lighten-2 {
  border-bottom: 1px solid #ffa8b4 !important;
}

.border-left-danger.border-left-lighten-2 {
  border-left: 1px solid #ffa8b4 !important;
}

.border-right-danger.border-right-lighten-2 {
  border-right: 1px solid #ffa8b4 !important;
}

.overlay-danger.overlay-lighten-2 {
  background: #ffa8b4;
  background: rgba(255, 168, 180, 0.8);
}

.bg-danger.bg-lighten-1,
.btn-danger.btn-lighten-1 {
  background-color: #ff8f9e !important;
}

.danger.lighten-1 {
  color: #ff8f9e !important;
}

.btn-danger.btn-lighten-1 {
  border-color: #ff425c !important;
}

.btn-danger.btn-lighten-1:hover {
  border-color: #ff425c !important;
  background-color: #ff2946 !important;
}

.btn-danger.btn-lighten-1:active,
.btn-danger.btn-lighten-1:focus {
  border-color: #ff2946 !important;
  background-color: #ff0f30 !important;
}

.btn-outline-danger.btn-outline-lighten-1 {
  border-color: #ff8f9e !important;
  color: #ff8f9e !important;
}

.btn-outline-danger.btn-outline-lighten-1:hover {
  background-color: #ff8f9e !important;
}

.border-danger.border-lighten-1 {
  border: 1px solid #ff8f9e !important;
}

.border-top-danger.border-top-lighten-1 {
  border-top: 1px solid #ff8f9e !important;
}

.border-bottom-danger.border-bottom-lighten-1 {
  border-bottom: 1px solid #ff8f9e !important;
}

.border-left-danger.border-left-lighten-1 {
  border-left: 1px solid #ff8f9e !important;
}

.border-right-danger.border-right-lighten-1 {
  border-right: 1px solid #ff8f9e !important;
}

.overlay-danger.overlay-lighten-1 {
  background: #ff8f9e;
  background: rgba(255, 143, 158, 0.8);
}

.danger {
  color: #ff7588 !important;
}

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

.bg-danger .card-footer,
.bg-danger .card-header {
  background-color: transparent;
}

.alert-danger {
  border-color: #ffbcc6 !important;
  background-color: #ffbcc6 !important;
  color: #c2001b !important;
}

.alert-danger .alert-link {
  color: #990015 !important;
}

.bullet.bullet-danger {
  background-color: #ff7588;
}

.bg-light-danger {
  background-color: rgba(255, 117, 136, 0.15);
}

.bg-danger.badge-glow,
.border-danger.badge-glow {
  box-shadow: 0 0 10px #ff7588;
}

.overlay-danger {
  background: #ff7588;
  background: rgba(255, 117, 136, 0.8);
}

.btn-danger {
  background-color: #ff7588 !important;
  color: #fff;
}

.btn-danger:hover {
  border-color: #ff5c72 !important;
  background-color: #ff8f9e !important;
  color: #fff !important;
}

.btn-danger:active,
.btn-danger:focus {
  border-color: #ff425c !important;
  background-color: #ff2946 !important;
  color: #fff !important;
}

.btn-outline-danger {
  border-color: #ff7588;
  background-color: transparent;
  color: #ff7588;
}

.btn-outline-danger:hover {
  background-color: #ff7588;
  color: #fff !important;
}

.widget-timeline .timeline-items.timeline-icon-danger:before {
  background-color: #ff7588;
}

input[type='checkbox'].bg-danger + .custom-control-label:before,
input[type='radio'].bg-danger + .custom-control-label:before {
  background-color: #ff7588 !important;
}

.bg-danger.bg-darken-1,
.btn-danger.btn-darken-1 {
  background-color: #ff5c72 !important;
}

.border-danger {
  border: 1px solid #ff7588 !important;
}

.border-top-danger {
  border-top: 1px solid #ff7588;
}

.border-bottom-danger {
  border-bottom: 1px solid #ff7588;
}

.border-left-danger {
  border-left: 1px solid #ff7588;
}

.border-right-danger {
  border-right: 1px solid #ff7588;
}

.danger.darken-1 {
  color: #ff5c72 !important;
}

.btn-danger.btn-darken-1 {
  border-color: #ff425c !important;
}

.btn-danger.btn-darken-1:hover {
  border-color: #ff425c !important;
  background-color: #ff2946 !important;
}

.btn-danger.btn-darken-1:active,
.btn-danger.btn-darken-1:focus {
  border-color: #ff2946 !important;
  background-color: #ff0f30 !important;
}

.btn-outline-danger.btn-outline-darken-1 {
  border-color: #ff5c72 !important;
  color: #ff5c72 !important;
}

.btn-outline-danger.btn-outline-darken-1:hover {
  background-color: #ff5c72 !important;
}

.border-danger.border-darken-1 {
  border: 1px solid #ff5c72 !important;
}

.border-top-danger.border-top-darken-1 {
  border-top: 1px solid #ff5c72 !important;
}

.border-bottom-danger.border-bottom-darken-1 {
  border-bottom: 1px solid #ff5c72 !important;
}

.border-left-danger.border-left-darken-1 {
  border-left: 1px solid #ff5c72 !important;
}

.border-right-danger.border-right-darken-1 {
  border-right: 1px solid #ff5c72 !important;
}

.btn-danger.btn-darken-2,
.btn-danger.btn-darken-2:hover {
  border-color: #ff425c !important;
}

.overlay-danger.overlay-darken-1 {
  background: #ff5c72;
  background: rgba(255, 92, 114, 0.8);
}

.bg-danger.bg-darken-2,
.btn-danger.btn-darken-2 {
  background-color: #ff425c !important;
}

.danger.darken-2 {
  color: #ff425c !important;
}

.btn-danger.btn-darken-2:hover {
  background-color: #ff2946 !important;
}

.btn-danger.btn-darken-2:active,
.btn-danger.btn-darken-2:focus {
  border-color: #ff2946 !important;
  background-color: #ff0f30 !important;
}

.btn-outline-danger.btn-outline-darken-2 {
  border-color: #ff425c !important;
  color: #ff425c !important;
}

.btn-outline-danger.btn-outline-darken-2:hover {
  background-color: #ff425c !important;
}

.border-danger.border-darken-2 {
  border: 1px solid #ff425c !important;
}

.border-top-danger.border-top-darken-2 {
  border-top: 1px solid #ff425c !important;
}

.border-bottom-danger.border-bottom-darken-2 {
  border-bottom: 1px solid #ff425c !important;
}

.border-left-danger.border-left-darken-2 {
  border-left: 1px solid #ff425c !important;
}

.border-right-danger.border-right-darken-2 {
  border-right: 1px solid #ff425c !important;
}

.overlay-danger.overlay-darken-2 {
  background: #ff425c;
  background: rgba(255, 66, 92, 0.8);
}

.danger.darken-3 {
  color: #ff2946 !important;
}

.bg-danger.bg-darken-3 {
  background-color: #ff2946 !important;
}

.btn-danger.btn-darken-3,
.btn-danger.btn-darken-3:hover {
  border-color: #ff425c !important;
  background-color: #ff2946 !important;
}

.btn-danger.btn-darken-3:active,
.btn-danger.btn-darken-3:focus {
  border-color: #ff2946 !important;
  background-color: #ff0f30 !important;
}

.btn-outline-danger.btn-outline-darken-3 {
  border-color: #ff2946 !important;
  color: #ff2946 !important;
}

.btn-outline-danger.btn-outline-darken-3:hover {
  background-color: #ff2946 !important;
}

.border-danger.border-darken-3 {
  border: 1px solid #ff2946 !important;
}

.border-top-danger.border-top-darken-3 {
  border-top: 1px solid #ff2946 !important;
}

.border-bottom-danger.border-bottom-darken-3 {
  border-bottom: 1px solid #ff2946 !important;
}

.border-left-danger.border-left-darken-3 {
  border-left: 1px solid #ff2946 !important;
}

.border-right-danger.border-right-darken-3 {
  border-right: 1px solid #ff2946 !important;
}

.btn-danger.btn-darken-4,
.btn-danger.btn-darken-4:hover {
  border-color: #ff425c !important;
}

.overlay-danger.overlay-darken-3 {
  background: #ff2946;
  background: rgba(255, 41, 70, 0.8);
}

.bg-danger.bg-darken-4,
.btn-danger.btn-darken-4 {
  background-color: #ff0f30 !important;
}

.danger.darken-4 {
  color: #ff0f30 !important;
}

.btn-danger.btn-darken-4:hover {
  background-color: #ff2946 !important;
}

.btn-danger.btn-darken-4:active,
.btn-danger.btn-darken-4:focus {
  border-color: #ff2946 !important;
  background-color: #ff0f30 !important;
}

.btn-outline-danger.btn-outline-darken-4 {
  border-color: #ff0f30 !important;
  color: #ff0f30 !important;
}

.btn-outline-danger.btn-outline-darken-4:hover {
  background-color: #ff0f30 !important;
}

.border-danger.border-darken-4 {
  border: 1px solid #ff0f30 !important;
}

.border-top-danger.border-top-darken-4 {
  border-top: 1px solid #ff0f30 !important;
}

.border-bottom-danger.border-bottom-darken-4 {
  border-bottom: 1px solid #ff0f30 !important;
}

.border-left-danger.border-left-darken-4 {
  border-left: 1px solid #ff0f30 !important;
}

.border-right-danger.border-right-darken-4 {
  border-right: 1px solid #ff0f30 !important;
}

.btn-danger.btn-accent-1,
.btn-danger.btn-accent-1:hover {
  border-color: #ff425c !important;
}

.overlay-danger.overlay-darken-4 {
  background: #ff0f30;
  background: rgba(255, 15, 48, 0.8);
}

.bg-danger.bg-accent-1,
.btn-danger.btn-accent-1 {
  background-color: #ffeef1 !important;
}

.danger.accent-1 {
  color: #ffeef1 !important;
}

.btn-danger.btn-accent-1:hover {
  background-color: #ff2946 !important;
}

.btn-danger.btn-accent-1:active,
.btn-danger.btn-accent-1:focus {
  border-color: #ff2946 !important;
  background-color: #ff0f30 !important;
}

.btn-outline-danger.btn-outline-accent-1 {
  border-color: #ffeef1 !important;
  color: #ffeef1 !important;
}

.btn-outline-danger.btn-outline-accent-1:hover {
  background-color: #ffeef1 !important;
}

.border-danger.border-accent-1 {
  border: 1px solid #ffeef1 !important;
}

.border-top-danger.border-top-accent-1 {
  border-top: 1px solid #ffeef1 !important;
}

.border-bottom-danger.border-bottom-accent-1 {
  border-bottom: 1px solid #ffeef1 !important;
}

.border-left-danger.border-left-accent-1 {
  border-left: 1px solid #ffeef1 !important;
}

.border-right-danger.border-right-accent-1 {
  border-right: 1px solid #ffeef1 !important;
}

.btn-danger.btn-accent-2,
.btn-danger.btn-accent-2:hover {
  border-color: #ff425c !important;
}

.overlay-danger.overlay-accent-1 {
  background: #ffeef1;
  background: rgba(255, 238, 241, 0.8);
}

.bg-danger.bg-accent-2,
.btn-danger.btn-accent-2 {
  background-color: #ffd6db !important;
}

.danger.accent-2 {
  color: #ffd6db !important;
}

.btn-danger.btn-accent-2:hover {
  background-color: #ff2946 !important;
}

.btn-danger.btn-accent-2:active,
.btn-danger.btn-accent-2:focus {
  border-color: #ff2946 !important;
  background-color: #ff0f30 !important;
}

.btn-outline-danger.btn-outline-accent-2 {
  border-color: #ffd6db !important;
  color: #ffd6db !important;
}

.btn-outline-danger.btn-outline-accent-2:hover {
  background-color: #ffd6db !important;
}

.border-danger.border-accent-2 {
  border: 1px solid #ffd6db !important;
}

.border-top-danger.border-top-accent-2 {
  border-top: 1px solid #ffd6db !important;
}

.border-bottom-danger.border-bottom-accent-2 {
  border-bottom: 1px solid #ffd6db !important;
}

.border-left-danger.border-left-accent-2 {
  border-left: 1px solid #ffd6db !important;
}

.border-right-danger.border-right-accent-2 {
  border-right: 1px solid #ffd6db !important;
}

.btn-danger.btn-accent-3,
.btn-danger.btn-accent-3:hover {
  border-color: #ff425c !important;
}

.overlay-danger.overlay-accent-2 {
  background: #ffd6db;
  background: rgba(255, 214, 219, 0.8);
}

.bg-danger.bg-accent-3,
.btn-danger.btn-accent-3 {
  background-color: #ffecee !important;
}

.danger.accent-3 {
  color: #ffecee !important;
}

.btn-danger.btn-accent-3:hover {
  background-color: #ff2946 !important;
}

.btn-danger.btn-accent-3:active,
.btn-danger.btn-accent-3:focus {
  border-color: #ff2946 !important;
  background-color: #ff0f30 !important;
}

.btn-outline-danger.btn-outline-accent-3 {
  border-color: #ffecee !important;
  color: #ffecee !important;
}

.btn-outline-danger.btn-outline-accent-3:hover {
  background-color: #ffecee !important;
}

.border-danger.border-accent-3 {
  border: 1px solid #ffecee !important;
}

.border-top-danger.border-top-accent-3 {
  border-top: 1px solid #ffecee !important;
}

.border-bottom-danger.border-bottom-accent-3 {
  border-bottom: 1px solid #ffecee !important;
}

.border-left-danger.border-left-accent-3 {
  border-left: 1px solid #ffecee !important;
}

.border-right-danger.border-right-accent-3 {
  border-right: 1px solid #ffecee !important;
}

.btn-danger.btn-accent-4,
.btn-danger.btn-accent-4:hover {
  border-color: #ff425c !important;
}

.overlay-danger.overlay-accent-3 {
  background: #ffecee;
  background: rgba(255, 236, 238, 0.8);
}

.bg-danger.bg-accent-4,
.btn-danger.btn-accent-4 {
  background-color: #ffd3d7 !important;
}

.danger.accent-4 {
  color: #ffd3d7 !important;
}

.btn-danger.btn-accent-4:hover {
  background-color: #ff2946 !important;
}

.btn-danger.btn-accent-4:active,
.btn-danger.btn-accent-4:focus {
  border-color: #ff2946 !important;
  background-color: #ff0f30 !important;
}

.btn-outline-danger.btn-outline-accent-4 {
  border-color: #ffd3d7 !important;
  color: #ffd3d7 !important;
}

.btn-outline-danger.btn-outline-accent-4:hover {
  background-color: #ffd3d7 !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd3d7 !important;
}

.border-danger.border-accent-4 {
  border: 1px solid #ffd3d7 !important;
}

.border-top-danger.border-top-accent-4 {
  border-top: 1px solid #ffd3d7 !important;
}

.border-bottom-danger.border-bottom-accent-4 {
  border-bottom: 1px solid #ffd3d7 !important;
}

.border-left-danger.border-left-accent-4 {
  border-left: 1px solid #ffd3d7 !important;
}

.border-right-danger.border-right-accent-4 {
  border-right: 1px solid #ffd3d7 !important;
}

.btn-red.btn-lighten-5,
.btn-red.btn-lighten-5:hover {
  border-color: #d32f2f !important;
}

.overlay-danger.overlay-accent-4 {
  background: #ffd3d7;
  background: rgba(255, 211, 215, 0.8);
}

.edit-kanban-item select option.bg-color_name,
.kanban-container .kanban-board .kanban-item[data-border='danger']:before {
  background-color: #ffd3d7;
}

.bg-red.bg-lighten-5,
.btn-red.btn-lighten-5 {
  background-color: #ffebee !important;
}

.red.lighten-5 {
  color: #ffebee !important;
}

.btn-red.btn-lighten-5:hover {
  background-color: #c62828 !important;
}

.btn-red.btn-lighten-5:active,
.btn-red.btn-lighten-5:focus {
  border-color: #c62828 !important;
  background-color: #b71c1c !important;
}

.btn-outline-red.btn-outline-lighten-5 {
  border-color: #ffebee !important;
  color: #ffebee !important;
}

.btn-outline-red.btn-outline-lighten-5:hover {
  background-color: #ffebee !important;
}

.border-red.border-lighten-5 {
  border: 1px solid #ffebee !important;
}

.border-top-red.border-top-lighten-5 {
  border-top: 1px solid #ffebee !important;
}

.border-bottom-red.border-bottom-lighten-5 {
  border-bottom: 1px solid #ffebee !important;
}

.border-left-red.border-left-lighten-5 {
  border-left: 1px solid #ffebee !important;
}

.border-right-red.border-right-lighten-5 {
  border-right: 1px solid #ffebee !important;
}

.btn-red.btn-lighten-4,
.btn-red.btn-lighten-4:hover {
  border-color: #d32f2f !important;
}

.overlay-red.overlay-lighten-5 {
  background: #ffebee;
  background: rgba(255, 235, 238, 0.8);
}

.bg-red.bg-lighten-4,
.btn-red.btn-lighten-4 {
  background-color: #ffcdd2 !important;
}

.red.lighten-4 {
  color: #ffcdd2 !important;
}

.btn-red.btn-lighten-4:hover {
  background-color: #c62828 !important;
}

.btn-red.btn-lighten-4:active,
.btn-red.btn-lighten-4:focus {
  border-color: #c62828 !important;
  background-color: #b71c1c !important;
}

.btn-outline-red.btn-outline-lighten-4 {
  border-color: #ffcdd2 !important;
  color: #ffcdd2 !important;
}

.btn-outline-red.btn-outline-lighten-4:hover {
  background-color: #ffcdd2 !important;
}

.border-red.border-lighten-4 {
  border: 1px solid #ffcdd2 !important;
}

.border-top-red.border-top-lighten-4 {
  border-top: 1px solid #ffcdd2 !important;
}

.border-bottom-red.border-bottom-lighten-4 {
  border-bottom: 1px solid #ffcdd2 !important;
}

.border-left-red.border-left-lighten-4 {
  border-left: 1px solid #ffcdd2 !important;
}

.border-right-red.border-right-lighten-4 {
  border-right: 1px solid #ffcdd2 !important;
}

.btn-red.btn-lighten-3,
.btn-red.btn-lighten-3:hover {
  border-color: #d32f2f !important;
}

.overlay-red.overlay-lighten-4 {
  background: #ffcdd2;
  background: rgba(255, 205, 210, 0.8);
}

.bg-red.bg-lighten-3,
.btn-red.btn-lighten-3 {
  background-color: #ef9a9a !important;
}

.red.lighten-3 {
  color: #ef9a9a !important;
}

.btn-red.btn-lighten-3:hover {
  background-color: #c62828 !important;
}

.btn-red.btn-lighten-3:active,
.btn-red.btn-lighten-3:focus {
  border-color: #c62828 !important;
  background-color: #b71c1c !important;
}

.btn-outline-red.btn-outline-lighten-3 {
  border-color: #ef9a9a !important;
  color: #ef9a9a !important;
}

.btn-outline-red.btn-outline-lighten-3:hover {
  background-color: #ef9a9a !important;
}

.border-red.border-lighten-3 {
  border: 1px solid #ef9a9a !important;
}

.border-top-red.border-top-lighten-3 {
  border-top: 1px solid #ef9a9a !important;
}

.border-bottom-red.border-bottom-lighten-3 {
  border-bottom: 1px solid #ef9a9a !important;
}

.border-left-red.border-left-lighten-3 {
  border-left: 1px solid #ef9a9a !important;
}

.border-right-red.border-right-lighten-3 {
  border-right: 1px solid #ef9a9a !important;
}

.btn-red.btn-lighten-2,
.btn-red.btn-lighten-2:hover {
  border-color: #d32f2f !important;
}

.overlay-red.overlay-lighten-3 {
  background: #ef9a9a;
  background: rgba(239, 154, 154, 0.8);
}

.bg-red.bg-lighten-2,
.btn-red.btn-lighten-2 {
  background-color: #e57373 !important;
}

.red.lighten-2 {
  color: #e57373 !important;
}

.btn-red.btn-lighten-2:hover {
  background-color: #c62828 !important;
}

.btn-red.btn-lighten-2:active,
.btn-red.btn-lighten-2:focus {
  border-color: #c62828 !important;
  background-color: #b71c1c !important;
}

.btn-outline-red.btn-outline-lighten-2 {
  border-color: #e57373 !important;
  color: #e57373 !important;
}

.btn-outline-red.btn-outline-lighten-2:hover {
  background-color: #e57373 !important;
}

.border-red.border-lighten-2 {
  border: 1px solid #e57373 !important;
}

.border-top-red.border-top-lighten-2 {
  border-top: 1px solid #e57373 !important;
}

.border-bottom-red.border-bottom-lighten-2 {
  border-bottom: 1px solid #e57373 !important;
}

.border-left-red.border-left-lighten-2 {
  border-left: 1px solid #e57373 !important;
}

.border-right-red.border-right-lighten-2 {
  border-right: 1px solid #e57373 !important;
}

.btn-red.btn-lighten-1,
.btn-red.btn-lighten-1:hover {
  border-color: #d32f2f !important;
}

.overlay-red.overlay-lighten-2 {
  background: #e57373;
  background: rgba(229, 115, 115, 0.8);
}

.bg-red.bg-lighten-1,
.btn-red.btn-lighten-1 {
  background-color: #ef5350 !important;
}

.red.lighten-1 {
  color: #ef5350 !important;
}

.btn-red.btn-lighten-1:hover {
  background-color: #c62828 !important;
}

.btn-red.btn-lighten-1:active,
.btn-red.btn-lighten-1:focus {
  border-color: #c62828 !important;
  background-color: #b71c1c !important;
}

.btn-outline-red.btn-outline-lighten-1 {
  border-color: #ef5350 !important;
  color: #ef5350 !important;
}

.btn-outline-red.btn-outline-lighten-1:hover {
  background-color: #ef5350 !important;
}

.border-red.border-lighten-1 {
  border: 1px solid #ef5350 !important;
}

.border-top-red.border-top-lighten-1 {
  border-top: 1px solid #ef5350 !important;
}

.border-bottom-red.border-bottom-lighten-1 {
  border-bottom: 1px solid #ef5350 !important;
}

.border-left-red.border-left-lighten-1 {
  border-left: 1px solid #ef5350 !important;
}

.border-right-red.border-right-lighten-1 {
  border-right: 1px solid #ef5350 !important;
}

.overlay-red.overlay-lighten-1 {
  background: #ef5350;
  background: rgba(239, 83, 80, 0.8);
}

.red {
  color: #f44336 !important;
}

.bg-red {
  background-color: #f44336 !important;
}

.bg-red .card-footer,
.bg-red .card-header {
  background-color: transparent;
}

.alert-red {
  border-color: #f8827a !important;
  background-color: #f8827a !important;
  color: #710e06 !important;
}

.alert-red .alert-link {
  color: #4b0904 !important;
}

.bullet.bullet-red {
  background-color: #f44336;
}

.bg-light-red {
  background-color: rgba(244, 67, 54, 0.15);
}

.bg-red.badge-glow,
.border-red.badge-glow {
  box-shadow: 0 0 10px #f44336;
}

.overlay-red {
  background: #f44336;
  background: rgba(244, 67, 54, 0.8);
}

.btn-red {
  background-color: #f44336 !important;
  color: #fff;
}

.btn-red:hover {
  border-color: #e53935 !important;
  background-color: #ef5350 !important;
  color: #fff !important;
}

.btn-red:active,
.btn-red:focus {
  border-color: #d32f2f !important;
  background-color: #c62828 !important;
  color: #fff !important;
}

.btn-outline-red {
  border-color: #f44336;
  background-color: transparent;
  color: #f44336;
}

.btn-outline-red:hover,
.widget-timeline .timeline-items.timeline-icon-red:before {
  background-color: #f44336;
}

.btn-outline-red:hover {
  color: #fff !important;
}

input[type='checkbox'].bg-red + .custom-control-label:before,
input[type='radio'].bg-red + .custom-control-label:before {
  background-color: #f44336 !important;
}

.bg-red.bg-darken-1,
.btn-red.btn-darken-1 {
  background-color: #e53935 !important;
}

.border-red {
  border: 1px solid #f44336 !important;
}

.border-top-red {
  border-top: 1px solid #f44336;
}

.border-bottom-red {
  border-bottom: 1px solid #f44336;
}

.border-left-red {
  border-left: 1px solid #f44336;
}

.border-right-red {
  border-right: 1px solid #f44336;
}

.red.darken-1 {
  color: #e53935 !important;
}

.btn-red.btn-darken-1 {
  border-color: #d32f2f !important;
}

.btn-red.btn-darken-1:hover {
  border-color: #d32f2f !important;
  background-color: #c62828 !important;
}

.btn-red.btn-darken-1:active,
.btn-red.btn-darken-1:focus {
  border-color: #c62828 !important;
  background-color: #b71c1c !important;
}

.btn-outline-red.btn-outline-darken-1 {
  border-color: #e53935 !important;
  color: #e53935 !important;
}

.btn-outline-red.btn-outline-darken-1:hover {
  background-color: #e53935 !important;
}

.border-red.border-darken-1 {
  border: 1px solid #e53935 !important;
}

.border-top-red.border-top-darken-1 {
  border-top: 1px solid #e53935 !important;
}

.border-bottom-red.border-bottom-darken-1 {
  border-bottom: 1px solid #e53935 !important;
}

.border-left-red.border-left-darken-1 {
  border-left: 1px solid #e53935 !important;
}

.border-right-red.border-right-darken-1 {
  border-right: 1px solid #e53935 !important;
}

.btn-red.btn-darken-2,
.btn-red.btn-darken-2:hover {
  border-color: #d32f2f !important;
}

.overlay-red.overlay-darken-1 {
  background: #e53935;
  background: rgba(229, 57, 53, 0.8);
}

.bg-red.bg-darken-2,
.btn-red.btn-darken-2 {
  background-color: #d32f2f !important;
}

.red.darken-2 {
  color: #d32f2f !important;
}

.btn-red.btn-darken-2:hover {
  background-color: #c62828 !important;
}

.btn-red.btn-darken-2:active,
.btn-red.btn-darken-2:focus {
  border-color: #c62828 !important;
  background-color: #b71c1c !important;
}

.btn-outline-red.btn-outline-darken-2 {
  border-color: #d32f2f !important;
  color: #d32f2f !important;
}

.btn-outline-red.btn-outline-darken-2:hover {
  background-color: #d32f2f !important;
}

.border-red.border-darken-2 {
  border: 1px solid #d32f2f !important;
}

.border-top-red.border-top-darken-2 {
  border-top: 1px solid #d32f2f !important;
}

.border-bottom-red.border-bottom-darken-2 {
  border-bottom: 1px solid #d32f2f !important;
}

.border-left-red.border-left-darken-2 {
  border-left: 1px solid #d32f2f !important;
}

.border-right-red.border-right-darken-2 {
  border-right: 1px solid #d32f2f !important;
}

.overlay-red.overlay-darken-2 {
  background: #d32f2f;
  background: rgba(211, 47, 47, 0.8);
}

.red.darken-3 {
  color: #c62828 !important;
}

.bg-red.bg-darken-3 {
  background-color: #c62828 !important;
}

.btn-red.btn-darken-3,
.btn-red.btn-darken-3:hover {
  border-color: #d32f2f !important;
  background-color: #c62828 !important;
}

.btn-red.btn-darken-3:active,
.btn-red.btn-darken-3:focus {
  border-color: #c62828 !important;
  background-color: #b71c1c !important;
}

.btn-outline-red.btn-outline-darken-3 {
  border-color: #c62828 !important;
  color: #c62828 !important;
}

.btn-outline-red.btn-outline-darken-3:hover {
  background-color: #c62828 !important;
}

.border-red.border-darken-3 {
  border: 1px solid #c62828 !important;
}

.border-top-red.border-top-darken-3 {
  border-top: 1px solid #c62828 !important;
}

.border-bottom-red.border-bottom-darken-3 {
  border-bottom: 1px solid #c62828 !important;
}

.border-left-red.border-left-darken-3 {
  border-left: 1px solid #c62828 !important;
}

.border-right-red.border-right-darken-3 {
  border-right: 1px solid #c62828 !important;
}

.btn-red.btn-darken-4,
.btn-red.btn-darken-4:hover {
  border-color: #d32f2f !important;
}

.overlay-red.overlay-darken-3 {
  background: #c62828;
  background: rgba(198, 40, 40, 0.8);
}

.bg-red.bg-darken-4,
.btn-red.btn-darken-4 {
  background-color: #b71c1c !important;
}

.red.darken-4 {
  color: #b71c1c !important;
}

.btn-red.btn-darken-4:hover {
  background-color: #c62828 !important;
}

.btn-red.btn-darken-4:active,
.btn-red.btn-darken-4:focus {
  border-color: #c62828 !important;
  background-color: #b71c1c !important;
}

.btn-outline-red.btn-outline-darken-4 {
  border-color: #b71c1c !important;
  color: #b71c1c !important;
}

.btn-outline-red.btn-outline-darken-4:hover {
  background-color: #b71c1c !important;
}

.border-red.border-darken-4 {
  border: 1px solid #b71c1c !important;
}

.border-top-red.border-top-darken-4 {
  border-top: 1px solid #b71c1c !important;
}

.border-bottom-red.border-bottom-darken-4 {
  border-bottom: 1px solid #b71c1c !important;
}

.border-left-red.border-left-darken-4 {
  border-left: 1px solid #b71c1c !important;
}

.border-right-red.border-right-darken-4 {
  border-right: 1px solid #b71c1c !important;
}

.btn-red.btn-accent-1,
.btn-red.btn-accent-1:hover {
  border-color: #d32f2f !important;
}

.overlay-red.overlay-darken-4 {
  background: #b71c1c;
  background: rgba(183, 28, 28, 0.8);
}

.bg-red.bg-accent-1,
.btn-red.btn-accent-1 {
  background-color: #ff8a80 !important;
}

.red.accent-1 {
  color: #ff8a80 !important;
}

.btn-red.btn-accent-1:hover {
  background-color: #c62828 !important;
}

.btn-red.btn-accent-1:active,
.btn-red.btn-accent-1:focus {
  border-color: #c62828 !important;
  background-color: #b71c1c !important;
}

.btn-outline-red.btn-outline-accent-1 {
  border-color: #ff8a80 !important;
  color: #ff8a80 !important;
}

.btn-outline-red.btn-outline-accent-1:hover {
  background-color: #ff8a80 !important;
}

.border-red.border-accent-1 {
  border: 1px solid #ff8a80 !important;
}

.border-top-red.border-top-accent-1 {
  border-top: 1px solid #ff8a80 !important;
}

.border-bottom-red.border-bottom-accent-1 {
  border-bottom: 1px solid #ff8a80 !important;
}

.border-left-red.border-left-accent-1 {
  border-left: 1px solid #ff8a80 !important;
}

.border-right-red.border-right-accent-1 {
  border-right: 1px solid #ff8a80 !important;
}

.btn-red.btn-accent-2,
.btn-red.btn-accent-2:hover {
  border-color: #d32f2f !important;
}

.overlay-red.overlay-accent-1 {
  background: #ff8a80;
  background: rgba(255, 138, 128, 0.8);
}

.bg-red.bg-accent-2,
.btn-red.btn-accent-2 {
  background-color: #ff5252 !important;
}

.red.accent-2 {
  color: #ff5252 !important;
}

.btn-red.btn-accent-2:hover {
  background-color: #c62828 !important;
}

.btn-red.btn-accent-2:active,
.btn-red.btn-accent-2:focus {
  border-color: #c62828 !important;
  background-color: #b71c1c !important;
}

.btn-outline-red.btn-outline-accent-2 {
  border-color: #ff5252 !important;
  color: #ff5252 !important;
}

.btn-outline-red.btn-outline-accent-2:hover {
  background-color: #ff5252 !important;
}

.border-red.border-accent-2 {
  border: 1px solid #ff5252 !important;
}

.border-top-red.border-top-accent-2 {
  border-top: 1px solid #ff5252 !important;
}

.border-bottom-red.border-bottom-accent-2 {
  border-bottom: 1px solid #ff5252 !important;
}

.border-left-red.border-left-accent-2 {
  border-left: 1px solid #ff5252 !important;
}

.border-right-red.border-right-accent-2 {
  border-right: 1px solid #ff5252 !important;
}

.btn-red.btn-accent-3,
.btn-red.btn-accent-3:hover {
  border-color: #d32f2f !important;
}

.overlay-red.overlay-accent-2 {
  background: #ff5252;
  background: rgba(255, 82, 82, 0.8);
}

.bg-red.bg-accent-3,
.btn-red.btn-accent-3 {
  background-color: #ff1744 !important;
}

.red.accent-3 {
  color: #ff1744 !important;
}

.btn-red.btn-accent-3:hover {
  background-color: #c62828 !important;
}

.btn-red.btn-accent-3:active,
.btn-red.btn-accent-3:focus {
  border-color: #c62828 !important;
  background-color: #b71c1c !important;
}

.btn-outline-red.btn-outline-accent-3 {
  border-color: #ff1744 !important;
  color: #ff1744 !important;
}

.btn-outline-red.btn-outline-accent-3:hover {
  background-color: #ff1744 !important;
}

.border-red.border-accent-3 {
  border: 1px solid #ff1744 !important;
}

.border-top-red.border-top-accent-3 {
  border-top: 1px solid #ff1744 !important;
}

.border-bottom-red.border-bottom-accent-3 {
  border-bottom: 1px solid #ff1744 !important;
}

.border-left-red.border-left-accent-3 {
  border-left: 1px solid #ff1744 !important;
}

.border-right-red.border-right-accent-3 {
  border-right: 1px solid #ff1744 !important;
}

.btn-red.btn-accent-4,
.btn-red.btn-accent-4:hover {
  border-color: #d32f2f !important;
}

.overlay-red.overlay-accent-3 {
  background: #ff1744;
  background: rgba(255, 23, 68, 0.8);
}

.bg-red.bg-accent-4,
.btn-red.btn-accent-4 {
  background-color: #d50000 !important;
}

.red.accent-4 {
  color: #d50000 !important;
}

.btn-red.btn-accent-4:hover {
  background-color: #c62828 !important;
}

.btn-red.btn-accent-4:active,
.btn-red.btn-accent-4:focus {
  border-color: #c62828 !important;
  background-color: #b71c1c !important;
}

.btn-outline-red.btn-outline-accent-4 {
  border-color: #d50000 !important;
  color: #d50000 !important;
}

.btn-outline-red.btn-outline-accent-4:hover {
  background-color: #d50000 !important;
}

input:focus ~ .bg-red {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d50000 !important;
}

.border-red.border-accent-4 {
  border: 1px solid #d50000 !important;
}

.border-top-red.border-top-accent-4 {
  border-top: 1px solid #d50000 !important;
}

.border-bottom-red.border-bottom-accent-4 {
  border-bottom: 1px solid #d50000 !important;
}

.border-left-red.border-left-accent-4 {
  border-left: 1px solid #d50000 !important;
}

.border-right-red.border-right-accent-4 {
  border-right: 1px solid #d50000 !important;
}

.btn-pink.btn-lighten-5,
.btn-pink.btn-lighten-5:hover {
  border-color: #c2185b !important;
}

.overlay-red.overlay-accent-4 {
  background: #d50000;
  background: rgba(213, 0, 0, 0.8);
}

.edit-kanban-item select option.bg-color_name,
.kanban-container .kanban-board .kanban-item[data-border='red']:before {
  background-color: #d50000;
}

.bg-pink.bg-lighten-5,
.btn-pink.btn-lighten-5 {
  background-color: #fce4ec !important;
}

.pink.lighten-5 {
  color: #fce4ec !important;
}

.btn-pink.btn-lighten-5:hover {
  background-color: #ad1457 !important;
}

.btn-pink.btn-lighten-5:active,
.btn-pink.btn-lighten-5:focus {
  border-color: #ad1457 !important;
  background-color: #880e4f !important;
}

.btn-outline-pink.btn-outline-lighten-5 {
  border-color: #fce4ec !important;
  color: #fce4ec !important;
}

.btn-outline-pink.btn-outline-lighten-5:hover {
  background-color: #fce4ec !important;
}

.border-pink.border-lighten-5 {
  border: 1px solid #fce4ec !important;
}

.border-top-pink.border-top-lighten-5 {
  border-top: 1px solid #fce4ec !important;
}

.border-bottom-pink.border-bottom-lighten-5 {
  border-bottom: 1px solid #fce4ec !important;
}

.border-left-pink.border-left-lighten-5 {
  border-left: 1px solid #fce4ec !important;
}

.border-right-pink.border-right-lighten-5 {
  border-right: 1px solid #fce4ec !important;
}

.btn-pink.btn-lighten-4,
.btn-pink.btn-lighten-4:hover {
  border-color: #c2185b !important;
}

.overlay-pink.overlay-lighten-5 {
  background: #fce4ec;
  background: rgba(252, 228, 236, 0.8);
}

.bg-pink.bg-lighten-4,
.btn-pink.btn-lighten-4 {
  background-color: #f8bbd0 !important;
}

.pink.lighten-4 {
  color: #f8bbd0 !important;
}

.btn-pink.btn-lighten-4:hover {
  background-color: #ad1457 !important;
}

.btn-pink.btn-lighten-4:active,
.btn-pink.btn-lighten-4:focus {
  border-color: #ad1457 !important;
  background-color: #880e4f !important;
}

.btn-outline-pink.btn-outline-lighten-4 {
  border-color: #f8bbd0 !important;
  color: #f8bbd0 !important;
}

.btn-outline-pink.btn-outline-lighten-4:hover {
  background-color: #f8bbd0 !important;
}

.border-pink.border-lighten-4 {
  border: 1px solid #f8bbd0 !important;
}

.border-top-pink.border-top-lighten-4 {
  border-top: 1px solid #f8bbd0 !important;
}

.border-bottom-pink.border-bottom-lighten-4 {
  border-bottom: 1px solid #f8bbd0 !important;
}

.border-left-pink.border-left-lighten-4 {
  border-left: 1px solid #f8bbd0 !important;
}

.border-right-pink.border-right-lighten-4 {
  border-right: 1px solid #f8bbd0 !important;
}

.btn-pink.btn-lighten-3,
.btn-pink.btn-lighten-3:hover {
  border-color: #c2185b !important;
}

.overlay-pink.overlay-lighten-4 {
  background: #f8bbd0;
  background: rgba(248, 187, 208, 0.8);
}

.bg-pink.bg-lighten-3,
.btn-pink.btn-lighten-3 {
  background-color: #f48fb1 !important;
}

.pink.lighten-3 {
  color: #f48fb1 !important;
}

.btn-pink.btn-lighten-3:hover {
  background-color: #ad1457 !important;
}

.btn-pink.btn-lighten-3:active,
.btn-pink.btn-lighten-3:focus {
  border-color: #ad1457 !important;
  background-color: #880e4f !important;
}

.btn-outline-pink.btn-outline-lighten-3 {
  border-color: #f48fb1 !important;
  color: #f48fb1 !important;
}

.btn-outline-pink.btn-outline-lighten-3:hover {
  background-color: #f48fb1 !important;
}

.border-pink.border-lighten-3 {
  border: 1px solid #f48fb1 !important;
}

.border-top-pink.border-top-lighten-3 {
  border-top: 1px solid #f48fb1 !important;
}

.border-bottom-pink.border-bottom-lighten-3 {
  border-bottom: 1px solid #f48fb1 !important;
}

.border-left-pink.border-left-lighten-3 {
  border-left: 1px solid #f48fb1 !important;
}

.border-right-pink.border-right-lighten-3 {
  border-right: 1px solid #f48fb1 !important;
}

.btn-pink.btn-lighten-2,
.btn-pink.btn-lighten-2:hover {
  border-color: #c2185b !important;
}

.overlay-pink.overlay-lighten-3 {
  background: #f48fb1;
  background: rgba(244, 143, 177, 0.8);
}

.bg-pink.bg-lighten-2,
.btn-pink.btn-lighten-2 {
  background-color: #f06292 !important;
}

.pink.lighten-2 {
  color: #f06292 !important;
}

.btn-pink.btn-lighten-2:hover {
  background-color: #ad1457 !important;
}

.btn-pink.btn-lighten-2:active,
.btn-pink.btn-lighten-2:focus {
  border-color: #ad1457 !important;
  background-color: #880e4f !important;
}

.btn-outline-pink.btn-outline-lighten-2 {
  border-color: #f06292 !important;
  color: #f06292 !important;
}

.btn-outline-pink.btn-outline-lighten-2:hover {
  background-color: #f06292 !important;
}

.border-pink.border-lighten-2 {
  border: 1px solid #f06292 !important;
}

.border-top-pink.border-top-lighten-2 {
  border-top: 1px solid #f06292 !important;
}

.border-bottom-pink.border-bottom-lighten-2 {
  border-bottom: 1px solid #f06292 !important;
}

.border-left-pink.border-left-lighten-2 {
  border-left: 1px solid #f06292 !important;
}

.border-right-pink.border-right-lighten-2 {
  border-right: 1px solid #f06292 !important;
}

.btn-pink.btn-lighten-1,
.btn-pink.btn-lighten-1:hover {
  border-color: #c2185b !important;
}

.overlay-pink.overlay-lighten-2 {
  background: #f06292;
  background: rgba(240, 98, 146, 0.8);
}

.bg-pink.bg-lighten-1,
.btn-pink.btn-lighten-1 {
  background-color: #ec407a !important;
}

.pink.lighten-1 {
  color: #ec407a !important;
}

.btn-pink.btn-lighten-1:hover {
  background-color: #ad1457 !important;
}

.btn-pink.btn-lighten-1:active,
.btn-pink.btn-lighten-1:focus {
  border-color: #ad1457 !important;
  background-color: #880e4f !important;
}

.btn-outline-pink.btn-outline-lighten-1 {
  border-color: #ec407a !important;
  color: #ec407a !important;
}

.btn-outline-pink.btn-outline-lighten-1:hover {
  background-color: #ec407a !important;
}

.border-pink.border-lighten-1 {
  border: 1px solid #ec407a !important;
}

.border-top-pink.border-top-lighten-1 {
  border-top: 1px solid #ec407a !important;
}

.border-bottom-pink.border-bottom-lighten-1 {
  border-bottom: 1px solid #ec407a !important;
}

.border-left-pink.border-left-lighten-1 {
  border-left: 1px solid #ec407a !important;
}

.border-right-pink.border-right-lighten-1 {
  border-right: 1px solid #ec407a !important;
}

.overlay-pink.overlay-lighten-1 {
  background: #ec407a;
  background: rgba(236, 64, 122, 0.8);
}

.pink {
  color: #e91e63 !important;
}

.bg-pink {
  background-color: #e91e63 !important;
}

.bg-pink .card-footer,
.bg-pink .card-header {
  background-color: transparent;
}

.alert-pink {
  border-color: #ef5f90 !important;
  background-color: #ef5f90 !important;
  color: #4d081f !important;
}

.alert-pink .alert-link {
  color: #280410 !important;
}

.bullet.bullet-pink {
  background-color: #e91e63;
}

.bg-light-pink {
  background-color: rgba(233, 30, 99, 0.15);
}

.bg-pink.badge-glow,
.border-pink.badge-glow {
  box-shadow: 0 0 10px #e91e63;
}

.overlay-pink {
  background: #e91e63;
  background: rgba(233, 30, 99, 0.8);
}

.btn-pink {
  background-color: #e91e63 !important;
  color: #fff;
}

.btn-pink:hover {
  border-color: #d81b60 !important;
  background-color: #ec407a !important;
  color: #fff !important;
}

.btn-pink:active,
.btn-pink:focus {
  border-color: #c2185b !important;
  background-color: #ad1457 !important;
  color: #fff !important;
}

.btn-outline-pink {
  border-color: #e91e63;
  background-color: transparent;
  color: #e91e63;
}

.btn-outline-pink:hover,
.widget-timeline .timeline-items.timeline-icon-pink:before {
  background-color: #e91e63;
}

.btn-outline-pink:hover {
  color: #fff !important;
}

input[type='checkbox'].bg-pink + .custom-control-label:before,
input[type='radio'].bg-pink + .custom-control-label:before {
  background-color: #e91e63 !important;
}

.bg-pink.bg-darken-1,
.btn-pink.btn-darken-1 {
  background-color: #d81b60 !important;
}

.border-pink {
  border: 1px solid #e91e63 !important;
}

.border-top-pink {
  border-top: 1px solid #e91e63;
}

.border-bottom-pink {
  border-bottom: 1px solid #e91e63;
}

.border-left-pink {
  border-left: 1px solid #e91e63;
}

.border-right-pink {
  border-right: 1px solid #e91e63;
}

.pink.darken-1 {
  color: #d81b60 !important;
}

.btn-pink.btn-darken-1 {
  border-color: #c2185b !important;
}

.btn-pink.btn-darken-1:hover {
  border-color: #c2185b !important;
  background-color: #ad1457 !important;
}

.btn-pink.btn-darken-1:active,
.btn-pink.btn-darken-1:focus {
  border-color: #ad1457 !important;
  background-color: #880e4f !important;
}

.btn-outline-pink.btn-outline-darken-1 {
  border-color: #d81b60 !important;
  color: #d81b60 !important;
}

.btn-outline-pink.btn-outline-darken-1:hover {
  background-color: #d81b60 !important;
}

.border-pink.border-darken-1 {
  border: 1px solid #d81b60 !important;
}

.border-top-pink.border-top-darken-1 {
  border-top: 1px solid #d81b60 !important;
}

.border-bottom-pink.border-bottom-darken-1 {
  border-bottom: 1px solid #d81b60 !important;
}

.border-left-pink.border-left-darken-1 {
  border-left: 1px solid #d81b60 !important;
}

.border-right-pink.border-right-darken-1 {
  border-right: 1px solid #d81b60 !important;
}

.btn-pink.btn-darken-2,
.btn-pink.btn-darken-2:hover {
  border-color: #c2185b !important;
}

.overlay-pink.overlay-darken-1 {
  background: #d81b60;
  background: rgba(216, 27, 96, 0.8);
}

.bg-pink.bg-darken-2,
.btn-pink.btn-darken-2 {
  background-color: #c2185b !important;
}

.pink.darken-2 {
  color: #c2185b !important;
}

.btn-pink.btn-darken-2:hover {
  background-color: #ad1457 !important;
}

.btn-pink.btn-darken-2:active,
.btn-pink.btn-darken-2:focus {
  border-color: #ad1457 !important;
  background-color: #880e4f !important;
}

.btn-outline-pink.btn-outline-darken-2 {
  border-color: #c2185b !important;
  color: #c2185b !important;
}

.btn-outline-pink.btn-outline-darken-2:hover {
  background-color: #c2185b !important;
}

.border-pink.border-darken-2 {
  border: 1px solid #c2185b !important;
}

.border-top-pink.border-top-darken-2 {
  border-top: 1px solid #c2185b !important;
}

.border-bottom-pink.border-bottom-darken-2 {
  border-bottom: 1px solid #c2185b !important;
}

.border-left-pink.border-left-darken-2 {
  border-left: 1px solid #c2185b !important;
}

.border-right-pink.border-right-darken-2 {
  border-right: 1px solid #c2185b !important;
}

.overlay-pink.overlay-darken-2 {
  background: #c2185b;
  background: rgba(194, 24, 91, 0.8);
}

.pink.darken-3 {
  color: #ad1457 !important;
}

.bg-pink.bg-darken-3 {
  background-color: #ad1457 !important;
}

.btn-pink.btn-darken-3,
.btn-pink.btn-darken-3:hover {
  border-color: #c2185b !important;
  background-color: #ad1457 !important;
}

.btn-pink.btn-darken-3:active,
.btn-pink.btn-darken-3:focus {
  border-color: #ad1457 !important;
  background-color: #880e4f !important;
}

.btn-outline-pink.btn-outline-darken-3 {
  border-color: #ad1457 !important;
  color: #ad1457 !important;
}

.btn-outline-pink.btn-outline-darken-3:hover {
  background-color: #ad1457 !important;
}

.border-pink.border-darken-3 {
  border: 1px solid #ad1457 !important;
}

.border-top-pink.border-top-darken-3 {
  border-top: 1px solid #ad1457 !important;
}

.border-bottom-pink.border-bottom-darken-3 {
  border-bottom: 1px solid #ad1457 !important;
}

.border-left-pink.border-left-darken-3 {
  border-left: 1px solid #ad1457 !important;
}

.border-right-pink.border-right-darken-3 {
  border-right: 1px solid #ad1457 !important;
}

.btn-pink.btn-darken-4,
.btn-pink.btn-darken-4:hover {
  border-color: #c2185b !important;
}

.overlay-pink.overlay-darken-3 {
  background: #ad1457;
  background: rgba(173, 20, 87, 0.8);
}

.bg-pink.bg-darken-4,
.btn-pink.btn-darken-4 {
  background-color: #880e4f !important;
}

.pink.darken-4 {
  color: #880e4f !important;
}

.btn-pink.btn-darken-4:hover {
  background-color: #ad1457 !important;
}

.btn-pink.btn-darken-4:active,
.btn-pink.btn-darken-4:focus {
  border-color: #ad1457 !important;
  background-color: #880e4f !important;
}

.btn-outline-pink.btn-outline-darken-4 {
  border-color: #880e4f !important;
  color: #880e4f !important;
}

.btn-outline-pink.btn-outline-darken-4:hover {
  background-color: #880e4f !important;
}

.border-pink.border-darken-4 {
  border: 1px solid #880e4f !important;
}

.border-top-pink.border-top-darken-4 {
  border-top: 1px solid #880e4f !important;
}

.border-bottom-pink.border-bottom-darken-4 {
  border-bottom: 1px solid #880e4f !important;
}

.border-left-pink.border-left-darken-4 {
  border-left: 1px solid #880e4f !important;
}

.border-right-pink.border-right-darken-4 {
  border-right: 1px solid #880e4f !important;
}

.btn-pink.btn-accent-1,
.btn-pink.btn-accent-1:hover {
  border-color: #c2185b !important;
}

.overlay-pink.overlay-darken-4 {
  background: #880e4f;
  background: rgba(136, 14, 79, 0.8);
}

.bg-pink.bg-accent-1,
.btn-pink.btn-accent-1 {
  background-color: #ff80ab !important;
}

.pink.accent-1 {
  color: #ff80ab !important;
}

.btn-pink.btn-accent-1:hover {
  background-color: #ad1457 !important;
}

.btn-pink.btn-accent-1:active,
.btn-pink.btn-accent-1:focus {
  border-color: #ad1457 !important;
  background-color: #880e4f !important;
}

.btn-outline-pink.btn-outline-accent-1 {
  border-color: #ff80ab !important;
  color: #ff80ab !important;
}

.btn-outline-pink.btn-outline-accent-1:hover {
  background-color: #ff80ab !important;
}

.border-pink.border-accent-1 {
  border: 1px solid #ff80ab !important;
}

.border-top-pink.border-top-accent-1 {
  border-top: 1px solid #ff80ab !important;
}

.border-bottom-pink.border-bottom-accent-1 {
  border-bottom: 1px solid #ff80ab !important;
}

.border-left-pink.border-left-accent-1 {
  border-left: 1px solid #ff80ab !important;
}

.border-right-pink.border-right-accent-1 {
  border-right: 1px solid #ff80ab !important;
}

.btn-pink.btn-accent-2,
.btn-pink.btn-accent-2:hover {
  border-color: #c2185b !important;
}

.overlay-pink.overlay-accent-1 {
  background: #ff80ab;
  background: rgba(255, 128, 171, 0.8);
}

.bg-pink.bg-accent-2,
.btn-pink.btn-accent-2 {
  background-color: #ff4081 !important;
}

.pink.accent-2 {
  color: #ff4081 !important;
}

.btn-pink.btn-accent-2:hover {
  background-color: #ad1457 !important;
}

.btn-pink.btn-accent-2:active,
.btn-pink.btn-accent-2:focus {
  border-color: #ad1457 !important;
  background-color: #880e4f !important;
}

.btn-outline-pink.btn-outline-accent-2 {
  border-color: #ff4081 !important;
  color: #ff4081 !important;
}

.btn-outline-pink.btn-outline-accent-2:hover {
  background-color: #ff4081 !important;
}

.border-pink.border-accent-2 {
  border: 1px solid #ff4081 !important;
}

.border-top-pink.border-top-accent-2 {
  border-top: 1px solid #ff4081 !important;
}

.border-bottom-pink.border-bottom-accent-2 {
  border-bottom: 1px solid #ff4081 !important;
}

.border-left-pink.border-left-accent-2 {
  border-left: 1px solid #ff4081 !important;
}

.border-right-pink.border-right-accent-2 {
  border-right: 1px solid #ff4081 !important;
}

.btn-pink.btn-accent-3,
.btn-pink.btn-accent-3:hover {
  border-color: #c2185b !important;
}

.overlay-pink.overlay-accent-2 {
  background: #ff4081;
  background: rgba(255, 64, 129, 0.8);
}

.bg-pink.bg-accent-3,
.btn-pink.btn-accent-3 {
  background-color: #f50057 !important;
}

.pink.accent-3 {
  color: #f50057 !important;
}

.btn-pink.btn-accent-3:hover {
  background-color: #ad1457 !important;
}

.btn-pink.btn-accent-3:active,
.btn-pink.btn-accent-3:focus {
  border-color: #ad1457 !important;
  background-color: #880e4f !important;
}

.btn-outline-pink.btn-outline-accent-3 {
  border-color: #f50057 !important;
  color: #f50057 !important;
}

.btn-outline-pink.btn-outline-accent-3:hover {
  background-color: #f50057 !important;
}

.border-pink.border-accent-3 {
  border: 1px solid #f50057 !important;
}

.border-top-pink.border-top-accent-3 {
  border-top: 1px solid #f50057 !important;
}

.border-bottom-pink.border-bottom-accent-3 {
  border-bottom: 1px solid #f50057 !important;
}

.border-left-pink.border-left-accent-3 {
  border-left: 1px solid #f50057 !important;
}

.border-right-pink.border-right-accent-3 {
  border-right: 1px solid #f50057 !important;
}

.btn-pink.btn-accent-4,
.btn-pink.btn-accent-4:hover {
  border-color: #c2185b !important;
}

.overlay-pink.overlay-accent-3 {
  background: #f50057;
  background: rgba(245, 0, 87, 0.8);
}

.bg-pink.bg-accent-4,
.btn-pink.btn-accent-4 {
  background-color: #c51162 !important;
}

.pink.accent-4 {
  color: #c51162 !important;
}

.btn-pink.btn-accent-4:hover {
  background-color: #ad1457 !important;
}

.btn-pink.btn-accent-4:active,
.btn-pink.btn-accent-4:focus {
  border-color: #ad1457 !important;
  background-color: #880e4f !important;
}

.btn-outline-pink.btn-outline-accent-4 {
  border-color: #c51162 !important;
  color: #c51162 !important;
}

.btn-outline-pink.btn-outline-accent-4:hover {
  background-color: #c51162 !important;
}

input:focus ~ .bg-pink {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #c51162 !important;
}

.border-pink.border-accent-4 {
  border: 1px solid #c51162 !important;
}

.border-top-pink.border-top-accent-4 {
  border-top: 1px solid #c51162 !important;
}

.border-bottom-pink.border-bottom-accent-4 {
  border-bottom: 1px solid #c51162 !important;
}

.border-left-pink.border-left-accent-4 {
  border-left: 1px solid #c51162 !important;
}

.border-right-pink.border-right-accent-4 {
  border-right: 1px solid #c51162 !important;
}

.overlay-pink.overlay-accent-4 {
  background: #c51162;
  background: rgba(197, 17, 98, 0.8);
}

.edit-kanban-item select option.bg-color_name,
.kanban-container .kanban-board .kanban-item[data-border='pink']:before {
  background-color: #c51162;
}

.bg-purple.bg-lighten-5,
.btn-purple.btn-lighten-5 {
  background-color: #f3e5f5 !important;
}

.purple.lighten-5 {
  color: #f3e5f5 !important;
}

.btn-purple.btn-lighten-5 {
  border-color: #7b1fa2 !important;
}

.btn-purple.btn-lighten-5:hover {
  border-color: #7b1fa2 !important;
  background-color: #6a1b9a !important;
}

.btn-purple.btn-lighten-5:active,
.btn-purple.btn-lighten-5:focus {
  border-color: #6a1b9a !important;
  background-color: #4a148c !important;
}

.btn-outline-purple.btn-outline-lighten-5 {
  border-color: #f3e5f5 !important;
  color: #f3e5f5 !important;
}

.btn-outline-purple.btn-outline-lighten-5:hover {
  background-color: #f3e5f5 !important;
}

.border-purple.border-lighten-5 {
  border: 1px solid #f3e5f5 !important;
}

.border-top-purple.border-top-lighten-5 {
  border-top: 1px solid #f3e5f5 !important;
}

.border-bottom-purple.border-bottom-lighten-5 {
  border-bottom: 1px solid #f3e5f5 !important;
}

.border-left-purple.border-left-lighten-5 {
  border-left: 1px solid #f3e5f5 !important;
}

.border-right-purple.border-right-lighten-5 {
  border-right: 1px solid #f3e5f5 !important;
}

.overlay-purple.overlay-lighten-5 {
  background: #f3e5f5;
  background: rgba(243, 229, 245, 0.8);
}

.bg-purple.bg-lighten-4,
.btn-purple.btn-lighten-4 {
  background-color: #e1bee7 !important;
}

.purple.lighten-4 {
  color: #e1bee7 !important;
}

.btn-purple.btn-lighten-4 {
  border-color: #7b1fa2 !important;
}

.btn-purple.btn-lighten-4:hover {
  border-color: #7b1fa2 !important;
  background-color: #6a1b9a !important;
}

.btn-purple.btn-lighten-4:active,
.btn-purple.btn-lighten-4:focus {
  border-color: #6a1b9a !important;
  background-color: #4a148c !important;
}

.btn-outline-purple.btn-outline-lighten-4 {
  border-color: #e1bee7 !important;
  color: #e1bee7 !important;
}

.btn-outline-purple.btn-outline-lighten-4:hover {
  background-color: #e1bee7 !important;
}

.border-purple.border-lighten-4 {
  border: 1px solid #e1bee7 !important;
}

.border-top-purple.border-top-lighten-4 {
  border-top: 1px solid #e1bee7 !important;
}

.border-bottom-purple.border-bottom-lighten-4 {
  border-bottom: 1px solid #e1bee7 !important;
}

.border-left-purple.border-left-lighten-4 {
  border-left: 1px solid #e1bee7 !important;
}

.border-right-purple.border-right-lighten-4 {
  border-right: 1px solid #e1bee7 !important;
}

.overlay-purple.overlay-lighten-4 {
  background: #e1bee7;
  background: rgba(225, 190, 231, 0.8);
}

.bg-purple.bg-lighten-3,
.btn-purple.btn-lighten-3 {
  background-color: #ce93d8 !important;
}

.purple.lighten-3 {
  color: #ce93d8 !important;
}

.btn-purple.btn-lighten-3 {
  border-color: #7b1fa2 !important;
}

.btn-purple.btn-lighten-3:hover {
  border-color: #7b1fa2 !important;
  background-color: #6a1b9a !important;
}

.btn-purple.btn-lighten-3:active,
.btn-purple.btn-lighten-3:focus {
  border-color: #6a1b9a !important;
  background-color: #4a148c !important;
}

.btn-outline-purple.btn-outline-lighten-3 {
  border-color: #ce93d8 !important;
  color: #ce93d8 !important;
}

.btn-outline-purple.btn-outline-lighten-3:hover {
  background-color: #ce93d8 !important;
}

.border-purple.border-lighten-3 {
  border: 1px solid #ce93d8 !important;
}

.border-top-purple.border-top-lighten-3 {
  border-top: 1px solid #ce93d8 !important;
}

.border-bottom-purple.border-bottom-lighten-3 {
  border-bottom: 1px solid #ce93d8 !important;
}

.border-left-purple.border-left-lighten-3 {
  border-left: 1px solid #ce93d8 !important;
}

.border-right-purple.border-right-lighten-3 {
  border-right: 1px solid #ce93d8 !important;
}

.overlay-purple.overlay-lighten-3 {
  background: #ce93d8;
  background: rgba(206, 147, 216, 0.8);
}

.bg-purple.bg-lighten-2,
.btn-purple.btn-lighten-2 {
  background-color: #ba68c8 !important;
}

.purple.lighten-2 {
  color: #ba68c8 !important;
}

.btn-purple.btn-lighten-2 {
  border-color: #7b1fa2 !important;
}

.btn-purple.btn-lighten-2:hover {
  border-color: #7b1fa2 !important;
  background-color: #6a1b9a !important;
}

.btn-purple.btn-lighten-2:active,
.btn-purple.btn-lighten-2:focus {
  border-color: #6a1b9a !important;
  background-color: #4a148c !important;
}

.btn-outline-purple.btn-outline-lighten-2 {
  border-color: #ba68c8 !important;
  color: #ba68c8 !important;
}

.btn-outline-purple.btn-outline-lighten-2:hover {
  background-color: #ba68c8 !important;
}

.border-purple.border-lighten-2 {
  border: 1px solid #ba68c8 !important;
}

.border-top-purple.border-top-lighten-2 {
  border-top: 1px solid #ba68c8 !important;
}

.border-bottom-purple.border-bottom-lighten-2 {
  border-bottom: 1px solid #ba68c8 !important;
}

.border-left-purple.border-left-lighten-2 {
  border-left: 1px solid #ba68c8 !important;
}

.border-right-purple.border-right-lighten-2 {
  border-right: 1px solid #ba68c8 !important;
}

.overlay-purple.overlay-lighten-2 {
  background: #ba68c8;
  background: rgba(186, 104, 200, 0.8);
}

.bg-purple.bg-lighten-1,
.btn-purple.btn-lighten-1 {
  background-color: #ab47bc !important;
}

.purple.lighten-1 {
  color: #ab47bc !important;
}

.btn-purple.btn-lighten-1 {
  border-color: #7b1fa2 !important;
}

.btn-purple.btn-lighten-1:hover {
  border-color: #7b1fa2 !important;
  background-color: #6a1b9a !important;
}

.btn-purple.btn-lighten-1:active,
.btn-purple.btn-lighten-1:focus {
  border-color: #6a1b9a !important;
  background-color: #4a148c !important;
}

.btn-outline-purple.btn-outline-lighten-1 {
  border-color: #ab47bc !important;
  color: #ab47bc !important;
}

.btn-outline-purple.btn-outline-lighten-1:hover {
  background-color: #ab47bc !important;
}

.border-purple.border-lighten-1 {
  border: 1px solid #ab47bc !important;
}

.border-top-purple.border-top-lighten-1 {
  border-top: 1px solid #ab47bc !important;
}

.border-bottom-purple.border-bottom-lighten-1 {
  border-bottom: 1px solid #ab47bc !important;
}

.border-left-purple.border-left-lighten-1 {
  border-left: 1px solid #ab47bc !important;
}

.border-right-purple.border-right-lighten-1 {
  border-right: 1px solid #ab47bc !important;
}

.overlay-purple.overlay-lighten-1 {
  background: #ab47bc;
  background: rgba(171, 71, 188, 0.8);
}

.purple {
  color: #9c27b0 !important;
}

.bg-purple {
  background-color: #9c27b0 !important;
}

.bg-purple .card-footer,
.bg-purple .card-header {
  background-color: transparent;
}

.alert-purple {
  border-color: #c248d6 !important;
  background-color: #c248d6 !important;
  color: #1a071e !important;
}

.alert-purple .alert-link {
  color: #000 !important;
}

.bullet.bullet-purple {
  background-color: #9c27b0;
}

.bg-light-purple {
  background-color: rgba(156, 39, 176, 0.15);
}

.bg-purple.badge-glow,
.border-purple.badge-glow {
  box-shadow: 0 0 10px #9c27b0;
}

.overlay-purple {
  background: #9c27b0;
  background: rgba(156, 39, 176, 0.8);
}

.btn-purple {
  background-color: #9c27b0 !important;
  color: #fff;
}

.btn-purple:hover {
  border-color: #8e24aa !important;
  background-color: #ab47bc !important;
  color: #fff !important;
}

.btn-purple:active,
.btn-purple:focus {
  border-color: #7b1fa2 !important;
  background-color: #6a1b9a !important;
  color: #fff !important;
}

.btn-outline-purple {
  border-color: #9c27b0;
  background-color: transparent;
  color: #9c27b0;
}

.btn-outline-purple:hover {
  background-color: #9c27b0;
  color: #fff !important;
}

.widget-timeline .timeline-items.timeline-icon-purple:before {
  background-color: #9c27b0;
}

input[type='checkbox'].bg-purple + .custom-control-label:before,
input[type='radio'].bg-purple + .custom-control-label:before {
  background-color: #9c27b0 !important;
}

.bg-purple.bg-darken-1,
.btn-purple.btn-darken-1 {
  background-color: #8e24aa !important;
}

.border-purple {
  border: 1px solid #9c27b0 !important;
}

.border-top-purple {
  border-top: 1px solid #9c27b0;
}

.border-bottom-purple {
  border-bottom: 1px solid #9c27b0;
}

.border-left-purple {
  border-left: 1px solid #9c27b0;
}

.border-right-purple {
  border-right: 1px solid #9c27b0;
}

.purple.darken-1 {
  color: #8e24aa !important;
}

.btn-purple.btn-darken-1 {
  border-color: #7b1fa2 !important;
}

.btn-purple.btn-darken-1:hover {
  border-color: #7b1fa2 !important;
  background-color: #6a1b9a !important;
}

.btn-purple.btn-darken-1:active,
.btn-purple.btn-darken-1:focus {
  border-color: #6a1b9a !important;
  background-color: #4a148c !important;
}

.btn-outline-purple.btn-outline-darken-1 {
  border-color: #8e24aa !important;
  color: #8e24aa !important;
}

.btn-outline-purple.btn-outline-darken-1:hover {
  background-color: #8e24aa !important;
}

.border-purple.border-darken-1 {
  border: 1px solid #8e24aa !important;
}

.border-top-purple.border-top-darken-1 {
  border-top: 1px solid #8e24aa !important;
}

.border-bottom-purple.border-bottom-darken-1 {
  border-bottom: 1px solid #8e24aa !important;
}

.border-left-purple.border-left-darken-1 {
  border-left: 1px solid #8e24aa !important;
}

.border-right-purple.border-right-darken-1 {
  border-right: 1px solid #8e24aa !important;
}

.btn-purple.btn-darken-2,
.btn-purple.btn-darken-2:hover {
  border-color: #7b1fa2 !important;
}

.overlay-purple.overlay-darken-1 {
  background: #8e24aa;
  background: rgba(142, 36, 170, 0.8);
}

.bg-purple.bg-darken-2,
.btn-purple.btn-darken-2 {
  background-color: #7b1fa2 !important;
}

.purple.darken-2 {
  color: #7b1fa2 !important;
}

.btn-purple.btn-darken-2:hover {
  background-color: #6a1b9a !important;
}

.btn-purple.btn-darken-2:active,
.btn-purple.btn-darken-2:focus {
  border-color: #6a1b9a !important;
  background-color: #4a148c !important;
}

.btn-outline-purple.btn-outline-darken-2 {
  border-color: #7b1fa2 !important;
  color: #7b1fa2 !important;
}

.btn-outline-purple.btn-outline-darken-2:hover {
  background-color: #7b1fa2 !important;
}

.border-purple.border-darken-2 {
  border: 1px solid #7b1fa2 !important;
}

.border-top-purple.border-top-darken-2 {
  border-top: 1px solid #7b1fa2 !important;
}

.border-bottom-purple.border-bottom-darken-2 {
  border-bottom: 1px solid #7b1fa2 !important;
}

.border-left-purple.border-left-darken-2 {
  border-left: 1px solid #7b1fa2 !important;
}

.border-right-purple.border-right-darken-2 {
  border-right: 1px solid #7b1fa2 !important;
}

.overlay-purple.overlay-darken-2 {
  background: #7b1fa2;
  background: rgba(123, 31, 162, 0.8);
}

.purple.darken-3 {
  color: #6a1b9a !important;
}

.bg-purple.bg-darken-3 {
  background-color: #6a1b9a !important;
}

.btn-purple.btn-darken-3,
.btn-purple.btn-darken-3:hover {
  border-color: #7b1fa2 !important;
  background-color: #6a1b9a !important;
}

.btn-purple.btn-darken-3:active,
.btn-purple.btn-darken-3:focus {
  border-color: #6a1b9a !important;
  background-color: #4a148c !important;
}

.btn-outline-purple.btn-outline-darken-3 {
  border-color: #6a1b9a !important;
  color: #6a1b9a !important;
}

.btn-outline-purple.btn-outline-darken-3:hover {
  background-color: #6a1b9a !important;
}

.border-purple.border-darken-3 {
  border: 1px solid #6a1b9a !important;
}

.border-top-purple.border-top-darken-3 {
  border-top: 1px solid #6a1b9a !important;
}

.border-bottom-purple.border-bottom-darken-3 {
  border-bottom: 1px solid #6a1b9a !important;
}

.border-left-purple.border-left-darken-3 {
  border-left: 1px solid #6a1b9a !important;
}

.border-right-purple.border-right-darken-3 {
  border-right: 1px solid #6a1b9a !important;
}

.btn-purple.btn-darken-4,
.btn-purple.btn-darken-4:hover {
  border-color: #7b1fa2 !important;
}

.overlay-purple.overlay-darken-3 {
  background: #6a1b9a;
  background: rgba(106, 27, 154, 0.8);
}

.bg-purple.bg-darken-4,
.btn-purple.btn-darken-4 {
  background-color: #4a148c !important;
}

.purple.darken-4 {
  color: #4a148c !important;
}

.btn-purple.btn-darken-4:hover {
  background-color: #6a1b9a !important;
}

.btn-purple.btn-darken-4:active,
.btn-purple.btn-darken-4:focus {
  border-color: #6a1b9a !important;
  background-color: #4a148c !important;
}

.btn-outline-purple.btn-outline-darken-4 {
  border-color: #4a148c !important;
  color: #4a148c !important;
}

.btn-outline-purple.btn-outline-darken-4:hover {
  background-color: #4a148c !important;
}

.border-purple.border-darken-4 {
  border: 1px solid #4a148c !important;
}

.border-top-purple.border-top-darken-4 {
  border-top: 1px solid #4a148c !important;
}

.border-bottom-purple.border-bottom-darken-4 {
  border-bottom: 1px solid #4a148c !important;
}

.border-left-purple.border-left-darken-4 {
  border-left: 1px solid #4a148c !important;
}

.border-right-purple.border-right-darken-4 {
  border-right: 1px solid #4a148c !important;
}

.btn-purple.btn-accent-1,
.btn-purple.btn-accent-1:hover {
  border-color: #7b1fa2 !important;
}

.overlay-purple.overlay-darken-4 {
  background: #4a148c;
  background: rgba(74, 20, 140, 0.8);
}

.bg-purple.bg-accent-1,
.btn-purple.btn-accent-1 {
  background-color: #ea80fc !important;
}

.purple.accent-1 {
  color: #ea80fc !important;
}

.btn-purple.btn-accent-1:hover {
  background-color: #6a1b9a !important;
}

.btn-purple.btn-accent-1:active,
.btn-purple.btn-accent-1:focus {
  border-color: #6a1b9a !important;
  background-color: #4a148c !important;
}

.btn-outline-purple.btn-outline-accent-1 {
  border-color: #ea80fc !important;
  color: #ea80fc !important;
}

.btn-outline-purple.btn-outline-accent-1:hover {
  background-color: #ea80fc !important;
}

.border-purple.border-accent-1 {
  border: 1px solid #ea80fc !important;
}

.border-top-purple.border-top-accent-1 {
  border-top: 1px solid #ea80fc !important;
}

.border-bottom-purple.border-bottom-accent-1 {
  border-bottom: 1px solid #ea80fc !important;
}

.border-left-purple.border-left-accent-1 {
  border-left: 1px solid #ea80fc !important;
}

.border-right-purple.border-right-accent-1 {
  border-right: 1px solid #ea80fc !important;
}

.btn-purple.btn-accent-2,
.btn-purple.btn-accent-2:hover {
  border-color: #7b1fa2 !important;
}

.overlay-purple.overlay-accent-1 {
  background: #ea80fc;
  background: rgba(234, 128, 252, 0.8);
}

.bg-purple.bg-accent-2,
.btn-purple.btn-accent-2 {
  background-color: #e040fb !important;
}

.purple.accent-2 {
  color: #e040fb !important;
}

.btn-purple.btn-accent-2:hover {
  background-color: #6a1b9a !important;
}

.btn-purple.btn-accent-2:active,
.btn-purple.btn-accent-2:focus {
  border-color: #6a1b9a !important;
  background-color: #4a148c !important;
}

.btn-outline-purple.btn-outline-accent-2 {
  border-color: #e040fb !important;
  color: #e040fb !important;
}

.btn-outline-purple.btn-outline-accent-2:hover {
  background-color: #e040fb !important;
}

.border-purple.border-accent-2 {
  border: 1px solid #e040fb !important;
}

.border-top-purple.border-top-accent-2 {
  border-top: 1px solid #e040fb !important;
}

.border-bottom-purple.border-bottom-accent-2 {
  border-bottom: 1px solid #e040fb !important;
}

.border-left-purple.border-left-accent-2 {
  border-left: 1px solid #e040fb !important;
}

.border-right-purple.border-right-accent-2 {
  border-right: 1px solid #e040fb !important;
}

.btn-purple.btn-accent-3,
.btn-purple.btn-accent-3:hover {
  border-color: #7b1fa2 !important;
}

.overlay-purple.overlay-accent-2 {
  background: #e040fb;
  background: rgba(224, 64, 251, 0.8);
}

.bg-purple.bg-accent-3,
.btn-purple.btn-accent-3 {
  background-color: #d500f9 !important;
}

.purple.accent-3 {
  color: #d500f9 !important;
}

.btn-purple.btn-accent-3:hover {
  background-color: #6a1b9a !important;
}

.btn-purple.btn-accent-3:active,
.btn-purple.btn-accent-3:focus {
  border-color: #6a1b9a !important;
  background-color: #4a148c !important;
}

.btn-outline-purple.btn-outline-accent-3 {
  border-color: #d500f9 !important;
  color: #d500f9 !important;
}

.btn-outline-purple.btn-outline-accent-3:hover {
  background-color: #d500f9 !important;
}

.border-purple.border-accent-3 {
  border: 1px solid #d500f9 !important;
}

.border-top-purple.border-top-accent-3 {
  border-top: 1px solid #d500f9 !important;
}

.border-bottom-purple.border-bottom-accent-3 {
  border-bottom: 1px solid #d500f9 !important;
}

.border-left-purple.border-left-accent-3 {
  border-left: 1px solid #d500f9 !important;
}

.border-right-purple.border-right-accent-3 {
  border-right: 1px solid #d500f9 !important;
}

.btn-purple.btn-accent-4,
.btn-purple.btn-accent-4:hover {
  border-color: #7b1fa2 !important;
}

.overlay-purple.overlay-accent-3 {
  background: #d500f9;
  background: rgba(213, 0, 249, 0.8);
}

.bg-purple.bg-accent-4,
.btn-purple.btn-accent-4 {
  background-color: #d0f !important;
}

.purple.accent-4 {
  color: #d0f !important;
}

.btn-purple.btn-accent-4:hover {
  background-color: #6a1b9a !important;
}

.btn-purple.btn-accent-4:active,
.btn-purple.btn-accent-4:focus {
  border-color: #6a1b9a !important;
  background-color: #4a148c !important;
}

.btn-outline-purple.btn-outline-accent-4 {
  border-color: #d0f !important;
  color: #d0f !important;
}

.btn-outline-purple.btn-outline-accent-4:hover {
  background-color: #d0f !important;
}

input:focus ~ .bg-purple {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d0f !important;
}

.border-purple.border-accent-4 {
  border: 1px solid #d0f !important;
}

.border-top-purple.border-top-accent-4 {
  border-top: 1px solid #d0f !important;
}

.border-bottom-purple.border-bottom-accent-4 {
  border-bottom: 1px solid #d0f !important;
}

.border-left-purple.border-left-accent-4 {
  border-left: 1px solid #d0f !important;
}

.border-right-purple.border-right-accent-4 {
  border-right: 1px solid #d0f !important;
}

.btn-blue.btn-lighten-5,
.btn-blue.btn-lighten-5:hover {
  border-color: #1976d2 !important;
}

.overlay-purple.overlay-accent-4 {
  background: #d0f;
  background: rgba(221, 0, 255, 0.8);
}

.edit-kanban-item select option.bg-color_name,
.kanban-container .kanban-board .kanban-item[data-border='purple']:before {
  background-color: #d0f;
}

.bg-blue.bg-lighten-5,
.btn-blue.btn-lighten-5 {
  background-color: #e3f2fd !important;
}

.blue.lighten-5 {
  color: #e3f2fd !important;
}

.btn-blue.btn-lighten-5:hover {
  background-color: #1565c0 !important;
}

.btn-blue.btn-lighten-5:active,
.btn-blue.btn-lighten-5:focus {
  border-color: #1565c0 !important;
  background-color: #0d47a1 !important;
}

.btn-outline-blue.btn-outline-lighten-5 {
  border-color: #e3f2fd !important;
  color: #e3f2fd !important;
}

.btn-outline-blue.btn-outline-lighten-5:hover {
  background-color: #e3f2fd !important;
}

.border-blue.border-lighten-5 {
  border: 1px solid #e3f2fd !important;
}

.border-top-blue.border-top-lighten-5 {
  border-top: 1px solid #e3f2fd !important;
}

.border-bottom-blue.border-bottom-lighten-5 {
  border-bottom: 1px solid #e3f2fd !important;
}

.border-left-blue.border-left-lighten-5 {
  border-left: 1px solid #e3f2fd !important;
}

.border-right-blue.border-right-lighten-5 {
  border-right: 1px solid #e3f2fd !important;
}

.btn-blue.btn-lighten-4,
.btn-blue.btn-lighten-4:hover {
  border-color: #1976d2 !important;
}

.overlay-blue.overlay-lighten-5 {
  background: #e3f2fd;
  background: rgba(227, 242, 253, 0.8);
}

.bg-blue.bg-lighten-4,
.btn-blue.btn-lighten-4 {
  background-color: #bbdefb !important;
}

.blue.lighten-4 {
  color: #bbdefb !important;
}

.btn-blue.btn-lighten-4:hover {
  background-color: #1565c0 !important;
}

.btn-blue.btn-lighten-4:active,
.btn-blue.btn-lighten-4:focus {
  border-color: #1565c0 !important;
  background-color: #0d47a1 !important;
}

.btn-outline-blue.btn-outline-lighten-4 {
  border-color: #bbdefb !important;
  color: #bbdefb !important;
}

.btn-outline-blue.btn-outline-lighten-4:hover {
  background-color: #bbdefb !important;
}

.border-blue.border-lighten-4 {
  border: 1px solid #bbdefb !important;
}

.border-top-blue.border-top-lighten-4 {
  border-top: 1px solid #bbdefb !important;
}

.border-bottom-blue.border-bottom-lighten-4 {
  border-bottom: 1px solid #bbdefb !important;
}

.border-left-blue.border-left-lighten-4 {
  border-left: 1px solid #bbdefb !important;
}

.border-right-blue.border-right-lighten-4 {
  border-right: 1px solid #bbdefb !important;
}

.btn-blue.btn-lighten-3,
.btn-blue.btn-lighten-3:hover {
  border-color: #1976d2 !important;
}

.overlay-blue.overlay-lighten-4 {
  background: #bbdefb;
  background: rgba(187, 222, 251, 0.8);
}

.bg-blue.bg-lighten-3,
.btn-blue.btn-lighten-3 {
  background-color: #90caf9 !important;
}

.blue.lighten-3 {
  color: #90caf9 !important;
}

.btn-blue.btn-lighten-3:hover {
  background-color: #1565c0 !important;
}

.btn-blue.btn-lighten-3:active,
.btn-blue.btn-lighten-3:focus {
  border-color: #1565c0 !important;
  background-color: #0d47a1 !important;
}

.btn-outline-blue.btn-outline-lighten-3 {
  border-color: #90caf9 !important;
  color: #90caf9 !important;
}

.btn-outline-blue.btn-outline-lighten-3:hover {
  background-color: #90caf9 !important;
}

.border-blue.border-lighten-3 {
  border: 1px solid #90caf9 !important;
}

.border-top-blue.border-top-lighten-3 {
  border-top: 1px solid #90caf9 !important;
}

.border-bottom-blue.border-bottom-lighten-3 {
  border-bottom: 1px solid #90caf9 !important;
}

.border-left-blue.border-left-lighten-3 {
  border-left: 1px solid #90caf9 !important;
}

.border-right-blue.border-right-lighten-3 {
  border-right: 1px solid #90caf9 !important;
}

.btn-blue.btn-lighten-2,
.btn-blue.btn-lighten-2:hover {
  border-color: #1976d2 !important;
}

.overlay-blue.overlay-lighten-3 {
  background: #90caf9;
  background: rgba(144, 202, 249, 0.8);
}

.bg-blue.bg-lighten-2,
.btn-blue.btn-lighten-2 {
  background-color: #64b5f6 !important;
}

.blue.lighten-2 {
  color: #64b5f6 !important;
}

.btn-blue.btn-lighten-2:hover {
  background-color: #1565c0 !important;
}

.btn-blue.btn-lighten-2:active,
.btn-blue.btn-lighten-2:focus {
  border-color: #1565c0 !important;
  background-color: #0d47a1 !important;
}

.btn-outline-blue.btn-outline-lighten-2 {
  border-color: #64b5f6 !important;
  color: #64b5f6 !important;
}

.btn-outline-blue.btn-outline-lighten-2:hover {
  background-color: #64b5f6 !important;
}

.border-blue.border-lighten-2 {
  border: 1px solid #64b5f6 !important;
}

.border-top-blue.border-top-lighten-2 {
  border-top: 1px solid #64b5f6 !important;
}

.border-bottom-blue.border-bottom-lighten-2 {
  border-bottom: 1px solid #64b5f6 !important;
}

.border-left-blue.border-left-lighten-2 {
  border-left: 1px solid #64b5f6 !important;
}

.border-right-blue.border-right-lighten-2 {
  border-right: 1px solid #64b5f6 !important;
}

.btn-blue.btn-lighten-1,
.btn-blue.btn-lighten-1:hover {
  border-color: #1976d2 !important;
}

.overlay-blue.overlay-lighten-2 {
  background: #64b5f6;
  background: rgba(100, 181, 246, 0.8);
}

.bg-blue.bg-lighten-1,
.btn-blue.btn-lighten-1 {
  background-color: #42a5f5 !important;
}

.blue.lighten-1 {
  color: #42a5f5 !important;
}

.btn-blue.btn-lighten-1:hover {
  background-color: #1565c0 !important;
}

.btn-blue.btn-lighten-1:active,
.btn-blue.btn-lighten-1:focus {
  border-color: #1565c0 !important;
  background-color: #0d47a1 !important;
}

.btn-outline-blue.btn-outline-lighten-1 {
  border-color: #42a5f5 !important;
  color: #42a5f5 !important;
}

.btn-outline-blue.btn-outline-lighten-1:hover {
  background-color: #42a5f5 !important;
}

.border-blue.border-lighten-1 {
  border: 1px solid #42a5f5 !important;
}

.border-top-blue.border-top-lighten-1 {
  border-top: 1px solid #42a5f5 !important;
}

.border-bottom-blue.border-bottom-lighten-1 {
  border-bottom: 1px solid #42a5f5 !important;
}

.border-left-blue.border-left-lighten-1 {
  border-left: 1px solid #42a5f5 !important;
}

.border-right-blue.border-right-lighten-1 {
  border-right: 1px solid #42a5f5 !important;
}

.overlay-blue.overlay-lighten-1 {
  background: #42a5f5;
  background: rgba(66, 165, 245, 0.8);
}

.blue {
  color: #2196f3 !important;
}

.bg-blue {
  background-color: #2196f3 !important;
}

.bg-blue .card-footer,
.bg-blue .card-header {
  background-color: transparent;
}

.alert-blue {
  border-color: #65b6f7 !important;
  background-color: #65b6f7 !important;
  color: #05365d !important;
}

.alert-blue .alert-link {
  color: #031f36 !important;
}

.bullet.bullet-blue {
  background-color: #2196f3;
}

.bg-light-blue {
  background-color: rgba(33, 150, 243, 0.15);
}

.bg-blue.badge-glow,
.border-blue.badge-glow {
  box-shadow: 0 0 10px #2196f3;
}

.overlay-blue {
  background: #2196f3;
  background: rgba(33, 150, 243, 0.8);
}

.btn-blue {
  background-color: #2196f3 !important;
  color: #fff;
}

.btn-blue:hover {
  border-color: #1e88e5 !important;
  background-color: #42a5f5 !important;
  color: #fff !important;
}

.btn-blue:active,
.btn-blue:focus {
  border-color: #1976d2 !important;
  background-color: #1565c0 !important;
  color: #fff !important;
}

.btn-outline-blue {
  border-color: #2196f3;
  background-color: transparent;
  color: #2196f3;
}

.btn-outline-blue:hover,
.widget-timeline .timeline-items.timeline-icon-blue:before {
  background-color: #2196f3;
}

.btn-outline-blue:hover {
  color: #fff !important;
}

input[type='checkbox'].bg-blue + .custom-control-label:before,
input[type='radio'].bg-blue + .custom-control-label:before {
  background-color: #2196f3 !important;
}

.bg-blue.bg-darken-1,
.btn-blue.btn-darken-1 {
  background-color: #1e88e5 !important;
}

.border-blue {
  border: 1px solid #2196f3 !important;
}

.border-top-blue {
  border-top: 1px solid #2196f3;
}

.border-bottom-blue {
  border-bottom: 1px solid #2196f3;
}

.border-left-blue {
  border-left: 1px solid #2196f3;
}

.border-right-blue {
  border-right: 1px solid #2196f3;
}

.blue.darken-1 {
  color: #1e88e5 !important;
}

.btn-blue.btn-darken-1 {
  border-color: #1976d2 !important;
}

.btn-blue.btn-darken-1:hover {
  border-color: #1976d2 !important;
  background-color: #1565c0 !important;
}

.btn-blue.btn-darken-1:active,
.btn-blue.btn-darken-1:focus {
  border-color: #1565c0 !important;
  background-color: #0d47a1 !important;
}

.btn-outline-blue.btn-outline-darken-1 {
  border-color: #1e88e5 !important;
  color: #1e88e5 !important;
}

.btn-outline-blue.btn-outline-darken-1:hover {
  background-color: #1e88e5 !important;
}

.border-blue.border-darken-1 {
  border: 1px solid #1e88e5 !important;
}

.border-top-blue.border-top-darken-1 {
  border-top: 1px solid #1e88e5 !important;
}

.border-bottom-blue.border-bottom-darken-1 {
  border-bottom: 1px solid #1e88e5 !important;
}

.border-left-blue.border-left-darken-1 {
  border-left: 1px solid #1e88e5 !important;
}

.border-right-blue.border-right-darken-1 {
  border-right: 1px solid #1e88e5 !important;
}

.btn-blue.btn-darken-2,
.btn-blue.btn-darken-2:hover {
  border-color: #1976d2 !important;
}

.overlay-blue.overlay-darken-1 {
  background: #1e88e5;
  background: rgba(30, 136, 229, 0.8);
}

.bg-blue.bg-darken-2,
.btn-blue.btn-darken-2 {
  background-color: #1976d2 !important;
}

.blue.darken-2 {
  color: #1976d2 !important;
}

.btn-blue.btn-darken-2:hover {
  background-color: #1565c0 !important;
}

.btn-blue.btn-darken-2:active,
.btn-blue.btn-darken-2:focus {
  border-color: #1565c0 !important;
  background-color: #0d47a1 !important;
}

.btn-outline-blue.btn-outline-darken-2 {
  border-color: #1976d2 !important;
  color: #1976d2 !important;
}

.btn-outline-blue.btn-outline-darken-2:hover {
  background-color: #1976d2 !important;
}

.border-blue.border-darken-2 {
  border: 1px solid #1976d2 !important;
}

.border-top-blue.border-top-darken-2 {
  border-top: 1px solid #1976d2 !important;
}

.border-bottom-blue.border-bottom-darken-2 {
  border-bottom: 1px solid #1976d2 !important;
}

.border-left-blue.border-left-darken-2 {
  border-left: 1px solid #1976d2 !important;
}

.border-right-blue.border-right-darken-2 {
  border-right: 1px solid #1976d2 !important;
}

.overlay-blue.overlay-darken-2 {
  background: #1976d2;
  background: rgba(25, 118, 210, 0.8);
}

.blue.darken-3 {
  color: #1565c0 !important;
}

.bg-blue.bg-darken-3 {
  background-color: #1565c0 !important;
}

.btn-blue.btn-darken-3,
.btn-blue.btn-darken-3:hover {
  border-color: #1976d2 !important;
  background-color: #1565c0 !important;
}

.btn-blue.btn-darken-3:active,
.btn-blue.btn-darken-3:focus {
  border-color: #1565c0 !important;
  background-color: #0d47a1 !important;
}

.btn-outline-blue.btn-outline-darken-3 {
  border-color: #1565c0 !important;
  color: #1565c0 !important;
}

.btn-outline-blue.btn-outline-darken-3:hover {
  background-color: #1565c0 !important;
}

.border-blue.border-darken-3 {
  border: 1px solid #1565c0 !important;
}

.border-top-blue.border-top-darken-3 {
  border-top: 1px solid #1565c0 !important;
}

.border-bottom-blue.border-bottom-darken-3 {
  border-bottom: 1px solid #1565c0 !important;
}

.border-left-blue.border-left-darken-3 {
  border-left: 1px solid #1565c0 !important;
}

.border-right-blue.border-right-darken-3 {
  border-right: 1px solid #1565c0 !important;
}

.btn-blue.btn-darken-4,
.btn-blue.btn-darken-4:hover {
  border-color: #1976d2 !important;
}

.overlay-blue.overlay-darken-3 {
  background: #1565c0;
  background: rgba(21, 101, 192, 0.8);
}

.bg-blue.bg-darken-4,
.btn-blue.btn-darken-4 {
  background-color: #0d47a1 !important;
}

.blue.darken-4 {
  color: #0d47a1 !important;
}

.btn-blue.btn-darken-4:hover {
  background-color: #1565c0 !important;
}

.btn-blue.btn-darken-4:active,
.btn-blue.btn-darken-4:focus {
  border-color: #1565c0 !important;
  background-color: #0d47a1 !important;
}

.btn-outline-blue.btn-outline-darken-4 {
  border-color: #0d47a1 !important;
  color: #0d47a1 !important;
}

.btn-outline-blue.btn-outline-darken-4:hover {
  background-color: #0d47a1 !important;
}

.border-blue.border-darken-4 {
  border: 1px solid #0d47a1 !important;
}

.border-top-blue.border-top-darken-4 {
  border-top: 1px solid #0d47a1 !important;
}

.border-bottom-blue.border-bottom-darken-4 {
  border-bottom: 1px solid #0d47a1 !important;
}

.border-left-blue.border-left-darken-4 {
  border-left: 1px solid #0d47a1 !important;
}

.border-right-blue.border-right-darken-4 {
  border-right: 1px solid #0d47a1 !important;
}

.btn-blue.btn-accent-1,
.btn-blue.btn-accent-1:hover {
  border-color: #1976d2 !important;
}

.overlay-blue.overlay-darken-4 {
  background: #0d47a1;
  background: rgba(13, 71, 161, 0.8);
}

.bg-blue.bg-accent-1,
.btn-blue.btn-accent-1 {
  background-color: #82b1ff !important;
}

.blue.accent-1 {
  color: #82b1ff !important;
}

.btn-blue.btn-accent-1:hover {
  background-color: #1565c0 !important;
}

.btn-blue.btn-accent-1:active,
.btn-blue.btn-accent-1:focus {
  border-color: #1565c0 !important;
  background-color: #0d47a1 !important;
}

.btn-outline-blue.btn-outline-accent-1 {
  border-color: #82b1ff !important;
  color: #82b1ff !important;
}

.btn-outline-blue.btn-outline-accent-1:hover {
  background-color: #82b1ff !important;
}

.border-blue.border-accent-1 {
  border: 1px solid #82b1ff !important;
}

.border-top-blue.border-top-accent-1 {
  border-top: 1px solid #82b1ff !important;
}

.border-bottom-blue.border-bottom-accent-1 {
  border-bottom: 1px solid #82b1ff !important;
}

.border-left-blue.border-left-accent-1 {
  border-left: 1px solid #82b1ff !important;
}

.border-right-blue.border-right-accent-1 {
  border-right: 1px solid #82b1ff !important;
}

.btn-blue.btn-accent-2,
.btn-blue.btn-accent-2:hover {
  border-color: #1976d2 !important;
}

.overlay-blue.overlay-accent-1 {
  background: #82b1ff;
  background: rgba(130, 177, 255, 0.8);
}

.bg-blue.bg-accent-2,
.btn-blue.btn-accent-2 {
  background-color: #448aff !important;
}

.blue.accent-2 {
  color: #448aff !important;
}

.btn-blue.btn-accent-2:hover {
  background-color: #1565c0 !important;
}

.btn-blue.btn-accent-2:active,
.btn-blue.btn-accent-2:focus {
  border-color: #1565c0 !important;
  background-color: #0d47a1 !important;
}

.btn-outline-blue.btn-outline-accent-2 {
  border-color: #448aff !important;
  color: #448aff !important;
}

.btn-outline-blue.btn-outline-accent-2:hover {
  background-color: #448aff !important;
}

.border-blue.border-accent-2 {
  border: 1px solid #448aff !important;
}

.border-top-blue.border-top-accent-2 {
  border-top: 1px solid #448aff !important;
}

.border-bottom-blue.border-bottom-accent-2 {
  border-bottom: 1px solid #448aff !important;
}

.border-left-blue.border-left-accent-2 {
  border-left: 1px solid #448aff !important;
}

.border-right-blue.border-right-accent-2 {
  border-right: 1px solid #448aff !important;
}

.btn-blue.btn-accent-3,
.btn-blue.btn-accent-3:hover {
  border-color: #1976d2 !important;
}

.overlay-blue.overlay-accent-2 {
  background: #448aff;
  background: rgba(68, 138, 255, 0.8);
}

.bg-blue.bg-accent-3,
.btn-blue.btn-accent-3 {
  background-color: #2979ff !important;
}

.blue.accent-3 {
  color: #2979ff !important;
}

.btn-blue.btn-accent-3:hover {
  background-color: #1565c0 !important;
}

.btn-blue.btn-accent-3:active,
.btn-blue.btn-accent-3:focus {
  border-color: #1565c0 !important;
  background-color: #0d47a1 !important;
}

.btn-outline-blue.btn-outline-accent-3 {
  border-color: #2979ff !important;
  color: #2979ff !important;
}

.btn-outline-blue.btn-outline-accent-3:hover {
  background-color: #2979ff !important;
}

.border-blue.border-accent-3 {
  border: 1px solid #2979ff !important;
}

.border-top-blue.border-top-accent-3 {
  border-top: 1px solid #2979ff !important;
}

.border-bottom-blue.border-bottom-accent-3 {
  border-bottom: 1px solid #2979ff !important;
}

.border-left-blue.border-left-accent-3 {
  border-left: 1px solid #2979ff !important;
}

.border-right-blue.border-right-accent-3 {
  border-right: 1px solid #2979ff !important;
}

.btn-blue.btn-accent-4,
.btn-blue.btn-accent-4:hover {
  border-color: #1976d2 !important;
}

.overlay-blue.overlay-accent-3 {
  background: #2979ff;
  background: rgba(41, 121, 255, 0.8);
}

.bg-blue.bg-accent-4,
.btn-blue.btn-accent-4 {
  background-color: #2962ff !important;
}

.blue.accent-4 {
  color: #2962ff !important;
}

.btn-blue.btn-accent-4:hover {
  background-color: #1565c0 !important;
}

.btn-blue.btn-accent-4:active,
.btn-blue.btn-accent-4:focus {
  border-color: #1565c0 !important;
  background-color: #0d47a1 !important;
}

.btn-outline-blue.btn-outline-accent-4 {
  border-color: #2962ff !important;
  color: #2962ff !important;
}

.btn-outline-blue.btn-outline-accent-4:hover {
  background-color: #2962ff !important;
}

input:focus ~ .bg-blue {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2962ff !important;
}

.border-blue.border-accent-4 {
  border: 1px solid #2962ff !important;
}

.border-top-blue.border-top-accent-4 {
  border-top: 1px solid #2962ff !important;
}

.border-bottom-blue.border-bottom-accent-4 {
  border-bottom: 1px solid #2962ff !important;
}

.border-left-blue.border-left-accent-4 {
  border-left: 1px solid #2962ff !important;
}

.border-right-blue.border-right-accent-4 {
  border-right: 1px solid #2962ff !important;
}

.btn-cyan.btn-lighten-5,
.btn-cyan.btn-lighten-5:hover {
  border-color: #0097a7 !important;
}

.overlay-blue.overlay-accent-4 {
  background: #2962ff;
  background: rgba(41, 98, 255, 0.8);
}

.edit-kanban-item select option.bg-color_name,
.kanban-container .kanban-board .kanban-item[data-border='blue']:before {
  background-color: #2962ff;
}

.bg-cyan.bg-lighten-5,
.btn-cyan.btn-lighten-5 {
  background-color: #e0f7fa !important;
}

.cyan.lighten-5 {
  color: #e0f7fa !important;
}

.btn-cyan.btn-lighten-5:hover {
  background-color: #00838f !important;
}

.btn-cyan.btn-lighten-5:active,
.btn-cyan.btn-lighten-5:focus {
  border-color: #00838f !important;
  background-color: #006064 !important;
}

.btn-outline-cyan.btn-outline-lighten-5 {
  border-color: #e0f7fa !important;
  color: #e0f7fa !important;
}

.btn-outline-cyan.btn-outline-lighten-5:hover {
  background-color: #e0f7fa !important;
}

.border-cyan.border-lighten-5 {
  border: 1px solid #e0f7fa !important;
}

.border-top-cyan.border-top-lighten-5 {
  border-top: 1px solid #e0f7fa !important;
}

.border-bottom-cyan.border-bottom-lighten-5 {
  border-bottom: 1px solid #e0f7fa !important;
}

.border-left-cyan.border-left-lighten-5 {
  border-left: 1px solid #e0f7fa !important;
}

.border-right-cyan.border-right-lighten-5 {
  border-right: 1px solid #e0f7fa !important;
}

.btn-cyan.btn-lighten-4,
.btn-cyan.btn-lighten-4:hover {
  border-color: #0097a7 !important;
}

.overlay-cyan.overlay-lighten-5 {
  background: #e0f7fa;
  background: rgba(224, 247, 250, 0.8);
}

.bg-cyan.bg-lighten-4,
.btn-cyan.btn-lighten-4 {
  background-color: #b2ebf2 !important;
}

.cyan.lighten-4 {
  color: #b2ebf2 !important;
}

.btn-cyan.btn-lighten-4:hover {
  background-color: #00838f !important;
}

.btn-cyan.btn-lighten-4:active,
.btn-cyan.btn-lighten-4:focus {
  border-color: #00838f !important;
  background-color: #006064 !important;
}

.btn-outline-cyan.btn-outline-lighten-4 {
  border-color: #b2ebf2 !important;
  color: #b2ebf2 !important;
}

.btn-outline-cyan.btn-outline-lighten-4:hover {
  background-color: #b2ebf2 !important;
}

.border-cyan.border-lighten-4 {
  border: 1px solid #b2ebf2 !important;
}

.border-top-cyan.border-top-lighten-4 {
  border-top: 1px solid #b2ebf2 !important;
}

.border-bottom-cyan.border-bottom-lighten-4 {
  border-bottom: 1px solid #b2ebf2 !important;
}

.border-left-cyan.border-left-lighten-4 {
  border-left: 1px solid #b2ebf2 !important;
}

.border-right-cyan.border-right-lighten-4 {
  border-right: 1px solid #b2ebf2 !important;
}

.btn-cyan.btn-lighten-3,
.btn-cyan.btn-lighten-3:hover {
  border-color: #0097a7 !important;
}

.overlay-cyan.overlay-lighten-4 {
  background: #b2ebf2;
  background: rgba(178, 235, 242, 0.8);
}

.bg-cyan.bg-lighten-3,
.btn-cyan.btn-lighten-3 {
  background-color: #80deea !important;
}

.cyan.lighten-3 {
  color: #80deea !important;
}

.btn-cyan.btn-lighten-3:hover {
  background-color: #00838f !important;
}

.btn-cyan.btn-lighten-3:active,
.btn-cyan.btn-lighten-3:focus {
  border-color: #00838f !important;
  background-color: #006064 !important;
}

.btn-outline-cyan.btn-outline-lighten-3 {
  border-color: #80deea !important;
  color: #80deea !important;
}

.btn-outline-cyan.btn-outline-lighten-3:hover {
  background-color: #80deea !important;
}

.border-cyan.border-lighten-3 {
  border: 1px solid #80deea !important;
}

.border-top-cyan.border-top-lighten-3 {
  border-top: 1px solid #80deea !important;
}

.border-bottom-cyan.border-bottom-lighten-3 {
  border-bottom: 1px solid #80deea !important;
}

.border-left-cyan.border-left-lighten-3 {
  border-left: 1px solid #80deea !important;
}

.border-right-cyan.border-right-lighten-3 {
  border-right: 1px solid #80deea !important;
}

.btn-cyan.btn-lighten-2,
.btn-cyan.btn-lighten-2:hover {
  border-color: #0097a7 !important;
}

.overlay-cyan.overlay-lighten-3 {
  background: #80deea;
  background: rgba(128, 222, 234, 0.8);
}

.bg-cyan.bg-lighten-2,
.btn-cyan.btn-lighten-2 {
  background-color: #4dd0e1 !important;
}

.cyan.lighten-2 {
  color: #4dd0e1 !important;
}

.btn-cyan.btn-lighten-2:hover {
  background-color: #00838f !important;
}

.btn-cyan.btn-lighten-2:active,
.btn-cyan.btn-lighten-2:focus {
  border-color: #00838f !important;
  background-color: #006064 !important;
}

.btn-outline-cyan.btn-outline-lighten-2 {
  border-color: #4dd0e1 !important;
  color: #4dd0e1 !important;
}

.btn-outline-cyan.btn-outline-lighten-2:hover {
  background-color: #4dd0e1 !important;
}

.border-cyan.border-lighten-2 {
  border: 1px solid #4dd0e1 !important;
}

.border-top-cyan.border-top-lighten-2 {
  border-top: 1px solid #4dd0e1 !important;
}

.border-bottom-cyan.border-bottom-lighten-2 {
  border-bottom: 1px solid #4dd0e1 !important;
}

.border-left-cyan.border-left-lighten-2 {
  border-left: 1px solid #4dd0e1 !important;
}

.border-right-cyan.border-right-lighten-2 {
  border-right: 1px solid #4dd0e1 !important;
}

.btn-cyan.btn-lighten-1,
.btn-cyan.btn-lighten-1:hover {
  border-color: #0097a7 !important;
}

.overlay-cyan.overlay-lighten-2 {
  background: #4dd0e1;
  background: rgba(77, 208, 225, 0.8);
}

.bg-cyan.bg-lighten-1,
.btn-cyan.btn-lighten-1 {
  background-color: #26c6da !important;
}

.cyan.lighten-1 {
  color: #26c6da !important;
}

.btn-cyan.btn-lighten-1:hover {
  background-color: #00838f !important;
}

.btn-cyan.btn-lighten-1:active,
.btn-cyan.btn-lighten-1:focus {
  border-color: #00838f !important;
  background-color: #006064 !important;
}

.btn-outline-cyan.btn-outline-lighten-1 {
  border-color: #26c6da !important;
  color: #26c6da !important;
}

.btn-outline-cyan.btn-outline-lighten-1:hover {
  background-color: #26c6da !important;
}

.border-cyan.border-lighten-1 {
  border: 1px solid #26c6da !important;
}

.border-top-cyan.border-top-lighten-1 {
  border-top: 1px solid #26c6da !important;
}

.border-bottom-cyan.border-bottom-lighten-1 {
  border-bottom: 1px solid #26c6da !important;
}

.border-left-cyan.border-left-lighten-1 {
  border-left: 1px solid #26c6da !important;
}

.border-right-cyan.border-right-lighten-1 {
  border-right: 1px solid #26c6da !important;
}

.overlay-cyan.overlay-lighten-1 {
  background: #26c6da;
  background: rgba(38, 198, 218, 0.8);
}

.cyan {
  color: #00bcd4 !important;
}

.bg-cyan {
  background-color: #00bcd4 !important;
}

.bg-cyan .card-footer,
.bg-cyan .card-header {
  background-color: transparent;
}

.alert-cyan {
  border-color: #1ce5ff !important;
  background-color: #1ce5ff !important;
  color: #001e22 !important;
}

.alert-cyan .alert-link {
  color: #000 !important;
}

.bullet.bullet-cyan {
  background-color: #00bcd4;
}

.bg-light-cyan {
  background-color: rgba(0, 188, 212, 0.15);
}

.bg-cyan.badge-glow,
.border-cyan.badge-glow {
  box-shadow: 0 0 10px #00bcd4;
}

.overlay-cyan {
  background: #00bcd4;
  background: rgba(0, 188, 212, 0.8);
}

.btn-cyan {
  background-color: #00bcd4 !important;
  color: #fff;
}

.btn-cyan:hover {
  border-color: #00acc1 !important;
  background-color: #26c6da !important;
  color: #fff !important;
}

.btn-cyan:active,
.btn-cyan:focus {
  border-color: #0097a7 !important;
  background-color: #00838f !important;
  color: #fff !important;
}

.btn-outline-cyan {
  border-color: #00bcd4;
  background-color: transparent;
  color: #00bcd4;
}

.btn-outline-cyan:hover,
.widget-timeline .timeline-items.timeline-icon-cyan:before {
  background-color: #00bcd4;
}

.btn-outline-cyan:hover {
  color: #fff !important;
}

input[type='checkbox'].bg-cyan + .custom-control-label:before,
input[type='radio'].bg-cyan + .custom-control-label:before {
  background-color: #00bcd4 !important;
}

.bg-cyan.bg-darken-1,
.btn-cyan.btn-darken-1 {
  background-color: #00acc1 !important;
}

.border-cyan {
  border: 1px solid #00bcd4 !important;
}

.border-top-cyan {
  border-top: 1px solid #00bcd4;
}

.border-bottom-cyan {
  border-bottom: 1px solid #00bcd4;
}

.border-left-cyan {
  border-left: 1px solid #00bcd4;
}

.border-right-cyan {
  border-right: 1px solid #00bcd4;
}

.cyan.darken-1 {
  color: #00acc1 !important;
}

.btn-cyan.btn-darken-1 {
  border-color: #0097a7 !important;
}

.btn-cyan.btn-darken-1:hover {
  border-color: #0097a7 !important;
  background-color: #00838f !important;
}

.btn-cyan.btn-darken-1:active,
.btn-cyan.btn-darken-1:focus {
  border-color: #00838f !important;
  background-color: #006064 !important;
}

.btn-outline-cyan.btn-outline-darken-1 {
  border-color: #00acc1 !important;
  color: #00acc1 !important;
}

.btn-outline-cyan.btn-outline-darken-1:hover {
  background-color: #00acc1 !important;
}

.border-cyan.border-darken-1 {
  border: 1px solid #00acc1 !important;
}

.border-top-cyan.border-top-darken-1 {
  border-top: 1px solid #00acc1 !important;
}

.border-bottom-cyan.border-bottom-darken-1 {
  border-bottom: 1px solid #00acc1 !important;
}

.border-left-cyan.border-left-darken-1 {
  border-left: 1px solid #00acc1 !important;
}

.border-right-cyan.border-right-darken-1 {
  border-right: 1px solid #00acc1 !important;
}

.btn-cyan.btn-darken-2,
.btn-cyan.btn-darken-2:hover {
  border-color: #0097a7 !important;
}

.overlay-cyan.overlay-darken-1 {
  background: #00acc1;
  background: rgba(0, 172, 193, 0.8);
}

.bg-cyan.bg-darken-2,
.btn-cyan.btn-darken-2 {
  background-color: #0097a7 !important;
}

.cyan.darken-2 {
  color: #0097a7 !important;
}

.btn-cyan.btn-darken-2:hover {
  background-color: #00838f !important;
}

.btn-cyan.btn-darken-2:active,
.btn-cyan.btn-darken-2:focus {
  border-color: #00838f !important;
  background-color: #006064 !important;
}

.btn-outline-cyan.btn-outline-darken-2 {
  border-color: #0097a7 !important;
  color: #0097a7 !important;
}

.btn-outline-cyan.btn-outline-darken-2:hover {
  background-color: #0097a7 !important;
}

.border-cyan.border-darken-2 {
  border: 1px solid #0097a7 !important;
}

.border-top-cyan.border-top-darken-2 {
  border-top: 1px solid #0097a7 !important;
}

.border-bottom-cyan.border-bottom-darken-2 {
  border-bottom: 1px solid #0097a7 !important;
}

.border-left-cyan.border-left-darken-2 {
  border-left: 1px solid #0097a7 !important;
}

.border-right-cyan.border-right-darken-2 {
  border-right: 1px solid #0097a7 !important;
}

.overlay-cyan.overlay-darken-2 {
  background: #0097a7;
  background: rgba(0, 151, 167, 0.8);
}

.cyan.darken-3 {
  color: #00838f !important;
}

.bg-cyan.bg-darken-3 {
  background-color: #00838f !important;
}

.btn-cyan.btn-darken-3,
.btn-cyan.btn-darken-3:hover {
  border-color: #0097a7 !important;
  background-color: #00838f !important;
}

.btn-cyan.btn-darken-3:active,
.btn-cyan.btn-darken-3:focus {
  border-color: #00838f !important;
  background-color: #006064 !important;
}

.btn-outline-cyan.btn-outline-darken-3 {
  border-color: #00838f !important;
  color: #00838f !important;
}

.btn-outline-cyan.btn-outline-darken-3:hover {
  background-color: #00838f !important;
}

.border-cyan.border-darken-3 {
  border: 1px solid #00838f !important;
}

.border-top-cyan.border-top-darken-3 {
  border-top: 1px solid #00838f !important;
}

.border-bottom-cyan.border-bottom-darken-3 {
  border-bottom: 1px solid #00838f !important;
}

.border-left-cyan.border-left-darken-3 {
  border-left: 1px solid #00838f !important;
}

.border-right-cyan.border-right-darken-3 {
  border-right: 1px solid #00838f !important;
}

.btn-cyan.btn-darken-4,
.btn-cyan.btn-darken-4:hover {
  border-color: #0097a7 !important;
}

.overlay-cyan.overlay-darken-3 {
  background: #00838f;
  background: rgba(0, 131, 143, 0.8);
}

.bg-cyan.bg-darken-4,
.btn-cyan.btn-darken-4 {
  background-color: #006064 !important;
}

.cyan.darken-4 {
  color: #006064 !important;
}

.btn-cyan.btn-darken-4:hover {
  background-color: #00838f !important;
}

.btn-cyan.btn-darken-4:active,
.btn-cyan.btn-darken-4:focus {
  border-color: #00838f !important;
  background-color: #006064 !important;
}

.btn-outline-cyan.btn-outline-darken-4 {
  border-color: #006064 !important;
  color: #006064 !important;
}

.btn-outline-cyan.btn-outline-darken-4:hover {
  background-color: #006064 !important;
}

.border-cyan.border-darken-4 {
  border: 1px solid #006064 !important;
}

.border-top-cyan.border-top-darken-4 {
  border-top: 1px solid #006064 !important;
}

.border-bottom-cyan.border-bottom-darken-4 {
  border-bottom: 1px solid #006064 !important;
}

.border-left-cyan.border-left-darken-4 {
  border-left: 1px solid #006064 !important;
}

.border-right-cyan.border-right-darken-4 {
  border-right: 1px solid #006064 !important;
}

.btn-cyan.btn-accent-1,
.btn-cyan.btn-accent-1:hover {
  border-color: #0097a7 !important;
}

.overlay-cyan.overlay-darken-4 {
  background: #006064;
  background: rgba(0, 96, 100, 0.8);
}

.bg-cyan.bg-accent-1,
.btn-cyan.btn-accent-1 {
  background-color: #84ffff !important;
}

.cyan.accent-1 {
  color: #84ffff !important;
}

.btn-cyan.btn-accent-1:hover {
  background-color: #00838f !important;
}

.btn-cyan.btn-accent-1:active,
.btn-cyan.btn-accent-1:focus {
  border-color: #00838f !important;
  background-color: #006064 !important;
}

.btn-outline-cyan.btn-outline-accent-1 {
  border-color: #84ffff !important;
  color: #84ffff !important;
}

.btn-outline-cyan.btn-outline-accent-1:hover {
  background-color: #84ffff !important;
}

.border-cyan.border-accent-1 {
  border: 1px solid #84ffff !important;
}

.border-top-cyan.border-top-accent-1 {
  border-top: 1px solid #84ffff !important;
}

.border-bottom-cyan.border-bottom-accent-1 {
  border-bottom: 1px solid #84ffff !important;
}

.border-left-cyan.border-left-accent-1 {
  border-left: 1px solid #84ffff !important;
}

.border-right-cyan.border-right-accent-1 {
  border-right: 1px solid #84ffff !important;
}

.btn-cyan.btn-accent-2,
.btn-cyan.btn-accent-2:hover {
  border-color: #0097a7 !important;
}

.overlay-cyan.overlay-accent-1 {
  background: #84ffff;
  background: rgba(132, 255, 255, 0.8);
}

.bg-cyan.bg-accent-2,
.btn-cyan.btn-accent-2 {
  background-color: #18ffff !important;
}

.cyan.accent-2 {
  color: #18ffff !important;
}

.btn-cyan.btn-accent-2:hover {
  background-color: #00838f !important;
}

.btn-cyan.btn-accent-2:active,
.btn-cyan.btn-accent-2:focus {
  border-color: #00838f !important;
  background-color: #006064 !important;
}

.btn-outline-cyan.btn-outline-accent-2 {
  border-color: #18ffff !important;
  color: #18ffff !important;
}

.btn-outline-cyan.btn-outline-accent-2:hover {
  background-color: #18ffff !important;
}

.border-cyan.border-accent-2 {
  border: 1px solid #18ffff !important;
}

.border-top-cyan.border-top-accent-2 {
  border-top: 1px solid #18ffff !important;
}

.border-bottom-cyan.border-bottom-accent-2 {
  border-bottom: 1px solid #18ffff !important;
}

.border-left-cyan.border-left-accent-2 {
  border-left: 1px solid #18ffff !important;
}

.border-right-cyan.border-right-accent-2 {
  border-right: 1px solid #18ffff !important;
}

.btn-cyan.btn-accent-3,
.btn-cyan.btn-accent-3:hover {
  border-color: #0097a7 !important;
}

.overlay-cyan.overlay-accent-2 {
  background: #18ffff;
  background: rgba(24, 255, 255, 0.8);
}

.bg-cyan.bg-accent-3,
.btn-cyan.btn-accent-3 {
  background-color: #00e5ff !important;
}

.cyan.accent-3 {
  color: #00e5ff !important;
}

.btn-cyan.btn-accent-3:hover {
  background-color: #00838f !important;
}

.btn-cyan.btn-accent-3:active,
.btn-cyan.btn-accent-3:focus {
  border-color: #00838f !important;
  background-color: #006064 !important;
}

.btn-outline-cyan.btn-outline-accent-3 {
  border-color: #00e5ff !important;
  color: #00e5ff !important;
}

.btn-outline-cyan.btn-outline-accent-3:hover {
  background-color: #00e5ff !important;
}

.border-cyan.border-accent-3 {
  border: 1px solid #00e5ff !important;
}

.border-top-cyan.border-top-accent-3 {
  border-top: 1px solid #00e5ff !important;
}

.border-bottom-cyan.border-bottom-accent-3 {
  border-bottom: 1px solid #00e5ff !important;
}

.border-left-cyan.border-left-accent-3 {
  border-left: 1px solid #00e5ff !important;
}

.border-right-cyan.border-right-accent-3 {
  border-right: 1px solid #00e5ff !important;
}

.btn-cyan.btn-accent-4,
.btn-cyan.btn-accent-4:hover {
  border-color: #0097a7 !important;
}

.overlay-cyan.overlay-accent-3 {
  background: #00e5ff;
  background: rgba(0, 229, 255, 0.8);
}

.bg-cyan.bg-accent-4,
.btn-cyan.btn-accent-4 {
  background-color: #00b8d4 !important;
}

.cyan.accent-4 {
  color: #00b8d4 !important;
}

.btn-cyan.btn-accent-4:hover {
  background-color: #00838f !important;
}

.btn-cyan.btn-accent-4:active,
.btn-cyan.btn-accent-4:focus {
  border-color: #00838f !important;
  background-color: #006064 !important;
}

.btn-outline-cyan.btn-outline-accent-4 {
  border-color: #00b8d4 !important;
  color: #00b8d4 !important;
}

.btn-outline-cyan.btn-outline-accent-4:hover {
  background-color: #00b8d4 !important;
}

input:focus ~ .bg-cyan {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00b8d4 !important;
}

.border-cyan.border-accent-4 {
  border: 1px solid #00b8d4 !important;
}

.border-top-cyan.border-top-accent-4 {
  border-top: 1px solid #00b8d4 !important;
}

.border-bottom-cyan.border-bottom-accent-4 {
  border-bottom: 1px solid #00b8d4 !important;
}

.border-left-cyan.border-left-accent-4 {
  border-left: 1px solid #00b8d4 !important;
}

.border-right-cyan.border-right-accent-4 {
  border-right: 1px solid #00b8d4 !important;
}

.btn-teal.btn-lighten-5,
.btn-teal.btn-lighten-5:hover {
  border-color: #00796b !important;
}

.overlay-cyan.overlay-accent-4 {
  background: #00b8d4;
  background: rgba(0, 184, 212, 0.8);
}

.edit-kanban-item select option.bg-color_name,
.kanban-container .kanban-board .kanban-item[data-border='cyan']:before {
  background-color: #00b8d4;
}

.bg-teal.bg-lighten-5,
.btn-teal.btn-lighten-5 {
  background-color: #e0f2f1 !important;
}

.teal.lighten-5 {
  color: #e0f2f1 !important;
}

.btn-teal.btn-lighten-5:hover {
  background-color: #00695c !important;
}

.btn-teal.btn-lighten-5:active,
.btn-teal.btn-lighten-5:focus {
  border-color: #00695c !important;
  background-color: #004d40 !important;
}

.btn-outline-teal.btn-outline-lighten-5 {
  border-color: #e0f2f1 !important;
  color: #e0f2f1 !important;
}

.btn-outline-teal.btn-outline-lighten-5:hover {
  background-color: #e0f2f1 !important;
}

.border-teal.border-lighten-5 {
  border: 1px solid #e0f2f1 !important;
}

.border-top-teal.border-top-lighten-5 {
  border-top: 1px solid #e0f2f1 !important;
}

.border-bottom-teal.border-bottom-lighten-5 {
  border-bottom: 1px solid #e0f2f1 !important;
}

.border-left-teal.border-left-lighten-5 {
  border-left: 1px solid #e0f2f1 !important;
}

.border-right-teal.border-right-lighten-5 {
  border-right: 1px solid #e0f2f1 !important;
}

.btn-teal.btn-lighten-4,
.btn-teal.btn-lighten-4:hover {
  border-color: #00796b !important;
}

.overlay-teal.overlay-lighten-5 {
  background: #e0f2f1;
  background: rgba(224, 242, 241, 0.8);
}

.bg-teal.bg-lighten-4,
.btn-teal.btn-lighten-4 {
  background-color: #b2dfdb !important;
}

.teal.lighten-4 {
  color: #b2dfdb !important;
}

.btn-teal.btn-lighten-4:hover {
  background-color: #00695c !important;
}

.btn-teal.btn-lighten-4:active,
.btn-teal.btn-lighten-4:focus {
  border-color: #00695c !important;
  background-color: #004d40 !important;
}

.btn-outline-teal.btn-outline-lighten-4 {
  border-color: #b2dfdb !important;
  color: #b2dfdb !important;
}

.btn-outline-teal.btn-outline-lighten-4:hover {
  background-color: #b2dfdb !important;
}

.border-teal.border-lighten-4 {
  border: 1px solid #b2dfdb !important;
}

.border-top-teal.border-top-lighten-4 {
  border-top: 1px solid #b2dfdb !important;
}

.border-bottom-teal.border-bottom-lighten-4 {
  border-bottom: 1px solid #b2dfdb !important;
}

.border-left-teal.border-left-lighten-4 {
  border-left: 1px solid #b2dfdb !important;
}

.border-right-teal.border-right-lighten-4 {
  border-right: 1px solid #b2dfdb !important;
}

.btn-teal.btn-lighten-3,
.btn-teal.btn-lighten-3:hover {
  border-color: #00796b !important;
}

.overlay-teal.overlay-lighten-4 {
  background: #b2dfdb;
  background: rgba(178, 223, 219, 0.8);
}

.bg-teal.bg-lighten-3,
.btn-teal.btn-lighten-3 {
  background-color: #80cbc4 !important;
}

.teal.lighten-3 {
  color: #80cbc4 !important;
}

.btn-teal.btn-lighten-3:hover {
  background-color: #00695c !important;
}

.btn-teal.btn-lighten-3:active,
.btn-teal.btn-lighten-3:focus {
  border-color: #00695c !important;
  background-color: #004d40 !important;
}

.btn-outline-teal.btn-outline-lighten-3 {
  border-color: #80cbc4 !important;
  color: #80cbc4 !important;
}

.btn-outline-teal.btn-outline-lighten-3:hover {
  background-color: #80cbc4 !important;
}

.border-teal.border-lighten-3 {
  border: 1px solid #80cbc4 !important;
}

.border-top-teal.border-top-lighten-3 {
  border-top: 1px solid #80cbc4 !important;
}

.border-bottom-teal.border-bottom-lighten-3 {
  border-bottom: 1px solid #80cbc4 !important;
}

.border-left-teal.border-left-lighten-3 {
  border-left: 1px solid #80cbc4 !important;
}

.border-right-teal.border-right-lighten-3 {
  border-right: 1px solid #80cbc4 !important;
}

.btn-teal.btn-lighten-2,
.btn-teal.btn-lighten-2:hover {
  border-color: #00796b !important;
}

.overlay-teal.overlay-lighten-3 {
  background: #80cbc4;
  background: rgba(128, 203, 196, 0.8);
}

.bg-teal.bg-lighten-2,
.btn-teal.btn-lighten-2 {
  background-color: #4db6ac !important;
}

.teal.lighten-2 {
  color: #4db6ac !important;
}

.btn-teal.btn-lighten-2:hover {
  background-color: #00695c !important;
}

.btn-teal.btn-lighten-2:active,
.btn-teal.btn-lighten-2:focus {
  border-color: #00695c !important;
  background-color: #004d40 !important;
}

.btn-outline-teal.btn-outline-lighten-2 {
  border-color: #4db6ac !important;
  color: #4db6ac !important;
}

.btn-outline-teal.btn-outline-lighten-2:hover {
  background-color: #4db6ac !important;
}

.border-teal.border-lighten-2 {
  border: 1px solid #4db6ac !important;
}

.border-top-teal.border-top-lighten-2 {
  border-top: 1px solid #4db6ac !important;
}

.border-bottom-teal.border-bottom-lighten-2 {
  border-bottom: 1px solid #4db6ac !important;
}

.border-left-teal.border-left-lighten-2 {
  border-left: 1px solid #4db6ac !important;
}

.border-right-teal.border-right-lighten-2 {
  border-right: 1px solid #4db6ac !important;
}

.btn-teal.btn-lighten-1,
.btn-teal.btn-lighten-1:hover {
  border-color: #00796b !important;
}

.overlay-teal.overlay-lighten-2 {
  background: #4db6ac;
  background: rgba(77, 182, 172, 0.8);
}

.bg-teal.bg-lighten-1,
.btn-teal.btn-lighten-1 {
  background-color: #26a69a !important;
}

.teal.lighten-1 {
  color: #26a69a !important;
}

.btn-teal.btn-lighten-1:hover {
  background-color: #00695c !important;
}

.btn-teal.btn-lighten-1:active,
.btn-teal.btn-lighten-1:focus {
  border-color: #00695c !important;
  background-color: #004d40 !important;
}

.btn-outline-teal.btn-outline-lighten-1 {
  border-color: #26a69a !important;
  color: #26a69a !important;
}

.btn-outline-teal.btn-outline-lighten-1:hover {
  background-color: #26a69a !important;
}

.border-teal.border-lighten-1 {
  border: 1px solid #26a69a !important;
}

.border-top-teal.border-top-lighten-1 {
  border-top: 1px solid #26a69a !important;
}

.border-bottom-teal.border-bottom-lighten-1 {
  border-bottom: 1px solid #26a69a !important;
}

.border-left-teal.border-left-lighten-1 {
  border-left: 1px solid #26a69a !important;
}

.border-right-teal.border-right-lighten-1 {
  border-right: 1px solid #26a69a !important;
}

.overlay-teal.overlay-lighten-1 {
  background: #26a69a;
  background: rgba(38, 166, 154, 0.8);
}

.teal {
  color: #009688 !important;
}

.alert-teal,
.alert-teal .alert-link {
  color: #000 !important;
}

.bg-teal {
  background-color: #009688 !important;
}

.bg-teal .card-footer,
.bg-teal .card-header {
  background-color: transparent;
}

.alert-teal {
  border-color: #00ddc9 !important;
  background-color: #00ddc9 !important;
}

.bullet.bullet-teal {
  background-color: #009688;
}

.bg-light-teal {
  background-color: rgba(0, 150, 136, 0.15);
}

.bg-teal.badge-glow,
.border-teal.badge-glow {
  box-shadow: 0 0 10px #009688;
}

.overlay-teal {
  background: #009688;
  background: rgba(0, 150, 136, 0.8);
}

.btn-teal {
  background-color: #009688 !important;
  color: #fff;
}

.btn-teal:hover {
  border-color: #00897b !important;
  background-color: #26a69a !important;
  color: #fff !important;
}

.btn-teal:active,
.btn-teal:focus {
  border-color: #00796b !important;
  background-color: #00695c !important;
  color: #fff !important;
}

.btn-outline-teal {
  border-color: #009688;
  background-color: transparent;
  color: #009688;
}

.btn-outline-teal:hover,
.widget-timeline .timeline-items.timeline-icon-teal:before {
  background-color: #009688;
}

.btn-outline-teal:hover {
  color: #fff !important;
}

input[type='checkbox'].bg-teal + .custom-control-label:before,
input[type='radio'].bg-teal + .custom-control-label:before {
  background-color: #009688 !important;
}

.bg-teal.bg-darken-1,
.btn-teal.btn-darken-1 {
  background-color: #00897b !important;
}

.border-teal {
  border: 1px solid #009688 !important;
}

.border-top-teal {
  border-top: 1px solid #009688;
}

.border-bottom-teal {
  border-bottom: 1px solid #009688;
}

.border-left-teal {
  border-left: 1px solid #009688;
}

.border-right-teal {
  border-right: 1px solid #009688;
}

.teal.darken-1 {
  color: #00897b !important;
}

.btn-teal.btn-darken-1 {
  border-color: #00796b !important;
}

.btn-teal.btn-darken-1:hover {
  border-color: #00796b !important;
  background-color: #00695c !important;
}

.btn-teal.btn-darken-1:active,
.btn-teal.btn-darken-1:focus {
  border-color: #00695c !important;
  background-color: #004d40 !important;
}

.btn-outline-teal.btn-outline-darken-1 {
  border-color: #00897b !important;
  color: #00897b !important;
}

.btn-outline-teal.btn-outline-darken-1:hover {
  background-color: #00897b !important;
}

.border-teal.border-darken-1 {
  border: 1px solid #00897b !important;
}

.border-top-teal.border-top-darken-1 {
  border-top: 1px solid #00897b !important;
}

.border-bottom-teal.border-bottom-darken-1 {
  border-bottom: 1px solid #00897b !important;
}

.border-left-teal.border-left-darken-1 {
  border-left: 1px solid #00897b !important;
}

.border-right-teal.border-right-darken-1 {
  border-right: 1px solid #00897b !important;
}

.btn-teal.btn-darken-2,
.btn-teal.btn-darken-2:hover {
  border-color: #00796b !important;
}

.overlay-teal.overlay-darken-1 {
  background: #00897b;
  background: rgba(0, 137, 123, 0.8);
}

.bg-teal.bg-darken-2,
.btn-teal.btn-darken-2 {
  background-color: #00796b !important;
}

.teal.darken-2 {
  color: #00796b !important;
}

.btn-teal.btn-darken-2:hover {
  background-color: #00695c !important;
}

.btn-teal.btn-darken-2:active,
.btn-teal.btn-darken-2:focus {
  border-color: #00695c !important;
  background-color: #004d40 !important;
}

.btn-outline-teal.btn-outline-darken-2 {
  border-color: #00796b !important;
  color: #00796b !important;
}

.btn-outline-teal.btn-outline-darken-2:hover {
  background-color: #00796b !important;
}

.border-teal.border-darken-2 {
  border: 1px solid #00796b !important;
}

.border-top-teal.border-top-darken-2 {
  border-top: 1px solid #00796b !important;
}

.border-bottom-teal.border-bottom-darken-2 {
  border-bottom: 1px solid #00796b !important;
}

.border-left-teal.border-left-darken-2 {
  border-left: 1px solid #00796b !important;
}

.border-right-teal.border-right-darken-2 {
  border-right: 1px solid #00796b !important;
}

.overlay-teal.overlay-darken-2 {
  background: #00796b;
  background: rgba(0, 121, 107, 0.8);
}

.teal.darken-3 {
  color: #00695c !important;
}

.bg-teal.bg-darken-3 {
  background-color: #00695c !important;
}

.btn-teal.btn-darken-3,
.btn-teal.btn-darken-3:hover {
  border-color: #00796b !important;
  background-color: #00695c !important;
}

.btn-teal.btn-darken-3:active,
.btn-teal.btn-darken-3:focus {
  border-color: #00695c !important;
  background-color: #004d40 !important;
}

.btn-outline-teal.btn-outline-darken-3 {
  border-color: #00695c !important;
  color: #00695c !important;
}

.btn-outline-teal.btn-outline-darken-3:hover {
  background-color: #00695c !important;
}

.border-teal.border-darken-3 {
  border: 1px solid #00695c !important;
}

.border-top-teal.border-top-darken-3 {
  border-top: 1px solid #00695c !important;
}

.border-bottom-teal.border-bottom-darken-3 {
  border-bottom: 1px solid #00695c !important;
}

.border-left-teal.border-left-darken-3 {
  border-left: 1px solid #00695c !important;
}

.border-right-teal.border-right-darken-3 {
  border-right: 1px solid #00695c !important;
}

.btn-teal.btn-darken-4,
.btn-teal.btn-darken-4:hover {
  border-color: #00796b !important;
}

.overlay-teal.overlay-darken-3 {
  background: #00695c;
  background: rgba(0, 105, 92, 0.8);
}

.bg-teal.bg-darken-4,
.btn-teal.btn-darken-4 {
  background-color: #004d40 !important;
}

.teal.darken-4 {
  color: #004d40 !important;
}

.btn-teal.btn-darken-4:hover {
  background-color: #00695c !important;
}

.btn-teal.btn-darken-4:active,
.btn-teal.btn-darken-4:focus {
  border-color: #00695c !important;
  background-color: #004d40 !important;
}

.btn-outline-teal.btn-outline-darken-4 {
  border-color: #004d40 !important;
  color: #004d40 !important;
}

.btn-outline-teal.btn-outline-darken-4:hover {
  background-color: #004d40 !important;
}

.border-teal.border-darken-4 {
  border: 1px solid #004d40 !important;
}

.border-top-teal.border-top-darken-4 {
  border-top: 1px solid #004d40 !important;
}

.border-bottom-teal.border-bottom-darken-4 {
  border-bottom: 1px solid #004d40 !important;
}

.border-left-teal.border-left-darken-4 {
  border-left: 1px solid #004d40 !important;
}

.border-right-teal.border-right-darken-4 {
  border-right: 1px solid #004d40 !important;
}

.btn-teal.btn-accent-1,
.btn-teal.btn-accent-1:hover {
  border-color: #00796b !important;
}

.overlay-teal.overlay-darken-4 {
  background: #004d40;
  background: rgba(0, 77, 64, 0.8);
}

.bg-teal.bg-accent-1,
.btn-teal.btn-accent-1 {
  background-color: #a7ffeb !important;
}

.teal.accent-1 {
  color: #a7ffeb !important;
}

.btn-teal.btn-accent-1:hover {
  background-color: #00695c !important;
}

.btn-teal.btn-accent-1:active,
.btn-teal.btn-accent-1:focus {
  border-color: #00695c !important;
  background-color: #004d40 !important;
}

.btn-outline-teal.btn-outline-accent-1 {
  border-color: #a7ffeb !important;
  color: #a7ffeb !important;
}

.btn-outline-teal.btn-outline-accent-1:hover {
  background-color: #a7ffeb !important;
}

.border-teal.border-accent-1 {
  border: 1px solid #a7ffeb !important;
}

.border-top-teal.border-top-accent-1 {
  border-top: 1px solid #a7ffeb !important;
}

.border-bottom-teal.border-bottom-accent-1 {
  border-bottom: 1px solid #a7ffeb !important;
}

.border-left-teal.border-left-accent-1 {
  border-left: 1px solid #a7ffeb !important;
}

.border-right-teal.border-right-accent-1 {
  border-right: 1px solid #a7ffeb !important;
}

.btn-teal.btn-accent-2,
.btn-teal.btn-accent-2:hover {
  border-color: #00796b !important;
}

.overlay-teal.overlay-accent-1 {
  background: #a7ffeb;
  background: rgba(167, 255, 235, 0.8);
}

.bg-teal.bg-accent-2,
.btn-teal.btn-accent-2 {
  background-color: #64ffda !important;
}

.teal.accent-2 {
  color: #64ffda !important;
}

.btn-teal.btn-accent-2:hover {
  background-color: #00695c !important;
}

.btn-teal.btn-accent-2:active,
.btn-teal.btn-accent-2:focus {
  border-color: #00695c !important;
  background-color: #004d40 !important;
}

.btn-outline-teal.btn-outline-accent-2 {
  border-color: #64ffda !important;
  color: #64ffda !important;
}

.btn-outline-teal.btn-outline-accent-2:hover {
  background-color: #64ffda !important;
}

.border-teal.border-accent-2 {
  border: 1px solid #64ffda !important;
}

.border-top-teal.border-top-accent-2 {
  border-top: 1px solid #64ffda !important;
}

.border-bottom-teal.border-bottom-accent-2 {
  border-bottom: 1px solid #64ffda !important;
}

.border-left-teal.border-left-accent-2 {
  border-left: 1px solid #64ffda !important;
}

.border-right-teal.border-right-accent-2 {
  border-right: 1px solid #64ffda !important;
}

.btn-teal.btn-accent-3,
.btn-teal.btn-accent-3:hover {
  border-color: #00796b !important;
}

.overlay-teal.overlay-accent-2 {
  background: #64ffda;
  background: rgba(100, 255, 218, 0.8);
}

.bg-teal.bg-accent-3,
.btn-teal.btn-accent-3 {
  background-color: #1de9b6 !important;
}

.teal.accent-3 {
  color: #1de9b6 !important;
}

.btn-teal.btn-accent-3:hover {
  background-color: #00695c !important;
}

.btn-teal.btn-accent-3:active,
.btn-teal.btn-accent-3:focus {
  border-color: #00695c !important;
  background-color: #004d40 !important;
}

.btn-outline-teal.btn-outline-accent-3 {
  border-color: #1de9b6 !important;
  color: #1de9b6 !important;
}

.btn-outline-teal.btn-outline-accent-3:hover {
  background-color: #1de9b6 !important;
}

.border-teal.border-accent-3 {
  border: 1px solid #1de9b6 !important;
}

.border-top-teal.border-top-accent-3 {
  border-top: 1px solid #1de9b6 !important;
}

.border-bottom-teal.border-bottom-accent-3 {
  border-bottom: 1px solid #1de9b6 !important;
}

.border-left-teal.border-left-accent-3 {
  border-left: 1px solid #1de9b6 !important;
}

.border-right-teal.border-right-accent-3 {
  border-right: 1px solid #1de9b6 !important;
}

.btn-teal.btn-accent-4,
.btn-teal.btn-accent-4:hover {
  border-color: #00796b !important;
}

.overlay-teal.overlay-accent-3 {
  background: #1de9b6;
  background: rgba(29, 233, 182, 0.8);
}

.bg-teal.bg-accent-4,
.btn-teal.btn-accent-4 {
  background-color: #00bfa5 !important;
}

.teal.accent-4 {
  color: #00bfa5 !important;
}

.btn-teal.btn-accent-4:hover {
  background-color: #00695c !important;
}

.btn-teal.btn-accent-4:active,
.btn-teal.btn-accent-4:focus {
  border-color: #00695c !important;
  background-color: #004d40 !important;
}

.btn-outline-teal.btn-outline-accent-4 {
  border-color: #00bfa5 !important;
  color: #00bfa5 !important;
}

.btn-outline-teal.btn-outline-accent-4:hover {
  background-color: #00bfa5 !important;
}

input:focus ~ .bg-teal {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00bfa5 !important;
}

.border-teal.border-accent-4 {
  border: 1px solid #00bfa5 !important;
}

.border-top-teal.border-top-accent-4 {
  border-top: 1px solid #00bfa5 !important;
}

.border-bottom-teal.border-bottom-accent-4 {
  border-bottom: 1px solid #00bfa5 !important;
}

.border-left-teal.border-left-accent-4 {
  border-left: 1px solid #00bfa5 !important;
}

.border-right-teal.border-right-accent-4 {
  border-right: 1px solid #00bfa5 !important;
}

.overlay-teal.overlay-accent-4 {
  background: #00bfa5;
  background: rgba(0, 191, 165, 0.8);
}

.edit-kanban-item select option.bg-color_name,
.kanban-container .kanban-board .kanban-item[data-border='teal']:before {
  background-color: #00bfa5;
}

.bg-yellow.bg-lighten-5,
.btn-yellow.btn-lighten-5 {
  background-color: #fffde7 !important;
}

.yellow.lighten-5 {
  color: #fffde7 !important;
}

.btn-yellow.btn-lighten-5 {
  border-color: #fbc02d !important;
}

.btn-yellow.btn-lighten-5:hover {
  border-color: #fbc02d !important;
  background-color: #f9a825 !important;
}

.btn-yellow.btn-lighten-5:active,
.btn-yellow.btn-lighten-5:focus {
  border-color: #f9a825 !important;
  background-color: #f57f17 !important;
}

.btn-outline-yellow.btn-outline-lighten-5 {
  border-color: #fffde7 !important;
  color: #fffde7 !important;
}

.btn-outline-yellow.btn-outline-lighten-5:hover {
  background-color: #fffde7 !important;
}

.border-yellow.border-lighten-5 {
  border: 1px solid #fffde7 !important;
}

.border-top-yellow.border-top-lighten-5 {
  border-top: 1px solid #fffde7 !important;
}

.border-bottom-yellow.border-bottom-lighten-5 {
  border-bottom: 1px solid #fffde7 !important;
}

.border-left-yellow.border-left-lighten-5 {
  border-left: 1px solid #fffde7 !important;
}

.border-right-yellow.border-right-lighten-5 {
  border-right: 1px solid #fffde7 !important;
}

.overlay-yellow.overlay-lighten-5 {
  background: #fffde7;
  background: rgba(255, 253, 231, 0.8);
}

.bg-yellow.bg-lighten-4,
.btn-yellow.btn-lighten-4 {
  background-color: #fff9c4 !important;
}

.yellow.lighten-4 {
  color: #fff9c4 !important;
}

.btn-yellow.btn-lighten-4 {
  border-color: #fbc02d !important;
}

.btn-yellow.btn-lighten-4:hover {
  border-color: #fbc02d !important;
  background-color: #f9a825 !important;
}

.btn-yellow.btn-lighten-4:active,
.btn-yellow.btn-lighten-4:focus {
  border-color: #f9a825 !important;
  background-color: #f57f17 !important;
}

.btn-outline-yellow.btn-outline-lighten-4 {
  border-color: #fff9c4 !important;
  color: #fff9c4 !important;
}

.btn-outline-yellow.btn-outline-lighten-4:hover {
  background-color: #fff9c4 !important;
}

.border-yellow.border-lighten-4 {
  border: 1px solid #fff9c4 !important;
}

.border-top-yellow.border-top-lighten-4 {
  border-top: 1px solid #fff9c4 !important;
}

.border-bottom-yellow.border-bottom-lighten-4 {
  border-bottom: 1px solid #fff9c4 !important;
}

.border-left-yellow.border-left-lighten-4 {
  border-left: 1px solid #fff9c4 !important;
}

.border-right-yellow.border-right-lighten-4 {
  border-right: 1px solid #fff9c4 !important;
}

.overlay-yellow.overlay-lighten-4 {
  background: #fff9c4;
  background: rgba(255, 249, 196, 0.8);
}

.bg-yellow.bg-lighten-3,
.btn-yellow.btn-lighten-3 {
  background-color: #fff59d !important;
}

.yellow.lighten-3 {
  color: #fff59d !important;
}

.btn-yellow.btn-lighten-3 {
  border-color: #fbc02d !important;
}

.btn-yellow.btn-lighten-3:hover {
  border-color: #fbc02d !important;
  background-color: #f9a825 !important;
}

.btn-yellow.btn-lighten-3:active,
.btn-yellow.btn-lighten-3:focus {
  border-color: #f9a825 !important;
  background-color: #f57f17 !important;
}

.btn-outline-yellow.btn-outline-lighten-3 {
  border-color: #fff59d !important;
  color: #fff59d !important;
}

.btn-outline-yellow.btn-outline-lighten-3:hover {
  background-color: #fff59d !important;
}

.border-yellow.border-lighten-3 {
  border: 1px solid #fff59d !important;
}

.border-top-yellow.border-top-lighten-3 {
  border-top: 1px solid #fff59d !important;
}

.border-bottom-yellow.border-bottom-lighten-3 {
  border-bottom: 1px solid #fff59d !important;
}

.border-left-yellow.border-left-lighten-3 {
  border-left: 1px solid #fff59d !important;
}

.border-right-yellow.border-right-lighten-3 {
  border-right: 1px solid #fff59d !important;
}

.overlay-yellow.overlay-lighten-3 {
  background: #fff59d;
  background: rgba(255, 245, 157, 0.8);
}

.bg-yellow.bg-lighten-2,
.btn-yellow.btn-lighten-2 {
  background-color: #fff176 !important;
}

.yellow.lighten-2 {
  color: #fff176 !important;
}

.btn-yellow.btn-lighten-2 {
  border-color: #fbc02d !important;
}

.btn-yellow.btn-lighten-2:hover {
  border-color: #fbc02d !important;
  background-color: #f9a825 !important;
}

.btn-yellow.btn-lighten-2:active,
.btn-yellow.btn-lighten-2:focus {
  border-color: #f9a825 !important;
  background-color: #f57f17 !important;
}

.btn-outline-yellow.btn-outline-lighten-2 {
  border-color: #fff176 !important;
  color: #fff176 !important;
}

.btn-outline-yellow.btn-outline-lighten-2:hover {
  background-color: #fff176 !important;
}

.border-yellow.border-lighten-2 {
  border: 1px solid #fff176 !important;
}

.border-top-yellow.border-top-lighten-2 {
  border-top: 1px solid #fff176 !important;
}

.border-bottom-yellow.border-bottom-lighten-2 {
  border-bottom: 1px solid #fff176 !important;
}

.border-left-yellow.border-left-lighten-2 {
  border-left: 1px solid #fff176 !important;
}

.border-right-yellow.border-right-lighten-2 {
  border-right: 1px solid #fff176 !important;
}

.overlay-yellow.overlay-lighten-2 {
  background: #fff176;
  background: rgba(255, 241, 118, 0.8);
}

.bg-yellow.bg-lighten-1,
.btn-yellow.btn-lighten-1 {
  background-color: #ffee58 !important;
}

.yellow.lighten-1 {
  color: #ffee58 !important;
}

.btn-yellow.btn-lighten-1 {
  border-color: #fbc02d !important;
}

.btn-yellow.btn-lighten-1:hover {
  border-color: #fbc02d !important;
  background-color: #f9a825 !important;
}

.btn-yellow.btn-lighten-1:active,
.btn-yellow.btn-lighten-1:focus {
  border-color: #f9a825 !important;
  background-color: #f57f17 !important;
}

.btn-outline-yellow.btn-outline-lighten-1 {
  border-color: #ffee58 !important;
  color: #ffee58 !important;
}

.btn-outline-yellow.btn-outline-lighten-1:hover {
  background-color: #ffee58 !important;
}

.border-yellow.border-lighten-1 {
  border: 1px solid #ffee58 !important;
}

.border-top-yellow.border-top-lighten-1 {
  border-top: 1px solid #ffee58 !important;
}

.border-bottom-yellow.border-bottom-lighten-1 {
  border-bottom: 1px solid #ffee58 !important;
}

.border-left-yellow.border-left-lighten-1 {
  border-left: 1px solid #ffee58 !important;
}

.border-right-yellow.border-right-lighten-1 {
  border-right: 1px solid #ffee58 !important;
}

.overlay-yellow.overlay-lighten-1 {
  background: #ffee58;
  background: rgba(255, 238, 88, 0.8);
}

.yellow {
  color: #ffeb3b !important;
}

.bg-yellow {
  background-color: #ffeb3b !important;
}

.bg-yellow .card-footer,
.bg-yellow .card-header {
  background-color: transparent;
}

.alert-yellow {
  border-color: #fff282 !important;
  background-color: #fff282 !important;
  color: #887a00 !important;
}

.alert-yellow .alert-link {
  color: #5f5500 !important;
}

.bullet.bullet-yellow {
  background-color: #ffeb3b;
}

.bg-light-yellow {
  background-color: rgba(255, 235, 59, 0.15);
}

.bg-yellow.badge-glow,
.border-yellow.badge-glow {
  box-shadow: 0 0 10px #ffeb3b;
}

.overlay-yellow {
  background: #ffeb3b;
  background: rgba(255, 235, 59, 0.8);
}

.btn-yellow {
  background-color: #ffeb3b !important;
  color: #fff;
}

.btn-yellow:hover {
  border-color: #fdd835 !important;
  background-color: #ffee58 !important;
  color: #fff !important;
}

.btn-yellow:active,
.btn-yellow:focus {
  border-color: #fbc02d !important;
  background-color: #f9a825 !important;
  color: #fff !important;
}

.btn-outline-yellow {
  border-color: #ffeb3b;
  background-color: transparent;
  color: #ffeb3b;
}

.btn-outline-yellow:hover {
  background-color: #ffeb3b;
  color: #fff !important;
}

.widget-timeline .timeline-items.timeline-icon-yellow:before {
  background-color: #ffeb3b;
}

input[type='checkbox'].bg-yellow + .custom-control-label:before,
input[type='radio'].bg-yellow + .custom-control-label:before {
  background-color: #ffeb3b !important;
}

.bg-yellow.bg-darken-1,
.btn-yellow.btn-darken-1 {
  background-color: #fdd835 !important;
}

.border-yellow {
  border: 1px solid #ffeb3b !important;
}

.border-top-yellow {
  border-top: 1px solid #ffeb3b;
}

.border-bottom-yellow {
  border-bottom: 1px solid #ffeb3b;
}

.border-left-yellow {
  border-left: 1px solid #ffeb3b;
}

.border-right-yellow {
  border-right: 1px solid #ffeb3b;
}

.yellow.darken-1 {
  color: #fdd835 !important;
}

.btn-yellow.btn-darken-1 {
  border-color: #fbc02d !important;
}

.btn-yellow.btn-darken-1:hover {
  border-color: #fbc02d !important;
  background-color: #f9a825 !important;
}

.btn-yellow.btn-darken-1:active,
.btn-yellow.btn-darken-1:focus {
  border-color: #f9a825 !important;
  background-color: #f57f17 !important;
}

.btn-outline-yellow.btn-outline-darken-1 {
  border-color: #fdd835 !important;
  color: #fdd835 !important;
}

.btn-outline-yellow.btn-outline-darken-1:hover {
  background-color: #fdd835 !important;
}

.border-yellow.border-darken-1 {
  border: 1px solid #fdd835 !important;
}

.border-top-yellow.border-top-darken-1 {
  border-top: 1px solid #fdd835 !important;
}

.border-bottom-yellow.border-bottom-darken-1 {
  border-bottom: 1px solid #fdd835 !important;
}

.border-left-yellow.border-left-darken-1 {
  border-left: 1px solid #fdd835 !important;
}

.border-right-yellow.border-right-darken-1 {
  border-right: 1px solid #fdd835 !important;
}

.btn-yellow.btn-darken-2,
.btn-yellow.btn-darken-2:hover {
  border-color: #fbc02d !important;
}

.overlay-yellow.overlay-darken-1 {
  background: #fdd835;
  background: rgba(253, 216, 53, 0.8);
}

.bg-yellow.bg-darken-2,
.btn-yellow.btn-darken-2 {
  background-color: #fbc02d !important;
}

.yellow.darken-2 {
  color: #fbc02d !important;
}

.btn-yellow.btn-darken-2:hover {
  background-color: #f9a825 !important;
}

.btn-yellow.btn-darken-2:active,
.btn-yellow.btn-darken-2:focus {
  border-color: #f9a825 !important;
  background-color: #f57f17 !important;
}

.btn-outline-yellow.btn-outline-darken-2 {
  border-color: #fbc02d !important;
  color: #fbc02d !important;
}

.btn-outline-yellow.btn-outline-darken-2:hover {
  background-color: #fbc02d !important;
}

.border-yellow.border-darken-2 {
  border: 1px solid #fbc02d !important;
}

.border-top-yellow.border-top-darken-2 {
  border-top: 1px solid #fbc02d !important;
}

.border-bottom-yellow.border-bottom-darken-2 {
  border-bottom: 1px solid #fbc02d !important;
}

.border-left-yellow.border-left-darken-2 {
  border-left: 1px solid #fbc02d !important;
}

.border-right-yellow.border-right-darken-2 {
  border-right: 1px solid #fbc02d !important;
}

.overlay-yellow.overlay-darken-2 {
  background: #fbc02d;
  background: rgba(251, 192, 45, 0.8);
}

.yellow.darken-3 {
  color: #f9a825 !important;
}

.bg-yellow.bg-darken-3 {
  background-color: #f9a825 !important;
}

.btn-yellow.btn-darken-3,
.btn-yellow.btn-darken-3:hover {
  border-color: #fbc02d !important;
  background-color: #f9a825 !important;
}

.btn-yellow.btn-darken-3:active,
.btn-yellow.btn-darken-3:focus {
  border-color: #f9a825 !important;
  background-color: #f57f17 !important;
}

.btn-outline-yellow.btn-outline-darken-3 {
  border-color: #f9a825 !important;
  color: #f9a825 !important;
}

.btn-outline-yellow.btn-outline-darken-3:hover {
  background-color: #f9a825 !important;
}

.border-yellow.border-darken-3 {
  border: 1px solid #f9a825 !important;
}

.border-top-yellow.border-top-darken-3 {
  border-top: 1px solid #f9a825 !important;
}

.border-bottom-yellow.border-bottom-darken-3 {
  border-bottom: 1px solid #f9a825 !important;
}

.border-left-yellow.border-left-darken-3 {
  border-left: 1px solid #f9a825 !important;
}

.border-right-yellow.border-right-darken-3 {
  border-right: 1px solid #f9a825 !important;
}

.btn-yellow.btn-darken-4,
.btn-yellow.btn-darken-4:hover {
  border-color: #fbc02d !important;
}

.overlay-yellow.overlay-darken-3 {
  background: #f9a825;
  background: rgba(249, 168, 37, 0.8);
}

.bg-yellow.bg-darken-4,
.btn-yellow.btn-darken-4 {
  background-color: #f57f17 !important;
}

.yellow.darken-4 {
  color: #f57f17 !important;
}

.btn-yellow.btn-darken-4:hover {
  background-color: #f9a825 !important;
}

.btn-yellow.btn-darken-4:active,
.btn-yellow.btn-darken-4:focus {
  border-color: #f9a825 !important;
  background-color: #f57f17 !important;
}

.btn-outline-yellow.btn-outline-darken-4 {
  border-color: #f57f17 !important;
  color: #f57f17 !important;
}

.btn-outline-yellow.btn-outline-darken-4:hover {
  background-color: #f57f17 !important;
}

.border-yellow.border-darken-4 {
  border: 1px solid #f57f17 !important;
}

.border-top-yellow.border-top-darken-4 {
  border-top: 1px solid #f57f17 !important;
}

.border-bottom-yellow.border-bottom-darken-4 {
  border-bottom: 1px solid #f57f17 !important;
}

.border-left-yellow.border-left-darken-4 {
  border-left: 1px solid #f57f17 !important;
}

.border-right-yellow.border-right-darken-4 {
  border-right: 1px solid #f57f17 !important;
}

.btn-yellow.btn-accent-1,
.btn-yellow.btn-accent-1:hover {
  border-color: #fbc02d !important;
}

.overlay-yellow.overlay-darken-4 {
  background: #f57f17;
  background: rgba(245, 127, 23, 0.8);
}

.bg-yellow.bg-accent-1,
.btn-yellow.btn-accent-1 {
  background-color: #ffff8d !important;
}

.yellow.accent-1 {
  color: #ffff8d !important;
}

.btn-yellow.btn-accent-1:hover {
  background-color: #f9a825 !important;
}

.btn-yellow.btn-accent-1:active,
.btn-yellow.btn-accent-1:focus {
  border-color: #f9a825 !important;
  background-color: #f57f17 !important;
}

.btn-outline-yellow.btn-outline-accent-1 {
  border-color: #ffff8d !important;
  color: #ffff8d !important;
}

.btn-outline-yellow.btn-outline-accent-1:hover {
  background-color: #ffff8d !important;
}

.border-yellow.border-accent-1 {
  border: 1px solid #ffff8d !important;
}

.border-top-yellow.border-top-accent-1 {
  border-top: 1px solid #ffff8d !important;
}

.border-bottom-yellow.border-bottom-accent-1 {
  border-bottom: 1px solid #ffff8d !important;
}

.border-left-yellow.border-left-accent-1 {
  border-left: 1px solid #ffff8d !important;
}

.border-right-yellow.border-right-accent-1 {
  border-right: 1px solid #ffff8d !important;
}

.btn-yellow.btn-accent-2,
.btn-yellow.btn-accent-2:hover {
  border-color: #fbc02d !important;
}

.overlay-yellow.overlay-accent-1 {
  background: #ffff8d;
  background: rgba(255, 255, 141, 0.8);
}

.bg-yellow.bg-accent-2,
.btn-yellow.btn-accent-2 {
  background-color: #ff0 !important;
}

.yellow.accent-2 {
  color: #ff0 !important;
}

.btn-yellow.btn-accent-2:hover {
  background-color: #f9a825 !important;
}

.btn-yellow.btn-accent-2:active,
.btn-yellow.btn-accent-2:focus {
  border-color: #f9a825 !important;
  background-color: #f57f17 !important;
}

.btn-outline-yellow.btn-outline-accent-2 {
  border-color: #ff0 !important;
  color: #ff0 !important;
}

.btn-outline-yellow.btn-outline-accent-2:hover {
  background-color: #ff0 !important;
}

.border-yellow.border-accent-2 {
  border: 1px solid #ff0 !important;
}

.border-top-yellow.border-top-accent-2 {
  border-top: 1px solid #ff0 !important;
}

.border-bottom-yellow.border-bottom-accent-2 {
  border-bottom: 1px solid #ff0 !important;
}

.border-left-yellow.border-left-accent-2 {
  border-left: 1px solid #ff0 !important;
}

.border-right-yellow.border-right-accent-2 {
  border-right: 1px solid #ff0 !important;
}

.btn-yellow.btn-accent-3,
.btn-yellow.btn-accent-3:hover {
  border-color: #fbc02d !important;
}

.overlay-yellow.overlay-accent-2 {
  background: #ff0;
  background: rgba(255, 255, 0, 0.8);
}

.bg-yellow.bg-accent-3,
.btn-yellow.btn-accent-3 {
  background-color: #ffea00 !important;
}

.yellow.accent-3 {
  color: #ffea00 !important;
}

.btn-yellow.btn-accent-3:hover {
  background-color: #f9a825 !important;
}

.btn-yellow.btn-accent-3:active,
.btn-yellow.btn-accent-3:focus {
  border-color: #f9a825 !important;
  background-color: #f57f17 !important;
}

.btn-outline-yellow.btn-outline-accent-3 {
  border-color: #ffea00 !important;
  color: #ffea00 !important;
}

.btn-outline-yellow.btn-outline-accent-3:hover {
  background-color: #ffea00 !important;
}

.border-yellow.border-accent-3 {
  border: 1px solid #ffea00 !important;
}

.border-top-yellow.border-top-accent-3 {
  border-top: 1px solid #ffea00 !important;
}

.border-bottom-yellow.border-bottom-accent-3 {
  border-bottom: 1px solid #ffea00 !important;
}

.border-left-yellow.border-left-accent-3 {
  border-left: 1px solid #ffea00 !important;
}

.border-right-yellow.border-right-accent-3 {
  border-right: 1px solid #ffea00 !important;
}

.btn-yellow.btn-accent-4,
.btn-yellow.btn-accent-4:hover {
  border-color: #fbc02d !important;
}

.overlay-yellow.overlay-accent-3 {
  background: #ffea00;
  background: rgba(255, 234, 0, 0.8);
}

.bg-yellow.bg-accent-4,
.btn-yellow.btn-accent-4 {
  background-color: #ffd600 !important;
}

.yellow.accent-4 {
  color: #ffd600 !important;
}

.btn-yellow.btn-accent-4:hover {
  background-color: #f9a825 !important;
}

.btn-yellow.btn-accent-4:active,
.btn-yellow.btn-accent-4:focus {
  border-color: #f9a825 !important;
  background-color: #f57f17 !important;
}

.btn-outline-yellow.btn-outline-accent-4 {
  border-color: #ffd600 !important;
  color: #ffd600 !important;
}

.btn-outline-yellow.btn-outline-accent-4:hover {
  background-color: #ffd600 !important;
}

input:focus ~ .bg-yellow {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd600 !important;
}

.border-yellow.border-accent-4 {
  border: 1px solid #ffd600 !important;
}

.border-top-yellow.border-top-accent-4 {
  border-top: 1px solid #ffd600 !important;
}

.border-bottom-yellow.border-bottom-accent-4 {
  border-bottom: 1px solid #ffd600 !important;
}

.border-left-yellow.border-left-accent-4 {
  border-left: 1px solid #ffd600 !important;
}

.border-right-yellow.border-right-accent-4 {
  border-right: 1px solid #ffd600 !important;
}

.btn-amber.btn-lighten-5,
.btn-amber.btn-lighten-5:hover {
  border-color: #ffa000 !important;
}

.overlay-yellow.overlay-accent-4 {
  background: #ffd600;
  background: rgba(255, 214, 0, 0.8);
}

.edit-kanban-item select option.bg-color_name,
.kanban-container .kanban-board .kanban-item[data-border='yellow']:before {
  background-color: #ffd600;
}

.bg-amber.bg-lighten-5,
.btn-amber.btn-lighten-5 {
  background-color: #fff8e1 !important;
}

.amber.lighten-5 {
  color: #fff8e1 !important;
}

.btn-amber.btn-lighten-5:hover {
  background-color: #ff8f00 !important;
}

.btn-amber.btn-lighten-5:active,
.btn-amber.btn-lighten-5:focus {
  border-color: #ff8f00 !important;
  background-color: #ff6f00 !important;
}

.btn-outline-amber.btn-outline-lighten-5 {
  border-color: #fff8e1 !important;
  color: #fff8e1 !important;
}

.btn-outline-amber.btn-outline-lighten-5:hover {
  background-color: #fff8e1 !important;
}

.border-amber.border-lighten-5 {
  border: 1px solid #fff8e1 !important;
}

.border-top-amber.border-top-lighten-5 {
  border-top: 1px solid #fff8e1 !important;
}

.border-bottom-amber.border-bottom-lighten-5 {
  border-bottom: 1px solid #fff8e1 !important;
}

.border-left-amber.border-left-lighten-5 {
  border-left: 1px solid #fff8e1 !important;
}

.border-right-amber.border-right-lighten-5 {
  border-right: 1px solid #fff8e1 !important;
}

.btn-amber.btn-lighten-4,
.btn-amber.btn-lighten-4:hover {
  border-color: #ffa000 !important;
}

.overlay-amber.overlay-lighten-5 {
  background: #fff8e1;
  background: rgba(255, 248, 225, 0.8);
}

.bg-amber.bg-lighten-4,
.btn-amber.btn-lighten-4 {
  background-color: #ffecb3 !important;
}

.amber.lighten-4 {
  color: #ffecb3 !important;
}

.btn-amber.btn-lighten-4:hover {
  background-color: #ff8f00 !important;
}

.btn-amber.btn-lighten-4:active,
.btn-amber.btn-lighten-4:focus {
  border-color: #ff8f00 !important;
  background-color: #ff6f00 !important;
}

.btn-outline-amber.btn-outline-lighten-4 {
  border-color: #ffecb3 !important;
  color: #ffecb3 !important;
}

.btn-outline-amber.btn-outline-lighten-4:hover {
  background-color: #ffecb3 !important;
}

.border-amber.border-lighten-4 {
  border: 1px solid #ffecb3 !important;
}

.border-top-amber.border-top-lighten-4 {
  border-top: 1px solid #ffecb3 !important;
}

.border-bottom-amber.border-bottom-lighten-4 {
  border-bottom: 1px solid #ffecb3 !important;
}

.border-left-amber.border-left-lighten-4 {
  border-left: 1px solid #ffecb3 !important;
}

.border-right-amber.border-right-lighten-4 {
  border-right: 1px solid #ffecb3 !important;
}

.btn-amber.btn-lighten-3,
.btn-amber.btn-lighten-3:hover {
  border-color: #ffa000 !important;
}

.overlay-amber.overlay-lighten-4 {
  background: #ffecb3;
  background: rgba(255, 236, 179, 0.8);
}

.bg-amber.bg-lighten-3,
.btn-amber.btn-lighten-3 {
  background-color: #ffe082 !important;
}

.amber.lighten-3 {
  color: #ffe082 !important;
}

.btn-amber.btn-lighten-3:hover {
  background-color: #ff8f00 !important;
}

.btn-amber.btn-lighten-3:active,
.btn-amber.btn-lighten-3:focus {
  border-color: #ff8f00 !important;
  background-color: #ff6f00 !important;
}

.btn-outline-amber.btn-outline-lighten-3 {
  border-color: #ffe082 !important;
  color: #ffe082 !important;
}

.btn-outline-amber.btn-outline-lighten-3:hover {
  background-color: #ffe082 !important;
}

.border-amber.border-lighten-3 {
  border: 1px solid #ffe082 !important;
}

.border-top-amber.border-top-lighten-3 {
  border-top: 1px solid #ffe082 !important;
}

.border-bottom-amber.border-bottom-lighten-3 {
  border-bottom: 1px solid #ffe082 !important;
}

.border-left-amber.border-left-lighten-3 {
  border-left: 1px solid #ffe082 !important;
}

.border-right-amber.border-right-lighten-3 {
  border-right: 1px solid #ffe082 !important;
}

.btn-amber.btn-lighten-2,
.btn-amber.btn-lighten-2:hover {
  border-color: #ffa000 !important;
}

.overlay-amber.overlay-lighten-3 {
  background: #ffe082;
  background: rgba(255, 224, 130, 0.8);
}

.bg-amber.bg-lighten-2,
.btn-amber.btn-lighten-2 {
  background-color: #ffd54f !important;
}

.amber.lighten-2 {
  color: #ffd54f !important;
}

.btn-amber.btn-lighten-2:hover {
  background-color: #ff8f00 !important;
}

.btn-amber.btn-lighten-2:active,
.btn-amber.btn-lighten-2:focus {
  border-color: #ff8f00 !important;
  background-color: #ff6f00 !important;
}

.btn-outline-amber.btn-outline-lighten-2 {
  border-color: #ffd54f !important;
  color: #ffd54f !important;
}

.btn-outline-amber.btn-outline-lighten-2:hover {
  background-color: #ffd54f !important;
}

.border-amber.border-lighten-2 {
  border: 1px solid #ffd54f !important;
}

.border-top-amber.border-top-lighten-2 {
  border-top: 1px solid #ffd54f !important;
}

.border-bottom-amber.border-bottom-lighten-2 {
  border-bottom: 1px solid #ffd54f !important;
}

.border-left-amber.border-left-lighten-2 {
  border-left: 1px solid #ffd54f !important;
}

.border-right-amber.border-right-lighten-2 {
  border-right: 1px solid #ffd54f !important;
}

.btn-amber.btn-lighten-1,
.btn-amber.btn-lighten-1:hover {
  border-color: #ffa000 !important;
}

.overlay-amber.overlay-lighten-2 {
  background: #ffd54f;
  background: rgba(255, 213, 79, 0.8);
}

.bg-amber.bg-lighten-1,
.btn-amber.btn-lighten-1 {
  background-color: #ffca28 !important;
}

.amber.lighten-1 {
  color: #ffca28 !important;
}

.btn-amber.btn-lighten-1:hover {
  background-color: #ff8f00 !important;
}

.btn-amber.btn-lighten-1:active,
.btn-amber.btn-lighten-1:focus {
  border-color: #ff8f00 !important;
  background-color: #ff6f00 !important;
}

.btn-outline-amber.btn-outline-lighten-1 {
  border-color: #ffca28 !important;
  color: #ffca28 !important;
}

.btn-outline-amber.btn-outline-lighten-1:hover {
  background-color: #ffca28 !important;
}

.border-amber.border-lighten-1 {
  border: 1px solid #ffca28 !important;
}

.border-top-amber.border-top-lighten-1 {
  border-top: 1px solid #ffca28 !important;
}

.border-bottom-amber.border-bottom-lighten-1 {
  border-bottom: 1px solid #ffca28 !important;
}

.border-left-amber.border-left-lighten-1 {
  border-left: 1px solid #ffca28 !important;
}

.border-right-amber.border-right-lighten-1 {
  border-right: 1px solid #ffca28 !important;
}

.overlay-amber.overlay-lighten-1 {
  background: #ffca28;
  background: rgba(255, 202, 40, 0.8);
}

.amber {
  color: #ffc107 !important;
}

.bg-amber {
  background-color: #ffc107 !important;
}

.bg-amber .card-footer,
.bg-amber .card-header {
  background-color: transparent;
}

.alert-amber {
  border-color: #ffd34e !important;
  background-color: #ffd34e !important;
  color: #543f00 !important;
}

.alert-amber .alert-link {
  color: #2b2000 !important;
}

.bullet.bullet-amber {
  background-color: #ffc107;
}

.bg-light-amber {
  background-color: rgba(255, 193, 7, 0.15);
}

.bg-amber.badge-glow,
.border-amber.badge-glow {
  box-shadow: 0 0 10px #ffc107;
}

.overlay-amber {
  background: #ffc107;
  background: rgba(255, 193, 7, 0.8);
}

.btn-amber {
  background-color: #ffc107 !important;
  color: #fff;
}

.btn-amber:hover {
  border-color: #ffb300 !important;
  background-color: #ffca28 !important;
  color: #fff !important;
}

.btn-amber:active,
.btn-amber:focus {
  border-color: #ffa000 !important;
  background-color: #ff8f00 !important;
  color: #fff !important;
}

.btn-outline-amber {
  border-color: #ffc107;
  background-color: transparent;
  color: #ffc107;
}

.btn-outline-amber:hover,
.widget-timeline .timeline-items.timeline-icon-amber:before {
  background-color: #ffc107;
}

.btn-outline-amber:hover {
  color: #fff !important;
}

input[type='checkbox'].bg-amber + .custom-control-label:before,
input[type='radio'].bg-amber + .custom-control-label:before {
  background-color: #ffc107 !important;
}

.bg-amber.bg-darken-1,
.btn-amber.btn-darken-1 {
  background-color: #ffb300 !important;
}

.border-amber {
  border: 1px solid #ffc107 !important;
}

.border-top-amber {
  border-top: 1px solid #ffc107;
}

.border-bottom-amber {
  border-bottom: 1px solid #ffc107;
}

.border-left-amber {
  border-left: 1px solid #ffc107;
}

.border-right-amber {
  border-right: 1px solid #ffc107;
}

.amber.darken-1 {
  color: #ffb300 !important;
}

.btn-amber.btn-darken-1 {
  border-color: #ffa000 !important;
}

.btn-amber.btn-darken-1:hover {
  border-color: #ffa000 !important;
  background-color: #ff8f00 !important;
}

.btn-amber.btn-darken-1:active,
.btn-amber.btn-darken-1:focus {
  border-color: #ff8f00 !important;
  background-color: #ff6f00 !important;
}

.btn-outline-amber.btn-outline-darken-1 {
  border-color: #ffb300 !important;
  color: #ffb300 !important;
}

.btn-outline-amber.btn-outline-darken-1:hover {
  background-color: #ffb300 !important;
}

.border-amber.border-darken-1 {
  border: 1px solid #ffb300 !important;
}

.border-top-amber.border-top-darken-1 {
  border-top: 1px solid #ffb300 !important;
}

.border-bottom-amber.border-bottom-darken-1 {
  border-bottom: 1px solid #ffb300 !important;
}

.border-left-amber.border-left-darken-1 {
  border-left: 1px solid #ffb300 !important;
}

.border-right-amber.border-right-darken-1 {
  border-right: 1px solid #ffb300 !important;
}

.btn-amber.btn-darken-2,
.btn-amber.btn-darken-2:hover {
  border-color: #ffa000 !important;
}

.overlay-amber.overlay-darken-1 {
  background: #ffb300;
  background: rgba(255, 179, 0, 0.8);
}

.bg-amber.bg-darken-2,
.btn-amber.btn-darken-2 {
  background-color: #ffa000 !important;
}

.amber.darken-2 {
  color: #ffa000 !important;
}

.btn-amber.btn-darken-2:hover {
  background-color: #ff8f00 !important;
}

.btn-amber.btn-darken-2:active,
.btn-amber.btn-darken-2:focus {
  border-color: #ff8f00 !important;
  background-color: #ff6f00 !important;
}

.btn-outline-amber.btn-outline-darken-2 {
  border-color: #ffa000 !important;
  color: #ffa000 !important;
}

.btn-outline-amber.btn-outline-darken-2:hover {
  background-color: #ffa000 !important;
}

.border-amber.border-darken-2 {
  border: 1px solid #ffa000 !important;
}

.border-top-amber.border-top-darken-2 {
  border-top: 1px solid #ffa000 !important;
}

.border-bottom-amber.border-bottom-darken-2 {
  border-bottom: 1px solid #ffa000 !important;
}

.border-left-amber.border-left-darken-2 {
  border-left: 1px solid #ffa000 !important;
}

.border-right-amber.border-right-darken-2 {
  border-right: 1px solid #ffa000 !important;
}

.overlay-amber.overlay-darken-2 {
  background: #ffa000;
  background: rgba(255, 160, 0, 0.8);
}

.amber.darken-3 {
  color: #ff8f00 !important;
}

.bg-amber.bg-darken-3 {
  background-color: #ff8f00 !important;
}

.btn-amber.btn-darken-3,
.btn-amber.btn-darken-3:hover {
  border-color: #ffa000 !important;
  background-color: #ff8f00 !important;
}

.btn-amber.btn-darken-3:active,
.btn-amber.btn-darken-3:focus {
  border-color: #ff8f00 !important;
  background-color: #ff6f00 !important;
}

.btn-outline-amber.btn-outline-darken-3 {
  border-color: #ff8f00 !important;
  color: #ff8f00 !important;
}

.btn-outline-amber.btn-outline-darken-3:hover {
  background-color: #ff8f00 !important;
}

.border-amber.border-darken-3 {
  border: 1px solid #ff8f00 !important;
}

.border-top-amber.border-top-darken-3 {
  border-top: 1px solid #ff8f00 !important;
}

.border-bottom-amber.border-bottom-darken-3 {
  border-bottom: 1px solid #ff8f00 !important;
}

.border-left-amber.border-left-darken-3 {
  border-left: 1px solid #ff8f00 !important;
}

.border-right-amber.border-right-darken-3 {
  border-right: 1px solid #ff8f00 !important;
}

.btn-amber.btn-darken-4,
.btn-amber.btn-darken-4:hover {
  border-color: #ffa000 !important;
}

.overlay-amber.overlay-darken-3 {
  background: #ff8f00;
  background: rgba(255, 143, 0, 0.8);
}

.bg-amber.bg-darken-4,
.btn-amber.btn-darken-4 {
  background-color: #ff6f00 !important;
}

.amber.darken-4 {
  color: #ff6f00 !important;
}

.btn-amber.btn-darken-4:hover {
  background-color: #ff8f00 !important;
}

.btn-amber.btn-darken-4:active,
.btn-amber.btn-darken-4:focus {
  border-color: #ff8f00 !important;
  background-color: #ff6f00 !important;
}

.btn-outline-amber.btn-outline-darken-4 {
  border-color: #ff6f00 !important;
  color: #ff6f00 !important;
}

.btn-outline-amber.btn-outline-darken-4:hover {
  background-color: #ff6f00 !important;
}

.border-amber.border-darken-4 {
  border: 1px solid #ff6f00 !important;
}

.border-top-amber.border-top-darken-4 {
  border-top: 1px solid #ff6f00 !important;
}

.border-bottom-amber.border-bottom-darken-4 {
  border-bottom: 1px solid #ff6f00 !important;
}

.border-left-amber.border-left-darken-4 {
  border-left: 1px solid #ff6f00 !important;
}

.border-right-amber.border-right-darken-4 {
  border-right: 1px solid #ff6f00 !important;
}

.btn-amber.btn-accent-1,
.btn-amber.btn-accent-1:hover {
  border-color: #ffa000 !important;
}

.overlay-amber.overlay-darken-4 {
  background: #ff6f00;
  background: rgba(255, 111, 0, 0.8);
}

.bg-amber.bg-accent-1,
.btn-amber.btn-accent-1 {
  background-color: #ffe57f !important;
}

.amber.accent-1 {
  color: #ffe57f !important;
}

.btn-amber.btn-accent-1:hover {
  background-color: #ff8f00 !important;
}

.btn-amber.btn-accent-1:active,
.btn-amber.btn-accent-1:focus {
  border-color: #ff8f00 !important;
  background-color: #ff6f00 !important;
}

.btn-outline-amber.btn-outline-accent-1 {
  border-color: #ffe57f !important;
  color: #ffe57f !important;
}

.btn-outline-amber.btn-outline-accent-1:hover {
  background-color: #ffe57f !important;
}

.border-amber.border-accent-1 {
  border: 1px solid #ffe57f !important;
}

.border-top-amber.border-top-accent-1 {
  border-top: 1px solid #ffe57f !important;
}

.border-bottom-amber.border-bottom-accent-1 {
  border-bottom: 1px solid #ffe57f !important;
}

.border-left-amber.border-left-accent-1 {
  border-left: 1px solid #ffe57f !important;
}

.border-right-amber.border-right-accent-1 {
  border-right: 1px solid #ffe57f !important;
}

.btn-amber.btn-accent-2,
.btn-amber.btn-accent-2:hover {
  border-color: #ffa000 !important;
}

.overlay-amber.overlay-accent-1 {
  background: #ffe57f;
  background: rgba(255, 229, 127, 0.8);
}

.bg-amber.bg-accent-2,
.btn-amber.btn-accent-2 {
  background-color: #ffd740 !important;
}

.amber.accent-2 {
  color: #ffd740 !important;
}

.btn-amber.btn-accent-2:hover {
  background-color: #ff8f00 !important;
}

.btn-amber.btn-accent-2:active,
.btn-amber.btn-accent-2:focus {
  border-color: #ff8f00 !important;
  background-color: #ff6f00 !important;
}

.btn-outline-amber.btn-outline-accent-2 {
  border-color: #ffd740 !important;
  color: #ffd740 !important;
}

.btn-outline-amber.btn-outline-accent-2:hover {
  background-color: #ffd740 !important;
}

.border-amber.border-accent-2 {
  border: 1px solid #ffd740 !important;
}

.border-top-amber.border-top-accent-2 {
  border-top: 1px solid #ffd740 !important;
}

.border-bottom-amber.border-bottom-accent-2 {
  border-bottom: 1px solid #ffd740 !important;
}

.border-left-amber.border-left-accent-2 {
  border-left: 1px solid #ffd740 !important;
}

.border-right-amber.border-right-accent-2 {
  border-right: 1px solid #ffd740 !important;
}

.btn-amber.btn-accent-3,
.btn-amber.btn-accent-3:hover {
  border-color: #ffa000 !important;
}

.overlay-amber.overlay-accent-2 {
  background: #ffd740;
  background: rgba(255, 215, 64, 0.8);
}

.bg-amber.bg-accent-3,
.btn-amber.btn-accent-3 {
  background-color: #ffc400 !important;
}

.amber.accent-3 {
  color: #ffc400 !important;
}

.btn-amber.btn-accent-3:hover {
  background-color: #ff8f00 !important;
}

.btn-amber.btn-accent-3:active,
.btn-amber.btn-accent-3:focus {
  border-color: #ff8f00 !important;
  background-color: #ff6f00 !important;
}

.btn-outline-amber.btn-outline-accent-3 {
  border-color: #ffc400 !important;
  color: #ffc400 !important;
}

.btn-outline-amber.btn-outline-accent-3:hover {
  background-color: #ffc400 !important;
}

.border-amber.border-accent-3 {
  border: 1px solid #ffc400 !important;
}

.border-top-amber.border-top-accent-3 {
  border-top: 1px solid #ffc400 !important;
}

.border-bottom-amber.border-bottom-accent-3 {
  border-bottom: 1px solid #ffc400 !important;
}

.border-left-amber.border-left-accent-3 {
  border-left: 1px solid #ffc400 !important;
}

.border-right-amber.border-right-accent-3 {
  border-right: 1px solid #ffc400 !important;
}

.btn-amber.btn-accent-4,
.btn-amber.btn-accent-4:hover {
  border-color: #ffa000 !important;
}

.overlay-amber.overlay-accent-3 {
  background: #ffc400;
  background: rgba(255, 196, 0, 0.8);
}

.bg-amber.bg-accent-4,
.btn-amber.btn-accent-4 {
  background-color: #ffab00 !important;
}

.amber.accent-4 {
  color: #ffab00 !important;
}

.btn-amber.btn-accent-4:hover {
  background-color: #ff8f00 !important;
}

.btn-amber.btn-accent-4:active,
.btn-amber.btn-accent-4:focus {
  border-color: #ff8f00 !important;
  background-color: #ff6f00 !important;
}

.btn-outline-amber.btn-outline-accent-4 {
  border-color: #ffab00 !important;
  color: #ffab00 !important;
}

.btn-outline-amber.btn-outline-accent-4:hover {
  background-color: #ffab00 !important;
}

input:focus ~ .bg-amber {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffab00 !important;
}

.border-amber.border-accent-4 {
  border: 1px solid #ffab00 !important;
}

.border-top-amber.border-top-accent-4 {
  border-top: 1px solid #ffab00 !important;
}

.border-bottom-amber.border-bottom-accent-4 {
  border-bottom: 1px solid #ffab00 !important;
}

.border-left-amber.border-left-accent-4 {
  border-left: 1px solid #ffab00 !important;
}

.border-right-amber.border-right-accent-4 {
  border-right: 1px solid #ffab00 !important;
}

.overlay-amber.overlay-accent-4 {
  background: #ffab00;
  background: rgba(255, 171, 0, 0.8);
}

.edit-kanban-item select option.bg-color_name,
.kanban-container .kanban-board .kanban-item[data-border='amber']:before {
  background-color: #ffab00;
}

.bg-blue-grey.bg-lighten-5,
.btn-blue-grey.btn-lighten-5 {
  background-color: #eceff1 !important;
}

.blue-grey.lighten-5 {
  color: #eceff1 !important;
}

.btn-blue-grey.btn-lighten-5 {
  border-color: #455a64 !important;
}

.btn-blue-grey.btn-lighten-5:hover {
  border-color: #455a64 !important;
  background-color: #37474f !important;
}

.btn-blue-grey.btn-lighten-5:active,
.btn-blue-grey.btn-lighten-5:focus {
  border-color: #37474f !important;
  background-color: #263238 !important;
}

.btn-outline-blue-grey.btn-outline-lighten-5 {
  border-color: #eceff1 !important;
  color: #eceff1 !important;
}

.btn-outline-blue-grey.btn-outline-lighten-5:hover {
  background-color: #eceff1 !important;
}

.border-blue-grey.border-lighten-5 {
  border: 1px solid #eceff1 !important;
}

.border-top-blue-grey.border-top-lighten-5 {
  border-top: 1px solid #eceff1 !important;
}

.border-bottom-blue-grey.border-bottom-lighten-5 {
  border-bottom: 1px solid #eceff1 !important;
}

.border-left-blue-grey.border-left-lighten-5 {
  border-left: 1px solid #eceff1 !important;
}

.border-right-blue-grey.border-right-lighten-5 {
  border-right: 1px solid #eceff1 !important;
}

.overlay-blue-grey.overlay-lighten-5 {
  background: #eceff1;
  background: rgba(236, 239, 241, 0.8);
}

.bg-blue-grey.bg-lighten-4,
.btn-blue-grey.btn-lighten-4 {
  background-color: #cfd8dc !important;
}

.blue-grey.lighten-4 {
  color: #cfd8dc !important;
}

.btn-blue-grey.btn-lighten-4 {
  border-color: #455a64 !important;
}

.btn-blue-grey.btn-lighten-4:hover {
  border-color: #455a64 !important;
  background-color: #37474f !important;
}

.btn-blue-grey.btn-lighten-4:active,
.btn-blue-grey.btn-lighten-4:focus {
  border-color: #37474f !important;
  background-color: #263238 !important;
}

.btn-outline-blue-grey.btn-outline-lighten-4 {
  border-color: #cfd8dc !important;
  color: #cfd8dc !important;
}

.btn-outline-blue-grey.btn-outline-lighten-4:hover {
  background-color: #cfd8dc !important;
}

.border-blue-grey.border-lighten-4 {
  border: 1px solid #cfd8dc !important;
}

.border-top-blue-grey.border-top-lighten-4 {
  border-top: 1px solid #cfd8dc !important;
}

.border-bottom-blue-grey.border-bottom-lighten-4 {
  border-bottom: 1px solid #cfd8dc !important;
}

.border-left-blue-grey.border-left-lighten-4 {
  border-left: 1px solid #cfd8dc !important;
}

.border-right-blue-grey.border-right-lighten-4 {
  border-right: 1px solid #cfd8dc !important;
}

.overlay-blue-grey.overlay-lighten-4 {
  background: #cfd8dc;
  background: rgba(207, 216, 220, 0.8);
}

.bg-blue-grey.bg-lighten-3,
.btn-blue-grey.btn-lighten-3 {
  background-color: #b0bec5 !important;
}

.blue-grey.lighten-3 {
  color: #b0bec5 !important;
}

.btn-blue-grey.btn-lighten-3 {
  border-color: #455a64 !important;
}

.btn-blue-grey.btn-lighten-3:hover {
  border-color: #455a64 !important;
  background-color: #37474f !important;
}

.btn-blue-grey.btn-lighten-3:active,
.btn-blue-grey.btn-lighten-3:focus {
  border-color: #37474f !important;
  background-color: #263238 !important;
}

.btn-outline-blue-grey.btn-outline-lighten-3 {
  border-color: #b0bec5 !important;
  color: #b0bec5 !important;
}

.btn-outline-blue-grey.btn-outline-lighten-3:hover {
  background-color: #b0bec5 !important;
}

.border-blue-grey.border-lighten-3 {
  border: 1px solid #b0bec5 !important;
}

.border-top-blue-grey.border-top-lighten-3 {
  border-top: 1px solid #b0bec5 !important;
}

.border-bottom-blue-grey.border-bottom-lighten-3 {
  border-bottom: 1px solid #b0bec5 !important;
}

.border-left-blue-grey.border-left-lighten-3 {
  border-left: 1px solid #b0bec5 !important;
}

.border-right-blue-grey.border-right-lighten-3 {
  border-right: 1px solid #b0bec5 !important;
}

.overlay-blue-grey.overlay-lighten-3 {
  background: #b0bec5;
  background: rgba(176, 190, 197, 0.8);
}

.bg-blue-grey.bg-lighten-2,
.btn-blue-grey.btn-lighten-2 {
  background-color: #90a4ae !important;
}

.blue-grey.lighten-2 {
  color: #90a4ae !important;
}

.btn-blue-grey.btn-lighten-2 {
  border-color: #455a64 !important;
}

.btn-blue-grey.btn-lighten-2:hover {
  border-color: #455a64 !important;
  background-color: #37474f !important;
}

.btn-blue-grey.btn-lighten-2:active,
.btn-blue-grey.btn-lighten-2:focus {
  border-color: #37474f !important;
  background-color: #263238 !important;
}

.btn-outline-blue-grey.btn-outline-lighten-2 {
  border-color: #90a4ae !important;
  color: #90a4ae !important;
}

.btn-outline-blue-grey.btn-outline-lighten-2:hover {
  background-color: #90a4ae !important;
}

.border-blue-grey.border-lighten-2 {
  border: 1px solid #90a4ae !important;
}

.border-top-blue-grey.border-top-lighten-2 {
  border-top: 1px solid #90a4ae !important;
}

.border-bottom-blue-grey.border-bottom-lighten-2 {
  border-bottom: 1px solid #90a4ae !important;
}

.border-left-blue-grey.border-left-lighten-2 {
  border-left: 1px solid #90a4ae !important;
}

.border-right-blue-grey.border-right-lighten-2 {
  border-right: 1px solid #90a4ae !important;
}

.overlay-blue-grey.overlay-lighten-2 {
  background: #90a4ae;
  background: rgba(144, 164, 174, 0.8);
}

.bg-blue-grey.bg-lighten-1,
.btn-blue-grey.btn-lighten-1 {
  background-color: #78909c !important;
}

.blue-grey.lighten-1 {
  color: #78909c !important;
}

.btn-blue-grey.btn-lighten-1 {
  border-color: #455a64 !important;
}

.btn-blue-grey.btn-lighten-1:hover {
  border-color: #455a64 !important;
  background-color: #37474f !important;
}

.btn-blue-grey.btn-lighten-1:active,
.btn-blue-grey.btn-lighten-1:focus {
  border-color: #37474f !important;
  background-color: #263238 !important;
}

.btn-outline-blue-grey.btn-outline-lighten-1 {
  border-color: #78909c !important;
  color: #78909c !important;
}

.btn-outline-blue-grey.btn-outline-lighten-1:hover {
  background-color: #78909c !important;
}

.border-blue-grey.border-lighten-1 {
  border: 1px solid #78909c !important;
}

.border-top-blue-grey.border-top-lighten-1 {
  border-top: 1px solid #78909c !important;
}

.border-bottom-blue-grey.border-bottom-lighten-1 {
  border-bottom: 1px solid #78909c !important;
}

.border-left-blue-grey.border-left-lighten-1 {
  border-left: 1px solid #78909c !important;
}

.border-right-blue-grey.border-right-lighten-1 {
  border-right: 1px solid #78909c !important;
}

.overlay-blue-grey.overlay-lighten-1 {
  background: #78909c;
  background: rgba(120, 144, 156, 0.8);
}

.blue-grey {
  color: #607d8b !important;
}

.bg-blue-grey {
  background-color: #607d8b !important;
}

.bg-blue-grey .card-footer,
.bg-blue-grey .card-header {
  background-color: transparent;
}

.alert-blue-grey {
  border-color: #87a0ac !important;
  background-color: #87a0ac !important;
  color: #171e21 !important;
}

.alert-blue-grey .alert-link {
  color: #060809 !important;
}

.bullet.bullet-blue-grey {
  background-color: #607d8b;
}

.bg-light-blue-grey {
  background-color: rgba(96, 125, 139, 0.15);
}

.bg-blue-grey.badge-glow,
.border-blue-grey.badge-glow {
  box-shadow: 0 0 10px #607d8b;
}

.overlay-blue-grey {
  background: #607d8b;
  background: rgba(96, 125, 139, 0.8);
}

.btn-blue-grey {
  background-color: #607d8b !important;
  color: #fff;
}

.btn-blue-grey:hover {
  border-color: #546e7a !important;
  background-color: #78909c !important;
  color: #fff !important;
}

.btn-blue-grey:active,
.btn-blue-grey:focus {
  border-color: #455a64 !important;
  background-color: #37474f !important;
  color: #fff !important;
}

.btn-outline-blue-grey {
  border-color: #607d8b;
  background-color: transparent;
  color: #607d8b;
}

.btn-outline-blue-grey:hover {
  background-color: #607d8b;
  color: #fff !important;
}

.widget-timeline .timeline-items.timeline-icon-blue-grey:before {
  background-color: #607d8b;
}

input[type='checkbox'].bg-blue-grey + .custom-control-label:before,
input[type='radio'].bg-blue-grey + .custom-control-label:before {
  background-color: #607d8b !important;
}

.bg-blue-grey.bg-darken-1,
.btn-blue-grey.btn-darken-1 {
  background-color: #546e7a !important;
}

.border-blue-grey {
  border: 1px solid #607d8b !important;
}

.border-top-blue-grey {
  border-top: 1px solid #607d8b;
}

.border-bottom-blue-grey {
  border-bottom: 1px solid #607d8b;
}

.border-left-blue-grey {
  border-left: 1px solid #607d8b;
}

.border-right-blue-grey {
  border-right: 1px solid #607d8b;
}

.blue-grey.darken-1 {
  color: #546e7a !important;
}

.btn-blue-grey.btn-darken-1 {
  border-color: #455a64 !important;
}

.btn-blue-grey.btn-darken-1:hover {
  border-color: #455a64 !important;
  background-color: #37474f !important;
}

.btn-blue-grey.btn-darken-1:active,
.btn-blue-grey.btn-darken-1:focus {
  border-color: #37474f !important;
  background-color: #263238 !important;
}

.btn-outline-blue-grey.btn-outline-darken-1 {
  border-color: #546e7a !important;
  color: #546e7a !important;
}

.btn-outline-blue-grey.btn-outline-darken-1:hover {
  background-color: #546e7a !important;
}

.border-blue-grey.border-darken-1 {
  border: 1px solid #546e7a !important;
}

.border-top-blue-grey.border-top-darken-1 {
  border-top: 1px solid #546e7a !important;
}

.border-bottom-blue-grey.border-bottom-darken-1 {
  border-bottom: 1px solid #546e7a !important;
}

.border-left-blue-grey.border-left-darken-1 {
  border-left: 1px solid #546e7a !important;
}

.border-right-blue-grey.border-right-darken-1 {
  border-right: 1px solid #546e7a !important;
}

.overlay-blue-grey.overlay-darken-1 {
  background: #546e7a;
  background: rgba(84, 110, 122, 0.8);
}

.bg-blue-grey.bg-darken-2,
.btn-blue-grey.btn-darken-2 {
  background-color: #455a64 !important;
}

.blue-grey.darken-2 {
  color: #455a64 !important;
}

.btn-blue-grey.btn-darken-2 {
  border-color: #455a64 !important;
}

.btn-blue-grey.btn-darken-2:hover {
  border-color: #455a64 !important;
  background-color: #37474f !important;
}

.btn-blue-grey.btn-darken-2:active,
.btn-blue-grey.btn-darken-2:focus {
  border-color: #37474f !important;
  background-color: #263238 !important;
}

.btn-outline-blue-grey.btn-outline-darken-2 {
  border-color: #455a64 !important;
  color: #455a64 !important;
}

.btn-outline-blue-grey.btn-outline-darken-2:hover {
  background-color: #455a64 !important;
}

.border-blue-grey.border-darken-2 {
  border: 1px solid #455a64 !important;
}

.border-top-blue-grey.border-top-darken-2 {
  border-top: 1px solid #455a64 !important;
}

.border-bottom-blue-grey.border-bottom-darken-2 {
  border-bottom: 1px solid #455a64 !important;
}

.border-left-blue-grey.border-left-darken-2 {
  border-left: 1px solid #455a64 !important;
}

.border-right-blue-grey.border-right-darken-2 {
  border-right: 1px solid #455a64 !important;
}

.overlay-blue-grey.overlay-darken-2 {
  background: #455a64;
  background: rgba(69, 90, 100, 0.8);
}

.edit-kanban-item select option.bg-color_name,
.kanban-container .kanban-board .kanban-item[data-border='blue-grey']:before {
  background-color: #455a64;
}

.blue-grey.darken-3 {
  color: #37474f !important;
}

.bg-blue-grey.bg-darken-3 {
  background-color: #37474f !important;
}

.btn-blue-grey.btn-darken-3,
.btn-blue-grey.btn-darken-3:hover {
  border-color: #455a64 !important;
  background-color: #37474f !important;
}

.btn-blue-grey.btn-darken-3:active,
.btn-blue-grey.btn-darken-3:focus {
  border-color: #37474f !important;
  background-color: #263238 !important;
}

.btn-outline-blue-grey.btn-outline-darken-3 {
  border-color: #37474f !important;
  color: #37474f !important;
}

.btn-outline-blue-grey.btn-outline-darken-3:hover {
  background-color: #37474f !important;
}

.border-blue-grey.border-darken-3 {
  border: 1px solid #37474f !important;
}

.border-top-blue-grey.border-top-darken-3 {
  border-top: 1px solid #37474f !important;
}

.border-bottom-blue-grey.border-bottom-darken-3 {
  border-bottom: 1px solid #37474f !important;
}

.border-left-blue-grey.border-left-darken-3 {
  border-left: 1px solid #37474f !important;
}

.border-right-blue-grey.border-right-darken-3 {
  border-right: 1px solid #37474f !important;
}

.overlay-blue-grey.overlay-darken-3 {
  background: #37474f;
  background: rgba(55, 71, 79, 0.8);
}

.bg-blue-grey.bg-darken-4,
.btn-blue-grey.btn-darken-4 {
  background-color: #263238 !important;
}

.blue-grey.darken-4 {
  color: #263238 !important;
}

.btn-blue-grey.btn-darken-4 {
  border-color: #455a64 !important;
}

.btn-blue-grey.btn-darken-4:hover {
  border-color: #455a64 !important;
  background-color: #37474f !important;
}

.btn-blue-grey.btn-darken-4:active,
.btn-blue-grey.btn-darken-4:focus {
  border-color: #37474f !important;
  background-color: #263238 !important;
}

.btn-outline-blue-grey.btn-outline-darken-4 {
  border-color: #263238 !important;
  color: #263238 !important;
}

.btn-outline-blue-grey.btn-outline-darken-4:hover {
  background-color: #263238 !important;
}

input:focus ~ .bg-blue-grey {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #263238 !important;
}

.border-blue-grey.border-darken-4 {
  border: 1px solid #263238 !important;
}

.border-top-blue-grey.border-top-darken-4 {
  border-top: 1px solid #263238 !important;
}

.border-bottom-blue-grey.border-bottom-darken-4 {
  border-bottom: 1px solid #263238 !important;
}

.border-left-blue-grey.border-left-darken-4 {
  border-left: 1px solid #263238 !important;
}

.border-right-blue-grey.border-right-darken-4 {
  border-right: 1px solid #263238 !important;
}

.overlay-blue-grey.overlay-darken-4 {
  background: #263238;
  background: rgba(38, 50, 56, 0.8);
}

.kanban-container .kanban-board .kanban-item[data-border='blue-grey']:before {
  background-color: #263238;
}

.bg-grey-blue.bg-lighten-5,
.btn-grey-blue.btn-lighten-5 {
  background-color: #eceff1 !important;
}

.grey-blue.lighten-5 {
  color: #eceff1 !important;
}

.btn-grey-blue.btn-lighten-5 {
  border-color: #404e67 !important;
}

.btn-grey-blue.btn-lighten-5:hover {
  border-color: #404e67 !important;
  background-color: #37474f !important;
}

.btn-grey-blue.btn-lighten-5:active,
.btn-grey-blue.btn-lighten-5:focus {
  border-color: #37474f !important;
  background-color: #263238 !important;
}

.btn-outline-grey-blue.btn-outline-lighten-5 {
  border-color: #eceff1 !important;
  color: #eceff1 !important;
}

.btn-outline-grey-blue.btn-outline-lighten-5:hover {
  background-color: #eceff1 !important;
}

.border-grey-blue.border-lighten-5 {
  border: 1px solid #eceff1 !important;
}

.border-top-grey-blue.border-top-lighten-5 {
  border-top: 1px solid #eceff1 !important;
}

.border-bottom-grey-blue.border-bottom-lighten-5 {
  border-bottom: 1px solid #eceff1 !important;
}

.border-left-grey-blue.border-left-lighten-5 {
  border-left: 1px solid #eceff1 !important;
}

.border-right-grey-blue.border-right-lighten-5 {
  border-right: 1px solid #eceff1 !important;
}

.overlay-grey-blue.overlay-lighten-5 {
  background: #eceff1;
  background: rgba(236, 239, 241, 0.8);
}

.bg-grey-blue.bg-lighten-4,
.btn-grey-blue.btn-lighten-4 {
  background-color: #cfd8dc !important;
}

.grey-blue.lighten-4 {
  color: #cfd8dc !important;
}

.btn-grey-blue.btn-lighten-4 {
  border-color: #404e67 !important;
}

.btn-grey-blue.btn-lighten-4:hover {
  border-color: #404e67 !important;
  background-color: #37474f !important;
}

.btn-grey-blue.btn-lighten-4:active,
.btn-grey-blue.btn-lighten-4:focus {
  border-color: #37474f !important;
  background-color: #263238 !important;
}

.btn-outline-grey-blue.btn-outline-lighten-4 {
  border-color: #cfd8dc !important;
  color: #cfd8dc !important;
}

.btn-outline-grey-blue.btn-outline-lighten-4:hover {
  background-color: #cfd8dc !important;
}

.border-grey-blue.border-lighten-4 {
  border: 1px solid #cfd8dc !important;
}

.border-top-grey-blue.border-top-lighten-4 {
  border-top: 1px solid #cfd8dc !important;
}

.border-bottom-grey-blue.border-bottom-lighten-4 {
  border-bottom: 1px solid #cfd8dc !important;
}

.border-left-grey-blue.border-left-lighten-4 {
  border-left: 1px solid #cfd8dc !important;
}

.border-right-grey-blue.border-right-lighten-4 {
  border-right: 1px solid #cfd8dc !important;
}

.overlay-grey-blue.overlay-lighten-4 {
  background: #cfd8dc;
  background: rgba(207, 216, 220, 0.8);
}

.bg-grey-blue.bg-lighten-3,
.btn-grey-blue.btn-lighten-3 {
  background-color: #b0bec5 !important;
}

.grey-blue.lighten-3 {
  color: #b0bec5 !important;
}

.btn-grey-blue.btn-lighten-3 {
  border-color: #404e67 !important;
}

.btn-grey-blue.btn-lighten-3:hover {
  border-color: #404e67 !important;
  background-color: #37474f !important;
}

.btn-grey-blue.btn-lighten-3:active,
.btn-grey-blue.btn-lighten-3:focus {
  border-color: #37474f !important;
  background-color: #263238 !important;
}

.btn-outline-grey-blue.btn-outline-lighten-3 {
  border-color: #b0bec5 !important;
  color: #b0bec5 !important;
}

.btn-outline-grey-blue.btn-outline-lighten-3:hover {
  background-color: #b0bec5 !important;
}

.border-grey-blue.border-lighten-3 {
  border: 1px solid #b0bec5 !important;
}

.border-top-grey-blue.border-top-lighten-3 {
  border-top: 1px solid #b0bec5 !important;
}

.border-bottom-grey-blue.border-bottom-lighten-3 {
  border-bottom: 1px solid #b0bec5 !important;
}

.border-left-grey-blue.border-left-lighten-3 {
  border-left: 1px solid #b0bec5 !important;
}

.border-right-grey-blue.border-right-lighten-3 {
  border-right: 1px solid #b0bec5 !important;
}

.overlay-grey-blue.overlay-lighten-3 {
  background: #b0bec5;
  background: rgba(176, 190, 197, 0.8);
}

.bg-grey-blue.bg-lighten-2,
.btn-grey-blue.btn-lighten-2 {
  background-color: #6f85ad !important;
}

.grey-blue.lighten-2 {
  color: #6f85ad !important;
}

.btn-grey-blue.btn-lighten-2 {
  border-color: #404e67 !important;
}

.btn-grey-blue.btn-lighten-2:hover {
  border-color: #404e67 !important;
  background-color: #37474f !important;
}

.btn-grey-blue.btn-lighten-2:active,
.btn-grey-blue.btn-lighten-2:focus {
  border-color: #37474f !important;
  background-color: #263238 !important;
}

.btn-outline-grey-blue.btn-outline-lighten-2 {
  border-color: #6f85ad !important;
  color: #6f85ad !important;
}

.btn-outline-grey-blue.btn-outline-lighten-2:hover {
  background-color: #6f85ad !important;
}

.border-grey-blue.border-lighten-2 {
  border: 1px solid #6f85ad !important;
}

.border-top-grey-blue.border-top-lighten-2 {
  border-top: 1px solid #6f85ad !important;
}

.border-bottom-grey-blue.border-bottom-lighten-2 {
  border-bottom: 1px solid #6f85ad !important;
}

.border-left-grey-blue.border-left-lighten-2 {
  border-left: 1px solid #6f85ad !important;
}

.border-right-grey-blue.border-right-lighten-2 {
  border-right: 1px solid #6f85ad !important;
}

.overlay-grey-blue.overlay-lighten-2 {
  background: #6f85ad;
  background: rgba(111, 133, 173, 0.8);
}

.bg-grey-blue.bg-lighten-1,
.btn-grey-blue.btn-lighten-1 {
  background-color: #78909c !important;
}

.grey-blue.lighten-1 {
  color: #78909c !important;
}

.btn-grey-blue.btn-lighten-1 {
  border-color: #404e67 !important;
}

.btn-grey-blue.btn-lighten-1:hover {
  border-color: #404e67 !important;
  background-color: #37474f !important;
}

.btn-grey-blue.btn-lighten-1:active,
.btn-grey-blue.btn-lighten-1:focus {
  border-color: #37474f !important;
  background-color: #263238 !important;
}

.btn-outline-grey-blue.btn-outline-lighten-1 {
  border-color: #78909c !important;
  color: #78909c !important;
}

.btn-outline-grey-blue.btn-outline-lighten-1:hover {
  background-color: #78909c !important;
}

.border-grey-blue.border-lighten-1 {
  border: 1px solid #78909c !important;
}

.border-top-grey-blue.border-top-lighten-1 {
  border-top: 1px solid #78909c !important;
}

.border-bottom-grey-blue.border-bottom-lighten-1 {
  border-bottom: 1px solid #78909c !important;
}

.border-left-grey-blue.border-left-lighten-1 {
  border-left: 1px solid #78909c !important;
}

.border-right-grey-blue.border-right-lighten-1 {
  border-right: 1px solid #78909c !important;
}

.overlay-grey-blue.overlay-lighten-1 {
  background: #78909c;
  background: rgba(120, 144, 156, 0.8);
}

.grey-blue {
  color: #1b2942 !important;
}

.alert-grey-blue,
.alert-grey-blue .alert-link {
  color: #000 !important;
}

.bg-grey-blue {
  background-color: #1b2942 !important;
}

.bg-grey-blue .card-footer,
.bg-grey-blue .card-header {
  background-color: transparent;
}

.alert-grey-blue {
  border-color: #304875 !important;
  background-color: #304875 !important;
}

.bullet.bullet-grey-blue {
  background-color: #1b2942;
}

.bg-light-grey-blue {
  background-color: rgba(27, 41, 66, 0.15);
}

.bg-grey-blue.badge-glow,
.border-grey-blue.badge-glow {
  box-shadow: 0 0 10px #1b2942;
}

.overlay-grey-blue {
  background: #1b2942;
  background: rgba(27, 41, 66, 0.8);
}

.btn-grey-blue {
  background-color: #1b2942 !important;
  color: #fff;
}

.btn-grey-blue:hover {
  border-color: #546e7a !important;
  background-color: #78909c !important;
  color: #fff !important;
}

.btn-grey-blue:active,
.btn-grey-blue:focus {
  border-color: #404e67 !important;
  background-color: #37474f !important;
  color: #fff !important;
}

.btn-outline-grey-blue {
  border-color: #1b2942;
  background-color: transparent;
  color: #1b2942;
}

.btn-outline-grey-blue:hover {
  background-color: #1b2942;
  color: #fff !important;
}

.widget-timeline .timeline-items.timeline-icon-grey-blue:before {
  background-color: #1b2942;
}

input[type='checkbox'].bg-grey-blue + .custom-control-label:before,
input[type='radio'].bg-grey-blue + .custom-control-label:before {
  background-color: #1b2942 !important;
}

.bg-grey-blue.bg-darken-1,
.btn-grey-blue.btn-darken-1 {
  background-color: #546e7a !important;
}

.border-grey-blue {
  border: 1px solid #1b2942 !important;
}

.border-top-grey-blue {
  border-top: 1px solid #1b2942;
}

.border-bottom-grey-blue {
  border-bottom: 1px solid #1b2942;
}

.border-left-grey-blue {
  border-left: 1px solid #1b2942;
}

.border-right-grey-blue {
  border-right: 1px solid #1b2942;
}

.grey-blue.darken-1 {
  color: #546e7a !important;
}

.btn-grey-blue.btn-darken-1 {
  border-color: #404e67 !important;
}

.btn-grey-blue.btn-darken-1:hover {
  border-color: #404e67 !important;
  background-color: #37474f !important;
}

.btn-grey-blue.btn-darken-1:active,
.btn-grey-blue.btn-darken-1:focus {
  border-color: #37474f !important;
  background-color: #263238 !important;
}

.btn-outline-grey-blue.btn-outline-darken-1 {
  border-color: #546e7a !important;
  color: #546e7a !important;
}

.btn-outline-grey-blue.btn-outline-darken-1:hover {
  background-color: #546e7a !important;
}

.border-grey-blue.border-darken-1 {
  border: 1px solid #546e7a !important;
}

.border-top-grey-blue.border-top-darken-1 {
  border-top: 1px solid #546e7a !important;
}

.border-bottom-grey-blue.border-bottom-darken-1 {
  border-bottom: 1px solid #546e7a !important;
}

.border-left-grey-blue.border-left-darken-1 {
  border-left: 1px solid #546e7a !important;
}

.border-right-grey-blue.border-right-darken-1 {
  border-right: 1px solid #546e7a !important;
}

.overlay-grey-blue.overlay-darken-1 {
  background: #546e7a;
  background: rgba(84, 110, 122, 0.8);
}

.bg-grey-blue.bg-darken-2,
.btn-grey-blue.btn-darken-2 {
  background-color: #404e67 !important;
}

.grey-blue.darken-2 {
  color: #404e67 !important;
}

.btn-grey-blue.btn-darken-2 {
  border-color: #404e67 !important;
}

.btn-grey-blue.btn-darken-2:hover {
  border-color: #404e67 !important;
  background-color: #37474f !important;
}

.btn-grey-blue.btn-darken-2:active,
.btn-grey-blue.btn-darken-2:focus {
  border-color: #37474f !important;
  background-color: #263238 !important;
}

.btn-outline-grey-blue.btn-outline-darken-2 {
  border-color: #404e67 !important;
  color: #404e67 !important;
}

.btn-outline-grey-blue.btn-outline-darken-2:hover {
  background-color: #404e67 !important;
}

.border-grey-blue.border-darken-2 {
  border: 1px solid #404e67 !important;
}

.border-top-grey-blue.border-top-darken-2 {
  border-top: 1px solid #404e67 !important;
}

.border-bottom-grey-blue.border-bottom-darken-2 {
  border-bottom: 1px solid #404e67 !important;
}

.border-left-grey-blue.border-left-darken-2 {
  border-left: 1px solid #404e67 !important;
}

.border-right-grey-blue.border-right-darken-2 {
  border-right: 1px solid #404e67 !important;
}

.overlay-grey-blue.overlay-darken-2 {
  background: #404e67;
  background: rgba(64, 78, 103, 0.8);
}

.grey-blue.darken-3 {
  color: #37474f !important;
}

.bg-grey-blue.bg-darken-3 {
  background-color: #37474f !important;
}

.btn-grey-blue.btn-darken-3,
.btn-grey-blue.btn-darken-3:hover {
  border-color: #404e67 !important;
  background-color: #37474f !important;
}

.btn-grey-blue.btn-darken-3:active,
.btn-grey-blue.btn-darken-3:focus {
  border-color: #37474f !important;
  background-color: #263238 !important;
}

.btn-outline-grey-blue.btn-outline-darken-3 {
  border-color: #37474f !important;
  color: #37474f !important;
}

.btn-outline-grey-blue.btn-outline-darken-3:hover {
  background-color: #37474f !important;
}

.border-grey-blue.border-darken-3 {
  border: 1px solid #37474f !important;
}

.border-top-grey-blue.border-top-darken-3 {
  border-top: 1px solid #37474f !important;
}

.border-bottom-grey-blue.border-bottom-darken-3 {
  border-bottom: 1px solid #37474f !important;
}

.border-left-grey-blue.border-left-darken-3 {
  border-left: 1px solid #37474f !important;
}

.border-right-grey-blue.border-right-darken-3 {
  border-right: 1px solid #37474f !important;
}

.overlay-grey-blue.overlay-darken-3 {
  background: #37474f;
  background: rgba(55, 71, 79, 0.8);
}

.bg-grey-blue.bg-darken-4,
.btn-grey-blue.btn-darken-4 {
  background-color: #263238 !important;
}

.grey-blue.darken-4 {
  color: #263238 !important;
}

.btn-grey-blue.btn-darken-4 {
  border-color: #404e67 !important;
}

.btn-grey-blue.btn-darken-4:hover {
  border-color: #404e67 !important;
  background-color: #37474f !important;
}

.btn-grey-blue.btn-darken-4:active,
.btn-grey-blue.btn-darken-4:focus {
  border-color: #37474f !important;
  background-color: #263238 !important;
}

.btn-outline-grey-blue.btn-outline-darken-4 {
  border-color: #263238 !important;
  color: #263238 !important;
}

.btn-outline-grey-blue.btn-outline-darken-4:hover {
  background-color: #263238 !important;
}

input:focus ~ .bg-grey-blue {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #263238 !important;
}

.border-grey-blue.border-darken-4 {
  border: 1px solid #263238 !important;
}

.border-top-grey-blue.border-top-darken-4 {
  border-top: 1px solid #263238 !important;
}

.border-bottom-grey-blue.border-bottom-darken-4 {
  border-bottom: 1px solid #263238 !important;
}

.border-left-grey-blue.border-left-darken-4 {
  border-left: 1px solid #263238 !important;
}

.border-right-grey-blue.border-right-darken-4 {
  border-right: 1px solid #263238 !important;
}

.overlay-grey-blue.overlay-darken-4 {
  background: #263238;
  background: rgba(38, 50, 56, 0.8);
}

.edit-kanban-item select option.bg-color_name,
.kanban-container .kanban-board .kanban-item[data-border='grey-blue']:before {
  background-color: #263238;
}

.bg-shades.bg-black,
.btn-outline-shades.btn-outline-black:hover,
.btn-shades.btn-black {
  background-color: #000 !important;
}

.shades.black {
  color: #000 !important;
}

.btn-outline-shades.btn-outline-black {
  border-color: #000 !important;
  color: #000 !important;
}

.border-shades.border-black {
  border: 1px solid #000 !important;
}

.border-top-shades.border-top-black {
  border-top: 1px solid #000 !important;
}

.border-bottom-shades.border-bottom-black {
  border-bottom: 1px solid #000 !important;
}

.border-left-shades.border-left-black {
  border-left: 1px solid #000 !important;
}

.border-right-shades.border-right-black {
  border-right: 1px solid #000 !important;
}

.overlay-shades.overlay-black {
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

.bg-shades.bg-white,
.btn-outline-shades.btn-outline-white:hover,
.btn-shades.btn-white {
  background-color: #fff !important;
}

.shades.white {
  color: #fff !important;
}

.btn-outline-shades.btn-outline-white {
  border-color: #fff !important;
  color: #fff !important;
}

.border-shades.border-white {
  border: 1px solid #fff !important;
}

.border-top-shades.border-top-white {
  border-top: 1px solid #fff !important;
}

.border-bottom-shades.border-bottom-white {
  border-bottom: 1px solid #fff !important;
}

.border-left-shades.border-left-white {
  border-left: 1px solid #fff !important;
}

.border-right-shades.border-right-white {
  border-right: 1px solid #fff !important;
}

.overlay-shades.overlay-white {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
}

.bg-shades.bg-transparent,
.btn-outline-shades.btn-outline-transparent:hover,
.btn-shades.btn-transparent {
  background-color: transparent !important;
}

.shades.transparent {
  color: transparent !important;
}

.btn-outline-shades.btn-outline-transparent {
  border-color: transparent !important;
  color: transparent !important;
}

input:focus ~ .bg-shades {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem transparent !important;
}

.border-shades.border-transparent {
  border: 1px solid transparent !important;
}

.border-top-shades.border-top-transparent {
  border-top: 1px solid transparent !important;
}

.border-bottom-shades.border-bottom-transparent {
  border-bottom: 1px solid transparent !important;
}

.border-left-shades.border-left-transparent {
  border-left: 1px solid transparent !important;
}

.border-right-shades.border-right-transparent {
  border-right: 1px solid transparent !important;
}

.overlay-shades.overlay-transparent {
  background: 0 0;
  background: rgba(0, 0, 0, 0.8);
}

.bg-transparent,
.edit-kanban-item select option.bg-color_name,
.kanban-container .kanban-board .kanban-item[data-border='shades']:before {
  background-color: transparent;
}

.border-top-black {
  border-top: 1px solid #000;
}

.border-bottom-black {
  border-bottom: 1px solid #000;
}

.border-left-black {
  border-left: 1px solid #000;
}

.border-right-black {
  border-right: 1px solid #000;
}

.border-top-white {
  border-top: 1px solid #fff;
}

.border-bottom-white {
  border-bottom: 1px solid #fff;
}

.border-left-white {
  border-left: 1px solid #fff;
}

.border-right-white {
  border-right: 1px solid #fff;
}

.transparent {
  color: transparent;
}

input:focus ~ .bg-transparent {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem transparent;
}

.border-transparent {
  border: 1px solid transparent;
}

.border-top-transparent {
  border-top: 1px solid transparent;
}

.border-bottom-transparent {
  border-bottom: 1px solid transparent;
}

.border-left-transparent {
  border-left: 1px solid transparent;
}

.border-right-transparent {
  border-right: 1px solid transparent;
}
.bg-gradient-directional-amber .card-footer,
.bg-gradient-directional-amber .card-header,
.bg-gradient-directional-black .card-footer,
.bg-gradient-directional-black .card-header,
.bg-gradient-directional-blue .card-footer,
.bg-gradient-directional-blue .card-header,
.bg-gradient-directional-blue-grey .card-footer,
.bg-gradient-directional-blue-grey .card-header,
.bg-gradient-directional-cyan .card-footer,
.bg-gradient-directional-cyan .card-header,
.bg-gradient-directional-danger .card-footer,
.bg-gradient-directional-danger .card-header,
.bg-gradient-directional-grey-blue .card-footer,
.bg-gradient-directional-grey-blue .card-header,
.bg-gradient-directional-info .card-footer,
.bg-gradient-directional-info .card-header,
.bg-gradient-directional-primary .card-footer,
.bg-gradient-directional-primary .card-header,
.bg-gradient-directional-purple .card-footer,
.bg-gradient-directional-purple .card-header,
.bg-gradient-directional-red .card-footer,
.bg-gradient-directional-red .card-header,
.bg-gradient-directional-secondary .card-footer,
.bg-gradient-directional-secondary .card-header,
.bg-gradient-directional-success .card-footer,
.bg-gradient-directional-success .card-header,
.bg-gradient-directional-teal .card-footer,
.bg-gradient-directional-teal .card-header,
.bg-gradient-directional-warning .card-footer,
.bg-gradient-directional-warning .card-header,
.bg-gradient-directional-white .card-footer,
.bg-gradient-directional-white .card-header,
.bg-gradient-directional-yellow .card-footer,
.bg-gradient-directional-yellow .card-header,
.bg-gradient-radial-amber .card-footer,
.bg-gradient-radial-amber .card-header,
.bg-gradient-radial-black .card-footer,
.bg-gradient-radial-black .card-header,
.bg-gradient-radial-blue .card-footer,
.bg-gradient-radial-blue .card-header,
.bg-gradient-radial-blue-grey .card-footer,
.bg-gradient-radial-blue-grey .card-header,
.bg-gradient-radial-cyan .card-footer,
.bg-gradient-radial-cyan .card-header,
.bg-gradient-radial-danger .card-footer,
.bg-gradient-radial-danger .card-header,
.bg-gradient-radial-grey-blue .card-footer,
.bg-gradient-radial-grey-blue .card-header,
.bg-gradient-radial-info .card-footer,
.bg-gradient-radial-info .card-header,
.bg-gradient-radial-primary .card-footer,
.bg-gradient-radial-primary .card-header,
.bg-gradient-radial-purple .card-footer,
.bg-gradient-radial-purple .card-header,
.bg-gradient-radial-red .card-footer,
.bg-gradient-radial-red .card-header,
.bg-gradient-radial-secondary .card-footer,
.bg-gradient-radial-secondary .card-header,
.bg-gradient-radial-success .card-footer,
.bg-gradient-radial-success .card-header,
.bg-gradient-radial-teal .card-footer,
.bg-gradient-radial-teal .card-header,
.bg-gradient-radial-warning .card-footer,
.bg-gradient-radial-warning .card-header,
.bg-gradient-radial-white .card-footer,
.bg-gradient-radial-white .card-header,
.bg-gradient-radial-yellow .card-footer,
.bg-gradient-radial-yellow .card-header,
.bg-gradient-striped-amber .card-footer,
.bg-gradient-striped-amber .card-header,
.bg-gradient-striped-black .card-footer,
.bg-gradient-striped-black .card-header,
.bg-gradient-striped-blue .card-footer,
.bg-gradient-striped-blue .card-header,
.bg-gradient-striped-blue-grey .card-footer,
.bg-gradient-striped-blue-grey .card-header,
.bg-gradient-striped-cyan .card-footer,
.bg-gradient-striped-cyan .card-header,
.bg-gradient-striped-danger .card-footer,
.bg-gradient-striped-danger .card-header,
.bg-gradient-striped-grey-blue .card-footer,
.bg-gradient-striped-grey-blue .card-header,
.bg-gradient-striped-info .card-footer,
.bg-gradient-striped-info .card-header,
.bg-gradient-striped-primary .card-footer,
.bg-gradient-striped-primary .card-header,
.bg-gradient-striped-purple .card-footer,
.bg-gradient-striped-purple .card-header,
.bg-gradient-striped-red .card-footer,
.bg-gradient-striped-red .card-header,
.bg-gradient-striped-secondary .card-footer,
.bg-gradient-striped-secondary .card-header,
.bg-gradient-striped-success .card-footer,
.bg-gradient-striped-success .card-header,
.bg-gradient-striped-teal .card-footer,
.bg-gradient-striped-teal .card-header,
.bg-gradient-striped-warning .card-footer,
.bg-gradient-striped-warning .card-header,
.bg-gradient-striped-white .card-footer,
.bg-gradient-striped-white .card-header,
.bg-gradient-striped-yellow .card-footer,
.bg-gradient-striped-yellow .card-header,
.bg-gradient-x-amber .card-footer,
.bg-gradient-x-amber .card-header,
.bg-gradient-x-black .card-footer,
.bg-gradient-x-black .card-header,
.bg-gradient-x-blue .card-footer,
.bg-gradient-x-blue .card-header,
.bg-gradient-x-blue-grey .card-footer,
.bg-gradient-x-blue-grey .card-header,
.bg-gradient-x-cyan .card-footer,
.bg-gradient-x-cyan .card-header,
.bg-gradient-x-danger .card-footer,
.bg-gradient-x-danger .card-header,
.bg-gradient-x-grey-blue .card-footer,
.bg-gradient-x-grey-blue .card-header,
.bg-gradient-x-info .card-footer,
.bg-gradient-x-info .card-header,
.bg-gradient-x-primary .card-footer,
.bg-gradient-x-primary .card-header,
.bg-gradient-x-purple .card-footer,
.bg-gradient-x-purple .card-header,
.bg-gradient-x-red .card-footer,
.bg-gradient-x-red .card-header,
.bg-gradient-x-secondary .card-footer,
.bg-gradient-x-secondary .card-header,
.bg-gradient-x-success .card-footer,
.bg-gradient-x-success .card-header,
.bg-gradient-x-teal .card-footer,
.bg-gradient-x-teal .card-header,
.bg-gradient-x-warning .card-footer,
.bg-gradient-x-warning .card-header,
.bg-gradient-x-white .card-footer,
.bg-gradient-x-white .card-header,
.bg-gradient-x-yellow .card-footer,
.bg-gradient-x-yellow .card-header,
.bg-gradient-x2-amber .card-footer,
.bg-gradient-x2-amber .card-header,
.bg-gradient-x2-black .card-footer,
.bg-gradient-x2-black .card-header,
.bg-gradient-x2-blue .card-footer,
.bg-gradient-x2-blue .card-header,
.bg-gradient-x2-blue-grey .card-footer,
.bg-gradient-x2-blue-grey .card-header,
.bg-gradient-x2-cyan .card-footer,
.bg-gradient-x2-cyan .card-header,
.bg-gradient-x2-danger .card-footer,
.bg-gradient-x2-danger .card-header,
.bg-gradient-x2-grey-blue .card-footer,
.bg-gradient-x2-grey-blue .card-header,
.bg-gradient-x2-info .card-footer,
.bg-gradient-x2-info .card-header,
.bg-gradient-x2-primary .card-footer,
.bg-gradient-x2-primary .card-header,
.bg-gradient-x2-purple .card-footer,
.bg-gradient-x2-purple .card-header,
.bg-gradient-x2-red .card-footer,
.bg-gradient-x2-red .card-header,
.bg-gradient-x2-secondary .card-footer,
.bg-gradient-x2-secondary .card-header,
.bg-gradient-x2-success .card-footer,
.bg-gradient-x2-success .card-header,
.bg-gradient-x2-teal .card-footer,
.bg-gradient-x2-teal .card-header,
.bg-gradient-x2-warning .card-footer,
.bg-gradient-x2-warning .card-header,
.bg-gradient-x2-white .card-footer,
.bg-gradient-x2-white .card-header,
.bg-gradient-x2-yellow .card-footer,
.bg-gradient-x2-yellow .card-header,
.bg-gradient-y-amber .card-footer,
.bg-gradient-y-amber .card-header,
.bg-gradient-y-black .card-footer,
.bg-gradient-y-black .card-header,
.bg-gradient-y-blue .card-footer,
.bg-gradient-y-blue .card-header,
.bg-gradient-y-blue-grey .card-footer,
.bg-gradient-y-blue-grey .card-header,
.bg-gradient-y-cyan .card-footer,
.bg-gradient-y-cyan .card-header,
.bg-gradient-y-danger .card-footer,
.bg-gradient-y-danger .card-header,
.bg-gradient-y-grey-blue .card-footer,
.bg-gradient-y-grey-blue .card-header,
.bg-gradient-y-info .card-footer,
.bg-gradient-y-info .card-header,
.bg-gradient-y-primary .card-footer,
.bg-gradient-y-primary .card-header,
.bg-gradient-y-purple .card-footer,
.bg-gradient-y-purple .card-header,
.bg-gradient-y-red .card-footer,
.bg-gradient-y-red .card-header,
.bg-gradient-y-secondary .card-footer,
.bg-gradient-y-secondary .card-header,
.bg-gradient-y-success .card-footer,
.bg-gradient-y-success .card-header,
.bg-gradient-y-teal .card-footer,
.bg-gradient-y-teal .card-header,
.bg-gradient-y-warning .card-footer,
.bg-gradient-y-warning .card-header,
.bg-gradient-y-white .card-footer,
.bg-gradient-y-white .card-header,
.bg-gradient-y-yellow .card-footer,
.bg-gradient-y-yellow .card-header,
.bg-gradient-y2-amber .card-footer,
.bg-gradient-y2-amber .card-header,
.bg-gradient-y2-black .card-footer,
.bg-gradient-y2-black .card-header,
.bg-gradient-y2-blue .card-footer,
.bg-gradient-y2-blue .card-header,
.bg-gradient-y2-blue-grey .card-footer,
.bg-gradient-y2-blue-grey .card-header,
.bg-gradient-y2-cyan .card-footer,
.bg-gradient-y2-cyan .card-header,
.bg-gradient-y2-danger .card-footer,
.bg-gradient-y2-danger .card-header,
.bg-gradient-y2-grey-blue .card-footer,
.bg-gradient-y2-grey-blue .card-header,
.bg-gradient-y2-info .card-footer,
.bg-gradient-y2-info .card-header,
.bg-gradient-y2-primary .card-footer,
.bg-gradient-y2-primary .card-header,
.bg-gradient-y2-purple .card-footer,
.bg-gradient-y2-purple .card-header,
.bg-gradient-y2-red .card-footer,
.bg-gradient-y2-red .card-header,
.bg-gradient-y2-secondary .card-footer,
.bg-gradient-y2-secondary .card-header,
.bg-gradient-y2-success .card-footer,
.bg-gradient-y2-success .card-header,
.bg-gradient-y2-teal .card-footer,
.bg-gradient-y2-teal .card-header,
.bg-gradient-y2-warning .card-footer,
.bg-gradient-y2-warning .card-header,
.bg-gradient-y2-white .card-footer,
.bg-gradient-y2-white .card-header,
.bg-gradient-y2-yellow .card-footer,
.bg-gradient-y2-yellow .card-header {
  background-color: transparent;
}

.bg-gradient-x-primary {
  background-image: -webkit-linear-gradient(left, #008385 0, #00e7eb 100%);
  background-image: linear-gradient(to right, #008385 0, #00e7eb 100%);
  background-repeat: repeat-x;
}

.bg-gradient-y-primary {
  background-image: -webkit-linear-gradient(top, #008385 0, #00e7eb 100%);
  background-image: linear-gradient(to bottom, #008385 0, #00e7eb 100%);
  background-repeat: repeat-x;
}

.bg-gradient-directional-primary {
  background-image: -webkit-linear-gradient(45deg, #008385, #00e7eb);
  background-image: linear-gradient(45deg, #008385, #00e7eb);
  background-repeat: repeat-x;
}

.bg-gradient-x2-primary {
  background-image: -webkit-linear-gradient(left, #00e7eb, #00b5b8 50%, #06fbff);
  background-image: linear-gradient(to right, #00e7eb, #00b5b8 50%, #06fbff);
  background-repeat: no-repeat;
}

.bg-gradient-y2-primary {
  background-image: -webkit-linear-gradient(#00e7eb, #00b5b8 50%, #06fbff);
  background-image: linear-gradient(#00e7eb, #00b5b8 50%, #06fbff);
  background-repeat: no-repeat;
}

.bg-gradient-radial-primary {
  background-image: -webkit-radial-gradient(circle, #008385, #00e7eb);
  background-image: radial-gradient(circle, #008385, #00e7eb);
  background-repeat: no-repeat;
}

.bg-gradient-striped-primary {
  background-image: -webkit-linear-gradient(
    45deg,
    #06fbff 25%,
    transparent 25%,
    transparent 50%,
    #06fbff 50%,
    #06fbff 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    #06fbff 25%,
    transparent 25%,
    transparent 50%,
    #06fbff 50%,
    #06fbff 75%,
    transparent 75%,
    transparent
  );
}

.bg-gradient-x-secondary {
  background-image: -webkit-linear-gradient(left, #2c3648 0, #546686 100%);
  background-image: linear-gradient(to right, #2c3648 0, #546686 100%);
  background-repeat: repeat-x;
}

.bg-gradient-y-secondary {
  background-image: -webkit-linear-gradient(top, #2c3648 0, #546686 100%);
  background-image: linear-gradient(to bottom, #2c3648 0, #546686 100%);
  background-repeat: repeat-x;
}

.bg-gradient-directional-secondary {
  background-image: -webkit-linear-gradient(45deg, #2c3648, #546686);
  background-image: linear-gradient(45deg, #2c3648, #546686);
  background-repeat: repeat-x;
}

.bg-gradient-x2-secondary {
  background-image: -webkit-linear-gradient(left, #546686, #404e67 50%, #5d7296);
  background-image: linear-gradient(to right, #546686, #404e67 50%, #5d7296);
  background-repeat: no-repeat;
}

.bg-gradient-y2-secondary {
  background-image: -webkit-linear-gradient(#546686, #404e67 50%, #5d7296);
  background-image: linear-gradient(#546686, #404e67 50%, #5d7296);
  background-repeat: no-repeat;
}

.bg-gradient-radial-secondary {
  background-image: -webkit-radial-gradient(circle, #2c3648, #546686);
  background-image: radial-gradient(circle, #2c3648, #546686);
  background-repeat: no-repeat;
}

.bg-gradient-striped-secondary {
  background-image: -webkit-linear-gradient(
    45deg,
    #5d7296 25%,
    transparent 25%,
    transparent 50%,
    #5d7296 50%,
    #5d7296 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    #5d7296 25%,
    transparent 25%,
    transparent 50%,
    #5d7296 50%,
    #5d7296 75%,
    transparent 75%,
    transparent
  );
}

.bg-gradient-x-success {
  background-image: -webkit-linear-gradient(left, #11a578 0, #32eab2 100%);
  background-image: linear-gradient(to right, #11a578 0, #32eab2 100%);
  background-repeat: repeat-x;
}

.bg-gradient-y-success {
  background-image: -webkit-linear-gradient(top, #11a578 0, #32eab2 100%);
  background-image: linear-gradient(to bottom, #11a578 0, #32eab2 100%);
  background-repeat: repeat-x;
}

.bg-gradient-directional-success {
  background-image: -webkit-linear-gradient(45deg, #11a578, #32eab2);
  background-image: linear-gradient(45deg, #11a578, #32eab2);
  background-repeat: repeat-x;
}

.bg-gradient-x2-success {
  background-image: -webkit-linear-gradient(left, #32eab2, #16d39a 50%, #49ecbb);
  background-image: linear-gradient(to right, #32eab2, #16d39a 50%, #49ecbb);
  background-repeat: no-repeat;
}

.bg-gradient-y2-success {
  background-image: -webkit-linear-gradient(#32eab2, #16d39a 50%, #49ecbb);
  background-image: linear-gradient(#32eab2, #16d39a 50%, #49ecbb);
  background-repeat: no-repeat;
}

.bg-gradient-radial-success {
  background-image: -webkit-radial-gradient(circle, #11a578, #32eab2);
  background-image: radial-gradient(circle, #11a578, #32eab2);
  background-repeat: no-repeat;
}

.bg-gradient-striped-success {
  background-image: -webkit-linear-gradient(
    45deg,
    #49ecbb 25%,
    transparent 25%,
    transparent 50%,
    #49ecbb 50%,
    #49ecbb 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    #49ecbb 25%,
    transparent 25%,
    transparent 50%,
    #49ecbb 50%,
    #49ecbb 75%,
    transparent 75%,
    transparent
  );
}

.bg-gradient-x-info {
  background-image: -webkit-linear-gradient(left, #1ab0c3 0, #5ad9e9 100%);
  background-image: linear-gradient(to right, #1ab0c3 0, #5ad9e9 100%);
  background-repeat: repeat-x;
}

.bg-gradient-y-info {
  background-image: -webkit-linear-gradient(top, #1ab0c3 0, #5ad9e9 100%);
  background-image: linear-gradient(to bottom, #1ab0c3 0, #5ad9e9 100%);
  background-repeat: repeat-x;
}

.bg-gradient-directional-info {
  background-image: -webkit-linear-gradient(45deg, #1ab0c3, #5ad9e9);
  background-image: linear-gradient(45deg, #1ab0c3, #5ad9e9);
  background-repeat: repeat-x;
}

.bg-gradient-x2-info {
  background-image: -webkit-linear-gradient(left, #5ad9e9, #2dcee3 50%, #71deec);
  background-image: linear-gradient(to right, #5ad9e9, #2dcee3 50%, #71deec);
  background-repeat: no-repeat;
}

.bg-gradient-y2-info {
  background-image: -webkit-linear-gradient(#5ad9e9, #2dcee3 50%, #71deec);
  background-image: linear-gradient(#5ad9e9, #2dcee3 50%, #71deec);
  background-repeat: no-repeat;
}

.bg-gradient-radial-info {
  background-image: -webkit-radial-gradient(circle, #1ab0c3, #5ad9e9);
  background-image: radial-gradient(circle, #1ab0c3, #5ad9e9);
  background-repeat: no-repeat;
}

.bg-gradient-striped-info {
  background-image: -webkit-linear-gradient(
    45deg,
    #71deec 25%,
    transparent 25%,
    transparent 50%,
    #71deec 50%,
    #71deec 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    #71deec 25%,
    transparent 25%,
    transparent 50%,
    #71deec 50%,
    #71deec 75%,
    transparent 75%,
    transparent
  );
}

.bg-gradient-x-warning {
  background-image: -webkit-linear-gradient(left, #ff864a 0, #ffcab0 100%);
  background-image: linear-gradient(to right, #ff864a 0, #ffcab0 100%);
  background-repeat: repeat-x;
}

.bg-gradient-y-warning {
  background-image: -webkit-linear-gradient(top, #ff864a 0, #ffcab0 100%);
  background-image: linear-gradient(to bottom, #ff864a 0, #ffcab0 100%);
  background-repeat: repeat-x;
}

.bg-gradient-directional-warning {
  background-image: -webkit-linear-gradient(45deg, #ff864a, #ffcab0);
  background-image: linear-gradient(45deg, #ff864a, #ffcab0);
  background-repeat: repeat-x;
}

.bg-gradient-x2-warning {
  background-image: -webkit-linear-gradient(left, #ffcab0, #ffa87d 50%, #ffdbca);
  background-image: linear-gradient(to right, #ffcab0, #ffa87d 50%, #ffdbca);
  background-repeat: no-repeat;
}

.bg-gradient-y2-warning {
  background-image: -webkit-linear-gradient(#ffcab0, #ffa87d 50%, #ffdbca);
  background-image: linear-gradient(#ffcab0, #ffa87d 50%, #ffdbca);
  background-repeat: no-repeat;
}

.bg-gradient-radial-warning {
  background-image: -webkit-radial-gradient(circle, #ff864a, #ffcab0);
  background-image: radial-gradient(circle, #ff864a, #ffcab0);
  background-repeat: no-repeat;
}

.bg-gradient-striped-warning {
  background-image: -webkit-linear-gradient(
    45deg,
    #ffdbca 25%,
    transparent 25%,
    transparent 50%,
    #ffdbca 50%,
    #ffdbca 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    #ffdbca 25%,
    transparent 25%,
    transparent 50%,
    #ffdbca 50%,
    #ffdbca 75%,
    transparent 75%,
    transparent
  );
}

.bg-gradient-x-danger {
  background-image: -webkit-linear-gradient(left, #ff425c 0, #ffa8b4 100%);
  background-image: linear-gradient(to right, #ff425c 0, #ffa8b4 100%);
  background-repeat: repeat-x;
}

.bg-gradient-y-danger {
  background-image: -webkit-linear-gradient(top, #ff425c 0, #ffa8b4 100%);
  background-image: linear-gradient(to bottom, #ff425c 0, #ffa8b4 100%);
  background-repeat: repeat-x;
}

.bg-gradient-directional-danger {
  background-image: -webkit-linear-gradient(45deg, #ff425c, #ffa8b4);
  background-image: linear-gradient(45deg, #ff425c, #ffa8b4);
  background-repeat: repeat-x;
}

.bg-gradient-x2-danger {
  background-image: -webkit-linear-gradient(left, #ffa8b4, #ff7588 50%, #ffc2ca);
  background-image: linear-gradient(to right, #ffa8b4, #ff7588 50%, #ffc2ca);
  background-repeat: no-repeat;
}

.bg-gradient-y2-danger {
  background-image: -webkit-linear-gradient(#ffa8b4, #ff7588 50%, #ffc2ca);
  background-image: linear-gradient(#ffa8b4, #ff7588 50%, #ffc2ca);
  background-repeat: no-repeat;
}

.bg-gradient-radial-danger {
  background-image: -webkit-radial-gradient(circle, #ff425c, #ffa8b4);
  background-image: radial-gradient(circle, #ff425c, #ffa8b4);
  background-repeat: no-repeat;
}

.bg-gradient-striped-danger {
  background-image: -webkit-linear-gradient(
    45deg,
    #ffc2ca 25%,
    transparent 25%,
    transparent 50%,
    #ffc2ca 50%,
    #ffc2ca 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    #ffc2ca 25%,
    transparent 25%,
    transparent 50%,
    #ffc2ca 50%,
    #ffc2ca 75%,
    transparent 75%,
    transparent
  );
}

.bg-gradient-x-red {
  background-image: -webkit-linear-gradient(left, #d32f2f 0, #e57373 100%);
  background-image: linear-gradient(to right, #d32f2f 0, #e57373 100%);
  background-repeat: repeat-x;
}

.bg-gradient-y-red {
  background-image: -webkit-linear-gradient(top, #d32f2f 0, #e57373 100%);
  background-image: linear-gradient(to bottom, #d32f2f 0, #e57373 100%);
  background-repeat: repeat-x;
}

.bg-gradient-directional-red {
  background-image: -webkit-linear-gradient(45deg, #d32f2f, #e57373);
  background-image: linear-gradient(45deg, #d32f2f, #e57373);
  background-repeat: repeat-x;
}

.bg-gradient-x2-red {
  background-image: -webkit-linear-gradient(left, #e57373, #f44336 50%, #ef9a9a);
  background-image: linear-gradient(to right, #e57373, #f44336 50%, #ef9a9a);
  background-repeat: no-repeat;
}

.bg-gradient-y2-red {
  background-image: -webkit-linear-gradient(#e57373, #f44336 50%, #ef9a9a);
  background-image: linear-gradient(#e57373, #f44336 50%, #ef9a9a);
  background-repeat: no-repeat;
}

.bg-gradient-radial-red {
  background-image: -webkit-radial-gradient(circle, #d32f2f, #e57373);
  background-image: radial-gradient(circle, #d32f2f, #e57373);
  background-repeat: no-repeat;
}

.bg-gradient-striped-red {
  background-image: -webkit-linear-gradient(
    45deg,
    #ef9a9a 25%,
    transparent 25%,
    transparent 50%,
    #ef9a9a 50%,
    #ef9a9a 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    #ef9a9a 25%,
    transparent 25%,
    transparent 50%,
    #ef9a9a 50%,
    #ef9a9a 75%,
    transparent 75%,
    transparent
  );
}

.bg-gradient-x-pink {
  background-image: -webkit-linear-gradient(left, #c2185b 0, #f06292 100%);
  background-image: linear-gradient(to right, #c2185b 0, #f06292 100%);
  background-repeat: repeat-x;
}

.bg-gradient-y-pink {
  background-image: -webkit-linear-gradient(top, #c2185b 0, #f06292 100%);
  background-image: linear-gradient(to bottom, #c2185b 0, #f06292 100%);
  background-repeat: repeat-x;
}

.bg-gradient-directional-pink {
  background-image: -webkit-linear-gradient(45deg, #c2185b, #f06292);
  background-image: linear-gradient(45deg, #c2185b, #f06292);
  background-repeat: repeat-x;
}

.bg-gradient-x2-pink {
  background-image: -webkit-linear-gradient(left, #f06292, #e91e63 50%, #f48fb1);
  background-image: linear-gradient(to right, #f06292, #e91e63 50%, #f48fb1);
  background-repeat: no-repeat;
}

.bg-gradient-y2-pink {
  background-image: -webkit-linear-gradient(#f06292, #e91e63 50%, #f48fb1);
  background-image: linear-gradient(#f06292, #e91e63 50%, #f48fb1);
  background-repeat: no-repeat;
}

.bg-gradient-radial-pink {
  background-image: -webkit-radial-gradient(circle, #c2185b, #f06292);
  background-image: radial-gradient(circle, #c2185b, #f06292);
  background-repeat: no-repeat;
}

.bg-gradient-striped-pink {
  background-image: -webkit-linear-gradient(
    45deg,
    #f48fb1 25%,
    transparent 25%,
    transparent 50%,
    #f48fb1 50%,
    #f48fb1 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    #f48fb1 25%,
    transparent 25%,
    transparent 50%,
    #f48fb1 50%,
    #f48fb1 75%,
    transparent 75%,
    transparent
  );
}

.bg-gradient-directional-pink .card-footer,
.bg-gradient-directional-pink .card-header,
.bg-gradient-radial-pink .card-footer,
.bg-gradient-radial-pink .card-header,
.bg-gradient-striped-pink .card-footer,
.bg-gradient-striped-pink .card-header,
.bg-gradient-x-pink .card-footer,
.bg-gradient-x-pink .card-header,
.bg-gradient-x2-pink .card-footer,
.bg-gradient-x2-pink .card-header,
.bg-gradient-y-pink .card-footer,
.bg-gradient-y-pink .card-header,
.bg-gradient-y2-pink .card-footer,
.bg-gradient-y2-pink .card-header {
  background-color: transparent;
}

.bg-gradient-x-purple {
  background-image: -webkit-linear-gradient(left, #7b1fa2 0, #ba68c8 100%);
  background-image: linear-gradient(to right, #7b1fa2 0, #ba68c8 100%);
  background-repeat: repeat-x;
}

.bg-gradient-y-purple {
  background-image: -webkit-linear-gradient(top, #7b1fa2 0, #ba68c8 100%);
  background-image: linear-gradient(to bottom, #7b1fa2 0, #ba68c8 100%);
  background-repeat: repeat-x;
}

.bg-gradient-directional-purple {
  background-image: -webkit-linear-gradient(45deg, #7b1fa2, #ba68c8);
  background-image: linear-gradient(45deg, #7b1fa2, #ba68c8);
  background-repeat: repeat-x;
}

.bg-gradient-x2-purple {
  background-image: -webkit-linear-gradient(left, #ba68c8, #9c27b0 50%, #ce93d8);
  background-image: linear-gradient(to right, #ba68c8, #9c27b0 50%, #ce93d8);
  background-repeat: no-repeat;
}

.bg-gradient-y2-purple {
  background-image: -webkit-linear-gradient(#ba68c8, #9c27b0 50%, #ce93d8);
  background-image: linear-gradient(#ba68c8, #9c27b0 50%, #ce93d8);
  background-repeat: no-repeat;
}

.bg-gradient-radial-purple {
  background-image: -webkit-radial-gradient(circle, #7b1fa2, #ba68c8);
  background-image: radial-gradient(circle, #7b1fa2, #ba68c8);
  background-repeat: no-repeat;
}

.bg-gradient-striped-purple {
  background-image: -webkit-linear-gradient(
    45deg,
    #ce93d8 25%,
    transparent 25%,
    transparent 50%,
    #ce93d8 50%,
    #ce93d8 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    #ce93d8 25%,
    transparent 25%,
    transparent 50%,
    #ce93d8 50%,
    #ce93d8 75%,
    transparent 75%,
    transparent
  );
}

.bg-gradient-x-blue {
  background-image: -webkit-linear-gradient(left, #1976d2 0, #64b5f6 100%);
  background-image: linear-gradient(to right, #1976d2 0, #64b5f6 100%);
  background-repeat: repeat-x;
}

.bg-gradient-y-blue {
  background-image: -webkit-linear-gradient(top, #1976d2 0, #64b5f6 100%);
  background-image: linear-gradient(to bottom, #1976d2 0, #64b5f6 100%);
  background-repeat: repeat-x;
}

.bg-gradient-directional-blue {
  background-image: -webkit-linear-gradient(45deg, #1976d2, #64b5f6);
  background-image: linear-gradient(45deg, #1976d2, #64b5f6);
  background-repeat: repeat-x;
}

.bg-gradient-x2-blue {
  background-image: -webkit-linear-gradient(left, #64b5f6, #2196f3 50%, #90caf9);
  background-image: linear-gradient(to right, #64b5f6, #2196f3 50%, #90caf9);
  background-repeat: no-repeat;
}

.bg-gradient-y2-blue {
  background-image: -webkit-linear-gradient(#64b5f6, #2196f3 50%, #90caf9);
  background-image: linear-gradient(#64b5f6, #2196f3 50%, #90caf9);
  background-repeat: no-repeat;
}

.bg-gradient-radial-blue {
  background-image: -webkit-radial-gradient(circle, #1976d2, #64b5f6);
  background-image: radial-gradient(circle, #1976d2, #64b5f6);
  background-repeat: no-repeat;
}

.bg-gradient-striped-blue {
  background-image: -webkit-linear-gradient(
    45deg,
    #90caf9 25%,
    transparent 25%,
    transparent 50%,
    #90caf9 50%,
    #90caf9 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    #90caf9 25%,
    transparent 25%,
    transparent 50%,
    #90caf9 50%,
    #90caf9 75%,
    transparent 75%,
    transparent
  );
}

.bg-gradient-x-cyan {
  background-image: -webkit-linear-gradient(left, #0097a7 0, #4dd0e1 100%);
  background-image: linear-gradient(to right, #0097a7 0, #4dd0e1 100%);
  background-repeat: repeat-x;
}

.bg-gradient-y-cyan {
  background-image: -webkit-linear-gradient(top, #0097a7 0, #4dd0e1 100%);
  background-image: linear-gradient(to bottom, #0097a7 0, #4dd0e1 100%);
  background-repeat: repeat-x;
}

.bg-gradient-directional-cyan {
  background-image: -webkit-linear-gradient(45deg, #0097a7, #4dd0e1);
  background-image: linear-gradient(45deg, #0097a7, #4dd0e1);
  background-repeat: repeat-x;
}

.bg-gradient-x2-cyan {
  background-image: -webkit-linear-gradient(left, #4dd0e1, #00bcd4 50%, #80deea);
  background-image: linear-gradient(to right, #4dd0e1, #00bcd4 50%, #80deea);
  background-repeat: no-repeat;
}

.bg-gradient-y2-cyan {
  background-image: -webkit-linear-gradient(#4dd0e1, #00bcd4 50%, #80deea);
  background-image: linear-gradient(#4dd0e1, #00bcd4 50%, #80deea);
  background-repeat: no-repeat;
}

.bg-gradient-radial-cyan {
  background-image: -webkit-radial-gradient(circle, #0097a7, #4dd0e1);
  background-image: radial-gradient(circle, #0097a7, #4dd0e1);
  background-repeat: no-repeat;
}

.bg-gradient-striped-cyan {
  background-image: -webkit-linear-gradient(
    45deg,
    #80deea 25%,
    transparent 25%,
    transparent 50%,
    #80deea 50%,
    #80deea 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    #80deea 25%,
    transparent 25%,
    transparent 50%,
    #80deea 50%,
    #80deea 75%,
    transparent 75%,
    transparent
  );
}

.bg-gradient-x-teal {
  background-image: -webkit-linear-gradient(left, #00796b 0, #4db6ac 100%);
  background-image: linear-gradient(to right, #00796b 0, #4db6ac 100%);
  background-repeat: repeat-x;
}

.bg-gradient-y-teal {
  background-image: -webkit-linear-gradient(top, #00796b 0, #4db6ac 100%);
  background-image: linear-gradient(to bottom, #00796b 0, #4db6ac 100%);
  background-repeat: repeat-x;
}

.bg-gradient-directional-teal {
  background-image: -webkit-linear-gradient(45deg, #00796b, #4db6ac);
  background-image: linear-gradient(45deg, #00796b, #4db6ac);
  background-repeat: repeat-x;
}

.bg-gradient-x2-teal {
  background-image: -webkit-linear-gradient(left, #4db6ac, #009688 50%, #80cbc4);
  background-image: linear-gradient(to right, #4db6ac, #009688 50%, #80cbc4);
  background-repeat: no-repeat;
}

.bg-gradient-y2-teal {
  background-image: -webkit-linear-gradient(#4db6ac, #009688 50%, #80cbc4);
  background-image: linear-gradient(#4db6ac, #009688 50%, #80cbc4);
  background-repeat: no-repeat;
}

.bg-gradient-radial-teal {
  background-image: -webkit-radial-gradient(circle, #00796b, #4db6ac);
  background-image: radial-gradient(circle, #00796b, #4db6ac);
  background-repeat: no-repeat;
}

.bg-gradient-striped-teal {
  background-image: -webkit-linear-gradient(
    45deg,
    #80cbc4 25%,
    transparent 25%,
    transparent 50%,
    #80cbc4 50%,
    #80cbc4 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    #80cbc4 25%,
    transparent 25%,
    transparent 50%,
    #80cbc4 50%,
    #80cbc4 75%,
    transparent 75%,
    transparent
  );
}

.bg-gradient-x-yellow {
  background-image: -webkit-linear-gradient(left, #fbc02d 0, #fff176 100%);
  background-image: linear-gradient(to right, #fbc02d 0, #fff176 100%);
  background-repeat: repeat-x;
}

.bg-gradient-y-yellow {
  background-image: -webkit-linear-gradient(top, #fbc02d 0, #fff176 100%);
  background-image: linear-gradient(to bottom, #fbc02d 0, #fff176 100%);
  background-repeat: repeat-x;
}

.bg-gradient-directional-yellow {
  background-image: -webkit-linear-gradient(45deg, #fbc02d, #fff176);
  background-image: linear-gradient(45deg, #fbc02d, #fff176);
  background-repeat: repeat-x;
}

.bg-gradient-x2-yellow {
  background-image: -webkit-linear-gradient(left, #fff176, #ffeb3b 50%, #fff59d);
  background-image: linear-gradient(to right, #fff176, #ffeb3b 50%, #fff59d);
  background-repeat: no-repeat;
}

.bg-gradient-y2-yellow {
  background-image: -webkit-linear-gradient(#fff176, #ffeb3b 50%, #fff59d);
  background-image: linear-gradient(#fff176, #ffeb3b 50%, #fff59d);
  background-repeat: no-repeat;
}

.bg-gradient-radial-yellow {
  background-image: -webkit-radial-gradient(circle, #fbc02d, #fff176);
  background-image: radial-gradient(circle, #fbc02d, #fff176);
  background-repeat: no-repeat;
}

.bg-gradient-striped-yellow {
  background-image: -webkit-linear-gradient(
    45deg,
    #fff59d 25%,
    transparent 25%,
    transparent 50%,
    #fff59d 50%,
    #fff59d 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    #fff59d 25%,
    transparent 25%,
    transparent 50%,
    #fff59d 50%,
    #fff59d 75%,
    transparent 75%,
    transparent
  );
}

.bg-gradient-x-amber {
  background-image: -webkit-linear-gradient(left, #ffa000 0, #ffd54f 100%);
  background-image: linear-gradient(to right, #ffa000 0, #ffd54f 100%);
  background-repeat: repeat-x;
}

.bg-gradient-y-amber {
  background-image: -webkit-linear-gradient(top, #ffa000 0, #ffd54f 100%);
  background-image: linear-gradient(to bottom, #ffa000 0, #ffd54f 100%);
  background-repeat: repeat-x;
}

.bg-gradient-directional-amber {
  background-image: -webkit-linear-gradient(45deg, #ffa000, #ffd54f);
  background-image: linear-gradient(45deg, #ffa000, #ffd54f);
  background-repeat: repeat-x;
}

.bg-gradient-x2-amber {
  background-image: -webkit-linear-gradient(left, #ffd54f, #ffc107 50%, #ffe082);
  background-image: linear-gradient(to right, #ffd54f, #ffc107 50%, #ffe082);
  background-repeat: no-repeat;
}

.bg-gradient-y2-amber {
  background-image: -webkit-linear-gradient(#ffd54f, #ffc107 50%, #ffe082);
  background-image: linear-gradient(#ffd54f, #ffc107 50%, #ffe082);
  background-repeat: no-repeat;
}

.bg-gradient-radial-amber {
  background-image: -webkit-radial-gradient(circle, #ffa000, #ffd54f);
  background-image: radial-gradient(circle, #ffa000, #ffd54f);
  background-repeat: no-repeat;
}

.bg-gradient-striped-amber {
  background-image: -webkit-linear-gradient(
    45deg,
    #ffe082 25%,
    transparent 25%,
    transparent 50%,
    #ffe082 50%,
    #ffe082 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    #ffe082 25%,
    transparent 25%,
    transparent 50%,
    #ffe082 50%,
    #ffe082 75%,
    transparent 75%,
    transparent
  );
}

.bg-gradient-x-blue-grey {
  background-image: -webkit-linear-gradient(left, #455a64 0, #90a4ae 100%);
  background-image: linear-gradient(to right, #455a64 0, #90a4ae 100%);
  background-repeat: repeat-x;
}

.bg-gradient-y-blue-grey {
  background-image: -webkit-linear-gradient(top, #455a64 0, #90a4ae 100%);
  background-image: linear-gradient(to bottom, #455a64 0, #90a4ae 100%);
  background-repeat: repeat-x;
}

.bg-gradient-directional-blue-grey {
  background-image: -webkit-linear-gradient(45deg, #455a64, #90a4ae);
  background-image: linear-gradient(45deg, #455a64, #90a4ae);
  background-repeat: repeat-x;
}

.bg-gradient-x2-blue-grey {
  background-image: -webkit-linear-gradient(left, #90a4ae, #607d8b 50%, #b0bec5);
  background-image: linear-gradient(to right, #90a4ae, #607d8b 50%, #b0bec5);
  background-repeat: no-repeat;
}

.bg-gradient-y2-blue-grey {
  background-image: -webkit-linear-gradient(#90a4ae, #607d8b 50%, #b0bec5);
  background-image: linear-gradient(#90a4ae, #607d8b 50%, #b0bec5);
  background-repeat: no-repeat;
}

.bg-gradient-radial-blue-grey {
  background-image: -webkit-radial-gradient(circle, #455a64, #90a4ae);
  background-image: radial-gradient(circle, #455a64, #90a4ae);
  background-repeat: no-repeat;
}

.bg-gradient-striped-blue-grey {
  background-image: -webkit-linear-gradient(
    45deg,
    #b0bec5 25%,
    transparent 25%,
    transparent 50%,
    #b0bec5 50%,
    #b0bec5 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    #b0bec5 25%,
    transparent 25%,
    transparent 50%,
    #b0bec5 50%,
    #b0bec5 75%,
    transparent 75%,
    transparent
  );
}

.bg-gradient-x-grey-blue {
  background-image: -webkit-linear-gradient(left, #404e67 0, #6f85ad 100%);
  background-image: linear-gradient(to right, #404e67 0, #6f85ad 100%);
  background-repeat: repeat-x;
}

.bg-gradient-y-grey-blue {
  background-image: -webkit-linear-gradient(top, #404e67 0, #6f85ad 100%);
  background-image: linear-gradient(to bottom, #404e67 0, #6f85ad 100%);
  background-repeat: repeat-x;
}

.bg-gradient-directional-grey-blue {
  background-image: -webkit-linear-gradient(45deg, #404e67, #6f85ad);
  background-image: linear-gradient(45deg, #404e67, #6f85ad);
  background-repeat: repeat-x;
}

.bg-gradient-x2-grey-blue {
  background-image: -webkit-linear-gradient(left, #6f85ad, #1b2942 50%, #b0bec5);
  background-image: linear-gradient(to right, #6f85ad, #1b2942 50%, #b0bec5);
  background-repeat: no-repeat;
}

.bg-gradient-y2-grey-blue {
  background-image: -webkit-linear-gradient(#6f85ad, #1b2942 50%, #b0bec5);
  background-image: linear-gradient(#6f85ad, #1b2942 50%, #b0bec5);
  background-repeat: no-repeat;
}

.bg-gradient-radial-grey-blue {
  background-image: -webkit-radial-gradient(circle, #404e67, #6f85ad);
  background-image: radial-gradient(circle, #404e67, #6f85ad);
  background-repeat: no-repeat;
}

.bg-gradient-striped-grey-blue {
  background-image: -webkit-linear-gradient(
    45deg,
    #b0bec5 25%,
    transparent 25%,
    transparent 50%,
    #b0bec5 50%,
    #b0bec5 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    #b0bec5 25%,
    transparent 25%,
    transparent 50%,
    #b0bec5 50%,
    #b0bec5 75%,
    transparent 75%,
    transparent
  );
}

.hidden {
  display: none !important;
}

.header_thirdNeo {
  position: fixed;
  width: 100%;
  z-index: 10;
}
/* /  logo in left side dont show in big display / */
.inSmallDevicesShow {
  display: none;
}
.header_thirdNeo .Third_headerEvent .Third_headerEvent_children div .d-flex div a i {
  width: 25px;
  line-height: 25px;
  text-align: center;
  margin-right: 4.5px;
  margin-bottom: 4.5px;
}

.header_thirdNeo .Third_headerEvent .Third_headerEvent_children div .d-flex div a .fa-instagram {
  color: white !important;
  background: radial-gradient(
    circle at 30% 107%,
    #fdf497 0%,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285aeb 90%
  ) !important;
}

.header_thirdNeo .Third_headerEvent .Third_headerEvent_children div .d-flex div a .fa-linkedin {
  color: white !important;
  background-color: #0e76a8 !important;
}
.header_thirdNeo .Third_headerEvent .Third_headerEvent_children div .d-flex div a .fa-facebook-f {
  color: white !important;
  background-color: #3b5998 !important;
}

.header_thirdNeo .Third_headerEvent .Third_headerEvent_children div .d-flex div a .fa-twitter {
  color: white !important;
  background-color: #1da1f2 !important;
}

.header_thirdNeo .Third_headerEvent .Third_headerEvent_children div .d-flex div a .fa-pinterest {
  color: white !important;
  background-color: #c8232c !important;
}

.header_thirdNeo .Third_headerEvent .Third_headerEvent_children div .d-flex div a .fa-youtube {
  color: white !important;
  background-color: #c4302b !important;
}

.header_thirdNeo .Third_headerEvent .Third_headerEvent_children div .d-flex div a .fa-whatsapp {
  color: white !important;
  background-color: #25d366 !important;
}
.header_thirdNeo .Third_headerEvent .Third_headerEvent_children div .d-flex div a .fa-snapchat {
  color: white !important;
  background-color: #fefc00 !important;
}

.header_thirdNeo .Third_headerEvent .Third_headerEvent_children div .d-flex div a .fa-koo {
  color: black !important;
  background-color: white !important;
}

.Third_headerEvent_children {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.header_thirdNeo > .Third_headerEvent_children span a {
  box-shadow: none !important;
  color: black !important;
}

.Third_headerEvent {
  display: flex;
  flex-direction: row;

  background: #e0e0e0;
}

.Third_headerEvent_children {
  flex: 33.33%;
  padding: 2px;
  display: grid;
  margin: auto;
}
.Third_headerEvent_children div {
  margin: auto;
}

.header_thirdNeo > .header_third_navContainer {
  background: #e0e0e0 !important;
  box-shadow: inset 0 0 4px #c0c0c0 !important;
  height: 60px;
  width: 100%;
}

.header_third_navContainer label.logo {
  color: white;

  font-size: 35px;
  line-height: 40px;
  padding: 0 100px;
  font-weight: bold;
}
.header_thirdNeo > .header_third_navContainer > ul {
  float: right;
  margin-right: 20px;
}
.header_thirdNeo > .header_third_navContainer .Third_headerCon_neoMarphism_ul_under_li li {
  display: inline-block;
  line-height: 60px;
  margin: 0 5px;
}

.header_thirdNeo > .header_third_navContainer > .Third_headerCon_neoMarphism_ul_under_li li a {
  color: rgb(3, 3, 3);
  text-decoration: none;
  /* box-shadow: none !important ; */
  font-size: 14px;
  padding: 7px 13px;
  border-radius: 3px;
  text-transform: uppercase;
}
.header_thirdNeo > .header_third_navContainer .Third_headerCon_neoMarphism_ul_under_li li a:hover {
  /* background: #1b9bff;  */
  background: #e0e0e0 !important ;
  box-shadow: inset 2px 2px 4px #bababa, inset -2px -2px 4px #ffffff !important;

  transition: 0.5s;
}
.header_thirdNeo > .header_third_navContainer > .checkbtn {
  transition: all, 0.4s ease-in-out;
  font-size: 30px;
  color: white;
  float: right;
  line-height: 60px;
  margin-right: 40px;
  cursor: pointer;
  display: none;
}
.checkbtn:hover {
  transform: scale(1.07);
}
#check {
  display: none;
}
@media (max-width: 952px) {
  .third_middle_div {
    display: none !important;
  }

  /* / logo and social div responsive  start / */
  .header_conSevFlexContainer {
    display: flex;
    flex-direction: column;
  }

  .Third_headerEvent {
    display: flex;
    padding-top: 5px;
    padding-bottom: 5px;
    flex-direction: row;
  }

  .Third_headerEvent_children {
    flex: 50%;
    padding: 2px;
    display: grid;
    margin: auto;
  }
  .social-container {
    display: none;
  }

  .header_conSevFlexContainer__child {
    flex: 100%;
    padding-left: 5%;
    padding-right: 5%;
    padding-left: 5%;
    padding-right: 5%;

    display: grid;
  }

  .header_thirdNeo .header_third_navContainer > label.logo {
    font-size: 30px;
    padding-left: 24px;
  }
  .header_third_navContainer > .Third_headerCon_neoMarphism_ul_under_li li a {
    font-size: 16px;
  }
}
@media (max-width: 858px) {
  /* / show image of the left side  / */
  .inSmallDevicesShow {
    display: block !important;
  }

  .header_thirdNeo
    > .header_third_navContainer
    > .Third_headerCon_neoMarphism_ul_under_li
    li
    a.active,
  a:hover {
    /* / background: #1b9bff; / */
    background: none !important ;

    transition: 0.5s;
  }

  .header_thirdNeo > .header_third_navContainer > .checkbtn {
    display: block;
  }
  .header_conSevFlexContainer__inner_child {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .Third_headerEvent_children {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .header_conSevFlexContainer__child {
    flex: 100%;
    padding-left: 5%;
    padding-right: 5%;
    padding-left: 5%;
    padding-right: 5%;

    display: grid;
  }

  .header_thirdNeo > .header_third_navContainer > .Third_headerCon_neoMarphism_ul_under_li {
    position: fixed;
    width: 100%;
    /* / margin-top: 50px; / */
    padding-left: 0px !important;
    height: 100vh;
    background: white;
    top: 102px;
    z-index: 10;
    left: -100%;
    text-align: center;
    transition: all 0.5s;
  }

  .header_thirdNeo > .header_third_navContainer > .Third_headerCon_neoMarphism_ul_under_li li {
    display: block;
    margin: 0px 0;
    padding-top: 7px;
    padding-bottom: 7px;
    transition: all, 0.1s ease-in-out;
    line-height: 30px;
  }
  .header_thirdNeo > .header_third_navContainer .Third_headerCon_neoMarphism_ul_under_li li:hover {
    background: #d3d0d0;
    letter-spacing: 2px;
  }

  .header_thirdNeo > .header_third_navContainer > .Third_headerCon_neoMarphism_ul_under_li li a {
    font-size: 16px;
    color: black;
  }
  .header_thirdNeo
    > .header_third_navContainer
    > .Third_headerCon_neoMarphism_ul_under_li
    li
    a:hover,
  a.active {
    background: none;
    color: #030303;
    box-shadow: none !important;
  }
  #check:checked ~ .Third_headerCon_neoMarphism_ul_under_li {
    left: 0;
  }
  .checkbtn::before {
    content: 'Ξ';
  }
  #check:checked ~ .checkbtn::after {
    content: 'X';
  }
  #check:checked ~ .checkbtn::before {
    content: '';
  }
}

.slider-form-image input {
  background: #f4f4f4 !important;
  margin-bottom: 10px !important;
  width: 100%;
  border-radius: 6px;
  padding: 5px 16px !important;
  font-size: 14px;
  font-weight: 700;
  color: #1b3872;
  max-width: 100%;
  vertical-align: middle;
}
.slider-form-image h1 {
  color: #fff;
  font-size: 17px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 5px;
}
.banner-boxes-cover {
  display: flex;
  flex-wrap: wrap;
}

.banner-boxes {
  flex: 0 0 25%;
  padding: 5px;
}
.banner-boxes-full {
  flex: 3 1 33%;
  padding: 5px;
}
.banner-boxes-full img {
  display: block;
  margin: 0 auto 20px;
}
.banner-boxes-inner-full {
  background-color: #fff;
  border-radius: 5px;
  color: #013774;
  height: 148px;
  padding: 24px 8px 28px;
  position: relative;
}

.banner-boxex-inner {
  background-color: #fff;
  border-radius: 5px;
  color: #013774;
  /* height: 148px; */
  height: auto;
  padding: 24px 8px 28px;
  position: relative;
}

img.animated-new {
  width: auto;
  position: absolute;
  right: 10px;
  top: 10px;
}

.banner-boxes img {
  display: block;
  margin: 0 auto 20px;
}

.banner-boxes h3 {
  font-size: 14px !important;
  line-height: 1.1 !important;
  text-align: center;
}

.banner-boxes a {
  text-decoration: none !important;
}

.banner-boxes a:hover .banner-boxex-inner {
  background-color: #013774;
}

.banner-left-rel-cover img {
  width: 100%;
}

.banner-left-rel-cover {
  position: relative;
}
.slider-form-2 {
  padding: 35px 40px;
}
.slider-form-2 h3 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 5px;
}

.slider-form-2 input,
.slider-form-2 textarea,
.slider-form-2 select {
  width: 100%;
  height: 48px;
  background: #fff;
  border: none;
  margin-top: 5px;
  padding: 12px;
  font-size: 15px;
  border: 1px solid #555;
  border-radius: inherit;
}
.slider-form-2 input,
.slider-form-2 textarea,
.slider-form-2 select {
  background: #f4f4f4 !important;
  margin-bottom: 10px !important;
  width: 100%;
  border-radius: 6px;
  padding: 5px 16px !important;
  font-size: 14px;
  font-weight: 700;
  color: #1b3872;
}
.slider-form-2 textarea {
  height: 77px;
  resize: none;
}
.slider-form-2 button[type='submit'] {
  height: 44px;
  color: #fff !important;
  font-weight: 700;
  font-size: 15px;
  margin-top: 10px;
  background: #0054a6;
  margin-bottom: 10px !important;
  width: 100%;
  border-radius: 6px;
  padding: 5px 16px !important;
  color: #1b3872;
}
.slider-form-2 input[type='checkbox'] {
  float: left;
  width: 30px;
  height: 18px;
}
/* .slider-form-2 button[type='submit']:hover {
  color: #0054a6;
  background: #000;
  border: 1px solid #0054a6;
} */
.slider-form-2 button:focus,
.slider-form-2 textarea:focus {
  border-bottom: 1px solid #0054a6;
}
.slider-form-2 span.list-item-label {
  float: left;
  width: calc(100% - 31px);
  font-size: 11px;
  vertical-align: top;
  line-height: 15px;
  color: #fff;
  padding-bottom: 10px;
}
.slider-form-2 input[type='checkbox'] {
  float: left;
  width: 30px;
}

.banner-left-text {
  font-size: 40px;
  text-align: center;
  line-height: 1.2;
}
.inner_slider103_container h1 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .banner-left-rel-cover img {
    width: 60%;
    margin: 0 auto;
    display: block;
  }

  .banner-boxes {
    flex: 0 0 50%;
  }
  .banner-left-text {
    font-size: 32px !important;
    line-height: 1.1 !important;
    margin: 60px auto 50px;
  }
  .slider-form-2 {
    padding: 35px 5px;
  }
}

.slider103_container {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  flex-direction: row;
}
.inner_slider103_containerFirst {
  flex: 30%;
  display: grid;
}
.slider103Break {
  width: 30%;
  margin-left: 35%;
  margin-right: 35%;
  background-color: rgb(75, 75, 186) !important;
  height: 5px !important;
  margin-top: -4px;
}
.slider103_container .inner_slider103_containerFirst div {
  margin: auto;
}

.inner_slider103_container {
  flex: 20%;
  display: grid;
}

.inner_slider103_container div {
  margin: auto;
  width: 100%;
}
.Services__boxslider103Con {
  overflow: auto;
  padding-left: 5px;
  padding-right: 5px;
}

.inner_slider103_containerFirst div .slider_form button[type='submit'] {
  /* width: 170px; */
  height: 44px;
  color: #0054a6;
  /* color: #000 !important; */
  width: 100%;
  font-weight: 700;
  font-size: 15px;
  margin-top: 28px;
  background: #0054a6;
}
.inner_slider103_containerFirst div .slider_form button[type='submit']:hover {
  color: #0054a6;
  background: #000;
}

.Services__boxslider103Con .Services__box p {
  padding-top: 5px;
  font-size: 90%;
  padding-left: 3px;
  padding-right: 3px;
}

.Services__boxslider103Con .Services__box {
  width: 23%;
  margin-left: 1%;
  overflow: hidden;
  float: left;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

  border-radius: 5px;
  margin-right: 1%;

  text-align: center;

  background-color: rgb(255, 255, 255);
  height: 130px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.Services__boxslider103Con .Services__box:hover {
  background-color: rgb(88, 88, 220);
  color: white;
}
/* .Services__boxslider103Con .Services__box{

  background-color: ;
} */

.inner_slider103_containerFirst {
  flex: 10%;
  display: grid;
}

@media only screen and (max-width: 800px) {
  .slider103_container {
    display: flex;
    flex-direction: column;
  }
  .inner_slider103_containerFirst {
    flex: 100%;
    display: grid;
  }
  .slider103_container .inner_slider103_containerFirst div {
    margin: auto;
  }
  .inner_slider103_container {
    flex: 100%;
    display: grid;
  }
}

.card_onezero_onewrapper {
  width: 100%;
  overflow: auto;
}

.card_onezero_one {
  width: 22%;
  margin-left: 1.5%;
  float: left;
  margin-bottom: 20px;
  margin-top: 20px;
  margin-right: 1.5%;
  height: 360px;
  border-radius: 15px;
  padding: 1.5rem;
  background: white;
  overflow: hidden;
  position: relative;
  align-items: flex-end;
  transition: all, 0.8s ease-out;
  box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5);
}
.card_onezero_one:hover {
  transform: translateY(20px);
}
.card_onezero_one:hover:before {
  opacity: 1;
}
.card_onezero_one:hover .card_onezero_oneinfo {
  opacity: 3;
  transform: translateY(0px);
}

.card_onezero_one-head {
  position: absolute;
  bottom: 30px;
  z-index: 0;
}
.card_onezero_one:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
  transition: 0.5s;
  opacity: 0;
}
.card_onezero_one img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  animation: all, 0.4s ease-in-out;
  border-radius: 15px;
}

.card_onezero_one .card_onezero_oneinfo {
  position: relative;
  z-index: 3;
  color: white;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.5s;
}
.card_onezero_one .card_onezero_oneinfo h1 {
  margin: 0px;
}
.card_onezero_one .card_onezero_oneinfo p {
  letter-spacing: 1px;
  font-size: 15px;
  margin-top: 8px;
}
.slider_btn_one {
  padding: 0.6rem;
  outline: none;
  border: none;
  border-radius: 3px;
  background: white;
  color: black;
  font-weight: bold;
  cursor: pointer;
  transition: 0.4s ease;
}
.slider_btn_one:hover {
  background: dodgerblue;
  color: white;
}

@media only screen and (max-width: 600px) {
  .card_onezero_one {
    width: 90%;
    margin-left: 5%;
    margin-left: 5%;
    float: none;
    margin-bottom: 50px;
    margin-top: 15px;
    margin-right: 15%;
    height: 400px;
    border-radius: 15px;
    padding: 1.5rem;
    background: white;
    overflow: hidden;
    position: relative;
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .head-company-name h2 {
    font-size: 16px;
    display: none !important;
  }
  .head-company-name .info-head {
    display: none !important;
  }
  .no-row-margin {
    margin: 0 !important;
  }
  .header-style-9 .wtsapp {
    margin-left: 43px;
  }
  .header-style-9 .navbar-toggler {
    margin-left: 100px;
  }
}

.width-100-percent {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .width-fit {
    width: fit-content;
  }
  .vertical-icon-list {
    padding-left: 0 !important;
  }
}
.header-color {
  background-color: rgba(0, 0, 0, 1);
  height: 120px;
}
.min-container-height {
  min-height: 220px;
}
.margin-top-body {
  margin-top: 100px;
}

.background-image {
  height: 0;
  position: relative;
  overflow: hidden;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.background-image.right-image {
  width: 100%;
  padding-right: 2rem;
}

.protection {
  /* background-image: url(//cdn3.dan.com/assets/public/protection-676f4a97d182185477b5a11886ded461d5dc13748465baf19bd305c476a4c417.png); */
  padding-top: 100%;
  max-width: 528px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .protection {
    /* background-image:url(//cdn0.dan.com/assets/public/protection@2x-ef3759960a69335aaa66dabeb3e03533d6e03cc3a47cbfbf5fcec5ef4fbe3ce4.png) */
  }
}

.buyer_protection {
  /* background-image: url(//cdn1.dan.com/assets/public/buyer_protection-11c3be6cecbb14102fe8ef9e56d6390b3404fa1bec1be133c0a238072fcea791.svg); */
  padding-top: 215.9090909091%;
  max-width: 528px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .buyer_protection {
    /* background-image:url(//cdn1.dan.com/assets/public/buyer_protection-11c3be6cecbb14102fe8ef9e56d6390b3404fa1bec1be133c0a238072fcea791.svg) */
  }
}

.buyer_protection_horizontal {
  /* background-image: url(//cdn3.dan.com/assets/public/domain-transfer-horizontal-011d284fde21d674bda317befb59d04cea72eea0b30a96f33aa0adca4a2e9c93.svg); */
  padding-top: 41.8238993711%;
  max-width: 318px;
  max-width: none !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .buyer_protection_horizontal {
    /* background-image: */
  }
}

@media (max-width: 1199.98px) {
  section.alt {
    padding-top: 7.25rem;
    padding-bottom: 7.25rem;
  }
}

@media (max-width: 800.98px) {
  section.alt {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
  }

  /*     section:first-of-type {
        padding-top: 2.1rem;
        padding-bottom: 5rem
    } */
}

@media (min-width: 801px) {
  .sm-vertical-aligned-content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media (min-width: 801px) {
  .d-md-none {
    display: none !important;
  }
}
@media (min-width: 801px) {
  .sm-vertical-aligned-content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media (max-width: 800.98px) {
  .md-reverse-columns {
    flex-direction: column-reverse !important;
  }
}

.container-fluid,
.container-xl,
.container-lg,
.container-md {
  width: 100%;
  padding-right: 2rem;
  padding-left: 2rem;
  margin-right: auto;
  margin-left: auto;
}

/* @media (min-width: 801px) {
    .container-md,.container {
        max-width:800px
    }
    
}

@media (min-width: 1077px) {
    .container-lg,.container-md,.container {
        max-width:980px
    }
}
 */
@media (min-width: 1200px) {
  .container-xl,
  .container-lg,
  .container-md {
    max-width: 1120px;
  }
}

.menu-link {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.vertical-aligned-text {
  display: inline-block;
  vertical-align: middle;
}

.vertical-aligned-text.helper {
  height: 100%;
}
.vertical-icon-list {
  padding-left: 3rem;
  list-style: none;
}

.vertical-icon-list li {
  position: relative;
}

.testimonial-swetha {
  background-image: url(//cdn3.dan.com/assets/public/testimonial-swetha-79492f811b9cfb6a72715d2ff6276c003410ea3865953197ab0f3c82b5a5f576.png);
  padding-top: 102.9255319149%;
  max-width: 376px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .testimonial-swetha {
    background-image: url(//cdn1.dan.com/assets/public/testimonial-swetha@2x-4d9c6b1d9c496ed37121980232c15ec4c2bde2a434aece98e7b40a5b0d578fc7.png);
  }
}

.testimonial-leanne {
  background-image: url(//cdn2.dan.com/assets/public/testimonial-leanne-531eb6641d0884cdf07996bee1311eda3086a8a1c3627c143be7bb234a5cc7c5.png);
  padding-top: 102.9255319149%;
  max-width: 376px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .testimonial-leanne {
    background-image: url(//cdn0.dan.com/assets/public/testimonial-leanne@2x-93670b673b7679d77d7031d4c35c123adea42af0f279cb8cd7cd4ce9d8b92829.png);
  }
}

.testimonial-josh {
  background-image: url(//cdn2.dan.com/assets/public/testimonial-josh-e75de7cc2ae9509e1eaa35502221ceecc774f3393b6176c93c1dd7e7c0af3419.png);
  padding-top: 102.9255319149%;
  max-width: 376px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .testimonial-josh {
    background-image: url(//cdn0.dan.com/assets/public/testimonial-josh@2x-d7738d76d37f1f0165f9d96cca1d19cc5e97922d41c12a31319b812f8de16594.png);
  }
}

.testimonial-andy {
  background-image: url(//cdn0.dan.com/assets/public/testimonial-andy-5306c88b96551e7a357084e5077aca1ac26ec40b0ce0f8227879b14a376371a8.png);
  padding-top: 102.9255319149%;
  max-width: 376px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .testimonial-andy {
    background-image: url(//cdn0.dan.com/assets/public/testimonial-andy@2x-ccaee3c49f2d0b1267474e0ffb7b7cf323f324b30c4d648c47d0a51ce6b047ef.png);
  }
}

.application--sections--testimonials .testimonial {
  padding-top: 0rem;
  padding-bottom: 3rem;
  font-size: 1.25rem;
}

.application--sections--testimonials .testimonial .big-quote {
  color: #1aafd0;
  font-size: 3.5rem;
  position: relative;
  top: 1rem;
}

@media (max-width: 1076.98px) {
  .application--sections--testimonials .testimonial {
    padding-top: 2.5rem;
    padding-bottom: 5.5rem;
  }

  .application--sections--testimonials .testimonial .background-image {
    max-width: 100%;
  }
}

.application--sections--testimonials .row:last-of-type {
  margin-bottom: 0;
}

@media (max-width: 1076.98px) {
  .application--sections--testimonials .mt-6 {
    margin-top: 5.5rem !important;
  }

  .application--sections--testimonials .mb-6 {
    margin-top: 5.5rem !important;
  }

  .application--sections--testimonials img {
    margin-bottom: 1.5rem;
  }

  .application--sections--testimonials p {
    margin-bottom: 0;
  }

  .application--sections--testimonials p.big {
    margin-bottom: 1rem;
  }
}

.vertical-icon-list li h4 {
  margin-bottom: 0.5rem;
}

.vertical-icon-list .li-icon {
  position: absolute;
  left: -3rem;
}

.vertical-icon-list .li-icon svg {
  height: 2rem;
  width: 2rem;
}

.big-icon svg.icon {
  width: 3.75rem;
  height: 3.75rem;
}

svg.icon {
  width: 1.5rem;
  height: 1.5rem;
}

section.dark .big-icon svg.icon {
  fill: #38e8b0;
}
.flame {
  background-image: url(//cdn1.dan.com/assets/public/flame-70467fdaea05848dd31989d3d69d8e40532ca4a367a35b2b4afb335f58d1cbaf.svg);
  width: 176px;
  height: 88px;
  margin: auto;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .flame {
    background-image: url(//cdn1.dan.com/assets/public/flame-70467fdaea05848dd31989d3d69d8e40532ca4a367a35b2b4afb335f58d1cbaf.svg);
    background-size: 176px 88px;
  }
}

.payout {
  background-image: url(//cdn3.dan.com/assets/public/payout-f39f738128595786f634d6f9d919fdf7667623b57b7a6848b093a9a12ceac492.png);
  width: 176px;
  height: 88px;
  margin: auto;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .payout {
    background-image: url(//cdn2.dan.com/assets/public/payout@2x-0eaed5b57d10bcd5c8763782c8a4981020274e1da9a7ccd6ffd0f5b7e1c8e955.png);
    background-size: 176px 88px;
  }
}

.premium {
  background-image: url(//cdn1.dan.com/assets/public/premium-59f1968fb4be2fde611d8aa97bbb39fac1fc5490ab14fd6d209427dfc527fe3e.svg);
  width: 176px;
  height: 88px;
  margin: auto;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .premium {
    background-image: url(//cdn1.dan.com/assets/public/premium-59f1968fb4be2fde611d8aa97bbb39fac1fc5490ab14fd6d209427dfc527fe3e.svg);
    background-size: 176px 88px;
  }
}

.shield-lock {
  background-image: url(//cdn0.dan.com/assets/public/shield-lock-42606e5ec5b9b7950fc8b89dc00c71b3d3f43498257fb1291ceda56dae66da02.png);
  width: 176px;
  height: 88px;
  margin: auto;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .shield-lock {
    background-image: url(//cdn1.dan.com/assets/public/shield-lock@2x-60c86cc8dc34223f1a8d721b18db645a28d91854c587121164f1177c7b8f5ede.png);
    background-size: 176px 88px;
  }
}

.cards {
  background-image: url(//cdn2.dan.com/assets/public/cards-1496ee9a2a19fa194eec03d322f58599a5e67615507f7f16d11546dc612ab8a4.svg);
  width: 176px;
  height: 88px;
  margin: auto;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .cards {
    background-image: url(//cdn2.dan.com/assets/public/cards-1496ee9a2a19fa194eec03d322f58599a5e67615507f7f16d11546dc612ab8a4.svg);
    background-size: 176px 88px;
  }
}

@media (max-width: 1077px) {
  .row:not(.no-gutters) {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }

  .row:not(.no-gutters) > .col,
  .row:not(.no-gutters) > [class*='col-'] {
    /* padding-right: 1.5rem;
        padding-left: 1.5rem */
    /* padding-right: 2.5rem;
    padding-left: 0.5rem; */
  }
}
.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

p.big {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 2rem;
}

@media (max-width: 800.98px) {
  section .col-md {
    margin-bottom: 3rem;
  }
}

.domain-lists h3 {
  margin-top: 1rem;
}

section.alt {
  background-color: #f2f3f4;
}

section.green {
  background-color: #37c597;
}

section.lightgreen {
  background-color: #38e8b0;
}

section.dark {
  background-color: #00112c;
  color: #ffffff;
}

.rounded-sm {
  border-radius: 0.125rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.5rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}
.accordion .card.elevate:hover {
  background: #ffffff;
}

.accordion .card.elevate .card-body {
  padding: 0;
  padding-top: 0.5rem;
}

.accordion .card {
  cursor: pointer;
  padding: 1rem 1.5rem;
}

.accordion .card:hover {
  background: #f2f3f4;
}

.accordion .title {
  display: flex;
}

.accordion .title h5 {
  flex-grow: 1;
  margin: 0;
}

.accordion .title .icon.chevron {
  margin-left: 0.5rem;
}

.accordion .title .icon.chevron svg {
  width: 1rem;
  height: 1.5rem;
  stroke-width: 2;
  stroke: #00112c;
  fill: none;
}

table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}
.grey-transparent-bg {
  background: #39393982;
}

.products__selling_con {
  width: 20%;
  float: left;
  margin-left: 2.5%;
  margin-right: 2.5%;
  margin-bottom: 15px;
  margin-top: 15px;
  overflow: auto;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  text-align: center;
  border-radius: 10px;
  border-bottom-width: 3px;
  border-bottom-color: rgb(253, 46, 46);
  border-bottom-style: solid;
}
.products__selling_con .products__selling_con_title {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  padding-top: 6px;
  text-transform: uppercase;
}

.products_ecom_sell {
  border-radius: 10px;
  /* / margin-bottom: 30px !important; / */
  margin-top: 25px !important;
  width: 80% !important;
  margin-left: 10% !important;
  margin-right: 10% !important;
  cursor: pointer;
  transition: scale, 3s ease-in-out;
  text-align: center;
  height: auto;
  padding: 1.5rem;
  background: white;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: flex-end;
  transition: all, 1s ease-out;
}

/* / css of products_ecom_sell_btn / */
.products_ecom_sell_btn {
  padding: 3px 7px 3px 7px;
  background-color: transparent;
  border: 2px solid white;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  color: white;
  background: linear-gradient(to left, rgba(250, 128, 114, 0) 50%, #dc3545 50%) right;
  background-size: 200%;
  transition: 0.5s ease-out;
}
.products_ecom_sell_btn:hover {
  background-position: left;
}
.products_ecom_sell:hover img {
  transform: scale(1.1);
}

.products_ecom_sell:hover:before {
  opacity: 1;
}
.products_ecom_sell:hover .inner_products_ecom_sell {
  opacity: 1;
}
.products_ecom_sell:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  /* background: rgba(0, 0, 0, 0.6);
         */
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.7962535355939251) 18%,
    rgba(182, 182, 182, 0.073564459963673) 100%
  );
  z-index: 2;
  transition: 0.5s;
  opacity: 0;
}
.products_ecom_sell img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0px;
  left: 0px;
  animation: all, 0.4s ease-in-out;
}

.products_ecom_sell .inner_products_ecom_sell {
  position: relative;
  z-index: 3;
  opacity: 0;
  transform: translateY(8px);
  transition: 0.5s;
}

.products_ecom_sell .inner_products_ecom_sell strong {
  margin: 0px;
  text-transform: uppercase;
}
.products_ecom_sell .inner_products_ecom_sell p {
  /* letter-spacing: 1px; */
  margin-top: 2px;
  padding-bottom: 2px;
  margin-bottom: -8px;
}

@media only screen and (max-width: 1180px) {
  .products__selling_con {
    width: 30% !important;
    margin-left: 1.6% !important;
    margin-right: 1.6% !important;
  }
}
@media only screen and (max-width: 600px) {
  .products_ecom_sell .iner_products_ecom_sell strong {
    margin: 0px;
    text-transform: uppercase;
  }
  .products_ecom_sell .inner_products_ecom_sell p {
    letter-spacing: 1px;
  }

  .products__selling_con {
    width: 85% !important;
    margin-left: 7.5% !important;
    margin-left: 7.5% !important;
    float: none;
    margin-bottom: 50px;
    margin-top: 15px;
    margin-right: 15%;
    text-align: center;
    padding: 10px;
    background: white;
    overflow: hidden;
    position: relative;
  }
  .products_ecom_sell {
    border-radius: 10px;
    /* / margin-bottom: 30px !important; / */
    margin-top: 20px !important;
    width: 84% !important;
    margin-left: 8% !important;
    margin-right: 8% !important;
  }
}

.neomarphismComponnetCon {
  padding-top: 30px;
  background: #ffffff;
  overflow: auto;
  padding-top: 80px;
  width: 100%;
}

.neomarphismComponnetCon1 {
  padding-top: 30px;
  /* background: #ffffff; */
  overflow: auto;
  padding-top: 80px;
  width: 100%;
}

.imageHolderContianerNeo {
  height: auto;
  overflow: hidden;
  border-radius: 4px;
  padding: 7px;
  /* box-shadow:inset 6px 6px 12px #c5c6c7, inset -6px -6px 12px #fff!important; */
  margin-left: 20px;
  margin-top: -20%;
  transition: all, 0.9s ease-in-out;
  width: 37%;
}

.imageHolderContianerNeo:hover img {
  transform: scale(0.95);
}

.imageHolderContianerNeo > img {
  border-radius: 3px;
}
/* / that is css fro the neo component second here  / */
.imageHolderContianerNeotwo {
  overflow: hidden;
  border-radius: 50% !important;
  padding: 7px;
  box-shadow: inset 6px 6px 12px #c5c6c7, inset -6px -6px 12px #fff !important;
  margin-left: 20px;
  margin-top: -20%;
  transition: all, 0.9s ease-in-out;
}
.imageHolderContianerNeotwo-img {
  height: auto;
  border-radius: 50%;
  width: 100%;
}

.imageHolderContianerNeothree:hover img {
  transform: scale(0.98);
}

.neomarphimsComponents_inner_btn {
  border: none;
  width: 60%;
  color: black !important;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 10px;
  padding-top: 5px;
  background: #e6e7ee;
  padding-bottom: 5px;
  border-radius: 4px;
  /* box-shadow: 4px 4px 8px #c5c6c7bd,-4px -4px 8px #fff!important; */
}

.neomarphimsComponents_inner_btn:hover {
  box-shadow: inset 4px 4px 8px #c5c6c7bd, inset -4px -4px 8px #fff !important;
  background-color: #fff;
  font-weight: 600;
}

.neoCardComponent {
  float: left;
  box-shadow: 6px 6px 12px #c5c6c7bd, -6px -6px 12px #fff !important;
  width: 21%;
  margin-bottom: 80px;
  float: left;
  border-radius: 50%;
  margin-right: 2%;
  padding-left: 5px;
  padding: 5px;
  /* background-color: #e6e7ee; */
  background-clip: border-box;
  border: 0.0625rem solid rgba(243, 247, 250, 0.05);
  border-radius: 0.55rem;
  margin-left: 2%;
  height: auto;
  cursor: pointer;
}

.neoCardComponent:hover {
  box-shadow: inset 1px 2px 5px #c5c6c7bd, inset 2px 2px 3px #fff !important;
}

.neoCardComponent:hover .neomarphimsComponents_inner_btn {
  box-shadow: inset 6px 6px 12px #c5c6c7bd, inset -6px -6px 12px #fff !important;
}

.neoCardComponent article h4 {
  color: black !important;
  margin-top: 10px !important;
  margin-bottom: -5px !important;
}
.neoCardComponent article strong {
  margin-top: -5px !important ;
  color: #c0c0c0 !important;
}

.neoCardComponent article p {
  padding: 5px;
  font-size: 14px;
}

@media only screen and (max-width: 1200px) {
  .neoCardComponent {
    width: 40%;
    /* / margin-bottom: 80px; / */
    float: left;
    margin-right: 5%;
    margin-left: 5%;
    margin-bottom: 100px;
  }
}

@media only screen and (max-width: 760px) {
  .neoCardComponent {
    width: 80%;
    /* / margin-bottom: 80px; / */
    float: none;
    margin-right: 10%;
    margin-left: 10%;
    margin-bottom: 100px;
  }
}
/* *::-moz-selection {
  background: #0054a6;
  color: #ffffff;
  text-shadow: none;
}

::-moz-selection {
  background: #0054a6;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background: #0054a6;
  color: #ffffff;
  text-shadow: none;
} */

/*--
    - Input Placeholder
-----------------------------------------*/
*::-moz-placeholder {
  color: #2c3941;
  font-size: 14px;
  opacity: 1;
}

*::placeholder {
  color: #2c3941;
  font-size: 14px;
  opacity: 1;
}

/*--
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.z-index-1 {
  z-index: 1;
}

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

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

.overflow-y-visible {
  overflow-x: hidden;
  overflow-y: visible;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

/*--
    - Background color
-----------------------------------------*/
.grey-bg {
  background: #f8f4ef;
}

.grey-bg-2 {
  background: #faf7f3;
}

.pink-bg {
  background: #0054a6;
}

.green-bg-2 {
  background: #0a4c48;
}

.yellow-bg {
  background: #fad105;
}

.blue-bg {
  background: #253597;
}

.white-bg {
  background: #ffffff;
}

.black-bg {
  background: #2c3941;
}

.black-bg-3 {
  background: #222328;
}

.black-bg-4 {
  background: #34454f;
}

.footer-bg {
  background: #000;
}

/*--
    - color
-----------------------------------------*/
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
  color: #ffffff !important;
}

.white-color {
  color: #ffffff;
}

.theme-color {
  color: #0054a6 !important;
}

.black-color {
  color: #2c3941;
}

.pt-235 {
  padding-top: 235px;
}
@media (max-width: 575px) {
  .pt-235 {
    padding-top: 135px;
  }
}

.pt-255 {
  padding-top: 255px;
}

.pt-340 {
  padding-top: 340px;
}

.pt-310 {
  padding-top: 310px;
}

.mb--240 {
  margin-bottom: -240px;
}

.mb--125 {
  margin-bottom: -125px;
}

.mb--215 {
  margin-bottom: -215px;
}

.ml--200 {
  margin-left: -200px;
}

.body-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.body-overlay:hover {
  cursor: pointer;
}

.body-overlay.opened {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 575px) {
  .progress-wrap {
    right: 15px;
    bottom: 15px;
  }
}

.r-btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  background: #0054a6;
  height: 60px;
  line-height: 62px;
  text-align: center;
  padding: 0 38px;
  text-transform: uppercase;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.r-btn i {
  padding-left: 5px;
}
.r-btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 102%;
  background: #222328;
  z-index: -1;
  -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
.r-btn:hover {
  color: #ffffff;
}
.r-btn:hover::after {
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.r-btn:focus {
  color: #ffffff;
}
.r-btn-green {
  background: #24c373;
}
.r-btn-white {
  background: #ffffff;
  color: #0054a6;
}
.r-btn-white:focus {
  color: #0054a6;
}
.r-btn-yellow {
  background: #fad105;
  color: #2c3941;
}
.r-btn-yellow:focus {
  color: #2c3941;
}
.r-btn-yellow:hover {
  color: #ffffff;
}
.r-btn-border {
  border: 2px solid #15625d;
  color: #69cbc5;
  background: transparent;
  line-height: 58px;
}
.r-btn-border:hover {
  border-color: #222328;
}
.r-btn-border-2 {
  border: 2px solid #e7e7e7;
  color: #2c3941;
  background: transparent;
  line-height: 60px;
}
.r-btn-border-2:hover,
.r-btn-border-2:focus {
  border-color: #ffffff;
  border-color: #222328;
  color: #ffffff;
}
.r-btn-border-3 {
  border: 2px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
  background: transparent;
}
.r-btn-border-3::after {
  background: #ffffff;
}
.r-btn-border-3:hover {
  border-color: #ffffff;
  background: #ffffff;
  color: #222328;
}
.r-btn-grey {
  background: #ded5c9;
  color: #222328;
}
.r-btn-grey::after {
  background: #0a4c48;
}
.r-btn-grey:hover {
  color: #ffffff;
}
.r-btn-plr-90 {
  padding-left: 90px;
  padding-right: 90px;
}

.section__title {
  font-size: 48px;
  line-height: 1.1;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section__title {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .section__title {
    font-size: 30px;
  }
}
.section__title-pre {
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  /* color: #0054a6; */
  padding-left: 45px;
  margin-bottom: 15px;
  margin-top: 15px;
}
.section__title-pre::after {
  position: absolute;
  content: '';
  left: 0;
  top: 45%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  /* background: #0054a6; */
  width: 30px;
  height: 2px;
}
.section__title-pre.center {
  padding-right: 45px;
}
.section__title-pre.center::before {
  position: absolute;
  content: '';
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #0054a6;
  width: 30px;
  height: 2px;
}
.section__title-pre-white {
  color: #ffffff !important;
}
.section__title-pre-white::after,
.section__title-pre-white::before {
  background: #ffffff !important;
}
.section__title-pre-yellow {
  color: #fad105 !important;
}
.section__title-pre-yellow::after,
.section__title-pre-yellow::before {
  background: #fad105;
}
.section__title-pre-yellow.yellow::after,
.section__title-pre-yellow.yellow::before {
  background: #fad105;
}
.section__title-pre-2 {
  color: #677a85;
}
.section__title-pre-2::after,
.section__title-pre-2::before {
  background: #677a85;
}
.section__title-pre-2.center::before {
  background: #677a85;
}
.section__title-pre-3 {
  color: #677a85;
}
.section__title-pre-3.right {
  padding-right: 45px;
  padding-left: 0;
}
.section__title-pre-3.right::after {
  left: auto;
  right: 0;
  background: #677a85;
}
.section__title-pre-3::after {
  background: #677a85;
}
.section__title-pre-3.center::after,
.section__title-pre-3.center::before {
  background: #677a85;
}
.section__title-pre-3.center.yellow::after,
.section__title-pre-3.center.yellow::before {
  background: #fad105;
}
.section__title-white {
  color: #ffffff !important;
}
.section__title-3 {
  color: #2c3941;
}

/* link btn */
.link-btn {
  position: relative;
  font-size: 15px;
  font-weight: 500;
  color: #24c373;
  text-transform: uppercase;
  padding-right: 15px;
}
.link-btn i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
}
.link-btn i:first-child {
  left: -100%;
  visibility: hidden;
  opacity: 0;
}
.link-btn i:last-child {
  right: 0;
}
.link-btn:hover {
  color: #2c3941;
}
.link-btn:hover i:first-child {
  left: 0;
  visibility: visible;
  opacity: 1;
}
.link-btn:hover i:last-child {
  right: -100%;
  visibility: hidden;
  opacity: 0;
}

.link-btn-2 {
  position: relative;
  font-size: 14px;
  color: #24c373;
  font-weight: 500;
  padding-right: 22px;
  display: inline-block;
  text-transform: uppercase;
  font-family: 'Rubik', sans-serif;
}
.link-btn-2 i {
  position: absolute;
  top: 45%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  font-size: 12px;
}
.link-btn-2 i:first-child {
  right: 10%;
  visibility: hidden;
  opacity: 0;
}
.link-btn-2 i:last-child {
  right: 0;
}
.link-btn-2:hover {
  color: #0054a6;
}
.link-btn-2:hover i:first-child {
  right: 0;
  visibility: visible;
  opacity: 1;
}
.link-btn-2:hover i:last-child {
  right: -10%;
  visibility: hidden;
  opacity: 0;
}
.link-btn-2.pink {
  color: #0054a6;
}
.link-btn-2.pink:hover {
  color: #24c373;
}

/* pulse btn */
.pulse-btn {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 84px;
  text-align: center;
  background-color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #0054a6;
  animation: pulse 2s infinite;
}
.pulse-btn:hover {
  background-color: #0054a6;
  color: #ffffff;
}
.pulse-btn i {
  padding-left: 2px;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
.basic-pagination ul li {
  display: inline-block;
}
.basic-pagination ul li:not(:last-child) {
  margin-right: 10px;
}
.basic-pagination ul li a {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 52px;
  text-align: center;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border: 2px solid #f1f1f1;
  font-size: 18px;
  font-weight: 600;
}
.basic-pagination ul li a:hover,
.basic-pagination ul li a.active {
  background: #0054a6;
  border-color: #0054a6;
  color: #ffffff;
}

/*----------------------------------------*/
/*  02. HEADER CSS START
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header__padding {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__padding {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__padding {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__padding {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .header__padding {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.header__bottom.sticky {
  left: 0;
  margin: auto;
  position: fixed !important;
  top: 0;
  width: 100%;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
  z-index: 99;
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  background: #ffffff;
}
.header__bottom.sticky.sticky-2 {
  background: #222328;
}
.header__bottom.sticky .main-menu-2 ul li a {
  padding: 30px 0;
}
.header__bottom.sticky .main-menu-2 ul li a::after {
  bottom: 25px;
}
.header__bottom.sticky .main-menu-2 ul li .submenu li a {
  padding: 3px 20px;
}
.header__transparent {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99;
}
.header__top {
  padding-top: 6px;
  padding-bottom: 6px;
}
.header__info ul li {
  display: inline-block;
}
.header__info ul li:not(:last-child) {
  margin-right: 35px;
}
.header__info ul li a {
  font-size: 15px;
  color: #2c3941;
}
.header__info ul li a i {
  color: #0054a6;
  margin-right: 5px;
}
.header__info-2 ul li a {
  color: #2c3941;
}
.header__info-2 ul li a i {
  color: #0a4c48;
}
.header__search input {
  width: 140px;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  padding-right: 30px;
  font-size: 13px;
  border: none;
  outline: none;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.header__search input::placeholder {
  color: #687e8b;
}
.header__search button {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 10px;
  color: #687e8b;
}
.header__search-btn {
  font-size: 24px;
  color: #ffffff;
  display: inline-block;
  padding-top: 6px;
}
.header__search-btn:hover,
.header__search-btn:focus {
  color: #222328;
}
.header__lang .nice-select {
  padding: 0;
  padding-right: 17px;
  height: 30px;
  line-height: 30px;
  background: transparent;
  border: none;
  color: #2c3941;
}
.header__lang .nice-select::after {
  right: 0;
  color: #0054a6;
}
.header__lang .nice-select .list {
  left: auto;
  right: 0;
}
.header__social ul li {
  display: inline-block;
}
.header__social ul li:not(:last-child) {
  margin-right: 5px;
}
.header__social ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-align: center;
  background: #f8f4ef;
  color: #0054a6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.header__social ul li a:hover {
  background: #0054a6;
  color: #ffffff;
}
.header__social-2 ul li a {
  color: #2c3941;
}
.header__social-2 ul li a:hover {
  background: #fad105;
  color: #2c3941;
}
.header__cart-btn {
  color: #2c3941;
  font-size: 17px;
}
.header__cart-btn:hover {
  color: #0054a6;
}
.header__cart-btn-2 {
  color: #ffffff;
}
.header__call-icon i {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 15px;
  color: #222328;
  background: #fad105;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.header__call-text span {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  color: #677a85;
}
.header__call-text h5 {
  font-size: 18px;
  margin-bottom: 0;
  line-height: 1;
}

.main-menu ul li {
  display: inline-block;
  margin: 0 19px;
  position: relative;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .main-menu ul li {
    margin: 0 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .main-menu ul li {
    margin: 0 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li {
    margin: 0 10px;
  }
}
.main-menu ul li a {
  position: relative;
  display: inline-block;
  font-size: 17px;
  font-weight: 500;
  color: #2c3941;
  text-transform: capitalize;
  padding: 30px 0;
}
.main-menu ul li a::after {
  position: absolute;
  content: '';
  left: auto;
  right: 0;
  bottom: 25px;
  width: 0;
  height: 2px;
  background: #0054a6;
  visibility: hidden;
  opacity: 0;
}
.main-menu ul li a i {
  position: relative;
  right: 0;
  top: 1px;
  padding-left: 3px;
}
.main-menu ul li:hover > a,
.main-menu ul li.active > a {
  color: #0054a6;
}
.main-menu ul li:hover > a::after,
.main-menu ul li.active > a::after {
  background: #0054a6;
  visibility: visible;
  opacity: 1;
  width: 100%;
  left: 0;
  right: auto;
}
.main-menu ul li:hover .submenu {
  visibility: visible;
  opacity: 1;
  top: 100%;
}
.main-menu ul li .submenu {
  position: absolute;
  top: 120%;
  left: 0;
  width: 200px;
  padding: 10px 0;
  background: #ffffff;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -moz-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  visibility: hidden;
  opacity: 0;
  z-index: 9;
}
.main-menu ul li .submenu li {
  display: block;
  margin: 0;
}
.main-menu ul li .submenu li > a {
  font-size: 15px;
  width: 100%;
  display: block;
  padding: 3px 20px;
  text-transform: capitalize;
  color: #2c3941;
  font-weight: 500;
  position: relative;
}
.main-menu ul li .submenu li > a::after {
  display: none;
}
.main-menu ul li .submenu li:hover > a {
  color: #0054a6;
}
.main-menu ul li .submenu li:hover > a::before {
  height: 100%;
  bottom: auto;
  top: 0;
}
.main-menu ul li .submenu li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  left: 100%;
}
.main-menu ul li .submenu li .submenu {
  top: 0;
  left: 120%;
  visibility: hidden;
  opacity: 0;
}
.main-menu-2 ul li {
  margin: 0;
}
.main-menu-2 ul li:not(:last-child) {
  margin-right: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu-2 ul li:not(:last-child) {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .main-menu-2 ul li:not(:last-child) {
    margin-right: 30px;
  }
}
.main-menu-2 ul li a {
  padding: 55px 0;
  color: #ffffff;
}
.main-menu-2 ul li a::after {
  background: #ffffff;
  bottom: 50px;
}
.main-menu-2 ul li:hover > a,
.main-menu-2 ul li.active > a {
  color: #ffffff;
}
.main-menu-2 ul li:hover > a::after,
.main-menu-2 ul li.active > a::after {
  background: #ffffff;
}
.main-menu-3 ul li {
  margin: 0;
}
.main-menu-3 ul li:not(:last-child) {
  margin-right: 35px;
}
.main-menu-3 ul li a {
  padding: 35px 0;
}
.main-menu-3 ul li a::after {
  bottom: 30px;
}

.dot-hamburger-btn {
  position: relative;
  width: 35px;
  height: 35px;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.dot-hamburger-btn span {
  background: #0054a6;
  display: block;
  position: absolute;
  height: 7px;
  width: 7px;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.dot-hamburger-btn span:nth-child(even) {
  left: 13px;
}
.dot-hamburger-btn span:nth-child(odd) {
  left: 0px;
}
.dot-hamburger-btn span:nth-child(1),
.dot-hamburger-btn span:nth-child(2),
.dot-hamburger-btn span:nth-child(3) {
  top: 0px;
}
.dot-hamburger-btn span:nth-child(4),
.dot-hamburger-btn span:nth-child(5),
.dot-hamburger-btn span:nth-child(6) {
  top: 13px;
}
.dot-hamburger-btn span:nth-child(7),
.dot-hamburger-btn span:nth-child(8),
.dot-hamburger-btn span:nth-child(9) {
  top: 26px;
}
.dot-hamburger-btn span:nth-child(3) {
  left: 26px;
}
.dot-hamburger-btn span:nth-child(6) {
  left: 26px;
}
.dot-hamburger-btn span:nth-child(9) {
  left: 26px;
}
.dot-hamburger-btn-2 span {
  background: #fad105;
}
.dot-hamburger-btn-3 span {
  background: #0a4c48;
}

.sidebar__area {
  position: fixed;
  right: -485px;
  top: 0;
  width: 465px;
  height: 100%;
  background: #ffffff none repeat scroll 0 0;
  overflow-y: scroll;
  -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: 999;
}
@media (max-width: 575px) {
  .sidebar__area {
    width: 290px;
  }
}
.sidebar__area.sidebar-opened {
  right: 0px;
}
.sidebar__wrapper {
  position: relative;
  padding: 45px;
}
@media (max-width: 575px) {
  .sidebar__wrapper {
    padding: 20px;
  }
}
.sidebar__close {
  position: absolute;
  top: 48px;
  right: 45px;
}
@media (max-width: 575px) {
  .sidebar__close {
    top: 22px;
    right: 20px;
  }
}
.sidebar__close-btn {
  display: inline-block;
  font-size: 16px;
  height: 45px;
  width: 45px;
  line-height: 49px;
  background: #0054a6;
  color: #fff;
  border-radius: 50%;
}
.sidebar__close-btn:hover {
  background: #374853;
}
.sidebar__logo {
  padding-bottom: 20px;
  border-bottom: 1px solid #dedede;
}
.sidebar__search {
  position: relative;
}
.sidebar__search input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-right: 20px;
  background: transparent;
  border: none;
  outline: none;
  border-bottom: 1px solid #dedede;
  font-size: 14px;
}
.sidebar__search input::placeholder {
  color: #2c3941;
}
.sidebar__search input:focus {
  border-color: #394a55;
}
.sidebar__search button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
  color: #2c3941;
}
.sidebar__text p {
  margin-bottom: 25px;
}
.sidebar__contact h4 {
  font-size: 22px;
  margin-bottom: 20px;
}
.sidebar__contact ul li:not(:last-child) {
  margin-bottom: 20px;
}
.sidebar__contact ul li:hover i {
  background: #24c373;
  color: #ffffff;
  border-color: #24c373;
}
.sidebar__contact ul li:hover a {
  color: #394a55;
}
.sidebar__contact-icon i {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #dedede;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.sidebar__contact-text a {
  font-size: 18px;
  font-weight: 500;
  color: #687e8b;
}
.sidebar__map iframe {
  width: 100%;
  height: 200px;
  border: none;
}
.sidebar__social ul li {
  display: inline-block;
}
.sidebar__social ul li:not(:last-child) {
  margin-right: 5px;
}
.sidebar__social ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-align: center;
  background: #f8f4ef;
  color: #24c373;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.sidebar__social ul li a:hover {
  background: #24c373;
  color: #ffffff;
}

.search__area {
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: #ffffff;
  z-index: 9999;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  opacity: 0;
  visibility: hidden;
}
.search__area.opened {
  top: 0;
  bottom: auto;
  height: 100%;
  opacity: 1;
  visibility: visible;
}
.search__wrapper {
  position: relative;
}
.search__input {
  position: relative;
}
.search__input input {
  width: 100%;
  height: 80px;
  background: transparent;
  outline: none;
  border: none;
  border-bottom: 2px solid rgba(44, 57, 65, 0.8);
  color: #2c3941;
  font-size: 35px;
  padding-right: 60px;
}
.search__input input::placeholder {
  font-size: 20px;
  color: #2c3941;
  text-transform: capitalize;
}
.search__input button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #2c3941;
  font-size: 35px;
}
.search__close {
  position: absolute;
  top: -100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.search__close .search-close-btn {
  font-size: 35px;
  color: #2c3941;
}

/* mean menu customize */
.mean-container a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 10px 0;
  color: #2c3941;
  border-top: 1px solid #ebebeb;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
}
.mean-container .mean-nav ul li a:hover {
  color: #24c373;
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 5px;
  padding: 0 !important;
  line-height: 14px;
  border: 1px solid #ebebeb !important;
  height: 30px;
  width: 30px;
  color: #2c3941;
  line-height: 32px;
  top: 0;
  font-weight: 400;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  background: #24c373;
  color: #ffffff;
  border-color: #24c373;
}

.mean-container .mean-nav ul li > a > i {
  display: none;
}

.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
}

.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
  color: #2c3941;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  color: #2c3941;
}

/*----------------------------------------*/
/*  03. SLIDER CSS START
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider__padding {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__padding {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__padding {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__padding {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .slider__padding {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.slider__height {
  min-height: 820px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__height {
    min-height: 650px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__height {
    min-height: 620px;
  }
}
@media (max-width: 575px) {
  .slider__height {
    min-height: 520px;
  }
}
.slider__height-2 {
  min-height: 815px;
}
.slider__overlay {
  position: relative;
}
.slider__overlay::after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(34, 35, 40, 0.7);
}
.slider__content {
  position: relative;
  z-index: 1;
}
.slider__content span {
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
  display: inline-block;
  padding: 0 25px;
  position: relative;
  margin-bottom: 15px;
}
.slider__content span::after,
.slider__content span::before {
  position: absolute;
  content: '';
  left: 0;
  top: 5px;
  width: 3px;
  height: 15px;
  background: #ffffff;
}
.slider__content span::after {
  left: auto;
  right: 0;
}
.slider__content-2 p {
  font-size: 20px;
  line-height: 32px;
  padding: 0 180px;
  font-family: 'Rubik', sans-serif;
  color: #ffffff;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider__content-2 p {
    padding-left: 85px;
    padding-right: 85px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__content-2 p {
    padding-left: 45px;
    padding-right: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__content-2 p {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__content-2 p {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 575px) {
  .slider__content-2 p {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.slider__title {
  font-size: 130px;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__title {
    font-size: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__title {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .slider__title {
    font-size: 37px;
  }
}
.slider__title-2 {
  font-size: 130px;
  color: #ffffff;
  margin-bottom: 10px;
  text-transform: uppercase;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__title-2 {
    font-size: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__title-2 {
    font-size: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__title-2 {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .slider__title-2 {
    font-size: 60px;
  }
}
.slider__nav .swiper-slider-nav i {
  font-size: 20px;
  color: #ffffff;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: rgba(57, 74, 85, 0.5);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.slider__nav .swiper-slider-nav i:hover {
  background: #ffffff;
  color: #2c3941;
}
.slider__nav .swiper-slider-nav::after {
  display: none;
}
.slider__youtube .play-btn {
  display: inline-block;
  width: 100px;
  height: 70px;
  line-height: 74px;
  background: #ff4328;
  color: #ffffff;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
@media (max-width: 575px) {
  .slider__btn .r-btn {
    margin-right: 0;
  }
}

/*----------------------------------------*/
/*  04. ABOUT CSS START
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__content {
    margin-top: 50px;
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about__content {
    margin-top: 50px;
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .about__content {
    margin-top: 50px;
    padding-left: 0;
  }
}
.about__content p {
  margin-bottom: 20px;
}
.about__content p.bold-text {
  font-size: 18px;
  font-weight: 500;
  color: #2c3941;
  margin-bottom: 20px;
}
.about__content-2 p {
  margin-bottom: 3px;
}
.about__content-2 .link-btn {
  color: #677a85;
}
.about__content-2 .link-btn:hover {
  color: #24c373;
}
.about__author-info h3 {
  font-size: 20px;
  margin-bottom: 0;
}
.about__author-info span {
  font-size: 14px;
  color: #0054a6;
  font-weight: 500;
}
.about__thumb-1 img {
  -webkit-clip-path: polygon(0 0, 53% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 53% 0, 100% 100%, 0% 100%);
}
.about__thumb-2 {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.about__thumb-2 img {
  width: 360px;
  height: 360px;
  border: 12px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
@media (max-width: 575px) {
  .about__thumb-2 img {
    width: 160px;
    height: 160px;
  }
}
@media (max-width: 575px) {
  .about__thumb.mt-45 {
    margin-top: 0;
  }
}
.about__triangle {
  position: relative;
}
.about__triangle::after {
  position: absolute;
  content: '';
  left: -20px;
  bottom: -20px;
  width: 208px;
  height: 208px;
  background: #24c373;
  -webkit-clip-path: polygon(0 1%, 0% 100%, 100% 100%);
  clip-path: polygon(0 1%, 0% 100%, 100% 100%);
  z-index: -1;
}
.about__item {
  padding: 35px;
  padding-top: 45px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(242, 242, 242, 0.9);
  -moz-box-shadow: 0px 0px 15px 0px rgba(242, 242, 242, 0.9);
  box-shadow: 0px 0px 15px 0px rgba(242, 242, 242, 0.9);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__item {
    padding-left: 0;
    padding-right: 0;
  }
}
.about__item-green {
  background: #0a4c48;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.about__item-green .about__icon i {
  color: #ffffff;
}
.about__item-green .about__title-2 {
  color: #ffffff;
}
.about__item-green .about__title-2 a:hover {
  color: #ffffff;
}
.about__item-green .about__content-2 p {
  color: #ffffff;
}
.about__item-green .about__content-2 .link-btn {
  color: #ffffff;
}
.about__item-green .about__content-2 .link-btn:hover {
  color: #ffffff;
}
.about__item-yellow {
  background: #fad105;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.about__item-yellow .about__icon i {
  color: #2c3941;
}
.about__item-yellow .about__title-2 {
  color: #2c3941;
}
.about__item-yellow .about__title-2 a:hover {
  color: #ffffff;
}
.about__item-yellow .about__content-2 p {
  color: #2c3941;
}
.about__item-yellow .about__content-2 .link-btn {
  color: #2c3941;
}
.about__item-yellow .about__content-2 .link-btn:hover {
  color: #ffffff;
}
.about__icon i {
  font-size: 60px;
  color: #0a4c48;
  display: inline-block;
}
.about__icon.yellow i {
  color: #fad105;
}
.about__title-2 {
  font-size: 20px;
}
.about__title-2 a:hover {
  color: #24c373;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__wrapper-2 {
    padding-left: 0;
    margin-top: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about__wrapper-2 {
    padding-left: 0;
    margin-top: 25px;
  }
}
@media (max-width: 575px) {
  .about__wrapper-2 {
    padding-left: 0;
    margin-top: 25px;
  }
}
.about__wrapper-2 > p {
  margin-bottom: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about__wrapper-3 {
    padding-right: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__wrapper-3 {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__wrapper-3 {
    padding-bottom: 50px;
    padding-top: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about__wrapper-3 {
    padding-bottom: 50px;
    padding-top: 45px;
  }
}
@media (max-width: 575px) {
  .about__wrapper-3 {
    padding-bottom: 50px;
    padding-top: 45px;
  }
}
.about__wrapper-3 .ab-text {
  color: #ffffff;
  margin-bottom: 20px;
}
.about__bg {
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  width: 92%;
  z-index: -1;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.04;
}
.about__features ul li:not(:last-child) {
  margin-bottom: 15px;
}
.about__features ul li:hover i {
  background: #ffffff;
  border-color: #ffffff;
}
.about__features-icon i {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 36px;
  border: 2px solid #14645f;
  color: #fad105;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.about__features-icon i:hover {
  background: #ffffff;
  border-color: #ffffff;
}
.about__features-content h5 {
  font-size: 18px;
  margin-bottom: 0;
  color: #ffffff;
}
.about__quote {
  font-size: 18px;
  padding-left: 28px;
  position: relative;
  color: #ffffff;
  margin-bottom: 23px;
}
.about__quote::after {
  position: absolute;
  content: '';
  left: 0;
  top: 5px;
  width: 3px;
  height: 80%;
  background: #fad105;
}

.about-mt--130 {
  margin-top: -130px;
}

/*----------------------------------------*/
/*  05. FEATURES CSS START
/*----------------------------------------*/
.features__area {
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 575px) {
  .features__item {
    padding-right: 0;
  }
}
.features__item:hover .features__icon span {
  -webkit-transform: translateY(-5px) translate3d(0, -5px, 0);
  -moz-transform: translateY(-5px) translate3d(0, -5px, 0);
  -ms-transform: translateY(-5px) translate3d(0, -5px, 0);
  transform: translateY(-5px) translate3d(0, -5px, 0);
}
.features__item:not(:last-child) {
  margin-bottom: 35px;
  padding-bottom: 35px;
  border-bottom: 2px solid #dedede;
}
.features__item-2 {
  padding: 35px 35px;
  width: 270px;
}
.features__item-2.fea-1 {
  margin-left: 400px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .features__item-2.fea-1 {
    margin-left: 275px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features__item-2.fea-1 {
    margin-left: 250px;
  }
}
@media (max-width: 575px) {
  .features__item-2.fea-1 {
    margin-left: 0px;
  }
}
.features__item-2.fea-2 {
  margin-left: 100px;
  margin-top: -85px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .features__item-2.fea-2 {
    margin-left: -20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features__item-2.fea-2 {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .features__item-2.fea-2 {
    margin-top: 30px;
    margin-left: 0;
  }
}
.features__item-2.fea-3 {
  margin-top: 30px;
  margin-left: -45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .features__item-2.fea-3 {
    margin-left: -120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features__item-2.fea-3 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features__item-2.fea-3 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features__item-2.fea-3 {
    margin-left: 0px;
  }
}
@media (max-width: 575px) {
  .features__item-2.fea-3 {
    margin-left: 0px;
  }
}
.features__item-3 {
  padding: 50px 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features__item-3 {
    padding-right: 0;
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features__item-3 {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.features__item-3:hover .features__icon-3 span {
  -webkit-transform: translateY(-10px) translate3d(0, -10px, 0);
  -moz-transform: translateY(-10px) translate3d(0, -10px, 0);
  -ms-transform: translateY(-10px) translate3d(0, -10px, 0);
  transform: translateY(-10px) translate3d(0, -10px, 0);
}
.features__item-4 {
  width: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features__item-4 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features__item-4 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features__item-4 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.features__title {
  font-size: 24px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features__title {
    font-size: 22px;
  }
}
.features__title-2 {
  margin-bottom: 0;
}
.features__title-3 {
  margin-bottom: 15px;
}
@media (max-width: 575px) {
  .features__icon {
    margin-bottom: 25px;
  }
}
.features__icon span {
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  background: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -moz-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -ms-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -o-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
}
.features__icon-2 span {
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffffff;
}
.features__icon-3 span {
  display: inline-block;
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffffff;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(207, 199, 188, 0.47);
  -moz-box-shadow: 0px 10px 60px 0px rgba(207, 199, 188, 0.47);
  box-shadow: 0px 10px 60px 0px rgba(207, 199, 188, 0.47);
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -moz-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -ms-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -o-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
}
.features__content p {
  margin-bottom: 0;
}
.features__content-3 p {
  margin-bottom: 25px;
}
@media (max-width: 575px) {
  .features__wrapper-2 {
    padding-right: 0;
  }
}
.features__wrapper-2 > p {
  padding-right: 20px;
  padding-left: 30px;
  margin-bottom: 22px;
  position: relative;
}
.features__wrapper-2 > p::after {
  position: absolute;
  content: '';
  left: 0;
  top: 5px;
  width: 3px;
  height: 90%;
  background: #fad105;
}
@media (max-width: 575px) {
  .features__wrapper-3 {
    padding-right: 0px;
  }
}
.features__wrapper-3 p {
  font-size: 18px;
  line-height: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features__wrapper-3 p {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features__wrapper-3 p {
    margin-bottom: 40px;
  }
}
@media (max-width: 575px) {
  .features__wrapper-3 p {
    margin-bottom: 40px;
  }
}
.features__wrapper-border {
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features__wrapper-border {
    padding-right: 0;
  }
}
.features__wrapper-border::after {
  position: absolute;
  content: '';
  right: -45px;
  top: 0;
  width: 2px;
  height: 140px;
  background: #e1e1e1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .features__wrapper-border::after {
    right: 10px;
    top: 7px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features__wrapper-border::after {
    display: none;
  }
}
.features__list ul li:not(:last-child) {
  margin-bottom: 15px;
}
.features__list ul li i {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 41px;
  text-align: center;
  border: 2px solid #e8e8e8;
  color: #677a85;
  font-size: 18px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.features__list ul li p {
  margin-bottom: 0;
}
.features__list ul li:hover i {
  color: #ffffff;
  background: #0a4c48;
  border-color: #0a4c48;
}
.features__video {
  position: absolute;
  bottom: 0;
  right: -95px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .features__video {
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features__video {
    right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features__video {
    right: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features__video {
    display: none;
  }
}
@media (max-width: 575px) {
  .features__video {
    display: none;
  }
}
.features__video-thumb {
  position: relative;
}
.features__video-thumb::after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(10, 76, 72, 0.45);
}
.features__video-thumb .play-btn {
  display: inline-block;
  width: 55px;
  height: 55px;
  line-height: 59px;
  font-size: 12px;
  color: #0a4c48;
  background: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.features__video-thumb .play-btn i {
  padding-left: 3px;
}
.features__video-thumb .play-btn:hover {
  background: #0a4c48;
  color: #ffffff;
}
.features__video-triangle {
  position: relative;
}
.features__video-triangle::after {
  position: absolute;
  content: '';
  right: -15px;
  bottom: -15px;
  width: 103px;
  height: 103px;
  background: #fad105;
  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  z-index: -1;
}
.features__shape-1 {
  position: absolute;
  top: 30%;
  left: 30%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .features__shape-1 {
    left: 21%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features__shape-1 {
    left: 11%;
  }
}
@media (max-width: 575px) {
  .features__shape-1 {
    left: 0%;
    width: 100%;
  }
}
.features__shape-2 {
  position: absolute;
  top: 15px;
  left: 10px;
}
.features__shape-3 {
  position: absolute;
  bottom: 5px;
  right: 10px;
}
.features__shape-4 {
  position: absolute;
  top: 0;
  right: 8%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .features__shape-4 {
    right: 30px;
  }
}

/*----------------------------------------*/
/*  06. SERVICES CSS START
/*----------------------------------------*/
.services__thumb {
  overflow: hidden;
}
.services__icon {
  /* margin-bottom: 25px;
    margin-top: 12px */
}
.services__icon i {
  display: inline-block;
  font-size: 30px;
  color: #ffffff;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background: #0054a6;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -moz-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -ms-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -o-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
}
.services__icon-2 i {
  background: #0a4c48;
}
.services__icon-3 {
  margin-top: 0;
  margin-bottom: 28px;
}
.services__icon-3 i {
  color: #222328;
  background: #fad105;
}
.services__content {
  /* position: absolute; */
  bottom: 0;
  /* left: 20px;
  right: 20px; */
  padding: 40px 40px;
  padding-top: 0;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(224, 224, 224, 0.4);
  -moz-box-shadow: 0px 10px 60px 0px rgba(224, 224, 224, 0.4);
  box-shadow: 0px 10px 60px 0px rgba(224, 224, 224, 0.4);
  z-index: 1;
}
@media (max-width: 575px) {
  .services__content {
    padding-left: 0;
    padding-right: 0;
  }
}
.services__content p {
  margin-bottom: 7px;
}
.services__content-3 {
  position: absolute;
  bottom: 25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  z-index: 1;
  padding: 0 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .services__content-3 {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__content-3 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services__content-3 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 575px) {
  .services__content-3 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.services__content-3 p {
  color: #ffffff;
  margin-bottom: 0;
}
.services__item {
  /* padding-bottom: 195px; */
}
.services__item:hover .services__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.services__item:hover .services__icon i {
  -webkit-transform: translateY(-10px) translate3d(0, -10px, 0);
  -moz-transform: translateY(-10px) translate3d(0, -10px, 0);
  -ms-transform: translateY(-10px) translate3d(0, -10px, 0);
  transform: translateY(-10px) translate3d(0, -10px, 0);
}
.services__item-2:hover .services__icon i {
  background: #fad105;
  color: #222328;
}
.services__item-2 .link-btn-2 {
  color: #0a4c48;
}
.services__item-2 .link-btn-2:hover {
  color: #222328;
}
.services__item-3::after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(
    0deg,
    #11212d 0%,
    rgba(17, 33, 45, 0.5) 46%,
    rgba(17, 33, 45, 0) 100%
  );
  background-image: -webkit-linear-gradient(
    0deg,
    #11212d 0%,
    rgba(17, 33, 45, 0.5) 46%,
    rgba(17, 33, 45, 0) 100%
  );
  background-image: -ms-linear-gradient(
    0deg,
    #11212d 0%,
    rgba(17, 33, 45, 0.5) 46%,
    rgba(17, 33, 45, 0) 100%
  );
  background-image: linear-gradient(
    0deg,
    #11212d 0%,
    rgba(17, 33, 45, 0.5) 46%,
    rgba(17, 33, 45, 0) 100%
  );
}
.services__item-3:hover .services__thumb-3 img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.services__item-3:hover .services__icon-3 i {
  background: #ffffff;
}
.services__title {
  font-size: 22px;
}
.services__title a:hover {
  color: #24c373;
}
.services__title-3 {
  font-size: 22px;
  color: #ffffff;
}
.services__bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 612px;
  width: 100%;
  z-index: -1;
}
.services__overlay {
  position: relative;
}
.services__overlay::after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  height: 612px;
  width: 100%;
  z-index: -1;
  background: #f8f4ef;
}
.services__details-title {
  font-size: 35px;
  color: #2c3941;
  margin-bottom: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__details-features ul {
    margin-bottom: 13px;
  }
}
@media (max-width: 575px) {
  .services__details-features ul {
    margin-bottom: 13px;
  }
}
.services__details-features ul li:not(:last-child) {
  margin-bottom: 13px;
}
.services__details-features ul li:hover .icon i {
  background: #0a4c48;
  color: #ffffff;
  border-color: #0a4c48;
}
.services__details-features ul li .icon i {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 31px;
  text-align: center;
  color: #0a4c48;
  border: 2px solid #e3e3e3;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.services__details-features ul li .text h5 {
  font-size: 15px;
  font-weight: 500;
  font-family: 'Hind', sans-serif;
  margin-bottom: 0;
  color: #0a4c48;
}
.services__details-text p {
  margin-bottom: 18px;
  padding-right: 5px;
}
.services__widget {
  padding: 40px 40px;
  border: 1px solid #eaeaea;
}
.services__widget-links ul li:not(:last-child) {
  padding-bottom: 20px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eaeaea;
}
.services__widget-links ul li a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  color: #2c3941;
  font-family: 'Rubik', sans-serif;
}
.services__widget-links ul li a i {
  float: right;
}
.services__widget-links ul li a:hover {
  color: #0a4c48;
}
.services__widget-download .services-download-btn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  color: #ffffff;
  background: #0a4c48;
  text-transform: uppercase;
  height: 66px;
  line-height: 66px;
  padding: 0 40px;
  padding-right: 10px;
}
@media (max-width: 575px) {
  .services__widget-download .services-download-btn {
    line-height: 1.1;
  }
}
.services__widget-download .services-download-btn i {
  display: block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background: #ffffff;
  color: #222222;
}
.services__widget-download .services-download-btn.yellow {
  background: #fad105;
  color: #222222;
}
.services__widget-social span {
  font-size: 15px;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  color: #2c3941;
  margin-right: 15px;
}
.services__widget-social ul {
  display: inline-block;
}
.services__widget-social ul li {
  display: inline-block;
}
.services__widget-social ul li:not(:last-child) {
  margin-right: 15px;
}
.services__widget-social ul li a {
  font-size: 15px;
  color: #ababab;
}
.services__widget-social ul li a:hover {
  color: #0a4c48;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services__sidebar {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__sidebar {
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .services__sidebar {
    margin-top: 40px;
  }
}
.services__sidebar-banner {
  position: relative;
}
.services__sidebar-banner::after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(44, 57, 65, 0.58);
}
.services__sidebar-banner-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.services__sidebar-banner-content h6 {
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
}
.services__sidebar-banner-content h4 {
  font-size: 40px;
  color: #ffffff;
  margin-bottom: 24px;
}

/*----------------------------------------*/
/*  07. portfolio CSS START
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__padding {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__padding {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 575px) {
  .portfolio__padding {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.portfolio__item:hover .portfolio__thumb::after {
  visibility: visible;
  opacity: 1;
}
.portfolio__item:hover .portfolio__plus {
  visibility: visible;
  opacity: 1;
  top: 30px;
}
@media (max-width: 575px) {
  .portfolio__item:hover .portfolio__plus {
    top: 10px;
  }
}
.portfolio__item:hover .portfolio__content {
  visibility: visible;
  opacity: 1;
  bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .portfolio__item:hover .portfolio__content {
    bottom: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__item:hover .portfolio__content {
    bottom: 20px;
  }
}
@media (max-width: 575px) {
  .portfolio__item:hover .portfolio__content {
    bottom: 10px;
  }
}
.portfolio__item-2:hover .portfolio__content-2 {
  visibility: visible;
  opacity: 1;
  top: 50%;
}
.portfolio__item-2:hover .portfolio__thumb-2::after {
  opacity: 1;
  visibility: visible;
}
.portfolio__item-3:hover .portfolio__content-3 {
  bottom: 0;
  visibility: visible;
  opacity: 1;
}
.portfolio__thumb {
  position: relative;
}
.portfolio__thumb::after {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(180deg, rgba(34, 35, 40, 0) 0%, #222328 100%);
  background-image: -webkit-linear-gradient(180deg, rgba(34, 35, 40, 0) 0%, #222328 100%);
  background-image: -ms-linear-gradient(180deg, rgba(34, 35, 40, 0) 0%, #222328 100%);
  background-image: linear-gradient(180deg, rgba(34, 35, 40, 0) 0%, #222328 100%);
  visibility: hidden;
  opacity: 0;
}
.portfolio__thumb-2 {
  position: relative;
}
.portfolio__thumb-2::after {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(10, 76, 72, 0.75);
  visibility: hidden;
  opacity: 0;
}
.portfolio__content {
  position: absolute;
  bottom: 0px;
  left: 40px;
  visibility: hidden;
  opacity: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .portfolio__content {
    left: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__content {
    left: 20px;
  }
}
@media (max-width: 575px) {
  .portfolio__content {
    left: 20px;
  }
}
.portfolio__content p {
  font-size: 15px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 0;
}
.portfolio__content-2 {
  position: absolute;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  visibility: hidden;
  opacity: 0;
}
.portfolio__content-2 p {
  font-size: 15px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 0;
}
.portfolio__content-3 {
  position: absolute;
  bottom: -100px;
  left: 0;
  right: 0;
  width: 100%;
  padding: 20px 35px;
  background: #ffffff;
  visibility: hidden;
  opacity: 0;
}
.portfolio__content-3 p {
  margin-bottom: 0;
}
.portfolio__title {
  font-size: 30px;
  color: #ffffff;
  margin-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .portfolio__title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__title {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .portfolio__title {
    font-size: 20px;
  }
}
.portfolio__title-3 {
  font-size: 24px;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__title-3 {
    font-size: 19px;
  }
}
@media (max-width: 575px) {
  .portfolio__title-3 {
    font-size: 19px;
  }
}
.portfolio__title-3 a:hover {
  color: #0a4c48;
}
.portfolio__plus {
  position: absolute;
  top: 0px;
  right: 30px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
}
@media (max-width: 575px) {
  .portfolio__plus {
    right: 10px;
  }
}
.portfolio__plus a {
  font-size: 15px;
  color: #ffffff;
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.portfolio__plus a:hover {
  color: #2c3941;
  background: #ffffff;
}
.portfolio__plus-2 a {
  font-size: 15px;
  color: #2c3941;
  display: inline-block;
  width: 55px;
  height: 55px;
  line-height: 58px;
  text-align: center;
  background: #fad105;
}
.portfolio__plus-2 a:hover {
  background: #ffffff;
}
.portfolio__plus-3 a {
  display: inline-block;
  width: 55px;
  height: 55px;
  line-height: 57px;
  background: #fad105;
  color: #222328;
  text-align: center;
}
.portfolio__plus-3 a:hover {
  background: #222328;
  color: #ffffff;
}
.portfolio__bg {
  position: relative;
}
.portfolio__bg::after {
  position: absolute;
  content: '';
  left: 0;
  bottom: -480px;
  width: 100%;
  height: 805px;
  background: #f8f4ef;
  z-index: -1;
}
.portfolio__bg-2::after {
  bottom: -156px;
  height: 75%;
}
.portfolio__details-info {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #0a4c48;
  padding: 50px 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__details-info {
    padding: 20px 35px;
  }
}
.portfolio__details-info-item {
  min-width: 250px;
  border-bottom: 1px solid #0e5551;
  padding-bottom: 25px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__details-info-item {
    padding-bottom: 15px;
    margin-bottom: 10px;
  }
}
.portfolio__details-info-item span {
  font-size: 18px;
  font-weight: 600;
  color: #fad105;
  position: relative;
  display: block;
  padding-left: 30px;
}
.portfolio__details-info-item span::after {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 2px;
  background: #fad105;
}
.portfolio__details-info-item p {
  font-size: 22px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0;
}
.portfolio__details-title {
  font-size: 42px;
  margin-bottom: 15px;
}
@media (max-width: 575px) {
  .portfolio__details-title {
    font-size: 27px;
  }
}
.portfolio__details-features-text h3 {
  font-size: 24px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__details-goal-content {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__details-goal-content {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .portfolio__details-goal-content {
    padding-left: 0;
  }
}
.portfolio__details-goal-content p {
  padding-right: 25px;
}
.portfolio__details-goal-features {
  margin-top: 16px;
}
.portfolio__details-goal-features ul li:not(:last-child) {
  margin-bottom: 13px;
}
.portfolio__details-goal-features ul li:hover .icon i {
  background: #0a4c48;
  color: #ffffff;
  border-color: #0a4c48;
}
.portfolio__details-goal-features ul li .icon i {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 41px;
  text-align: center;
  color: #677a85;
  border: 2px solid #e8e8e8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.portfolio__details-goal-features ul li .text p {
  font-size: 15px;
  padding-right: 0;
  margin-bottom: 0;
}
.portfolio__social ul li {
  display: inline-block;
}
.portfolio__social ul li:not(:last-child) {
  margin-right: 5px;
}
.portfolio__social ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-align: center;
  background: #093e3b;
  color: #607887;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.portfolio__social ul li a:hover {
  background: #fad105;
  color: #222328;
}

/*----------------------------------------*/
/*  08. WHY CSS START
/*----------------------------------------*/
.why__bg {
  position: relative;
}
.why__bg::after {
  position: absolute;
  content: '';
  right: 0;
  top: 0;
  width: 49.5%;
  height: 100%;
  background: #2c3941;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .why__bg::after {
    width: 59.3%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .why__bg::after {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why__bg::after {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .why__bg::after {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .why__bg::after {
    width: 100%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .why__wrapper {
    padding-top: 80px;
    padding-left: 60px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .why__wrapper {
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .why__wrapper {
    padding-top: 30px;
    padding-left: 0px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why__wrapper {
    padding-top: 30px;
    padding-left: 0px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .why__wrapper {
    padding-top: 30px;
    padding-left: 0px;
    padding-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .why__wrapper {
    padding-top: 30px;
    padding-left: 0px;
    padding-bottom: 30px;
  }
}
.why__wrapper p {
  color: #ffffff;
  margin-bottom: 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .why__wrapper-2 {
    padding-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why__wrapper-2 {
    padding-right: 110px;
  }
}
@media (max-width: 575px) {
  .why__wrapper-2 {
    padding-right: 0;
  }
}
.why__wrapper-2 > p {
  margin-bottom: 32px;
}
.why__item {
  padding: 30px 25px;
  background: #394a55;
  margin-right: 5px;
  width: 33.33%;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .why__item {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .why__item {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .why__item {
    padding-left: 45px;
    padding-right: 45px;
    margin-right: 0;
    margin-bottom: 5px;
    width: 100%;
  }
}
.why__item-2:not(:last-child) {
  margin-bottom: 18px;
}
.why__item-2:hover .why__icon-2 img {
  -webkit-transform: translateY(-5px) translate3d(0, -5px, 0);
  -moz-transform: translateY(-5px) translate3d(0, -5px, 0);
  -ms-transform: translateY(-5px) translate3d(0, -5px, 0);
  transform: translateY(-5px) translate3d(0, -5px, 0);
}
.why__icon-2 img {
  width: 73px;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -moz-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -ms-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -o-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
}
.why__title {
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
}
.why__title-2 {
  font-size: 24px;
  margin-bottom: 12px;
  color: #222328;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .why__thumb {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why__thumb {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .why__thumb {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .why__thumb {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .why__thumb img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .why__thumb img {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .why__thumb img {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .why__thumb img {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .why__thumb-2 {
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .why__thumb-2 {
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .why__thumb-2 {
    padding-right: 0;
  }
}

/*----------------------------------------*/
/*  09. TESTIMONIAL CSS START
/*----------------------------------------*/
.testimonial__area {
  background-repeat: no-repeat;
  background-size: cover;
}
.testimonial__area-2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.testimonial__item {
  padding: 60px 45px;
  padding-bottom: 50px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
@media (max-width: 575px) {
  .testimonial__item {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.testimonial__item-green .testimonial__thumb::after {
  background: #0a4c48;
}
.testimonial__item-green .testimonial__avater-info span {
  color: #677a85;
}
.testimonial__content p {
  font-size: 18px;
  line-height: 32px;
}
.testimonial__content-2 p {
  font-size: 20px;
  line-height: 32px;
  color: #ffffff;
  margin-bottom: 25px;
}
.testimonial__content-3 {
  position: relative;
  padding: 35px 50px;
  padding-right: 60px;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(221, 221, 221, 0.4);
  -moz-box-shadow: 0px 10px 60px 0px rgba(221, 221, 221, 0.4);
  box-shadow: 0px 10px 60px 0px rgba(221, 221, 221, 0.4);
  margin-bottom: 36px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .testimonial__content-3 {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial__content-3 {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 575px) {
  .testimonial__content-3 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.testimonial__content-3 p {
  font-size: 18px;
  line-height: 32px;
  color: #2c3941;
  margin-bottom: 15px;
}
.testimonial__content-3::after {
  position: absolute;
  content: '';
  bottom: -22px;
  left: 60px;
  width: 0;
  height: 0;
  border-top: 22px solid #ffffff;
  border-right: 35px solid transparent;
}
.testimonial__thumb {
  position: relative;
}
.testimonial__thumb::after {
  position: absolute;
  content: '';
  left: 50%;
  top: -10px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 140px;
  height: 70px;
  border-top-left-radius: 110px;
  border-top-right-radius: 110px;
  background: #0054a6;
}
.testimonial__thumb img {
  position: relative;
  z-index: 1;
  width: 120px;
  height: 120px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.testimonial__thumb-2 {
  margin-left: 8px;
}
.testimonial__thumb-2::after {
  width: 80px;
  height: 40px;
  background: #fad105;
  top: -7px;
}
@media (max-width: 575px) {
  .testimonial__thumb-2::after {
    left: -7px;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.testimonial__thumb-2 img {
  width: 65px;
  height: 65px;
}
.testimonial__avater-info h4 {
  font-size: 20px;
  display: inline-block;
  margin-bottom: 0;
}
.testimonial__avater-info span {
  font-size: 14px;
  font-weight: 600;
  color: #0054a6;
  padding-left: 6px;
}
.testimonial__avater-info-2 h4 {
  display: block;
  font-size: 24px;
  color: #ffffff;
}
.testimonial__avater-info-2 span {
  color: #fad105;
  font-weight: 500;
  font-size: 15px;
}
.testimonial__avater-info-3 h4 {
  font-size: 20px;
  display: inline-block;
}
.testimonial__avater-info-3 span {
  color: #0054a6;
  font-weight: 600;
  margin-left: 5px;
}
.testimonial__avater-3-thumb img {
  width: 70px;
  height: 70px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.testimonial__quote-icon {
  position: absolute;
  top: 35px;
  left: 30px;
  z-index: -1;
}
.testimonial__shape-1 {
  position: absolute;
  top: -80px;
  right: 85px;
  z-index: -1;
}
.testimonial__slider-wrapper .testimonial-pagination {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  position: absolute;
  left: -80px;
  top: 95px;
  z-index: 9;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .testimonial__slider-wrapper .testimonial-pagination {
    left: -30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial__slider-wrapper .testimonial-pagination {
    left: -20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__slider-wrapper .testimonial-pagination {
    left: -30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial__slider-wrapper .testimonial-pagination {
    left: -20px;
  }
}
@media (max-width: 575px) {
  .testimonial__slider-wrapper .testimonial-pagination {
    left: -10px;
  }
}
.testimonial__slider-wrapper .testimonial-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #cfcdc3;
  opacity: 1;
  direction: block;
  margin: 3px 0;
}
.testimonial__slider-wrapper .testimonial-pagination .swiper-pagination-bullet-active {
  background: #0a4c48;
}
.testimonial__bg {
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  width: 92%;
  z-index: -1;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .testimonial__wrapper-2 {
    padding-right: 0;
    padding-left: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial__wrapper-2 {
    padding-right: 0;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__wrapper-2 {
    padding-right: 160px;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial__wrapper-2 {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (max-width: 575px) {
  .testimonial__wrapper-2 {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__img {
    text-align: center;
  }
}
@media (max-width: 575px) {
  .testimonial__img img {
    width: 100%;
  }
}

/*----------------------------------------*/
/*  10. VIDEO CSS START
/*----------------------------------------*/
.video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.video__play-btn {
  width: 100px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background: #ff4328;
  color: #ffffff;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  display: inline-block;
}
.video__play-btn:hover {
  color: #ff4328;
  background: #ffffff;
}
.video__overlay {
  position: relative;
}
.video__overlay::after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(44, 57, 65, 0.3);
}

.video-mb--160 {
  margin-bottom: -160px;
}
@media (max-width: 575px) {
  .video-mb--160 {
    margin-bottom: -80px;
  }
}

/*----------------------------------------*/
/*  11. Blog CSS START
/*----------------------------------------*/
.blog__item-2:hover .blog__thumb-2 img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);

  transform: scale(1.1);
}
.blog__item-3 {
  -webkit-box-shadow: 0px 10px 60px 0px rgba(207, 199, 188, 0.2);
  -moz-box-shadow: 0px 10px 60px 0px rgba(207, 199, 188, 0.2);
  box-shadow: 0px 10px 60px 0px rgba(207, 199, 188, 0.2);
}
.blog__item-3:hover .blog__thumb-3 img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.blog__item:hover .blog__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.blog__thumb-3 {
  overflow: hidden;
}
.blog__title {
  font-size: 22px;
  line-height: 1.3;
  margin-bottom: 12px;
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog__title {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .blog__title {
    font-size: 18px;
  }
}
.blog__title a:hover {
  color: #0054a6;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog__title-2 {
    font-size: 20px;
  }
}
.blog__title-3 {
  font-size: 23px;
  margin-bottom: 10px;
}
@media (max-width: 575px) {
  .blog__title-3 {
    font-size: 19px;
  }
}
.blog__title-3 a:hover {
  color: #0a4c48;
}
.blog__content {
  padding: 32px 40px;
  padding-right: 35px;
  padding-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog__content {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 575px) {
  .blog__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.blog__content-2 {
  padding: 35px 40px;
  padding-right: 30px;
}
@media (max-width: 575px) {
  .blog__content-2 {
    padding: 20px;
    padding-right: 15px;
  }
}
.blog__content-2 p {
  padding-left: 24px;
  position: relative;
  margin-bottom: 5px;
}
.blog__content-2 p::after {
  position: absolute;
  content: '';
  left: 0;
  top: 7px;
  width: 3px;
  height: 80%;
  background: #0a4c48;
}
.blog__content-2 .link-btn-2 {
  color: #0a4c48;
}
.blog__content-2 .link-btn-2:hover {
  color: #222328;
}
.blog__content-3 {
  padding: 33px 30px;
  padding-bottom: 28px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog__content-3 {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 575px) {
  .blog__content-3 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.blog__content-3 p {
  margin-bottom: 10px;
}
.blog__content-3 .link-btn-2 {
  color: #677a85;
}
.blog__content-3 .link-btn-2:hover {
  color: #0a4c48;
}
.blog__meta span {
  font-family: 'Rubik', sans-serif;
  display: inline-block;
}
.blog__meta .author {
  font-size: 13px;
  font-weight: 500;
  height: 25px;
  line-height: 25px;
  color: #ffffff;
  text-transform: uppercase;
  background: #24c373;
  padding: 0 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 13px;
}
.blog__meta .date {
  position: absolute;
  right: 40px;
  top: -35px;
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  height: 70px;
  width: 70px;
  text-align: center;
  background: #0054a6;
  padding-top: 11px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  line-height: 1;
  text-transform: capitalize;
}
.blog__meta .date span {
  font-size: 30px;
  margin-bottom: 0;
  line-height: 1;
  color: #ffffff;
}
.blog__meta-2 {
  margin-bottom: 7px;
}
.blog__meta-2 span {
  font-weight: 500;
  text-transform: uppercase;
}
.blog__meta-2 span:not(:last-child) {
  margin-right: 17px;
}
.blog__meta-2 span i {
  color: #0a4c48;
  margin-right: 5px;
}
.blog__meta-2 span:hover {
  color: #0a4c48;
}
.blog__meta-3 span {
  font-weight: 500;
  text-transform: uppercase;
}
.blog__meta-3 span:not(:last-child) {
  margin-right: 20px;
}
@media (max-width: 575px) {
  .blog__meta-3 span:not(:last-child) {
    margin-right: 10px;
  }
}
.blog__meta-3 span i {
  color: #0a4c48;
  margin-right: 5px;
}

.postbox__thumb .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.postbox__audio {
  height: 455px;
  width: 100%;
}
.postbox__audio iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.postbox__item:hover {
  -webkit-box-shadow: 0px 16px 32px 0px rgba(40, 89, 196, 0.1);
  -moz-box-shadow: 0px 16px 32px 0px rgba(40, 89, 196, 0.1);
  box-shadow: 0px 16px 32px 0px rgba(40, 89, 196, 0.1);
}
.postbox__item-single:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.postbox__content {
  border: 2px solid #ededed;
  border-top: none;
  padding: 40px 50px;
}
@media (max-width: 575px) {
  .postbox__content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.postbox__content-single {
  padding-left: 0;
  padding-right: 0;
  border: none;
}
.postbox__title {
  font-size: 38px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox__title {
    font-size: 33px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox__title {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .postbox__title {
    font-size: 25px;
  }
}
.postbox__title a:hover {
  color: #0054a6;
}
.postbox__meta {
  margin-bottom: 5px;
}
.postbox__meta span {
  font-size: 14px;
  font-weight: 600;
  color: #2c3941;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .postbox__meta span {
    display: block;
  }
}
.postbox__meta span:not(:last-child) {
  margin-right: 30px;
}
.postbox__meta span i {
  color: #0054a6;
  margin-right: 3px;
}
.postbox__meta span:hover {
  color: #24c373;
}
.postbox__meta span:hover i {
  color: #24c373;
}
.postbox__text p {
  margin-bottom: 28px;
}
.postbox__text-single p {
  margin-bottom: 15px;
}
.postbox__slider button {
  position: absolute;
  left: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  font-size: 30px;
  color: #ffffff;
}
.postbox__slider button.postbox-slider-button-next {
  left: auto;
  right: 50px;
}
@media (max-width: 575px) {
  .postbox__slider button.postbox-slider-button-next {
    right: 10px;
  }
}
@media (max-width: 575px) {
  .postbox__slider button {
    left: 10px;
  }
}
.postbox__quote {
  background: #f8f4ef;
  padding: 40px 65px;
  padding-bottom: 24px;
}
@media (max-width: 575px) {
  .postbox__quote {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.postbox__quote h4 {
  font-size: 14px;
  display: inline-block;
  margin-bottom: 15px;
  color: #0054a6;
}
.postbox__quote p {
  font-size: 28px;
  line-height: 1.2;
  text-align: center;
  font-weight: 700;
  color: #2c3941;
  margin-bottom: 0;
}
.postbox__quote-icon {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: -1;
}
.postbox__quote-icon i {
  font-size: 160px;
  opacity: 0.1;
}
.postbox__comment-form {
  margin-bottom: 20px;
  padding: 40px 30px;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.09);
  background: #ffffff;
}
.postbox__comment-title {
  font-size: 27px;
  margin-bottom: 0;
}
.postbox__comment-input {
  position: relative;
  margin-bottom: 20px;
}
.postbox__comment-input span {
  font-weight: 600;
  color: #2c3941;
  margin-bottom: 12px;
  display: block;
}
.postbox__comment-input input,
.postbox__comment-input textarea {
  height: 55px;
  padding: 0 20px;
  width: 100%;
  font-size: 14px;
  color: #2c3941;
  outline: none;
  border: 1px solid transparent;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background: #f7f7f7;
}
.postbox__comment-input textarea {
  height: 175px;
  resize: none;
  padding-top: 20px;
  padding-bottom: 20px;
}
.postbox__tag h4 {
  font-size: 20px;
  margin-bottom: 17px;
}
.postbox__tag a {
  color: #2c3941;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px 25px;
  padding-bottom: 8px;
  margin-right: 5px;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
  border-radius: 40px;
  background: #f8f4ef;
}
.postbox__tag a:hover {
  color: #ffffff;
  background: #2c3941;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar__wrapper-2 {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sidebar__wrapper-2 {
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .sidebar__wrapper-2 {
    margin-top: 40px;
  }
}
.sidebar__widget {
  padding: 30px;
  background: #ffffff;
  border: 2px solid #ededed;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);
  -moz-box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);
  box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);
}
.sidebar__widget-title {
  position: relative;
  display: inline-block;
  font-size: 20px;
  padding-left: 30px;
  margin-bottom: 0;
}
.sidebar__widget-title::after {
  left: 0px;
  height: 20px;
  width: 2px;
  background: #0054a6;
  position: absolute;
  top: 50%;
  content: '';
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sidebar__search-input-2 {
  position: relative;
}
.sidebar__search-input-2 input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #f8f4ef;
  padding: 0 25px;
  text-transform: capitalize;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border: 2px solid #f8f4ef;
  outline: none;
  padding-top: 3px;
  padding-right: 80px;
}
.sidebar__search-input-2 button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0 24px;
  color: #fff;
  line-height: 60px;
  -webkit-border-radius: 0 7px 7px 0;
  -moz-border-radius: 0 7px 7px 0;
  border-radius: 0 7px 7px 0;
  background: #0054a6;
}
.sidebar__category ul li {
  padding: 15px 0;
}
.sidebar__category ul li:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
.sidebar__category ul li:last-child {
  padding-bottom: 0;
}
.sidebar__category ul li:first-child {
  padding-top: 0;
}
.sidebar__category ul li a {
  color: #222328;
  display: inline-block;
  font-weight: 500;
  text-transform: capitalize;
}
.sidebar__category ul li a:hover {
  color: #0054a6;
}
.sidebar__tag a {
  background: #f8f4ef;
  color: #2c3941;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  padding: 10px 21px;
  padding-bottom: 8px;
  margin-bottom: 8px;
  margin-right: 5px;
  text-transform: uppercase;
  border-radius: 40px;
  border: 0;
}
.sidebar__tag a:hover {
  background: #2c3941;
  color: #ffffff;
}
.sidebar__banner::after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(44, 57, 65, 0.5);
}
.sidebar__banner-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  background: #ffffff;
}
.sidebar__banner-content h4 {
  padding: 15px 20px;
  font-size: 24px;
  color: #222328;
  text-transform: uppercase;
  margin-bottom: 0;
}

.rc__post ul li:not(:last-child) {
  margin-bottom: 15px;
}
.rc__post-thumb img {
  width: 80px;
  height: 80px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.rc__post-title {
  margin-bottom: 6px;
  font-size: 17px;
}
.rc__post-title a:hover {
  color: #0054a6;
}
.rc__meta span {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
}

/*----------------------------------------*/
/*  12. BRAND CSS START
/*----------------------------------------*/
.brand__bg {
  position: relative;
}
.brand__bg::after {
  position: absolute;
  content: '';
  left: -165px;
  top: 0;
  width: calc(100% + 330px);
  height: 100%;
  background: #34454f;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .brand__bg::after {
    left: -80px;
    width: calc(100% + 160px);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .brand__bg::after {
    left: -30px;
    width: calc(100% + 60px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .brand__bg::after {
    left: 0;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand__bg::after {
    left: -20px;
    width: calc(100% + 40px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .brand__bg::after {
    left: -15px;
    width: calc(100% + 30px);
  }
}
@media (max-width: 575px) {
  .brand__bg::after {
    left: 0;
    width: 100%;
  }
}
.brand__bg-2::after {
  background: #ffffff;
}
.brand__bg-2::before {
  position: absolute;
  content: '';
  left: -165px;
  top: 0;
  width: calc(100% + 330px);
  height: 3px;
  background: #0a4c48;
  z-index: 11;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .brand__bg-2::before {
    left: -80px;
    width: calc(100% + 160px);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .brand__bg-2::before {
    left: -30px;
    width: calc(100% + 60px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .brand__bg-2::before {
    left: 0;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand__bg-2::before {
    left: -20px;
    width: calc(100% + 40px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .brand__bg-2::before {
    left: -15px;
    width: calc(100% + 30px);
  }
}
@media (max-width: 575px) {
  .brand__bg-2::before {
    left: 0;
    width: 100%;
  }
}
.brand__item {
  text-align: center;
}

/*----------------------------------------*/
/*  13. CONTACT CSS START
/*----------------------------------------*/
.contact__area {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.contact__bg {
  position: absolute;
  left: 0;
  bottom: -2%;
  width: 100%;
  height: 100%;
  background-position: bottom center;
  background-repeat: no-repeat;
  z-index: -1;
}
.contact__form button {
  height: 75px;
  line-height: 75px;
}
.contact__form button::after {
  left: -12px;
}
.contact__form-green button {
  background: #fad105;
  color: #222328;
}
.contact__form-green .contact__input input,
.contact__form-green .contact__input textarea {
  background: #093c39;
  border-color: #093c39;
}
.contact__form-green .contact__input input:hover,
.contact__form-green .contact__input input:focus,
.contact__form-green .contact__input textarea:hover,
.contact__form-green .contact__input textarea:focus {
  border-color: #093c39;
}
.contact__form-green .contact__input i {
  color: #fad105;
}
.contact__form-4 .contact__input-3 {
  margin-bottom: 30px;
}
.contact__form-4 .contact__input-3 input,
.contact__form-4 .contact__input-3 textarea {
  height: 80px;
  line-height: 76px;
  color: #2c3941;
  background: #f8f4ef;
  border-color: #f8f4ef;
  padding: 0 35px;
  padding-right: 70px;
}
.contact__form-4 .contact__input-3 input::placeholder,
.contact__form-4 .contact__input-3 textarea::placeholder {
  color: #2c3941;
}
.contact__form-4 .contact__input-3 input:focus,
.contact__form-4 .contact__input-3 input:hover,
.contact__form-4 .contact__input-3 textarea:focus,
.contact__form-4 .contact__input-3 textarea:hover {
  background: #ffffff;
  border-color: #f8f4ef;
}
.contact__form-4 .contact__input-3 textarea {
  padding-top: 30px;
  padding-right: 35px;
  height: 215px;
  line-height: 1;
  border: 2px solid #f8f4ef;
  background: #f8f4ef;
  outline: none;
  resize: none;
  width: 100%;
  color: #2c3941;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  font-size: 18px;
}
.contact__form-4 .contact__input-3 textarea:focus,
.contact__form-4 .contact__input-3 textarea:hover {
  background: #ffffff;
  border-color: #f8f4ef;
}
.contact__form-4 .contact__input-3 textarea::placeholder {
  color: #2c3941;
  font-weight: 500;
  font-size: 18px;
}
.contact__form-4 .contact__input-3 .nice-select {
  background: #f8f4ef;
  border-color: #f8f4ef;
  height: 80px;
  line-height: 76px;
}
.contact__form-4 .contact__input-3 .nice-select .current {
  color: #2c3941;
}
.contact__form-4 .contact__input-3 .nice-select::after {
  height: 10px;
  width: 10px;
  border-color: #2c3941;
  right: 35px;
}
.contact__form-4 .contact__input-3 .nice-select.open {
  border-color: #f8f4ef;
}
.contact__form-4 .contact__input-3 i {
  color: #2c3941;
}
.contact__input {
  position: relative;
}
.contact__input input,
.contact__input textarea {
  width: 100%;
  height: 75px;
  line-height: 71px;
  padding: 0 35px;
  padding-right: 60px;
  background: transparent;
  outline: none;
  border: 2px solid rgba(255, 255, 255, 0.25);
  font-size: 18px;
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  margin-bottom: 10px;
  color: #ffffff;
}
.contact__input input::placeholder,
.contact__input textarea::placeholder {
  color: #ffffff;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  font-size: 18px;
}
.contact__input input:hover,
.contact__input input:focus,
.contact__input textarea:hover,
.contact__input textarea:focus {
  border-color: #ffffff;
}
.contact__input i {
  position: absolute;
  top: 43%;
  right: 35px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #ffffff;
  font-size: 18px;
}
.contact__input textarea {
  line-height: 1;
  padding: 30px 35px;
  resize: none;
  height: 140px;
}
.contact__input-3 {
  position: relative;
  margin-bottom: 20px;
}
.contact__input-3 input {
  width: 100%;
  height: 75px;
  line-height: 71px;
  background: transparent;
  padding: 0 30px;
  font-size: 18px;
  outline: none;
  border: 2px solid rgba(255, 255, 255, 0.1);
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  color: #ffffff;
}
.contact__input-3 input::placeholder {
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  color: #ffffff;
  font-size: 18px;
}
.contact__input-3 input:focus {
  border-color: rgba(255, 255, 255, 0.8);
}
.contact__input-3 i {
  position: absolute;
  top: 49%;
  right: 30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  color: #fad105;
}
.contact__input-3 .nice-select {
  width: 100%;
  border-radius: 0;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.1);
  height: 75px;
  line-height: 71px;
  margin-bottom: 20px;
}
.contact__input-3 .nice-select .current {
  font-size: 18px;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  color: #ffffff;
}
.contact__input-3 .nice-select::after {
  height: 10px;
  width: 10px;
  border-color: #fad105;
  right: 30px;
  margin-top: -7px;
}
.contact__input-3 .nice-select.open {
  border-color: rgba(255, 255, 255, 0.8);
}
.contact__input-3 .nice-select .list {
  width: 100%;
  border-radius: 0;
}
.contact__thumb-1 span {
  position: relative;
  display: inline-block;
  transform-origin: top right;
  z-index: 1;
}
.contact__thumb-1 span::after {
  position: absolute;
  content: '';
  right: -10px;
  bottom: -10px;
  width: 100%;
  height: 100%;
  background: #af5e41;
  -webkit-transform: rotate(-7deg);
  -moz-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  transform: rotate(-7deg);
  z-index: -1;
}
@media (max-width: 575px) {
  .contact__thumb-1 span::after {
    right: 0;
  }
}
.contact__thumb-1 span img {
  -webkit-transform: rotate(-7deg);
  -moz-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  transform: rotate(-7deg);
}
.contact__thumb-2 {
  margin-right: -200px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .contact__thumb-2 {
    margin-right: -50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .contact__thumb-2 {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact__thumb-2 {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__thumb-2 {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__thumb-2 {
    margin-right: 0px;
  }
}
@media (max-width: 575px) {
  .contact__thumb-2 {
    margin-right: 0px;
  }
}
.contact__btn-3 button {
  height: 75px;
  line-height: 80px;
  padding: 0 70px;
}
.contact__btn-3 button::after {
  left: -15px;
}
.contact__btn-4 button {
  font-size: 18px;
  height: 80px;
  line-height: 85px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.contact__btn-4 button::after {
  left: -20px;
}
.contact__item {
  padding: 75px 80px;
  padding-bottom: 70px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .contact__item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .contact__item {
    padding: 50px 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__item {
    padding: 50px;
  }
}
@media (max-width: 575px) {
  .contact__item {
    padding: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__icon {
    margin-bottom: 25px;
  }
}
@media (max-width: 575px) {
  .contact__icon {
    margin-bottom: 25px;
  }
}
.contact__icon i {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  color: #2c3941;
  font-size: 35px;
  background: #fad105;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.contact__content h5 {
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 23px;
}
.contact__content p {
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
  margin-bottom: 0;
}
.contact__map-wrapper {
  width: 100%;
  height: 775px;
}
.contact__map-wrapper iframe {
  width: 100%;
  height: 100%;
}
.contact__map .map-pin {
  position: absolute;
  top: 45%;
  right: 36%;
}
@media (max-width: 575px) {
  .contact__wrapper {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__wrapper-3 {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__wrapper-3 {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .contact__wrapper-3 {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .contact__padding {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact__padding {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__padding {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__padding {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .contact__padding {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

/*----------------------------------------*/
/*  14. SKILL CSS START
/*----------------------------------------*/
@media (max-width: 575px) {
  .skill__wrapper {
    padding-right: 0;
  }
}
.skill__wrapper p {
  padding-left: 28px;
  position: relative;
  margin-bottom: 40px;
}
.skill__wrapper p::after {
  position: absolute;
  content: '';
  left: 0;
  top: 5px;
  width: 3px;
  height: 90%;
  background: #0054a6;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .skill__progress {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .skill__progress {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .skill__progress {
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .skill__progress {
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .skill__progress-circle {
    margin-bottom: 25px;
  }
}
.skill__progress-circle .knob {
  font-size: 26px !important;
  color: #2c3941 !important;
}
.skill__progress-circle .progress-circular {
  position: relative;
}
.skill__progress-circle .progress-circular::after {
  position: absolute;
  content: '';
  left: 15px;
  top: 15px;
  width: 79%;
  height: 73%;
  border: 7px solid #f8f4ef;
  border-radius: 50%;
}
@media (max-width: 575px) {
  .skill__progress-circle .progress-circular::after {
    width: 46%;
  }
}
.skill__progress-content h3 {
  font-size: 24px;
  margin-bottom: 10px;
}
.skill__progress-content p {
  margin-bottom: 0;
}
.skill__shape-1 {
  position: absolute;
  top: -65%;
  left: 15%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .skill__shape-1 {
    width: 100%;
    left: 0;
  }
}

/*----------------------------------------*/
/*  15. HERO CSS START
/*----------------------------------------*/
.hero__height {
  min-height: 950px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__height {
    min-height: 798px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__height {
    min-height: 661px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__height {
    min-height: 750px;
  }
}
@media (max-width: 575px) {
  .hero__height {
    min-height: 750px;
  }
}
.hero__title {
  font-size: 110px;
  line-height: 0.9;
  color: #ffffff;
  margin-bottom: 62px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__title {
    font-size: 80px;
  }
}
@media (max-width: 575px) {
  .hero__title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__content {
    margin-top: 80px;
  }
}
.hero__content span {
  font-family: 'Rubik', sans-serif;
  color: #fad105;
  font-weight: 500;
  padding-left: 65px;
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
}
.hero__content span::after {
  position: absolute;
  content: '';
  left: 0;
  top: 12px;
  width: 40px;
  height: 3px;
  background: #fad105;
}
.hero__thumb {
  position: relative;
}
.hero__thumb-1 {
  margin-bottom: -76px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__thumb-1 img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__thumb-1 img {
    width: 110%;
  }
}
.hero__thumb-2 {
  position: absolute;
  bottom: 110px;
  right: -250px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero__thumb-2 {
    right: 0;
  }
}
.hero__thumb-2 span {
  position: relative;
  display: inline-block;
  transform-origin: top right;
  z-index: 1;
}
.hero__thumb-2 span::after {
  position: absolute;
  content: '';
  right: -10px;
  bottom: -10px;
  width: 100%;
  height: 100%;
  background: #fad105;
  -webkit-transform: rotate(-7deg);
  -moz-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  transform: rotate(-7deg);
  z-index: -1;
}
.hero__thumb-2 span img {
  -webkit-transform: rotate(-7deg);
  -moz-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  transform: rotate(-7deg);
}
.hero__thumb-2 span .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  font-size: 12px;
  width: 55px;
  height: 55px;
  line-height: 58px;
  text-align: center;
  background: #0a4c48;
  color: #fad105;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.hero__thumb-2 span .play-btn i {
  padding-left: 3px;
}
.hero__thumb-2 span .play-btn:hover {
  background: #ffffff;
  color: #0a4c48;
}
.hero__shape-1 {
  position: absolute;
  top: 0;
  right: 13%;
}
.hero__shape-2 {
  position: absolute;
  bottom: 0;
  left: 2%;
}
.hero__shape .hero-shape-circle {
  position: absolute;
  top: -95px;
  right: 15%;
  display: inline-block;
  width: 625px;
  height: 625px;
  background: #fad105;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  animation: hero-pulse 2s infinite;
  color: black;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero__shape .hero-shape-circle {
    right: 4%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__shape .hero-shape-circle {
    right: 8%;
    width: 390px;
    height: 390px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__shape .hero-shape-circle {
    top: -50px;
    width: 300px;
    height: 300px;
  }
}

@keyframes hero-pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(250, 209, 5, 0.4);
    box-shadow: 0 0 0 0 rgba(250, 209, 5, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 50px rgba(250, 209, 5, 0);
    box-shadow: 0 0 0 50px rgba(250, 209, 5, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(250, 209, 5, 0);
    box-shadow: 0 0 0 0 rgba(250, 209, 5, 0);
  }
}
@-webkit-keyframes hero-pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(250, 209, 5, 0.4);
    box-shadow: 0 0 0 0 rgba(250, 209, 5, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 50px rgba(250, 209, 5, 0);
    box-shadow: 0 0 0 50px rgba(250, 209, 5, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(250, 209, 5, 0);
    box-shadow: 0 0 0 0 rgba(250, 209, 5, 0);
  }
}
/*----------------------------------------*/
/*  16. COUNTER CSS START
/*----------------------------------------*/
.counter__item {
  padding: 50px 70px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter__item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.counter__item-text {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 45px;
  padding-bottom: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .counter__item-text {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter__item-text {
    padding-left: 0;
    padding-right: 0;
  }
}
.counter__item-3 {
  -webkit-box-shadow: 0px 10px 60px 0px rgba(211, 211, 211, 0.4);
  -moz-box-shadow: 0px 10px 60px 0px rgba(211, 211, 211, 0.4);
  box-shadow: 0px 10px 60px 0px rgba(211, 211, 211, 0.4);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .counter__item-3 {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .counter__item-3 {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .counter__item-wrapper.mt-125 {
    margin-top: -115px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter__item-wrapper.mt-125 {
    margin-top: -115px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .counter__item-wrapper.mt-125 {
    margin-top: 0;
  }
}
@media (max-width: 575px) {
  .counter__item-wrapper.mt-125 {
    margin-top: 0;
  }
}
.counter__content h3 {
  font-size: 40px;
  margin-bottom: 0;
}
.counter__content p {
  font-weight: 500;
  margin-bottom: 0;
}
.counter__text {
  font-size: 35px;
  font-weight: 400;
  line-height: 1;
}
.counter__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.counter__list ul li:not(:last-child) {
  margin-bottom: 10px;
}
.counter__list ul li:hover i {
  background: #0a4c48;
  border-color: #0a4c48;
  color: #ffffff;
}
.counter__list-icon i {
  display: inline-block;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 40px;
  border: 2px solid #e7e7e7;
  color: #677a85;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.counter__list-content p {
  margin-bottom: 0;
}
.counter__about-text p {
  margin-bottom: 0;
}
.counter__bg {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  height: 100%;
  width: 90%;
  z-index: -1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .counter__wrapper-3 {
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .counter__wrapper-3 {
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .counter__wrapper-3 {
    padding-top: 0;
    padding-right: 0;
  }
}

/*----------------------------------------*/
/*  17. FAQ CSS START
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq__wrapper {
    padding-left: 0;
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq__wrapper {
    padding-left: 0;
    margin-top: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq__wrapper {
    padding-left: 0;
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .faq__wrapper {
    padding-left: 0;
    margin-top: 40px;
  }
}
.faq__content .accordion-item {
  border: 1px solid #dadada;
  margin-bottom: 10px;
}
.faq__content .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.faq__content .accordion-button:focus {
  box-shadow: none;
}
.faq__content .accordion-button:not(.collapsed) {
  color: #2c3941;
  background-color: #fff;
}
.faq__content .accordion-button:not(.collapsed)::after {
  content: '\f068';
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.faq__content .accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 18px 45px;
  padding-left: 65px;
  padding-top: 20px;
  font-size: 18px;
  font-weight: 500;
  color: #2c3941;
  background-color: #ffffff;
  border: none;
  border-radius: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .faq__content .accordion-button {
    padding-right: 30px;
  }
}
@media (max-width: 575px) {
  .faq__content .accordion-button {
    padding-right: 10px;
  }
}
.faq__content .accordion-button::after {
  background-image: none;
  content: '\f067';
  left: 30px;
  font-size: 18px;
  color: #2c3941;
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  margin: 0;
}
.faq__content .accordion-body {
  border: none;
  padding: 0;
  padding-left: 65px;
  padding-right: 45px;
}
@media (max-width: 575px) {
  .faq__content .accordion-body {
    padding-right: 10px;
  }
}
.faq__content .accordion-collapse {
  border: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .faq__thumb {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq__thumb {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq__thumb {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq__thumb {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .faq__thumb {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .faq__thumb img {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq__thumb img {
    text-align: center;
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq__thumb img {
    text-align: center;
    max-width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq__thumb img {
    text-align: center;
    max-width: 100%;
  }
}
@media (max-width: 575px) {
  .faq__thumb img {
    text-align: center;
    max-width: 100%;
  }
}

/*----------------------------------------*/
/*  18. PAGE TITLE CSS START
/*----------------------------------------*/
.page__title {
  font-size: 85px;
  color: #ffffff;
  line-height: 1;
  text-transform: capitalize;
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .page__title {
    font-size: 65px;
  }
}
@media (max-width: 575px) {
  .page__title {
    font-size: 45px;
  }
}
.page__title-overlay {
  position: relative;
}
.page__title-overlay::after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(34, 35, 40, 0.7);
}
.page__title-area {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
}
.page__title-wrapper {
  position: relative;
  z-index: 1;
}
.page__title-wrapper .breadcrumb {
  margin-bottom: 0;
}
.page__title-wrapper .breadcrumb-item {
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
}
.page__title-wrapper .breadcrumb-item.active {
  color: #fad105;
}
.page__title-wrapper .breadcrumb-item + .breadcrumb-item {
  position: relative;
  padding-left: 25px;
  margin-left: 15px;
}
.page__title-wrapper .breadcrumb-item + .breadcrumb-item::before,
.page__title-wrapper .breadcrumb-item + .breadcrumb-item::after {
  position: absolute;
  padding-right: 0;
  float: none;
  content: '';
  left: 0;
  top: 2px;
  width: 2px;
  height: 20px;
  background: #ffffff;
}
.page__title-wrapper .breadcrumb-item + .breadcrumb-item::after {
  left: 8px;
}

/*----------------------------------------*/
/*  19. TEAM CSS START
/*----------------------------------------*/
.team__item:hover .team__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.team__content {
  padding: 35px 43px;
  border: 1px solid #e1e1e1;
  border-top: none;
}
.team__content .post {
  display: inline-block;
  margin-bottom: 15px;
  font-weight: 600;
  color: #677a85;
}
.team__title {
  font-size: 22px;
  margin-bottom: 2px;
}
.team__title a:hover {
  color: #fad105;
}
.team__social ul li {
  display: inline-block;
}
.team__social ul li:not(:last-child) {
  margin-right: 5px;
}
.team__social ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-align: center;
  background: #f8f4ef;
  color: #2c3941;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.team__social ul li a:hover {
  color: #2c3941;
  background: #fad105;
}
.team__bg {
  position: relative;
}
.team__bg::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 254px;
  background: #f8f4ef;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team__bg::after {
    height: 200px;
  }
}

@media (max-width: 575px) {
  .team-details {
    padding-top: 50px;
    padding-bottom: 20px;
  }
}

.tmd-img {
  margin-bottom: 105px;
}
@media (max-width: 575px) {
  .tmd-img {
    margin-bottom: 50px;
  }
}
.tmd-img:before {
  position: absolute;
  content: '';
  width: 92.5%;
  height: 93.3%;
  background: #0054a6;
  clip-path: polygon(0 0, 100% 100%, 0 100%);
  bottom: -30px;
  left: -30px;
  z-index: -1;
}
@media (max-width: 575px) {
  .tmd-img:before {
    bottom: -10px;
    left: -10px;
  }
}
.tmd-img img {
  width: 100%;
}

.about-member-details {
  padding: 10px 30px 0 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-member-details {
    padding: 20px 30px 0 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  (max-width: 575px),
  only screen and (min-width: 576px) and (max-width: 767px) {
  .about-member-details {
    padding: 0;
    margin-bottom: 50px;
  }
}
.about-member-details > span {
  font-size: 14px;
  color: #0054a6;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: inline-block;
}
.about-member-details h2 {
  line-height: 1;
  margin-bottom: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-member-details h2 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .about-member-details h2 {
    font-size: 36px;
  }
}
.about-member-details p {
  font-size: 18px;
  line-height: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #efefef;
  margin-bottom: 30px;
}
.about-member-details ul li {
  margin-bottom: 16px;
}
.about-member-details ul li span {
  font-weight: 600;
  color: #1a1a2b;
}
.about-member-details ul li a:hover {
  color: #0054a6;
}

.member-qualification {
  margin-bottom: 52px;
}
.member-qualification h4 {
  font-size: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #efefef;
  margin-bottom: 33px;
}
.member-qualification h4 span {
  color: #0054a6;
}
.member-qualification p {
  padding-right: 10px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .member-qualification p {
    padding-right: 0;
  }
}

.member-skill .progress {
  height: 6px;
  background-color: #f6f6f6;
  border-radius: 0;
}
.member-skill .progress-bar {
  background-color: #0054a6;
}

.skill-wrapper {
  margin-bottom: 27px;
}

.skill-title {
  display: flex;
  justify-content: space-between;
}
.skill-title span {
  float: right;
  font-size: 14px;
  font-weight: 700;
  color: #0054a6;
}

.skill-category {
  font-size: 14px;
  display: inline-block;
  margin-bottom: 16px;
}

.member-education {
  padding-bottom: 32px;
}
.member-education ul li {
  margin-bottom: 23px;
}

.edu-icon {
  float: left;
  margin-right: 20px;
}
.edu-icon i {
  font-size: 30px;
  color: #dddddd;
}

.edu-text {
  overflow: hidden;
}
.edu-text h5 {
  font-size: 16px;
  margin-bottom: 8px;
  line-height: 1;
}
.edu-text p {
  font-size: 14px;
  margin-bottom: 0;
}

/*----------------------------------------*/
/*  00. FOOTER CSS START
/*----------------------------------------*/
.footer__pr-50 {
  padding-right: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__pr-50 {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__pr-50 {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .footer__pr-50 {
    padding-left: 0;
  }
}
.footer__pl-50 {
  padding-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__pl-50 {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__pl-50 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  .footer__pl-50 {
    padding-left: 0;
    padding-right: 0;
  }
}
.footer__pr-40 {
  padding-right: 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__pr-40 {
    padding-left: 25px;
  }
}
@media (max-width: 575px) {
  .footer__pr-40 {
    padding-left: 0px;
  }
}
.footer__pl-55 {
  padding-left: 55px;
}
@media (max-width: 575px) {
  .footer__pl-55 {
    padding-left: 0;
  }
}
.footer__widget {
  padding-top: 75px;
}
.footer__widget-title {
  font-size: 22px;
  color: #ffffff;
  padding-bottom: 35px;
  margin-bottom: 25px;
  border-bottom: 2px solid #34454f;
}
.footer__widget-title-3 {
  color: #2c3941;
  padding-bottom: 0;
  border: none;
  margin-bottom: 15px;
}
.footer__widget-content p {
  color: #a7c1d1;
  margin-bottom: 32px;
  padding-bottom: 20px;
  border-bottom: 2px solid #34454f;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer__widget.pl-55 {
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__widget.pl-55 {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__widget.pl-55 {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__widget.pl-55 {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .footer__widget.pl-55 {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .footer__widget.pl-30 {
    padding-left: 0;
  }
}
.footer__link ul li:not(:last-child) {
  margin-bottom: 4px;
}
.footer__link ul li a {
  color: #a7c1d1;
}
.footer__link ul li a:hover {
  color: #ffffff;
}
.footer__link-3 ul li a {
  color: #677a85;
}
.footer__link-3 ul li a:hover {
  color: #2c3941;
}
.footer__info ul li {
  margin-bottom: 20px;
}
.footer__info-icon i {
  font-size: 20px;
  color: #0054a6;
}
.footer__info-text h4 {
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 0;
}
.footer__info-text a {
  color: #a7c1d1;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__info-3 {
    margin-bottom: 25px;
  }
}
@media (max-width: 575px) {
  .footer__info-3 {
    margin-bottom: 25px;
  }
}
.footer__info-3-icon i {
  color: #0a4c48;
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  background: #d6cdc1;
  font-size: 18px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border-top-left-radius: 0;
}
.footer__info-3-text a {
  font-size: 24px;
  color: #2c3941;
  font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__info-3-text a {
    font-size: 17px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__info-3-text a {
    font-size: 20px;
  }
}
.footer__info-3-text h4 {
  color: #677a85;
  font-size: 15px;
  font-weight: 400;
}
.footer__blog ul li:not(:last-child) {
  margin-bottom: 30px;
}
.footer__blog-sm-title {
  font-size: 16px;
  color: #ffffff;
  line-height: 22px;
}
.footer__blog-sm-meta span {
  text-transform: uppercase;
  font-weight: 500;
  color: #a7c1d1;
}
.footer__blog-sm-meta span i {
  color: #fad105;
  margin-right: 5px;
}
.footer__blog-3 {
  padding-top: 7px;
}
.footer__blog-3 .footer__blog-sm-title {
  font-size: 18px;
  color: #2c3941;
  margin-bottom: 0;
}
.footer__blog-3 .footer__blog-sm-title a:hover {
  color: #0a4c48;
}
.footer__blog-3 .author {
  font-size: 14px;
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
  color: #677a85;
  padding-left: 30px;
  position: relative;
  text-transform: capitalize;
}
.footer__blog-3 .author::after {
  position: absolute;
  content: '';
  left: 0;
  top: 8px;
  width: 20px;
  height: 2px;
  background: #677a85;
}
.footer__subscribe p {
  margin-bottom: 20px;
  padding-bottom: 0;
  border: none;
}
.footer__subscribe input {
  width: 100%;
  height: 50px;
  background: #374853;
  color: #ffffff;
  border: none;
  outline: none;
  padding: 0 30px;
  margin-bottom: 10px;
}
.footer__subscribe input::placeholder {
  color: #a7c1d1;
}
.footer__subscribe button {
  height: 50px;
  line-height: 50px;
  padding: 0 40px;
  padding-right: 60px;
  background: #0054a6;
  color: #ffffff;
}
.footer__subscribe button i:last-child {
  right: 38px;
}
.footer__subscribe button i:first-child {
  right: 50px;
}
.footer__subscribe button:hover {
  color: #ffffff;
}
.footer__subscribe button:hover i:last-child {
  right: 32px;
}
.footer__subscribe button:hover i:first-child {
  right: 38px;
}
.footer__subscribe-2 button {
  background: #fad105;
  color: #222328;
}
.footer__subscribe-2 button:hover {
  color: #222328;
}
.footer__subscribe-3 p {
  color: #677a85;
}
.footer__subscribe-3 input {
  background: #d6cdc1;
  color: #2c3941;
  font-weight: 500;
}
.footer__subscribe-3 input::placeholder {
  color: #513e26;
  font-weight: 500;
}
.footer__subscribe-3 button {
  background: #0a4c48;
}
@media (max-width: 575px) {
  .footer__social {
    margin-bottom: 15px;
  }
}
.footer__social ul li {
  display: inline-block;
}
.footer__social ul li:not(:last-child) {
  margin-right: 5px;
}
.footer__social ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-align: center;
  background: #34454f;
  color: #607887;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.footer__social ul li a:hover {
  background: #0054a6;
  color: #ffffff;
}
.footer__social-2 ul li a:hover {
  background: #fad105;
  color: #222328;
}
.footer__social-3 ul li a {
  color: #513e26;
  background: #d6cdc1;
}
.footer__social-3 ul li a:hover {
  background: #0a4c48;
  color: #ffffff;
}
.footer__copyright p {
  color: #a7c1d1;
  margin-bottom: 0;
  font-weight: 500;
}
.footer__copyright-2 p {
  margin-right: 40px;
}
@media (max-width: 575px) {
  .footer__copyright-2 p {
    margin-bottom: 15px;
  }
}
.footer__copyright-3 p {
  color: #677a85;
}
.footer__bottom-border {
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 2px solid #34454f;
}
.footer__bottom-border-2 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.footer__bottom-border-3 {
  padding-top: 25px;
  padding-bottom: 25px;
  border-color: #e2dbd1;
}
.footer__top-info-border {
  border-bottom: 1px solid #e2dbd1;
}
.footer__about-3 p {
  color: #677a85;
  border: none;
  padding-bottom: 0;
  margin-bottom: 20px;
  margin-top: 22px;
}
.footer__about-location .icon i {
  font-size: 45px;
  color: #0a4c48;
}
.footer__about-location .text h5 {
  font-size: 20px;
  margin-bottom: 3px;
}
.footer__about-location .text a {
  font-size: 16px;
  font-weight: 500;
  color: #2c3941;
  line-height: 24px;
}

.m-auto {
  margin: auto;
}
.bg-contain {
  background-size: contain !important;
}
.testmonial-item {
  position: relative;
  display: inline-block;
}

.testmonial-item-bxx {
  position: relative;
  display: inline-block;
  text-align: center;
  padding: 30px 40px;
  border: 1px solid #eee;
  border-radius: 5px;
  background: #fff;
  margin: 30px 0px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.testmonial-arrow {
  position: absolute;
  bottom: -25px;
  left: 50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 37px 20px 0 0;
  border-color: #0054a6 transparent transparent transparent;
  display: none;
}

.testmonial-item-bxx-img {
  opacity: 0;
}

.testmonial-item-img {
  display: inline-block;
  margin-left: 10px;
  margin-top: 10px;
}

.testmonial-item-img img {
  border-radius: 100%;
  width: 75px !important;
  height: 75px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.testmonial-item-name {
  display: inline-block;
  transform: translateY(18px);
  margin-left: 15px;
}

.testmonial-item h4 {
  color: #333;
  font-size: 18px;
  font-weight: 500;
  margin: 0px 0px 2px 0px;
}

.testmonial-item span {
  color: #0054a6;
  font-size: 13px;
  font-weight: 500;
}

.testmonial-item p {
  color: #fff;
  font-size: 14px;
  text-align: left;
  font-weight: 400;
  line-height: 1.6;
}
.testmonial-item-bxx {
  background: #0054a6;
  border: 1px solid #0054a6;
  cursor: auto;
  box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
}

.testmonial-item-bxx-img {
  opacity: 1;
}

.testmonial-arrow {
  display: block;
}

.border-white {
  border: 2px solid #f2f2f2 !important;
}
.bg-none {
  background: none !important;
}

.main-image-section {
  width: 100%;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  padding: 90px 0px 90px 0px;
  min-height: 85%;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.main-image-content {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.main-image-content h2 {
  font-size: 50px;
  color: #fff;
  line-height: 1.4;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .main-image-content h2 {
    font-size: 25px;
    color: #fff;
    line-height: 1.4;
    font-weight: 600;
  }
}

.main-image-content h3 {
  font-size: 45px;
  color: #fff;
  line-height: 1.4;
  font-weight: 600;
}

.main-image-content p {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.9;
  font-weight: 400;
  max-width: 100%;
  margin-top: 10px;
  word-wrap: break-word;
}
@media screen and (max-width: 767px) {
  .main-image-content p {
    width: auto;
  }
}

/*-----------------------------------------
  Slider Control Buttons, Paginations
-------------------------------------------*/
/* .swiper-button-next{
  background-repeat: no-repeat;
  background-position: center;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev{
  background-repeat: no-repeat;
  background-position: center;  
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination-bullet-active{
  background: #fff;
}
 */

/*-----------------------------------------
  Overlays For Slides
-------------------------------------------*/
.light-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
}

.medium-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
}

.dark-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.7;
}

/*-----------------------------------------
  Slider Content Captions
-------------------------------------------*/
.slider-content {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
@media screen and (max-width: 767px) {
  .slider-content {
    padding: 70px 30px;
  }
}
.slider-content h2 {
  font-size: 50px;
  color: #fff;
  line-height: 1.4;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .slider-content h2 {
    font-size: 25px;
    color: #fff;
    line-height: 1.4;
    font-weight: 600;
  }
}

.slider-content h3 {
  font-size: 45px;
  color: #fff;
  line-height: 1.4;
  font-weight: 600;
}

.slider-content p {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.9;
  font-weight: 400;
  max-width: 100%;
  margin-top: 10px;
  word-wrap: break-word;
}
@media screen and (max-width: 767px) {
  .slider-content p {
    width: auto;
  }
}
.contact-form-118 select {
  font-weight: 500 !important;
  border-radius: 5px;
  font-size: 13px;
  border: 1px solid #f6f7f8;
  background: #f6f7f8;
  color: #777 !important;
  outline: none;
  width: 100%;
  padding: 14px;
  margin: 10px 0px;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.contact-form-118 input {
  font-weight: 500 !important;
  border-radius: 5px;
  font-size: 13px;
  border: 1px solid #f6f7f8;
  background: #f6f7f8;
  color: #777 !important;
  outline: none;
  width: 100%;
  padding: 14px;
  margin: 10px 0px;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.contact-form-118 textarea {
  font-weight: 500 !important;
  border-radius: 5px;
  font-size: 13px;
  border: 1px solid #f6f7f8;
  background: #f6f7f8;
  color: #777 !important;
  outline: none;
  width: 100%;
  padding: 14px;
  margin: 10px 0px;
  margin-bottom: 5px;
  min-height: 200px;
  overflow: hidden;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.contact-form-118 input:focus,
.contact-form-118 textarea:focus {
  background: #fff;
  border-color: #ececec;
}

.contact-form-118 button {
  display: inline-block;
  background: #111;
  color: #fff;
  font-size: 14px;
  width: 100%;
  font-weight: 500;
  border-radius: 10px;
  padding: 15px 30px 15px 30px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin-top: 15px;
}

.contact-form-118 button:hover {
  background: #d21e2b;
}

/*INFO*/
.contact-info-box {
  padding: 0px 15px;
}

.contact-info-section {
  border-bottom: 1px solid #ececec;
  padding: 25px 0px;
  margin-bottom: 0px;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.contact-info-section i {
  width: 60px;
  height: 60px;
  padding-top: 17px;
  border-radius: 50%;
  background: #d21e2b;
  color: #fff;
  font-size: 25px;
  margin-top: 5px;
  padding-left: 18px;
}

.contact-info-section h4 {
  color: #111;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}

.contact-info-section p {
  color: #999;
  font-size: 15px;
  font-weight: 400;
}

#map {
  height: 400px;
  width: 100%;
}

/*----------- Style 3-------------*/
.contact-country-one {
  background-size: cover;
  width: 100%;
  padding: 120px 70px 50px 70px;
}

.contact-country-one i {
  color: #fff;
  font-size: 60px;
}

.contact-country-one h4 {
  color: #fff;
  font-size: 25px;
  font-weight: 500;
  margin-top: 20px;
}

.contact-country {
  margin-top: 20px;
}

.contact-country li {
  color: #fff;
  font-size: 15px;
  padding: 10px 0px;
}

.contact-country li i {
  color: #fff;
  font-size: 15px;
  margin-right: 15px;
}

@media (max-width: 767px) {
  .contact-country-one {
    padding: 40px 20px;
  }
}

/*-----------Styles 4-------------*/
.contact-data-box-icon {
  border-radius: 10%;
  border: 2px solid #333;
  background: #333;
  width: 80px;
  height: 80px;
  padding: 19px;
  margin: 8px 0px 0px 10px;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.contact-data-box:hover .contact-data-box-icon {
  background: #fff;
}

.contact-data-box-icon i {
  color: #fff;
  font-size: 30px;
  padding: 3px 0px 0px 6px;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.contact-data-box:hover .contact-data-box-icon i {
  color: #333;
}

.contact-data-box-text {
  padding-left: 15px;
}

.contact-data-box-text h4 {
  color: #111;
  font-size: 20px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 1px;
}

.contact-data-box-text h6 {
  color: #777;
  font-size: 15px;
  font-weight: 400;
  line-height: 160%;
  margin-top: 5px;
}

/*-----------------------------------------
  Slider Parallax
-------------------------------------------*/
.parallax-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 130%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}
.section-heading {
  margin-bottom: 10px;
}

.section-heading h2 {
  position: relative;
  font-size: 42px;
  font-weight: 500;
  color: #111;
  line-height: 130%;
  margin-bottom: 10px;
}

.section-heading h3 {
  position: relative;
  font-size: 35px;
  font-weight: 600;
  color: #111;
  line-height: 130%;
  margin-bottom: 10px;
}

.section-heading h4 {
  position: relative;
  font-size: 30px;
  font-weight: 600;
  color: #111;
  line-height: 160%;
  margin-bottom: 10px;
}

.section-heading h5 {
  position: relative;
  font-size: 25px;
  font-weight: 600;
  color: #111;
  line-height: 160%;
  margin-bottom: 10px;
}

.section-heading h6 {
  position: relative;
  font-size: 20px;
  font-weight: 500;
  color: #111;
  line-height: 160%;
  margin-bottom: 10px;
}

.section-heading-line-left {
  content: '';
  display: block;
  width: 100px;
  height: 3px;
  background: #d21e2b;
  border-radius: 25%;
  margin-top: 15px;
  margin-bottom: 5px;
}
.section-heading strong {
  font-weight: 600;
}
.inherit-color {
  color: inherit !important;
}

/* ======================== */

.CardHover {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  width: 18% !important;
  margin-left: 1% !important;
  margin-right: 1% !important;
  float: left;
  cursor: pointer;
  transition: scale, 3s ease-in-out;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  height: auto;
  border-radius: 15px;
  padding: 1.5rem;
  background: white;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: flex-end;
  transition: all, 1s ease-out;
}

.CardHover:hover img {
  transform: scale(1.1);
}

.CardHover:hover:before {
  opacity: 1;
}

.CardHover:hover .innerCardHover {
  opacity: 1;
}

.CardHover:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  /* background: rgba(0, 0, 0, 0.6);
     */
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.7962535355939251) 18%,
    rgba(182, 182, 182, 0.073564459963673) 100%
  );
  z-index: 2;
  transition: 0.5s;
  opacity: 0;
}

.CardHover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  animation: all, 0.4s ease-in-out;
  border-radius: 5px;
}

.CardHover .innerCardHover {
  position: relative;
  z-index: 3;
  color: white;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.5s;
}

.CardHover .innerCardHover strong {
  margin: 0px;
  text-transform: uppercase;
  font-size: 16px;
}

.CardHover .innerCardHover p {
  letter-spacing: 1px;
  font-size: 13px;
  margin-top: 8px;
  padding-bottom: 13px;
}

@media only screen and (max-width: 1180px) {
  .CardHover {
    width: 21% !important;
    margin-left: 2% !important;
    margin-right: 2% !important;
  }
}

@media only screen and (max-width: 600px) {
  .CardHover .innerCardHover strong {
    margin: 0px;
    text-transform: uppercase;
    color: white;
    font-size: 14px;
  }
  .CardHover .innerCardHover p {
    letter-spacing: 1px;
    font-size: 12px;
  }
  .CardHover {
    width: 45% !important;
    margin-left: 2.5% !important;
    margin-left: 2.5% !important;
    float: left;
    margin-bottom: 50px;
    margin-top: 15px;
    margin-right: 15%;
    border-radius: 15px;
    text-align: center;
    padding: 10px;
    background: white;
    overflow: hidden;
    position: relative;
  }
}

.br-35 {
  border-radius: 35px !important;
}
.br-25 {
  border-radius: 25px !important;
}
.br-15 {
  border-radius: 15px !important;
}
.br-10 {
  border-radius: 10px !important;
}
.br-p25em {
  border-radius: 0.25rem !important;
}

.bg-grey-trans {
  background-color: #545252ba !important;
}
.grey-2 {
  color: #55575b;
}
.section-white > h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: inherit;
}
.img-center {
  vertical-align: middle;
  text-align: center;
}
.bg-common {
  background-position: bottom top;
  background-size: 100%;
  background-repeat: no-repeat;
}

.border-1-grey {
  border: 0.0625rem solid #ddd;
  overflow: hidden;
}
@media (min-width: 768px) {
  .product-card-row {
    border: 0.0625rem solid #ddd;
    border-radius: 0.5rem;
  }

  .product-card-row:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }
  .product-card-row-grey:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }
}

.black {
  color: #000 !important;
}
.badgeContainer-discount {
  position: absolute;
  white-space: nowrap;
  max-width: 70%;
  top: 0.75rem;
  left: 0.75rem;
  z-index: 2;
}
.addToWishlistBtn-love {
  border: none;
  background: none;
  cursor: pointer;
  position: absolute;
  padding: 0.75rem;
  right: 0;
  top: 0;
  line-height: 1;
  z-index: 3;
}

.research__3lBk {
  background: #fff;
  box-shadow: 0 0.25rem 0.625rem rgb(0 0 0 / 10%);
  border-radius: 0.5rem;
  overflow: hidden;
  transform: translateZ(0);
}
.productCard__15pg {
  /* height: 100%; */
  display: flex;
  flex-direction: column;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
.category__3G_A {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65));
  width: 100%;
  color: #fff;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.room-img-card {
  height: 100%;
  width: 100%;
  transition: all 0.3s ease-out 0s;
  background-size: cover;
  background-position: center;
}
.min-height-230 {
  min-height: 230px;
}

.min-height-80 {
  min-height: 80px;
}
.border-hover-1:hover {
  border: 2px solid #9b9b9b;
  border-radius: 14px;
  overflow: hidden;
}

.small-card {
  height: 350px;
  width: 350px;
  border-radius: 12px;
  --bg-opacity: 1;
  background-color: #f7f8fa;
  background-color: rgba(247, 248, 250, var(--bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 3rem;
  position: relative;
  cursor: pointer;
}
.flex-wrap {
  flex-wrap: wrap;
}

.w33 {
  width: 33.333333%;
}
.w66 {
  width: 66.666667%;
}

.lil-card {
  /* height: 350px;
  width: 350px; */
  border-radius: 12px;
  --bg-opacity: 1;
  background-color: #f7f8fa;
  background-color: rgba(247, 248, 250, var(--bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 3rem;
  position: relative;
  cursor: pointer;
}

.lil-card > .lil-card-header {
  height: 65%;
  width: 100%;
}

.lil-card-header .lil-card-icon {
  float: right;
}

.lil-card > .lil-card-footer {
  height: 35%;
  width: 100%;
  clear: both;
  padding-top: 1rem;
  display: flex;
}

.lil-card > .lil-card-content {
  line-height: 100%;
  border-radius: 12px;
  display: none;
  height: 100%;
  width: 100%;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
  white-space: normal;
  padding-top: 2rem;
  padding-bottom: 3rem;
  padding-left: 2rem;
  padding-right: 1.25rem;
  font-size: 20px;
}

.lil-card-content .lil-header {
  height: 35%;
}

.lil-card-content .lil-footer {
  height: 65%;
}

.lil-card:hover > .lil-card-content {
  display: block;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .lil-card {
    height: 300px;
    width: 300px;
  }

  .lil-card > .lil-card-footer {
    padding-top: 0.5rem;
  }

  .lil-card > .lil-card-content {
    font-size: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .lil-card {
    height: 300px;
    width: 300px;
  }

  .lil-card > .lil-card-footer {
    padding-top: 0.5rem;
  }

  .lil-card > .lil-card-content {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .lil-card {
    height: 144px;
    width: 144px;
    padding: 0.75rem;
  }

  .lil-card-header .lil-card-icon {
    height: 4rem;
  }

  .lil-card > .lil-card-footer {
    padding-top: 0;
  }

  .lil-card > .lil-card-content {
    line-height: none;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 10px;
  }

  .lil-card-content .lil-header {
    height: 25%;
  }

  .lil-card-content .lil-footer {
    height: 75%;
  }
}
.hover\:lil-bg-blue-150:hover {
  --bg-opacity: 1;
  background-color: #cfe4ff;
  background-color: rgba(207, 228, 255, var(--bg-opacity));
}

.hover\:lil-bg-blue-350:hover {
  --bg-opacity: 1;
  background-color: #1678fb;
  background-color: rgba(22, 120, 251, var(--bg-opacity));
}

.hover\:lil-bg-clearsky-100:hover {
  --bg-opacity: 1;
  background-color: #e7f7ff;
  background-color: rgba(231, 247, 255, var(--bg-opacity));
}

.hover\:lil-bg-green-250:hover {
  --bg-opacity: 1;
  background-color: #4adf93;
  background-color: rgba(74, 223, 147, var(--bg-opacity));
}

.hover\:lil-bg-purple-100:hover {
  --bg-opacity: 1;
  background-color: #e5e2fd;
  background-color: rgba(229, 226, 253, var(--bg-opacity));
}

.hover\:lil-bg-purple-300:hover {
  --bg-opacity: 1;
  background-color: #7c6ff5;
  background-color: rgba(124, 111, 245, var(--bg-opacity));
}

.hover\:lil-bg-orange-300:hover {
  --bg-opacity: 1;
  background-color: #fb9650;
  background-color: rgba(251, 150, 80, var(--bg-opacity));
}
.lil-uppercase {
  text-transform: uppercase;
}

.lil-underline {
  text-decoration: underline;
}

.lil-line-through {
  text-decoration: line-through;
}

.lil-align-top {
  vertical-align: top;
}

.lil-align-middle {
  vertical-align: middle;
}

.lil-align-bottom {
  vertical-align: bottom;
}

.lil-visible {
  visibility: visible;
}

.lil-invisible {
  visibility: hidden;
}

.lil-whitespace-no-wrap {
  white-space: nowrap;
}

.lil-break-words {
  overflow-wrap: break-word;
}

.lil-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lil-w-40 {
  width: 10rem;
}

.lil-w-auto {
  width: auto;
}

.lil-w-1\/2 {
  width: 50%;
}

.lil-w-1\/3 {
  width: 33.333333%;
}

.lil-w-2\/3 {
  width: 66.666667%;
}

.lil-w-1\/4 {
  width: 25%;
}

.lil-w-3\/4 {
  width: 75%;
}

.lil-w-1\/5 {
  width: 20%;
}

.lil-w-2\/5 {
  width: 40%;
}

.lil-w-3\/5 {
  width: 60%;
}

.lil-w-4\/5 {
  width: 80%;
}

.lil-w-1\/6 {
  width: 16.666667%;
}

.lil-w-2\/6 {
  width: 33.333333%;
}

.lil-w-4\/6 {
  width: 66.666667%;
}

.lil-w-5\/6 {
  width: 83.333333%;
}

.lil-w-1\/12 {
  width: 8.333333%;
}

.lil-w-2\/12 {
  width: 16.666667%;
}

.lil-w-3\/12 {
  width: 25%;
}

.lil-w-4\/12 {
  width: 33.333333%;
}

.lil-w-5\/12 {
  width: 41.666667%;
}

.lil-w-6\/12 {
  width: 50%;
}

.lil-w-7\/12 {
  width: 58.333333%;
}

.lil-w-8\/12 {
  width: 66.666667%;
}

.lil-w-9\/12 {
  width: 75%;
}

.lil-w-10\/12 {
  width: 83.333333%;
}

.lil-w-11\/12 {
  width: 91.666667%;
}

.lil-w-full {
  width: 100%;
}

.lil-block {
  display: block;
}

.lil-inline-block {
  display: inline-block;
}

.lil-flex {
  display: flex;
}

.lil-inline-flex {
  display: inline-flex;
}

.lil-hidden {
  display: none;
}

.lil-flex-row {
  flex-direction: row;
}

.lil-flex-row-reverse {
  flex-direction: row-reverse;
}

.lil-flex-col {
  flex-direction: column;
}

.lil-flex-wrap {
  flex-wrap: wrap;
}

.lil-items-start {
  align-items: flex-start;
}

.lil-items-end {
  align-items: flex-end;
}

.lil-items-center {
  align-items: center;
}

.lil-items-stretch {
  align-items: stretch;
}

.lil-self-end {
  align-self: flex-end;
}

.lil-self-center {
  align-self: center;
}

.lil-justify-start {
  justify-content: flex-start;
}

.lil-justify-end {
  justify-content: flex-end;
}

.lil-justify-center {
  justify-content: center;
}

.lil-justify-between {
  justify-content: space-between;
}

.lil-justify-around {
  justify-content: space-around;
}

.lil-flex-none {
  flex: none;
}

.lil-flex-grow {
  flex-grow: 1;
}

.lil-order-3 {
  order: 3;
}

.lil-float-right {
  float: right;
}

.lil-float-left {
  float: left;
}

.lil-clear-both {
  clear: both;
}

.lil-font-hairline {
  font-weight: 100;
}

.lil-font-thin {
  font-weight: 200;
}

.lil-font-light {
  font-weight: 300;
}

.lil-font-normal {
  font-weight: 400;
}

.lil-font-medium {
  font-weight: 500;
}

.lil-font-semibold {
  font-weight: 600;
}

.lil-font-bold {
  font-weight: 700;
}

.lil-font-extrabold {
  font-weight: 800;
}

.lil-font-black {
  font-weight: 900;
}

.lil-h-3 {
  height: 0.75rem;
}

.lil-h-5 {
  height: 1.25rem;
}

.lil-h-6 {
  height: 1.5rem;
}

.lil-h-8 {
  height: 2rem;
}

.lil-h-10 {
  height: 2.5rem;
}

.lil-h-12 {
  height: 3rem;
}

.lil-h-16 {
  height: 4rem;
}

.lil-h-20 {
  height: 5rem;
}

.lil-h-24 {
  height: 6rem;
}

.lil-h-32 {
  height: 8rem;
}

.lil-h-40 {
  height: 10rem;
}

.lil-h-48 {
  height: 12rem;
}

.lil-h-64 {
  height: 16rem;
}

.lil-h-auto {
  height: auto;
}

.lil-h-full {
  height: 100%;
}

.lil-text-s-10 {
  font-size: 10px;
}

.lil-text-s-12 {
  font-size: 12px;
}

.lil-text-s-14 {
  font-size: 14px;
}

.lil-text-base {
  font-size: 16px;
}

.lil-text-s-18 {
  font-size: 18px;
}

.lil-text-s-20 {
  font-size: 20px;
}

.lil-text-s-24 {
  font-size: 24px;
}

.lil-text-s-28 {
  font-size: 28px;
}

.lil-text-s-40 {
  font-size: 40px;
}

.lil-text-s-48 {
  font-size: 48px;
}

.lil-text-s-56 {
  font-size: 56px;
}

.lil-text-s-64 {
  font-size: 64px;
}

.lil-leading-loose {
  line-height: 1.5;
}

.lil-list-inside {
  list-style-position: inside;
}

.lil-list-disc {
  list-style-type: disc;
}

.lil-list-decimal {
  list-style-type: decimal;
}
@media (max-width: 767px) {
  .sm\:lil-rounded-lg {
    border-radius: 8px;
  }

  .sm\:lil-rounded-xl {
    border-radius: 12px;
  }

  .sm\:lil-border-none {
    border-style: none;
  }

  .sm\:lil-border-b-sm {
    border-bottom-width: 1px;
  }

  .sm\:lil-block {
    display: block;
  }

  .sm\:lil-flex {
    display: flex;
  }

  .sm\:lil-hidden {
    display: none;
  }

  .sm\:lil-flex-col {
    flex-direction: column;
  }

  .sm\:lil-flex-col-reverse {
    flex-direction: column-reverse;
  }

  .sm\:lil-flex-wrap {
    flex-wrap: wrap;
  }

  .sm\:lil-items-start {
    align-items: flex-start;
  }

  .sm\:lil-items-center {
    align-items: center;
  }

  .sm\:lil-self-end {
    align-self: flex-end;
  }

  .sm\:lil-justify-start {
    justify-content: flex-start;
  }

  .sm\:lil-justify-end {
    justify-content: flex-end;
  }

  .sm\:lil-justify-center {
    justify-content: center;
  }

  .sm\:lil-justify-between {
    justify-content: space-between;
  }

  .sm\:lil-justify-around {
    justify-content: space-around;
  }

  .sm\:lil-flex-grow {
    flex-grow: 1;
  }

  .sm\:lil-order-1 {
    order: 1;
  }

  .sm\:lil-order-2 {
    order: 2;
  }

  .sm\:lil-float-none {
    float: none;
  }

  .sm\:lil-h-6 {
    height: 1.5rem;
  }

  .sm\:lil-h-8 {
    height: 2rem;
  }

  .sm\:lil-h-10 {
    height: 2.5rem;
  }

  .sm\:lil-h-12 {
    height: 3rem;
  }

  .sm\:lil-h-16 {
    height: 4rem;
  }

  .sm\:lil-h-20 {
    height: 5rem;
  }

  .sm\:lil-h-64 {
    height: 16rem;
  }

  .sm\:lil-h-auto {
    height: auto;
  }

  .sm\:lil-h-full {
    height: 100%;
  }

  .sm\:lil-text-s-10 {
    font-size: 10px;
  }

  .sm\:lil-text-s-12 {
    font-size: 12px;
  }

  .sm\:lil-text-s-14 {
    font-size: 14px;
  }

  .sm\:lil-text-base {
    font-size: 16px;
  }

  .sm\:lil-text-s-18 {
    font-size: 18px;
  }

  .sm\:lil-text-s-20 {
    font-size: 20px;
  }

  .sm\:lil-text-s-24 {
    font-size: 24px;
  }

  .sm\:lil-text-s-28 {
    font-size: 28px;
  }

  .sm\:lil-text-s-32 {
    font-size: 32px;
  }

  .sm\:lil-m-2 {
    margin: 0.5rem;
  }

  .sm\:lil-m-3 {
    margin: 0.75rem;
  }

  .sm\:lil-m-4 {
    margin: 1rem;
  }

  .sm\:lil-m-auto {
    margin: auto;
  }

  .sm\:lil-mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .sm\:lil-my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .sm\:lil-mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .sm\:lil-my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .sm\:lil-mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .sm\:lil-my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .sm\:lil-mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .sm\:lil-my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .sm\:lil-mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .sm\:lil-my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .sm\:lil-mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .sm\:lil-my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .sm\:lil-my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .sm\:lil-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .sm\:lil-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:lil-mt-0 {
    margin-top: 0;
  }

  .sm\:lil-mr-0 {
    margin-right: 0;
  }

  .sm\:lil-ml-0 {
    margin-left: 0;
  }

  .sm\:lil-mt-1 {
    margin-top: 0.25rem;
  }

  .sm\:lil-mr-1 {
    margin-right: 0.25rem;
  }

  .sm\:lil-mb-1 {
    margin-bottom: 0.25rem;
  }

  .sm\:lil-ml-1 {
    margin-left: 0.25rem;
  }

  .sm\:lil-mt-2 {
    margin-top: 0.5rem;
  }

  .sm\:lil-mb-2 {
    margin-bottom: 0.5rem;
  }

  .sm\:lil-mt-3 {
    margin-top: 0.75rem;
  }

  .sm\:lil-mb-3 {
    margin-bottom: 0.75rem;
  }

  .sm\:lil-mt-4 {
    margin-top: 1rem;
  }

  .sm\:lil-mb-4 {
    margin-bottom: 1rem;
  }

  .sm\:lil-ml-4 {
    margin-left: 1rem;
  }

  .sm\:lil-mt-5 {
    margin-top: 1.25rem;
  }

  .sm\:lil-mt-6 {
    margin-top: 1.5rem;
  }

  .sm\:lil-mb-6 {
    margin-bottom: 1.5rem;
  }

  .sm\:lil-mt-8 {
    margin-top: 2rem;
  }

  .sm\:lil-mb-8 {
    margin-bottom: 2rem;
  }

  .sm\:lil-mt-10 {
    margin-top: 2.5rem;
  }

  .sm\:lil-mb-10 {
    margin-bottom: 2.5rem;
  }

  .sm\:lil-mt-12 {
    margin-top: 3rem;
  }

  .sm\:lil-mb-12 {
    margin-bottom: 3rem;
  }

  .sm\:lil-mt-16 {
    margin-top: 4rem;
  }

  .sm\:lil-mt-20 {
    margin-top: 5rem;
  }

  .sm\:lil-mt-24 {
    margin-top: 6rem;
  }

  .sm\:lil-mt-32 {
    margin-top: 8rem;
  }

  .sm\:lil-mr-auto {
    margin-right: auto;
  }

  .sm\:lil-ml-auto {
    margin-left: auto;
  }

  .sm\:lil--mt-10 {
    margin-top: -2.5rem;
  }

  .sm\:lil-min-w-0 {
    min-width: 0;
  }

  .sm\:lil-object-contain {
    -o-object-fit: contain;
    object-fit: contain;
  }

  .sm\:lil-object-scale-down {
    -o-object-fit: scale-down;
    object-fit: scale-down;
  }

  .sm\:lil-overflow-auto {
    overflow: auto;
  }

  .sm\:lil-overflow-y-auto {
    overflow-y: auto;
  }

  .sm\:lil-overflow-x-hidden {
    overflow-x: hidden;
  }

  .sm\:lil-p-0 {
    padding: 0;
  }

  .sm\:lil-p-1 {
    padding: 0.25rem;
  }

  .sm\:lil-p-2 {
    padding: 0.5rem;
  }

  .sm\:lil-p-3 {
    padding: 0.75rem;
  }

  .sm\:lil-p-4 {
    padding: 1rem;
  }

  .sm\:lil-p-6 {
    padding: 1.5rem;
  }

  .sm\:lil-py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .sm\:lil-px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .sm\:lil-px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .sm\:lil-py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .sm\:lil-px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .sm\:lil-py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .sm\:lil-px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .sm\:lil-py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .sm\:lil-px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:lil-py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .sm\:lil-px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:lil-py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:lil-py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sm\:lil-py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .sm\:lil-px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .sm\:lil-py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sm\:lil-py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .sm\:lil-py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .sm\:lil-pt-0 {
    padding-top: 0;
  }

  .sm\:lil-pr-0 {
    padding-right: 0;
  }

  .sm\:lil-pb-0 {
    padding-bottom: 0;
  }

  .sm\:lil-pl-0 {
    padding-left: 0;
  }

  .sm\:lil-pt-1 {
    padding-top: 0.25rem;
  }

  .sm\:lil-pr-1 {
    padding-right: 0.25rem;
  }

  .sm\:lil-pb-1 {
    padding-bottom: 0.25rem;
  }

  .sm\:lil-pl-1 {
    padding-left: 0.25rem;
  }

  .sm\:lil-pt-2 {
    padding-top: 0.5rem;
  }

  .sm\:lil-pr-2 {
    padding-right: 0.5rem;
  }

  .sm\:lil-pb-2 {
    padding-bottom: 0.5rem;
  }

  .sm\:lil-pl-2 {
    padding-left: 0.5rem;
  }

  .sm\:lil-pt-3 {
    padding-top: 0.75rem;
  }

  .sm\:lil-pr-3 {
    padding-right: 0.75rem;
  }

  .sm\:lil-pl-3 {
    padding-left: 0.75rem;
  }

  .sm\:lil-pt-4 {
    padding-top: 1rem;
  }

  .sm\:lil-pb-4 {
    padding-bottom: 1rem;
  }

  .sm\:lil-pl-4 {
    padding-left: 1rem;
  }

  .sm\:lil-pt-5 {
    padding-top: 1.25rem;
  }

  .sm\:lil-pt-6 {
    padding-top: 1.5rem;
  }

  .sm\:lil-pb-6 {
    padding-bottom: 1.5rem;
  }

  .sm\:lil-pt-8 {
    padding-top: 2rem;
  }

  .sm\:lil-pr-8 {
    padding-right: 2rem;
  }

  .sm\:lil-pt-10 {
    padding-top: 2.5rem;
  }

  .sm\:lil-pb-10 {
    padding-bottom: 2.5rem;
  }

  .sm\:lil-pt-12 {
    padding-top: 3rem;
  }

  .sm\:lil-pb-12 {
    padding-bottom: 3rem;
  }

  .sm\:lil-pt-16 {
    padding-top: 4rem;
  }

  .sm\:lil-pt-20 {
    padding-top: 5rem;
  }

  .sm\:lil-pb-20 {
    padding-bottom: 5rem;
  }

  .sm\:lil-pt-24 {
    padding-top: 6rem;
  }

  .sm\:lil-pt-32 {
    padding-top: 8rem;
  }

  .sm\:lil-pb-32 {
    padding-bottom: 8rem;
  }

  .sm\:lil-static {
    position: static;
  }

  .sm\:lil-relative {
    position: relative;
  }

  .sm\:lil-sticky {
    position: -webkit-sticky;
    position: sticky;
  }

  .sm\:lil-right-0 {
    right: 0;
  }

  .sm\:lil-shadow-md {
    box-shadow: 0 13px 22px rgba(70, 74, 85, 0.08);
  }

  .sm\:lil-shadow-lg {
    box-shadow: 0 0 34px rgba(70, 74, 85, 0.1);
  }

  .sm\:lil-text-left {
    text-align: left;
  }

  .sm\:lil-text-center {
    text-align: center;
  }

  .sm\:lil-visible {
    visibility: visible;
  }

  .sm\:lil-whitespace-no-wrap {
    white-space: nowrap;
  }

  .sm\:lil-w-32 {
    width: 8rem;
  }

  .sm\:lil-w-1\/2 {
    width: 50%;
  }

  .sm\:lil-w-1\/3 {
    width: 33.333333%;
  }

  .sm\:lil-w-1\/4 {
    width: 25%;
  }

  .sm\:lil-w-3\/4 {
    width: 75%;
  }

  .sm\:lil-w-1\/5 {
    width: 20%;
  }

  .sm\:lil-w-3\/5 {
    width: 60%;
  }

  .sm\:lil-w-4\/5 {
    width: 80%;
  }

  .sm\:lil-w-1\/6 {
    width: 16.666667%;
  }

  .sm\:lil-w-5\/6 {
    width: 83.333333%;
  }

  .sm\:lil-w-6\/12 {
    width: 50%;
  }

  .sm\:lil-w-11\/12 {
    width: 91.666667%;
  }

  .sm\:lil-w-full {
    width: 100%;
  }

  .sm\:lil-translate-x-0 {
    --transform-translate-x: 0;
  }
}
@media (min-width: 1280px) {
  .xl\:lil-hidden {
    display: none;
  }

  .xl\:lil-items-center {
    align-items: center;
  }

  .xl\:lil-justify-between {
    justify-content: space-between;
  }

  .xl\:lil-h-20 {
    height: 5rem;
  }

  .xl\:lil-h-24 {
    height: 6rem;
  }

  .xl\:lil-h-auto {
    height: auto;
  }

  .xl\:lil-h-full {
    height: 100%;
  }

  .xl\:lil-h-screen {
    height: 100vh;
  }

  .xl\:lil-text-s-40 {
    font-size: 40px;
  }

  .xl\:lil-text-s-56 {
    font-size: 56px;
  }

  .xl\:lil-my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .xl\:lil-my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .xl\:lil-my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .xl\:lil-mt-0 {
    margin-top: 0;
  }

  .xl\:lil-mt-5 {
    margin-top: 1.25rem;
  }

  .xl\:lil-mr-6 {
    margin-right: 1.5rem;
  }

  .xl\:lil-ml-8 {
    margin-left: 2rem;
  }

  .xl\:lil-mr-12 {
    margin-right: 3rem;
  }

  .xl\:lil-mt-16 {
    margin-top: 4rem;
  }

  .xl\:lil-mb-20 {
    margin-bottom: 5rem;
  }

  .xl\:lil-px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xl\:lil-py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .xl\:lil-pt-24 {
    padding-top: 6rem;
  }

  .xl\:lil-w-1\/2 {
    width: 50%;
  }

  .xl\:lil-w-1\/3 {
    width: 33.333333%;
  }

  .xl\:lil-w-2\/3 {
    width: 66.666667%;
  }

  .xl\:lil-w-4\/6 {
    width: 66.666667%;
  }

  .xl\:lil-w-5\/6 {
    width: 83.333333%;
  }

  .xl\:lil-w-1\/12 {
    width: 8.333333%;
  }

  .xl\:lil-w-7\/12 {
    width: 58.333333%;
  }

  .xl\:lil-w-9\/12 {
    width: 75%;
  }

  .xl\:lil-w-full {
    width: 100%;
  }
}

.hover-scale:hover {
  transition: 0.5s;
  transform: scale(1.1);
}
.hover-scale-sm:hover {
  transition: 0.5s;
  transform: scale(1.01);
}

.lil-border-blue-350 {
  --border-opacity: 1;
  border-color: #1678fb;
  border-color: rgba(22, 120, 251, var(--border-opacity));
}

.lil-border-green-350 {
  --border-opacity: 1;
  border-color: #16cc65;
  border-color: rgba(22, 204, 101, var(--border-opacity));
}

.lil-border-grey-100 {
  --border-opacity: 1;
  border-color: #fafafa;
  border-color: rgba(250, 250, 250, var(--border-opacity));
}

.lil-border-grey-200 {
  --border-opacity: 1;
  border-color: #fafbff;
  border-color: rgba(250, 251, 255, var(--border-opacity));
}

.lil-border-grey-250 {
  --border-opacity: 1;
  border-color: #eeeeee;
  border-color: rgba(238, 238, 238, var(--border-opacity));
}

.lil-border-grey-300 {
  --border-opacity: 1;
  border-color: #e0e0e0;
  border-color: rgba(224, 224, 224, var(--border-opacity));
}

.lil-border-grey-350 {
  --border-opacity: 1;
  border-color: #d6d6d6;
  border-color: rgba(214, 214, 214, var(--border-opacity));
}

.lil-border-grey-400 {
  --border-opacity: 1;
  border-color: #cfd4dd;
  border-color: rgba(207, 212, 221, var(--border-opacity));
}

.lil-border-grey-500 {
  --border-opacity: 1;
  border-color: #8b8f99;
  border-color: rgba(139, 143, 153, var(--border-opacity));
}

.lil-border-white {
  --border-opacity: 1;
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.hover\:lil-border-blue-350:hover {
  --border-opacity: 1;
  border-color: #1678fb;
  border-color: rgba(22, 120, 251, var(--border-opacity));
}
.lil-shadow-sm {
  box-shadow: 0 8px 13px rgba(70, 74, 85, 0.08);
}

.lil-shadow-md {
  box-shadow: 0 13px 22px rgba(70, 74, 85, 0.08);
}

.lil-shadow-lg {
  box-shadow: 0 0 34px rgba(70, 74, 85, 0.1);
}

.lil-shadow-xl {
  box-shadow: 0px 30px 60px 0px rgba(164, 172, 179, 0.2);
}

.lil--shadow-md {
  box-shadow: 0 -13px 22px rgba(70, 74, 85, 0.08);
}

.lil-shadow-none {
  box-shadow: none;
}

.hover\:lil-shadow-xl:hover {
  box-shadow: 0px 30px 60px 0px rgba(164, 172, 179, 0.2);
}
.dbox .icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
}

.btn-pad-big {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.contact-1 .info-wrap {
  margin-top: -20px;
  margin-bottom: -20px;
  border-radius: 5px;
}
.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}
.contact-1 .contact-wrap {
  background: #fff;
}
.contact-1 .info-wrap .dbox .icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
}
.contact-1 .wrapper {
  width: 100%;
  -webkit-box-shadow: 0 21px 41px -13px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 21px 41px -13px rgba(0, 0, 0, 0.18);
  box-shadow: 0 21px 41px -13px rgb(0 123 255 / 32%);
}
.contact-1 .form-control {
  padding: 10px;
}
.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.contact-2 .info-wrap {
  margin-top: 0px;
  margin-bottom: 0px;
}
.contact-2 .contact-wrap {
  background: #fff;
}
.contact-2 .info-wrap .dbox .icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgb(130 120 120 / 10%);
}
.contact-2 .wrapper {
  width: 100%;
  -webkit-box-shadow: 0 21px 41px -13px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 21px 41px -13px rgba(0, 0, 0, 0.18);
  box-shadow: 0 21px 41px -13px rgb(0 123 255 / 32%);
}

.contact-2 .form-control {
  border-radius: 0 !important;
  padding: 10px;
}
.contact-2 button {
  border-radius: 0 !important;
}

.contact-3 .info-wrap {
  margin-top: -20px;
  margin-bottom: -20px;
}
.contact-3 .contact-wrap {
  background: #fff;
}
.contact-3 .info-wrap .dbox .icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgb(130 120 120 / 10%);
}
.contact-3 .wrapper {
  width: 100%;
  -webkit-box-shadow: 0 21px 41px -13px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 21px 41px -13px rgba(0, 0, 0, 0.18);
  box-shadow: 0 21px 41px -13px rgb(0 123 255 / 32%);
}

.contact-3 .form-control {
  border-radius: 0 !important;
  padding: 10px;
}
.contact-3 button {
  border-radius: 0 !important;
}

.contact-4 h2 {
  font-size: 3.5rem;
  font-weight: 700;
}
.contact-4 h3 {
  font-size: 2rem;
  font-weight: 700;
}
.contact-4 .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
}
.contact-4 .form-control {
  height: 55px;
}

.contact-4 .form-control {
  border: none !important;
  border-bottom: 1px solid #d9d9d9 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-radius: 0 !important;
}
.contact-4 button {
  border-radius: 0 !important;
}

.map iframe {
  min-height: 450px;
  border: 0;
}
.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.contact-5 h2 {
  font-size: 3.5rem;
  font-weight: 700;
}

.contact-5 .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
}
.contact-5 button input {
  overflow: visible;
}
.contact-5 .form-control {
  height: 55px;
}
.contact-5 button {
  border-radius: 0 !important;
}
.contact-5 .form-control {
  border: none !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 0 !important;
}
.contact-5 .form-control:active,
.form-control:focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-color: #000 !important;
}

.mlr-0 {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.noHover {
  pointer-events: none;
}