/*=============================
  Variable CSS
===============================*/
:root {
    --body-font-family: "Outfit", Helvetica, Arial, sans-serif;
    --heading-font-family: "Outfit", Helvetica, Arial, sans-serif;
    --transparent-color:transparent;
    --primary-color:#002C4D;
    --secondary-color: #7EBE23;
    --green-color:#0B665E;
    --gold-color:#B78B1E;
    --grey-color:#9EA1A2;
    --orange-color:#F15F20;
    --body-font-color: #FFF;
    --heading-font-color: #FFF;
    --paragraph-color: #FFF;
    --placeholder-color: #676767;
    --menu-color:#B5B5B5;
    --section-background: #f9fbff;
    --section-background-two: #eef7ff;
    --section-background-three: #f4f4f4;
    --section-background-four: #fafafa;
    --section-background-green:#0B665E;
    --body-font-size: 16px;
    --body-font-size18: 18px;
    --heading1-font-size:35px;
    --heading2-font-size:32px;
    --heading3-font-size:28px;
    --heading4-font-size:24px;
    --heading5-font-size:21px;
    --heading6font-size:18px;
    --p1-font-size: 18px;
    --p2-font-size: 16px;
    --p3-font-size: 14px;
    --line-height-p1:26px;
    --line-height-p2:24px;
    --line-height:1.2;
    --ghost-white: #f7fbff;
    --quote-color: #dcdfe5;
    --quote-color-two: #e5e5e5;
    --blog-meta-color: #6a6a6a;
    --lily-white: #e8faff;
    --widget-border-color: #d6d6d6;
    --widget-border-color-two: #efefef;
    --widget-border-color-three:#E5E5E5;
    --widget-border-color-four:#666666;
    --contact-border-color: #c8c8c8;
    --border30-radius:30px;
    --border20-radius:20px;
    --border10-radius:10px;
    --border5-radius:5px;
    --bright-turquoise: #17c7f8;
    --blue: #1c9cea;
    --blue-two: #4378e1;
    --blue-three: #14b9e9;
    --navy-blue: #082da3;
    --violets-blue: #816ef6;
    --zircon: #f4f7ff;
    --indigo: #6610f2;
    --purple: #b12aff;
    --purple-two: #e056fd;
    --magnolia: #fbf5ff;
    --pink: #ff0099;
    --red: #f9185d;
    --red-two: #ef162f;
    --blush: #fff7f9;
    --orange: #fb491a;
    --orange-two: #ff4d24;
    --sauvignon: #fff8f6;
    --yellow: #fabf1f;
    --yellow-two: #ecb40b;
    --yellow-three: #e1ab43;
    --yellow-four: #e29104;
    --island-spice: #fffaec;
    --green: #07e09b;
    --green-two: #22d361;
    --clear: #effffa;
    --teal: #20c997;
    --brown:#AF144B;
    --bubbles: #eafffb;
    --cyan: #f5f8ff;
    --white: #ffffff;
    --black: #1b1d21;
    --black-two: #010102;
    --black-three: #2D2D2D;
    --rich-black: #071022;
    --gray: #dcdcdc;
    --gray-two: #ebf2ff;
    --gray-three: #d7d7d7;
    --gray-four: #f6f9ff;
    --gray-five: #c2c2c2;
    --gray-six: #f8f8f8;
    --gray-seven: #e1e1e1;
    --gray-eight: #646464;
    --gray-nine: #9f9f9f;
    --facebook: #1877f2;
    --twitter: #1c9cea;
    --instagram: #833ab4;
    --linkedin: #0077b5;
    --pinterest: #e60023;
    --youtube: #c4302b;
    --skype: #00aff0;
    --scale: scale(1.05);
}

