@import url("https://fonts.googleapis.com/css?family=Oswald:200,500,600|Playfair+Display:700,900|Poppins:400,500,600,700|Sacramento");
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url("animate.css");
@import url(../against/against\ regular.ttf);
@import url("jquery.fancybox.min.css");
@import url("linear.css");
@import url("fontawesome.css");
@import url("flaticon.css");
@font-face{
  font-family: against;
  src: url(/against/against\ regular.ttf);
}
h1, h2{
  --title-font:  "against", serif;
  font-weight: 600;
}
:root {
  --theme-color-light: #ffffff;
  --theme-color-dark: #1a1a1a;
  --theme-color4: #e9232f;
  --main-color: #e9232f;
  --theme-color1: #e9232f;
  --theme-color2: #ea0638;
  --theme-color3: #fb5c71;
  --theme-color4: #e9232f;
  --text-color: #414141;
  --sec-color:#be9244;
}

/*
 * typography.scss
 * -----------------------------------------------
*/

:active,
:focus {
  outline: none !important;
}

::-webkit-input-placeholder {
  color: #7c858c;
}

::-moz-input-placeholder {
  color: #7c858c;
}

::-ms-input-placeholder {
  color: #7c858c;
}

body {
  font-family: 'linearicons-free';
  background-color: #e3e3e3 !important;
  background-attachment: fixed;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  color: var(--text-color);
  font-size: var(--body-font-size);
  font-family: var(--text-font);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
  overflow-x: hidden;
}
.mobile-menu-visible .mobile-menu {
  opacity: 1;
  visibility: visible;
  z-index: 999 !important;
}
p, .text {
color: #000;
font-size: 18px;
line-height: 24px;

}

/* -------- Headings ---------- */
h1, h2, h3, h4, h5, h6 {
  color: #000;
  /* font-family: "Playfair Display", serif; */
  position: relative;
}
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #000;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
  font-weight: inherit;
}



/* -------- Body Text ---------- */
table p {
  margin-bottom: 0;
}

p {
  margin-bottom: 20px;
}
p a:not(.button):not(.btn):hover, p a:not(.button):not(.btn):focus {
  text-decoration: underline;
}

/* -------- other ---------- */
a {
  color: var(--link-color);
  text-decoration: none;
  font-weight: var(--body-font-weight);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover, a:focus {
  color: inherit;
  text-decoration: none;
  outline: none;
}
a b, a strong {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a img {
  border: none;
}


ol, ul {
  list-style-position: inside;
  margin: 0;
  padding: 0;
}

b, strong {
  color: #333;
  font-weight: var(--body-font-weight-bold);
}

iframe {
  border: none !important;
}


section > .container,
section > .container-fluid {
  padding :20px 30px;
}


/*=== Default Form ===*/
.form-control, .input-text {
  height: calc(2.25rem + 27px);
  padding: 14px 30px;
  outline: 0;
  background-color: #000;
  border: 1px solid var(--theme-color-dark);
  color: var(--theme-color-light);
  font-size: 0.9rem;
  width: 100%;
}
.form-control::-webkit-input-placeholder, .input-text::-webkit-input-placeholder {
  color: var(--theme-color-light);
  opacity: 1;
}
.form-control::-moz-placeholder, .input-text::-moz-placeholder {
  color: var(--theme-color-light);
  opacity: 1;
}
.form-control:-ms-input-placeholder, .input-text:-ms-input-placeholder {
  color: var(--theme-color-light);
  opacity: 1;
}
.form-control::-ms-input-placeholder, .input-text::-ms-input-placeholder {
  color: var(--theme-color-light);
  opacity: 1;
}
.form-control::placeholder, .input-text::placeholder {
  color: var(--theme-color-light);
  opacity: 1;
}
.form-control:-ms-input-placeholder, .input-text:-ms-input-placeholder {
  color: var(--theme-color-light);
}
.form-control::-ms-input-placeholder, .input-text::-ms-input-placeholder {
  color: var(--theme-color-light);
}

textarea.form-control {
  background-color:#000;
  height: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}

.form-control:active, .form-control:focus {
  background-color: var(--theme-color-dark);
  color: var(--theme-color-light);
  border-color: var(--theme-color-light);
  -webkit-box-shadow: none;
          box-shadow: none;
}


/***

====================================================================
Reset
====================================================================

***/
* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  font-size: 100%;
}

/***

====================================================================
Global Settings
====================================================================

***/
textarea {
  overflow: hidden;
  resize: none;
}

button {
  outline: none !important;
  cursor: pointer;
}

/* img {
  display: inline-block;
  max-width: 100%;
  height: auto;
} */

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

.title a {
  color: inherit;
}

.color1 {
  color: var(--theme-color1);
}

.color2 {
  color: var(--theme-color2);
}

.color3 {
  color: var(--theme-color3);
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
  z-index: 99;
  background-color: #ffffff;
}


.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.dropdown-toggle::after {
  display: none;
}

/*=======================
    Preloader
=======================*/
.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #000000;
}

.preloader:after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 200px;
  width: 300px;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/logo-ani-3.gif);
  content: "";
}

.preloader:before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  content: "";
  -webkit-transition: none;
  transition: none;
}

/*=======================
Scroll To Top style
=======================*/
.scroll-to-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 40px;
  font-size: 16px;
  line-height: 40px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  background-color: var(--theme-color1);
  z-index: 100;
  display: none;
  border-radius: 50%;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.scroll-to-top:hover {
  background: var(--theme-color3);
  color: #ffffff;
}

.bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bg-pattern-7 {
  background-image: url(../images/icons/pattern-7.png);
}


/*========================
  Select2 Dropdown Plugin
========================*/


.select2-results__option {
  padding: 0 10px;
  color: #7c858c;
  border: 0;
}


.default-navs .owl-next,
.default-navs .owl-prev {
  display: block;
  margin: 0px 5px;
  height: 65px;
  width: 65px;
  color: var(--theme-color1);
  border-radius: 50%;
  -webkit-box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);
  border: 1px solid #ffffff;
  font-size: 16px;
  line-height: 63px;
  font-weight: 700;
  text-align: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.default-navs .owl-next span,
