/* Colors */

:root {
    --bs-black:#000000;
    --bs-blue:#0d6efd;
    --bs-indigo:#6610f2;
    --bs-purple:#6f42c1;
    --bs-pink:#d63384;
    --bs-red:#dc221c;
    --bs-orange:#fd7e14;
    --bs-orange-dark:#ee4a34;
    --bs-orange-dark-light:#fae4df;
    --bs-yellow:#ffb307;
    --bs-green:#28a745;
    --bs-teal:#20c997;
    --bs-cyan:#17a2b8;
    --bs-white:#ffffff;
    --bs-gray:#dedede;
    --bs-gray-light: #ebebeb;
    --bs-gray-dark:#343a40;
    --bs-primary:#ea1e00;
    --bs-primary-dark:#d52600;
    --bs-primary-light: #ea1e0014;
	--bs-primary-light-2:#ea1e00cc;
    --bs-primary-shadow:rgb(0 123 255 / 0.5);
    --bs-secondary:#002a34;
    --bs-secondary-dark: #222222;
    --bs-gray-500: #f2f2f2;
    --bs-gray-500-thumb: #c2c2c2;
    --bs-success:#28a745;
    --bs-info:#17a2b8;
    --bs-warning:#ffc107;
    --bs-danger:#dc3545;
    --bs-light:#f8f9fa;
    --bs-dark:#343a40;
	 --bs-font-sans-serif:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	 --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-font-awesome: "FontAwesome";
    --bs-gradient:linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0));
    --bs-gradient-image:linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0));
    --bs-shadow: 2px 5px 20px rgba(0, 0, 0, .2);
    --bs-transition: all .35s cubic-bezier(.645,.045,.355,1);
    --bs-transition-slow: all .55s cubic-bezier(.645,.045,.355,1);
    --bs-transition-very-slow: all .75s cubic-bezier(.645,.045,.355,1);
}

/* ---//--- */

/* --- Selection Colors --- */

::-webkit-selection {
    background-color: var(--bs-primary);
    color: #fff;
}

::selection {
    background-color: var(--bs-primary);
    color: #fff;
}

/* ---//--- */

/* --- Scrollbar Colors --- */

::-webkit-scrollbar {
    width: 10px;
    background-color: var(--bs-gray-500);
  }

::-webkit-scrollbar-thumb {
    background-color: var(--bs-gray-500-thumb);
    border-radius: 10px;
}

::-webkit-scrollbar-corner {
    background-color: var(--bs-gray-500);
}

/* ---//--- */

/*--------------------------------------------------------------
# Basic Typography Structure
--------------------------------------------------------------*/
 
/* *{font-family: 'Roboto';} */

*:not(table *) {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
}

html, body {
    overflow-x: hidden;
}

body {
    overflow: hidden;
}

body:not(.admin-bar) {
    position: relative;
	font-family: var(--bs-font-sans-serif);
}


a {
    color: var(--bs-primary);
    text-decoration: underline;
    outline: none;
}

a:hover,
a:active,
a:focus {
    color: var(--bs-primary);
    text-decoration: underline;
    text-decoration-style: solid;
}

a:hover,
a:active,
button:focus {
    box-shadow: none;
	text-decoration: dotted underline;
}

button[type=submit]:focus, button:focus, input[type="button"]:focus,
input[type="reset"]:focus, input[type="submit"]:focus,
a:focus {
	outline-width: 1px;
    outline-offset: -3px;
    outline-style: dotted;
    text-decoration: none;
}

a, area, button, input, label, select, summary, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transition: var(--bs-transition);
    transition: var(--bs-transition);
}

button, input, optgroup, select, textarea {
    margin: 0;
}

button, input {
    overflow: visible;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    display: block;
}

em, cite, q {
    color: var(--bs-primary);
    font-style: italic;
    font-weight: bold;
}

code, kbd, tt, var, samp, pre {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    background: var(--bs-secondary);
    color: #fff;
    padding: 1px 5px;
    border-radius: 0px;
    font-size: 88%;
}

pre {
    display: block;
    margin: 0 0 10px;
    font-size: 13px;
    word-break: break-all;
    word-wrap: break-word;
    border: 1px solid var(--bs-gray-light);
    border-radius: 0px;
    overflow: auto;
}

.table>thead {
    vertical-align: bottom;
}

.table th, .table td {
    padding: 24px;
    vertical-align: top;
}

table.table th, table.table td {
    padding-top: 15px;
    padding-bottom: 15px;
}

table.table.btn-table td {
    vertical-align: middle;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: #fff;
    color: var(--bs-secondary);
}

figure {
    margin: 0;
}

address,
table,
pre {
    width: 100%;
}

small {
    font-size: 80%;
}

fieldset {
    border: 1px solid var(--bs-gray-light);
    margin: 24px 2px;
    padding: 10px 25px 20px;
    border-radius: 0;
}

iframe {
    max-width: 100%;
    height: auto;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border-radius: 0;
}

button[type="submit"],
input[type="button"],
input[type="reset"],
input[type="submit"] {
    display: inline-block;
    font-weight: 600;
    line-height: 1.5;
    background-color: var(--bs-primary);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border: 2px solid transparent;
    padding: 11px 22px;
    letter-spacing: 0.8px;
    font-size: 16px;
    border-radius: 4px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

button[type="submit"], 
input[type="button"], 
input[type="reset"],
input[type="submit"] {
    padding: 2px 10px!important;
    height: 46px!important;
    margin-top: 0px!important;
}
.comment-metadata .edit-link a, .comment-body .reply a,
.scrolling-btn, .more-link,
.bs-tab-filter a, form button,
.bs-post-pagination div.nav a,
.btn:not(.btn-link):not(.btn-play):not(.btn-video) {
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-decoration: none;
    transition: 0.5s all ease;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    outline: 1px dotted;
    outline-offset: -2px;
}

input[type="text"]:not(.adminbar-input),
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
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"],
textarea,
.form-control {
    border-radius: 3px;
    display: block;
    line-height: 1.5;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 20px;
    vertical-align: middle;
    width: 100%;
    min-height: 46px;
	position: relative;
    background-color: #fff;
    border: 1px solid var(--bs-gray)!important;
    outline: none;
    letter-spacing: 0.5px;
    box-shadow: none;
    -webkit-transition: var(--bs-transition);
    transition: var(--bs-transition);
}
input[type="text"]:not(.adminbar-input),
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
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"],
textarea,
.form-control {
    border:none;
}
input[type="text"]:focus, input[type="email"]:focus,
input[type="url"]:focus, input[type="password"]:focus,
input[type="search"]: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, select:focus,
input[type="text"]:hover, input[type="email"]:hover,
input[type="url"]:hover, input[type="password"]:hover,
input[type="search"]:hover, input[type="number"]:hover,
input[type="tel"]:hover, input[type="range"]:hover,
input[type="date"]:hover, input[type="month"]:hover,
input[type="week"]:hover, input[type="time"]:hover,
input[type="datetime"]:hover, input[type="datetime-local"]:hover,
input[type="color"]:hover, textarea:hover, select:hover {
    background-color: #fff;
    border-color: var(--bs-primary);
    outline: none;
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

select {
    border: 1px solid var(--bs-gray);
    border-radius: 0;
    display: block;
    font-size: 92%;
    font-weight: 500;
    padding: 6px 12px;
    min-height: 50px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    box-shadow: none;
    overflow: auto !important;
    outline: 0;
    background-color: #fff;
}

textarea {
    height: 130px;
    overflow: auto;
    resize: vertical;
}

input[type=checkbox], input[type=radio],
form[id*=give-form] #give-gateway-radio-list>li input[type=radio],
form[id*=give-form] #give-gateway-radio-list>li input[type=checkbox],
div.wpforms-container-full .wpforms-form input[type=radio],
div.wpforms-container-full .wpforms-form input[type=checkbox] {
    position: relative;
    border: 2px solid var(--bs-secondary-dark);
    background-color: #fff;
    color: var(--bs-primary);
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 16px;
    margin: 0;
    outline: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 16px !important;
    max-width: 16px;
    border-radius: 3px;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    transition: .05s border-color ease-in-out;
}

input[type=radio] {
    border-radius: 50%;
    margin-right: 4px;
    line-height: 12px;
}

input[type=checkbox]:hover:before,
input[type=radio]:hover:before,
input[type=checkbox]:checked:before,
input[type=radio]:checked:before {
    display: inline-block;
    vertical-align: middle;
    speak: none;
    line-height: 1.1;
    -webkit-transition: var(--bs-transition);
    transition: var(--bs-transition);
}

input[type=radio]:checked:before {
    content: "⬤";
    text-indent: -9999px;
    border-radius: 100px;
    font-size: 24px;
    width: 7.36px;
    height: 7.36px;
    margin:  2.432px 4px 2.8px;
    line-height: 20px;
    background: var(--bs-primary);
}

input[type=checkbox]:checked,
input[type=checkbox]:hover,
input[type=radio]:checked,
input[type=radio]:hover {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

input[type=checkbox]:checked:before {
    content: '';
    position: absolute;
    left: 1px;
    top: 5.12px;
    background-color: #fff;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*---//---*/

/* --- Primary Colors --- */

button:hover, button:focus, a:hover, a:focus,
button.btn:hover, button.btn:focus, .form-control:focus,
a.btn:hover, a.btn:focus, button.btn:hover, button.btn:focus,
button[type=submit]:hover, button[type=button]:hover,
input[type="submit"]:hover, input[type="button"]:hover,
input[type="reset"]:hover,
button[type=submit]:focus, button[type=button]:focus,
input[type="submit"]:focus, input[type="button"]:focus,
input[type="reset"]:focus {
    box-shadow: none !important;
}

button[type=submit]:hover, button[type=button]:hover,
input[type="submit"]:hover, input[type="button"]:hover,
input[type="reset"]:hover,
button[type=submit]:focus, button[type=button]:focus,
input[type="submit"]:focus, input[type="button"]:focus,
input[type="reset"]:focus {
    color: #fff;
    
}


@media(min-width: 1200px) {
    body.boxed {
        width: 1170px;
        -webkit-box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5);
        box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5);
        margin: 0 auto;
        position: relative;
        background-color: #ffffff;
    }
}
@media (min-width: 768px) and (max-width: 979px)  {
    body.boxed {
        width: 100%;
    }
}
@media (max-width: 767px) {
    body.boxed {
        width: 100%;
    }
    body {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (min-width: 980px) and (max-width: 1199px) {
    body.boxed {
        width: 100%;
    }
}

/* ---Color CSs--- */
 
	
.header-1 .header-top-info {
    background-color: var(--bs-primary);
}	

/* ---button style--- */
.menu-right .btn-1 {
    text-decoration: none;
    border: 2px solid var(--bs-primary);
    padding: 10px 17px 10px 15px;
    font-size: 16px;
    color: #fff;
    background-color:var(--bs-primary);
	position: relative;
    top: 3px;
}
.btn-2 {
    position: relative;
    border-radius: initial;
    background-color: red;
	border: 2px solid var(--bs-primary);
    padding: 16px 42px 16px 34px;
    font-size: 18px;
    color: #fff;
    transition: .3s;
    position: relative;
	text-decoration: none;
}


/* Common button styles */

.main-slider-2 .btn-2 {
    top: 48px;
    position: relative;
	display: inline-block;
}
.btn-2 {
  min-width: 150px;
  max-width: 250px;
  display: block;
  padding: 1em 2em;
  border: none;
  background: none;
  color: inherit;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.btn-2:focus {
  outline: none;
}
.btn-2 > span {
  vertical-align: middle;
}
.main-slider-3 .btn-2{
	margin-right:20px;
} 
.header-2 .menu-right .btn-effect-2:after {
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    background: var(--bs-secondary);
}
.header-2 .menu-right .btn-effect-2:before{
    background: var(--bs-secondary);
}
.header-2 .menu-right .btn-effect-2 {
    overflow: hidden;
    color: var(--bs-secondary);
	text-decoration: none;
    border: 2px solid var(--bs-white);
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    background-color: var(--bs-secondary);
    position: relative;
	text-align: center;
}
/* Borders */
.button--border-thin {
  border: 1px solid;
}
.button--border-medium {
  border: 2px solid;
}
.button--border-thick {
  border: 3px solid;
}

/* Individual button styles */
 
/* Tamaya */
.btn-effect-2 {
  overflow: hidden;
  color: var(--bs-primary);
  min-width: 180px;
  height: fit-content;
}
.btn-effect-2.button--inverted {
  color: #37474f;
  border-color: #37474f;
}
.btn-effect-2::before,
.btn-effect-2::after {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  background: var(--bs-primary);
  color: #fff;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.btn-effect-2.button--inverted::before,
.btn-effect-2.button--inverted::after {
  background: #fff;
  color: #37474f;
}
.btn-effect-2::before {
  top: 0;
  padding-top: 1em;
}
.btn-effect-2::after {
  bottom: 0;
  line-height: 0;
}
.btn-effect-2> span {
  display: block;
  -webkit-transform: scale3d(0.2, 0.2, 1);
  transform: scale3d(0.2, 0.2, 1);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.btn-effect-2:hover::before {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.btn-effect-2:hover::after {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.btn-effect-2:hover > span {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.slider-3-btn {
    display: inline-flex;
    align-items: end;
    position: relative;
}
.slider-3-btn button.button.button--tamaya.button--border-thick {
    margin-right: 20px;
}
.btn-1 {
    text-decoration: none;
    border: 2px solid var(--bs-primary);
    padding: 10px 15px 10px 15px;
    font-size: 18px;
	color: #fff;
	transition: .3s;
	position: relative;
	display: inline-block;
	background-color: var(--bs-primary);
	border-radius: 100px !important;
	min-width: max-content;
}
.btn-radius-1 {
    border-radius: 30px;
}
.eb-button-border {
    color: var( --bs-white);
    background: none;
    border-color: var( --bs-white);
	margin-left:18px;
}
.btn-effect-1:hover {
  animation: pulse 1s infinite;
  transition: .3s;
  border-color: var(--bs-primary);
}
.slider-content .btn-effect-1:hover {
  animation: pulse 1s infinite;
  transition: .3s;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  70% {
    transform: scale(.9);
  }
    100% {
    transform: scale(1);
  }
}

.slider-btn-2 {
    text-decoration: none;
    padding: 10px 25px 10px 26px;
    border-radius: 29px;
    font-size: 18px;
    color: #fff;
    background-color: var(--bs-primary);
	margin-right:20px;
}
.vedio-btn {
    margin: 20px;
    font-size: 16px;
    background-color: var(--bs-secondary);
    padding: 24px;
    border-radius: 100%;
}
 
.vedio-btn {
    position: relative;
    bottom: 0px;
    left: 0;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    background: rgba(44, 62, 80, 0.7);
    border-radius: 100%;
    height: 55px;
    width: 50px;
    z-index: 1;
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
    right: -4px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin: 20px;
    font-size: 18px;
    background-color: var(--bs-white);
    padding: 6px;
    border-radius: 100%;
}
.scrolldown:after {
   pointer-events: none; 
  position: absolute; 
   width: 100%; 
   height: 100%; 
  border-radius: 50%; 
   content: ""; 
   -webkit-box-sizing: content-box; 
   -moz-box-sizing: content-box;
   box-sizing: content-box;
 } 

.scrolldown .fui-arrow-right {  
   color: #fff;  
   font-size: 1.5em;  
    margin-left: 2px; 
  }  
.scrolldown:after { 
    top: 0;  
    left: 0;  
   padding: 0;  
    z-index: -1;  
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);  
   opacity: 0;  
  } 

.no-touch .scrolldown.active {
  color: #fff;
}
 
.scrolldown.active:after {
  -webkit-animation: sonarEffect 1.3s ease-out 75ms;
  -moz-animation: sonarEffect 1.3s ease-out 75ms;
  animation: sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }

  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 10px 10px #344453,
      0 0 0 10px rgba(255, 255, 255, 0.8);
  }

  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 10px 10px #344453,
      0 0 0 10px rgba(255, 255, 255, 0.8);
    -webkit-transform: scale(1.5);
    opacity: 0;
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }

  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 10px 10px #344453,
      0 0 0 10px rgba(255, 255, 255, 0.8);
  }

  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 10px 10px #344453,
      0 0 0 10px rgba(255, 255, 255, 0.8);
    -moz-transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }

  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 10px 10px #344453,
      0 0 0 10px rgba(255, 255, 255, 0.8);
  }

  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 10px 10px #344453,
      0 0 0 10px rgba(255, 255, 255, 0.8);
    transform: scale(1.5);
    opacity: 0;
  }
}



 
/*button style*/
 
/* ---top header left effect--- */ 
 

.text-heading {
    color: var(--bs-white);
    text-align: initial;
    overflow: hidden;
    position: relative;
}
 
.text-sliding {
    display: inline;
    margin-left: 2px;
}
.text-sliding span {
    white-space: nowrap;
}
aside.widget.widget-text-slide {
    padding: 9.5px 0;
}


 /*---------------------------------------------
    Classic Menu
---------------------------------------------*/
.is-sticky-menu {
    position: fixed;
    top: -1px;
    left: 0;
    right: 0;
    width: 100%;
    background: var(--bs-secondary);
    z-index: 999;
    -webkit-box-shadow: 0 10px 15px rgb(0 0 0 / 5%);
    -ms-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 15px rgb(0 0 0 / 5%);
    -webkit-animation: 1s ease-in-out 0s normal none 1 running fadeInDown;
    animation: 1s ease-in-out 0s normal none 1 running fadeInDown;

}
.is-sticky-menu .main-navbar .main-menu > li.menu-item > a {
    padding: 0 16.6px 0px 0px;
    color: #ffffff;
}

.logo img {
    max-width: 200px;
}

.header-2 .is-sticky-menu .site_logo{
    position: relative;
    flex-wrap: wrap;
    top: -30px;
    z-index: 9;
}

.header-2 .is-sticky-menu .main-navigation {
    min-height: 142px;
}

.header-2 .is-sticky-menu .row.menu-top {
    border-top: none;
    margin-bottom: -48px;
}


.navigation-wrapper {
    width: 100%;
    min-height: auto !important;
}

.overlay-enabled {
    overflow: hidden;
}

.main-header {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: min-height 0.3s ease;
    transition: min-height 0.3s ease;
    width: 100%;
    z-index: 3;
	background-color: #fff;
}

@media only screen and (min-width: 783px) {
    body.admin-bar .main-header .is-sticky-menu {
        top: 32px;
    }
}

@media only screen and (max-width: 782px) and (min-width: 601px) {
    body.admin-bar .main-header .is-sticky-menu {
        top: 46px;
    }
}

.logo a, .mobile-logo a, .site-title {
    display: block;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    white-space: normal;
    width: 100%;
    max-width: max-content;
    height: auto;
}

.logo a, .mobile-logo a {
    margin: auto 0;
}

/* a.site-title { */
    /* margin: auto 0 0; */
/* } */
a.site-title {
    margin: 14px 0px 0px;
	text-decoration: none;
}

.site-first-letter,
.site-last-letter {
    color: var(--bs-primary);
    font-weight: bolder;
}

.logo a:focus {
    outline-width: 1px;
    outline-style: dotted;
}

.site-description {
    width: 100%;
    display: block;
    font-size: 10.496px;
    font-weight: 500;
    line-height: 1.2;
    white-space: normal;
    margin: 0;
    margin-top: 5.6px;
}

.navbar-brand {
    padding: 0;
}

.logo img {
    width: 100%;
    float: none;
    margin: 0;
}

.main-navigation {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
    min-height: 72px;
}

.navbar-area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-pack: end;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    width: 100%;
    height: 100%;
}

.main-navbar {
    text-align: right;
    position: relative;
}

.main-menu-right {
    flex-shrink: 0;
    flex-basis: 40%;
    text-align: right;
    justify-content: flex-end;
    display: flex;
    flex-wrap: wrap;
}

.not-included {
    color: red;
    display: block;
    font-size: 0.7em;
    line-height: 1;
    padding: 0 0 5px 0;
    margin-top: 1px;
}

.main-mobile-build .not-included {
    margin-top: -6px;
}

.main-navbar .main-menu > li > a > .not-included {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    z-index: 1;
    bottom: -5px;
}

.main-header .widget_nav_menu li > a > .not-included,
.main-footer .widget_nav_menu li > a > .not-included,
.main-footer .main-menu > li > a > .not-included {
    display: contents;
    line-height: 0;
    width: 100%;
}

.main-footer .main-menu > li > a > .badge,
.main-navbar .main-menu > li > a > .badge {
    position: absolute;
    top: 20px;
    right: 0;
}

.badge {
    position: relative;
}

.main-navbar ul.main-menu {
    display: inline-block;
	text-align: left;
}

ul.main-menu {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: block;
}

ul.main-menu li {
    list-style: none;
}

ul.main-menu:not(.menu-effect-1) > li {
	padding: 0 10px;
}

.main-menu > li > a,
.dropdown-menu li a {
    position: relative;
    display: block;
    font-weight: 500;
    letter-spacing: 0.3px;
    text-align: inherit;
    text-decoration: none;
    z-index: 0;
}

.main-menu > li > a {
    font-size: 16px;
}

.dropdown-menu li a {
    font-size: 16px;
}

.main-mobile-menu .main-menu > li > a,
.main-mobile-menu .dropdown-menu li a {
    line-height: 45px;
}

.main-navbar .main-menu > li > a {
    line-height: 45px;
}

.main-mobile-menu .main-menu > li > a,
.main-mobile-menu .dropdown-menu li a {
    font-size: 17px;
}

.main-menu > li a img {
    width: auto;
    height: 15px;
    display: inline-block;
    vertical-align: initial;
    margin: auto;
    margin-right: 5px;
    transform: translateY(1px);
}

/*.main-header .widget_nav_menu li.menu-item-has-children > a:after,
.main-footer .widget_nav_menu li.menu-item-has-children > a:after,
.main-footer .main-menu > li.menu-item-has-children > a:before,
.main-navbar .main-menu > li.menu-item-has-children > a:before {
    content: "\f067";
    font-family: var(--bs-font-awesome);
    font-weight: 900;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    color: inherit;
    font-size: 0.9rem;
    -webkit-transition: var(--bs-transition);
    transition: var(--bs-transition);
}

.main-header .widget_nav_menu li.menu-item-has-children.focus > a:after,
.main-footer .widget_nav_menu li.menu-item-has-children.focus > a:after,
.main-footer .main-menu > li.menu-item-has-children.focus > a:before,
.main-navbar .main-menu > li.menu-item-has-children.focus > a:before,
.main-header .widget_nav_menu li.menu-item-has-children:hover > a:after,
.main-footer .widget_nav_menu li.menu-item-has-children:hover > a:after,
.main-footer .main-menu > li.menu-item-has-children:hover > a:before,
.main-navbar .main-menu > li.menu-item-has-children:hover > a:before,
.main-navbar .main-menu > li.menu-item-has-children.active > a:before  {
    content: "\f068";
    color: var(--bs-primary);
}

.main-header .widget_nav_menu li.menu-item-has-children > a,
.main-footer .widget_nav_menu li.menu-item-has-children > a,
.main-footer ul.main-menu > li.menu-item-has-children > a,
.main-navbar ul.main-menu > li.menu-item-has-children > a {
    padding-right: 1.055rem;
}*/

.main-footer .main-menu > li > a {
    padding: 0px 5px;
}

.widget-left .main-menu > li:first-child > a,
.widget-right .main-menu > li:first-child > a {
    padding-left: 0
}

.widget-left .main-menu > li:last-child > a,
.widget-right .main-menu > li:last-child > a {
    padding-right: 0;
}

.main-footer .main-menu > li > a,
.main-navbar .main-menu > li > a {
    display: inline-flex;
}

.main-navbar .main-menu > li.menu-item > a {
    padding: 0;
    color: #000000;
}
.main-navbar .main-menu > li.menu-item > a:hover,
.main-navbar .main-menu > li.menu-item > a:focus,
.main-navbar .main-menu > li.active > a {
    color: var(--bs-primary) !important;
}
.main-menu > li > a {
    white-space: normal;
    border: 0;
    border-radius: 0;
}

/* Desktop Menu Start */
.main-footer .main-menu > li, 
.main-navbar .main-menu > li {
    display: inline-block;
    margin: 0 -1px;
    position: relative;
    z-index: 2;
}
/* Dropdown Menu Border Start */

.main-footer .widget_nav_menu ul.menu .sub-menu li.menu-item a,
.main-header .widget_nav_menu ul.menu .sub-menu li.menu-item a,
.main-header .widget_nav_menu ul.menu .sub-menu li.menu-item a {
    margin: 0;
    display: block;
    width: 100%;
}

.main-header .widget_nav_menu ul.menu > li > a {
    line-height: 45px;
}

.main-header .widget_nav_menu .sub-menu,
.main-navbar .dropdown-menu {
    position: absolute;
    z-index: 0;
    width: 220px;
    background: #fff;
    padding: 5px 0;
    margin: 0;    
    border: 0;
    border-radius: 0;
    -moz-box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.075);
    box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.075);
    font-size: 16px;
    text-align: left;
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.main-navbar .dropdown-menu {
    border-bottom-width: 4px;
    border-style: solid;
    border-color: var(--bs-primary);
}

.main-footer .widget_nav_menu .sub-menu,
.main-footer .main-menu .dropdown-menu {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 50px;
    left: auto;
    border: 0;
    padding: 5px;
    border-radius: 0;
    text-align: left;
    margin: 0 auto;
    background: #fff;
    min-width: 200px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    -webkit-box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
    transition: all .25s;
}

.main-header .widget_nav_menu .menu > .menu-item > .sub-menu:before,
.main-footer .widget_nav_menu .menu .menu-item .sub-menu:before,
.main-footer .main-menu .menu-item .dropdown-menu:before {
    content: '';
    position: absolute;
    top: auto;
    right: auto;
    bottom: -10px;
    left: 20px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.main-header .widget_nav_menu .menu > .menu-item > .sub-menu:before {
    top: -10px;
    border-bottom: 10px solid #fff;
}

.main-footer .widget_nav_menu .menu .menu-item .sub-menu:before,
.main-footer .main-menu .menu-item .dropdown-menu:before {
    border-top: 10px solid #fff;
}

.main-footer .main-menu .dropdown-menu,
.main-footer .widget_nav_menu .sub-menu {
    bottom: 100%;
}

.main-header .widget_nav_menu .sub-menu,
.main-navbar .dropdown-menu {
    top: 100%;
}

.main-footer .widget_nav_menu .menu-item:hover > .sub-menu,
.main-footer .widget_nav_menu .menu-item.focus > .sub-menu,
.main-header .widget_nav_menu .menu-item:hover > .sub-menu,
.main-header .widget_nav_menu .menu-item.focus > .sub-menu,
.main-footer .main-menu .menu-item:hover > .dropdown-menu,
.main-footer .main-menu .menu-item.focus > .dropdown-menu,
.main-navbar .main-menu .menu-item:hover > .dropdown-menu,
.main-navbar .main-menu .menu-item.focus > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.main-navbar .menu-effect-1 .dropdown-menu li a:hover,
.main-navbar .menu-effect-1 .dropdown-menu li a:focus{
    color: #fff;
}
.main-footer .main-menu .dropdown-menu li .dropdown-menu,
.main-footer .widget_nav_menu .sub-menu li .sub-menu {
    bottom: 100%;
    transform: translateY(12px);
}

.main-header .widget_nav_menu .sub-menu li .sub-menu,
.main-navbar .dropdown-menu li .dropdown-menu {
    top: -4px; 
    transform: translateY(-12px);
}

.main-footer .widget_nav_menu .sub-menu li .sub-menu,
.main-footer .main-menu .dropdown-menu li .dropdown-menu,
.main-header .widget_nav_menu .sub-menu li .sub-menu,
.main-navbar .dropdown-menu li .dropdown-menu {
    display: block;    
    opacity: 0;
    visibility: hidden;
}

.main-footer .widget_nav_menu .sub-menu li .sub-menu,
.main-footer .main-menu .dropdown-menu li .dropdown-menu {
    margin-bottom: 20px;
}

.main-header .widget_nav_menu .sub-menu li .sub-menu,
.main-navbar .dropdown-menu li .dropdown-menu {
    left: 100%;
    margin-top: 0;
    margin-left: 10px;
}

.main-footer .main-menu > .menu-item:last-child > .dropdown-menu li .dropdown-menu,
.main-footer .widget_nav_menu .menu > .menu-item:last-child > .sub-menu li .sub-menu {
    bottom: 100%;
}

.main-header .widget_nav_menu .menu > .menu-item:last-child > .sub-menu li .sub-menu,
.main-navbar .main-menu > .menu-item:last-child > .dropdown-menu li .dropdown-menu {
    left: auto;
    right: 100%;
    margin-right: 10px;
}
 
 
.main-header .widget_nav_menu .menu > .menu-item:last-child > .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu,
.main-navbar .main-menu > .menu-item:last-child > .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    right: auto;
    left: 100%;
}

