/************ TABLE OF CONTENTS ***************

  01. VARIABLES CSS START
  02. TYPOGRAPHY CSS START
  03. ANIMATION CSS START
  04. SPACE CSS START
  05. PRELOADER CSS START
  06. SCROLL CSS START
  07. BUTTON CSS START
  08. MENU CSS START
  09. HEADER CSS START
  10. OFFCANVAS CSS START
  11. BLOG CSS START
  12. WIDGETS CSS START
  13. FOOTER CSS START
**********************************************/
/*----------------------------------------*/
/*  01. VARIABLES CSS START
/*----------------------------------------*/
:root {
  scroll-behavior: auto;
  --primary: #ffcd4c;
  --secondary: #2c2c2c;
  --black: #000;
  --black-2: #1C1D20;
  --black-3: #212125;
  --black-4: #262629;
  --black-5: #27272B;
  --black-6: #333337;
  --black-7: #27292D;
  --black-8: #222227;
  --black-9: #999999;
  --black-10: #272422;
  --black-11: #1D1917;
  --black-12: #343231;
  --black-13: #3C3636;
  --black-14: #39393D;
  --black-15: #141415;
  --white: #fff;
  --white-2: #F9F9F9;
  --white-3: #F3F3F3;
  --white-4: #EFEFEF;
  --white-5: #C1C1C1;
  --white-6: #C9C6DE;
  --white-7: #CDCDCD;
  --white-8: #C7C7D7;
  --white-9: #F5F5F5;
  --white-10: #F0EDEB;
  --white-11: #F0ECE9;
  --white-12: #DDD2CC;
  --white-13: #F6EEEA;
  --white-14: #F4F0ED;
  --white-15: #F3F0E4;
  --white-16: #F2F0E5;
  --white-17: #F8F8FC;
  --white-18: #F6F3F0;
  --gray: #666666;
  --gray-2: #D9D9D9;
  --gray-3: #636376;
  --gray-4: #999999;
  --gray-5: #232327;
  --gray-6: #44454A;
  --gray-7: #63637B;
  --gray-8: #3B3B3F;
  --gray-9: #3F3A36;
  --gray-10: #555555;
  --gray-11: #89827A;
  --gray-12: #756F68;
  --gray-13: #E9E9E9;
  --gray-14: #3F4044;
  --orange: #FD8F77;
  --orange-deep: #EF6C22;
  --orange-light: #BAB0AA;
  --orange-2: #F56C1F;
  --orange-3: #F3A072;
  --blue-light: #52526C;
  --blue-2: #3D3F60;
  --blue-3: #6A6BBF;
  --blue-4: #494B6C;
  --blue-5: #BBBCD2;
  --blue-6: #3F4061;
  --blue-7: #433E5F;
  --blue-8: #393B5A;
  --blue-9: #58597D;
  --yellow: #F4D8BB;
  --yellow-light: #E8E0DB;
  --yellow-2: #C2B7A1;
  --yellow-3: #FFC700;
  --yellow-4: #F59B14;
  --yellow-5: #F2DCA1;
  --purple: #AF89FF;
  --purple-2: #D4BFFF;
  --purple-3: #8181CB;
  --pink: #F8D3D3;
  --pink-2: #FFA98D;
  --pink-3: #F4E5D3;
  --pink-4: #F2EDE1;
  --pink-5: #FFD6B0;
  --pink-6: #E7E2D1;
  --pink-7: #DAD6C6;
  --pink-8: #FDC1B4;
  --pink-9: #F4E6D5;
  --pink-10: #EEE5DC;
  --pink-11: #DCAF82;
  --green: #3C524C;
  --green-2: #668D7F;
  --green-3: #7BD1C4;
  --green-4: #B1E9B9;
  --green-5: #4D605A;
  --green-6: #3F524C;
  --green-7: #89D0C3;
}

/*----------------------------------------*/
/*  02. TYPOGRAPHY CSS START
/*----------------------------------------*/
:root {
  --font-primary: "oak_suns";
  --font-secondary: "hk", serif;
  --font-awesome: "Font Awesome 6 Free";
}

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-primary);
  font-size: 18px;
  line-height: 1.33;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  font-family: var(--font-secondary);
  line-height: 1;
}

ul,
ol {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  transition: all 0.3s;
  color: inherit;
}
a:hover {
  color: inherit;
}

button {
  border: 0;
  background-color: transparent;
}

