/*
Theme Name: nvsite
Theme URI: https://dhakaict.com/themes/blc/
Author: the Dhaka ICT team
Author URI: https://dhakaict.com/
Description: Ensuring a high, accessible color contrast for your visitors.
Tags: blog
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sarkarpervez
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.montserrat {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "EB Garamond";
  src:
    url("fonts/EBGaramond-Regular.woff2") format("woff2"),
    url("fonts/EBGaramond-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Georgia";
  src:
    url("fonts/Georgia.woff2") format("woff2"),
    url("fonts/Georgia.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Kugile";
  src:
    url("fonts/Kugile.woff2") format("woff2"),
    url("fonts/Kugile.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --primary-color: #d1b16a;
  --background-gradient: linear-gradient(135deg, #0b0704, #1a1208, #0d0a07);
  --section-gradient: radial-gradient(circle at top, #2a1b0c 0%, #0d0a07 60%);
  --card-gradient: linear-gradient(145deg, #15100a, #0b0704);
  --button-gradient: linear-gradient(135deg, #c7a45a, #e6c27a);
  --button-hover-gradient: linear-gradient(135deg, #e6c27a, #ffd98e);
  --title-font: "Kugile";
}
body {
  font-family: "Montserrat", sans-serif;
  background: var(--background-gradient) !important;
  color: var(--primary-color) !important;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background-color: var(--card-gradient);
  opacity: 0.03;
  pointer-events: none;
}
h1,
h2,
h3,
h4 {
  font-family: var(--title-font);
}

/* Banner */
.banner {
  background:
    linear-gradient(rgb(26 18 18 / 66%), rgb(12 8 8 / 64%)),
    url(img/banner-2wo.jpeg) center / cover no-repeat;
  height: 100vh;
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  background-attachment: scroll;
}

.aboutus {
  background:
    linear-gradient(rgba(12, 3, 3, 0.9), rgba(12, 3, 3, 0.9)),
    url(img/luxurious.png) center / contain round;
  height: 100vh;
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  background-attachment: scroll;
}
/* Banner */

.luxury {
  background: linear-gradient(180deg, #301d0e, #1a1208, #915213);
  padding: 80px 0px;
}
.usa {
  background-color: #1a1a1a;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 4px 12px #0000004d;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}
.usa:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px #00000026;
}

.blogs {
  background-color: #191919;
  padding: 80px 0px;
}

.bolgposts {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 5px 15px #0000001a;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}
.bolgposts:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px #00000026;
}
/* Button */
.contectfrom {
  color: var(--primary-color);
  font-family: var(--title-font);
  font-size: 14px;
  /*   box-shadow: 0 5px 15px #0000001a; */
  transition: transform 0.3s ease;
  display: block;
  padding-top: 30px;
}

.contectfrom:hover {
  color: #ffffff;
  transform: translateY(-5px);
  /*   box-shadow: 0 10px 25px #00000026; */
}
/* Button */
/* Contact */
.homeContact {
  padding: 80px 0px;
  background: radial-gradient(circle at top, #2a1b0c 0%, #0d0a07 60%);
  position: relative;
}
#frm_field_6_container {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}
form#form_contact-form input,
form#form_contact-form textarea {
  background: transparent;
  border-radius: 0;
  padding: 10px 20px;
  color: #ffffff;
  text-transform: capitalize;
}
.frm_style_formidable-style.with_frm_style .frm_submit button {
  width: auto;
  font-size: 14px;
  height: auto;
  line-height: normal;
  text-align: center;
  background: linear-gradient(135deg, #c7a45a, #e6c27a);
  border-width: 1px;
  border-color: transparent;
  border-style: solid;
  color: #0d0a07;
  cursor: pointer;
  font-weight: normal;
  border-radius: 0;
  text-shadow: none;
  padding: 10px 0px;
  box-sizing: border-box;
  box-shadow: none;
  margin: 0px;
  display: block;
  width: 50%;
}

.frm_style_formidable-style.with_frm_style .frm_submit button:hover {
  background: linear-gradient(135deg, #e6c27a, #ffd98e);
}
.with_frm_style .frm_checkbox label input[type="checkbox"] {
  padding: 0px !important;
}
.with_frm_style .frm_radio label,
.with_frm_style .frm_checkbox label {
  color: #d1ad64;
}
/* Contact */
/* Footer */
.bgclassfoot {
  background: linear-gradient(132deg, #0a0703de 0%, #0e0e08 45%, #100d0a 100%);
  font-family: var(--title-font);
}
.footer-section {
  padding: 80px 0px;
}
.boro {
  font-family: var(--title-font);
  font-weight: 600;
}
.footlinks ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.footlinks ul li {
  margin: 10px 0px;
}
.footlinks ul li a {
  margin: 3px 0px;
  display: block;
  text-decoration: none;
  color: inherit;
  font-size: 18px;
}
.copyrightdiv {
  background-color: #000000;
}
.copyrightdiv p {
  margin: 0;
  text-align: center;
  padding: 15px 0px 10px 0px;
}
/* Footer */

ul#menu-mainmenu {
  list-style: none;
  margin: 0px;
  padding: 0;
  display: flex;
  justify-content: end;
}
ul#menu-mainmenu li {
  margin-left: 30px;
}
ul#menu-mainmenu li a {
  text-decoration: none;
  color: var(--primary-color);
  font-size: 16px;
  font-family: var(--title-font);
  box-shadow: 0 5px 15px #0000001a;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
  display: block;
  border-bottom: 1px solid var(--primary-color);
}

ul#menu-mainmenu li a:hover {
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 10px 25px #00000026;
  display: block;
  border-bottom: 1px solid #ffffff;
}
.offcanvas-body,
.offcanvas.offcanvas-start.show {
  background: linear-gradient(145deg, #15100a, #0b0704);
}

ul#menu-mainmenu-1 {
  list-style: none;
  margin: 0px;
  padding: 0;
  display: grid;
  justify-content: center;
  text-align: center;
}