* {
  margin:0;
  padding:0;
}
body {
  width: 100%;
  height: 100%;
  font-family:var(--body-font-family);
  margin:0 auto;
  font-weight:400;
  color:#5A5A5A;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  background: #F6F6F6;
  overflow-x: hidden;
  position: relative;
  min-height: 100vh;
  direction: ltr;
  line-height:1.6;
}
html {
  width: 100%;
  height: 100%;
}
html *,
html *:before,
html *:after {
  box-sizing: border-box;
}
a {
  text-decoration:none;
  outline:none;
  color:var(--primary-color);
}
a:hover {
  text-decoration: none;
  outline: none;
}
a img {
  border: 0px none;
}
a:active {
  outline: none;
  text-decoration: none;
}
a:focus {
  outline: none;
  outline-offset: 0px;
  text-decoration: none;
}
.clear {
  clear:both;
  overflow:hidden;
  height:0px;
  font-size:0px;
}
.clear_l {
  clear:both;
}
ul, ol {
  padding:0px;
  margin:0px;
  list-style:none;
}
h1, h2, h3{
   font-family:var(--heading-font-family);
}
h1, h2, h3, h4, h5, h6, p {
  margin:0px;
  padding:0px;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: 0.625rem;
    font-weight:500;
    line-height: 1.2;
    color:var(--primary-color);
}
header, article, section, footer, header, figure, aside, hgroup, nav, figcaption{
  display:block;
}
button, input {
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
a:hover, .btn:hover{
  -moz-transition: 0.4s all;
  -o-transition: 0.4s all;
  -webkit-transition: 0.4s all;
  transition: 0.4s all; 
}
button{
  border: none;
  outline: none;
}
select,
select:focus,
input:focus,
.btn,
.btn:focus,
textarea:focus,
input:focus,
button:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(0, 0, 0, 0.8);
  box-shadow:none;
  outline:none;
  border-top-color: none;
  border-right-color: none;
  border-left-color: none;
  color: #000;
}
.noPadding{
  padding:0;
}
.page-item.active .page-link {
    background-color: #567c32;
    border-color: #567c32;
}
/* :: 6.0 Buttons CSS */
.btn:focus {
  box-shadow: none;
}
img{
  height: auto;
  max-width: 100%;
}
embed, iframe, object {
    max-width: 100%;
}
input:focus, 
textarea:focus, 
.form-control:focus {
    outline: none;
    box-shadow: 0 5px 20px rgb(95 99 242 / 10%);
}
::-moz-selection {
  color: #ffffff;
  background-color:var(--primary-color);
}
::selection {
  color: #ffffff;
  background-color:var(--primary-color);
}
form input:focus::-webkit-input-placeholder {
  color: transparent;
}
form input:focus::-moz-placeholder {
  color: transparent;
}
form input:focus:-ms-input-placeholder {
  color: transparent;
}
form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
form input::-moz-placeholder, form textarea::-moz-placeholder {
  -moz-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
form input:-ms-input-placeholder, form textarea:-ms-input-placeholder {
  -ms-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
form input::-ms-input-placeholder, form textarea::-ms-input-placeholder {
  -ms-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
form input::placeholder, form textarea::placeholder {
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}

input[type=checkbox] {
  position: relative;
  background: 0 0;
  border-width: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0 10px 0 3px;
  cursor: pointer;
}
.lead{
    color:var(--black);
    font-size:16px;
    font-weight: 400;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.no-gutters > .col, .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.btn:focus, 
.btn:active:focus, 
.btn.active:focus{
    outline:none;
    box-shadow:none;
}
.btn{
  position: relative;
  display: inline-block;
  overflow: hidden;
  border: 1px solid var(--white);
  z-index:1;
}
.btn-main{
    font-size: 16px;
    font-weight: 600;
    color: #fff !important;
    cursor: pointer;
    text-align:center;
    border: none;
    background-size: 300% 100%;
    text-shadow: none !important;
    border-radius:30px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-image: linear-gradient(to right, #0092a0, #005158, #0092a0, #005158);
    box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
    padding:10px 25px;
    width:auto !important;
}
.btn-main:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    color:#FFF;
}
.btn-main:focus {
    outline: none;
}
.btn-color{
  border:2px solid #459495;
  color:#459495;
  font-weight:400;
}
.btn-color:hover{
  color:#FFF !important;
}
.soild-btn {
    font-size:14px;
    font-weight: 500;
    border-style: solid;
    border-radius: 5px;
    border-color: transparent;
    padding: 12px 30px;
    text-align: center;
    color:var(--white);
    background:var(--secondary-color);
    border-width: 1px;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.soild-btn:hover,
.soild-btn:active,
.soild-btn:focus {
  color:var(--secondary-color);
  background:var(--white);
  border: 1px solid var(--secondary-color);
  -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
          transform: translateY(-3px);
}
.btn-outlined {
    font-size:14px;
    font-weight: 500;
    border-style: solid;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding: 12px 30px;
    text-align: center;
    color:var(--white);
    background:transparent;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.btn-outlined:hover, 
.btn-outlined:active, 
.btn-outlined:focus {
  color:var(--white);
  background:var(--secondary-color);
  border: 1px solid var(--secondary-color);
  -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
          transform: translateY(-3px);
}
.btn-green {
    font-size:14px;
    font-weight: 500;
    border-style: solid;
    border-radius: 5px;
    border-color: transparent;
    padding: 12px 30px;
    text-align: center;
    color:var(--white);
    background:var(--secondary-color);
    border-width: 1px;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}
.btn-green:hover, 
.btn-green:active, 
.btn-green:focus {
  color:var(--secondary-color);
  background:var(--white);
  border: 1px solid var(--secondary-color);
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
.back-link{
  margin-bottom: 30px;
  display: block;
}
.back-link .link:hover{
  letter-spacing: 0.5px;
  color: var(--secondary-color);
}
.green-link{
  color:var(--secondary-color);
}
.green-link:hover{
  color:var(--primary-color);
}

/*----------------------------------
  GENERAL STYLING
------------------------------------*/
.bg-brown{
  background:#650000;
}
.bg-dark-blue{
  background:#1D1B4A;
}
.bg-orange{
  background:#F2B62F;
}

.text-brown{
  color:#742030;
}
.text-blue{
  color:#201440;
}
.section {
    position: relative;
    width: 100%;
    z-index: 1;
}
section{
  background:#F6F6F6;
}
.p-120{
  padding:120px 0;
}
.p-80{
  padding:80px 0;
}
.p-60{
  padding:60px 0;
}
.p-30{
  padding:30px 0;
}
.pt-120{
  padding-top:120px;
}
.pt-80{
  padding-top:80px;
}
.pt-60{
  padding-top:60px;
}
.pt-30{
  padding-top:30px;
}
.pb-120{
  padding-bottom:120px;
}
.pb-80{
  padding-bottom:80px;
}
.pb-60{
  padding-bottom:60px;
}
.pb-30{
  padding-bottom:30px;
}

.btn-area{
  margin-top:30px;
}

.mb-30 {
    margin-bottom: 30px;
}
.mb-60 {
    margin-bottom:60px;
}
.mb-80 {
    margin-bottom:80px;
}
.mb-120 {
    margin-bottom:120px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-60 {
    margin-top:60px;
}
.mt-80 {
    margin-top:80px;
}
.mt-120 {
    margin-top:120px;
}
.bgarea {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.bg-dark{
  background: var(--primary-color);
}
.hover-zoomin a {
    display: block;
    position: relative;
    overflow: hidden;
}
.hover-zoomin img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.hover-zoomin:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.hoverlink a:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    -webkit-transition: all 0.45s ease-out 0s;
    transition: all 0.45s ease-out 0s;
}
.hoverlink a:hover:after {
    width: 100%;
}

/*****  Owl dots Css  ******/
.owl-dots .owl-dot,
.owl-dots .owl-dot {
  background: transparent;
}
.owl-dots .owl-dot span,
.owl-dots .owl-dot span {
  display: inline-block !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 50%;
  border: 0;
  margin: 0 5px !important;
  border: 1px solid #C1C6C8;
  background: #C1C6C8 !important;
}
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot.active span {
  background-color:var(--secondary-color) !important;
  border-radius: 20px;
}
.colorgold .owl-dots .owl-dot.active span,
.colorgold .owl-dots .owl-dot.active span {
  background-color:var(--gold-color) !important;
}
.colorgrey .owl-dots .owl-dot.active span,
.colorgrey .owl-dots .owl-dot.active span {
  background-color:var(--grey-color) !important;
}
.slidenav-center.owl-theme .owl-dots{
  text-align: center;
}
.slidenav-left.owl-theme .owl-dots,
.slidenav-left.owl-theme .owl-nav {
  text-align: left;
}
.slidenav-right.owl-theme .owl-dots,
.slidenav-right.owl-theme .owl-nav {
  text-align: right;
}
.owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 3rem;
}

.owl-nav .owl-next, .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -25px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    border-radius: 50% !important;
    background: #ffffff !important;
    text-align: center;
    color:var(--secondary-color) !important;
    transition: all 0.5s;
    transition-delay: 0.70s;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
    border:1px solid #E8F0D6;
    padding:1px !important;
    font-size:20px;
}
.owl-nav .owl-next:hover,
.owl-nav .owl-prev:hover {
  background:var(--primary-color);
  color: #FFF;
}
.owl-nav .owl-next {
  right: -25px;
  left: unset;
}
.owl-stage {
    padding:15px 0;
}

/*== Btn One Css ======*/
.btn-box {
    position: relative;
    display: block;
    line-height: 0;
}
.btn-one {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding:16px 30px;
    background-color: transparent;
    color: #ffffff;
    font-size: 17px;
    font-weight:500;
    text-transform: capitalize;
    border-radius: 0px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 2;
}
.btn-one:before {
    position: absolute;
    top: 0px;
    left: 100%;
    right: -50px;
    content: "";
    background: var(--thm-black);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    border-radius: 0%;
    transition-duration: 800ms;
    z-index: 1;
    bottom: 0;
}
.btn-one:hover:before {
    left: 0;
    right: 0px;
}
.btn-one:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    opacity: 1;
    transform: scaleX(1);
    transition-duration: 800ms;
    background-color: var(--thm-base);
    z-index: -1;
}
.btn-one:hover:after {
    transform: scaleX(0);
    transition-duration: 1500ms;
}
.btn-one .txt {
    position: relative;
    z-index: 1;
}
.btn-one:hover,
.btn-one:focus {
    color: #ffffff;
}
.btn-one i {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
    color: #ffffff;
    font-size:18px;
}

.green-border.btn-box {
    position: relative;
    display: block;
    padding-top: 20px;
}
.green-border.btn-box .btn-one {
    color: #7EBE23;
    background-color: #ffffff;
    font-size: 16px;
    padding: 14px 80px;
}
.green-border.btn-box .btn-one:hover {
    color: #ffffff;
}
.green-border.btn-box .btn-one:after {
    border: 1px solid #7EBE23;
    background-color: transparent;
}
.green-border.btn-box .btn-one:before {
    background:#7EBE23;
}
.green-border.btn-box .btn-one i {
    position: relative;
    color: #7EBE23;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}
.green-border.btn-box .btn-one i:before {
    position: relative;
    top: 1px;
}
.green-border.btn-box .btn-one:hover i {
    color:var(--white);
}

.border-btn {
  padding:10px 65px;
  text-align: center;
  color: var(--secondary-color) !important;
  font-size:15px;
  font-weight:600;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  border-radius: 6.5px;
  z-index: 0;
  background-color:var(--white) !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow: hidden;
  white-space: nowrap;
  border-radius:4px;
  border:1px solid #E8F0D6;
}
.border-btn:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 45%;
  width:100%;
  height: 550px;
  margin: auto;
  background:var(--secondary-color);
  color: var(--white);
  border-radius: 50%;
  z-index: -1;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: translateX(-50%) translateY(-5%) scale(0.4);
          transform: translateX(-50%) translateY(-5%) scale(0.4);
  -webkit-transition: -webkit-transform .9s;
  transition: -webkit-transform .9s;
  transition: transform .9s;
  transition: transform .9s, -webkit-transform .9s;
}
.colorgold .border-btn:before {
  background: var(--gold-color);
}
.colorgrey .border-btn:before {
  background: var(--grey-color);
}
.border-btn:hover {
  color: var(--white) !important;
}
.border-btn:hover:before {
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transform: translateX(-45%) translateY(0) scale(1);
          transform: translateX(-45%) translateY(0) scale(1);
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.border-btn i{
  margin-left:15px;
}
.btn-area.btn-transparent .border-btn {
    background-color: transparent !important;
    color: #FFF !important;
    border-color: #FFF;
}
.link-btn {
  color:var(--black);
  text-transform: uppercase;
  border-bottom: 1px solid transparent;
  position: relative;
  font-weight:500;
}
.link-btn::before {
  content: "";
  width: 0;
  height: 1px;
  bottom: -1px;
  position: absolute;
  left: auto;
  right: 0;
  z-index: 1;
  -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background: currentColor;
}
.link-btn:hover::before {
  width: 100%;
  left: 0;
  right: auto;
}
.link-btn i{
  font-size:18px;
  margin-left:5px;
}
.greenlinks .link{
  font-weight: bold;
  font-size: 14px;
  color: var(--secondary-color);
}
.greenlinks .link:hover{
  color: var(--primary-color);
}

.box-shadow{
   box-shadow: rgba(0, 0, 0, 0.16) 0px 25px 20px -20px;
}
figure.image {
    margin: 0;
}

.section-title{
  position: relative;
  margin-bottom:30px;
}
.section-title h2 {
    font-size:30px;
    margin: 0 0 20px;
    line-height: 1.4;
    font-weight: 300;
    color: var(--primary-color);
}
.section-title h4{
    font-size:24px;
    margin: 0 0 30px;
    line-height: 1.4;
    font-weight:700;
}
.section-title h5{
    font-size:20px;
    margin: 0 0 5px;
    line-height: 1.4;
    font-weight:700;
}
.section-title.title-inside h2 {
    font-size: 35px;
    margin: 15px 0 30px;
}
.section-title.text-white h2 {
    color: var(--white);
}
.section-title p{
  margin: 12px 0 50px;
  font-size:15px;
}
.section-title.style2{
  padding: 30px 0;
}
.section-title.style2 p{
  margin:30px 0 15px;
  font-size:16px;
}
.section-title.style3{
  display: flex;
  justify-content: space-between;
  margin:15px 0 0;
}
.section-title.text-white p{
  color: var(--white);
}
.container-auto {
    padding: 0 15px;
    max-width: 98%;
    margin: 0 auto;
}


/*===========================================================================
                                Header Css
===========================================================================*/
.header-area {
  position: relative;
  z-index: 9;
}
.bg-primary{
  background-color: var(--primary-color) !important;
}
.header-area .is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-animation: 0.95s ease-in-out 0s normal none 1 running fadeInDown;
          animation: 0.95s ease-in-out 0s normal none 1 running fadeInDown;
  z-index: 999;
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.header-area .is-sticky .navigation-menu--text_white > ul > li > a {
  color: #444;
}
.header-area .is-sticky .navigation-menu--text_white > ul > li > a > span:after {
  background-color: #444;
}
.header-area .is-sticky .navigation-menu--text_white > ul > li.active > a {
  color: #000000;
}
.header-area .is-sticky .navigation-menu--text_white > ul > li:hover > a:after, 
.header-area .is-sticky .navigation-menu--text_white > ul > li.active > a:after {
  color: #000000;
}
.header-area .is-sticky .navigation-menu--text_white > ul > li:hover > a > span, 
.header-area .is-sticky .navigation-menu--text_white > ul > li.active > a > span {
  color: #000000;
}
.header-area .is-sticky .header-search-form .search-form-top .style-02 {
  background-color: transparent;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.header-area .is-sticky .header-search-form .search-form-top.style-03 {
  background-color: transparent;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.header-area .is-sticky .header-search-form .search-form-top.style-03 input::-webkit-input-placeholder, 
.header-area .is-sticky .header-search-form .search-form-top.style-03 textarea::-webkit-input-placeholder {
  color: #333;
}
.header-area .is-sticky .header-search-form .search-form-top.style-03 input::-moz-placeholder, 
.header-area .is-sticky .header-search-form .search-form-top.style-03 textarea::-moz-placeholder {
  color: #333;
}
.header-area .is-sticky .header-search-form .search-form-top.style-03 input:-ms-input-placeholder, 
.header-area .is-sticky .header-search-form .search-form-top.style-03 textarea:-ms-input-placeholder {
  color: #333;
}
.header-area .is-sticky .header-search-form .search-form-top.style-03 input::-ms-input-placeholder, 
.header-area .is-sticky .header-search-form .search-form-top.style-03 textarea::-ms-input-placeholder {
  color: #333;
}
.header-area .is-sticky .header-search-form .search-form-top.style-03 input::placeholder, 
.header-area .is-sticky .header-search-form .search-form-top.style-03 textarea::placeholder {
  color: #333;
}
.header-area .is-sticky .header-search-form .search-form-top .search-field {
  color: #000;
}
.header-area .is-sticky .header-search-form .search-form-top .search-submit {
  color: #333;
}
.header-area .is-sticky .header__logo .dark-logo {
  display: inherit;
}
.header-area .is-sticky .header__logo .light-logo {
  display: none;
}
.header-area .is-sticky .header-search-form-two.white-icon a {
  color: #333;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-area.is-sticky.only-mobile-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-animation: 0.95s ease-in-out 0s normal none 1 running fadeInDown;
            animation: 0.95s ease-in-out 0s normal none 1 running fadeInDown;
    z-index: 999;
    -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-area.is-sticky.only-mobile-sticky .header-bottom-wrap.is-sticky {
    display: none !important;
  }
}
.header-area--absolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-area--absolute {
    position: static;
  }
}
.header-area--absolute__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}
.header-area--default {
  border-color: #E4E8F6;
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
}

.header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  /* logo */
}
.header__logo {
  -webkit-flex-basis: 20%;
      -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
/*  padding: 14px 0;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.header__logo img {
    height: 55px;
}
.header__logo.top-logo {
  padding: 25px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header__logo {
    -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
  }
}
@media only screen and (max-width: 767px) {
  .header__logo {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
  }
  .header__logo.top-logo {
    padding: 15px 0;
  }
}
/*.header__logo > a img {
  width: 160px;
}*/
.header__logo .dark-logo {
  display: none;
}
.header__logo .light-logo {
  display: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header__logo .dark-logo {
    display: inherit;
  }
  .header__logo .light-logo {
    display: none;
  }
}
.header.default-menu-style .header__logo {
  -webkit-flex-basis: 23.5%;
      -ms-flex-preferred-size: 23.5%;
          flex-basis: 23.5%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 14px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header.default-menu-style .header__logo {
    -webkit-flex-basis: 13%;
        -ms-flex-preferred-size: 13%;
            flex-basis: 13%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header.default-menu-style .header__logo {
    -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
            flex-basis: 40%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .header.default-menu-style .header__logo {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.header.default-menu-style .header-midle-box {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header.default-menu-style .header-right-box {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-flex-basis: 23.5%;
      -ms-flex-preferred-size: 23.5%;
          flex-basis: 23.5%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header.default-menu-style .header-right-box {
    -webkit-flex-basis: 23%;
        -ms-flex-preferred-size: 23%;
            flex-basis: 23%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header.default-menu-style .header-right-box {
    -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
            flex-basis: 60%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header.default-menu-style .header-right-box {
    -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
            flex-basis: 60%;
  }
}
@media only screen and (max-width: 767px) {
  .header.default-menu-style .header-right-box {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
  }
}
.header.default-menu-style .header-right-box .header-right-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .header.default-menu-style .header-right-box .header-right-inner {
    margin: auto;
  }
}

/*======================
    - language 
=======================*/
.language-switcher {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.language-switcher .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: auto;
}
.language-switcher .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) span img {
    margin-right: 10px;
    margin-top: -4px;
}
.language-switcher .bootstrap-select .dropdown-menu {
  min-width: 150px;
  border-radius: 0;
}
.language-switcher .bootstrap-select .dropdown-menu>li>a {
  padding: 7px 10px;
  font-size: 14px;
}
.language-switcher .bootstrap-select .dropdown-menu>li>a:hover,
.language-switcher .bootstrap-select .dropdown-menu>li.selected>a {
  background: var(--primary-color);
  color:var(--secondary-color);
}
.language-switcher .bootstrap-select>.dropdown-toggle {
  color: var(--black);
  font-size: 15px;
  font-weight: 500;
  border: 0;
  padding: 0;
  border-radius: 0;
  background-color: transparent;
}
.language-switcher .bootstrap-select>.dropdown-toggle:focus {
    border: none;
    outline: 0 !important;
}
.language-switcher .bootstrap-select>.dropdown-toggle::after {
  color: var(--secondary-color);
  font-size: 12px;
  margin: 0;
  border: none;
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.language-switcher .bootstrap-select .dropdown-toggle .filter-option {
    margin-right: 10px;
}
.header-right {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: end;
          justify-content: flex-start;
}
.header__login{
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.header-right-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 0 12px;
}
@media only screen and (max-width: 767px) {
.header-right-inner {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
  -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
          box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  background-color: #ffffff;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
}
@media only screen and (max-width: 767px) {
.header-right-inner.active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  z-index: 999;
}
}

@media only screen and (max-width: 767px) {
.header-right-box .header-right-inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
}
@media only screen and (max-width: 575px) {
.header-right-box .header-right-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
}
.header-top-info-slider-werap {
  overflow: hidden;
  max-width: 770px;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header-top-info-slider-werap {
  max-width: 540px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-top-info-slider-werap {
  max-width: 280px;
}
}
@media only screen and (max-width: 767px) {
.header-top-info-slider-werap {
  max-width: 100%;
}
}
.header-top-info-slider-werap {
  padding: 0 12px;
}
@media only screen and (max-width: 767px) {
.header-top-info-slider-werap {
  padding: 0 0px;
}
}
/*.header-top-info-inner .info-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 1px solid #ddd;
  padding-left: 19px;
}
.header-top-info-inner .info-item .info-icon {
  width: 41px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-size: 30px;
  line-height: 1;
  color: #d2a98e;
}
.header-top-info-inner .info-item .info-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.header-top-info-inner .info-item .info-content .info-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.18;
  margin-bottom: 6px;
}
.header-top-info-inner .info-item .info-content .info-sub-title {
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .header-top-info-inner .info-item {
    padding-left: 0px;
    margin-top: 20px;
  }
}
.header-top-info-inner.default-color .info-item .info-icon {
  color: #086AD8;
}*/

.top-info-slider__container {
  cursor: w-resize;
}
.top-info-slider__container .swiper-slide-active .info-item {
  border-left: none;
}

.header-social-networks.style-icons a {
  display: inline-block;
  padding: 0 10px;
  font-size: 18px;
  margin-top: 10px;
}

.header-bottom-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.header-bottom-left-wrap {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.header-search-form {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
.header-search-form .search-form-top {
  position: relative;
  background-color: rgba(0, 47, 166, 0.3);
}
.header-search-form .search-form-top .search-field {
  width: 270px;
  border-radius: 0;
  border: 0 !important;
  background: 0 0 !important;
  min-height: 60px;
  padding-right: 50px;
  padding-left: 10px;
  color: #fff;
}
.header-search-form .search-form-top input::-webkit-input-placeholder, 
.header-search-form .search-form-top textarea::-webkit-input-placeholder {
  color: #333;
}
.header-search-form .search-form-top input::-moz-placeholder, 
.header-search-form .search-form-top textarea::-moz-placeholder {
  color: #333;
}
.header-search-form .search-form-top input:-ms-input-placeholder, 
.header-search-form .search-form-top textarea:-ms-input-placeholder {
  color: #333;
}
.header-search-form .search-form-top input::-ms-input-placeholder, 
.header-search-form .search-form-top textarea::-ms-input-placeholder {
  color: #333;
}
.header-search-form .search-form-top input::placeholder, 
.header-search-form .search-form-top textarea::placeholder {
  color: #333;
}
.header-search-form .search-form-top .search-submit {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  font-size: 18px;
  background: 0 0;
  width: 48px;
  height: 48px;
  line-height: 50px;
  padding: 0;
  border: 0;
  color: #ffffff;
}
.header-search-form.default-search {
  height: 100%;
}
.header-search-form.default-search .search-form-top {
  background: transparent;
  border-left: 1px solid #eee;
  margin-right: 5px;
}
@media only screen and (max-width: 575px) {
  .header-search-form.default-search .search-form-top {
    margin-top: 15px;
    background: #eee;
  }
}
.header-search-form.default-search .search-form-top .search-field {
  max-width: 225px;
  color: #333;
  min-height: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-search-form.default-search .search-form-top .search-field {
    max-width: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .header-search-form.default-search .search-form-top .search-field {
    min-height: 40px;
  }
}
.header-search-form.default-search .search-form-top .search-submit {
  color: #000000;
}
.header-search-form-two {
  padding-left: 24px;
  display: block;
}
.header-search-form-two a {
  line-height: 0;
  font-size: 18px;
  color: var(--white);
}
.header-search-form-two a:hover {
  -webkit-transform: scale(1.15, 1.15);
      -ms-transform: scale(1.15, 1.15);
          transform: scale(1.15, 1.15);
}
.header-search-form-two.white-icon a {
  color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-search-form-two.white-icon a {
    color: #333;
  }
}

.top-bar-left {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.top-bar-left .top-bar-text {
  font-size: 14px;
  line-height: 1.78;
}
.top-bar-left .top-bar-text .font-medium {
  font-weight: 500;
}

.top-bar-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 40px;
}
.header-right-content {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  text-align: right;
}
.header-right-content li {
  display: inline-block;
  margin-right:25px;
  font-size: 15px;
}
.header-right-content li a {
    color: #141414;
    font-size: 14px;
}
.header-right-content li a:hover {
  color:var(--secondary-color);
}
.header-right-content li:last-child {
  margin-right: 0;
}
.header-left-content {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  text-align: left;
  margin-left:5rem;
}
.header-left-content li {
  display: inline-block;
  margin-left:2px;
  font-size: 15px;
}
.header-left-content li a {
    color: #141414;
    padding: 12px 13px;
    font-size: 14px;
}
.header-left-content li a:hover {
  color:var(--secondary-color);
  background:var(--primary-color);
}
.header-left-content li.active a {
  background:var(--primary-color);
  color:var(--white);
}
.header-left-content li:last-child {
  margin-left: 0;
}
.top-bar-text,
.top-bar-right {
    display: flex;
    align-items: center;
}
.top-bar-text .language-switcher {
    margin-left: 0;
}

.header-top-area .header-lang-item {
  position: relative;
  padding: 12px 0;
}
.header-top-area .header-lang-item:not(:last-child) {
  padding-right: 15px;
  margin-right: 17px;
}
.header-top-area .header-lang-item > span {
  padding-left: 0;
  color: var(--clr-common-white);
  font-size: 14px;
}
.header-top-area .header-lang-item > span::after {
  color: var(--clr-common-white);
}
.header-top-area .header-lang-item:not(:last-child) .header-top-area .header-lang-item::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  width: 1px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header-lang-item {
  position: relative;
  padding: 3px 14px 4px 18px;
}
.header-lang-item > span {
  position: relative;
  display: inline-block;
  font-weight: 500;
  font-size: 16px;
  color: var(--white);
  padding-right: 20px;
}
.header-lang-item > span:hover {
  cursor: pointer;
  color: var(--secondary-color);
}
.header-lang-item > span:hover::after {
  color: currentColor;
}
.header-lang-item > span::after {
    position: absolute;
    color: var(--white);
    margin-left: 5px;
    font-family: "icofont";
    content: "\ea99";
    margin-top: 3px;
}
.header-lang-item ul {
  position: absolute;
  top: 125%;
  right: 0;
  z-index: 111;
  background-color: var(--white);
  padding: 10px 15px;
  box-shadow: 0px 1px 3px rgba(3, 4, 28, 0.12);
  visibility: hidden;
  opacity: 0;
  min-width: max-content;
  -webkit-transition: all 0.2s 0s ease-out;
  -moz-transition: all 0.2s 0s ease-out;
  -ms-transition: all 0.2s 0s ease-out;
  -o-transition: all 0.2s 0s ease-out;
  transition: all 0.2s 0s ease-out;
}
.header-lang-item ul.lang-list-open {
  top: 100%;
  visibility: visible;
  opacity: 1;
}
.header-lang-item ul li {
    list-style: none;
    margin: 5px 0;
}
.header-lang-item ul li a {
  font-size: 14px;
  color: var(--clr-common-heading);
}
.header-lang-item ul li a:hover {
  color: var(--clr-theme-secondary);
}
.header-lang-item .tp-currency-list-open,
.header-lang-item .tp-setting-list-open {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.header-lang-item img {
    height: 21px;
}

/*============================== 
    - Navigation Menu Css
===============================*/
.navigation-menu > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.navigation-menu > ul > li {
  margin: 0 24px;
}
@media only screen and (min-width: 1500px) and (max-width: 1599px) {
  .navigation-menu > ul > li {
    margin: 0 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .navigation-menu > ul > li {
    margin: 0 15px;
  }
}
.header__navigation.main-menu .navigation-menu > ul > li > a {
  display: block;
  color:var(--white);
  padding:20px 2px;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.18;
  -webkit-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}
.header__navigation.main-menu .navigation-menu > ul > li > a:before {
  content: "";
  width: 0;
  height: 3px;
  bottom: 0;
  position: absolute;
  left: 0;
  background-color: var(--secondary-color);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header__navigation.main-menu .navigation-menu > ul > li > a span {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header__navigation.main-menu .navigation-menu > ul > li.has-children > a {
  position: relative;
}
/*.navigation-menu > ul > li.has-children > a:after {
  position: static;
  margin-left: 5px;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 600;
  font-size: 14px;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}*/
.header__navigation.main-menu .navigation-menu > ul > li > a:after {
    content: "";
    width: 1px;
    height: 22%;
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    top: 38%;
    left: -22px;
}
.header__navigation.main-menu .navigation-menu > ul > li:first-child > a:after {
    content: "";
    width: 0;
    height:0;
}
.navigation-menu > ul > li.has-children--multilevel-submenu {
  position: relative;
}
.navigation-menu > ul > li.has-children:hover .megamenu {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.navigation-menu > ul > li.has-children:hover .megamenu--home-variation__item {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.navigation-menu > ul > li.has-children:hover > .submenu {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.navigation-menu > ul > li:hover > a:after, 
.navigation-menu > ul > li.active > a:after {
  color:var(--secondary-color);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navigation-menu > ul > li:hover > a, 
.navigation-menu > ul > li.active > a,
.navigation-menu > ul > li:hover > a span, 
.navigation-menu > ul > li.active > a span {
  color:var(--secondary-color);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navigation-menu > ul > li:hover > a:before{
  width: 100%;
  left: 0;
}
.navigation-menu.primary--menu > ul > li > a {
  padding: 31px 2px;
}
.navigation-menu--text_white > ul > li > a {
  color: rgba(255, 255, 255, 0.7);
}
.navigation-menu--text_white > ul > li > a:before {
  background-color: #ffffff;
}
.navigation-menu--text_white > ul > li.active > a {
  color: #ffffff;
}
.navigation-menu--text_white > ul > li:hover > a:after, 
.navigation-menu--text_white > ul > li.active > a:after {
  color: #ffffff;
}
.navigation-menu--text_white > ul > li:hover > a, 
.navigation-menu--text_white > ul > li.active > a,
.navigation-menu--text_white > ul > li:hover > a > span, 
.navigation-menu--text_white > ul > li.active > a > span {
  color: #ffffff;
}

.header-bottom-left-wrap .navigation-menu > ul > li:first-child {
  margin: 0 24px 0 0;
}

/*===================================
    - Multilevel Submenu Css
====================================*/
.submenu {
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
  border-bottom: 3px solid var(--secondary-color);
  background-color: #ffffff;
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
  -webkit-transition-duration: 0.4s;
       -o-transition-duration: 0.4s;
          transition-duration: 0.4s;
  visibility: hidden;
  opacity: 0;
  min-width: 240px;
  padding: 20px 0;
  z-index: 9;
}
.submenu > li {
  position: relative;
}
.submenu > li > a {
  display: block;
  padding: 5px 30px;
  color: #ababab;
  font-weight: 400;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}
.submenu > li > a > span {
  position: relative;
}
.submenu > li > a > span:after {
  content: "";
  width: 0;
  height: 1px;
  bottom: 0;
  position: absolute;
  left: auto;
  right: 0;
  z-index: -1;
  background-color:var(--secondary-color);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.submenu > li > a:hover {
  color:var(--secondary-color);
}
.submenu > li > a:hover > span:after {
  width: 100%;
  left: 0;
  right: auto;
}
.submenu > li:hover > .submenu {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
  opacity: 1;
  z-index: 9;
}
.submenu > li.active > a {
  color:var(--secondary-color);
}
.submenu > li.has-children > a {
  position: relative;
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.submenu > li.has-children > a:after {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "\f105";
  font-size: 14px;
  vertical-align: middle;
  color: #ababab;
}
.submenu > li.has-children > a:hover:after {
  color:var(--secondary-color);
}
.submenu > li.has-children.active > a {
  color:var(--secondary-color);
}
.submenu .submenu {
  top: 0px;
  left: 100%;
  right: auto;
}
.submenu .submenu.left {
  right: 100%;
  left: auto;
}
.submenu .submenu .submenu {
  top: 0;
  left: 100%;
  right: auto;
}
.submenu .submenu .submenu.left {
  right: 100%;
  left: auto;
}
.submenu .submenu .submenu .submenu {
  top: 0;
  left: 100%;
  right: auto;
}
.submenu .submenu .submenu .submenu.left {
  right: 100%;
  left: auto;
}
.submenu .submenu .submenu .submenu .submenu {
  top: 0;
  left: 100%;
  right: auto;
}
.submenu .submenu .submenu .submenu .submenu.left {
  right: 100%;
  left: auto;
}

/*=========================================
    - Mega Menu Css
===========================================*/
.megamenu {
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
  border-bottom: 3px solid var(--secondary-color);
  background-color: #ffffff;
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
  -webkit-transition-duration: 0.4s;
       -o-transition-duration: 0.4s;
          transition-duration: 0.4s;
  visibility: hidden;
  opacity: 0;
  z-index: 9;
}
.megamenu--mega {
  min-width: 980px;
  width: 100%;
/*  padding: 35px 20px 30px;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: distribute;
          justify-content: flex-start;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .megamenu--mega {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .megamenu--mega {
    min-width: 700px;
  }
}
.megamenu--mega > li {
  -webkit-flex-basis: 22%;
      -ms-flex-preferred-size: 22%;
          flex-basis: 22%;
  padding-left: 15px;
  padding-right: 15px;
}
.megamenu--mega > li .page-list-title {
    font-size: 14px;
    margin-bottom: 30px;
    color: #9BA5A8;
    display: block;
}
.megamenu--mega > li .page-list-title:hover{
  color:var(--secondary-color);
}
.megamenu--mega > li > ul > li{
  margin:8px 0;
}
.megamenu--mega > li > ul > li > a {
  padding: 10px 0;
  color: #4C4C4C;
  line-height: 1.2;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  font-size:14px;
}
.megamenu--mega > li > ul > li > a:hover {
  color:var(--secondary-color);
}
.megamenu--mega > li > ul > li > a:hover span:after {
  width: 100%;
  left: 0;
  right: auto;
}
.megamenu--mega > li > ul > li > a > span {
  position: relative;
}
.megamenu--mega > li > ul > li > a > span:after {
  content: "";
  width: 0;
  height: 1px;
  bottom: 0;
  position: absolute;
  left: auto;
  right: 0;
  z-index: -1;
  background-color:var(--secondary-color);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.megamenu--mega > li > ul > li.active > a {
  color:var(--secondary-color);
}

.container-fluid .megamenu--mega {
  padding: 35px 220px 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .container-fluid .megamenu--mega {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .container-fluid .megamenu--mega {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .container-fluid .megamenu--mega {
    min-width: 700px;
  }
}

/* Mobile Mavigation icon */
.mobile-navigation-icon {
  width: 24px;
  height: 25px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  margin-left: 30px;
}
.mobile-navigation-icon:hover i {
  background-color:var(--secondary-color);
}
.mobile-navigation-icon:hover i:before {
  width: 80%;
  background-color:var(--secondary-color);
}
.mobile-navigation-icon:hover i:after {
  background-color:var(--secondary-color);
  width: 60%;
}
.mobile-navigation-icon i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  height: 2px;
  background-color:var(--white);
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.mobile-navigation-icon i:before {
  position: absolute;
  bottom: 8px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color:var(--white);
  content: "";
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.mobile-navigation-icon i:after {
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color:var(--white);
  content: "";
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mobile-navigation-icon.white-md-icon i {
    background-color: #fff;
  }
  .mobile-navigation-icon.white-md-icon i:before {
    background-color: #fff;
  }
  .mobile-navigation-icon.white-md-icon i:after {
    background-color: #fff;
  }
  .mobile-navigation-icon.white-md-icon:hover i {
    background-color:var(--secondary-color);
  }
  .mobile-navigation-icon.white-md-icon:hover i:before {
    width: 80%;
    background-color:var(--secondary-color);
  }
  .mobile-navigation-icon.white-md-icon:hover i:after {
    background-color:var(--secondary-color);
    width: 60%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .is-sticky .white-md-icon i {
    background-color: #333;
  }
  .is-sticky .white-md-icon i:before {
    background-color: #333;
  }
  .is-sticky .white-md-icon i:after {
    background-color: #333;
  }
}
.menu-cardinfo{
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
}
.menu-img{
  width:120px;
  margin-right:15px;
}
.menu-cardinfo h3{
  font-size:14px;
  margin-bottom:10px;
  color:#4C4C4C;
}
.menu-cardinfo p{
  font-size:12px;
  line-height: 1.8;
  color:#9BA5A8;
}

/*================================ 
    - Mobile Menu Overlay Css
==================================*/
.mobile-menu-overlay, .page-oppen-off-sidebar {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #333333;
  overflow: auto;
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
/*  cursor: url(../images/icons/light-close.webp) 16 16, pointer;*/
  visibility: hidden;
  opacity: 0;
}
.mobile-menu-overlay__inner, .page-oppen-off-sidebar__inner {
  -webkit-transform: translateX(120%);
      -ms-transform: translateX(120%);
          transform: translateX(120%);
  width: 400px;
  height: 100%;
  float: right;
  cursor: default;
  background: var(--primary-color);
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  overflow-y: auto;
  display: none;
}
@media only screen and (max-width: 479px) {
.mobile-menu-overlay__inner, .page-oppen-off-sidebar__inner {
  width:100%;
}
}
.mobile-menu-overlay.active, .page-oppen-off-sidebar.active {
  visibility: visible;
  opacity: 1;
}
.mobile-menu-overlay.active .mobile-menu-overlay__inner, 
.page-oppen-off-sidebar.active .mobile-menu-overlay__inner{
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
}
.mobile-menu-overlay__header, .page-oppen-off-sidebar__header {
  background-color:var(--primary-color);
  padding:0;
  border-bottom:1px solid rgba(255, 255, 255, 0.2);
}
.mobile-menu-overlay__header .mobile-navigation-close-icon, 
.page-oppen-off-sidebar__header .mobile-navigation-close-icon {
  position: relative;
  cursor: pointer;
  height: 40px;
  width: 40px;
  line-height: 40px;
  display: inline-block;
}
.mobile-menu-overlay__header .mobile-navigation-close-icon:before, 
.page-oppen-off-sidebar__header .mobile-navigation-close-icon:before {
  position: absolute;
  top: 23px;
  left: 8px;
  content: "";
  width: 24px;
  height: 3px;
  background:var(--white);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.mobile-menu-overlay__header .mobile-navigation-close-icon:after, 
.page-oppen-off-sidebar__header .mobile-navigation-close-icon:after {
  position: absolute;
  top: 23px;
  left: 8px;
  content: "";
  width: 24px;
  height: 3px;
  background:var(--white);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.mobile-menu-overlay__header .mobile-navigation-close-icon:hover, 
.page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover {
  color:var(--secondary-color);
}
.mobile-menu-overlay__header .mobile-navigation-close-icon:hover:before, 
.mobile-menu-overlay__header .mobile-navigation-close-icon:hover:after, 
.page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover:before, 
.page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover:after {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.mobile-menu-overlay__body, .page-oppen-off-sidebar__body {
  padding: 20px 15px 20px;
  border-bottom:1px solid rgba(255, 255, 255, 0.2);
}
/*.mobile-menu-overlay__body, .page-oppen-off-sidebar__body:last-child{
  border-bottom:none;
}*/
.mobile-menu-overlay__body .offcanvas-navigation, 
.page-oppen-off-sidebar__body .offcanvas-navigation {
  /* onepage style */
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li > a, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li > a {
  display: block;
  color: #ffffff;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li > a:hover, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li > a:hover {
  color: #ffffff;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li:last-child, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li:last-child {
  border-bottom: 0;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children {
  position: relative;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children.active .menu-expand:before, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children.active .menu-expand:before {
  content: "\eab9";
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand {
    position: absolute;
    right: 0;
    top: 5px;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
    -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand:hover, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand:hover {
  background: rgba(255, 255, 255, 0.2);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand:before, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand:before {
  content: "\eab2";
  font-size: 18px;
  font-family: "icofont";
  font-weight: 600;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu {
  padding: 12px 0 14px 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li a, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li a {
  display: block;
  font-size: 14px;
  color:var(--white);
  font-weight: 500;
  line-height: 1.5;
  padding: 10px 0;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li a:hover, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li a:hover {
  color: #ffffff;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li:last-child, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li:last-child {
  border-bottom: 0;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children {
  position: relative;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children.active .menu-expand:before, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children.active .menu-expand:before {
  content: "\eab2";
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand {
  position: absolute;
  right: 0;
  top: 6px;
  width: 30px;
  height: 30px;
  background: none;
  color: #fff;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:hover, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:hover {
  background: rgba(255, 255, 255, 0.2);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:before, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:before {
  font-size: 16px;
  font-weight: 500;

  content: "\eab8";
  font-family: "icofont";
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children {
  position: relative;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children.active .menu-expand:before, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children.active .menu-expand:before {
  content: "\eab2";
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children .menu-expand:before, 
.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children .menu-expand:before {
  font-size: 16px;
  content: "\eab8";
  font-family: "icofont";
  font-weight: 500;
}
.mobile-menu-overlay__body .offcanvas-navigation--onepage > ul > li.active > a, 
.page-oppen-off-sidebar__body .offcanvas-navigation--onepage > ul > li.active > a {
  font-weight: 700;
}

/*======================================
    - offset search
======================================*/
.page-oppen-off-sidebar {
  right: 0;
}
.page-oppen-off-sidebar__inner {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  width: 400px;
  float: right;
  background: #ffffff;
}
@media only screen and (max-width: 479px) {
  .page-oppen-off-sidebar__inner {
    width: 300px;
  }
}
.page-oppen-off-sidebar.active .page-oppen-off-sidebar__inner {
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
}
.page-oppen-off-sidebar__header {
  background: #ffffff;
  padding: 15px 35px;
}
.page-oppen-off-sidebar .off-sidebar-contact-info--list .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
}
.page-oppen-off-sidebar .off-sidebar-contact-info--list .item .icon {
  color: #6d70a6;
  min-width: calc(1em + 18px);
  font-size: 16px;
}
.page-oppen-off-sidebar .off-sidebar-contact-info--list .item a:hover {
  color: #38cb89;
}
.page-oppen-off-sidebar .off-sidebar-contact-info .off-sidebar-widget__list {
  overflow: hidden;
}
.page-oppen-off-sidebar .off-sidebar-contact-info .off-sidebar-widget__list li {
  width: 50%;
  float: left;
  margin-bottom: 8px;
}
.page-oppen-off-sidebar .off-sidebar-contact-info .off-sidebar-widget__list li a {
  line-height: 17px;
}

.menu-btn-area .btn.btn-primary{
  width: 100%;
  padding:10px 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: transparent;
  margin-bottom:10px;
  color: var(--white);
}
.menu-btn-area .btn.btn-primary i{
  color: var(--secondary-color);
}
.menu-btn-area .btn.btn-primary:hover{
  background: var(--secondary-color);
  color: var(--white);
}
.menu-btn-area .btn.btn-primary:hover i{
  color: var(--white);
}

.mobile-menu-overlay__body .language-switcher {
    display: block;
    margin-bottom: 20px;
    margin-left: 0;
}
.mobile-menu-overlay__body .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    height: 46px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 36px;
    border-radius:5px;
}
.mobile-menu-overlay__body .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) span img {
    margin-right: 10px;
    margin-top: -4px;
}
.mobile-menu-overlay__body .bootstrap-select .dropdown-menu {
    min-width: 96%;
    border-radius: 0;
}
.mobile-menu-overlay__body .bootstrap-select .dropdown-menu>li>a {
  padding:3px 10px;
  font-size: 14px;
}
.mobile-menu-overlay__body .bootstrap-select .dropdown-menu>li>a:hover,
.mobile-menu-overlay__body .bootstrap-select .dropdown-menu>li.selected>a {
  background: var(--primary-color);
  color:var(--secondary-color);
}
.mobile-menu-overlay__body .bootstrap-select>.dropdown-toggle {
  color: var(--white);
  font-size: 15px;
  font-weight: 500;
  border: 0;
  padding: 0;
  border-radius: 0;
  background-color: transparent;
}
.mobile-menu-overlay__body .bootstrap-select>.dropdown-toggle:focus {
    border: none;
    outline: 0 !important;
}
.mobile-menu-overlay__body .bootstrap-select>.dropdown-toggle::after {
  color: var(--secondary-color);
  font-size: 12px;
  margin: 0;
  border: none;
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.mobile-menu-overlay__body .bootstrap-select .dropdown-toggle .filter-option {
    margin-right: 10px;
}
a.login-btn {
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: var(--white);
    padding: 8px 35px;
    border-radius: 5px;
}
a.login-btn:hover{
  background: var(--white);
  color: var(--primary-color);
}
/*=====  End of Header  ======*/

/*************** Home Banner ***************/
.home_banner {
  position: relative;
  overflow: hidden;
}
.home_banner .home-carousel {
  position: relative;
}
.home-carousel .owl-stage{
  padding:0;
}
.home_banner .home-carousel .slide-item {
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 120px 0px 120px 0px;
  overflow: hidden;
  background-color: #151130;
}
.home_banner .home-carousel .slide-item .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -moz-transition: all 8000ms linear;
  -webkit-transition: all 8000ms linear;
  -ms-transition: all 8000ms linear;
  -o-transition: all 8000ms linear;
  transition: all 8000ms linear;
  z-index: 0;
  color: var(--white);
}
.home_banner .home-carousel .slide-item .image-layer:before{
  content: "";
  background:rgba(0, 0, 0, 0.3);
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  left:0;
}
.home_banner .home-carousel .slide-item .auto-container {
  position: static;
  max-width: 1380px;
  padding: 0px 15px;
  margin: 0 auto;
}
.home_banner .home-carousel .slide-item .auto-container .content-box {
  position: relative;
  display: block;
  z-index: 5;
  width: 100%;
  padding: 0 30px;
}
.home_banner .home-carousel .slide-item .auto-container .content-box .home-carousel-title {
  position: relative;
  display: block;
  font-size:36px;
  font-weight:300;
  margin-bottom:5px;
  opacity: 0;
  max-width: 680px;
  z-index: 11;
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -moz-transition: all 1000ms ease;
  -webkit-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  color: var(--white);
}
.home_banner .home-carousel .slide-item .auto-container .content-box  h2{
  position: relative;
  display: block;
  font-size:18px;
  font-weight:300;
  margin-bottom:15px;
  opacity: 0;
  max-width: 680px;
  z-index: 11;
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -moz-transition: all 1200ms ease;
  -webkit-transition: all 1200ms ease;
  -ms-transition: all 1200ms ease;
  -o-transition: all 1200ms ease;
  transition: all 1200ms ease;
  color: var(--white);
  font-weight:500;
}
.home_banner .home-carousel .active .auto-container .content-box p,
.home_banner .home-carousel .slide-item .auto-container .content-box .home-carousel-text {
  position: relative;
  display: block;
  margin-bottom:25px;
  font-size:16px;
  font-weight:400;
  opacity: 0;
  max-width:90%;
  z-index: 11;
  color: var(--white) !important;
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -moz-transition: all 1300ms ease;
  -webkit-transition: all 1300ms ease;
  -ms-transition: all 1300ms ease;
  -o-transition: all 1300ms ease;
  transition: all 1300ms ease;
}
@media screen and (max-width: 768px) {
.home_banner .home-carousel .slide-item .auto-container .content-box .home-carousel-title {
  font-size:34px;
  max-width: 100%;
}
.home_banner .home-carousel .active .auto-container .content-box p
.home_banner .home-carousel .slide-item .auto-container .content-box .home-carousel-text {
  max-width: 100%;
}
}
@media screen and (max-width: 425px) {
.home_banner {
  max-height: 600px;
}
.home_banner .home-carousel .slide-item {
  padding: 100px 0px 100px 0px;
}
.home_banner .home-carousel .slide-item .auto-container .content-box {
  padding: 0 15px;
}
.home_banner .home-carousel .slide-item .auto-container .content-box p{
  color:#FFF;
}
.home_banner .home-carousel .slide-item .auto-container .content-box .home-carousel-title {
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 1.2;
}
.home_banner .home-carousel .active .auto-container .content-box p,
.home_banner .home-carousel .slide-item .auto-container .content-box .home-carousel-text {
  font-size: 14px;
  line-height:22px;
}
}
@media screen and (max-width: 375px) {
.home_banner .home-carousel .slide-item .auto-container .content-box .home-carousel-title {
  margin-bottom: 20px;
  font-size:22px;
  line-height: 1.2;
}
.home_banner .home-carousel .active .auto-container .content-box p,
.home_banner .home-carousel .slide-item .auto-container .content-box .home-carousel-text {
  font-size: 18px;
  line-height: 30px;
}
}
.home_banner .home-carousel .slide-item .auto-container .content-box .slider-btn-box {
  position: relative;
  opacity: 0;
  z-index: 11;
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -moz-transition: all 1300ms ease;
  -webkit-transition: all 1300ms ease;
  -ms-transition: all 1300ms ease;
  -o-transition: all 1300ms ease;
  transition: all 1300ms ease;
}
.home_banner .home-carousel .slide-item .auto-container .content-box .slider-btn-box .border-btn{
  border-color:var(--white);
  background:transparent !important;
  color:var(--white) !important;
}
.home_banner .home-carousel .active .auto-container .content-box .home-carousel-title {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  -ms-transition-delay: 1000ms;
  -o-transition-delay: 1000ms;
  transition-delay: 1000ms;
}
.home_banner .home-carousel .active .auto-container .content-box h2{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1200ms;
  -moz-transition-delay: 1200ms;
  -ms-transition-delay: 1200ms;
  -o-transition-delay: 1200ms;
  transition-delay: 1200ms;
}
.home_banner .home-carousel .active .auto-container .content-box p,
.home_banner .home-carousel .active .auto-container .content-box .home-carousel-text {
  opacity:1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1300ms;
  -moz-transition-delay: 1300ms;
  -ms-transition-delay: 1300ms;
  -o-transition-delay: 1300ms;
  transition-delay: 1300ms;
}
.home_banner .home-carousel .active .auto-container .content-box .slider-btn-box {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1600ms;
  -moz-transition-delay: 1600ms;
  -ms-transition-delay: 1600ms;
  -o-transition-delay: 1600ms;
  transition-delay: 1600ms;
}
.home_banner .home-carousel .owl-nav button {
  background: var(--primary-color2);
}

/*Owl Carousel Nav Prev*/
.home_banner  .owl-carousel .owl-nav button.owl-prev,
.home_banner  .owl-carousel .owl-nav button.owl-next {
  font-size: 20px;
  height: 50px;
  border-radius: 50%;
  left: 45px;
  line-height: 50px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
  background: var(--primary-color);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -moz-transition: all 600ms ease 0ms;
  -webkit-transition: all 600ms ease 0ms;
  -ms-transition: all 600ms ease 0ms;
  -o-transition: all 600ms ease 0ms;
  transition: all 600ms ease 0ms;
  opacity: 0;
  visibility: hidden;
}
.home_banner  .owl-carousel:hover .owl-nav button.owl-prev,
.home_banner  .owl-carousel:hover .owl-nav button.owl-next {
  opacity: 1;
  visibility: visible;
}
.home_banner  .owl-carousel:hover .owl-nav button.owl-prev {
  left:-5px;
}
.home_banner  .owl-carousel:hover .owl-nav button.owl-next {
  right:-5px;
}
.home_banner  .owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: 45px;
}
.home_banner  .owl-carousel .owl-nav button i {
  color:var(--primary-color);
}
.home_banner .owl-dots {
    z-index: 99;
    position: relative;
    bottom: 0;
    width: auto;
    margin: -30px auto 0;
    bottom: 25px;
    left: 0;
    text-align: center;
}

.section-bordered{
  border-bottom:1px solid #EAEAEA;
}
.forexsection{
  padding:0 0 5px;
}
.stockblock {
    height: auto !important;
    color: #000;
    overflow: hidden;
    padding:5px 0;
}
.stockblock .mask {
  position: relative;
  overflow: hidden;
  width: 100%;
}
#stocks-marque li {
  font-size: 14px;
  font-weight:600;
  padding: 0 !important;
}
#stocks-marque li:after {
  content: "|";
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  color:#9F9F9F;
}
.marquetext{
    color:#9F9F9F;
    font-weight:400;
}
.btn.btn-converter {
    color: var(--secondary-color);
    border: 1px solid #E8F0D6;
    border-radius: 30px;
    padding:10px 30px;
    font-size: 14px;
    font-weight:600;
    -webkit-box-shadow: 0px 13px 19px -15px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 13px 19px -15px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 13px 19px -15px rgba(0,0,0,0.2);
}
.btn.btn-converter i {
    margin-left: 10px;
    font-size: 16px;
    top: 1px;
    position: relative;
}
.btn.btn-converter:hover{
  background: var(--secondary-color);
  color: var(--white);
}

.looking-item{
  text-align: left;
  border-left: 1px solid #C1C6C8;
  padding-left:15px;
}
.looking-item .icon img {
    height: 20px;
    display: inline-block;
    width: auto;
}
.looking-item a h4{
    display: block;
    margin-top:10px;
    font-weight: 500;
    font-size:14px;
    color:#000;
}
.looking-item a:hover h4{
  color: var(--secondary-color);
}

.looking-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.looking-wrapper .looking-item {
    text-align: left;
    border-left: 1px solid #C1C6C8;
    padding-left: 15px;
    padding: 0 30px;
    min-width: 16.666666666666%;
}
.looking-item svg {
    height: 35px;
}

.card-normal.card-area {
    border-radius: 0;
}
.card-normal.card-area .card-img{
  border-radius:0;
}
.card-normal.card-area .card-info h3 {
    font-size: 16px;
    font-weight: 400;
    min-height: 25px;
}
.card-normal.card-area .card-info h3 a{
  font-weight:400;
}
.card-normal.card-area .card-info .card-metainfo {
    margin: 15px 0 30px;
}
.card-normal.card-area .card-info a.link {
    font-weight:600;
    font-size: 14px;
}

.wrapper-nav {
    position:relative;
    margin:0 auto;
    overflow:hidden;
    padding:5px;
    min-height:70px;
}
.card-list{
    position:absolute;
    left:0px;
    top:0px;
    min-width:3500px;
    margin-top:0px;
    border-bottom: none;
    background: var(--white);
}
.card-list li{
    display:table-cell;
    position:relative;
    text-align:center;
    cursor:grab;
    cursor:-webkit-grab;
    color:#efefef;
    vertical-align:middle;
}
.scroller {
    text-align: center;
    cursor: pointer;
    display: none;
    padding:14px 22px;
    white-space: no-wrap;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #E8F0D6;
    position:absolute;
    color:var(--secondary-color);
}
.nav-tabs.card-list .nav-link {
    background: transparent;
    color: var(--black);
    padding: 10px 35px;
    text-align: center;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid transparent;
    font-size: 15px;
}
.scroller.scroller-left {
  left: 0;
  top: 0;
  border-left: none;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  z-index:1;
}
.scroller.scroller-right {
  right: 0;
  border-right: none;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  z-index: 1;
  top: 0;
}
.nav-tabs.card-list .nav-link:hover, 
.nav-tabs.card-list .nav-item.show .nav-link, 
.nav-tabs.card-list .nav-link.active {
  font-weight:500;
  color:var(--secondary-color);
  background-color: #FFF;
  border-color: var(--secondary-color);
}

/*-------------------------------
    Card   Section CSS
-------------------------------*/
.card-slides{
  padding:0 0 30px;
}
.card-wrap{
  padding:60px 0 30px;
}
.card-area {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius:10px;
  background:var(--white);
  -webkit-box-shadow: 0px 13px 19px -15px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 13px 19px -15px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 13px 19px -15px rgba(0,0,0,0.2);
}
.card-area .card-img {
    overflow: hidden;
    position: relative;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    max-height: 180px;
}
.card-area.card-blog .card-img {
    max-height:220px;
}
.relatedpost .card-area .card-img {
    height:120px;
}
.card-area .card-img img {
  width:100%;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
.card-area .card-info {
  padding: 22px 25px 22px;
}
.card-area .card-info .card-metainfo {
  margin:30px 0 12px;
}
.card-area .card-info .card-metainfo p {
    position: relative;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.card-area .card-info .card-metainfo.property-desc p{
  color:#444444;
}
.card-area .card-info h3 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.4;
}
.card-area .card-info h3 a{
  font-weight:600;
  color: var(--black);
}
.card-area .card-info p {
  margin: 0 0 15px;
}
.card-area:hover .card-img img {
  -webkit-transform: scale(1.08) rotate(3deg);
  transform: scale(1.08) rotate(3deg);
}
.card-area:hover .card-info h3 a {
  color:var(--secondary-color);
}
.card-info a.link{
  color: var(--black);
  font-weight:600;
  font-size:15px;
}
.card-info a.link:hover{
  color: var(--secondary-color);
}

.tab-content .card-area .card-info p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 30px;
}
.banner-md-img img {
    width: 100%;
}

/** Blog Area**/
.single-blog-lg-item > a {
  display: block;
}
.single-blog-lg-item .btn-text a {
  display: inline-block;
  border-bottom: 1px solid transparent;
  color:#FFF;
}
.single-blog-lg-item .btn-text a:hover{
  color: var(--secondary-color);
  border-bottom: 1px solid #FFF;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .single-blog-lg-item {
    margin-bottom: 40px;
  }
}
.post-blog-thumbnail {
    position: relative;
    display: block;
    height: 500px;
}
.single-blog-lg-item .post-blog-thumbnail > img {
  width: 100%;
}
.single-blog-lg-item .post-title a{
  color: #FFF;
}
.post-blog-thumbnail::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(11%, rgba(51, 51, 51, 0)), color-stop(80%, #000));
  background-image: -webkit-linear-gradient(top, rgba(51, 51, 51, 0) 11%, #000 80%);
  background-image: -o-linear-gradient(top, rgba(51, 51, 51, 0) 11%, #000 80%);
  background-image: linear-gradient(-180deg, rgba(51, 51, 51, 0) 11%, #000 80%);
  border-radius: 5px;
}
.post-blog-thumbnail .post-meta-section {
  position: absolute;
  bottom: 18px;
  left: 30px;
  right: 30px;
  color: #fff;
  font-size: 14px;
  margin: 0 -8px;
}
.single-blog-lg-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: var(--white);
  margin-bottom:12px;
}
.post-info {
    padding: 15px 10px;
}
h5.post-title {
    font-size: 15px;
    font-weight: 600;
}
h5.post-title a:hover{
  color: var(--secondary-color);
}
.post-excerpt p {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    display: -webkit-box;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
@media only screen and (max-width: 575px) {
  .single-blog-lg-list:first-child {
    padding: 20px 0 20px 0px;
  }
}
.single-blog-lg-list .post-blog-thumbnail {
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px;
    width: 210px;
    object-fit: cover;
    height: 160px;
}
.post-blog-thumbnail img {
    width: auto;
    height: 100%;
    object-fit: cover;
}
@media only screen and (max-width: 575px) {
.single-blog-lg-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-left: none;
  border-top: none;
  padding: 0px 0 20px 0px;
}
.single-blog-lg-list .post-blog-thumbnail {
  margin-bottom: 20px;
  margin-right: 0px;
  width: 100%;
}
}
.btn-text{
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}
.btn-text a:hover{
  color: var(--secondary-color);
  letter-spacing:0.5px;
}
.btn-text i {
    font-size: 13px;
}
.post-blog-thumbnail img {
    width: 100%;
}

.apparea-block {
    padding: 100px 0;
    position: relative;
    background-size: cover !important;
    background-position: center center !important;
}
.apparea-block:before{
    position: absolute;
    left:0;
    top: 0;
    content: "";
    height: 100%;
    width:100%;
    background: rgba(0, 0, 0, 0.4);
}
.tp-app-inside{
  position: relative;
}
.tp-section-title{
  font-weight:300;
  font-size:40px;
  padding:0 60px;
}
.tp-choose__thumb-sm{
  margin:10px 5px;
}

/**** Footer Start ****/
.topfooter{
  padding:60px 3rem;
  background:var(--primary-color);
}
.footer-widget h4.widget-title {
    margin-bottom: 20px;
    color:var(--white);
    font-size:16px;
}
.footer-widget .footer-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}
.footer-widget .footer-content .footer-widget-nav li:not(:last-child) {
    margin-bottom:5px;
}
.footer-widget .footer-content .footer-widget-nav.country-nav li:not(:last-child) {
    margin-bottom:14px;
}
.footer-widget .footer-content .footer-widget-nav li a {
    position: relative;
    font-weight: 400;
    line-height: 1;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    color:var(--white);
    font-size:14px;
    text-transform:capitalize;
}
.footer-widget .footer-content .footer-widget-nav li a:hover {
    font-weight:300;
    color:var(--secondary-color);
}
.footer-widget .footer-content .footer-widget-nav li a:after {
    background-color:var(--white);
}
.footer-widget .footer-content .footer-widget-nav li a .country{
  display:flex;
  align-items: center;
}
.footer-widget .footer-content .footer-widget-nav li a .country img{
  margin-right:5px;
}

.footer-copyright {
    padding: 20px 3rem;
    border-top: 1px solid rgba(29, 35, 31, 0.1);
    background:#C1C6C8;
}
.footer-copyright .footer-text p {
    font-weight:400;
    font-size: 14px;
    display: inline-block;
}
.footer-copyright .footer-nav ul li {
    display: inline-block;
}
.footer-copyright .footer-nav ul li:not(:last-child) {
    margin-right: 35px;
}
.footer-copyright .footer-nav ul li a {
    font-weight: 400;
    font-size: 14px;
    position: relative;
}
.footer-copyright .footer-nav ul li a:hover{
   color:var(--secondary-color);
   font-weight:600;
}
.footer-copyright .footer-nav ul li a:after {
    background-color:var(--primary-color);
}
.social-box{
  float: right;
  margin-top:-5px;
}
ul.social-link li {
    display: inline-block;
}
.footer-copyright .social-box ul.social-link li:not(:last-child) {
    margin-right:5px;
}
ul.social-link li a {
    width: 30px;
    height: 30px;
    background: transparent;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    color:var(--primary-color);
}
ul.social-link li a:hover{
    background:var(--secondary-color);
    color:var(--white);
}

/******** Nice Select **********/

.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; 
}
.nice-select:hover {
  border-color: #dbdbdb; 
}
.nice-select:active, 
.nice-select.open, .nice-select:focus {
  border-color: #999; 
}
.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: '';
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
      -ms-transform-origin: 66% 66%;
          transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 5px; }
.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg); }
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
      -ms-transform: scale(1) translateY(0);
          transform: scale(1) translateY(0); 
}
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none; 
}
.nice-select.disabled:after {
    border-color: #cccccc; 
}
.nice-select.wide {
  width: 100%; 
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important; 
}
.nice-select.right {
  float: right; 
}
.nice-select.right .list {
  left: auto;
  right: 0; 
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px; 
}
.nice-select.small:after {
  height: 4px;
  width: 4px; 
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px; 
}
.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
      -ms-transform: scale(0.75) translateY(-21px);
          transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9; 
}
/*.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important; 
}*/
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; 
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #f6f6f6; 
}
.nice-select .option.selected {
  font-weight: bold; 
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default; 
}
.no-csspointerevents .nice-select .list {
  display: none; 
}
.no-csspointerevents .nice-select.open .list {
  display: block; 
}
.filterselect {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}
.filterselect h3{
  font-size:14px;
  font-weight:600;
}
.filterselect .nice-select{
  width:100%;
  box-shadow: 0 0 5px rgba(51, 51, 51, 0.1);
  background: var(--white);
}
.filterselect .nice-select .list{
  width: 100%;
  border-radius:10px;
  padding:15px 0;
  background: var(--primary-color);
}
.filterselect .nice-select .option{
  width: 100%;
  background: var(--primary-color);
  color: var(--white);
  line-height: 30px;
  min-height: 30px;
}
.filterselect .nice-select .option:hover, 
.filterselect .nice-select .option.focus, 
.filterselect .nice-select .option.selected.focus {
    background-color: var(--primary-color);
    color: var(--secondary-color);
    font-weight: 400;
}

/*=====================================
=      Banner Section          =
=======================================*/
.about-us-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  padding-top:80px;
  padding-bottom:80px;
}
.about-us-bg::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 30%, rgba(243, 246, 248, 0) 80%);
  top: 0px;
  right: 0px;
  opacity: 0.85;
}
.about-banner-content {
  z-index:1;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-space {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-space {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
.banner-space {
  padding-top: 60px;
  padding-bottom: 60px;
}
}
.about-banner-content h5{
  font-weight: 700;
  color:var(--white);
}
.about-banner-content h1 {
    font-size:40px;
    color: var(--white);
    font-weight: lighter;
}
.about-banner-content h2{
  color:var(--white);
  font-weight:400;
  font-size:30px;
}
.about-banner-content p{
    font-size:18px;
    color: var(--white);
}
/**** End Footer Start ****/
.topmenu{
  background: var(--white);
  -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
}
.topmenu .navbar{
  padding:0;
}
.topmenu .nav-tabs {
    display: block;
    text-align: center;
    border: none;
}
.topmenu .nav-tabs .nav-item {
    display: inline-block;
    position: relative;
}
.topmenu .nav-tabs .nav-link {
    background: transparent;
    color: #000;
    padding: 15px 14px;
    border-color: transparent;
    display: block;
    text-align: center;
    border-radius: 0;
    font-size: 14px;
}
.topmenu .nav-tabs .nav-link:hover, 
.topmenu .nav-tabs .nav-item.show .nav-link, 
.topmenu .nav-tabs .nav-link.active {
    color: var(--secondary-color);
    background-color: transparent;
    border-bottom: 2px solid var(--secondary-color);
}

/* Hide Dropdowns by Default */
.topmenu .nav ul {
    display: none;
    position: absolute;
    padding:15px 0;
    width: 300px;
    left: 100%;
    margin-left: -90%;
    background: var(--primary-color);
    top: 100%;
    text-align: left;
    border-radius: 10px;
    z-index: 2;
}
/* Display Dropdowns on Hover */
.topmenu .nav li:hover > ul {
  display:inherit;
}
/* Fisrt Tier Dropdown */
.topmenu .nav ul li {
  width:100%;
  float:none;
  display:block;
  position: relative;
  text-align: left;
}
.topmenu .nav ul li a {
    color: var(--white) !important;
    padding:6px 15px !important;
    text-align: left !important;
    display: block;
    font-size: 14px;
}
.topmenu .nav ul li a:hover,
.topmenu .nav ul li a.active{
  color: var(--secondary-color) !important;
  border-bottom:none !important;
}

.card.cardinside{
  position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color:var(--white);
    border: inherit !important;
    background-clip: border-box;
    border-radius:15px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 25px 20px -20px;
    padding: 30px;
    width:100%;
}
.cardsubid{
  margin-bottom:30px;
}
.card.cardinside.cardsubid h2{
    font-weight: 400;
    font-size: 22px;
}
.subsidinfo-left{}
.subsidinfo-img img{
  width: 100%;
  border-radius:15px;
}
.subsidinfo-left h2{
  font-size:18px;
  color: var(--secondary-color);
  margin:30px 0 15px;
}
.subsidinfo-left p{
  color:#444;
  font-size: 14px;
  margin-bottom: 30px;
}
.subsidinfo-left .link{
  font-weight: bold;
  font-size: 14px;
}
.subsidinfo-left .link:hover{
  color: var(--secondary-color);
}
.subsidinfo {
    min-height: 150px;
    margin-bottom: 15px;
}
.subsidinfo h3{
  font-size:16px;
  margin-bottom: 15px;
}
.subsidinfo p {
    color: #444;
    font-size: 12px;
    margin-bottom: 10px;
}
.cardblock{
  padding:40px 0;
}
.card-top-info p {
    color: var(--primary-color);
    font-size: 16px;
}
.infolinks .link{
  margin:0 10px;
}

.cardinside h4 {
    font-size: 21px;
    margin-bottom: 30px;
}

/***** FORM LAYOUT *****/
.form-layout-1 .form-group {
    position: relative;
    border: 1px solid #C1C6C8;
    padding: 5px 5px 5px 10px;
    margin-bottom: 0;
    transition: all 0.2s ease-in-out;
    margin: 5px 0;
    width: 100%;
}
@media screen and (prefers-reduced-motion: reduce) {
.form-layout-1 .form-group {
  transition: none; 
} 
}
.form-layout-1 .form-group-active {
  background-color: #000; 
}
.form-layout-1 .form-control-label {
  margin-bottom: 8px;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.5px;
  display: block; 
}
.form-layout-1 .form-control {
    border: 0;
    padding: 0;
    background-color: transparent;
    color: #000;
    border-radius: 0;
    height: 40px;
}
.form-layout-1 .form-control::placeholder{
  color:#a2a6a7;
  font-size:14px;
}
.form-layout-1 textarea.form-control{
  height: 150px;
  margin-bottom:15px;
}
.form-layout-footer .btn {
    text-transform: uppercase;
    font-weight: 600;
}
/*.bd-t-0-force {
    border-top: 0 !important;
}
.bd-left-0{
  border-right:0 !important;
}*/
.form-layout.form-layout-1 .filterselect .form-select {
    border: none;
    border-radius: 0;
    height: 40px;
    font-size: 15px;
    color: #a2a6a7;
}
.form-layout.form-layout-1 .filterselect .form-select options{
    color: #000;
}
.form-layout-1 .filterselect{
  margin:0;
}
.form-layout-1 .filterselect .nice-select {
    width: 100%;
    box-shadow: none;
    background: transparent;
    border: none;
    color:#a2a6a7;
    padding:0;
    height: 45px;
    border-radius: 0;
    line-height: 45px;
}
.tp-process-item {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #C1C6C8;
  flex: 0 0 auto;
  width: 100%;
}
.tp-process-item-icon {
    padding: 10px 15px;
    margin-right: 10px;
}
.tp-process-item-icon svg {
  width: 50px;
}
.tp-process-item-icon img {
    height:60px;
}
.tp-process-item-title {
    font-weight: 600;
    font-size:18px !important;
/*    letter-spacing: -0.96px;*/
    margin-bottom: 10px !important;
}
.tp-process-item-content p {
    font-family: var(--tp-ff-p);
    font-size: 14px;
    font-weight: 400;
    color: var(--tp-text-body);
    line-height: 1.4;
    margin-bottom: 0px;
}
.tp-process-item-content a.link{
  color: var(--secondary-color);
  margin-top: 15px;
  display: inline-block;
  font-size:14px;
  font-weight:500;
}
.tp-process-item-content a.link:hover{
  color: var(--primary-color);
  letter-spacing:0.5px;
}
.need-item-content{
  border-right: 1px solid #C1C6C8;
  padding-right: 20px;
}
.col-md-6:last-child .need-item-content{
  border-right:none;
  padding-left: 20px;
  padding-right:0;
}
.need-item-content h3{
    font-size: 20px;
    margin-bottom:15px;
    color: var(--secondary-color);
    font-weight: 700;
}
.need-item-content ul{
  padding:0 15px;
  margin-bottom:15px;
}
.need-item-content ul li{
  list-style: disc;
  font-size:14px;
  margin-bottom:5px;
}
.need-item-content p{
  font-size:15px;
}
.listbold li{
  font-weight:600;
  color: #000;
}
.card-sm-info h3 {
    font-size: 18px;
    margin-bottom: 20px;
}
.card-sm-info h2{
    font-size:34px;
    margin-bottom: 20px;
    font-weight: 100;
}
.card-sm-info h5 {
    font-size: 14px;
    margin-bottom: 20px;
    color: #C1C6C8;
}
.card-sm-info ul li{
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 15px;
  /*padding-top: 10px;
  padding-bottom: 10px*/
}
.card-sm-info ul li:last-child{
  border-bottom: none;
}
.list-style-one{
  position: relative;
  display: block;
}
.list-style-one li{
  position: relative;
  display: block;
  font-size: 15px;
  color: #222;
  padding-left: 30px;
  margin-bottom: 15px;
}
.list-style-one li:last-child{
  margin-bottom: 0px;
}
.list-style-one li:before{
  position: absolute;
  content: '\eed8';
  font-family: 'icofont';
  font-size: 18px;
  left: 0px;
  top: 0px;
  font-weight: 400;
  color: var(--secondary-color);
}
.lg-box-content {
  background: #FFF;
  border-radius: 15px;
}
.content-full-lg img{
  margin-bottom:30px;
}
.sec-title h2{
    font-size: 28px;
    font-weight:300;
}
.sec-title h3 {
    font-size: 20px;
}
.image-column img{
  width:100%;
}
.inner-column .sec-title{
  padding:0 30px;
}
/*****  Video Popup Css  ******/
.single-popup-wrap {
  position: relative;
}
.video-link {
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  display: block;
}
.video-link .ht-popup-video.video-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: rgba(8, 106, 216, 0.8);
}
.video-link .ht-popup-video.video-button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.video-link .ht-popup-video.video-button .video-mark {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%, -50%);
  -ms-transform: translateY(-50%, -50%);
  transform: translateY(-50%, -50%);
  pointer-events: none;
}
.video-link .ht-popup-video.video-button .video-mark .wave-pulse {
  width: 1px;
  height: 0;
  margin: 0 auto;
}
.video-link .ht-popup-video.video-button .video-mark .wave-pulse::after,
.video-link .ht-popup-video.video-button .video-mark .wave-pulse::before {
  opacity: 0;
  content: "";
  display: block;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  border: 3px solid #fff;
  -webkit-animation: zoomBig 3.25s linear infinite;
  animation: zoomBig 3.25s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.video-link .ht-popup-video.video-button .video-mark .wave-pulse::before {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.video-link .ht-popup-video .video-button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.video-link .ht-popup-video .video-button__two {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.video-link .ht-popup-video .video-button__two .video-play {
  width:60px;
  height:60px;
  background:transparent;
  border-radius: 50%;
  -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
  -o-transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
  transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
}
.video-link .ht-popup-video .video-button__two .video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: 1;
  margin-left: 1px;
}
.video-popup img{
  border-radius:15px;
}
.video-link .ht-popup-video .video-button__two .video-play-icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 17px solid var(--white);
  border-top-width: 18px;
  border-bottom-width: 18px;
  border-left-width: 32px;
  border-left-color: var(--white);
}
.video-link:hover .ht-popup-video .video-button__two .video-play {
    background:var(--secondary-color);
}
.video-link:hover .video-play {
  -webkit-transform: scale3d(1.15, 1.15, 1.15);
  transform: scale3d(1.15, 1.15, 1.15);
}

@-webkit-keyframes zoomBig {
  0% {
      -webkit-transform: translate(-50%, -50%) scale(0);
      transform: translate(-50%, -50%) scale(0);
      opacity: 1;
      border-width: 3px;
  }
  40% {
      opacity: 0.5;
      border-width: 2px;
  }
  65% {
      border-width: 1px;
  }
  100% {
      -webkit-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1);
      opacity: 0;
      border-width: 1px;
  }
}

@keyframes zoomBig {
  0% {
      -webkit-transform: translate(-50%, -50%) scale(0);
      transform: translate(-50%, -50%) scale(0);
      opacity: 1;
      border-width: 3px;
  }
  40% {
      opacity: 0.5;
      border-width: 2px;
  }
  65% {
      border-width: 1px;
  }
  100% {
      -webkit-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1);
      opacity: 0;
      border-width: 1px;
  }
}

@keyframes zoomBig {
  0% {
      -webkit-transform: translate(-50%, -50%) scale(0);
      transform: translate(-50%, -50%) scale(0);
      opacity: 1;
      border-width: 3px;
  }
  40% {
      opacity: 0.5;
      border-width: 2px;
  }
  65% {
      border-width: 1px;
  }
  100% {
      -webkit-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1);
      opacity: 0;
      border-width: 1px;
  }
}
.fancybox-slide--iframe .fancybox-content {
  padding: 0;
  width:60%;
  height:70%;
  max-width: calc(100% - 20%);
  max-height: calc(100% - 180x);
  overflow: visible;
  background: #fff;
}
.fancybox-button svg path {
  fill: currentColor;
  stroke: currentColor;
  stroke-linejoin: round;
  stroke-width: 3;
}
.video-margin-btm{
  margin-bottom: 30px;
}
.video-link .ht-popup-video.video-button-nobg .video-button__two .video-play{
  background: transparent;
}
.video-link .ht-popup-video.video-button-nobg .video-button__two .video-play-icon::before {
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    border-left: 27px solid rgba(255, 255, 255, 1.0);
    border-top-width: 30px;
    border-bottom-width: 30px;
    border-left-width: 50px;
    border-left-color: rgba(255, 255, 255, 1.0);
}
.main-accordion .accordion-button {
    margin: 5px 0;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--white);
    font-size: 15px;
}
.main-accordion .accordion-button:focus{
  box-shadow: none;
  border: none;
}
.main-accordion .accordion-item {
    border-radius: 10px !important;
    margin-bottom: 10px;
    overflow: hidden;
    border: none;
    box-shadow: 2px 4px 10px 5px rgba(168, 180, 208, 0.1);
}
.main-accordion.accordion .card-body {
  background: #fff;
  margin-bottom: 15px;
  font-size: 14px;
  margin-top: -20px;
  padding-bottom: 30px;
  border-radius: 0px 0px 10px 10px;
  line-height: 30px;
}
.main-accordion .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.main-accordion .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px;
}
.main-accordion .accordion-button:not(.collapsed) {
    box-shadow: none;
    font-weight: bold;
    font-size: 16px;
}
.main-accordion .accordion-button::after {
    background-image: none;
    content: "\efc2";
    font-size:15px;
    color: var(--secondary-color);
    font-family: 'icofont';
}
.main-accordion .accordion-button:not(.collapsed)::after{
  transform: rotate(0deg);
  content: "\ef9a";
}
.main-accordion .accordion-body h3{
  color: var(--primary-color);
    font-size:21px;
    margin-bottom:15px;
}
.main-accordion .accordion-body p {
    font-size: 15px;
    margin-bottom:15px;
    color:#4C4C4C;
}

.download{
  padding:30px 0 60px;
}
.downloadlist {
    margin: 15px 0;
    border-radius: 10px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--white);
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
}
.downloadlist h3{
  font-size:14px;
  color:#4C4C4C;
  margin: 0;
}
.downloadlist .btn-download{
  background: none;
  color: var(--secondary-color);
}
.termsection .downloadlist h3 a {
    font-weight: 800;
}
.checkboxarea{
  margin-top:30px;
}
.tg-list-item {
  margin-right:30px;
}
.tgl {
  display: none;
}
.tgl, 
.tgl:after, 
.tgl:before, 
.tgl *, 
.tgl *:after, 
.tgl *:before, 
.tgl + .tgl-btn {
  box-sizing: border-box;
}
.tgl::-moz-selection, .tgl:after::-moz-selection, 
.tgl:before::-moz-selection, 
.tgl *::-moz-selection, 
.tgl *:after::-moz-selection, 
.tgl *:before::-moz-selection, 
.tgl + .tgl-btn::-moz-selection {
  background: none;
}
.tgl::selection, .tgl:after::selection, 
.tgl:before::selection, .tgl *::selection, 
.tgl *:after::selection, 
.tgl *:before::selection, .tgl + .tgl-btn::selection {
  background: none;
}
.tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 3em;
  height:1.4em;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

    background: #c1c6c8;
    border-radius: 2em;
    padding: 2px;
    transition: all 0.4s ease;
}
.tgl + .tgl-btn:after, 
.tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.tgl + .tgl-btn:after {
  left: 0;

  border-radius: 50%;
  background: #fff;
  transition: all 0.2s ease;
}
.tgl + .tgl-btn:before {
  display: none;
}
.tgl:checked + .tgl-btn:after {
  left: 50%;
}
.tgl-light:checked + .tgl-btn {
    background: #7ebe23;
}
/** Facts Slider **/
.facts-slides .owl-nav .owl-next, 
.facts-slides .owl-nav .owl-prev {
  top:40%;
}
.counter-text {
  text-align: center;
}
.count-number {
    box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    background: #C1C6C8;
    padding:40px 10px;
    font-size: 2rem;
    color: var(--primary-color);
    font-weight: 600;
}
.counter-text .rs-count {
  font-size: 2rem;
  color: var(--primary-color);
  font-weight: 600;
}
.counter-text h3 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.5;
    padding: 10px;
    color: #5A5A5A;
    font-weight: 400;
}
.count-number img {
  height: 45px;
  margin-bottom: 15px;
}
.count-number svg {
  height: 40px;
  margin-bottom: 15px;
}
.counter-light .count-number {
  background:none;
  border: 2px solid rgba(255, 255, 255, 0.3);
  padding: 30px 10px;
  color: var(--white);
}
.counter-light .counter-text .rs-count{
  color: var(--white);
  margin-top: 5px;
}
.counter-light .counter-text h3 {
  color: var(--white);
  font-weight: bold;
  font-size: 16px;
}
.counter-light .count-number img {
  height:55px;
  margin-bottom:5px;
}
.widget-title {
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 15px;
}
.content-card h2 {
    font-size: 36px;
    font-weight:100;
    margin-bottom: 20px;
}
.content-card h3{
    font-size:26px;
    font-weight:100;
    margin-bottom:20px;
}
.content-card h4{
    font-size:21px;
    font-weight:600;
    margin-bottom:20px;
}
.content-card p{
  margin-bottom:15px;
  font-size:15px;
}
.content-card ul{
  padding-left:20px;
  margin-bottom: 30px;
}
.content-card li{
  list-style: disc;
  margin-bottom: 5px;
  font-size:15px;
}
.kcb-mn-wrapper{
  background: var(--white);
}
.menu-carousel li {
    text-align: center;
    display: inline-block !important;
    padding:10px 0;
}
.menu-carousel li a{
  padding:10px 0;
  font-size:14px;
  border-bottom:2px solid transparent;
}
.menu-carousel li a:hover{
  color:var(--secondary-color);
}
.menu-carousel li.active a{
  font-weight: 600;
  color:var(--secondary-color);
  border-color:var(--secondary-color);
}
.home_banner_2 {
    padding: 0 0 30px;
}
.home_banner.home_banner_2 .home-carousel .slide-item{
  border-radius:10px;
}
.home_banner_2 .image-layer{
  border-radius:10px;
}

/* Arrows */
.slick-prev,
.slick-next {
    width: 45px;
    height: 45px;
    background: var(--white);
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #E8F0D6;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}
.slick-prev:before,
.slick-next:before {
  font-family: 'FontAwesome';
  font-size:16px;
  font-weight: bold;
  line-height: 1;

  opacity: .75;
  color: black;
  color: var(--secondary-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: opacity 0.25s;
}
.slick-prev {
    left: 0;
    z-index: 1;
    border-right: 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
[dir='rtl'] .slick-prev {
    right: 0;
    left: auto;
}
.slick-prev:before {
    content: '\f104';
}
[dir='rtl'] .slick-prev:before {
    content: '\f105';
}
.slick-next {
    right: 0;
    border-right: 0;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
[dir='rtl'] .slick-next {
    right: auto;
    left: 0;
}
.slick-next:before {
    content: '\f105';
}
[dir='rtl'] .slick-next:before {
    content: '\f104';
}
.card-slider-2area{
  padding:30px 0;
}
.card-slider-2area .card-area{
  margin-bottom:30px;
}
.card-slider-2area .section-title h2 {
    font-size: 30px;
    margin: 0;
}
.deals-banner-block {
    padding: 80px 0;
    position: relative;
    background-size: cover !important;
    background-position: center center !important;
}
.deals-banner-block:before{
    position: absolute;
    left:0;
    top: 0;
    content: "";
    height: 100%;
    width:100%;
    background: rgba(0, 0, 0, 0.4);
}
.deals-banner-inside {
    position: relative;
}
.deals-banner-inside {
    font-weight: 500;
    font-size: 30px;
    padding: 0 60px;
    color: #FFF;
    margin-bottom: 15px;
    margin-top: 15px;
}
.deals-banner-infobox p{
    color:#FFF;
    font-size:16px;
    margin-bottom:15px;
}
.deals-banner-infobox h2 {
    display: inline-block;
    font-size:35px;
    padding: 10px 0;
    margin-bottom:5px;
    color: #FFF;
    font-weight: 300;
}
.deals-banner-inside .border-btn{
  border-color:var(--white);
  background:transparent !important;
  color:var(--white) !important;
}
.widget-side .card-area{
  margin-bottom:15px;
}

/** styled-pagination */
.pagination {
    position: relative;
    display: flex;
    justify-content: center;
}
.pagination li{
  position: relative;
  display: inline-block;
  margin: 0px 4px;
}
.pagination li a{
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  height:20px;
  width:20px;
  line-height: 62px;
  background:none;
  text-align: center;
  color:rgba(132, 139, 12, 0.2);
  border-radius: 50%;
  z-index: 1;
  transition: all 500ms ease;
}
.pagination li a:hover,
.pagination li a.current{
  color:var(--secondary-color);
}
.pagination li a i{
  font-size: 16px;
  color:var(--secondary-color);
}
.pagibtn {
    color: var(--secondary-color) !important;
    font-size: 25px !important;
}


.card-footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding:10px 0;
  font-size: 14px;
  background: transparent;
  margin-top:30px;
}
.shareicons{
  margin:15px 0;
  display: flex;
  align-items: center;
}
.shareicons h3{
  font-size: 16px;
  text-transform: uppercase;
  margin: 0;
}
.share-link{
  margin-bottom:0 !important;
}
.share-link li{
  float: left;
  margin-right: 15px;
  list-style: none;
}
.share-link li a{
  color: #253746;
}
.share-link li a:hover{
  color:var(--secondary-color);
}
.posted-date{
  color:#96A2A7;
  font-size:15px;
}

/*** 
====================================================================
  Main Header
====================================================================
***/
.main-menu {
    position: static;
    margin-left: 40px;
}
.main-menu .navbar-header {
  display: none;
}
.main-menu .navbar-collapse {
  padding: 0px;
}
.main-menu .navigation {
  position: static;
  display: flex;
}
.main-menu .navigation > li {
  position: relative;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-menu .navigation > li > a {
  position: relative;
  display: block;
  text-align: center;
  opacity: 1;
  font-size: 14px;
  font-weight:400;
  color:#141414;
  padding:9px 12px;
  text-transform: capitalize;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-menu .navigation > li > a:hover{
  color: var(--secondary-color);
}
/** Multi Level Mega Menu **/
.menu-inside{
  background: #FFF;
  flex-direction: column;
  z-index: 10;
  min-height: auto;
  height: auto;
  padding: 20px 0;
}
.mega-menu--multiLevel ul{
  background:#F0F1F2;
}
.mega-menu--multiLevel li ul{
  background:rgba(240, 241, 242, 0.5);
}
.mega-menu--multiLevel li ul li ul{
  background:rgba(240, 241, 242, 0.3);
}
ul.mega-menu--multiLevel li{
  padding:0 30px;
}
ul.mega-menu--multiLevel a {
    padding:14px 18px;
    display: block;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    font-size: 14px;
    color:rgba(0, 0, 0, 0.74) !important;
}
ul.menu.menu-list.has-info {
    width: 75%;
    background: #FFF;
    padding:15px;
}
.menuimg img{
  width: 100%;
}
.menuinfo h4{
  color: var(--secondary-color);
  font-size: 18px;
  font-weight:600;
}
.menuinfo h2{
  color: var(--primary-color);
  font-weight: 400;
  font-size: 30px;
}
.menuinfo p {
    font-size: 14px;
    line-height: 1.3;
}
@media all and (min-width: 951px) {
.menu-inside{
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}
.mega-menu--multiLevel {
  position: relative;
  width:100%;
}
.menu-inside:hover{
  display: flex;
}
.mega-menu--multiLevel a:hover {
  background: #dceced;
  color: #136a73;
}
.mega-menu--multiLevel > li {
  width:25%;
}
.mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul {
  left:25%;
  width:25%;
}
.mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul ul {
  width: 100%;
  left: 100%;
}
.mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul {
  display: block;
  transform-origin: left;
  animation: flyout 0.2s ease-out;
}
.mega-menu--multiLevel li:focus-within > [aria-haspopup="true"] ~ ul {
  display: block;
}
.mega-menu--multiLevel li:hover > [aria-haspopup="true"],
.mega-menu--multiLevel li:focus-within > [aria-haspopup="true"],
.mega-menu--multiLevel li:hover > a,
.mega-menu--multiLevel li:focus-within > a {
  background: #FFF;
  color:var(--secondary-color) !important;
}
.mega-menu--multiLevel [aria-haspopup="true"] ~ ul,
.mega-menu--multiLevel [aria-haspopup="true"]{
  position: relative;
}
.mega-menu--multiLevel [aria-haspopup="true"]:before{
  content:"\ea5d";
  font-family:'icofont';
  position: absolute;
  right:0;
  top:14px;
  font-size:18px;
  font-weight:400;
}
.mega-menu--multiLevel [aria-haspopup="true"] ~ ul:hover,
.mega-menu--multiLevel [aria-haspopup="true"]:hover {
  display: block;
}
.mega-menu--multiLevel [aria-haspopup="true"] ~ ul {
  position: absolute;
  top: 0;
  min-height: auto;
  height: auto;
  padding-bottom: 20px;
}
.mega-menu--flat > * {
  flex: 1;
}
}

/** End Multi Level Mega Menu **/

.main-menu .navigation > li > a > span {
  position: relative;
  display: block;
/*  padding-right: 10px;*/
}
.main-menu .navigation > li > ul {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border-radius: 8px;
  padding: 17px 30px;
  z-index: 1;
  min-width: 220px;
  margin-top: 8px;
  display: none;
  -webkit-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
}
.main-menu .navigation > li > ul:before {
  display: table;
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
}
.main-menu .navigation > li > ul > li {
  position: relative;
  display: block;
  z-index: 1;
  border-bottom: 1px solid #E1E1E1;
}
.main-menu .navigation > li > ul > li:last-child {
  border-bottom: none;
}
.main-menu .navigation > li > ul > li > a {
  position: relative;
  display: block;
  z-index: 1;
  font-weight: 500;
  font-size: 15px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.74);
  padding: 10px 0;
  white-space: nowrap;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main-menu .navigation > li > ul > li.current.dropdown > a:before, 
.main-menu .navigation > li li.current li.current > a, 
.main-menu .navigation > li > ul > li.current > a {
  color: #3b7eff;
}
.main-menu .navigation > li > ul > li > ul {
  position: absolute;
  top: 0;
  left: 100%;
  background-color: #fff;
  border-radius: 8px;
  padding: 17px 30px;
  z-index: 1;
  min-width: 150px;
  margin-top: -10px;
  margin-left: 30px;
  display: none;
  -webkit-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
}
.main-menu .navigation > li > ul > li > ul:before {
  position: absolute;
  left: -30px;
  top: 0;
  height: 100%;
  width: 30px;
  content: "";
}
.main-menu .navigation > li > ul > li > ul > li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #E1E1E1;
}
.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;
  z-index: 1;
  font-weight: 500;
  font-size: 15px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.74);
  white-space: nowrap;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main-menu .navigation > li > ul > li.dropdown > a:before {
  position: absolute;
  right: -5px;
  top: 50%;
  margin-top: -10px;
  font-family: 'Font Awesome 5 Free';
  content: "\f105";
  display: block;
  line-height: 20px;
  font-size: 14px;
  font-weight: 900;
  color: #000000;
  z-index: 5;
  opacity: .75;
}
.main-menu .navigation > li.dropdown.active > ul {
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}
.main-menu .navigation li > ul > li.dropdown:hover > ul {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.main-menu .navigation li.dropdown .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 8px;
  width: 34px;
  height: 30px;
  border: 1px solid #ffffff;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
  cursor: pointer;
  z-index: 5;
  display: none;
}
.main-menu .navigation > li.active a{
  color: var(--secondary-color);
  background: var(--primary-color);
}
/************************ Mega Menu ***************************/
.main-menu .navigation > li.active .mega-menu--multiLevel a{
  background: none !important;
}
.main-menu .navigation > li.has-mega-menu {
  position: static;
}
.main-menu .navigation > li > .mega-menu {
  position: absolute;
  z-index: 1;
  top:44%;
  left: 50%;
  border-radius:0;
  background-color: #ffffff;
  transform: translateX(-50%);
  margin-top: 0;
  display:none;
  height:auto !important;
  -webkit-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
}
.main-menu .navigation > li:hover > .mega-menu {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) scaleY(1);
  width:100% !important;
}
.main-menu .navigation > li > .mega-menu:before {
  display: table;
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
}
.main-menu .navigation > li > .mega-menu .mega-menu-bar {
  position: relative;
  margin: 0;
}
.main-menu .navigation .mega-menu-bar .column ul {
  position: relative;
  padding:0;
  background: rgba(240, 241, 242, 0.5);
  padding:0 30px;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li {
  position: relative;
  display: block;
  z-index: 1;
  border-bottom: 1px solid #E1E1E1;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child {
  border: none;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a {
  position: relative;
  display: block;
  z-index: 1;
  font-weight:400;
  font-size: 14px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.74);
  padding: 14px 18px;
  white-space: nowrap;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover,
.main-menu .navigation > li .mega-menu-bar .column > ul > li.active > a,
.main-menu .navigation > li .mega-menu-bar .column > ul > li.current > a {
  color:var(--secondary-color);
}

/*** Multi Mega menu ***/
.has-mega-menu .mega-menu-bar ul ul{
  display: none;
  left:25%;
  width:25%;
}
li.dropdown.mega-dropdown ul {
    position: absolute;
    top: 0;
}
.menuinfo-block{
  padding: 15px;
}

.counter-dark .count-number{
  background: var(--primary-color);
}

.single-facility {
    overflow: hidden;
}
.single-facility{
    box-shadow: 1px 1px 20px #f3f3f3, -1px -1px 20px #f3f3f3;
    position: relative;
    display: flex;
    align-items: center;
    background:#FFF;
}
.facility-image {
    overflow: hidden;
    width: 50%;
}
.facility-image {
    overflow: hidden;
    display: block;
}
.image-scale img {
    width: 100%;
    min-height:300px;
    display: block;
    object-fit: cover;
}
.facility-content {
    background: #fff;
    width: 50%;
    padding:10px 30px;
}
.facility-content h4 {
    font-size: 18px;
    color: var(--primary-color);
    font-weight: 600;
    margin: 10px 0px;
}
.facility-content p {
    color: #444;
    font-size: 14px;
    margin-bottom: 0px;
}

/****Single Slider***/
.single_page_banner .single-banner {
  position: relative;
  padding:0 30px;
}
.single-banner .owl-stage{
  padding:0;
}
.single_page_banner .single-banner .slide-item {
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding:230px 0px 80px 0px;
  overflow: hidden;
  background-color: #151130;
  border-radius:10px;
}
.single_page_banner .single-banner .slide-item .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -moz-transition: all 8000ms linear;
  -webkit-transition: all 8000ms linear;
  -ms-transition: all 8000ms linear;
  -o-transition: all 8000ms linear;
  transition: all 8000ms linear;
  z-index: 0;
  color: var(--white);
}
.single_page_banner .single-banner .slide-item .image-layer:before{
  content: "";
  background:rgba(0, 0, 0, 0.2);
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  left:0;
}
.single_page_banner .single-banner .slide-item .auto-container {
  position: static;
  max-width: 1380px;
  padding: 0px 15px;
  margin: 0 auto;
}
.single_page_banner .single-banner .slide-item .auto-container .content-box {
  position: relative;
  display: block;
  z-index: 5;
  width: 100%;
  padding: 0 30px;
}

@media screen and (max-width: 425px) {
.single_page_banner {
  max-height: 600px;
}
.single_page_banner .single-banner .slide-item {
  padding: 100px 0px 100px 0px;
}
.single_page_banner .single-banner .slide-item .auto-container .content-box {
  padding: 0 15px;
}
}
.single_page_banner .single-banner .slide-item .auto-container .content-box .slider-btn-box .border-btn{
  border-color:var(--white);
  background:transparent !important;
  color:var(--white) !important;
}
.single_page_banner .home-carousel .owl-nav button {
  background: var(--primary-color2);
}

/*Owl Carousel Nav Prev*/
.single_page_banner  .owl-carousel .owl-nav button.owl-prev,
.single_page_banner  .owl-carousel .owl-nav button.owl-next {
  font-size: 20px;
  height: 50px;
  border-radius: 50%;
  left:-5px;
  line-height: 50px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
}
.single_page_banner  .owl-carousel .owl-nav button.owl-next {
  left: auto;
  right:-5px;
}
.single_page_banner  .owl-carousel .owl-nav button i {
  color:var(--primary-color);
}
.single_page_banner .owl-dots {
    z-index: 99;
    position: relative;
    bottom: 0;
    width: auto;
    margin: -30px auto 0;
    bottom: 25px;
    left: 0;
    text-align: center;
}
.single_page_banner .slider-pager-bottom .owl-dots{
    margin: 30px auto 0;
    bottom: 0;
}

.locationinfo_block{
  padding:30px;
}
.locationinfo_block h3{
  color: var(--primary-color);
  margin-bottom:20px;
  font-size: 21px;
}
.locationinfo_block h4{
  font-size:16px;
  color: var(--secondary-color);
  margin-bottom:15px;
}
.locationinfo_block p,
.locationinfo_block a{
  font-size:14px;
  margin-bottom:15px;
  display: block;
}
.locationinfo_block a:hover{
  color: var(--secondary-color);
}
.map-column iframe{
  width:100%;
  min-height:400px;
  margin: 0;
}

/* Checkbox */
.checkboxarea-row{
  display: flex;
  padding:10px 0;
}
.form-group .checkboxarea{
  margin-right:20px;
  margin-top:0;
}
.ckbox {
  font-weight: normal;
  position: relative;
  display: block;
  line-height: 18px; 
}
.ckbox span {
  padding-left: 6px; 
}
.ckbox span:empty {
  float: left; 
}
.ckbox span:before, .ckbox span:after {
  line-height: 18px;
  position: absolute; 
}
.ckbox span:before {
  content: '';
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #adb5bd;
  top: 1px;
  left: 0; 
}
.ckbox span:after {
  top: 1px;
  left: 0;
  width: 16px;
  height: 16px;
  content: '\f00c';
  font-family: 'FontAwesome';
  font-size: 9px;
  text-align: center;
  color: #fff;
  background-color: #1b84e7;
  line-height: 17px;
  display: none; 
}
.ckbox input[type='checkbox'] {
  opacity: 0;
  margin: 0 5px 0 0; 
}
.ckbox input[type='checkbox']:checked + span:after {
  display: block; }
.ckbox input[type='checkbox'][disabled] + span,
.ckbox input[type='checkbox'][disabled] + span:before,
.ckbox input[type='checkbox'][disabled] + span:after {
  opacity: .75; 
}
.ckbox-inline {
  display: inline-block; 
}

/* Checkbox color variant */
.ckbox-success span::after {
  background-color:var(--primary-color);
}
.ckbox-warning span::after {
  background-color: #F49917;
}
.ckbox-danger span::after {
  background-color: #dc3545;
}
.ckbox-info span::after {
  background-color: #5B93D3;
}
.ckbox-indigo span::after {
  background-color: #6610f2;
}
.ckbox-purple span::after {
  background-color: #6f42c1;
}
.ckbox-pink span::after {
  background-color: #e83e8c;
}
.ckbox-orange span::after {
  background-color: #f27510;
}
.ckbox-teal span::after {
  background-color: #1CAF9A;
}
.ckbox-dark span::after {
  background-color: #343a40;
}

.card-contactheader{
  margin-bottom:20px;
}
.card-contactheader h2{
  color: var(--primary-color);
  font-size: 21px;
}
.card-contactinfo h3{
  font-size: 16px;
    color: var(--secondary-color);
    margin-bottom: 15px;
}
.card-contactinfo p,
.card-contactinfo a{
  font-size:14px;
  margin-bottom:15px;
  display: block;
}
.card-contactinfo a:hover{
  color: var(--secondary-color);
}
.filterselect input{}
.filter-btn{
  margin-bottom:30px;
}
.filter-btn .btn {
    width: 100%;
    background: var(--secondary-color);
    color: var(--white);
    padding:8px 0;
    border:1px solid var(--secondary-color);
    font-weight:600;
    text-transform: uppercase;
    font-size:15px;
}
.filter-btn .btn:hover{
    background: transparent;
    color: var(--secondary-color);
}
.forexurl{
  margin-top:10px;
}
.forexurl li{
  display: inline-block;
  margin-right:10px;
}
.forexurl li a{
  font-weight:600;
  color:#C1C6C8;
}
.forexurl li.active a{
  color: var(--secondary-color);
}
.dategroup{
  display: flex;
  align-items: center;
}
.datetext{
  color:#C1C6C8;
  margin-right:10px;
}
.date-control{
  padding:6px 15px;
  font-size:15px;
  border-radius:5px;
  border:1px solid #C1C6C8;
  cursor: pointer;
}
.content-footer-block{
  padding:30px 0 60px;
}
.content-footer-block p{
  color:#4C4C4C;
}
.content-footer-block p a{
  color:var(--primary-color);
}
.content-footer-block p a:hover{
  color:var(--secondary-color);
  text-decoration: underline;
}
.forex-form input[type="number"]::placeholder{
  color:var(--secondary-color);
  font-weight: 600;
  font-size:18px;
}
.forex-form input[type="number"]{
  color:var(--secondary-color);
  font-weight: 600;
  font-size:18px;
}
.branch-locator-wrap{
  padding:60px 0;
}
.branchblock{
  padding:0 0 15px;
}
.scroll-pane {
    width: 100%;
    clear: both;
    margin:0;
    position: relative;
    overflow: hidden;
    padding:0 15px 0 30px;
}
.scroll-pane .viewport {
    width: 100%;
    height: 300px;
    position: relative;
}
.scroll-pane .overview { list-style: none; position: absolute; left: 0; top: 0; }
.scroll-pane .thumb .end,
.scroll-pane .thumb { background-color: #003D5D; }
.scroll-pane .scrollbar { position: relative; float: right; width: 15px; }
.scroll-pane .track { background-color: #D8EEFD; height: 100%; width:13px; position: relative; padding: 0 1px; }
.scroll-pane .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.scroll-pane .thumb .end { overflow: hidden; height: 5px; width: 13px; }
.scroll-pane .disable { display: none; }
.scroll-pane .thumb,
.scroll-pane .track { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.scroll-pane .thumb .end { background: none; }
.scroll-pane .thumb { background: #BEBEBE;/*background: #BEBEBE url(../img/layout/bg-scroll-drag.gif) repeat-y left;*/ }
.scroll-pane .scrollbar { width: 5px; }
.scroll-pane .track { background: #E5E5E5;/*background: #E5E5E5 url(../img/layout/bg-scroll-track.gif) repeat-y left;*/ height: 100%; width:5px; padding: 0; }
.scroll-pane .thumb { height: 20px; width: 5px; }
.scroll-pane .thumb .end { height: 5px; width: 5px; }
/*.scroll-pane .disable { display: block; }
.scroll-pane .disable .thumb { display: none; }*/

.count-number.count-number-white{
  background:var(--white);
}
.card.cardabout{
  padding: 0;
}
.card-padding{
  padding:40px 0;
}
.about-sminfo h3{
  font-size:18px;
  margin-bottom:15px;
  color: var(--primary-color);
}
.about-sminfo p{
  color: #444;
  font-size:15px;
  margin-bottom:15px;
}
.about-sminfo ul{
  padding-left:15px;
}
.about-sminfo ul li{
  list-style: disc;
  color:#444;
  font-weight:600;
}

.teamsection {
    position: relative;
}
.single-team-card {
    margin-bottom:30px;
}
.single-team-card .team-image {
    position: relative;
    text-align: center;
    width:90%;
    margin:0 auto;
}
.single-team-card .team-image img {
    border-radius: 5px;
    max-width:100%;
}
.single-team-card .team-content {
    text-align: left;
    background: var(--white);
    padding:30px 20px;
    border-radius:15px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 25px 20px -20px;
}
.single-team-card .team-content h3 {
    font-size: 16px;
    margin-bottom: 0;
    color: var(--primary-color);
    font-weight: 600;
    text-transform: uppercase;
}
.single-team-card .team-content h4{
    font-size: 14px;
    margin:8px 0;
}
.single-team-card .team-content span {
    font-size: 13px;
    color: var(--main-color);
    display: block;
    margin:8px 0;
    text-transform: uppercase;
}
.read-more {
    font-size: 15px;
    color:var(--primary-color);
    background-color: transparent;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    font-weight:600;
}
.read-more:hover {
    color:var(--secondary-color);
    letter-spacing: 1px;
}
.read-more i{
  color: var(--secondary-color);
  font-weight: 600;
  margin-left:5px;
  font-size:16px;
}
.team-sideinfo h3 {
    font-size: 16px;
    margin-top:30px;
    color: var(--primary-color);
    font-weight: 600;
    text-transform: uppercase;
}
.team-sideinfo span {
    font-size: 14px;
    color: var(--main-color);
    display: block;
    margin:8px 0;
}
.team-sidecontent h3{
    font-size:16px;
    margin-bottom:15px;
    color: var(--primary-color);
    font-weight: 600;
}
.team-sidecontent span {
    font-size: 14px;
    color: var(--main-color);
    display: block;
}
.team-sidecontent h2{
    font-size:18px;
    margin:15px 0;
    color: var(--primary-color);
    font-weight: 600;
    border-top:1px solid rgba(0, 0, 0, 0.2);
    padding-top:15px;
}
.team-sidecontent p{
  font-size:15px;
}

/******* Careers ***********/
.bg-section{
  padding: 60px 0;
}
.jarallax {
    position: relative;
    z-index: 0;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.jarallax-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.layer:before{
    content:"";
    height:100%;
    opacity:0.95;
    z-index:0;
    position:absolute;
    left:0;
    top:0;
    width:100%;
}
.blackish:before{
    background-color:rgba(0,0,0,0.5);
}
.career_promo_banner{
  padding: 60px 0 30px;
}
.home_banner .career-slide {
  position: relative;
}
.career-slide .owl-stage{
  padding:0;
}
.career-slide .slide-item {
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 120px 0px 120px 0px;
  overflow: hidden;
  background-color: #151130;
  border-radius: 15px;
}
@media screen and (max-width: 425px) {
  .career-slide .slide-item {
    padding: 100px 0px 100px 0px;
  }
}
.career-slide .slide-item .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -moz-transition: all 8000ms linear;
  -webkit-transition: all 8000ms linear;
  -ms-transition: all 8000ms linear;
  -o-transition: all 8000ms linear;
  transition: all 8000ms linear;
  z-index: 0;
  color: var(--white);
}
.career-slide .slide-item .auto-container {
  position: static;
  max-width: 98%;
  padding: 0px 15px;
  margin: 0 auto;
}
.career-slide .slide-item .auto-container .content-box {
  position: relative;
  display: block;
  z-index: 5;
  width: 100%;
  padding: 0 30px;
}
@media screen and (max-width: 425px) {
  .career-slide .slide-item .auto-container .content-box {
    padding: 0 15px;
  }
}
.career-slide  .slider-title {
  position: relative;
  display: block;
  font-size:32px;
  margin-bottom:30px;
  opacity: 0;
  max-width: 580px;
  z-index: 11;
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -moz-transition: all 1000ms ease;
  -webkit-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  color: var(--white);
  font-weight:300;
}
@media screen and (max-width: 768px) {
  .career-slide .slider-title {
    font-size:34px;
    max-width: 100%;
  }
}
@media screen and (max-width: 425px) {
  .career-slide .slider-title {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 1.2;
  }
}
@media screen and (max-width: 375px) {
  .career-slide .slider-title {
    margin-bottom: 20px;
    font-size:22px;
    line-height: 1.2;
  }
}
.career-slide .slider-btn-box {
  position: relative;
  opacity: 0;
  z-index: 11;
  font-size: 14px;
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -moz-transition: all 1300ms ease;
  -webkit-transition: all 1300ms ease;
  -ms-transition: all 1300ms ease;
  -o-transition: all 1300ms ease;
  transition: all 1300ms ease;
}
.career-slide .slider-btn-box .border-btn{
  border-color:var(--white);
  background:transparent !important;
  color:var(--white) !important;
}
@media screen and (max-width: 768px) {
  .career-slide .slide-item::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 105%;
    background: #fff;
    top: 0px;
    right: 0px;
    z-index: 2;
    opacity: 0.85;
  }
}
.career-slide .active .slider-title {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  -ms-transition-delay: 1000ms;
  -o-transition-delay: 1000ms;
  transition-delay: 1000ms;
}
.career-slide .active .slider-btn-box {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1600ms;
  -moz-transition-delay: 1600ms;
  -ms-transition-delay: 1600ms;
  -o-transition-delay: 1600ms;
  transition-delay: 1600ms;
}
.career-slide.owl-theme .owl-nav.disabled+.owl-dots {
    top: -2rem;
    z-index: 2;
    position: relative;
    margin-top:0;
}
.career-slide .owl-dots .owl-dot span{
  background: var(--white) !important;
  border-color: var(--white) !important;
}
.career-slide .owl-dots .owl-dot.active span{
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}

.career-card{
  margin-bottom:30px;
}
.career-info h2{
  font-size:18px;
  margin-bottom: 15px;
  font-weight:600;
}
.career-info h2 a:hover{
  color: var(--secondary-color);
  text-decoration: underline;
}
.career-info h3{
  font-weight:400;
  font-size: 16px;
  margin-bottom: 15px;
}
.career-info .country{
  font-weight: 400;
  font-size:14px;
  color: var(--secondary-color);
}
.career-metainfo{
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  margin-top:15px;
}
.career-date li{
  color:#C1C6C8;
  font-size:13px;
  float: left;
  margin-right: 15px;
}
.career-date li:before {
    content: "\eedc";
    font-family: 'icofont';
    font-size: 15px;
    color: #C1C6C8;
    margin-right: 4px;
}
.job-number{
  color:#C1C6C8;
  font-weight: bold;
  font-size:14px;
}
.career-info .link{
  font-weight: bold;
  color: var(--primary-color);
  font-size:14px;
}
.career-info .link:hover{
  letter-spacing: 1px;
  color: var(--secondary-color);
}
.career-info .link.link-green{
  color: var(--secondary-color);
}
.career-info .link.link-green:hover{
  color: var(--primary-color);
}
.careersupport h3{
  font-weight: 400;
  font-size:21px;
}
.careersupport h3 span{
  font-weight: bold;
}
.videoinfo{
  margin-top:15px;
}
.videoinfo h2{
  font-size: 18px;
  font-weight: bold;
  margin-bottom:5px;
}
.videoinfo span{
  color: #717171;
  font-size: 15px;
  margin-bottom:15px;
  display: block;
}
.videoinfo p{
  font-size: 14px;
}
.stories-slider {
  position: relative;
}
.stories-slider .owl-stage {
  padding-left: 0 !important;
  overflow: hidden;
}
.stories-slider .owl-item.center {
  width: 1170px !important;
  -webkit-box-shadow: 3px 6px 12px rgba(194, 151, 107, 0.3);
          box-shadow: 3px 6px 12px rgba(194, 151, 107, 0.3);
}
.stories-slider .owl-item.center .video-slide {
  width: 100% !important;
}
.stories-slider .owl-item.center .slider-inner-text {
  visibility: visible;
}
.stories-slider .video-slide {
  width: 100%;
  position: relative;
  background:#FFF;
  -webkit-box-shadow: 0 0 40px rgb(51 51 51 / 10%);
    box-shadow: 0 0 40px rgb(51 51 51 / 10%);
}
.stories-slider .video-slide img {
  width: 100%;
}
.stories-slider .video-slide .slider-inner-text {
  position: absolute;
  top: 50%;
  right: 100px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 45px;
  background-color: #fff;
  visibility: hidden;
}
.storiesinfo{
  padding: 30px;
}
.storiesinfo h2{
  font-size:18px;
  margin-bottom:15px;
}
.storiesinfo p{
  font-size:14px;
}
.storiesinfo h4{
  color: #717171;
  margin-top:15px;
  font-size: 15px;
}
.contact-inner {
  margin: 0 0 20px;
}
.contact-inner label{
  font-size: 14px;
  margin-bottom: 10px;
  color:#717171;
}
.contact-inner .form-control{
  width: 100%;
  color: #000;
  background-color:var(--white);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0em;
  border: none;
  width: 100%;
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 3px 20px;
  height:46px;
}
.contact-inner textarea.form-control {
  height: 150px;
  padding: 15px;
}
.contact-inner select {
  color: #777;
}
.radio-btns {
    margin-right: 15px;
    margin-bottom: 0 !important;
    font-size: 15px !important;
}
.radio-btns input[type=radio]{
    margin-right: 5px;
    width: 14px;
    height: 14px;
    position: relative;
    top: 2px;
}
.radio-btns input[type=radio]:focus{
  color: var(--secondary-color);
}
.back-link{
  margin-bottom: 30px;
  display: block;
}
.back-link .link:hover{
  letter-spacing: 1px;
  color: var(--secondary-color);
}
.jobcontent{
  padding:60px 0;
}
.jobcontent h2 {
    color: var(--primary-color);
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 30px;
}
.jobcontent h4{
  color:var(--primary-color);
  font-weight: bold;
  font-size:18px;
  margin-bottom: 15px;
}
.jobcontent p{
  margin-bottom: 15px;
}
.jobcontent ul{
  margin-bottom: 30px;
  padding: 20px;
}
.jobcontent ul li{
  font-size: 15px;
  list-style: disc;
}
.jobcontent ul li +li {
  margin-bottom: 4px;
}
.jobcontent .videoarea{
  margin: 30px 0;
}
.blogfooter{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding:30px 0 15px;
}
.job-bottom{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.jobfooter{
  border: none;
}
.jobfooter ul{
  padding: 0;
  margin: 0;
}
.jobfooter ul li{
  list-style: none;
}
.jobfooter .career-date li{
  color: var(--primary-color);
  font-size:13px;
}
.jobfooter .career-date li span{
  font-weight: 500;
}
.relatedjob .career-info h2 {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 500;
}
.relatedjob .career-date {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.relatedjob .career-date li {
    float: none;
    margin-right: 0;
}
.job-widget-btm{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section-grid-job{
  padding:30px 0 60px;
}
.share{
  display: flex;
  align-items: center;
}
.share h3{
  font-weight: 500;
  color: #96A2A7;
  font-size: 15px;
  text-transform: uppercase;
  margin-right: 15px;
  margin-bottom:0;
}
.share-link li{
  float: left;
  margin-right: 15px;
}
.share-link li a{
  color: #253746;
}
.card-top-info h2{
  font-size:35px;
  margin: 0 0 10px;
  line-height: 1.4;
  font-weight: 300;
  color: var(--primary-color);
}

/***** Biding Area *****/
.bids-slider-box .card-area{
  margin-bottom:30px;
}
.bids-slider-box .card-area .card-info h3 a {
    color: #4C4C4C;
}
.bids-slider-box .card-area .card-info h3 a:hover{
    color:var(--secondary-color);
}
.bids-slider-box .card-area .card-info {
    padding: 25px 25px 30px;
}
.bids-slider-box .card-area .card-info h3 {
    font-size: 16px;
    margin-bottom: 10px;
    color:#4C4C4C;
}
.bids-slider-box .card-area .card-info p {
    margin: 0 0 20px;
    font-size: 14px;
    color: var(--primary-color);
    font-weight:500;
}
.bids-slider-box .card-area .card-info .bidtag{
    margin: 0 0 5px;
    font-size: 14px;
    font-weight:600;
    color: var(--secondary-color);
}
.bids-slider-box .card-area .card-info .card-metainfo {
    margin: 10px 0 15px;
}
.bids-slider-box .card-info a.link {
    color: var(--primary-color) !important;
}
.bids-slider-box .card-info a.link:hover{
  color: var(--secondary-color) !important;
}
.cardtitle{
  margin-bottom: 30px;
}
.maincontent{
  padding:15px 0 30px;
}
.maincontent h2{
    font-size:35px;
    margin: 0 0 20px;
    line-height: 1.4;
    font-weight: 300;
    color: var(--primary-color);
}
.maincontent h2 p{
  margin-bottom:15px;
  font-size:14px;
}

.asidemenu{
  position: absolute;
  right:0;
  top:6rem;
  background: var(--primary-color);
  color:#FFF;
  z-index: 99;
  padding:10px 15px;
  border-bottom-left-radius:20px;
}
.asidemenu li{
  margin-bottom:20px;
  display:block;
}
.asidemenu li a img{
  width:20px;
  height:20px;
}
.modal-open .asidemenu {
    right: 17px;
}
.modal-toolkit .modal-header {
    border-bottom: 0;
    padding: 20px 30px 10px;
}
.modal-toolkit .modal-content{
  background: var(--primary-color);
}
.modal-toolkit .modal-title{
  color: var(--white);
}
.modal-toolkit .modal-body{
  padding:20px 30px;
}

.modal-toolkit .form-layout-1 .form-group{
  border-color:rgba(255, 255, 255, 0.2);
}
.modal-toolkit .form-layout-1 .form-group {
    padding: 5px 15px;
}
.modal-toolkit .form-layout-1 .form-control {
    height: 38px;
}
.modal-toolkit .form-layout-1 .form-control::placeholder{
    color: rgba(255, 255, 255, 0.6);
    font-size:14px;
    font-weight:400;
}
.modal-toolkit .form-layout-1 .filterselect .nice-select {
    height: 30px;
    line-height: 30px;
    top: 4px;
    color: rgba(255, 255, 255, 0.6);
    font-size:14px;
    font-weight:400;
}
.modal-toolkit .filterselect .nice-select .list {
    background: var(--white);
}
.modal-toolkit .filterselect .nice-select .option {
    background: var(--white);
    color: var(--primary-color);
}
.modal-toolkit .filterselect .nice-select .option:hover{
    background: var(--primary-color);
    color: var(--white);
}
.modal-toolkit .date-control {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: var(--white);
    padding:8px 10px;
}
.modal-toolkit .date-control::placeholder{
  color:var(--white);
  font-size:14px;
}
.modal-toolkit .submit-btn{
  padding-bottom: 15px;
}
.modal-toolkit{
    background: rgba(255, 255, 255, 0.7);
}
.modal-toolkit .modal-header .btn-close {
    top: -30px;
    position: absolute;
    right: 0;
}
.modal-toolkit .nice-select:after {
    border-bottom: 2px solid var(--secondary-color);
    border-right: 2px solid var(--secondary-color);
}
.form-layout.form-layout-2 .contact-inner label{
  font-size: 12px;
  margin-bottom: 10px;
  color:var(--white);
}
.form-layout.form-layout-2 .contact-inner .form-control{
  width: 100%;
  color:var(--white);
  background-color:transparent;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0em;
  border: none;
  width: 100%;
  outline: none;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  padding: 3px 20px;
  height:46px;
}
.form-layout.form-layout-2 textarea.form-control {
  height: 150px;
  padding: 15px;
}
.form-layout.form-layout-2 .contact-inner .form-control::placeholder{
  color: var(--white);
}
.form-filter label{
  color:var(--white);
  margin-bottom:10px;
  font-size:14px;
}
.form-filter .form-control {
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 5px 8px;
    border-radius: 5px;
    color:var(--white) !important;
}
.form-filter .filterselect .nice-select {
    top: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.3);
    height: 38px !important;
    line-height: 40px !important;
    padding: 0 8px;
    border-radius: 5px;
}
.tooltip{
  background: var(--primary-color);
}

.header-top-bar-info {
    background: var(--white);
}

.language-right ul li,
.subsidaries-right ul li {
    display: inline-block;
    position: relative;
}
.language-right ul li>ul>li,
.subsidaries-right ul li>ul>li{
    display: block;
}
.language-right>ul>li>a,
.subsidaries-right>ul>li>a {
    color:#141414;
    display: block;
    padding:7px 30px 7px 0px;
    position: relative;
    font-size: 15px;
}
.subsidaries-right ul li ul {
    background:var(--white);
    right: 0;
    position: absolute;
    top: 100%;
    min-width: 230px;
    z-index: 9999999;
    padding: 10px 0 0;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all 0.4s ease 0s;
    visibility: hidden;
}
.language-right >ul>li > ul a,
.subsidaries-right >ul>li > ul a {
    color:var(--primary-color);
    font-size:14px;
    display: block;
    padding:5px 15px;
}
.language-right >ul>li > ul a:hover,
.subsidaries-right >ul>li > ul a:hover{
    background: var(--primary-color);
    color: var(--secondary-color);
}
.language-right ul li:hover ul,
.subsidaries-right ul li:hover ul {
    visibility: visible;
    opacity: 1;
    transform: scaleY(1);
}
.subsidaries-right> ul>li>a::after {
    color: #000;
    content: "\ea99";
    font-family: 'icofont';
    font-size: 17px;
    position: absolute;
    right: -22px;
    top: 8px;
}
.language-right> ul>li:last-child a,
.subsidaries-right> ul>li:last-child a{
    padding-right: 0px;
}
.language-right ul li ul {
    background:var(--white);
    left: 0;
    position: absolute;
    top: 100%;
    min-width: 230px;
    z-index: 9999999;
    padding: 10px 0 0;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all 0.4s ease 0s;
    visibility: hidden;
}
.language-right> ul>li>a::after {
    color: #000;
    content: "\ea99";
    font-family: 'icofont';
    font-size: 17px;
    position: absolute;
    right: -22px;
    top: 8px;
}

.search-box {
  position: relative;
}
.search-box .search-btn {
  position: relative;
  background-color: transparent;
  z-index: 1;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
}
.search-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.search-popup .search-back-drop {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, .70);
}
.search-active .search-popup {
  opacity: 1;
  visibility: visible;
}
.search-popup .search-inner {
  position: relative;
  background:var(--primary-color);
  padding: 25px 0 30px;
  z-index: 1;
  transform: translateY(-100%);
  margin-top:6rem;
  border-radius:15px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.search-active .search-popup .search-inner {
  transform: translateY(0);
}
.search-popup .upper-text {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.search-popup .close-search {
    position: absolute;
    right: 0;
    top:-4rem;
    color: #000;
    font-size:30px;
    line-height: 27px;
    z-index: 3;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background: none;
}
.search-popup .form-group form {
  position: relative;
}
.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color:var(--secondary-color);
    top: 2px;
}
.search-popup .form-group {
    position: relative;
    margin: 0px;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0 30px 30px;
}
.search-popup .form-group input[type="text"], 
.search-popup .form-group input[type="search"] {
  position: relative;
  display: block;
  font-size:18px;
  line-height: 25px;
  color: var(--white);
  padding: 10px 0;
  padding-left: 2.375rem;
  height: 45px;
  width: 100%;
  border:none;
  background-color: transparent;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.search-popup .form-group input[type="search"]::placeholder{
  color:rgba(255, 255, 255, 0.3) !important;
  font-style: italic;
}
.search-popup .form-group input[type="submit"], 
.search-popup .form-group button {
    position: absolute;
    right: 4rem;
    top: 0;
    background: transparent;
    text-align: center;
    font-size: 16px;
    color: var(--white);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    padding: 8px 30px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 5px;
}
.search-popup .form-group input[type="submit"] i, 
.search-popup .form-group button i{
  color: var(--secondary-color);
  margin-left:5px;
}
.search-popup .form-group input[type="submit"]:hover i, 
.search-popup .form-group button:hover i{
  color: var(--primary-color);
}
.search-popup .form-group input[type="submit"]:hover, 
.search-popup .form-group button:hover{
  color:var(--white);
  border-left: 1px solid var(--white);
  background:var(--secondary-color);
}

.searchtags{
  border-bottom:1px solid rgba(255, 255, 255, 0.3);
  padding:20px 30px 40px;
  display: block;
}
.searchtags:last-child{
  border-bottom: none;
}
.searchtags h3 {
    font-size: 16px;
    margin-bottom:15px;
    color: var(--white);
    display: inline-block;
    width: 100%;
}
.searchtags ul{}
.searchtags ul li{
  display: inline-block;
  margin:0 5px;
}
.searchtags ul li a {
    padding:6px 15px;
    color:rgba(255, 255, 255, 0.3);
    border:2px solid rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    font-size: 13px;
    margin: 5px 0;
    display: inline-block;
}
.searchtags ul li a:hover{
    color:var(--white);
    background: var(--secondary-color);
    border:2px solid transparent;
}

.modal-toolkit .nav-pills .nav-link {
    border-radius: 0;
    color: rgba(255, 255, 255, 0.7);
    padding: 0;
    margin-right:50px;
    position: relative;
}
.modal-toolkit .nav-pills .nav-item{
  position: relative;
}
.modal-toolkit .nav-pills .nav-item:before{
  content:"";
  position: absolute;
  top:0;
  right:20px;
  width:1px;
  height:100%;
  background: rgba(255, 255, 255, 0.2);
}
.modal-toolkit .nav-pills .nav-item:last-child:before{
  background: transparent;
}
.modal-toolkit .nav-pills .nav-link:hover, 
.modal-toolkit .nav-pills .nav-link.active, 
.modal-toolkit .nav-pills .show>.nav-link {
    color: var(--secondary-color);
    background-color: transparent;
}
.map-column{
  margin-top:30px;
  display: block;
}
.map-column iframe{
  width:100%;
  height: 300px;
}
.tooltip-inner {
    background-color: var(--secondary-color); !important;
    color: #fff ;
}
.bs-tooltip-right .arrow::before, 
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: var(--secondary-color); !important;
}


.mmenu-item--simple .mmenu-submenu {
  overflow: inherit;
  text-align: left;
  border-top: 0;
}
.mmenu-item--simple .mmenu-submenu .submenu-list li {
  position: static;
}
.mmenu-item--simple .mmenu-submenu li:not(.to-right) > ul {
  left:23%;
}
.mmenu-item--simple .mmenu-submenu li.to-right > ul {
  right: 99.9%;
  left: auto;
}
.mmenu-submenu .submenu-list li {
  overflow: inherit;
  text-align: left;
  padding: 0;
  position: static;
}
.mmenu-submenu .submenu-list li ul {
  position: absolute;
  z-index: 2;
  width: 25%;
  padding: 15px;
  list-style: none;
  opacity: 0;
  top:0;
  visibility: hidden;
  pointer-events: none;
  background: #f7f8f8;
  min-height: 100%;
  transition: all 0s ease 0s;
}
.mmenu-submenu .submenu-list li ul li ul {
    left:98% !important;
    width: 350px;
    background:#FFF;
}
.mmenu-submenu .submenu-list li ul:before {
  content: '';
  position: absolute;
  left: -1px;
  height: 100%;
  width: 1px;
}
.mmenu-submenu .submenu-list li li.to-right > ul {
  left: auto !important;
  right: 100%;
}
.mmenu-submenu .submenu-list li ul ul {
  z-index: 2;
}
.mmenu-submenu .submenu-list li:hover > ul, 
.mmenu-submenu .submenu-list li li:hover > ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: visibility 0.2s ease 0.1s, opacity 0.2s ease 0.1s, min-width 0.3s ease 0.1s;
}
.mmenu-left {
  -ms-flex-order: 0;
  order: 0;
  padding: 0 15px 30px;
}
.mmenu-right {
  -ms-flex-order: 2;
  order: 2;
  padding: 0 14px 30px 24px;
}
.submenu-list {
  padding:15px;
  margin: 0;
  list-style: none;
  width:350px;
  min-height:350px;
}
.submenu-list:first-child {
  margin-top: 0;
}
.submenu-list li {
  text-transform: uppercase;
}
.submenu-list li.active > a {
  color:var(--primary-color);
  font-weight:600;
}
.submenu-list li.active > a:not(:only-child):after {
  color:var(--primary-color);
  font-weight:600;
}
.submenu-list a {
    display: block;
    position: relative;
    font-size: 12px;
    padding:15px 25px;
    color: #2d2c2c;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
/*.submenu-list li:last-child a {
    border-bottom:none;
}*/
.submenu-list a [class*="color"] {
  display: block;
  float: left;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-top: 4px;
  margin-right: 18px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.submenu-list a [class*="color"] + span {
  display: table;
}
.submenu-list a:hover {
  color:var(--primary-color);
  font-weight:600;
  text-decoration: none;
}
.submenu-list a:hover:not(:only-child):after {
  color:var(--primary-color);
  font-weight:600;
}
.submenu-list a:not(:only-child) {
  padding-right: 25px;
}
.submenu-list a:not(:only-child):after {
  position: absolute;
  height: 18px;
  top:15px;
  right: 15px;
  font-family:'icofont';
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  content: "\ea5d";
  color: #2d2c2c;
  transition: 0.2s;
}

/*** Cookie Policy ***/
#cc-main .cm {
    background: var(--primary-color);
}
#cc-main .cm__footer {
    background: #03243d;
    border-top: 1px solid #1a5684;
    color: #FFF;
}
#cc-main .cm--cloud .cm__btns {
    border-left: 1px solid #1a5684;
}
#cc-main .cm__title {
    color: var(--secondary-color);
}
#cc-main .cm--cloud .cm__desc {
    color: #FFF;
}
#cc-main .cm__btn {
    background: var(--secondary-color);
    border: 1px solid var(--secondary-color);
}
#cc-main .cm__btn:hover{
    background: transparent;
    border: 1px solid var(--secondary-color);
    color:#FFF;
}
/*#cc-main .cm--cloud.cm--inline .cm__btn {
    background: #FFF;
}*/
/*** End Cookie Policy ***/

.cookiebar {
  position: fixed;
  bottom:16px;
  left:16px;
  display: none;
  width: 32.41rem;
  z-index: 99;
  max-width: calc(100% - 32px);
  overflow-x: hidden;
  overflow-y: auto;
  box-shadow: 0 0 18px rgba(0, 0, 0, .2);
}
.cookiebar .card {
  position: relative;
  margin: 0;
  width: 100%;
  border-radius:6px;
  background-color: var(--primary-color);
}
.cookiebar .card-inner {
  display: flex;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
  max-width: 48em;
}
.cookiebar .card-content {
  padding: 24px;
  border-radius: 0 0 2px 2px;
}
.cookiebar .card-title {
  margin-bottom: 8px;
  display: block;
  line-height: 32px;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight:300;
  color: var(--secondary-color);
}
.cookiebar .card-action {
  position: relative;
  margin-top: 15px;
  padding: 15px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: inherit;
  border-top: 1px solid rgba(160, 160, 160, .2);
}
.cookiebar .card-action label{
  color:var(--white);
  font-weight:300;
  font-size:14px;
}
.cookiebar .card-action #basic_chkbx,
.cookiebar .card-action label[for="basic_chkbx"] {
  opacity: .5;
}

@media (max-width: 48em) {
.cookiebar .card-action {
  flex-direction: column !important;
  width: 100%
}
.cookiebar .card-action .flex {
  margin-top: 10px;
}
.cookiebar .card-action > button {
  max-width: 200px;
  margin-top: 10px;
}
}
.cookiebar .card-content p{
  font-size:14px;
  color: var(--white);
  font-weight:300;
}
.cookiebar .card-content p a{
  color: var(--secondary-color);
}

.cookiebar .ot-sdk-column, 
.cookiebar .ot-sdk-columns, 
#onetrust-pc-sdk .ot-sdk-column, 
#onetrust-pc-sdk .ot-sdk-columns, 
#ot-sdk-cookie-policy .ot-sdk-column, 
#ot-sdk-cookie-policy .ot-sdk-columns {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding: 0;
    display: initial;
}
.cookiebar .cookie-button-group{
    text-align: center;
    display: inline-block;
    width: 100%;
}
.cookiebar *, 
.cookiebar ::after, 
.cookiebar ::before{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.cookiebar .banner-actions-container {
    text-align: center;
}
.cookiebar .banner-actions-container {
    display: flex;
    margin: 8px -4px;
}
#onetrust-accept-btn-handler, 
#onetrust-reject-all-handler {
    background-color:var(--secondary-color);
    border-color:var(--secondary-color);
    color: #252627;
}
#onetrust-accept-btn-handler:hover, 
#onetrust-reject-all-handler:hover{
    background-color:var(--primary-color);
/*    border-color:var(--secondary-color);*/
    color: #FFF;
}
.cookiebar .cookie-button-group button {
    font-weight: 400;
    border-radius: 6px;
    padding: .8em;
    letter-spacing: normal;
    text-decoration: none;
    border: 1px solid transparent;
    margin: 0;
    line-height: 1.15;
    width: 100%;
    font-size:14px;
    cursor: pointer !important;
}
.cookiebar .cookie-button-group .banner-actions-container button {
    margin: 0 4px;
}
.cookiebar .cookie-button-group button#onetrust-pc-btn-handler {
    background-color:var(--primary-color);
    color:var(--secondary-color);
    border-color:var(--secondary-color);
}
.cookiebar .cookie-button-group button#onetrust-pc-btn-handler:hover{
    background-color:var(--secondary-color);
    color:#FFF;
}
@media only screen and (min-width: 768px) {
.cookiebar #onetrust-accept-btn-handler, 
.cookiebar #onetrust-reject-all-handler, 
.cookiebar #onetrust-pc-btn-handler {
    width:95%;
}
}

.modal.cookiemodalBlock .modal-dialog{
    transform: translateY(-50%);
    top: 50%;
    margin: 0 auto;
}
.cookiemodalBlock .modal-content{
    height: calc(100% - 2em);
    max-height: 37.5em;
}
.cookiemodalBlock .modal-header .btn-close {
    cursor: pointer;
    font-size: 100%;
    line-height: normal;
    margin: 0;
    outline: revert;
    outline-offset: 2px;
    overflow: hidden;

    background-color: #eaeff2;
    border: 1px solid #eaeff2;
    border-radius: var(--cc-btn-border-radius);
    height: 40px;
    position: relative;
    transition: all .15s ease;
    width: 40px;
}
.cookieinfoarea h3{
  margin-top: 0;
  margin-bottom: 0.625rem;
  font-weight: 500;
  line-height: 1.2;
  color: #253746;

  align-items: center;
  display: flex;
  flex: 1;
  font-weight: 600;
  font-size: 14px;
  margin-right: 2em;
}
.cookiebody{}
.cookieinfoarea h4{
  font-size:14px;
}
.cookieinfoarea p {
    font-size: 14px;
}
.cookieinfoarea .cookie-card {
    border: 1px solid #f0f4f7;
    padding: 1em;
    transition: background-color .25s ease, border-color .25s ease;

    display: flex;
    flex-direction: column;
    margin-bottom: .5em;
    border-radius: .4rem;
    margin-top: 2em;
}
.cookieinfoarea .cookie-card:not(:first-child):hover {
    background: #f0f4f7;
    border-color: #f0f4f7;
}
.cookiebtn-footer{
  display:flex;
  justify-content: space-between;
}

.cookiebtn-footer .btn {
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: var(--cc-btn-border-radius);
    color: #fff;
    flex: auto;
    font-size: .82em;
    font-weight:400;
    min-height: 42px;
    min-width: 110px;
    padding: .5em 1.5em;
    text-align: center;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.cookiebtn-footer .btn:hover {
    background:var(--secondary-color);
    border-color:var(--secondary-color);
    color: #fff;
}
.cookiebtn-footer .btn.btn-secondary{
    background: #eaeff2;
    border-color: #eaeff2;
    color: #2c2f31;
    flex: none;
}
.cookiebtn-footer .btn.btn-secondary:hover {
    background:var(--primary-color);
    border-color:var(--primary-color);
    color: #fff;
}

/*** News Css ***/
.card-area.card-blog {
    width: 100%;
    margin-bottom:30px;
}
.card-area.card-blog .card-info h3 a {
    font-weight: 600;
    color: var(--primary-color);
}
.card-area.card-blog .card-info h3 a:hover{
    color: var(--secondary-color);
}
.card-area.card-blog .card-info .card-metainfo span {
    display: block;
    position: relative;
    font-size: 14px;
    margin: 0 0 5px;
}
.card-area.card-blog .card-info .card-metainfo span:last-child{
  margin-bottom:15px;
}
.category-field{
  text-transform: uppercase;
}
.card-info a.link {
    color: var(--secondary-color);
}
.card-info a.link:hover{
    color: var(--primary-color);
}
.blogsection {
    padding: 30px 0;
}
.relatedpost {
    margin-top: 30px;
}
.widget-side ul li a {
  display: block;
  width: 100%;
  border-radius: 10px;
  color:var(--black);
  font-size: 14px;
  font-style: normal;
  font-weight:400;
  position: relative;
  padding: 12px 20px;
  margin-top: 20px;
  text-align: left;
  background: var(--white);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}
.widget-side ul li a:hover {
  background: var(--secondary-color);
  color: var(--white);
}
.card.blogcontent{
  border-top-right-radius:0;
  border-top-left-radius:0;
  padding:30px 60px;
}
.blogcontent h2 {
    color: var(--primary-color);
    font-size: 32px;
    font-weight: 300;
}
.blogcontent h5{
  color:var(--black);
  font-weight:600;
  font-size:21px;
}
.blogcontent p {
    margin-bottom: 15px;
    font-size: 15px;
}
.blogcontent ol,
.blogcontent ul{
  padding-left:15px;
}
.blogcontent ol li,
.blogcontent ul li{
  font-size: 15px;
}
.blogcontent ul li{
  list-style: disc;
}
.blogcontent ol li{
  list-style:decimal;
}
.blogcontent ol li +li,
.blogcontent ul li +li {
  margin-bottom: 4px;
}
.blogcontent .videoarea{
  margin: 30px 0;
}
.blogfooter{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding:30px 0 15px;
}
.dateposted h4{
  font-weight: 500;
  color: #96A2A7;
  font-size: 14px;
  text-transform: uppercase;
}
.share{
  display: flex;
  align-items: center;
}
.share h3{
  font-weight: 500;
  color: #96A2A7;
  font-size: 15px;
  text-transform: uppercase;
  margin-right: 15px;
  margin-bottom:0;
}
.share-link li{
  float: left;
  margin-right: 15px;
  list-style: none !important;
}
.share-link li a{
  color: #253746;
}
.share-link li a:hover{
  color:var(--secondary-color);
}
.pagetitle h2 {
    color: var(--primary-color);
}
.relatedpost .card-area .card-info .card-metainfo {
    margin:15px 0 0;
    display: flex;
    justify-content: space-between;
}
.relatedpost .card-area.card-blog .card-info .card-metainfo span {
    font-size: 12px;
}

.section-title.style2 h2 {
    margin: 0;
}
.section-title.style2 .filterselect {
    margin-bottom:0;
}
.search-form .form-group .form-control{
    background: #FFF;
    color: #000;
    border-radius:5px !important;
    height: 40px;
    box-shadow: 0 0 5px rgba(51, 51, 51, 0.1);
    background: var(--white);
    border: none !important;
    font-size:14px;
}
.search-form .form-group .form-control::placeholder{
    color: #77878F;
}
.search-form .form-group .search-btn {
    position: absolute;
    right: 10px;
    bottom: 7px;
    color:var(--primary-color);
}

/*** End News Css ***/

.tp-service-nav{
    position: absolute;
    width:100%;
    top:50%;
}
.tp-service-nav a {
  font-size: 20px;
  height:40px;
  left: 45px;
  line-height:40px;
  position: absolute;
  text-align: center;
  top: 50%;
  width:40px;
  background: var(--white);
  color: var(--primary-color);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 25px 20px -20px;
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -moz-transition: all 600ms ease 0ms;
  -webkit-transition: all 600ms ease 0ms;
  -ms-transition: all 600ms ease 0ms;
  -o-transition: all 600ms ease 0ms;
  transition: all 600ms ease 0ms;
}
.tp-service-nav a:hover{
  background: var(--primary-color);
  color: var(--white);
}
.tp-service-nav a.service-button-prev{
  left: 0;
  border-top-right-radius:20px;
  border-bottom-right-radius:20px;
}
.tp-service-nav a.service-button-next{
  right: 0;
  left: auto;
  border-top-left-radius:20px;
  border-bottom-left-radius:20px;
}
.tp-service-nav a i {
    background: linear-gradient(90deg, #004D6E 0%, #00ACCC 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.supplierinfo{}

.supplierinfo h2 {
    font-size: 38px;
    margin: 0 0 20px;
    line-height: 1.4;
    font-weight: 300;
    color: var(--primary-color);
}
.supplierinfo h4{
    font-size:18px;
    margin: 0 0 20px;
    line-height: 1.4;
    font-weight: 300;
    color: var(--primary-color);
}
.supplierinfo h5{
    font-size:18px;
    margin: 0 0 20px;
    line-height: 1.4;
    font-weight: 300;
    color: var(--secondary-color);
}
.supplierinfo p{
  color: #444;
  font-size:15px;
  margin-bottom:15px;
}
.supplierinfo ol{
  padding-left:15px;
  margin-bottom: 15px;
}
.supplierinfo ol li{
  list-style: disc;
  color:#444;
  list-style: decimal;
}

.btn-linkarea{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.btn-section a{
  display: block;
  width: 100%;
}

.header__navigation.main-menu .navigation > li > .mega-menu {
    top: 100%;
}
.header__navigation.main-menu .navigation > li > a{
  color:#FFF;
}
.header__navigation.main-menu .navigation > li > a.active,
.header__navigation.main-menu .navigation > li.active > a,
.header__navigation.main-menu .navigation > li > a:hover{
  color: var(--secondary-color);
}
.header__navigation.main-menu ul.mega-menu--multiLevel li {
    padding: 0 15px;
}
.header__navigation.main-menu .navigation > li {
    padding: 0 10px;
}
.header__navigation.main-menu {
    margin-left: 0;
}
.header__navigation.main-menu ul.mega-menu--multiLevel a{
  text-transform: uppercase;
  font-size:12px;
}
.header__navigation.main-menu .navigation > li a:after{
  content: "";
  width: 1px;
  height: 22%;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 38%;
  right: -10px;
}
.header__navigation.main-menu .navigation > li:last-child a:after{
    content: "";
    width: 0;
    height:0;
}

.menutab-area {
  background: var(--white);
}
.menutab-area .owl-carousel {
    display: flex !important; /* To override display:block I added !important */
    flex-direction: row;
    justify-content: center; /* To center the carousel */
}
.menutab-area .owl-stage {
    padding:0;
}
.menutab-area .nav-tabs {
    display: block;
    text-align: center;
    border: none;
}
.menutab-area .nav-tabs .nav-item {
    display: inline-block;
    position: relative;
}
.menutab-area .nav-tabs .nav-link {
    background: transparent;
    color: #000;
    padding:12px 15px;
    border:none;
    border-bottom:2px solid transparent !important;
    display: block;
    text-align: center;
    border-radius: 0;
    font-size: 14px;
    margin: 0;
}
.menutab-area .nav-tabs .nav-link:hover, 
.menutab-area .nav-tabs .nav-item.show .nav-link, 
.menutab-area .nav-tabs .nav-link.active {
    color: var(--secondary-color);
    background-color: transparent;
    border-bottom: 2px solid var(--secondary-color) !important;
}

.green-bg .bg-primary {
    background-color: var(--green-color) !important;
}
.green-bg .footer-copyright {
    background: #FFF;
}
/*** Green Template ***/
.green-bg h6, 
.green-bg .h6, 
.green-bg h5, 
.green-bg .h5, 
.green-bg h4, 
.green-bg .h4, 
.green-bg .section-title h2,
.green-bg .post-info .btn-text a,
.green-bg ul.social-link li a,
.green-bg .footer-copyright .footer-text p,
.green-bg .footer-copyright .footer-nav ul li a,
.green-bg .subsidinfo-left .link,
.green-bg .subsidinfo h3,
.green-bg .cardinside h4{
    color: var(--green-color);
}
.green-bg .mobile-menu-overlay__inner,
.green-bg .topfooter,
.green-bg .asidemenu,
.green-bg .filterselect .nice-select .list,
.green-bg .filterselect .nice-select .option{
    background: var(--green-color);
}
.green-bg .mobile-menu-overlay__header,
.green-bg .filterselect .nice-select .option:hover, 
.green-bg .filterselect .nice-select .option.focus, 
.green-bg .filterselect .nice-select .option.selected.focus {
    background-color: var(--green-color);
}
.green-bg .main-menu .navigation > li.active a,
.green-bg .header-left-content li a:hover {
    color: var(--white);
    background: var(--green-color);
}
.green-bg .search-popup .search-inner,
.green-bg .modal-toolkit .modal-content{
  background: var(--green-color) !important;
}
.green-bg .back-link a{
  color: var(--secondary-color);
}
/*** End Green Template ***/
/*** Gold Template ***/
.card.cardpremium .col-lg-7 .row {
    border-bottom: 1px solid #C1C6C8;
    margin-bottom: 30px;
}
.card.cardpremium .col-lg-7 .row:last-child{
    border-bottom:none;
}
.card.cardpremium .subsidinfo {
    min-height: 120px;
}
.card.cardpremium .subsidinfo ul{
  margin-bottom:30px;
}
.card.cardpremium .subsidinfo ul li{
  font-size:12px;
}
.card.cardpremium .subsidinfo h3 {
    color: #022C4D;
}
.card.cardpremium .subsidinfo-left h2{
  color:#022C4D;
}
.card.cardpremium .subsidinfo-left .link {
    font-size: 14px;
    background: #b78b1e;
    padding: 15px 30px;
    border-radius: 6px;
    color: #FFF;
}
.card.cardpremium .subsidinfo-left .link:hover{
    background:var(--primary-color);
}
.card.cardpremium .subsidinfo-img img {
    border-radius: 0;
}
.colorgold .menutab-area .nav-tabs .nav-link:hover, 
.colorgold .menutab-area .nav-tabs .nav-item.show .nav-link, 
.colorgold .menutab-area .nav-tabs .nav-link.active {
    color: var(--gold-color);
    border-bottom: 2px solid var(--gold-color) !important;
}
.colorgold .header__navigation.main-menu .navigation > li > a:hover,
.colorgold .header__navigation.main-menu .navigation > li.active > a{
  color: var(--gold-color);
}
.colorgold .btn.btn-converter {
    color: var(--gold-color);
    border: 1px solid #F2D99B;
}
.colorgold .btn.btn-converter:hover{
  background: var(--gold-color);
  color:var(--white);
}
.colorgold .locationinfo_block h4 {
    color: var(--gold-color);
}
.colorgold .filter-btn .btn {
    background: var(--gold-color);
    border:1px solid var(--gold-color);
}
.colorgold .filter-btn .btn:hover{
    color: var(--gold-color);
}
.colorgold .soild-btn {
    background:var(--gold-color);
}
.colorgold .soild-btn:hover,
.colorgold .soild-btn:active,
.colorgold .soild-btn:focus {
  color:var(--gold-color);
  background: transparent;
  border: 1px solid var(--gold-color);
}
.checkblock{
  display: flex;
  padding:10px 0;
}
.ckbox {
    font-weight: normal;
    position: relative;
    display: block;
    line-height: 18px;
    margin-right:10px;
}
.ckbox span {
    padding-left: 6px;
    color:#C1C6C8;
    font-size:14px;
}
.form-layout-1 .form-group label{
  color:#C1C6C8;
}
.cardpremium .need-item-content {
    border-right: none;
    padding-right: 0;
}
.cardpremium .need-item{
    border-left: 1px solid #C1C6C8;
    padding-left: 20px;
}
.cardpremium .need-item-content h3 {
    color: var(--primary-color);
}
.colorgold .top-cardpremium.card.cardinside {
    background-color: var(--gold-color);
}
.colorgold .filterselect .nice-select .list {
    background: var(--gold-color);
}
.colorgold .filterselect .nice-select .option:hover, 
.colorgold .filterselect .nice-select .option.focus, 
.colorgold .filterselect .nice-select .option.selected.focus {
    background-color: var(--gold-color);
    color: var(--primary-color);
}
.colorgold .filterselect .nice-select .option {
    background: var(--gold-color);
}
.top-cardpremium.card.cardinside h2,
.top-cardpremium.card.cardinside h3,
.top-cardpremium.card.cardinside h4,
.top-cardpremium.card.cardinside p,
.top-cardpremium.card.cardinside li{
  color: var(--white);
}
.top-cardpremium.card.cardinside h4{
  font-size:20px;
}
.top-cardpremium-content ul{
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  min-width: 100%;
}
.top-cardpremium-content ul li{
  list-style: disc;
  font-size:14px;
  text-align: left !important;
  margin-bottom:5px;
}
/*** End Gold Template ***/
/*** Grey Template ***/
.colorgrey .header__navigation.main-menu .navigation > li > a:hover,
.colorgrey .header__navigation.main-menu .navigation > li.active > a{
  color: var(--grey-color);
}
.colorgrey .menutab-area .nav-tabs .nav-link:hover, 
.colorgrey .menutab-area .nav-tabs .nav-item.show .nav-link, 
.colorgrey .menutab-area .nav-tabs .nav-link.active {
    color: var(--grey-color);
    border-bottom: 2px solid var(--grey-color) !important;
}
.colorgrey .btn.btn-converter {
    color: var(--grey-color);
    border: 1px solid #E3E3E3;
}
.colorgrey .btn.btn-converter:hover{
    color: var(--white);
}
.colorgrey .btn.btn-converter:hover{
  background: var(--grey-color);
}
.colorgrey .locationinfo_block h4 {
    color: var(--grey-color);
}
.colorgrey .filter-btn .btn {
    background: var(--grey-color);
    border:1px solid var(--grey-color);
}
.colorgrey .filter-btn .btn:hover{
    color: var(--grey-color);
}
.colorgrey .soild-btn {
    background:var(--grey-color);
}
.colorgrey .soild-btn:hover,
.colorgrey .soild-btn:active,
.colorgrey .soild-btn:focus {
  color:var(--grey-color);
  background: transparent;
  border: 1px solid var(--grey-color);
}
.colorgrey .top-cardpremium.card.cardinside {
    background-color: var(--grey-color);
}
.colorgrey .filterselect .nice-select .list {
    background: var(--grey-color);
}
.colorgrey .filterselect .nice-select .option:hover, 
.colorgrey .filterselect .nice-select .option.focus, 
.colorgrey .filterselect .nice-select .option.selected.focus {
    background-color: var(--grey-color);
    color: var(--primary-color);
}
.colorgrey .filterselect .nice-select .option {
    background: var(--grey-color);
}
.colorgrey .card.cardpremium .subsidinfo-left .link {
    background:var(--grey-color);
}
.colorgrey .card.cardpremium .subsidinfo-left .link:hover{
    background:var(--primary-color);
}
/*** End Grey Template ***/
.bancassurance .header__logo {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
/*** Orange Template ***/
.colororange .header__navigation.main-menu .navigation > li > a:hover,
.colororange .header__navigation.main-menu .navigation > li.active > a{
  color: var(--orange-color);
}
.colororange .menutab-area .nav-tabs .nav-link:hover, 
.colororange .menutab-area .nav-tabs .nav-item.show .nav-link, 
.colororange .menutab-area .nav-tabs .nav-link.active {
    color: var(--orange-color);
    border-bottom: 2px solid var(--orange-color) !important;
}
.colororange .btn.btn-converter {
    color: var(--orange-color);
    border: 1px solid #E3E3E3;
}
.colororange .btn.btn-converter:hover{
    color: var(--white);
}
.colororange .btn.btn-converter:hover{
  background: var(--orange-color);
}
.colororange .locationinfo_block h4 {
    color: var(--orange-color);
}
.colororange .filter-btn .btn {
    background: var(--orange-color);
    border:1px solid var(--orange-color);
}
.colororange .filter-btn .btn:hover{
    color: var(--orange-color);
}
.colororange .soild-btn {
    background:var(--orange-color);
}
.colororange .soild-btn:hover,
.colororange .soild-btn:active,
.colororange .soild-btn:focus {
  color:var(--orange-color);
  background: transparent;
  border: 1px solid var(--orange-color);
}
.colororange .top-cardpremium.card.cardinside {
    background-color: var(--orange-color);
}
.colororange .filterselect .nice-select .list {
    background: var(--orange-color);
}
.colororange .filterselect .nice-select .option:hover, 
.colororange .filterselect .nice-select .option.focus, 
.colororange .filterselect .nice-select .option.selected.focus {
    background-color: var(--orange-color);
    color: var(--primary-color);
}
.colororange .filterselect .nice-select .option {
    background: var(--orange-color);
}
.colororange .card.cardpremium .subsidinfo-left .link {
    background:var(--orange-color);
}
.colororange .card.cardpremium .subsidinfo-left .link:hover{
    background:var(--primary-color);
}
.colororange .gradient-card{
  background: rgb(238,62,36);
  background: linear-gradient(0deg, rgba(238,62,36,1) 0%, rgba(252,203,20,1) 100%);
}
.colororange .owl-nav .owl-next, 
.colororange .owl-nav .owl-prev {
    color:var(--orange-color) !important;
}
.colororange .video-link:hover .ht-popup-video .video-button__two .video-play {
    background:var(--orange-color);
}
/*** End Orange Template ***/
.list-col-one ul{
    -webkit-column-count:1;
    -moz-column-count:1;
    column-count:1;
    min-width: 100%;
    text-align: center;
}
.list-col-one ul li{
  text-align: center !important;
}
.flame-banking .facility-content p {
    font-size: 12px;
}
.flame-banking .facility-content .link {
    margin-top: 10px;
    color: var(--orange-color);
    font-weight:600;
    display: inline-block;
    font-size:14px;
}
.flame-banking .facility-content .link:hover{
  letter-spacing:1px;
}
.flame-banking .facility-content h4 {
    font-size: 16px;
}
.flame-banking .videoinfo h2 {
    font-size: 16px;
    min-height: 45px;
}
.flame-banking .videoinfo p {
    color: #9B9B9B;
}
.flame-banking .bids-slider-box .card-info a.link{
    color: var(--orange-color) !important;
}
.flame-banking .bids-slider-box .card-info a.link:hover{
    color: var(--primary-color) !important;
}
.flame-banking .bids-slider-box .card-area .card-info h3 a:hover{
    color: var(--orange-color) !important;
}
.flame-banking .border-btn {
    color: var(--orange-color) !important;
}
.flame-banking .border-btn:before,
.flame-banking .border-btn:hover{
    background: var(--orange-color) !important;
    color:#FFF !important;
}
.flame-banking .card-contactinfo h3{
  color: var(--orange-color);
}
.flame-banking .testimonal-cards.card-normal.card-area .card-info:before{
  color: var(--orange-color) !important;
}

.no-nav.owl-theme .owl-dots{
  display: none;
}
.newsletter .form-layout-1 .form-group {
    border-left:  1px solid #C1C6C8;
}
.newsletter .form-layout-1 .form-group {
    border-left: 1px solid #C1C6C8;
    padding: 6px 15px;
}
.newsletter .soild-btn {
    padding: 12px 80px;
}
/** news-section **/
.report-section {
  position: relative;
  overflow: hidden;
}
.report-block .inner-box {
  position: relative;
  display: block;
  padding: 100px 30px 30px 30px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 15px;
  min-height: 180px;
}
.report-block .inner-box:after {
  position: absolute;
  content: '';
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 0%;
  left: 0px;
  bottom: 0px;
  transition: all 500ms ease;
  border-radius: 15px;
}
.report-block .inner-box:hover:after {
  height: 100%;
}
.report-block .inner-box:before {
  position: absolute;
  content: '';
  background: -webkit-linear-gradient(-90deg, rgba(33, 34, 38, 0), rgba(33, 34, 38, 0.85));
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  border-radius: 15px;
}
.report-block .inner-box .content-box {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.report-block .inner-box h3 {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
    max-width: 73%;
}
.report-block .inner-box h3 a {
  display: inline-block;
  color: #fff;
  font-weight: 700;
}
.report-block .inner-box h3 a:hover {
  color: var(--secondary-color);
}
.report-block .inner-box .theme-btn {
  width: 30px;
  height: 30px;
  line-height: 34px;
  background: var(--white);
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  font-size: 18px;
}
.report-block .inner-box .theme-btn:before, 
.report-block .inner-box .theme-btn:after {
  background: var(--secondary-color);
}
.report-block .inner-box .theme-btn:hover {
  background: var(--secondary-color);
  color: var(--white);
   !important;
}

.sports-table{
  position: relative;
  background-color: var(--white);
  border-radius: 15px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 25px 20px -20px;
  padding: 30px;
  margin-bottom:30px;
}
.sports-table h3{
  font-size:20px;
  font-weight:600;
  margin-bottom:15px;
}
.sports-table p{
  font-size:14px;
  color:var(--primary-color);
  margin-bottom:20px;
}
.stand-table {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    width: 100%;
}
.stand-table thead th {
    font-size: 13px;
    padding: 4px 10px;
    text-transform: uppercase;
    font-weight: 500;
    color: #4C4C4C;
}
.stand-table thead th:first-child {
    text-align: left;
}
.stand-table tbody{
  padding:15px 0;
}
.stand-table tbody tr td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #484848 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: none solid none none;
    padding: 10px 10px;
    vertical-align: middle;
    font-size: 13px;
}

.next-match-widget {
  width: 100%;
  background: var(--primary-color);
  padding:30px;
  border-radius:20px;
}
.next-match-widget h3 {
    color: var(--white);
    margin: 0 0 15px;
    font-size: 22px;
}
.next-match-widget .nmw-wrap {
  border-top: 0px;
  width: 100%;
}
.match-teams-vs {
    margin: 0;
    padding:10px 15px 15px;
    list-style: none;
    width: 100%;
    display: flex;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    align-items: center;
    color: var(--white);
}
.match-teams-vs li {
  text-align: center;
}
.match-teams-vs li.team-logo {
  width:44%;
  display: flex;
  align-items: center;
}
.match-teams-vs li.mvs {
  width:12%;
}
.match-teams-vs li.team-logo strong {
    font-size: 16px;
    color: #FFF;
    font-weight: 500;
    margin: 10px 5px 0;
    line-height:1.4;
}
.match-teams-vs li.team-logo img{
  width:auto;
  height:40px;
}
.nmd-txt {
  margin: 0 0 30px;
  padding: 0px;
  list-style: none;
}
.nmd-txt li {
  font-size:15px;
  color:var(--white);
  display: inline-block;
}
.nmd-txt li:before {
    content: "|";
    margin: 0 10px 0 6px;
    color: #FFF;
}
.nmd-txt li:first-child:before{
  content:"";
  margin:0;
}
.nmw-txt strong {
  color: #e81f3e;
  font-size: 16px;
  text-transform: uppercase;
}
.nmw-txt span {
  color: #e81f3e;
}
.nmw-links{
  display: flex;
  padding:30px 0 0;
}
.nmw-links li{
  margin-right:35px;
}
.nmw-links li a{
  color:var(--secondary-color);
  font-size:16px;
}
.nmw-links li a:hover{
  color:var(--white);
}

.point-table-widget {
  border-radius: 5px;
  width: 100%;
  float: left;
/*  border: 1px solid #e1e1e1;*/
  overflow: hidden;
}
.point-table-widget table {
  width: 100%;
  overflow: hidden;
  border-radius:
  border:none;
}
.point-table-widget table thead {
    background: #FFF;
    border-bottom: 1px solid #e1e1e1;
}
.point-table-widget table thead tr th {
  line-height: 46px;
  padding: 0 10px;
  color:var(--primary-color);
  text-transform: uppercase;
  font-size: 14px;
}
.point-table-widget table tbody tr:last-child {
  border: 0px;
}
.point-table-widget table tbody tr {
/*  border-bottom: 1px solid #e1e1e1;*/
  background: #fafafa;
}
.point-table-widget table tbody tr td {
    padding: 10px;
    font-size: 13px;
    color: #4C4C4C;
}
.point-table-widget table tbody tr td img {
    margin-right: 5px;
    height: 25px;
}
.point-table-widget table tbody tr:nth-child(even) {
  background-color: #FFF;
}
.point-table-widget table tbody tr:hover {
  background-color:var(--primary-color);
}
.point-table-widget table tbody tr:hover td{
  color: var(--white);
}
.cardsport .cardblock{
  padding:0;
}
.card-top-info.text-light p {
    font-weight:300;
    font-size: 16px;
}
.card-top-info.text-light a{
  margin-top:30px;
}
.club-logo{
  margin-bottom:15px;
}
.club-logo img {
    height: 30px;
}
.club-logo h3 {
    color: var(--white);
    font-size: 16px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
.gallerycontainer #gallery-view #gal-slide {
  margin-bottom: 15px;
}
.gallerycontainer #gallery-view #gal-slide .gal-slide-img img {
  margin: 0 auto;
}
.gallerycontainer #gallery-view #gal-slide .slick-prev,
.gallerycontainer #gallery-view #gal-slide .slick-next {
  background: #ccc;
  color: #fff;
  border: none;
  line-height: 1em;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  z-index: 999;
  border-radius: 50%;
}
.gallerycontainer #gallery-view #gal-slide .slick-next {
  right: 0;
}
.gallerycontainer #gallery-thumbs #gal-thumb .slick-track .gal-slide-thumb {
  margin: 0 5px;
}
.gallerycontainer .slick-prev, 
.gallerycontainer .slick-next {
    border-radius: 50%;
}
.gallerycontainer .slick-prev:hover, 
.gallerycontainer .slick-next:hover {
    background: var(--secondary-color);
    color:#FFF;
}
.gallerycontainer .slick-prev {
    left: -20px;
}
.gallerycontainer .slick-next {
    right: -20px;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:hover i,
.slick-next:hover i{
    color: #FFFF;
}
#gallery-view img,
#gallery-thumbs img{
  border-radius:10px;
}
.content-end-lg-box h3 {
  font-size:21px;
  margin-bottom:15px;
}
.content-end-lg-box h4{
  font-size:18px;
  margin-bottom:15px;
}
.content-end-lg-box p{
  margin-bottom:15px;
}
.shoparea .single-team-card .team-content h3 {
    text-transform: capitalize;
    line-height: 1.6;
    margin-bottom: 15px;
}
.shoparea .single-team-card .team-content h4 {
  font-weight:300;
  font-size:20px;
}
.sports-table .read-more,
.shoparea .read-more{
  margin-top: 20px;
  color:var(--secondary-color);
  font-size:14px;
}
.sports-table.rallyposters {
    padding: 0;
    background: none;
    box-shadow:none;
    margin-top:0;
}
.sports-table.rallyposters .owl-stage {
    padding: 15px 0 !important;
}
.sports-table.rallyposters .next-match-widget h3 {
    color: var(--secondary-color);
    font-size:20px;
}
.lg-box-content img{
    border-radius: 15px;
}

.mobile-menu-overlay .search-inner .form-group{
  position: relative;
  margin: 0px;
}
.mobile-menu-overlay .search-inner .form-group input[type='search'] {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    font-size: 15px;
    color: #FFF;
    padding: 10px 60px 10px 30px;
    transition: all 500ms ease;
}
.mobile-menu-overlay .search-inner .form-group input:focus{
  border-color: var(--secondary-color);
}
.mobile-menu-overlay .search-inner .form-group input::-webkit-input-placeholder{
  color: var(--white);
}
.mobile-menu-overlay .search-inner .form-group input::-moz-placeholder{
  color: var(--white);
}
.mobile-menu-overlay .search-inner .form-group input::-ms-input-placeholder{
  color: var(--white);
}
.mobile-menu-overlay .search-inner .form-group input::placeholder{
  color: var(--white);
}
.mobile-menu-overlay .search-inner .form-group button[type='submit']{
  position: absolute;
  top:14px;
  right:22px;
  font-size: 18px;
  color:#FFF;
  transition: all 500ms ease;
  background: transparent;
}
.mobile-menu-overlay .search-inner .form-group input:focus + button,
.mobile-menu-overlay .search-inner .form-group button:hover{
  color: var(--secondary-color);
}
ul.share-link li {
    padding: 0 !important;
    margin: 0 10px;
}
.card-dark{
  background: var(--primary-color) !important;
}
.fixture-carousel.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: .5rem;
}
.fixturetitle h2 {
    font-size: 30px;
    margin: 15px 0 30px;
    line-height: 1.4;
    font-weight: 300;
    color: var(--primary-color);
}
.fixturelogo{
  margin-right:30px;
}
.fixturelogo img{
  height:90px;
}
.fixtureleft h2{
  font-size:21px;
}
.fixturefooter{
  border-top:1px solid rgba(193, 198, 200, 0.5);
  padding-top:15px;
  margin-top:30px;
}
.fixturefooter a{
  color: var(--secondary-color);
}
.fixturefooter a:hover{
  color: var(--primary-color);
}
.card-dark .fixturefooter a:hover{
  color: var(--white) !important;
}
.fx-info h3{
  font-weight:600;
  margin-bottom:5px;
  font-size:16px;
}
.fx-info h4{
  font-size:15px;
  margin-bottom:5px;
}
.fx-info p{
  font-size:14px;
  color:#C1C6C8;
}
.fx-bdgarea{
  margin-right:30px;
}
.fx-bdgarea .fixture-badge{
  border:1px solid rgba(193, 198, 200, 0.5);
  border-radius:5px;
  padding:5px 10px;
  font-weight:700;
  color:var(--primary-color);
}
.fx-bdgarea .fixture-badge.home-badge{
  color: var(--secondary-color);
}
.card-dark .fixtureheader{
  border-bottom:1px solid rgba(255, 255, 255, 0.2);
  margin-bottom:30px;
}
.card-dark .fixturefooter{
  border-top:1px solid rgba(255, 255, 255, 0.2);
}
.card-dark .match-teams-vs{
  border:none;
}
.card-dark .match-teams-vs li.team-logo {
    justify-content: space-between;
}
.card-dark .match-teams-vs li.team-logo img {
    width: auto;
    height: 70px;
}
.card-dark .match-teams-vs li.team-logo strong{
  margin:0;
}
.greenresult{
  color:var(--secondary-color) !important;
}
.sportresult-numb{
  font-size:21px;
}
.fx-results{
  margin-left:60px;
}
.fx-results ul li{
  display: inline-block;
  font-size:32px;
  font-weight:300;
  color:var(--primary-color);
}
.teamname{
  display: flex;
  align-items: center;
}
.teamname .sportresult-numb{
  margin:0 15px;
}
.card-p-30{
  padding:30px;
}

.project-block {
  position: relative;
}
.project-block .inner-box {
  position: relative;
}
.project-block .inner-box:hover .image-box .image:after {
  height: 100%;
  border-radius: 15px;
}
.project-block .inner-box:hover .image img {
      border-radius: 15px;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.project-block .image-box {
  position: relative;
  overflow: hidden;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  border-radius: 15px;
}
.project-block .image-box .image img{
  border-radius:15px;
}
.project-block .image-box .image {
  position: relative;
  margin-bottom: 0px;
}
.project-block .image-box .image a {
  display: block;
  width: 100%;
}
.project-block .image-box .image::before {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#222429));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #222429 100%);
  pointer-events: none;
  z-index: 2;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.project-block .image-box .image:after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: var(--bg-theme-color2);
  height: 0;
  opacity: 0.9;
  z-index: 2;
  content: "";
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.project-block .image-box .image img {
  width: 100%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.project-block .content-box {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 40px 50px;
  z-index: 9;
}
.project-block .content-box  h3{
  display: block;
  margin-bottom:5px;
  color: #ffffff;
  font-size:18px;
}
.project-block .content-box  h3 a{
  color:var(--white);
}
.project-block .content-box p {
    font-size: 13px;
    color: var(--white);
    line-height: 1.4;
    margin-bottom: 10px;
}
.project-block .content-box h2:hover {
  color: var(--secondary-color);
}
.project-block .link{
  color:var(--white);
  font-size:14px;
}
.project-block .inner-box:hover .link{
  color:var(--secondary-color);
}
.sports-banner.home_banner .home-carousel .slide-item .auto-container .content-box h2{
  font-size:28px;
}
.sports-banner.home_banner .home-carousel .slide-item .auto-container .content-box p{
  color:#FFF;
}
.eventslide-white{
    background: #FFF;
    border-radius: 15px;
    box-shadow:rgba(0, 0, 0, 0.16) 0px 25px 20px -20px;
    -webkit-box-shadow:rgba(0, 0, 0, 0.16) 0px 25px 20px -20px;
    padding:60px 30px;
}
.eventslide-white .owl-dots{
  display:none !important;
}
.events-lg-slideinfo   h2{
  font-size:30px;
  font-weight:300;
}
.events-lg-slideinfo  h3{
  font-size:3rem;
  font-weight:300;
  margin-bottom:30px;
}
.events-lg-slideinfo ul{
  position: relative;
}
.events-lg-slideinfo ul:before{
  content:"\ec45";
  font-family:'icofont';
  font-size:21px;
  color: var(--primary-color);
}
.events-lg-slideinfo  ul li{
  display: inline-block;
  font-weight:500;
  color:var(--primary-color);
  margin:0;
}
.events-lg-slideinfo  ul li:before{
  content:"-";
  margin:0 5px;
}
.events-lg-slideinfo  ul li:first-child:before{
  content:"";
  display: none;
}

.table-leaderboard {
    padding: 15px 0;
}
.table-leaderboard h3{
    font-size:26px;
    margin: 15px 0 30px;
    line-height: 1.4;
    font-weight: 300;
    color: var(--primary-color);
    text-align: center;
}
.table-leaderboard .table th {
    background:var(--primary-color);
    color: var(--white);
}
.table-leaderboard .table{
  border-radius:20px;
}
.table-leaderboard .table th,
.table-leaderboard .table td{
    padding:15px 30px;
}
.table-leaderboard .table th:first-child,
.table-leaderboard .table td:first-child{
  border-left:0;
}
.table-leaderboard .table th:last-child,
.table-leaderboard .table td:last-child{
  border-right:0;
}
.table-leaderboard .table td{
    font-size:14px;
}
.table-leaderboard .table tr{
  border-top: 0;
}
.table-leaderboard .table tr:last-child{
    border-bottom: 0;
}
.table-leaderboard table tr:first-child th:first-child {
  border-top-left-radius:15px;
}
.table-leaderboard table tr:first-child th:last-child {
  border-top-right-radius:15px;
}
.table-leaderboard table tr:last-child td:first-child {
  border-bottom-left-radius:15px;
}
.table-leaderboard table tr:last-child td:last-child {
  border-bottom-right-radius:15px;
}

.terms-golf {
    display: flex;
    align-items: center;
}
.term-golfno{
    border-radius: 50%;
    width:50px;
    height:50px;
    line-height:50px;
    text-align: center;
    font-size: 25px;
    display: inline-block;
    margin-bottom: 15px;
    border: 1px solid #E8F0D6;
    background-color:#FAFAFA;
    color:var(--secondary-color);
    margin-right: 30px;
    flex: 0 0 auto;
    font-weight:600;
    font-size:20px;
}
.terms-golfinfo {
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 15, 56, .1);
    box-shadow: 0 5px 15px 0 rgba(0, 15, 56, .1);
    padding: 30px;
    margin-bottom: 30px;
    flex: 0 0 92%;
    width:100%;
}
.terms-golfinfo p,
.terms-golfinfo ul li{
  color: var(--primary-color);
}
.terms-golfinfo ul{
  padding-left:30px;
}
.terms-golfinfo li{
  list-style: disc;
}

/** Event Sports **/
.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 1.5em;
}
.fc .fc-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fc .fc-button-group {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    width: 100%;
}
.fc-toolbar-chunk {
    width: 50%;
    padding: 0 15px;
}
.fc .fc-button-group .filterselect{
  margin-bottom:0;
}
.fc .fc-button-group .filterselect .nice-select{
    width: 100%;
    box-shadow: 0 0 5px rgba(51, 51, 51, 0.1);
    background: var(--white);
}
.fc .fc-button-group>.fc-button {
    position: relative;
    flex: 1 1 auto;
}
.fc .fc-button {
    border-radius: 0;
    overflow: visible;
    text-transform: none;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    -webkit-appearance: button;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
    line-height: 1.5;
    border-radius: 5px;
}
.fc .fc-button:not(:disabled) {
    cursor: pointer;
}
.fc-direction-ltr .fc-button-group>.fc-button:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.fc .fc-button-primary {
    color: var(--secondary-color);
    background-color: var(--white);
    border-color: var(--gray);
/*    box-shadow: 0 5px 10px var(--gray);*/
}
.fc-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
/*    font-family: "fcicons" !important;*/
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fc .fc-button .fc-icon {
    vertical-align: middle;
    font-size: 1.5em;
}
.fc .fc-border-none .fc-button-primary{
  border:none;
  box-shadow: none;
}
.searchevents{
  width:50%;
}
.searchevents .input-group {
    border: 1px solid #C1C6C8;
    padding-right: 5px;
}
.searchevents .form-control-feedback {
    position: absolute;
    z-index: 1;
    top: 15px;
    left: 10px;
    font-size: 14px;
    color: var(--secondary-color);
}
.searchevents .form-control {
    padding-left: 50px;
    height: 45px;
    font-size: 15px;
    font-style: italic;
    border:none;
    border-left: 1px solid #C1C6C8;
}
.searchevents .btn.btn-secondary {
    color: var(--secondary-color);
    background-color: var(--white);
    border-color: var(--secondary-color);
    top:5px;
    font-size: 14px;
    z-index:9;
}
.eventlist{
  display: flex;
  margin-bottom:40px;
}
.eventleft {
    display: flex;
    width: 100%;
    align-items: start;
    justify-content: space-between;
}
.event-video {
    padding: 0 15px;
    width: 40%;
}
.event-video img {
    border-radius: 10px;
}
.event-btn{
  width: 30%;
}
.eventcontent {
    width: 50%;
}
.eventcontent h3 {
    color: var(--primary-color);
    font-size: 14px;
    font-weight: bold;
}
.eventcontent h2 {
    font-size: 20px;
    font-weight: 400;
    color: var(--primary-color);
    margin-bottom: 15px;
}
.eventcontent h2 a:hover{
  color: var(--secondary-color);
  text-decoration: underline;
}
.eventcontent h4{
  color: #9B9B9B;
  font-size:12px;
  font-weight: 400;
}
.eventdate {
    font-size: 36px;
    margin-right: 15px;
    color: #9B9B9B;
    flex: 0;
    text-align: center;
    line-height:1.2;
}
.eventdate span{
  display: block;
  font-size: 12px;
  color: var(--black);
  text-transform: uppercase;
}
.eventdate-list{
  margin-bottom:30px;
}
.eventdate-list h3{
  font-size:18px;
  position: relative;
}
.eventdate-list h3:before{
  content: "";
  width:82%;
  height:1px;
  background:#C1C6C8;
  position: absolute;
  right: 0;
  top: 50%;
}
/*.termsection{
  padding-bottom: 60px;
}*/
.termsection .downloadlist h3 a {
    font-weight: 500;
    font-size: 15px;
}
.termsection .downloadlist h3 a:hover{
  color: var(--secondary-color);
}
.event-navigation{
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding:30px 0 15px;
}
.event-navigation{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding:30px 0 15px;
  font-size: 14px;
}
.event-navigation a{
  color: #9B9B9B;
}
.event-navigation i{
  color: var(--secondary-color);
}
.event-navigation a:hover{
   color: var(--secondary-color);
   letter-spacing:1px;
}
.eventfooter .btn-area {
    margin-top: 10px;
    margin-bottom: 30px;
}
.eventbody-single{
  padding: 30px 0;
}
.event-btn.w-100 .border-btn:before,
.event-btn.w-100 .border-btn{
  width:100%;
}
/*.event-btn.w-100 .border-btn:before{
  left: 0;
}*/
.eventheadsingle{
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom:20px;
}
.eventshare{
  margin:15px 0;
  display: inline-block;
  width: 100%;
}
.eventshare h3{
  font-size: 16px;
}
.eventdetails{
  padding: 30px 0;
  display: inline-block;
  width: 100%;
}
.eventdetails h4{
  color: var(--primary-color);
  font-weight:700;
  font-size: 14px;
}
.eventdetails ul li{
  margin-bottom: 15px;
}
.eventdetails ul h3{
  margin-bottom:5px;
  color: var(--primary-color);
  font-size: 18px;
}
.eventdetails ul p{
  color:#9B9B9B;
  font-size: 14px;
}
.eventdetails ul .eventmap{
  height: 300px;
}
.eventdetails ul .eventmap iframe{
  height: 100%;
}
.videoinside{
  width: 100%;
  padding:15px 0;
}
.mapevents{
  margin-bottom: 30px;
}
.mapevents iframe{
  width: 100%;
  height: 300px;
}
/** End Event Sports **/
.testimonal-cards.card-area .card-info{
  position: relative;
}
.testimonal-cards.card-normal.card-area .card-info:before{
  content:"\efcd";
  font-family:'icofont';
  color: var(--secondary-color);
  position: absolute;
  left:30px;
  top:0;
  z-index:9;
  margin-top:-34px;
  font-size:40px;
}
.section-title.style2 h2 span{
  color:var(--secondary-color);
}
.testimonal-cards.card-normal.card-area .card-info h4 {
    color: #2D2D2D;
    font-size: 17px;
}
.membershipblk {
    padding: 30px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}
.card.cardinside.card-darkinside{
    background: var(--primary-color);
    color: var(--white);
}
.card-darkinside h1,
.card-darkinside h2,
.card-darkinside h3,
.card-darkinside p{
  color: var(--white);
}
.memberpic{
  margin-bottom:30px;
}
.memberpic img{
  border-radius:20px;
}
.cardlist ul{
  padding-left:30px;
}
.cardlist ul li{
  color:var(--primary-color);
  list-style: none;
  font-weight:500;
  position: relative;
}
.cardlist ul li:before{
  content:"\eab8";
  font-family:'icofont';
  color: var(--secondary-color);
  position: absolute;
  top:0;
  left:-25px;
}
.cardlist.sidelist ul{
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.single_page_banner.bidslider .single-banner {
    padding: 0;
}
.single_page_banner.bidslider .single-banner .slide-item {
    padding: 0;
}
.single_page_banner.bidslider .owl-nav{
  display:none;
}
.single_page_banner.bidslider .slider-pager-bottom .owl-dots {
    margin: 15px auto 0;
}
.single_page_banner.bidslider .owl-dots .owl-dot span, 
.single_page_banner.bidslider .owl-dots .owl-dot span {
    width: 9px !important;
    height: 9px !important;
}
.bidsinfo h3{
  font-weight:600;
  font-size:24px;
}
.bidsinfo p{
  margin-bottom:15px;
  font-size:15px;
}
.bidsinfo h4{
  font-weight:400;
  font-size:20px;
}
.bidsinfo h4 span{
  font-weight:300;
  font-size:16px;
}

.schedule-inner-box{
  display: flex;
  align-items: stretch;
}
.schedule-day {
    background: var(--primary-color);
    color: var(--white);
    padding: 10px;
    position: relative;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg) translateX(0%);
    width: max-content;
    text-align: center;
    text-transform: uppercase;
}
.scheduleinfo{
  background:var(--white);
  padding:20px;
  width: 90%;
}
.scheduleinfo h3{
  font-size:12px;
}
.scheduleinfo h4{
  font-size:16px;
  font-weight:400;
  margin-bottom:10px;
  min-height:40px;
}
.scheduleinfo .schedule-venue{
  color:var(--primary-color);
  font-weight:400;
  font-size:14px;
}
.scheduleinfo .schedule-venue i{
  background: var(--secondary-color);
  color:var(--white);
  width:25px;
  height:25px;
  text-align: center;
  line-height:25px;
  border-radius:50%;
  display: inline-block;
  margin-right:5px;
}
.card.cardinside.cardsubid .search-card h2{
  font-weight: 600;
  font-size:22px;
  margin-bottom:10px;
}
.card.cardinside.cardsubid .search-card p {
    font-size: 15px;
    margin: 15px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.section-title.search-rst-header h2{
  font-size:28px;
}
.search-card .link{
  color:var(--secondary-color);
}
.search-card .link:hover{
  color:var(--primary-color);
  font-weight:500;
}
.serch-results{
  border-top:1px solid rgba(0, 0, 0, 0.2);
  padding-top:20px;
}
.serch-results h3{
  color: var(--secondary-color);
  font-size:16px;
}
.searchlink{
  font-size:14px;
  font-weight:500;
}
.searchlink:hover{
  color:var(--secondary-color);
}

.error-wrapper {
    position: relative;
    height: 100vh;
}
.error-wrapper .notfound-bg {
    position: absolute;
    width: 100%;
    min-height: 100%;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
.error-wrapper .notfound-bg:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
}
.logo-404{
  position: relative;
  z-index: 2;
}
.error-wrapper .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: var(--white);
}
.error-wrapper .notfound h1{
  color: var(--white);
  font-size:4rem;
  font-weight: 400;
}
.error-wrapper .notfound h2{
  color: var(--white);
  font-weight: 800;
  font-size:10rem;
}
.error-wrapper .notfound p{
  font-size:18px;
  margin-bottom:30px;
}
/*#error-page video {
    display: block;
    position: absolute;
    width:auto;
    height: 100%;
    top:0;
    left:0;
    background-size: cover;
    background-position: center;
}*/

#loanCalc input{
  padding:10px;
  display:block;
}
.paymentCalc{
  background-color: #f7f7f7;
  border: 1px solid #d3d3d3;
  padding: 35px 35px;
  overflow: auto;
}
.calcBtn{
  display:inline-block;
  background:#c62233;
  color:#fff;
  text-align:center;
  padding:10px 20px;
  border-radius: 3px;
}
#paymentResults{
  display: none;
  background:#fff;
  padding: 30px 60px 36px 60px;
  border:1px solid lightgrey;
  margin-top:88px;
}

.result,
.results {
  margin-top: 20px;
  display: none;
}
.form-layout-2 label {
    margin-bottom: 10px;
    color: var(--primary-color);
    font-weight: 600;
}
.form-layout-2 .form-control {
    margin: 0;
}
.form-layout-2 .input-group-text {
    padding: 10px 15px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.input-tag{
  font-size:12px;
  color:#404040;
  position:relative;
  top:-10px;
}
.text-discalamer{
  margin-bottom:30px;
}
.text-discalamer p{
  font-weight: 400;
  font-size:14px;
  margin-bottom:30px;
}
.text-discalamer a{
  text-transform: uppercase;
  font-weight:600;
}

.resultblk{
  width:100%;
  display: flex;
}
.resultblk li {
    width: 25%;
    flex: 0 0 auto;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.resultblk li:first-child{
  border-left:0;
}
.resultblk li h3 {
    font-size: 15px;
    font-weight: 500;
    color: #1e2b35;
    padding:20px 15px;
}
.resultblk li p {
    font-weight: 600;
    font-size: 21px;
    color: #002c4d;
    padding:20px 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.result .card.cardinside.cardsubid,
.results .card.cardinside.cardsubid {
    padding: 0;
}
.result .cardblock,
.results .cardblock{
    padding: 0;
}
.bids-slider-box {
    width: 100%;
}
.newsletterinfo h2{
  font-size:24px;
}
.newsletterinfo p {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 15px;
    margin-bottom: 20px;
    font-size:16px;
}

.foreigncard-info h3 {
    color: var(--secondary-color);
    font-size: 22px;
}
.foreigncard-info p {
  font-size:14px;
  margin-bottom:10px;
}
.foreigncard-info .link{
  font-weight:600;
  font-size:14px;
}
.foreigncard-top-info{
  border-top:1px solid rgba(0, 0, 0, 0.1);
  padding-top:30px;
  margin-top:30px;
}
.foreigncard-top-info h3{
  font-size:15px;
  margin-bottom:15px;
  color:#5A5A5A;
}
.foreigncard-top-info .btn{
  width:100%;
  margin-top:10px;
}
.converter label{
  color:var(--primary-color) !important;
  font-size:14px;
  margin-bottom:10px;
  display:block;
}
.converter .form-select {
  border: none;
}
.converter .form-select:focus {
   outline: none !important;
   box-shadow:none !important;
}
.converter-btm-info p{
  font-size:15px;
  font-weight: 500;
  margin-bottom:15px;
}
.currencytable.point-table-widget table thead tr th {
    text-transform: capitalize;
    font-weight: 500;
}
.currencytable.point-table-widget table tbody tr td {
    font-size: 13px;
    font-weight:500;
}
.converter-section{
  display: none;
}

.dataTables_wrapper table.dataTable>tbody>tr>th, 
.dataTables_wrapper table.dataTable>tbody>tr>td {
    padding:25px 10px;
    font-size:14px;
}
.dataTables_wrapper table.dataTable>tbody>tr>th a, 
.dataTables_wrapper table.dataTable>tbody>tr>td a{
  color:var(--secondary-color);
}
.dataTables_wrapper table.dataTable>tbody>tr>th a:hover, 
.dataTables_wrapper table.dataTable>tbody>tr>td a:hover{
  color:var(--primary-color);
}
.dataTables_wrapper .table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-bg-type: #f4f6f8;
}
.dataTables_wrapper .table>:not(caption)>*>* {
    border: none;
}
.dataTables_wrapper table.dataTable>thead>tr>th {
    color: var(--white);
    font-weight:400;
    background: var(--primary-color);
    font-size:15px;
}
.dataTables_wrapper table.dataTable>tbody>tr td:first-child {
  color:var(--primary-color);
  font-weight:600;
}
.dataTables_wrapper table.dataTable {
    margin:15px auto !important;
}

.dataTables_wrapper .pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 3px;
    justify-content: end;
}
.dataTables_wrapper .page-link:hover {
    z-index: 2;
    text-decoration: none;
    background-color:var(--secondary-color);
    color: #FFF;
}
.dataTables_wrapper .page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: none;
}
.dataTables_wrapper .page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.dataTables_wrapper .page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}
.page-item:last-child .page-link {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}
.dataTables_wrapper .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: var(--secondary-color);
    border-color:var(--secondary-color);
}
.dataTables_wrapper .page-item.disabled .page-link {
    color: #ced4da;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dadde1;
}
@media only screen and (max-width: 479px) {
  .dataTables_wrapper .pagination {
    flex-flow: column;
  }
}
.dataTables_wrapper .pagination .paginate_button {
  margin: -2px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.dataTables_wrapper .pagination .paginate_button:not(:last-child) {
  margin-right:10px;
}
@media only screen and (max-width: 479px) {
  .dataTables_wrapper .pagination .paginate_button:not(:last-child) {
    margin: 0 0 15px 0;
  }
}
.dataTables_wrapper .pagination .paginate_button .paging-option {
  position: relative;
}
.dataTables_wrapper .pagination .paginate_button .paging-option:after {
  content: "\f107";
  font-family: "Line Awesome Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translate(-50%, -50%);
  font-size: 12px;
  pointer-events: none;
}
.dataTables_wrapper .pagination .paginate_button .page-selection {
  border-radius: 4px;
  font-size: 13px;
  height: 32px;
  padding: 4.5px 13px;
  appearance: none;
  margin: 2px;
  min-width: 103px;
  background-color: white;
}
.dataTables_wrapper .page-link {
    min-height: 34px;
    font-size: 14px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    background-color: #ffffff;
    margin: 2.5px;
    width: 34px;
    color:#000;
}
.dataTables_wrapper .page-link.pagination-control {
  width: 32px;
  height: 32px;
}
.dataTables_wrapper .page-link.pagination-control span {
  font-size: 12px;
}

.btn-table {
    padding: 6px 20px;
    text-align: center;
    color: var(--secondary-color) !important;
    font-size: 14px;
    font-weight:400;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border-radius: 6.5px;
    z-index: 0;
    background-color: var(--white) !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 4px;
    border: 1px solid #E8F0D6;
}
.btn-table:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 45%;
  width:100%;
  height: 550px;
  margin: auto;
  background:var(--secondary-color);
  color: var(--white);
  border-radius: 50%;
  z-index: -1;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: translateX(-50%) translateY(-5%) scale(0.4);
          transform: translateX(-50%) translateY(-5%) scale(0.4);
  -webkit-transition: -webkit-transform .9s;
  transition: -webkit-transform .9s;
  transition: transform .9s;
  transition: transform .9s, -webkit-transform .9s;
}
.btn-table:hover {
  color: var(--white) !important;
}
.btn-table:hover:before {
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transform: translateX(-45%) translateY(0) scale(1);
          transform: translateX(-45%) translateY(0) scale(1);
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.dataTables_filter label {
    font-size: 14px;
    font-weight: 600;
    color: var(--primary-color);
}
.dataTables_filter input.form-control {
    width: 100%;
    box-shadow: 0 0 5px rgba(51, 51, 51, 0.1);
    background: var(--white);
}
.featred-img img {
    width: 100%;
}

/*** Pagination ***/
.cardpagination{
  text-align: center;
}
.cardpagination:after {
  clear: both;
  content: "";
  display: table;
}
.cardpagination ul {
  width: 100%;
}
.cardpagination li {
    counter-increment:pagination;
    display: inline-block;
}
.cardpagination li:hover a {
  color: #fdfdfd;
  background-color: var(--secondary-color);
  border: solid 1px var(--secondary-color);
}
.cardpagination li.active a {
  color: #fdfdfd;
  background-color: var(--secondary-color);
  border: solid 1px var(--secondary-color);
}
.cardpagination li:first-child a:after {
  content:"\f060";
  font-family: 'Fontawesome';
}
.cardpagination li:nth-child(2) {
  counter-reset: pagination;
}
.cardpagination li:last-child a:after {
  content:"\f061";
  font-family: 'Fontawesome';
}
.cardpagination li a {
    border: solid 1px transparent;
    border-radius:5px;
    color: rgba(132, 139, 12, 0.2);
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    padding: 0.4rem 0.9rem;
    font-weight:500;
}
.cardpagination li a:after {
  content: " " counter(pagination) " ";
}
.cardpagination li a {
  display: none;
}
.cardpagination li:first-child a {
  display: inline-block;
}
.cardpagination li:nth-child(2) a {
  display: inline-block;
}
.cardpagination li:nth-child(3) a {
  display: inline-block;
}
.cardpagination li:nth-child(4) a {
  display: inline-block;
}
.cardpagination li:nth-child(5) a {
  display: inline-block;
}
.cardpagination li:nth-child(6) a {
  display: inline-block;
}
.cardpagination li:nth-child(7) a {
  display: inline-block;
}
.cardpagination li:nth-child(8) a {
  display: inline-block;
}
.cardpagination li:last-child a {
  display: inline-block;
}
.cardpagination li:nth-last-child(2) a {
  display: inline-block;
}
.cardpagination li:nth-last-child(3) {
  display: inline-block;
}
.cardpagination li:nth-last-child(3):after {
  padding: 0 1rem;
  content: "...";
}

.modal-toolkit .form-layout-1 .form-control {
    color: #FFF;
}
.modal-toolkit .form-layout-1 .form-control select option{
    color: #002c4d;
}

.modal-toolkit .resultblk {
    flex-wrap: wrap;
}
.modal-toolkit .resultblk li {
    width: 50%;
    border-left: none;
}
.modal-toolkit .resultblk li p {
    font-size:18px;
    color: #002c4d;
    padding: 10px 10px;
}
.modal-toolkit .resultblk li h3 {
    font-size: 14px;
    padding: 10px 10px;
}
.modal-toolkit .cardblock {
    padding: 10px 0;
}
.modal-toolkit .filterselect select {
    height: 48px;
    width: 100%;
}
.filterselect .form-select {
    font-size: 15px;
    padding: 10px 15px;
    border:1px solid rgba(0, 0, 0,0.2);
}
select.form-select:focus {
    outline: none;
    border-color: rgba(128, 188, 0, 0.2);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.main-wrapper.theme-auto, body.theme-auto {
    background-color: #7ebe23 !important;
    color: #fff !important;
    border-radius: 5px;
}
.theme-auto #content {
    background-color: #7ebe23 !important;
    border-color: #63a505 !important;
    border-radius: 5px;
}
.iti {
    width: 100%;
}
.main-accordion .accordion-body {
    padding: 10px 30px 30px;
}
.main-accordion .accordion-body li {
    font-size: 15px;
}
.ddmcm-accordion-item.has-content .ddmcm-accordion-toggle {
    font-size: 14px !important;
}
.ddmcm-content p {
    font-size: 14px !important;
}
.ddm-button {
    font-weight: 500 !important;
    color: #FFF !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
}
.ddmcm-content .ddmcm-title {
    padding-bottom: 5px !important;
}

.bids-slider-box .card-area.card-brd .card-info h3,
.bids-slider-box .card-area.card-brd .card-info h3 a{
    color:var(--primary-color);
    font-weight:600;
}
.bids-slider-box .card-area.card-brd .card-info p {
    color:#444;
    font-weight:400;
    margin-bottom:30px;
}
.bids-slider-box .card-brd .card-info a.link {
    color: var(--secondary-color) !important;
}
.bids-slider-box .card-brd .card-info a.link:hover{
    color: var(--primary-color) !important;
}
.menu-widget{
    position: relative;
    background:var(--white);
    padding:15px 20px;
    margin-top:8.2rem;
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-bottom: 30px;
}
.menu-widget .category-list li {
    position: relative;
    display: block;
    margin-bottom:1px;
}
.menu-widget .category-list li a {
    display:block;
    color:#4C4C4C;
    padding:15px 15px;
    background: transparent;
    font-size:14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.menu-widget .category-list li a:hover,
.menu-widget .category-list li.active a {
  background: var(--primary-color);
  color: var(--white);
  border-bottom: none;
  border-radius:5px;
}
.menu-widget .category-list li a:hover {
    padding-left: 17px;
}
.menu-widget .category-list li:last-child a {
    border-bottom: none;
}

.card-darkinside .count-number.count-number-white {
    background: rgba(255, 255, 255, 0.3);
}


/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (min-width: 1400px){
.container, 
.container-lg, 
.container-md, 
.container-sm, 
.container-xl, 
.container-xxl {
    max-width: 1280px;
}
}
@media screen and (max-width:1920px){
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1300px){
}
@media screen and (max-width:1280px){
.content-card h3 {
    font-size: 24px;
}
.content-card h4 {
    font-size: 18px;
    margin-bottom: 15px;
}
.header-top-bar-info .container{
    max-width: 98%;
}
.mobile-menu-overlay__inner{
  display: block;
}
}
@media screen and (max-width:1200px){
.asidemenu {
    top: 4rem;
}
}
@media screen and (max-width:1150px){
}
@media screen and (max-width:1100px){
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:991px){
.header-lang-item,
.header__login{
  display: none;
}
.header-right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.header__logo {
    -webkit-flex-basis:75%;
    -ms-flex-preferred-size:75%;
    flex-basis: 75%;
}
.footer-widget{
    margin-bottom: 30px;
}
.footer-copyright .footer-nav ul li:not(:last-child) {
    margin-right:7px;
}
.footer-copyright .footer-nav ul{
  text-align: center;
  margin:10px 0;
}
.footer-copyright .footer-nav ul li a {
    font-size: 13px;
}
.footer-copyright {
    padding: 20px 10px;
}
.footer-copyright .footer-text p {
    font-size: 13px;
    display: block;
    text-align: center;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--primary-color);
    padding-bottom: 15px;
}
.social-box {
    float: none;
    margin-top: 5px;
    text-align: center;
    display: block;
}

.looking-wrapper {
    display: inline-block;
    box-shadow: 0 0 20px rgba(0,0,0,.07);
    width: 100%;
    padding:30px;
    border-radius:15px;
}
.looking-wrapper .looking-item {
    padding:20px 15px;
    width: 33.333%;
    float: left;
    text-align: center;
    min-height:100px;

    border-bottom: 1px solid #C1C6C8;
    border-top: 1px solid #C1C6C8;
    border-right: 1px solid #C1C6C8;
}
.looking-wrapper .looking-item .content{
    min-height:50px;
}
.btn.btn-converter {
    display: none;
}
.subsidinfo {
    min-height: auto;
    margin-bottom: 30px;
}
.subsidinfo-left{
    margin-bottom: 15px;
}
.subsidinfo-left p {
    margin-bottom: 15px;
}
.about-banner-content h1 {
    font-size: 35px;
}
.about-banner-content h5 {
    font-size: 15px;
}
.section-title h2 {
    font-size: 30px;
}
.card-top-info p {
    font-size: 16px;
}
.tp-section-title {
    font-weight: 300;
    font-size: 30px;
    padding: 0 30px;
}
.need-item-content {
    border-right: none;
    padding-right: 20px;
    border-bottom: 1px solid #C1C6C8;
    padding:15px 0;
/*    margin-bottom: 30px;*/
}
.inner-column .sec-title {
    padding: 30px;
}
.sec-title p {
    font-size: 14px;
}
.checkboxarea span {
    font-size: 14px;
}
.topfooter {
    padding: 30px 15px;
}
.card.cardpremium .subsidinfo {
    min-height: auto;
}
.header__logo img {
    height: auto;
    width: auto;
}
.relatedpost {
    margin-top: 30px;
}
.four-card-slides,
.one-card-slides {
    padding: 0 30px;
}
.deals-banner-infobox h2 {
    font-size: 28px;
    padding: 5px 0;
}
.deals-banner-block {
    padding: 40px 0;
}
.section-title.style2 .filterselect {
    margin-bottom: 15px;
    margin-top: 15px;
}
.error-wrapper .notfound h2{
    font-size: 8rem;
}
.error-wrapper .notfound h1 {
    font-size: 3rem;
}
.error-wrapper .notfound p {
    font-size: 16px;
}
}
@media screen and (max-width:900px){
}
@media screen and (max-width:810px){
}
@media screen and (max-width:767px){
.btn-section a {
    margin:10px 0;
}
.career-info h2 {
    font-size: 16px;
    margin-bottom: 10px;
}
.career-metainfo {
    display: block;
}
.btn-linkarea {
    display: block;
}
.career-info .link.link-green {
    display: block;
    padding: 15px 0;
}
.maincontent h2 {
    font-size: 24px;
    margin: 0 0 15px;
}
.card-top-info h2 {
    font-size: 28px;
}
.blogcontent h2 {
    font-size:24px;
}
.blogcontent h5 {
    font-weight: 600;
}
.blogcontent ol li, .blogcontent ul li {
    font-size: 14px;
    margin-bottom: 10px;
}
.widget-title {
    font-size: 20px;
}
.blogfooter {
    display: block;
}

.asidemenu {
    top: auto;
    bottom: 0;
    left: 22%;
    right: auto;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 0;
    position: fixed;
}
.asidemenu li {
    margin-bottom: 0;
    display: inline-block;
    margin: 5px 15px;
}
.section-title h5 {
    font-size: 16px;
}
.section-title.search-rst-header h2 {
    font-size: 18px;
}
}
@media screen and (max-width:715px){
}
@media screen and (max-width:630px){
}
@media screen and (max-width:600px){
.section-title h2 {
    font-size: 26px;
}
.section-title p {
    font-size: 14px;
}
.tp-section-title {
    font-size: 25px;
    padding: 0 40px;
}
.apparea-block {
    padding: 50px 0;
}
.apparea{
    padding: 30px 0;
}
.section-title h4 {
    font-size: 21px;
    margin: 0 0 15px;
}
.btn-area.py-5 {
    margin-top: 0;
    padding: 20px 0 !important;
}
.card.cardinside.cardsubid .search-card h2 {
    font-size: 18px;
}
.search-card .link {
    font-size: 14px;
}
.card.cardinside.cardsubid .search-card p {
    font-size: 14px;
    margin: 10px 0;
}
.error-wrapper .notfound h1 {
    font-size: 2.5rem;
}
.error-wrapper .notfound h2 {
    font-size: 6rem;
}
.error-wrapper .notfound {
    width:80%;
}
}
@media screen and (max-width:575px){
.home_banner .home-carousel .slide-item {
    padding: 60px 0px 60px 0px;
}
.home_banner .owl-carousel .owl-nav button.owl-prev, .home_banner .owl-carousel .owl-nav button.owl-next {
    font-size:18px;
    height:40px;
    line-height:40px;
    width:40px;
}
.cards-wrap {
    padding: 0 15px;
}
.logo-404 img {
    height: 60px;
}
.subsidinfo-left {
    margin-bottom: 30px;
}
.footer-widget h4.widget-title {
    margin-bottom: 15px;
    font-size: 14px;
}
}
@media screen and (max-width:480px){
.p-60 {
    padding: 30px 0;
}
.card-top-info p {
    font-size: 14px;
}
.tp-process-item-content p {
    font-size: 14px;
    line-height: 21px;
}
.tp-process-item-title {
    font-size: 16px !important;
    margin-bottom: 5px !important;
}
.tp-process-item {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #C1C6C8;
}
.need-item-content h3 {
    font-size: 20px;
    margin-bottom: 20px;
}
.section-title.title-inside h2 {
    font-size: 28px;
}
.card-sm-info h2 {
    font-size: 24px;
    margin-bottom: 15px;
}
.cardblock {
    padding: 20px 0;
}
.section-title.style2 p {
    font-size: 15px;
}
.home_banner .home-carousel .slide-item .auto-container .content-box .home-carousel-title {
    margin-bottom: 15px;
    font-size: 22px;
}
.home_banner .home-carousel .active .auto-container .content-box .slider-btn-box {
    margin-top: 20px !important;
}
.form-layout-1 .form-group {
    padding: 1px 20px;
    border-left: 1px solid #C1C6C8;
    border-bottom: 1px solid #C1C6C8;
    border-right: 1px solid #C1C6C8 !important;
    border-top: 1px solid #C1C6C8 !important;
}
.form-layout-1 .form-group.border-0{
  border:none !important;
}
.looking-wrapper .looking-item {
    padding: 10px 10px;
    width: 50%;
    border-bottom: none;
    border-left: none;
}
.looking-wrapper .looking-item:first-child,
.looking-wrapper .looking-item:nth-child(2){
  border-top:none;
}
.looking-wrapper .looking-item:nth-child(2),
.looking-wrapper .looking-item:nth-child(4),
.looking-wrapper .looking-item:nth-child(6){
  border-right:none;
}
/*.asidemenu {
    top: 3.6rem;
    padding: 5px 10px;
    border-bottom-left-radius: 10px;
}*/
.looking-wrapper .looking-item .content {
    min-height: 30px;
}
.about-banner-content h1 {
    font-size: 28px;
}
.border-btn {
    padding: 5px 30px;
    font-size: 14px;
}
.need-item-content p {
    font-size: 14px;
}
.need-item-content ul li {
    font-size: 14px;
}
.about-banner-content h1 {
    font-size: 26px;
}
.topmenu .nav-tabs .nav-link {
    padding: 10px 15px;
    font-size: 12px;
}
.section-title h2 {
    font-size: 22px;
}
.subsidinfo h3 {
    font-size: 16px;
    margin-bottom: 10px;
}
.cardtitle {
    margin-bottom: 20px;
}
.cardinside h4 {
    font-size: 18px;
    margin-bottom: 15px;
}
.card.cardinside {
    border-radius: 10px;
    padding:20px;
}
.back-link a {
    font-size: 14px;
}
.btn-green {
    font-size: 13px;
    padding: 8px 15px;
}
.facts-slides {
    padding: 0 30px;
}
.owl-nav .owl-prev{
    left: 5px;
}
.owl-nav .owl-next {
    right: 5px;
}
.content-card h2 {
    font-size: 24px;
}
.content-card h3 {
    font-size: 18px;
}
.card-slider-2area .section-title h2 {
    font-size: 25px;
}
.posted-date {
    font-size: 13px;
}
.form-layout.form-layout-1.p-5 {
    padding: 20px !important;
}
.main-accordion .accordion-body ol li,
.main-accordion .accordion-body ul li,
.main-accordion .accordion-body p {
    font-size: 14px;
}
.form-layout .no-gutters > [class*="col-"] {
    margin-bottom: 10px;
}
.forexurl li a {
    font-size: 14px;
}
.date-control {
    padding: 10px 15px;
    font-size: 14px;
}
.filterselect {
    margin-bottom: 15px;
}
.filterselect h3 {
    font-size: 15px;
    font-weight: 500;
}
.pagination li a {
    font-size: 15px;
    height: 15px;
    width: 15px;
    line-height: 50px;
}
.teamsection {
    padding: 0 15px;
}
.tp-service-nav{
  display: none;
}
.team-sidecontent p {
    font-size: 14px;
}
.team-sidecontent h2 {
    font-size: 16px;
}
.team-sidecontent h3 {
    font-size: 15px;
    margin-bottom: 10px;
}
.supplierinfo {
    padding: 15px !important;
}
.supplierinfo h2 {
    font-size: 28px;
    margin: 0 0 15px;
}
.supplierinfo p {
    font-size: 14px;
    margin-bottom: 10px;
}
.card-area .card-img {
    height:auto;
}
.blogcontent h2 {
    font-size: 18px;
}
.asidemenu {
    width: 100%;
    left: 0;
    border-radius: 0;
}
.asidemenu ul{
  text-align: center;
}
.asidemenu li {
    margin: 0px 15px;
}
.error-wrapper .notfound h2 {
    font-size: 5rem;
}
}
@media screen and (max-width:400px){
.single-facility {
    display: block;
}
.facility-image {
    width: 100%;
}
.facility-content {
    width: 100%;
    padding:30px;
}
.single_page_banner .single-banner .slide-item {
    padding: 100px 0px 80px 0px;
}
.card-contactheader h2 {
    font-size: 18px;
}
}
@media screen and (max-width:390px){
.looking-wrapper {
    padding: 15px;
}
}
@media screen and (max-width:320px){
}


/* ==========================================================================
   FIX 1: AUTO HEIGHT - Remove excessive whitespace
   ========================================================================== */

/* Override fixed heights on container */
.menu-inside {
    height: auto !important;
    min-height: auto !important;
}

/* Override fixed heights on submenus */
.mega-menu--multiLevel [aria-haspopup="true"] ~ ul {
    min-height: auto !important;
    height: auto !important;
}

/* Ensure menu stretches to fit content but not beyond viewport */
@media all and (min-width: 951px) {
    .menu-inside {
        max-height: none;
        overflow-y: visible;
    }
    
    .mega-menu--multiLevel [aria-haspopup="true"] ~ ul {
        min-height: auto !important;
    }
}


/* ==========================================================================
   FIX 2: SOLID BACKGROUNDS - Prevent dark bleeding
   ========================================================================== */

/* Level 1 - Keep white */
.mega-menu--multiLevel {
    background: #FFFFFF !important;
}

/* Level 2 - Solid light gray (was #F0F1F2 - keep same color, ensure solid) */
.mega-menu--multiLevel ul {
    background: #F0F1F2 !important;
}

/* Level 3 - Slightly different solid gray (was rgba with 0.5 opacity) */
.mega-menu--multiLevel li ul {
    background: #E8E9EA !important;
}

/* Level 4 - Even lighter solid (was rgba with 0.3 opacity) */
.mega-menu--multiLevel li ul li ul {
    background: #E0E1E2 !important;
}