/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/
:root {
  --theme-font: "DM Sans", sans-serif;
  --color-black: #31274B;
  --color-copyright3: #15191B;
  --color-footer3: #222628;
  --color-white: #ffffff;
  --color-primary: #E85442;
  --color-secodary: #2B59FF;
  --color-blue: #2B59FF;
  --color-green: #47ED76;
  --color-black2: #12141D;
  --color-red: #E85442;
  --color-gray: #F7F5ED;
  --color-thard: #F0F4F9;
  --color-form: #F0F4F9;
  --white-border: rgb(223 223 223 / 87%);
  --color-body: #666666;
  --box-showdow: 0px 0px 33px 0px rgb(0 0 0 / 7%) ;
}

/*************************************
******** DEFAULT CSS  **********
*************************************/
body {
  font-size: 16px;
  line-height: 30px;
  color: var(--color-body);
  font-weight: 400;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  background: var(--color-white);
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  font-family: var(--theme-font);
}

a,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
dt,
th,
.comment-meta .fn,
.comment-reply-link,
.no-comments {
  color: var(--color-black2);
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--theme-font);
  font-weight: 700;
  margin-bottom: 15px;
}

h1 {
  font-size: 40px;
  line-height: 50px;
}

h2 {
  font-size: 36px;
  line-height: 46px;
}

h3 {
  font-size: 32px;
  line-height: 40px;
}

h4 {
  font-size: 28px;
  line-height: 37px;
}

h5 {
  font-size: 24px;
  line-height: 32px;
}

h6 {
  font-size: 22px;
  line-height: 28px;
}