.main-header .widget_nav_menu .sub-menu li .sub-menu li .sub-menu,
.main-navbar .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: auto;
    right: 100%;
    margin-right: 10px;
}

.main-header .widget_nav_menu .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu,
.main-navbar .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    right: auto;
    left: 100%;
}

.main-header .widget_nav_menu .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu,
.main-navbar .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    right: auto;
    left: 100%;
}

.main-footer .main-menu .main-navbar .dropdown-menu > li,
.main-footer .widget_nav_menu .sub-menu > li,
.main-header .widget_nav_menu .sub-menu > li,
.main-navbar .dropdown-menu > li {
    padding: 0;
    position: relative;
    height: auto;
}


.main-navbar .menu-effect-1 .dropdown-menu li:hover > a, .main-navbar .menu-effect-1 .dropdown-menu li:focus > a {
    color: #fff;
}

.main-footer .main-menu .dropdown-menu li a,
.main-footer .widget_nav_menu .sub-menu li a,
.main-header .widget_nav_menu .sub-menu li a,
.main-navbar .dropdown-menu li a {
    border-bottom: 1px solid var(--bs-gray-light);
    color: var(--bs-secondary-dark);
    font-weight: 600;
    line-height: 24px;
    padding: 8px 14px 8px 14px;
    text-transform: none;
    white-space: normal;
}

.main-footer .main-menu .dropdown-menu li:last-child a,
.main-footer .widget_nav_menu .sub-menu li:last-child a,
.main-header .widget_nav_menu .sub-menu li:last-child a,
.main-navbar .dropdown-menu li:last-child a {
    border-bottom: 0;
    border-radius: 0 3px 3px;
}

.main-footer .main-menu .dropdown-menu li:hover > a,
.main-footer .main-menu .dropdown-menu li.focus > a,
.main-footer .widget_nav_menu .sub-menu li:hover > a,
.main-footer .widget_nav_menu .sub-menu li.focus > a,
.main-header .widget_nav_menu .sub-menu li:hover > a,
.main-header .widget_nav_menu .sub-menu li.focus > a,
.main-navbar .menu-effect-1 .dropdown-menu li:hover > a,
.main-navbar .menu-effect-1 .dropdown-menu li.focus > a {
    background-color: var(--bs-primary);
}

.main-footer .main-menu .dropdown-menu li:last-child,
.main-footer .widget_nav_menu .sub-menu li:last-child,
.main-header .widget_nav_menu .sub-menu li:last-child,
.main-navbar .dropdown-menu li:last-child {
    border-bottom-color: transparent;
}

.main-footer .main-menu .dropdown-menu .menu-item-has-children > a:after,
.main-footer .widget_nav_menu .sub-menu .menu-item-has-children > a:after,
.main-header .widget_nav_menu .sub-menu .menu-item-has-children > a:after,
.main-navbar .dropdown-menu .menu-item-has-children > a:after {
    font-family: var(--bs-font-awesome);
    font-weight: 900;
    content: "\f054";
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 10px;
    opacity: 0.7;  
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

  
.main-footer .main-menu .dropdown-menu .menu-item-has-children:hover > a:after,
.main-footer .main-menu .dropdown-menu .menu-item-has-children.focus > a:after,
.main-footer .widget_nav_menu .sub-menu .menu-item-has-children:hover > a:after,
.main-footer .widget_nav_menu .sub-menu .menu-item-has-children.focus > a:after,
.main-header .widget_nav_menu .sub-menu .menu-item-has-children:hover > a:after,
.main-header .widget_nav_menu .sub-menu .menu-item-has-children.focus > a:after,
.main-navbar .dropdown-menu .menu-item-has-children:hover > a:after,
.main-navbar .dropdown-menu .menu-item-has-children.focus > a:after {
    opacity: 1;
    right: 15px;
}

.header .widget_nav_menu .sub-menu {
    border-top-color: var(--bs-primary);
}

/* Desktop Menu End */

/* Sticky Menu */
.is-sticky-menu {
    position: fixed;
    top: -1px;
    left: 0;
    right: 0;
    width: 100%;
    background: var(--bs-secondary);
    z-index: 999;
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
    -webkit-animation: 1s ease-in-out 0s normal none 1 running fadeInDown;
    animation: 1s ease-in-out 0s normal none 1 running fadeInDown;
	 
}

.is-sticky-menu .sticky-navbar-brand {
    display: block;
    visibility: visible;
}

a.sticky-navbar-brand,
.is-sticky-menu .sticky-navbar-brand + .navbar-brand {
    display: none;
    visibility: hidden;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity:0;-webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none;
    }
}
@keyframes fadeInDown {
    from {
        opacity:0;-webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none;
    }
}
.fadeInDown {
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown;
}

/* Mbile Menu Start */

@media (max-width: 991px) {
    div.main-mobile-nav {
        display: block;
    }
}

.main-mobile-nav {
    width: 100%;
    display: none;
    background: var(--bs-secondary);
    border-bottom: 1px solid rgb(108 117 125 / 0.6);
}

.main-mobile-menu {    
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 19.5px 0px;
    min-height: 97px;
}

.main-mobile-menu ul.main-menu {
    height: 100%;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: overlay;
    -ms-touch-action: overlay;
    -webkit-overflow-scrolling: touch;
    touch-action: auto;
}

.main-mobile-menu ul,
.main-mobile-menu ul li {
    padding: 0;
    list-style: none;
    position: relative;
    border: 0;
}

.main-mobile-menu ul.main-menu > li:first-child {
    border-top: 1px solid #e0e0e0;
}

.main-mobile-menu ul.main-menu > li {
    border-bottom: 1px solid #e0e0e0;
}

.main-mobile-menu ul li {
    margin: 0;
}

.main-mobile-menu .header-wrap-right li {
    margin-right: 10px;
}

.main-mobile-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: none;
    transition: var(--bs-transition);
    -webkit-transition: all 600ms cubic-bezier(.6,.1,.68,.53) 400ms;
    -o-transition: all 600ms cubic-bezier(.6,.1,.68,.53) 400ms;
    transition: all 600ms cubic-bezier(.6,.1,.68,.53) 400ms;
}

.header-menu-active .main-mobile-wrapper {
    display: block;
}

.main-mobile-menu ul.main-menu .dropdown-menu {
    display: none;
}

.main-mobile-build {
    position: absolute;
    top: -200%;
    left: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    max-width: 500px;
    height: auto;
    padding: 54px 0 0;
    margin: auto;
    text-align: left;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    -webkit-transition: top 600ms cubic-bezier(.6,.1,.68,.53) 0ms;
    -o-transition: top 600ms cubic-bezier(.6,.1,.68,.53) 0ms;
    transition: top 600ms cubic-bezier(.6,.1,.68,.53) 0ms;
}

.mobile-menu-scroll {
    padding: 0;
    margin: 0px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.header-menu-active .main-mobile-build {
    top: 100%;
}

.header-2 .header-menu-active .main-mobile-build {
    top:0px;
}
.header-2 .main-mobile-build {
    position: absolute;
    top: 100px;   
}
.menu-collapse-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.main-mobile-build .login-btn {
    margin-top: 16px;
}

.main-mobile-menu ul.main-menu li.menu-item-has-children {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.main-mobile-menu ul.main-menu > li a {
    width: 100%;
    padding: 0;
    color: var(--bs-secondary);
    padding-left: 15px;
}

.main-mobile-menu ul.main-menu li.menu-item-has-children ul.dropdown-menu li > a {
    padding-left: 25px;
    width: 100%;
}

.main-mobile-menu ul.main-menu .menu-item-has-children > a {
    flex: 1;
}

.main-footer span.mobile-collapsed {
    display: none;
}

span.mobile-collapsed {
    max-width: 60px;
}

.main-mobile-menu ul.main-menu .dropdown-menu li:not(:last-child) {
    border-bottom: 1px solid #e0e0e0;
}

.mobile-collapsed > button {
    cursor: pointer;
    flex-basis: 10%;
    font-size: 18px;
    text-align: center;
    line-height: 46px;
    padding: 0 1.17em;
    color: var(--bs-secondary);
    background-color: var(--bs-primary-light);
    border: 0;
    border-radius: 0;
    border-left: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.mobile-collapsed > button:hover,
.mobile-collapsed > button:focus {
    background-color: var(--bs-primary);
}

.mobile-collapsed > button:hover,
.mobile-collapsed > button:focus,
.mobile-collapsed > button:hover:before,
.mobile-collapsed > button:focus:before {
    color: #fff;
}

.mobile-collapsed > button:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    display: block;
}

.main-mobile-menu ul.main-menu .menu-item-has-children.current > .mobile-collapsed > button:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.main-mobile-menu ul.main-menu .dropdown-menu {
    margin: 0;
    float: none;
    clear: both;
    background: none;
    border-top: 1px solid #e0e0e0;
    width: 100%;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}

.main-mobile-menu ul.main-menu .menu-item a {
    display: inline-block;
}

.main-mobile-menu ul.main-menu li > a {
    text-transform: none;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.main-mobile-menu ul.main-menu .menu-item-has-children.current > a {
    margin: 0;
}

/* Hamburger menu icon on the main-navigations */

span.tgl-lbl {
    line-height: .75;
    display: block;
}

.hamburger-menu {
    width: 40px;
    height: 40px;
    vertical-align: middle;
    border-radius: 0;
    overflow: hidden;
}

.menu-collapsed {
    width: inherit;
    height: inherit;
    display: block;
    border-radius: 4px;
    padding: .55em .47em .7em;
    position: relative;
    z-index: 1;
    border: 2px solid var(--bs-primary-light);
    background-color: var(--bs-primary);
}

.menu-collapsed:hover,
.menu-collapsed:focus {
    background-color: #fff;
    border-color: var(--bs-primary);
}

.menu-collapsed:hover div,
.menu-collapsed:focus div {
    background-color: var(--bs-primary);
}

.hamburger-menu div {
    height: 3px;
    width: 100%;
    margin: 0 0 5px;
    background: #fff;
}

.hamburger-menu div:first-child {
    margin-top: 0px;
}

.hamburger-menu div:last-child {
    margin-bottom: 0;
}

.hamburger-menu .meat,
.hamburger-menu .bottom-bun,
.hamburger-menu > button:hover div,
.hamburger-menu > button:focus div {
    width: 100%;
}

.hamburger-menu > button:hover .top-bun,
.hamburger-menu > button:focus .top-bun {
    -webkit-animation: burger-hover 0.8s infinite ease-in-out alternate;
    animation: burger-hover 0.8s infinite ease-in-out alternate;
}

.hamburger-menu > button:hover .meat,
.hamburger-menu > button:focus .meat {
    -webkit-animation: burger-hover 0.8s infinite ease-in-out alternate forwards 150ms;
    animation: burger-hover 0.8s infinite ease-in-out alternate forwards 150ms;
}

.hamburger-menu > button:hover .bottom-bun,
.hamburger-menu > button:focus .bottom-bun {
    -webkit-animation: burger-hover 0.8s infinite ease-in-out alternate forwards 300ms;
    animation: burger-hover 0.8s infinite ease-in-out alternate forwards 300ms;
}

@-webkit-keyframes burger-hover {
    0% {
        width: 100%;
    }
    50% {
        width: 50%;
    }
    100% {
        width: 100%;
    }
}

@keyframes burger-hover {
    0% {
        width: 100%;
    }
    50% {
        width: 50%;
    }
    100% {
        width: 100%;
    }
}

/* Above Header On Mobile Start */

.header-above-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 72px;
    height: 52px;
    overflow: hidden;
    text-align: center;
    z-index: 0;
}

.header-above-btn:after {
    content: "";
    width: 250%;
    height: 250%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(126px) translateY(-78px) rotate(36deg);
    background-color: var( --bs-primary);
    z-index: -1;
}

.header-above-collapse {
    display: inline-block;
    position: absolute;
    top: -11px;
    left: 45px;
    padding: 0;
    width: 26px;
    height: 50px;
    border: none;
    color: #fff;
    background-color: var(--bs-primary) !important;
    transform: rotate(-55deg);
    z-index: 1;
}

button.header-above-collapse:focus {
    background-color: var(--bs-primary);
}

.header-above-collapse span {
    top: 40%;
}

.header-above-collapse span,
.header-above-collapse span:before,
.header-above-collapse span:after {
    position: absolute;
    width: 7px;
    height: 7px;
    line-height: 7px;
    text-align: center;
    background: #fff;
    left: 50%;
    margin-left: -4px;
    border-radius: 50%;
}

.header-above-collapse span:before,
.header-above-collapse span:after {
    content: ''
}

.header-above-collapse span:before {
    bottom: 100%;
    margin-bottom: 4px
}

.header-above-collapse span:after {
    top: 100%;
    margin-top: 4px
}

.header-above-collapse.is-active span {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    border: 0;
}

.header-above-collapse.is-active span:before {
    -webkit-transform: translateY(19px);
    transform: translateY(19px);
    border: 0;
}

.header-above-collapse.is-active span:after {
    -webkit-transform: translateY(-19px);
    transform: translateY(-19px);
    border: 0;
}

.header-above-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transition: var(--bs-transition);
    -webkit-transition: all 600ms cubic-bezier(.6,.1,.68,.53) 400ms;
    -o-transition: all 600ms cubic-bezier(.6,.1,.68,.53) 400ms;
    transition: all 600ms cubic-bezier(.6,.1,.68,.53) 400ms;
}

.header-above-wrapper.is-active {
    opacity: 1;
    visibility: visible;
}

.header-above-bar {
    position: absolute;
    text-align: center;
    top: -250%;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: block;
    height: auto;
    width: 95%;
    padding: 15px 0;
    border-radius: 0;
    background-color: #fff;
    border-top: 4px solid var(--bs-primary);
    z-index: -1;
    -webkit-box-shadow: 0 15px 40px rgba(0,0,0,.15);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    -webkit-transition: top 400ms cubic-bezier(.6,.1,.68,.53) 0ms;
    -o-transition: top 400ms cubic-bezier(.6,.1,.68,.53) 0ms;
    transition: top 400ms cubic-bezier(.6,.1,.68,.53) 0ms;
}

.header-above-wrapper.is-active .header-above-bar {
    top: 100%;
}

.header-above-bar .widget-left, .header-above-bar .widget-right,
.header-above-bar .header-widget .widget {
    width: 100%;
}

.header-above-bar .header-widget .widget {
    margin-bottom: 10px;
}

.header-above-bar #header-top-right .widget:last-child {
    margin-bottom: 0px;
}

.header-above-bar #header-top-right .widget.widget-social-widget:first-child:before {
    background: none;
}

.header-above-bar .header-widget .widget .contact-area {
    padding-left: 0;
}

.header-above-bar .text-heading {
    color: var(--bs-secondary);
}
 
.middle-header-2 aside.widget.widget-social-widget ul li a {
    color: var(--bs-primary);
    margin: 10px;
}
.header-2 .main-navbar .main-menu > li.menu-item > a {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
}
.middle-header-2 aside.widget.widget-social-widget ul {
    display: flex;
    margin-top: 16px;
}
/* Menu Right Start */

.main-mobile-build-right ul,
.main-menu-right > ul {
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.main-menu-right > ul {
    padding-left: 28px;
}

.main-mobile-build-right > ul > ul > li, .main-mobile-build-right > ul > li,
.main-menu-right > ul > ul > li, .main-menu-right > ul > li {
    display: inline-block;
    margin-right: 8px;
    padding-right: 8px;
    position: relative;
    color: initial;
    list-style: none;
}

/*.main-menu-right > ul > li {
    border-right: 1px solid rgb(108 117 125 / 0.6);   
}*/

.main-menu-right > ul > ul > li:last-child,
.main-menu-right > ul > li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

.main-menu-right > ul > li {
    display: flex;
    align-items: center;
}

/*=============== 05. Search =============*/

.header-search-popup {
    position: absolute;
    top: 100%;
    right: 25%;
    width: 100%;
    min-width: 315px;
    z-index: -1;
    background-color: #fff;
    overflow: hidden;
    border-radius: 100px;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-20%);
    border: 1px solid var(--bs-gray-light);
    box-shadow: 0px 2px 16px -3px rgb(0 0 0 / 0.15);
    -webkit-backface-visibility: hidden;
    transition: all 0.5s ease-in-out;
}

.header-search-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 300px;
    position: relative;
    padding-right: 45px;
    min-height: 52px;
    margin: auto;
}

.header-search-popup form {
    width: 100%;
    margin: auto;
    position: relative;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    display: none;
    -webkit-transition: all 0.9s ease-in-out 1.4s;
    transition: all 0.9s ease-in-out 1.4s;
}

.header-search-popup form .header-search-field {
    padding-right: 40px;
    color: #000;
    font-weight: 500;
    font-size: 1rem;
    line-height: 24px;
    outline: none;
    box-shadow: none;
    border-radius: 100px;
    height: 40px;
    min-height: 40px;
}

.header-search-popup form .header-search-field:hover,
.header-search-popup form .header-search-field:focus {
    border-color: var(--bs-primary);
}

.header-search-popup input[type="search"].header-search-field::-moz-placeholder {
    /*color: #fff;*/
    font-weight: 500
}
.header-search-popup input[type="search"].header-search-field:-moz-placeholder {
    /*color: #fff;*/
    font-weight: 500
}
.header-search-popup input[type="search"].header-search-field:-ms-input-placeholder {
    /*color: #fff;*/
    font-weight: 500
}
.header-search-popup input[type="search"].header-search-field::-webkit-input-placeholder {
    /*color: #fff;*/
    font-weight: 500
}

.header-search-popup .search-submit {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    line-height: 1;
    margin: 4px 4px 4px 0;
    width: 32px;
    height: 32px;
    padding: 0;
    font-size: .8rem;
    text-align: center;
    color: #fff;
    background-color: var(--bs-primary);
    border-radius: 100px;
    border: none;
    opacity: 0;
}

.header-search-popup .search-form:hover .search-submit,
.header-search-popup .header-search-field:focus + .search-submit,
.header-search-popup .search-submit:focus {
    /* opacity: 1; */
}

.header-search-popup .header-search-close {
    width: 38px;
    height: 38px;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
    margin: auto 0;
    border-radius: 100%;
    -webkit-transition: all 0.9s ease-in-out 1.5s;
    transition: all 0.9s ease-in-out 1.5s;
    opacity: 0;
    transform: translate(0%, 0%);
    visibility: hidden;
    display: none;
}

.header-search-active .header-search-popup {
    transform: translateY(0);
}

.header-search-active .header-search-popup,
.header-search-active .header-search-close,
.header-search-active .header-search-popup form {
    opacity: 1;
    visibility: visible;
	z-index: 9;
}

.header-search-active .header-search-close,
.header-search-active .header-search-popup form {
    display: block;
}

.mobile-menu-right .header-search-popup .header-search-close {
    width: 60px;
    height: 60px;
    right: 6%;
    top: 25%;
}

@media only screen and (max-width:991px) {
    .header-search-popup form {
        width: 100%;
    }
}

.close-style {
    position: absolute;
    top: 27px;
    right: 50%;
    margin: 0 auto;
    display: block;
    width: 45px;
    height: 44px;
    border-radius: 4px;
    border-color: var(--bs-primary);
    border-style: solid;
    background: #fff;
    z-index: 9;
    transform: translate(-50%, -50%);
    left: 50%;
}

.close-style:before, .close-style:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;    
    width: 25px;
    height: 4px;
    background: var(--bs-secondary);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.close-style:hover:before, .close-style:hover:after,
.close-style:focus:before, .close-style:focus:after {
    background: var(--bs-primary);
}

.close-style:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.close-style:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close-style:hover:before, .close-style:hover:after,
.close-style:focus:before, .close-style:focus:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.menu-collapsed:focus,
.close-style:focus {
    outline-color: #fff;
}

.header-search-toggle, .header-cart {
    color: #000;
    background: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    line-height: 1.25;
    padding: 0;
    border-radius: 6.25rem;
    border: 1px solid transparent;
}

.mobile-menu-right .header-search-toggle {
    font-size: 20px;
    line-height: 2;
    border-radius: 3px;
    color: #fff;
    background-color: var(--bs-primary);
}

@media (min-width: 601px) {
    .admin-bar .main-mobile-nav:not(.is-sticky-menu) .header-close-menu {
        top: 5.4%;
    }
    .admin-bar .main-mobile-nav:not(.is-sticky-menu) .main-mobile-build {
        padding-top: 6.88rem;
    }
}

/* ---//--- */

/* Active Style Start */

/*.main-navbar .main-menu > li > a:after,
.main-navbar .main-menu > li.menu-item-has-children > a:after {
    content: '';
    position: absolute;    
    right: 0;
    height: 3px;
    width: 0;
    left: auto;
    bottom: 0;
    border-bottom: 3px solid var(--bs-primary);
    -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
}

.main-navbar .main-menu > li.menu-item-has-children:hover > a:after,
.main-navbar .main-menu > li:hover > a:after,
.main-navbar .main-menu > li.focus > a:after,
.main-navbar .main-menu > li.active > a:after {
    width: 100%;
    left: 0;
    right: auto;
}*/

/* --/-- */

.header-search-popup .header-search-close,
.more-link:after, .more-link,
.widget .cat-item:hover a + span,
.widget_title:after,
.navbar-brand, img.navbar-brand,
.is-sticky-menu img.navbar-brand,
.active-two .main-navbar .main-menu > li > a,
.main-navbar .dropdown-menu > li,
.main-navbar .dropdown-menu li a,
.main-navbar .dropdown-menu .menu-item-has-children > a:after,
.main-footer .dropdown-menu > li,
.main-footer .dropdown-menu li a,
.main-footer .main-menu .dropdown-menu .menu-item-has-children > a:after,
.sub-menu .menu-item-has-children > a:after,
.mobile-collapsed > button,
.mobile-collapsed > button:before,
.main-mobile-build li > a,
.hamburger-menu div,
.hamburger-menu .meat,
.hamburger-menu .bottom-bun,
.header-sidebar-toggle span,
.header-sidebar-toggle span:before,
.header-sidebar-toggle span:after,
.header-search-active .header-search-popup form,
.header-search-popup form,
.close-style:before, .close-style:after,
.header-search-popup span:before, .header-search-popup span:after,
.edd_checkout a, .button,
button, input, input[type="button"],
input[type="reset"], input[type="submit"] {
    -webkit-transition: var(--bs-transition);
    transition: var(--bs-transition);
}


/* mobile menu show*/
.header-2 .navigation-wrapper {
    width: 100%;
    margin-top: 10px;
}



/* Effect 1: Brackets header - 1 */
.menu-effect-1 a:before,
.menu-effect-1 a:after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.menu-effect-1 a:before {
	margin-right: 5px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.menu-effect-1 a:after {
	margin-left: 5px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.menu-effect-1 a:hover:before,
.menu-effect-1 a:hover:after,
.menu-effect-1 a:focus:before,
.menu-effect-1 a:focus:after,
.menu-effect-1 li.active > a:before,
.menu-effect-1 li.active > a:after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}
 li.menu-item i {
    margin-top: 15px;
    margin-left: 4px;
}


.menu-effect-2 ul.dropdown-menu li:hover::after {
    height: 100%;
}

.menu-effect-2 ul.dropdown-menu li::after {
    position: absolute;
    content: "";
    background: var(--bs-primary);
    width: 4px;
    transition: all 0.5s ease-out 0s;
    height: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.menu-effect-2 ul.dropdown-menu li:hover > a {
    color: var(--bs-primary);
    padding-left: 25px;
}
/* ---Header--- */

.main-navigation.is-sticky-on.is-sticky-menu em.fa.fa-search,
.main-navigation.is-sticky-on.is-sticky-menu .header-cart i{
    color: #fff;
}

.header-2 .main-navigation.is-sticky-on.is-sticky-menu .header-cart i {
    color: var(--bs-primary);
}


.main-navigation.is-sticky-on.is-sticky-menu .toggle-lines div {
    background: #fff;
}
ul li a .icon,.content-area-icon .icon {
    position: relative;
    color: #ffffff;
    transition: .5s;
    z-index: 3;
	padding: 6px 0px 0px 0px;
}
aside.widget.widget-social-widget {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.header-1 .middle-header-widget p {
    margin-bottom: 8px;
}
ul li a:hover .icon,.content-area-icon:hover .icon {
  color: #fff;
  transform: rotateY(360deg);
}
.content-area-icon .icon {
    position: relative;
    color: #ffffff;
    transition: .5s;
    z-index: 3;
}

.content-area:hover .icon {
  color: var(--bs-primary);
  transform: rotateY(360deg);
}
.icon {
    text-align: center;
    vertical-align: middle;
    
}
span.top-badge-1 {
    font-size: 18px;
    font-weight: 500;
	color:  var(--bs-primary);
}
span.social-title {
    color: #fff;
    margin-right: 20px;
}
.middle-header-widget {
    display: flex;
}
.middle-header {
    margin: 10px 0px 10px 0px;
}
aside.widget.right-widget {
    float: right;
    display: flex;
    align-items: center;
}

.footer-bottom aside.widget.right-widget {
    margin-top: 10px;
}	

.content-area {
    display: flex;
    margin-right: 31px;
	align-items: center;
}
.header-1 .middle-header-widget .icon,
.header-2 .middle-header-widget .icon{
    font-size: 31px;
    margin-right: 10px;
    color: var(--bs-primary)!important;
    text-align: center;
    vertical-align: middle;
    padding-top:38px;
	position:relative;
	z-index: 0;
}
.middle-header-2 .middle-header-widget .icon {
    padding-top:10px; 
}  
.header-2 .middle-header-2 .content p {
    margin-bottom: 0;
}
.info-item .content p {
    margin-bottom: 5px;
    position: absolute;
    bottom: 14%;
    text-align: center;
    left: 21%;
}

.info-box:hover .info-more p {
    position: inherit;
    margin-top: -25px;
    display: block;
}

.content a {
    text-decoration: none;
}

span.title h5 {
    color: black;
    font-size: 22px;
}
h5.widget-title {
    color: black;
	font-size: 22px;
}
.middle-header-widget {
    margin-top: 20px;
    justify-content: space-between;
    position: relative;
    left: 21px;
	cursor: pointer;
}

.middle-header-widget .title h5 {
    font-size: 18px;
}

.widget-border {
    position: relative;
}

.widget-border:after {
    position: absolute;
    content: "";
    border-left: 1px solid #cdc8c8;
    top: -0;
    bottom: -0;
    right: 0;
}

.widget-border:last-child:after {
    content: none;
}

.widget-border-2:after {
    position: absolute;
    content: "";
    border-left: 1px solid #cdc8c8;
    top: -31px;
    bottom: -12px;
    left: 60%;
}
.header, .header-1{
	position:relative;
}
 
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.search_form1 {
    display: flex;
    max-width: 100%;
    width: 243px;
}
.menu-right {
    justify-content: flex-end;
    vertical-align: middle;
    margin-top: 6px;
	list-style: none;
	display: flex;
}

.menu-right > ul > li {
    display: flex;
    align-items: center;
}


.menu-right li.search-button {
    background: var(--bs-primary);
    color: #fff;
    height: 30px;
    width: 30px;
    border-radius: 50%;
	position: relative;
}

.menu-right li.search-button i{
    color: #fff;
}

.header-1 li.header-cart{
    margin-right: 18px;
    font-size: 24px;
    margin-left: 20px;
	position: relative;
}



.header-5 li.header-cart {
    font-size: 24px;
    margin-left: 10px;
	position: relative;
}




.menu-right ul {
    display: flex;
    list-style: none;
    justify-content: space-around;
	align-items: center;
}




#search {
  align-items: center;
  background: rgba(0, 0, 0, 0.975);
  height: 0;
  display: flex;
  justify-content: center;
  opacity: 0;
  position: fixed;
  transition: all 0.5s;
  width: 100vw;
  will-change: transform, opacity;
  z-index: -1;
}
#search:target {
  height: 100vh !important;
  opacity: 1;
  width: 100vw !important;
  z-index: 5;
  top:0;
}
#search:target .close-btn {
  display: block;
}
#searchbox {
  background: transparent;
  border: solid #fff!important;
  border-width: 0 0 1px 0!important;
  color: #fff;
  flex: 1 0 auto;
  font-size: 2rem;
  height: 2rem;
  max-width: 50%;
  outline: 0;
  padding: 2rem 1rem;
}
.close-btn {
  display: none;
  color: #fff;
  font-size: 2rem;
  position: absolute;
  top: 0.5rem;
  right: 2rem;
}