video,
iframe,
img {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

.medium {
  font-weight: 600;
}

.bold {
  font-weight: 700;
}

.text-center {
  text-align: center;
}

/*----------------------------------------*/
/*  03. ANIMATION CSS START
/*----------------------------------------*/
@keyframes wcBubble {
  0% {
    scale: 1;
  }
  50% {
    scale: 1.5;
  }
  100% {
    scale: 1;
  }
}
@keyframes wcZoom {
  0% {
    scale: 1;
  }
  50% {
    scale: 0.5;
  }
  100% {
    scale: 1;
  }
}
@keyframes wcZoom_2 {
  0% {
    scale: 1;
  }
  50% {
    scale: 0.9;
  }
  100% {
    scale: 1;
  }
}
@keyframes wcSlideBottom {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(50px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes reveal {
  to {
    opacity: 1;
    filter: blur(0px);
  }
}
@keyframes wcfadeUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}
@keyframes characters {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes sheen {
  50% {
    transform: translateY(-20px);
    color: var(--primary);
  }
}
/*----------------------------------------*/
/*  04. SPACE CSS START
/*----------------------------------------*/
.pb-150 {
  padding-bottom: 150px;
}
@media only screen and (max-width: 1399px) {
  .pb-150 {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pb-150 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pb-150 {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-150 {
    padding-bottom: 60px;
  }
}

.pb-200 {
  padding-bottom: 200px;
}
@media only screen and (max-width: 1199px) {
  .pb-200 {
    padding-bottom: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .pb-200 {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-200 {
    padding-bottom: 100px;
  }
}

.pt-130 {
  padding-top: 130px;
}
@media only screen and (max-width: 1399px) {
  .pt-130 {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pt-130 {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pt-130 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-130 {
    padding-top: 60px;
  }
}

.pt-150 {
  padding-top: 150px;
}
@media only screen and (max-width: 1399px) {
  .pt-150 {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .pt-150 {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .pt-150 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-150 {
    padding-top: 60px;
  }
}

.pt-200 {
  padding-top: 200px;
}
@media only screen and (max-width: 1199px) {
  .pt-200 {
    padding-top: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .pt-200 {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-200 {
    padding-top: 100px;
  }
}

.pt-250 {
  padding-top: 250px;
}
@media only screen and (max-width: 1919px) {
  .pt-250 {
    padding-top: 200px;
  }
}
@media only screen and (max-width: 1199px) {
  .pt-250 {
    padding-top: 200px;
  }
}
@media only screen and (max-width: 1199px) {
  .pt-250 {
    padding-top: 190px;
  }
}
@media only screen and (max-width: 767px) {
  .pt-250 {
    padding-top: 160px;
  }
}

.plr-150 {
  padding-inline-start: 150px;
  padding-inline-end: 150px;
}
@media only screen and (max-width: 1919px) {
  .plr-150 {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .plr-150 {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}

.mb-40 {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .mb-40 {
    margin-bottom: 30px;
  }
}

.mb-50 {
  margin-bottom: 50px;
}
@media only screen and (max-width: 991px) {
  .mb-50 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-50 {
    margin-bottom: 30px;
  }
}

.zi-3 {
  z-index: 3;
}

/*----------------------------------------*/
/*  05. PRELOADER CSS START
/*----------------------------------------*/
.binox-preloader-active {
  overflow: hidden !important;
}
.binox-preloader-active header {
  overflow: hidden !important;
}

.container-preloader {
  align-items: center;
  cursor: none;
  display: flex;
  height: 100vh;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  z-index: 900;
}
.container-preloader .animation-preloader {
  position: relative;
  z-index: 100;
}
.container-preloader .animation-preloader .spinner {
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  height: 9em;
  width: 9em;
  border: 10px solid rgba(0, 0, 0, 0.2);
  border-top-color: var(--primary);
  margin: 0 auto 3.5em auto;
}
.container-preloader .animation-preloader .txt-loading {
  font: bold 5em "Montserrat", sans-serif;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media only screen and (max-width: 767px) {
  .container-preloader .animation-preloader .txt-loading {
    font-size: 60px;
  }
}
.container-preloader .animation-preloader .txt-loading .characters {
  color: rgba(0, 0, 0, 0.2);
  position: relative;
}
.container-preloader .animation-preloader .txt-loading .characters:before {
  color: var(--primary);
  content: attr(preloader-text);
  animation: characters 4s infinite;
  left: 0;
  top: 0;
  opacity: 0;
  position: absolute;
  transform: rotateY(-90deg);
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(2):before {
  animation-delay: 0.2s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(3):before {
  animation-delay: 0.4s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(4):before {
  animation-delay: 0.6s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(5):before {
  animation-delay: 0.8s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(6):before {
  animation-delay: 1s;
}
.container-preloader .loader-section {
  background-color: var(--white);
  height: 100%;
  position: fixed;
  top: 0;
  width: calc(50% + 1px);
}
.container-preloader .loader-section.section-left {
  left: 0;
}
.container-preloader .loader-section.section-right {
  right: 0;
}

.loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}
.loaded .loader-section.section-left {
  transform: translateX(-101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
}
.loaded .loader-section.section-right {
  transform: translateX(101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
}

/*----------------------------------------*/
/*  06. SCROLL CSS START
/*----------------------------------------*/
.scroll__down {
  display: flex;
  gap: 20px;
  align-items: center;
}
.scroll__down p {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.9;
  text-transform: uppercase;
  color: var(--white);
}
.scroll__down span {
  width: 66px;
  height: 106px;
  border: 1px solid var(--black-6);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 89px;
}
.scroll__down span i {
  color: var(--white);
}
.scroll__down-wrapper {
  height: 425px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1399px) {
  .scroll__down-wrapper {
    height: 380px;
  }
}
@media only screen and (max-width: 1199px) {
  .scroll__down-wrapper {
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .scroll__down-wrapper {
    height: auto;
    padding: 40px 0;
  }
}
.scroll-top {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 15px;
  bottom: 0px;
  z-index: 9999;
  background: var(--white);
  border-radius: 100px;
  mix-blend-mode: exclusion;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}
.scroll-top.showed {
  opacity: 1;
  visibility: visible;
  bottom: 20px;
}

.go-top-writer {
  width: 105px;
  font-size: 16px;
  cursor: pointer;
  text-align: left;
  color: var(--white);
  background-image: url(../imgs/writer/go-top.png);
  background-position: right center;
  background-repeat: no-repeat;
  right: 16%;
  visibility: hidden;
  opacity: 0;
  z-index: 9;
  transition: all 0.5s;
}
.go-top-writer.showed {
  opacity: 1;
  visibility: visible;
  bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .go-top-writer br {
    display: block;
  }
}
.paginacontainer {
  height: 3000px;
}

/* #Progress
================================================== */
.progress-wrap {
  position: fixed;
  right: 30px;
  bottom: 30px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: all 200ms linear;
}

.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.progress-wrap::after {
  position: absolute;
  font-family: "wcf-icon" !important;
  content: "\e937";
  text-align: center;
  line-height: 46px;
  font-size: 24px;
  color: #fff;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 1;
  transition: all 200ms linear;
}

.progress-wrap:hover::before {
  opacity: 1;
}

.progress-wrap svg path {
  fill: #1c1d20;
}

.progress-wrap svg.progress-circle path {
  stroke: var(--primary);
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 200ms linear;
}

/*----------------------------------------*/
/*  07. Button CSS START
/*----------------------------------------*/
.wc-btn {
  display: inline-block;
}
.wc-btn-primary {
  padding: 18px 40px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: var(--black-2);
  background-color: var(--primary);
  transition: all 0.3s linear;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  gap: 10px;
}
.wc-btn-primary:hover {
  color: var(--white);
}
.wc-btn-underline {
  gap: 10px;
  align-items: center;
  display: inline-flex;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  padding-bottom: 5px;
  position: relative;
}
.wc-btn-underline:hover {
  color: var(--primary);
}
.wc-btn-underline:hover::after {
  width: 0;
}
.wc-btn-underline::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: var(--black-2);
  transition: all 0.3s;
}

.btn-hover-divide {
  overflow: hidden;
  position: relative;
  transition: all 1s;
  z-index: 1;
}
.btn-hover-divide::after {
  position: absolute;
  content: "";
  width: 150%;
  height: 0%;
  left: 50%;
  top: 50%;
  background: var(--primary);
  transform: translateX(-50%) translateY(-50%) rotate(90deg);
  transition: all 0.75s;
  opacity: 0.5;
  z-index: -1;
}
.btn-hover-divide:hover::after {
  height: 400%;
  opacity: 1;
  background-color: var(--black-2);
}

/*----------------------------------------*/
/*  08. MENU CSS START
/*----------------------------------------*/
.main-menu > ul {
  display: flex;
}
.main-menu > ul > li {
  position: relative;
}
.main-menu > ul > li > a {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  color: #212121;
  padding: 15px 15px;
  text-transform: capitalize;
}
@media only screen and (max-width: 1919px) {
  .main-menu > ul > li > a {
    font-size: 16px;
    padding: 15px 10px;
  }
}
@media only screen and (max-width: 1399px) {
  .main-menu > ul > li > a {
    padding: 15px 15px;
  }
}
.main-menu > ul > li:hover > a {
  color: var(--primary);
}
.main-menu > ul > li:hover > ul {
  opacity: 1;
  pointer-events: all;
  left: 0;
}
.main-menu > ul > li:hover > ul.dp-menu li:hover > ul {
  opacity: 1;
  pointer-events: all;
  left: 100%;
}
.main-menu .dp-menu {
  background-color: #232529;
  padding: 18px 0px;
  width: 250px;
  position: absolute;
  left: 10px;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
  transition: all 0.5s;
}
.main-menu .dp-menu ul {
  background: var(--black-2);
  padding: 18px 0px;
  width: 300px;
  position: absolute;
  left: calc(100% + 10px);
  top: 0;
  opacity: 0;
  z-index: 10;
  transition: all 0.5s;
}
.main-menu .dp-menu li {
  position: relative;
  padding: 0 25px;
}
.main-menu .dp-menu li:hover > a {
  color: var(--primary);
  background-color: transparent;
}
.main-menu .dp-menu li:hover > ul {
  opacity: 1;
  transform: none !important;
  pointer-events: all;
}
.main-menu .dp-menu li a {
  font-size: 16px;
  font-weight: 500;
  color: #999999;
  padding: 5px 0;
  border-radius: 8px;
  display: inline-block;
  text-transform: capitalize;
}
.main-menu .dp-menu li a:hover {
  letter-spacing: 0.5px;
}
.main-menu .dp-menu li a:after {
  transform: rotate(-90deg);
  margin-left: auto;
}

.bg-transparent .main-menu > ul > li > a {
  color: #fff;
}

.mean-container .mean-nav ul li a {
  margin-bottom: 1px;
}

.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
  justify-content: center;
}

/*----------------------------------------*/
/*  09. HEADER CSS START
/*----------------------------------------*/
.pos-abs {
  position: absolute !important;
  width: 100%;
  height: auto;
  inset-inline-start: 0;
  top: 0;
  z-index: 3;
}

.binox-theme-elementor-header-section {
  z-index: 10;
  position: relative;
}

.lawyer-header__inner {
  gap: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  position: relative;
  padding-bottom: 15px;
  padding-top: 15px;
}
@media only screen and (max-width: 1199px) {
  .lawyer-header__inner {
    justify-content: space-between;
  }
}
.lawyer-header__inner::before {
  position: absolute;
  content: "";
  top: 0;
  inset-inline-start: 205px;
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.25);
}

.info-default-offcanvas {
  margin-inline-start: 30px;
}

.header__logo-8 img {
  max-width: 110px;
}
.header__logo-8 .logo-title {
  color: var(--white);
}
@media only screen and (max-width: 991px) {
  .header-btn-8 {
    display: none;
  }
}
.header__nav-icon-8 {
  display: flex;
  align-items: center;
}
.header__nav-icon-8 .phone {
  color: var(--white);
  display: inline-block;
  margin-inline-end: 40px;
  position: relative;
  transition: all 0.3s;
}
.header__nav-icon-8 .phone:hover {
  color: var(--primary);
}
@media only screen and (max-width: 1399px) {
  .header__nav-icon-8 .phone {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .header__nav-icon-8 .phone {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .header__nav-icon-8 .phone {
    display: none;
  }
}
.header__nav-8 {
  align-self: center;
}
@media only screen and (max-width: 1199px) {
  .header__nav-8 {
    display: none;
  }
}

.wcf-is-sticky {
  position: fixed !important;
  top: 0;
  width: 100%;
  animation: wcf-slideDown 0.35s ease-out;
}

@keyframes wcf-slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.binox-theme-elementor-header-section {
  position: absolute;
  width: 100%;
}

.header-btn-8 a {
  color: #fff;
  background: #121212;
}
.header-btn-8 a:hover {
  background-color: #FFCD4C;
}

/*----------------------------------------*/
/*  10. OFFCANVAS CSS START
/*----------------------------------------*/
.offcanvas__area .offcanvas {
  min-height: 100vh;
  text-align: center;
  padding: 75px 50px;
  overflow-y: auto;
}
@media only screen and (max-width: 1399px) {
  .offcanvas__area .offcanvas {
    padding: 50px 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .offcanvas__area .offcanvas {
    padding: 40px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .offcanvas__area .offcanvas {
    padding: 20px 15px;
  }
}
.offcanvas__close {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 20px;
  padding: 0 10px;
  z-index: 99;
}
.offcanvas__close:hover {
  color: var(--primary);
}
.offcanvas__logo {
  position: relative;
  padding-bottom: 140px;
}
@media only screen and (max-width: 1399px) {
  .offcanvas__logo {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .offcanvas__logo {
    padding-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .offcanvas__logo {
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.offcanvas__logo img {
  max-width: 150px !important;
}
.offcanvas__logo .desc {
  margin-top: 40px;
}
@media only screen and (max-width: 1199px) {
  .offcanvas__logo .desc {
    margin-top: 20px;
  }
}
.offcanvas__logo .desc p:last-child {
  margin-bottom: 0;
}
.offcanvas__menu-area {
  overflow: hidden;
  overflow-y: auto;
}
@media only screen and (max-width: 1199px) {
  .offcanvas__menu-area {
    display: block;
  }
}
.offcanvas__title {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  padding-bottom: 20px;
  text-transform: capitalize;
}
.offcanvas__gallery {
  position: relative;
  padding-bottom: 140px;
}
@media only screen and (max-width: 1399px) {
  .offcanvas__gallery {
    padding-bottom: 70px;
  }
}
.offcanvas__media li {
  display: inline-block;
}
.offcanvas__media li a {
  display: block;
  color: var(--gray);
  font-size: 20px;
  padding: 0 10px;
}
.offcanvas__media li a:hover {
  color: var(--primary);
}

.gallery__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}
.gallery__item {
  position: relative;
}
.gallery__item a {
  display: block;
}
.gallery__item a:hover span {
  opacity: 1;
  visibility: visible;
}
.gallery__item span {
  color: var(--white);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  background: rgba(0, 0, 0, 0.4);
}

.offcanvas__menu-wrapper.mean-container .remove-default-icon i {
  display: none;
}
.offcanvas__menu-wrapper.mean-container .dp-menu {
  background-color: transparent !important;
}
.offcanvas__menu-wrapper.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}
.offcanvas__menu-wrapper.mean-container .mean-nav > ul > li:last-child > a {
  border-bottom: 1px solid var(--white-4);
  border: none;
}
.offcanvas__menu-wrapper.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}
.offcanvas__menu-wrapper.mean-container .mean-nav .new {
  font-size: 10px;
  font-weight: 600;
  background: #FFA38E;
  color: var(--black-2);
  padding: 3px 7px;
  line-height: 1;
  display: flex;
  align-items: center;
  border-radius: 2px;
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 20px 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  color: var(--black-2);
  text-transform: capitalize;
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  align-items: center;
  outline: none;
  transform: translateY(var(--y)) translateZ(0);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  box-sizing: border-box;
  border: none;
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a svg {
  display: none;
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a:hover {
  background-color: transparent;
}
@media only screen and (max-width: 767px) {
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
    padding: 15px 0;
    font-size: 18px;
    padding-inline-start: 15px;
  }
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
  width: 64px;
  height: 40px;
  font-weight: 300;
  border: none !important;
  background-color: transparent;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
    height: 40px;
  }
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand:hover {
  background-color: var(--white-4);
  background-color: transparent;
  opacity: 1;
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li:first-child {
  border: none;
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {
  opacity: 1;
  text-transform: capitalize;
  border-top: none !important;
  padding: 12px 0 12px 20px;
  border: none;
}
@media only screen and (max-width: 767px) {
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {
    font-size: 18px;
    padding: 10px 0 10px 25px;
  }
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand {
  height: 39px;
}
@media only screen and (max-width: 767px) {
  .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand {
    height: 39px;
  }
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li:last-child {
  border: none;
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a {
  padding-left: 40px;
}
.offcanvas__menu-wrapper.mean-container .open-offcanvas {
  cursor: pointer;
}
.offcanvas__menu-wrapper.mean-container .mean-bar {
  padding: 0;
  background: none;
}
.offcanvas__menu-wrapper.mean-container .mean-bar::-webkit-scrollbar {
  width: 5px;
}
.offcanvas__menu-wrapper.mean-container .mean-bar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #ddd;
  border-radius: 10px;
}
.offcanvas__menu-wrapper.mean-container .mean-bar::-webkit-scrollbar-thumb {
  background: var(--primary);
  border-radius: 10px;
}
.offcanvas__menu-wrapper.mean-container a.meanmenu-reveal {
  display: none !important;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #D6D6D6;
}

::-webkit-scrollbar-thumb {
  background: #888;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
  padding: 12px 0;
}

.offcanvas__media svg {
  width: 1em;
  height: 1em;
}

.offcanvas__area .offcanvas {
  overflow-y: auto;
}

@media (max-width: 767px) {
  .offcanvas.offcanvas-end {
    border-left: none !important;
  }
}
/*----------------------------------------*/
/*  11. BLOG CSS START
/*----------------------------------------*/
.default-breadcrumb__area {
  background-image: url("../imgs/default-blog/breadcrumb-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  position: relative;
  text-align: center;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .default-breadcrumb__area {
    padding-top: 120px;
  }
}
.default-breadcrumb__area::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(33, 33, 37, 0.7490196078);
  opacity: 0.75;
  z-index: -2;
}
.default-breadcrumb__title {
  color: #FFF;
  line-height: 1;
  font-size: 80px;
  font-weight: 400;
  text-transform: capitalize;
}
@media only screen and (max-width: 1399px) {
  .default-breadcrumb__title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .default-breadcrumb__title {
    font-size: 45px;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .default-breadcrumb__title {
    font-size: 36px;
    margin-bottom: 10px;
  }
}
.default-breadcrumb__list {
  display: flex;
  gap: 14px;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .default-breadcrumb__list {
    gap: 5px 10px;
    flex-wrap: wrap;
  }
}
.default-breadcrumb__list li {
  word-break: break-word;
  color: var(--white-5);
  text-transform: capitalize;
}
.default-breadcrumb__list li.active {
  color: var(--white);
}
.default-breadcrumb__list li i {
  padding-inline-start: 5px;
  font-size: 12px;
}
.default-blog__style-2 {
  gap: 60px;
  border-bottom: 1px solid #EDEDED;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .default-blog__style-2 {
    gap: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .default-blog__style-2 {
    gap: 25px;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .default-blog__style-2 {
    gap: 20px;
  }
}
.default-blog__style-2:hover .link {
  transform: rotate(-45deg);
}
.default-blog__style-2:first-child {
  border-top: 1px solid #EDEDED;
}
.default-blog__style-2 p {
  margin-bottom: 0 !important;
}
.default-blog__style-2 .thumb img {
  width: 100%;
  margin-bottom: 20px;
}
.default-blog__style-2 .content {
  flex: 1;
}
.default-blog__style-2 .author {
  gap: 15px;
  display: flex;
  height: -moz-min-content;
  height: min-content;
  align-items: center;
}
.default-blog__style-2 .author h4 {
  font-size: 12px;
  color: #555555;
  margin-bottom: 5px;
}
.default-blog__style-2 .author-img img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}
.default-blog__style-2 .cf_btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 991px) {
  .default-blog__style-2 .cf_btn {
    justify-content: flex-start;
  }
}
.default-blog__style-2 .cf_btn .link {
  min-width: 16px;
  transition: all 0.3s;
}
.default-blog__style-2 .read_more_btn {
  margin-top: 10px;
}
.default-blog__style-2 .read_more_btn .read-more {
  gap: 5px;
  display: inline-flex;
  align-items: center;
  position: relative;
}
.default-blog__style-2 .read_more_btn .read-more::after {
  position: absolute;
  content: "";
  right: 0;
  bottom: -3px;
  width: 0;
  height: 1px;
  background-color: #121212;
  transition: all 0.3s;
}
.default-blog__style-2 .read_more_btn .read-more:hover::after {
  left: 0;
  right: auto;
  width: 100%;
}
.default-blog__style-2 .read_more_btn svg {
  width: 1em;
  height: 1em;
}
.default-blog__style-2 .title {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
  color: #121212;
  margin-bottom: 10px;
}
.default-blog__style-2 .title a {
  transition: all 0.3s;
}
.default-blog__style-2 .title a:hover {
  color: var(--primary);
}
@media only screen and (max-width: 1199px) {
  .default-blog__style-2 .title {
    font-size: 22px;
  }
}
.default-blog__style-2 .author-bio a {
  font-size: 16px;
  color: #121212;
  font-weight: 600;
  text-transform: capitalize;
}
.default-blog__style-2 .author-bio a:hover {
  color: var(--primary);
}
.default-blog__style-2.format-video .thumb {
  position: relative;
}
.default-blog__style-2.format-video .play-btn {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.3490196078);
  border-radius: 100%;
  color: #fff;
}
.default-blog__grid {
  gap: 50px;
  display: grid;
  grid-template-columns: 1fr;
  margin: 0 auto;
}
.default-blog__grid.left-sidebar {
  gap: 50px;
  grid-template-columns: 300px 1fr;
}
@media only screen and (max-width: 1199px) {
  .default-blog__grid.left-sidebar {
    gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .default-blog__grid.left-sidebar {
    grid-template-columns: 260px 1fr;
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .default-blog__grid.left-sidebar {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .default-blog__grid.left-sidebar .default-blog__details-content {
    order: 1;
  }
  .default-blog__grid.left-sidebar .default-blog__item {
    order: 2;
  }
}
.default-blog__grid.right-sidebar {
  grid-template-columns: 1fr 300px;
}
@media only screen and (max-width: 991px) {
  .default-blog__grid.right-sidebar {
    grid-template-columns: 1fr 260px;
  }
}
@media only screen and (max-width: 767px) {
  .default-blog__grid.right-sidebar {
    grid-template-columns: 1fr;
  }
}
.default-blog__grid.right-sidebar .default-blog__details-content {
  order: 1;
}
.default-blog__grid.right-sidebar .default-blog__item {
  order: 2;
}
.default-blog__item-content {
  overflow: hidden;
}
.default-blog__item-content p {
  color: #555555;
  line-height: 1.7;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  .default-blog__item-content p {
    margin-bottom: 30px;
  }
}
.default-blog__meta {
  margin-bottom: 24px;
}
.default-blog__item-title {
  font-size: 40px;
  transition: 0.3s;
  margin-bottom: 25px;
  word-break: break-word;
}
@media only screen and (max-width: 1199px) {
  .default-blog__item-title {
    font-size: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .default-blog__item-title {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
.default-blog__item-title:hover {
  color: var(--primary);
}
.default-blog__item-single {
  margin-bottom: 50px;
  border: 1px solid #F1F1F1;
}
@media only screen and (max-width: 767px) {
  .default-blog__item-single {
    border: none;
    margin-bottom: 40px;
  }
}
.default-blog__item-single.format-video .def-thumb {
  position: relative;
}
.default-blog__item-single.format-video .def-thumb img {
  width: 100%;
}
.default-blog__item-single.format-video .def-thumb .play-btn {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.3490196078);
  border-radius: 100%;
  color: #fff;
}
.default-blog__item-single .thumb {
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .default-blog__item-single .thumb {
    margin-bottom: 30px;
  }
}
.default-blog__item-single .blog__details_title {
  font-size: 60px;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 30px;
  color: var(--black-2);
  word-break: break-word;
}
@media only screen and (max-width: 1399px) {
  .default-blog__item-single .blog__details_title {
    font-size: 48px;
  }
}
@media only screen and (max-width: 1199px) {
  .default-blog__item-single .blog__details_title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 991px) {
  .default-blog__item-single .blog__details_title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .default-blog__item-single .blog__details_title {
    font-size: 30px;
  }
}
.default-blog__content {
  padding: 35px 40px 40px;
}
@media only screen and (max-width: 991px) {
  .default-blog__content {
    padding: 20px 20px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .default-blog__content {
    padding: 10px 0 0;
  }
}
.default-blog__details-content > img {
  margin-bottom: 45px;
  width: unset;
}
.default-blog__details-content > p {
  line-height: 1.7;
  color: #555555;
  margin-bottom: 30px;
}
.default-search__again-form {
  max-width: 600px;
  margin: auto;
  margin-bottom: 30px;
}
.default-search__again-form p {
  font-size: 18px;
  text-align: center;
  margin-bottom: 20px;
}
.default-search__again-form form {
  position: relative;
  border-bottom: 1px solid #ddd;
}
.default-search__again-form form input, .default-search__again-form form .binox-base .info--post-details .comment-form-comment textarea, .binox-base .info--post-details .comment-form-comment .default-search__again-form form textarea, .default-search__again-form form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .default-search__again-form form textarea {
  width: 100%;
  height: 70px;
  padding: 50px 10px 30px;
  border: 0;
  color: var(--black-2);
}
@media only screen and (max-width: 767px) {
  .default-search__again-form form input, .default-search__again-form form .binox-base .info--post-details .comment-form-comment textarea, .binox-base .info--post-details .comment-form-comment .default-search__again-form form textarea, .default-search__again-form form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .default-search__again-form form textarea {
    padding: 40px 10px 20px;
  }
}
.default-search__again-form form input:focus, .default-search__again-form form .binox-base .info--post-details .comment-form-comment textarea:focus, .binox-base .info--post-details .comment-form-comment .default-search__again-form form textarea:focus, .default-search__again-form form .elc-inbd-comment__field textarea:focus, .elc-inbd-comment__field .default-search__again-form form textarea:focus {
  outline: 0;
}
.default-search__again-form form button {
  position: absolute;
  inset-inline-end: 26px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--black-2);
}
.default-sidebar__widget {
  padding: 40px 20px 35px;
  background-color: #F9F9F9;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .default-sidebar__widget {
    padding: 35px 20px;
  }
}
.default-sidebar__widget:last-child {
  margin-bottom: 0;
}
.default-sidebar__widget.cta-ads-banner {
  padding: 0;
}
.default-sidebar__widget.baner {
  padding: 60px 0;
  text-align: center;
  background-color: var(--black-2);
}
.default-sidebar__widget.baner .wc-btn-primary {
  padding: 12px 40px;
}
.default-sidebar__widget.baner .wc-btn-primary:hover {
  color: var(--black-2);
}
.default-sidebar__widget.baner .wc-btn-primary:hover::after {
  height: 400%;
  opacity: 1;
  background-color: var(--white);
}
.default-sidebar__widget.widget_search {
  padding: 10px 20px;
}
.default-sidebar__widget.widget_search .default-sidebar__w-title {
  padding-top: 20px;
  margin-bottom: 30px;
}
.default-sidebar__widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__button {
  background: var(--primary);
  padding: 8px 10px;
  position: relative;
  transition: all 0.3s;
}
.default-sidebar__widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__button:hover {
  color: var(--white);
  background-color: var(--black-2);
}
.default-sidebar__widget .wp-calendar-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.default-sidebar__widget .wp-calendar-nav a {
  transition: all 0.3s;
}
.default-sidebar__widget .wp-calendar-nav a:hover {
  color: var(--primary);
}
.default-sidebar__content .default-search__again-form form input, .default-sidebar__content .default-search__again-form form .binox-base .info--post-details .comment-form-comment textarea, .binox-base .info--post-details .comment-form-comment .default-sidebar__content .default-search__again-form form textarea, .default-sidebar__content .default-search__again-form form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .default-sidebar__content .default-search__again-form form textarea {
  height: unset;
  font-size: 14px;
  padding: 10px 25px 10px 10px;
  background-color: transparent;
}
.default-sidebar__content .default-search__again-form form button {
  inset-inline-end: 10px;
}
.default-sidebar__content .subtitle {
  color: var(--primary);
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}
.default-sidebar__content .title {
  font-size: 28px;
  margin-bottom: 32px;
  color: var(--white);
}
.default-sidebar__w-title {
  font-size: 20px;
  text-decoration: underline;
  text-underline-offset: 10px;
  text-decoration-thickness: 1px;
  text-transform: capitalize;
  color: var(--black-2);
  text-decoration-color: var(--black-2);
  margin-bottom: 25px;
}
.default-sidebar__recent-item {
  border-bottom: 1px dashed var(--black-9);
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.default-sidebar__recent-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
}
.default-sidebar__recent-item i {
  color: var(--black-9);
}
.default-sidebar__recent-item p {
  color: var(--black-2);
  display: block;
  margin-top: 5px;
  font-weight: 500;
  transition: 0.3s;
  margin-bottom: 0;
}
.default-sidebar__recent-item p:hover {
  color: var(--primary);
}
.default-sidebar__gallary {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.default-blog__item-meta {
  color: var(--black-2);
  margin-bottom: 25px;
  display: inline-block;
}
@media only screen and (max-width: 991px) {
  .default-blog__item-meta {
    margin-bottom: 20px;
  }
}
.default-blog__item-meta span {
  display: inline-block;
  width: 25px;
  height: 1px;
  transform: translateY(-5px);
  margin: 0 10px;
  background-color: var(--black-2);
}
.default-blog__item-meta .jpost-cat:hover {
  color: var(--primary);
}
.default-search-title-wrapper {
  padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .default-search-title-wrapper {
    padding-bottom: 30px;
  }
}
.default-error__content {
  text-align: center;
}
.default-error__content p {
  color: #555555;
}
.default-error__title {
  font-size: 180px;
  color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .default-error__title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .default-error__title {
    font-size: 60px;
  }
}
.default-error__sub-title {
  font-size: 60px;
  color: var(--black-2);
}
@media only screen and (max-width: 1199px) {
  .default-error__sub-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .default-error__sub-title {
    font-size: 30px;
  }
}

.pagination-circle {
  display: flex;
  align-items: center;
}
.pagination-circle li a {
  color: #555;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-circle li a:hover {
  color: var(--primary);
}
.pagination-circle li a.active {
  background-color: #F9F9F9;
}

.joya--post-navigation {
  width: 100%;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 767px) {
  .joya--post-navigation {
    gap: 30px;
    grid-template-columns: 1fr;
  }
}
.joya--post-navigation h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px !important;
  word-break: break-word;
}
.joya--post-navigation a {
  display: inline-block;
}
.joya--post-navigation a:hover {
  color: var(--primary);
}
.joya--post-navigation a span {
  gap: 10px;
  align-items: center;
  display: inline-flex;
}
.joya--post-navigation .post-next {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .joya--post-navigation .post-next {
    text-align: left;
  }
}

.joya--comment {
  margin-top: 70px;
}
@media only screen and (max-width: 767px) {
  .joya--comment {
    margin-top: 50px;
  }
}
.joya--comment .logged-in-as a:hover,
.joya--comment .binox-comment-text a:hover {
  color: var(--primary);
}
.joya--comment #reply-title {
  color: #1C1D20;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 15px;
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .joya--comment #reply-title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .joya--comment #reply-title {
    font-size: 24px;
  }
}
.joya--comment .comment-notes {
  font-size: 14px;
  margin-bottom: 70px;
}
@media only screen and (max-width: 991px) {
  .joya--comment .comment-notes {
    margin-bottom: 40px;
  }
}
.joya--comment .comment-num {
  font-size: 36px;
  color: #1C1D20;
  font-weight: 400;
  line-height: 1.1;
}
@media only screen and (max-width: 1399px) {
  .joya--comment .comment-num {
    font-size: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .joya--comment .comment-num {
    font-size: 30px;
  }
}
.joya--comment .comment-reply-link {
  gap: 10px;
  display: flex;
  align-items: center;
}
.joya--comment .comment-reply-link:hover {
  color: var(--primary);
  fill: var(--primary);
}

.elc-inbd-comment__field label {
  display: block;
  margin-bottom: 15px;
  color: #555555;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-transform: capitalize;
}
.elc-inbd-comment__field input, .elc-inbd-comment__field .binox-base .info--post-details .comment-form-comment textarea, .binox-base .info--post-details .comment-form-comment .elc-inbd-comment__field textarea, .elc-inbd-comment__field textarea {
  width: 100%;
  height: 60px;
  padding: 20px;
  border: 0;
  background-color: #F5F5F5;
  color: var(--black-2);
}
@media only screen and (max-width: 991px) {
  .elc-inbd-comment__field input, .elc-inbd-comment__field .binox-base .info--post-details .comment-form-comment textarea, .binox-base .info--post-details .comment-form-comment .elc-inbd-comment__field textarea, .elc-inbd-comment__field textarea {
    margin-bottom: 25px;
  }
}
.elc-inbd-comment__field input::-moz-placeholder, .elc-inbd-comment__field .binox-base .info--post-details .comment-form-comment textarea::-moz-placeholder, .binox-base .info--post-details .comment-form-comment .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field textarea::-moz-placeholder {
  color: #999999;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}
.elc-inbd-comment__field input::placeholder, .elc-inbd-comment__field .binox-base .info--post-details .comment-form-comment textarea::placeholder, .binox-base .info--post-details .comment-form-comment .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field textarea::placeholder {
  color: #999999;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}
.elc-inbd-comment__field input:focus, .elc-inbd-comment__field .binox-base .info--post-details .comment-form-comment textarea:focus, .binox-base .info--post-details .comment-form-comment .elc-inbd-comment__field textarea:focus, .elc-inbd-comment__field textarea:focus {
  outline: 0;
}
.elc-inbd-comment__field textarea {
  height: 120px;
  resize: none;
}
@media only screen and (max-width: 767px) {
  .elc-inbd-comment__field textarea {
    margin-bottom: 0;
  }
}

.default-details-comment-title {
  font-size: 36px;
}
@media only screen and (max-width: 991px) {
  .default-details-comment-title {
    font-size: 22px;
  }
}
.default-details-comment-wrapper {
  gap: 20px;
  display: grid;
  grid-template-columns: 60px 1fr;
  position: relative;
}
.default-details-comment-thumb {
  max-width: 60px;
}
.default-details-comment-thumb img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.default-details-comment-name {
  font-size: 18px;
  text-transform: capitalize;
  margin-bottom: 5px !important;
}
.default-details-comment-name:hover {
  color: var(--primary);
}
.default-details-comment-date {
  font-size: 12px;
  color: var(--black-9);
  margin-bottom: 30px;
}
.default-details-comment-date span {
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: var(--black-6);
  margin-left: 10px;
  margin-right: 10px;
}
.default-details__cmtbtn {
  margin-top: 25px;
}
@media only screen and (max-width: 1199px) {
  .default-details__cmtbtn {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .default-details__cmtbtn {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .default-details__cmtbtn {
    margin: 0;
  }
}

.joya--comments-list .has-reply .comment-body {
  position: relative;
}
.joya--comments-list .has-reply .comment-body::before {
  position: absolute;
  content: "";
  inset-inline-start: 30px;
  top: 80px;
  width: 35px;
  height: 100%;
  background-color: transparent;
  border-left: 1px solid #F1F1F1;
  border-bottom: 1px solid #F1F1F1;
  border-bottom-left-radius: 10px;
}
.joya--comments-list .has-reply .children {
  margin-inline-start: 80px;
}
@media only screen and (max-width: 767px) {
  .joya--comments-list .has-reply .children {
    margin-inline-start: 25px;
  }
}
.joya--comments-list .no-reply .comment-body::before {
  display: none;
}

.binox-base .is-layout-constrained,
.binox-base .wp-block-columns,
.binox-base .wp-block-cover,
.binox-base .wp-block-file,
.binox-base .wp-block-media-text,
.binox-base .wp-block-video,
.binox-base .wp-block-heading,
.binox-base .wp-block-button,
.binox-base .wp-block-social-links,
.binox-base .wp-block-search,
.binox-base .wp-block-image,
.binox-base .wp-block-archives,
.binox-base .wp-block-categories {
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .binox-base.admin-bar header.bg-transparent {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .binox-base.admin-bar .offcanvas-end {
    padding-top: 55px;
  }
}
@media only screen and (max-width: 1199px) {
  .binox-base.admin-bar .offcanvas__close {
    top: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .binox-base.admin-bar .offcanvas__close {
    top: 50px;
  }
}
.binox-base .clearfix {
  clear: both;
}
.binox-base select {
  padding: 10px 12px;
  color: var(--black-2);
  border: 1px solid #ddd;
  text-transform: capitalize;
  border-radius: 5px;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23212121'%3E%3Cpath d='M24 24H0V0h24v24z' fill='none' opacity='1'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z'/%3E%3C/svg%3E");
  background-position-x: calc(100% - 7px);
  background-position-y: 50%;
  background-repeat: no-repeat;
}
.binox-base .wp-block-comments-title {
  font-size: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .binox-base .wp-block-comments-title {
    font-size: 24px;
  }
}
.binox-base .wp-block-post-comments-form .comment-reply-title {
  font-size: 30px;
}
@media only screen and (max-width: 767px) {
  .binox-base .wp-block-post-comments-form .comment-reply-title {
    font-size: 24px;
  }
}
.binox-base .page-links {
  gap: 10px;
  display: flex;
  align-items: center;
}
.binox-base blockquote,
.binox-base .wp-block-quote {
  border-left-width: 5px;
  border-left-style: solid;
  margin-block-start: 1.5rem;
  background: var(--primary);
  padding: 30px;
  border-radius: 5px;
}
.binox-base blockquote.has-text-align-right,
.binox-base .wp-block-quote.has-text-align-right {
  border-right: 5px solid;
  border-left: 0;
}
.binox-base .wp-block-pullquote.is-style-solid-color {
  border-left: 5px solid;
  border-radius: 5px;
  background-color: var(--primary) !important;
}
.binox-base .wp-block-pullquote.is-style-solid-color blockquote {
  border: 0;
}
@media only screen and (max-width: 767px) {
  .binox-base .wp-block-pullquote.is-style-solid-color blockquote {
    max-width: 100%;
  }
  .binox-base .wp-block-pullquote.is-style-solid-color blockquote p {
    line-height: 1.2;
  }
}
.binox-base .sticky {
  background: var(--white-2);
}
@media only screen and (max-width: 767px) {
  .binox-base .sticky .default-blog__content {
    padding: 15px 15px 25px;
  }
}
.binox-base .wp-block-search__input {
  min-width: 150px;
}
.binox-base .alignright {
  text-align: right;
  margin-left: auto;
  display: inherit;
}
.binox-base .aligncenter {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: inherit;
}
.binox-base .wp-caption {
  width: 100% !important;
  margin-bottom: 1.5rem;
}
.binox-base a {
  transition: all 0.3s;
}
.binox-base .wp-caption-text {
  margin-top: 5px;
}
.binox-base .default-blog__item-single.post-single {
  border: 0;
}
.binox-base .default-blog__details-content {
  overflow: hidden;
}
.binox-base .default-blog__details-content img {
  height: auto;
}
.binox-base .default-blog__details-content h1,
.binox-base .default-blog__details-content h2,
.binox-base .default-blog__details-content h3,
.binox-base .default-blog__details-content h4,
.binox-base .default-blog__details-content h5,
.binox-base .default-blog__details-content h6,
.binox-base .default-blog__details-content table {
  margin-bottom: 1.5rem;
}
.binox-base .default-blog__details-content .wp-block-latest-comments li {
  list-style: none;
}
.binox-base .default-blog__details-content .wp-block-rss__item,
.binox-base .default-blog__details-content .wp-block-latest-posts li {
  list-style: none;
  margin-bottom: 15px;
}
.binox-base .default-blog__details-content .comment,
.binox-base .default-blog__details-content .trackback,
.binox-base .default-blog__details-content .pingback {
  list-style: none;
}
.binox-base .default-blog__details-content .wp-block-post {
  list-style: none;
  margin-bottom: 1.5rem;
}
.binox-base .default-blog__details-content .wp-block-post-title {
  margin-bottom: 3px;
}
.binox-base .default-blog__details-content .wp-block-post-author {
  margin-bottom: 10px;
}
.binox-base .default-details-tags {
  gap: 5px;
  display: flex;
  flex-wrap: wrap;
  margin: 40px 0 60px !important;
}
@media only screen and (max-width: 767px) {
  .binox-base .default-details-tags {
    margin-top: 40px 0 !important;
  }
}
.binox-base .default-details-tags li {
  list-style: none !important;
}
.binox-base .default-details-tags li a {
  background-color: #EFEFEF;
  padding: 8px 10px;
  font-size: 12px !important;
  text-transform: capitalize;
  display: inline-block;
  color: var(--black-2);
  font-weight: 500;
  transition: 0.5s;
}
.binox-base .default-details-tags li a:hover {
  color: var(--black-2);
  background-color: var(--primary);
}
.binox-base .wp-block-navigation__submenu-container li {
  margin-bottom: 7px;
  padding-left: 15px;
  padding-right: 15px;
}
.binox-base .wp-block-avatar {
  margin-bottom: 7px;
}
.binox-base .wp-block-latest-posts li a:hover,
.binox-base .wp-block-categories li a:hover,
.binox-base .wp-block-archives li a:hover {
  color: var(--primary);
}
.binox-base #today {
  color: var(--primary);
}
.binox-base .wp-block-tag-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.binox-base .wp-block-tag-cloud a {
  margin: 0;
  background-color: #EFEFEF;
  padding: 8px 10px;
  font-size: 12px !important;
  text-transform: capitalize;
  color: var(--black-2);
  font-weight: 500;
  transition: 0.5s;
  text-decoration: none;
}
.binox-base .wp-block-tag-cloud a:hover {
  background-color: var(--primary);
}
.binox-base .has-pale-cyan-blue-background-color {
  padding: 15px;
}
.binox-base .has-pale-cyan-blue-background-color p {
  margin-bottom: 0;
}
.binox-base .has-background {
  padding: 15px;
}
.binox-base .is-layout-constrained p {
  margin: 0;
}
.binox-base .has-pale-pink-background-color {
  padding: 15px;
}
.binox-base .has-pale-pink-background-color p {
  margin-bottom: 0;
}
.binox-base .joya--comment .comment-notes {
  margin-bottom: 50px;
}
@media only screen and (max-width: 991px) {
  .binox-base .wp-block-pullquote,
  .binox-base .has-large-font-size {
    font-size: 24px !important;
  }
}
.binox-base .is-style-squared .wp-block-button__link {
  border-radius: 0;
}
.binox-base .wp-block-post-excerpt__excerpt {
  margin-bottom: 1.5rem;
}
.binox-base .comment-form-cookies-consent {
  margin-top: 10px;
}
.binox-base .comment-form-cookies-consent label {
  display: inline;
}
.binox-base .wp-block-query-pagination {
  margin-bottom: 15px;
}
.binox-base ul.joya--comments-list.comments-list {
  margin: 0;
}
.binox-base ul.blocks-gallery-grid {
  margin: 0;
}
.binox-base .default-details-comment-meta {
  overflow: hidden;
}
.binox-base th,
.binox-base td {
  padding: 8px;
}
@media only screen and (max-width: 991px) {
  .binox-base th,
  .binox-base td {
    padding: 5px 6px;
  }
}
.binox-base table {
  display: table;
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
}
.binox-base table tbody {
  width: 100%;
}
.binox-base .post-page-numbers:hover {
  color: var(--primary);
}
.binox-base iframe {
  width: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .binox-base iframe {
    height: 360px;
  }
}
.binox-base .wp-block-post-excerpt {
  margin-top: 5px;
}
.binox-base .wp-block-post-date {
  margin-top: 10px;
  margin-bottom: 10px;
}
.binox-base .wp-block-post-comments-form input[type=submit], .binox-base .wp-block-post-comments-form .info--post-details .comment-form-comment textarea[type=submit], .binox-base .info--post-details .comment-form-comment .wp-block-post-comments-form textarea[type=submit], .binox-base .wp-block-post-comments-form .elc-inbd-comment__field textarea[type=submit], .elc-inbd-comment__field .binox-base .wp-block-post-comments-form textarea[type=submit] {
  border: none;
  border-radius: 0;
  padding: 18px 40px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: var(--black-2);
  background-color: var(--primary);
  transition: all 0.3s linear;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  gap: 10px;
}
.binox-base .wp-block-post-comments-form input[type=submit]:hover, .binox-base .wp-block-post-comments-form .info--post-details .comment-form-comment textarea[type=submit]:hover, .binox-base .info--post-details .comment-form-comment .wp-block-post-comments-form textarea[type=submit]:hover, .binox-base .wp-block-post-comments-form .elc-inbd-comment__field textarea[type=submit]:hover, .elc-inbd-comment__field .binox-base .wp-block-post-comments-form textarea[type=submit]:hover {
  color: var(--white);
}
.binox-base input, .binox-base .info--post-details .comment-form-comment textarea,
.binox-base textarea,
.binox-base select,
.binox-base button {
  outline: none;
}
.binox-base .post-password-form input[type=password], .binox-base .post-password-form .info--post-details .comment-form-comment textarea[type=password], .binox-base .info--post-details .comment-form-comment .post-password-form textarea[type=password], .binox-base .post-password-form .elc-inbd-comment__field textarea[type=password], .elc-inbd-comment__field .binox-base .post-password-form textarea[type=password] {
  padding: 8px;
}
@media only screen and (max-width: 767px) {
  .binox-base .post-password-form input[type=password], .binox-base .post-password-form .info--post-details .comment-form-comment textarea[type=password], .binox-base .info--post-details .comment-form-comment .post-password-form textarea[type=password], .binox-base .post-password-form .elc-inbd-comment__field textarea[type=password], .elc-inbd-comment__field .binox-base .post-password-form textarea[type=password] {
    width: 130px;
  }
}
.binox-base .post-password-form input[type=submit], .binox-base .post-password-form .info--post-details .comment-form-comment textarea[type=submit], .binox-base .info--post-details .comment-form-comment .post-password-form textarea[type=submit], .binox-base .post-password-form .elc-inbd-comment__field textarea[type=submit], .elc-inbd-comment__field .binox-base .post-password-form textarea[type=submit] {
  border: none;
  border-radius: 0;
  padding: 10px 20px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: var(--black-2);
  background-color: var(--primary);
  transition: all 0.3s;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  gap: 10px;
  border-radius: 3px;
}
.binox-base .post-password-form input[type=submit]:hover, .binox-base .post-password-form .info--post-details .comment-form-comment textarea[type=submit]:hover, .binox-base .info--post-details .comment-form-comment .post-password-form textarea[type=submit]:hover, .binox-base .post-password-form .elc-inbd-comment__field textarea[type=submit]:hover, .elc-inbd-comment__field .binox-base .post-password-form textarea[type=submit]:hover {
  color: var(--white);
}
.binox-base .has-4-columns {
  margin-top: 1.5rem;
}
.binox-base .wp-block-archives-dropdown label {
  margin-bottom: 10px;
}
.binox-base .wp-block-embed__wrapper {
  word-break: break-word;
}
.binox-base .wp-block-file__button {
  padding: 10px 18px;
  transition: all 0.3s;
  background: var(--primary);
}
.binox-base .wp-block-search__label {
  margin-top: 15px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 991px) {
  .binox-base .joya--comments-list .has-reply .children {
    margin-inline-start: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .binox-base .joya--comments-list .has-reply .children {
    margin-inline-start: 10px;
  }
  .binox-base .default-details-comment-wrapper {
    grid-template-columns: 1fr;
  }
  .binox-base .joya--comments-list .has-reply .comment-body::before {
    display: none;
  }
}
@media (max-width: 374px) {
  .binox-base .wp-block-search__inside-wrapper {
    flex-wrap: wrap;
  }
  .binox-base .wp-block-search__button {
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
  }
  .binox-base .default-sidebar__widget.widget_search {
    padding: 0px 20px;
  }
}
.binox-base .wp-block-latest-comments__comment {
  line-height: 1.5;
  margin-bottom: 10px;
}
.binox-base .wp-block-latest-comments__comment a {
  font-weight: 500;
  transition: all 0.3s;
}
.binox-base .wp-block-latest-comments__comment a:hover {
  color: var(--primary);
}
.binox-base .wp-block-latest-posts__list,
.binox-base .wp-block-categories-list,
.binox-base .wp-block-archives-list {
  margin-bottom: 0;
}
.binox-base .wp-block-latest-posts__list li,
.binox-base .wp-block-categories-list li,
.binox-base .wp-block-archives-list li {
  font-weight: 500;
}
.binox-base .wp-block-latest-posts__list li a,
.binox-base .wp-block-categories-list li a,
.binox-base .wp-block-archives-list li a {
  padding-top: 5px;
  padding-bottom: 5px;
  display: inline-block;
}
.binox-base .info--post-details a:hover {
  color: var(--primary);
}
.binox-base .info--post-details select {
  width: 100%;
}
.binox-base .info--post-details tbody,
.binox-base .info--post-details td,
.binox-base .info--post-details tfoot,
.binox-base .info--post-details th,
.binox-base .info--post-details thead,
.binox-base .info--post-details tr {
  border-width: 1px;
}
.binox-base .info--post-details tbody a,
.binox-base .info--post-details td a,
.binox-base .info--post-details tfoot a,
.binox-base .info--post-details th a,
.binox-base .info--post-details thead a,
.binox-base .info--post-details tr a {
  text-decoration: none;
}
.binox-base .info--post-details ol:not([class]) {
  margin-left: 20px;
  margin-bottom: 20px;
}
.binox-base .info--post-details ol:not([class]) li {
  list-style: decimal;
  padding-top: 5px;
  padding-bottom: 5px;
}
.binox-base .info--post-details ol:not([class]) ol {
  margin-bottom: 0;
}
.binox-base .info--post-details ol:not([class]) ol li {
  list-style: decimal;
}
.binox-base .info--post-details ol:not([class]) ol li:last-child {
  padding-bottom: 0;
}
.binox-base .info--post-details ol:not([class]) ul {
  margin-bottom: 0;
}
.binox-base .info--post-details ol:not([class]) ul li {
  list-style: disc;
}
.binox-base .info--post-details ol:not([class]) ul li:last-child {
  padding-bottom: 0;
}
.binox-base .info--post-details ol:not([class]) ul ol li {
  list-style: decimal;
}
.binox-base .info--post-details ul:not([class]) {
  margin-left: 20px;
  margin-bottom: 20px;
}
.binox-base .info--post-details ul:not([class]) li {
  list-style: disc;
  padding-top: 5px;
  padding-bottom: 5px;
}
.binox-base .info--post-details ul:not([class]) ul {
  margin-bottom: 0;
}
.binox-base .info--post-details ul:not([class]) ul li:last-child {
  padding-bottom: 0;
}
.binox-base .info--post-details ul:not([class]) ol {
  margin-bottom: 0;
}
.binox-base .info--post-details ul:not([class]) ol li {
  list-style: decimal;
}
.binox-base .info--post-details ul:not([class]) ol li:last-child {
  padding-bottom: 0;
}
.binox-base .info--post-details ul:not([class]) ol ul li {
  list-style: disc;
}
.binox-base .info--post-details .wp-element-button,
.binox-base .info--post-details .wp-block-button__link {
  color: #121212;
  background-color: var(--primary);
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  transition: all 0.3s;
}
@media only screen and (max-width: 991px) {
  .binox-base .info--post-details .wp-element-button,
  .binox-base .info--post-details .wp-block-button__link {
    padding: 10px 30px;
  }
}
.binox-base .info--post-details .wp-element-button:hover,
.binox-base .info--post-details .wp-block-button__link:hover {
  color: var(--white);
}
.binox-base .info--post-details :where(.wp-block-cover.is-light:not(.has-text-color)) {
  color: white;
}
.binox-base .info--post-details .wp-block-page-list {
  gap: 10px;
  display: grid;
  margin-bottom: 30px;
}
.binox-base .info--post-details .wp-block-page-list .wp-block-navigation__submenu-container {
  margin-top: 10px;
  margin-bottom: -5px;
}
.binox-base .info--post-details p.wp-block-cover-text {
  position: relative;
}
.binox-base .info--post-details .wp-block-categories-list,
.binox-base .info--post-details .wp-block-archives-list {
  margin-bottom: 20px;
}
.binox-base .info--post-details .wp-calendar-table {
  display: inline-table;
}
.binox-base .info--post-details .wp-block-file__button,
.binox-base .info--post-details .wp-block-button__link,
.binox-base .info--post-details .wp-element-button {
  text-decoration: none;
}
.binox-base .info--post-details .wp-block-file__button:hover,
.binox-base .info--post-details .wp-block-button__link:hover,
.binox-base .info--post-details .wp-element-button:hover {
  background-color: #005153;
}
.binox-base .info--post-details .wp-block-file {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.binox-base .info--post-details figure.aligncenter > figcaption {
  display: block;
}
.binox-base .info--post-details .wp-block-image .alignright > figcaption {
  display: block;
}
.binox-base .info--post-details .wp-block-gallery.wp-block-gallery-3 {
  margin-top: 15px;
}
.binox-base .info--post-details .wp-block-calendar {
  padding-bottom: 20px;
}
.binox-base .info--post-details .wp-block-calendar nav.wp-calendar-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.binox-base .info--post-details .wp-block-separator {
  width: 10%;
  margin-left: auto;
  margin-right: auto;
}
.binox-base .info--post-details .wp-block-separator.is-style-wide {
  width: 100%;
}
.binox-base .info--post-details .wp-block-separator.is-style-dots {
  width: 100%;
  opacity: 1;
}
.binox-base .info--post-details .gallery.gallery-columns-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 767px) {
  .binox-base .info--post-details .gallery.gallery-columns-2 {
    grid-template-columns: 1fr;
  }
}
.binox-base .info--post-details .gallery.gallery-columns-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 991px) {
  .binox-base .info--post-details .gallery.gallery-columns-3 {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .binox-base .info--post-details .gallery.gallery-columns-3 {
    grid-template-columns: 1fr;
  }
}
.binox-base .info--post-details .gallery.gallery-columns-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1199px) {
  .binox-base .info--post-details .gallery.gallery-columns-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .binox-base .info--post-details .gallery.gallery-columns-4 {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .binox-base .info--post-details .gallery.gallery-columns-4 {
    grid-template-columns: 1fr;
  }
}
.binox-base .info--post-details .gallery.gallery-columns-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
@media only screen and (max-width: 1399px) {
  .binox-base .info--post-details .gallery.gallery-columns-5 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1199px) {
  .binox-base .info--post-details .gallery.gallery-columns-5 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .binox-base .info--post-details .gallery.gallery-columns-5 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .binox-base .info--post-details .gallery.gallery-columns-5 {
    grid-template-columns: 1fr;
  }
}
.binox-base .info--post-details .gallery.gallery-columns-6 {
  gap: 10px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
@media only screen and (max-width: 1919px) {
  .binox-base .info--post-details .gallery.gallery-columns-6 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media only screen and (max-width: 1399px) {
  .binox-base .info--post-details .gallery.gallery-columns-6 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1199px) {
  .binox-base .info--post-details .gallery.gallery-columns-6 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .binox-base .info--post-details .gallery.gallery-columns-6 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .binox-base .info--post-details .gallery.gallery-columns-6 {
    grid-template-columns: 1fr;
  }
}
.binox-base .info--post-details .gallery.gallery-columns-7 {
  gap: 10px;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
@media only screen and (max-width: 1919px) {
  .binox-base .info--post-details .gallery.gallery-columns-7 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media only screen and (max-width: 1399px) {
  .binox-base .info--post-details .gallery.gallery-columns-7 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1199px) {
  .binox-base .info--post-details .gallery.gallery-columns-7 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .binox-base .info--post-details .gallery.gallery-columns-7 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .binox-base .info--post-details .gallery.gallery-columns-7 {
    grid-template-columns: 1fr;
  }
}
.binox-base .info--post-details .gallery.gallery-columns-8 {
  gap: 10px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}
@media only screen and (max-width: 1919px) {
  .binox-base .info--post-details .gallery.gallery-columns-8 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media only screen and (max-width: 1399px) {
  .binox-base .info--post-details .gallery.gallery-columns-8 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1199px) {
  .binox-base .info--post-details .gallery.gallery-columns-8 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .binox-base .info--post-details .gallery.gallery-columns-8 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .binox-base .info--post-details .gallery.gallery-columns-8 {
    grid-template-columns: 1fr;
  }
}
.binox-base .info--post-details .gallery.gallery-columns-9 {
  gap: 10px;
  display: grid;
  grid-template-columns: repeat(9, 1fr);
}
@media only screen and (max-width: 1919px) {
  .binox-base .info--post-details .gallery.gallery-columns-9 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media only screen and (max-width: 1399px) {
  .binox-base .info--post-details .gallery.gallery-columns-9 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1199px) {
  .binox-base .info--post-details .gallery.gallery-columns-9 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .binox-base .info--post-details .gallery.gallery-columns-9 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .binox-base .info--post-details .gallery.gallery-columns-9 {
    grid-template-columns: 1fr;
  }
}
.binox-base .info--post-details .post-navigation-link-previous,
.binox-base .info--post-details .post-navigation-link-next {
  padding-bottom: 10px;
}
.binox-base .info--post-details .wp-block-query-pagination-numbers {
  display: flex;
}
.binox-base .info--post-details .page-numbers,
.binox-base .info--post-details .post-page-numbers {
  color: #555;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.3s;
}
.binox-base .info--post-details .page-numbers:hover,
.binox-base .info--post-details .post-page-numbers:hover {
  color: var(--primary);
}
.binox-base .info--post-details .page-numbers.current,
.binox-base .info--post-details .post-page-numbers.current {
  background-color: #F9F9F9;
}
.binox-base .info--post-details .wp-block-tag-cloud a {
  text-decoration: none;
}
.binox-base .info--post-details .wp-block-tag-cloud a:hover {
  color: var(--black-2);
}
.binox-base .info--post-details .wp-block-search__button {
  position: relative;
  overflow: hidden;
  transition: all 0.75s;
}
.binox-base .info--post-details .wp-block-search__button:hover {
  color: #fff;
  background-color: transparent;
}
.binox-base .info--post-details .wp-block-search__button:hover::after {
  height: 300%;
  opacity: 1;
  background-color: var(--black-2);
}
.binox-base .info--post-details .wp-block-search__button::after {
  position: absolute;
  content: "";
  width: 150%;
  height: 0%;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(90deg);
  transition: all 0.75s;
  opacity: 0.5;
  z-index: -1;
}
.binox-base .info--post-details .comment-form-comment {
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .binox-base .info--post-details .comment-form-comment {
    margin-bottom: 35px;
  }
}
.binox-base .info--post-details .comment-form-comment label {
  display: block;
  margin-bottom: 15px;
  color: #555555;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-transform: capitalize;
}
.binox-base .info--post-details .comment-form-comment input, .binox-base .info--post-details .comment-form-comment textarea {
  width: 100%;
  height: 60px;
  padding: 20px;
  border: 0;
  background-color: #F5F5F5;
  color: var(--black-2);
}
@media only screen and (max-width: 991px) {
  .binox-base .info--post-details .comment-form-comment input, .binox-base .info--post-details .comment-form-comment textarea {
    margin-bottom: 25px;
  }
}
.binox-base .info--post-details .comment-form-comment input::-moz-placeholder, .binox-base .info--post-details .comment-form-comment textarea::-moz-placeholder {
  color: #999999;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}
.binox-base .info--post-details .comment-form-comment input::placeholder, .binox-base .info--post-details .comment-form-comment textarea::placeholder {
  color: #999999;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}
.binox-base .info--post-details .comment-form-comment input:focus, .binox-base .info--post-details .comment-form-comment textarea:focus {
  outline: 0;
}
.binox-base .info--post-details .comment-form-comment textarea {
  height: 120px;
  resize: none;
}
.binox-base .info--post-details .wp-block-post-comments-form .form-submit {
  margin-bottom: 40px;
}
.binox-base .binox-comment-text tbody,
.binox-base .binox-comment-text td,
.binox-base .binox-comment-text tfoot,
.binox-base .binox-comment-text th,
.binox-base .binox-comment-text thead,
.binox-base .binox-comment-text tr {
  border-width: 1px;
}
.binox-base .binox-comment-text tbody a,
.binox-base .binox-comment-text td a,
.binox-base .binox-comment-text tfoot a,
.binox-base .binox-comment-text th a,
.binox-base .binox-comment-text thead a,
.binox-base .binox-comment-text tr a {
  text-decoration: none;
}
.binox-base .binox-comment-text ol:not([class]) {
  margin-left: 20px;
  margin-bottom: 20px;
}
.binox-base .binox-comment-text ol:not([class]) li {
  list-style: decimal;
  padding-top: 5px;
  padding-bottom: 5px;
}
.binox-base .binox-comment-text ol:not([class]) ol {
  margin-bottom: 0;
}
.binox-base .binox-comment-text ol:not([class]) ol li {
  list-style: decimal;
}
.binox-base .binox-comment-text ol:not([class]) ol li:last-child {
  padding-bottom: 0;
}
.binox-base .binox-comment-text ol:not([class]) ul {
  margin-bottom: 0;
}
.binox-base .binox-comment-text ol:not([class]) ul li {
  list-style: disc;
}
.binox-base .binox-comment-text ol:not([class]) ul li:last-child {
  padding-bottom: 0;
}
.binox-base .binox-comment-text ol:not([class]) ul ol li {
  list-style: decimal;
}
.binox-base .binox-comment-text ul:not([class]) {
  margin-left: 20px;
  margin-bottom: 20px;
}
.binox-base .binox-comment-text ul:not([class]) li {
  list-style: disc;
  padding-top: 5px;
  padding-bottom: 5px;
}
.binox-base .binox-comment-text ul:not([class]) ul {
  margin-bottom: 0;
}
.binox-base .binox-comment-text ul:not([class]) ul li:last-child {
  padding-bottom: 0;
}
.binox-base .binox-comment-text ul:not([class]) ol {
  margin-bottom: 0;
}
.binox-base .binox-comment-text ul:not([class]) ol li {
  list-style: decimal;
}
.binox-base .binox-comment-text ul:not([class]) ol li:last-child {
  padding-bottom: 0;
}
.binox-base .binox-comment-text ul:not([class]) ol ul li {
  list-style: disc;
}

.wcf-social-share-style-1 {
  width: 80px;
  height: 80px;
  border: 3px solid #555;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  font-weight: 700;
  color: #555555;
  border-radius: 30px;
  border-bottom-width: 7px;
  border-right-width: 7px;
  border-top-width: 1px;
  border-left-width: 1px;
  background-color: #fff;
  margin: auto;
  margin-bottom: 20px;
  transition: 0.3s;
}

.comment-form-cookies-consent {
  display: none;
}

.joya--blog-post-comment form {
  gap: 30px;
}

.joya--blog-post-comment textarea {
  overflow: hidden;
}

.joya--blog-post-comment button[type=submit] {
  z-index: 1;
}

.default-details-social-media li a i {
  transition: all 0.3s;
}

.page-template-default .post-page-numbers {
  color: #555;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.3s;
}
.page-template-default .post-page-numbers:hover {
  color: var(--primary);
}
.page-template-default .post-page-numbers.current {
  background-color: #F9F9F9;
}
.page-template-default .binox--page-details a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
.page-template-default .binox--page-details a:hover {
  color: var(--primary);
}
.page-template-default .binox--page-details ul {
  padding-left: 20px;
  padding-bottom: 30px;
}
.page-template-default .binox--page-details ul li {
  list-style: disc;
  padding-bottom: 10px;
}
.page-template-default .binox--page-details ul li:last-child {
  padding-bottom: 0;
}
.page-template-default .binox--page-details ul ul {
  padding-bottom: 0;
}
.page-template-default .binox--page-details ol {
  padding-left: 20px;
  padding-bottom: 30px;
}
.page-template-default .binox--page-details ol li {
  list-style: decimal;
  padding-bottom: 10px;
}
.page-template-default .binox--page-details ol li:last-child {
  padding-bottom: 0;
}
.page-template-default .binox--page-details ol ol {
  padding-bottom: 0;
}

.menu-icon-8.info-default-offcanvas {
  display: none;
}
@media only screen and (max-width: 1199px) {
  .menu-icon-8.info-default-offcanvas {
    display: block;
  }
}

.admin-bar #smooth-wrapper {
  top: 32px !important;
}

@media (max-width: 782px) {
  .admin-bar #smooth-wrapper {
    top: 46px !important;
  }
}
.d-flex {
  display: flex !important;
}

.flex-column {
  flex-direction: column !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

/*----------------------------------------*/
/*  12. WIDGETS CSS START
/*----------------------------------------*/
.info-social-widget ul {
  display: flex;
  align-items: center;
}
.info-social-widget ul a {
  font-size: 18px;
  padding: 0 10px;
  transition: all 0.3s;
}
.info-social-widget ul a:hover {
  color: var(--primary);
}

.default-sidebar__wrapper select {
  width: 100%;
  padding: 10px 12px;
  color: var(--black-2);
  border: 1px solid #ddd;
  text-transform: capitalize;
  border-radius: 5px;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23212121'%3E%3Cpath d='M24 24H0V0h24v24z' fill='none' opacity='1'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z'/%3E%3C/svg%3E");
  background-position-x: calc(100% - 7px);
  background-position-y: 50%;
  background-repeat: no-repeat;
}
.default-sidebar__wrapper .widget_calendar table {
  width: 100%;
  display: table;
}
.default-sidebar__wrapper .widget_calendar table #today {
  color: var(--primary);
  font-weight: 500;
}
.default-sidebar__wrapper .widget_calendar caption {
  font-weight: 600;
  margin-top: 15px;
}
.default-sidebar__wrapper .widget_pages li, .default-sidebar__wrapper .widget_meta li, .default-sidebar__wrapper .widget_nav_menu li, .default-sidebar__wrapper .widget_recent_entries li {
  display: grid;
}
.default-sidebar__wrapper .widget_pages li a, .default-sidebar__wrapper .widget_meta li a, .default-sidebar__wrapper .widget_nav_menu li a, .default-sidebar__wrapper .widget_recent_entries li a {
  color: var(--black-2);
  padding: 5px 0;
  text-transform: capitalize;
}
.default-sidebar__wrapper .widget_pages li a:hover, .default-sidebar__wrapper .widget_meta li a:hover, .default-sidebar__wrapper .widget_nav_menu li a:hover, .default-sidebar__wrapper .widget_recent_entries li a:hover {
  color: var(--primary);
}
.default-sidebar__wrapper .widget_pages .sub-menu,
.default-sidebar__wrapper .widget_pages .children, .default-sidebar__wrapper .widget_meta .sub-menu,
.default-sidebar__wrapper .widget_meta .children, .default-sidebar__wrapper .widget_nav_menu .sub-menu,
.default-sidebar__wrapper .widget_nav_menu .children, .default-sidebar__wrapper .widget_recent_entries .sub-menu,
.default-sidebar__wrapper .widget_recent_entries .children {
  margin-left: 15px;
}
.default-sidebar__wrapper .widget_categories li {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
  color: var(--black-2);
}
.default-sidebar__wrapper .widget_categories li a {
  padding: 5px 0;
  text-transform: capitalize;
}
.default-sidebar__wrapper .widget_categories li a:hover {
  color: var(--primary);
}
.default-sidebar__wrapper .widget_categories .children {
  grid-column: 1/-1;
  margin-left: 15px;
}
.default-sidebar__wrapper .widget_tag_cloud .tagcloud {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.default-sidebar__wrapper .widget_tag_cloud .tagcloud a {
  background-color: #EFEFEF;
  padding: 8px 10px;
  font-size: 12px !important;
  text-transform: capitalize;
  color: var(--black-2);
  font-weight: 500;
  transition: 0.5s;
}
.default-sidebar__wrapper .widget_tag_cloud .tagcloud a:hover {
  color: var(--black-2);
  background-color: var(--primary);
}
.default-sidebar__wrapper .widget_archive li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--black-2);
}
.default-sidebar__wrapper .widget_archive li a {
  padding: 5px 0;
  text-transform: capitalize;
}
.default-sidebar__wrapper .widget_archive li a:hover {
  color: var(--primary);
}
.default-sidebar__wrapper .widget_recent_comments ul {
  gap: 10px;
  display: grid;
}
.default-sidebar__wrapper .widget_recent_comments li {
  font-weight: 400;
  color: var(--black-2);
}
.default-sidebar__wrapper .widget_recent_comments li a {
  font-weight: 500;
  color: var(--black-2);
}
.default-sidebar__wrapper .widget_recent_comments li a:hover {
  color: var(--primary);
}
.default-sidebar__wrapper .widget_rss ul {
  gap: 20px;
  display: grid;
}
.default-sidebar__wrapper .widget_rss ul a {
  font-weight: 500;
  color: var(--black-2);
}
.default-sidebar__wrapper .widget_rss ul a:hover {
  color: var(--primary);
}
.default-sidebar__wrapper .widget_rss ul cite {
  margin-top: 3px;
  display: block;
  font-weight: 500;
}
.default-sidebar__wrapper .widget_rss ul .rss-date {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
}
.default-sidebar__wrapper .widget_text .textwidget img {
  max-width: 100%;
  height: auto;
}
.default-sidebar__wrapper .widget_text .textwidget p img {
  margin-top: 15px;
  margin-bottom: 15px;
}
.default-sidebar__wrapper .widget_media_gallery .gallery {
  gap: 5px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}
.default-sidebar__wrapper .widget_media_gallery .gallery img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.default-sidebar__wrapper .widget_media_gallery figure {
  margin: 0;
}

/*----------------------------------------*/
/*  13. FOOTER CSS START
/*----------------------------------------*/
.footer__area-8 {
  background-color: var(--black-3);
}
.footer__wrapper-8 {
  gap: 90px;
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
}
@media only screen and (max-width: 1399px) {
  .footer__wrapper-8 {
    gap: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .footer__wrapper-8 {
    gap: 30px;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .footer__wrapper-8 {
    gap: 20px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__wrapper-8 {
    grid-template-columns: 1fr;
  }
}

.copyright__area-8 {
  text-align: center;
  padding: 15px 0;
  margin-top: 70px;
  border-top: 1px solid var(--black-6);
}
.copyright__fees {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: var(--gray-4);
}

.footer__area-8 .default-sidebar__w-title {
  color: var(--white);
  text-decoration-color: var(--white);
}
.footer__area-8 .footer-widget {
  margin-bottom: 50px;
}
.footer__area-8 select {
  width: 100%;
  padding: 10px 15px;
  color: var(--white);
  border: 1px solid #ddd;
  text-transform: capitalize;
  background-color: transparent;
  border-radius: 5px;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23212121'%3E%3Cpath d='M24 24H0V0h24v24z' fill='none' opacity='1'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z'/%3E%3C/svg%3E");
  background-position-x: calc(100% - 10px);
  background-position-y: 50%;
  background-repeat: no-repeat;
  filter: brightness(100);
}
.footer__area-8 select option {
  color: var(--black-2);
}
.footer__area-8 .widget_calendar a {
  color: var(--white);
}
.footer__area-8 .widget_calendar a:hover {
  color: var(--primary);
}
.footer__area-8 .widget_calendar table {
  width: 100%;
}
.footer__area-8 .widget_calendar table tr {
  color: var(--white);
}
.footer__area-8 .widget_calendar table #today {
  color: #121212;
  background: var(--primary);
}
.footer__area-8 .widget_calendar table #today a {
  color: var(--white);
}
.footer__area-8 .widget_calendar caption {
  font-weight: 600;
  margin-top: 15px;
  color: var(--white);
}
.footer__area-8 .widget .wp-block-heading {
  color: #fff;
}
.footer__area-8 .widget .wp-block-latest-comments__comment-meta {
  color: #999999;
}
.footer__area-8 .widget .wp-block-search__label {
  color: #fff;
}
.footer__area-8 .widget ol.wp-block-latest-comments li,
.footer__area-8 .widget .wp-block-categories li,
.footer__area-8 .widget .wp-block-latest-posts li,
.footer__area-8 .widget .wp-block-archives li, .footer__area-8 .widget_pages li, .footer__area-8 .widget_meta li, .footer__area-8 .widget_nav_menu li, .footer__area-8 .widget_recent_entries li {
  display: grid;
}
.footer__area-8 .widget ol.wp-block-latest-comments li a,
.footer__area-8 .widget .wp-block-categories li a,
.footer__area-8 .widget .wp-block-latest-posts li a,
.footer__area-8 .widget .wp-block-archives li a, .footer__area-8 .widget_pages li a, .footer__area-8 .widget_meta li a, .footer__area-8 .widget_nav_menu li a, .footer__area-8 .widget_recent_entries li a {
  color: var(--white);
  padding: 5px 0;
  text-transform: capitalize;
}
.footer__area-8 .widget ol.wp-block-latest-comments li a:hover,
.footer__area-8 .widget .wp-block-categories li a:hover,
.footer__area-8 .widget .wp-block-latest-posts li a:hover,
.footer__area-8 .widget .wp-block-archives li a:hover, .footer__area-8 .widget_pages li a:hover, .footer__area-8 .widget_meta li a:hover, .footer__area-8 .widget_nav_menu li a:hover, .footer__area-8 .widget_recent_entries li a:hover {
  color: var(--primary);
}
.footer__area-8 .widget ol.wp-block-latest-comments .children,
.footer__area-8 .widget ol.wp-block-latest-comments .sub-menu,
.footer__area-8 .widget .wp-block-categories .children,
.footer__area-8 .widget .wp-block-categories .sub-menu,
.footer__area-8 .widget .wp-block-latest-posts .children,
.footer__area-8 .widget .wp-block-latest-posts .sub-menu,
.footer__area-8 .widget .wp-block-archives .children,
.footer__area-8 .widget .wp-block-archives .sub-menu, .footer__area-8 .widget_pages .children,
.footer__area-8 .widget_pages .sub-menu, .footer__area-8 .widget_meta .children,
.footer__area-8 .widget_meta .sub-menu, .footer__area-8 .widget_nav_menu .children,
.footer__area-8 .widget_nav_menu .sub-menu, .footer__area-8 .widget_recent_entries .children,
.footer__area-8 .widget_recent_entries .sub-menu {
  margin-inline-start: 15px;
}
@media only screen and (max-width: 1199px) {
  .footer__area-8 .widget ol.wp-block-latest-comments .children,
  .footer__area-8 .widget ol.wp-block-latest-comments .sub-menu,
  .footer__area-8 .widget .wp-block-categories .children,
  .footer__area-8 .widget .wp-block-categories .sub-menu,
  .footer__area-8 .widget .wp-block-latest-posts .children,
  .footer__area-8 .widget .wp-block-latest-posts .sub-menu,
  .footer__area-8 .widget .wp-block-archives .children,
  .footer__area-8 .widget .wp-block-archives .sub-menu, .footer__area-8 .widget_pages .children,
  .footer__area-8 .widget_pages .sub-menu, .footer__area-8 .widget_meta .children,
  .footer__area-8 .widget_meta .sub-menu, .footer__area-8 .widget_nav_menu .children,
  .footer__area-8 .widget_nav_menu .sub-menu, .footer__area-8 .widget_recent_entries .children,
  .footer__area-8 .widget_recent_entries .sub-menu {
    margin-inline-start: 10px;
  }
}
.footer__area-8 .widget_categories li {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  color: var(--white);
}
.footer__area-8 .widget_categories li a {
  padding: 5px 0;
  text-transform: capitalize;
}
.footer__area-8 .widget_categories li a:hover {
  color: var(--primary);
}
.footer__area-8 .widget_categories .children {
  margin-left: 15px;
  grid-column: 1/-1;
}
.footer__area-8 .widget_tag_cloud .tagcloud {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.footer__area-8 .widget_tag_cloud .tagcloud a {
  background-color: var(--black-6);
  padding: 8px 10px;
  font-size: 12px !important;
  text-transform: capitalize;
  color: var(--white);
  font-weight: 500;
  transition: 0.5s;
}
.footer__area-8 .widget_tag_cloud .tagcloud a:hover {
  color: var(--white);
  background-color: var(--primary);
}
.footer__area-8 .widget_archive li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--white);
}
.footer__area-8 .widget_archive li a {
  padding: 5px 0;
  text-transform: capitalize;
}
.footer__area-8 .widget_archive li a:hover {
  color: var(--primary);
}
.footer__area-8 .widget_recent_comments ul {
  gap: 20px;
  display: grid;
}
.footer__area-8 .widget_recent_comments li {
  font-weight: 400;
  color: var(--white);
}
.footer__area-8 .widget_recent_comments li a {
  font-weight: 500;
  color: var(--white);
}
.footer__area-8 .widget_recent_comments li a:hover {
  color: var(--primary);
}
.footer__area-8 .widget_rss ul {
  gap: 20px;
  display: grid;
}
.footer__area-8 .widget_rss ul a {
  font-weight: 500;
  color: var(--white);
}
.footer__area-8 .widget_rss ul a:hover {
  color: var(--primary);
}
.footer__area-8 .widget_rss .rssSummary {
  color: #999;
}
.footer__area-8 .widget_rss .rss-date {
  color: #999;
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
}
.footer__area-8 .widget_rss cite {
  color: #999;
  display: block;
  margin-top: 3px;
  font-weight: 500;
}
.footer__area-8 .widget_text .textwidget img {
  max-width: 100%;
  height: auto;
}
.footer__area-8 .widget_text .textwidget p {
  color: #999;
}
.footer__area-8 .widget_text .textwidget p strong {
  color: var(--white);
}
.footer__area-8 .widget_text .textwidget p img {
  margin-top: 15px;
  margin-bottom: 15px;
}
.footer__area-8 .widget .default-search__again-form form {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 15px;
  line-height: 0;
}
.footer__area-8 .widget .default-search__again-form form input, .footer__area-8 .widget .default-search__again-form form .elc-inbd-comment__field textarea, .elc-inbd-comment__field .footer__area-8 .widget .default-search__again-form form textarea, .footer__area-8 .widget .default-search__again-form form .binox-base .info--post-details .comment-form-comment textarea, .binox-base .info--post-details .comment-form-comment .footer__area-8 .widget .default-search__again-form form textarea {
  width: 100%;
  border: 0;
  background: transparent;
  padding-right: 30px;
  color: var(--white);
  padding: 0;
  height: unset;
}
.footer__area-8 .widget .default-search__again-form form input::-moz-placeholder, .footer__area-8 .widget .default-search__again-form form .elc-inbd-comment__field textarea::-moz-placeholder, .elc-inbd-comment__field .footer__area-8 .widget .default-search__again-form form textarea::-moz-placeholder, .footer__area-8 .widget .default-search__again-form form .binox-base .info--post-details .comment-form-comment textarea::-moz-placeholder, .binox-base .info--post-details .comment-form-comment .footer__area-8 .widget .default-search__again-form form textarea::-moz-placeholder {
  font-size: 14px;
  color: var(--black-9);
}
.footer__area-8 .widget .default-search__again-form form input::placeholder, .footer__area-8 .widget .default-search__again-form form .elc-inbd-comment__field textarea::placeholder, .elc-inbd-comment__field .footer__area-8 .widget .default-search__again-form form textarea::placeholder, .footer__area-8 .widget .default-search__again-form form .binox-base .info--post-details .comment-form-comment textarea::placeholder, .binox-base .info--post-details .comment-form-comment .footer__area-8 .widget .default-search__again-form form textarea::placeholder {
  font-size: 14px;
  color: var(--black-9);
}
.footer__area-8 .widget .default-search__again-form form input:focus, .footer__area-8 .widget .default-search__again-form form .elc-inbd-comment__field textarea:focus, .elc-inbd-comment__field .footer__area-8 .widget .default-search__again-form form textarea:focus, .footer__area-8 .widget .default-search__again-form form .binox-base .info--post-details .comment-form-comment textarea:focus, .binox-base .info--post-details .comment-form-comment .footer__area-8 .widget .default-search__again-form form textarea:focus {
  outline: 0;
}
.footer__area-8 .widget .default-search__again-form form button {
  position: absolute;
  inset-inline-end: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--white);
}
.footer__area-8 .widget .wp-block-search__input {
  min-width: 150px;
  background: transparent;
  color: #fff;
}
.footer__area-8 .widget .wp-block-search__button.wp-element-button {
  padding: 5px;
  color: var(--white);
  background: var(--primary);
  transition: all 0.3s;
}
.footer__area-8 .widget .wp-block-search__button.wp-element-button:hover {
  color: var(--black-2);
}/*# sourceMappingURL=master.css.map */