@import url("https://fonts.googleapis.com/css2?family=Lusitana:wght@400;700&display=swap");
.banner-outer, .subscribe-mail-outer, header .logo-outer {
  display: flex;
  align-items: center;
}

.section-margin {
  margin-top: 30px;
}

a:focus {
  outline: 1px dotted #9e1a10;
}

* {
  outline: 0;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.data-list {
  overflow-y: hidden;
}

.scroll-design::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
}

.scroll-design::-webkit-scrollbar-thumb {
  background-color: #9e1a10;
  border-radius: 5px;
  border: 0px solid #272727;
}

.scroll-design::-webkit-scrollbar-track {
  background-color: #fff;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
}

::-moz-selection {
  /* Code for Firefox */
  color: #fff;
  background: #9e1a10;
}

::selection {
  color: #fff;
  background: #9e1a10;
}

.container {
  max-width: 1440px;
}

.width-100 {
  width: 100%;
}

a,
a:hover {
  text-decoration: none;
}

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

.clear-both,
.clear,
.clearfix {
  clear: both;
}

/* body {
  margin: 0px;
  padding: 0px;
  font-family: "Lusitana", serif;
  font-size: 16px;
} */

p {
  color: #5e5e5e;
  margin: 0 0 15px 0;
  line-height: 26px;
  text-align: justify;
}

h1,
h2,
h3,
h4,
h5 {
  display: block;
  font-weight: 700;
  text-transform: none;
}

video,
img {
  max-width: 100%;
}

::-webkit-input-placeholder {
  /* Chrome */
  color: #4f4c4d;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #4f4c4d;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #4f4c4d;
  opacity: 1;
}

:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: #4f4c4d;
  opacity: 1;
}

header {
  padding: 32px 0;
}
header .logo-outer {
  width: 100%;
  justify-content: center;
}