.header-1 em.fa.fa-search {
    padding-top: 16px;
    font-size: 24px;
}


.header-1 span.count,.header-2 span.count  {
    width: 20px;
    height: 20px;
    line-height: 19px;
    border-radius: 20px;
    background-color: var(--bs-primary);
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: -7px;
    transition: 0.65s;
    right: -9px;
    font-weight: 500;
}

.header-1 .main-navigation {
   border-top: 1px solid #1212122b;
}

/* ---Header-2--- */

.header-2 aside.widget.widget-text-slide {
    padding-top: 13px;
    left: 49%;
    position: relative;
}

.header-2 .main-navigation:not(.is-sticky-menu) {
    min-height: 120px;
}
.header-2 em.fa.fa-search {
    padding-top: 18px;
    color: #fff;
	margin-right: 20px;
}

.header-2 span.count { 
    background-color: var(--bs-white);
    top: 0;
    color: var(--bs-primary);
}
.header-2 li.header-cart {
    margin-right: 18px;
    font-size: 24px;
    margin-top: 3px;
    position: relative;
}

.header-2 li.search-button {
    margin-right: 10px;
}

.header-2 .row.menu-top {
    border-top: none;
}

 
 
.main-slider-2 {
    z-index: 0!important;
    display: block;
    position: relative;
}
 
.middle-header-2 {
    z-index: 1;
    display: block;
    position: absolute;
    padding-top: 20px;
    width: 100%;
}
.header-2 .middle-header-widget {
    margin-top: 0px;
    justify-content: space-around;
    position: relative;
    top: -90px;
    bottom: -12px;
    background-color: #Fff;
    padding: 15px 0px 10px 20px;
    border-radius: 5px;
    left: 0;
}
.header-2 aside.widget.left-widget p {
    color: #fff;
    padding-top: 12px;
    float: right;
    font-weight: 400;
}
.header-2 .site_logo {
    position: relative;
    flex-wrap: wrap;
    top: -81px;
	z-index: 9;
	color: #fff;
}
.header-2 nav.navbar-area {
   margin-top: -56px;
    padding-left: 0px;
    margin-left: -37px;
}
.header-2 .menu-right {
    justify-content: flex-end;
    vertical-align: middle;
    display: flex;
    margin-top: -56px;
    margin-left: -34px;
}
.header-2 .menu-right .search_form1 {
    display: flex;
    max-width: 100%;
    width: 52px;
}
.header-2 .menu-right .btn-1 {
    text-decoration: none;
    border: 2px solid var(--bs-secondary);
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    position: relative;
	line-height: 1;
}
.header-2 .header-top-info:before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 27%;
    right: -1000000px;
    background-color: #151417ba;
    border-bottom-left-radius: 10px;
    z-index: -3;
    height: 50px;
}
.header-2 .header-top-info {
    z-index: 1;
	min-height: 40px;
}

.header-2 .middle-header-2 .content {
    font-size: 16px;
    margin-top: 7px;
}
.header-2 {
	position: relative;
    display: block;
    background-color: var(--bs-secondary);
    z-index: 9;
}
.main-header-three-shape{
    background: url(../image/header/main-header-three-shape.png) center center fixed rgba(0,0,0,0.8);
}
.main-header-three-shape {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: inherit;
    background-position: center;
    background-size: contain;
    opacity: 0.03;
    z-index: -1;
}
 
/* ---header-3 --- */
 .header-3 {
    position: absolute;
    background: none;
    z-index: 8;
    width: 100%;
}

.header-3 .header-top-info {
    background-color: #0808086e;
}
.header-3 .top-info-box {
    display: flex;
    position: relative;
    margin-top: 5px;
}
.header-3 aside.widget.widget-contact {
    float: right;
    padding-top:13px;
}

.header-3 span.title h5 {
    color: #fff;
    font-size: 16px;
}
.header-3 .content {
    color: #ffffffa6;
    line-height: 0;
    margin-top: 20px;
}
.header-3 aside.widget.left-widget {
    padding-top: 26px;
    margin-left: 50px;
}
.header-3 .content-area-icon {
    font-size: 36px;
    margin-right: 20px;
    position: relative;
    margin-top: 13px;
}
.right-menu ul li {
    list-style: none;
}

.header-3 .main-navbar .main-menu > li.menu-item > a {
    padding: 0;
    color: #ffffff;
}

.header-3 .main-navigation-area.d-none.d-lg-block {
    border-top: 1px solid #ffffff2b;
    position: relative;
    bottom: 0px;
    border-bottom: 1px solid #ffffff2b;
}
.header-3 .site-description {
    color: #fff;
}
.header-3 .content-area-icon .icon {
    position: relative;
    color: #ffffff;
    transition: .5s;
    z-index: 2;
    background-color: #ffffff36;
    padding: 16px;
    border-radius: 100%;
    height: 60px;
    width: 60px;
    font-size: 29px;
    cursor: pointer;
}



/* ---header-4 --- */

.header-4 .text-sliding {
    display: inline;
    margin-left: 37%;
    color: black;
    font-weight: 500;
}

.header-4 {
    position:relative;
}

.header-4 aside.widget.left-widget {
    float: right;
}
.header-4 .header-top-info {
    background-color: #fff;
}
.header-4 aside.widget.left-widget p {
    color: #141414;
    padding-top: 20px;
}
.header-4 ul li a .icon, .content-area-icon .icon {
    position: relative;
    color: #0e0e0e;
    transition: .5s;
    z-index: 3;
}
.header-4 span.social-title {
    color: #060606;
   
}
.header-4 .header-top-info:before {
    content: "";
    height: 60%;
    width: 26%;
    background-color: var(--bs-primary);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 25px) 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - 25px) 100%, 0% 100%);
    z-index: 1;
}
.header-4 .header-top-info:after {
    content: "";
    background-color: var(--bs-primary);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    height: 46px;
    width: 28%;
    -webkit-clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 100%, 0% 100%);
}
.header-4 .middle-header-4 {
    background-color: var(--bs-secondary);
    padding:11.5px 0;
}
.middle-header-4 ul li a .icon, .content-area-icon .icon {
   position: relative;
    color: #ffffff;
    transition: .5s;
    z-index: 3;
    font-size: 32px;
    margin: -23px 14px 0px -9px;
}
.middle-header-4 .content {
    font-size: 14px;
    color: #ffffff8a;
    line-height: 0;
}

.middle-header-4 span.title h5 {
    color: white;
    font-size: 18px;
}
.middle-header-4 h5.widget-title {
    color: white;
    font-size: 18px;
}
.middle-header-4 .site_logo {
    z-index: 1;
    position: relative;
	bottom:36px;
}

.header-4 .navigation-wrapper {
    width: 100%;
    background-color: black;
}

.header-4 .main-navbar .main-menu > li.menu-item > a {
    padding: 0 16.6px 0px 0px;
    color: #ffffff;
}

.middle-header-4 .middle-header-widget {
    justify-content: flex-end;
    position: relative;
    left: -4%;
    cursor: pointer;
 
}

.middle-header-4 .search-icon i{
    color: #fff;
    position: relative;
    left: 48%;
    background-color: #ffffff21;
    padding: 17px;
    height: 49px;
    width: 49px;
    border-radius: 100%;
    bottom: 14px;
    margin-left: 15px;
}

.middle-header-4 .location-icon i {
    color: #fff;
    position: relative;
    left: 48%;
    background-color: #ffffff21;
    padding: 13px 0px 0px 17px;
    height: 49px;
    width: 49px;
    border-radius: 100%;
    bottom: 14px;
    margin-left: 15px;
    font-size: 24px;
}
 
.header-4  .main-navbar .main-menu > li {
    display: inline-block;
    margin: 0 10px;
    position: relative;
	z-index: 2;
}



/* ---header-5 --- */

.header-5 em.fa.fa-search {
    padding-top: 0px;
    font-size: 18px;
    color: #fff;
}

.header-5 li.header-cart i {
    font-size: 22px;
    color: #fff;
}

.header-5 span.count {
    width: 17px;
    height: 17px;
    line-height: 19px;
    border-radius: 20px;
    background-color: var(--bs-primary);
    color: #fff;
    font-size: 11px;
    position: absolute;
    top: -2px;
    transition: 0.65s;
    font-weight: 500;
    position: absolute;
    left: 21px;
}
.header-5 .main-navigation-area.d-none.d-lg-block {
    background-color: var(--bs-secondary);
}

.header-5 .main-navbar .main-menu > li.menu-item > a {
    color: #ffffff;
}

.header-5 .main-navbar .main-menu > li.menu-item > a{
	padding:0;
}
.header-5 .header-top-info-5 .content-area {
    display: flex;
    line-height: 1.5;
	align-items: center;
}

 .header-top-info-5, .content-area-icon i{
    color: #000000;
   
}
.header-top-info-5 .content {
    font-size: 14px;
}
.header-top-info-5 .middle-header-widget {
    display: flex;
    justify-content: flex-start;
}
.header-top-info-5 span.title h5 {
    color: black;
    font-size: 14px;
} 
.header-top-info-5 h5.widget-title {
    color: black;
    font-size: 16px;
}
.middle-header-widget-5 {
    margin-top: 15px;
    justify-content: flex-start;
    position: relative;
    cursor: pointer;
    display: flex;
}

.header-top-info-5 .middle-header-widget-5 .content p {
    margin-bottom: 0;
}

.middle-header-widget-5 .icon {
    position: relative;
    color: #fff;
    transition: .5s;
    z-index: 3;
    font-size: 32px;
    background-color: var(--bs-secondary);
    padding: 9px;
    font-size: 16px;
    height: 35px;
    width: 35px;
}

.header-top-info-5 ul li a .icon, .content-area-icon .icon {
    position: relative;
    color: #020202;
    transition: .5s;
    z-index: 3;
}

svg.social-bg-1 {
    position: absolute;
    top: 0px;
    z-index: -1;
    right: 64px;
}

.header-5 .main-navbar {
    text-align: right;
    position: relative;
    z-index: 1;
}
.header-5 .main-navbar .main-menu > li {
    display: inline-block;
    margin: 0 -1px;
    position: relative;
    float: left;
}


.header-5 .main-navigation {
    max-height: 100px;
}

.header-5 .row.menu-top {
    border-top: 0px solid #1212122b;
}


/* .header-5 .btn-2 { */
    /* position: relative; */
    /* top: 0px; */
    /* border-radius: initial; */
    /* background-color: red; */
    /* border: 2px solid var(--bs-primary); */
    /* padding: 16px 13px 16px 15px; */
    /* font-size: 18px; */
    /* color: #fff; */
    /* transition: .3s; */
    /* position: relative; */
    /* text-decoration: none; */
/* } */
/* .header-5 .header-btn:after { */
    /* position: absolute; */
    /* bottom: -47px; */
    /* content: ""; */
    /* width: 34px; */
    /* height: 47px; */
    /* bottom: -47px; */
    /* right: 22%; */
    /* background: #ff8800; */
    /* clip-path: polygon(0 0, 100% 0, 100% 100%); */
/* } */

/* .header-5 .header-btn:before { */
    /* position: absolute; */
    /* bottom: -46px; */
    /* content: ""; */
    /* width: 16%; */
    /* height: 47px; */
    /* background: #ffc400; */
    /* clip-path: polygon(0 0, 100% 0, 0 100%); */
    /* right: 6%; */
/* } */

.header-5-btn {
    background: var(--bs-primary);
    height: 100%;
    margin-left: 26px;
    float: right;
    padding-top: 26px;
    padding-bottom: 20px;
    max-height: 100px;
    position: relative;
    z-index: 1;
    margin-top: -14px;
    min-width: 220px;
}

.header-5 aside.widget.widget-social-widget {
    justify-content: right;
    margin-right: -10px;
}

.header-5-btn:before {
    position: absolute;
    bottom: -46px;
    content: "";
    width: 100%;
    height: 47px;
    background: var(--bs-primary);
    clip-path: polygon(0 0, 100% 0, 0 100%);
    left: 0%;
}

.header-5-btn:after {
    position: absolute;
    bottom: -47px;
    content: "";
    width: 34px;
    height: 47px;
    bottom: -47px;
    left: -34px;
    background: var(--bs-primary);
    clip-path: polygon(0 0, 100% 0, 100% 100%);
}
.header-5-btn li {
    display: inline-block;
}
.header-5-btn-icon {
    float: left;
    margin-right: 10px;
}
.header-5-btn .header-5-btn-icon span {
    width: 37px;
    height: 37px;
    line-height: 37px;
    margin-top: 6px;
    background: #ffffff;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    font-size: 23px;
}
.header-5-btn-content {
    overflow: hidden;
    color: #fff;
}
.header-5 .navbar-area {
     
    justify-content: flex-end;
}
.header-5-btn-content p {
    margin-bottom: 0;
}
.header-5 .header-top-info-5 aside.widget.widget-social-widget ul {
    display: flex;
    margin-right: 20px;
}

.header-5 .site-description {
    color: #fff;
}

.header-5 .site_logo {
    margin-bottom: 28px;
}

.header-5 .header-top-info-5 ul li a .icon, .content-area-icon .icon {
   position: relative;
    color: #ffffff;
    transition: .5s;
    z-index: 1;
}

.header-5 aside.widget.widget-social-widget ul li {
    list-style: none;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 100%;
    padding: 0px 0px 0px 8px;
    margin-right: 10px;
    height: 30px;
    width: 30px;
}

.header-5 .search-icon {
    color: #fff;
    margin-top: 5px;
    border: 1px solid #fff;
    border-radius: 100%;
    padding: 8px 12px 14px 10px;
    height: 40px;
    width: 40px;
    margin-right: 20px;
}

.main-slider-5 {
    position: relative;
    z-index: 0;
}
/* ---ABout Toggle Header-4 --- */
.header-1 .menu-right ul li.about-toggle-list {
    border-radius: 0 5px 5px 0px;
    padding: 0;
 
}
.header-2 .menu-right ul li.about-toggle-list {
    border-radius: 0 5px 5px 0px;
    margin-top: 0px;
    padding: 6px;
}
.header-4 .main-navbar {
    z-index: 1;
}

.header-4 .menu-right li.header-cart {
    font-size: 26px;
    margin-right: 30px;
    position: relative;
}
.header-4 span.count {
    width: 17px;
    height: 17px;
    line-height: 19px;
    border-radius: 20px;
    background-color: var(--bs-primary);
    color: #fff;
    font-size: 11px;
    position: absolute;
    top: -7px;
    transition: 0.65s;
    font-weight: 500;
    position: absolute;
}

.header-4 em.fa.fa-search {
    padding-top: 0px;
    font-size: 24px;
    color: #fff;
}

.view-search-btn.header-search-popup {
    max-width: 200px;
}



.header-4 .menu-right .btn-1 {
    text-decoration: none;
    border: 2px solid var(--bs-primary);
    padding: 10px 29px 10px 29px;
    border-radius: 1;
    font-size: 16px;
    color: #fff;
    background-color: var(--bs-primary);
    position: relative;
    line-height: 2;
}
.menu-right ul li.about-toggle-list {
    padding: 15px 0;
    border-radius: 0 5px 5px 0px;
}
.hamburger {
    width: 40px;
    height: 40px;
    vertical-align: middle;
    border-radius: 0.25rem;
    overflow: hidden;
    color: #fff;
    z-index: 23;
    position: relative;
    margin: 0 auto;
}

.hamburger.hamburger-about:before {
    margin-left: -31px;
    position: absolute;
    content: "";
    border-right: 1px solid #0c0c0c36;
    top: 0px;
    height: 79px;
}
.hamburger .toggle-lines {
    background: none;
    border: none;
}
.toggle-lines {
    width: inherit;
    height: inherit;
    display: block;
    padding: 10px 8px 10px;
}
.toggle-lines div:first-child {
    margin-top: 0px;
}
.toggle-lines div {
    height: 3px;
    width: 100%;
    margin: 0 0 5px;
    background: var(--bs-primary);
}

.toggle-lines .meat, .toggle-lines .bottom-bun, .toggle-lines:hover div, .toggle-lines:focus div {
    width: 100%;
}
.author-popup {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999999;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    background-color: rgb(0 0 0 / 0.5);
    -webkit-transition: all .4s ease-in .8s;
    transition: all .4s ease-in .8s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
 
 

ul li.about-toggle-list {
    margin-left: 6px;
}

.hamburger {
    width: 40px;
    height: 40px;
    vertical-align: middle;
    border-radius: 0.25rem;
    overflow: hidden;
    color: #fff;
    z-index: 4;
    position: relative;
}
.toggle-lines {
    width: inherit;
    height: inherit;
    display: block;
    padding: 10px 8px 10px;
}
.hamburger .toggle-lines {
    background: none;
    border: none;
}
.toggle-lines div:first-child {
    margin-top: 0px;
}

.toggle-lines {
    width: inherit;
    height: inherit;
    display: block;
    padding: 10px 8px 10px;
}

.toggle-lines div {
    height: 3px;
    width: 100%;
    margin: 0 0 5px;
}

.toggle-lines div:first-child {
    margin-top: 0px;
}

.toggle-lines div:last-child {
    margin-bottom: 0;
}

.toggle-lines .meat,
.toggle-lines .bottom-bun,
.toggle-lines:hover div,
.toggle-lines:focus div {
    width: 100%;
}

.toggle-lines:hover div, .toggle-lines:focus div {
    color:var(--primary-color);
}
 

.toggle-lines:hover .top-bun,
.toggle-lines:focus .top-bun {
    -webkit-animation: burger-hover 0.8s infinite ease-in-out alternate;
    animation: burger-hover 0.8s infinite ease-in-out alternate;
}

.toggle-lines:hover .meat,
.toggle-lines:focus .meat {
    -webkit-animation: burger-hover 0.8s infinite ease-in-out alternate forwards 150ms;
    animation: burger-hover 0.8s infinite ease-in-out alternate forwards 150ms;
}

.toggle-lines:hover .bottom-bun,
.toggle-lines:focus .bottom-bun {
    -webkit-animation: burger-hover 0.8s infinite ease-in-out alternate forwards 300ms;
    animation: burger-hover 0.8s infinite ease-in-out alternate forwards 300ms;
}

@-webkit-keyframes burger-hover {
    0% {
        width: 100%;
    }
    50% {
        width: 50%;
    }
    100% {
        width: 100%;
    }
}

@keyframes burger-hover {
    0% {
        width: 100%;
    }
    50% {
        width: 50%;
    }
    100% {
        width: 100%;
    }
}






/* header-sidebar Mobile Start */

.header-above-toggle {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    cursor: pointer;
    border-radius: 100px;
    color: var(--sp-white);
    background-color: transparent;
    z-index: 0;
}

.header-above-toggle span {
    top: 42%;
}

.header-above-toggle span,
.header-above-toggle span:before,
.header-above-toggle span:after {
    position: absolute;
    width: 6px;
    height: 6px;
    line-height: 6px;
    text-align: center;
    background: var(--sp-white);
    left: 50%;
    margin-left: -3px;
    border-radius: 50%;
}

.header-above-toggle span:before,
.header-above-toggle span:after {
    content: ''
}

.header-above-toggle span:before {
    bottom: 100%;
    margin-bottom: 3px
}

.header-above-toggle span:after {
    top: 100%;
    margin-top: 3px
}

.header-above-toggle.active span {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    border: 0;
}

.header-above-toggle.active span:before {
    -webkit-transform: translateY(19px);
    transform: translateY(19px);
    border: 0;
}

.header-above-toggle.active span:after {
    -webkit-transform: translateY(-19px);
    transform: translateY(-19px);
    border: 0;
}


/* ========  Author  ========= */
.author-popup .author-close {
    margin-left: 35px;
    position: relative;
}

.author-popup {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999999;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    background-color: rgb(0 0 0 / 0.5);
    -webkit-transition: all .4s ease-in .8s;
    transition: all .4s ease-in .8s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.author-popup-active .author-popup {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .8s ease-in .0s;
    transition: all .8s ease-in .0s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.author-overlay-layer {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    backface-visibility: hidden;
    background: #282828;
    opacity: 0.8;
    -webkit-transition: all .4s ease-in .8s;
    transition: all .4s ease-in .8s;
}

.author-popup-active .author-overlay-layer {
    left: 0%;
    opacity: 0.8;
    visibility: visible;
    -webkit-transition: all .8s ease-out 0s;
    transition: all .8s ease-out 0s;
}

.author-popup .author-div {
    max-width: 350px;
    height: 100%;
    margin-left: auto;
    position: relative;
    padding-top: 32px;
    padding-bottom: 32px;
    background-color: #ffffff;
    -webkit-transform: translate3d(520px, 0, 0);
    transform: translate3d(520px, 0, 0);
    -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    z-index: 1;
}

.author-popup-active .author-div {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
    transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
}

.author-content {
	color: black;
    width: 100%;
    height: 100%;
    padding: 10px 15px;
    overflow-x: hidden;
    overflow-y: auto;
    backface-visibility: hidden;
}

.author-content p {}

.author-anim {
    width: 100%;
    height: 100%;
    position: relative;
    top: 150px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in .3s;
    -o-transition: all .3s ease-in .3s;
    transition: all .3s ease-in .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: left;
}

.author-popup-active .author-anim {
    top: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 1s ease-out 1.2s;
    transition: all 1s ease-out 1.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.author-content .widget {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgb(0 0 0 / 6%);
}

.author-content .widget:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.author-content .widget-title {
    display: inline-block;
    font-size: 22px;
    font-weight: 700 !important;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
    padding-left: 13px;
    position: relative;
    z-index: 0;
}

.author-content .widget-title:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    height: 22px;
    margin: auto;
    background: var(--sp-gradient1);
}


 
/* ---header-3 search--- */
.header-3 .right-menu ul li {
    display: inline;
    position: relative;
	margin-right: 14px;
}

.header-3 .right-menu {
    
    justify-content: space-between;
}

.header-3 .right-menu em.fa.fa-search {
    color: #fff;
}

em.fa.fa-search {
    padding-top: 20px;
    font-size: 24px;
}

 
.header-3 li.header-cart i {
    padding-top: 18px;
    font-size: 24px;
	color: #fff;
}



.header-3 span.count {
    width: 17px;
    height: 17px;
    line-height: 19px;
    border-radius: 20px;
    background-color: var(--bs-primary);
    color: #fff;
    font-size: 11px;
    position: absolute;
    top:7px;
    transition: 0.65s;
    right: -4px;
    font-weight: 500;
}

.header-3 .search-icon {
    color: #fff;
    font-size: 26px;
    position: relative;  
}

.header-3 .right-menu .btn-3 {
    padding: 13px 26px 13px 26px;
    font-size: 16px;
    margin-right: 0;
}

.header-3 .right-menu li.about-toggle-list {
    margin-top: 0px;
   margin-top: 4px;
    padding: 6px;
}
.header-3 .search-icon:before {  
      position: absolute;  
     content: ""; 
      border-left: 1px solid #ffffff4a;  
     top: 0px;  
      right: 61px; 
  }  

.item .cover .slider-content {
    position: relative;
    max-width: 700px;
}
.main-slider-2 .slider-content.text-left,
.main-slider-2 .slider-content.text-center,
.main-slider-2 .slider-content.text-right {
    background-color: #0000006e;
    padding: 40px 44px 20px 40px;
}

.main-slider-2 .slider-content.text-left:before {
    position: absolute;
    content: "";
    border-color: var(--bs-primary);
    left: 0;
    top: 98px;
    bottom: 116px;
    border: 2px solid var(--bs-primary);
} 
.main-slider-2 .slider-content.text-center:before {
    position: absolute;
    content: "";
    border-color: var(--bs-primary);
    border: 2px solid var(--bs-primary);
    top: 0;
    left: 34%;
    right: 0;
    width: 200px;
}

.main-slider-2 .slider-content.text-right:before {
    position: absolute;
    content: "";
    border-color: var(--bs-primary);
    border: 2px solid var(--bs-primary);
    top: 25%;
    right: 0;
    bottom: 25%;
}
 
  
.main-slider-2 p {
    color: #fff;
    margin-bottom: 0px;
}
.main-slider-2 h5,.main-slider-2 h1 {
    color: #fff;
}
.main-slider-2 h1 {
    font-size: 53px;
}
 
.item img {
    width: 100%;
    height: auto;
    display: inline-block;
}
.item .cover {
    padding: 75px 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    background: rgb(0 0 0 / 72%);
    display: flex;
    align-items: center;
}
.main-slider-1 h5,.main-slider-1 h1 {
    color: #fff;
}
.main-slider-1 span.sld-title {
    color: var(--bs-primary);
}
.main-slider-1 p {
    color: #fff;
    margin-bottom: 20px;
}
.main-slider-1 h1 {
    font-size:62px;
}
.text-center {
    text-align: center!important;
}
.slider-content.text-center {
    margin: auto;
}
.text-right {
    text-align: right!important;
}
.slider-content.text-right {
    margin-left: auto;
}
.slider-content.text-left a {
    text-decoration: none;
}


.slider-nav-1 .owl-nav .owl-prev, .slider-nav-1 .owl-nav .owl-next {
    top: 43%;
    transform: translate(0,-50%);
    color: #fff!important;
}
 .slider-nav-1 .owl-nav .owl-prev {
    position: absolute;
    left: 15px;
    top: 43%;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    width: 80px;
    cursor: pointer;
    height: 80px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
} 
.slider-nav-1 .owl-nav .owl-next {
    position: absolute;
    right: 15px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    width: 80px;
    cursor: pointer;
    height: 80px;
    position: absolute;
    display: block;
    z-index: 1000;
    border-radius: 0;
}
.slider-nav-1 .owl-carousel button.owl-next, #main-slider .owl-carousel button.owl-prev {
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    /* text-indent: -50000em; */
    background-position: center center;
    background-size: cover;
}  
  
.slider-nav-1 .owl-nav .owl-prev i, .slider-nav-1 .owl-nav .owl-next i {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    background-color: transparent;
    color: var(--bs-white);
    line-height: 37px;
    transition: 0.65s;
    padding: 10px;
    border-radius: 100%;
    border: 1px solid rgba(108, 117, 125, 0.6);
	font-size: 25px;
} 


.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-next:focus, .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-prev:focus {
    outline: none;
}


.owl-carousel .owl-nav button.owl-next:hover i, .owl-carousel .owl-nav button.owl-next:focus i, .owl-carousel .owl-nav button.owl-prev:hover i, .owl-carousel .owl-nav button.owl-prev:focus i {
     background-color: var(--bs-primary);
}

.slider-nav-1:hover .owl-nav .owl-prev, .slider-nav-1:hover .owl-nav .owl-next, .slider-nav-1:focus-within .owl-nav .owl-prev, .slider-nav-1:focus-within .owl-nav .owl-next {
    visibility: visible;
    opacity: 1;
}
.slider-nav-1 .owl-nav .owl-prev, .slider-nav-1 .owl-nav .owl-next {
    visibility: hidden;
    opacity: 0;
}


#home-slider {
    z-index: 0;
}

 a.btn-1.slider-btn-2:hover {
    background-color: #ffff0000;
    color: #fff;
	text-decoration: none;
}
a.btn-1:hover,
a.btn-1:focus {
    background-color: var(--bs-primary);
    color: #fff;
    transition: 0.5s linear;
	text-decoration: none;
}

.home-slider .item.active:nth-child(odd) figure > img {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);	
}  
  
