/*
Template Name: Marca - Logo Provider Company and Agency HTML Website Template
Author: MhrTheme
Version: 1.0.0

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");
<<<<======================================================>>>>*/
body {font-family: 'Noto Sans SC', 'Noto Sans Arabic', 'Source Han Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.container-xxxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}
@media (min-width:1600px){
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl,.container-xxxl{max-width:1520px}
.col-xxxl{flex:1 0 0}
.row-cols-xxxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxxl-6>*{flex:0 0 auto;width:16.66666667%}
.col-xxxl-auto{flex:0 0 auto;width:auto}.col-xxxl-1{flex:0 0 auto;width:8.33333333%}.col-xxxl-2{flex:0 0 auto;width:16.66666667%}.col-xxxl-3{flex:0 0 auto;width:25%}.col-xxxl-4{flex:0 0 auto;width:33.33333333%}.col-xxxl-5{flex:0 0 auto;width:41.66666667%}.col-xxxl-6{flex:0 0 auto;width:50%}.col-xxxl-7{flex:0 0 auto;width:58.33333333%}.col-xxxl-8{flex:0 0 auto;width:66.66666667%}.col-xxxl-9{flex:0 0 auto;width:75%}.col-xxxl-10{flex:0 0 auto;width:83.33333333%}.col-xxxl-11{flex:0 0 auto;width:91.66666667%}.col-xxxl-12{flex:0 0 auto;width:100%}
.offset-xxxl-0{margin-left:0}.offset-xxxl-1{margin-left:8.33333333%}.offset-xxxl-2{margin-left:16.66666667%}.offset-xxxl-3{margin-left:25%}.offset-xxxl-4{margin-left:33.33333333%}.offset-xxxl-5{margin-left:41.66666667%}.offset-xxxl-6{margin-left:50%}.offset-xxxl-7{margin-left:58.33333333%}.offset-xxxl-8{margin-left:66.66666667%}.offset-xxxl-9{margin-left:75%}.offset-xxxl-10{margin-left:83.33333333%}.offset-xxxl-11{margin-left:91.66666667%}
.g-xxxl-0,.gx-xxxl-0{--bs-gutter-x:0}.g-xxxl-0,.gy-xxxl-0{--bs-gutter-y:0}.g-xxxl-1,.gx-xxxl-1{--bs-gutter-x:0.25rem}.g-xxxl-1,.gy-xxxl-1{--bs-gutter-y:0.25rem}.g-xxxl-2,.gx-xxxl-2{--bs-gutter-x:0.5rem}.g-xxxl-2,.gy-xxxl-2{--bs-gutter-y:0.5rem}.g-xxxl-3,.gx-xxxl-3{--bs-gutter-x:1rem}.g-xxxl-3,.gy-xxxl-3{--bs-gutter-y:1rem}.g-xxxl-4,.gx-xxxl-4{--bs-gutter-x:1.5rem}.g-xxxl-4,.gy-xxxl-4{--bs-gutter-y:1.5rem}.g-xxxl-5,.gx-xxxl-5{--bs-gutter-x:3rem}.g-xxxl-5,.gy-xxxl-5{--bs-gutter-y:3rem}
}

/*
Default CSS
<<<<======================================================>>>>*/
:root {
  --mainColor: #5720B8;
  --secondaryColor: #E35740;
  --bgColor: #F9FaFb;
  --headingColor: #3C3C3C;
  --whiteColor: #FFFFFF;
  --blackColor: #222222;
  --fontSize: 16px;
  --transition: .5s;
  --border-radius: 4px;
  --font-primary: "DM Sans", sans-serif;
  --font-secondary: "Poppins", sans-serif;
}

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;}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {box-sizing: inherit;}

html {box-sizing: border-box;}

/*--------------------------------------------------------------
# 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%;}
embed,iframe,object {max-width: 100%;}
figure {margin: 1em 0;}
table {width: 100%;}
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;}
*/

/* 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;}
.nopic{fill:whitesmoke;}

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

/* Comments
--------------------------------------------- */
.comment-content a {word-wrap: break-word;}
.bypostauthor {display: block;}
#reply-title {margin: 10px 0;font-size: 1.2rem;}
#reply-title small {display: block;margin-top: 10px;}

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

.accordion{}
/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

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


/* Galleries
--------------------------------------------- */
.gallery {margin-bottom: 1.5em;display: grid;grid-gap: 1.5em;}
.gallery-item {display: inline-block;text-align: center;width: 100%;}
.gallery-columns-2 {grid-template-columns: repeat(2, 1fr);}
.gallery-columns-3 {grid-template-columns: repeat(3, 1fr);}
.gallery-columns-4 {grid-template-columns: repeat(4, 1fr);}
.gallery-columns-5 {grid-template-columns: repeat(5, 1fr);}
.gallery-columns-6 {grid-template-columns: repeat(6, 1fr);}
.gallery-columns-7 {grid-template-columns: repeat(7, 1fr);}
.gallery-columns-8 {grid-template-columns: repeat(8, 1fr);}
.gallery-columns-9 {grid-template-columns: repeat(9, 1fr);}
.gallery-caption {display: block;}

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

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {display: none;}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {display: block;}

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