a:hover {
  color: var(--color-primary);
  text-decoration: none;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto,
.col-xxl,
.col-xxl-1,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-auto {
  padding: 0 10px;
}

.tran-1,
.tran-1:hover {
  transition: 0.1s;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
}

.tran-2,
.tran-2:hover {
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
}

.tran-3,
.tran-3:hover {
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
}

.tran-4,
.tran-4:hover {
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
}

.tran-5,
.tran-5:hover {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
}

.tran-6,
.tran-6:hover {
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
}

.tran-7,
.tran-7:hover {
  transition: 0.7s;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
}

.tran-8,
.tran-8:hover {
  transition: 0.8s;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
}

@-webkit-keyframes ani {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}
@keyframes ani {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}
@-webkit-keyframes ani2 {
  from {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
  to {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
}
@keyframes ani2 {
  from {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
  to {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
}
ul.slick-dots {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  position: absolute;
  width: 100%;
  margin-top: 10px;
}
ul.slick-dots li {
  display: inline-block;
  margin: 0 4px;
  line-height: 0;
}
ul.slick-dots li button {
  font-size: 0;
  border: none;
  width: 10px;
  height: 10px;
  background: var(--color-thard);
  border-radius: 100%;
  display: inline-block;
  padding: 0;
}
ul.slick-dots li.slick-active button {
  background-color: var(--color-primary);
}

.page-builder-not-used .site-main.content-area {
  padding: 120px 0;
}

.search .site-main.content-area {
  padding: 120px 0;
}

p:empty {
  display: none;
}

button.slick-prev.slick-arrow {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 60px;
  width: 60px;
  z-index: 9;
  margin: auto 0;
  font-size: 0;
  line-height: 1;
  background: var(--color-primary);
  border: transparent;
  color: var(--color-white);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border-radius: 100%;
}
button.slick-prev.slick-arrow::before {
  content: "\f12c";
  font-family: "bootstrap-icons";
  font-size: 32px;
}
button.slick-prev.slick-arrow:hover {
  background-color: var(--color-black);
}

.slick-slider {
  position: relative;
}

button.slick-next.slick-arrow {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  height: 60px;
  width: 60px;
  z-index: 9;
  margin: auto 0;
  font-size: 0;
  line-height: 1;
  background: var(--color-primary);
  border: transparent;
  color: var(--color-white);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border-radius: 100%;
}
button.slick-next.slick-arrow:hover {
  background-color: var(--color-black);
}
button.slick-next.slick-arrow::before {
  content: "\f135";
  font-family: "bootstrap-icons";
  font-size: 32px;
}

.to-top {
  width: 40px;
  height: 40px;
  position: fixed;
  right: 50px;
  background: var(--color-primary);
  bottom: 20px;
  text-align: center;
  color: var(--color-white);
  font-size: 16px;
  padding: 8px;
  cursor: pointer;
  border-radius: 5px;
  transition: 0.4s;
}

.site-main.team-details {
  margin: 120px 0;
}

.share-this-post ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.share-this-post ul li {
  display: inline-block;
}
.share-this-post ul li a {
  display: block;
  width: 35px;
  height: 35px;
  background: var(--color-black);
  text-align: center;
  padding: 4px;
  font-size: 14px;
  color: var(--color-white);
  border-radius: 5px;
}
.share-this-post ul li.facebook a {
  background-color: #506EAF;
}
.share-this-post ul li.twitter a {
  background-color: #4093C9;
}
.share-this-post ul li.pinterest a {
  background: #AB1F23;
}
.share-this-post ul li.linkedin a {
  background: #0072b1;
}

.post-share .share-this-post ul li a {
  background: transparent;
  width: auto;
  height: auto;
}

.elementor-widget-wp-widget-nav_menu .menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.elementor-widget-wp-widget-nav_menu .menu li a {
  display: block;
  border: 1px solid #E3E3E3;
  margin: 10px 0;
  padding: 11px 20px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  position: relative;
}
.elementor-widget-wp-widget-nav_menu .menu li a:hover {
  border-color: #5842BC;
  color: #5842BC;
}
.elementor-widget-wp-widget-nav_menu .menu li a::after {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  float: right;
}
.elementor-widget-wp-widget-nav_menu .menu .current-menu-item a,
.elementor-widget-wp-widget-nav_menu .menu .current_page_item a {
  border-color: #5842BC;
  color: #5842BC;
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1170px;
  }
}
.container-1540 {
  max-width: 1540px;
  padding-left: var(--bs-gutter-x, 0.75rem);
  padding-right: var(--bs-gutter-x, 0.75rem);
  margin-left: auto;
  margin-right: auto;
}

.container-1320 {
  max-width: 1320px;
  padding-left: var(--bs-gutter-x, 0.75rem);
  padding-right: var(--bs-gutter-x, 0.75rem);
  margin-left: auto;
  margin-right: auto;
}

/*************************************
******** HEADER TOP CSS  **********
*************************************/
.header-top-inner {
  padding: 15px 0;
}
.header-top-inner .header-top-items ul {
  padding: 0;
  margin: 0;
}
.header-top-inner .header-top-items ul li {
  display: inline-block;
}
.header-top-inner .topbar-left-section ul li {
  margin-right: 28px;
}
.header-top-inner .topbar-left-section ul li:last-child {
  margin-right: 0px;
}
.header-top-inner .topbar-left-section ul li i {
  margin-right: 8px;
}
.header-top-inner .topbar-right-section {
  text-align: right;
}
.header-top-inner .header-socials-icon ul li a {
  margin-left: 20px;
  font-size: 15px;
}
.header-top-inner .header-socials-icon ul li:first-child a {
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .header-top-inner .topbar-left-section {
    text-align: center;
  }
  .header-top-inner .topbar-right-section {
    display: none;
  }
}
@media screen and (max-width: 503px) {
  .header-top-inner .topbar-left-section ul li {
    margin-right: 0;
    display: block;
  }
}

/*************************************
******** HEADER ONE DESIGN CSS  **********
*************************************/
.site-header.header-one {
  position: absolute;
  width: 100%;
  z-index: 999;
}
.site-header.header-one .main-header {
  background: var(--color-white);
  padding: 0 20px;
  border-radius: 5px;
}
.site-header.header-one .sticky-bar .main-header {
  box-shadow: var(--box-showdow);
}

.site-header.header-one.default {
  margin-top: 20px;
}

@media screen and (max-width: 1023px) {
  .site-header.header-one .main-header {
    padding: 10px 20px;
  }
}
@media screen and (max-width: 767px) {
  .site-header.header-one .main-header {
    padding: 5px 20px;
  }
  .site-header.header-one .main-header .logo-area .site-branding img {
    margin-bottom: 7px;
  }
}
/*************************************
******** HEADER THREE DESIGN CSS  **********
*************************************/
.header-three {
  position: absolute;
  width: 100%;
  z-index: 1;
}
.header-three .button.search-open {
  margin-right: 100px;
  background: transparent;
  color: var(--color-white);
  width: auto;
  height: auto;
  margin-left: 10px;
  font-size: 14px;
}
.header-three .button.search-open:hover {
  color: var(--color-red);
  background-color: transparent;
}
.header-three .button-cta .theme-btns {
  padding: 16px 40px;
  border-radius: 50px;
  background: var(--color-red);
}
.header-three .button-cta .theme-btns:hover {
  background-color: var(--color-white);
  color: var(--color-black);
}
.header-three .main-navigation .stellarnav .menu-toggle span.bars span {
  background: #ffffff;
}
@media screen and (max-width: 1023px) {
  .header-three .main-navigation .button.search-open {
    position: absolute;
    right: 140px;
  }
}
.header-three .main-navigation ul li a {
  color: var(--color-white);
  font-weight: 400;
}
.header-three .main-navigation ul li a:hover {
  color: var(--color-red);
}
.header-three .main-navigation ul ul li a {
  color: var(--color-black);
}
.header-three .main-navigation ul ul li a:hover {
  background-color: var(--color-red);
  color: var(--color-white);
}

/*************************************
******** HEADER TWO DESIGN CSS  **********
*************************************/
.site-header.header-two {
  position: absolute;
  width: 100%;
  z-index: 999;
}
.site-header.header-two .button.search-open {
  width: auto;
  height: auto;
  background: none;
}
.site-header.header-two .button.search-open:hover {
  background-color: none;
  color: var(--color-black);
}
.site-header.header-two .sticky-bar {
  background: var(--color-white);
  box-shadow: var(--box-showdow);
  padding: 0;
  margin: 0;
}

/*************************************
******** HEADER FOUR DESIGN CSS  **********
*************************************/
.header-four {
  position: absolute;
  width: 100%;
}
.header-four .sticky-bar {
  background-color: var(--color-white);
}
.header-four .header4-login-btn a {
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  color: var(--color-black);
  margin-right: 29px;
}
.header-four .header4-login-btn a:hover {
  color: var(--color-blue);
}
@media screen and (max-width: 1023px) {
  .header-four .header4-login-btn {
    position: absolute;
    right: 250px;
    top: 25px;
  }
}
@media screen and (max-width: 767px) {
  .header-four .header4-login-btn {
    display: none;
  }
}
.header-four .button-cta .theme-btns {
  padding: 20px 40px;
  border-radius: 100px;
  background-color: var(--color-blue);
}
.header-four .button.search-open {
  color: var(--color-black);
  background-color: transparent;
}
.header-four .button.search-open:hover {
  background-color: transparent;
  color: var(--color-blue);
}
.header-four .main-navigation ul li a {
  color: var(--color-black);
}
.header-four .main-navigation ul li a:hover {
  color: var(--color-blue);
}
.header-four .main-navigation ul li ul li a:hover {
  background-color: var(--color-blue);
}
.header-four .main-navigation ul li ul li.current_page_item > a,
.header-four .main-navigation ul li ul li.current-menu-item > a {
  background-color: var(--color-blue);
  color: var(--color-white);
}
.header-four .header-search-popup .header-search-popup-content form button {
  background-color: var(--color-blue);
}
@media screen and (min-width: 1024px) and (max-width: 1399px) {
  .header-four .main-navigation .button.button-cta {
    display: inline-block;
  }
  .header-four .header4-login-btn {
    display: none;
  }
}

/*************************************
******** HEADER SEARCH ICON CSS  **********
*************************************/
.header-search-popup {
  position: fixed;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  top: 0;
  left: 0;
  transform: translateY(-130%);
  transition: transform 600ms ease, opacity 600ms ease;
}
.header-search-popup .header-search-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(6, 18, 39);
  opacity: 0.8;
  cursor: pointer;
  z-index: -1;
}
.header-search-popup .header-search-popup-content {
  width: 100%;
  max-width: 550px;
}
.header-search-popup .header-search-popup-content form {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  background-color: var(--color-white);
  overflow: hidden;
}
.header-search-popup .header-search-popup-content form button {
  border: none;
  outline: none;
  padding: 0;
  width: 70px;
  height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 0;
  right: -1px;
  border-radius: 0;
  background-color: var(--color-primary);
  color: var(--color-white);
}

.header-search-popup.active {
  transform: translateY(0%);
}

.button.search-open {
  cursor: pointer;
  transition: 0.4s;
  margin-right: 30px;
  width: 50px;
  height: 50px;
  background-color: var(--color-form);
  padding: 17px 0;
  border-radius: 100%;
  text-align: center;
  color: var(--color-primary);
}
.button.search-open:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}

/*************************************
******** NAVICATION CSS  **********
*************************************/
.site-branding h1 {
  margin: 0;
}
.site-branding h1 a {
  color: var(--color-white);
}
.site-branding img {
  max-width: 100%;
}

.main-navigation {
  z-index: 999;
}
.main-navigation ul li {
  display: inline-block;
  position: relative;
}
.main-navigation ul li a {
  padding: 30px 15px;
  display: block;
  text-transform: capitalize;
  color: var(--color-black);
  font-size: 16px;
  font-weight: 600;
  position: relative;
  z-index: 1;
}
.main-navigation ul li a:hover {
  color: var(--color-primary);
}
.main-navigation ul ul.sub-menu li a {
  color: var(--color-black);
}
.main-navigation ul ul.sub-menu li a:hover {
  color: var(--color-white);
}
.main-navigation ul > ul > li > ul > li:last-child > a {
  border-bottom: none;
}

.navbar {
  padding: 0;
}
.navbar ul li.mega > ul > li > a[href="#"] {
  cursor: text;
}
.navbar ul li a[title] {
  position: relative;
}
.navbar ul li a[title]::before {
  content: "";
  padding: 3px;
  top: 15px;
  position: absolute;
  left: auto;
  right: 22px;
  width: 0;
  height: 0;
  border-bottom: 12px solid transparent;
  border-left: 22px solid var(--color-primary);
  border-top: 0px solid transparent;
}
.navbar ul li a[title]::after {
  content: attr(title);
  position: absolute;
  top: 3px;
  left: auto;
  z-index: 99999;
  visibility: visible;
  white-space: nowrap;
  background-color: var(--color-primary);
  color: var(--color-white);
  font-size: 10px;
  opacity: 1;
  right: 21px;
  padding: 5px 7px;
  border-radius: 4px;
  font-weight: 400;
}
.navbar ul li a[title]:hover::after {
  opacity: 1;
  transition: all 0.1s ease 0.5s;
  visibility: visible;
}

.sticky-bar {
  position: fixed;
  padding-top: 10px;
  padding-bottom: 15px;
  z-index: 999999999;
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  width: 100%;
  top: 0;
}

@media screen and (min-width: 1024px) and (max-width: 1399px) {
  .main-navigation ul li a {
    padding: 30px 14px;
  }
  .main-navigation .button.search-open {
    margin-right: 0;
  }
  .main-navigation .button.button-cta {
    display: none;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1447px) {
  .main-navigation ul li a {
    padding: 40px 18px 40px 18px;
  }
}
@media screen and (min-width: 1023px) {
  .main-navigation ul li ul {
    position: absolute;
    background: var(--color-white);
    right: 0;
    top: auto;
    z-index: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0px 4px 10px -5px rgba(0, 0, 0, 0.2);
  }
  .main-navigation ul li ul li a {
    padding: 16px 20px;
    line-height: 26px;
    font-weight: 500;
    border-bottom: 1px solid var(--white-border);
  }
  .main-navigation ul li ul li a:hover {
    color: var(--color-white);
    background-color: var(--color-primary);
  }
  .main-navigation ul li ul li.current-menu-item > a {
    color: var(--color-white);
    background-color: var(--color-primary);
  }
  .main-navigation ul li ul li.current_page_item > a {
    color: var(--color-white);
    background-color: var(--color-primary);
  }
  .main-navigation ul li ul li.current_page_ancestor > a {
    color: var(--color-white);
    background-color: var(--color-primary);
  }
  .main-navigation ul li:hover > ul {
    opacity: 1;
    visibility: visible;
    padding: 0;
  }
  .main-navigation .nav-menu > ul > lia:last-child {
    border-color: transparent;
  }
}
@media screen and (min-width: 992px) and (max-width: 1023px) {
  .site-branding {
    padding: 5px 0px;
  }
}
@media screen and (max-width: 1023px) {
  .main-navigation a.menu-toggle.full {
    position: absolute;
    right: 0;
    float: right;
    width: auto;
    bottom: 0;
    padding: 0;
    top: 0;
    height: 67px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .main-navigation ul > ul > li > ul > li:last-child > a {
    border-bottom: 1px solid var(--white-border);
  }
  .main-navigation ul li a {
    padding: 15px;
    font-size: 14px;
    font-weight: normal;
  }
  .main-navigation ul#mainmenu {
    margin-left: 0 !important;
    width: 100%;
    margin-top: 0px;
  }
  .main-navigation ul#mainmenu ul {
    padding-left: 15px;
  }
  .main-navigation .navbar-collapse.nav-menu.stellarnav.mobile.active ul li a {
    color: var(--color-white);
  }
  .main-navigation .navbar-expand-lg {
    flex-wrap: wrap;
  }
  .main-navigation .button.search-open {
    position: absolute;
    right: 213px;
    top: 10px;
  }
  .main-navigation .button.button-cta {
    position: absolute;
    top: 5px;
    right: 60px;
  }
  .navbar ul li a[title]::before {
    content: unset;
  }
  .sticky-bar {
    position: relative !important;
  }
}
@media screen and (max-width: 992px) {
  .logo-area .site-branding {
    min-width: auto;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .sticky-bar {
    position: relative !important;
  }
  .main-navigation .navbar-collapse.nav-menu .button a,
  .main-navigation .navbar-collapse.nav-menu .button.search-open {
    display: none;
  }
  .main-navigation ul#mainmenu {
    margin-left: 0 !important;
  }
  .main-navigation ul li a {
    padding: 15px;
  }
  .main-navigation ul > ul > li > ul > li:last-child > a {
    border-bottom: 1px solid var(--white-border);
  }
  .main-navigation .navbar-collapse.nav-menu.stellarnav.mobile.active ul li a {
    color: var(--color-white);
  }
}
/*************************************
******** BUTTONS CSS  **********
*************************************/
.button .theme-btns,
.post-button .theme-btns {
  line-height: 1.4;
  padding: 1.2rem 3.2rem;
  font-family: "DM Sans";
  font-weight: 600;
  letter-spacing: 0.05em;
  text-align: center;
  border-radius: 100px;
  border-width: 0;
  overflow: hidden;
  display: inline-block;
  font-size: 16px;
  background-color: var(--color-primary);
  color: var(--color-white);
}
.button .theme-btns:hover,
.post-button .theme-btns:hover {
  background-color: var(--color-black);
  color: var(--color-white);
}
.button .theme-btns:hover i,
.post-button .theme-btns:hover i {
  margin-left: 10px;
  margin-right: -5px;
}
.button .theme-btns i,
.post-button .theme-btns i {
  position: relative;
  top: 2px;
  margin-left: 5px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
}
.button .theme-btns.btn-border,
.post-button .theme-btns.btn-border {
  background-color: transparent;
  border: 2px solid #dbdbdb;
  margin-left: 20px;
  color: var(--color-black);
}
.button .theme-btns.btn-border:hover,
.post-button .theme-btns.btn-border:hover {
  background-color: var(--color-black);
  color: var(--color-white);
  border-color: transparent;
}

/*************************************
******** PRELOADER CSS  **********
*************************************/
.preloader-area {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: var(--color-white);
  z-index: 999999999999999;
}
.preloader-area .theme-loader {
  width: 70px;
  height: 70px;
  margin: auto;
  transform-style: preserve-3d;
  animation: animate 4.59s ease-in-out infinite;
  z-index: 999;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.preloader-area .theme-loader::after {
  content: "";
  width: 50px;
  height: 50px;
  border: 15px solid var(--color-primary);
  border-radius: 50%;
  position: absolute;
  animation: animate_1 1.73s ease-in-out infinite both reverse;
  border-color: var(--color-primary);
  animation-delay: -0.86s;
}
.preloader-area .theme-loader::before {
  content: "";
  width: 50px;
  height: 50px;
  border: 15px solid var(--color-black);
  border-radius: 50%;
  position: absolute;
  animation: animate_1 1.73s ease-in-out infinite both reverse;
}

@keyframes animate {
  0%, 100% {
    transform: rotateX(8.75deg) rotateY(35deg);
  }
  50% {
    transform: rotateX(35deg) rotateY(-35deg) rotate(180deg);
  }
}
@keyframes animate_1 {
  0%, 100% {
    transform: translateZ(25px) rotateX(14deg);
  }
  33% {
    transform: translateZ(-25px) scale(0.4);
  }
  66% {
    transform: translateZ(-25px);
  }
}
/*************************************
******** BREADCROUMB CSS  **********
*************************************/
.breadcroumb-area {
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 220px;
  padding-bottom: 140px;
  background-color: var(--color-black2);
  text-align: center;
}
.breadcroumb-area .breadcroumn-contnt .brea-title {
  font-size: 42px;
  color: var(--color-white);
  line-height: 50px;
  font-weight: 900;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .breadcroumb-area .breadcroumn-contnt .brea-title {
    font-size: 33px;
  }
}
.breadcroumb-area .breadcroumn-contnt .bre-sub {
  color: var(--color-white);
}
.breadcroumb-area .breadcroumn-contnt .bre-sub span {
  margin: 0 2px;
  font-size: 16px;
  font-weight: 400;
  color: var(--color-white);
}
.breadcroumb-area .breadcroumn-contnt .bre-sub span a {
  color: var(--color-primary);
}
.breadcroumb-area .breadcroumn-contnt .bre-sub span a:hover {
  color: var(--color-white);
}

/*************************************
******** ERROR PAGE CSS  **********
*************************************/
.error-404.not-found {
  text-align: center;
  padding: 120px 78px;
}
.error-404.not-found .error-dec h2 {
  line-height: 40px;
  margin-bottom: 38px;
  font-size: 48px;
}
.error-404.not-found .error-button {
  display: block;
  clear: both;
  margin-top: 40px;
  line-height: 4;
}
.error-404.not-found .error-button .theme-btns {
  padding: 20px 50px;
}
.error-404.not-found .error-image {
  margin-bottom: 60px;
}

/*************************************
******** SEARCH PAGE CSS  **********
*************************************/
.page-content .search-form {
  position: relative;
}
.page-content .search-form input.search-field {
  width: 100%;
  padding: 15px;
  border: 1px solid var(--color-primary);
}
.page-content .search-form input.search-field:focus {
  outline: none;
}
.page-content .search-form .search-button button {
  top: 0;
  position: absolute;
  right: 0;
  padding: 23px 31px;
  border: none;
  background: transparent;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  line-height: 1.5;
}
.page-content .search-form .search-button button:hover {
  color: var(--color-primary);
}

/*************************************
******** DEFAULT BLOG CSS  **********
*************************************/
.all-posts-wrapper .post-details .post-img {
  margin-bottom: 30px;
}
.all-posts-wrapper .post-details .post-meta-box {
  padding-top: 0;
}
.all-posts-wrapper .post-details .post-tag-social {
  font-size: 14px;
  margin: 0px 0 40px 0;
  clear: both;
  padding-top: 30px;
}
.all-posts-wrapper .post-details .post-tag-social .post-tag label {
  font-weight: bold;
  color: var(--color-black);
}
.all-posts-wrapper .post-details .post-tag-social .post-tag span.tagcloud a {
  margin-left: 5px;
  text-transform: capitalize;
  color: var(--color-black);
  display: inline-block;
}
.all-posts-wrapper .post-details .post-tag-social .post-tag span.tagcloud a:hover {
  color: var(--color-primary);
}
.all-posts-wrapper .post-details .post-tag-social .post-share {
  margin-right: 6px;
}
.all-posts-wrapper .post-details .post-tag-social .post-share label {
  color: var(--color-black);
}
.all-posts-wrapper .post-details .post-tag-social .post-share .share-this-post {
  display: inline-block;
}
.all-posts-wrapper .post-details .post-tag-social .post-share ul {
  padding: 0;
  margin: 0;
}
.all-posts-wrapper .post-details .post-tag-social .post-share ul li {
  display: inline-block;
  text-align: center;
  margin-left: 5px;
}
.all-posts-wrapper .post-details .post-tag-social .post-share ul li a {
  width: 30px;
  height: 30px;
  display: block;
  color: var(--color-white);
  background-color: var(--color-primary);
  border-radius: 100%;
  font-size: 13px;
  line-height: 26px;
}
.all-posts-wrapper .post-details .post-tag-social .post-share ul li a:hover {
  background-color: var(--color-black);
  color: var(--color-white);
}
.all-posts-wrapper .post-meta-box {
  line-height: 1;
  padding-top: 33px;
  padding-bottom: 20px;
}
.all-posts-wrapper .post-meta-box ul {
  padding: 0;
  margin: 0;
}
.all-posts-wrapper .post-meta-box ul li {
  display: inline-block;
  margin-right: 30px;
  font-size: 14px;
  text-transform: capitalize;
  line-height: 27px;
}
.all-posts-wrapper .post-meta-box ul li i {
  margin-right: 10px;
  color: var(--color-primary);
}
.all-posts-wrapper .post-meta-box ul li a {
  color: var(--color-black);
}
.all-posts-wrapper .post-meta-box ul li a:hover {
  color: var(--color-primary);
}
.all-posts-wrapper .post-meta-box ul li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 412px) {
  .all-posts-wrapper .post-meta-box ul li {
    margin-right: 12px;
  }
}
.all-posts-wrapper .post-meta-box ul li.post-cat a {
  display: inline-block;
}
.all-posts-wrapper .post-meta-box .post-share {
  margin-right: 6px;
}
.all-posts-wrapper .post-meta-box .post-share label {
  margin-right: 0px;
  color: var(--color-black);
}
.all-posts-wrapper .post-meta-box .post-share .share-this-post {
  display: inline-block;
}
.all-posts-wrapper .post-meta-box .post-share .share-this-post ul li {
  margin-right: 0;
  margin-left: 15px;
}
.all-posts-wrapper .post-meta-box .post-share .share-this-post ul li a i {
  color: var(--color-black);
  margin-right: 0;
}
.all-posts-wrapper .post-meta-box .post-share .share-this-post ul li a:hover i {
  color: var(--color-primary);
}
.all-posts-wrapper .single-post-item {
  margin-bottom: 60px;
}
.all-posts-wrapper .single-post-item .post-single img {
  height: auto;
}
.all-posts-wrapper .single-post-item .post-single .post-img {
  position: relative;
}
.all-posts-wrapper .single-post-item .post-single .post-img img {
  max-width: 100%;
  object-fit: cover;
}
.all-posts-wrapper .single-post-item .post-single .post-title h2.entry-title {
  padding: 0;
  margin: 0;
  font-size: 30px;
  line-height: 40px;
  color: var(--color-black);
}
.all-posts-wrapper .single-post-item .post-single .post-content {
  padding-top: 16px;
}
.all-posts-wrapper .single-post-item .post-content {
  padding-top: 0px;
  margin-bottom: 25px;
}
.all-posts-wrapper .single-post-item .post-content p {
  font-size: 16px;
  line-height: 1.7;
}
.all-posts-wrapper .single-post-item .post-button .theme-btns {
  padding: 20px 45px;
  font-size: 15px;
}

.post-contents.entry-content p {
  margin-bottom: 25px;
}

/*************************************
******** POST FORMATE CSS  **********
*************************************/
.post-single .slick-slider img {
  height: auto;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.row.all-posts-wrapper .format-audio .format-audio .vendor {
  margin-bottom: -10px;
}

.post-single.format-quote .post-contents {
  background: var(--color-primary);
  padding: 50px;
  position: relative;
  z-index: 1;
}
.post-single.format-quote .post-contents h2.entry-title a {
  color: var(--color-white);
  line-height: 40px;
}
.post-single.format-quote .post-contents h2.entry-title a:hover {
  color: var(--color-black);
}
.post-single.format-quote .post-contents::after {
  content: "\f10e";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 0;
  text-align: center;
  font-size: 120px;
  z-index: -1;
  color: var(--color-white);
  opacity: 0.1;
}

.format-gallery {
  overflow: hidden;
}
.format-gallery .post-gallerys button.slick-next.slick-arrow {
  right: -100px;
}
.format-gallery .post-gallerys button.slick-prev.slick-arrow {
  left: -100px;
}
.format-gallery:hover .post-gallerys button.slick-prev.slick-arrow {
  left: 20px;
}
.format-gallery:hover .post-gallerys button.slick-next.slick-arrow {
  right: 20px;
}

.format-video .post-img {
  position: relative;
}
.format-video .post-img a.post-video {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  background-color: var(--color-primary);
  border-radius: 100%;
  text-align: center;
  vertical-align: middle;
  line-height: 101px;
  color: var(--color-white);
}

/*************************************
******** AUTHOR SECTION CSS  **********
*************************************/
.author-info-wrapper .author-info-inner {
  display: flex;
  box-shadow: var(--box-showdow);
  padding: 29px 22px;
  border-radius: 5px;
  margin-bottom: 40px;
}
@media screen and (max-width: 575px) {
  .author-info-wrapper .author-info-inner {
    display: block;
    text-align: center;
    padding: 35px;
  }
}
.author-info-wrapper .author-info-left {
  margin-right: 40px;
}
@media screen and (max-width: 575px) {
  .author-info-wrapper .author-info-left {
    margin-right: 0px;
  }
}
.author-info-wrapper .author-info-left .author-img {
  width: 140px;
  height: 140px;
  border-radius: 100%;
}
@media screen and (max-width: 575px) {
  .author-info-wrapper .author-info-left .author-img {
    margin: 0 auto;
    margin-bottom: 30px;
  }
}
.author-info-wrapper .author-info-left .author-img img {
  width: 100%;
  object-fit: cover;
  border-radius: 100%;
  margin-right: 40px;
}
.author-info-wrapper .author-info-right .author-info-title {
  font-size: 24px;
  text-transform: capitalize;
  margin: 0;
  line-height: 24px;
}
.author-info-wrapper .author-info-right .author-dec {
  margin-top: 12px;
  margin-bottom: 15px;
}
.author-info-wrapper .author-info-right .author-social-info ul {
  margin: 0;
  padding: 0;
}
.author-info-wrapper .author-info-right .author-social-info ul li {
  display: inline-block;
  margin-right: 8px;
}
.author-info-wrapper .author-info-right .author-social-info ul li a {
  width: 30px;
  height: 30px;
  display: block;
  background: var(--color-primary);
  text-align: center;
  color: var(--color-white);
  font-size: 12px;
  border-radius: 100%;
  line-height: 32px;
}
.author-info-wrapper .author-info-right .author-social-info ul li a:hover {
  background: var(--color-black);
  color: var(--color-white);
}

/*************************************
******** AUTHOR SECTION CSS  **********
*************************************/
nav.navigation.pagination ul,
.woocommerce-pagination ul,
.pagination-area ul,
nav.navigation.comments-pagination ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
nav.navigation.pagination ul li,
.woocommerce-pagination ul li,
.pagination-area ul li,
nav.navigation.comments-pagination ul li {
  display: inline-block;
  margin-right: 5px;
}
nav.navigation.pagination ul li a:hover,
.woocommerce-pagination ul li a:hover,
.pagination-area ul li a:hover,
nav.navigation.comments-pagination ul li a:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
  border-color: transparent;
}
nav.navigation.pagination ul li a,
nav.navigation.pagination ul li span,
nav.navigation.pagination ul li span.page-numbers.current,
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span,
.woocommerce-pagination ul li span.page-numbers.current,
.pagination-area ul li a,
.pagination-area ul li span,
.pagination-area ul li span.page-numbers.current,
nav.navigation.comments-pagination ul li a,
nav.navigation.comments-pagination ul li span,
nav.navigation.comments-pagination ul li span.page-numbers.current {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 2px solid var(--color-thard);
  text-align: center;
  vertical-align: middle;
  color: var(--color-black);
  line-height: 50px;
  font-weight: 400;
}
nav.navigation.pagination ul li span.page-numbers.current,
nav.navigation.pagination ul li span.current,
nav.navigation.pagination ul li a.current,
nav.navigation.pagination ul li span,
.woocommerce-pagination ul li span.page-numbers.current,
.woocommerce-pagination ul li span.current,
.woocommerce-pagination ul li a.current,
.woocommerce-pagination ul li span,
.pagination-area ul li span.page-numbers.current,
.pagination-area ul li span.current,
.pagination-area ul li a.current,
.pagination-area ul li span,
nav.navigation.comments-pagination ul li span.page-numbers.current,
nav.navigation.comments-pagination ul li span.current,
nav.navigation.comments-pagination ul li a.current,
nav.navigation.comments-pagination ul li span {
  background-color: var(--color-primary);
  color: var(--color-white);
  border-color: transparent;
}

.page-links span.current {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.page-links span,
.page-links a {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 2px solid var(--color-primary);
  text-align: center;
  vertical-align: middle;
  color: var(--color-black);
  line-height: 50px;
  font-weight: 400;
}
.page-links span:hover,
.page-links a:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
  border-color: transparent;
}

.pagination-area {
  text-align: center;
  margin: 40px 0;
}

.comments-area a.page-numbers:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.comment-pagination:empty {
  margin-top: 0;
  display: none;
}

.comment-content a a {
  word-wrap: break-word;
}

nav.navigation.comments-pagination {
  margin-top: 50px;
}

nav.navigation.post-navigation {
  padding: 17px 0;
  border-top: 2px solid var(--color-thard);
  border-bottom: 2px solid var(--color-thard);
  margin-top: 100px;
  margin-bottom: 100px;
}
nav.navigation.post-navigation .nav-links .nav-previous,
nav.navigation.post-navigation .nav-links .nav-next {
  width: 50%;
  display: inline-block;
}
nav.navigation.post-navigation .nav-links .nav-previous a,
nav.navigation.post-navigation .nav-links .nav-next a {
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  position: relative;
  display: inline-block;
  line-height: 28px;
  width: 100%;
}
nav.navigation.post-navigation .nav-links .nav-previous a .nav-title,
nav.navigation.post-navigation .nav-links .nav-next a .nav-title {
  display: none;
}
nav.navigation.post-navigation .nav-links .nav-next {
  text-align: right;
}
nav.navigation.post-navigation .nav-links .nav-next a::after {
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  margin-left: 5px;
}
nav.navigation.post-navigation .nav-links .nav-previous a::before {
  content: "\f060";
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  margin-right: 5px;
}

.navigation.adrun-post-pagination nav.navigation.post-navigation {
  margin-top: 0;
  margin-bottom: 0;
  border: none;
  padding: 30px 0;
  overflow: hidden;
}
.navigation.adrun-post-pagination nav.navigation.post-navigation .nav-links {
  display: flex;
}
.navigation.adrun-post-pagination nav.navigation.post-navigation .nav-links .nav-next,
.navigation.adrun-post-pagination nav.navigation.post-navigation .nav-links .nav-previous {
  width: 50%;
}
@media screen and (max-width: 575px) {
  .navigation.adrun-post-pagination nav.navigation.post-navigation .nav-links .nav-next,
  .navigation.adrun-post-pagination nav.navigation.post-navigation .nav-links .nav-previous {
    width: 100%;
  }
}
.navigation.adrun-post-pagination nav.navigation.post-navigation .nav-links .nav-next a,
.navigation.adrun-post-pagination nav.navigation.post-navigation .nav-links .nav-previous a {
  padding: 30px;
  background-color: var(--color-thard);
}
.navigation.adrun-post-pagination nav.navigation.post-navigation .nav-links .nav-next a .adrun-nav-title,
.navigation.adrun-post-pagination nav.navigation.post-navigation .nav-links .nav-previous a .adrun-nav-title {
  position: relative;
  top: 5px;
}
.navigation.adrun-post-pagination nav.navigation.post-navigation .nav-links .nav-next a:hover,
.navigation.adrun-post-pagination nav.navigation.post-navigation .nav-links .nav-previous a:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}
@media screen and (max-width: 575px) {
  .navigation.adrun-post-pagination nav.navigation.post-navigation .nav-links {
    display: block;
  }
}
.navigation.adrun-post-pagination nav.navigation.post-navigation .nav-links .nav-next {
  margin-left: 15px;
}
@media screen and (max-width: 575px) {
  .navigation.adrun-post-pagination nav.navigation.post-navigation .nav-links .nav-next {
    margin-left: 0px;
    margin-top: 30px;
  }
}
.navigation.adrun-post-pagination nav.navigation.post-navigation .nav-links .nav-next a::after {
  content: "";
  margin: 0;
  padding: 0;
  font-size: 0;
}
.navigation.adrun-post-pagination nav.navigation.post-navigation .nav-links .nav-previous {
  margin-right: 15px;
}
.navigation.adrun-post-pagination nav.navigation.post-navigation .nav-links .nav-previous a::before {
  content: "";
  margin: 0;
  padding: 0;
  font-size: 0;
}

/*************************************
******** AUTHOR PAGE CSS  **********
*************************************/
.widget.author-info-item .author-img {
  width: 100px;
  height: 100px;
  clear: both;
  margin-bottom: 25px;
}
.widget.author-info-item .author-img img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.16);
}
.widget.author-info-item ul li > span {
  font-weight: bold;
  color: var(--color-black2);
  margin-right: 9px;
}
.widget.author-info-item .author-social-info {
  margin-top: 10px;
}
.widget.author-info-item .author-social-info ul li {
  display: inline-block;
  margin-right: 7px;
}
.widget.author-info-item .author-social-info ul li a {
  width: 35px;
  height: 35px;
  display: block;
  background: var(--color-primary);
  border-radius: 100%;
  text-align: center;
  padding: 4px;
  color: var(--color-white);
  font-size: 13px;
}
.widget.author-info-item .author-social-info ul li a:hover {
  background-color: var(--color-black2);
  color: var(--color-white);
}