.home-slider .item:nth-child(odd) > img {
   -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;	
	animation: zoom-in 20s linear infinite;          
} 

@keyframes zoom-in{
	from{
		transform:scale(1,1);
	}
	to{
		transform:scale(1.4,1.4);
	}
	
}


.transparent-header .slider-content {
    margin-top: 100px;
}




/* --- slider-3 --- */
 
.main-slider-3 .item .cover .slider-content {
    position: relative;
    max-width: 650px;
    color: #fff;
    margin-top: 7%;
}
 
.main-slider-3 span.sld-title {
    color: #fff;
    background-color: var(--bs-primary);
    padding: 0px 8px 0px 0px;
    font-size: 56px;
    margin-left: 19px;
}
.main-slider-3 .slider-content.text-left h5 {
    margin-bottom: 26px;
} 
 
.main-slider-3 .slider-content p {
    margin-top: 23px;
}

.main-slider-3 .slider-content h1 {
    line-height: 1;
    font-size: 62px;
    font-weight: 700;
}
.btn-3{
    text-decoration: none;
    border: 2px solid var(--bs-primary);
    padding: 10px 25px 10px 26px;
    font-size: 18px;
    color: #fff;
    transition: .3s;
    position: relative;
    display: inline-block;
	background-color:var(--bs-primary);
	margin-right: 20px;
}
} 
.btn-3{
    text-decoration: none;
    border: 2px solid var(--bs-primary);
    padding: 10px 25px 10px 26px;
    /* border-radius: 29px; */
    font-size: 18px;
    color: #fff;
    transition: .3s;
    position: relative;
    display: inline-block;
}

.main-slider-4 .slider-content {
    margin-bottom: 125px;
}
/* ---Info 1--- */
.info_1 .info-box {
    text-align: center;
    background-color: #fff;
    background: white;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 25px 15px 15px;
	-webkit-transition: .3s all;
    transition: .3s all;
    -webkit-transform: translateY(0);
    transform: translateY(0);
	cursor:pointer;
	box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%);
}
.info_1 {
    min-height: 0;
}
.info_1 .info-item {
    padding-top: 20px;
    margin-top: -84px;
    z-index: 0;
    position: relative;
}
.info_1 .content a{
    font-size: 16px;
    color: black;
    font-weight: 500;
}
.info_1 .content a:hover{
    color:  var(--bs-primary);
}
.info_1 .info-box-icon {
    font-size: 38px;
    border-radius: var(--bs-theme-radius);
    -webkit-transition: .3s all;
    transition: .3s all;
    width: 60px;
    height: 60px;
    line-height: 61px;
    font-size: 34px;
    text-align: center;
    color: var(--bs-primary);
    background: transparent;
    margin: 0 auto;
    border-radius: 50%;
}
.info-box:hover, .info-box:focus{
    padding-bottom: 16px;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    color: #fff;
	background-color: var(--bs-primary);
}
.info-box:hover .info-box-icon,
.info-box:focus .info-box-icon 
 {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
    color: var(--bs-white);
    background-color: var(--bs-primary);
}
.info-box:hover h6, .info-box:focus-within h5,
.info-box:focus h6, .info-box:focus-within h5
 
{
     color:#fff;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
}

.info-box:hover a.info-more,
.info-box:focus a.info-more
 {
    opacity: 1;
    color: white;
}
a.info-more {
    opacity: 0;
}

.info-box-4-content a{
	color:#fff;
	text-decoration:none;
}

/* ---Info 2--- */
.more-link{
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    -webkit-transition: all .3s linear 0ms;
    transition: all .3s linear 0ms;
	overflow: inherit;
	color: var(--bs-secondary);
}

.more-link:hover:after, .more-link:focus:after {
    margin-left: 0.375rem;
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}
.more-link:after {
    content: "\f054";
    height: 20px;
    width: 20px;
    border-radius: 3px;
    background-color: var(--bs-primary);
    color: var(--bs-white);
    font-family: var(--bs-font-awesome);
    margin-left: -0.9375rem;
    line-height: 0.9375rem;
    text-align: center;
    font-size: 12px;
    opacity: 2;
    visibility: hidden;
    transform: translateX(calc(-100% + 12px));
    transition: all .55s ease-out 0ms;
    margin-bottom: 16px;
    padding: 4px;
}
.info_2 {
    position: relative;
	z-index:1;
}
.info-item-2 {
    display: flex;
    position: relative;
    text-align: center;
    margin-bottom: 30px;
	z-index: 9;
}

.info-item-2 .info-2-icon {
    position: relative;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 10%);
    background: #fff;
    border-radius: 50%;
    font-size: 50px;
    margin: 0 auto;
    margin-bottom: 40px;
    margin-top: -50px;
    transition: .5s;
	color: var(--bs-primary);
	cursor:pointer;
}

.info-item-2{
    position: relative;
    margin-top: -6px;
    z-index: 9;
	border-top: 6px solid var(--bs-primary);
}
.info-item-2 .info-2-icon .info-2-shape {
    position: absolute;
    left: -10px;
    bottom: -9px;
    right: -10px;
    line-height: normal;
}

.info-item-2 .inner-box:hover .info-2-icon:before {
    transform: scale(1);
    opacity: .3;
}
.info-item-2 .info-2-icon:before {
    background-color: var(--bs-primary);
}
.info-item-2 .info-2-icon:before {
    position: absolute;
    content: '';
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    border-radius: 50%;
    transform: scale(.8);
    opacity: 0;
    transition: .5s;
}

.info-item-2 .inner-box:hover .info-2-icon:after {
    transform: scale(1);
    opacity: .3;
}
.info-item-2 .info-2-icon:after {
    background-color: var(--bs-primary);
}
.info-item-2 .info-2-icon:after {
    position: absolute;
    content: '';
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 50%;
    transform: scale(.8);
    opacity: 0;
    transition: .5s;
}
.info-item-2 .inner-box:hover .info-2-icon {
    background: var(--bs-primary);
	color:#fff;
}
.info-item-2.inner-box:hover .info-2-icon i{
    color: #fff;
}
.info-2-content h4 {
    position: relative;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}
.info-2-content p {
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    color: #4a4a4a;
    margin: 0px 0px 15px;
}

/* ---Info-3-Section --- */
.info_3 {
    margin-top: -30px;
    position: relative;
}
.info-box-3 {
    position: relative;
    display: block;
    padding-left: 0;
    margin-bottom: 62px;
    min-height: 120px;
    z-index: 1;
    cursor: pointer;
    text-align: center;
}
 

.info-3-icon {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 120px;
    width: 120px;
    border-radius: 50%;
    background-color: #e4e5ea;
    -webkit-box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 10%);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    bottom: 77%;
    left: 32%;
}
.info-3-icon:before {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    content: "";
    background-color: #fff;
    border-radius: 50%;
    z-index: 1;
}

.info-3-icon i {
    width: auto;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    z-index: 1;
}
.info-box-3 .content {
    position: relative;
    display: block;
    top: 53px;
	padding-bottom: 40px;
	padding-top: 5px;
}
.info-box-3 .content h6 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 3px;
}


.info-box-3 .content h6 a {
    color: #000;
}

.info-box-3:hover .content h6 a {
	color:#fff;
}

.info-3-icon i {
    color:var(--bs-primary);
    font-size: 50px;
}

.info-box-3 .content p {
    font-size: 15px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.info-box-3__star-1 {
    position: absolute;
    bottom: 4px;
    right: 45px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.info-box-3__star-1 img {
    width: auto;
    opacity: .20;
}
.info-box-3__star-2 {
    position: absolute;
    bottom: 20px;
    right: 5px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.info-box-3__star-2 img {
    width: auto;
    opacity: .20;
}
.info-box-3__star-3 {
    position: absolute;
    bottom: -14px;
    right: 8px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.info-box-3__star-3 img {
    width: auto;
    opacity: .20;
}

.info-box-3:hover:before {
    background-color: var(--bs-primary);
    border: 1px solid var(--bs-primary);
}

.info-box-3:before {
    position: absolute;
    top: -15px;
    bottom: -17px;
    right: 0;
    left: 0;
    content: "";
    border: 1px solid #e4e5ea;
    border-radius: 10px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: -1;
    box-shadow: 0px 1px 18px rgb(7 36 95 / 27%);
    background-color: #fff;
}
.info-box-3:hover .info-box-3__star-1 {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.info-box-3:hover .info-box-3__star-2 {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.info-box-3:hover .info-box-3__star-3 {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.info-3-icon img {
    width: auto;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    z-index: 1;
}

.info-box-3:hover .info-3-icon {
    background-color: var(--bs-secondary);
}

.info-box-3:hover .content {
    color: #fff;
}

.info-box-3:hover .info-3-icon img {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}


/* ---info-section-4 --- */

.main-slider-4 {
    z-index: 0!important;
    position: relative;
}
.info_4 {
    margin-top: -127px;
    z-index: 1;
    position: relative;
}
.info-item ul {
    list-style: none;
}

.info_4 .info-item {
    background-color: var(--bs-secondary);
    padding: 50px 50px 24px 50px;
    border-radius: 10px;
}
.info-left-4 {
    color: #fff;
    padding: 22px;
    text-align: initial;
}
.info_4 .box-1 {
    background-color: red;
    padding: 30px;
    margin-right: 0px;
    color: #fff;
    text-align: center;
    width: 150px;
    height: 160px;
	border-radius: 7px;
	cursor: pointer;
}
.info_4 .box-2 {
    background-color:#00b2ff;
    padding: 30px;
    margin-right: 0px;
    color: #fff;
    text-align: center;
    width: 150px;
    height: 160px;
	border-radius: 7px;
	cursor: pointer;
}

.info_4 .box-3 {
    background-color: #ffb700;
    padding: 30px;
    margin-right: 0px;
    color: #fff;
    text-align: center;
    width: 150px;
    height: 160px;
	border-radius: 7px;
	cursor: pointer;
}
  
.info-box-4-icon {
    font-size: 46px;
}




/* ---info-section-5 --- */
.info_bg{
	  /* background: url(../image/cta_bg.jpg) center center fixed rgba(0,0,0,0.8);    */
}

.info_5_main {
    background-color: #fff;
    padding: 20px 30px;
}
.info_5_main{
    background-color: #fff;
    background-blend-mode: multiply;
    background-size: cover;
    position: relative;
}

.info_5_main, .info-5-footer  {
    box-shadow: 0px 6px 14px rgb(7 36 95 / 27%);
}
 
 .info-left-5 {
    padding: 40px 0;
}

.info_5 {
    margin-top: -127px;
    z-index: 1;
    position: relative;
}
 

.Info-item-5 {
    background-color: #fff;
    padding: 40px 0;
    margin:10px;
    box-shadow: 0px 0px 15px 1px #e7e4e4;
    transition: all .2s ease-in-out;
    text-align: center;
    cursor: pointer;
}
.Info-item-5:hover {
    background-color: #fff;
    padding: 40px 0;
    margin: 0;
    box-shadow: 0px 0px 15px 1px #e7e4e4;
    transition: all .2s ease-in-out;
    box-shadow: 0px 0px 15px 1px #949494;
}
.info-box-5-icon {
    padding-bottom: 0px;
    font-size: 36px;
    color: var(--bs-primary);
}
 
.info-5-footer {
    background-color:  var(--bs-secondary);
    padding: 30px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.info-footer-title h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    padding-left: 30px;
    font-style: italic;
}
 
.info-footer-contact h4 {
    color: #888585;
    font-size: 26px;
    font-weight: 400;
    padding-right: 30px;
}
.info-footer-contact h4 a {
    list-style: none;
    text-decoration: none;
    font-size: 30px;
    font-weight: bold;
    padding-left: 10px;
}

/* .info-left-5 h2 { */
    /* font-size: 24px; */
/* } */

/* ---About--- */
.about-img-1 {
    position: relative;
    z-index: -2;
}
.about-section .about-img .about-img-1 img{
    width: 65%;
}
.about-section .about-img .about-img-2 img {
    margin-top: -60%;
    padding-top: 1px;
    margin-left: auto;
    width: 65%;
}
.about-section {
    padding: 50px 0px 50px 0px;
}
.about-section .about-right-area .title {
    text-decoration: underline #010C2A solid 2px;
    text-transform: capitalize;
    letter-spacing: -0.2px;
    text-underline-offset: 4px;
}
.about-section .about-right-area .subtitle {
    position: relative;
    margin-bottom: 11px;
    color: var(--bs-primary);
}
 
.about-right-area .icon-box-item {
    border-bottom: 1px solid #E8E8E9;
    padding-bottom: 22px;
    margin-bottom: 22px;
    margin-top: 44px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
	position: relative;
}
.about-section .about-right-area .icon-box-item .icon-box {
   display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 0px;
}
/* .about-section .about-right-area .icon-box-item .icon-box i { */
    /* font-size: 26px; */
    /* border: 2px dotted var(--bs-primary); */
    /* border-radius: 100%; */
    /* padding: 10px; */
    /* background-color: #0a0a0a0f; */
    /* color: red; */
	
/* } */
.about-section .about-right-area .icon-box-item .icon-box:before {
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: 100%;
    border: 3px dashed #fff;
    -webkit-animation: spinAround 9s linear infinite;
    -moz-animation: spinAround 9s linear infinite;
    animation: spinAround 9s linear infinite;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: -1;
    border-radius: 100%;
    border: 2px dotted var(--bs-secondary);
    transition: .3s ease-in-out;
}
.about-section .about-right-area .icon-box-item .icon-box:hover:before {
    -webkit-animation: spin 10s linear infinite;
    animation: spin 10s linear infinite;
} 
 
.about-section .about-right-area .icon-box-item .icon-box{
    font-size: 26px;
    width: 153px;
    max-width: 53px;
    height: 53px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    overflow: hidden;
    transition: .3s ease-in-out;
	margin-right: 25px;
	position: relative;
}

@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes spinAround {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg);
    }
}

 
 
.about-footer {
    padding-right: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.about-footer .image-box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.about-footer .image-box img{
    margin-right:30px;
}

.about-footer .image-box .content .name {
    font-size: 20px;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 2px;
}
.about-footer a.btn-1 {
    color: #fff;
    background-color: var(--bs-primary);
}
.about-img {
    padding-right: 80px;
    position: relative;
    cursor: pointer;
	animation: bounce_one 5s linear infinite;
}

img.left-about {
    position: absolute;
    z-index: -9;
    opacity: 0.09;
    top: 0;
    left: 0;
}


.about-img-2 img {
    width: 100%;
    transform: scale(1);
    transition: transform 500ms ease;
} 


.about-img:hover .about-img-2 img {
  transform: scale(1.05);
}
.about-img-1:before {
    position: absolute;
    content: "";
    border: 10px solid var(--bs-primary);
    left: 0;
    top: 0;
    bottom: 0;
    right: 33%;
}
/* .about-img-2:before { */
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
    /* bottom: -2%; */
    /* content: ""; */
    /* background-color: #ea1e0075;   */
    /* transform: scale(1, 0); */
    /* transition: transform 500ms ease; */
    /* transform-origin: top center; */
    /* z-index: 1; */
/* } */

.about-img-2:before {
    position: absolute;
    top: 20%;
    left: 28%;
    right: 13%;
    bottom: -12px;
    content: "";
    background-color: #010c2a54;
    transform: scale(1, 0);
    transition: transform 500ms ease;
    transform-origin: top center;
    z-index: 1;
}

.about-img:hover .about-img-2:before {
    transform: scale(1, 1);
    transform-origin: bottom center;
} 




 
/* ---Banner--- */
.banner-item {
    display: flex;
}
.banner-content {
    z-index: 2;
}
.banner-section {
    padding: 100px 0px 100px 0px;
    position: relative;
}
.banner-content h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 19px;
    margin-bottom: 12px;
}
 
.banner-image {
    max-width: 200px;
    position: absolute;
    right: 15px;
}
span.offer {
    color: #fff;
    background: var(--bs-primary);
    padding: 5px 16px;
    display: inline-block;
    line-height: 1;
    margin-top: 12px;
	font-size: 14px;
    font-weight: 700;
	border-radius: 5px;
}
.banner-item .banner-content a.btn-1,
.banner-item .banner-content a.btn-1:hover,
.banner-item .banner-content a.btn-1:focus {
    background-color: var(--bs-primary);
    padding: 4px;
    border-radius: 5px;
	font-size: 16px;
	color:#fff;
}
.banner-item {
    background: #fff8f2;
    padding: 35px 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    z-index: 0;
    justify-content: flex-start;
    border-radius: 8px;
    color: #fff;
    min-height: 250px;
    position: relative;
    background-image: -moz-linear-gradient( 150deg, rgb(48,48,48) 0%, rgb(32,30,30) 48%, rgb(16,12,12) 99%);
    background-image: -webkit-linear-gradient( 150deg, rgb(48,48,48) 0%, rgb(32,30,30) 48%, rgb(16,12,12) 99%);
    background-image: -ms-linear-gradient( 150deg, rgb(48,48,48) 0%, rgb(32,30,30) 48%, rgb(16,12,12) 99%);
}

.banner-item:before {
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    width: 0;
    z-index: -1;
}

.banner-item:after {
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    left: 0;
    content: "";
    height: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 0;
    z-index: -1;
    height: 100%;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    transition-duration: 1.3s;
    width: 100%;
}

.banner-item:after {
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    left: 0;
    content: "";
    height: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 0;
    z-index: -1;
}

.banner-item:hover:after, .banner-item:focus-within:after, .banner-item:hover:before, .banner-item:focus-within:before {
    height: 100%;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    transition-duration: 1.3s;
    width: 100%;
}
.banner-image img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.banner-image img {
    -webkit-transition: -webkit-transform 0.7s ease-in-out;
    transition: -webkit-transform 0.7s ease-in-out;
    transition: transform 0.7s ease-in-out;
    transition: transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
} 
 
/* ---Video---*/
.video-image img {
    max-width: 100%;
    width: 100%;
}

.video-button-1 {
    position: absolute;
    top: 40%;
    left: 37%;
} 
.video-area {
    position: relative;
}
ul.video-tab {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
}

.video-item a.nav-link.active {
    font-weight: 500;
    padding: 20px 35px;
    line-height: 1;
    border-bottom: 2px solid;
    border-color: #f0f0f0;
}

ul.list-unstyled.list-check li {
    font-size: 18px;
    font-style: italic;
    padding-left: 36px;
    position: relative;
}

ul.list-unstyled.list-check li i {
    color: var(--bs-primary);
    position: absolute;
    left: 0;
    top: 0;
    line-height: inherit;
}

.list-check li:not(:last-child) {
    margin-bottom: 20px;
}
.tab-p p {
    margin-bottom: 25px;
}
.tab-content a.btn-1 {
    margin-top: 25px;
}

.video-nav-tab {
    /* margin-top: 50px; */
    padding-left: 30px;
}

.video-area:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background-color: #ff000070;
    right: 0;
    height: 100%;
}

label.tab.tab-primary:hover,
#tab-2:checked + label:hover{
     
    border: 1px solid var(--bs-primary);
    border-radius: 5px;
    text-align: center;
    color: #fff!important;
    background-color: var(--bs-primary);
}

/*viedo Tab*/
.tabs {
  text-align: left;
  position: relative;
}
.tabs input {
  position: absolute;
  opacity: 0;
  margin: 0;
  padding: 0;
}
.tabs input + label {
  font-weight: 300;
  color: #666;
  margin: 10px 0;
  width: 110px;
  cursor: pointer;
  display: inline-block;
  transition: all 0.3s;
  text-align: center;
  font-size: 12px;
  border: none;
}
.tabs input + label:hover {
  color: #777;
}
.tabs .tabsShadow {
  width: 100%;
  padding: 10px;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  position: absolute;
  height: 35px;
  z-index: 0;
  top: 0;
  pointer-events: none;
}
 
.tab-content .item {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  position: absolute;
  padding: 10px 20px;
}
 
/* .glider { */
  /* width: 110px; */
  /* height: 3px; */
  /* background: linear-gradient(90deg, #5b3cc4 0%, #3c6cc4 100%); */
  /* border-radius: 3px; */
  /* position: absolute; */
  /* box-shadow: 0px 0px 8px 0px rgba(91, 60, 196, 0.4); */
  /* transition: all 0.3s; */
/* } */
#tab-1:checked ~ .glider {
  left: 0px;
}
#tab-2:checked + label {
  color: var(--bs-secondary);
}
/* #tab-2:checked ~ .glider { */
  /* background: linear-gradient(90deg, #51a14c 0%, #10c33e 100%); */
  /* box-shadow: 0px 0px 8px 0px rgba(47, 187, 12, 0.62); */
/* } */
#tab-2:checked ~ .glider {
  left: 113px;
}
#tab-3:checked + label {
  color: #525252;
}
#tab-3:checked ~ .glider {
  background: linear-gradient(90deg, #4a4a4a 0%, #9b9b9b 100%);
}
#tab-3:checked ~ .glider {
  left: 226px;
}
#tab-4:checked + label {
  color: #b12222;
}
#tab-4:checked ~ .glider {
  background: linear-gradient(90deg, #b93232 0%, #ff5d5d 100%);
  box-shadow: 0px 0px 8px 0px rgba(231, 13, 93, 0.57);
}
#tab-4:checked ~ .glider {
  left: 339px;
}
#tab-1:checked ~ section #content-1,
#tab-2:checked ~ section #content-2,
#tab-3:checked ~ section #content-3,
#tab-4:checked ~ section #content-4 {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 700px) {
  .tabs input + label,
  .glider {
    width: 70px;
  }
  #tab-1:checked ~ .glider {
    left: 0px;
  }
  #tab-2:checked ~ .glider {
    left: 73px;
  }
  #tab-3:checked ~ .glider {
    left: 146px;
  }
  #tab-4:checked ~ .glider {
    left: 219px;
  }
}
.tabs input + label {
    margin: 10px -9px;
    width: 39%;
    transition: all 0.3s;
    text-align: center;
    border: none;
    border-radius: 10pt 0pt 0pt 10pt;
    border-radius: 0;
    color: color: var(--bs-secondary);
    display: inline-flex;
    -webkit-box-pack: center;
    margin-bottom: 10px;
    padding: 5pt 10pt;
    vertical-align: top;
    justify-content: flex-start;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
}
 
 
 
h2.tab-title.tab-warning,
h2.tab-title.tab-success,
h2.tab-title.tab-primary,
h2.tab-title.tab-default {
  font-size: 23pt;
  font-weight: 600;
  display: inline-flex;
  color: #fff;
  background-position: bottom center;
  margin-bottom: 0pt !important;
  margin-top: 6pt;
  height: 22pt;
  text-fill-color: transparent !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-background-clip: text !important;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  -ms-background-clip: text;
  -ms-text-fill-color: transparent;
}

 

h2.tab-title.tab-success {
  background: linear-gradient(10deg, #02ce85, #02ceab);
}

h2.tab-title.tab-primary {
  background: var(--bs-secondary);
}

h2.tab-title.tab-warning {
  background: linear-gradient(70deg, #c51574, #97389b);
}

.tabs input {
  position: relative;
  opacity: 0;
  margin: auto !important;
  padding: 0;
}
label.tab.tab-primary {
  border-radius: 6pt 0 0 6pt;
}
label.tab.tab-warning {
  border-radius: 0 6pt 6pt 0;
}
#tab-1:checked + label {
  color: var(--bs-secondary);
}
#tab-3:checked + label {
  color: #ffadfa;
  color: #ffaa75;
}
#tab-4:checked + label {
  color: #ffadfa;
}
#tab-1:checked ~ .glider {
  left: 14px;
  border-radius: 0pt 2pt 2pt 6pt !important;
}
/* .glider { */
  /* width: 22.25%; */
  /* height: 2px; */
  /* background: linear-gradient(90deg, #5b3cc4 0%, #3c6cc4 100%); */
  /* border-radius: 0pt 2pt 2pt 0pt; */
  /* position: absolute; */
  /* box-shadow: 0px 0px 8px 0px rgba(91, 60, 196, 0.4); */
  /* transition: all 0.3s; */
  /* top: 36px; */
/* } */
#tab-2:checked ~ .glider {
  left: 25.85%;
}
 




/* ---Counter-section--- */
.counter-image {
    position: relative;
    border-radius: 10px;
    animation: bounce_one 3s linear infinite;
}
.left-counter  span.subtitle-shape {
    bottom: -11px;
}
.left-counter {
    color: #fff;
}
.counter-section {    
   background-color:#1f2020e0;
   background-blend-mode: multiply;
    background-size: cover;
    position: relative;
    z-index: 0;
	padding: 80px 0px 80px 0px;
}

.main-counter {
    display: flex;
    justify-content: space-between;
    text-align: center;
}
span.counter-text {
    font-size: 46px;
    font-weight: 600;
    font-style: normal;
    line-height: 46px;
}
.main-counter p {
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 37px;
    color: #777;
}
span.counter-bg {
    font-size: 46px;
    color: var(--bs-primary);
    position: relative;
    left: 13%;
    bottom: 2%;
}
span.cnt-offer {
    color: var(--bs-primary);
}
.left-counter h3 {
    font-size: 40px;
    font-weight: 500;
    text-transform: capitalize;
    font-style: normal;
    margin-bottom: 30px;
    color: #fff;
}

.left-counter h4 {
    color: #fff;
    font-weight: 300;
}

.left-counter a.btn-1 {
    background-color: red;
    margin-top: 20px;
}

 


#clockdiv {
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    font-size: 30px;
    margin-bottom: 40px;
}

#clockdiv > div{
	padding: 10px;
    border-radius: 3px;
    background: #ffffff;
    display: inline-block;
}

#clockdiv div > span{
	padding: 15px;
	border-radius: 3px;
	background: var(--bs-primary);
	display: inline-block;
}

.smalltext{
	padding-top: 5px;
	font-size: 16px;
	color: var(--bs-secondary);
}



/* ---Skill-section--- */
.skill-section {
    padding-top: 100px;
}
.skill-content {
    text-align: center;
}
.skil-item {
    display: flex;
    justify-content: space-evenly;
}
.skill-content h2 {
    font-size: 32px;
}
.skill {
  position: relative;
  margin-left: 16px;
}