.default-navs .owl-prev span {
  display: inline-block;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.default-navs .owl-next:hover,
.default-navs .owl-prev:hover {
  -webkit-box-shadow: 0;
          box-shadow: 0;
  border: 1px solid var(--main-color);
}

.default-dots .owl-dots {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 18px 45px;
  background-color: var(--main-color);
  border-radius: 50px;
  margin-top: 30px;
}
.default-dots .owl-dots .owl-dot {
  height: 4px;
  width: 10px;
  border-radius: 5px;
  background-color: var(--main-color);
  margin: 0 5px;
  opacity: 0.25;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.default-dots .owl-dots .owl-dot.active {
  opacity: 1;
  width: 46px;
}

.theme-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.theme-btn .btn-title {
  position: relative;
  font-weight: 600;
}
.theme-btn i {
  font-size: 80%;
}
.colCount3 ul{
  padding: 0 !important;
}
.colCount3 ul a{
  font-weight: 500 !important;
}
/*Btn Style One*/
.btn-style-one {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  padding: 12px 20px;
  font-weight: 500;
  overflow: hidden;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--theme-color-dark);
  background: var(--sec-color);
}
.btn-style-one:before {
  position: absolute;
  left: 0;
  top: 0%;
  height: 100%;
  width: 100%;
  content: "";
  background: var(--theme-color1);
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
          transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.btn-style-one i {
  margin-left: 5px;
}
.btn-style-one:hover:before {
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.btn-style-one:hover {
  color: #ffffff;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.theme-btn.small {
  padding: 10px 40px;
  line-height: 20px;
  font-size: 12px;
}

.icon-arrow-down {
  width: 32px;
  height: 32px;
  background-image: url(../images/icons/icon-arrow-down.png);
}

/*.circle {*/
/*  position: fixed;*/
/*  width: 10px;*/
/*  height: 10px;*/
/*  left: -10px;*/
/*  top: -10px;*/
/*  border-radius: 100%;*/
/*  z-index: 1;*/
/*  pointer-events: none;*/
/*  z-index: 10000;*/
/*  -webkit-transform: scale(1);*/
/*          transform: scale(1);*/
/*}*/
/*@supports (mix-blend-mode: difference) {*/
/*  .circle {*/
/*    background-color: white;*/
/*    mix-blend-mode: difference;*/
/*  }*/
/*}*/
/*@media only screen and (max-width: 1023px) {*/
/*  .circle {*/
/*    display: none !important;*/
/*  }*/
/*}*/

/*.circle-follow {*/
/*  position: fixed;*/
/*  mix-blend-mode: difference;*/
/*  width: 30px;*/
/*  height: 30px;*/
/*  left: -21px;*/
/*  top: -21px;*/
/*  border-radius: 100%;*/
/*  z-index: 1;*/
/*  -webkit-user-select: none;*/
/*     -moz-user-select: none;*/
/*      -ms-user-select: none;*/
/*          user-select: none;*/
/*  pointer-events: none;*/
/*  z-index: 10000;*/
/*  -webkit-transform: scale(1);*/
/*          transform: scale(1);*/
/*}*/
/*@supports (mix-blend-mode: difference) {*/
/*  .circle-follow {*/
/*    border: 1px solid #fff;*/
/*    mix-blend-mode: difference;*/
/*  }*/
/*}*/
/*@media only screen and (max-width: 1023px) {*/
/*  .circle-follow {*/
/*    display: none !important;*/
/*  }*/
/*}*/

/***

====================================================================
  Search Popup
====================================================================

***/
.search-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  overflow: hidden;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.search-popup .search-back-drop {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: var(--theme-color-dark);
  opacity: 0.95;
}
.search-popup .close-search {
  position: absolute;
  top: 30px;
  right: 30px;
  font-size: 26px;
  color: var(--theme-color-light);
  z-index: 3;
  border-radius: 50%;
  background-color: transparent;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.search-popup .search-inner {
  position: relative;
  display: block;
  top: 40%;
  height: auto;
  z-index: 1;
  width: calc(100% - 60px);
  max-width: 800px;
  margin: auto;
  opacity: 0;
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.search-popup .form-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.search-popup .form-group input[type=search],
.search-popup .form-group input[type=text] {
  position: relative;
  display: block;
  line-height: 20px;
  font-size: 16px;
  width: 100%;
  height: 50px;
  border: 1px solid #e1e6dc;
  padding: 15px 20px;
  color: #707070;
  background: #ffffff;
  border-radius: 5px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.search-popup .form-group input[type=search]:focus,
.search-popup .form-group input[type=text]:focus {
  border-color: var(--border-theme-color2);
}
.search-popup .form-group button {
  position: absolute;
  right: 5px;
  top: 5px;
  height: 40px;
  width: 40px;
  display: block;
  font-size: 18px;
  color: var(--theme-color-dark);
  line-height: 40px;
  border-radius: 5px;
  font-weight: normal;
  background: #ffffff;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.search-popup .form-group button:hover {
  color: var(--theme-color-dark);
}
.search-popup textarea::-webkit-input-placeholder, .search-popup input::-webkit-input-placeholder {
  color: inherit;
}
.search-popup textarea::-moz-placeholder, .search-popup input::-moz-placeholder {
  color: inherit;
}
.search-popup textarea:-ms-input-placeholder, .search-popup input:-ms-input-placeholder {
  color: inherit;
}
.search-popup textarea::-ms-input-placeholder, .search-popup input::-ms-input-placeholder {
  color: inherit;
}
.search-popup textarea::placeholder,
.search-popup input::placeholder {
  color: inherit;
}

.moblie-search-active .search-popup {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
  border-radius: 0%;
}
.moblie-search-active .search-popup .search-inner {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}

/***

====================================================================
Main Header
====================================================================

***/
.menu-title h2{
  font-size: 26px !important;
  font-weight: 900;
  color: #fff;
  border-bottom: 1px solid #fff;
  /* padding: 15px; */
  display: inline-block;
  margin: 15px 25px;
}
.header-span {
  position: relative;
  height: 110px;
  display: block;
  width: 100%;
}

.main-header {
  position: relative;
  width: 100%;
  z-index: 999;
}

.header-top {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #f2f3f3;
  border-bottom: 1px solid #f2f3f3;
}
.header-top .inner-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.header-top .top-left,
.header-top .top-right {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 0;
}
.header-top .info-text {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 30px;
  color: var(--theme-color-dark);
  font-weight: 500;
}
.header-top .info-text i {
  margin-right: 12px;
  font-size: 18px;
  line-height: 30px;
}

.main-header {
  width: 100%;
  z-index: 999;
}
.main-header .logo {
  position: relative;
  display: block;
}
@media only screen and (max-width: 1023px) {
  .main-header .logo {
    padding: 15px 0;
  }
}
.main-header .logo img {
  max-width: 100%;
  height: auto;
  width: 250px;
}
.main-header .main-box {
  position: relative;
  left: 0px;
  top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-header .main-box .nav-outer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.main-menu {
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .main-menu {
    display: none;
  }
}

.main-menu .navbar-header {
  display: none;
}

.main-menu .navbar-collapse {
  padding: 0px;
}

.main-menu .navigation {
  position: relative;
  margin: 0px;
}

.main-menu .navigation > li {
  position: relative;
  float: left;
  padding: 20px 0px;
  margin-right: 70px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-menu .navigation > li:last-child {
  margin-right: 0;
}
.main-menu .navigation > li:before {
  position: absolute;
  left: -12px;
  bottom: 19px;
  height: 2px;
  width: 0%;
  background-color: var(--sec-color);
  content: "";
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-menu .navigation > li:hover:before, .main-menu .navigation > li.current:before {
  /* left: -10%; */
  width: 140%;
}
/* .main-box .navigation .current a{
  color: #ffffff  !important;
} */
.main-menu .navigation > li:hover ,
.main-menu .navigation > li > a:hover{
  color: #ffffff !important;
}
.main-menu .navigation li a:hover{
  color: #ffffff;
}
.main-menu .navigation > li > a {
  position: relative;
  display: block;
  text-align: center;
  opacity: 1;
  color: #FFF !important;
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-menu .navigation > li > a .icon {
  position: relative;
  font-size: 20px;
  line-height: 24px;
  margin-left: 10px;
}
.main-menu .navigation > li > a:hover {
  color: var(--theme-color-light);
}
.main-menu .dropdown.navigation > li.current > a {
  color: var(--theme-color-light);
}
.main-menu .navigation > li.dropdown > a {
  padding-right: 14px;
  margin-right: -14px;
}
.main-menu .navigation > li.dropdown > a:after {
  content: "\f067";
  position: absolute;
  right: 0;
  top: 50%;
  width: 10px;
  height: 20px;
  display: block;
  line-height: 24px;
  font-size: 12px;
  z-index: 5;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  margin-top: -2px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.main-menu .navigation > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 100%;
  margin-top: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu .navigation > li > ul {
  position: absolute;
  left: 0px;
  top: 100%;
  width: 400px !important;
  /* height: 100% !important; */
  z-index: 999 !important;
  padding: 10px 0 0;
  /* background-color: #ca1e23; */
  background-image: url(/images/background/menu4.jpg) !important;
  background-repeat: no-repeat;
  margin-top: 30px;
  opacity: 0;
  display: none;
  /* -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); */
}
.main-menu .navigation > li > ul.from-right {
  left: auto;
  right: 0px;
}
.main-menu .navigation > li > ul > li {
  position: relative;
  width: 100%;
  /* border-bottom: 1px solid #ebf1f5; */
}
.main-menu .navigation > li > ul > li:last-child {
  border-bottom: none;
}
.main-menu .navigation > li > ul > li > a {
  position: relative;
  display: block;
  padding: 10px 0px;
  line-height: 29px;
  font-weight: 500;
  font-size: 18px !important;
  color: #f9f9f9 !important;
  text-align: left;
  margin: 0 30px;
  text-transform: capitalize;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.main-menu .navigation > li > ul > li:hover > a {
  color: var(--theme-color1);
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
  font-family: "Font Awesome 6 Pro";
  content: "\f105";
  position: absolute;
  right: 0;
  top: 11px;
  display: block;
  line-height: 24px;
  font-size: 11px;
  font-weight: 900;
  z-index: 5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 0px;
  margin-top: 20px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu .navigation > li > ul > li > ul {
  position: absolute;
  left: 100%;
  top: 0px;
  width: 250px;
  z-index: 100;
  display: none;
  background-color: var(--theme-color-light);
  opacity: 0;
  padding: 10px 0 0;
  margin-top: 10px;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.main-menu .navigation > li > ul > li > ul > li {
  position: relative;
  border-bottom: 1px solid #ebf1f5;
  width: 100%;
}
.main-menu .navigation > li > ul > li > ul > li:last-child {
  border-bottom: none;
}
.main-menu .navigation > li > ul > li > ul > li > a {
  position: relative;
  display: block;
  padding: 10px 0;
  line-height: 24px;
  font-weight: 400;
  font-size: 16px;
  color: var(--theme-color-dark);
  text-align: left;
  margin: 0 30px;
  text-transform: capitalize;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-menu .navigation > li > ul > li > ul > li > a:hover {
  color: var(--theme-color1);
}

.main-menu .navigation li.dropdown .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 8px;
  width: 34px;
  height: 30px;
  border: 1px solid var(--theme-color-light);
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  color: var(--theme-color-light);
  cursor: pointer;
  z-index: 5;
  display: none;
}

.main-header .outer-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 30px 0;
}
@media only screen and (max-width: 1023px) {
  .main-header .outer-box {
    padding: 20px 0;
  }
}
.main-header .outer-box .theme-btn {
  margin-left: 35px;
}

.main-header .ui-btn {
  position: relative;
  display: block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  background: none;
  font-size: 26px;
  color: #ffffff;
  margin-left: 15px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-header .ui-btn:hover {
  color: var(--theme-color1);
}

.main-header .cart-btn .count {
  position: absolute;
  right: -5px;
  top: -10px;
  font-size: 14px;
  color: var(--theme-color-dark);
}

.main-header .info-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 18px;
  padding-left: 75px;
  color: #ffffff;
  text-align: left;
  font-weight: 600;
  line-height: 20px;
  min-height: 54px;
}
.main-header .info-btn small {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 5px;
}
.main-header .info-btn i {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -27px;
  line-height: 54px;
  height: 54px;
  width: 54px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  font-size: 20px;
}
.main-header .info-btn:hover {
  color: var(--main-color);
}

/***

====================================================================
Header Style One
====================================================================

***/
.header-style-one {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.header-style-one .main-box {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 60px;
}
@media only screen and (max-width: 1199px) {
  .header-style-one .main-box {
    padding: 0 20px;
  }
}
.header-style-one .main-box .nav-outer {
  width: auto;
}
.header-style-one .main-box .main-menu .navigation > li {
  margin: 0 35px;
}
@media only screen and (max-width: 1699px) {
  .header-style-one .main-box .main-menu .navigation > li {
    margin-right: 0px;
    margin-left: 50px;
  }
}
.header-style-one .outer-box {
  padding-left: 30px;
  margin-left: 30px;
}
.header-style-one .outer-box:before {
  position: absolute;
  left: 0px;
  top: 30px;
  height: 50px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.1);
  content: "";
}
@media only screen and (max-width: 1199px) {
  .header-style-one .outer-box:before {
    display: none;
  }
}
@media only screen and (max-width: 1400px) {
  .header-style-one .outer-box .theme-btn {
    display: none;
  }
  .title-anim{
    font-size: 50px;
  }
}

.header-style-two {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.header-style-two .main-box {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .header-style-two .main-box {
    padding: 0 15px;
  }
}
.header-style-two .main-box .nav-outer {
  width: auto;
}
.header-style-two .main-box .main-menu .navigation > li {
  margin: 0 18px;
}
@media only screen and (max-width: 1199px) {
  .header-style-two .main-box .main-menu .navigation > li {
    margin-left: 30px;
    margin-right: 0;
  }
  .header-style-two .main-box .main-menu .navigation > li a{
font-size: 14px;
  }
}
.header-style-two .main-box .main-menu .navigation > li > a {
  color: var(--theme-color-light);
}
/* .header-style-two .outer-box {
  padding-left: 30px;
  margin-left: 30px;
} */

.header-style-two .outer-box .ui-btn {
  color: #fff;
}
.header-style-two .outer-box .theme-btn {
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 1400px) {
  .header-style-two .outer-box .theme-btn {
    display: none;
  }
}
.header-style-two .outer-box .mobile-nav-toggler {
  color: #fff;
}
.header-style-two .sticky .main-menu .navigation > li.current > a,
.header-style-two .sticky .main-menu .navigation > li:hover > a {
  color: var(--theme-color-dark)
}

/***

====================================================================
Sticky Header
====================================================================

***/
.sticky {
  position: fixed;
  background: #000000cf;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}


.sticky .main-menu .navigation > li {
  margin: 0;
  margin-left: 50px;
  padding: 20px 0;
}

.sticky .main-menu .navigation > li:hover > a {
  color: var(--theme-color-light);
}



.sticky .mobile-nav-toggler {
  color: var(--theme-color-dark);
}

@media only screen and (min-width: 768px) {
  .main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li > ul {
    display: block !important;
    visibility: hidden;
    opacity: 0;
  }
}
/***
====================================================================
      Mobile Menu
====================================================================

***/
.mobile-nav-toggler {
  position: relative;
  font-size: 28px;
  line-height: 20px;
  cursor: pointer;
  color: #ffffff;
  display: none;
  top: 0;
  margin-left: 20px;
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}
@media only screen and (max-width: 1023px) {
  .mobile-nav-toggler {
    display: block;
  }
}

.mobile-menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  max-width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
}
.mobile-menu .menu-backdrop {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
}
.mobile-menu .upper-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 20px 20px;
  background-color: #000;
}
.mobile-menu .close-btn {
  position: relative;
  top: -10px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  cursor: pointer;
  z-index: 10;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
}
.mobile-menu .close-btn:hover {
  opacity: 0.5;
}
.mobile-menu .nav-logo {
  position: relative;
  text-align: left;
  width: 100%;
}
.mobile-menu .nav-logo img {
  max-height: 40px;
}
.mobile-menu .menu-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background:#e6e6e6;
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(101%);
          transform: translateX(101%);
}

.mobile-menu-visible {
  overflow: hidden;
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.mobile-menu-visible .mobile-menu .menu-box {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.4s ease 200ms;
  transition: all 0.4s ease 200ms;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.mobile-menu-visible .mobile-menu .close-btn {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.mobile-menu-visible .scroll-to-top {
  opacity: 0;
  visibility: hidden;
}

.mobile-menu .navigation {
  position: relative;
  display: block;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu .navigation li {
  position: relative;
  display: block;
  border-bottom: 1px solid rgba(160, 160, 160, 0.486);
}
.mobile-menu .navigation li > ul > li:last-child {
  border-bottom: none;
}
.mobile-menu .navigation li > ul > li:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu .navigation li > a {
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 20px;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  text-transform: capitalize;
  font-weight: 600;
}
.mobile-menu .navigation li:hover > a, .mobile-menu .navigation li.current > a {
  color: #000000;
}
.mobile-menu .navigation li.dropdown .dropdown-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 44px;
  height: 44px;
  text-align: center;
  font-size: 16px;
  line-height: 44px;
  color: #000000;
  cursor: pointer;
  z-index: 5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 10px;
  width: 1px;
  height: 24px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu .navigation li.dropdown .dropdown-btn.active i:before {
  content: "\f106";
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul {
  display: none;
}

.mobile-menu .navigation li > ul > li {
  padding-left: 20px;
}

.contact-list-one {
  position: relative;
  padding: 30px 20px 20px;
}
.contact-list-one li {
  position: relative;
  margin-bottom: 20px;
}
.contact-list-one li:last-child {
  margin-right: 0;
}
.contact-list-one li .contact-info-box {
  position: relative;
  padding-left: 54px;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
}
.contact-list-one li .contact-info-box a {
  color: #000000;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.contact-list-one li .contact-info-box .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 34px;
  line-height: 50px;
  color: #1d1d1d;
}
.contact-list-one li .contact-info-box .title {
  display: block;
  font-size: 12px;
  color: #d41a1a;
  font-weight: 400;
  text-transform: uppercase;
}

.mobile-menu .social-links {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: var(--theme-color-dark);
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: auto;
}
.mobile-menu .social-links li {
  position: relative;
  text-align: center;
  width: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu .social-links li a {
  position: relative;
  display: block;
  line-height: 50px;
  height: 50px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.mobile-menu .social-links li a:hover {
  color: var(--theme-color2);
}




/***

====================================================================
Section Title
====================================================================

***/
.sec-title {
  position: relative;
  margin-bottom: 60px;
}
.sec-title .sub-title {
  position: relative;
  font-size: var(--sec-title-subtitle-font-size);
  line-height: 25px;
  font-weight:400;
  display: block;
  top: -3px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 15px;
}
.sec-title h1 {
  position: relative;
  font-size: var(--h1-font-size);
  font-weight: 900;
  line-height: 1em;
  margin-bottom: 0;
}
@media (max-width: 1199.98px) {
  .sec-title h1 {
    font-size: 70px;
  }
}
@media (max-width: 1023px) {
  .menu-title h2{
    color: var(--sec-color);
    border-bottom: 1px solid var(--sec-color);
  }
}

@media (max-width: 991.98px) {
  .main-header .logo img{
    width: 200px;
  }
  .news-item{
    padding: 10px !important;
  }
  .title-anim{
    font-size: 28px !important;
  }
  .sec-title h1 {
    font-size: 50px;
  }
  /* .news-point .col-lg-4{
    display: none;
  } */
  .news-point .row,
  .news-point .col-lg-4,
  .news-point .col-lg-8,
.news-point .col-lg-6{
  padding: 0 !important;
}
#counter .plue,
#counter h2{
  font-size: 50px !important;
}
#counter h3{
  color: #fff;
  font-size: 30px;
}
}
@media(min-width:1024px){
  .home-page .main-sec{
    height: 100vh;
    display: flex;
    align-items: center;
    padding: 50px 0;
  }
  .home-page .news-point{
    /* margin-bottom: 70px !important  ; */
    background:#fff;
  }
}

@media (max-width: 575.98px) {
  .sec-title h1 {
    font-size: 30px;
  }
  #counter .plue,
#counter h2{
  font-size: 30px !important;
}
#counter h3{
  color: #fff;
  font-size: 18px !important;
}
}
.sec-title h2 {
  position: relative;
  color: var(--sec-title-color);
  font-weight: 700;
  line-height: 1em;
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
  .sec-title h2 {
    font-size: 36px;
  }
}
.sec-title .text {
  font-size: 16px;
  line-height: 30px;
  margin-top: 50px;
}
@media only screen and (max-width: 1400px) {
  .sec-title .text br {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .sec-title .text {
    margin-top: 30px;
  }
}
.sec-title .icon-arrow-down-2 {
  display: block;
  margin-top: 60px;
}
@media (max-width: 1199.98px) {
  .title-anim{
    font-size: 30px !important;
  }
  .sec-title .icon-arrow-down-2 {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .sec-title .abs-icon {
    display: none;
  }
}


.marquee {
  position: relative;
  --duration: 60s;
  --gap: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  gap: var(--gap);
}
.marquee .marquee-group {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  -webkit-animation: scroll var(--duration) linear infinite;
          animation: scroll var(--duration) linear infinite;
}
.marquee .text {
  font-size: 24px;
  color: var(--theme-color-light);
  font-weight: 500;
  text-transform: uppercase;
}
.marquee .text.color1 {
  color: var(--theme-color1);
}
@media (prefers-reduced-motion: reduce) {
  .marquee .marquee-group {
    -webkit-animation-play-state: play;
            animation-play-state: play;
  }
}
@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-100% - var(--gap)));
            transform: translateX(calc(-100% - var(--gap)));
  }
}
@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-100% - var(--gap)));
            transform: translateX(calc(-100% - var(--gap)));
  }
}


.page-title {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
height: 100vh;
  min-height: 250px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page-title {
    padding: 110px 0 110px;
  }
  .main-header .logo img{
    width: 150px;
  }
  .main-bar{
    display: none;
  }
}

.page-title .title {
  color: #ffffff;
  margin-bottom: 17px;
}
.page-title .text {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.05em;
  max-width: 520px;
}

.page-breadcrumb {
  position: relative;
  margin-top: 5px;
}
.page-breadcrumb li {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  padding-right: 13px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}
.page-breadcrumb li:after {
  position: absolute;
  content: "\f105";
  right: -6px;
  top: 1px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  font-family: "Font Awesome 6 Pro";
  color: #ffffff;
}
.page-breadcrumb li:last-child {
  padding-right: 0px;
  margin-right: 0px;
}
.page-breadcrumb li:last-child::after {
  display: none;
}
.page-breadcrumb li a {
  color: var(--theme-color2);
  font-weight: 500;
  text-transform: capitalize;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.page-breadcrumb li a:hover {
  color: #ffffff;
}

.page-title.style-two {
  background-position: center center;
}
.page-title.style-two .page-breadcrumb-outer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  z-index: 8;
}
.page-title.style-two .page-breadcrumb li {
  color: rgb(7, 7, 16);
  font-weight: 600;
}
.page-title.style-two .page-breadcrumb li:after {
  color: rgb(7, 7, 16);
}
.page-title.style-two .page-breadcrumb li a {
  color: rgba(7, 7, 16, 0.6);
}
.page-title.style-two .page-breadcrumb li a:hover {
  color: rgb(7, 7, 16);
}
.map-section .map {
  width: 100%;
  height: 400px;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
/***

==================================================================
	Main Footer
==================================================================

***/
.main-footer {
  position: relative;
  background-color: #101010;
}
.main-footer .footer-upper {
  position: relative;
  padding: 120px 0 0;
  padding-right: 150px;
}
@media (max-width: 991.98px) {
  .main-footer .footer-upper {
    padding-right: 0;
  }
}
.main-footer .footer-upper .logo {
  position: absolute;
  right: 0;
  top: 125px;
}
@media (max-width: 991.98px) {
  .main-footer .footer-upper .logo {
    position: relative;
    top: 0;
    margin-bottom: 40px;
  }
}
.main-footer .footer-upper .text {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  display: block;
  margin-bottom: 12px;
}
.main-footer .footer-upper .title {
  font-size: 60px;
  line-height: 1em;
  font-weight: 700;
  margin-bottom: 50px;
}
@media (max-width: 991.98px) {
  .main-footer .footer-upper .title {
    font-size: 42px;
  }
  .preloader:after {
    width: 200PX;
  }
}
@media (max-width: 767.98px) {
  .main-footer .footer-upper .title {
    font-size: 34px;
  }
  .preloader:after {
    width: 150PX;
  }
}
@media (max-width: 575.98px) {
  .main-footer .footer-upper .title {
    font-size: 26px;
  }
  .main-header .logo img{
    width: 130px;
  }
}
.main-footer .widgets-section {
  position: relative;
  padding: 100px 0 55px;
}
.main-footer .footer-column {
  position: relative;
  margin-bottom: 40px;
}
.main-footer .footer-widget {
  position: relative;
}
.main-footer .widget-title {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: var(--sec-color);
  line-height: 1.2em;
  letter-spacing: 0.1em;
  margin-bottom: 30px;
  text-transform: uppercase;
}


/*=== User LInks ===*/
.user-links {
  position: relative;
}
.user-links li {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  color: #606060;
  font-weight: 400;
  margin-bottom: 10px;
}
.user-links li:last-child {
  margin-bottom: 0;
}
.subscribe-form .text,
.user-links li{
  color: #dfdfdf !important;
}
.user-links li a {
  color: #dfdfdf !important;
  position: relative;
  display: inline-block;
  color: inherit;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.user-links li a:hover {
  color: var(--theme-color-light);
}
.user-links li a:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: var(--theme-color-light);
  content: "";
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.user-links li a:hover:before {
  width: 100%;
}


/*=== Footer Bottom ===*/
.footer-bottom {
  position: relative;
  width: 100%;
}
.footer-bottom .inner-container {
  position: relative;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 30px 0;
}
.footer-bottom .copyright-text {
  position: relative;
  font-size: 16px;
  line-height: 30px;
  color: #606060;
  font-weight: 400;
  margin-bottom: 0px;
}
.footer-bottom .copyright-text a {
  color: inherit;
}
.footer-bottom .copyright-text a:hover {
  color: var(--theme-color-light);
}
.title-anim{
  color: #fff;
  font-size: 50px;
  text-transform: inherit;
  font-family: "Playfair Display", serif;
}

.banner .carousel-dark .carousel-indicators [data-bs-target]{
background-color: #fff;
width: 50px;
margin: -2px;
padding: 5px 0;
}
.banner P{
  color: #FFF;
}
.smart-slider{
  position: relative;
}
.smart-slider .title-anim{
  bottom: 0;
}
.smart-content{
  position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  text-align: center;
  background-color: #00000061;
  border-radius: 5px;
  padding: 40px;
}
.banner .carousel-dark .carousel-control-next-icon,
.banner .carousel-dark .carousel-control-prev-icon{


  background-size: 0px;
  font-size: 20px !important;
}
.banner .carousel-indicators [data-bs-target]{
  text-indent: inherit  !important;
  color: #fff;
}
.banner .carousel-control-next{
left: 45%;
}
.slider-btn{
  display: inline-block;
  position: absolute;
  bottom: 0;

}
.banner .carousel-control-next,
.banner .carousel-control-prev{
  position: absolute;
  left: 50%;
  display: inline-block;
  bottom: 0;
}
.banner .carousel-control-prev{
  left: 55%;
}
/* sections */
#gallery {
display: block;
clear: both;
position: relative;
width: 100vw;
height: 100vh;
}


/* gallery style */
[data-am-gallery] {
position: relative;
width: 100%;
height: 100%;
}

[data-am-gallery] input[type="radio"] {
position: fixed;
top: -9999px;
}
[data-am-gallery] input[type="radio"]:checked:nth-child(8) ~ .images .image:nth-child(8) { opacity: 1; }
[data-am-gallery] input[type="radio"]:checked:nth-child(8) ~ .navigation .dot:nth-child(8) { border: solid 1px #926d34; }
[data-am-gallery] input[type="radio"]:checked:nth-child(8) ~ .navigation .dot:nth-child(8):hover { opacity: 1; }
[data-am-gallery] input[type="radio"]:checked:nth-child(7) ~ .images .image:nth-child(7) { opacity: 1; }
[data-am-gallery] input[type="radio"]:checked:nth-child(7) ~ .navigation .dot:nth-child(7) { border: solid 1px #926d34; }
[data-am-gallery] input[type="radio"]:checked:nth-child(7) ~ .navigation .dot:nth-child(7):hover { opacity: 1; }
[data-am-gallery] input[type="radio"]:checked:nth-child(6) ~ .images .image:nth-child(6) { opacity: 1; }
[data-am-gallery] input[type="radio"]:checked:nth-child(6) ~ .navigation .dot:nth-child(6) { border: solid 1px #926d34; }
[data-am-gallery] input[type="radio"]:checked:nth-child(6) ~ .navigation .dot:nth-child(6):hover { opacity: 1; }
[data-am-gallery] input[type="radio"]:checked:nth-child(5) ~ .images .image:nth-child(5) { opacity: 1; }
[data-am-gallery] input[type="radio"]:checked:nth-child(5) ~ .navigation .dot:nth-child(5) { border: solid 1px #926d34; }
[data-am-gallery] input[type="radio"]:checked:nth-child(5) ~ .navigation .dot:nth-child(5):hover { opacity: 1; }
[data-am-gallery] input[type="radio"]:checked:nth-child(4) ~ .images .image:nth-child(4) { opacity: 1; }
[data-am-gallery] input[type="radio"]:checked:nth-child(4) ~ .navigation .dot:nth-child(4) { border: solid 1px #926d34; }
[data-am-gallery] input[type="radio"]:checked:nth-child(4) ~ .navigation .dot:nth-child(4):hover { opacity: 1; }
[data-am-gallery] input[type="radio"]:checked:nth-child(3) ~ .images .image:nth-child(3) { opacity: 1; }
[data-am-gallery] input[type="radio"]:checked:nth-child(3) ~ .navigation .dot:nth-child(3) { border: solid 1px #926d34; }
[data-am-gallery] input[type="radio"]:checked:nth-child(3) ~ .navigation .dot:nth-child(3):hover { opacity: 1; }
[data-am-gallery] input[type="radio"]:checked:nth-child(2) ~ .images .image:nth-child(2) { opacity: 1; }
[data-am-gallery] input[type="radio"]:checked:nth-child(2) ~ .navigation .dot:nth-child(2) { border: solid 1px #926d34; }
[data-am-gallery] input[type="radio"]:checked:nth-child(2) ~ .navigation .dot:nth-child(2):hover { opacity: 1; }
[data-am-gallery] input[type="radio"]:checked:nth-child(1) ~ .images .image:nth-child(1) { opacity: 1; }
[data-am-gallery] input[type="radio"]:checked:nth-child(1) ~ .navigation .dot:nth-child(1) { border: solid 1px #926d34; }
[data-am-gallery] input[type="radio"]:checked:nth-child(1) ~ .navigation .dot:nth-child(1):hover { opacity: 1; }

[data-am-gallery] .image {
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 0;
-webkit-transition: opacity .6s ease;
transition: opacity .6s ease;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
height: calc(100% - 10vh - 4px - 1rem);
}

[data-am-gallery] .navigation {
position: absolute;
width: 100vw;
bottom: 2px;
padding: .5rem;
display: flex;
justify-content: center;
background: #000;
}

@-webkit-keyframes fade-in {
0% { opacity: 0; transform: scale(0); }
100% { opacity: 1; transform: scale(1); }
}
@-moz-keyframes fade-in {
0% { opacity: 0; transform: scale(0); }
100% { opacity: 1; transform: scale(1); }
}
@keyframes fade-in {
0% { opacity: 0; transform: scale(0); }
100% { opacity: 1; transform: scale(1); }
}

/* nav dots */
[data-am-gallery] .dot {
display: table;
width: 10vw;
height: 10vh;
margin: 0;
cursor: pointer;
border: solid 1px #000;
}

/* nav buttons */
#gallery .button {
z-index: 9;
cursor: pointer;
}

#gallery .back {
position: absolute;
top: 50%;
left: 2rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

#gallery .forward {
position: absolute;
top: 50%;
right: 2rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

#gallery .material-symbols-outlined {
color: #fff;
font-size: clamp(3vw, 5vw, 5vw);
font-weight: 100;
}

#gallery .material-symbols-outlined:hover {
color: #926d34;
}

[data-am-gallery] .dot,
.material-symbols-outlined {
-webkit-transition: all .2s ease;
transition: all .2s ease;
}



/* responsive design */
@media screen and (max-width: 680px) {
[data-am-gallery] .dot {
width: 20vw;
}
}

@media screen and (max-width: 380px) {
[data-am-gallery] .navigation {
display: none;
}

[data-am-gallery] .image {
height: 100vh;
background-position: center top;
}
}
/* .banner .carousel-caption{
  top: 50%;
  left:50%;
  transform: translate(-50%, -50%);
  background-color: #00000010;
  padding: 10px;
} */
.news-point .carousel-caption{
  position: inherit !important;
  text-align: left;
  /* position: absolute;
  right: 0;
  left: 50%;
  top: 50%;
  transform: translatey(-50%); */

}
.news-point .carousel-indicators{
justify-content: left !important;
color: #000;
margin-left: 2% !important;
}
.news-point .carousel-indicators [data-bs-target]{
  background-color: #000;
  width: 5px !important;
  height: 5px;

}
.news-item{
  background: linear-gradient( 45deg,#f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100% );
  width: 100%;
  height: 100%;
  min-height: 300px;
  padding: 30px;
}
.news-item p,
.news-item li{
  line-height: 23px;
  margin-bottom: 15px;
}
.news-facebook{
  background-color: #2248bb;
  width: 100%;
  height: 100%;
  padding: 30px;
  margin: 0;

}
.news-facebook1{
  background-color: transparent !important;
  position: relative;
}
.news-point h2{
  box-shadow: 0 6px 9px 0 rgba(0,0,0,0.2);
  /* height: 5.2rem; */
  font-weight: bold;
  display: inline-block;
  padding: 8px 20px;
  position: absolute;
  top: 30px;
  left: -1.5rem;
  z-index: 2;
  background-color: var(--sec-color);
  margin-top: 0;
  color: #ffffff;
  font-size: 22px;
  line-height: 30px;
}
.gallery_product img{
margin: 15px;
}
.filter-button:focus{
  color: #ffaa17 !important;
  font-weight: 600;
  box-shadow: none;
}
.banner-post .col-lg-4{
  position: relative;
}
.banner-post a{
  position: absolute;
  bottom: 7px;
  font-weight: 600;
  right: 22px;
  background-color: #fff;
  padding: 5px 10px;
}

.banner-post .images img{
  padding: 15px 10px 30px 0;
}
.banner-post .images {
  padding:50px 60px 50px 50px ;
}
.banner-post{
  padding:  100px;
}

@media(min-width:1024px){
  #myHeader{
    padding: 0 50px;
  }
}
.pos-facebook,
.pos-insta{
  position: absolute;
  right: 20px;
  top: 10px;
  color: #fff;
  font-size: 22px;
}
.news-facebook,
.news-item{
  position: relative;
}
.news-item h3{
  font-size: 5rem;
  color: transparent !important;
  -webkit-text-stroke: 2px #fff;
}
#carouselExampleCaptions1 p{
  line-height: 22px;
  margin-top: 20px;
}
.news-point img{
  -webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
  overflow: hidden;
}
.news-point img:hover{
  -webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.news-point .col-lg-8,
.news-point .col-lg-6{
  overflow: hidden;
}

.news-point p{
  line-height: 27px;
  font-size: 20px;
  text-align: justify;
}
.news-point .carousel-caption{
  padding: 0 20px 0 10px;
}
.news-point .col-lg-4,
.news-point .col-lg-8{
  overflow: hidden;
  padding-right: 10px;
}
.contact-main .title-anim{
  font-size: 30px !important;
}
.ab-content p{
  text-align: left;
}
/* .ab-content {
  background-image: url(/images/background/bg.png);
  height: 100%;
width: 100%;
} */
 /* .ab-content{
  padding: 80px 0 0px 0;
 } */
.ab-content h2{
  color: var(--sec-color);
  margin: 10px 0;
}
.privacy-mian{
  overflow: hidden;
  background-image: url(/images/background/privacy.png);
width: 100%;
height: 400px;
}
.filter-button{
  background-color: var( --theme-color1);
  border-radius: 0;
  font-size: 18px;color: #fff;
  font-weight: 600;
}
.filter-button:focus,
.filter-button:hover{
  background-color: transparent;
  border: 1px solid var(--theme-color1);
  color: var(--theme-color1) !important;
  font-weight: 600;
}
.sec-img .carousel-caption{
  width: 100%;
  height: 100%;
}
.sec-img .carousel-caption ,
#portfolio img,
.news-point img{
  /* border: 3px solid var(--theme-color2); */
  border-image-source: linear-gradient(to left, #c5a91e, #ff1919) !important;
  border: 10px solid;
  border-image-slice: 1;
  border-width: 5px;
  width: 100%;
}
.team-slider{
  background-image: url(/images/background/career11.jpg);
  /* background-image: url(/images/t/career1.jpg); */
width: 100%;
height: 500px;
background-attachment: fixed;
}
.logos-part img{
  width: 100%;
  background-color: #eee;
  margin-bottom: 20px;
  padding: 0 15px;
  transition: .25s;
  border: 5px solid #eee;
}
.logos-part .col-lg-3{

  display: flex;
  align-items: center;
  justify-content: center;
}
.logos-part .row{
  display: flex;
  justify-content: center !important;
}
.logos-part img:hover{
  transform: scale(1.1);
   /* border: 3px solid var(--theme-color2); */
   border-image-source: linear-gradient(to left, #c5a91e, #ff1919) !important;
   border: 5px solid;
   border-image-slice: 1;
   border-width: 5px;
}

/*Social Icon Two*/
footer .upper-box{
  display: flex;
  justify-content: space-between;
}
.social-icon-two {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  margin-block-start: auto;

}
.social-icon-two li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
}
.social-icon-two li:first-child {
  margin-left: 0;
}
.social-icon-two li a {
  position: relative;
  display: block;
  line-height: 50px;
  height: 50px;
  width: 50px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  background-color: var(--theme-color-dark);
  /* border: 1px solid var(--sec-color); */
  border-radius: 50px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.social-icon-two li a i {
  position: relative;
}
.social-icon-two li a::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  background-color: var(--theme-color1);
  content: "";
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  border-radius: 50px;
}
.social-icon-two li a:hover {
  color: #fff;
}
.social-icon-two li a:hover:before {
  -webkit-transform: scale(1);
          transform: scale(1);
}
footer .row{
  padding-top: 50px;
}
.subscribe-form .text {
  margin-bottom: 10px;
}
.subscribe-form .form-group {
  position: relative;
  margin-bottom: 20px;
}
.subscribe-form .form-group input[type=text],
.subscribe-form .form-group input[type=email] {
  position: relative;
  display: block;
  height: 50px;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  padding: 15px 0;
  padding-right: 60px;
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.subscribe-form .form-group .theme-btn {
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -25px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  font-size: 20px;
  border-radius: 50%;
  color: var(--theme-color1);
  display: block;
  background: transparent;
}
.subscribe-form .form-group .theme-btn:hover {
  color: #FFFFFF;
}
.work-carousel .owl-nav {
  display: flex !important;
  justify-content: center;

}
.work-carousel .owl-nav .owl-next,
.work-carousel .owl-nav .owl-prev{
  width: 40px;
  height: 40px;
  background-color: #ffaa17;
  margin: 0 5px;
  display: flex;
  padding-top: 5px;
  color: #fff;
  justify-content: center;
}
.contact-page input{
  height: 50px;
  background-color:#f8f9fa;
  padding: 10px;
  margin: 10px 0;
  width: 100%;
  border: 1px solid #eee;

}
.contact-page form{
  padding: 30px;
  border: 3px solid #eee;
}
.contact-page textarea{
  height: 150px;
  background-color: #f8f9fa;
  padding: 10px;
  margin: 10px 0;
  width: 100%;
  border: 1px solid #eee;

}
.contact-left{
  padding: 30px;
}
.contact-left li{
  margin: 15px 0 20px 0;
}
.contact-left i{
  font-size: 22px;
  color: var(--main-color);
}
.contact-left span{
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
  margin-left: 5px;
}
.contact-left .text{
  margin-top: 10px;
}
.contact-page {
 padding: 100px 0;
}
.contact-page h2{
  text-transform: uppercase;
  margin-bottom: 30px;
}
.map {
  background-color: #ab111a;
  padding: 50px 0;
}

#counter .plue,
#counter h2{
  color: #fff;
  font-size: 100px;
  font-weight: 800;
  margin: 0;
}
#counter h3{
  color: #fff;
  font-size: 30px;
}
.carousel-logo img{
  width: 250px;
  background-size: 100px;
  display: inline-block;
  padding: 54px 0 50px 0;
  border-radius: 50%;

}
.carousel-logo {
  width: 250px;
  height: 250px;
  background-size: 100px;
  background-color: #e6e6e6d4;
  display: inline-block;
  padding: 0 0 50px 0;
  border-radius: 50%;

}
.main-banner{
  width: 100%;
  height: 900px;
  background-size: cover;
  position: relative;
  background-repeat: no-repeat !important;
}
.main-banner .banner-caption{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.words img,
.news-point img{
  width: 100%;
}
.about-com h2{
  font-size: 100px;
  color:#cd000c;
  text-align: end;
}
.about-com p{
  text-align: end;
  color: #cd000c;
}
.about-com{
  background-color:#be9244;
  padding: 50px 0 0 0;
  position: relative;
  z-index: -1;
}
.about-com h4{
  color: #cd000c;
  font-size: 40px;
}
.about-com::before {
  position: absolute;
  background: url(/images/background/history-intro-bg.png) no-repeat bottom center;
  z-index: -1;

  background-size: auto;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.career-sec{
  background-color: #307fe2;
  padding: 30px !important;
}
.career-sec li{
  color: #fff;
  /* border-bottom: 1px solid #91c2ff; */
  display: inline-block;
  position: relative;
  padding: 5px 10px;
  margin: 15px 0;
}
.career-sec li::before{
  content: '';
  height: 100%;
  width: 1px ;
  background-color: #fff;
  top: 0;
  left: 0;
  position: absolute;
}
.career-sec h3,
.career-sec h5{
  color: #fff;

}
.career-left{
  background-color: #fff !important;
  padding: 20px !important;
  border: 1px solid #ddd;
}

.golden3 {
  background-image: -webkit-linear-gradient(#FFF65C 45%, #9A8000 75%);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.09),
    -1px -1px 0 rgba(255, 220, 0, 0.670);
  font-size:2em;
}
.career-news h4{
  color: var(--sec-color);
  font-weight:600 ;
}
.carre1{
  background-color: #ececec;
  padding: 20px 0 40px 0;
}
.carre1 .col-lg-3{
  overflow: hidden;
}
.main-bar{
  position: fixed;
  top:50%;
  right: 20px;
  z-index: 999 ;
transform: translateY(-50%);
}
.main-bar li{
  border-right: 2px solid var(--sec-color);
}
.main-bar li a{
  padding: 5px 10px;
  background-color: transparent;
  margin:5px 0 10px 0;
  color: transparent;
  display: block;
  transition: all ease-out 250ms;
}
.main-bar li a:hover {
  color: #fff;
  opacity: 1 !important;
}
.main-bar li:hover,
.main-bar li:focus{
  background-color: var(--sec-color) !important;
}
.map .row{
  width: 100%;
}
#video{
  margin-top: 50px !important;
  padding-top: 50px !important;
}

.main-bar .active {
  color: #fff !important;
  font-weight: 500;
  background-color: var(--sec-color);
}
.news-title{
    color:var(--sec-color) !important;
}

.ab-content h2 {
    color: var(--sec-color);
    margin: 10px 0;
}

.ab-content li {
    margin: 7px 0;
    list-style: disc !important;
}