ul#menu-mainmenu-1 li {
  margin: 10px 0px;
}
ul#menu-mainmenu-1 li a {
  text-decoration: none;
  color: var(--primary-color);
  font-size: 16px;
  font-family: var(--title-font);
  box-shadow: 0 5px 15px #0000001a;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
  display: block;
  border-bottom: 1px solid #fff;
  width: 100% !important;
}

ul#menu-mainmenu-1 li a:hover {
  color: #ffffff;
  transform: translateY(-5px);
  box-shadow: 0 10px 25px #00000026;
}

/* Inner Page Css */
.inner_page_header {
  background: radial-gradient(circle at top, #2a1b0c 0%, #0d0a07 60%);
  border: 3px solid #0d0a07;
}
.newsletter ul {
  list-style: none;
  margin: 0px;
  padding: 0;
  display: grid;
  justify-content: center;
  text-align: center;
}
.newsletter ul li {
  margin: 10px 0px;
}
.newsletter ul li a {
  text-decoration: none;
  color: var(--primary-color);
  font-size: 16px;
  font-family: var(--title-font);
  box-shadow: 0 5px 15px #0000001a;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
  display: block;
  border-bottom: 1px solid #fff;
  width: 100% !important;
}

.newsletter ul li a:hover {
  color: #ffffff;
  transform: translateY(-5px);
  box-shadow: 0 10px 25px #00000026;
}

.newsletter h2 {
  background: radial-gradient(circle at top, #2a1b0c 0%, #0d0a07 60%);
  border: 3px solid #0d0a07;
  font-size: 20px;
  text-align: center;
  margin: 0px;
  padding: 16px 0px 10px 0px;
}
.inner-page-content .PageContent a {
  color: inherit;
  font-weight: 600;
  font-family: inherit;
  text-decoration: none;
}
/* Inner Page Css */
@media (max-width: 575.98px) {
  .footlinks {
    border-bottom: 1px solid #dcb47347;
    margin-bottom: 10px;
    padding: 30px 10px 20px 10px;
    box-shadow: -3px 1px 8px 4px #caab5726;
  }
  .banner,
  .aboutus {
    height: auto;
  }
  .luxury,
  .blogs,
  .homeContact,
  .footer-section,
  .banner,
  .aboutus {
    padding: 40px 0px;
  }
  .inner-page-content figure {
    height: auto;
    overflow: hidden;
  }
}

@media (max-width: 768px) {
  ul#menu-mainmenu li a {
    font-size: 14px;
  }
  .inner-page-content figure {
    height: auto;
    overflow: hidden;
  }
}
/* .inner-page-content figure {
  height: 40%;
  overflow: hidden;
  width: 100%;
} */