.skill-content p {
    margin-top: 20px;
    font-size: 24px;
    font-weight: 700;
}
.outer {
  height: 160px;
  width: 160px;
  border-radius: 50%;
  padding:9px;
  
}
.inner {
    height: 143px;
    width: 142px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px solid #bfb9b970;
}
#number {
  font-weight: 700;
    color: #000;
    font-size: 28px;
}
.skill-content p {
    font-size: 16px;
    color: var(--bs-secondary);
    font-weight: 600;
	text-align: center;
}
circle {
  fill: none;
  stroke: var(--bs-primary);
  stroke-width: 5px;
  stroke-dasharray: 472;
  stroke-dashoffset: 472;
  animation: anim 2s linear forwards;
}

.html-circle-skill {
  position: absolute;
  top: 0%;
  left: 0%;
}

@keyframes anim {
  100% {
    stroke-dashoffset: 165;
  }
}

.left-skill {
    position: relative;
    border-radius: 10px;
    animation: bounce_one 5s linear infinite;
}
/* Boounce Effect */

@keyframes bounce_one{0%{transform:translateY(-0.625rem)}50%{transform:translateY(0.625rem)}to{transform:translateY(-0.625rem)}}
@keyframes bounce_two{0%{transform:scale(1,1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-1.375rem)}50%{transform:scale(1,1) translateY(0)}57%{transform:scale(1,1) translateY(-0.1875rem)}64%{transform:scale(1,1) translateY(0)}100%{transform:scale(1,1) translateY(0)}}
@keyframes bounce_three{from{transform:translateY(0)}to{transform:translateY(-0.9375rem)}}


/* ---Service--- */
.service_section_1 {
    padding-top: 80px;
    background-color: #ea1e0014;
    padding-bottom: 80px;
}
span.section_badge_2 {
    color: var(--bs-primary);
}
.service_box {
    text-align: center;
}
.service_section_1 .service_icon {
    font-size: 36px;
    margin-bottom: 33px;
}
.service_section_1 .service_icon i,
.service_section_1 .service_icon img {
    border-radius: 100%;
    border: 1px solid var(--bs-primary);
}

.service_section_1 .service_icon img {
    width: 80px;
    height: 80px;
    padding: 0 !important;
    text-align: center;
    margin: auto;
}

.service_box:hover .service_icon i {
    border: none;
}
.service_box {
    text-align: center;
    border-right: 1px solid #0000000f;
    padding: 22px 2px 50px 20px;
    cursor: pointer;
    position: relative;
    margin-left: -9px;
    border-radius: 5px;
    background-color: #ffff;
    transition: all 0.5s ease-out 0s;
}
.service_Content h4 {
    font-size: 20px;
    margin-bottom: 23px;
}
.read_more {
    text-decoration: none;
    background-color: #fff;
    padding: 20px 30px 20px 30px;
    color: black;
    font-weight: 600;
	box-shadow: 0px 16px 32px 0px rgb(20 31 43 / 6%);
 
}
.service_Content p {
    margin-bottom: 32px;
    line-height: 2;
}
.service_section_1 .service_icon i, .service_section_1 .service_icon img {
    background-color: #fff;
    padding: 20px;
    border-radius: 100%;
}
.section_title.text-center h2 {
    width: 52%;
    margin: auto;
}
.section_title p {
    width: 61%;
    text-align: center;
    justify-content: center;
    display: inline-block;
	margin-top: 20px;
}
.service_box:hover {
    z-index:0;
    background-color: #ffff;
    transition: all 0.5s ease-out 0s;
	box-shadow: 0px 16px 32px 0px rgb(0 0 0 / 10%);
}
.service_box:hover .service_icon i {
    background-color: var(--bs-secondary);
    color: #fff;
	 transition: 0.5s linear;
}
.service_box:hover .bd-service_big_text {
    opacity: 3;
    visibility: visible;
	transition: all 0.5s ease-out 0s;
}
.bd-service_big_text {
    font-size: 110px;
    color: transparent;
    -webkit-text-stroke: 2px #f0f0f0;
    position: absolute;
    left: 40%;
    transform: translate(-30%);
    top: -86px;
    font-weight: 700;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
 
.service_Content {
    position: relative;
}
.service_box:hover:after {
    width: 100%;
    left: 0;
    right: auto;
}
 .service_box:after {
    position: absolute;
    content: "";
    background-color: var(--bs-primary);
    height: 2px;
    top: 0;
    right: 0;
    left: auto;
    width: 0;
	transition: 0.5s linear;
}
.service_box:hover .read_more {
    background-color: var(--bs-primary);
    color: #fff;
	transition: 0.5s linear;
}

/* ---Section-title-2 --- */
.section-title-1 h2 {
    margin-bottom: 25px;
    font-size: 36px;
    position: relative;
    display: inline-flex;
}
.section-title-1 h2 {
    padding-left: 58px;
}
.section-title-1 {
    position: relative;
    margin-bottom: 24px;
}
.section-title-1 h2:before {
    position: absolute;
    content: "";
    top: 23px;
    border: 1px solid var(--bs-primary);
    width: 50px;
    margin-left: -60px;
}
.about-right-area span.subtitle-shape {
	bottom: -11px;
}

.about-section .about-right-area .icon-box-item .icon-box:hover {
    transform: rotateY(360deg);
}
.about-section .about-right-area .icon-box-item .icon-box {
    transition: .5s;
}

span.subtitle-shape {
    border: 2px solid var(--bs-primary);
    /* padding: 10px 17px 6px 20px; */
    border-radius: 6px;
    margin-left: 7px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
    bottom: 6px;
    background-color: var(--bs-primary);
    color: #000;
}
@keyframes wave {
  to {
    transform: translateY(-100%) rotate(-360deg);
  }
}
.dynamic-txt {
    color: var(--primary);
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    margin: 0;
    padding: 0 10px;
    text-align: left;
}
.dynamic-txt > li {
    list-style: none;
    font-weight: 500;
    position: relative;
    animation: slide 6s steps(2) infinite;
}
@keyframes slide{
  100% {
    top: -70px;
    line-height: 79px;
  }
}
.dynamic-txt li {
    /* margin: 5px 0; */
	color:#fff;
}
.dynamic-txt li::after {
    position: absolute;
    content: '';
    left: 0;
    height: 100%;
    width: 100%;
    line-height: 70px;
    background: var(--bs-primary);
    border-left: 2px solid #fff;
    animation: typing 3s steps(10) infinite;
}
@keyframes typing {
  40%,60% {left: calc(100% + 30px);}
  100% {left:0;}
}

.service01_page .service_box {
    margin-bottom: 30px;
}

/* ---Service 2--- */
.service02_page {
    margin: 0px 0px 100px 0px;
    z-index: -3;
}
/* .service-bg-image{ */
	/* background: url(../image/cta_bg.jpg) center center fixed rgba(0,0,0,0.8);  */
/* } */
.service_section_2 {
     background-color:#060606d1;
    background-blend-mode: multiply;
    background-size: cover;
    position: relative; 
    background-attachment: scroll;
	padding-top:100px;
}
.service_section_2 .content {
    color: #fff;
    position: relative;
    font-size: 16px;
    font-weight: 200;
    margin-bottom: 10px;
}
.service_section_2 .inner-box {
    display: flex;
    margin-bottom: 50px;
	cursor: pointer;
}
.service_section_2 .icon {
    margin-right: 20px;
    width: 150px;
    height: 78px;
    font-size: 40px;
    text-align: center;
    line-height: 65px;
    border-radius: 50%;
    transition: .5s;
    color: #ffffff;
    border: 2px solid var(--bs-primary);
    cursor: pointer;
    background-color: var(--bs-primary);
}
.service_section_2 .service-box:before {
    position: absolute;
    content: '';
    left: 5%;
    bottom: 0;
    top: 39%;
    right: -1px;
    background-image: url(../image/service/service-2-bg.png);
    background-repeat: no-repeat;
}
.service_section_2 .section_title.text-center {
    margin-bottom: 50px;
    color: #fff;
}
.service_section_2 .inner-box:hover .icon {
   
	border:1px solid #fff;
}
.service_section_2 .inner-box:hover .icon {
    color: var(--bs-primary);
    background-color: #ff000000;
}
a.service-2-more {
    color: #fff;
}
a.service-2-more i {
    color: var(--bs-primary);
    margin-left: 6px;
} 
a.service-2-more:hover {
    color: var(--bs-primary);
}



/* ---Service 3--- */
.service03_page,.service04_page{
    padding: 100px 0px 100px 0px!important;
}
.service05_page {
    padding: 100px 0px 100px 0px;
     
}

.service_section_3 {
    padding: 0px 0px 80px 0px;
	position:relative;
}

.service_box_3 {
    position: relative;
    box-shadow: 0px 6px 14px rgb(7 36 95 / 27%);
    background-color: var(--bs-primary);
    z-index: 2;
	cursor:pointer;
}
 
.service_box_3_content a {
    text-decoration: none;
}
.service_box_3:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.service_box_3_content {
    padding: 30px;
	margin-top: 30px;
}
.service_box_3_icon {
    margin-bottom: 18px;
	font-size: 48px;
	color: var(--bs-primary);
}

.service_box_3 img {
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}

.service_box_3_icon i {
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}
h3.service_box_3_title {
    font-size: 24px;
    margin-bottom: 11px;
    -webkit-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
	color: #0000009e;
}
h3.service_box_3_title a {
    color: inherit;
}
.service-box_3_text {
    margin-bottom: -0.5em;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.service_box_3_btn {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #2d5058;
    display: block;
    padding: 22px 30px;
    position: relative;
    z-index: 2;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.service_box_3_btn i {
    margin-left: 7px;
}
a.service_box_3_btn {
    text-decoration: none;
}
.service_box_3_btn:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color:#fff;
    z-index: -1;
    border-top: 1px solid rgba(217,217,217,0.5);
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.service_box_3:hover:before {
    width: 0;
}
.service_box_3:hover .service_box_3_title, 
.service_box_3:hover .service-box_3_text, 
.service_box_3:hover .service_box_3_btn,
.service_box_3:hover .service_box_3_icon
{
    color: #fff;
} 

/* .service_box_3:hover .service_box_3_icon img { */
    /* -webkit-filter: brightness(0) invert(1); */
    /* filter: brightness(0) invert(1); */
    /* -webkit-transform: rotateY(180deg); */
    /* transform: rotateY(180deg); */
/* } */
.service_box_3:hover .service_box_3_btn:before {
    width: 0;
}
.background-image, [data-bg-src] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/* ---Service 4--- */
.service_box_4 {
    position: relative;
    display: block;
    margin-bottom: 30px;
}
.service_box_4_box {
    position: relative;
    display: block;
	cursor:pointer;
}
.service_box_4_image {
    position: relative;
    display: block;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    overflow: hidden;
    z-index: 1;
}
.service_box_4_image:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: #002a34b0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    z-index: 1;
}
.service_box_4_icon {
    position: absolute;
    bottom: -30px;
    left: 50%;
    border-radius: 10px;
    background-color: var(--bs-secondary);
    width: 99px;
    height: 99px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
	font-size: 45px;
    color: #fff;
}
.service_box_4_content {
    position: relative;
    display: block;
    background-color: white;
    -webkit-box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 5%);
    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 5%);
    padding: 50px 40px 40px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    text-align: center;
}
h3.service_box_4_title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}
p.service_box_4_text {
    padding-top: 14px;
    padding-bottom: 20px;
}
.service_box_4_btn {
    position: relative;
    display: block;
    background-color: #e4e5ea;
    font-size: 12px;
    color: var(--brote-gray);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700;
    border-radius: 25px;
    padding: 10px 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
 
.service_box_4:hover .service_box_4_image:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.service_box_4:hover .service_box_4_icon {
    background-color: var(--bs-primary);
}
.service_box_4:hover .service_box_4_icon span {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
span.service_4_icon {
    position: relative;
    display: inline-block;
    font-size: 42px;
    color: var(--brote-white);
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.service_box_4 .btn-1 {
    background-color: var(--bs-primary);
    border-radius: 0;
}


/* ---Service 5--- */
.service_section_5_bgimage{
	  /* background: url(../image/cta_bg.jpg) center center fixed rgba(0,0,0,0.8);    */
}
.service_section_5{
   background-color:#1f2020;
    background-blend-mode: multiply;
    background-size: cover;
    position: relative;
    z-index: 0;
	padding:80px 0px 80px 0px;
	 color: #fff;
}
.service_section_5 .service_box_5 {
    padding: 30px 30px 15px;
    position: relative;
}
.service_section_5 .col-md-6:nth-child(1) .service_box_5{
    margin-top: 0px;
}
.service_section_5 .service_box_5 .service_box_5_inner {
    padding: 16px;
    position: relative;
    text-align: left;
}
.service_box_5_inner .line_box.line_top.line_top, .services-item-inner .line_box.line_bottom.line_top {
    top: -1px;
}
.service_box_5_inner.line_box.line_left.line_left, .service_box_5_inner .line_box.line_right.line_left {
    left: 0;
}

.service_box_5_inner .line_box.line_left.line_right, .service_box_5_inner .line_box.line_right.line_right {
    right: 0;
}

.service_section_5 .service_box_5 .service_box_5_content {
    position: relative;
    padding: 30px 20px;
    background: #333;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.service_section_5 .service_box_5 .service_box_5_content i {
    margin-bottom: 15px;
    font-size: 50px;
    color: var(--bs-primary);
}
.service_section_5 .service-description h4 {
    font-size: 24px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.service_box_5:before {
    counter-increment: service-counter;
    content: "0" counter(service-counter) "";
    position: absolute;
    right: 60px;
    top: 50px;
    color: var(--bs-white);
    opacity: 0.1;
    font-size: 80px;
    line-height: 1;
    font-weight: bold;
    z-index: 1;
}
.service_section_5 .service_box_5 .service_box_5_inner .line_top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 55px;
    right: 0;
    background-color: var(--bs-primary);
    height: 1px;
}

.service_section_5 .service_box_5 .service_box_5_inner .line_bottom::before {
    content: "";
    position: absolute;
    top: 0;
    left: 55px;
    right: 0;
    background-color: var(--bs-primary);
    height: 1px;
}

.service_box_5_inner .line_box.line_top.line_bottom, .service_box_5_inner .line_box.line_bottom.line_bottom {
    bottom: -2px;
}

.service_box_5_inner .line_box.line_left.line_left, .service_box_5_inner .line_box.line_right.line_left {
    left: 0;
}


.service_box_5_inner .line_box.line_left.line_right, .service_box_5_inner .line_box.line_right.line_right {
    right: 0;
}

.service_box_5_inner .line_box {
    position: absolute;
    background-color: #333;
    content: '';
    -webkit-transition: opacity 0.5s, -webkit-transform 0.35s;
    transition: opacity 0.5s, transform;
}
.service_box_5_inner .line_box.line_top, .service_box_5_inner .line_box.line_bottom {
    left: -15px;
    right: -15px;
    height: 1px;
}
.service_box_5_inner .line_box {
    position: absolute;
    background-color: #333;
    content: '';
    -webkit-transition: opacity 0.5s, -webkit-transform 0.35s;
    transition: opacity 0.5s, transform;
}
.service_box_5_inner .line_box.line_left.line_left, .service_box_5_inner .line_box.line_right.line_left {
    left: 0;
}
.service_box_5_disc {
    color: #fff;
}

.service_box_5_inner .line_box.line_left, .service_box_5_inner.line_box.line_right {
    width: 1px;
    top: -15px;
    bottom: -15px;
}

.service_box_5_inner .line_box.line_left, .service_box_5_inner .line_box.line_right {
    top: -25px;
}

.service_box_5_inner .line_box.line_left.line_right, .service_box_5_inner .line_box.line_right.line_right {
    right: 0;
}

.service_box_5_inner .line_box.line_left, .service_box_5_inner .line_box.line_right {
    width: 1px;
    top: -15px;
    bottom: -15px;
}

.service_section_5 .service_box_5 .service_box_5_content .service_box_5_disc a {
    text-decoration: none;
    color: #fff;
}

.service_section_5 .service_box_5 .service_box_5_content .service_box_5_disc .service-2-more i {
    font-size: 20px;
    vertical-align: text-top;
}

.service_box_5_disc {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #CCC;
    text-align: left;
}
 
 
.service_section_5 .service_box_5:hover .service_box_5_content{
	transform:scale(1.1);
} 
.service_box_5 {
    cursor: pointer;
}
.services-list {
    counter-reset: service-counter;
}

.service_section_5 a.btn-1 {
    margin-top: 64px;
}
.service_box_5_disc h4 {
    font-size: 24px;
    margin-bottom: 15px;
    margin-top: 15px;
}

/* ---Funfact--- */

.funfact {
    margin-top: 80px;
    margin-bottom: 80px;
}
.funfact-item {
   display: flex;
    vertical-align: middle;
    text-align: center;
    align-items: center;
    padding: 20px 0px 20px 50px;
	border-right: 1px dashed rgba(255, 255, 255, 0.2);
	position: relative;
	margin-bottom: 20px;
	cursor:pointer;
}
.funfact-icon {
    font-size: 54px;
    color: var(--bs-primary);
    margin-right: 14px;
    margin-bottom: 33px;
}

.funfact_section {
    background-color:var(--bs-secondary);
    background-blend-mode: multiply;
    background-size: cover;
    position: relative;
    z-index: 0;
    padding: 100px 0px 100px 0px;
}
 
.funfact-content {
    color: #fff;
    text-align: justify;
}
.funfact-content h3 {
    font-size: 46px;
    font-weight: 600;
}
.funfact-content h6 {
    font-weight: 400;
}

 
.funfact-item .count-text {
    margin-bottom: 15px;
    font-family: "Rubik", sans-serif;
}
.text-white .count-text {
    color: white;
}
.funfact-item .count-text {
    font-size: 48px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 20px;
    display: inline-block;
}
.funfact-item .count-text.k:after {
    content: 'k';
}
.funfact-item .style-five .count-text.bg-text {
    position: absolute;
    font-size: 120px;
    opacity: 0.1;
    left: 50%;
    top: 50%;
    z-index: -1;
    color: transparent;
    text-transform: uppercase;
    -webkit-text-stroke: 1px white;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.funfact-item.style-five .count-text {
    margin-bottom: 15px;
    font-family: "Rubik", sans-serif;
}
.funfact-item .count-text {
    font-size: 48px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 20px;
    display: inline-block;
}
.funfact-item.style-five .count-text.bg-text {
    position: absolute;
    font-size: 102px;
    opacity: 0.1;
    left: 27%;
    top: 43%;
    z-index: -1;
    color: transparent;
    text-transform: uppercase;
    -webkit-text-stroke: 1px white;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-16%, -50%);
}
.funfact_section .content {
    color: #fff;
}

/* ---Funfact 2--- */
.funfact_section_2 .funfact-item {
    border: none;
}
.funfact_section_2 .funfact-item {
   display: flex;
    vertical-align: middle;
    text-align: center;
    align-items: center;
    /* padding: 20px 0px 20px 50px; */
	position: relative;
	margin-bottom: 20px;
	cursor:pointer;
}

.funfact_section_2 {
     background-color:#060606d1;
    background-blend-mode: multiply;
    background-size: cover;
    position: relative; 
    background-attachment: scroll;
	padding:100px;
	position:relative;
}
.funfact_section_2 .funfact-item .content {
    text-align: center;
    display: block;
    margin: auto;
}
.funfact_section_2 span.counter {
    color: var(--bs-primary);
    font-size: 52px;
}
.funfact_section_2 .funfact-item:before {
    bottom: 0;
    left: 0;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
}
.funfact_section_2 .funfact-item:before {
    content: '';
    position: absolute;
    z-index: inherit;
    width: 12px;
    height: 12px;
    opacity: 1;
    transform: translate(0,0);
    transition: .4s;
}
.funfact_section_2 span.counter-bottom:after {
    bottom: 0;
    right: 0;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}
.funfact_section_2 span.counter-bottom:after {
    content: '';
    position: absolute;
    z-index: inherit;
    width: 12px;
    height: 12px;
    opacity: 1;
    transform: translate(0,0);
    transition: .4s;
}

.funfact_section_2 span.counter-top:after {
   top: 0;
    right: 0;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.funfact_section_2 span.counter-top:after {
   content: '';
    position: absolute;
    z-index: inherit;
    width: 12px;
    height: 12px;
    opacity: 1;
    transform: translate(0,0);
    transition: .4s;
}
.funfact_section_2 span.counter-top:before {
    top: 0;
    left: 0;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}
.funfact_section_2 span.counter-top:before {
   content: '';
    position: absolute;
    z-index: inherit;
    width: 12px;
    height: 12px;
    opacity: 1;
    transform: translate(0,0);
    transition: .4s;
}
.funfact_section_2 .funfact-item {
    padding: 0;  
}  
.funfact_section_2 .content h1,.funfact_section_2 .content p {
    color: var(--bs-primary);
}
 
/* ---Feature--- */
.feature_cnt_img {
    position: relative;
    animation: bounce_one 5s linear infinite;
}
.feature_section {
    padding: 80px 0px 80px 0px;
    background-color: #ea1e0014;
	position:relative;
}
.feature_box {
    display: flex;
    align-items: center;
    margin: 3px -30px 40px 0px;
    padding: 30px 30px 30px 20px;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);
    background-color: #fff;
    border-radius: 10px;
	position: relative;
	cursor:pointer;
}
.feature_icon {
    font-size: 50px;
    color: var(--bs-primary);
	margin-right: 20px;
	transition: all 200ms linear;
    transition-delay: 0.1s;
}

.feature_icon img {
    max-width: 70px;
}

.feature_content h4 {
    font-size: 20px;
    font-weight: 500;
}
.feature_content p {
    color: #00000073;
    font-size: 16px;
    font-weight: 400; 
}
.fbox-number {
    color: #d3cdcd;
    opacity: calc( 100 / 10 );
    font-size: 36px;
    line-height: 1em;
    position: absolute;
    top: 8%;
    right: 2%;
	-webkit-text-stroke: 2px #f0f0f0;
    font-size: 48px;
    color: transparent;
}


.section_title.text-center {
    margin-bottom: 50px;
}
.header-2 aside.widget.widget-link ul {
    display: flex;
	margin-top: -6px;
	justify-content: flex-end;
}
.header-2 aside.widget.widget-link ul li{
    list-style:none;
	text-decoration:none;
}
.header-2 aside.widget.widget-link ul li a {
    list-style: none;
    text-decoration: none;
    margin-right: 22px;
    color: #fff;
    font-weight: 400;
}

.feature_box:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    bottom: 6px;
    right: 0;
    border-radius: 8px;
    background-color: var(--bs-primary);
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    transform-origin: top right;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    z-index: -1;
}
.feature_box:hover:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: bottom center;
}
.feature_box:hover {
    transform: translateY(-5px);
}

.feature_box:hover .feature_icon{
    color: #ffffff;
}
.feature_box:hover .feature_content h4 a{
    color: #ffffff;
}
.feature_box:hover .feature_content p{
    color: #ffffff;
}
.feature_content h4 a {
    color: #002a34;
    text-decoration: none;
}




/* ---Feature 2--- */
.feature_section_2_bg {
 /* background: url(../image/cta_bg.jpg) center center fixed rgba(0,0,0,0.8); */
}

.feature_section_2{
   background-color:#fff;
    background-blend-mode: multiply;
    background-size: cover;
    position: relative;
    z-index: 0;
	padding:80px 0px 80px 0px;
}

.feature-box-2-bg {
   /* background: url(../image/cta_bg.jpg) center center fixed rgba(0,0,0,0.8)!important;   */
}

.feature-box-2{
   background-color:#f1f3f8;
    background-blend-mode: multiply;
    background-size: cover;
    position: relative;
    z-index: 0;
	padding:80px 0px 80px 0px;
}
.feature_section_2 {
    padding: 100px 0px 100px 0px;
}
.feature-box-2 {
    display: flex;
    align-items: center;
    background: #f1f3f8;
    border-radius: 5px;
    padding: 10px 30px;
    min-height: 70px;
    cursor: pointer;
    margin-bottom: 30px;
}
.feature-box-2 .icon {
    margin-right: 20px;
    justify-content: right;
    font-size: 31px;
}
.feature-box-2 .content h6 {
    font-size: 18px;
    line-height: 26px;
    font-weight: var(--edumall-typography-headings-font-weight);
    margin: 0;
}

.feature-box-2 .content h6 a{
    color: var(--bs-secondary);
}

.feature-box-2:hover .content a{
	 color: #fff;
}

.feature-box-2 img {
    max-width: 50px;
}

.feature-box-2:hover {
    background-color: var(--bs-primary);
    transition: 0.5s linear;
}
.feature-box-2:hover .icon {
    color: #fff;
	 transition: 0.5s linear;
}
.feature-box-2:hover .content {
    color: #fff;
	 transition: 0.5s linear;
}
/* ---Portfolio--- */
.portfolio-box {
    margin: auto;
    position: relative;
    cursor: pointer;
    margin-top: 24px;
    z-index: 0;
}
 
.portfolio_section {
    margin-top: 80px;
    margin-bottom: 80px;
}

.fasterly-tab-filter {
    z-index: 0;
}

/* /////////// Portfolio Effect /////////// */


.portfolio-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.871);
  z-index: 2;
  opacity: 0;
}

.portfolio-box:hover::after {
  opacity: 1;
}

.portfolio-img img {
  width: 100%;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  filter: brightness(0.6);
}

.portfolio_content {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease-in-out;
    color: #fff;
    text-align: inherit;
    /* font-weight: 100; */
    z-index: 5;
    opacity: 0;
}

.portfolio_content p {
  font-size:16px;
}

.portfolio_content a {
  text-decoration: none;
  font-size: 1.8rem;
  color: #fff;
  transition: 0.3s;
}

.portfolio_content a:hover {
  color:var(--bs-primary);
}

.portfolio-box:hover .portfolio_content {
    opacity: 1;
    top: 56%;
    width:85%;
}
.portfolio_content:before {
    content: '';
    display: block;
    width: 50px;
    height: 5px;
    background: var(--bs-primary);
    margin: 0 0 19px;
}
span.portfolio_cat {
    font-size: 14px;
    font-weight: 300;
}  
.btn.filter-button.active{
    background: var(--bs-primary);
    color: #fff;
}
  

/* /////////// Portfolio Effect 2/////////// */
.portfolio_section_2 .portfolio-box:hover:before {
    background-image: unset;
    background: var(--bs-primary);
    opacity: 0.902;
    clip-path: polygon(0 64.6%, 0% 100%, 45.5% 100%);
}