/*************************************
******** COMMENTS CSS  **********
*************************************/
.comments-area {
  background: var(--color-white);
}
.comments-area .no-comments {
  border-top: 1px solid var(--color-thard);
  border-bottom: 1px solid var(--color-thard);
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-weight: 700;
}
.comments-area .all-comments {
  border-top: 1px solid var(--color-thard);
  margin-top: 50px;
  padding-top: 50px;
}
.comments-area .comment-list {
  margin-top: 50px;
}
.comments-area .comment-list .comments-title,
.comments-area .comment-list .reply-title,
.comments-area .comment-list .comment-reply-title {
  position: relative;
  text-transform: capitalize;
  z-index: 1;
  font-size: 25px;
  line-height: 1.5;
  margin: 0;
}
.comments-area .comment-list .comments-title span,
.comments-area .comment-list .reply-title span,
.comments-area .comment-list .comment-reply-title span {
  background: var(--color-white) none repeat scroll 0 0;
  overflow: hidden;
  padding: 10px 20px;
  position: relative;
}
.comments-area .comment-list > ul, .comments-area .comment-list ul.children {
  margin: 0;
  padding: 0;
  list-style: none;
}
.comments-area .comment-list ul #reply-title {
  margin-top: 50px;
}
.comments-area .comment-list ul #reply-title small a {
  font-size: 15px;
  margin-left: 10px;
}
.comments-area .comment-list ul .single-comment.pingback-comment {
  padding-left: 0;
}
.comments-area .comment-list ul .single-comment {
  border-top: 1px solid var(--color-thard);
  margin-top: 50px;
  padding-left: 100px;
  padding-top: 50px;
  position: relative;
  list-style-type: none;
}
@media screen and (max-width: 425px) {
  .comments-area .comment-list ul .single-comment {
    padding-left: 20px;
  }
}
.comments-area .comment-list ul .single-comment .single-comment {
  margin-left: -50px;
}
@media screen and (max-width: 425px) {
  .comments-area .comment-list ul .single-comment .single-comment {
    margin-left: 0px;
  }
}
.comments-area .comment-list ul .single-comment .comment-details .comment-author {
  border-radius: 50%;
  -webkit-box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12);
  height: 80px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 80px;
}
@media screen and (max-width: 425px) {
  .comments-area .comment-list ul .single-comment .comment-details .comment-author {
    position: relative;
    margin-bottom: 30px;
  }
}
.comments-area .comment-list ul .single-comment .comment-details .comment-meta {
  overflow: hidden;
  padding-bottom: 5px;
}
.comments-area .comment-list ul .single-comment .comment-details .comment-meta .comment-left-meta {
  float: left;
}
.comments-area .comment-list ul .single-comment .comment-details .comment-meta h4 {
  font-size: 16px;
  margin-bottom: 5px;
  margin-right: 10px;
  display: inline-block;
}
.comments-area .comment-list ul .single-comment .comment-details .comment-meta .comment-date {
  color: var(--color-primary);
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: capitalize;
  display: inline-block;
}
.comments-area .comment-list ul .single-comment .comment-details .comment-reply {
  float: none;
  margin-top: 0px;
}
.comments-area .comment-list ul .single-comment .comment-details .comment-reply a {
  display: inline-block;
}
.comments-area .comment-list ul .single-comment .comment-details .comment-reply a i {
  margin-right: 5px;
}
.comments-area .comment-list ul .single-comment .comment-details .comment-reply a:hover {
  color: var(--color-primary);
}
.comments-area .comment-list ul .single-comment .comment-details .comment-content p img {
  margin: 15px 0;
}
.comments-area .comment-box {
  border-top: 1px solid var(--color-thard);
  margin-top: 50px;
  padding-top: 39px;
}
.comments-area .comment-box p.form-submit {
  margin-bottom: 0;
}
.comments-area .comment-respond .comment-form {
  margin-top: 30px;
}
.comments-area .comment-respond .comment-form .cform-input {
  position: relative;
}
.comments-area .comment-respond .comment-form input,
.comments-area .comment-respond .comment-form textarea {
  border: 2px solid var(--color-thard);
  border-radius: 0;
  margin-bottom: 27px;
  max-height: 140px;
  padding: 10px 20px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.comments-area .comment-respond .comment-form input:focus,
.comments-area .comment-respond .comment-form textarea:focus {
  border-color: var(--color-primary);
}
.comments-area .comment-respond .comment-form input[type=submit] {
  border-radius: 5px;
  background-color: var(--color-primary);
  padding: 20px 30px;
  font-size: 16px;
  color: var(--color-white);
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  width: auto;
  font-weight: 500;
  border-color: transparent;
  margin-bottom: 0;
}
.comments-area .comment-respond .comment-form input[type=submit]:hover {
  background-color: var(--color-black);
  color: var(--color-white);
}

/*************************************
******** SIDEBAR AND FOOTER CSS  **********
*************************************/
.sidebar-widget-area section:last-child {
  margin-bottom: 0px;
}
.sidebar-widget-area .widget {
  background-color: var(--color-thard);
  margin-bottom: 40px;
  padding: 40px 30px;
}
.sidebar-widget-area .widget ul li {
  font-size: 16px;
}
.sidebar-widget-area .widget ul li a {
  color: var(--color-black);
  font-size: 16px;
  line-height: 30px;
}
.sidebar-widget-area .widget ul li a:hover {
  color: var(--color-primary);
}
.sidebar-widget-area .widget p {
  font-size: 16px;
}
.sidebar-widget-area .widget form.search-form input {
  background-color: var(--color-white);
}
.sidebar-widget-area .widget table {
  width: 100%;
  border-left: 1px solid;
  border-bottom: 1px solid;
  border-color: #d0d0d0;
  margin: 0 0 20px;
}
.sidebar-widget-area .widget table caption {
  padding-bottom: 0;
}
.sidebar-widget-area .widget table th,
.sidebar-widget-area .widget table td {
  border-top: 1px solid;
  border-right: 1px solid;
  text-align: center;
  padding: 8px;
  border-color: #d0d0d0;
}
.sidebar-widget-area .widget h2.widget-title,
.sidebar-widget-area .widget h2,
.sidebar-widget-area .widget .wp-block-search__label {
  font-size: 20px;
  font-weight: bold;
  line-height: 60px;
  position: relative;
  padding: 0;
  margin: 0;
  margin-bottom: 35px;
}
.sidebar-widget-area .widget h2.widget-title::after,
.sidebar-widget-area .widget h2::after,
.sidebar-widget-area .widget .wp-block-search__label::after {
  content: "";
  width: 10px;
  height: 2px;
  background: var(--color-primary);
  position: absolute;
  left: 0;
  bottom: 0;
}
.sidebar-widget-area .widget h2.widget-title::before,
.sidebar-widget-area .widget h2::before,
.sidebar-widget-area .widget .wp-block-search__label::before {
  content: "";
  width: 30px;
  height: 2px;
  background: var(--color-primary);
  position: absolute;
  left: 15px;
  bottom: 0;
}
.sidebar-widget-area .widget .wp-block-tag-cloud > a {
  background: var(--color-primary);
  font-size: 16px !important;
  padding: 5px 14px;
  margin: 0px 6px 10px 0px;
  border-radius: 5px;
  color: var(--color-white);
  display: inline-block;
}
.sidebar-widget-area .widget .wp-block-tag-cloud > a:hover {
  background-color: var(--color-black);
  color: var(--color-white);
}
.sidebar-widget-area .widget.widget_tag_cloud a {
  background-color: #d9d9d9;
  padding: 11px 25px;
  line-height: 18px;
  font-size: 14px !important;
  text-transform: capitalize;
  border-radius: 5px;
  margin-right: 5px;
  color: var(--color-black);
  display: inline-block;
  clear: both;
  overflow: hidden;
}
.sidebar-widget-area .widget.widget_tag_cloud a:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.sidebar-widget-area .widget_recent_comments li {
  border-bottom: 1px solid #d0d0d0;
  padding-left: 25px;
  position: relative;
}
.sidebar-widget-area .widget_recent_comments span.comment-author-link a {
  color: var(--color-primary);
}
.sidebar-widget-area .widget.widget_rss ul li {
  border-bottom: 1px solid #d0d0d0;
}
.sidebar-widget-area .widget.widget_rss ul li cite::before {
  background: var(--color-primary);
}
.sidebar-widget-area .widget.widget_archive li a,
.sidebar-widget-area .widget.widget_categories li a,
.sidebar-widget-area .widget.widget_pages li a,
.sidebar-widget-area .widget.widget_meta li a,
.sidebar-widget-area .widget.widget_recent_entries li a,
.sidebar-widget-area .widget.widget_nav_menu li a {
  color: var(--color-black);
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
}
.sidebar-widget-area .widget.widget_archive li a:hover,
.sidebar-widget-area .widget.widget_categories li a:hover,
.sidebar-widget-area .widget.widget_pages li a:hover,
.sidebar-widget-area .widget.widget_meta li a:hover,
.sidebar-widget-area .widget.widget_recent_entries li a:hover,
.sidebar-widget-area .widget.widget_nav_menu li a:hover {
  color: var(--color-primary);
}
.sidebar-widget-area .widget.widget_archive li:hover .post-count-number {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.sidebar-widget-area .wp-calendar-table tbody td#today {
  background: var(--color-primary);
  opacity: 1;
  color: var(--color-white);
}
.sidebar-widget-area .wp-calendar-table tbody td#today a {
  color: var(--color-white);
}
.sidebar-widget-area .wp-calendar-table tr td a {
  color: var(--color-primary);
}
@media screen and (max-width: 991px) {
  .sidebar-widget-area {
    margin-top: 50px;
  }
}