/* Alignments
--------------------------------------------- */
.alignleft {

  /*rtl:ignore*/
  float: left;

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

.alignright {

  /*rtl:ignore*/
  float: right;

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

.aligncenter {
  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;}
.h1, .h2, .h3, .h4, .h5, .h6 {color: var(--headingColor);font-weight: 600;font-family: var(--font-secondary)}
.d-table {width: 100%;height: 100%;}
.d-table-cell {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;}

.form-control, 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%;}
.form-control::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder {color: #495057;}
.form-control:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder {color: #495057;}
.form-control::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder {color: #495057;}
.form-control::placeholder, input[type="search"]::placeholder {color: #495057;}
.form-control:focus, input[type="search"]:focus {color: #000000;background-color: transparent;-webkit-box-shadow: unset;box-shadow: unset;outline: 0;border: 1px solid var(--mainColor);}
.form-control:hover:focus, .form-control:focus, input[type="search"]:hover:focus, input[type="search"]:focus {-webkit-box-shadow: unset;box-shadow: unset;}
textarea.form-control {height: auto;}

.ptb-100 {padding-top: 100px;padding-bottom: 100px;}
.pt-100 {padding-top: 100px;}
.pb-100 {padding-bottom: 100px;}
.ptb-70 {padding-top: 70px;padding-bottom: 70px;}
.pt-70 {padding-top: 70px;}
.pb-70 {padding-bottom: 70px;}
.ptb-40 {padding-top: 40px;padding-bottom: 40px;}
.pt-40 {padding-top: 40px;}
.pb-40 {padding-bottom: 40px;}
.ptb-20 {padding-top: 20px;padding-bottom: 20px;}
.pt-20 {padding-top: 20px;}
.pb-20 {padding-bottom: 20px;}
.mt-30 {margin-top: 30px;}
.mb-30 {margin-bottom: 30px;}
.pl-55 {padding-left: 55px;}
.bg-color {background-color: var(--bgColor);}
.black-color {background-color: #121212;}

/*
.page .entry-content {padding-top: 40px;padding-bottom: 40px;}
.page .entry-content h1,
.page .entry-content h2,
.page .entry-content h3,
.page .entry-content h4,
.page .entry-content h5,
.page .entry-content h6 {margin-bottom: 1rem;}
.page.elementor-page .entry-content {padding-top: 0;padding-bottom: 0;}

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

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

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

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

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
  }
  .auto-container {
    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 .full-col,
.container-block-fluid .full-col {
  padding: 0;
}

/*
Button CSS
<<<<======================================================>>>>*/
.default-btn {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);}
.default-btn.icon {padding: 16px 30px 16px 60px;}
.default-btn.icon i {position: absolute;left: 30px;top: 50%;right: initial;-webkit-transform: translateY(-50%);transform: translateY(-50%);font-size: 20px;}
.default-btn::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;}
.default-btn::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;}
.default-btn.active {color: var(--whiteColor);background-color: var(--blackColor);margin-right: 10px;}
.default-btn.active::before {background-color: var(--mainColor);}
.default-btn.active::after {background-color: var(--mainColor);}
.default-btn:hover {color: var(--whiteColor);}
.default-btn:hover::before {width: 50.2%;}
.default-btn:hover::after {width: 50.2%;}
.default-btn.extra-btn {margin: 20px auto;width: fit-content;display: flex;}
.blog-area .default-btn.extra-btn {margin: 40px auto 20px;}

/*
Section Area CSS
<<<<======================================================>>>>*/
.section-title {margin: 20px auto 60px;text-align: center;position: relative;}
.section-title::after {position: absolute;content: '';width: 25%;height: 4px;background: var(--mainColor);bottom: -30px;right: 38%;}
.container-block-fluid .section-title {padding: 0 20px;}
.section-title span {color: var(--mainColor);display: inline-block;margin-bottom: 8px;font-weight: 600;font-size: 14px;}
.section-title h2 {font-size: 40px;margin-bottom: 15px;position: relative;display: block;}
.section-title h2:last-child {margin-bottom: 0;}
.section-title.white-title span {color: var(--whiteColor);}
.section-title.white-title h2 {color: var(--whiteColor);}
.section-title.white-title p {color: var(--whiteColor);}

/*
Go Top Area CSS
<<<<======================================================>>>>*/
.go-top {position:fixed;cursor:pointer;bottom:-5rem;right:1rem;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;}
.go-top 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;}
.go-top:hover {color:var(--whiteColor);background-color:var(--blackColor);}
.go-top:hover i {color:var(--whiteColor);}
.go-top.active {-webkit-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible;right:1rem;bottom:1rem;}

/*
Header Area CSS
<<<<======================================================>>>>*/
.main-header {position:relative;z-index:4;}
.main-header .header-navbar {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;}
.main-header .header-navbar .header-logo img {width:auto;max-height:50px;}
.main-header .header-navbar .header-logo a {display:block;}
.main-header .header-navbar .header-logo .dark-version-logo {display:none;}
.main-header .header-navbar .header-logo .sticky-logo {display:none;}
.main-header .header-navbar .header-main-nav {-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0 55px 0 50px;}
.main-header.header-style-1 .main-mainmenu.main-sticky .header-navbar .header-logo .light-version-logo {display:none;}
.main-header.header-style-1 .main-mainmenu.main-sticky .header-navbar .header-logo .sticky-logo {display:block;}
.main-header.header-style-2 .main-mainmenu {padding:50px 80px;}
.main-header.header-style-2 .main-mainmenu.main-sticky {padding:15px 80px;}
.main-header.header-style-2 .main-mainmenu .mainmenu {-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.main-header.header-style-3 .main-mainmenu.main-sticky .header-navbar .header-logo .light-version-logo {display:none;}
.main-header.header-style-3 .main-mainmenu.main-sticky .header-navbar .header-logo .sticky-logo {display:block;}
.main-header.header-style-1 .mobile-nav-header .mobile-nav-logo .light-mode {display:none;}
.main-header.header-style-1 .mobile-nav-header .mobile-nav-logo .dark-mode {display:block;}
.main-header.header-style-1 .mobile-nav-header .mobile-menu-close {background-color:var(--whiteColor);color:var(--blackColor);border:none;}
.main-header.header-style-1 .main-mainmenu.main-sticky {background-color:var(--blackColor);}
.main-header.header-style-1 .mainmenu li a::before {background-color:var(--whiteColor);}
.main-header.header-style-1 .header-action .header-btn .main-btn {display:block;}
.main-mainmenu {padding:5px 0;-webkit-transition:var(--transition);transition:var(--transition);}
.main-mainmenu.main-sticky {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;}
.main-mainmenu.main-sticky .header-action .sidemenu-btn .btn-wrap span {background-color:var(--whiteColor);}
.main-mainmenu.main-sticky .header-action .social-icon-list li a {color:var(--blackColor);}
.main-mainmenu.main-sticky .header-action .social-icon-list li a:hover {color:var(--mainColor);}
.mainmenu {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;}
.mainmenu > li {margin:0 10px;}
.mainmenu li:first-child {margin-left:0;}
.mainmenu > li > a {font-weight:500;line-height:60px;height:60px;display:block;position:relative;-webkit-transition:var(--transition);transition:var(--transition);color:var(--blackColor);}
.mainmenu > li > a::before {content:"";height:2px;width:0;position:absolute;bottom:12px;left:0;opacity:0;-webkit-transition:0.5s;transition:0.5s;}
.mainmenu > li > a:hover {color:var(--mainColor);}
.mainmenu > li > a:hover::before {opacity:1;width:100%;}
.mainmenu > li > a.active {color:var(--mainColor);}
.mainmenu > li > a.active::before {width:100%;opacity:1;}
.mainmenu > .menu-item-has-children {position:relative;}
.mainmenu > .menu-item-has-children > a {position:relative;color:var(--blackColor);}
.mainmenu > .menu-item-has-children > a::after {content:"";padding-left:.80rem;margin-left:.15rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position-y:60%;}
.mainmenu > .menu-item-has-children .main-submenu .menu-item-has-children > a::after {content:"";padding-left:.80rem;margin-left:.15rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position-y:60%;}
.mainmenu > .menu-item-has-children .main-submenu {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);}
.mainmenu > .menu-item-has-children .main-submenu-menu {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);}
.mainmenu > .menu-item-has-children .main-submenu li, 
.mainmenu > .menu-item-has-children .main-submenu-menu li {margin:0;-webkit-transition:var(--transition);transition:var(--transition);opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);}
.mainmenu > .menu-item-has-children .main-submenu li a, 
.mainmenu > .menu-item-has-children .main-submenu-menu 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);}
.mainmenu > .menu-item-has-children .main-submenu-menu 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);}
.mainmenu > .menu-item-has-children .main-submenu li a:hover, 
.mainmenu > .menu-item-has-children .main-submenu-menu li a:hover {color:var(--mainColor);}
.mainmenu > .menu-item-has-children .main-submenu li a.active, 
.mainmenu > .menu-item-has-children .main-submenu-menu li a.active {color:var(--mainColor);}
.mainmenu > .menu-item-has-children:hover .main-submenu {opacity:1;visibility:visible;z-index:9;left:0px;}
.mainmenu > .menu-item-has-children ul li.menu-item-has-children:hover .main-submenu-menu {opacity:1;visibility:visible;z-index:9;left:-260px;top:0;}
.mainmenu > .menu-item-has-children:hover .main-submenu li {opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
.mainmenu + .menu-item-has-children:hover .main-submenu li:nth-child(1n) {-webkit-transition-delay:0.1s;transition-delay:0.1s;}
.mainmenu  .menu-item-has-children:hover .main-submenu li:nth-child(2n) {-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.mainmenu > .menu-item-has-children:hover .main-submenu li:nth-child(3n) {-webkit-transition-delay:0.3s;transition-delay:0.3s;}
.mainmenu > .menu-item-has-children:hover .main-submenu li:nth-child(4n) {-webkit-transition-delay:0.4s;transition-delay:0.4s;}
.mainmenu > .menu-item-has-children:hover .main-submenu li:nth-child(5n) {-webkit-transition-delay:0.5s;transition-delay:0.5s;}
.mainmenu > .menu-item-has-children:hover .main-submenu li:nth-child(6n) {-webkit-transition-delay:0.6s;transition-delay:0.6s;}
.mainmenu > .menu-item-has-children:hover .main-submenu li:nth-child(7n) {-webkit-transition-delay:0.7s;transition-delay:0.7s;}
.mainmenu > .menu-item-has-children:hover .main-submenu li:nth-child(8n) {-webkit-transition-delay:0.8s;transition-delay:0.8s;}
.mainmenu > .menu-item-has-children:hover .main-submenu li:nth-child(9n) {-webkit-transition-delay:0.8s;transition-delay:0.8s;}
.mainmenu > .menu-item-has-children:hover .main-submenu li:nth-child(10n) {-webkit-transition-delay:0.8s;transition-delay:0.8s;}
.mainmenu > .menu-item-has-children:hover .main-submenu li:nth-child(11n) {-webkit-transition-delay:0.8s;transition-delay:0.8s;}
.mainmenu > .menu-item-has-children:hover .main-submenu li:nth-child(12n) {-webkit-transition-delay:0.8s;transition-delay:0.8s;}
.header-action > ul {margin-bottom: 0; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.header-action > ul > li {margin-right:30px;}
.header-action > ul > li:last-child {margin-right:0;}
.header-action .sidemenu-btn {margin-right:0;}
.header-action .sidemenu-btn .btn-wrap {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);}
.header-action .sidemenu-btn .btn-wrap span {height:2px;width:20px;background-color:var(--blackColor);margin-bottom:4px;border-radius:10px;-webkit-transition:var(--transition);transition:var(--transition);}
.header-action .sidemenu-btn .btn-wrap span:last-child {margin-bottom:0;}
.header-action .sidemenu-btn .btn-wrap:focus {box-shadow:none;}
.header-action .sidemenu-btn .btn-wrap.btn-dark {background-color:var(--blackColor);}
.header-action .sidemenu-btn .btn-wrap.btn-dark span {background-color:var(--whiteColor);}
.header-action .social-icon-list {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;}
.header-action .social-icon-list li {margin:15px;}
.header-action .social-icon-list li a {font-size:20px;}
.header-action .social-icon-list li a:hover {color:var(--mainColor);}
.header-action .header-btn {margin-right:0;margin-top:6px;}
.header-action .mobile-menu-btn .btn-wrap {height:50px;width:50px;padding:14px 24px;}
.header-action .my_switcher {margin-left:20px;border-radius:50%;height:50px;width:50px;line-height:52px;padding:0;text-align:center;}
.header-action .my_switcher ul {-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.header-offcanvasmenu {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);}
.header-offcanvasmenu .offcanvas-header {padding:50px 100px;}
.header-offcanvasmenu .offcanvas-header .btn-close {margin:0;font-size:22px;-webkit-transition:var(--transition);transition:var(--transition);}
.header-offcanvasmenu .offcanvas-header .btn-close:hover {color:var(--mainColor);opacity:1;}
.header-offcanvasmenu .offcanvas-header .btn-close:focus {border:none;box-shadow:none;}
.header-offcanvasmenu .offcanvas-body {padding:50px 100px;}
.header-offcanvasmenu .offcanvas-body .side-nav-search-form {position:relative;margin-bottom:70px;}
.header-offcanvasmenu .offcanvas-body .side-nav-search-form .search-field {font-size:40px;height:auto;border:none;border-bottom:2px solid var(--color-gray-3);border-radius:0;padding:5px 0;}
.header-offcanvasmenu .offcanvas-body .side-nav-search-form .search-field:focus {box-shadow:none;}
.header-offcanvasmenu .offcanvas-body .side-nav-search-form .side-nav-search-btn {position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-color:transparent;border:none;padding:0;}
.header-offcanvasmenu .offcanvas-body .side-nav-search-form .side-nav-search-btn i {font-weight:400;font-size:24px;-webkit-transition:var(--transition);transition:var(--transition);}
.header-offcanvasmenu .offcanvas-body .side-nav-search-form .side-nav-search-btn:hover i {color:var(--mainColor);}
.header-offcanvasmenu .offcanvas-body .main-navigation {margin:-30px 0;margin-top:-45px;}
.header-offcanvasmenu .offcanvas-body .main-navigation li {margin:30px 0;}
.header-offcanvasmenu .offcanvas-body .main-navigation li a {color:var(--blackColor);font-size:36px;font-weight:500;}
.header-offcanvasmenu .offcanvas-body .main-navigation li a:hover {color:var(--mainColor);}
.header-offcanvasmenu .offcanvas-body .main-navigation li a.active {color:var(--mainColor);}
.header-offcanvasmenu .offcanvas-body .contact-inner .title {font-size:18px;line-height:1;color:var(--blackColor);font-weight:500;display:block;margin-bottom:15px;}
.header-offcanvasmenu .offcanvas-body .contact-inner .address {margin-bottom:40px;}
.header-offcanvasmenu .offcanvas-body .contact-inner .address a {display:block;margin-bottom:10px;}
.header-offcanvasmenu .offcanvas-body .contact-inner .address a i {margin-right:20px;}
.header-offcanvasmenu .offcanvas-body .contact-inner .address p {margin-bottom:0;}
.header-offcanvasmenu .offcanvas-body .contact-inner .social-share {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;}
.header-offcanvasmenu .offcanvas-body .contact-inner .social-share li {margin:15px 6px;}
.header-offcanvasmenu .offcanvas-body .contact-inner .social-share 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;}
.header-offcanvasmenu .offcanvas-body .contact-inner .social-share li a:hover {background-color:var(--blackColor);}
.mobile-nav-header {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-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 var(--blackColor);}
.mobile-nav-header .mobile-nav-logo {line-height:1;}
.mobile-nav-header .mobile-nav-logo img{width:auto;max-height:60px;}
.mobile-nav-header .mobile-nav-logo .dark-mode {display:none;}
.mobile-nav-header .mobile-menu-close {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;}
.mobile-nav-header .mobile-menu-close:hover {background-color:var(--mainColor);border-color:var(--mainColor);color:var(--whiteColor);}
@media only screen and (min-width:992px) {
  .header-action .mobile-menu-btn {display:none;}
  .mobile-nav-header {display:none;}
}
@media only screen and (max-width:1399px) {
  .header-action .header-btn .main-btn {padding:15px 40px;}
}
@media only screen and (max-width:1299px) {
  .main-header.header-style-1 .header-main-nav {margin:0 10px;}
}
@media only screen and (max-width:1199px) {
  .main-header .header-navbar .header-main-nav {margin:0 20px;}
  .main-header.header-style-2 .main-mainmenu {padding:35px 15px;}
  .main-header.header-style-2 .main-mainmenu.main-sticky {padding:15px;}
  .main-header.header-style-1 .mainmenu li {margin:0 10px;}
  .mainmenu > li {margin:0 8px;}
  .mainmenu li:first-child {margin-left:8px;}
  .header-offcanvasmenu {width:70vw;}
  .header-offcanvasmenu .offcanvas-header {padding:50px;}
  .header-offcanvasmenu .offcanvas-body .main-navigation li a {font-size:24px;}
  .header-offcanvasmenu .offcanvas-body .contact-inner .title {font-size:16px;}
}
@media only screen and (max-width:991px) {
  .main-header .header-navbar .header-logo img {width:auto;max-height:50px;}
  .main-header .header-navbar .header-main-nav {margin:0;}
  .main-header.header-style-1 .header-main-nav {margin:0;}
  .main-header.header-style-1 .mainmenu-nav {background-color:var(--bgColor);}
  .header-action .sidemenu-btn .btn-wrap {height:50px;width:50px;}
  .header-action .social-icon-list li a {color:var(--blackColor);}
  .header-action .header-btn {margin-right:30px;}
  .header-offcanvasmenu .offcanvas-header .btn-close {font-size:14px;}
  .header-offcanvasmenu .offcanvas-body {  padding:50px;}
  .header-offcanvasmenu .offcanvas-body .side-nav-search-form {margin-bottom:40px;}
  .header-offcanvasmenu .offcanvas-body .side-nav-search-form .search-field {font-size:20px;}
  .header-offcanvasmenu .offcanvas-body .side-nav-search-form .side-nav-search-btn i {font-size:18px;}
  .header-offcanvasmenu .offcanvas-body .main-navigation {margin-bottom:40px;}
  .header-offcanvasmenu .offcanvas-body .contact-inner .address {margin-bottom:25px;}
  .main-mainmenu.main-sticky {-webkit-animation:none;animation:none;}
  .mainmenu-nav {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;}
  .mainmenu-nav.show {left:0;}
  .mainmenu-nav .mainmenu {display:block;height:100%;overflow:auto;}
  .mainmenu-nav .mainmenu > li {border-bottom:1px solid var(--blackColor);}
  .mainmenu-nav .mainmenu > li > a {height:50px;line-height:50px;}
  .mainmenu-nav .mainmenu > li > a::before {display:none;}
  .mainmenu-nav .mainmenu .menu-item-has-children .main-submenu {display:none;position:initial;visibility:visible;opacity:1;min-width:100%;box-shadow:none;padding:0 0 10px;-webkit-transition:initial;transition:initial;}
  .mainmenu-nav .mainmenu .menu-item-has-children .main-submenu-menu {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;}
  .mainmenu-nav .mainmenu .menu-item-has-children .main-submenu li {opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
  .mainmenu-nav .mainmenu .menu-item-has-children .main-submenu li a {padding:7px 10px;}
  .mainmenu-nav .mainmenu .menu-item-has-children.menu-item-open .main-submenu {display:block;}
  .main-header.header-style-1 .mainmenu-nav .mainmenu .menu-item-has-children .main-submenu {background-color:var(--bgColor);}
}
@media only screen and (max-width:767px) {
  .header-action .my_switcher {margin-left:15px;}
  .header-offcanvasmenu .offcanvas-header {padding:30px 30px 0;}
  .header-offcanvasmenu .offcanvas-body {padding:30px;}
  .header-offcanvasmenu .offcanvas-body .main-navigation {margin:-20px 0;margin-bottom:40px;}
  .header-offcanvasmenu .offcanvas-body .main-navigation li {margin:20px 0;}
  .header-offcanvasmenu .offcanvas-body .main-navigation li a {font-size:20px;}
}
@media only screen and (max-width:575px) {
  .main-header.header-style-2 .main-mainmenu {padding:30px 0;}
  .main-header.header-style-2 .main-mainmenu.main-sticky {padding:15px 0;}
  .header-action .header-social-link {  display:none;}
  .header-action .header-btn {  display:none;}
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
  .main-header.header-style-2 .main-mainmenu {padding:35px 15px;}
  .main-header.header-style-2 .main-mainmenu.main-sticky {padding:15px;}
  .header-offcanvasmenu .offcanvas-header {padding:50px;}
  .header-offcanvasmenu .offcanvas-body {padding:50px;}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .header-action .header-btn .main-btn {padding:15px 25px;}
}

@-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;}
}

