/*
Theme Name: newat-tekbeer
Theme URI: https://dhakaict.com/themes/
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.
*/

@import url("https://fonts.googleapis.com/css2?family=Anek+Bangla:wght@100..800&display=swap");
.anekbangla {
  font-family: "Anek Bangla", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}
@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: #1a1208;
  --bg-maincolor: #fffefd;
  --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: "Anek Bangla", sans-serif !important;
  background: var(--bg-maincolor) !important;
  color: var(--primary-color) !important;
}

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

.aboutus {
  padding: 80px 0px;
}
/* Banner */

.luxury {
  background: linear-gradient(180deg, #f4f0ed, #5ba424, #4e9113);
  padding: 80px 0px;
}
.usa {
  background-color: #f7f2f2;
  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: #f4e9e9;
  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;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.contectfrom:hover {
  color: #333030;
  transform: translateY(-5px);
}
/* Button */
/* Contact */
.homeContact {
  padding: 80px 0px;
  background: radial-gradient(circle at top, #e9e4df 0%, #e5dfd9 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: #0d0a07;
  text-transform: capitalize;
  border-color: #0e0b0b59;
}
.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, #cccbc9, #e6c27a);
  border-width: 1px;
  border-color: #0e0b0b59;
  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 */

.footer-section {
  padding: 80px 0px;
}
.boro {
  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: #549a1b;
}
.copyrightdiv p {
  margin: 0;
  text-align: center;
  padding: 15px 0px 10px 0px;
}
/* Footer */

ul#menu-headermenu {
  list-style: none;
  margin: 0px;
  padding: 0;
  display: flex;
  justify-content: end;
}
ul#menu-headermenu li {
  margin-left: 30px;
}
ul#menu-headermenu li a {
  text-decoration: none;
  color: var(--primary-color);
  font-size: 16px;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
  display: block;
  font-weight: 600;
}

ul#menu-headermenu li a:hover {
  transform: translateY(-1px);
  display: block;
}
.offcanvas-body,
.offcanvas.offcanvas-start.show {
  background: linear-gradient(145deg, #15100a, #0b0704);
}

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

ul#menu-headermenu-1 li {
  margin: 10px 0px;
}
ul#menu-headermenu-1 li a {
  text-decoration: none;
  color: #d1cbcb;
  font-size: 16px;
  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-headermenu-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, #568a0d 0%, #1dc93a 60%);
}
.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;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
  display: block;
  border-bottom: 1px solid #fff;
  width: 100% !important;
}

.newsletter h2 {
  background: radial-gradient(circle at top, #f5f4f3 0%, #f1efed 60%);
  font-size: 20px;
  text-align: center;
  margin: 0px;
  padding: 16px 0px 10px 0px;
}
/* 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;
  }
}

@media (max-width: 768px) {
  ul#menu-headermenu li a {
    font-size: 14px;
  }
}