section.widget {
  margin-bottom: 50px;
}

.widget.author-info-item,
.sidebar-sticky-area {
  position: -webkit-sticky;
  position: sticky;
  top: 114px;
}

table {
  width: 100%;
  border-left: 1px solid;
  border-bottom: 1px solid;
  border-color: var(--color-thard);
  margin: 0 0 20px;
}
table caption {
  padding-bottom: 0;
}
table th,
table td {
  border-top: 1px solid;
  border-right: 1px solid;
  text-align: center;
  padding: 8px;
  border-color: var(--color-thard);
}

.widget.widget_rss ul li {
  border-top: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-thard);
  margin-bottom: 20px;
}
.widget.widget_rss ul li:last-child {
  margin-bottom: 0;
  border: none;
}
.widget.widget_rss ul li a.rsswidget {
  font-weight: 500;
}
.widget.widget_rss .rss-date {
  margin-bottom: 8px;
  display: block;
  margin-top: 4px;
  color: var(--color-primary);
  font-weight: 700;
}
.widget.widget_rss cite {
  margin-top: 10px;
  display: block;
  color: var(--color-primary);
}
.widget.widget_rss cite::before {
  display: inline-block;
  width: 20px;
  height: 2px;
  background: var(--color-white);
  content: "";
  position: relative;
  top: -5px;
  margin-right: 10px;
}

