/*
Template Name: NewsZ - Online Newspaper, Journal, and Magazine HTML Website Template.
Author: MhrTheme
Version: 1.0.0

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
Template.

This files contents are outlined below >>>>

Search Each Section As It Comments, You Will Get The Right Section.

******************************************* 
*******************************************

==== CSS INDEX

Imported CSS
Default CSS
Button CSS
Section Area CSS
Go Top CSS
Header Area CSS
Footer Area CSS
Page Title Area CSS
Coming Soon Area CSS
404 Page Error Area CSS
Accordion Area CSS
Team Area CSS
Testimonial Area CSS
Blog Area CSS
Pagination Area CSS
Blog Sidebar Area CSS
Blog Details Area CSS
About Area CSS
Counter Area CSS
Tabs Area CSS
Contact Area CSS
Photo Gallery Area CSS
Main Slider Area CSS
Breaking News Area CSS
Top View Area CSS
Banner Area CSS
Dark Homepage CSS
RTL Homepage CSS
Ad Area CSS

/*

/*
Imported CSS
<<<<======================================================>>>>*/
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&family=Poppins:wght@300;400;500;600;700;800;900&display=swap");

/*
Default CSS
<<<<======================================================>>>>*/
:root {
  --mainColor: #E64D25;
  --secondaryColor: #F36C20;
  --bgColor: #F9FaFb;
  --headingColor: #354A5E;
  --whiteColor: #FFFFFF;
  --blackColor: #222222;
  --fontSize: 16px;
  --transition: .5s;
  --border-radius: 4px;
  --font-primary: "DM Sans", sans-serif;
  --font-secondary: "Poppins", sans-serif;
  --transition: .5s;
  --box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

body {
  padding: 0;
  font-family: var(--font-primary);
}

/* Sections
   ========================================================================== */

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: slider-content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  font-size: 16px;
  color: var(--whiteColor);
  padding: 16px 30px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-transform: capitalize;
  position: relative;
  cursor: pointer;
  border-radius: 4px;
  text-align: center;
  overflow: hidden;
  z-index: 1;
  line-height: 1;
  background-color: var(--mainColor);
  border: none;
}

button,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  color: var(--whiteColor);
  background-color: var(--blackColor);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
  height: 50px;
  color: #271273;
  border: 1px solid #eaedff;
  background-color: var(--whiteColor);
  border-radius: 0;
  font-size: 15px;
  padding: 10px 20px;
  width: 100%;
}

textarea {
  color: #271273;
  border: 1px solid #eaedff;
  background-color: var(--whiteColor);
  border-radius: 0;
  font-size: 15px;
  padding: 10px 20px;
  width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #000000;
  background-color: transparent;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  outline: 0;
  border: 1px solid var(--mainColor);
}

textarea {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  button, input[type="button"], input[type="reset"], input[type="submit"] {
   font-size: 15px;
   padding: 14px 24px;
  }
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  cursor: help;
}

mark,
ins {
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  width: 100%;
}

.eh7ulq::before {
  position: relative;
  bottom: 1px;
  font-size: 16px;
  content: "𝕏" !important;
}

.kv9mv2::before {
  position: relative;
  bottom: 3px;
  font-size: 17px;
  content: "𝕏" !important;
}

.bzd5ip .eh7ulq::before, 
.bzd5ip .kv9mv2::before {
  bottom: 0px;
}

/* Links
--------------------------------------------- */
a:hover,
a:active {
  outline: 0;
}

a {
  display: inline-block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: var(--mainColor);
  text-decoration: none;
}

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

a:focus {
  text-decoration: none;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Comments
--------------------------------------------- */
.qko3pg a {
  word-wrap: break-word;
}

.mshe0b {
  display: block;
}

#iwn67b {
  margin: 10px 0;
  font-size: 1.2rem;
}

#iwn67b small {
  display: block;
  margin-top: 10px;
}