/*
Footer Area CSS
<<<<======================================================>>>>*/
.footer-area {background:#121212;background-size:cover;}
.footer-area .footer-top .logo{ text-align:center; }
.footer-area .footer-top .footer-title {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;}
.footer-area .footer-top .footer-title: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;}
.footer-area .footer-top .site-map { padding-left:0; }
.footer-area .footer-top .site-map li {margin-bottom:16px;list-style: none;}
.footer-area .footer-top .site-map li a {font-size:15px;color:var(--whiteColor);}
.footer-area .footer-top .site-map li a:hover {color:var(--mainColor);}
.footer-area .footer-top .site-map li:last-child {margin-bottom:0;}
.fa-twitter:before {content:"𝕏" !important;}
.footer-area .footer-bottom .footer-social li {display:inline;margin-right:5px;}
.footer-area .footer-bottom .footer-social li a i {padding:10px;margin-right:3px;transition:all .8s ease;background:#1c2024;width:35px;height:35px;line-height:35px;border-radius:0;color:#fff;text-align:center;}
.footer-area .footer-bottom .footer-social li a i:hover {color:var(--whiteColor);background:var(--mainColor);}
.footer-area .footer-bottom .footer-social li:last-child {margin:0;}
.footer-area .footer-top .address-widget { padding-left:0; }
.footer-area .footer-top .address-widget li {padding:0px 0px 20px 40px;position:relative;list-style: none;}
.footer-area .footer-top .address-widget li .desc {color:var(--whiteColor);}
.footer-area .footer-top .address-widget li .desc a {color:var(--whiteColor);}
.footer-area .footer-top .address-widget li .desc a:hover {color:var(--mainColor);}
.footer-area .footer-top .address-widget li i {color:var(--mainColor);position:absolute;left:0px;}
.footer-area .footer-top .address-widget li i:before {font-size:20px;}
.footer-area .footer-top .widget-desc {margin:0;}
.footer-area .footer-top p {margin:25px 0 0;position:relative;color:var(--whiteColor);}
.footer-area .footer-top p input[type=email] {border:none;background:#fff;}
.footer-area .footer-top p input[type="submit"] {border:none;border-radius:0px;margin-top:15px;text-transform:uppercase;font-weight:500;transition:all .5s ease;}
.footer-area .footer-top p input[type=submit]:hover {opacity:.9;}
.footer-area .footer-top p ::-webkit-input-placeholder {/* Chrome/Opera/Safari */color:#0a0a0a;opacity:1;}
.footer-area .footer-top p ::-moz-placeholder {/* Firefox 19+ */color:#0a0a0a;opacity:1;}
.footer-area .footer-top p :-ms-input-placeholder {/* IE 10+ */color:#0a0a0a;opacity:1;}
.footer-area .footer-top p :-moz-placeholder {/* Firefox 18- */color:#0a0a0a;opacity:1;}
.footer-area .footer-bottom {padding:20px 0;background:#000;}
.footer-area .footer-bottom .copyright p {margin:0;color:var(--whiteColor);}

/*================================================
Page Title Area CSS
=================================================*/
.page-title-area {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;}
.page-title-area::before {top: 0;left: 0;right: 0;bottom: 0;content: '';z-index: -1;opacity: .2;height: 100%;position: absolute;background: url(../../assets/img/bg_lines.svg) center center no-repeat;background-size: 200%;}
.page-title-content {text-align: center;}
.page-title-content h2 {margin-bottom: 0;color: var(--whiteColor);font-size: x-large;}
.page-title-content ul {padding-left: 0;margin-bottom: 0;list-style-type: none;margin-bottom: 0;margin-top: 12px;}
.page-title-content ul li {font-size: 17px;position: relative;display: inline-block;margin-left: 13px;margin-right: 13px;}
.page-title-content ul li.active {color: var(--whiteColor);}
.page-title-content ul li::before {top: 50%;opacity: .7;right: -26px;font-family: 'remixicon';content: "\ea6e";position: absolute;color: var(--whiteColor);-webkit-transform: translateY(-50%);transform: translateY(-50%);font-size: 20px;}
.page-title-content ul li a {color: var(--whiteColor);}
.page-title-content ul li a:hover {color: var(--bgColor);opacity: 0.7;}
.page-title-content ul li:last-child {margin-right: 0;}
.page-title-content ul li:last-child::before {display: none;}
.page-title-content ul li:first-child {margin-left: 0;}

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

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

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

.page-error-content .default-btn {
  margin-top: 30px;
}

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

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

.social-media 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;
}

.social-media li a.facebook {
  color: #3b5999;
  border-color: #3b5999;
}

.social-media li a.twitter {
  color: #55acee;
  border-color: #55acee;
}

.social-media li a.instagram {
  color: #e4405f;
  border-color: #e4405f;
}

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

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

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

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

.team-details-page .thumb img {
  width: 100%;
}
.team-details-page .owl-morepic .owl-nav{
    position: absolute;
    z-index: 9;
    display: flex;
    top: calc(50% - 2.75rem);
    width: 100%;
    color: var(--whiteColor);
    font-size: x-large;
    justify-content: space-between;
}

.team-details-info h3 {
  margin-bottom: 0;
}

.team-details-info .designation {
  color: var(--mainColor);
  margin-bottom: 20px;
}

.team-details-info .content {
  margin-bottom: 22px;
}

.team-details-info .details-info {
  margin: 0;
  padding: 0;
}

.team-details-info .details-info li {
  list-style: none;
  margin-bottom: 8px;
}

.team-details-info .details-info li:last-child {
  margin-bottom: 0;
}

.team-details-info .social-media {
  margin-top: 30px;
}

.team-details-info .social-media li a {
  border: 1px solid var(--mainColor);
  height: 40px;
  width: 40px;
  line-height: 36px;
  font-size: 24px;
}

.team-details-info .social-media li a:hover {
  border: 1px solid var(--blackColor);
}

.review-area {position: relative;z-index: 1;}
.review-content {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;}
.review-content .sub-title {display: block;margin-bottom: 8px;color: var(--mainColor);font-weight: 600;font-size: 14px;}
.review-content h2 {margin-bottom: 10px;font-size: 36px;}
.review-content .single-review-box {margin-top: 20px;margin-right: 40px;margin-bottom: 0;}
.review-content:hover .review-slides.owl-theme .owl-nav {opacity: 1;visibility: visible;}
.single-review-box {margin-bottom: 30px;position: relative;z-index: 1;}
.single-review-box .rating {margin-bottom: 10px;}
.single-review-box .rating i {line-height: 1;font-size: 18px;color: #FE824C;}
.single-review-box p {font-size: 18px;}
.single-review-box .client-info {margin-top: 10px;}
.single-review-box .client-info img {border-radius: 50%;width: 70px;display: inline-block;border-top: none;height: 70px;}
.single-review-box .client-info .title {margin-left: 15px;}
.single-review-box .client-info .title h5 {font-size: 18px;margin-bottom: 7px;color: var(--mainColor);}
.single-review-box .client-info .title span {display: block;font-size: 15px;color: var(--paragraphColor);}
.single-review-box::before {content: "\f043";position: absolute;right: 100px;z-index: -1;line-height: 1;opacity: .07;bottom: 0;font-family: 'remixicon';font-size: 100px;}
.review-slides .item img {display: inline-block;width: auto;}
.review-slides.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);}
.review-slides.owl-theme .owl-nav [class*=owl-] {padding: 0;width: 40px;height: 40px;margin: 10px 0;display: block;font-size: 25px;line-height: 40px;border-radius: 50%;color: var(--mainColor);-webkit-transition: var(--transition);transition: var(--transition);background-color: var(--bgColor);}
.bg-color .review-slides.owl-theme .owl-nav [class*=owl-] {background-color: var(--whiteColor);}
.review-slides.owl-theme .owl-nav [class*=owl-]:hover {background-color: var(--mainColor);color: var(--whiteColor);}
.review-image {border-radius: 20px;padding-left: 15px;}
/*================================================
Blog Area CSS
=================================================*/
.single-blog-inner {overflow: hidden;-webkit-transition: 0.4s;transition: 0.4s;padding: 20px;margin-bottom: 20px;}
.single-blog-inner .share-area-wrap {position: relative;}
.single-blog-inner .share-area-wrap:hover .share-hover-icons {visibility: visible;opacity: 1;}
.single-blog-inner .share-wrap {cursor: pointer;-webkit-transition: 0.4s;transition: 0.4s;}
.single-blog-inner .share-wrap.active {color: var(--mainColor);}
.single-blog-inner .share-hover-icons {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;}
.single-blog-inner .share-hover-icons ul {margin: 0;padding: 0;}
.single-blog-inner .share-hover-icons ul li {display: inline-block;list-style: none;}
.single-blog-inner .share-hover-icons ul li a {color: #fff;padding: 0 2px;font-size: 13px;}
.single-blog-inner .share-hover-icons ul li a:hover {color: var(--heading-color);}
.single-blog-inner .share-hover-icons.active {visibility: visible;opacity: 1;}
.single-blog-inner .share-hover-icons:after {content: "";position: absolute;right: 5px;bottom: -4px;-webkit-transform: rotate(53deg);transform: rotate(53deg);height: 11px;width: 10px;background: var(--mainColor);}
.single-blog-inner .blog-thumb-slider {margin-bottom: 20px;}
.single-blog-inner .thumb {position: relative;overflow: hidden;margin-bottom: 20px;}
.single-blog-inner .thumb .video-play-btn {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.single-blog-inner .thumb img {-webkit-transform: scale(1.05);transform: scale(1.05);-webkit-transition: 0.9s;transition: 0.9s;}
.blog-list .single-blog-inner .thumb img {width: auto;}
.single-blog-inner .thumb .blog-meta {background: var(--mainColor);position: absolute;bottom: 0;left: 0;right: 0;margin-bottom: 0;margin: 0 30px;padding: 10px 20px;}
.single-blog-inner .thumb .blog-meta li {color: #fff;}
.single-blog-inner .blog-meta {margin: 0;padding: 0;margin-bottom: 15px;}
.single-blog-inner .blog-meta li {display: inline-block;margin-right: 12px;color: #8A8A8A;font-size: 14px;}
.single-blog-inner .blog-meta li i {margin-right: 4px;color: var(--whiteColor);}
.single-blog-inner .blog-meta li:last-child {margin-right: 0;}
.single-blog-inner .details {position: relative;}
.single-blog-inner .details h2 {margin-bottom: 3px;}
.single-blog-inner .details h2:hover a {color: var(--mainColor);}
.single-blog-inner .details h4 {font-size: 20px;margin-bottom: 15px;}
.single-blog-inner .details h4 a {color: var(--blackColor);}
.single-blog-inner .details h4 a:hover {color: var(--mainColor);}
.single-blog-inner .details .title {margin-bottom: 17px;}
.single-blog-inner .details p {margin-bottom: 20px;}
.single-blog-inner .details .read-more-text {font-weight: 600;}
.single-blog-inner .details .read-more-btn {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;}
.single-blog-inner .details .read-more-btn i {font-size: 30px;position: relative;}
.single-blog-inner:hover .thumb img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.single-blog-inner .thumb {margin-bottom: 0;}
.single-blog-inner .details {background: var(--bgColor);padding: 20px;/*margin: 0 30px;*/}
.bg-color .single-blog-inner .details {background-color: var(--whiteColor);}
.single-blog-inner:hover .details .read-more-btn {background: var(--blackColor);}

/* widget */
.blog-widget {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: 30px;}
.blog-widget:last-child {margin-bottom: 20px;}
.blog-widget ul{padding-left: 0;}
.blog-widget ul li{list-style: none;}
.blog-widget ul li a {font-size: 15px;}
.blog-widget .title {padding-bottom: 10px;border-bottom: 1px solid #eeeeee;margin-bottom: 25px;font-size: 20px;position: relative;}
.blog-widget .title::before {content: "";position: absolute;bottom: -1px;width: 50px;height: 1px;background-color: var(--mainColor);}
.blog-widget.search-widget .search-form {position: relative;}
.blog-widget.search-widget .search-form .form-control {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%;}
.blog-widget.search-widget .search-form .form-control:focus {border-color: var(--mainColor);}
.blog-widget.search-widget .search-form button {position: absolute;top: 0;right: 0;height: 50px;width: 50px;background-color: var(--mainColor);-webkit-transition: all 0.5s;transition: all 0.5s;}
.blog-widget.search-widget .search-form button:hover {background-color: var(--blackColor);}
.blog-widget.search-widget .search-form button i {color: var(--whiteColor);position: relative;top: 2px;right: 5px;}
.blog-widget.resent-post-widget ul li {border-bottom: 1px solid #eeeeee;padding-bottom: 10px;margin-bottom: 10px;height: 92px;}
.blog-widget.resent-post-widget ul li:last-child {padding-bottom: 0;border-bottom: none;margin-bottom: 0;}
.blog-widget.resent-post-widget ul li a {position: relative;display: block;padding-left: 120px;}
.blog-widget.resent-post-widget ul li a img {position: absolute;top: 0;left: 0;width: 110px;height: 80px;}
.blog-widget.resent-post-widget ul li a span {display: block;margin-bottom: 5px;color: #545454;font-size: 14px;font-weight: 500;}
.blog-widget.resent-post-widget ul li a span:hover {color: var(--mainColor);}
.blog-widget.resent-post-widget ul li a h3 {font-size: 15px;-webkit-transition: all 0.5s;transition: all 0.5s;font-weight: 500;}
.blog-widget.resent-post-widget ul li a h3:hover {color: var(--mainColor);}
.blog-widget.resent-post-widget ul li a {color: #545454;}
.blog-widget.resent-post-widget ul li a:hover {color: var(--mainColor);}
.blog-widget.archives-widget ul li {border-bottom: 1px solid #eeeeee;padding-bottom: 10px;margin-bottom: 10px;}
.blog-widget.archives-widget ul li:last-child {padding-bottom: 0;border-bottom: none;margin-bottom: 0;}
.blog-widget.archives-widget ul li a {position: relative;display: block;color: #545454;}
.blog-widget.archives-widget ul li a span {display: block;margin-bottom: 5px;color: #545454;float: right;}
.blog-widget.archives-widget ul li a:hover {color: var(--mainColor);}
.blog-widget.archives-widget ul li a:hover span {color: var(--mainColor);}
.blog-widget.categories-widget ul li {border-bottom: 1px solid #eeeeee;padding-bottom: 10px;margin-bottom: 10px;}
.blog-widget.categories-widget ul li:last-child {padding-bottom: 0;border-bottom: none;margin-bottom: 0;}
.blog-widget.categories-widget ul li a {position: relative;display: block;color: #545454;}
.blog-widget.categories-widget ul li a span {display: block;margin-bottom: 5px;color: #545454;float: right;}
.blog-widget.categories-widget ul li a:hover {color: var(--mainColor);}
.blog-widget.categories-widget ul li a:hover span {color: var(--mainColor);}
.blog-widget.tags-widget 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;}
.blog-widget.tags-widget ul li a {position: relative;display: block;color: #545454;}
.blog-widget.tags-widget ul li:hover {background-color: var(--mainColor);}
.blog-widget.tags-widget ul li:hover a {color: var(--whiteColor);}

/*================================================
Blog Sidebar Area CSS
=================================================*/
.blog-area .list-faq{}
.blog-area .list-faq .listbg{margin-bottom: 1.5rem;}
.blog-area .list-faq .listbg:nth-child(odd) dl{background-color: var(--bs-gray-100);}
.blog-area .list-faq .listbg:nth-child(even) dl{background-color: var(--bgColor);}
.blog-area .list-faq .listbg dl>dt h4{font-size: 1.35rem;}
.blog-area .list-faq .listbg dl>dd{position: relative;padding-left: 4rem;}
.blog-area .list-faq .listbg dl>dd::before{font-family: 'remixicon';content: "\f045";position: absolute;top: calc(50% - 2rem);left: 0;font-size: 3rem;color: var(--mainColor);}

.about-content .top-title {color: var(--mainColor);display: block;margin-bottom: 10px;font-weight: 500;}
.about-content {margin-right: 40px;}
.about-content h2 {font-size: 32px;line-height: 40px;margin-bottom: 20px;font-weight: 600;}
.about-content p {margin-bottom: 30px;}
.about-content ul {margin-bottom: 35px;padding-left: 0;}
.about-content ul li {font-weight: 500;font-size: 15px;margin-bottom: 15px;position: relative;padding-left: 35px;list-style: none;}
.about-content ul li:last-child {margin-bottom: 0;}
.about-content 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;}
.about-content ul li:hover i {background-color: var(--mainColor);color: #ffffff;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.about-img {display: flex;flex-direction: column;justify-content: center;height: 100%;}

/*================================================
Counter Area CSS
=================================================*/
.single-counter {text-align: center;-webkit-transition: all 0.5s;transition: all 0.5s;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;}
.single-counter 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;}
.single-counter p {color: var(--mainColor);line-height: 1;margin-bottom: 0;font-size: 18px;}
.single-counter h2 {color: var(--blackColor);line-height: 1;font-size: 40px;margin-top: -8px;margin-bottom: 10px;}
.single-counter:hover {-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.single-counter: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
=================================================*/
.video-wrap {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;}
.video-btn {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);}
.video-btn 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%;}
.video-btn::after, .video-btn::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);}
.video-btn::before {-webkit-animation: ripple 1.6s ease-out infinite;animation: ripple 1.6s ease-out infinite;}
.video-btn::after {-webkit-animation: ripple 1.6s ease-out infinite;animation: ripple 1.6s ease-out infinite;}
.video-btn:hover {background-color: var(--mainColor);}
.video-btn:hover i {color: #ffffff;}
.video-btn:hover::after, .video-btn: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
=================================================*/
.tabs_item {display: none;}
.tabs_item .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));}
.tabs_item:first-child {display: block;}
.choose-tab .tabs {position: sticky;top: 0;z-index: 9;display: flex;flex-wrap: nowrap;justify-content: space-around;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;padding-left: 0;margin-bottom: 40px;margin-top: 40px;}
.choose-tab .tabs li {display: inline-block;cursor: pointer;font-size: 20px;font-weight: 500;padding: 20px;width: 100%;position: relative;z-index: 1;-webkit-transition: all 0.5s;transition: all 0.5s;}
.choose-tab .tabs li:last-child {border-right: none;}
.choose-tab .tabs li:hover {color: var(--mainColor);}
.choose-tab .tabs li.current {background-color: var(--mainColor); color: var(--whiteColor);}
.why-choose-wrap {-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;}
.why-choose-wrap .why-choose-content {margin-bottom: 0;}
.why-choose-wrap .why-choose-content h2 {font-size: 30px;}
.why-choose-img {background-position: center center;background-repeat: no-repeat;background-size: cover;height: 100%;border-radius: 4px;position: relative;}
.why-choose-img .video-wrap {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;overflow: hidden;}

/*================================================
Contact Area CSS
=================================================*/
.contact-info-area .single-contact-info {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;}
.contact-info-area .single-contact-info 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%;}
.contact-info-area .single-contact-info h3 {-webkit-transition: all 0.5s;transition: all 0.5s;font-size: 22px;}
.contact-info-area .single-contact-info a {color: #545454;-webkit-transition: all 0.5s;transition: all 0.5s;display: block;font-size: 15px;}
.contact-info-area .single-contact-info:hover {background-color: var(--mainColor);}
.contact-info-area .single-contact-info:hover i {color: var(--mainColor);border-color: var(--whiteColor);background-color: var(--whiteColor);}
.contact-info-area .single-contact-info:hover h3 {color: var(--whiteColor);}
.contact-info-area .single-contact-info:hover a {color: var(--whiteColor);}
.contact-info-area .contact-info-col {padding: 20px;}
/* CONTACT FORM STYLE */
.contact-area .contact-wrap {padding: 25px;text-align: center;}
.contact-area .contact-wrap .default-btn {margin-top: 10px;}
#msgSubmit {margin-top: 30px;font-size: 20px;}
.contact__msg {display: none;}
.hidden {display: none;}
.contact-wrap {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;}
.contact-wrap .contact-form-col {padding: 15px;}
.contact-wrap .contact-title {margin-bottom: 30px;}
.contact-wrap .contact-title h2 {font-size: 20px;}
.get-in-touch {padding: 20px;}
.get-in-touch ul li i {float: left;margin: 0;margin-right: 5px;font-size: 20px;color: var(--mainColor);}
.get-in-touch h3 {font-size: 30px;margin-bottom: 20px;}
.get-in-touch p {color: #323347;margin-bottom: 20px;}
.get-in-touch ul {padding: 0;margin: 0;list-style: none;}
.get-in-touch ul li {padding: 0 0 1rem 0;}
.get-in-touch ul li:last-child {margin-bottom: 0;}
.get-in-touch ul li span {font-size: 16px;font-weight: 600;color: var(--mainColor);display: block;margin-bottom: 10px;}
.contact-form {padding: 0 20px;}
.contact-form h3 {font-size: 30px;margin-top: 20px;margin-bottom: 20px;}
.contact-form form label {width: 100%;}
.contact-form .contact-form-col {padding: 15px 0;}
.contact-form form input, .contact-form 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;}
.contact-form form input:focus, .contact-form form textarea:focus {outline: 0 none;}
.contact-form form input::-webkit-input-placeholder,.contact-form form textarea::-webkit-input-placeholder {color: var(--mainColor);}
.contact-form form input:-ms-input-placeholder, .contact-form form textarea:-ms-input-placeholder {color: var(--mainColor);}
.contact-form form input::-ms-input-placeholder, .contact-form form textarea::-ms-input-placeholder {color: var(--mainColor);}
.contact-form form input::placeholder, .contact-form form textarea::placeholder {color: var(--mainColor);}
.contact-form form input:focus, .contact-form form textarea:focus {-webkit-box-shadow: none;box-shadow: none;border-color: var(--mainColor);}
.contact-form-area .contact-form form input[type="submit"]:focus {outline: none;}
.contact-form form textarea {height: auto;}
.contact-form-area .contact-form 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;}
.contact-form-area .contact-form 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);}
.contact-form form input[type="submit"]:hover {color: var(--mainColor);border: 2px solid var(--mainColor);background-color: transparent;}
.contact-form form input[type="submit"]:hover::before {opacity: 0;visibility: hidden;}
.contact-form label, .contact-wrap label {margin-bottom: 10px;font-size: 15px;}
/* GOOGLE MAP STYLE */
.map-area iframe {height: 500px;width: 100%;}
.contact-form-area .contact-map {margin-top: 30px;}
.contact-map iframe {width: 100%;display: block;border: none;border-radius: 20px;}

/*================================================
Portfolio Area CSS
=================================================*/
.single-portfolio {overflow: hidden;position: relative;margin: .75rem 0;}
.portfolio-slider .single-portfolio {overflow: visible;}

.images-gallery .imagesicon {align-items: center;color: var(--secondaryColor);display: flex;font-size: x-large;height: 45px;width: 45px;justify-content: center;pointer-events: none;position: absolute;right: 10px;top: 10px;transition: all .3s ease-in-out;opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
.images-gallery img{height: auto;aspect-ratio: 4 / 3;}

.single-portfolio img {width: 100%;height: 100%;cursor: pointer;transition: all .4s ease-in-out;}
.single-portfolio:hover > img {opacity: .85;}
.single-portfolio .fancybox {align-items: center;background: var(--secondaryColor);border-radius: 50%;color: #fff;display: flex;font-size: x-large;height: 45px;width: 45px;justify-content: center;opacity: 0;pointer-events: none;position: absolute;right: calc(50% - 22px);top: calc(50% - 22px);-webkit-transform: translateX(10px);transform: translateX(10px);transition: all .3s ease-in-out;}
.single-portfolio:hover .fancybox {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
.single-portfolio .portfolio-content {bottom: 0;left: 0;opacity: 0;padding: 2px 5px;position: absolute;right: 0;color: white;background-color: var(--mainColor);-webkit-transform: translateY(100%);transform: translateY(100%);transition: all .4s ease-in-out;}
.single-portfolio:hover .portfolio-content {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.single-portfolio .portfolio-content h4 a,.single-portfolio .portfolio-content h4{margin: .25rem;color: #fff;font-size: large;position: relative;}
.single-portfolio .portfolio-content:hover h4 a {text-decoration: underline;text-decoration-style: dotted;text-underline-offset: 6px;opacity: 0.9;}
.single-portfolio .portfolio-content .tags {color: hsla(0,0%,100%,.7);font-size: 15px;margin-top: -1px;}

.portfolio-tabs-button {background-color: transparent;padding: 0px 20px 20px;text-align: center;}
.portfolio-tabs-button .nav-tabs {background-color: transparent;display: block;border-bottom: 2px solid #eeeeee;border-radius: 0;}
.portfolio-tabs-button .nav-tabs .nav-link {border: none;background-color: transparent;color: var(--blackColor);border-radius: 0;margin-left: auto;margin-right: auto;margin-bottom: -2px;font-size: 17px;text-align: center;display: inline-block;text-transform: capitalize;overflow: visible;height: 50px;}
.portfolio-tabs-button .nav-tabs .nav-link.active {color: var(--mainColor);border-bottom: 2px solid var(--mainColor);position: relative;}
.portfolio-tabs-button .nav-tabs .nav-link.active::before {content: "";position: absolute;bottom: -6px;left: 0;right: 0;width: 10px;height: 10px;background-color: var(--mainColor);border-radius: 50px;margin: auto;}
.portfolio-tabs-button .nav-tabs .nav-link.active::after {content: "";position: absolute;bottom: -9px;left: 0;right: 0;width: 16px;height: 16px;background-color: var(--mainColor);border-radius: 50px;margin: auto;opacity: 0.8;}

/*================================================
Banner Area CSS
=================================================*/
.banner-area {height: 100%;position: relative;background-size: cover;background-position: center;}
.banner-area:before {position: absolute;content: '';width: 100%;height: 100%;background: #252638;top: 0px;right: 0px;opacity: 0.3;z-index: 1;}
.banner-area .wrap-caption {width: 80%;padding: 200px 0;z-index: 2;}
.banner-area .wrap-caption h1 {color: #ffffff;font-size: xxx-large;padding: 0;margin-bottom: 10px;}
.banner-area .wrap-caption p {font-size: 24px;color: #ffffff;padding: 0;margin-bottom: 60px;}

/* my */
.page-details .thumb {display: flex;flex-direction: column;justify-content: center;align-content: center;height: 100%;}
.page-details .thumb img {width: 100%;}
.page-details .owl-morepic .owl-nav{ position: absolute;z-index: 9;display: flex;top: calc(50% - 2.75rem);width: 100%;color: var(--whiteColor);font-size: x-large;justify-content: space-between;}
.page-details h1 {font-size: xx-large;margin-bottom: 1rem;}
.page-details-info .designation {color: var(--mainColor);margin-bottom: 20px;}
.page-details-info .content {margin-bottom: .75rem;}
.page-details-info .details-info {margin: 0;padding: 0;}
.page-details-info .details-info li {list-style: none;margin-bottom: 8px;}
.page-details-info .details-info li:last-child {margin-bottom: 0;}
.page-details-info .social-media {margin-top: 1rem;}
.page-details-info .social-media li a {border: 1px solid var(--mainColor);height: 40px;width: 40px;line-height: 36px;font-size: 24px;}
.page-details-info .social-media li a:hover {border: 1px solid var(--blackColor);}

.details-area {}
.details-area .details-single {margin-bottom: 30px;}
.details-area .details-single h2,
.details-area .details-single h3 {font-size: x-large;margin: 1rem auto .5rem;color: var(--mainColor);}
.details-area .details-single ul { margin-bottom: 15px;padding: 0 2rem;list-style: disc;}
.details-area .details-single ul li {}
.details-area .details-single ul li i {position: relative;top: 1px;margin-right: 5px;color: var(--mainColor);-webkit-transition: all 0.5s;transition: all 0.5s;}
.details-area .details-single ul li:first-child {padding-left: 0;padding-right: 0;}
.details-area .details-single ul li:last-child {padding-left: 0;padding-right: 0;}
.details-area .details-single ul li a {color: #545454;}
.details-area .details-single ul li a i {color: var(--mainColor);-webkit-transition: all 0.5s;transition: all 0.5s;}
.details-area .details-single ul li a:hover {color: var(--mainColor);}
.details-area .details-single ul li a:hover i {color: var(--mainColor);}
.details-area .details-single .accordion-header {margin: 0 auto;}
.details-area .blockquote {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;}
.details-area .blockquote::before {font-family: remixicon;font-size: 6rem;content: "\ec51";position: absolute;top: -1rem;left: 1rem;z-index: -10;color: #e1f4e9;}
.details-area .blockquote::after {content: "";position: absolute;top: 0;left: 0;width: 2px;height: 100%;background-color: var(--mainColor);}
.details-area .blockquote p {font-size: 20px;color: #595959;font-style: italic;}
.details-area .blockquote span {font-size: 16px;color: var(--mainColor);}
.details-area .details-sheare {margin: 25px auto;}
.details-area .details-sheare .sheare-tag ul{padding: 0;margin: 0;}
.details-area .details-sheare .sheare-tag ul li {display: inline-block;background-color: #eeeeee;padding: 5px 10px;}
.details-area .details-sheare .social-icon {line-height: 1;text-align: right;}
.details-area .details-sheare .social-icon .share {position: relative;top: -3px;}
.details-area .details-sheare .social-icon li {display: inline-block;}
.details-area .details-sheare .social-icon li a {padding: 5px;}
.details-area .details-sheare .social-icon li a i {font-size: 20px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.details-area .details-sheare .social-icon li a:hover {color: #122738;}
.details-area .prev-next {border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;padding-top: 15px;padding-bottom: 15px;position: relative;margin-bottom: 30px;}
.details-area .prev-next::before {content: "";position: absolute;top: 5px;left: 50%;height: 80%;width: 1px;background-color: #eeeeee;}
.details-area .prev-next .prev-post {font-size: 18px;display: flex;align-items: center;flex-wrap: nowrap;}
.details-area .prev-next .prev-post a {color: #545454;}
.details-area .prev-next .prev-post a:hover {color: var(--mainColor);}
.details-area .prev-next .prev-post i {position: relative;padding-right: 1rem;color: var(--mainColor);font-size: 25px;}
.details-area .prev-next .next-post {font-size: 18px;display: flex;align-items: center;flex-wrap: nowrap;float: right;}
.details-area .prev-next .next-post a {color: #545454;}
.details-area .prev-next .next-post a:hover {color: var(--mainColor);}
.details-area .prev-next .next-post i {position: relative;padding-left: 1rem;color: var(--mainColor);font-size: 25px;}

/* list  */
.list-area .single {overflow: hidden;position: relative;margin: 0 0 1.5rem 0;height: calc(100% - 1.5rem);background-color: var(--bgColor);box-shadow: var(--bs-box-shadow);}
.list-area .single>a{aspect-ratio: 4 / 3;align-content: center;background-color: white;}
.list-area .single img {transition: all .5s ease-in-out;object-fit: cover;aspect-ratio: 4 / 3;}
.list-area .single:hover > img {-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
.list-area .single:hover .content h4 a {text-decoration: underline;text-decoration-style: dotted;text-underline-offset: 6px;opacity: 0.9;}
.list-area .content {padding: 5px 20px 10px;border-top: var(--mainColor) solid 5px;}
.list-area .content h4 {margin-bottom: 0;}
.list-area .content h4 a {font-size: large;line-height: 1.5rem;}

/* Section  */
.roll-area .single-service {margin:0 .5rem 1.5rem .5rem;background-color: var(--mainColor);}
.roll-area .single-service img {transition: all .5s ease-in-out;object-fit: cover;aspect-ratio: 4 / 3;}
.roll-area .single-service:hover > img {-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
.roll-area .single-service>a{aspect-ratio: 4 / 3; overflow: hidden;}
.roll-area .service-content {background: #121212;padding: 10px 20px;}
.roll-area .service-content h4 a {color: #fff;font-size: large;}
.roll-area .single-service:hover .service-content h4 a {text-decoration: underline;text-decoration-style: dotted;text-underline-offset: 6px;opacity: 0.9;}