.welcome-main-outer {
  padding: 40px 0;
}
.welcome-main-outer .welcome-heading {
  text-align: center;
  font-size: 36px;
  letter-spacing: 0.214em;
  font-weight: 700;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.welcome-main-outer p {
  font-size: 18px;
  line-height: 32px;
  color: #5e5e5e;
  text-align: center;
  max-width: 805px;
  margin: 0 auto;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.welcome-main-outer a {
  margin: 0 auto;
}

.de-btn {
  display: inline-block;
  border: 2px solid #9e1a10;
  color: #9e1a10;
  letter-spacing: 0.214em;
  padding: 8px 32px;
  line-height: 38px;
  font-weight: 700;
  text-transform: uppercase;
  background: #fff;
}
.de-btn:hover {
  background-color: #9e1a10;
  color: #fff;
}

hr.new-hr {
  border: 6px solid #fdfbfa;
  margin: 40px 0 48px 0;
}

.small-container {
  max-width: 1280px;
}

.three-box-outer {
  max-width: 427px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 48px;
}
.three-box-outer .three-box-heading {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.214em;
  text-transform: uppercase;
  margin: 24px 0;
}
.three-box-outer p {
  font-size: 18px;
  color: #5e5e5e;
  text-align: center;
  line-height: 32px;
}

.blog-main-heading {
  font-size: 48px;
  color: #9e1a10;
  font-family: "Lato", arial, sans-serif;
  text-align: center;
  margin-bottom: 40px;
}

.post-soon-outer {
  background: rgb(255, 248, 248);
  text-align: center;
  padding: 16px 24px;
  font-size: 18px;
  color: #5e5e5e;
  max-width: 806px;
  margin: 0 auto;
  margin-bottom: 40px;
}

.subscribe-mail-outer {
  align-items: flex-end;
  justify-content: center;
}
.subscribe-mail-outer .subscribe-heading {
  font-size: 36px;
  color: #9e1a10;
  margin-right: 24px;
}
.subscribe-mail-outer .form-group.floating {
  width: 100%;
  margin: 0;
  height: 64px;
}
.subscribe-mail-outer .form-group.floating .form-control {
  border: 0;
  border-bottom: 1px solid rgb(226, 226, 226);
  height: 60px;
}
.subscribe-mail-outer .form-group.floating .form-group.floating > label {
  bottom: 43px;
}
.subscribe-mail-outer .form-group.floating .form-control.floating:valid ~ label {
  transform-origin: bottom left;
  transform: translate(1px, -125%) scale(0.8);
  opacity: 1;
}
.subscribe-mail-outer button.de-btn {
  flex: 0 0 159px;
  max-width: 159px;
  margin-left: 24px;
}

.form-group.floating > label {
  bottom: 34px;
  left: 8px;
  position: relative;
  background-color: white;
  padding: 0px 5px 0px 5px;
  font-size: 1.1em;
  transition: 0.1s;
  pointer-events: none;
  font-weight: 500 !important;
  transform-origin: bottom left;
}

.form-control.floating:focus ~ label {
  transform: translate(1px, -85%) scale(0.8);
  opacity: 0.8;
  color: #005ebf;
}

.form-control.floating:valid ~ label {
  transform-origin: bottom left;
  transform: translate(1px, -85%) scale(0.8);
  opacity: 0.8;
}

.banner-outer {
  background: #9e1a10;
  padding: 30px;
  min-height: 480px;
  position: relative;
  overflow: hidden;
  margin-top: 56px;
}
.banner-outer:before {
  content: "Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design Art and Design ";
  position: absolute;
  height: 100%;
  width: calc(100% + 200px);
  top: -200px;
  left: -200px;
  font-size: 50px;
  color: rgb(198, 198, 198);
  opacity: 0.06;
  transform: rotate(-15deg);
  font-size: 140px;
  z-index: 0;
}
.banner-outer .row {
  position: relative;
  z-index: 1;
  width: 100%;
}
.banner-outer h1 {
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.214em;
}
.banner-outer h1 span {
  font-size: 36px;
  display: block;
  margin: 24px 0;
  letter-spacing: 0;
}
.banner-outer h1 a {
  background: #9e1a10;
  color: #fff;
  border-color: #fff;
}
.banner-outer h1 a:hover {
  background-color: #fff;
  color: #9e1a10;
}

.banner-img-outer {
  text-align: right;
}
.banner-img-outer img {
  border: 20px solid #fff;
  margin: -420px 0 42px 0;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

footer {
  /* margin: 40px 0 20px 0; */
}
footer p {
  font-size: 16px;
  color: #5e5e5e;
}
footer p a {
  color: #9e1a10;
}

@media screen and (max-width: 1200px) {
  .container {
    padding: 0 42px;
  }
}
@media screen and (max-width: 992px) {
  .banner-outer {
    min-height: 1px;
    text-align: center;
    margin-top: 20px;
  }
  .banner-img-outer img {
    margin: 30px 0;
  }
  .banner-outer .row {
    margin: 0;
  }
  footer {
    margin: 40px 0 20px 0;
  }
  footer p, footer .text-right {
    text-align: center !important;
  }
}
@media screen and (max-width: 768px) {
  body {
    font-size: 15px;
  }
  .subscribe-mail-outer {
    display: block;
    text-align: center;
  }
  .subscribe-mail-outer button.de-btn {
    margin: 15px 0 0 0;
  }
}
@media screen and (max-width: 640px) {
  .de-btn {
    padding: 8px 20px;
    line-height: 28px;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 480px) {
  .banner-outer h1 {
    font-size: 16px;
    letter-spacing: 2px;
  }
  .welcome-main-outer .welcome-heading, .subscribe-mail-outer .subscribe-heading, .blog-main-heading, .banner-outer h1 span {
    font-size: 30px;
  }
  .welcome-main-outer {
    padding: 20px 0;
  }
  .welcome-main-outer p, .welcome-main-outer .welcome-heading {
    padding-bottom: 12px;
    margin-bottom: 0;
  }
  .post-soon-outer, .blog-main-heading {
    margin-bottom: 15px;
  }
  hr.new-hr {
    margin: 15px 0;
  }
  .three-box-outer .three-box-heading {
    margin: 24px 0 5px 0;
  }
}/*# sourceMappingURL=style.css.map */