.portfolio_section_2 .portfolio-box:before {
    content: "";
    position: absolute;
    background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.70196) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.70196) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.70196) 0%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.portfolio_section_2 .portfolio-box:after {
    content: "";
    position: absolute;
    background-color: #083d59;
    opacity: 0.902;
    clip-path: polygon(100% 0, 100% 100%, 44.5% 100%, 0% 65%, 0 0);
    width: 100%;
    height: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    left: 0;
    top: 0;
    z-index: 1;
}
.portfolio_section_2 .portfolio_content {
    padding: 0;
    position: absolute;
    top: auto;
    bottom: 47px;
    z-index: 3;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.portfolio_section_2 .portfolio-box:after {
    content: "";
    position: absolute;
    background-color: var(--bs-secondary);
    opacity: 0.902;
    clip-path: polygon(100% 0, 100% 100%, 44.5% 100%, 0% 65%, 0 0);
    width: 100%;
    height: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    left: 0;
    top: 0;
    z-index: 1;
}
.portfolio_section_2 .portfolio-box:hover:after {
    height: 100%;
}

.portfolio_section_2 .portfolio-box:hover .portfolio_content {
    opacity: 1;
    top: 45%;
    width: 85%;
}
.portfolio_section_2 {
    padding: 100px 0px 100px 0px;
}
.portfolio_section_2 .section_title.text-center {
    margin-bottom: 0px;
}

/* /////////// Cta /////////// */

.cta_section {
    background-color: #060606d1;
    background-blend-mode: multiply;
    background-size: cover;
    background-attachment: scroll;
    height: 100%;
    padding: 50px 0px 50px 0px;
}
.cta_item {
    display: flex;
    padding-top: 38px;
	justify-content: flex-end;
	position: relative;
}
 
.cta_content h6 {
    color: #fff;
    vertical-align: middle;
    align-items: center;
    padding-top: 38px;
    font-size: 27px;
}

.cta_content {
    color: #fff;
    padding-right: 60px;
}
.cta_icon {
    position: relative;
    bottom: 10px;
}
.cta_icon i {
    color: #ffffff;
    font-size: 26px;
    padding-top: 13px!important;
    margin-right: 10px;
    border: 2px solid var(--bs-primary);
    border-radius: 100%;
    padding: 14px;
    height: 55px;
    width: 55px;
    position: relative;
    top: -7%;
    background-color: var(--bs-primary);
    left: -4px;
}
.cta_content a {
    text-decoration: none;
}
.cta_content h5 {
    color: #fff;
    margin-top: 5px;
}
.cta_item .btn-1 {
    text-decoration: none;
    border: 2px solid var(--bs-primary);
    border-radius: 39px;
    font-size: 16px;
    color: #fff;
    height: 57px;
	margin-top: 6px;
	padding: 16px 26px 0px 26px; 
	background-color:var(--bs-primary);
	word-break: break-word;
}

.cta_content p {
    color: #fff;
    font-size: 16px;
    margin-top: 0px;
	padding-bottom: 12px;
}
.cta_item:after {
    position: absolute;
    content: "";
    right: 30%;
    top: 40px;
    bottom: 15px;
    background: #ffffff52;
    height: 72px;
    width: 1px;
}
.cta_2 .cta_item:after {
    position: absolute;
    content: "";
    right: 39%;
    border: 1px solid #ffffff4d;
    top: 23px;
    bottom: 15px;
} 

.cta_item .scrolldown:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: "";
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.cta_item .scrolldown .fui-arrow-right {
  color: #fff;
  font-size: 1.5em;
  margin-left: 2px;
}

.cta_item .scrolldown:after {
  top: 0px;
  left:0px;
  padding: 0;
  z-index: 1;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
  opacity: 0;
  bottom:0px;
}

.no-touch .scrolldown.active {
  color: #fff;
}
 
.cta_item .scrolldown.active:after {
  -webkit-animation: sonarEffect 1.3s ease-out 75ms;
  -moz-animation: sonarEffect 1.3s ease-out 75ms;
  animation: sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }

  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 10px 10px #344453,
      0 0 0 10px rgba(255, 255, 255, 0.8);
  }

  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 10px 10px #344453,
      0 0 0 10px rgba(255, 255, 255, 0.8);
    -webkit-transform: scale(1.5);
    opacity: 0;
  }
}

@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }

  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 10px 10px #344453,
      0 0 0 10px rgba(255, 255, 255, 0.8);
  }

  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 10px 10px #344453,
      0 0 0 10px rgba(255, 255, 255, 0.8);
    -moz-transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }

  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 10px 10px #344453,
      0 0 0 10px rgba(255, 255, 255, 0.8);
  }

  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 10px 10px #344453,
      0 0 0 10px rgba(255, 255, 255, 0.8);
    transform: scale(1.5);
    opacity: 0;
  }
}


/* /////////// Price/////////// */

.price_btn .btn-2 {
    width: 176px;
    height: 68px;
    margin-top: 25px;
    margin-bottom: 16px;
    padding-top: 13px;
    border-radius: 6px;
    font-weight: 600;
}

.price_box {
    position: relative;
    box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 10%);
    margin-bottom: 30px;
    padding: 0 40px 10px;
    background: #fff;
}
.price_title {
    text-align: center;
    padding-top: 30px;
}
.price_title h6 {
    font-size: 37px;
}
.price_btn {
    position: relative;
    align-items: center;
    display: flex;
    justify-content: center;
}
.price_btn .read_more {
    background-color: var(--bs-primary);
    align-items: center;
    position: relative;
    display: block;
    text-align: center;
    color: #fff;
    width: 199px;
    height: 56px;
    margin-top: 25px;
    margin-bottom: 16px;
	padding-top: 13px;
}
.price_list {
    margin-top: -43px;
} 
.price_list ul {
    list-style: none;
    display: inline;
}
.price_list ul li {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    border-bottom: 1px solid #0000001c;
	font-size: 14px;
}
.price_list li {
    position: relative;
    padding-bottom: 7px;
    margin-bottom: 0px;
}
.pricing_level {
    display: flex;
    text-align: center;
    justify-content: center;
	padding-left: 30px;
}
.pricing_level h5 {
    font-size: 54px;
    font-weight: 500;
    margin-top: 10px;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.pricing_level sup {
    font-size: 21px;
    top: -23px;
}
.pricing_level sub {
    font-size: 15px;
    margin-top: 50px;
    color: #00000094;
}
.price_section .price_title {
    border-top: 10px solid var(--bs-primary);
}

.price_section {
    padding-bottom: 80px;
	background-color: var(--bs-primary-light);
	padding-top: 80px; 
}
.price_list ul li i {
    color: var(--bs-primary);
}

/* /////////// Testimonial/////////// */
.testimonail-section {
    position: relative;
    padding-top: 80px;
	padding-bottom: 80px;
}

.testimonial-item {
    display: flex;
}
.testimonial-image img {
    border-radius: 82%;
    position: absolute;
    bottom: 16px;
    left: 11%;
    outline: 6px solid #fff;
    width: 100px!important;
    height: 100px;
}
.testimonial-item {
    display: flex;
    box-shadow: 0px 1px 8px 7px #00000014;
    padding: 80px 20px 20px 20px;
    border-radius: 20px;
    border-bottom: 64px solid var(--bs-primary);
    position: relative;
	margin-right: 20px;
	z-index: 0;
}

p.deg {
    position: relative;
    top: 81px;
    bottom: 0;
    color: #fff;
	z-index: 9;
}
.testimonial-image {
    position: relative;
    display: block;
    width: 131px;
    height: 131px;
    padding: 62px;
    border-radius: 50%;
    background-image: -moz-linear-gradient(-29deg, rgb(1, 95, 201) 0%, rgb(12, 224, 255) 100%);
    background-image: -webkit-linear-gradient(-29deg, rgb(234 30 0) 0%, rgb(0 42 52) 100%);
    top: 70px;
}
.testimonial-image:after {
    position: absolute;
    content: "";
    border: 8px solid #fff;
    top: -23px;
    bottom: -8px;
    left: -11px;
    right: -10px;
    border-radius: 100%;
}
 
 .quaote-img {
    position: absolute;
    top: 83%;
    right: 25%;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 5px 30px 0px rgb(0 0 0 / 7%);
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.testimonial-ratting {
    color: #fab600;
    position: absolute;
    right: 25px;
}
.quaote-img i {
    color: var(--bs-primary);
	font-size: 22px;
}
.testimonial-shape {
    position: absolute;
    top: 0px;
    right: 0;
    mix-blend-mode: luminosity;
    opacity: .10;
    z-index: -1;
}

.testimonial-shape-1 {
    position: absolute;
    left: 1px;
    bottom: -64px;
    z-index: 0;
    color: red;
    filter: brightness(0.5);
}
 

/* /////////// Team/////////// */
.bg-name {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.bg-name img {
    max-width: inherit;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.bg-name img {
    max-width: inherit;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.bg-name img:last-child {
    display: none;
}
.team-content {
    position: relative;
    display: block;
    background-color: white;
    -webkit-box-shadow: 0px 5px 30px 0px rgb(0 0 0 / 5%);
    box-shadow: 0px 5px 30px 0px rgb(0 0 0 / 5%);
    padding-left: 30px;
    padding-right: 20px;
    padding-top: 12px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 10px;
    margin-left: 10px;
    margin-top: -62px;
    z-index: 2;
    padding-bottom: 23px;
}
.team-content h5 {
    text-align: center;
}
.team-image img {
    width: 100%;
	border-radius: 10px;
}
.team-section {
    padding-top: 80px;
	background-color: var(--bs-primary-light);
	padding-bottom: 80px;
}
.team-subtitle p {
    margin-top: 8px;
    margin-bottom: 8px;
}
.team-subtitle {
    position: absolute;
    display: inline-block;
    background-color: var(--bs-primary);
    padding: 0px 22px;
    bottom: -11px;
    left: -10px;
    border-top-right-radius: 15px;
    z-index: 2;
	color: #fff;
}
.team-subtitle:before {
    position: absolute;
    top: -10px;
    left: 0;
    content: "";
    border-top: 10px solid transparent;
    border-right: 10px solid var(--bs-primary);
    border-bottom: 0px solid transparent;
}
.team-subtitle:after {
    position: absolute;
    bottom: 0px;
    right: -10px;
    content: "";
    border-top: 0px solid transparent;
    border-left: 10px solid var(--bs-primary);
    border-bottom: 11px solid transparent;
}
.team-social {
    position: absolute;
    top: -31px;
    right: 22px;
    color: #ffffff;
    height: 39px;
    width: 39px;
    background: var(--bs-primary);
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    cursor: pointer;
}
ul.team-social-icon li {
    list-style: none;
}
ul.team-social-icon li a {
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #ffffff;
    background: var(--bs-primary);
    border-radius: 50%;
    display: inline-block;
}
.team-social:hover .team-social-icon {
    transform: translateY(-87%);
    opacity: 1;
    visibility: visible;
	    left: -28px;
}

.team-box:hover .team-image:before {
    height: 100%;
}
.team-box {
    position: relative;
    cursor: pointer;
    z-index: 0;
}
.team-image:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 0%;
    bottom: 0;
    background: #040021;
    opacity: 0.4;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    border-radius: 10px;
}
.team-social-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(-40%) scale(0);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    padding-bottom: 40px;
    opacity: 0;
    visibility: hidden;
}
 
 

.share {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: var(--bs-primary);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: ripple 5s ease-in-out infinite;
    animation: ripple 5s ease-in-out infinite;
    -webkit-transition: background 1.5s ease;
    transition: background 1.5s ease;
}
@-webkit-keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
    30% {
        opacity: 0.30;
    }
    100% {
        -webkit-transform: scale(1.9);
        transform: scale(1.9);
        opacity: 0;
    }
}
@keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
    30% {
        opacity: 0.30;
    }
    100% {
        -webkit-transform: scale(1.9);
        transform: scale(1.9);
        opacity: 0;
    }
}

.share.share-effet-1 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.share.share-effet-2 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.team-member .btn-overly .share {
    background-color: #7ad1ff;
}

/* /////////// Blog style 1 /////////// */

ul.post-categories {
    display: flex;
    list-style: none;
    text-decoration: none;
	padding-left: 0;
}

ul.post-categories li a {
    text-decoration: none;
    color: white;
}
ul.post-categories li a{
    margin-right: 10px;
    background-color: var(--bs-primary);
    padding: 5px 10px 5px 10px;
	border-radius: 4px;
}
ul.post-categories {
    padding: 0px 0px;
    border-radius: 6.25rem;
    position: relative;
    left: auto;
    top: 0px;
}
 
.post-content {
    box-sizing: border-box;
	padding: 40px 20px 20px 20px;
}

.post-content a:hover{
	-webkit-transition: var(--bs-transition);
    transition: var(--bs-transition);
	text-decoration: none;
    
}
figure.post-image {
    height: 100%;
    width: auto;  
}

h5.post-title {
    padding-top: 10px;
	font-size: 19px;
    font-weight: 500;
}

h5.post-title a {
    list-style: none;
    text-decoration: none;
}
h5.post-title a {
    color: var(--bs-secondary);
} 
.post-content p {
    color: #002a3494;
}
.post_section {
    padding: 80px 0px 80px 0px;
}
.post-content:after {
    /* position: absolute; */
    content: "";
    border-bottom: 1px solid #0000000a;
    bottom: 0;
    left: 21px;
    right: 6px;
    top: 0;
    width: 89%;
    margin-bottom: 23%;
}
article.post-item {
    position: relative;
	box-shadow: 1px 3px 20px 9px rgb(10 10 10 / 11%);
	margin-top: 30px;
}
span.author-icon img {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    margin-right: 10px;
}
.foooter-blog {
    display: flex;
    margin-top: 40px;
    position: relative;
    justify-content: space-between;
}
span.author-name {
    position: relative;
    top: 7px;
    font-weight: 500;
    color: #002a34b8;
    left: -5%;
}

ul.share_icon li {
    display: flex;
    justify-content: space-around;
    list-style: none;
    text-decoration: none;
    padding-right: 10px;
    border: 1px solid #0000001f;
    padding: 5px;
    margin-right: 4px;
}
ul.share_icon {
    display: flex;
}
.blog-share {
    position: relative;
    top: 5px;
    right: 4%;
}
ul.share_icon li i {
    color: #00000033;
}

.post-item{
	cursor:pointer;
	position:relative;
}
.post-item:hover .post-image img {
  transform: scale(1.05);
}
.post-image:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: #0000004d;
    transform: scale(1, 0);
    transition: transform 500ms ease;
    transform-origin: top center;
    z-index: 1;
}
.post-item:hover .post-image:before {
    transform: scale(1, 1);
    transform-origin: bottom center;
}
.post-image img {
  /* width: 100%; */
  transform: scale(1);
  transition: transform 500ms ease;
}
.post-image {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 0;
}
.post-line {
    margin-top: -54px;
}
/* .post-content:hover .more-link { */
    /* letter-spacing: .1em; */
/* } */
/* .post-content .more-link { */
    /* transition: .8s; */
/* } */
 
 
/* .post-item .post-content .more-link i:hover { */
    /* opacity: 4; */
    /* position: relative; */
/* } */

span.posted-on.post-date a {
    display: contents;
    color:  var(--bs-primary);
    font-size: 14px;
    font-weight: 500;
    word-break: break-word;
    line-height: 1px;
}
.post-item span.post-date {
    color: #181818;
    font-size: 32px;
    word-break: break-all;
    line-height: 21px;
    font-weight: 700;
    padding: 17px 0px 0px 0px;
}
.post-image .posted-on {
    position: absolute;
    top: -5px;
    z-index: 2;
    right: 30px;
    background-color: #ffffff;
    height: 75px;
    width: 60px;
    text-align: center;
    border-bottom: 4px solid var(--bs-primary);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

/* /////////// Blog style 2 /////////// */
.post-item-2 {
    position: relative;
    display: block;
	padding-top: 35px;
}


.post-item-2 figure.post-image {
    position: relative;
    display: block;
    border-radius: 10px;
    overflow: hidden;
}

.post-item-2 span.posted-on.post-date {
    position: absolute;
    left: 20px;
    top: 20px;
    border-radius: 5px;
    background-color:#fff;
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
	border-bottom: 0;
}

.post-item-2 .post-item span.post-date {
    color: #181818;
    font-size: 32px;
    word-break: break-all;
    line-height: 21px;
    font-weight: 700;
    padding: 17px 0px 0px 0px;
}

.post-item-2 .post-content {
    position: relative;
    display: block;
    background-color: white;
    -webkit-box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%);
    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%);
    padding: 22px 27px 20px;
    margin-right: 30px;
    margin-top: -40px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.post-item-2 ul.post-categories-2 {
    position: absolute;
    top: -17px;
    left: 45px;
    background-color: var(--bs-primary);
    padding: 4px 10px;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}
 
.post-item-2 ul.post-categories-2 li a {
    color: #fff;
    list-style: none;
    text-decoration: none;
}
.post-item-2 ul.post-categories-2 li {
    list-style: none;
    color: #fff;
}

.post-item-2 ul.post-categories-2:before {
    position: absolute;
    top: 0;
    left: -14px;
    content: "";
    border-top: 17px solid transparent;
    border-right: 14px solid var(--bs-primary);
    border-bottom: 0px solid transparent;
}

.post-item-2 .blog-meta a {
    font-size: 14px;
    color: var(--brote-gray);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-decoration: none;
	 margin-right: 7px;
}

.post-item-2 .blog-meta i {
    color: var(--bs-primary);
	margin-right: 5px;
}

.post-item-2 a.more-link-1 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #e4e5ea;
    padding-top: 12px;
	text-decoration: none;
	color: #002a34;
}
.post-item-2 h5.post-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin-top: 7px;
    margin-bottom: 24px;
}
.post-item-2 span.post-date {
    font-size: 30px;
    word-break: break-all;
    line-height: 10px;
    font-weight: 700;
    padding: 6px 2px 6px 0px;
    display: inline-block;
}
.post-item-2 a.more-link-1 i {
    font-size: 16px;
    padding-left: 8px;
}

 
.post-item-2:hover .post-image img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

 
.post-item-2 a.more-link-1:hover {
    color: var(--bs-primary);
}

/* /////////// Faq/////////// */

.faq_page {
    padding: 100px 0px 100px 0px;
}

.faq-section .section_title.text-center.wow.fadeInUp,
.work-process .section_title.text-center.wow.fadeInUp{
    color: #fff;
}

.faq-bg-image{
    position: relative;
    border-radius: 10px;
}
.faq-section {    
   background-color:#1f2020e0;
   background-blend-mode: multiply;
    background-size: cover;
    position: relative;
    z-index: 0;
	padding: 100px 0px 100px 0px;
}
.faq-img.wow.fadeInUp {
    position: relative;
}
.faq-2-img img {
    position: absolute;
    border-radius: 50%;
    bottom: 0px;
    left: 0px;
} 
.faq-section {
    padding: 80px 0px 80px 0px;
} 
.faq-img img {
    border-radius: 50%;
    animation: bounce_one 5s linear infinite;
} 
.answer a {
    color: black;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
} 
.answer a:hover {
    color:var(--bs-primary);   
} 

.main_faq {
    background-color: #ffffff;
    color: black;
    border-radius: 5px;
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 25%);
    margin: 20px 0;
    width: 90%;
}
.faq-section .section-title-1 {
    color: #fff;
}
 
.question {
  font-size: 1.2rem;
  font-weight: 600;
  padding: 20px 80px 20px 20px;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
   background: #fff;
  border-top-right-radius: 5px;
}

.question::after {
  content: "\002B";
  font-size: 2.2rem;
  position: absolute;
  right: 20px;
  transition: 0.2s;
}

.question.active::after {
  transform: rotate(45deg);
}

.answercont {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}
.question.active {
    background-color: var(--bs-secondary);
	color: #fff;
}
.answer {
  padding: 0 20px 20px;
  line-height: 1.5rem;
  padding-top: 10px;
}

.question.active + .answercont {
}

@media screen and (max-width: 790px){
  
  .wrapper {
  width: 100%;
}
}


/* /////////// Sponsor/////////// */
.sponsor-section {
    padding: 80px 0px 80px 0px;
	position:relative;
	z-index: 0;
}

.sponsor-row {
    /* background-color: var(--bs-secondary); */
    /* padding: 80px 50px 80px 50px; */
    /* border-radius: 10px; */
}

/* .sponsor-row:after { */
    /* position: absolute; */
    /* content: ""; */
    /* border-bottom: 61px solid red; */
    /* left: 9%; */
    /* right: 9%; */
    /* bottom: 18%; */
    /* z-index: -9; */
    /* border-bottom-right-radius: 10px; */
    /* border-bottom-left-radius: 10px; */
/* } */
.sponsor-img img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.sponsor-img {
    width: fit-content;
	max-width: 200px;
	text-align: center;
    margin: auto;
}


.sponsor-img:hover{
	transform: scale(1);
	/* background: #fafafa; */
	/* background-color: #f5f5f5; */
}


.sponsor-img:hover>img {
    opacity: 1;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
}


/* /////////// Gallery Section/////////// */
.gallery_page {
    padding: 100px 0px 100px 0px;
}

.gallery-section {
    /* padding-top: 80px; */
}

 .featured-imagebox-team.ttm-team-box-view-overlay.ttm-box-view-top-image:hover .ttm-box-bottom-content:before {
    border-bottom-color: var(--bs-primary);
}  
   
.box-shadow1 {
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 5%);
    -moz-box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 10px 0 rgb(43 52 59 / 25%);
}

.featured-title h5 a {
    text-decoration: none;
    color:#fff;
}
.featured-imagebox-team.ttm-team-box-view-overlay{
	overflow: hidden;
	position: relative;
	margin-top: 20px;
	margin-bottom: 0;
	}
.featured-imagebox-team .featured-imagebox-team-inner{
	position: relative;
	overflow: hidden;
	cursor:pointer;
	}
.featured-imagebox-team.ttm-team-box-view-overlay .ttm-box-view-overlay:before,
.widget_media_gallery .gallery-icon:before {
    background: rgba(43,52,59,1) none repeat scroll 0 0 padding-box content-box;
    content: "";
    height: 100%;
    width: 0;
    opacity: 0;
    padding: 15px;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transition: all 500ms cubic-bezier(.47,0,.745,.715);
    -moz-transition: all 500ms cubic-bezier(.47,0,.745,.715);
    -o-transition: all 500ms cubic-bezier(.47,0,.745,.715);
    transition: all 500ms cubic-bezier(.47,0,.745,.715);
}
.featured-imagebox-team.ttm-team-box-view-overlay.ttm-box-view-top-image .ttm-box-view-overlay:before{
	padding: 0;
	}