/* Widgets
--------------------------------------------- */
.ibhp7s select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.wyw8z2 .f0xmjf,
.m8ue99 .f0xmjf,
.qko3pg .f0xmjf {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.ttdcey {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.d3ifio {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.d3ifio img[class*="i6kbzi-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.d3ifio .qrigtb {
  margin: 0.8075em 0;
}

.qrigtb {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.zq2x2r {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.k28wz8 {
  grid-template-columns: repeat(2, 1fr);
}

.gf4eqb {
  grid-template-columns: repeat(3, 1fr);
}

.p12r17 {
  grid-template-columns: repeat(4, 1fr);
}

.imus75 {
  grid-template-columns: repeat(5, 1fr);
}

.lro278 {
  grid-template-columns: repeat(6, 1fr);
}

.hytwn4 {
  grid-template-columns: repeat(7, 1fr);
}

.bcnza8 {
  grid-template-columns: repeat(8, 1fr);
}

.y8r00d {
  grid-template-columns: repeat(9, 1fr);
}

.gpjnms {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.sa3fey .viol90,
.sa3fey.pemd3d .qzus95 {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.eea7j4.pemd3d .qzus95 {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.vivihg {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.vivihg:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.yok7s3 {

  /*rtl:ignore*/
  float: left;

  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.jarjsm {

  /*rtl:ignore*/
  float: right;

  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.vequ75 {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/* Buttons
--------------------------------------------- */
button {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}

button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.nvtrp9, .yuujea, .fdiuk3, .jv490m, .o2xa2x, .o7qk0w, h1, h2, h3, h4, h5, h6 {
  color: var(--headingColor);
  font-weight: 600;
  font-family: var(--font-secondary)
}

.ccud88 {
  width: 100%;
  height: 100%;
}

.yhtumg {
  vertical-align: middle;
}

.owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 20px;
  margin-bottom: 20px;
}

.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--mainColor);
}

.owl-theme .owl-dots {
  line-height: 1;
}

.owl-theme .owl-dots .owl-dot span {
  background-color: var(--blackColor);
  width: 20px;
  height: 5px;
  border-radius: 4px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-top: 0;
  margin-bottom: 0;
}

.owl-theme .owl-dots .owl-dot:hover span {
  background-color: var(--mainColor);
}

.owl-theme .owl-dots .owl-dot.active span {
  background-color: var(--mainColor);
  width: 30px;
}

p {
  font-size: 16px;
  line-height: 1.8;
}

p:last-child {
  margin-bottom: 0;
}

img {
  max-width: 100%;
  height: auto;
}

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

.a5bvdh, input[type="search"] {
  height: 50px;
  color: #271273;
  border: 1px solid #eaedff;
  background-color: var(--whiteColor);
  border-radius: 0;
  font-size: 15px;
  padding: 10px 20px;
  width: 100%;
}

.a5bvdh::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder {
  color: #495057;
}

.a5bvdh:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder {
  color: #495057;
}

.a5bvdh::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder {
  color: #495057;
}

.a5bvdh::placeholder, input[type="search"]::placeholder {
  color: #495057;
}

.a5bvdh:focus, input[type="search"]:focus {
  color: #000000;
  background-color: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  outline: 0;
  border: 1px solid var(--mainColor);
}

.a5bvdh:hover:focus, .a5bvdh:focus, 
input[type="search"]:hover:focus, input[type="search"]:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

textarea.a5bvdh {
  height: auto;
}

.w0rdsn {
  padding-top: 100px;
  padding-bottom: 100px;
}

.oqwpmn {
  padding-top: 100px;
}

.ag1mcb {
  padding-bottom: 100px;
}

.ex5cp4 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.rtl9ff {
  padding-top: 70px;
}

.nmirkn {
  padding-bottom: 70px;
}

.xs1agj {
  padding-top: 40px;
  padding-bottom: 40px;
}

.gpdklj {
  padding-top: 40px;
}

.clyhz3 {
  padding-bottom: 40px;
}

.l9zky6 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.gpd2hk {
  padding-top: 20px;
}

.fklaob {
  padding-bottom: 20px;
}

.af6jw9 {
  margin-top: 30px;
}

.f4sg38 {
  margin-bottom: 30px;
}

.i4cv7h {
  padding-left: 55px;
}

.wvuv5q {
  background-color: var(--bgColor);
}

.zdvu5f {
  background-color: #121212;
}

.page .m8ue99 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.page .m8ue99 h1,
.page .m8ue99 h2,
.page .m8ue99 h3,
.page .m8ue99 h4,
.page .m8ue99 h5,
.page .m8ue99 h6 {
  margin-bottom: 1rem;
}

.page.r6kx4y .m8ue99 {
  padding-top: 0;
  padding-bottom: 0;
}

@media (max-width: 419px) {
  .hehcas {
    max-width: 240px;
  }
}

@media (min-width: 420px) {
  .hehcas {
    max-width: 340px;
  }
}

@media (min-width: 576px) {
  .hehcas {
    max-width: 450px;
  }
}

@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 992px;
  }
  .hehcas {
    max-width: 700px;
  }
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
  }
  .hehcas {
    max-width: 1000px;
  }
}

.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
  padding-right: 40px;
  padding-left: 40px;
}

.container-block-fluid {
  padding-right: 20px;
  padding-left: 20px;
}

@media (max-width: 767px) {
  .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    padding-right: 30px;
    padding-left: 30px;
  }
  .container-block-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.container-fluid .row,
.container-block-fluid .row {
  padding: 0;
  margin: 0;
}

.container-fluid .d6ynwa,
.container-block-fluid .d6ynwa {
  padding: 0;
}

/*
Preloader Area CSS
<<<<======================================================>>>>*/
.preloader {
  position: fixed;
  z-index: 999999;
  background: var(--bgColor);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; 
}

.preloader .u89fvv {
  height: 100px;
  width: 100px;
  position: relative; 
}

.preloader .u89fvv .jzcec1 {
  border: 0 solid transparent;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  position: absolute;
  top: calc(50vh - 75px);
  left: calc(50vw - 75px); 
}

.preloader .u89fvv .jzcec1:before {
  content: '';
  border: 1em solid var(--mainColor);
  border-radius: 50%;
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader 2s linear infinite;
          animation: loader 2s linear infinite;
  opacity: 0;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s; 
}

.preloader .u89fvv .jzcec1:after {
  content: '';
  border: 1em solid var(--mainColor);
  border-radius: 50%;
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader 2s linear infinite;
          animation: loader 2s linear infinite;
  opacity: 0; 
}

@-webkit-keyframes loader {  
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; 
  }
  50% {
    opacity: 1; 
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; 
  } 
}

@keyframes loader {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; 
  }
  50% {
    opacity: 1; 
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  } 
}

/*
Button CSS
<<<<======================================================>>>>*/
.fwk1cj {
  font-size: 16px;
  color: var(--whiteColor);
  padding: 16px 30px;
  line-height: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-transform: capitalize;
  position: relative;
  cursor: pointer;
  border-radius: 4px;
  text-align: center;
  overflow: hidden;
  z-index: 1;
  background-color: var(--mainColor);
}

.fwk1cj.n1q0c9 {
  padding: 16px 30px 16px 60px;
}

.fwk1cj.n1q0c9 i {
  position: absolute;
  left: 30px;
  top: 50%;
  right: initial;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px;
}

.fwk1cj::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: var(--blackColor);
  z-index: -1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.fwk1cj::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background-color: var(--blackColor);
  z-index: -1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.fwk1cj.active {
  color: var(--whiteColor);
  background-color: var(--blackColor);
  margin-right: 10px;
}

.fwk1cj.active::before {
  background-color: var(--mainColor);
}

.fwk1cj.active::after {
  background-color: var(--mainColor);
}

.fwk1cj:hover {
  color: var(--whiteColor);
}

.fwk1cj:hover::before {
  width: 50.2%;
}

.fwk1cj:hover::after {
  width: 50.2%;
}

.fwk1cj.g8rrtu {
  margin: 20px auto;
  width: fit-content;
  display: flex;
}

.gpl52r .fwk1cj.g8rrtu {
  margin: 40px auto 20px;
}

/*
Section Area CSS
<<<<======================================================>>>>*/
.fsw1kf {
  max-width: 700px;
  margin: 20px auto 60px;
  text-align: center;
  position: relative;
}

.fsw1kf::after {
  position: absolute;
  content: '';
  width: 25%;
  height: 4px;
  background: var(--mainColor);
  bottom: -30px;
  right: 38%;
}

.container-block-fluid .fsw1kf {
  padding: 0 20px;
}

.fsw1kf span {
  color: var(--mainColor);
  display: inline-block;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 14px;
}

.fsw1kf h2 {
  font-size: 40px;
  margin-bottom: 15px;
  position: relative;
  display: block;
}

.fsw1kf h2:last-child {
  margin-bottom: 0;
}

.fsw1kf.zmrnfm span {
  color: var(--whiteColor);
}

.fsw1kf.zmrnfm h2 {
  color: var(--whiteColor);
}

.fsw1kf.zmrnfm p {
  color: var(--whiteColor);
}

/*
Go Top Area CSS
<<<<======================================================>>>>*/
.nqpkav {
  position: fixed;
  cursor: pointer;
  top: 120%;
  right: 5%;
  background-color: var(--mainColor);
  z-index: 4;
  width: 40px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .9s;
  transition: .9s;
}

.nqpkav i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  color: var(--whiteColor);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 25px;
}

.nqpkav:hover {
  color: var(--whiteColor);
  background-color: var(--blackColor);
}

.nqpkav:hover i {
  color: var(--whiteColor);
}

.nqpkav.active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
  right: 4%;
  top: 81.2%;
}

/*
Header Area CSS
<<<<======================================================>>>>*/
.q3bba2 {
  position: relative;
  z-index: 4;
}

@media only screen and (max-width: 767px) {
  .q3bba2.w8ie5q .v6y5dk {
    display: none;
  }
  .q3bba2.w8ie5q .k58bv3 {
    padding: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .q3bba2.w8ie5q .v6y5dk {
    display: none;
  }
  .q3bba2.w8ie5q .k58bv3 {
    padding: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .q3bba2.w8ie5q .v6y5dk {
    max-width: 600px;
    padding: 15px 55px 0px 50px;
  }
  .q3bba2.w8ie5q .k58bv3 {
    padding: 0;
  }
  .q3bba2.w8ie5q .qqrj29 > li {
    padding-top: 4px;
  }
}

@media only screen and (min-width: 992px) {
  .q3bba2.w8ie5q .qqrj29 {
    justify-content: center;
    border-top: 1px solid #e2e5e9;
    margin-top: 20px;
    transition: none;
  }
  .q3bba2.w8ie5q .k58bv3.ohao42 .qqrj29 {
    margin: 0;
    border: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .q3bba2.w8ie5q .v6y5dk {
    padding: 15px 55px 0 50px;
    max-width: 900px;
  }
  .q3bba2.w8ie5q .qqrj29 > li {
    padding-top: 8px;
  }
}

.q3bba2 .s8o10m {
  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-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.q3bba2 .s8o10m .dbanqv img {
  width:100px;
}

.n6cc99 img {
  width:100px;
}

.q3bba2 .s8o10m .dbanqv a {
  display: block;
}

.q3bba2 .s8o10m .dbanqv .qwtse2 {
  display: none;
}

.q3bba2 .s8o10m .dbanqv .xgq7qv {
  display: none;
}

@media only screen and (max-width: 991px) {
  .q3bba2 .s8o10m .dbanqv img {
    width: 100px;
  }
}

.q3bba2 .s8o10m .ziox2z {
  -webkit-box-flex: initial;
  -webkit-flex: initial;
  -ms-flex: initial;
  flex: initial;
  margin: 0 55px 0 50px;
}

@media only screen and (max-width: 1199px) {
  .q3bba2 .s8o10m .ziox2z {
    margin: 0 20px;
  }
}

@media only screen and (max-width: 991px) {
  .q3bba2 .s8o10m .ziox2z {
    margin: 0;
  }
}

.q3bba2.c4soh5 .k58bv3.ohao42 .s8o10m .dbanqv .uifklk {
  display: none;
}

.q3bba2.c4soh5 .k58bv3.ohao42 .s8o10m .dbanqv .xgq7qv {
  display: block;
}

.q3bba2.lpe4i5 .k58bv3 {
  padding: 50px 80px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .q3bba2.lpe4i5 .k58bv3 {
    padding: 35px 15px;
  }
}

@media only screen and (max-width: 1199px) {
  .q3bba2.lpe4i5 .k58bv3 {
    padding: 35px 15px;
  }
}

@media only screen and (max-width: 575px) {
  .q3bba2.lpe4i5 .k58bv3 {
    padding: 30px 0;
  }
}

.q3bba2.lpe4i5 .k58bv3.ohao42 {
  padding: 15px 80px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .q3bba2.lpe4i5 .k58bv3.ohao42 {
    padding: 15px;
  }
}

@media only screen and (max-width: 1199px) {
  .q3bba2.lpe4i5 .k58bv3.ohao42 {
    padding: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .q3bba2.lpe4i5 .k58bv3.ohao42 {
    padding: 15px 0;
  }
}

.q3bba2.lpe4i5 .k58bv3 .qqrj29 {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.q3bba2.fv2ucf .k58bv3.ohao42 .s8o10m .dbanqv .uifklk {
  display: none;
}

.q3bba2.fv2ucf .k58bv3.ohao42 .s8o10m .dbanqv .xgq7qv {
  display: block;
}

@media only screen and (max-width: 1299px) {
  .q3bba2.c4soh5 .ziox2z {
    margin: 0 10px;
  }
}

@media only screen and (max-width: 991px) {
  .q3bba2.c4soh5 .ziox2z {
    margin: 0;
  }
}

@media only screen and (max-width: 991px) {
  .q3bba2.c4soh5 .btpng7 {
    background-color: var(--bgColor);
  }
}

.q3bba2.c4soh5 .e8i795 .zk0e3f .v4ldnm {
  display: none;
}

.q3bba2.c4soh5 .e8i795 .zk0e3f .ub2sfu {
  display: block;
}

.q3bba2.c4soh5 .e8i795 .ta6adc {
  background-color: var(--whiteColor);
  color: var(--blackColor);
  border: none;
}

.q3bba2.c4soh5 .k58bv3.ohao42 {
  background-color: var(--blackColor);
}

@media only screen and (max-width: 1199px) {
  .q3bba2.c4soh5 .qqrj29 li {
    margin: 0 10px;
  }
}

.q3bba2.c4soh5 .qqrj29 li a::before {
  background-color: var(--whiteColor);
}

.q3bba2.c4soh5 .dk6zuh .ulxpbk .j7qk36 {
  display: block;
}

.k58bv3 {
  padding: 5px 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.e3pudc {
  padding: 5px 0;
}

.k58bv3.ohao42 {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  background-color: var(--whiteColor);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  padding: 5px 0;
  -webkit-animation: headerSlideDown 0.8s ease forwards;
  animation: headerSlideDown 0.8s ease forwards;
}

.k58bv3.ohao42 .dk6zuh .vtl3ba .aer3wm span {
  background-color: var(--whiteColor);
}

.k58bv3.ohao42 .dk6zuh .sq2844 li a {
  color: var(--blackColor);
}

.k58bv3.ohao42 .dk6zuh .sq2844 li a:hover {
  color: var(--mainColor);
}

.qqrj29 {
  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-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  list-style: none;
  padding: 0;
  margin: 0;
}

.qqrj29 > li {
  margin: 0 20px;
}

.qqrj29 li:first-child {
  margin-left: 0;
}

@media only screen and (max-width: 1199px) {
  .qqrj29 > li {
    margin: 0 7px;
  }
  .qqrj29 li:first-child {
    margin-left: 7px;
  }
}

.qqrj29 > li > a {
  font-weight: 500;
  line-height: 60px;
  height: 60px;
  display: block;
  position: relative;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--blackColor);
}

.qqrj29 > li > a::before {
  content: "";
  height: 2px;
  width: 0;
  position: absolute;
  bottom: 12px;
  left: 0;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.qqrj29 > li > a:hover {
  color: var(--mainColor);
}

.qqrj29 > li > a:hover::before {
  opacity: 1;
  width: 100%;
}

.qqrj29 > li > a.active {
  color: var(--mainColor);
}

.qqrj29 > li > a.active::before {
  width: 100%;
  opacity: 1;
}

.qqrj29 > .hto27n {
  position: relative;
}

.qqrj29 > .hto27n > a {
  position: relative;
  margin-right: 20px;
  color: var(--blackColor);
}

.qqrj29 > .hto27n > a::after {
  content: "\e9f8";
  font-family: 'boxicons'!important;
  font-weight: 400;
  font-size: 18px;
  position: absolute;
  top: 0;
  right: -20px;
}

.qqrj29 > .hto27n .wyup0j .hto27n > a::after {
  content: "\e9f8";
  font-family: 'boxicons'!important;
  font-weight: 400;
  font-size: 18px;
  position: absolute;
  top: 5px;
  margin-left: 5px;
}

.qqrj29 > .hto27n .wyup0j {
  position: absolute;
  top: 100%;
  left: 20px;
  background: var(--whiteColor);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  min-width: 265px;
  padding: 15px 10px;
  border-radius: 4px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  list-style: none;
  margin: 0;
  box-shadow: 0 13px 48px 0 rgba(0, 0, 0, 0.15);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .qqrj29 > .hto27n .wyup0j {
    min-width: 215px;
  }
}

@media only screen and (min-width: 992px) {
  .qqrj29 > .hto27n.qbfib1 .wyup0j {
    width: 430px;
  }
  .qqrj29 > .hto27n.qbfib1 .wyup0j li {
    float: left;
    margin: 5px 10px;
    width: 110px;
  }
}
 
.qqrj29 > .hto27n .juzuio {
  position: absolute;
  top: 100%;
  left: 20px;
  background: var(--whiteColor);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  min-width: 250px;
  padding: 15px 10px;
  border-radius: 4px;
  -webkit-transition: 1.3s;
  transition: 1.3s;
  list-style: none;
  margin: 0;
  box-shadow: 0 13px 48px 0 rgba(0, 0, 0, 0.15);
}

.qqrj29 > .hto27n .wyup0j li, 
.qqrj29 > .hto27n .juzuio li {
  margin: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  opacity: 0;
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

.qqrj29 > .hto27n .wyup0j li a, 
.qqrj29 > .hto27n .juzuio li a {
  position: relative;
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 500;
  padding: 7px 15px;
  border-radius: 4px;
  display: block;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--blackColor);
}

.qqrj29 > .hto27n .juzuio li a {
  position: relative;
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 500;
  padding: 7px 15px;
  border-radius: 4px;
  display: block;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  color: var(--blackColor);
}

.qqrj29 > .hto27n .wyup0j li a:hover, 
.qqrj29 > .hto27n .juzuio li a:hover {
  color: var(--mainColor);
}

.qqrj29 > .hto27n .wyup0j li a.active, 
.qqrj29 > .hto27n .juzuio li a.active {
  color: var(--mainColor);
}

.qqrj29 > .hto27n .wyup0j.s2atyi li a.active, 
.qqrj29 > .hto27n .juzuio.s2atyi li a.active {
  color: var(--blackColor);
}

.qqrj29 > .hto27n .wyup0j.s2atyi li a:hover, 
.qqrj29 > .hto27n .juzuio.s2atyi li a:hover {
  color: var(--mainColor);
}

.qqrj29 > .hto27n:hover .wyup0j {
  opacity: 1;
  visibility: visible;
  z-index: 9;
  left: 0px;
}

.qqrj29 > .hto27n ul li.hto27n:hover .juzuio {
  opacity: 1;
  visibility: visible;
  z-index: 9;
  left: -260px;
  top: 0;
}

.qqrj29 > .hto27n:hover .wyup0j li {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.qqrj29 + .hto27n:hover .wyup0j li:nth-child(1n) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.qqrj29  .hto27n:hover .wyup0j li:nth-child(2n) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.qqrj29 > .hto27n:hover .wyup0j li:nth-child(3n) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.qqrj29 > .hto27n:hover .wyup0j li:nth-child(4n) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.qqrj29 > .hto27n:hover .wyup0j li:nth-child(5n) {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.qqrj29 > .hto27n:hover .wyup0j li:nth-child(6n) {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.qqrj29 > .hto27n:hover .wyup0j li:nth-child(7n) {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

.qqrj29 > .hto27n:hover .wyup0j li:nth-child(8n) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.qqrj29 > .hto27n:hover .wyup0j li:nth-child(9n) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.qqrj29 > .hto27n:hover .wyup0j li:nth-child(10n) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.qqrj29 > .hto27n:hover .wyup0j li:nth-child(11n) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.qqrj29 > .hto27n:hover .wyup0j li:nth-child(12n) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.dk6zuh > ul {
  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-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.dk6zuh > ul > li {
  margin-right: 30px;
}

.dk6zuh > ul > li:last-child {
  margin-right: 0;
}

.dk6zuh .vtl3ba {
  margin-right: 0;
  margin-top: 10px
}

.dk6zuh .vtl3ba .aer3wm {
  height: 60px;
  width: 60px;
  border: none;
  border-radius: 50%;
  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-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

@media only screen and (max-width: 991px) {
  .dk6zuh .vtl3ba .aer3wm {
    height: 50px;
    width: 50px;
  }
}

.dk6zuh .vtl3ba .aer3wm span {
  height: 2px;
  width: 20px;
  background-color: var(--blackColor);
  margin-bottom: 4px;
  border-radius: 10px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.dk6zuh .vtl3ba .aer3wm span:last-child {
  margin-bottom: 0;
}

.dk6zuh .vtl3ba .aer3wm:focus {
  box-shadow: none;
}

.dk6zuh .vtl3ba .aer3wm.g0518d {
  background-color: var(--blackColor);
}

.dk6zuh .vtl3ba .aer3wm.g0518d span {
  background-color: var(--whiteColor);
}

@media only screen and (max-width: 575px) {
  .dk6zuh .j67r1j {
    display: none;
  }
}

.dk6zuh .sq2844 {
  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-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -15px;
}

.dk6zuh .sq2844 li {
  margin: 15px;
}

.dk6zuh .sq2844 li a {
  font-size: 20px;
}

@media only screen and (max-width: 991px) {
  .dk6zuh .sq2844 li a {
    color: var(--blackColor);
  }
}

.dk6zuh .sq2844 li a:hover {
  color: var(--mainColor);
}

.dk6zuh .ulxpbk {
  margin-right: 0;
}

@media only screen and (max-width: 1399px) {
  .dk6zuh .ulxpbk .j7qk36 {
    padding: 15px 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dk6zuh .ulxpbk .j7qk36 {
    padding: 15px 25px;
  }
}

@media only screen and (max-width: 991px) {
  .dk6zuh .ulxpbk {
    margin-right: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .dk6zuh .ulxpbk {
    display: none;
  }
}

@media only screen and (min-width: 992px) {
  .dk6zuh .jwlxlc {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dk6zuh .ulxpbk.srsk86 {
    margin-left: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .dk6zuh .ulxpbk.srsk86 {
    margin-left: 30px;
  }
}

.dk6zuh .jwlxlc .aer3wm {
  height: 50px;
  width: 50px;
  padding: 14px 24px;
}

.dk6zuh .xdzjb3 {
  margin-left: 20px;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  line-height: 52px;
  padding: 0;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .dk6zuh .xdzjb3 {
    margin-left: 15px;
  }
}

.dk6zuh .xdzjb3 ul {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.kavt9a {
  width: 60vw;
  min-width: 300px;
  -webkit-transition: all 0.8s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: all 0.8s cubic-bezier(0.77, 0.2, 0.05, 1);
}

@media only screen and (max-width: 1199px) {
  .kavt9a {
    width: 70vw;
  }
}

.kavt9a .b3z7eg {
  padding: 50px 100px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .kavt9a .b3z7eg {
    padding: 50px;
  }
}

@media only screen and (max-width: 1199px) {
  .kavt9a .b3z7eg {
    padding: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .kavt9a .b3z7eg {
    padding: 30px 30px 0;
  }
}

.kavt9a .b3z7eg .q3coef {
  margin: 0;
  font-size: 22px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

@media only screen and (max-width: 991px) {
  .kavt9a .b3z7eg .q3coef {
    font-size: 14px;
  }
}

.kavt9a .b3z7eg .q3coef:hover {
  color: var(--mainColor);
  opacity: 1;
}

.kavt9a .b3z7eg .q3coef:focus {
  border: none;
  box-shadow: none;
}

.kavt9a .pi50xe {
  padding: 50px 100px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .kavt9a .pi50xe {
    padding: 50px;
  }
}

@media only screen and (max-width: 1199px) {
  .kavt9a .pi50xe {
    padding: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .kavt9a .pi50xe {
    padding: 30px;
  }
}

.kavt9a .pi50xe .lk14ij {
  position: relative;
  margin-bottom: 70px;
}

@media only screen and (max-width: 991px) {
  .kavt9a .pi50xe .lk14ij {
      margin-bottom: 40px;
  }
}

.kavt9a .pi50xe .lk14ij .s8year {
  font-size: 40px;
  height: auto;
  border: none;
  border-bottom: 2px solid var(--color-gray-3);
  border-radius: 0;
  padding: 5px 0;
}

@media only screen and (max-width: 991px) {
  .kavt9a .pi50xe .lk14ij .s8year {
    font-size: 20px;
  }
}

.kavt9a .pi50xe .lk14ij .s8year:focus {
  box-shadow: none;
}

.kavt9a .pi50xe .lk14ij .rjfavb {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: transparent;
  border: none;
  padding: 0;
}

.kavt9a .pi50xe .lk14ij .rjfavb i {
  font-weight: 400;
  font-size: 24px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

@media only screen and (max-width: 991px) {
  .kavt9a .pi50xe .lk14ij .rjfavb i {
    font-size: 18px;
  }
}

.kavt9a .pi50xe .lk14ij .rjfavb:hover i {
  color: var(--mainColor);
}

.kavt9a .pi50xe .rhiwxr {
  margin: -30px 0;
  margin-top: -45px;
}

@media only screen and (max-width: 991px) {
  .kavt9a .pi50xe .rhiwxr {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .kavt9a .pi50xe .rhiwxr {
    margin: -20px 0;
    margin-bottom: 40px;
  }
}

.kavt9a .pi50xe .rhiwxr li {
  margin: 30px 0;
}

@media only screen and (max-width: 767px) {
  .kavt9a .pi50xe .rhiwxr li {
    margin: 20px 0;
  }
}

.kavt9a .pi50xe .rhiwxr li a {
  color: var(--blackColor);
  font-size: 36px;
  font-weight: 500;
}

@media only screen and (max-width: 1199px) {
  .kavt9a .pi50xe .rhiwxr li a {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .kavt9a .pi50xe .rhiwxr li a {
    font-size: 20px;
  }
}

.kavt9a .pi50xe .rhiwxr li a:hover {
  color: var(--mainColor);
}

.kavt9a .pi50xe .rhiwxr li a.active {
  color: var(--mainColor);
}

.kavt9a .pi50xe .m8kwaw .title {
  font-size: 18px;
  line-height: 1;
  color: var(--blackColor);
  font-weight: 500;
  display: block;
  margin-bottom: 15px;
}

@media only screen and (max-width: 1199px) {
  .kavt9a .pi50xe .m8kwaw .title {
    font-size: 16px;
  }
}

.kavt9a .pi50xe .m8kwaw .navurp {
  margin-bottom: 40px;
}

@media only screen and (max-width: 991px) {
  .kavt9a .pi50xe .m8kwaw .navurp {
    margin-bottom: 25px;
  }
}

.kavt9a .pi50xe .m8kwaw .navurp a {
  display: block;
  margin-bottom: 10px;
}

.kavt9a .pi50xe .m8kwaw .navurp a i {
  margin-right: 20px;
}

.kavt9a .pi50xe .m8kwaw .navurp p {
  margin-bottom: 0;
}

.kavt9a .pi50xe .m8kwaw .n6e2gj {
  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-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -15px -6px;
}

.kavt9a .pi50xe .m8kwaw .n6e2gj li {
  margin: 15px 6px;
}

.kavt9a .pi50xe .m8kwaw .n6e2gj li a {
  color: var(--whiteColor);
  font-size: 16px;
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 53px;
  display: block;
  border-radius: 100%;
  background-color: var(--mainColor);
  text-align: center;
}

.kavt9a .pi50xe .m8kwaw .n6e2gj li a:hover {
  background-color: var(--blackColor);
}

.e8i795 {
  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-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e2e5e9;
}

.gq0m9x .q3bba2.w8ie5q .s8o10m {
  border-bottom: 1px solid #e2e5e9;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

@media only screen and (min-width: 992px) {
  .e8i795 {
    display: none;
  }
}

.e8i795 .zk0e3f {
  width: 150px;
  line-height: 1;
}

.e8i795 .zk0e3f .ub2sfu {
  display: none;
}

.e8i795 .ta6adc {
  background-color: transparent;
  height: 30px;
  width: 30px;
  border: 2px solid var(--blackColor);
  border-radius: 10px;
  color: var(--blackColor);
  font-size: 14px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  line-height: 1;
  padding: 0;
}

.e8i795 .ta6adc:hover {
  background-color: var(--mainColor);
  border-color: var(--mainColor);
  color: var(--whiteColor);
}

@media only screen and (max-width: 991px) {
  .k58bv3.ohao42 {
    -webkit-animation: none;
    animation: none;
  }
  .btpng7 {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -300px;
    background-color: var(--whiteColor);
    width: 300px;
    padding: 20px 10px;
    -webkit-transition: all 0.8s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: all 0.8s cubic-bezier(0.77, 0.2, 0.05, 1);
    z-index: 1050;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-clip: padding-box;
    outline: 0;
  }
  .btpng7.show {
    left: 0;
  }
  .btpng7 .qqrj29 {
    display: block;
    height: 100%;
    overflow: auto;
  }
  .btpng7 .qqrj29 > li {
    border-bottom: 1px solid var(--blackColor);
  }
  .btpng7 .qqrj29 > li > a {
    height: 50px;
    line-height: 50px;
  }
  .btpng7 .qqrj29 > li > a::before {
    display: none;
  }
  .btpng7 .qqrj29 .hto27n .wyup0j {
    display: none;
    position: initial;
    visibility: visible;
    opacity: 1;
    min-width: 100%;
    box-shadow: none;
    padding: 0 0 10px;
    -webkit-transition: initial;
    transition: initial;
  }
  .btpng7 .qqrj29 .hto27n .juzuio {
    display: block;
    position: initial;
    visibility: visible;
    opacity: 1;
    min-width: 100%;
    box-shadow: none;
    padding: 0 0 10px;
    -webkit-transition: initial;
    transition: initial;
    left: 0;
    background: transparent;
    margin-left: 20px;
  }
  .btpng7 .qqrj29 .hto27n .wyup0j li {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  .btpng7 .qqrj29 .hto27n .wyup0j li a {
    padding: 7px 10px;
  }
  .btpng7 .qqrj29 .hto27n.bnlykz .wyup0j {
    display: block;
    
  }
  .q3bba2.c4soh5 .btpng7 .qqrj29 .hto27n .wyup0j {
    background-color: var(--bgColor);
  }
}

@-webkit-keyframes headerSlideDown {
  0% {
    margin-top: -50px;
    opacity: 0;
  }

  30% {
    margin-top: -10px;
    opacity: 0;
  }

  100% {
    margin-top: 0;
    opacity: 1;
  }
}

@keyframes headerSlideDown {
  0% {
    margin-top: -50px;
    opacity: 0;
  }

  30% {
    margin-top: -10px;
    opacity: 0;
  }

  100% {
    margin-top: 0;
    opacity: 1;
  }
}

.dk6zuh ul li .a3dwsr {
  margin-right: -3px;
}

.dk6zuh ul li .a3dwsr .onzbai {
  padding: 0;
  border: none;
  background-color: transparent;
}

.dk6zuh ul li .a3dwsr .onzbai::after {
  display: none;
}

.dk6zuh ul li .a3dwsr .onzbai img {
  width: 35px;
  border-radius: 5px;
  border: 3px solid var(--bgColor);
  position: relative;
  top: -1px;
}

.dk6zuh ul li .a3dwsr .onzbai span {
  display: inline-block;
  margin-left: 3px;
  font-weight: 600;
  color: var(--blackColor);
}

.dk6zuh ul li .a3dwsr .onzbai span i {
  position: relative;
  font-size: 18px;
  top: 3px;
  margin-left: -3px;
}

.dk6zuh ul li .a3dwsr .zj7ufg {
  opacity: 0;
  float: unset;
  border: none;
  padding: 15px;
  display: block;
  border-radius: 0;
  margin-top: 12px;
  visibility: visible;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}

.dk6zuh ul li .a3dwsr .zj7ufg .geosyf {
  padding: 0;
  color: var(--blackColor);
  margin-bottom: 10px;
  font-weight: 600;
}

.dk6zuh ul li .a3dwsr .zj7ufg .geosyf:last-child {
  margin-bottom: 0;
}

.dk6zuh ul li .a3dwsr .zj7ufg .geosyf img {
  width: 40px;
  border-radius: 5px;
  border: 3px solid var(--whiteColor);
}

.dk6zuh ul li .a3dwsr .zj7ufg .geosyf span {
  display: inline-block;
  margin-left: 8px;
}

.dk6zuh ul li .a3dwsr .zj7ufg .geosyf:hover, 
.dk6zuh ul li .a3dwsr .zj7ufg .geosyf:focus {
  background-color: transparent !important;
}

.dk6zuh ul li .a3dwsr .zj7ufg .geosyf:active, 
.dk6zuh ul li .a3dwsr .zj7ufg .geosyf.active {
  color: var(--blackColor);
  background-color: transparent;
}

.dk6zuh ul li .a3dwsr .zj7ufg.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.dk6zuh .w33dzd {
  cursor: pointer;
  color: var(--blackColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  line-height: 1;
  display: inline-block;
  font-size: 22px;
  position: relative;
  margin-right: -5px;
  top: 2px;
}

.dk6zuh .w33dzd:hover {
  color: var(--mainColor);
}

/*================================================
Search Overlay CSS
=================================================*/
.v5oud4 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}

.v5oud4 .i110ui {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.v5oud4 .i110ui:nth-child(1) {
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.v5oud4 .i110ui:nth-child(2) {
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s ease-in-out 0.3s;
  transition: all 0.3s ease-in-out 0.3s;
}

.v5oud4 .i110ui:nth-child(3) {
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.9s ease-in-out 0.6s;
  transition: all 0.9s ease-in-out 0.6s;
}

.v5oud4 .oy3tpp {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 50px;
  z-index: 2;
  text-align: center;
  cursor: pointer;
  padding: 10px;
  -webkit-transition: all 0.9s ease-in-out 1.5s;
  transition: all 0.9s ease-in-out 1.5s;
  opacity: 0;
  visibility: hidden;
}

.v5oud4 .oy3tpp .rfyxpd {
  width: 100%;
  height: 3px;
  float: left;
  margin-bottom: 5px;
  background-color: var(--whiteColor);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.v5oud4 .oy3tpp .rfyxpd:nth-child(1) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.v5oud4 .oy3tpp .rfyxpd:nth-child(2) {
  margin-top: -7px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.v5oud4 .oy3tpp:hover .rfyxpd {
  background: var(--mainColor);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.v5oud4 .cu6cr9 {
  -webkit-transition: all 0.9s ease-in-out 1.4s;
  transition: all 0.9s ease-in-out 1.4s;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  z-index: 2;
  max-width: 500px;
  width: 500px;
}

.v5oud4 .cu6cr9 form {
  position: relative;
}

.v5oud4 .cu6cr9 form .o4teka {
  display: block;
  width: 100%;
  height: 60px;
  border: none;
  border-radius: 30px;
  color: var(--blackColor);
  padding: 2px 0 0 25px;
}

.v5oud4 .cu6cr9 form .o4teka:focus {
  background-color: white;
}

.v5oud4 .cu6cr9 form .o4teka::-webkit-input-placeholder {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  letter-spacing: .5px;
  color: var(--blackColor);
}

.v5oud4 .cu6cr9 form .o4teka:-ms-input-placeholder {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  letter-spacing: .5px;
  color: var(--blackColor);
}

.v5oud4 .cu6cr9 form .o4teka::-ms-input-placeholder {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  letter-spacing: .5px;
  color: var(--blackColor);
}

.v5oud4 .cu6cr9 form .o4teka::placeholder {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  letter-spacing: .5px;
  color: var(--blackColor);
}

.v5oud4 .cu6cr9 form .o4teka:focus::-webkit-input-placeholder {
  color: transparent;
}

.v5oud4 .cu6cr9 form .o4teka:focus:-ms-input-placeholder {
  color: transparent;
}

.v5oud4 .cu6cr9 form .o4teka:focus::-ms-input-placeholder {
  color: transparent;
}

.v5oud4 .cu6cr9 form .o4teka:focus::placeholder {
  color: transparent;
}

.v5oud4 .cu6cr9 form button {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 50px;
  color: var(--whiteColor);
  height: 50px;
  border-radius: 50%;
  background-color: var(--mainColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border: none;
  font-size: 20px;
  line-height: 50px;
  padding: 0;
}

.v5oud4 .cu6cr9 form button:hover {
  background-color: var(--blackColor);
  color: var(--whiteColor);
}

.v5oud4 .cu6cr9 form button i {
  position: relative;
  top: 2px;
  left: 1px;
}

.v5oud4.jkj0vs.v5oud4 {
  opacity: 1;
  visibility: visible;
}

.v5oud4.jkj0vs.v5oud4 .i110ui {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.v5oud4.jkj0vs.v5oud4 .oy3tpp {
  opacity: 1;
  visibility: visible;
}

.v5oud4.jkj0vs.v5oud4 .cu6cr9 {
  opacity: 1;
  visibility: visible;
}

/*
Footer Area CSS
<<<<======================================================>>>>*/
.pked0c {
  background: #121212;
  background-size: cover;
}

.pked0c .sz7h7o .kp11af {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: var(--whiteColor);
  letter-spacing: 0;
  position: relative;
  margin-bottom: 30px;
  text-transform: uppercase;
  padding-bottom: 14px;
}

.pked0c .sz7h7o .kp11af:after {
  content: "";
  width: 50px;
  height: 4px;
  background: var(--mainColor);
  position: absolute;
  bottom: -4px;
  right: 0;
  left: 0;
  margin-left: 0;
  border-radius: 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  z-index: 0;
}

.pked0c .sz7h7o .xxbcnd li {
  margin-bottom: 16px;
}

.pked0c .sz7h7o .xxbcnd li a {
  font-size: 15px;
  color: var(--whiteColor);
}

.pked0c .sz7h7o .xxbcnd li a:hover {
  color: var(--mainColor);
}

.pked0c .sz7h7o .xxbcnd li:last-child {
  margin-bottom: 0;
}

.pked0c .xkkldz .aatbch li {
  display: inline;
  margin-right: 5px;
}

.pked0c .xkkldz .aatbch li a i {
  padding: 0;
  font-size: 15px;
  margin-right: 3px;
  transition: all .8s ease;
  background: #1c2024;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 0;
  color: #fff;
  text-align: center;
}

.pked0c .xkkldz .aatbch li a i:hover {
  color: var(--whiteColor);
  background: var(--mainColor);
}

.pked0c .xkkldz .aatbch li:last-child {
  margin: 0;
}

.pked0c .sz7h7o .vfebcd li {
  padding: 0px 0px 20px 40px;
  position: relative;
}

.pked0c .sz7h7o .vfebcd li .ksqh4e {
  color: var(--whiteColor);
}

.pked0c .sz7h7o .vfebcd li .ksqh4e a {
  color: var(--whiteColor);
}

.pked0c .sz7h7o .vfebcd li .ksqh4e a:hover {
  color: var(--mainColor);
}

.pked0c .sz7h7o .vfebcd li i {
  color: var(--mainColor);
  position: absolute;
  left: 0px;
}

.pked0c .sz7h7o .vfebcd li i:before {
  font-size: 20px;
}

.pked0c .sz7h7o .ljno4o {
  margin: 0;
}

.pked0c .sz7h7o p {
  margin: 25px 0 0;
  position: relative;
  color: var(--whiteColor);
}

.pked0c .sz7h7o p input[type=email] {
  border: none;
  background: #fff;
}

.pked0c .sz7h7o p input[type="submit"] {
  border: none;
  border-radius: 0px;
  margin-top: 15px;
  text-transform: uppercase;
  font-weight: 500;
  transition: all .5s ease;
}

.pked0c .sz7h7o p input[type=submit]:hover {
  opacity: .9;
}

.pked0c .sz7h7o p ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #0a0a0a;
  opacity: 1;
}

.pked0c .sz7h7o p ::-moz-placeholder {
  /* Firefox 19+ */
  color: #0a0a0a;
  opacity: 1;
}

.pked0c .sz7h7o p :-ms-input-placeholder {
  /* IE 10+ */
  color: #0a0a0a;
  opacity: 1;
}

.pked0c .sz7h7o p :-moz-placeholder {
  /* Firefox 18- */
  color: #0a0a0a;
  opacity: 1;
}

.pked0c .xkkldz {
  padding: 20px 0;
  background: #000;
}

.pked0c .xkkldz .o26sdz p {
  margin: 0;
  color: var(--whiteColor);
}

/*================================================
Page Title Area CSS
=================================================*/
.effnaz {
  z-index: 1;
  position: relative;
  background: -webkit-gradient(linear, left top, right top, from(var(--mainColor)), to(var(--secondaryColor)));
  background: linear-gradient(90deg, var(--mainColor) 0%, var(--secondaryColor) 100%);
  padding-top: 100px;
  padding-bottom: 100px;
}

.effnaz::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: -1;
  opacity: .2;
  height: 100%;
  position: absolute;
  background-image: url(../../assets/img/bg_lines.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 200%;
}

.g9tcnj {
  text-align: center;
}

.g9tcnj h2 {
  margin-bottom: 0;
  color: var(--whiteColor);
  font-size: 45px;
}

.g9tcnj ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 12px;
}

.g9tcnj ul li {
  font-size: 17px;
  position: relative;
  display: inline-block;
  margin-left: 13px;
  margin-right: 13px;
}

.g9tcnj ul li.active {
  color: var(--whiteColor);
}

.g9tcnj ul li::before {
  top: 50%;
  opacity: .7;
  right: -26px;
  content: "\e9f9";
  position: absolute;
  color: var(--whiteColor);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: 'boxicons';
  font-size: 24px;
}

.g9tcnj ul li a {
  color: var(--whiteColor);
}

.g9tcnj ul li a:hover {
  color: var(--bgColor);
  opacity: 0.7;
}

.g9tcnj ul li:last-child {
  margin-right: 0;
}

.g9tcnj ul li:last-child::before {
  display: none;
}

.g9tcnj ul li:first-child {
  margin-left: 0;
}

/*================================================
Coming Soon Area CSS
=================================================*/
.x9bdol {
  height: 100vh;
  position: relative;
  z-index: 1;
  background: var(--bgColor);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../../assets/img/coming-soon.jpg);
}

.v5i5f9 {
  max-width: 700px;
  background: var(--whiteColor);
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
  padding: 40px;
  -webkit-box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
          box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  margin-left: auto;
  margin-right: auto;
}

.v5i5f9 .post5o {
  display: block;
  margin-bottom: 30px;
}

.v5i5f9 span.eqv7ze {
  font-size: 18px;
  margin: 10px 0;
  color: var(--mainColor);
}

.v5i5f9 h2 {
  font-size: 35px;
  margin: 10px 0;
}

.v5i5f9 #dcdooo {
  margin: 30px 0 40px 0;
}

.v5i5f9 #dcdooo div {
  background-color: var(--blackColor);
  color: var(--whiteColor);
  width: 100px;
  height: 105px;
  border-radius: 5px;
  font-size: 35px;
  font-weight: 700;
  margin-left: 10px;
  margin-right: 10px;
}

.v5i5f9 #dcdooo div span {
  display: block;
  margin-top: -2px;
  font-size: 15px;
  font-weight: 500;
}

/*==========================
404 Page Error Area CSS
============================*/
.uzmtfu {
  text-align: center;
}

.uzmtfu h3 {
  font-size: 35px;
  margin-bottom: 20px;
  margin-top: 45px;
}

.uzmtfu p {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

.uzmtfu .fwk1cj {
  margin-top: 30px;
}

/*==========================
Accordion Area CSS
============================*/
.w1giwl .path75 .yh1omn {
  border-radius: 5px;
  display: block;
  margin: 40px 20px;
  border: 0;
}

.w1giwl .path75 .yh1omn:first-child {
  margin: 20px;
}

.w1giwl .path75 .yh1omn:last-child {
  margin: 20px;
}

.w1giwl .path75 .f51ctf {
  text-decoration: none;
  position: relative;
  display: block;
  font-size: 18px;
  font-weight: 600;
  border: 1px solid rgba(0,0,0,.125);
  z-index: 1;
}

.w1giwl .path75 .f51ctf i {
  position: absolute;
  font-size: 25px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.w1giwl .path75 .f51ctf.active i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.w1giwl .path75 .fk2k9n {
  display: none;
  position: relative;
  margin-top: -6px;
  padding: 23px;
  background-color: var(--whiteColor);
  font-size: 16px;
  border: 1px solid rgba(0,0,0,.125);
}

.w1giwl .path75 .fk2k9n.show {
  display: block;
}

.w1giwl .path75 .f51ctf {
  background: var(--bgColor);
  border-radius: 0;
  color: var(--blackColor);
  padding: 20px 17px 17px 75px;
}

.w1giwl .path75 .f51ctf i {
  background-color: var(--whiteColor);
  color: var(--blackColor);
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
  top: 2px;
  right: auto;
  left: 2px;
}

.w1giwl .path75 .f51ctf.active {
  background: -webkit-gradient(linear, left top, right top, from(var(--secondaryColor)), to(var(--mainColor)));
  background: linear-gradient(to right, var(--secondaryColor), var(--mainColor));
  color: var(--whiteColor);
}

.w1giwl .path75 .f51ctf.active i::before {
  content: "\eaf8";
}

.w1giwl .path75 .fk2k9n {
  background-color: transparent;
}

/*================================================
Team Area CSS
=================================================*/
.bzd5ip {
  background: var(--bgColor);
  position: relative;
  margin: 20px;
}

.wvuv5q .bzd5ip {
  background: var(--whiteColor);
}

.bzd5ip .agn968 {
  overflow: hidden;
}

.bzd5ip .agn968 img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: 100%;
}

.bzd5ip .cdo5zw {
  padding: 20px;
  position: relative;
}

.bzd5ip .cdo5zw h4 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.bzd5ip .cdo5zw h4 a {
  color: var(--blackColor);
}

.bzd5ip .cdo5zw p {
  color: var(--mainColor);
  margin-bottom: 0;
}

.bzd5ip .o5mj37 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--mainColor);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.bzd5ip .o5mj37 h4 {
  font-size: 20px;
  margin-bottom: 0;
  color: var(--whiteColor);
}

.bzd5ip .o5mj37 h4 a {
  color: var(--whiteColor);
}

.bzd5ip .o5mj37 p {
  margin-bottom: 0;
  color: var(--whiteColor);
}

.bzd5ip .o5mj37 .l4evfo {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  margin-top: 40px;
}

.bzd5ip:hover .agn968 img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.bzd5ip:hover .o5mj37 {
  visibility: visible;
  opacity: 1;
}

.bzd5ip:hover .o5mj37 .l4evfo {
  margin-top: 0;
}

.bzd5ip:hover .o5mj37 h4:hover a {
  color: var(--whiteColor);
  text-decoration: underline;
}

/********* Social Media *********/
.v4vgjr {
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 2;
}

.v4vgjr li {
  display: inline-block;
  margin-right: 0 !important;
  margin: 0 2px;
}

.v4vgjr li a {
  height: 28px;
  width: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background: var(--whiteColor);
  color: var(--mainColor);
  font-size: 14px;
}

.v4vgjr li a.q7p82b {
  color: #3b5999;
  border-color: #3b5999;
}

.v4vgjr li a.ok51pj {
  color: #55acee;
  border-color: #55acee;
}

.v4vgjr li a.h1x6ra {
  color: #e4405f;
  border-color: #e4405f;
}

.v4vgjr li a.youtube {
  color: #cd201f;
  border-color: #cd201f;
}

.v4vgjr li a:hover {
  background: var(--blackColor);
  color: var(--whiteColor);
}

.v4vgjr li:first-child {
  margin-left: 0;
}

.v4vgjr li:last-child {
  margin-right: 0;
}

.j0qqvu .agn968 {
  margin-right: 40px;
}

.j0qqvu .agn968 img {
  width: 100%;
}

.m37cm2 h3 {
  margin-bottom: 0;
}

.m37cm2 .rbmvrw {
  color: var(--mainColor);
  margin-bottom: 20px;
}

.m37cm2 .content {
  margin-bottom: 22px;
}

.m37cm2 .hk9as5 {
  margin: 0;
  padding: 0;
}

.m37cm2 .hk9as5 li {
  list-style: none;
  margin-bottom: 8px;
}

.m37cm2 .hk9as5 li:last-child {
  margin-bottom: 0;
}

.m37cm2 .v4vgjr {
  margin-top: 30px;
}

.m37cm2 .v4vgjr li a {
  border: 1px solid var(--mainColor);
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 16px;
}

.m37cm2 .v4vgjr li a:hover {
  border: 1px solid var(--blackColor);
}

.lv6lu0 {
  margin-right: 40px;
}

.eznlre {
  padding: 30px;
}

.eznlre h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

.eznlre .u8czl5 {
  margin-bottom: 30px;
}

.eznlre .u8czl5 h6 {
  margin-bottom: 5px;
}

.eznlre .u8czl5 span {
  color: var(--mainColor);
}

.eznlre .u8czl5 p {
  margin-top: 10px;
  margin-bottom: 0;
}

.d00dx7 {
  margin-bottom: 25px;
}

.d00dx7 .dw2no6 {
  position: absolute;
  top: -35px;
  right: 16px;
}

.d00dx7.omtiz1 .dw2no6 {
  position: absolute;
  top: -35px;
  right: -5px;
}

.d00dx7.tm4o9l .dw2no6 {
  position: absolute;
  top: -35px;
  right: 11px;
}

.d00dx7 .qiewol.u9t4u0 {
  font-weight: 600;
  font-size: 16px;
  color: var(--headingColor);
}

.d00dx7 .xpnfas {
  padding-top: 2px;
  padding-left: 2px;
  position: absolute;
  display: inline-block;
  font-weight: 600;
  font-size: 15px;
  color: var(--headingColor);
}

.d00dx7 .v7rk9q {
  position: relative;
  height: 5px;
  border-radius: 30px;
  background: var(--blackColor);
}

.d00dx7 .v7rk9q .ebztrm {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  border-radius: 30px;
  background: var(--mainColor);
  -webkit-transition: 2.5s;
  transition: 2.5s;
}

/*================================================
Testimonial Area CSS
=================================================*/
.ixwgpf {
  background-color: var(--bgColor);
}

.f4ocrn {
  z-index: 1;
  max-width: 700px;
  position: relative;
  border-radius: 20px;
  background-color: var(--secondaryColor);
  padding: 70px 90px 90px 70px;
  margin-top: 20px;
  margin-left: 20px;
}

.f4ocrn .spfltz {
  margin-bottom: 12px;
}

.f4ocrn .spfltz i {
  color: #FE824C;
  font-size: 18px;
  line-height: 1;
}

.f4ocrn p {
  font-size: 18px;
}

.f4ocrn .dpw7y1 {
  margin-top: 25px;
}

.f4ocrn .dpw7y1 img {
  border: 1px solid var(--bgColor);
  width: 58px;
  border-radius: 50%;
  border-top: none;
  height: 58px;
}

.f4ocrn .dpw7y1 .title {
  margin-left: 15px;
}

.f4ocrn .dpw7y1 .title h3 {
  margin-bottom: 5px;
  font-size: 18px;
}

.f4ocrn .dpw7y1 .title span {
  display: block;
  font-size: 14px;
  color: var(--paragraphColor);
}

.f4ocrn::before {
  position: absolute;
  content: "\ee32";
  line-height: 1;
  opacity: .07;
  bottom: 15%;
  z-index: -1;
  right: 40%;
  font-family: 'boxicons';
  font-size: 120px;
}

.f4ocrn::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: -2;
  position: absolute;
  border-radius: 20px;
  background-color: var(--whiteColor);
  margin-top: -20px;
  margin-left: -20px;
  margin-right: 20px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
    box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
}

.i7t5v3 {
  position: relative;
  z-index: 1;
}

.gwaetz {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 30px;
  padding-bottom: 30px;
}

.gwaetz .c0mgk1 {
  display: block;
  margin-bottom: 8px;
  color: var(--mainColor);
  font-weight: 600;
  font-size: 14px;
}

.gwaetz h2 {
  margin-bottom: 10px;
  font-size: 36px;
}

.gwaetz .rm9nov {
  margin-top: 40px;
  margin-right: 40px;
  margin-bottom: 0;
}

.gwaetz:hover .hc55fb.owl-theme .owl-nav {
  opacity: 1;
  visibility: visible;
}

.rm9nov {
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

.rm9nov .spfltz {
  margin-bottom: 10px;
}

.rm9nov .spfltz i {
  line-height: 1;
  font-size: 18px;
  color: #FE824C;
}

.rm9nov p {
  font-size: 18px;
}

.rm9nov .dpw7y1 {
  margin-top: 30px;
}

.rm9nov .dpw7y1 img {
  border-radius: 50%;
  width: 70px;
  display: inline-block;
  border-top: none;
  height: 70px;
}

.rm9nov .dpw7y1 .title {
  margin-left: 15px;
}

.rm9nov .dpw7y1 .title h5 {
  font-size: 18px;
  margin-bottom: 7px;
  color: var(--mainColor);
}

.rm9nov .dpw7y1 .title span {
  display: block;
  font-size: 15px;
  color: var(--paragraphColor);
}

.rm9nov::before {
  content: "\ee32";
  position: absolute;
  right: 100px;
  z-index: -1;
  line-height: 1;
  opacity: .07;
  bottom: 0;
  font-family: 'boxicons';
  font-size: 100px;
}

.hc55fb .gx87lk img {
  display: inline-block;
  width: auto;
}

.hc55fb.owl-theme .owl-nav {
  top: 50%;
  opacity: 0;
  right: -30px;
  margin-top: 0;
  position: absolute;
  visibility: hidden;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.hc55fb.owl-theme .owl-nav [class*=owl-] {
  padding: 0;
  width: 40px;
  height: 40px;
  margin: 10px 0;
  display: block;
  font-size: 25px;
  line-height: 45px;
  border-radius: 50%;
  color: var(--mainColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: var(--bgColor);
}

.wvuv5q .hc55fb.owl-theme .owl-nav [class*=owl-] {
  background-color: var(--whiteColor);
}

.hc55fb.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

.g4lvyh {
  border-radius: 20px;
  padding-left: 15px;
}

.i7t5v3 .g4lvyh img {
  border-radius: 20px;
}

/*================================================
Blog Area CSS
=================================================*/
.x8llc9 {
  overflow: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  padding: 20px;
  margin-bottom: 20px;
}

.x8llc9 .cut9nm {
  position: relative;
}

.x8llc9 .cut9nm:hover .s9ycwr {
  visibility: visible;
  opacity: 1;
}

.x8llc9 .ckzgff {
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.x8llc9 .ckzgff.active {
  color: var(--mainColor);
}

.x8llc9 .s9ycwr {
  display: inline-block;
  background-color: var(--mainColor);
  padding: 3px 6px 2px 6px;
  width: auto;
  position: absolute;
  border-radius: 3px;
  right: 0;
  top: -40px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.x8llc9 .s9ycwr ul {
  margin: 0;
  padding: 0;
}

.x8llc9 .s9ycwr ul li {
  display: inline-block;
  list-style: none;
}

.x8llc9 .s9ycwr ul li a {
  color: #fff;
  padding: 0 2px;
  font-size: 13px;
}

.x8llc9 .s9ycwr ul li a:hover {
  color: var(--heading-color);
}

.x8llc9 .s9ycwr.active {
  visibility: visible;
  opacity: 1;
}

.x8llc9 .s9ycwr:after {
  content: "";
  position: absolute;
  right: 5px;
  bottom: -4px;
  -webkit-transform: rotate(53deg);
  transform: rotate(53deg);
  height: 11px;
  width: 10px;
  background: var(--mainColor);
}

.x8llc9 .pvcr6r {
  margin-bottom: 20px;
}

.x8llc9 .agn968 {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

.x8llc9 .agn968 .bc2ce5 {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.x8llc9 .agn968 a {
  display: block;
}

.x8llc9 .agn968 img {
  -webkit-transform: scale(1.0);
  transform: scale(1.0);
  -webkit-transition: 0.9s;
  transition: 0.9s;
}

.zy6880 .x8llc9 .agn968 img {
  width: 100%;
}

.zy6880 .x8llc9 .details h4 {
  min-height: 0;
}

.x8llc9 .agn968 .zoamqp {
  background: var(--mainColor);
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: 0;
  margin: 0;
  padding: 10px 20px;
}

.x8llc9 .agn968 .zoamqp.zdvu5f {
  background: var(--blackColor);
}

.x8llc9 .agn968 .zoamqp li {
  color: #fff;
}

.x8llc9 .zoamqp {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

.x8llc9 .zoamqp li {
  display: inline-block;
  margin-right: 30px;
  color: #8A8A8A;
  font-size: 14px;
}

.x8llc9 .zoamqp li i {
  margin-right: 4px;
  color: var(--whiteColor);
}

.x8llc9 .zoamqp li:last-child {
  margin-right: 0;
}

.x8llc9 .details {
  position: relative;
}

.x8llc9 .details h2 {
  margin-bottom: 3px;
}

.x8llc9 .details h2:hover a {
  color: var(--mainColor);
}

.x8llc9 .details h4 {
  font-size: 20px;
  min-height: 80px;
}

.col-lg-6.col-md-6 .x8llc9 .details h4 {
  min-height: 60px;
}

.x8llc9 .details h4 a {
  color: var(--blackColor);
}

.x8llc9 .details h4 a:hover {
  color: var(--mainColor);
}

.x8llc9 .details .title {
  margin-bottom: 17px;
}

.x8llc9 .details p {
  margin-bottom: 20px;
}

.x8llc9 .details .qsdluw {
  font-weight: 600;
}

.x8llc9 .details .btcer9 {
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  background: var(--mainColor);
  display: inline-block;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  bottom: -20px;
  margin-left: -23px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.x8llc9 .details .btcer9 i {
  font-size: 30px;
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.x8llc9:hover .agn968 img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.x8llc9 .agn968 {
  margin-bottom: 0;
}

.x8llc9 .details {
  background: var(--bgColor);
  padding: 20px;
  margin: 0;
}

.wvuv5q .x8llc9 .details {
  background-color: var(--whiteColor);
}

.x8llc9:hover .details .btcer9 {
  background: var(--blackColor);
}

@media only screen and (min-width: 1200px) {
  .gpl52r.hrakok .x8llc9 .details {
    padding: 17px 20px;
  }
  .gpl52r.hrakok .x8llc9 .details h4 {
    font-size: 18px;
    min-height: 93px;
  }
}

.gpl52r.vqxfm5 .kuedoh .d3ztfw {
  margin-top: 20px;
}

.gpl52r.vqxfm5 .x8llc9 {
  padding: 20px 0;
}

.gpl52r.vqxfm5 .x8llc9 .details h4 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 13px;
}

@media only screen and (max-width: 767px) {
  .gpl52r.vqxfm5 .kuedoh {
    padding: 0;
  }
  .gpl52r.vqxfm5 .kuedoh .d3ztfw .mjgmo0:last-child {
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .gpl52r.vqxfm5 .kuedoh {
    padding: 0;
  }
  .gpl52r.vqxfm5 .kuedoh .d3ztfw .mjgmo0:last-child {
    margin-bottom: 15px;
  }
  .kuedoh .x8llc9 .details h4 {
    min-height: 0;
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .gpl52r.vqxfm5 .x8llc9 .details h4 {
    font-size: 16px;
  }
}

/*================================================
Pagination Area CSS
=================================================*/
.ux63xb {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 20px;
}

.ux63xb .xq48ts {
  width: 45px;
  height: 45px;
  line-height: 45px;
  color: var(--blackColor);
  text-align: center;
  display: inline-block;
  position: relative;
  margin-left: 3px;
  margin-right: 3px;
  font-size: 17px;
  background-color: var(--bgColor);
  border: 1px solid #ebebeb;
}

.ux63xb .xq48ts:hover {
  color: var(--whiteColor);
  border-color: var(--mainColor);
  background-color: var(--mainColor);
}

.ux63xb .xq48ts i {
  font-size: 20px;
  top: 2px;
  position: relative;
}

.ux63xb .xq48ts.uf0ccr {
  color: var(--whiteColor);
  border-color: var(--mainColor);
  background-color: var(--mainColor);
}

/*================================================
Blog Sidebar Area CSS
=================================================*/
.d3ztfw.iw2c4w {
  padding: 0 20px;
  margin-top: 20px;
}

.d3ztfw.ffeb2t {
  padding: 0 20px;
  margin-top: 20px;
}

.d3ztfw .mjgmo0 {
  margin-bottom: 40px;
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 20px;
}

.d3ztfw .mjgmo0:last-child {
  margin-bottom: 20px;
}

.d3ztfw .mjgmo0 ul li a {
  font-size: 15px;
}

.d3ztfw .mjgmo0 .title {
  padding-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 25px;
  font-size: 20px;
  position: relative;
}

.d3ztfw .mjgmo0 .title::before {
  content: "";
  position: absolute;
  bottom: -1px;
  width: 50px;
  height: 1px;
  background-color: var(--mainColor);
}

.d3ztfw .mjgmo0.kezmpn .kj254c {
  position: relative;
}

.d3ztfw .mjgmo0.kezmpn .kj254c .a5bvdh {
  height: 50px;
  border: 1px solid var(--whiteColor);
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 10px;
  width: 100%;
}

.d3ztfw .mjgmo0.kezmpn .kj254c .a5bvdh:focus {
  border-color: var(--mainColor);
}

.d3ztfw .mjgmo0.kezmpn .kj254c button {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  background-color: var(--mainColor);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.d3ztfw .mjgmo0.kezmpn .kj254c button:hover {
  background-color: var(--blackColor);
}

.d3ztfw .mjgmo0.kezmpn .kj254c button i {
  color: var(--whiteColor);
  position: relative;
  top: 2px;
  right: 5px
}

.d3ztfw .mjgmo0.aslelz ul li {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 10px;
  height: 92px;
}

.d3ztfw .mjgmo0.aslelz ul li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.d3ztfw .mjgmo0.aslelz ul li a {
  position: relative;
  display: block;
  padding-left: 120px;
}

.d3ztfw .mjgmo0.aslelz ul li a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 110px;
  height: 80px;
}

.d3ztfw .mjgmo0.aslelz ul li a span {
  display: block;
  margin-bottom: 5px;
  color: #545454;
  font-size: 14px;
  font-weight: 500;
}

.d3ztfw .mjgmo0.aslelz ul li a span:hover {
  color: var(--mainColor);
}

.d3ztfw .mjgmo0.aslelz ul li a h3 {
  font-size: 15px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-weight: 500;
}

.d3ztfw .mjgmo0.aslelz ul li a h3:hover {
  color: var(--mainColor);
}

.d3ztfw .mjgmo0.aslelz ul li a {
  color: #545454;
}

.d3ztfw .mjgmo0.aslelz ul li a:hover {
  color: var(--mainColor);
}

.d3ztfw .mjgmo0.c6j935 ul li {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.d3ztfw .mjgmo0.c6j935 ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}

.d3ztfw .mjgmo0.c6j935 ul li a {
  position: relative;
  display: block;
  color: #545454;
}

.d3ztfw .mjgmo0.c6j935 ul li a span {
  display: block;
  margin-bottom: 5px;
  color: #545454;
  float: right;
}

.d3ztfw .mjgmo0.c6j935 ul li a:hover {
  color: var(--mainColor);
}

.d3ztfw .mjgmo0.c6j935 ul li a:hover span {
  color: var(--mainColor);
}

.d3ztfw .mjgmo0.hl04vi ul li {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.d3ztfw .mjgmo0.hl04vi ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}

.d3ztfw .mjgmo0.hl04vi ul li a {
  position: relative;
  display: block;
  color: #545454;
}

.d3ztfw .mjgmo0.hl04vi ul li a span {
  display: block;
  margin-bottom: 5px;
  color: #545454;
  float: right;
}

.d3ztfw .mjgmo0.hl04vi ul li a:hover {
  color: var(--mainColor);
}

.d3ztfw .mjgmo0.hl04vi ul li a:hover span {
  color: var(--mainColor);
}

.d3ztfw .mjgmo0.qrbvza ul li {
  border: 1px solid #eeeeee;
  padding: 10px 8px;
  margin-right: 5px;
  margin-bottom: 10px;
  display: inline-block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.d3ztfw .mjgmo0.qrbvza ul li a {
  position: relative;
  display: block;
  color: #545454;
}

.d3ztfw .mjgmo0.qrbvza ul li:hover {
  background-color: var(--mainColor);
}

.d3ztfw .mjgmo0.qrbvza ul li:hover a {
  color: var(--whiteColor);
}

/*================================================
Blog Details Area CSS
=================================================*/
.zrnxkt {
  padding: 20px;
}

.zrnxkt .vwsec9 img {
  width: 100%;
}

.zrnxkt .i3bwjs {
  margin-bottom: 30px;
}

.zrnxkt .i3bwjs h3 {
  font-size: 25px;
  margin-bottom: 15px;
}

.zrnxkt .i3bwjs ul {
  margin-bottom: 15px;
}

.zrnxkt .i3bwjs ul li {
  display: inline-block;
  padding: 0 10px;
  font-size: 15px;
}

.zrnxkt .i3bwjs ul li i {
  color: var(--mainColor);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.zrnxkt .i3bwjs ul li:first-child {
  padding-left: 0;
  padding-right: 0;
}

.zrnxkt .i3bwjs ul li:last-child {
  padding-left: 0;
  padding-right: 0;
}

.zrnxkt .i3bwjs ul li a {
  color: #545454;
}

.zrnxkt .i3bwjs ul li a i {
  color: var(--mainColor);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.zrnxkt .i3bwjs ul li a:hover {
  color: var(--mainColor);
}

.zrnxkt .i3bwjs ul li a:hover i {
  color: var(--mainColor);
}

.zrnxkt .i3bwjs ul li i {
  position: relative;
  top: 1px;
  margin-right: 5px;
}

.zrnxkt .i3bwjs .vwsec9 {
  margin-bottom: 30px;
}

.zrnxkt .mbdk0y {
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  position: relative;
  padding: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}

.zrnxkt .mbdk0y::before {
  content: "";
  position: absolute;
  top: 30px;
  left: 30px;
  width: 100%;
  height: 100%;
  background-image: url(../../assets/img/blog/quate.png);
  background-position: top left;
  background-repeat: no-repeat;
}

.zrnxkt .mbdk0y::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: var(--mainColor);
}

.zrnxkt .mbdk0y p {
  font-size: 20px;
  color: #595959;
  font-style: italic;
}

.zrnxkt .mbdk0y span {
  font-size: 16px;
  color: var(--mainColor);
}

.zrnxkt .s4szi2 h3 {
  font-size: 25px;
  margin-bottom: 20px;
}

.zrnxkt .s4szi2 p {
  margin-bottom: 30px;
}

.zrnxkt .lb9mnh {
  margin-bottom: 35px;
}

.zrnxkt .lb9mnh .t33bmn ul li {
  display: inline-block;
  background-color: #eeeeee;
  padding: 5px 10px;
}

.zrnxkt .lb9mnh .it82io {
  line-height: 1;
  text-align: right;
}

.zrnxkt .lb9mnh .it82io .gfa8oq {
  position: relative;
  top: -3px;
}

.zrnxkt .lb9mnh .it82io li {
  display: inline-block;
}

.zrnxkt .lb9mnh .it82io li a {
  padding: 0 5px;
}

.zrnxkt .lb9mnh .it82io li a i {
  font-size: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.zrnxkt .lb9mnh .it82io li a:hover {
  color: #122738;
}

.zrnxkt .t2j9qo {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
  margin-bottom: 30px;
}

.zrnxkt .t2j9qo::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 50%;
  height: 80%;
  width: 1px;
  background-color: #eeeeee;
}

.zrnxkt .t2j9qo .m88rjn {
  font-size: 18px;
}

.zrnxkt .t2j9qo .m88rjn a {
  color: #545454;
}

.zrnxkt .t2j9qo .m88rjn a:hover {
  color: var(--mainColor);
}

.zrnxkt .t2j9qo .m88rjn i {
  position: relative;
  top: 5px;
  color: var(--mainColor);
  font-size: 25px;
}

.zrnxkt .t2j9qo .h3mq5b {
  font-size: 18px;
  float: right;
}

.zrnxkt .t2j9qo .h3mq5b a {
  color: #545454;
}

.zrnxkt .t2j9qo .h3mq5b a:hover {
  color: var(--mainColor);
}

.zrnxkt .t2j9qo .h3mq5b i {
  position: relative;
  top: 5px;
  color: var(--mainColor);
  font-size: 25px;
}

.zrnxkt .qgr9uj {
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 30px;
  margin-top: 40px;
  position: relative;
  padding-left: 210px;
}

.zrnxkt .qgr9uj img {
  position: absolute;
  top: 18px;
  left: 20px;
}

.zrnxkt .qgr9uj .it82io {
  line-height: 1;
}

.zrnxkt .qgr9uj .it82io .gfa8oq {
  position: relative;
  top: -3px;
}

.zrnxkt .qgr9uj .it82io li {
  display: inline-block;
}

.zrnxkt .qgr9uj .it82io li a {
  padding: 0 5px;
}

.zrnxkt .qgr9uj .it82io li a i {
  font-size: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.zrnxkt .qgr9uj .it82io li a:hover {
  color: #122738;
}

.zrnxkt .uch57o {
  padding-top: 40px;
}

.zrnxkt .uch57o .title {
  font-size: 25px;
  margin-bottom: 40px;
}

.zrnxkt .uch57o ul {
  margin-bottom: 40px;
}

.zrnxkt .uch57o ul li {
  position: relative;
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 30px;
  padding-left: 150px;
  margin-bottom: 40px;
}

.zrnxkt .uch57o ul li:last-child {
  margin-bottom: 0;
}

.zrnxkt .uch57o ul li img {
  border-radius: 50%;
  position: absolute;
  top: 35px;
  left: 30px;
}

.zrnxkt .uch57o ul li h3 {
  margin-bottom: 5px;
  font-size: 18px;
}

.zrnxkt .uch57o ul li span {
  margin-bottom: 10px;
  display: block;
  font-size: 15px;
}

.zrnxkt .uch57o ul li p {
  margin-bottom: 0;
}

.zrnxkt .uch57o ul li a {
  position: absolute;
  top: 30px;
  right: 30px;
}

.zrnxkt .uch57o ul .uw3xo1 {
  margin-left: 30px;
}

.zrnxkt .zv1l3u .y93mjy .id5mug {
  text-align: left !important;
  margin-bottom: 30px;
}

.zrnxkt .zv1l3u .y93mjy .id5mug h2 {
  font-size: 25px;
}

.pjj259 {
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 30px 15px;
}

.pjj259 .ddto5x {
  margin-bottom: 20px;
  padding: 0 15px;
}

.pjj259 .ddto5x h2 {
  font-size: 20px;
}

.pjj259 .n6mcm0 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.pjj259 input[type="checkbox"] {
  position: relative;
  top: 1px;
  right: 5px;
}

.pjj259 form label {
  float: left;
}

.pjj259 form .ma3681 {
  width: 100%;
  height: 50px;
  line-height: 50px;
}

.pjj259 .q8170b {
  padding: 15px;
}

.pjj259 .fwk1cj {
  margin: 15px 15px 0 15px;
}

/*================================================
About Area CSS
=================================================*/
.mt8iy8 {
  position: relative;
}

.blhf7c, .u1c6b7, .way0li {
  padding: 20px;
}

.l0fmcs .blhf7c {
  position: relative;
}

.l0fmcs .blhf7c .pgbl8k {
  margin-bottom: 33px;
}

.l0fmcs .blhf7c .pgbl8k span {
  color: var(--mainColor);
  font-weight: 600;
}

.l0fmcs .blhf7c .pgbl8k h2 {
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 48px;
  font-weight: 600;
  margin-bottom: 20px;
}

.l0fmcs .blhf7c .pgbl8k .x2qo3x {
  position: relative;
  width: 100px;
  height: 4px;
  background: var(--mainColor);
}

.l0fmcs .blhf7c h4 {
  display: block;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 17px;
}

.l0fmcs .blhf7c p {
  margin-bottom: 27px;
}

.l0fmcs .blhf7c .qg73zj li {
  position: relative;
  display: block;
  margin-bottom: 10px;
  padding-left: 30px;
}

.l0fmcs .blhf7c .qg73zj li:last-child {
  margin-bottom: 0px;
}

.l0fmcs .blhf7c .qg73zj li i {
  position: absolute;
  left: 0px;
  top: 3px;
  color: var(--mainColor);
  font-size: 18px;
}

.mt8iy8 .u1c6b7 {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 5px;
  margin: 0;
}

.mt8iy8 .u1c6b7 img {
  width: 100%;
  border-radius: 5px;
}

.mt8iy8 .u1c6b7::before {
  position: absolute;
  top: -30%;
  left: 0;
  width: 150%;
  height: 150%;
  background: rgba(255,255,255,.3);
  content: '';
  -webkit-transition: -webkit-transform .9s;
  transition: transform .9s;
  -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
  transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

.mt8iy8 .u1c6b7:hover::before {
  -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
  transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.dk95zz .way0li {
  position: relative;
  display: block;
  overflow: hidden;
}

.dk95zz:last-child .way0li {
  margin-bottom: 0px;
}

.dk95zz .way0li .image {
  position: relative;
  display: block;
  overflow: hidden;
  background: #252638;
  border-radius: 5px;
  margin: 0;
}

.dk95zz .way0li .image img {
  width: 100%;
  border-radius: 5px;
  transition: all 500ms ease;
}

.dk95zz .way0li:hover .image img {
  opacity: 0.1;
}

.dk95zz .way0li .image:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.8)10%, rgba(0,0,0,0.2) 50%);
  left: 0px;
  bottom: 0px;
  z-index: 1;
  transition: all 500ms ease;
}

.dk95zz .way0li .text {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.dk95zz .way0li .text a {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #ffffff;
  font-size: 14px;
  text-align: center;
  border-radius: 50%;
  color: #2b2c3d;
}

.dk95zz .way0li:hover .text a {
  color: #ffffff;
  box-shadow: 0px 0px 0px 5px rgba(228, 30, 47, 0.5);
}

.dk95zz .way0li h4 {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  color: #ffffff;
}

.dk95zz .way0li h4:before {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  left: 30px;
}

.dk95zz .way0li h4:after {
  position: absolute;
  content: '';
  width: 50px;
  height: 4px;
  left: 38px;
}

.dk95zz .way0li .text h4 {
  position: absolute;
  left: 0px;
  bottom: 22px;
  padding: 16px 20px 0px 30px;
  opacity: 1;
  transition: all 500ms ease;
}

.dk95zz .way0li:hover .text h4 {
  opacity: 0;
}

.dk95zz .way0li .text h4:before,
.dk95zz .way0li .text h4:after {
  top: 0px;
}

.dk95zz .way0li .fbaqw3 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding: 0px 20px 0px 40px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 500ms ease;
}

.dk95zz .way0li:hover .fbaqw3 {
  bottom: 33px;
  opacity: 1;
  visibility: visible;
}

.dk95zz .way0li .fbaqw3 h4 {
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.dk95zz .way0li .fbaqw3 h4:before,
.dk95zz .way0li .fbaqw3 h4:after {
  bottom: 0px;
  background-color: var(--mainColor);
}

.dk95zz .way0li .fbaqw3 h4:before {
  left: 0px;
}

.dk95zz .way0li .fbaqw3 h4:after {
  left: 8px;
}

.dk95zz .way0li .fbaqw3 p {
  color: var(--bgColor);
}

.v63qqk .w8blum {
  color: var(--mainColor);
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}

.v63qqk {
  margin-right: 40px;
}

.v63qqk h2 {
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 20px;
  font-weight: 600;
}

.v63qqk p {
  margin-bottom: 30px;
}

.v63qqk ul {
  margin-bottom: 35px;
}

.v63qqk ul li {
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 15px;
  position: relative;
  padding-left: 35px;
}

.v63qqk ul li:last-child {
  margin-bottom: 0;
}

.v63qqk ul li i {
  display: inline-block;
  background-color: var(--bgColor);
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 50%;
  font-size: 16px;
  color: var(--mainColor);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute;
  top: -3px;
  left: 0;
}

.v63qqk ul li:hover i {
  background-color: var(--mainColor);
  color: #ffffff;
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}

.lypl5d {
  background-image: url(../../assets/img/about/about-4.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
}

/*================================================
Counter Area CSS
=================================================*/
.gflz0d {
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin: 20px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 30px;
  position: relative;
}

.gflz0d i {
  background-color: #def5ee;
  color: var(--mainColor);
  font-size: 30px;
  line-height: 1;
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin: 0 auto 25px;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.gflz0d p {
  color: var(--mainColor);
  line-height: 1;
  margin-bottom: 0;
  font-size: 18px;
}

.gflz0d h2 {
  color: var(--blackColor);
  line-height: 1;
  font-size: 40px;
  margin-top: -8px;
  margin-bottom: 10px;
}

.gflz0d:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.gflz0d:hover i {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

/*================================================
Video Area CSS
=================================================*/
.niglvd {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.yczrut {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 89px;
  text-align: center;
  border-radius: 50px;
  color: var(--mainColor);
  position: relative;
  top: 3px;
  z-index: 1;
  background-color: rgba(250, 103, 103, 0.5);
}

.yczrut i {
  font-size: 50px;
  font-weight: 700;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 4px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

.yczrut::after, .yczrut::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 50px;
  background-color: rgba(250, 103, 103, 0.5);
}

.yczrut::before {
  -webkit-animation: ripple 1.6s ease-out infinite;
          animation: ripple 1.6s ease-out infinite;
}

.yczrut::after {
  -webkit-animation: ripple 1.6s ease-out infinite;
          animation: ripple 1.6s ease-out infinite;
}

.yczrut:hover {
  background-color: var(--mainColor);
}

.yczrut:hover i {
  color: #ffffff;
}

.yczrut:hover::after, .yczrut:hover::before {
  background-color: var(--mainColor);
}

@-webkit-keyframes ripple {
  0%, 35% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

@keyframes ripple {
  0%, 35% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

/*================================================
Tabs Area CSS
=================================================*/
.aiacmv {
  display: none;
}

.aiacmv .row {
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}

.aiacmv:first-child {
  display: block;
}

.d3e6wm .onc88b {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  text-align: center;
  margin-bottom: 40px;
  margin-top: 40px;
}

.d3e6wm .onc88b li {
  display: inline-block;
  cursor: pointer;
  font-size: 20px;
  font-weight: 500;
  padding: 20px 95px;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.d3e6wm .onc88b li:last-child {
  border-right: none;
}

.d3e6wm .onc88b li:hover {
  color: var(--mainColor);
}

.d3e6wm .onc88b li.uf0ccr {
  color: var(--mainColor);
}

.gzz6lb {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  border-radius: 4px;
  padding: 40px;
}

.gzz6lb .ie5qe7 {
  margin-bottom: 0;
}

.gzz6lb .ie5qe7 h2 {
  font-size: 30px;
}

.diuqu0 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  border-radius: 4px;
  position: relative;
}

.diuqu0 .niglvd {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.diuqu0.mgkro9 {
  background-image: url(../../assets/img/about/about-1.jpg);
}

.diuqu0.vk709c {
  background-image: url(../../assets/img/about/about-5.jpg);
}

.diuqu0.pyr70j {
  background-image: url(../../assets/img/about/about-6.jpg);
}

/*================================================
Contact Area CSS
=================================================*/
.kjy5a6 .eujxox {
  text-align: center;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.08);
  background-color: var(--whiteColor);
  padding: 40px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 4px;
}

.kjy5a6 .eujxox i {
  display: block;
  color: var(--mainColor);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 25px;
  width: 60px;
  height: 60px;
  margin: 0 auto 15px;
  line-height: 60px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.08);
  border-radius: 50%;
}

.kjy5a6 .eujxox h3 {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 22px;
}

.kjy5a6 .eujxox a {
  color: #545454;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  display: block;
  font-size: 15px;
}

.kjy5a6 .eujxox:hover {
  background-color: var(--mainColor);
}

.kjy5a6 .eujxox:hover i {
  color: var(--mainColor);
  border-color: var(--whiteColor);
  background-color: var(--whiteColor);
}

.kjy5a6 .eujxox:hover h3 {
  color: var(--whiteColor);
}

.kjy5a6 .eujxox:hover a {
  color: var(--whiteColor);
}

.kjy5a6 .ce4zob {
  padding: 20px;
}

/* CONTACT FORM STYLE */
.zv1l3u .y93mjy {
  padding: 25px;
  text-align: center;
}

.zv1l3u .y93mjy .fwk1cj {
  margin-top: 10px;
}

#lcvhf2 {
  margin-top: 30px;
  font-size: 20px;
}

.sv78d7 {
  display: none;
}

.hidden {
  display: none;
}

.y93mjy {
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.08);
  padding: 30px;
}

.y93mjy .kg87at {
  padding: 15px;
}

.y93mjy .id5mug {
  margin-bottom: 30px;
}

.y93mjy .id5mug h2 {
  font-size: 20px;
}

.f0mjei {
  padding: 20px
}

.f0mjei ul li i {
  float: left;
  margin-top: 2px;
  margin-right: 10px;
  font-size: 20px;
  color: var(--mainColor);
}

.f0mjei h3 {
  font-size: 30px;
  margin-bottom: 20px;
}

.f0mjei p {
  color: #323347;
  margin-bottom: 20px;
}

.f0mjei ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.f0mjei ul li {
  padding: 15px 0;
}

.f0mjei ul li:last-child {
  margin-bottom: 0;
}

.f0mjei ul li span {
  font-size: 16px;
  font-weight: 600;
  color: var(--mainColor);
  display: block;
  margin-bottom: 10px;
}

.qhmkod {
  padding: 0 20px;
}

.qhmkod h3 {
  font-size: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.qhmkod form label {
  width: 100%;
}

.qhmkod .kg87at {
  padding: 15px 0;
}

.qhmkod form input, .qhmkod form textarea {
  border-radius: 0;
  height: 60px;
  border: 1px solid #ebebeb;
  background-color: var(--bgColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  width: 100%;
  padding: 0.5rem 1rem;
}

.qhmkod form input:focus, .qhmkod form textarea:focus {
  outline: 0 none;
}

.qhmkod form input::-webkit-input-placeholder,
.qhmkod form textarea::-webkit-input-placeholder {
  color: var(--mainColor);
}

.qhmkod form input:-ms-input-placeholder, 
.qhmkod form textarea:-ms-input-placeholder {
  color: var(--mainColor);
}

.qhmkod form input::-ms-input-placeholder, 
.qhmkod form textarea::-ms-input-placeholder {
  color: var(--mainColor);
}

.qhmkod form input::placeholder, 
.qhmkod form textarea::placeholder {
  color: var(--mainColor);
}

.qhmkod form input:focus, 
.qhmkod form textarea:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--mainColor);
}

.m9pdx8 .qhmkod form input[type="submit"]:focus {
  outline: none;
}

.qhmkod form textarea {
  height: auto;
}

.m9pdx8 .qhmkod form input[type="submit"] {
  display: inline-block;
  text-align: center;
  background-color: var(--mainColor);
  color: var(--whiteColor);
  border: 2px solid var(--mainColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  position: relative;
  z-index: 1;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px #ebebeb;
          box-shadow: 3px 3px #ebebeb;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 16px;
  font-weight: 600;
}

.m9pdx8 .qhmkod form input[type="submit"]::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  content: '';
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.qhmkod form input[type="submit"]:hover {
  color: var(--mainColor);
  border: 2px solid var(--mainColor);
  background-color: transparent;
}

.qhmkod form input[type="submit"]:hover::before {
  opacity: 0;
  visibility: hidden;
}

.qhmkod label, .y93mjy label {
  margin-bottom: 10px;
  font-size: 15px;
}

/* GOOGLE MAP STYLE */
.wr9b03 iframe {
  height: 500px;
  width: 100%;
}

.m9pdx8 .v874fb {
  margin-top: 30px;
}

.v874fb iframe {
  width: 100%;
  display: block;
  border: none;
  border-radius: 20px;
}

/*================================================
Photo Gallery Area CSS
=================================================*/
.pyzv7f .fsw1kf {
  margin-bottom: 80px;
}

.pyzv7f .ha8etv {
  margin-bottom: 24px;
}

.pyzv7f {
  overflow: hidden;
}

.pyzv7f .gallery {
  position: relative;
}

.pyzv7f .gallery .a1kvd3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  opacity: 0;
}

.pyzv7f .gallery .a1kvd3 i {
  font-size: 50px;
  color: var(--whiteColor);
}

.pyzv7f .gallery:hover .a1kvd3 {
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}

/*================================================
Video Gallery Area CSS
=================================================*/
.zfmljv .fsw1kf {
  margin-bottom: 80px;
}

.n3foub {
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  border-radius: 0;
  color: var(--mainColor);
  position: relative;
  top: 3px;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.n3foub i {
  font-size: 80px;
  color: var(--mainColor);
  position: absolute;
  top: 0;
  left: 6px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

.n3foub::after, .n3foub::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 0;
  border-radius: 50%;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  -webkit-animation: ripple 1.6s ease-out infinite;
          animation: ripple 1.6s ease-out infinite;
  background-color: rgba(255, 255, 255, 0.9);
}

.n3foub:hover::before, .n3foub:hover::after {
  background-color: rgba(255, 255, 255, 0.9);
}

@-webkit-keyframes ripple {
  0%, 35% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

@keyframes ripple {
  0%, 35% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

/*
Video wave Style*/
.tp1thc span {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  content: "";
  display: block;
  border-radius: 50%;
  width: 90px;
  height: 90px;
}

.tp1thc span::after {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 0.1px solid var(--mainColor);
  -webkit-animation: videoTwo 8s linear infinite;
          animation: videoTwo 8s linear infinite;
}

.tp1thc span::before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 0.1px solid var(--mainColor);
  -webkit-animation: videoTwo 8s linear infinite;
          animation: videoTwo 8s linear infinite;
}

.tp1thc span:nth-child(1)::after {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.tp1thc span:nth-child(1)::before {
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}

.tp1thc span:nth-child(2)::after {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.tp1thc span:nth-child(2)::before {
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}

.tp1thc span:nth-child(3)::after {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.tp1thc span:nth-child(3)::before {
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
}

.tp1thc span:nth-child(4)::after {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}

.tp1thc i {
  width: 90px;
  height: 90px;
  line-height: 80px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background: var(--whiteColor);
  color: var(--mainColor);
  border: 5px solid var(--mainColor);
  font-size: 60px;
}

.tp1thc.tgc1i6 i {
  color: var(--mainColor);
  border-color: var(--mainColor);
}

.tp1thc.tgc1i6 span::before {
  border: 0.1px solid var(--mainColor);
}

.tp1thc.tgc1i6 span::after {
  border: 0.1px solid var(--mainColor);
}

@-webkit-keyframes videoTwo {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(5);
            transform: translate(-50%, -50%) scale(5);
    opacity: 0;
  }
}

@keyframes videoTwo {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(5);
            transform: translate(-50%, -50%) scale(5);
    opacity: 0;
  }
}

.lua7sc {
  max-width: 1010px;
  margin: auto;
  text-align: center;
  background-image: url(../../assets/img/video/video-bg-1.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  padding-top: 150px;
  padding-bottom: 150px;
  position: relative;
  z-index: 1;
}

.lua7sc.vk709c {
  background-image: unset;
  padding: 0;
}

.lua7sc.vk709c img {
  border-radius: 50%;
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
  border: 5px solid var(--whiteColor);
}

.lua7sc.vk709c::before {
  display: none;
}

.lua7sc.vk709c .acwwhd {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.lua7sc.gn53ph {
  background-image: url(../../assets/img/video/video-bg-4.jpg);
  border: 5px solid var(--whiteColor);
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
}

.lua7sc.gn53ph::before {
  display: none;
}

.lua7sc.gn53ph .acwwhd {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.lua7sc.npq6si {
  background-image: url(../../assets/img/video/video-bg-7.jpg);
  border-radius: 0;
}

.lua7sc.npq6si::before {
  display: none;
}

.lua7sc.klw3m0 {
  background-image: url(../../assets/img/video/video-bg-8.jpg);
  padding-top: 150px !important;
  padding-bottom: 150px !important;
  border-radius: 15px;
}

.lua7sc.klw3m0::before {
  display: none;
}

.lua7sc::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: linear-gradient(45deg, #38c8f3 0%, #38c8f3 0%, #397fe7 100%);
  opacity: 0.9;
  z-index: -1;
}

.lua7sc h3 {
  color: var(--whiteColor);
  font-size: 40px;
  margin-bottom: 0;
  margin-top: 30px;
}

.sy1qzt {
  padding-left: 50px;
  background-color: #fff7f2;
  border-radius: 0 225px 225px 0;
}

.sy1qzt p {
  padding-right: 50px;
}

.sy1qzt h2 {
  font-size: 36px;
  margin-bottom: 20px;
}

.sy1qzt .n3foub i {
  color: #d14327;
}

.vvay6p {
  background-image: url(../../assets/img/video/video-bg-3.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  padding-top: 200px;
  padding-bottom: 200px;
  position: relative;
  z-index: 1;
}

.vvay6p::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

.vvay6p .sy1qzt {
  background-color: transparent;
  padding-left: 0;
}

.vvay6p .sy1qzt h2 {
  color: var(--whiteColor);
}

.vvay6p .sy1qzt p {
  color: var(--whiteColor);
}

.tcli6h .sy1qzt {
  background-color: transparent;
  padding-left: 0;
}

.tcli6h .levol3 {
  background-image: unset;
  padding: 0;
  position: relative;
}

.tcli6h .levol3::before {
  display: none;
}

.tcli6h .levol3 .acwwhd {
  position: absolute;
  bottom: 200px;
  right: 200px;
}

.bc2ce5 {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 70px;
  display: inline-block;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background-color: #db3945;
  color: var(--mainColor);
  border: 5px solid #464d4b;
}

.bc2ce5 i {
  position: relative;
  top: -7px;
  left: 4px;
  color: var(--whiteColor);
}

.q0vece .lua7sc {
  border-radius: 0;
}

.q0vece .lua7sc::before {
  display: none;
}

.q0vece {
  background-image: url(../../assets/img/video/video-bg-6.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  padding-top: 100px;
  position: relative;
  z-index: 1;
}

.q0vece::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #ffffff;
  z-index: -1;
}

.q0vece::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

.ms27qx .sy1qzt {
  background-color: var(--whiteColor);
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
}

.gmch0q .sy1qzt {
  background-color: var(--whiteColor);
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-left: 0;
}

.gmch0q .rkq7wr {
  background-image: url(../../assets/img/video/video-bg-9.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  padding: 50px 40px;
  border-radius: 0 10px 10px 0;
}

.gmch0q .kz2gwh {
  padding-left: 0;
}

.gmch0q .mk8pvp {
  padding-right: 0;
}

.gmch0q .lua7sc {
  position: relative;
  padding: 0;
}

/*================================================
Main Slider Area CSS
==================================================*/
.c3muae {
  padding: 0 20px;
}

.kuedoh .owl-carousel .owl-stage .owl-item {
  left: -0.5px;
}

.kuedoh .d3ztfw .mjgmo0 {
  padding: 15px;
}

.kuedoh .d3ztfw .mjgmo0.aslelz {
  padding: 15px 15px 0 15px;
}

.kuedoh .mjgmo0.aslelz ul li a h3 {
  font-size: 14px;
  line-height: 18px;
}

.kuedoh .mjgmo0.aslelz ul li a {
  padding-left: 95px;
}

.kuedoh .mjgmo0.aslelz ul li a img {
  width: 85px;
  height: 65px;
}

.kuedoh .x8llc9 {
  padding: 0 0 20px;
  overflow: visible;
}

.kuedoh .x8llc9:last-child {
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .c3muae {
    padding: 0 0 30px;
  }
  .kuedoh .d3ztfw .mjgmo0:last-child {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .c3muae {
    padding: 0 0 40px;
  }
  .kuedoh .d3ztfw .mjgmo0:last-child {
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .kuedoh .d3ztfw .mjgmo0.aslelz {
    padding: 15px 10px 0 10px;
  }
  .kuedoh .d3ztfw .mjgmo0.aslelz ul li {
    height: 94px;
  }
  .kuedoh .d3ztfw .mjgmo0.aslelz ul li a {
    padding-left: 80px;
  }
  .kuedoh .d3ztfw .mjgmo0.aslelz ul li a img {
    width: 70px;
    height: 55px;
  }
  .kuedoh .d3ztfw .mjgmo0.aslelz ul li a h3 {
    font-size: 13px;
    line-height: 16px;
  }
}

.flgr87 {
  position: relative;
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
  max-height: 500px;
  padding-top: 200px;
  padding-bottom: 200px;
}

.b28jdm {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  bottom: 30px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 25px;
  padding-right: 25px;
  margin-left: 30px;
  margin-right: 30px;
  color: #ffffff;
  text-align: center;
}

.b28jdm h1 {
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 1.4;
  color: var(--whiteColor);
}

.b28jdm p {
  color: var(--whiteColor);
  font-size: 15px;
}
 
.c3muae.owl-theme .owl-nav {
  top: 50%;
  right: 25px;
  margin-top: 0;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
}
 
.c3muae.owl-theme .owl-nav [class*=owl-] {
  padding: 0;
  width: 40px;
  height: 40px;
  margin: 8px 0;
  display: block;
  font-size: 25px;
  border-radius: 0;
  position: relative;
  color: var(--blackColor);
  background: var(--whiteColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.c3muae.owl-theme .owl-nav [class*=owl-] i {
  right: 0;
  left: 0;
  top: 50%;
  margin-top: 1px;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.c3muae.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}
 
.c3muae.owl-theme:hover .owl-nav {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 767px) {
  .b28jdm {
    bottom: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .b28jdm h1 {
    font-size: 14px;
  }
  .b28jdm p {
    font-size: 13px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .b28jdm h1 {
    font-size: 17px;
  }
  .b28jdm p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .b28jdm h1 {
    font-size: 17px;
  }
  .b28jdm p {
    font-size: 14px;
  }
}

/*================================================
Breaking News Area CSS
=================================================*/
.epwc7k {
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
  padding-left: 185px;
  border: 1px solid #e2e5e9;
  background: var(--bgColor);
  margin-bottom: 20px;
  margin-top: 10px;
}

.epwc7k span {
  background-color: var(--mainColor);
  color: var(--whiteColor);
  padding: 5px 20px;
  position: absolute;
  top: 12px;
  left: 12px;
}

.epwc7k span::before {
  content: "";
  position: absolute;
  top: 12px;
  right: -5px;
  width: 10px;
  height: 10px;
  background-color: var(--mainColor);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.epwc7k p {
  color: var(--blackColor);
}

.epwc7k a p:hover {
  color: var(--mainColor);
}

@media only screen and (max-width: 767px) {
  .epwc7k {
    padding-left: 0;
    padding-bottom: 10px;
    margin-bottom: 30px;
  }
  .epwc7k span {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
    text-align: center;
  }
  .epwc7k span::before {
    top: 27px;
    right: 0;
    left: 0;
    margin: auto;
  }
  .epwc7k p {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .epwc7k {
    padding-left: 0;
    padding-bottom: 10px;
    margin-bottom: 30px;
  }
  .epwc7k span {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
    text-align: center;
  }
  .epwc7k span::before {
    top: 27px;
    right: 0;
    left: 0;
    margin: auto;
  }
  .epwc7k p {
    padding: 0 15px;
  }
}

/*================================================
Top View Area CSS
=================================================*/
.oa85kj {
  padding: 20px;
}

.oa85kj .title {
  padding-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 25px;
  font-size: 20px;
  position: relative;
}

.oa85kj .title::before {
  content: "";
  position: absolute;
  bottom: -1px;
  width: 50px;
  height: 1px;
  background-color: var(--mainColor);
}

@media only screen and (max-width: 767px) {
  .oa85kj {
    padding: 0 0 15px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .oa85kj {
    padding: 0 0 20px 0;
  }
}

/*================================================
Banner Area CSS
==================================================*/
.nbkqcb .container-fluid .row {
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}

.agknye {
  position: relative;
  margin-bottom: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  height: 300px;
  overflow: hidden;
}

.agknye::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.9)));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.9));
}

.agknye .s1x72e {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
}

.agknye {
  -webkit-transform: scale(1.0);
  transform: scale(1.0);
  -webkit-transition: 0.9s;
  transition: 0.9s;
}

.agknye:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.agknye.mcn2kh:hover {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}

.agknye .s1x72e h3 {
  font-size: 18px;
  margin-bottom: 15px;
  line-height: 1.3;
}

.agknye .s1x72e h3 a {
  color: var(--whiteColor);
}

.agknye .s1x72e h3 a:hover {
  color: var(--mainColor);
}

.agknye .s1x72e ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}

.agknye .s1x72e ul li {
  display: inline-block;
  color: var(--whiteColor);
  font-size: 14px;
  position: relative;
  padding-right: 10px;
  margin-right: 10px;
  padding-bottom: 10px;
  text-transform: capitalize;
}

.agknye .s1x72e ul li i {
  margin-right: 5px;
}

.agknye .s1x72e ul li::before {
  content: none;
}

.agknye .s1x72e ul li:last-child::before {
  content: none;
}

.agknye .s1x72e ul li a {
  color: var(--whiteColor);
}

@media only screen and (max-width: 767px) {
  .agknye .s1x72e {
    padding: 10px;
  }
  .agknye .s1x72e h3 {
    font-size: 15px;
  }
  .nbkqcb .col-lg-6 .row .col-lg-6:last-child .agknye {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .agknye .s1x72e {
    padding: 10px;
  }
  .agknye .s1x72e h3 {
    font-size: 16px;
  }
  .nbkqcb .col-lg-6 .row .col-lg-6:nth-child(3) .agknye, 
  .nbkqcb .col-lg-6 .row .col-lg-6:nth-child(4) .agknye {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .agknye .s1x72e {
    padding: 10px;
  }
  .agknye .s1x72e h3 {
    font-size: 15.2px;
    line-height: 1.2;
  }
}

@media only screen and (min-width: 992px) {
  .nbkqcb .col-lg-6 .row .col-lg-6:nth-child(3) .agknye, 
  .nbkqcb .col-lg-6 .row .col-lg-6:nth-child(4) .agknye {
    margin-bottom: 0;
  }
  .agknye.mcn2kh {
    height: 100% !important;
  }
}

/*================================================
Dark Homepage CSS
=================================================*/
body.hejzn2 {
  background-color: var(--blackColor);
}

.hejzn2 .dk6zuh .vtl3ba .aer3wm.g0518d {
  background-color: var(--whiteColor);
}

.hejzn2 .dk6zuh .vtl3ba .aer3wm.g0518d span {
  background-color: var(--blackColor);
}

.hejzn2 .qqrj29 > li > a:hover {
  color: var(--mainColor);
}

.hejzn2 .qqrj29 > li > a.active {
  color: var(--mainColor);
}

.hejzn2 .qqrj29 > .hto27n > a {
  color: var(--whiteColor);
}

.hejzn2 .k58bv3.ohao42 {
  background-color: #121212;
}

@media only screen and (max-width: 991px) {
  .hejzn2 .qqrj29 > .hto27n > a {
    color: var(--blackColor);
  }
}

@media only screen and (min-width: 992px) {
  .hejzn2 .qqrj29 > li > a {
    color: var(--whiteColor);
  }
}

.hejzn2 .dk6zuh ul li .a3dwsr .onzbai span {
  color: var(--whiteColor);
}

.hejzn2 .dk6zuh .w33dzd {
  color: var(--whiteColor);
}

.hejzn2 .fsw1kf, .hejzn2 .fsw1kf h2 {
  color: var(--whiteColor);
}

.zdvu5f .fsw1kf, .zdvu5f .fsw1kf h2 {
  color: var(--whiteColor);
}

.hejzn2 .owl-theme .owl-dots .owl-dot span, 
.zdvu5f .owl-theme .owl-dots .owl-dot span {
  background-color: var(--whiteColor);
}

.hejzn2 .owl-theme .owl-dots .owl-dot.active span, 
.zdvu5f .owl-theme .owl-dots .owl-dot.active span {
  background-color: var(--mainColor);
}

.hejzn2 .owl-theme .owl-dots .owl-dot:hover span, 
.zdvu5f .owl-theme .owl-dots .owl-dot:hover span {
  background-color: var(--mainColor);
}

/*================================================
RTL Homepage CSS
=================================================*/
.p87jnw .hbmeat, 
.p87jnw .hc55fb,
.p87jnw .ztheys,
.p87jnw .c3muae, 
.p87jnw .uan5kr {
  direction: ltr;
}

.p87jnw .dk6zuh ul li .a3dwsr .onzbai span {
  margin-left: 0px;
  margin-right: 3px;
}

.p87jnw .dk6zuh ul li .a3dwsr .zj7ufg .geosyf span {
  margin-right: 8px;
  margin-left: 0;
}

.p87jnw .v5oud4 .cu6cr9 form .o4teka {
  padding: 2px 25px 0 0;
}

.p87jnw .v5oud4 .cu6cr9 form button {
  left: 5px;
  right: initial;
}

.p87jnw .d3ztfw .mjgmo0.kezmpn .kj254c button {
  right: initial;
  left: 0;
}

.p87jnw .d3ztfw .mjgmo0.kezmpn .kj254c button i {
  right: initial;
  left: 8px;
}

.p87jnw .row .x8llc9 .zoamqp li {
  margin-left: 30px;
  margin-right: initial;
}

.p87jnw .row .x8llc9 .zoamqp li i {
  margin-right: initial;
  margin-left: 4px;
}

.p87jnw .cpf8v5 .tee4b9 {
  padding-left: 0;
  padding-right: 40px;
}

.p87jnw .cpf8v5 .pnnpha {
  padding-left: 0;
  padding-right: 40px;
}

.p87jnw .cpf8v5 .fwk1cj {
  margin-left: 0;
  margin-right: 40px;
}

@media only screen and (max-width: 767px) {
  .p87jnw .row .x8llc9 .zoamqp li {
    margin-left: 10px;
    margin-right: initial;
  }
  .p87jnw .cpf8v5 .tee4b9 {
    padding-left: 0;
    padding-right: 0;
  }
  .p87jnw .cpf8v5 .pnnpha {
    padding-left: 5px;
    padding-right: 5px;
  }
  .p87jnw .cpf8v5 .fwk1cj {
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .p87jnw .dk6zuh .ulxpbk {
    margin-left: 0;
    margin-right: 0;
  }
  .p87jnw .dk6zuh .ulxpbk.srsk86 {
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .p87jnw .dk6zuh .ulxpbk.srsk86 {
    margin-left: 0;
    margin-right: 15px;
  }
  .p87jnw .row .x8llc9 .zoamqp li {
    margin-left: 10px;
    margin-right: initial;
  }
}

@media only screen and (min-width: 1200px) {
  .p87jnw .dk6zuh .ulxpbk.srsk86 {
    margin-left: 0;
    margin-right: 30px;
  }
}

/*================================================
Ad Area CSS
=================================================*/
.cpf8v5 .ecyvhj {
  border: 10px solid #f1f1f1;
  background: url(../../assets/img/ad/ad-bg.jpg) no-repeat scroll center 0;
  background-size: cover;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
  color: #ffffff;
  padding: 40px 0px;
}

.cpf8v5 .ecyvhj:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: #000000;
  opacity: 0.35;
  z-index: -1;
}

.cpf8v5 .tee4b9 {
  width: 47%;
  float: left;
  font: 700 35px/50px "Open Sans", sans-serif;
  border-right: 1px solid rgba(255, 255, 255, 0.302);
  text-align: center;
  padding-left: 40px;
}

.cpf8v5 .pnnpha {
  width: 53%;
  float: right;
  font: 600 14px/24px "Roboto", sans-serif;
  letter-spacing: 2.8px;
  padding-left: 40px;
}

.cpf8v5 .fwk1cj {
  margin-left: 40px;
  background-color: var(--whiteColor);
  color: var(--blackColor);
}

.cpf8v5 .fwk1cj:hover {
  color: var(--whiteColor);
}

@media only screen and (max-width: 767px) {
  .cpf8v5 .tee4b9 {
    font-size: 22px;
    width: 100%;
    padding-left: 0;
    border: 0;
  }
  .cpf8v5 .pnnpha {
    text-align: center;
    padding: 0px 5px;
    width: 100%;
    font-size: 13px;
    line-height: 24px;
  }
  .cpf8v5 .fwk1cj {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cpf8v5 .tee4b9 {
    font-size: 30px;
    width: 100%;
    padding-left: 0;
    border: 0;
  }
  .cpf8v5 .pnnpha {
    text-align: center;
    padding: 0px 5px;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cpf8v5 .tee4b9 {
    font: 700 30px/50px "Open Sans", sans-serif;
    border: 0;
  }
  .cpf8v5 .pnnpha {
    padding-left: 50px;
  }
}

/* Theme 541 migration overrides */
.gn8eur .s8o10m { min-height: 82px; }
.jks8jh { white-space: nowrap; }
.jks8jh > li > a { padding-left: 12px; padding-right: 12px; }
.fdqaqp { white-space: nowrap; font-size: 0; }
.fdqaqp a { display: inline-block; min-width: 58px; height: 40px; line-height: 40px; padding: 0 14px; margin-left: 8px; background: #ff3d00; color: #fff; text-align: center; font-size: 14px; font-weight: 600; border-radius: 4px; vertical-align: middle; }
.fdqaqp a:first-child { background: #111827; }
.fdqaqp a:hover { color: #fff; background: #d93400; }
.na3fru .g9tcnj h1,
.na3fru .g9tcnj h2 { color: #fff; font-size: 42px; line-height: 1.2; }
.add21c,
.eplaca,
.a9b5wf,
.ali1rh,
.suhy40 { background: #fff; color: #111827; border: 1px solid #e7e9ef; padding: 34px; margin-bottom: 30px; box-shadow: 0 12px 30px rgba(17,24,39,.08); }
.add21c h1,
.eplaca h2,
.a9b5wf h3,
.ali1rh h3,
.suhy40 h2 { color: #111827; line-height: 1.25; }
.add21c p,
.eplaca p,
.a9b5wf p,
.ali1rh p,
.suhy40 p { color: #5c6270; line-height: 27px; }
.csrwfm { background: #111827 !important; margin-left: 10px; }
.ya91j7 { background: #111827 !important; }
.a9b5wf i { display: block; color: #ff3d00; font-size: 38px; margin-bottom: 18px; }
.a9b5wf a,
.eplaca a { color: #ff3d00; font-weight: 700; }
.eplaca span { display: block; color: #ff3d00; font-weight: 700; margin-bottom: 10px; }
.ali1rh b { display: inline-block; min-width: 46px; height: 46px; line-height: 46px; background: #ff3d00; color: #fff; text-align: center; margin-bottom: 16px; }
.jr1ki1 .tee4b9,
.jr1ki1 .pnnpha { color: #fff; }
.lt14ec { background: #f6f7fb; }
.lt14ec .col-md-3 > div { background: #fff; color: #111827; padding: 26px 15px; text-align: center; margin-bottom: 18px; border: 1px solid #e7e9ef; font-weight: 700; }
.wpm5yv { margin: 22px 0; padding: 0; list-style: none; }
.wpm5yv li { color: #111827; position: relative; padding-left: 24px; margin-bottom: 10px; }
.wpm5yv li:before { content: ""; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; background: #ff3d00; }
.suhy40 input,
.suhy40 textarea,
.suhy40 select { display: block; width: 100%; height: 52px; line-height: 52px; border: 1px solid #d9dde6; color: #111827; background: #fff; padding: 0 16px; margin-bottom: 16px; box-sizing: border-box; }
.suhy40 textarea { height: 128px; line-height: 24px; padding-top: 13px; }
.m752np { font-size: 0; }
.m752np input { display: inline-block; width: 49%; vertical-align: top; }
.m752np input:first-child { margin-right: 2%; }
.qull4i { font-size: 0; }
.qull4i .fwk1cj,
.qull4i button.fwk1cj { display: inline-block; height: 52px; line-height: 52px; padding: 0 24px; margin-right: 10px; margin-bottom: 10px; border: 0; vertical-align: top; font-size: 15px; cursor: pointer; }
.l0e9wp { border-top: 1px solid #e7e9ef; padding-top: 18px; margin-top: 18px; }
.e2j1fv .agn968 img,
.x8llc9 .agn968 img { width: 100%; max-height: 260px; object-fit: cover; }
.f85np1 { text-align: center; margin: 30px 0 60px; font-size: 0; }
.f85np1 a,
.f85np1 span { display: inline-block; min-width: 44px; height: 40px; line-height: 40px; padding: 0 14px; margin: 0 5px; background: #111827; color: #fff; font-size: 14px; vertical-align: top; }
.f85np1 span { background: #ff3d00; }
.vvhosy { color: #111827; font-size: 42px; line-height: 1.28; margin-bottom: 18px; }
.mm2epk { background: #fff; }
@media (max-width: 1199px) {
  .jks8jh > li > a { padding-left: 8px; padding-right: 8px; font-size: 14px; }
  .fdqaqp a { min-width: 52px; padding: 0 10px; }
}
@media (max-width: 991px) {
  .m752np input,
  .m752np input:first-child { width: 100%; margin-right: 0; }
  .na3fru .g9tcnj h1,
  .na3fru .g9tcnj h2 { font-size: 32px; }
}
@media (max-width: 575px) {
  .add21c,
  .eplaca,
  .a9b5wf,
  .ali1rh,
  .suhy40 { padding: 24px; }
  .qull4i .fwk1cj,
  .qull4i button.fwk1cj { display: block; width: 100%; margin-right: 0; text-align: center; }
  .vvhosy { font-size: 30px; }
}
/* End Theme 541 migration overrides */