/* playfair-display-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/playfair-display-v36-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/playfair-display-v36-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v36-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/playfair-display-v36-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/playfair-display-v36-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/playfair-display-v36-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

.navbar {
  background: #323142;
  font-family: 'Playfair Display';
}

html {
  scroll-behavior: smooth;
}

body {
  color: #6B6F92;
  overflow-x: hidden;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a:focus,
input:focus,
textarea:focus,
button:focus,
.btn:focus,
.btn.focus,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

a:hover {
  color: #F5B458;
}

button,
a {
  transition: all 0.3s ease-out 0s;
}

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

i,
span,
a {
  display: inline-block;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  margin: 0px;
  color: #323142;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

h1 {
  font-size: 45px;
}

@media (max-width: 767px) {
  h1 {
    font-size: 36px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  h1 {
    font-size: 40px;
  }
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 25px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

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

p {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  margin: 0px;
}

.img-bg {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.error {
  color: orangered;
}

.success {
  color: #fff;
}

/*===== All Button Style =====*/
.main-btn {
  display: inline-block;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  padding: 18px 35px;
  font-size: 16px;
  border-radius: 50px;
  color: #fff;
  cursor: pointer;
  z-index: 5;
  transition: all .4s ease-in-out;
  border: none;
  background: #323142;
  overflow: hidden;
}

.main-btn:hover {
  color: #fff;
}

.border-btn {
  border: 2px solid #F5B458;
  color: #F5B458;
  background: transparent;
}

.border-btn:hover {
  color: #F5B458;
}

.border-btn.btn-hover::after {
  background: rgba(245, 180, 88, 0.25);
}

.btn-hover {
  position: relative;
  overflow: hidden;
}

.btn-hover::after {
  content: '';
  position: absolute;
  width: 0%;
  height: 0%;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.05);
  top: 50%;
  left: 50%;
  padding: 50%;
  z-index: -1;
  transition: all 0.3s ease-out 0s;
  transform: translate3d(-50%, -50%, 0) scale(0);
}

.btn-hover:hover::after {
  transform: translate3d(-50%, -50%, 0) scale(1.3);
}

.scroll-top {
  width: 45px;
  height: 45px;
  background: #f5d291;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #fff;
  border-radius: 5px;
  position: fixed;
  bottom: 120px;
  right: 2rem;
  z-index: 9999;
  cursor: pointer;
  transition: all 0.3s ease-out 0s;
}

.scroll-top:hover {
  color: #fff;
  background: rgba(245, 180, 88, 0.8);
}

@keyframes animation1 {
  0% {
    transform: translateY(30px);
  }
  50% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(30px);
  }
}

.pt-120 {
  padding-top: 120px;
}


.footer {
  font-family: 'Poppins';
  background: #323142;
  padding-top: 100px;
}

.footer .widget-wrapper .footer-widget {
  margin-bottom: 45px;
}

.footer .widget-wrapper .footer-widget .logo {
  margin-bottom: 35px;
}

.footer .widget-wrapper .footer-widget .logo a {
  display: inline-block;
}

.footer .widget-wrapper .footer-widget p.desc {
  font-size: 16px;
  line-height: 27px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 45px;
  padding-right: 60px;
}

.footer .widget-wrapper .footer-widget .socials {
  display: flex;
  align-items: center;
}

.footer .widget-wrapper .footer-widget .socials li a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15%;
  width: 32px;
  height: 32px;
  border: 1px solid #ebe8e8;
  background: #FFFFFFCC;
  border-color: #FFFFFFCC;
  margin-right: 20px;
}

.footer .widget-wrapper .footer-widget .socials li a:hover {
  color: #fff;
  background: #e2c185;
  border-color: #e2c185;
}

.footer .widget-wrapper .footer-widget h3 {
  margin-bottom: 35px;
  color: #fff;
  margin-top: 10px;
}

.footer .widget-wrapper .footer-widget .links li a {
  font-size: 16px;
  line-height: 35px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 3px;
}

.footer .widget-wrapper .footer-widget .links li a:hover {
  color: #e2c185;
}

.footer .widget-wrapper .footer-widget .info li {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 20px;
}

.footer .copy-right {
  padding: 30px 0;
  border-top: 2px solid rgba(107, 111, 146, 0.44);
}

.footer .copy-right p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-style: italic;
}

.footer .copy-right p a {
  color: rgba(255, 255, 255, 0.8);
}

.footer .copy-right p a:hover {
  color: #F5B458;
}

.logo-color {
  color: #e2c185;
}