.featured-imagebox-team.ttm-team-box-view-overlay .featured-iconbox  {
    padding: 14px 18px;
    text-align: center;
    width: 100%;
    z-index: 9;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.featured-imagebox-team.ttm-team-box-view-overlay .featured-iconbox a {
    display: inline-block;
    font-size: 16px;
    height: 43px;
    width: 43px;
    line-height: 43px;
    padding: 0;
    margin: 0 4px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
}
.featured-imagebox-team.ttm-team-box-view-overlay:hover .ttm-box-view-overlay:before,
.widget_media_gallery .gallery-item:hover .gallery-icon:before {
	opacity: .8;width: 100%;left: 0;
	}
.featured-imagebox-team.ttm-team-box-view-overlay:hover .featured-iconbox{
	opacity: 1;
	z-index: 0;
}
.featured-imagebox-team.ttm-team-box-view-overlay:hover .featured-iconbox a{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.featured-imagebox-team.ttm-team-box-view-overlay.ttm-box-view-top-image .ttm-box-bottom-content{
    padding: 17px 25px 18px;
    position: relative;
    text-align: left;
	background-color:var(--bs-secondary);
	color:#fff;
}
 
.featured-imagebox-team.ttm-team-box-view-overlay.ttm-box-view-top-image:hover .ttm-box-bottom-content{
	background-color:var(--bs-primary);
	color: #fff;
} 




.featured-imagebox-team.ttm-team-box-view-overlay.ttm-box-view-top-image .ttm-box-bottom-content:before {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}
.featured-imagebox-team.ttm-team-box-view-overlay.ttm-box-view-top-image .ttm-box-bottom-content:before {
    position: absolute;
    bottom: 100%;
    transform: translateX(-50%);
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent var(--bs-secondary) transparent;
    z-index: 1;
    top: -14px;
    left: 42px;
} 
.featured-thumbnail {
    filter: brightness(0.7);
}
.featured-imagebox-team.ttm-team-box-view-overlay.ttm-box-view-top-image:hover .category{
	color:#fff;
} 
.featured-imagebox-team.ttm-team-box-view-overlay:hover .featured-iconbox a {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.featured-imagebox-team.ttm-team-box-view-overlay .featured-iconbox a{
	background-color:var(--bs-primary);
}
.featured-imagebox-team.ttm-team-box-view-overlay.ttm-box-view-top-image:hover .category{
	color: #fff;
}
.featured-imagebox-team.ttm-team-box-view-overlay.ttm-box-view-top-image:hover .ttm-box-bottom-content .featured-title h5 a {
    color: #fff;
} 
 
.featured-iconbox i{
	color:#fff;
}
span.portfolio_cat i {
    margin-left: 10px;
}


.fasterly-filter-init {
    overflow: hidden;
}

.fasterly-tab-filter { margin-bottom: 45px; }
.fasterly-tab-filter  a { position: relative; color: var(--body-color); padding: 0.5rem 1rem;    display: inline-block;    text-decoration: none; }
.fasterly-tab-filter .iq-portfolio .iq-portfolio-content .details-box { padding: 15px; }
.fasterly-tab-filter .iq-portfolio-content .consult-details .consult-effect:before { bottom: 132px; }
.fasterly-tab-filter .iq-portfolio .iq-portfolio-content .details-box a { line-height: 62px; float: right; }
.fasterly-tab-filter a.filter-btn.active, .fasterly-tab-filter a:hover, .fasterly-tab-filter a:focus {
    color: var(--bs-primary);
    outline: none;
}
.fasterly-tab-filter  a.filter-btn.active:before, .fasterly-tab-filter  a.filter-btn:hover:before { width: 15px; }
.fasterly-tab-filter  a.filter-btn:before { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; content: ""; width: 0; height: 3px; display: inline-block; position: absolute; right: 0; bottom: 0; left: 0; margin: 0 auto; right: 0; background: var(--bs-primary); }
.fasterly-tab-filter a span { display: none; }
.fasterly-tab-filter a.filter-btn.active span, .fasterly-tab-filter a:hover span, .fasterly-tab-filter  a.filter-btn:hover span, .isotope-filters button.active .post_no, .isotope-filters button:hover .post_no { opacity: 1; }
.fasterly-tab-filter a.filter-btn span, .isotope-filters button .post_no { width: 36px; height: auto; line-height: 14px; padding: 8px; left: 50%; display: inline-block; color: var(--bs-white); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); text-align: center; background: var(--bs-primary); text-indent: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: absolute; pointer-events: none; opacity: 0; top: -30px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: absolute; display: block; right: 10px; }
.fasterly-tab-filter  a.filter-btn span:after, .isotope-filters button span:after { content: ''; position: absolute; bottom: -7px; left: 50%; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid var(--bs-primary); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }




/* /////////// Work Process/////////// */
.work-process {    
   background-color:#002a34;
   background-blend-mode: multiply;
    background-size: cover;
    position: relative;
    z-index: 0;
	padding: 100px 0px 100px 0px;
}
.work-process .section-title-1.text-center {
    margin-bottom: 50px;
    color: #fff;
}
.work-process{
	position:relative;
}
.process-box {
    text-align: center;
    max-width: 187px;
    height: 187px;
    background-color: #fff;
    border: 3px solid var(--bs-secondary);
    margin: 17px;
    padding: 42px 6px;
    cursor: pointer;
    align-items: center;
    border-radius: 100%;
    transition: .3s ease-in-out;
    margin-right: 25px;
    position: relative;
	display: inline-block;
}
.process-box:hover:before {
    -webkit-animation: none;
    animation: none;
}
.process-icon {
    width: 82px;
    height: 82px;
    line-height: 78px;
    border: 3px solid #fff;
    background-color: var(--bs-primary);
    border-radius: 50%;
    font-size: 34px;
    color: #fff;
    position: absolute;
    top: -40px;
    left: -17px;
}
.process-icon i {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.process-content h2 {
    font-size: 20px;
    margin-bottom: 8px;
    text-align: center;
}
.process-content p {
   margin-bottom: 0;
    font-size: 14px;
}
.process-box:before {
    width: 216px;
    height: 216px;
    top: -17px!important;
    left: -17px!important;
    opacity: 1;
    visibility: visible;
    -webkit-animation: spinAround 9s linear infinite;
    -moz-animation: spinAround 9s linear infinite;
    animation: spinAround 9s linear infinite;
    content: "";
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin: 0px;
    z-index: 0;
    border-radius: 100%;
    border: 4px dotted var(--bs-primary);
    transition: .3s ease-in-out;
    padding: 29px;
}
.process-box:after {
     pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: "";
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}



/* /////////// Product-Section/////////// */ 
.product {
    border: 1px solid #0000001c;
    border-style: solid;
    position: relative;
	box-shadow: 0px 0px 9.4px 0.6px rgb(0 0 0 / 15%);
}
.product-content h3 a {
    text-decoration: none;
    list-style: none;
    font-size: 16px;
    color: black;
}
.woocommerce .star-rating {
    float: right;
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    font-size: 1em;
    width: 5.4em;
    font-family: star;
} 
.woocommerce .product-content h3 {
    line-height: 1;
    margin-bottom: 0;
}
.woocommerce .pro-rating {
    color: #ffd400;
}
.woocommerce ins {
    color: var(--bs-secondary);
    font-size: 18px;
    font-weight: 600;
	text-decoration: none;
} 

.woocommerce del {
    font-size: 14px;
    color: #00000099;
    font-weight: 500;
}
 
/* .product-action { */
    /* width: 100%; */
    /* height: 100%; */
    /* margin: 0; */
    /* font-size: 0; */
    /* line-height: 0; */
    /* padding: 0; */
    /* min-width: 0; */
    /* border: 0; */
    /* text-decoration: none; */
    /* letter-spacing: 0; */
    /* overflow: visible; */
    /* display: inline-block; */
    /* vertical-align: top; */
    /* color: inherit !important; */
    /* transition: none; */
/* } */

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    list-style: none;
    text-decoration: none;
}

span.tag-line {
    background-color: var(--bs-primary);
    color: #fff;
    padding: 2px 10px 2px 10px;
    border-radius: 5px;
}
.sale-ribbon.ttt {
    margin-bottom: 20px;
    position: absolute;
    top: 15px;
    left: 15px;
}

.product-img {
    overflow: hidden;
}

.woocommerce ul.products li.product .button {
    margin-bottom: 20px;
    color: #fff;
    background: var(--bs-primary);
}

.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.btn-1 {
    background-color: var(--bs-primary);
    text-align: center;
    justify-content: center;
}

.product-action {
    margin-top: 16px;
}




.hm-product ul.products li:last-child {
    clear: right;
}
 

 
.product-content-outer {
    text-align: center;
}

.product-single:hover .product-img:before {
    transform: scale(1, 1);
    transform-origin: bottom center;
}

.product-img img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.product-img img {
    width: unset;
    -webkit-transition: -webkit-transform 0.7s ease-in-out;
    transition: -webkit-transform 0.7s ease-in-out;
    transition: transform 0.7s ease-in-out;
    transition: transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
}
.product-img>a:before {
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    height: 0;
    -webkit-transition: all 700ms ease-in-out 0s;
    transition: all 700ms ease-in-out 0s;
    width: 100%;
}
/* /////////// Footer/////////// */
.above_footer_content,.support_number {
    background-color: var(--bs-primary);
    padding: 44px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
	text-align: center;
	cursor:pointer;
	width:400px;
	height:150px;
}
.above_footer_content .content  {
    font-size: 16px;
    color: #ffffff;
}
.above_footer_content h5.widget-title,
.above_footer_content h5.widget-title a {
    color: white;
	font-size: 19px;
}
.above_footer_content .content-area-icon .icon {
    position: relative;
    color: #ffffff;
    transition: .5s;
    z-index: 3;
    font-size: 48px;
}
 .support_number .content-area-icon .icon {
    position: relative;
    color: #ffffff;
    transition: .5s;
    z-index: 3;
    font-size: 48px;
}
.footer-section{
	background-color: var(--bs-primary-light);
    background-blend-mode: multiply;
    background-size: cover;
    position: relative;
    z-index: 0;
    color: #fff;
}
.above_footer_content h2 {
    font-size: 41px;
    line-height: 50px;
    align-items: center;
    justify-content: center;
}
.above_footer {
    align-items: center;
    justify-content: center;
    padding: 70px 0px 70px 0px;
}

.above_footer .content-area {
    justify-content: center;
}
.footer_support_icon {
    text-align: center;
    background: var(--bs-primary);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: relative;
    left: 34%;
}
.footer_support_icon i {
    font-size: 28px;
    padding: 24px;
	color:#fff;
}
.support_number {
    text-align: left;
    margin-left: 0;
    float: right;
   
}
.support_number h6 {
    margin-bottom: 0px;
}
.above_footer span.title h5 {
    color: #fff;
	font-size: 19px;
    font-weight: 700;
    line-height: 42px;
    margin-top: 8px;
}

.above_footer h6.ttl {
    font-weight: 400;
}

.support_number a {
    list-style: none;
    text-decoration: none;
    text-align: center;
}
.support_number p {
    text-align: center;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
}

.support_shape_1:before {
    position: absolute;
    content: "";
    left: -18%;
    top: -19%;
    transform: translate(-50%, -50%);
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: #002a347a;
    z-index: -1;
    -webkit-animation: pulse 1s ease-in infinite;
    animation: pulse 1s ease-in infinite;
}

.footer_main {
    border-top: 1px solid rgb(255 255 255 / 18%);
	position:relative;
	padding: 50px 0px 0px 0px;
}

.footer_main .link_widget:first-child:after{
	content:none;
}
.footer_main .link_widget:after {
	position: absolute;
	left: auto;
	top: 0;
	bottom: 0;
	width: 2px;
	height: auto;
	background: rgba(255, 255, 255, 0.1);
	content: '';
	z-index: -1;
}

.footer_main .link_widget:first-child:after {
    content: none !important;
}

.footer_main .widget_recent_entries:before {
    position: absolute;
    left: -18%;
    top: 44%;
    transform: translateY(-50%);
    width: 1px;
    height: 400px;
    background: rgba(255, 255, 255, 0.1);
    content: "";
}
ul.footer-link {
    list-style: none;
}
.footer_main aside.widget.link_widget ul,.widget_recent_entries ul{
    padding-left: 0;
}
ul.footer-link li {
    position: relative;
    padding-top: 10px;
}
ul.footer-link li a i {
    margin-right: 18px;
}
aside.widget.link_widget ul li a,.widget_recent_entries ul li a {
    text-decoration: none;
} 
.footer-content-list {
    display: flex;
    color: #fff;
    flex-wrap: wrap;
}
li.side-item {
    display: flex;
}
.side-image img {
    height: 70px;
	margin-right:18px;
	margin-bottom:20px;
}

 .shape-footer{
    position: absolute;
    left: auto;
    top: 0%;
    width: 3px;
    height: 100px;
    background: var(--bs-primary);
	-webkit-animation: animborder 4s linear infinite;
    animation: animborder 4s linear infinite;
	 
}
.shape-footer-1:after {
    position: absolute;
    content: "";
    left: -18%;
    top: -14%;
    width: 3px;
    height: 100px;
    background: #ea1e00;
	-webkit-animation: animborder 4s linear infinite;
    animation: animborder 4s linear infinite;
	 
}


@-webkit-keyframes animborder{
	0%
	{-webkit-transform:translateY(0);transform:translateY(0)}
	50%
	{-webkit-transform:translateY(100px);transform:translateY(100px)}
	100%
	{-webkit-transform:translateY(300px);transform:translateY(300px)}
	}
	
	@keyframes animborder{
		0%
		{-webkit-transform:translateY(0);
		transform:translateY(0)}
		50%
		{-webkit-transform:translateY(100px);
		transform:translateY(100px)}
		100%
		{-webkit-transform:translateY(300px);
		transform:translateY(300px)}
	}
	
	
.widget_recent_entries{
    position: relative;
} 
.footer-bottom {
    background-color: var(--bs-primary);
}
.copyright {
    color: #fff;
    margin-top: 20px;
}

 
.copyright a {
    color: #fff;
}
.support_shape {
    position: relative;
    left: 50%;
    top: -44%;
    transform: translate(-50%, -50%);
    z-index: -3;
    width: 241px;
    filter: contrast(0.5);
}
.footer_main form .search-field, .footer_main .subscribe-form .input-1 .form-control {
    height: 45px;
    max-width: 144px;
    color: #BFBAC8;
    padding: 6px 15px;
    border: 1px solid transparent;
    box-shadow: none;
}



.footer_main .widget_search form {
    display: flex;
}

label.wp-block-search__label {
    display: none;
}

.footer_main .widget-text form .submit button {
    background: #ea1e00;
    border: 1px solid transparent;
    outline: 0;
    font-size: 20px;
    color: #fff;
    width: 48px;
    height: 48px!important;
    line-height: 40px;
    border-radius: 0;
    -webkit-clip-path: polygon(100% 0, 100% 75%, 88% 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 75%, 88% 100%, 0 100%, 0 0);
}

.footer_main form.subscribe-form {
    display: flex;
    align-items: center;
}

/* .footer_main .widget-text form .submit { */
   /* position: absolute; */
    /* right: 43%; */
    /* top: 60.5%; */
    /* transform: translateY(-50%); */
/* } */

aside.widget.link_widget ul li a:hover,.widget_recent_entries ul li a:hover {
    color:var(--bs-primary);
    text-decoration: none;
}
 .filter-button
{
    font-size: 18px;
    border: 1px solid teal;
    border-radius: 5px;
    text-align: center;
    color: teal;
    margin-bottom: 30px;

}

 .filter-button:hover,
 .filter-button:active{
    font-size: 18px;
    border: 1px solid var(--bs-primary);
    border-radius: 5px;
    text-align: center;
    color: #fff!important;
    background-color: var(--bs-primary);

}
 
.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}



.scrollToTop {
    width: 54px;
    height: 46px;
    padding: 10px;
    text-align: center;
    background: grey;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    position: fixed;
    bottom: 81px;
    right: 40px;
    display: none;
    background: var(--bs-primary);
}
.scrollToTop:hover {
    text-decoration: none;
    border-radius: 50%;
    color: #fff;
}


/* /////////// Breadcrumb Area/////////// */
 
.bd-page-title {
    background-color: var(--bs-secondary);
    background-blend-mode: multiply;
    background-size: cover;
    background-attachment: scroll;
    height: 100%;
    padding: 50px 0px 50px 0px;
}

.page-title-heading .bd-ttl {
    font-size: 48px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 50px;
   padding-top: 68px;
   font-weight: 500;
}

.eb-breadcrumb {
    position: relative;
    top: 97px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-block;
    z-index: 1;
}
.breadcrumb {
    background: #ffffff;
    padding: 19px 5px;
    margin-bottom: 0;
    box-shadow: 0px 5px 10px rgb(16 0 71 / 10%);
    display: inline-flex;
	list-style: none;
}
.bd-item {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: #6639ff;
    padding: 0 12px;
    list-style: none;
}
.bd-item + .bd-item:before {
    float: left;
    padding-right: 0px;
    content: "";
    width: 2px;
    height: 20px;
    background: var(--bs-primary);
    margin-right: 25px;
    margin-top: 1px;
    position: relative;
}
.bd-item.active, .bd-item.active a {
    color: #171520;
}
.bd-item a {
    text-decoration: none;
}

.eb-breadcrumb .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    margin-bottom: 1rem;
    list-style: none;
    background-color: var(--bs-white);
    border-radius: 0.25rem;
}


/* /////////// Blogs/////////// */ 
.post-page {
    padding: 100px 0px 100px 0px;
} 


/* /////////// Pagination/////////// */ 
.navigation.pagination {
    display: inline-block;
}

nav.woocommerce-pagination ul, .pagination .nav-links {
    display: inline-flex;
}

.pagination .page-numbers:not(.dots), .woocommerce-pagination li .page-numbers:not(.dots) {
    font-weight: 600;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    color: var(--bs-white);
    background-color: var(--bs-secondary);
    display: flow-root;
    font-size: 16px;
    line-height: 1.2;
    min-width: 40px;
    text-align: center;
    padding: 0.532rem 0.35rem;
    -webkit-transition: var(--bs-transition-slow);
    transition: var(--bs-transition-slow);
    vertical-align: baseline;
    white-space: nowrap;
    position: relative;
    text-decoration: none;
    border-radius: 5px;
    cursor: pointer;
}


.woocommerce nav.woocommerce-pagination ul {
    border: none;
}

.pagination .page-numbers:not(.dots):after, .woocommerce-pagination li .page-numbers:not(.dots):after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 92%;
    height: 92%;
    margin: auto;
    border: 3px solid var(--bs-white);
    border-radius: 5px;
}

.pagination .page-numbers.dots {
    display: inline-block;
    line-height: 16px;
    font-size: 50px;
    margin-right: 10px;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links .page-numbers.current,
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    color: var(--bs-white);
    background-color: var(--bs-primary);
}

.pagination .page-numbers:not(.dots):not(:last-child),
.woocommerce nav.woocommerce-pagination ul li {
    margin-right: 7px;
}

.woocommerce nav.woocommerce-pagination ul li {
    border-right: none;
}

.pagination .page-numbers.next:hover,
.pagination .page-numbers.next:focus,
.pagination .page-numbers.prev:hover,
.pagination .page-numbers.prev:focus,
.woocommerce-pagination li .page-numbers:hover,
.woocommerce-pagination li .page-numbers:focus {
    transform: rotate(360deg);
}

.inner-post-pagination div.nav {
    display: inline-flex;
    align-items: center;
}

.inner-post-pagination div.nav>span {
    display: inline-block;
    margin: 0 10px;
    line-height: 40px;
    padding: 0 10px;
    font-weight: 700;
}

.inner-post-pagination div.nav a {
    display: inline-block;
    color: var(--bs-white);
    padding: 5px 25px;
    font-weight: 600;
    letter-spacing: 0.185px;
    position: relative;
    z-index: 0;
    border-radius: 6.25rem;
    background-color: var(--bs-primary);
    vertical-align: middle;
    display: inline-block;
    padding: 0 20px;
    line-height: 40px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
	
}

.blog-masonary,.blog-fullwidth,.post-left-sidebar,.post-right-sidebar{
    padding: 100px 0px 100px 0px;
}






/* ///////////Contact page /////////// */ 
.contact-area {
    padding: 30px;
    border: 1px solid #efe6e6;
    border-radius: 6px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	 box-shadow: 0px 0px 9.4px 0.6px rgb(0 0 0 / 15%);
	 margin-bottom: 20px;
}
 


.contact-area p a {
	color:var(--bs-secondary);
	text-decoration:none;
}

.mb-100 {
    padding: 100px 0px 50px 0px;
}

.contact-area .contact-icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    background-color:var(--bs-primary-light);
    color: var(--bs-primary);
    border-radius: 50%;
    font-size: 50px;
    margin-bottom: 25px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	position:relative;
}
.contact-touch {
    padding: 65px 60px 76px;
    background-color: #fff;
	 margin-bottom: 30px;
}

.contact-touch h4 {
    font-size: 20px;
    margin-bottom: 40px;
}

.contact-touch .wpcf7-form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: -5.5%;
}

.contact-touch .wpcf7 form p {
    flex: 100%;
    margin-bottom: 5.5%;
}

.contact-touch .wpcf7 form label {
    width: 100%;
}

.contact-touch .wpcf7 form p:nth-child(5),
.contact-touch .wpcf7 form p:nth-child(3) {
    margin-left: 5%;
}

.contact-touch .wpcf7 form p:nth-child(5),
.contact-touch .wpcf7 form p:nth-child(2),
.contact-touch .wpcf7 form p:nth-child(3),
.contact-touch .wpcf7 form p:nth-child(4) {
    flex: 0 0 47.5%;
}

.contact-touch .wpcf7-form input.wpcf7-form-control,
.contact-touch .wpcf7-form select.wpcf7-form-control {
    min-height: 58px;
    border-radius: 3px;
    color: #757575;
}

.contact-form {
    background-color: var(--bs-gray);
    padding: 100px 0px 100px 0px;
}

.contact__info-inner {
    padding: 45px 25px 45px 11px;
    border-radius: 4px;
    box-shadow: 0 30px 50px 0 rgb(1 11 60 / 10%);
    position: relative;
    z-index: 1;
	background-color: #fff;
}
.align-items-start {
    align-items: flex-start!important;
}
.d-flex {
    display: flex!important;
}
.contact__info-inner ul li {
    list-style: none;
}

.contact__info-text .h4, .contact__info-text h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 6px;
}

.mr-15 {
    margin-right: 15px;
}
.contact__info-text p {
    margin-bottom: 0;
    color: #53545b;
}

.mb-35 {
    margin-bottom: 35px;
}
.contact__info-text p a {
    list-style: none;
    text-decoration: none;
    color: #53545b;
}
 
 
.contact__info-inner h4{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 13px;
}
.contact__info-inner .widget-social-widget ul li a .icon {
    position: relative;
    color: var(--bs-primary);
    transition: .5s;
    z-index: 3;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 13px;
    background: #f3f4f8;
    border-radius: 4px;
    padding: 12px;
    font-size: 16px;
	margin-left: -10px;
}
.contact__info-inner .contact__info-icon i {
    color: var(--bs-primary);
    font-size: 24px;
}
.footer-social-contact {
    margin-left: 65px;
}

.support-section {
    padding: 100px 0px 100px 0px;
}
.support-box {
    padding: 50px 80px 62px;
    border-radius: 6px;
   box-shadow: 0px 0px 9.4px 0.6px rgb(0 0 0 / 15%);
    position: relative;
    z-index: 1;
    background: #fff;
	margin-bottom: 30px;
}

.support-box .support-icon {
    font-size: 64px;
    color: var(--bs-primary);
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: -webkit-transform .3s cubic-bezier(.21,.6,.44,2.18);
    transition: transform .3s cubic-bezier(.21,.6,.44,2.18);
    transition: transform .3s cubic-bezier(.21,.6,.44,2.18),-webkit-transform .3s cubic-bezier(.21,.6,.44,2.18);
	cursor:pointer;
}

.support-box .support-icon:hover {   
-webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
}

.contact-map-section .map iframe {
    min-height: 640px;
}
iframe {
    max-width: 100%;
    height: auto;
}

.contact-map-section {
    margin-bottom: -7px;
}

.contact-info .widget-contact .contact-area .contact-icon .scrolldown:after { 
    top: 0;  
    left: 0;  
   padding: 0;  
    z-index: -1;  
   box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);  
   opacity: 0;  
   z-index:1;
  } 

.no-touch .scrolldown.active {
  color: red;
}
 
.contact-info .widget-contact .contact-area .contact-icon .scrolldown.active:after {
  -webkit-animation: sonarEffect 1.3s ease-out 75ms;
  -moz-animation: sonarEffect 1.3s ease-out 75ms;
  animation: sonarEffect-1 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect-1 {
  0% {
    opacity: 0.3;
  }

  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 10px 10px var(--bs-primary),
      0 0 0 10px rgba(255, 255, 255, 0.8);
  }

  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 10px 10px var(--bs-primary),
      0 0 0 10px rgba(255, 255, 255, 0.8);
    -webkit-transform: scale(1.5);
    opacity: 0;
  }
}

@-moz-keyframes sonarEffect-1 {
  0% {
    opacity: 0.3;
  }

  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 10px 10px var(--bs-primary),
      0 0 0 10px rgba(255, 255, 255, 0.8);
  }

  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 10px 10px var(--bs-primary),
      0 0 0 10px rgba(255, 255, 255, 0.8);
    -moz-transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes sonarEffect-1 {
  0% {
    opacity: 0.3;
  }

  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 10px 10px var(--bs-primary),
      0 0 0 10px rgba(255, 255, 255, 0.8);
  }

  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4), 0 0 10px 10px var(--bs-primary),
      0 0 0 10px rgba(255, 255, 255, 0.8);
    transform: scale(1.5);
    opacity: 0;
  }
}
.contact__info-inner .contact__info-item .contact__info-icon{
    transform: translateZ(0);
    transition: -webkit-transform .3s cubic-bezier(.21,.6,.44,2.18);
    transition: transform .3s cubic-bezier(.21,.6,.44,2.18);
    transition: transform .3s cubic-bezier(.21,.6,.44,2.18),-webkit-transform .3s cubic-bezier(.21,.6,.44,2.18);
}
.contact__info-inner .contact__info-item .contact__info-icon:hover {
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
}


/* ///////////Career page /////////// */
.career-page {
    padding: 100px 0px 100px 0px;
}
.career-card-item {
    webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 30px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: 0 0 40px rgb(82 85 90 / 10%);
    -moz-box-shadow: 0 0 40px rgba(82,85,90,.1);
    box-shadow: 0 0 40px rgb(82 85 90 / 10%);
    border: 0;
	text-align: left;
}
.career-card-item:hover {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
}
.career-card-box {
    padding: 10px 20px;
    -ms-flex-align: center!important;
    align-items: center!important;
    display: flex;
}

.career-img {
    width: 120px;
    height: 120px;
}
.career-img img {
    border-radius: 100%;
}
 
 
.career-card-box .card-content {
    padding: 20px 30px;
}

 
.career-page .video-button-1 {
    position: absolute;
    top: 40%;
    left: 45%;
}
a.more-link:hover {
    text-decoration: none;
}


.post-content a.more-link:after {
    top: 8px;
    position: relative;
}

.career-gallary-box {
    padding-right: 20px;
}
.info-box-career .career-card-box {
    display: inline-block;
}

.career-icon {
    font-size: 48px;
    text-align: center;
    color: var(--bs-primary);
}

.info-box-career .card-content {
    text-align: center;
}
.info-box-career {
    padding: 100px 0px 100px 0px;
}

.job-item {
    display: flex;
    justify-content: space-between;
}

.job-item.career-card-item {
    text-align: left;
}

.job-content {
    padding: 24px;
}
.job-area {
    padding-bottom: 100px;
}


/* ///////////blog-single page /////////// */