.widget.widget_text img {
  max-width: 100%;
  height: auto;
  margin: 15px 0;
}

.widget.widget_tag_cloud a {
  background-color: var(--color-thard);
  padding: 11px 25px;
  line-height: 18px;
  font-size: 14px !important;
  text-transform: capitalize;
  border-radius: 5px;
  margin-right: 5px;
  color: var(--color-black);
  display: inline-block;
  clear: both;
  overflow: hidden;
}
.widget.widget_tag_cloud a:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}

select,
select:focus {
  padding: 0 15px;
  width: 100%;
  cursor: pointer;
  border-color: var(--color-thard);
  outline: none;
  color: var(--color-black);
}

.wp-calendar-table tr td a tr td a {
  color: var(--color-primary);
  font-weight: normal;
}

.widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.widget ul li {
  border: none;
  padding-top: 0;
  margin: 11px 0 10px 0px;
}
.widget ul li > span.number {
  float: right;
  color: var(--color-black);
}
.widget ul li ul li {
  margin-left: 15px;
}
.widget ul li:last-child {
  border-color: transparent !important;
  padding-bottom: 0;
}
.widget form.search-form {
  width: 100%;
  position: relative;
}
.widget form.search-form input,
.widget form.search-form label {
  width: 100%;
}
.widget form.search-form input {
  padding: 14px;
  border: transparent;
}
.widget form.search-form input:focus, .widget form.search-form input:focus-visible {
  border: 1px solid var(--color-primary);
  outline: none;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.widget form.search-form .search-button button[type=submit] {
  position: absolute;
  right: 0;
  width: auto;
  font-size: 14px;
  background: transparent;
  top: 0;
  border: none;
  padding: 26px 32px;
  color: var(--color-primary);
  line-height: 1;
}

.widget_recent_comments ul li {
  padding-bottom: 15px;
  margin-bottom: 15px;
}

footer .widget_recent_comments ul li,
footer .widget.widget_rss ul li {
  border-bottom: 1px solid #3e3e3e;
}

span.tagcloud a:last-child::after {
  content: "";
}

.site-footer.footer-one {
  background: var(--color-black);
  padding-top: 130px;
}

footer .widget.widget_archive ul li a::before,
footer .widget.widget_categories ul li a::before,
footer .widget.widget_pages ul li a::before,
footer .widget.widget_nav_menu ul li a::before {
  color: var(--color-white);
}
footer .widget ul li > span.number {
  color: #BBBBBB;
}
footer .footer-widgets-area h4.widget-title {
  font-size: 24px;
  color: var(--color-white);
  margin-bottom: 35px;
  letter-spacing: 0.5px;
}
footer .footer-widgets-area span.wp-calendar-nav-prev a {
  color: #BBBBBB;
}
footer .footer-widgets-area span.wp-calendar-nav-prev a:hover {
  color: var(--color-primary);
}
footer .widget-no {
  padding: 0;
}

.site-footer.footer- .footer-widgets-area {
  padding-bottom: 0;
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}

/*************************************
******** FOOTER TOP CSS  **********
*************************************/
.site-footer.footer-one .footer-top {
  margin-bottom: 90px;
}
.site-footer.footer-one .footer-top .footer-subscribe-wrapper {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .site-footer.footer-one .footer-top .footer-subscribe-wrapper span.wpcf7-spinner {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .site-footer.footer-one .footer-top .footer-subscribe-wrapper {
    display: block;
  }
}
.site-footer.footer-one .footer-top .footer-subscribe-wrapper .footer-subscribe-input {
  width: 100%;
  margin: 0 5px;
}
@media screen and (max-width: 767px) {
  .site-footer.footer-one .footer-top .footer-subscribe-wrapper .footer-subscribe-input {
    margin: 18px 0;
  }
}
.site-footer.footer-one .footer-top .footer-subscribe-wrapper .footer-subscribe-input input {
  background: #443A5B;
  color: var(--color-white);
  border-radius: 10px;
}
.site-footer.footer-one .footer-top .footer-subscribe-wrapper .footer-subscribe-input input::placeholder {
  color: var(--color-white);
}
.site-footer.footer-one .footer-top .footer-subscribe-wrapper .footer-subscribe-button input {
  border-radius: 10px;
  background-color: var(--color-primary);
  padding: 20px 30px;
  font-size: 22px;
  color: var(--color-white);
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  cursor: pointer;
  border-color: transparent;
  transition: 0.4s;
  margin-left: 5px;
}
.site-footer.footer-one .footer-top .footer-subscribe-wrapper .footer-subscribe-button input:hover {
  background-color: var(--color-white);
  color: var(--color-black);
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .site-footer.footer-one .footer-top .footer-subscribe-wrapper .footer-subscribe-button input {
    padding: 20px 20px;
    font-size: 17px;
    height: 67px;
  }
}
.site-footer.footer-one .footer-widgets-area {
  color: var(--color-white);
}
.site-footer.footer-one .footer-widgets-area a {
  color: var(--color-white);
}
.site-footer.footer-one .footer-widgets-area a:hover {
  color: var(--color-primary);
}
.site-footer.footer-one .footer-widgets-area p {
  color: var(--color-white);
}
.site-footer.footer-one .footer-widgets-area .widget_recent_comments ul li,
.site-footer.footer-one .footer-widgets-area .widget.widget_rss ul li {
  border-bottom: 1px solid #543f7a;
}
.site-footer.footer-one .footer-widgets-area .widget.widget_tag_cloud a {
  color: var(--color-black);
}
.site-footer.footer-one .footer-widgets-area .widget.widget_tag_cloud a:hover {
  color: var(--color-white);
}
.site-footer.footer-one .copyright-area {
  background-color: #372E51;
  padding: 30px 0;
  margin-top: 70px;
}
.site-footer.footer-one .copyright-area .site-info {
  color: var(--color-white);
}
.site-footer.footer-one .copyright-area .site-info p {
  margin: 0;
  padding: 0;
}
.site-footer.footer-one .copyright-area .site-info p a {
  color: var(--color-white);
}
.site-footer.footer-one .copyright-area .site-info p a:hover {
  color: var(--color-white);
}
.site-footer.footer-one .copyright-area .social-icons {
  text-align: right;
}
.site-footer.footer-one .copyright-area .social-icons ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-footer.footer-one .copyright-area .social-icons ul li {
  display: inline-block;
}
.site-footer.footer-one .copyright-area .social-icons ul li a {
  margin-left: 15px;
  width: 35px;
  height: 35px;
  display: block;
  background: #4B4363;
  border-radius: 100%;
  text-align: center;
  padding: 4px;
  color: var(--color-white);
  font-size: 12px;
}
.site-footer.footer-one .copyright-area .social-icons ul li a:hover {
  background: var(--color-primary);
  color: var(--color-white);
}

.site-footer.footer-two.widget-no {
  padding-top: 0;
}

.site-footer.footer-two {
  background-color: #FCF7FF;
  padding-top: 90px;
}
.site-footer.footer-two .footer-top-inner {
  box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.11);
  border-radius: 10px;
  margin-bottom: 90px;
  padding: 20px 50px;
  background-color: var(--color-white);
}
@media screen and (max-width: 575px) {
  .site-footer.footer-two .footer-top-inner {
    padding: 20px 20px;
  }
}
.site-footer.footer-two .footer-top-inner .ft-top-item:last-child .ft-top-info::after {
  background: transparent;
}
.site-footer.footer-two .footer-top-inner .ft-top-item .ft-top-info {
  padding: 10px 0;
  position: relative;
}
.site-footer.footer-two .footer-top-inner .ft-top-item .ft-top-info::after {
  content: "";
  width: 1px;
  height: 100%;
  background: rgba(0, 0, 0, 0.11);
  position: absolute;
  top: 0;
  right: 12%;
}
@media screen and (max-width: 1199px) {
  .site-footer.footer-two .footer-top-inner .ft-top-item .ft-top-info::after {
    right: 0%;
  }
}
@media screen and (max-width: 991px) {
  .site-footer.footer-two .footer-top-inner .ft-top-item .ft-top-info {
    padding: 20px 0;
    margin: 10px 0;
  }
}
@media screen and (max-width: 767px) {
  .site-footer.footer-two .footer-top-inner .ft-top-item .ft-top-info {
    padding: 15px 0;
  }
  .site-footer.footer-two .footer-top-inner .ft-top-item .ft-top-info::after {
    background: transparent;
  }
}
.site-footer.footer-two .footer-top-inner .ft-top-item .ft-top-info .icon {
  width: 48px;
  height: 48px;
  border: 2px solid rgba(0, 89, 99, 0.1);
  border-radius: 100%;
  text-align: center;
  padding: 9px;
  margin-right: 20px;
  color: var(--color-primary);
  font-size: 20px;
  float: left;
}
.site-footer.footer-two .footer-top-inner .ft-top-item .info {
  line-height: 24px;
}
.site-footer.footer-two .footer-top-inner .ft-top-item .info label {
  display: block;
}
.site-footer.footer-two .footer-top-inner .ft-top-item .info span {
  font-weight: bold;
  margin: 0;
  line-height: 19px;
}
.site-footer.footer-two .footer-widgets-area {
  color: var(--color-black);
}
.site-footer.footer-two .footer-widgets-area .widget_recent_comments ul li,
.site-footer.footer-two .footer-widgets-area .widget.widget_rss ul li {
  border-bottom: 1px solid #e8e8e8;
}
.site-footer.footer-two .footer-widgets-area h4.widget-title {
  font-size: 28px;
  color: var(--color-black);
  line-height: 1;
  margin-bottom: 40px;
}
.site-footer.footer-two .footer-widgets-area ul li span {
  color: var(--color-black);
}
.site-footer.footer-two .footer-widgets-area a {
  color: var(--color-black);
}
.site-footer.footer-two .footer-widgets-area a:hover {
  color: var(--color-primary);
}
.site-footer.footer-two .footer-widgets-area caption,
.site-footer.footer-two .footer-widgets-area .rssSummary,
.site-footer.footer-two .footer-widgets-area strong,
.site-footer.footer-two .footer-widgets-area span,
.site-footer.footer-two .footer-widgets-area p {
  color: var(--color-black);
}
.site-footer.footer-two .footer-widgets-area cite {
  color: var(--color-primary);
}
.site-footer.footer-two .footer-widgets-area cite::before {
  background-color: var(--color-primary);
}
.site-footer.footer-two .footer-widgets-area table,
.site-footer.footer-two .footer-widgets-area th,
.site-footer.footer-two .footer-widgets-area td {
  color: var(--color-black);
  border-color: rgba(9, 9, 9, 0.12);
}
.site-footer.footer-two .footer-widgets-area table a,
.site-footer.footer-two .footer-widgets-area th a,
.site-footer.footer-two .footer-widgets-area td a {
  color: var(--color-primary);
}
.site-footer.footer-two .footer-widgets-area table a:hover,
.site-footer.footer-two .footer-widgets-area th a:hover,
.site-footer.footer-two .footer-widgets-area td a:hover {
  color: var(--color-black);
}
.site-footer.footer-two .footer-widgets-area ul li {
  color: var(--color-black);
}
.site-footer.footer-two .footer-widgets-area ul li a::before {
  color: var(--color-black);
}
.site-footer.footer-two .footer-widgets-area .widget.widget_tag_cloud a {
  color: var(--color-black);
}
.site-footer.footer-two .footer-widgets-area .widget.widget_tag_cloud a:hover {
  color: var(--color-white);
}
.site-footer.footer-two .copyright-inner {
  padding: 30px 0;
  margin-top: 30px;
  border-top: 1px solid rgba(0, 89, 99, 0.1);
}
.site-footer.footer-two .copyright-inner .site-info {
  color: var(--color-black);
}
.site-footer.footer-two .copyright-inner .site-info p {
  margin: 0;
  padding: 0;
}
.site-footer.footer-two .copyright-inner .site-info p a {
  color: var(--color-primary);
}
.site-footer.footer-two .copyright-inner .site-info p a:hover {
  color: var(--color-black);
}
.site-footer.footer-two .copyright-inner .footer-menu {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .site-footer.footer-two .copyright-inner .footer-menu {
    text-align: center;
  }
}
.site-footer.footer-two .copyright-inner .footer-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-footer.footer-two .copyright-inner .footer-menu ul li {
  display: inline-block;
}
.site-footer.footer-two .copyright-inner .footer-menu ul li:last-child a::after {
  content: unset;
}
.site-footer.footer-two .copyright-inner .footer-menu ul li a {
  margin: 0;
  padding: 0 10px;
  position: relative;
  color: var(--color-black);
}
.site-footer.footer-two .copyright-inner .footer-menu ul li a:hover {
  color: var(--color-primary);
}
.site-footer.footer-two .copyright-inner .footer-menu ul li a::after {
  content: "";
  width: 1px;
  height: 85%;
  position: absolute;
  left: auto;
  background: var(--color-black);
  top: auto;
  bottom: 0;
  right: 0;
  opacity: 0.3;
}

.footer-widtet.widget_nav_menu {
  padding-left: 0%;
}
@media screen and (max-width: 1199px) {
  .footer-widtet.widget_nav_menu {
    padding-left: 0;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .themepul-about-widget-doc {
    padding-right: 74px;
  }
}
@media screen and (max-width: 767px) {
  .copyright-area .site-info {
    text-align: center;
    margin-bottom: 10px;
  }
  .site-footer.footer-one .copyright-area .social-icons {
    text-align: center;
  }
}
/*************************************
******** FOOTER THREE CSS  **********
*************************************/
.footer-three {
  background: var(--color-footer3);
  color: #BBBBBB;
}
.footer-three .footer3-top-section {
  padding-top: 100px;
}
.footer-three .footer3-top-section .footer3-top-inner {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 90px;
}
@media screen and (max-width: 767px) {
  .footer-three .footer3-top-section .footer3-top-left {
    margin-bottom: 50px;
    padding-right: 0;
  }
}
.footer-three .footer3-top-section .footer3-top-left span {
  font-size: 16px;
  color: var(--color-white);
  line-height: 18px;
  font-weight: bold;
}
.footer-three .footer3-top-section .footer3-top-left .footer3-top-title {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 45px;
  letter-spacing: -0.02em;
  line-height: 52px;
  margin: 0;
  padding: 0;
  color: var(--color-white);
  padding-right: 180px;
  padding-top: 10px;
}
@media screen and (max-width: 1199px) {
  .footer-three .footer3-top-section .footer3-top-left .footer3-top-title {
    padding-right: 0;
  }
}
.footer-three .footer3-top-section .footer3-top-right {
  position: relative;
}
.footer-three .footer3-top-section .footer3-top-right .footer3-email-box {
  max-width: 60%;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-three .footer3-top-section .footer3-top-right .footer3-email-box {
    max-width: 61%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .footer-three .footer3-top-section .footer3-top-right .footer3-email-box {
    max-width: 55%;
  }
}
@media screen and (max-width: 425px) {
  .footer-three .footer3-top-section .footer3-top-right .footer3-email-box {
    max-width: 100%;
  }
}
.footer-three .footer3-top-section .footer3-top-right .footer3-email-box span {
  font-size: 14px;
  margin-top: 10px;
  display: block;
  color: #C3C3C3;
  line-height: 18px;
}
.footer-three .footer3-top-section .footer3-top-right .footer3-email-box input {
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.73);
  border-radius: 0;
  color: var(--color-white);
  height: auto;
  padding: 17px 0;
  font-size: 18px;
  line-height: 19px;
  font-weight: normal;
  padding-top: 0;
}
.footer-three .footer3-top-section .footer3-top-right .footer3-email-box input::placeholder {
  color: var(--color-white);
}
.footer-three .footer3-top-section .footer3-top-right .button {
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 425px) {
  .footer-three .footer3-top-section .footer3-top-right .button {
    position: relative;
    margin-top: 30px;
  }
}
.footer-three .footer3-top-section .footer3-top-right .button .theme-btns {
  border-radius: 100px;
  background-color: var(--color-secodary);
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.footer-three .footer3-top-section .footer3-top-right .button .theme-btns:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .footer-three .footer3-top-section .footer3-top-right .button .theme-btns {
    padding: 16px 20px;
  }
}
.footer-three .footer-widgets-area {
  padding-top: 100px;
  padding-bottom: 50px;
}
.footer-three .footer-widgets-area .footer-widtet ul li a {
  color: #BBBBBB;
}
.footer-three .footer-widgets-area .footer-widtet ul li a:hover {
  color: var(--color-primary);
}
.footer-three .footer-widgets-area .themepul-about-widget-social ul li a {
  color: var(--color-white);
}
.footer-three .footer-widgets-area .themepul-about-widget-social ul li a:hover {
  color: var(--color-white);
}
.footer-three .footer-widgets-area .widget.widget_archive ul li a::before,
.footer-three .footer-widgets-area .widget .wp-block-archives ul li a::before,
.footer-three .footer-widgets-area .widget.widget_categories ul li a::before,
.footer-three .footer-widgets-area .widget .wp-block-categories ul li a::before,
.footer-three .footer-widgets-area .widget.widget_pages ul li a::before,
.footer-three .footer-widgets-area .widget.widget_nav_menu ul li a::before,
.footer-three .footer-widgets-area .widget.widget_meta ul li a::before,
.footer-three .footer-widgets-area .widget.widget_recent_entries ul li a::before,
.footer-three .footer-widgets-area .widget_block ul li a::before,
.footer-three .footer-widgets-area .wp-block-latest-posts ul li a::before,
.footer-three .footer-widgets-area .widget_themepul_nav_menu ul li a::before {
  content: "\f138";
  font-family: "bootstrap-icons";
  font-size: 14px;
  top: 2px;
  margin-right: 0;
  margin-left: -14px;
  opacity: 0;
  transition: 0.4s;
  position: relative;
}
.footer-three .footer-widgets-area .widget.widget_archive ul li a:hover:before,
.footer-three .footer-widgets-area .widget .wp-block-archives ul li a:hover:before,
.footer-three .footer-widgets-area .widget.widget_categories ul li a:hover:before,
.footer-three .footer-widgets-area .widget .wp-block-categories ul li a:hover:before,
.footer-three .footer-widgets-area .widget.widget_pages ul li a:hover:before,
.footer-three .footer-widgets-area .widget.widget_nav_menu ul li a:hover:before,
.footer-three .footer-widgets-area .widget.widget_meta ul li a:hover:before,
.footer-three .footer-widgets-area .widget.widget_recent_entries ul li a:hover:before,
.footer-three .footer-widgets-area .widget_block ul li a:hover:before,
.footer-three .footer-widgets-area .wp-block-latest-posts ul li a:hover:before,
.footer-three .footer-widgets-area .widget_themepul_nav_menu ul li a:hover:before {
  opacity: 1;
  margin-right: 10px;
  margin-left: 0;
  color: var(--color-primary);
}
.footer-three .footer-widgets-area .company-subscribe-widget p {
  color: #BBBBBB;
}
.footer-three .footer-widgets-area .widget_themepul_nav_menu {
  padding-left: 22%;
}
@media screen and (max-width: 1199px) {
  .footer-three .footer-widgets-area .widget_themepul_nav_menu {
    padding-left: 0;
  }
}
.footer-three .copyright-area {
  background-color: var(--color-copyright3);
  padding: 20px 0;
}
.footer-three .copyright-area .site-info {
  color: var(--color-white);
}
.footer-three .copyright-area .site-info a {
  color: var(--color-white);
}
.footer-three .copyright-area .site-info a:hover {
  color: var(--color-primary);
}
.footer-three .copyright-area .copyright-inner {
  position: relative;
}
.footer-three .copyright-area .copyright-inner .to-top {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 100%;
  line-height: 27px;
  background-color: var(--color-primary);
  color: var(--color-white);
  bottom: 30px;
}
.footer-three .copyright-area .copyright-inner .to-top:hover {
  background-color: var(--color-white);
  color: var(--color-black);
}
.footer-three .copyright-area .copyright-inner.ftmenu-no .to-top {
  position: absolute;
  right: 0;
  left: auto;
  bottom: -5px;
}
.footer-three .copyright-area .footer-menu ul {
  text-align: right;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-three .copyright-area .footer-menu ul li {
  display: inline-block;
}
.footer-three .copyright-area .footer-menu ul li a {
  color: var(--color-white);
  margin-left: 20px;
}
.footer-three .copyright-area .footer-menu ul li a:hover {
  color: var(--color-primary);
}/*# sourceMappingURL=main.css.map */