: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);
}  ::-webkit-selection {
background-color: var(--bs-primary);
color: #fff;
}
::selection {
background-color: var(--bs-primary);
color: #fff;
}  ::-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);
}   *: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);
}  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%;
}
} .header-1 .header-top-info {
background-color: var(--bs-primary);
} .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;
} .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;
} .button--border-thin {
border: 1px solid;
}
.button--border-medium {
border: 2px solid;
}
.button--border-thick {
border: 3px solid;
}  .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;
}
}  .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;
} .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: 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-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;
} .main-footer .main-menu > li, 
.main-navbar .main-menu > li {
display: inline-block;
margin: 0 -1px;
position: relative;
z-index: 2;
} .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);
}  .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;
} @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;
} 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%;
}
} .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;
} .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 > 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;
} .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 { font-weight: 500
}
.header-search-popup input[type="search"].header-search-field:-moz-placeholder { font-weight: 500
}
.header-search-popup input[type="search"].header-search-field:-ms-input-placeholder { font-weight: 500
}
.header-search-popup input[type="search"].header-search-field::-webkit-input-placeholder { 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 { }
.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;
}
}    .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);
} .header-2 .navigation-wrapper {
width: 100%;
margin-top: 10px;
} .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;
} .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 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(//towingnearme247.com/us/wp-content/themes/fasterly/assets/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 {
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 .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 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 {
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;
} .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-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-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 .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; 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;
} .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; font-size: 18px;
color: #fff;
transition: .3s;
position: relative;
display: inline-block;
}
.main-slider-4 .slider-content {
margin-bottom: 125px;
} .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;
} .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 {
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);
} .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_bg{ }
.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;
}    .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: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: 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-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-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 { 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);
} .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;
}         #tab-1:checked ~ .glider {
left: 0px;
}
#tab-2:checked + label {
color: var(--bs-secondary);
}    #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;
}          #tab-2:checked ~ .glider {
left: 25.85%;
} .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 {
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;
} @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_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-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); 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 { 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;
} .service02_page {
margin: 0px 0px 100px 0px;
z-index: -3;
}   .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(//towingnearme247.com/us/wp-content/themes/fasterly/assets/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);
} .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_btn:before {
width: 0;
}
.background-image, [data-bg-src] {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
} .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_section_5_bgimage{ }
.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 {
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_section_2 .funfact-item {
border: none;
}
.funfact_section_2 .funfact-item {
display: flex;
vertical-align: middle;
text-align: center;
align-items: center; 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_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_section_2_bg { }
.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 { }
.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-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-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; 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_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_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_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);
} .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);
} .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;
} 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 { 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 { transform: scale(1);
transition: transform 500ms ease;
}
.post-image {
position: relative;
display: block;
overflow: hidden;
z-index: 0;
}
.post-line {
margin-top: -54px;
}          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;
} .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_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-section {
padding: 80px 0px 80px 0px;
position:relative;
z-index: 0;
}
.sponsor-row {   }           .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);  }
.sponsor-img:hover>img {
opacity: 1;
-webkit-transform: scale(0.6);
transform: scale(0.6);
} .gallery_page {
padding: 100px 0px 100px 0px;
}
.gallery-section { }
.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 {    
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 {
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;
}                 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%;
} .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;
}      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;
} .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;
} .post-page {
padding: 100px 0px 100px 0px;
} .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-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 {
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;
} .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_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;
} .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%;
}
} 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{
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 {
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;
} @-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);
}
}  .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;
} .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;
} .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;
} @-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)}} @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)}}   @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;
}