.author-details .media {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.author-details {
    padding: 70px 15px 70px 56px;
    background-color: rgb(255, 255, 255);
    margin-top: 60px;
    border-top: 13px solid var(--bs-primary);
	box-shadow: 0px 0px 9.4px 0.6px rgb(0 0 0 / 15%);
}
.author-details .media .auth-mata img {
    width: 181px;
    height: 181px;
}
.author-details .media .auth-mata {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-right: 30px;
    margin-top: 0;
}
.author-details .media .media-body {
    flex: 1;
}

.author-details .media .media-body h6 {
    color: var(--bs-primary);
    font-weight: 500;
    margin-bottom: 5px;
}

.author-details .media .media-body h5 {
    font-size: 30px;
    letter-spacing: 0.25px;
    vertical-align: baseline;
}

.author-details .media .media-body h5 a {
    text-decoration: none;
    color: var(--bs-secondary);
}

.author-details .media .media-body h5 a:hover,
.author-details .media .media-body h5 a:focus {
    color: var(--bs-primary);
}

.author-details .media .media-body p {
    margin-bottom: 0;
    margin-top: 20px;
}

.comments-area {
    margin-top: 80px;
}

.single-comments-title, .comments-title {
    margin-bottom: 45px;
    text-align: left;
}

.comments-title h3 {
    font-size: 18px;
    font-weight: 800;
}

.comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.comments-area li {
    list-style: none;
}

.comments-area .comment-body {
    position: relative;
    padding: 0 0 40px 117px;
    min-height: 120px;
    word-wrap: break-word;
    border-radius: 3px;
    z-index: 0;
    margin-bottom: 60px;
    border-bottom: 1px solid rgb(197 187 187 / 40%);
}

.comments-area .comment-meta .comment-awaiting-moderation {
    display: block;
    width: 100%;
    clear: both;
}

.comments-area .comment-meta .comment-author {
    font-size: 16px;
}

.comments-area .comment-meta .comment-author .fn {
    font-weight: 700;
}

.comment-meta .comment-metadata > a,
.comments-area .comment-meta .comment-author a {
    text-decoration: none;
    color: var(--bs-secondary);
}

.comment-meta .comment-metadata > a:hover,
.comment-meta .comment-metadata > a:focus,
.comments-area .comment-meta .comment-author a:hover,
.comments-area .comment-meta .comment-author a:focus {
    color: var(--bs-primary);
}

.comments-area .comment-meta .comment-author img {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 5px;
    width: 90px;
    border-radius: 100px;
}

.comments-area .comment-meta .comment-author,
.comment-meta .comment-metadata {
    line-height: 1.5;
    font-size: 16px;
}

.comment-meta .comment-metadata {
    color: #7a7878;
}

.comment-content {
    position: relative;
    z-index: 0;
    padding: 16px 0;
    color: #7a7878;
    line-height: 1.5;
}

.comment-content p {
    margin-bottom: 0;
}

.comment-body .reply,
.comment-body .edit {
    display: inline-block;
    position: relative;
    z-index: 0;
}

.comment-body .reply {
    position: absolute;
    top: 12px;
    right: 4px;
}

.comment-body .reply:after {
    content: "\f064";
    font-family: var(--bs-font-awesome);
    position: absolute;
    right: 18px;
    transform: rotateY(190deg);
    transition: 0.5s all ease;
}

.comment-body .edit:after {
    content: "\f040";
    font-family: var(--bs-font-awesome);
    position: absolute;
    right: 18px;
    transform: rotateY(190deg);
    transition: 0.5s all ease;
}

.comment-body .reply a,
.comment-body .edit a {
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 10px 45px 10px 20px;
    color: var(--bs-secondary);
    position: relative;
    border-radius: 5px;
    border: 0px solid var(--bs-secondary);
    overflow: hidden;
    z-index: 0;
}

.comment-body .reply:hover a,
.comment-body .edit:hover a,
.comment-body .reply:focus-within a,
.comment-body .edit:focus-within a {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.comment-body .reply:hover:after,
.comment-body .edit:hover:after,
.comment-body .reply:focus-within:after,
.comment-body .edit:focus-within:after {
    color: var(--bs-primary);
}

.comments-area .children {
    padding: 0;
}

.comments-area .children li .comment-meta .comment-author img {
    left: 60px;
}

.comments-area .children li .comment-body {
    padding: 0 0 40px 175px;
}

.comment-respond {
    padding: 50px;
    background-color: #fff;
}

.comment-reply-title {
    font-size: 20px;
}

.comment-form > p.comment-notes {
    width: 100%;
}

.comment-form-comment {
    max-width: 100%;
}

.comment-form > p:not(:last-child) {
    margin-bottom: 30px;
}

.comment-form-cookies-consent, .form-submit {
    width: 100%;
}

.comment-form-cookies-consent label {
    vertical-align: middle;
    margin-left: 3px;
}


/* ///////////portfolio-single page /////////// */
.portfolio_detail_content_left {
    position: relative;
    display: block;
    margin-top: -4px;
    padding-top: 100px;
}
.portfolio-details__content-right {
    position: relative;
    display: block;
}
.portfolio-details__details-box {
    position: relative;
    border-radius:10px;
    background-color: var(--bs-gray-light);
    padding: 42px 50px 50px;
}

.portfolio-details__details-list {
    position: relative;
    display: block;
}
.portfolio-details__details-list li {
    position: relative;
    display: block;
}
.portfolio-details__client {
    font-size: 18px;
    color: var(--insur-black);
    font-weight: 700;
    line-height: 30px;
    letter-spacing: var(--insur-letter-spacing);
}
.portfolio-details__name {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: var(--insur-letter-spacing);
}


.portfolio_detail_content_right {
    padding-top: 100px;
}
.portfolio-details__social ul {
    display: flex;
    padding-left: 0px;
}

.portfolio-details__social ul li a i {
    color: var(--bs-primary);
    margin-right: 24px;
}
.portfolio-details__social ul li a i:hover {
    color:var(--bs-primary);
}
.projectc-details__pagination-box {
    position: relative;
    display: block;
    text-align: center;
    border-top: 1px solid var(--bs-gray-light);
    border-bottom: 1px solid var(--bs-gray-light);
    padding: 30px 0px 14px 0px;
    margin-top: 109px;
}
.projectc-details__pagination {
    position: relative;
    display: block;
}

.projectc-details__pagination li.next {
    float: left;
    position: relative;
}
.projectc-details__pagination li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.projectc-details__pagination li.next .content {
    text-align: left;
}
.projectc-details__pagination li .content {
    position: relative;
    display: block;
    top: -3px;
}
.projectc-details__pagination li a {
    font-size: 14px;
    color: var(--bs-gray-light);
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
	text-decoration:none;
}
.projectc-details__pagination li.next .content {
    text-align: left;
}
.projectc-details__pagination li .content {
    position: relative;
    display: block;
    top: 11px;
}
.projectc-details__pagination li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.projectc-details__pagination li.previous {
    position: relative;
    float: right;
}
.projectc-details__pagination li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}


.projectc-details__pagination li.next i {
    position: relative;
    height: 50px;
    width: 50px;
    border: 2px solid var(--bs-gray-light);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    color: rgba(var(--insur-black-rgb), 0.2);
    font-size: 17px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    margin-right: 20px;
    z-index: 1;
	
}

.projectc-details__pagination li.previous i {
    position: relative;
    height: 50px;
    width: 50px;
    border: 2px solid var(--bs-gray-light);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    color: rgba(var(--insur-black-rgb), 0.2);
    font-size: 17px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    margin-left: 20px;
    z-index: 1;
	text-decoration:none;
}

.projectc-details__pagination li p {
    color: var(--insur-black);
    font-weight: 700;
    line-height: 18px;
    letter-spacing: var(--insur-letter-spacing);
    margin-top: 3px;
}

.bottom-portfolio {
    padding-top: 100px;
}

.bt-single .portfolio-box {
    margin-right: 20px;
}

.bt-single .portfolio-img img {
    box-shadow: 0px 0px 9.4px 0.6px rgb(0 0 0 / 15%);
	filter: brightness(0.6);
}
.portfolio-details__text-2 {
    font-size: 16px;
    line-height: 34px;
    letter-spacing: var(--insur-letter-spacing);
}

.portfolio-details__text-1 {
    font-size: 16px;
    line-height: 34px;
    letter-spacing: var(--insur-letter-spacing);
    padding-bottom: 34px;
}


/* ///////////404 page /////////// */
.error-404 {
    padding-bottom: 100px;
}
.error-title {
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 1.5;
	letter-spacing: 8px;
    margin-right: -8px;
}


.error-box p {
    font-size: 18px;
    margin-bottom: 40px;
}

.error-title-404 {
    font-size: 250px;
    color: var(--bs-primary);
    font-family: cursive;
}




@media(min-width: 1200px) {
    body.boxed {
        width: 1170px;
        -webkit-box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5);
        box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5);
        margin: 0 auto;
        position: relative;
        background-color: #ffffff;
    }
}
@media (min-width: 768px) and (max-width: 979px)  {
    body.boxed {
        width: 100%;
    }
}
@media (max-width: 767px) {
    body.boxed {
        width: 100%;
    }
    body {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (min-width: 980px) and (max-width: 1199px) {
    body.boxed {
        width: 100%;
    }
}




/* Widgets */

h4.widget-title {
    border-left: 4px solid var(--bs-primary);
    padding-left: 15px;
}

aside.widget.left-widget p {
    color: #fff;
    padding-top: 20px;
}
aside.widget.widget-social-widget ul {
    display: flex;
}
aside.widget.widget-social-widget ul li {
    list-style: none;
    color: #fff;
	z-index:0;
}	
aside.widget.widget-social-widget ul li a {
    color: #fff;
    margin-right: 16px;
}

.header-2 .middle-header-2 aside.widget.widget-social-widget ul li {
    list-style: none;
    color: #fff;
    background-color: #0000000f;
    padding: 6px 0px 0px 2px;
    margin-right: 5px;
    border-radius: 100%;
    height: 35px;
    width: 35px;
}
.header-2 aside.widget.widget-link {
    margin-top: 20px;
}

.middle-header-2 aside.widget.widget-social-widget ul li:hover,
.middle-header-2 aside.widget.widget-social-widget ul li:focus {
    border-radius: 0;
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
	color: #fff;
    background-color: var(--bs-primary);
}

.middle-header-2 aside.widget.widget-social-widget ul li{
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transition: var(--bs-transition);
    transition: var(--bs-transition);
}


.middle-header-2 aside.widget.widget-social-widget ul li:hover a {
    color: #fff;
}

.middle-header-2 .middle-header-widget .icon {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transition: var(--bs-transition);
    transition: var(--bs-transition);
}
 

/* ///////////Sidebar-Widget/////////// */ 


.sidebar > .widget{
    position: relative;
    padding: 20px 35px 30px;
    border: 2px solid #E7E7E7;
	margin-bottom: 30px;
}
.sidebar .widget .widget-title {
    padding-bottom: 15px;
    border-bottom: 2px solid #E7E7E7;
    margin-bottom: 30px;
	text-transform: capitalize;
}
.sidebar .widget .widget-title:before {
    position: absolute;
    content: "";
    left: -2px;
    top: 28px;
    width: 3px;
    height: 20px;
    background-color: var(--bs-primary);
}

.mb-30 {
    margin-bottom: 30px;
}
.widget ul {
    list-style: none;
    padding: 0;
    position: relative;
    z-index: 0;
}

.sidebar .widget_search form.search-form {
    display: flex;
}
/* .widget_categories ul li a:after { */
    /* display: inline-block; */
    /* content: "\f054"; */
    /* font-weight: 600; */
    /* font-family: var(--bs-font-awesome); */
    /* float: right; */
	/* font-size:12px; */
/* } */

.widget_categories ul li a {
    list-style: none;
    text-decoration: none;
}
.widget_categories ul li {
    margin-bottom: 15px;
}
.widget li a {
    position: relative;
    z-index: 0;
    color: inherit;
    text-decoration: none;
}
.widget_archive ul li {
    margin-bottom: 15px;
}
.widget_archive ul li:hover,
.widget_categories ul li:hover {
    color: var(--bs-primary);
}

.footer_main .widget_tag_cloud a {
    color: #fff;
}

.widget_tag_cloud a {
    padding: 6px 12px;
    text-decoration: none;
    margin-bottom: 10px;
    margin-right: 5px;
    color: var(--bs-secondary-dark);
    font-weight: 400;
    font-size: 16px !important;
    border: 1px solid var(--bs-primary);
    border-radius: 5px;
    -webkit-transition: all .0s cubic-bezier(.645,.045,.355,1);
    transition: all .05s cubic-bezier(.645,.045,.355,1);
	display: inline-block;
}
.widget_tag_cloud a:hover, .widget_tag_cloud a:focus {
    color: #ffffff;
    background: var(--bs-primary);
} 
.widget_recent_entries li {
    margin-bottom: 10px;
}
.widget_meta ul li:nth-child(1) a:before {
    content: "\f007";
}
.widget_meta ul li a:before {
    font-family: fontawesome;
    font-weight: normal;
    position: absolute;
    left: 0;
    color: var(--bs-primary);
}

.widget_meta ul li:nth-child(2) a:before {
    content: "\f08b";
}
.widget_meta ul li a:before {
    font-family: fontawesome;
    font-weight: normal;
    position: absolute;
    left: 0;
    color: var(--bs-primary);
}
.widget_meta ul li a {
    padding-right: 0;
    padding-left: 25px;
}
.widget li a {
    position: relative;
    z-index: 0;
    color: inherit;
    text-decoration: none;
}
.widget_meta ul li:nth-child(3) a:before {
    content: "\f086";
}
.widget_meta ul li a:before {
    font-family: fontawesome;
    font-weight: normal;
    position: absolute;
    left: 0;
    color: var(--bs-primary);
	
}
.widget_meta ul li:nth-child(4) a:before {
    content: "\f27a";
}
.widget_meta ul li a:before {
    font-family: fontawesome;
    font-weight: normal;
    position: absolute;
    left: 0;
    color: var(--bs-primary);
}

.sidebar .widget_meta li {
    margin-bottom: 15px;
}

.wp-block-calendar table, .calendar_wrap table {
    width: 100%;
    margin: 0;
    border: none;
    background: none;
}
.sidebar .calendar_wrap table td#today {
    background: var(--bs-primary);
    color: #ffffff;
	 
}
.calendar_wrap table td {
    color: initial;
    background: #eaedf6;
    border-collapse: collapse;
    outline: 5px solid #f5f6fa;
    outline-offset: -3px;
	line-height: 38px;
    font-size: 15px;
    border: 0;
    padding: 0;
    text-align: center;
    border-radius: 0;
}
.wp-block-calendar table caption, 
.calendar_wrap table caption {
    font-weight: 600;
    line-height: 3.7;
    color: var(--bs-primary);
    text-align: left;
    padding-left: 6px;
    position: relative;
    z-index: 0;
    position: relative;
    top: 0;
    text-align: center;
}
.wp-block-calendar table th, .calendar_wrap table th {
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
    line-height: 35px;
    background: var(--bs-primary);
    border: 6px solid #f5f6fa;
	padding: 0;
    text-align: center;
    border-radius: 0;
}
.widget div.calendar_wrap .wp-calendar-nav span.wp-calendar-nav-prev a {
    text-decoration: none;
    color: var(--bs-secondary);
    padding: 6px 12px;
    border: 1px solid #f3f3f3;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    margin-top: 10px;
}
.wp-calendar-nav {
    color: var(--bs-primary);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
}

.gallery-item {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    
	width: 31.3%;
	text-align: center;
    float: left;
	padding: 0;
}
.gallery-icon {
    position: relative;
    overflow: hidden;
	padding: 6px;
}
.gallery-columns-3 .gallery-item:nth-child(3n){
	margin-right:0px;
}
.sidebar .widget_media_gallery {
    position: relative;
    display: inline-block;
} 
.sidebar {
    margin-top: 30px;
}

 
 
.widget_meta li a:hover:before, .widget_meta li a:focus:before
 {
    -webkit-animation: iconRightCaret 600ms ease;
    animation: metaicon_effect 600ms ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
/* Icon Right  */
@-webkit-keyframes metaicon_effect {
    0% {
        -ms-transform: translateX(-1px);
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px);
    }

    50% {
        -ms-transform: translateX(2px);
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }

    100% {
        -ms-transform: translateX(-1px);
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px);
    }
}

@keyframes metaicon_effect {
    0% {
        -ms-transform: translateX(-1px);
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px);
    }

    50% {
        -ms-transform: translateX(2px);
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }

    100% {
        -ms-transform: translateX(-1px);
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px);
    }
}
/* ---//--- */

/* ---footer widget--- */

.widget_archive ul li a:before,
footer .link_widget ul li a:before{
    content: "\f101";
    font-family: fontawesome;
    position: absolute;
    left: 5%;
    visibility: hidden;
}

 footer .widget_recent_entries ul li a:before{
	 content:none !important;
 }
 
.widget_archive ul li a:hover:before{
    visibility: visible;
    left: 236%;
    transition: .65s;
}

 footer .widget ul li a:hover:before, footer .widget ul li a:focus:before {
    visibility: visible;
    left: 110%;
    transition: .65s;
}







.overlay {
  position: absolute;
  transition: all 0.3s ease;
  opacity: 0;
  background:var(--bs-primary-light-2);
  border-radius:0px;
}

/*All overlay fade-in*/
.overlay_media-gallery:hover .overlay {
  opacity: 1;
}

.overlay-top {
  height: 0;
  width: 100%;
  top: 0;
  right: 0;
}


.overlay-fade {
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
}

.overlay-cross {
  height: 0;
  width: 0;
  top: 0;
  left: 0;
}

/*Hover states for each of the overlays*/

.overlay_media-gallery:hover .overlay-top,
.overlay_media-gallery:hover .overlay-bottom {
  height: 100%;
}

.text {
    color:var(--bs-white);
    position: absolute;
    top: 30%;
    text-align: center;
    width: 100%;
    font-size: 24px;
    transition: translate(-50%, -50%);
}

.overlay_media-gallery {
  width: auto;
  height: 100%;
  position: relative;
  cursor: pointer;
  display: inline-block;
  
}
.footer-image .overlay {
    position: absolute;
    transition: all 0.3s ease;
    opacity: 0;
    background: rgb(246 198 19 / 80%);
    border-radius: 4px;
    border-radius: 100%;
}

.fs-py-default {
    padding: 100px 0;
}


.footer-social-contact aside.widget.widget-social-widget ul li {
    display: inline-block;
    margin: 5px 0;
}
.footer-social-contact aside.widget.widget-social-widget ul {
    display: block;
}

.fasterly-content {
    background: #fff;
}

.footer-section .wp-block-calendar tbody td, 
.footer-section .wp-block-calendar th {
    color: #fff;
}

.footer-section .footer_main .widget {
    padding: 10px 20px;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .xoo-wsc-ft-buttons-cont a.button {
    font-weight: 600;
    color: var(--bs-white);
    background-color: var(--bs-primary);
    border-radius: 4px;
    overflow: hidden;
    font-size: 14px;
    padding: 0.608em 0.75em !important;
    line-height: 1.7;
}


.scroll-area {
    position: relative;
    z-index: 999;
}

.scroll-area .go-top {
    position: fixed;
    cursor: pointer;
    top: 0;
    right: 30px;
    color: #ffffff;
    background-image: -moz-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
    background-image: -webkit-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
    z-index: 9999;
    width: 45px;
    text-align: center;
    height: 45px;
    line-height: 42px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.9s ease-out 0s;
    -moz-transition: all 0.9s ease-out 0s;
    transition: all 0.9s ease-out 0s;
    border-radius: 10px;
}

.scroll-area .go-top i {
    position: absolute;
    top: 50%;
    left: -4px;
    right: 0;
    margin: 0 auto;
    font-size: 15px;
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.scroll-area .go-top i:last-child {
    opacity: 0;
    visibility: hidden;
    top: 60%;
}

.scroll-area .go-top::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: linear-gradient(to right, #00132b 0%, #00132b 100%);
    background-image: -ms-linear-gradient(0deg, #d1651a 0%, #c1282a 100%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    ;
    border-radius: 100%;
}

.scroll-area .go-top:focus,
.scroll-area .go-top:hover {
    color: #fff;
}

.scroll-area .go-top:focus::before,
.scroll-area .go-top:hover::before {
    opacity: 1;
    visibility: visible;
}

.scroll-area .go-top:focus i:first-child,
.scroll-area .go-top:hover i:first-child {
    opacity: 0;
    top: 0;
    visibility: hidden;
}

.scroll-area .go-top:focus i:last-child,
.scroll-area .go-top:hover i:last-child {
    opacity: 1;
    visibility: visible;
    top: 50%;
}

.scroll-area .go-top.active {
    top: 95%;
    -webkit-transform: translateY(-98%);
    -moz-transform: translateY(-98%);
    transform: translateY(-98%);
    opacity: 1;
    visibility: visible;
    border-radius: 0;
    right: 30px;
    border-radius: 100%;
}

.top-wrap {
    position: relative;
}

.top-wrap .go-top-button {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    top: 3px;
    z-index: 1;
    background: var(--bs-primary);
}

.top-wrap .go-top-button i {
    font-size: 20px;
    font-weight: 700;
    padding-left: 4px;
    color: #fff;
}

.top-wrap .go-top-button::after {
    z-index: -1;
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 45px;
    height: 45px;
    -webkit-animation: ripple 1.6s ease-out infinite;
    -moz-animation: ripple 1.6s ease-out infinite;
    animation: ripple 1.6s ease-out infinite;
    opacity: 0;
    background-image: -moz-linear-gradient(0deg, var(--bs-primary) 0%, var(--bs-primary) 100%);
    background-image: -webkit-linear-gradient(0deg, var(--bs-primary) 0%, var(--bs-primary) 100%);
    border-radius: 100%;
}

.top-wrap .go-top-button:hover {
    background-color: #222;
    color: #fff;
}

@keyframes ripple {

    0%,
    35% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0.8;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }
}



.author-content .widget_info {
    display: flex;
    justify-content: space-between;
}

.author-content .widget_info i {
    color: var(--bs-primary);
}

.author-content aside.widget.widget-social-widget span{
	color: var(--bs-secondary);
}

.author-content aside.widget.widget-social-widget i  {
    color: var(--bs-primary);
	padding:0;
}

.author-content span.social-title {
    margin-right: 10px;
}

.author-content aside.widget.widget-social-widget {
    padding-top: 15px;
}

.alignright{
	text-align:right;
}

.alignleft{
	text-align:left;
}

.aligncenter {
	text-align:center;
}

.gallery-caption{}
.bypostauthor{} 
.wp-caption{}
.wp-caption-text{}

.sidebar .wp-block-search .wp-block-search__button {
    padding: 5px 25px 5px 5px !important;
}

.wp-block-group em {
    color: inherit;
}

.hm-service {
    overflow: hidden;
}


.about-section, .hm-service, .post_section {
	z-index: 0;
	position: relative;
}

.about-section .bt-shape1 {
    top: 17%;
    left: 31%;
    filter: opacity(0.9);
}
.bt-shape1 {
    position: absolute;
    top: 0.5%;
    left: 8%;
    z-index: -1;
}
.bt-shape1 svg {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.about-section .bt-shape2 {
    left: auto;
    right: 9.25%;
	filter: opacity(0.9);
}
.bt-shape2 {
    position: absolute;
    left: 9.25%;
    top: 7.5%;
    z-index: -1;
}

.bt-shape2 svg {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}
.about-section .bt-shape3 {
    left: 32%;
	filter: opacity(0.9);
}
.bt-shape3 {
    position: absolute;
    top: 15%;
    left: 25%;
    z-index: -1;
}
.bt-shape3 svg {
    -webkit-animation: animationFramesTwo 20s linear infinite;
    animation: animationFramesTwo 20s linear infinite;
}
.about-section .bt-shape4 {
	filter: opacity(0.9);
}
.bt-shape4 {
    position: absolute;
    right: 14.7%;
    bottom: 18%;
    z-index: -1;
}
.bt-shape4 svg {
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
}
.service-shape1 {
    position: absolute;
    right: -35%;
    top: -12.25%;
    z-index: -1;
	filter: opacity(0.9);
}
.service-shape1 svg {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}
.shapes-section {
    position: relative;
    z-index: 0;
	overflow: hidden;
}

.service-shape2 {
    position: absolute;
    left: 5.8%;
    top: 15%;
    z-index: -1;
}
.service-shape2 svg {
    -webkit-animation: spin 20s linear infinite;
    animation: spin 20s linear infinite;
}

.service-shape3 {
    position: absolute;
    left: 20%;
    top: 22%;
    z-index: -1;
}

.service-shape3 svg{
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
}
.service-shape4 {
    position: absolute;
    left: -22%;
    top: 27.75%;
    z-index: -1;
}
.service-shape4 svg {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}


.shape-cta01 {
    position: absolute;
    bottom: -40%;
    left: -6%;
	z-index:2;
}
.shape-cta01 svg {
    -webkit-animation: spin 30s linear infinite;
    animation: spin 30s linear infinite;
}

.cta_section {
    z-index: 0;
    position: relative;
}

.shape-cta02 {
    position: absolute;
    top: 12%;
    left: 45%;
}
.shape-cta02 svg {
    -webkit-animation: spinReverse 20s linear infinite;
    animation: spinReverse 20s linear infinite;
}

.shape-cta03 {
    position: absolute;
    bottom: 25%;
    left: 42%;
}

.shape-cta07 svg, .shape-cta03 svg {
    -webkit-animation: spin 10s linear infinite;
    animation: spin 10s linear infinite;
}

.shape-cta04 {
    position: absolute;
    top: 0;
    right: 30%;
}

.shape-cta05 {
    position: absolute;
    bottom: 25%;
    right: 35%;
}

.shape-cta05 svg {
    -webkit-animation: spinReverse 10s linear infinite;
    animation: spinReverse 10s linear infinite;
}

.shape-cta06 {
    position: absolute;
    bottom: 10%;
    right: 32%;
}
.shape-cta08 svg, .shape-cta06 svg {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}
.shape-cta07 {
    position: absolute;
    right: 15%;
    top: 10%;
}
.shape-cta07 svg, .shape-cta03 svg {
    -webkit-animation: spin 10s linear infinite;
    animation: spin 10s linear infinite;
}
.shape-cta08 {
    position: absolute;
    top: 26%;
    right: 17%;
}
.shape-cta08 svg, .shape-cta06 svg {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}
.shape-cta09 {
    position: absolute;
    bottom: -12%;
    right: -3%;
}
.shape-cta09 svg{
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}
.cta_section {
    z-index: 0;
    position: relative;
    overflow: hidden;
}

.blog-section {
    position: relative;
}

 .blog-shape1 {
    position: absolute;
    top: 0%;
    left: 10%;
    z-index: -1;
}
.blog-shape1 circle {
    fill: none;
    stroke: var(--bs-secondary);
    stroke-width: 15px;
    stroke-dasharray: 550;
    stroke-dashoffset: 514;
    animation: anim 2s linear forwards;
    opacity: 0.9;
}
.blog-shape1 svg {
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
	opacity:0.9;
}

.blog-shape2 {
    position: absolute;
    top: 20%;
    left: 25%;
    z-index: -1;
}
.blog-shape2 circle {
    stroke-width: 0px;
    stroke-dasharray: 472;
    stroke-dashoffset: 472;
    animation: anim 2s linear forwards;
    color: var(--bs-primary);
    fill: var(--bs-primary);
}
.blog-shape2 svg {
    -webkit-animation: animationFramesTwo 20s linear infinite;
    animation: animationFramesTwo 20s linear infinite;
}
.blog-shape3 {
    position: absolute;
    top: 8%;
    right: 16%;
    z-index: -1;
}
.blog-shape3 circle {
    stroke-width: 0px;
    stroke-dasharray: 472;
    stroke-dashoffset: 472;
    animation: anim 2s linear forwards;
   fill: var(--bs-secondary);
}
.blog-shape3 svg {
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
}
.blog-shape4 {
    position: absolute;
    top: 3%;
    right: 3%;
    z-index: -1;
}
.blog-shape4 circle {
     stroke-width: 0px;
    stroke-dasharray: 472;
    stroke-dashoffset: 472;
    animation: anim 2s linear forwards;
   fill:  var(--bs-primary);
}
.blog-shape4 svg {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}
.blog-shape5 {
    position: absolute;
    bottom: 3%;
    right: 3%;
    z-index: -1;
}

.blog-shape5 circle {
    fill: none;
    stroke: var(--bs-primary);
    stroke-width: 12px;
    stroke-dasharray: 550;
    stroke-dashoffset: 514;
    animation: anim 2s linear forwards;
    opacity: 0.9;
}
.blog-shape5  svg {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

/* Shape Effect */

@-webkit-keyframes animationFramesOne{0%{transform:translate(0) rotate(0deg)}20%{transform:translate(73px,-1px) rotate(36deg)}40%{transform:translate(141px,72px) rotate(72deg)}60%{transform:translate(83px,122px) rotate(108deg)}80%{transform:translate(-40px,72px) rotate(144deg)}to{transform:translate(0) rotate(0deg)}}
@keyframes animationFramesOne{0%{transform:translate(0) rotate(0deg)}20%{transform:translate(73px,-1px) rotate(36deg)}40%{transform:translate(141px,72px) rotate(72deg)}60%{transform:translate(83px,122px) rotate(108deg)}80%{transform:translate(-40px,72px) rotate(144deg)}to{transform:translate(0) rotate(0deg)}}
@-webkit-keyframes animationFramesTwo{0%{transform:translate(0) rotate(0deg)}20%{transform:translate(-73px,1px) rotate(-36deg)}40%{transform:translate(-141px,-72px) rotate(-72deg)}60%{transform:translate(-83px,-122px) rotate(-108deg)}80%{transform:translate(40px,-72px) rotate(-144deg)}to{transform:translate(0) rotate(0deg)}}
@keyframes animationFramesTwo{0%{transform:translate(0) rotate(0deg)}20%{transform:translate(-73px,1px) rotate(-36deg)}40%{transform:translate(-141px,-72px) rotate(-72deg)}60%{transform:translate(-83px,-122px) rotate(-108deg)}80%{transform:translate(40px,-72px) rotate(-144deg)}to{transform:translate(0) rotate(0deg)}}
@-webkit-keyframes rotate3d{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}
@keyframes rotate3d{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}
@keyframes moveleftbounce{0%{transform:translateX(0px)}50%{transform:translateX(20px)}100%{transform:translateX(0px)}}


/* Boounce Effect */

@keyframes bounce_one{0%{transform:translateY(-0.625rem)}50%{transform:translateY(0.625rem)}to{transform:translateY(-0.625rem)}}
@keyframes bounce_two{0%{transform:scale(1,1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-1.375rem)}50%{transform:scale(1,1) translateY(0)}57%{transform:scale(1,1) translateY(-0.1875rem)}64%{transform:scale(1,1) translateY(0)}100%{transform:scale(1,1) translateY(0)}}
@keyframes bounce_three{from{transform:translateY(0)}to{transform:translateY(-0.9375rem)}}

/* ---//--- */


/* ---//--- */

/* Round Rotation Circle Effect */

@keyframes spin{from{transform:rotate(0deg) scale(1)}to{transform:rotate(360deg)}}
@keyframes spinReverse{from{transform:rotate(0deg) scale(1)}to{transform:rotate(-360deg)}}

/* ---//--- */

.wp-block-avatar img {
    border-radius: 50%;
}

.wp-block-calendar table caption {
    font-weight: 500;
}


.has-text-color em,
.has-text-color h2 {
    color: inherit;
}

.woocommerce-account .addresses .title h3 {
    font-size: 20px;
}

.sidebar > .widget .wp-block-social-links {
    margin-bottom: 0;
}

.sidebar > .widget.widget_search .search-submit {
    margin-left: 5px;
}

.sidebar .woocommerce-product-search {
    display: flex;
}

.sidebar .woocommerce-product-search .search-field {
    max-width: 65%;
    margin-right: 10px;
}

blockquote {
    font-weight: 700;
    line-height: 26px;
    border-left: none;
    padding: 2rem;
    position: relative;
    background: var(--bs-primary-light);
}

blockquote:after, blockquote:before {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    border-width: 0;
    border-style: solid;
    border-color: var(--bs-primary);
    z-index: 1;
    -webkit-transition: var(--bs-transition);
    transition: var(--bs-transition);
}
blockquote:after {
    top: 0;
    right: 0;
    border-right-width: 2px;
    border-top-width: 2px;
}
blockquote:before {
    bottom: 0;
    left: 0;
    border-left-width: 2px;
    border-bottom-width: 2px;
}
blockquote:hover:after,
blockquote:hover:before,
blockquote:focus-within:after,
blockquote:focus-within:before {
    width: 100%;
    height: 100%;
}

blockquote span:after, blockquote span:before {
    content: '';
    font-family: var(--bs-font-awesome);
    font-weight: 900;
    font-size: 1.875rem;
    position: absolute;
    color: var(--bs-primary);
}

blockquote span:after {
    content: "\f10e";
    bottom: -12px;
    right: 50px;
}

blockquote span:before {
    content: "\f10d";
    top: -12px;
    left: 50px;
}

blockquote p {
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 0;
    margin-top: 1rem;
}

blockquote cite, blockquote small {
	line-height: 1.3;
	padding-top: 15px;
	display: block;
}

blockquote em, blockquote i, blockquote cite {
    font-style: italic;
}

ol.wp-block-latest-comments {
    padding: 0;
}

.wp-block-archives {
    list-style: none;
}

.wp-block-categories {
    list-style: none;
}