/* Sotech | IT Solutions & Technology HTML Template
Template Name: Sotech
Version: 1.0.0
License: copyright commercial
/**** TABLE OF CONTENTS *****
1. Fonts
2. Reset
3. Global Settings
4. Main Header / TWO / Three / Four / Five
5. Sticky Header 
6. Mobile Menu
7. Section Title
8. Page Title
9. Main Slider
10. Banner Section / Two / Three / Four
11. Features Section / Two / Three / Four / Five / Six
12. About Section / Two / Three / Four / Five / Six
13. Services Section / Two / Three / Four / Five
14. Map Section
15. Call To Action / Two / Three / Four / Five
16. Locations Section / Two
17. Offer Section / Two / Three / Four
18. FAQ's Sectiom / Two
19. Work Section
20. Fun Fact Section / Two
21. Project Section / Two / Three
22. Testimonial Section / Two / Three / Four
23. Why Choose Us / Two / Three
24. Industries Section
25. Pricing Section
26. team Section / Two
27. Contact Sectiom / Two / Three / Four
28. News Section / Two
29. Clients Section
30. Main Footer
******/
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Outfit:wght@300;400;500;600;700;800&display=swap");
@import url("animate.css");
@import url("owl.css");
@import url("swiper.min.css");
@import url("jquery.fancybox.min.css");
@import url("jquery-ui.css");
@import url("linear.css");
@import url("select2.min.css");
@import url("fontawesome-all.css");
@import url("flaticon.css");
@import url("tm-bs-mp.css");
@import url("tm-utility-classes.css");
:root {
--theme-color1-rgb: 34, 36, 41;
--theme-color2-rgb: 51, 106, 234;
--theme-color3-rgb: 244, 245, 248;
--theme-color1: #222429;
--theme-color2: #336AEA;
--theme-color3: #f4f5f8;
--theme-color-light: #ffffff;
--theme-color-dark: #000000;
--text-color-bg-theme-color1: #fff;
--text-color-bg-theme-color2: #fff;
--text-color-bg-theme-color3: #fff;
--bg-theme-color1: var(--theme-color1);
--bg-theme-color2: var(--theme-color2);
--bg-theme-color3: var(--theme-color3);
--border-theme-color1: var(--theme-color1);
--border-theme-color2: var(--theme-color2);
--border-theme-color3: var(--theme-color3);
--text-color-light: var(--theme-color-light);
--bg-color-light: var(--theme-color-light);
--text-color: #6A6F78;
--headings-color: var(--theme-color1);
--link-color: var(--theme-color1);
--link-hover-color: var(--theme-color1);
--text-font: "DM Sans", sans-serif;
--title-font: "Outfit", sans-serif;
--body-font-size: 16px;
--body-line-height: 30px;
--body-font-weight: 400;
--line-height-heading-h1: 1em;
--line-height-heading-h2: 1.2083em;
--line-height-heading: 1.5em;
--line-height-heading-small: 1.4em;
--h1-font-size: 90px;
--h2-font-size: 48px;
--h3-font-size: 24px;
--h4-font-size: 20px;
--h5-font-size: 18px;
--h6-font-size: 16px;
--h1-font-weight: 700;
--h2-font-weight: 700;
--h3-font-weight: 700;
--h4-font-weight: 700;
--h5-font-weight: 700;
--h6-font-weight: 700;
--sec-title-subtitle-color: var(--theme-color2);
--sec-title-subtitle-font-size: 14px;
--sec-title-subtitle-font-family: var(--text-font);
--sec-title-subtitle-font-weight: 700;
--sec-title-subtitle-line-height: 1.2em;
--sec-title-color: var(--headings-color);
--sec-title-font-size: var(--h2-font-size);
--sec-title-font-family: var(--title-font);
--sec-title-font-weight: var(--h2-font-weight);
--theme-light-background: #f8f6f1;
--theme-light-background-text-color: var(--headings-color);
--theme-black: #222429;
--container-width: 1200px;
--small-container-width: 1000px;
--large-container-width: 1550px;
--container-pt: 120px;
--container-pb: 120px;
}
/** typography.scss* ---*/
::-moz-selection {background: var(--theme-color1);color: #fff;text-shadow: none;}
::selection {background: var(--theme-color1);color: #fff;text-shadow: none;}
::-moz-selection {background: var(--theme-color1); /* Firefox */color: #fff;text-shadow: none;}
::-webkit-selection {background: var(--theme-color1); /* Safari */color: #fff;text-shadow: none;}
:active,:focus {outline: none !important;}
::-webkit-input-placeholder {color: #7c858c;}
::-moz-input-placeholder {color: #7c858c;}
::-ms-input-placeholder {color: #7c858c;}
body {
background-color: #fff;
background-attachment: fixed;
-ms-word-wrap: break-word;
word-wrap: break-word;
counter-reset: my-sec-counter;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
color: var(--text-color);
font-size: var(--body-font-size);
font-family: var(--text-font);
font-weight: var(--body-font-weight);
line-height: var(--body-line-height);
}
p, .text {color: var(--text-color);font-size: var(--body-font-size);font-family: var(--text-font);font-weight: var(--body-font-weight);line-height: var(--body-line-height);}
/* - Headings --*/
h1, h2, h3, h4, h5, h6 {color: var(--headings-color);font-family: var(--title-font);position: relative;line-height: var(--line-height-heading-);}
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small {font-weight: normal;line-height: 1;color: var(--headings-color);}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;font-weight: inherit;}
h1,
h2,
h3,
h4,
h5,
h6 {margin-bottom: 1rem;}
h1 {font-size: var(--h1-font-size);font-weight: var(--h1-font-weight);line-height: var(--line-height-heading-h1);}
h2 {font-size: var(--h2-font-size);font-weight: var(--h2-font-weight);line-height: var(--line-height-heading-h2);}
h3 {font-size: var(--h3-font-size);font-weight: var(--h3-font-weight);line-height: var(--line-height-heading);}
h4 {font-size: var(--h4-font-size);font-weight: var(--h4-font-weight);line-height: var(--line-height-heading);}
h5 {font-size: var(--h5-font-size);font-weight: var(--h5-font-weight);line-height: var(--line-height-heading);}
h6 {font-size: var(--h6-font-size);font-weight: var(--h6-font-weight);line-height: var(--line-height-heading-small);}
/* --- Body Text --- */
table p {margin-bottom: 0;}
p {margin-bottom: 20px;}
p a:not(.button):not(.btn):hover, p a:not(.button):not(.btn):focus {text-decoration: underline;}
/* --- other ---*/
a {color: var(--link-color);text-decoration: none;font-weight: var(--body-font-weight);cursor: pointer;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
a:hover, a:focus {color: inherit;text-decoration: none;outline: none;}
a b, a strong {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
a img {border: none;}
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset {margin-bottom: 10px;}
ol, ul {list-style-position: inside;margin: 0;padding: 0;}
b, strong {color: #333;font-weight: var(--body-font-weight-bold);}
iframe {border: none !important;}
/** container.scss* ---*/
.container .container {width: 100%;}
.container .container,
.container .container-fluid,
.container-fluid .container,
.container-fluid .container-fluid {padding-left: 0;padding-right: 0;}
section > .container,
section > .container-fluid {padding-top: var(--container-pt);padding-bottom: var(--container-pt);}
@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: var(--container-width);}
}
/*=== Default Form ===*/
.form-control, .input-text {height: calc(2.25rem + 27px);padding: 14px 30px;outline: 0;background-color: #f4f5f8;border: 1px solid #f4f5f8;color: #686a6f;font-size: 0.9rem;width: 100%;}
.form-control::-webkit-input-placeholder, .input-text::-webkit-input-placeholder {color: #686a6f;opacity: 1;}
.form-control::-moz-placeholder, .input-text::-moz-placeholder {color: #686a6f;opacity: 1;}
.form-control:-ms-input-placeholder, .input-text:-ms-input-placeholder {color: #686a6f;opacity: 1;}
.form-control::-ms-input-placeholder, .input-text::-ms-input-placeholder {color: #686a6f;opacity: 1;}
.form-control::placeholder, .input-text::placeholder {color: #686a6f;opacity: 1;}
.form-control:-ms-input-placeholder, .input-text:-ms-input-placeholder {color: #686a6f;}
.form-control::-ms-input-placeholder, .input-text::-ms-input-placeholder {color: #686a6f;}
textarea.form-control {height: auto;padding-top: 15px;padding-bottom: 15px;}
.tm-pricing-smart-switcher {color: var(--heading-color);font-size: 19px;letter-spacing: -0.2px;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;margin-bottom: 55px;}
.tm-pricing-smart-switcher .price-offer {color: var(--text-color-bg-theme-color2);background-color: #333;font-size: 12px;line-height: inherit;padding: 0.5px 12px;border-radius: 30px;margin-left: 15px;text-transform: uppercase;}
.tm-pricing-smart-switcher .pricing-switcher-btn {display: -webkit-box;display: -ms-flexbox;display: flex;}
.tm-pricing-smart-switcher .pricing-switcher-btn .btn-toggle {width: 70px;height: 33px;border-radius: 17px;background-color: rgba(22, 28, 45, 0.15);position: relative;display: inline-block;margin: 0 1rem;}
.tm-pricing-smart-switcher .pricing-switcher-btn .btn-toggle.secondary-active {background-color: var(--theme-color1);}
.tm-pricing-smart-switcher .pricing-switcher-btn .btn-toggle.secondary-active span {right: 7px;}
.tm-pricing-smart-switcher .pricing-switcher-btn .btn-toggle span {width: 20px;height: 20px;background-color: #ffffff;position: absolute;right: calc(100% - 27px);margin-left: 6px;top: 50%;-webkit-transform: translatey(-50%);transform: translatey(-50%);-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;border-radius: 500px;pointer-events: none;}
.tm-pricing-smart-switcher-button .switch-buttons {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0;padding: 0;list-style: none;border: 0;}
.tm-pricing-smart-switcher-button .switch-buttons li {display: inline-block;margin-bottom: 0;}
.tm-pricing-smart-switcher-button .switch-buttons li a {
display: block;
border: 1px solid #eee;
outline: none;
display: inline-block;
padding: 0.9375rem 2.1875rem;
cursor: pointer;
border-radius: 0;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
background-color: rgb(254, 253, 254);
-webkit-box-shadow: 0px 15px 30px 0px rgba(119, 123, 146, 0.1);
box-shadow: 0px 15px 30px 0px rgba(119, 123, 146, 0.1);
}
.tm-pricing-smart-switcher-button .switch-buttons li a:hover, .tm-pricing-smart-switcher-button .switch-buttons li a.active {color: var(--theme-color-light);border-color: var(--theme-color2);background-color: var(--theme-color2);}
.tm-pricing-smart-switcher-button .switch-buttons li a span.price-offer {color: #fff;background-color: #333;font-size: 12px;line-height: inherit;padding: 0.5px 12px;border-radius: 30px;margin-left: 15px;text-transform: uppercase;}
.tm-pricing-smart-switcher-button .switch-buttons li:first-child a {border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.tm-pricing-smart-switcher-button .switch-buttons li:last-child a {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.tm-switch-buttons-round-yes .tm-pricing-smart-switcher-button .switch-buttons li:first-child a {border-top-left-radius: 50px;border-bottom-left-radius: 50px;}
.tm-switch-buttons-round-yes .tm-pricing-smart-switcher-button .switch-buttons li:last-child a {border-top-right-radius: 50px;border-bottom-right-radius: 50px;}
.tm-pricing-smart-switcher-button.round-switch-btn .switch-buttons li:first-child a {border-top-left-radius: 50px;border-bottom-left-radius: 50px;}
.tm-pricing-smart-switcher-button.round-switch-btn .switch-buttons li:last-child a {border-top-right-radius: 50px;border-bottom-right-radius: 50px;}
.tm-pricing-table .price-secondary {display: none !important;}
.tm-pricing-table.show-secondary-price .price-normal {display: none;}
.tm-pricing-table.show-secondary-price .price-secondary {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;}
/*** ==Reset==***/
* {margin: 0px;padding: 0px;border: none;outline: none;font-size: 100%;}
/*** ==Global Settings==***/
textarea {overflow: hidden;resize: none;}
button {outline: none !important;cursor: pointer;}
img {display: inline-block;max-width: 100%;height: auto;}
ul,li {list-style: none;padding: 0px;margin: 0px;}
.title a {color: inherit;}
.color1 {color: var(--theme-color1);}
.color2 {color: var(--theme-color2);}
.color3 {color: var(--theme-color3);}
.page-wrapper {position: relative;margin: 0 auto;width: 100%;min-width: 300px;overflow: hidden;z-index: 99;background-color: #ffffff;}
.large-container {position: static;max-width: var(--large-container-width);padding: 0px 15px;margin: 0 auto;width: 100%;}
.auto-container {position: static;max-width: var(--container-width);padding: 0px 15px;margin: 0 auto;width: 100%;}
.small-container {position: static;max-width: var(--small-container-width);padding: 0px 15px;margin: 0 auto;width: 100%;}
.pull-right {float: right;}
.pull-left {float: left;}
.dropdown-toggle::after {display: none;}
/*=Preloader=*/
.preloader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 999999;background-color: #ffffff;}
.preloader:after {position: absolute;left: 50%;top: 50%;height: 140px;width: 140px;margin-left: -70px;margin-top: -80px;background-position: center center;background-repeat: no-repeat;background-image: url(../images/logo-2.png);background-size: 140px;content: "";}
.preloader:before {position: absolute;top: 50%;left: 0;right: 0;width: 100%;text-align: center;margin: 0 auto;margin-top: 20px;color: var(--theme-color1);font-weight: 700;font-size: 12px;letter-spacing: 1px;text-transform: uppercase;-webkit-transition: none;transition: none;}
/*=Scroll To Top style==*/
.scroll-to-top {position: fixed;right: 20px;bottom: 20px;width: 40px;font-size: 16px;line-height: 40px;color: var(--text-color-bg-theme-color2);text-align: center;cursor: pointer;background-color: var(--theme-color2);z-index: 100;display: none;border-radius: 50%;margin: 0 auto;-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.scroll-to-top:hover {background: var(--theme-color1);color: #ffffff;}
/*=== List Style One ===*/
.list-style-one {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;padding: 10px 0;}
.list-style-one li {position: relative;font-size: 13px;line-height: 20px;font-weight: 400;color: #808287;margin-right: 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.list-style-one li i {margin-right: 10px;color: var(--theme-color2);font-size: 14px;line-height: 20px;}
.list-style-one li a {display: inline-block;color: #808287;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.list-style-one li a:hover {color: var(--theme-color1);}
/*=== List Style Two ==*/
.list-style-two {position: relative;}
.list-style-two li {position: relative;font-size: 18px;line-height: 30px;font-weight: 500;color: var(--theme-color1);padding-left: 30px;margin-bottom: 5px;}
.list-style-two li i {position: absolute;left: 0;top: 0;color: var(--theme-color2);font-size: 18px;line-height: 30px;}
.list-style-two li a {display: inline-block;color: #ffffff;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.list-style-two li a:hover {color: #ffffff;}
/*=== List Style Three ==*/
.list-style-three {position: relative;}
.list-style-three li {position: relative;font-size: 16px;line-height: 26px;font-weight: 500;color: var(--theme-color1);padding-left: 25px;margin-bottom: 10px;}
.list-style-three li:before {position: absolute;left: 0;top: 0;content: "\f058";font-weight: 900;font-family: "Font Awesome 5 Free";color: var(--theme-color2);}
.list-style-three li a {display: inline-block;color: #ffffff;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.list-style-three li a:hover {color: #ffffff;}
/*Social Icon One*/
.social-icon-one {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.social-icon-one li {position: relative;margin-left: 27px;}
.social-icon-one li:first-child {margin-left: 0;}
.social-icon-one li a {position: relative;display: block;line-height: 40px;height: 40px;text-align: center;font-size: 14px;color: var(--theme-color1);-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.social-icon-one li a:hover {color: var(--theme-color2);}
/*Social Icon Two*/
.social-icon-two {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;}
.social-icon-two li {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;margin-left: 10px;}
.social-icon-two li:first-child {margin-left: 0;}
.social-icon-two li a {position: relative;display: block;line-height: 40px;height: 40px;width: 40px;border-radius: 50%;text-align: center;font-size: 14px;color: #ffffff;border-radius: 50%;background-color: #2c2e33;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.social-icon-two li a:hover {color: var(--text-color-bg-theme-color2);background-color: var(--bg-theme-color2);}
/*Social Icon Three*/
.social-icon-three {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.social-icon-three li {position: relative;margin-left: 20px;}
.social-icon-three li a {position: relative;display: block;line-height: 40px;text-align: center;font-size: 15px;color: #2f3529;border-radius: 50%;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.social-icon-three li a:hover {color: var(--theme-color2);}
/*=Tabs Box=*/
.tabs-box {position: relative;}
.tabs-box .tab {display: none;}
.tabs-box .active-tab {display: block;}
/*=Media Play Button =*/
.play-now {position: relative;display: block;z-index: 9;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.play-now .icon {position: relative;display: inline-block;height: 70px;width: 70px;text-align: center;line-height: 70px;background-color: #ffffff;color: var(--bg-theme-color1);z-index: 1;padding-left: 5px;font-size: 14px;display: block;border-radius: 50%;-webkit-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);-webkit-transform-origin: center;transform-origin: center;}
.play-now .ripple,.play-now .ripple:before,.play-now .ripple:after {position: absolute;top: 50%;left: 50%;height: 70px;width: 70px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border-radius: 50%;-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);-webkit-animation: ripple 3s infinite;animation: ripple 3s infinite;}
.play-now .ripple:before {-webkit-animation-delay: 0.9s;animation-delay: 0.9s;content: "";position: absolute;}
.play-now .ripple:after {-webkit-animation-delay: 0.6s;animation-delay: 0.6s;content: "";position: absolute;}
@-webkit-keyframes ripple {
70% {
-webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes ripple {
70% {
-webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
.play-now-two {height: 92px;width: 92px;border-radius: 50%;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;padding-left: 5px;font-size: 12px;border: 0.5px solid var(--border-theme-color1);color: #ffffff;-webkit-transition: all 300ms ease;transition: all 300ms ease;-webkit-animation: zoom-one 3s infinite linear;animation: zoom-one 3s infinite linear;}
.play-now-two:before {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);height: 62px;width: 62px;border-radius: 50%;background-color: var(--bg-theme-color1);content: "";}
.play-now-two i {position: relative;}
.play-now-two:hover {color: #ff9205;background-color: #ffffff;}
/*==Select2 Dropdown Plugin==*/
.select2-results__option {padding: 0 10px;color: #7c858c;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #7c858c;padding-left: 0;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: var(--bg-theme-color1);}
.select2-container--default .select2-search--dropdown .select2-search__field {height: 30px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {bottom: 1px;height: auto;width: 40px;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;font-size: 12px;color: #7c858c;}
.select2-container--default .select2-selection--single .select2-selection__arrow:before {position: relative;content: "\f107";font-family: "Font Awesome 5 Free";font-weight: 900;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display: none;}
.select2-container--default .select2-selection--single {border-radius: 0;}
.default-dots .owl-dots {position: relative;margin-top: 30px;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;}
.default-dots .owl-dots .owl-dot {height: 11px;width: 11px;border-radius: 50%;background-color: #cdcbcb;border: 2px solid #cdcbcb;margin-left: 5px;}
.default-dots .owl-dots .owl-dot:first-child {margin-left: 0;}.default-dots .owl-dots .owl-dot.active {border: 2px solid var(--border-theme-color2);background-color: transparent;}
.theme-btn {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;white-space: nowrap;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;z-index: 0;}
.theme-btn .btn-title {position: relative;}
/*Btn Style One*/
.btn-style-one {position: relative;font-size: 13px;line-height: 24px;padding: 15px 50px;font-weight: 700;letter-spacing: 0.1em;overflow: hidden;text-transform: uppercase;color: var(--text-color-bg-theme-color2);background: var(--bg-theme-color2);}
.btn-style-one:before {position: absolute;left: 0;top: 0%;height: 100%;width: 100%;content: "";background-color: var(--bg-theme-color1);-webkit-transform: scale(1, 0);transform: scale(1, 0);-webkit-transform-origin: bottom left;transform-origin: bottom left;transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);-webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);z-index: -1;}
.btn-style-one:hover:before {-webkit-transform-origin: top right;transform-origin: top right;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.btn-style-one:hover {color: var(--text-color-bg-theme-color1);-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}
.btn-style-one.hvr-light:hover {color: var(--theme-color2);}
.btn-style-one.hvr-light:before {background-color: #ffffff;}
.btn-style-one.bg-light:not(hover) {background-color: #ffffff !important;color: var(--theme-color2);}
.btn-style-one.bg-light:not(hover):hover:before {color: #ffffff;top: -1px;height: calc(100% + 1px);}
.btn-style-one.bg-dark {color: var(--theme-color-light);}
.btn-style-one.bg-dark:hover {background-color: var(--theme-color-light);color: var(--theme-color2);}
.btn-style-one.bg-dark:before {background-color: var(--theme-color-light);color: var(--theme-color2);}
/*Btn Style two*/
.btn-style-two {position: relative;font-size: 13px;line-height: 24px;padding: 15px 50px;font-weight: 700;letter-spacing: 0.1em;overflow: hidden;text-transform: uppercase;color: #ffffff;background: var(--bg-theme-color1);z-index: -1;}
.btn-style-two:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;content: "";background-color: var(--bg-theme-color2);-webkit-transform: scale(1, 0);transform: scale(1, 0);-webkit-transform-origin: bottom left;transform-origin: bottom left;transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);-webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);}
.btn-style-two:hover:before {-webkit-transform-origin: top right;transform-origin: top right;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.btn-style-two:hover {color: #ffffff;-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}
.btn-style-two.hvr-light:hover {color: var(--theme-color2);}
.btn-style-two.hvr-light:before {background-color: #ffffff;}
/*Btn Style Three*/
.btn-style-three {position: relative;font-size: 13px;line-height: 24px;padding: 15px 50px;font-weight: 700;letter-spacing: 0.1em;overflow: hidden;text-transform: uppercase;color: var(--theme-color1);background: var(--bg-theme-color3);}
.btn-style-three:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;content: "";background-color: var(--bg-theme-color1);-webkit-transform: scale(1, 0);transform: scale(1, 0);-webkit-transform-origin: bottom left;transform-origin: bottom left;transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);-webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);}
.btn-style-three:hover:before {-webkit-transform-origin: top right;transform-origin: top right;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.btn-style-three:hover {color: #ffffff;}
.theme-btn.small {padding: 10px 40px;line-height: 20px;font-size: 12px;}
/*** Anim Icons ***/
.anim-icons {position: absolute;left: 0;top: 0;right: 0;height: 100%;width: 100%;max-width: 1170px;margin: 0 auto;}
.anim-icons.full-width {max-width: 100%;}.anim-icons .icon {position: absolute;background-position: center;background-repeat: no-repeat;background-size: 100%;}
.icon-dots {width: 120px;height: 250px;background-image: url(../images/icons/icon-dots.png);}
.icon-lines {width: 530px;height: 227px;background-image: url(../images/icons/icon-lines.png);}
.icon-quote {width: 64px;height: 64px;background-image: url(../images/icons/icon-quote.png);}
.bounce-y {-webkit-animation: bounce-y 10s infinite linear;animation: bounce-y 10s infinite linear;}
.bounce-x {-webkit-animation: bounce-x 10s infinite linear;animation: bounce-x 10s infinite linear;}
.zoom-one {-webkit-animation: zoom-one 10s infinite linear;animation: zoom-one 10s infinite linear;}
@-webkit-keyframes float {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes float {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes bounce-y {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounce-y {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes bounce-x {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounce-x {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes zoom-one {
0% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
100% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
}
@keyframes zoom-one {
0% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
100% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
}
.overlay-anim {position: relative;}
.overlay-anim:after {background: rgba(255, 255, 255, 0.3);content: "";position: absolute;left: 0;top: 0;width: 100%;height: 0;opacity: 1;z-index: 9;pointer-events: none;}
.overlay-anim:hover:after {height: 100%;opacity: 0;-webkit-transition: all 400ms linear;transition: all 400ms linear;}
/*** Search Popup ***/
.search-popup {position: fixed;left: 0;top: 0;height: 100vh;width: 100%;z-index: 99;opacity: 0;visibility: hidden;-webkit-transition: all 500ms ease;transition: all 500ms ease;overflow: hidden;-webkit-transform: scale(0.95);transform: scale(0.95);}.search-popup .search-back-drop {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-color: var(--bg-theme-color1);opacity: 0.95;}.search-popup .close-search {position: absolute;top: 30px;right: 30px;font-size: 26px;color: var(--theme-color2);z-index: 3;border-radius: 50%;background-color: transparent;-webkit-transition: all 500ms ease;transition: all 500ms ease;}.search-popup .search-inner {position: relative;display: block;top: 40%;height: auto;z-index: 1;width: calc(100% - 60px);max-width: 800px;margin: auto;opacity: 0;-webkit-transform: translateY(-50px);transform: translateY(-50px);-webkit-transition: all 300ms ease;transition: all 300ms ease;}.search-popup .form-group {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.search-popup .form-group input[type=search],.search-popup .form-group input[type=text] {position: relative;display: block;line-height: 20px;font-size: 16px;width: 100%;height: 50px;border: 1px solid #e1e6dc;padding: 15px 20px;color: #707070;background: #ffffff;border-radius: 5px;-webkit-transition: all 500ms ease;transition: all 500ms ease;}.search-popup .form-group input[type=search]:focus,.search-popup .form-group input[type=text]:focus {border-color: var(--border-theme-color2);}.search-popup .form-group button {position: absolute;right: 5px;top: 5px;height: 40px;width: 40px;display: block;font-size: 14px;color: #fff;line-height: 40px;border-radius: 5px;font-weight: normal;background: var(--theme-color2);-webkit-transition: all 500ms ease;transition: all 500ms ease;}.search-popup .form-group button:hover {background: var(--theme-color2);color: #ffffff;}.search-popup textarea::-webkit-input-placeholder, .search-popup input::-webkit-input-placeholder {color: inherit;}.search-popup textarea::-moz-placeholder, .search-popup input::-moz-placeholder {color: inherit;}.search-popup textarea:-ms-input-placeholder, .search-popup input:-ms-input-placeholder {color: inherit;}.search-popup textarea::-ms-input-placeholder, .search-popup input::-ms-input-placeholder {color: inherit;}.search-popup textarea::placeholder,.search-popup input::placeholder {color: inherit;}.moblie-search-active .search-popup {opacity: 1;visibility: visible;-webkit-transform: scale(1);transform: scale(1);border-radius: 0%;}.moblie-search-active .search-popup .search-inner {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);-webkit-transition-delay: 500ms;transition-delay: 500ms;}
/*** ==Main Header==***/
@media only screen and (min-width: 768px) {
.main-menu .navigation > li > ul,.main-menu .navigation > li > ul > li > ul {display: block !important;visibility: hidden;opacity: 0;}
}
.header-span {display: block;height: 110px;position: relative;width: 100%;}
.header-top {display: -webkit-box;display: -ms-flexbox;display: flex;margin-left: 313px;padding-right: 80px;position: relative;}
@media only screen and (max-width: 1023.98px) {
.header-top {display: none;}
}
.header-top .inner-container {-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: var(--bg-theme-color3);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 0 40px;position: relative;width: 100%;}
.header-top .top-left {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;}
.header-top .top-right {position: relative;}
.header-top .useful-links {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;padding: 10px 0;}
.header-top .useful-links li {color: #808287;font-size: 13px;line-height: 20px;margin-left: 15px;padding-left: 15px;position: relative;}
.header-top .useful-links li:first-child {margin-left: 0;padding-left: 0;}
.header-top .useful-links li:before {position: absolute;left: -3px;top: 0;content: "/";}
.header-top .useful-links li:first-child:before {display: none;}
.header-top .useful-links li a {color: #808287;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.header-top .useful-links li a:hover {color: var(--theme-color1);}
.header-top .outer-box {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;min-width: 210px;}
.main-header {position: relative;width: 100%;z-index: 999;}
.main-header .header-lower {position: relative;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.main-header .header-lower .logo-box {min-width: 280px;padding: 15px 0 15px;position: relative;}
@media (max-width: 1399.98px) {
.main-header .header-lower .logo-box {padding: 24px 0;}
}
@media (max-width: 1199.98px) {
.main-header .header-lower .logo-box {min-width: auto;margin-right: 30px;}
}
@media only screen and (max-width: 1023.98px) {
.main-header .header-lower .logo-box {padding: 12px 0;}
}
.main-header {width: 100%;z-index: 999;}
.main-header .logo {display: block;position: relative;}
.main-header .logo img {max-width: 100%;height: auto;}
.main-header .main-box {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;left: 0px;position: relative;top: 0px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.main-header .main-box .nav-outer {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 100%;}
@media only screen and (max-width: 1023.98px) {
.main-header .main-menu {display: none;}
}
.main-menu {position: relative;}
.main-menu .navbar-header {display: none;}
.main-menu .navbar-collapse {padding: 0px;}
.main-menu .navigation {margin: 0px;position: relative;}
.main-menu .navigation > li {float: left;margin-right: 55px;padding: 25px 0px;position: relative;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.main-menu .navigation > li:last-child {margin-right: 0;}
.main-menu .navigation > li:before {background-color: var(--bg-theme-color2);bottom: 23px;content: "";height: 2px;left: 50%;position: absolute;-webkit-transition: all 300ms ease;transition: all 300ms ease;width: 0%;}
.main-menu .navigation > li:hover:before, .main-menu .navigation > li.current:before {left: 0;width: 100%;}
.main-menu .navigation > li > a {color: #3E3E4B;display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 16px;line-height: 30px;font-weight: 500;opacity: 1;padding: 0;position: relative;text-align: center;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.main-menu .navigation > li > a .icon {position: relative;font-size: 22px;line-height: 24px;margin-left: 10px;}
.main-menu .navigation > li > a:hover {color: var(--theme-color2);}
.main-menu .navigation > li.current > a {color: var(--theme-color2);font-weight: 700;}
.main-menu .navigation > li.dropdown > a {margin-right: -14px;padding-right: 14px;}
.main-menu .navigation > li.dropdown > a:after {content: "\f107";display: block;font-family: "Font Awesome 5 Free";font-size: 12px;font-weight: 900;height: 20px;line-height: 24px;margin-top: -2px;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 10px;z-index: 5;}
.main-menu .navigation > li.dropdown:hover > ul {margin-top: 0;opacity: 1;top: 100%;-webkit-transition: all 300ms ease;transition: all 300ms ease;visibility: visible;}
.main-menu .navigation > li > ul {background-color: #ffffff;-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);display: none;left: 0px;margin-top: 30px;opacity: 0;padding: 10px 0 0;position: absolute;top: 100%;width: 220px;z-index: 100;}
.main-menu .navigation > li > ul.from-right {left: auto;right: 0px;}
.main-menu .navigation > li > ul > li {position: relative;width: 100%;border-bottom: 1px solid #ebf1f5;}
.main-menu .navigation > li > ul > li:last-child {border-bottom: none;}
.main-menu .navigation > li > ul > li > a {position: relative;display: block;padding: 10px 0px;line-height: 29px;font-weight: 400;font-size: 16px;color: var(--bg-theme-color1);text-align: left;margin: 0 30px;text-transform: capitalize;-webkit-transition: all 200ms ease;transition: all 200ms ease;}
.main-menu .navigation > li > ul > li > a .badge-menu {background-color: #336AEA;border-radius: 3px;color: #fff;font-size: 10px;font-weight: 500;line-height: 1;padding: 5px 5px 3.5px;display: inline-block;text-transform: capitalize;margin: 0 0 0 2px;position: relative;top: -3px;text-align: center;}
.main-menu .navigation > li > ul > li > a .badge-menu.badge-color-red {background-color: #ff3838;}
.main-menu .navigation > li > ul > li > a .badge-menu.badge-color-yellow {background-color: #ffaa17;}
.main-menu .navigation > li > ul > li > a .badge-menu.badge-color-dark {background-color: #222429;}
.main-menu .navigation > li > ul > li:hover > a {color: var(--theme-color2);}
.main-menu .navigation > li > ul > li.dropdown > a:after {font-family: "Font Awesome 5 Free";content: "\f105";position: absolute;right: 0;top: 11px;display: block;line-height: 24px;font-size: 11px;font-weight: 900;z-index: 5;}
.main-menu .navigation > li > ul > li.dropdown:hover > ul {visibility: visible;opacity: 1;top: 0px;margin-top: 20px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.main-menu .navigation > li > ul > li > ul {background-color: #ffffff;-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);display: none;left: 100%;margin-top: 10px;opacity: 0;padding: 10px 0 0;position: absolute;top: 0px;-webkit-transform: translateY(-30px);transform: translateY(-30px);width: 220px;z-index: 100;}
.main-menu .navigation > li > ul > li > ul > li {position: relative;border-bottom: 1px solid #ebf1f5;width: 100%;}
.main-menu .navigation > li > ul > li > ul > li:last-child {border-bottom: none;}
.main-menu .navigation > li > ul > li > ul > li > a {position: relative;display: block;padding: 10px 0;line-height: 24px;font-weight: 400;font-size: 16px;color: var(--theme-color1);text-align: left;margin: 0 30px;text-transform: capitalize;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.main-menu .navigation > li > ul > li > ul > li > a:hover {color: var(--theme-color2);}
.main-menu .navigation li.dropdown .dropdown-btn {border: 1px solid #ffffff;color: #ffffff;cursor: pointer;display: none;font-size: 16px;height: 30px;line-height: 26px;position: absolute;right: 10px;text-align: center;top: 8px;width: 34px;z-index: 5;}
.main-header .header-lower .outer-box {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;height: 100%;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;padding: 10px 0;position: relative;}
.main-header .header-lower .outer-box .theme-btn {display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 11px;margin-left: 30px;padding: 10px 40px;}
.main-header .header-lower .outer-box .ui-btn-outer {-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-right: 1px solid #e6e8ed;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;margin-right: 30px;padding: 6px 0;padding-right: 30px;}
.main-header .ui-btn {background: none;color: var(--theme-color1);display: block;font-size: 24px;line-height: 32px;height: 30px;margin-left: 26px;position: relative;text-align: center;-webkit-transition: all 300ms ease;transition: all 300ms ease;width: 30px;}
@media only screen and (max-width: 1023.98px) {
.main-header .ui-btn {margin-left: 15px;}
}
.main-header .ui-btn:hover {color: var(--theme-color2);}
.main-header .info-btn {color: var(--theme-color1);display: block;font-size: 14px;font-weight: 600;line-height: 20px;padding: 8px 0;padding-left: 54px;position: relative;text-align: left;}
.main-header .info-btn small {color: #808287;font-size: 12px;font-weight: 400;}
.main-header .info-btn i {background-color: var(--bg-theme-color1);border-radius: 50%;color: #fff;font-size: 18px;height: 44px;left: 0;line-height: 44px;margin-top: -22px;position: absolute;text-align: center;top: 50%;width: 44px;}
.main-header .info-btn:hover {color: var(--bg-theme-color2);}
/*** Header Style One ***/
.header-style-one .header-lower {padding-right: 80px;padding-left: 0;}
.header-style-one .header-lower .logo-box {background-color: var(--bg-theme-color1);border-right: 10px solid var(--border-theme-color2);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;margin-right: 70px;margin-top: -40px;min-height: 120px;min-width: 283px;padding: 20px 20px;position: relative;}
.header-style-one .header-lower .main-box {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
/***  Header Style Two ***/
.header-style-two {background-color: #fff;position: relative;z-index: 9;}
.header-style-two .header-top {background-color: var(--bg-theme-color1);margin: 0;padding: 4px 160px;position: relative;}
@media only screen and (max-width: 1700px) {
.header-style-two .header-top {padding: 4px 30px;}
}
.header-style-two .header-top .inner-container {background-color: var(--bg-theme-color1);padding: 0;}
.header-style-two .header-top .useful-links li,
.header-style-two .header-top .list-style-one li {color: var(--theme-color-light);font-size: 13px;}
.header-style-two .header-top .useful-links li a,
.header-style-two .header-top .list-style-one li a {color: inherit;}
.header-style-two .header-top .useful-links li:hover a,
.header-style-two .header-top .list-style-one li:hover a {color: var(--theme-color2);}
.header-style-two .social-icon-one li a {color: #ffffff;}
.header-style-two .social-icon-one li a:hover {color: var(--theme-color2);}
.header-style-two .header-lower {background-color: #F7F7F7;-webkit-box-shadow: none;box-shadow: none;padding: 6px 160px;}
@media only screen and (max-width: 1700px) {
.header-style-two .header-lower {padding: 6px 30px;}
}
@media (max-width: 1399.98px) {
.header-style-two .header-lower {background-color: var(--theme-color-light);}
}
@media only screen and (max-width: 1023.98px) {
.header-style-two .header-lower {padding: 0px 15px;}
}
.header-style-two .header-lower .main-box {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.header-style-two .header-lower .main-box .logo-box {z-index: 1;}
.header-style-two .header-lower .main-box .logo-box:before {background-color: var(--theme-color-light);content: "";position: absolute;height: calc(100% + 20px);width: 1000px;top: -6px;right: 0;z-index: -1;}
@media (max-width: 1399.98px) {
.header-style-two .header-lower .main-box .logo-box:before {display: none;}
}
.header-style-two .header-lower .main-box .logo-box:after {background-color: var(--theme-color-light);content: "";position: absolute;height: calc(100% + 20px);width: 150px;top: -6px;right: -50px;-webkit-transform: skewX(43deg);transform: skewX(43deg);z-index: -1;}
@media (max-width: 1399.98px) {
.header-style-two .header-lower .main-box .logo-box:after {display: none;}
}
.header-style-two .header-lower .main-box .nav-outer {width: auto;}
.header-style-two .header-lower .main-box .outer-box .ui-btn-outer {border-right: none;border-left: 1px solid #e6e8ed;margin-right: 0;padding-right: 10px;padding-left: 30px;}
@media only screen and (max-width: 1700px) {
.header-style-two .header-lower .main-box .outer-box .ui-btn-outer {border-left: none;padding-left: 0;}
}
@media only screen and (max-width: 1023.98px) {
.header-style-two .header-lower .main-box .outer-box .ui-btn-outer {padding-right: 0;}
}
.header-style-two .header-lower .main-box .outer-box .mobile-nav-toggler {display: block;}
.header-style-two .header-lower .main-box .outer-box .mobile-nav-toggler:hover {color: var(--theme-color2);}
.header-style-two.style-transparent {background-color: transparent;padding: 0;position: absolute;z-index: 9;left: 0;top: 0;width: 100%;border-bottom: none;}
.header-style-two.style-transparent .header-top {padding: 4px 60px;}
@media (max-width: 1399.98px) {
.header-style-two.style-transparent .header-top {padding: 4px 30px;}
}
@media only screen and (max-width: 1023.98px) {.header-style-two.style-transparent .header-top {padding: 0 15px;
}
}
.header-style-two.style-transparent .header-lower {background-color: transparent;}
.header-style-two.style-transparent .header-lower {padding: 6px 60px;}
@media (max-width: 1399.98px) {
.header-style-two.style-transparent .header-lower {padding: 6px 30px;}
}
@media only screen and (max-width: 1023.98px) {
.header-style-two.style-transparent .header-lower {background-color: rgba(0, 0, 0, 0.2);padding: 0 15px;}
}
.header-style-two.style-transparent .header-lower .logo-box {padding: 24px 0;}
@media only screen and (max-width: 1023.98px) {
.header-style-two.style-transparent .header-lower .logo-box {padding: 12px 0;}
}
.header-style-two.style-transparent .header-lower .logo-box:before, .header-style-two.style-transparent .header-lower .logo-box:after {display: none;}
.header-style-two.style-transparent .header-lower .main-menu .navigation > li > a:not(:hover) {color: var(--theme-color-light);}
.header-style-two.style-transparent .header-lower .main-box .outer-box .mobile-nav-toggler {color: var(--theme-color-light);}
.header-style-two.style-transparent .header-lower .main-box .outer-box .mobile-nav-toggler:hover {color: var(--theme-color2);}
.header-style-two.style-transparent .header-lower .main-box .outer-box .ui-btn-outer {border: none;padding-right: 10px;padding-left: 30px;}
@media only screen and (max-width: 1700px) {
.header-style-two.style-transparent .header-lower .main-box .outer-box .ui-btn-outer {border-left: none;padding-left: 0;}
}
@media only screen and (max-width: 1023.98px) {
.header-style-two.style-transparent .header-lower .main-box .outer-box .ui-btn-outer {padding-right: 0;}
}
.header-style-two.style-transparent .ui-btn {color: var(--theme-color-light);font-size: 24px;}
.header-style-two.style-transparent .ui-btn:hover {color: var(--theme-color2);}
/*** Header Style Three ***/
.header-style-three {left: 0;position: absolute;top: 10px;width: 100%;z-index: 9;}
.header-style-three .header-top {background-color: transparent;margin: 0;padding: 0;position: relative;}
.header-style-three .header-top .inner-container {background-color: var(--bg-theme-color1);padding-left: 250px;padding-right: 40px;}
.header-style-three .header-top .list-style-one li {color: #8c8f94;font-size: 13px;font-weight: 700;}
.header-style-three .header-top .list-style-one li a {color: inherit;}
.header-style-three .header-top .list-style-one li:hover a {color: #fff;}
.header-style-three .header-top .list-style-one li:last-child {margin-right: 0;}
.header-style-three .header-top .social-icon-one li a {color: #ffffff;}
.header-style-three .header-top .social-icon-one li a:hover {color: var(--theme-color1);}
.header-style-three .header-lower {position: relative;}
.header-style-three .header-lower .main-box {background-color: #ffffff;padding-right: 40px;}
.header-style-three .header-lower .main-box .logo-box {min-width: 210px;margin-right: 40px;padding: 10px 20px;text-align: center;margin-top: -40px;background-color: var(--bg-theme-color1);height: 130px;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;}
.header-style-three .header-lower .main-box .main-menu .navigation > li {padding: 30px 0px;}
.header-style-three .header-lower .main-box .main-menu .navigation > li:before {bottom: 28px;}
.header-style-three .header-lower .main-box .outer-box .ui-btn-outer {margin-right: 0;padding-right: 0;}
.header-style-three .sticky-header {margin: 0 auto;max-width: 1170px;padding: 0 15px;right: 0;}
/***  Header Style Four ***/
.header-style-four {left: 0;position: absolute;top: 0;width: 100%;z-index: 9;}
.header-style-four .header-lower {border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding: 0 80px;}
.header-style-four .header-lower .logo-box {min-width: auto;}
.header-style-four .header-lower .main-box {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.header-style-four .header-lower .nav-outer {width: auto;}
.header-style-four .header-lower .main-menu .navigation > li {margin: 0 30px;}
.header-style-four .header-lower .main-menu .navigation > li > a:not(:hover) {color: #fff;}
.header-style-four .header-lower .info-btn {color: #fff;}
.header-style-four .header-lower .info-btn i {background-color: var(--bg-theme-color2);}
.header-style-four .header-lower .info-btn small {color: #fff;}
/***  Header Style Five***/
.header-style-five .header-lower {padding-left: 0;padding-right: 80px;}
.header-style-five .header-lower .logo-box {background-color: var(--bg-theme-color1);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;min-width: 233px;min-height: 110px;margin-right: 120px;padding: 20px 20px;position: relative;}
/*** Header Style Six ***/
.header-style-six {padding: 0 200px;position: absolute;z-index: 9;left: 0;top: 0;width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
@media only screen and (max-width: 1709.98px) {
.header-style-six {padding: 0 40px;}
}
@media (max-width: 1199.98px) {
.header-style-six {padding: 0;}
}
@media only screen and (max-width: 1023.98px) {
.header-style-six {border-bottom: none;}
}
.header-style-six .header-top {background-color: var(--theme-color-dark);margin: 0;padding: 10px 60px;position: relative;}
@media only screen and (max-width: 1709.98px) {
.header-style-six .header-top {padding: 10px 30px;}
}
.header-style-six .header-top .inner-container {background-color: transparent;padding: 0;}
.header-style-six .header-top .useful-links li,
.header-style-six .header-top .list-style-one li {color: var(--theme-color-light);font-size: 13px;}
.header-style-six .header-top .useful-links li a,
.header-style-six .header-top .list-style-one li a {color: inherit;}
.header-style-six .header-top .useful-links li:hover a,
.header-style-six .header-top .list-style-one li:hover a {color: var(--theme-color2);}
.header-style-six .header-top .social-icon-one li a {color: var(--theme-color-light);}
.header-style-six .header-top .social-icon-one li:hover a {color: var(--theme-color2);}
.header-style-six .header-lower {position: relative;}
@media (max-width: 1199.98px) {
.header-style-six .header-lower {padding: 0 30px;}
}
@media only screen and (max-width: 1023.98px) {
.header-style-six .header-lower {background-color: rgba(0, 0, 0, 0.2);padding: 0 15px;}
}
.header-style-six .header-lower .logo-box {min-width: 140px;margin-right: 158px;padding: 30px 0;}
@media (max-width: 1199.98px) {
.header-style-six .header-lower .logo-box {min-width: auto;margin-right: 30px;padding: 24px 0;}
}
@media only screen and (max-width: 1023.98px) {
.header-style-six .header-lower .logo-box {padding: 15px 0;}
}
@media only screen and (max-width: 1023.98px) {
.header-style-six .header-lower .nav-outer {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.header-style-six .header-lower .main-menu .navigation > li {margin: 0 30px;}
.header-style-six .header-lower .main-menu .navigation > li > a:not(:hover) {color: #fff;}
.header-style-six .header-lower .info-btn {color: #fff;}
@media (max-width: 1399.98px) {
.header-style-six .header-lower .info-btn {display: none;}
}
.header-style-six .header-lower .info-btn i {
background-color: var(--theme-color-light);
color: var(--theme-color2);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.header-style-six .header-lower .info-btn small {color: #fff;}
.header-style-six .header-lower .info-btn:hover i {
background-color: var(--theme-color2);
color: var(--text-color-bg-theme-color2);
}
.header-style-six .header-lower .outer-box .ui-btn-outer {border-right: 1px solid rgba(228, 228, 228, 0.8);padding: 0 30px 0 0;}
@media (max-width: 1399.98px) {
.header-style-six .header-lower .outer-box .ui-btn-outer {border-right: none;padding-right: 0;margin-right: 0;}
}
.header-style-six .header-lower .ui-btn {color: var(--theme-color-light);font-size: 24px;}
.header-style-six .header-lower .ui-btn:hover {color: var(--theme-color2);}
@media (max-width: 1399.98px) {
.header-style-six .header-lower .mobile-nav-toggler {color: var(--theme-color-light);display: block;}
}
.header-style-six .header-lower .mobile-nav-toggler:hover {color: var(--theme-color2);}
.header-style-six .sticky-header .mobile-nav-toggler {display: none;}
@media only screen and (max-width: 1023.98px) {
.header-style-six .sticky-header .mobile-nav-toggler {display: block;}
}
.header-style-six.style-two {padding: 0;}
.header-style-six.style-two .header-top {background-color: #131513;padding: 0 60px;}
@media (max-width: 1399.98px) {
.header-style-six.style-two .header-top {padding: 0 30px;}
}
.header-style-six.style-two .header-top .header-top-inner {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;margin: 0 -32px;}
@media (max-width: 1399.98px) {
.header-style-six.style-two .header-lower {padding: 0 30px;}
}
.header-style-six.style-two .header-lower .header-lower-inner {margin: 0 -32px;}
.header-style-six.style-two .header-lower .logo-box {margin-right: 140px;padding: 42px 0;}
@media only screen and (max-width: 1709.98px) {
.header-style-six.style-two .header-lower .logo-box {margin-right: 30px;padding: 24px 0;}
}
@media only screen and (max-width: 1023.98px) {
.header-style-six.style-two .header-lower .logo-box {padding: 15px 0;}
}
.header-style-six.style-two .header-lower .outer-box .theme-btn {font-size: 14px;padding: 13px 34px;}
@media (max-width: 1199.98px) {
.header-style-six.style-two .header-lower .outer-box .theme-btn {display: none;}
}
.header-style-six.style-two .mobile-nav-toggler {display: none;}
@media (max-width: 1199.98px) {
.header-style-six.style-two .mobile-nav-toggler {display: block;}
}
.header-style-six.style-two .sticky-header .mobile-nav-toggler {display: none;}
@media only screen and (max-width: 1023.98px) {
.header-style-six.style-two .sticky-header .mobile-nav-toggler {display: block;}
}
/***Sticky Header***/
.sticky-header {background: #ffffff;-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);left: 0px;opacity: 0;padding: 0px 0px;position: fixed;top: 0px;visibility: hidden;width: 100%;z-index: 99999;}
.sticky-header.fixed-header {opacity: 1;visibility: visible;z-index: 9999;}
.sticky-header .logo {padding: 10px 0;}
.sticky-header .logo img {max-height: 40px;}
.sticky-header .nav-outer {background: none;position: relative;}
.sticky-header .inner-container {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;position: relative;}
.sticky-header .main-menu .navigation > li {margin: 0;margin-left: 40px;padding: 20px 0;}
.sticky-header .main-menu .navigation > li > a {color: #707070;}
.sticky-header .main-menu .navigation > li.current > a,.sticky-header .main-menu .navigation > li:hover > a {color: var(--theme-color2);}
.sticky-header .main-menu .navigation > li:before {display: none;}
.sticky-header .outer-box,.sticky-header .navbar-header {display: none;}
.sticky-header .mobile-nav-toggler {color: var(--theme-color1);}
/***Mobile Menu
***/
.mobile-nav-toggler {position: relative;font-size: 24px;line-height: 20px;cursor: pointer;color: var(--theme-color1);display: none;top: 0px;margin-left: 25px;-webkit-box-ordinal-group: 9;-ms-flex-order: 8;order: 8;}
@media only screen and (max-width: 1023.98px) {
.mobile-nav-toggler {display: block;}
}
.mobile-menu {position: fixed;right: 0;top: 0;width: 300px;max-width: 100%;height: 100%;opacity: 0;visibility: hidden;z-index: 999999;}
.mobile-menu .menu-backdrop {position: fixed;right: 0;top: 0;width: 100%;height: 100%;z-index: 1;background: rgba(0, 0, 0, 0.7);opacity: 0;visibility: hidden;}
.mobile-menu .upper-box {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 100%;padding: 20px 20px;}
.mobile-menu .close-btn {position: relative;top: -10px;text-align: center;font-size: 18px;color: var(--theme-color3);cursor: pointer;z-index: 10;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;-webkit-transform: translateY(-50px);transform: translateY(-50px);}
.mobile-menu .close-btn:hover {opacity: 0.5;}
.mobile-menu .nav-logo {position: relative;text-align: left;width: 100%;}
.mobile-menu .nav-logo img {max-height: 40px;}
.mobile-menu .menu-box {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;left: 0px;top: 0px;width: 100%;height: 100%;max-height: 100%;overflow-y: auto;background: var(--bg-theme-color1);padding: 0px 0px;z-index: 5;opacity: 0;visibility: hidden;border-radius: 0px;-webkit-transform: translateX(101%);transform: translateX(101%);}.mobile-menu-visible {overflow: hidden;}
.mobile-menu-visible .mobile-menu {opacity: 1;visibility: visible;}
.mobile-menu-visible .mobile-menu .menu-backdrop {opacity: 1;visibility: visible;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.mobile-menu-visible .mobile-menu .menu-box {opacity: 1;visibility: visible;-webkit-transition: all 0.4s ease 200ms;transition: all 0.4s ease 200ms;-webkit-transform: translateX(0%);transform: translateX(0%);}
.mobile-menu-visible .mobile-menu .close-btn {-webkit-transform: translateY(0px);transform: translateY(0px);}
.mobile-menu-visible .scroll-to-top {opacity: 0;visibility: hidden;}
.mobile-menu .navigation {position: relative;display: block;width: 100%;border-top: 1px solid rgba(255, 255, 255, 0.1);}
.mobile-menu .navigation li {position: relative;display: block;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.mobile-menu .navigation li > ul > li:last-child {border-bottom: none;}
.mobile-menu .navigation li > ul > li:first-child {border-top: 1px solid rgba(255, 255, 255, 0.1);}
.mobile-menu .navigation li > a {position: relative;display: block;line-height: 24px;padding: 10px 20px;font-size: 16px;color: #ffffff;font-weight: 400;text-transform: capitalize;}
.mobile-menu .navigation li:hover > a, .mobile-menu .navigation li.current > a {color: var(--theme-color2);}
.mobile-menu .navigation li.dropdown .dropdown-btn {position: absolute;right: 0px;top: 0px;width: 44px;height: 44px;text-align: center;font-size: 16px;line-height: 44px;color: #ffffff;cursor: pointer;z-index: 5;}
.mobile-menu .navigation li.dropdown .dropdown-btn:after {content: "";position: absolute;left: 0px;top: 10px;width: 1px;height: 24px;border-left: 1px solid rgba(255, 255, 255, 0.1);}
.mobile-menu .navigation li.dropdown .dropdown-btn.active i:before {content: "\f106";}
.mobile-menu .navigation li > ul,.mobile-menu .navigation li > ul > li > ul {display: none;}
.mobile-menu .navigation li > ul > li {padding-left: 20px;}
.contact-list-one {position: relative;padding: 30px 20px 20px;}
.contact-list-one li {position: relative;margin-bottom: 20px;}.contact-list-one li:last-child {margin-right: 0;}
.contact-list-one li .contact-info-box {position: relative;padding-left: 54px;font-size: 14px;line-height: 24px;color: #ffffff;}
.contact-list-one li .contact-info-box a {color: #ffffff;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.contact-list-one li .contact-info-box .icon {position: absolute;left: 0;top: 0;font-size: 34px;line-height: 50px;color: var(--theme-color2);}
.contact-list-one li .contact-info-box .title {display: block;font-size: 12px;color: #b2c1c0;font-weight: 400;text-transform: uppercase;}
.mobile-menu .social-links {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;background: var(--bg-theme-color1);width: 100%;border-top: 1px solid rgba(255, 255, 255, 0.1);margin-top: auto;}
.mobile-menu .social-links li {position: relative;text-align: center;width: 100%;border-right: 1px solid rgba(255, 255, 255, 0.1);}
.mobile-menu .social-links li a {position: relative;display: block;line-height: 50px;height: 50px;font-size: 14px;text-align: center;color: var(--theme-color3);-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.mobile-menu .social-links li a:hover {color: var(--theme-color2);}
/*** Section Title***/
.sec-title {position: relative;margin-bottom: 40px;}
.sec-title .sub-title {position: relative;top: -8px;font-size: var(--sec-title-subtitle-font-size);color: var(--sec-title-subtitle-color);line-height: var(--sec-title-subtitle-line-height);font-weight: var(--sec-title-subtitle-font-weight);font-family: var(--sec-title-subtitle-font-family);display: inline-block;text-transform: uppercase;letter-spacing: 0.1em;}
.sec-title .sub-title:before {position: absolute;left: 100%;top: 50%;height: 2px;width: 40px;margin-left: 10px;margin-top: -1px;background: var(--bg-theme-color2);content: "";}
.sec-title h1 {position: relative;font-size: 60px;line-height: 1em;color: var(--sec-title-color);font-family: var(--sec-title-font-family);font-weight: var(--sec-title-font-weight);}
.sec-title h2 {position: relative;font-size: var(--sec-title-font-size);color: var(--sec-title-color);font-family: var(--sec-title-font-family);font-weight: var(--sec-title-font-weight);letter-spacing: 0.01em;margin-top: -5px;margin-bottom: 0;}
@media (max-width: 1199.98px) {
.sec-title h2 {font-size: 42px;}
.sec-title h2 br {display: none;}
}
.sec-title .text {margin-top: 30px;}
.sec-title.light h2,.sec-title.light h1 {color: #fff;}
.sec-title.light .text {color: #8c8f94;}
.sec-title.light .sub-title {color: var(--theme-color2);}
.sec-title.light h2,.sec-title.light h1 {color: #fff;}
.sec-title.light .text {color: #8c8f94;}
.sec-title.light .sub-title.light {color: #fff;}
.sec-title.light .sub-title.light:before {content: none;}
/*** Main Slider***/
.main-slider {position: relative;}
.main-slider .title {position: relative;display: inline-block;line-height: 30px;padding: 7px 30px;padding-left: 80px;font-size: 14px;color: #ffffff;font-weight: 500;text-transform: uppercase;letter-spacing: 0.01em;background-color: rgba(255, 255, 255, 0.1);}
.main-slider .title:before {position: absolute;left: 30px;top: 50%;margin-top: -1px;height: 2px;width: 40px;background-color: var(--bg-theme-color2);content: "";}
.main-slider h1 {position: relative;display: block;font-size: 90px;line-height: 1.1em;color: #ffffff;font-weight: 700;letter-spacing: 0.01em;text-transform: capitalize;}
.main-slider .text {font-size: 18px;line-height: 36px;color: rgba(255, 255, 255, 0.5);}
.main-slider .btn-box {position: relative;}
.main-slider .theme-btn {display: inline-block;white-space: nowrap;min-width: 200px !important;}
.tp-dottedoverlay {background-color: #222429;opacity: 0;}
.tp-bannertimer {display: none;}
/*** Banner Section ***/
.banner-section {margin-top: 40px;position: relative;overflow: hidden;}
@media only screen and (max-width: 1023.98px) {
.banner-section {margin-top: 0;}
}
.banner-section:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url(../images/main-slider/shape-1.png);content: "";z-index: 8;pointer-events: none;}
.banner-section .slide-item {position: relative;min-height: 954px;}
@media (max-width: 1399.98px) {
.banner-section .slide-item {min-height: auto;}
}
.banner-section .slide-item .bg-image {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;
}
.banner-section .content-box {position: relative;padding: 357px 0 200px;text-align: center;}
@media (max-width: 1399.98px) {
.banner-section .content-box {padding: 320px 0 200px;}
}
@media (max-width: 1199.98px) {
.banner-section .content-box {padding: 300px 0 200px;}
}
@media (max-width: 991.98px) {
.banner-section .content-box {padding: 240px 0 180px;}
}
@media (max-width: 575.98px) {
.banner-section .content-box {padding: 220px 0 160px;}
}
.banner-section .content-box .sub-title {position: relative;display: inline-block;line-height: 30px;font-size: 14px;color: #ffffff;font-weight: 500;text-transform: uppercase;letter-spacing: 0.15em;margin-bottom: 9px;}
.banner-section .content-box .title {color: #ffffff;font-size: 98px;line-height: 100px;margin-bottom: 38px;}
@media (max-width: 991.98px) {
.banner-section .content-box .title {font-size: 60px;line-height: 1;}
}
@media (max-width: 575.98px) {
.banner-section .content-box .title {font-size: 40px;}
}
.banner-section .content-box .title-stroke {color: #ffffff;font-size: 200px;font-weight: 700;line-height: 1;font-family: var(--text-font);line-height: 1;position: absolute;left: calc(50% - 340px);top: 280px;-webkit-text-fill-color: transparent;-webkit-text-stroke: 1px rgba(255, 255, 255, 0.15);}
@media (max-width: 1399.98px) {
.banner-section .content-box .title-stroke {top: 240px;}
}
@media (max-width: 991.98px) {
.banner-section .content-box .title-stroke {font-size: 100px;left: calc(50% - 170px);top: 205px;}
}
@media (max-width: 575.98px) {
.banner-section .content-box .title-stroke {font-size: 80px;left: calc(50% - 136px);top: 195px;}
}
.banner-section .content-box .btn-box {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;}
@media (max-width: 1399.98px) {
.banner-section .banner-carousel .owl-stage-outer {height: auto !important;}
}
/* Animate 1 */
.owl-carousel .animate-7,.owl-carousel .animate-6,.owl-carousel .animate-5,.owl-carousel .animate-4,.owl-carousel .animate-3,.owl-carousel .animate-2,.owl-carousel .animate-1 {opacity: 0;-webkit-transform: translateY(100px);transform: translateY(100px);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.owl-carousel .animate-x {opacity: 0;-webkit-transform: translateX(100px);transform: translateX(100px);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.owl-carousel .animate-fade {opacity: 0;-webkit-transform: translate(0);transform: translate(0);-webkit-transition: all 1s ease;transition: all 1s ease;}
.owl-carousel .active .animate-fade,.owl-carousel .active .animate-7,.owl-carousel .active .animate-6,.owl-carousel .active .animate-5,.owl-carousel .active .animate-4,.owl-carousel .active .animate-3,.owl-carousel .active .animate-2,.owl-carousel .active .animate-1 {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.owl-carousel .active .animate-2 {-webkit-transition-delay: 300ms;transition-delay: 300ms;}
.owl-carousel .active .animate-3 {-webkit-transition-delay: 600ms;transition-delay: 600ms;}
.owl-carousel .active .animate-4 {-webkit-transition-delay: 900ms;transition-delay: 900ms;}
.owl-carousel .active .animate-5 {-webkit-transition-delay: 1200ms;transition-delay: 1200ms;}
.owl-carousel .active .animate-6 {-webkit-transition-delay: 1500ms;transition-delay: 1500ms;}
.owl-carousel .active .animate-7 {-webkit-transition-delay: 1800ms;transition-delay: 1800ms;}
.banner-carousel .owl-nav {position: absolute;left: 0;right: 0;top: 40%;max-width: 1170px;margin: -25px auto 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
@media (max-width: 1199.98px) {
.banner-carousel .owl-nav {left: 15px;right: 15px;}
}
@media (max-width: 767.98px) {
.banner-carousel .owl-nav {display: none;}
}
.banner-carousel .owl-nav .owl-next,
.banner-carousel .owl-nav .owl-prev {display: block;margin: 10px 0;height: 50px;width: 50px;color: #ffffff;border-radius: 50%;border: 2px solid #ffffff;font-size: 14px;line-height: 48px;font-weight: 700;text-align: center;opacity: 0.1;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.banner-carousel .owl-nav .owl-next:hover,
.banner-carousel .owl-nav .owl-prev:hover {opacity: 1;}
/*** Banner Section Two***/
.banner-section-two {position: relative;overflow: hidden;}
.banner-section-two:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url(../images/main-slider/s3-shape-1.png);content: "";z-index: 8;pointer-events: none;}
.banner-section-two .slide-item {position: relative;}
.banner-section-two .slide-item .bg-image {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.banner-section-two .content-box {position: relative;z-index: 2;padding: 189px 0 188px;max-width: 700px;}
@media (max-width: 1199.98px) {
.banner-section-two .content-box {max-width: 650px;}
}
@media (max-width: 575.98px) {
.banner-section-two .content-box {padding: 139px 0 138px;}
}
.banner-section-two .content-box .sub-title {position: relative;display: inline-block;line-height: 29px;padding: 8px 30px;font-size: 14px;color: var(--theme-color-light);font-weight: 500;text-transform: uppercase;letter-spacing: 0.1em;background-color: rgba(255, 255, 255, 0.1);margin-bottom: 31px;}
@media (max-width: 575.98px) {
.banner-section-two .content-box .sub-title {padding: 2px 20px;}
}
.banner-section-two .content-box .title {color: var(--theme-color-light);font-size: 65px;font-weight: 700;line-height: 90px;letter-spacing: 0.03em;margin-bottom: 43px;text-transform:uppercase}
@media (max-width: 1199.98px) {
.banner-section-two .content-box .title {font-size: 60px;}
}
@media (max-width: 575.98px) {
.banner-section-two .content-box .title {font-size: 40px;}
}
.banner-section-two .content-box .btn-style-one {font-size: 14px;padding: 15px 47px;}
.banner-section-two .banner-carousel .owl-stage-outer {height: auto !important;}
.banner-section-two .banner-carousel .owl-nav {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
@media (max-width: 1199.98px) {
.banner-section-two .banner-carousel .owl-nav {margin-right: 35px;}
}
@media (max-width: 991.98px) {
.banner-section-two .banner-carousel .owl-nav {display: none;}
}
/*** Banner Section Three ***/
.banner-section-three {position: relative;overflow: hidden;}
.banner-section-three:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url(../images/main-slider/shape-2.png);content: "";z-index: 8;pointer-events: none;}
.banner-section-three .slide-item {position: relative;}
.banner-section-three .slide-item:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-color: var(--bg-theme-color1);opacity: 0.6;content: "";z-index: 1;}
.banner-section-three .slide-item .bg-image {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.banner-section-three .content-box {position: relative;z-index: 2;padding: 350px 0 230px;text-align: center;}
.banner-section-three .content-box .title {font-size: 120px;color: #ffffff;font-weight: 700;line-height: 1em;text-transform: uppercase;letter-spacing: 0.02em;margin-bottom: 0;}
.banner-section-three .content-box .sub-title {font-size: 50px;color: #ffffff;font-weight: 400;line-height: 1em;text-transform: uppercase;letter-spacing: 0.13em;margin-bottom: 10px;}
.banner-section-three .content-box .btn-box {margin-top: 50px;}
.banner-section-three .banner-carousel .owl-nav {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
/*** Banner Section Four***/
.banner-section-four {position: relative;overflow: hidden;}
.banner-section-four:before {position: absolute;right: 0;bottom: 0;background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url(../images/main-slider/shape-3.png);content: "";height: 488px;width: 488px;z-index: 8;pointer-events: none;}
.banner-section-four .slide-item {position: relative;}
.banner-section-four .slide-item:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-color: var(--bg-theme-color1);opacity: 0.7;content: "";z-index: 1;}
.banner-section-four .slide-item .bg-image {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.banner-section-four .content-box {position: relative;z-index: 2;padding: 210px 0 220px;text-align: center;}
.banner-section-four .content-box .title {color: #ffffff;font-weight: 700;line-height: 1em;letter-spacing: 0.22em;text-transform: uppercase;margin-bottom: 15px;}
.banner-section-four .content-box .text {font-size: 18px;color: #ffffff;line-height: 2em;font-weight: 400;margin-bottom: 30px;}
.banner-section-four .content-box .btn-box {position: relative;}
.banner-section-four .banner-carousel .owl-nav {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 0 15px;}
/***  Banner Section Five ***/
.banner-section-five {position: relative;overflow: hidden;}
.banner-section-five:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url(../images/main-slider/s2-shape-3.png);content: "";z-index: 8;pointer-events: none;}
.banner-section-five .slide-item {position: relative;}
.banner-section-five .slide-item .bg-image {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.banner-section-five .content-box {position: relative;z-index: 2;padding: 338px 0 218px;max-width: 700px;}
@media (max-width: 1199.98px) {
.banner-section-five .content-box {padding: 280px 0 160px;}
}
@media only screen and (max-width: 1023.98px) {
.banner-section-five .content-box {padding: 220px 0 160px;}
}
@media (max-width: 767.98px) {
.banner-section-five .content-box {padding: 180px 0 150px;}
}
.banner-section-five .content-box .content-box-inner {position: relative;}
.banner-section-five .content-box .anim-icons {pointer-events: none;}
.banner-section-five .content-box .image {position: absolute;height: 160px;width: 206px;right: -16px;margin-bottom: 0;top: 30px;}
@media (max-width: 767.98px) {
.banner-section-five .content-box .image {height: 146px;width: 140px;right: 180px;}
}
@media (max-width: 575.98px) {
.banner-section-five .content-box .image {height: 117px;width: 101px;right: 80px;top: -10px;}
}
.banner-section-five .content-box .play-btn {background-color: var(--theme-color2);border-radius: 50%;outline: 1px solid var(--text-color-bg-theme-color2);outline-offset: 4px;font-size: 16px;color: var(--text-color-bg-theme-color2);font-weight: 600;margin-bottom: 35px;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;text-align: center;height: 60px;line-height: 60px;width: 60px;}
.banner-section-five .content-box .play-btn:hover {background-color: var(--text-color-bg-theme-color2);color: var(--theme-color2);outline-color: var(--text-color-bg-theme-color2);}
.banner-section-five .content-box .sub-title {position: relative;display: block;font-size: 16px;color: var(--theme-color-light);font-weight: 500;text-transform: uppercase;letter-spacing: 0.1em;margin-bottom: 15px;}
.banner-section-five .content-box .title {color: var(--theme-color-light);font-size: 96px;font-weight: 700;line-height: 100px;letter-spacing: 0;margin-bottom: 50px;}
@media (max-width: 991.98px) {
.banner-section-five .content-box .title {font-size: 60px;line-height: 1;}
}
@media (max-width: 575.98px) {
.banner-section-five .content-box .title {font-size: 40px;}
}
.banner-section-five .banner-carousel .owl-stage-outer {height: auto !important;}
.banner-section-five .banner-carousel .owl-nav {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;top: calc(50% + 48px);}
.banner-section-five .banner-carousel .owl-nav .owl-next,.banner-section-five .banner-carousel .owl-nav .owl-prev {background-color: rgba(255, 255, 255, 0.3);border: none;color: var(--theme-color-light);border-radius: 0;display: block;font-size: 14px;font-weight: 400;height: 60px;line-height: 58px;margin: 7px 0;opacity: 1;text-align: center;width: 60px;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.banner-section-five .banner-carousel .owl-nav .owl-next:hover,
.banner-section-five .banner-carousel .owl-nav .owl-prev:hover {background-color: var(--theme-color-light);color: #16171A;}
/*** Banner Section Six ***/
.banner-section-six {position: relative;overflow: hidden;}
.banner-section-six:before {background-image: url(../images/main-slider/s1-shape-1.png);position: absolute;left: 0;bottom: 0;height: 288px;width: 201px;content: "";z-index: 8;pointer-events: none;}
@media (max-width: 991.98px) {
.banner-section-six:before {height: 142px;width: 160px;}
}
@media (max-width: 575.98px) {
.banner-section-six:before {display: none;}
}
.banner-section-six .slide-item {position: relative;min-height: 994px;}
@media only screen and (max-width: 1699.98px) {
.banner-section-six .slide-item {min-height: auto;}
}
.banner-section-six .slide-item .bg-image {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.banner-section-six .content-box {position: relative;padding: 380px 0 289px;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
@media only screen and (max-width: 1699.98px) {
.banner-section-six .content-box {padding: 340px 0 250px;}
}
@media only screen and (max-width: 1023.98px) {
.banner-section-six .content-box {padding: 280px 0 250px;}
}
@media (max-width: 991.98px) {
.banner-section-six .content-box {padding: 200px 0 200px;}
}
.banner-section-six .content-box .inner-content {max-width: 767px;position: relative;width: 100%;}
.banner-section-six .content-box .inner-content .shape-line {position: absolute;left: 0;right: 0;top: 0;}
.banner-section-six .content-box .inner-content .shape-line:before {background-color: var(--theme-color-light);content: "";position: absolute;left: 0;top: 15px;height: 225px;width: 1px;}
@media (max-width: 575.98px) {
.banner-section-six .content-box .inner-content .shape-line:before {display: none;}
}
.banner-section-six .content-box .inner-content .shape-line:after {background-color: var(--theme-color-light);content: "";position: absolute;right: 0;top: 15px;height: 225px;width: 1px;}
@media (max-width: 575.98px) {
.banner-section-six .content-box .inner-content .shape-line:after {display: none;}
}
.banner-section-six .content-box .anim-icons {pointer-events: none;}
.banner-section-six .content-box .anim-icons .image-1 {position: relative;z-index: 1;}
.banner-section-six .content-box .anim-icons .shape-1 {background-color: rgba(var(--theme-color2-rgb), 0.8);border-radius: 50%;height: 400px;width: 400px;left: -528px;position: absolute;top: -170px;}
@media only screen and (max-width: 1699.98px) {
.banner-section-six .content-box .anim-icons .shape-1 {height: 220px;width: 220px;left: -280px;top: -90px;}
}
.banner-section-six .content-box .anim-icons .shape-2 {background-color: rgba(0, 0, 0, 0.8);border-radius: 50%;height: 314px;width: 314px;left: -407px;position: absolute;top: 7px;}
@media only screen and (max-width: 1699.98px) {
.banner-section-six .content-box .anim-icons .shape-2 {height: 180px;width: 180px;left: -230px;top: 0px;}
}
.banner-section-six .content-box .anim-icons .shape-3 {background-color: rgba(var(--theme-color2-rgb), 0.2);border-radius: 50%;height: 167px;width: 167px;right: -365px;position: absolute;bottom: -170px;}
@media only screen and (max-width: 1699.98px) {
.banner-section-six .content-box .anim-icons .shape-3 {right: -270px;bottom: -145px;}
}
.banner-section-six .content-box .sub-title {position: relative;display: inline-block;line-height: 30px;font-size: 16px;color: #ffffff;font-weight: 500;text-transform: uppercase;letter-spacing: 0.1em;margin-bottom: 20px;overflow: hidden;width: 100%;}
@media (max-width: 575.98px) {
.banner-section-six .content-box .sub-title {font-size: 14px;margin-bottom: 10px;}
}
.banner-section-six .content-box .sub-title .inner {position: relative;}
.banner-section-six .content-box .sub-title .inner:before {background-color: var(--theme-color-light);content: "";position: absolute;right: calc(100% + 21px);top: 10px;height: 1px;width: 500px;}
@media (max-width: 575.98px) {
.banner-section-six .content-box .sub-title .inner:before {display: none;}
}
.banner-section-six .content-box .sub-title .inner:after {background-color: var(--theme-color-light);content: "";position: absolute;left: calc(100% + 21px);top: 10px;height: 1px;width: 500px;}
@media (max-width: 575.98px) {
.banner-section-six .content-box .sub-title .inner:after {display: none;}
}
.banner-section-six .content-box .title {color: #ffffff;font-size: 90px;line-height: 95px;letter-spacing: 0;margin-bottom: 30px;}
@media (max-width: 991.98px) {
.banner-section-six .content-box .title {font-size: 60px;line-height: 1.1;}
}
@media (max-width: 575.98px) {
.banner-section-six .content-box .title {font-size: 40px;}
}
.banner-section-six .content-box .btn-box {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;}
@media only screen and (max-width: 1699.98px) {
.banner-section-six .banner-carousel .owl-stage-outer {height: auto !important;}
}
.banner-section-six .banner-carousel .owl-nav {display: none;}
.banner-section-six .banner-carousel .owl-dots {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: absolute;left: 0;width: 100%;bottom: 50px;}
.banner-section-six .banner-carousel .owl-dots .owl-dot span {background-color: var(--theme-color-light);outline: 5px solid transparent;outline-offset: -3px;border-radius: 50%;display: inline-block;width: 10px;height: 10px;margin: 0 5px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.banner-section-six .banner-carousel .owl-dots .owl-dot.active span {outline-color: var(--theme-color-light);}
/*** Features Section ***/
.features-section {position: relative;padding: 100px 0 70px;z-index: 2;}
.features-section.pull-up .outer-box {margin-top: -30px;}
.feature-block {position: relative;margin-bottom: 30px;z-index: 1;}
.feature-block .inner-box {position: relative;overflow: hidden;height: 100%;padding: 40px 40px 30px;background-color: #ffffff;background-image: url(../images/icons/shape-1.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.feature-block .inner-box:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-color: #ffffff;content: "";-webkit-transition: all 300ms linear;transition: all 300ms linear;}
.feature-block .inner-box:hover {-webkit-transform: translateY(-10px);transform: translateY(-10px);-webkit-box-shadow: none;box-shadow: none;}
.feature-block .inner-box:hover:before {height: 0;}
.feature-block .inner-box:hover .title,
.feature-block .inner-box:hover .title a {color: #ffffff;}
.feature-block .inner-box:hover .text {color: #8c8f94;}
.feature-block .title-box {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-left: 90px;min-height: 70px;margin-bottom: 10px;}
.feature-block .icon {position: absolute;left: 0;top: 0;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: 70px;width: 70px;background-color: var(--bg-theme-color2);color: var(--theme-color1);font-size: 48px;font-weight: 900;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.feature-block .title {margin-bottom: 0;}
.feature-block .title:hover {color: var(--theme-color1);}
.feature-block .text {position: relative;}
/*** Features Section Two ***/
.features-section-two {position: relative;padding: 120px 0;z-index: 2;}
@media (max-width: 991.98px) {
.features-section-two {padding: 90px 0;}
}
.features-section-two:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;background-color: #F5F6F8;background-image: url(../images/icons/bg-shape-tm-1.png);content: "";}
.features-section-two .bottom-text {position: relative;text-align: center;font-size: 18px;color: #808287;font-weight: 500;margin-top: 10px;}
.features-section-two .bottom-text .theme-btn {line-height: 20px;padding: 6px 20px 4px;font-size: 12px;text-transform: uppercase;margin-left: 15px;}
@media (max-width: 767.98px) {
.features-section-two .bottom-text .theme-btn {margin-top: 15px;}
}
.feature-block-two {position: relative;margin-bottom: 30px;z-index: 1;}
.feature-block-two .inner-box {border-top: 5px solid var(--theme-color2);position: relative;overflow: hidden;height: 100%;padding: 30px 20px 25px;background-color: #ffffff;text-align: center;min-height: 175px;-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);-webkit-transition: all 300ms linear;transition: all 300ms linear;}
.feature-block-two .inner-box:before {position: absolute;left: 0;bottom: 0;height: 0;width: 100%;background-color: var(--theme-color2);content: "";-webkit-transition: all 300ms linear;transition: all 300ms linear;}
.feature-block-two .inner-box:after {position: absolute;left: 0;bottom: 0;height: 100%;width: 100%;background-image: url(../images/icons/shape-tm-1.png);background-repeat: no-repeat;background-position: center;background-size: cover;content: "";-webkit-transition: all 300ms linear;transition: all 300ms linear;}
.feature-block-two .inner-box:hover {-webkit-transform: translateY(-10px);transform: translateY(-10px);}.feature-block-two .inner-box:hover:before {height: 100%;}
.feature-block-two .inner-box:hover:after {background-image: url(../images/icons/shape-tm-1-hover.png);}
.feature-block-two .inner-box:hover .title,.feature-block-two .inner-box:hover .icon {color: var(--text-color-bg-theme-color2);}
.feature-block-two .icon {position: relative;display: block;font-size: 64px;color: var(--theme-color2);font-weight: 900;line-height: 64px;margin-bottom: 30px;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.feature-block-two .title {margin-bottom: 0;}
.feature-block-two.dark .inner-box {background-color: var(--bg-theme-color2);background-image: url(../images/icons/shape-7.jpg);}
.feature-block-two.dark .inner-box:before {background-color: #2c2e33;}
.feature-block-two.dark .inner-box:hover .title {color: var(--theme-color1);}
.feature-block-two.dark .inner-box:hover .icon {color: var(--theme-color1);}.feature-block-two.dark .title {color: #ffffff;}
/*** Features Section Three ***/
.features-section-three {position: relative;padding: 120px 0 90px;z-index: 2;background-color: #f2f3f6;}
.features-section-three .carousel-outer {padding: 0 45px;}
.features-section-three .features-carousel .feature-block-three {padding: 0px 15px 15px;}
.feature-block-three {position: relative;margin-bottom: 30px;z-index: 1;}
.feature-block-three .inner-box {position: relative;margin-top: 30px;height: 100%;padding: 35px 50px 25px;padding-left: 270px;background-color: #ffffff;min-height: 260px;-webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);-webkit-transition: all 300ms linear;transition: all 300ms linear;border-right: 6px solid var(--border-theme-color2);}
.feature-block-three .inner-box:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-color: #ffffff;background-image: url(../images/icons/icon-lines-2.png);background-repeat: no-repeat;background-position: right bottom;content: "";-webkit-transition: all 300ms linear;transition: all 300ms linear;}
.feature-block-three .inner-box:hover .image img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.feature-block-three .inner-box:hover .image:after {height: 100%;opacity: 0;-webkit-transition: all 400ms linear;transition: all 400ms linear;}
.feature-block-three .inner-box:hover .image .icon {background-color: var(--bg-theme-color1);color: var(--theme-color2);}
.feature-block-three .inner-box:hover .title {color: var(--theme-color2);}
.feature-block-three .image {position: absolute;left: 30px;top: -30px;margin-bottom: 0px;overflow: hidden;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.feature-block-three .image img {width: 100%;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.feature-block-three .image:after {background: rgba(255, 255, 255, 0.3);content: "";position: absolute;left: 0;top: 0;width: 100%;height: 0;opacity: 1;z-index: 9;pointer-events: none;}
.feature-block-three .image .icon {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);height: 75px;width: 75px;background-color: var(--bg-theme-color2);font-size: 30px;color: var(--theme-color1);font-weight: 700;text-align: center;line-height: 75px;border-radius: 50%;font-family: var(--title-font);-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.feature-block-three .title {margin-bottom: 15px;}
.feature-block-three .text {position: relative;margin-bottom: 0;}
/***  Features Section Four ***/
.features-section-four {position: relative;padding: 120px 0;}
.features-section-four.pull-down {margin-bottom: -60px;z-index: 3;}
.features-section-four .outer-box {
background-color: #ffffff;
-webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
padding: 30px;
}
@media (max-width: 991.98px) {
.features-section-four .feature-block-four {margin-bottom: 30px;}
}
.features-section-four .feature-block-four:last-child {margin-bottom: 0;}
@media (max-width: 575.98px) {
.features-section-four .feature-block-four .inner-box .content {padding-left: 20px;}
}
@media (max-width: 575.98px) {
.features-section-four .feature-block-four .inner-box .content .icon {position: relative;left: 0;top: 0;margin-bottom: 20px;display: block;}
}
@media (max-width: 575.98px) {
.features-section-four .feature-block-four .inner-box:hover .content .icon {-webkit-transform: none;transform: none;color: #ffffff;}
}
.feature-block-four {position: relative;}
.feature-block-four .inner-box:hover .content .icon {-webkit-transform: rotateY(190deg);transform: rotateY(190deg);color: #ffffff;}
.feature-block-four .inner-box:hover .content:before {opacity: 0;}
.feature-block-four .inner-box .content {position: relative;background-repeat: no-repeat;background-position: center;background-size: cover;padding: 45px 40px 50px;padding-left: 125px;}
.feature-block-four .inner-box .content:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-color: var(--bg-theme-color1);opacity: 0;content: "";-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.feature-block-four .inner-box .content .icon {position: absolute;left: 40px;top: 40px;font-size: 64px;color: var(--theme-color2);-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.feature-block-four .inner-box .content .title {font-size: 20px;font-weight: 700;color: #ffffff;margin-bottom: 5px;}
.feature-block-four .inner-box .content .text {position: relative;font-size: 16px;line-height: 30px;color: #ffffff;margin-bottom: 0;}
/*** Features Section Five ***/
.features-section-five {position: relative;padding: 120px 0 70px;}
.feature-block-five {position: relative;margin-bottom: 50px;}
.feature-block-five .inner-box {position: relative;background-color: #ffffff;padding: 70px 40px 105px;margin-bottom: 45px;text-align: center;}
.feature-block-five .inner-box:hover .bg-image:before {background-color: #ffffff;opacity: 0.9;}
.feature-block-five .inner-box:hover .text,.feature-block-five .inner-box:hover .title {color: var(--theme-color1);}
.feature-block-five .inner-box:hover .count {background-color: var(--bg-theme-color1);color: #ffffff;-webkit-box-shadow: 0 10px -30px rgba(0, 0, 0, 0.2);box-shadow: 0 10px -30px rgba(0, 0, 0, 0.2);}
.feature-block-five .inner-box .bg-image {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
.feature-block-five .inner-box .bg-image:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-color: var(--bg-theme-color1);opacity: 0.7;content: "";-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.feature-block-five .inner-box .bg-image img {-o-object-fit: cover;object-fit: cover;width: 100%;height: 100%;}
.feature-block-five .inner-box .title {color: #ffffff;margin-bottom: 25px;}
.feature-block-five .inner-box .text {position: relative;font-size: 16px;line-height: 30px;color: rgba(255, 255, 255, 0.7);margin-bottom: 0;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.feature-block-five .inner-box .count {position: absolute;left: 0;right: 0;margin: 0 auto;bottom: -68px;height: 135px;width: 135px;border: 23px solid #ffffff;border-radius: 50%;background-color: var(--bg-theme-color2);color: var(--theme-color1);font-size: 20px;font-weight: 700;font-family: var(--title-font);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-transition: all 300ms ease;transition: all 300ms ease;}
/*** Features Section Six***/
.features-section-six {position: relative;padding: 120px 0 90px;}
.features-section-six:before {position: absolute;right: 0;top: 0px;width: 450px;height: 450px;border-radius: 0 0 0 500px;background-color: var(--bg-theme-color3);content: "";z-index: -1;}
.feature-block-six {position: relative;margin-bottom: 30px;}
.feature-block-six .inner-box {position: relative;background-color: #ffffff;padding: 60px 30px 50px;text-align: center;height: 100%;background-image: url(../images/resource/feature-bg.jpg);-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.feature-block-six .inner-box:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;background-color: var(--bg-theme-color2);opacity: 0.9;content: "";}
.feature-block-six .inner-box:hover {-webkit-transform: translateY(-10px);transform: translateY(-10px);-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);}
.feature-block-six .inner-box .image {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
.feature-block-six .inner-box .image img {-o-object-fit: cover;object-fit: cover;width: 100%;height: 100%;}
.feature-block-six .inner-box .icon {position: relative;display: block;font-size: 60px;color: var(--theme-color1);font-family: var(--title-font);line-height: 1em;font-weight: 700;margin-bottom: 10px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.feature-block-six .inner-box .title {font-size: 30px;font-weight: 400;margin-bottom: 25px;}
.feature-block-six .inner-box .theme-btn.small {padding: 5px 20px;line-height: 20px;}
/*** Features Section Seven ***/
.features-section-seven {
background-color: #0F0C1D;
position: relative;
padding: 120px 0 90px;
z-index: 2;
}
@media (max-width: 991.98px) {
.features-section-seven {padding: 50px 0 60px;}
}
.features-section-seven:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(../images/icons/shape-tm-9.png);
content: "";
}
.features-section-seven .title-column {
position: relative;
margin-bottom: 60px;
padding-top: 42px;
}
.features-section-seven .title-column .sec-title {
margin-bottom: 0;
}
.features-section-seven .image-column {
position: relative;
margin-bottom: 60px;
}
.features-section-seven .image-column .image-box {
position: relative;
padding-left: 70px;
text-align: right;
}
@media (max-width: 991.98px) {
.features-section-seven .image-column .image-box {padding-left: 15px;}
}
.features-section-seven .image-column .image-box .image {
position: relative;
margin-bottom: 0;
}
.features-section-seven .image-column .image-box .image:before {
position: absolute;
left: -10px;
top: 30px;
bottom: 30px;
background-color: var(--bg-theme-color2);
width: 10px;
content: "";
}
.features-section-seven .image-column .image-box .image img {display: block;}
.features-section-seven.style-two {background-color: var(--bg-theme-color1);}
.features-section-seven.style-two:before {background-image: url(../images/icons/pattern-22.jpg);}
.feature-block-seven {
position: relative;
margin-bottom: 30px;
z-index: 1;
}
.feature-block-seven .inner-box {
position: relative;
overflow: hidden;
height: 100%;
padding: 30px 10px 15px;
border: 1px solid #4F4D5E;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
text-align: center;
}
.feature-block-seven .inner-box:before {position: absolute;left: 0;bottom: 0;height: 0;width: 100%;border-radius: 0;background-repeat: no-repeat;background-image: url(../images/icons/shape-tm-4.png);background-color: var(--bg-theme-color2);background-repeat: no-repeat;background-position: right bottom;content: "";-webkit-transition: all 300ms linear;transition: all 300ms linear;}
.feature-block-seven .inner-box:hover {-webkit-box-shadow: none;box-shadow: none;border-color: var(--bg-theme-color2);}
.feature-block-seven .inner-box:hover:before {height: 100%;}
.feature-block-seven .inner-box:hover .icon {color: var(--text-color-bg-theme-color2);}
.feature-block-seven .inner-box:hover .title,.feature-block-seven .inner-box:hover .title a {color: var(--text-color-bg-theme-color2);}
.feature-block-seven .inner-box:hover .text {color: #8c8f94;}
.feature-block-seven .icon-box {position: relative;margin-bottom: 40px;display: inline-block;}
.feature-block-seven .icon {position: relative;color: var(--theme-color2);font-size: 54px;font-weight: 900;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.feature-block-seven .title {color: var(--theme-color-light);margin-bottom: 10px;line-height: 30px;}
.feature-block-seven .title:hover {color: var(--theme-color1);}
.feature-block-seven .text {position: relative;font-size: 15px;line-height: 30px;}
/*** Features Section Eight***/
.features-section-eight {position: relative;z-index: 3;}
.features-section-eight.pull-top {margin-top: -50px;}
.features-section-eight .outer-box {
background-color: var(--bg-theme-color2);
background-image: url(../images/background/11.jpg);
position: relative;
}
@media (max-width: 1199.98px) {
.features-section-eight .outer-box {padding-bottom: 20px;}
}
.features-section-eight .outer-box:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-color: var(--bg-theme-color2);content: "";opacity: 0.95;}
.features-section-eight .title-column .inner-column {padding: 95px 0px 0 55px;}
@media (max-width: 1199.98px) {
.features-section-eight .title-column .inner-column {padding: 95px 0 0 30px;}
}
@media (max-width: 575.98px) {
.features-section-eight .title-column .inner-column {padding: 95px 30px 0 30px;}
}
@media (max-width: 1199.98px) {
.features-section-eight .sec-title {margin-bottom: 0;}
}
.features-section-eight .sec-title .sub-title {color: var(--text-color-bg-theme-color2);font-size: 14px;}
.features-section-eight .sec-title .sub-title:before {background-color: var(--text-color-bg-theme-color2);}
.features-section-eight .sec-title h2 {color: var(--text-color-bg-theme-color2);font-size: 32px;}
.features-section-eight .features-column .inner-column {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 100px 0 0 30px;position: relative;}
@media (max-width: 1199.98px) {
.features-section-eight .features-column .inner-column {padding: 60px 0 0 30px;}
}
@media (max-width: 991.98px) {
.features-section-eight .features-column .inner-column {padding: 30px 0 0 30px;}
}
@media (max-width: 575.98px) {
.features-section-eight .features-column .inner-column {display: block;}
}
.features-section-eight .features-column .list-style-two {margin-right: 60px;}
@media (max-width: 991.98px) {
.features-section-eight .features-column .list-style-two {margin-right: 40px;}
}
.features-section-eight .features-column .list-style-two:last-child {margin-right: 0;}
.features-section-eight .features-column .list-style-two li {color: var(--text-color-bg-theme-color2);}
@media (max-width: 991.98px) {
.features-section-eight .features-column .list-style-two li {font-size: 16px;}
}
.features-section-eight .features-column .list-style-two li i {color: var(--text-color-bg-theme-color2);}
.features-section-eight .image-column .image {position: relative;padding: 76px 0 60px;}
@media (max-width: 1199.98px) {
.features-section-eight .image-column .image {padding: 36px 0 60px;}
}
@media (max-width: 991.98px) {
.features-section-eight .image-column .image {padding: 36px 0 60px 30px;}
}
@media (max-width: 767.98px) {
.features-section-eight .image-column .image {padding: 36px 30px 60px 30px;}
}
@media (max-width: 991.98px) {
.features-section-eight .image-column .image img {width: 50%;}
}
@media (max-width: 767.98px) {
.features-section-eight .image-column .image img {width: 100%;}
}
/*** Features Section Nine ***/
.features-section-nine {position: relative;}
.features-section-nine .outer-box {
border-bottom: 1px solid rgba(var(--theme-color2-rgb), 0.1);
padding: 73px 0 45px;
}
@media (max-width: 767.98px) {
.features-section-nine .outer-box {padding: 82px 0 61px;}
}
@media (max-width: 575.98px) {
.features-section-nine .outer-box {padding: 82px 0 79px;}
}
.feature-block-nine {
position: relative;
margin-bottom: 30px;
z-index: 1;
}
.feature-block-nine .inner-box {
padding-left: 100px;
position: relative;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.feature-block-nine .inner-box:before {
position: absolute;
left: 0;
bottom: 0;
height: 0;
width: 100%;
background-color: var(--theme-color2);
content: "";
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.feature-block-nine .inner-box:hover {-webkit-transform: translateY(0px);transform: translateY(0px);}
.feature-block-nine .inner-box:hover .icon {color: var(--text-color-bg-theme-color2);}
.feature-block-nine .inner-box:hover .icon:after {width: 100%;}
.feature-block-nine .icon {background-color: rgba(var(--theme-color2-rgb), 0.1);border-radius: 10px;border-left: 2px solid var(--theme-color2);color: var(--theme-color2);display: block;font-size: 40px;font-weight: 900;height: 80px;line-height: 80px;left: 0;top: 5px;position: absolute;text-align: center;width: 80px;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
@media (max-width: 767.98px) {
.feature-block-nine .icon {top: -4px;}
}
@media (max-width: 575.98px) {
.feature-block-nine .icon {top: 5px;}
}
.feature-block-nine .icon:after {background-color: var(--theme-color2);border-radius: 10px;content: "";position: absolute;left: -1px;top: 0;height: 100%;width: 0;-webkit-transition: all 300ms linear;transition: all 300ms linear;z-index: -1;}
.feature-block-nine .title {margin-bottom: 9px;}
.feature-block-nine .text {color: #808287;line-height: 24px;margin-right: 40px;}
.feature-block-nine.dark .inner-box {background-color: var(--bg-theme-color2);background-image: url(../images/icons/shape-7.jpg);}
.feature-block-nine.dark .inner-box:before {background-color: #2c2e33;}
.feature-block-nine.dark .inner-box:hover .title {color: var(--theme-color1);}
.feature-block-nine.dark .inner-box:hover .icon {color: var(--theme-color1);}
.feature-block-nine.dark .title {color: #ffffff;}
/*** About Section ***/
.about-section {position: relative;padding: 120px 0 70px;}
@media (max-width: 991.98px) {
.about-section {padding: 90px 0 45px;}
}
.about-section .content-column {position: relative;margin-bottom: 40px;z-index: 1;}
.about-section .content-column .inner-column {position: relative;padding-left: 70px;margin-right: -20px;}
@media (max-width: 1399.98px) {
.about-section .content-column .inner-column {padding-left: 30px;margin-right: 0;}
}
@media (max-width: 991.98px) {
.about-section .content-column .inner-column {padding-left: 0;margin-bottom: 20px;}
}
.about-section .content-column .sec-title {margin-bottom: 40px;}
.about-section .content-column .list-style-two {margin-bottom: 40px;}
.about-section .content-column .btn-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 575.98px) {
.about-section .content-column .btn-box {display: block;}
}
@media (max-width: 575.98px) {
.about-section .content-column .btn-box .founder-info {margin-bottom: 20px;}
}
.about-section .image-column {position: relative;margin-bottom: 35px;}
.about-section .image-column .inner-column {position: relative;padding-right: 110px;}
@media (max-width: 1199.98px) {
.about-section .image-column .inner-column {padding-right: 0;}
}
@media (max-width: 991.98px) {
.about-section .image-column .inner-column {display: inline-block;padding-right: 110px;}
}
.about-section .image-column .inner-column:before {
position: absolute;
right: 53px;
top: 114px;
width: 451px;
height: 381px;
background-image: url(../images/icons/pattern-25.png);
content: "";
}
@media (max-width: 991.98px) {
.about-section .image-column .inner-column:before {display: none;}
}
.about-section .image-column .image-1 {
position: relative;
border-radius: 10px;
overflow: hidden;
margin-bottom: 0px;
}
.about-section .image-column .image-1 img {width: 100%;}
@media (max-width: 991.98px) {
.about-section .image-column .image-1 img {width: auto;}
}
.about-section .image-column .image-2 {
position: absolute;
right: 0;
top: 60px;
margin-bottom: 0;
border-radius: 10px;
overflow: hidden;
border: 5px solid #ffffff;
-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1199.98px) {
.about-section .image-column .image-2 {display: none;}
}
@media (max-width: 991.98px) {
.about-section .image-column .image-2 {display: block;}
}
@media (max-width: 575.98px) {
.about-section .image-column .image-2 {display: none;}
}
.about-section .image-column .image-2 img {width: 100%;}
.about-section .experience {
position: absolute;
left: -110px;
bottom: 60px;
min-width: 220px;
background: var(--theme-color2);
padding: 20px 30px 35px;
border-radius: 5px;
}
@media (max-width: 1399.98px) {
.about-section .experience {left: 15px;}
}
@media (max-width: 575.98px) {
.about-section .experience {bottom: 5px;}
}
.about-section .experience .inner {position: relative;padding-left: 90px;}
.about-section .experience .icon {
position: absolute;
left: 0px;
top: 8px;
font-size: 64px;
color: var(--text-color-bg-theme-color2);
}
.about-section .experience .text {
position: relative;
font-size: 16px;
line-height: 20px;
color: var(--text-color-bg-theme-color2);
font-weight: 700;
}
.about-section .experience strong {
position: relative;
margin-top: 7px;
font-size: 30px;
line-height: 1.2em;
color: var(--text-color-bg-theme-color2);
display: block;
}
.about-section.style-three {background-color: var(--theme-color-light);}
.about-section.style-three .image-column .image-1 {border-radius: 0;}
.about-section.style-three .image-column .image-2 {border: none;border-radius: 0;top: calc(50% + 124px);right: -25px;}
@media only screen and (max-width: 1439px) {
.about-section.style-three .content-column .inner-column {padding-left: 30px;}
}
@media (max-width: 1199.98px) {
.about-section.style-three .content-column .inner-column {padding-left: 0;}
}
.about-section.style-three .experience {bottom: -45px;border-radius: 0;left: 40px;}
.about-section.style-three .experience:before {display: none;}
.about-section.style-three .list-style-two li {color: var(--theme-color2);}
/*** About Section Two ***/
.about-section-two {position: relative;padding: 120px 0 70px;}
.about-section-two .content-column {position: relative;margin-bottom: 50px;z-index: 1;}
.about-section-two .content-column .inner-column {position: relative;}
.about-section-two .content-column .sec-title h2 {text-transform: uppercase;letter-spacing: 0.02em;}
.about-section-two .content-column .sec-title .text {margin-top: 40px;}
.about-block-two {position: relative;margin-bottom: 40px;}
.about-block-two .title {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 5px;}
.about-block-two .title i {position: relative;margin-right: 10px;font-size: 14px;color: #ff5316;}.about-block-two .text {margin-bottom: 0;}
.about-info-box {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: var(--bg-theme-color1);margin-top: 70px;}
.about-info-box .content {position: relative;padding: 20px 40px;}
.about-info-box .title {display: block;font-size: 14px;color: #b1bec5;font-weight: 700;text-transform: uppercase;letter-spacing: 0.02em;margin-bottom: 8px;}
.about-info-box .number {font-size: 30px;font-weight: 700;text-transform: uppercase;color: #fff;font-family: var(--title-font);letter-spacing: 0.04em;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.about-info-box .icon {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: 135px;color: var(--theme-color1);background: var(--bg-theme-color2);font-size: 62px;line-height: 1em;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.about-info-box:hover .icon {color: #fff;}
.about-info-box:hover .number {color: var(--theme-color2);}
.about-section-two .image-column {position: relative;margin-bottom: 50px;}
.about-section-two .image-column .inner-column {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;height: 100%;padding-right: 30px;}
.about-section-two .image-column .experience {position: absolute;left: -85px;top: 50px;height: 170px;width: 170px;background-color: var(--bg-theme-color2);color: var(--theme-color1);border-radius: 50%;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;font-size: 20px;line-height: 24px;font-weight: 700;text-align: center;padding: 20px 30px;text-transform: uppercase;}
.about-section-two .image-column .image-1 {position: relative;margin-right: 10px;margin-bottom: 0;}
.about-section-two .image-column .image-1 img {min-width: 320px;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.about-section-two .image-column .image-2 {position: relative;margin-bottom: 0;}.about-section-two .image-column .image-2 img {max-width: 290px;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
/*** About Section Three ***/
.about-section-three {position: relative;padding: 120px 0 70px;}
@media (max-width: 991.98px) {
.about-section-three {padding: 90px 0 80px;}
}
.about-section-three:before {
position: absolute;
left: 85px;
top: 120px;
height: 84px;
width: 75px;
background-image: url(../images/icons/arrow-top.png);
background-repeat: no-repeat;
background-position: center left;
content: "";
}
@media only screen and (max-width: 1619.98px) {
.about-section-three:before {display: none;}
}
.about-section-three:after {
position: absolute;
right: 182px;
bottom: 176px;
height: 84px;
width: 75px;
background-image: url(../images/icons/arrow-bottom.png);
background-repeat: no-repeat;
background-position: center left;
content: "";
}
@media only screen and (max-width: 1619.98px) {
.about-section-three:after {display: none;}
}
.about-section-three .content-column {position: relative;margin-bottom: 50px;z-index: 1;}
.about-section-three .content-column .inner-column {position: relative;padding-left: 55px;}
@media only screen and (max-width: 1500.98px) {
.about-section-three .content-column .inner-column {padding-left: 15px;}
}
@media (max-width: 991.98px) {
.about-section-three .content-column .inner-column {padding-left: 0;}
}
.about-section-three .content-column .sec-title {margin-bottom: 35px;}
.about-section-three .content-column .sec-title h2 {margin-right: -142px;}
@media (max-width: 1399.98px) {
.about-section-three .content-column .sec-title h2 {margin-right: 0;}
}
.about-section-three .content-column .sec-title h4 {
color: var(--theme-color2);
margin-top: 30px;
font-weight: 700;
margin-bottom: 0;
}
.about-section-three .content-column .sec-title .text {color: #808287;margin-top: 40px;}
.about-section-three .content-column .content-box {max-width: 470px;}
.about-section-three .content-column .content-box .skills .skill-item .skill-bar .bar-inner .bar {background-color: var(--bg-theme-color2);}
.about-section-three .image-column {position: relative;margin-bottom: 50px;}
.about-section-three .image-column .inner-column {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media (max-width: 991.98px) {
.about-section-three .image-column .inner-column {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
.about-section-three .image-column .inner-column:before {
position: absolute;
right: 44px;
bottom: -39px;
height: 392px;
width: 392px;
background-color: var(--bg-theme-color2);
content: "";
border-radius: 50%;
}
.about-section-three .image-column .inner-column:after {
position: absolute;
left: -28px;
bottom: -11px;
width: 203px;
height: 198px;
background-image: url(../images/icons/icon-dots-3.png);
content: "";
z-index: -1;
}
.about-section-three .image-column .image-1 {position: relative;max-width: 460px;}
.about-section-three .image-column .image-1:before {
position: absolute;
right: -50px;
top: 0;
height: 110px;
width: 20px;
background-color: var(--bg-theme-color2);
-webkit-animation: zoom-one 3s infinite;
animation: zoom-one 3s infinite;
content: "";
}
@media (max-width: 1199.98px) {
.about-section-three .image-column .image-1:before {width: 10px;right: -20px;}
}
.about-section-three .image-column .image-1 img {width: 100%;}
.about-section-three .image-column .image-2 {
position: absolute;
left: 228px;
bottom: -56px;
-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
max-width: 400px;
}
@media (max-width: 575.98px) {
.about-section-three .image-column .image-2 {display: none;}
}
.about-section-three .about-info-box {margin-top: 0;}
.about-block-three {position: relative;margin-bottom: 30px;}
.about-block-three .title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
}
.about-block-three .title i {
position: relative;
margin-right: 10px;
font-size: 14px;
color: var(--theme-color2);
}
.about-block-three .text {margin-bottom: 0;}
.skills {position: relative;margin-bottom: 50px;}
.skills .skill-item {position: relative;margin-bottom: 20px;}
.skills .skill-item:last-child {margin-bottom: 0px;}
.skills .skill-item .skill-header {position: relative;margin-bottom: 0px;}
.skills .skill-item .skill-header .skill-title {font-weight: 700;margin-bottom: 10px;}
.skills .skill-item .skill-bar {
position: relative;
width: 100%;
height: 13px;
border-radius: 5px;
}
.skills .skill-item .skill-bar .bar-inner {
position: relative;
width: 100%;
height: 13px;
background: #f4f5f8;
border-radius: 10px;
}
.skills .skill-item .skill-bar .bar-inner .bar {
position: absolute;
left: 0px;
top: 0px;
height: 13px;
width: 0px;
-webkit-transition: all 3000ms ease;
transition: all 3000ms ease;
border-radius: 10px;
background-color: var(--bg-theme-color1);
}
.skills .skill-item .skill-bar .bar-inner .skill-percentage {
position: absolute;
right: 0;
bottom: 100%;
font-size: 16px;
font-weight: 400;
color: #767676;
line-height: 25px;
margin-bottom: 10px;
}
/*** About Section Four ***/
.about-section-four {position: relative;padding: 120px 0 130px;}
@media (max-width: 991.98px) {
.about-section-four {padding: 90px 0 100px;}
}
.about-section-four .float-text {
position: absolute;
left: -30px;
top: 45px;
font-size: 110px;
color: rgba(0, 0, 0, 0.05);
line-height: 1em;
text-transform: uppercase;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: left top;
transform-origin: left top;
}
.about-section-four:before {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #f8f8f8;
background-image: url(../images/icons/shape-tm-6.png);
background-repeat: no-repeat;
background-position: 95% 75%;
content: "";
}
@media (max-width: 1399.98px) {
.about-section-four:before {background-image: none;}
}
.about-section-four .content-column {position: relative;margin-bottom: 50px;z-index: 1;}
.about-section-four .content-column .inner-column {position: relative;padding-left: 65px;}
@media (max-width: 1199.98px) {
.about-section-four .content-column .inner-column {padding-left: 0;}
}
.about-section-four .content-column .blockquote-style-one {margin-bottom: 50px;}
.about-section-four .content-column .btn-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
@media (max-width: 575.98px) {
.about-section-four .content-column .btn-box {display: block;}
}
.about-section-four .content-column .btn-box .theme-btn {margin-right: 70px;}
@media (max-width: 575.98px) {
.about-section-four .content-column .btn-box .theme-btn {margin-right: 0;margin-bottom: 20px;}
}
.about-section-four .image-column {position: relative;margin-bottom: 50px;}
.about-section-four .image-column .inner-column {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.about-section-four .image-column .icon-box {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.about-section-four .image-column .image-1 {
position: relative;
margin-right: 30px;
margin-bottom: 0;
}
.about-section-four .image-column .image-2 {
position: relative;
margin-bottom: 0;
padding-bottom: 40px;
}
.about-section-four .image-column .image-2:before {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 10px;
background-color: var(--bg-theme-color2);
content: "";
}
.blockquote-style-one {
position: relative;
font-size: 18px;
line-height: 30px;
color: var(--theme-color1);
background-color: #ffffff;
-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
padding: 20px 40px;
border-left: 5px solid var(--border-theme-color2);
}
.founder-info {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 80px;
min-height: 65px;
}
.founder-info .thumb {
position: absolute;
left: 0;
top: 0;
height: 65px;
width: 65px;
border-radius: 50%;
overflow: hidden;
}
.founder-info .thumb img {border-radius: 50%;}
.founder-info .name {
line-height: 24px;
color: var(--theme-color1);
font-weight: 700;
margin-bottom: 0;
}
.founder-info .designation {margin-top: 1px;}
/*** About Section Five ***/
.about-section-five {
position: relative;
padding: 120px 0 70px;
}
.about-section-five:before {
position: absolute;
left: -210px;
top: -390px;
height: 100%;
width: 100%;
background-image: url(../images/icons/pattern-7.png);
background-repeat: no-repeat;
background-position: center left;
content: "";
}
.about-section-five .content-column {
position: relative;
margin-bottom: 50px;
z-index: 1;
}
.about-section-five .content-column .inner-column {position: relative;}
.about-section-five .content-column .inner-column .list-style-three {
margin-bottom: 50px;
border-bottom: 1px solid #e6e8ed;
padding-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.about-section-five .content-column .inner-column .list-style-three li {width: 50%;padding-right: 20px;}
.about-section-five .content-column .btn-box {position: relative;}
.about-section-five .content-column .btn-box .theme-btn {margin-right: 20px;}
.about-section-five .content-column .btn-box .info-btn {
position: relative;
display: block;
font-size: 14px;
padding: 8px 0;
padding-left: 60px;
color: var(--theme-color1);
text-align: left;
font-weight: 600;
line-height: 20px;
}
.about-section-five .content-column .btn-box .info-btn small {
font-size: 12px;
font-weight: 400;
color: #808287;
}
.about-section-five .content-column .btn-box .info-btn i {
position: absolute;
left: 0;
top: 50%;
margin-top: -25px;
line-height: 50px;
height: 50px;
width: 50px;
text-align: center;
border-radius: 50%;
color: var(--theme-color2);
background-color: var(--bg-theme-color3);
font-size: 18px;
}
.about-section-five .content-column .btn-box .info-btn:hover {color: var(--theme-color2);}
.about-section-five .image-column {position: relative;margin-bottom: 50px;z-index: 1;}
.about-section-five .image-column .inner-column {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.about-section-five .image-column .inner-column:before {
position: absolute;
top: 80px;
left: -150px;
height: 380px;
width: 380px;
border-radius: 50%;
border: 50px solid var(--border-theme-color2);
-webkit-animation: zoom-one 5s infinite linear;
animation: zoom-one 5s infinite linear;
content: "";
}
.about-section-five .image-column .image-1 {position: relative;margin-bottom: 0;}
.about-section-five .image-column .image-2 {
position: absolute;
right: 88px;
top: 60px;
border: 10px solid #ffffff;
-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.08);
box-shadow: 0 10px 60px rgba(0, 0, 0, 0.08);
max-width: 300px;
}
.about-section-five .image-box {position: relative;display: inline-block;}
.about-section-five .image-box:after {
position: absolute;
left: -70px;
top: 75px;
width: 203px;
height: 200px;
background-image: url(../images/icons/icon-dots-2.png);
content: "";
}
.about-section-five .image-box .image {
position: relative;
padding-top: 30px;
padding-right: 30px;
z-index: 1;
margin-bottom: 0;
}
.about-section-five .image-box .image:before {
position: absolute;
right: 0px;
top: 0px;
width: 180px;
height: 166px;
border: 4px solid var(--border-theme-color2);
content: "";
}
.about-section-five .image-box .image img {
position: relative;
max-width: 100%;
z-index: 3;
}
.about-section-five .image-box .experience {
position: absolute;
left: 0;
bottom: 0;
height: 170px;
width: 205px;
padding: 85px 18px 20px;
overflow: hidden;
z-index: 2;
}
.about-section-five .image-box .experience:before {
position: absolute;
left: 0;
top: 0;
width: 200%;
height: 100%;
background-color: var(--bg-theme-color2);
border-top: 15px solid #ffffff;
content: "";
-webkit-transform: rotate(42deg);
transform: rotate(42deg);
-webkit-transform-origin: left top;
transform-origin: left top;
}
.about-section-five .image-box .experience strong {
position: relative;
font-size: 26px;
line-height: 1em;
font-weight: 700;
font-family: var(--title-font);
}
.about-section-five .image-box .experience .text {
position: relative;
top: -2px;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.02em;
font-weight: 500;
color: var(--theme-color1);
}
.about-section-five.style-two::before {
position: absolute;
left: auto;
right: -240px;
top: -40px;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
content: "";
}
.about-section-five.style-two .sec-title {margin-bottom: 30px;}
.about-section-five.style-two .content-column .inner-column {padding-left: 70px;}
.about-section-five.style-two .content-column .inner-column .list-style-three li {font-size: 18px;}
.about-section-five.style-two .content-column .inner-column .list-style-three li:before {font-size: 13px;}
.about-section-five.style-two .image-column .inner-column:before {display: none;}
/*** About Section Six ***/
.about-section-six {position: relative;padding: 120px 0 70px;}
.about-section-six:before {
position: absolute;
right: -240px;
top: -40px;
height: 100%;
width: 100%;
background-image: url(../images/icons/pattern-7.png);
background-repeat: no-repeat;
background-position: center left;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
content: "";
}
.about-section-six .content-column {position: relative;margin-bottom: 50px;z-index: 1;}
.about-section-six .content-column .inner-column {position: relative;}
.about-section-six .content-column .inner-column .sec-title {margin-bottom: 40px;}
.about-section-six .content-column .inner-column .content-box {position: relative;}
.about-section-six .content-column .inner-column .list-style-three li {font-size: 18px;}
.about-section-six .content-column .inner-column .list-style-three li:before {font-size: 16px;}
.about-section-six .content-column .btm-box {margin-top: 45px;}
.about-section-six .image-column {position: relative;margin-bottom: 50px;}
.about-section-six .image-column .inner-column {position: relative;padding-right: 55px}
.about-section-six .image-column .image-box {position: relative;padding-top: 70px;}
.about-section-six .image-column .image-box:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 200px;
background-color: var(--bg-theme-color1);
content: "";
}
.about-section-six .image-column .image-box:after {
position: absolute;
left: 100px;
top: 40px;
height: 260px;
width: 260px;
background-color: #ffffff;
content: "";
border-radius: 50%;
}
.about-section-six .image-column .image-box .image {
position: relative;
max-width: 390px;
margin: 0 auto;
z-index: 2;
}
.about-section-six .image-column .image-box .image img {width: 100%;}
/* About Block */
.about-block-four {
position: relative;
padding-left: 105px;
min-height: 85px;
margin-bottom: 30px;
}
.about-block-four:last-child {border-bottom: 0;padding-bottom: 0;margin-bottom: 0;}
.about-block-four .icon {position: absolute;left: 0;top: 0;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: 85px;width: 85px;background-color: var(--bg-theme-color2);font-size: 48px;border-radius: 50%;color: var(--theme-color1);-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.about-block-four:hover .icon {background-color: var(--bg-theme-color1);color: var(--theme-color2);-webkit-transform: rotate(180deg) scale(-1);transform: rotate(180deg) scale(-1);}
.about-block-four .title {position: relative;top: -3px;margin-bottom: 0px;}
.about-block-four .text {margin-top: 5px;}
.about-section-six .experience {position: absolute;right: 25px;bottom: 30px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;min-width: 240px;padding: 25px 40px;background: #ffffff;color: var(--theme-color1);-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);min-height: 105px;z-index: 3;}
.about-section-six .experience strong {position: relative;font-size: 60px;color: var(--theme-color1);font-weight: 700;display: block;margin-right: 20px;font-family: var(--title-font);}
.about-section-six .experience .text {font-size: 14px;line-height: normal;color: #808287;}
.about-section-six .completed-projects {position: absolute;right: 0;top: 140px;z-index: 3;}
.about-section-six .completed-projects strong {position: relative;font-size: 72px;line-height: 1em;color: var(--theme-color2);font-weight: 700;display: block;font-family: var(--title-font);}
.about-section-six .completed-projects .text {font-size: 18px;color: var(--theme-color1);font-weight: 500;letter-spacing: 0.1em;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);-webkit-transform-origin: right top;transform-origin: right top;right: 30px;position: absolute;top: 80px;white-space: nowrap;}
/***About Section Seven***/
.about-section-seven {position: relative;padding: 120px 0 70px;}
@media (max-width: 991.98px) {
.about-section-seven {padding-bottom: 40px;}
}
.about-section-seven:before {
position: absolute;
right: 52px;
top: 120;
height: 630px;
width: 630px;
background-image: url(../images/icons/bg-shape-tm-3.png);
background-repeat: no-repeat;
background-position: center center;
content: "";
}
.about-section-seven .content-column {position: relative;margin-bottom: 50px;}
.about-section-seven .content-column .inner-column {position: relative;margin-top: 10px;}
.about-section-seven .content-column .inner-column .sec-title h2 {margin-right: -100px;}
@media (max-width: 991.98px) {
.about-section-seven .content-column .inner-column .sec-title h2 {margin-right: 0;}
}
.about-section-seven .content-column .info-box {
position: relative;
background-color: #f4f5f8;
padding: 15px 30px;
padding-left: 60px;
margin-bottom: 30px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.about-section-seven .content-column .info-box:hover {background-color: var(--theme-color2);}
.about-section-seven .content-column .info-box:hover .title {color: var(--text-color-bg-theme-color2);}
.about-section-seven .content-column .info-box:hover .icon {color: var(--text-color-bg-theme-color2);}
.about-section-seven .content-column .info-box .icon {
position: absolute;
left: 30px;
top: 0;
height: 60px;
line-height: 54px;
color: var(--theme-color2);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.about-section-seven .content-column .info-box .title {
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
margin-bottom: 0;
}
.about-section-seven .content-column .info-box-two {
position: relative;
padding-left: 80px;
margin-bottom: 50px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.about-section-seven .content-column .info-box-two .icon {
position: absolute;
left: 0;
top: 0;
font-size: 64px;
line-height: 1em;
color: var(--theme-color2);
}
.about-section-seven .content-column .info-box-two .title {
color: var(--theme-color1);
font-weight: 400;
margin-bottom: 0;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.about-section-seven .content-column .text {
margin-bottom: 40px;
margin-right: 30px;
padding-top: 10px;
}
.about-section-seven .content-column .founder-info {
padding-left: 92px;
padding-top: 12px;
}
.about-section-seven .content-column .founder-info .thumb {
width: 80px;
height: 80px;
border: 2px solid var(--theme-color2);
padding: 3px;
}
.about-section-seven .image-column {position: relative;margin-bottom: 50px;}
.about-section-seven .image-column .image-box {
position: relative;
padding-right: 45px;
margin-left: -375px;
}
@media (max-width: 991.98px) {
.about-section-seven .image-column .image-box {padding-right: 0;margin-left: 0;}
}
.about-section-seven .image-column .image-box .image {position: relative;margin-bottom: 0;}
.about-section-seven .image-column .image-box .image:before {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: calc(100% - 3px);
background-image: url(../images/icons/shape-tm-20.png);
background-repeat: no-repeat;
background-position: center bottom;
content: "";
}
.about-section-seven .image-column .image-box .image img {width: 100%;}
.about-section-seven .image-column .image-box .play-btn {position: absolute;left: 0;bottom: 0;height: 150px;width: 160px;background-color: var(--bg-theme-color1);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;color: var(--text-color-light);font-size: 28px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.about-section-seven .image-column .image-box .play-btn:hover {background-color: var(--bg-theme-color2);color: var(--text-color-light);}
/**About Section Eight***/
.about-section-eight {position: relative;}.about-section-eight:before {position: absolute;right: 0;top: 0;height: 100%;width: calc(50% + 145px);background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url(../images/resource/image-7.jpg);content: "";}
@media (max-width: 991.98px) {
.about-section-eight:before {width: 100%;}
}
.about-section-eight .content-column {position: relative;}
.about-section-eight .content-column .inner-column {
position: relative;
padding: 120px 0 92px;
padding-left: 52px;
}
@media (max-width: 1199.98px) {
.about-section-eight .content-column .inner-column {padding-left: 0;}
}
@media (max-width: 991.98px) {
.about-section-eight .content-column .inner-column {padding: 90px 0 55px;}
}
.about-section-eight .content-column .sec-title {margin-bottom: 45px;}
.about-section-eight .content-column .sec-title h4 {
color: var(--theme-color2);
margin-top: 32px;
margin-bottom: 35px;
}
.about-section-eight .content-column .sec-title .text {
font-size: 16px;
line-height: 30px;
margin-top: 0;
padding-right: 50px;
}
.about-section-eight .content-column .info-box-list {display: block;}
.about-section-eight .content-column .info-box {
display: inline-block;
position: relative;
padding-left: 75px;
min-height: 70px;
margin-bottom: 30px;
margin-right: 150px;
}
.about-section-eight .content-column .info-box:last-child {margin-right: 0;}
.about-section-eight .content-column .info-box:hover .icon {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.about-section-eight .content-column .info-box .icon {
position: absolute;
left: 0;
top: 0;
display: inline-block;
font-size: 64px;
color: var(--theme-color2);
line-height: 1em;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.about-section-eight .content-column .info-box .title {
color: var(--theme-color-light);
line-height: 34px;
margin-bottom: 0;
}
.about-section-eight .content-column .list-style-two li {
color: var(--text-color);
font-weight: 400;
}
.about-section-eight .image-column {position: relative;}
@media (max-width: 991.98px) {
.about-section-eight .image-column {display: none;}
}
.about-section-eight .image-column .inner-column {position: relative;padding-right: 30px;}
.about-section-eight .image-column .image-box {position: relative;margin-left: -375px;}
.about-section-eight .image-column .image-box .image {
position: relative;
margin-bottom: 0;
width: 100%;
}
.about-section-eight .image-column .image-box .image img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
/***About Section Nine***/
.about-section-nine {position: relative;padding-bottom: 120px;}
@media (max-width: 991.98px) {
.about-section-nine {padding-bottom: 90px;}
}
.about-section-nine:before {
position: absolute;
right: 0;
top: 120px;
height: 509px;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(../images/icons/shape-tm-15.png);
content: "";
}
.about-section-nine .blocks-column .inner-column {
position: relative;
padding-right: 60px;
border-right: 1px solid rgba(var(--theme-color2-rgb), 0.1);
margin-right: 45px;
}
@media (max-width: 1199.98px) {
.about-section-nine .blocks-column .inner-column {
padding-right: 0;
border-right: none;
}
}
@media (max-width: 575.98px) {
.about-section-nine .blocks-column .inner-column {margin-right: 0;}
}
.about-section-nine .tabs-three .tab-buttons {margin-top: -120px;}
.about-section-nine .feature-block-nine:last-child .inner-box {
border-bottom: none;
padding-bottom: 0;
}
.about-section-nine .feature-block-nine .inner-box {
border-bottom: 1px solid rgba(var(--theme-color2-rgb), 0.1);
margin-bottom: 35px;
padding-bottom: 35px;
}
@media (max-width: 575.98px) {
.about-section-nine .feature-block-nine .inner-box {padding-left: 0;}
}
.about-section-nine .feature-block-nine .inner-box .icon {border-radius: 0;}
@media (max-width: 575.98px) {
.about-section-nine .feature-block-nine .inner-box .icon {position: relative;margin-bottom: 20px}
}
.about-section-nine .feature-block-nine .inner-box .icon:after {border-radius: 0;}
.about-section-nine .feature-block-nine .title {margin-bottom: 2px;}
.about-section-nine .feature-block-nine .text {line-height: 30px;margin-right: 0;}
.about-section-nine .image-column {position: relative;margin-bottom: 50px}
.about-section-nine .image-column .inner-column {position: relative;padding-left: 222px;}
@media (max-width: 1199.98px) {
.about-section-nine .image-column .inner-column {padding-left: 150px;}
}
@media only screen and (max-width: 1023.98px) {
.about-section-nine .image-column .inner-column {padding-left: 0;}
}
.about-section-nine .image-column .image-box {
position: relative;
margin-bottom: 0;
overflow: hidden;
}
.about-section-nine .image-column .image-box .image {margin-bottom: 0;}
.about-section-nine .image-column .image-box .image img {width: 100%;}
.about-section-nine .image-column .image-box .icon {
background-color: var(--theme-color2);
color: var(--text-color-bg-theme-color2);
font-size: 50px;
height: 88px;
width: 81px;
text-align: center;
line-height: 88px;
position: absolute;
left: 18px;
bottom: 18px;
}
.about-section-nine .image-column .info-box {
position: absolute;
left: 0;
top: 48px;
max-width: 140px;
}
@media only screen and (max-width: 1023.98px) {
.about-section-nine .image-column .info-box {
position: relative;
top: 0;
max-width: none;
}
}
.about-section-nine .info-box {position: relative;}
@media only screen and (max-width: 1023.98px) {
.about-section-nine .info-box {margin-bottom: 30px;}
}
.about-section-nine .info-box .title {
font-weight: 700;
line-height: 40px;
margin-bottom: 30px;
position: relative;
text-transform: capitalize;
}
@media only screen and (max-width: 1023.98px) {
.about-section-nine .info-box .title {margin-bottom: 15px;}
}
.about-section-nine .info-box .title:before {
background-color: var(--theme-color2);
content: "";
position: absolute;
width: 58px;
height: 3px;
left: 0;
top: -45px;
}
@media only screen and (max-width: 1023.98px) {
.about-section-nine .info-box .title:before {
display: none;
}
}
.about-section-nine .info-box .read-more {
color: var(--text-color);
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
}
.about-section-nine .info-box .read-more:hover {color: var(--theme-color2);}
@media (max-width: 767.98px) {
.about-section-nine .tab-our-history .image-column {
margin-bottom: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.about-section-nine .tab-our-history .image-column .inner-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 0;
}
@media only screen and (max-width: 1149.98px) {
.about-section-nine .tab-our-history .image-column .inner-column {display: block;}
}
.about-section-nine .tab-our-history .image-column .inner-column .info-box {position: relative;margin-left: 60px;}
@media only screen and (max-width: 1149.98px) {
.about-section-nine .tab-our-history .image-column .inner-column .info-box {
margin-left: 0;
top: auto;
margin-top: 20px;
max-width: none;
}
}
@media only screen and (max-width: 1149.98px) {
.about-section-nine .tab-our-history .image-column .inner-column .info-box .title {margin-bottom: 10px;}
}
@media only screen and (max-width: 1149.98px) {
.about-section-nine .tab-our-history .image-column .inner-column .info-box .title:before {display: none;}
}
.about-section-nine .tab-our-history .blocks-column .inner-column {
padding-right: 0;
border-right: none;
margin-right: 0;
padding-left: 80px;
border-left: 1px solid rgba(var(--theme-color2-rgb), 0.1);
margin-left: 22px;
}
@media only screen and (max-width: 1149.98px) {
.about-section-nine .tab-our-history .blocks-column .inner-column {padding-left: 45px;}
}
@media (max-width: 991.98px) {
.about-section-nine .tab-our-history .blocks-column .inner-column {border: none;padding-left: 0;}
}
@media (max-width: 767.98px) {
.about-section-nine .tab-our-history .blocks-column .inner-column {margin-left: 0;margin-bottom: 70px;}
}
.tabs-three {position: relative;}
.tabs-three .tab-buttons {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0;
overflow: hidden;
}
@media (max-width: 575.98px) {
.tabs-three .tab-buttons {display: block;}
}
.tabs-three .tab-buttons .tab-btn {
background-color: var(--bg-theme-color2);
color: var(--text-color-bg-theme-color2);
cursor: pointer;
font-family: var(--title-font);
font-weight: 700;
position: relative;
font-size: 20px;
line-height: 30px;
padding: 45px 40px;
text-align: center;
width: 100%;
}
@media (max-width: 991.98px) {
.tabs-three .tab-buttons .tab-btn {padding: 20px 35px;}
}
@media (max-width: 1199.98px) {
.tabs-three .tab-buttons .tab-btn {font-size: 16px;padding: 15px 30px;}
}
.tabs-three .tab-buttons .tab-btn.active-btn {
background-color: #fff;
color: var(--theme-color1);
-webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
}
.tabs-three .tabs-content {
position: relative;
background-color: #fff;
padding: 75px 70px 20px;
-webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
}
@media (max-width: 991.98px) {
.tabs-three .tabs-content {padding: 60px 30px 20px;}
}
.work-block {position: relative;}
.work-block:last-child .inner-box {padding-bottom: 0;border-bottom: 0;}
.work-block .inner-box {
position: relative;
padding-left: 80px;
padding-bottom: 35px;
border-bottom: 1px solid #e2e0e5;
margin-bottom: 35px;
}
.work-block .inner-box:hover .icon {
background-color: var(--bg-theme-color2);
color: var(--theme-color1);
-webkit-transform: scale(-1) rotate(-180deg);
transform: scale(-1) rotate(-180deg);
}
.work-block .icon {position: absolute;left: 0;top: 0;height: 60px;width: 60px;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;color: var(--theme-color2);background-color: var(--bg-theme-color1);font-size: 24px;border-radius: 50%;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.work-block .title {position: relative;margin-bottom: 30px;}
.work-block .text {font-size: 16px;line-height: 30px;color: #717070;}
/***About Section Ten***/
.about-section-ten {position: relative;padding: 120px 0 102px;}
@media (max-width: 991.98px) {
.about-section-ten {padding: 90px 0 80px;}
}
.about-section-ten:before {
position: absolute;
right: 0;
top: 185px;
height: 362px;
width: 251px;
background-image: url(../images/icons/shape-tm-16.png);
background-repeat: no-repeat;
background-position: center left;
content: "";
z-index: -1;
}
@media only screen and (max-width: 1600.98px) {
.about-section-ten:before {display: none;}
}
.about-section-ten:after {
position: absolute;
left: 0;
top: 302px;
height: 690px;
width: 391px;
background-image: url(../images/icons/shape-tm-17.png);
background-repeat: no-repeat;
background-position: center left;
content: "";
z-index: -1;
}
@media (max-width: 1399.98px) {
.about-section-ten:after {display: none;}
}
.about-section-ten .content-bottom .inner {text-align: center;}
.about-section-ten .content-bottom .call-info-box-outer {
background-color: var(--theme-color-light);
border: 1px solid var(--theme-color2);
padding: 10px 10px 10px 35px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
@media (max-width: 1199.98px) {
.about-section-ten .content-bottom .call-info-box-outer {
padding: 10px 10px 10px 20px;
}
}
@media (max-width: 991.98px) {
.about-section-ten .content-bottom .call-info-box-outer {border: none;display: block;padding: 10px;}
}
.about-section-ten .content-bottom .call-info-box-outer .call-info-box-text {font-size: 18px;margin-right: 15px;}
@media (max-width: 991.98px) {
.about-section-ten .content-bottom .call-info-box-outer .call-info-box-text {margin-bottom: 20px;text-align: center;margin-right: 0;}
}
.about-section-ten .content-bottom .call-info-box-outer .call-info-box-text span {
color: var(--theme-color2);
font-family: var(--title-font);
font-weight: 500;
margin-left: 42px;
}
@media (max-width: 991.98px) {
.about-section-ten .content-bottom .call-info-box-outer .call-info-box-text span {
display: block;
text-align: center;
margin-left: 0;
}
}
.about-section-ten .content-bottom .call-info-box {
background-color: var(--theme-color2);
position: relative;
padding: 8px 60px 8px 20px;
display: inline-block;
margin-left: 31px;
}
@media (max-width: 991.98px) {
.about-section-ten .content-bottom .call-info-box {margin-left: 0;}
}
.about-section-ten .content-bottom .call-info-box .icon {
background-color: var(--text-color-bg-theme-color2);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
border-radius: 50%;
color: var(--theme-color2);
font-size: 24px;
height: 55px;
line-height: 55px;
width: 55px;
text-align: center;
margin-right: 15px;
margin-left: -46px;
}
.about-section-ten .content-bottom .call-info-box span {
color: var(--text-color-bg-theme-color2);
font-family: var(--title-font);
font-size: 20px;
font-weight: 700;
line-height: 1;
}
.about-section-ten .content-column {position: relative;}
.about-section-ten .content-column .inner-column {
position: relative;
padding-left: 77px;
}
@media (max-width: 1199.98px) {
.about-section-ten .content-column .inner-column {padding-left: 25px;}
}
@media (max-width: 991.98px) {
.about-section-ten .content-column .inner-column {padding-left: 0;margin-bottom: 30px;}
}
.about-section-ten .content-column .sec-title {margin-bottom: 45px;}
.about-section-ten .content-column .sec-title h2 span {color: var(--theme-color2);}
.about-section-ten .content-column .sec-title h4 {
color: var(--theme-color2);
font-weight: 500;
margin-top: 32px;
margin-bottom: 35px;
}
.about-section-ten .content-column .sec-title .text {
font-size: 16px;
line-height: 30px;
margin-top: 0;
margin-right: -20px;
}
@media (max-width: 1199.98px) {
.about-section-ten .content-column .sec-title .text {margin-right: 0;}
}
.about-section-ten .content-column .info-box-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 575.98px) {
.about-section-ten .content-column .info-box-list {display: block;}
}
.about-section-ten .content-column .info-box {
display: inline-block;
position: relative;
margin-bottom: 30px;
margin-right: 50px;
}
.about-section-ten .content-column .info-box:last-child {margin-right: 0;}
.about-section-ten .content-column .info-box .icon {
display: block;
font-size: 60px;
color: var(--theme-color2);
line-height: 1em;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
margin-bottom: 10px;
}
.about-section-ten .content-column .info-box .title {line-height: 30px;margin-bottom: 0;}
.about-section-ten .image-column {position: relative;margin-bottom: 75px;}
@media (max-width: 991.98px) {
.about-section-ten .image-column {margin-bottom: 70px;}
}
.about-section-ten .image-column .inner-column {position: relative;margin-right: -18px;}
.about-section-ten .image-column .image-1 {
position: relative;
overflow: hidden;
margin-bottom: 0px;
}
@media (max-width: 575.98px) {
.about-section-ten .image-column .image-1 {width: 100%;}
}
.about-section-ten .image-column .image-2 {
position: absolute;
right: 0;
top: 0;
margin-bottom: 0;
overflow: hidden;
}
@media (max-width: 1199.98px) {
.about-section-ten .image-column .image-2 {display: none;}
}
@media (max-width: 991.98px) {
.about-section-ten .image-column .image-2 {
display: block;
right: auto;
left: 310px;
}
}
@media (max-width: 575.98px) {
.about-section-ten .image-column .image-2 {display: none;}
}
.about-section-ten .experience {
position: absolute;
right: 0;
bottom: 0;
background: var(--theme-color-light);
padding: 25px 30px 30px;
min-width: 270px;
}
@media (max-width: 1199.98px) {
.about-section-ten .experience {border: 5px solid #fff;bottom: 90px;}
}
@media (max-width: 991.98px) {
.about-section-ten .experience {
border: none;
bottom: 0;
right: auto;
left: 310px;
}
}
@media (max-width: 575.98px) {
.about-section-ten .experience {left: 15px;bottom: 15px;}
}
.about-section-ten .experience:before {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(../images/icons/bg-shape-tm-6.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
content: "";
}
.about-section-ten .experience .inner {
position: relative;
text-align: center;
}
.about-section-ten .experience .text {
color: var(--theme-color1);
font-family: var(--title-font);
position: relative;
font-size: 18px;
line-height: 30px;
font-weight: 400;
text-transform: uppercase;
}
.about-section-ten .experience strong {
font-weight: 700;
position: relative;
margin-bottom: 5px;
font-size: 48px;
line-height: 58px;
color: var(--theme-color2);
display: block;
}
/*** Services Section***/
.services-section {position: relative;padding: 120px 0 90px;z-index: 1;}
.service-block {
position: relative;
margin-bottom: 30px;
z-index: 1;
}
.service-block .inner-box {
position: relative;
background-color: #ffffff;
padding: 15px;
border: 1px solid #e6e8ed;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-block .inner-box:hover {
-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
}
.service-block .inner-box:hover .image-box img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.service-block .inner-box:hover .image-box .image:after {
left: 0;
right: 0;
opacity: 0;
}
.service-block .image-box {position: relative;}
.service-block .image-box .image {
overflow: hidden;
margin-bottom: 0;
}
.service-block .image-box .image img {
width: 100%;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-block .image-box .image:after {
background: rgba(255, 255, 255, 0.3);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 51%;
top: 0;
opacity: 1;
pointer-events: none;
-webkit-transition: all 400ms linear;
transition: all 400ms linear;
}
.service-block .image-box .icon-box {
position: absolute;
left: 25px;
bottom: -10px;
height: 90px;
width: 90px;
background: var(--bg-theme-color2);
color: var(--theme-color-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;
font-size: 58px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-block .image-box .icon-box:before {
position: absolute;
bottom: 0;
left: -10px;
border-right: 10px solid var(--border-theme-color2);
border-bottom: 10px solid transparent;
content: "";
}
.service-block .image-box .icon-box:after {
position: absolute;
bottom: 0;
right: -10px;
border-left: 10px solid var(--border-theme-color2);
border-bottom: 10px solid transparent;
content: "";
}
.service-block .content-box {position: relative;padding: 35px 25px 15px;}
.service-block .content-box .title {margin-bottom: 14px;}
.service-block .content-box .title:hover {color: var(--theme-color2);}
.service-block .content-box .text {
position: relative;
margin-bottom: 0;
}
.service-block .content-box .read-more {
font-size: 12px;
line-height: 30px;
color: #808287;
font-weight: 700;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
letter-spacing: 0.1em;
-webkit-transition: all 100ms linear;
transition: all 100ms linear;
margin-top: 15px;
}
.service-block .content-box .read-more i {
margin-left: 10px;
color: var(--theme-color2);
font-size: 16px;
-webkit-transition: all 100ms linear;
transition: all 100ms linear;
}
.service-block .content-box .read-more:hover {color: var(--theme-color2);}
.service-block .content-box .read-more:hover i {
-webkit-transform: translateX(-15px);
transform: translateX(-15px);
opacity: 0;
}
/***Services Section Two***/
.services-section-two {
position: relative;
padding: 120px 0 70px;
background-color: var(--bg-theme-color1);
z-index: 1;
}
.services-section-two:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(../images/icons/pattern-10.jpg);
content: "";
}
.services-section-two .title-column {position: relative;margin-bottom: 50px;}
.services-section-two .title-column .sec-title {margin-bottom: 0;}
.services-section-two .title-column .sec-title .theme-btn {margin-top: 40px;}
.services-section-two .services-column {position: relative;margin-bottom: 50px;}
.service-block-two {position: relative;}
.service-block-two .inner-box {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 40px 20px;text-align: center;background-color: var(--bg-theme-color1);-webkit-transition: all 300ms ease;transition: all 300ms ease;min-height: 290px;}
.service-block-two .inner-box:hover {color: var(--bg-theme-color1);background-color: var(--bg-theme-color2);}
.service-block-two .inner-box:hover .title {color: var(--theme-color1);}
.service-block-two .inner-box:hover .icon {color: #ffffff;}
.service-block-two .inner-box .icon {position: relative;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: 75px;width: 75px;font-size: 34px;background-color: #2c2e33;color: var(--theme-color2);border-radius: 50%;margin-bottom: 30px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.service-block-two .inner-box .title {color: #ffffff;margin-bottom: 0;}
.service-block-two .inner-box .title:hover {color: var(--theme-color2);-webkit-transition: all 300ms ease;transition: all 300ms ease;}
/*** Services Section Three***/
.services-section-three {position: relative;padding: 120px 0 90px;z-index: 2;}
@media (max-width: 991.98px) {
.services-section-three {padding: 90px 0 60px;}
}
.services-section-three:after {
position: absolute;
right: 0;
top: 0px;
height: 390px;
width: 410px;
border-radius: 0 0 0 500px;
background-color: var(--bg-theme-color3);
content: "";
z-index: -1;
}
.services-section-three .outer-box {margin-left: -30px;margin-right: -30px;}
@media (max-width: 1399.98px) {
.services-section-three .outer-box {margin-left: 0;margin-right: 0;}
}
.services-section-three .sec-title {margin-bottom: 50px;}
.service-block-three {position: relative;margin-bottom: 30px;z-index: 1;}
.service-block-three .inner-box {
position: relative;
overflow: hidden;
height: 100%;
padding: 25px 25px 25px;
background-color: var(--bg-theme-color1);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
text-align: center;
min-height: 280px;
-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
border-top: 6px solid var(--border-theme-color2);
}
.service-block-three .inner-box:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #ffffff;
content: "";
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.service-block-three .inner-box:hover {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.service-block-three .inner-box:hover:before {height: 0;}
.service-block-three .inner-box:hover .icon {
color: var(--text-color-bg-theme-color2);
background-color: var(--bg-theme-color2);
-webkit-transition-delay: 150ms;
transition-delay: 150ms;
}
.service-block-three .inner-box:hover .title {color: #ffffff;}
.service-block-three .inner-box:hover .text {color: #8c8f94;}
.service-block-three .icon {
position: relative;
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: 100px;
width: 100px;
font-size: 64px;
color: var(--theme-color2);
font-weight: 900;
line-height: 64px;
background-color: rgba(var(--theme-color2-rgb), 0.1);
border-radius: 50%;
margin: 0 auto 15px;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.service-block-three .title {margin-bottom: 10px;line-height: 1.2em}
.service-block-three .title:hover {color: var(--theme-color1);}
.service-block-three .text {
position: relative;
font-size: 14px;
line-height: 24px;
color: #808287;
font-weight: 500;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
/*** Services Section Four ***/
.services-section-four {position: relative;padding: 120px 0 90px;z-index: 1;}
.service-block-four {position: relative;margin-bottom: 30px;z-index: 1;}
.service-block-four .inner-box {
position: relative;
overflow: hidden;
height: 100%;
padding: 40px 40px 35px;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(../images/icons/shape-1.jpg);
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-block-four .inner-box:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-image: url(../images/icons/icon-lines-3.png);
background-color: #ffffff;
content: "";
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.service-block-four .inner-box:hover {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-box-shadow: none;
box-shadow: none;
}
.service-block-four .inner-box:hover:before {height: 0;}
.service-block-four .inner-box:hover .icon {
color: var(--theme-color2);
background-color: rgba(255, 255, 255, 0.1);
border-radius: 50%;
}
.service-block-four .inner-box:hover .title,.service-block-four .inner-box:hover .title a {color: #ffffff;}
.service-block-four .inner-box:hover .text {color: #8c8f94;}
.service-block-four .icon-box {
position: relative;
margin-bottom: 25px;
display: inline-block;
}
.service-block-four .icon {
position: relative;
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: 100px;
width: 100px;
background-color: var(--bg-theme-color2);
color: var(--theme-color1);
font-size: 58px;
font-weight: 900;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.service-block-four .title {margin-bottom: 10px;}
.service-block-four .title:hover {color: var(--theme-color1);}
.service-block-four .text {
position: relative;
font-size: 15px;
line-height: 24px;
}
/*** Services Section Five ***/
.services-section-five {
position: relative;
padding: 120px 0 60px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: 1;
}
.services-section-five:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: var(--bg-theme-color1);
opacity: 0.9;
content: "";
}
.services-section-five:after {
position: absolute;
left: -200px;
bottom: -110px;
width: 662px;
height: 448px;
background-image: url(../images/icons/shape-11.png);
content: "";
}
.service-block-five {
position: relative;
margin-bottom: 60px;
z-index: 1;
}
.service-block-five .inner-box {
position: relative;
padding-right: 40px;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.service-block-five .inner-box:hover .icon {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
background-color: var(--bg-theme-color2);
color: #fff;
}
.service-block-five .inner-box:hover .title {color: #fff;}
.service-block-five .icon-box {
position: relative;
height: 135px;
width: 135px;
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;
padding: 10px;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
margin-bottom: 25px;
}
.service-block-five .icon {
position: relative;
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: 100%;
width: 100%;
border-radius: 50%;
background-color: #ffffff;
color: var(--theme-color1);
font-size: 62px;
font-weight: 900;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-block-five .title {
color: var(--theme-color2);
margin-bottom: 25px;
}
.service-block-five .title:hover {color: var(--theme-color2);}
.service-block-five .text {
position: relative;
color: #8c8f94;
margin-bottom: 0;
}
/*** Services Section Six ***/
.services-section-six {
position: relative;
padding: 120px 0 90px;
z-index: 1;
}
@media (max-width: 991.98px) {
.services-section-six {padding: 90px 0 60px;}
}
.services-section-six:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #0F0C1D;
background-image: url(../images/icons/bg-shape-tm-2.png);
content: "";
}
.service-block-six {
position: relative;
margin-bottom: 30px;
z-index: 1;
}
.service-block-six .inner-box {
position: relative;
overflow: hidden;
height: 100%;
padding: 40px 40px 35px;
border: 1px solid #4F4D5E;
border-radius: 5px;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-block-six .inner-box:before {
position: absolute;
left: 0;
bottom: 0;
height: 0;
width: 100%;
border-radius: 5px;
background-repeat: no-repeat;
background-image: url(../images/icons/shape-tm-4.png);
background-color: var(--bg-theme-color2);
background-repeat: no-repeat;
background-position: right bottom;
content: "";
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.service-block-six .inner-box:after {
counter-increment: my-sec-counter;
content: counter(my-sec-counter, decimal-leading-zero) " ";
position: absolute;
line-height: 1;
right: 20px;
top: 50px;
font-family: var(--title-font);
font-size: 48px;
font-weight: 700;
color: var(--theme-color-light);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 1;
opacity: 0.1;
}
.service-block-six .inner-box:hover {
-webkit-box-shadow: none;
box-shadow: none;
border-color: var(--bg-theme-color2);
}
.service-block-six .inner-box:hover:before {height: 100%;}
.service-block-six .inner-box:hover .icon {
color: var(--text-color-bg-theme-color2);
}
.service-block-six .inner-box:hover .title,
.service-block-six .inner-box:hover .title a {
color: var(--text-color-bg-theme-color2);
}
.service-block-six .inner-box:hover .text {color: #8c8f94;}
.service-block-six .icon-box {
position: relative;
margin-bottom: 25px;
display: inline-block;
}
.service-block-six .icon {
position: relative;
color: var(--theme-color2);
font-size: 64px;
font-weight: 900;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.service-block-six .title {
color: var(--theme-color-light);
margin-bottom: 10px;
line-height: 30px;
}
.service-block-six .title:hover {color: var(--theme-color1);}
.service-block-six .text {
position: relative;
font-size: 15px;
line-height: 30px;
}
/*** Services Section Seven ***/
.services-section-seven {
position: relative;
padding: 120px 0 90px;
z-index: 2;
}
@media (max-width: 991.98px) {
.services-section-seven {padding: 90px 0 60px;}
}
.services-section-seven:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #000c1c;
background-image: url(../images/icons/shape-tm-14-old.jpg);
content: "";
}
.services-section-seven .title-column {
position: relative;
margin-bottom: 60px;
padding-top: 42px;
}
.services-section-seven .title-column .sec-title {margin-bottom: 0;}
.services-section-seven .image-column {
position: relative;
margin-bottom: 60px;
}
.services-section-seven .image-column .image-box {
position: relative;
padding-left: 70px;
text-align: right;
}
.services-section-seven .image-column .image-box .image {position: relative;margin-bottom: 0;}
.services-section-seven .image-column .image-box .image:before {
position: absolute;
left: -10px;
top: 30px;
bottom: 30px;
background-color: var(--bg-theme-color2);
width: 10px;
content: "";
}
.services-section-seven .image-column .image-box .image img {display: block;}
.services-section-seven.style-two {background-color: var(--bg-theme-color1);}
.services-section-seven.style-two:before {background-image: url(../images/icons/pattern-22.jpg);}
.service-block-seven {position: relative;margin-bottom: 30px;z-index: 1;}
.service-block-seven .inner-box {
position: relative;
overflow: hidden;
height: 100%;
padding: 38px 10px 34px;
border: 1px solid #4F4D5E;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
text-align: center;
}
.service-block-seven .inner-box:before {
position: absolute;
left: 0;
bottom: 0;
height: 0;
width: 100%;
border-radius: 0;
background-repeat: no-repeat;
background-image: url(../images/icons/shape-tm-4.png);
background-color: var(--bg-theme-color2);
background-repeat: no-repeat;
background-position: right bottom;
content: "";
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
z-index: -1;
}
.service-block-seven .inner-box:hover {
-webkit-box-shadow: none;
box-shadow: none;
border-color: var(--theme-color-light);
}
.service-block-seven .inner-box:hover:before {height: 100%;}
.service-block-seven .inner-box:hover .icon {color: var(--text-color-bg-theme-color2);}
.service-block-seven .inner-box:hover .title,
.service-block-seven .inner-box:hover .title a {color: var(--text-color-bg-theme-color2);}
.service-block-seven .inner-box:hover .text {color: var(--text-color-bg-theme-color2);}
.service-block-seven .icon-box {
position: relative;
margin-bottom: 27px;
display: inline-block;
}
.service-block-seven .icon {
position: relative;
color: var(--theme-color-light);
font-size: 60px;
font-weight: 900;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.service-block-seven .title {
color: var(--theme-color-light);
margin-bottom: 10px;
line-height: 30px;
}
.service-block-seven .title:hover {color: var(--theme-color1);}
.service-block-seven .text {
color: #808287;
font-size: 14px;
line-height: 30px;
margin-bottom: 15px;
position: relative;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.service-block-seven .read-more {
color: var(--text-color-bg-theme-color2);
font-weight: 700;
}
.service-block-seven .read-more i {font-size: 14px;margin-left: 4px;}
/*** Map Section ***/
.map-section {position: relative;z-index: 1;}
.map-section .map {
position: relative;
min-height: 492px;
width: 100%;
display: block;
}
.map-section .branches-outer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
.map-section.alternate .map {min-height: 490px;}
.map-section.alternate.pull-up {margin-top: -45px;}
.branch-block {position: relative;}
.branch-block .inner-box {
position: relative;
background-color: #fff;
padding: 45px 50px 50px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.branch-block .inner-box:hover {background-color: var(--bg-theme-color2);}
.branch-block .inner-box:hover .info-list li,
.branch-block .inner-box:hover .info-list li i,
.branch-block .inner-box:hover .title {color: #fff;}
.branch-block .title {margin-bottom: 35px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.branch-block .info-list {position: relative;}
.branch-block .info-list li {
position: relative;
padding-left: 50px;
font-size: 16px;
line-height: 26px;
color: #7c859b;
margin-bottom: 10px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.branch-block .info-list li a {color: inherit;-webkit-transition: none;transition: none;}
.branch-block .info-list li i {
position: absolute;
left: 0;
top: 0;
color: #d41e44;
line-height: 26px;
width: 20px;
font-size: 18px;
text-align: center;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
/*** Call To Action ***/
.call-to-action {position: relative;padding: 140px 0 120px;background-repeat: no-repeat;background-position: center;background-size: cover;z-index: 2;}
.call-to-action:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-color: var(--bg-theme-color1);opacity: 0.5;content: "";pointer-events: none;}
.call-to-action:after {position: absolute;left: 30px;top: 30px;right: 30px;bottom: 30px;border: 1px solid #fff;opacity: 0.1;pointer-events: none;content: "";}
.call-to-action .title-box {position: relative;text-align: center;}
.call-to-action .title-box .icon {position: absolute;top: -15px;left: 0;right: 0;margin: 0 auto;max-width: 200px;}
.call-to-action .title-box .title {font-size: 60px;line-height: 1.2em;color: #fff;margin-bottom: 0;}
.call-to-action .title-box .theme-btn {margin-top: 45px;}
.call-to-action.alternate::before {background-color: #090909;opacity: 0.8;}
/*** Call To Action Two ***/
.call-to-action-two {position: relative;padding: 120px 0;z-index: 2;}
.call-to-action-two .outer-box {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: var(--bg-theme-color2);overflow: hidden;}
.call-to-action-two .outer-box::before {position: absolute;right: 0;top: 0;height: 100%;width: 50%;background-image: url(../images/icons/shape-3.png);background-position: center right;background-repeat: no-repeat;content: "";}
.call-to-action-two .content-box {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 100%;padding: 30px 80px;}
.call-to-action-two .image-box {position: relative;height: 100%;}
.call-to-action-two .image-box .image {position: relative;margin-bottom: 0;}
.call-to-action-two .image-box .image img {height: 100%;min-width: 340px;-o-object-fit: cover;object-fit: cover;}
.call-to-action-two .title-box .title {font-size: 40px;color: #fff;font-weight: 700;margin-bottom: 0;}
.call-to-action-two .btn-box {position: relative;z-index: 8;}
.call-to-action-two.alternate::before {position: absolute;right: 0;top: 0px;height: 477px;width: 470px;border-radius: 0 0 0 500px;background-color: var(--bg-theme-color3);content: "";z-index: -1;-webkit-animation: bounce-x 10s infinite linear;animation: bounce-x 10s infinite linear;}
/*** Call To Action Three ***/
.call-to-action-three {position: relative;padding: 120px 0;z-index: 2;}
.call-to-action-three .outer-box {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;overflow: hidden;background-color: var(--bg-theme-color2);width: 100%;padding: 30px 100px;padding-right: 30px;}
.call-to-action-three .outer-box::before {position: absolute;left: 0;top: 0;height: 100%;width: 90px;background-image: url(../images/icons/icon-shpae.png);background-position: top left;background-repeat: no-repeat;content: "";}
.call-to-action-three .title-box {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.call-to-action-three .title-box .icon {margin-right: 20px;font-size: 30px;line-height: 1em;color: var(--theme-color1);}
.call-to-action-three .title-box .title {font-weight: 700;margin-bottom: 0;}
.call-to-action-three .btn-box {position: relative;z-index: 8;}
.call-to-action-three .btn-box .theme-btn {padding: 11px 40px 9px;font-size: 11px;}
/*** Call To Action Four ***/
.call-to-action-four {position: relative;padding: 100px 0;background-repeat: no-repeat;background-position: 42% 0%;background-size: cover;background-color: var(--bg-theme-color2);z-index: 2;}
@media (max-width: 991.98px) {
.call-to-action-four {padding: 90px 0;}
}
.call-to-action-four:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-image: url(../images/icons/bg-shape-tm-7.png);background-color: var(--bg-theme-color2);content: "";opacity: 0.95;}
.call-to-action-four .outer-box {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;overflow: hidden;width: 100%;}
@media (max-width: 991.98px) {
.call-to-action-four .outer-box {display: block;}
}
.call-to-action-four .title-box .sub-title {position: relative;font-size: 20px;line-height: 1em;color: var(--text-color-bg-theme-color2);margin-bottom: 20px;}
@media (max-width: 575.98px) {
.call-to-action-four .title-box .sub-title {line-height: 1.4;}
}
.call-to-action-four .title-box .title {color: var(--text-color-bg-theme-color2);font-size: 34px;font-weight: 700;margin-bottom: 0;}
.call-to-action-four .btn-box {position: relative;z-index: 8;}
@media (max-width: 991.98px) {
.call-to-action-four .btn-box {margin-top: 30px;}
}
/*** Call To Action Five ***/
.call-to-action-five {position: relative;z-index: 2;}
.call-to-action-five .outer-box {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;}
.call-to-action-five .title-box {position: relative;text-align: center;padding: 110px 20px;background-color: var(--bg-theme-color2);overflow: hidden;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-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 100%;}
.call-to-action-five .title-box::before {position: absolute;left: -120px;bottom: -20px;width: 538px;height: 287px;background-image: url(../images/icons/shape-9.png);content: "";-webkit-animation: bounce-x 10s infinite linear;animation: bounce-x 10s infinite linear;}
.call-to-action-five .title-box .title {font-weight: 700;margin-bottom: 0;}
.call-to-action-five .title-box .title:hover {color: #fff;}
.call-to-action-five .title-box.style-two {background-color: #2c2e33;}
.call-to-action-five .title-box.style-two::before {background-image: url(../images/icons/shape-8.png);left: auto;right: -70px;}
.call-to-action-five .title-box.style-two .title {color: #fff;}
.call-to-action-five .title-box.style-two .title:hover {color: var(--theme-color2);}
/*** Call To Action Six ***/
.call-to-action-six {position: relative;padding: 140px 0 120px;background-repeat: no-repeat;background-position: center;background-size: cover;z-index: 2;}
@media (max-width: 991.98px) {
.call-to-action-six {padding: 100px 0;}
}
.call-to-action-six:after {position: absolute;left: 30px;top: 30px;right: 30px;bottom: 30px;border: 1px solid #fff;opacity: 0.2;pointer-events: none;content: "";}
@media (max-width: 767.98px) {
.call-to-action-six:after {display: none;}
}
.call-to-action-six .title-box {position: relative;text-align: center;}
.call-to-action-six .title-box .icon {position: absolute;top: -15px;left: 0;right: 0;margin: 0 auto;max-width: 200px;}
.call-to-action-six .title-box .title {font-size: 60px;line-height: 1.2em;color: #fff;margin-bottom: 0;}
@media (max-width: 991.98px) {
.call-to-action-six .title-box .title {font-size: 40px;}
}
.call-to-action-six .title-box .theme-btn {margin-top: 45px;}
.call-to-action-six.alternate::before {background-color: #090909;opacity: 0.8;}
/*** Call To Action Seven ***/
.call-to-action-seven {position: relative;padding: 30px 0;background-repeat: no-repeat;background-position: 42% 0%;background-size: cover;background-color: var(--bg-theme-color2);z-index: 2;}
@media (max-width: 1199.98px) {
.call-to-action-seven {background-position: 50% 0%;}
}
@media (max-width: 991.98px) {
.call-to-action-seven {background-image: none !important;padding: 45px 0;}
}
@media (max-width: 991.98px) {
.call-to-action-seven .image-column {display: none;}
}
.call-to-action-seven .outer-box {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;overflow: hidden;width: 100%;}
@media (max-width: 767.98px) {
.call-to-action-seven .outer-box {display: block;}
}
@media (max-width: 767.98px) {
.call-to-action-seven .title-box {margin-bottom: 20px;}
}
.call-to-action-seven .title-box .title {color: var(--text-color-bg-theme-color2);font-size: 34px;font-weight: 700;margin-bottom: 0;}
@media (max-width: 1199.98px) {
.call-to-action-seven .title-box .title {font-size: 30px;}
}
@media (max-width: 1199.98px) {
.call-to-action-seven .title-box .title br {display: none;}
}
.call-to-action-seven .btn-box {position: relative;z-index: 8;}
/*** Call To Action Eight ***/
.call-to-action-eight {position: relative;padding: 140px 0 170px;background-repeat: no-repeat;background-position: center;background-size: cover;z-index: 2;}
@media (max-width: 767.98px) {
.call-to-action-eight {padding: 100px 0 140px;}
}
.call-to-action-eight .title-box {position: relative;text-align: center;}
.call-to-action-eight .title-box .icon {position: absolute;top: -15px;left: 0;right: 0;margin: 0 auto;max-width: 200px;}
.call-to-action-eight .title-box .title {font-size: 60px;line-height: 1.2em;color: #fff;margin-bottom: 0;}
@media (max-width: 991.98px) {
.call-to-action-eight .title-box .title {font-size: 42px;}
}
@media (max-width: 575.98px) {
.call-to-action-eight .title-box .title br {display: none;}
}
.call-to-action-eight .title-box .theme-btn {margin-top: 45px;}
/*** Locations Section ***/
.locations-section {position: relative;padding: 120px 0;z-index: 1;}
.locations-section .map-box {position: relative;max-width: 1024px;margin: 0 auto;}
.location {position: absolute;left: 0;top: 0;}
.location:hover .location-info {margin-bottom: 20px;opacity: 1;visibility: visible;z-index: 999;}
.location.align-center .location-info {left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.location.align-center .location-info:before {left: 50%;margin-left: -15px;}
.location.align-right .location-info {left: auto;right: -44px;}
.location.align-right .location-info:before {left: auto;right: 37px;}
.location .location-dot {position: relative;display: block;height: 16px;width: 16px;background-color: var(--bg-theme-color1);border-radius: 50%;z-index: 2;cursor: pointer;}
.location .location-dot:after {position: absolute;left: -17px;top: -17px;content: "";width: 50px;height: 50px;background-color: var(--bg-theme-color1);border-radius: 50%;-webkit-animation: ripple 2s infinite linear;animation: ripple 2s infinite linear;}
.location:nth-child(2) .location-dot:after {-webkit-animation-delay: 500ms;animation-delay: 500ms;}
.location:nth-child(3) .location-dot:after {-webkit-animation-delay: 1000ms;animation-delay: 1000ms;}
.location:nth-child(4) .location-dot:after {-webkit-animation-delay: 1500ms;animation-delay: 1500ms;}
.location:nth-child(5) .location-dot:after {-webkit-animation-delay: 500ms;animation-delay: 500ms;}
.location:nth-child(6) .location-dot:after {-webkit-animation-delay: 1000ms;animation-delay: 1000ms;}
.location .location-info {position: absolute;left: -44px;bottom: 100%;margin-bottom: 0px;background-color: var(--bg-theme-color2);padding: 30px 50px;opacity: 0;visibility: hidden;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.location .location-info:before {position: absolute;top: 100%;left: 37px;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 10px solid var(--border-theme-color2);content: "";}
.location .info-list {position: relative;}
.location .info-list li {font-size: 16px;line-height: 30px;color: var(--theme-color1);}
.location .info-list li:hover a {text-decoration: underline;}.location.location-1 {top: 23.8%;left: 15.5%;}
.location.location-2 {top: 78%;left: 25.7%;}.location.location-3 {top: 52.8%;left: 58.3%;}.location.location-4 {top: 13%;left: 67.8%;}.location.location-5 {top: 75%;left: 91.3%;}
@keyframes ripple {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
}
/*** Locations Section Two ***/
.locations-section-two {position: relative;padding: 120px 0 90px;}
.location-block-two {position: relative;margin-bottom: 30px;}
.location-block-two .inner-box {
position: relative;
padding: 40px 30px;
padding-right: 40px;
border-right: 4px solid var(--border-theme-color1);
-webkit-box-shadow: 0 10px 35px rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 35px rgba(0, 0, 0, 0.05);
}
.location-block-two .inner-box:before {
position: absolute;
right: -4px;
top: 0%;
height: 0;
border-right: 4px solid var(--border-theme-color2);
content: "";
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.location-block-two .inner-box:hover:before {height: 100%;}
.location-block-two .inner-box:hover .title {color: var(--theme-color2);}
.location-block-two .title {
margin-bottom: 30px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.location-block-two .info-list {position: relative;}
.location-block-two .info-list li {font-size: 16px;color: #8c8f94;}
.location-block-two .info-list li a {color: #8c8f94;}
.location-block-two .info-list li a:hover {color: var(--theme-color1);}
/*** Offer Section ***/
.offer-section {position: relative;background-color: var(--bg-theme-color1);}
.offer-section:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(../images/icons/pattern-3.jpg);
content: "";
}
.offer-section .content-column {position: relative;}
.offer-section .content-column .inner-column {
position: relative;
padding: 120px 0 100px;
padding-right: 80px;
}
.offer-section .content-column .sec-title {margin-bottom: 25px;}
.offer-section .content-column .sec-title .text {font-size: 16px;line-height: 30px;}
.offer-section .content-column .info-box {
position: relative;
padding-left: 85px;
min-height: 70px;
margin-bottom: 30px;
}
.offer-section .content-column .info-box:hover .icon {
color: #fff;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.offer-section .content-column .info-box .icon {
position: absolute;
left: 0;
top: 0;
display: inline-block;
font-size: 72px;
color: var(--theme-color2);
line-height: 1em;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.offer-section .content-column .info-box .title {line-height: 34px;margin-bottom: 0;color: #fff;}
.offer-section .content-column .list-style-two li {color: #878a8f;}
.offer-section .image-column {position: relative;}
.offer-section .image-column .inner-column {position: relative;}
.offer-section .image-column .image-box {position: relative;margin-right: -375px;}
.offer-section .image-column .image-box .image {position: relative;margin-bottom: 0;width: 100%;}
.offer-section .image-column .image-box .image img {width: 100%;min-height: 570px;-o-object-fit: cover;object-fit: cover;}
.offer-section .image-column .caption-box {position: absolute;left: 0;bottom: 0;top: 0;width: 100%;max-width: 200px;background-color: var(--bg-theme-color2);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 50px 30px 45px 35px;}
.offer-section .image-column .caption-box .icon-box {position: relative;margin-bottom: 20px;}
.offer-section .image-column .caption-box .title {color: var(--theme-color1);margin-bottom: 0;}
.fact-counter-one {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-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 170px;width: 170px;background-color: #fff;border-radius: 50%;margin-bottom: 40px;-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);}
.fact-counter-one:before {position: absolute;left: 42px;bottom: 2px;height: 15px;width: 15px;background: #fff;-webkit-transform: rotate(-18deg);transform: rotate(-18deg);content: "";}
.fact-counter-one .count-box {position: relative;font-size: 40px;color: var(--theme-color1);line-height: 1em;font-weight: 700;}
.fact-counter-one .counter-title {display: block;font-size: 14px;line-height: 20px;font-weight: 700;letter-spacing: 0.15em;text-transform: uppercase;color: #767676;}
/*** Offer Section Two ***/
.offer-section-two {position: relative;overflow: hidden;}
.offer-section-two:before {background-image: url(../images/background/9.jpg);position: absolute;left: 0;bottom: 0;height: calc(100% - 140px);width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;content: "";z-index: -1;}
.offer-section-two:after {position: absolute;left: 0;bottom: 0;height: calc(100% - 140px);width: 100%;background-color: var(--bg-theme-color2);content: "";opacity: 0.92;z-index: -1;}
@media only screen and (max-width: 1023.98px) {
.offer-section-two:after {top: 0;height: 100%;}
}
.offer-section-two .content-column {position: relative;}
.offer-section-two .content-column .inner-column {position: relative;padding: 260px 0 55px;}
@media only screen and (max-width: 1023.98px) {
.offer-section-two .content-column .inner-column {padding-top: 120px;margin-right: 0;padding-bottom: 20px;}
}
@media (max-width: 991.98px) {
.offer-section-two .content-column .inner-column {padding-top: 90px;}
}
.offer-section-two .content-column .sec-title .sub-title {color: var(--text-color-bg-theme-color2);}
.offer-section-two .content-column .sec-title .sub-title:before {background-color: var(--text-color-bg-theme-color2);}
.offer-section-two .content-column .sec-title h2 {color: var(--text-color-bg-theme-color2);}
.offer-section-two .content-column .sec-title .text {font-size: 16px;line-height: 30px;}
.offer-section-two .content-column .info-box {position: relative;padding-left: 90px;min-height: 70px;margin-bottom: 45px;}
.offer-section-two .content-column .info-box .count {position: absolute;left: 0;top: 0;top: -5px;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: 70px;width: 70px;background-color: var(--text-color-bg-theme-color2);line-height: 1em;font-size: 24px;color: var(--theme-color2);border-radius: 50%;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.offer-section-two .content-column .info-box .text {font-size: 16px;line-height: 30px;margin-bottom: 0;color: var(--text-color-bg-theme-color2);font-weight: 400;max-width: 400px;}
.offer-section-two .content-column .info-box:hover .count {-webkit-transform: rotate(180deg) scale(-1);transform: rotate(180deg) scale(-1);background-color: #fff;color: var(--theme-color2);}
.offer-section-two .image-column {position: relative;z-index: 1;}
.offer-section-two .image-column .inner-column {position: relative;padding-left: 20px;}
@media only screen and (max-width: 1023.98px) {
.offer-section-two .image-column .inner-column {padding-left: 0;}
}
.offer-section-two .image-column .image-box {position: relative;margin-right: -375px;}
@media only screen and (max-width: 1023.98px) {
.offer-section-two .image-column .image-box {margin-right: 0;}
}
.offer-section-two .image-column .image-box .image {
position: relative;
margin-bottom: 0;
width: 100%;
}
.offer-section-two .image-column .image-box .image:before {
position: absolute;
left: 0;
bottom: 0;
border-right: 50px solid transparent;
border-bottom: 50px solid var(--border-theme-color2);
content: "";
}
.offer-section-two .image-column .image-box .image img {
width: 100%;
min-height: 610px;
-o-object-fit: cover;
object-fit: cover;
}
.offer-section-two .image-column .video-box {
position: absolute;
left: -140px;
top: 0;
}
@media only screen and (max-width: 1023.98px) {
.offer-section-two .image-column .video-box {
top: 50%;
left: 50%;
margin-left: -70px;
margin-top: -70px;
-webkit-animation: zoom-one 5s infinite linear;
animation: zoom-one 5s infinite linear;
}
}
.offer-section-two .image-column .video-box .play-btn {position: absolute;left: 0;top: 0;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: 140px;width: 140px;background-color: var(--bg-theme-color1);color: #fff;font-size: 24px;}
@media only screen and (max-width: 1023.98px) {
.offer-section-two .image-column .video-box .play-btn {position: relative;border-radius: 50%;}
}
.offer-section-two .image-column .video-box .arrow-icon {
position: absolute;
right: 100%;
margin-right: 45px;
top: 45px;
}
@media only screen and (max-width: 1023.98px) {
.offer-section-two .image-column .video-box .arrow-icon {display: none;}
}
.offer-section-two .image-column .video-box .title {
right: 100%;
margin-right: 130px;
top: 0;
color: var(--theme-color1);
margin-bottom: 0;
font-weight: 500;
}
@media only screen and (max-width: 1023.98px) {
.offer-section-two .image-column .video-box .title {display: none;}
}
.fact-counter-one {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-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 170px;width: 170px;background-color: #fff;border-radius: 50%;margin-bottom: 40px;-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);}
.fact-counter-one:before {position: absolute;left: 42px;bottom: 2px;height: 15px;width: 15px;background: #fff;-webkit-transform: rotate(-18deg);transform: rotate(-18deg);content: "";}
.fact-counter-one .count-box {position: relative;font-size: 40px;color: var(--theme-color1);line-height: 1em;font-weight: 700;}
.fact-counter-one .counter-title {display: block;font-size: 14px;line-height: 20px;font-weight: 700;letter-spacing: 0.15em;text-transform: uppercase;color: #767676;}
/*** Offer Section Three ***/
.offer-section-three {position: relative;padding: 120px 0 70px;}
.offer-section-three:before {position: absolute;right: -310px;top: -30px;height: 100%;width: 100%;background-image: url(../images/icons/pattern-7.png);background-repeat: no-repeat;background-position: center right;content: "";}
.offer-section-three .content-column {position: relative;}
.offer-section-three .content-column .inner-column {position: relative;padding-left: 100px;}
.offer-section-three .content-column .sec-title {margin-bottom: 50px;}
.offer-section-three .content-column .info-box {position: relative;padding-left: 90px;min-height: 60px;margin-bottom: 47px;}
.offer-section-three .content-column .info-box .count {position: absolute;left: 0;top: 0;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;margin-top: 5px;height: 60px;width: 60px;background-color: var(--bg-theme-color1);line-height: 1em;font-size: 16px;font-weight: 700;color: #fff;border-radius: 50%;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.offer-section-three .content-column .info-box .title {margin-bottom: 5px;}
.offer-section-three .content-column .info-box .text {font-size: 16px;line-height: 30px;color: #808287;font-weight: 400;margin-bottom: 0;}
.offer-section-three .content-column .info-box:hover .count {-webkit-transform: rotate(180deg) scale(-1);transform: rotate(180deg) scale(-1);background-color: var(--bg-theme-color2);color: var(--theme-color1);}
.offer-section-three .image-column {position: relative;z-index: 1;margin-bottom: 50px;}
.offer-section-three .image-column .inner-column {position: relative;}
.offer-section-three .image-column .image-box {
position: relative;
height: 585px;
width: 585px;
border-radius: 50%;
}
.offer-section-three .image-column .image-box:before {
position: absolute;
left: -40px;
top: -10px;
background-color: #edf0f5;
height: 500px;
width: 500px;
border-radius: 50%;
content: "";
-webkit-animation: zoom-one 10s infinite linear;
animation: zoom-one 10s infinite linear;
}
.offer-section-three .image-column .image-box .image {
position: relative;
margin-bottom: 0;
}
.offer-section-three .image-column .image-box .image:before {
position: absolute;
left: -15px;
bottom: 20px;
background-color: var(--bg-theme-color1);
height: 190px;
width: 190px;
border-radius: 50%;
content: "";
-webkit-animation: zoom-one 10s infinite linear;
animation: zoom-one 10s infinite linear;
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.offer-section-three .image-column .image-box .image img {
position: relative;
width: 100%;
border-radius: 50%;
}
.offer-section-three .image-column .video-box {
position: absolute;
right: -20px;
bottom: 110px;
}
.offer-section-three .image-column .video-box .play-btn {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: 107px;width: 107px;background-color: var(--bg-theme-color2);color: var(--theme-color1);font-size: 24px;padding-left: 5px;border-radius: 50%;}
.offer-section-three .image-column .video-box .play-btn:before {position: absolute;left: -13px;top: -13px;right: -13px;bottom: -13px;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 50%;content: "";-webkit-animation: zoom-one 2s infinite linear;animation: zoom-one 2s infinite linear;}
.offer-section-three .image-column .video-box .play-btn:hover {background-color: var(--bg-theme-color1);color: #fff;}
/***Offer Section Four***/
.offer-section-four {position: relative;overflow: hidden;padding: 120px 0 70px;}
.offer-section-four .outer-box {position: relative;}
.offer-section-four .outer-box:before {position: absolute;right: 0;top: -120px;bottom: -120px;width: 1000%;background-color: #f4f4f4;content: "";}
.offer-section-four .content-column {position: relative;margin-bottom: 50px;}
.offer-section-four .content-column .inner-column {position: relative;}
.offer-section-four .content-column .sec-title {margin-bottom: 50px;}
.offer-section-four .content-column .info-box {position: relative;padding-left: 70px;min-height: 50px;margin-bottom: 70px;}
.offer-section-four .content-column .info-box:last-child {margin-bottom: 0;}
.offer-section-four .content-column .info-box .count {position: absolute;left: 0;top: 0;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;margin-top: 5px;height: 50px;width: 50px;background-color: #000000;line-height: 1em;font-size: 16px;font-weight: 700;color: #fff;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.offer-section-four .content-column .info-box .title {margin-bottom: 5px;}
.offer-section-four .content-column .info-box .text {font-size: 16px;line-height: 30px;color: #808287;font-weight: 400;margin-bottom: 0;}
.offer-section-four .content-column .info-box:hover .count {-webkit-transform: rotate(180deg) scale(-1);transform: rotate(180deg) scale(-1);background-color: var(--bg-theme-color2);color: var(--theme-color1);}
.offer-section-four .image-column {position: relative;z-index: 1;margin-bottom: 50px;}
.offer-section-four .image-column .inner-column {position: relative;}
.offer-section-four .image-column .image-box {position: relative;margin-right: -370px;}
.offer-section-four .image-column .image-box .image {position: relative;margin-bottom: 0;}
.offer-section-four .image-column .image-box .image img {position: relative;width: 100%;}
.offer-section-four .image-column .image-box .caption {position: absolute;left: 0;bottom: 0;background-color: var(--bg-theme-color2);padding: 45px 50px;font-size: 26px;line-height: 1.2em;color: var(--theme-color1);font-weight: 700;letter-spacing: 0.1em;max-width: 370px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.offer-section-four .image-column .image-box:hover .caption {color: var(--theme-color3);}
/***Offer Section Five***/
.offer-section-five {position: relative;}
.offer-section-five:before {position: absolute;left: calc(50% - 30px);top: 0;height: 100%;width: calc(50% + 30px);background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url(../images/icons/shape-tm-3.png);content: "";}
.offer-section-five .content-column {position: relative;}
.offer-section-five .content-column .inner-column {position: relative;padding: 100px 0 92px;padding-left: 52px;}
@media (max-width: 1199.98px) {
.offer-section-five .content-column .inner-column {padding: 70px 0 92px;padding-left: 15px;}
}
@media (max-width: 991.98px) {
.offer-section-five .content-column .inner-column {padding-left: 0;padding-bottom: 70px;}
}
.offer-section-five .content-column .sec-title {margin-bottom: 25px;}
.offer-section-five .content-column .sec-title .text {font-size: 16px;line-height: 30px;}
.offer-section-five .content-column .info-box {
position: relative;
padding-left: 85px;
min-height: 70px;
margin-bottom: 30px;
}
.offer-section-five .content-column .info-box:hover .icon {-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.offer-section-five .content-column .info-box .icon {
position: absolute;
left: 0;
top: 0;
display: inline-block;
font-size: 72px;
color: var(--theme-color2);
line-height: 1em;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.offer-section-five .content-column .info-box .title {line-height: 34px;margin-bottom: 0;}
.offer-section-five .content-column .list-style-two li {color: var(--text-color);font-weight: 400;}
.offer-section-five .image-column {position: relative;}
.offer-section-five .image-column .inner-column {position: relative;}
.offer-section-five .image-column .image-box {position: relative;margin-left: -375px;}
.offer-section-five .image-column .image-box .image {position: relative;margin-bottom: 0;width: 100%;}
.offer-section-five .image-column .image-box .image img {
width: 100%;
min-height: 570px;
-o-object-fit: cover;
object-fit: cover;
}
.offer-section-five .image-column .caption-box {
position: absolute;
right: 0;
bottom: 0;
top: 0;
width: 100%;
max-width: 200px;
background-color: var(--bg-theme-color2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 50px 30px 45px 35px;
}
@media (max-width: 991.98px) {
.offer-section-five .image-column .caption-box {right: -15px;}
}
@media (max-width: 575.98px) {
.offer-section-five .image-column .caption-box {max-width: 140px;padding: 50px 10px 45px 15px;}
}
.offer-section-five .image-column .caption-box .icon-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
margin-bottom: 20px;
}
.offer-section-five .image-column .caption-box .icon-box .play-now {text-align: center;}
.offer-section-five .image-column .caption-box .icon-box .play-now .icon {color: var(--theme-color2);}
.offer-section-five .image-column .caption-box .title {
color: var(--text-color-bg-theme-color2);
margin-bottom: 0;
}
/*** FAQ's Sectiom ***/
.faqs-section {position: relative;}
.faqs-section .form-bg {
position: absolute;
right: 15px;
left: -375px;
top: 0;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.faqs-section .form-bg:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #222429;
opacity: 0.8;
content: "";
}
.faqs-section .faq-bg {
position: absolute;
left: 15px;
right: -375px;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.faqs-section.style-two:before {
position: absolute;
top: -300px;
right: -480px;
height: 100%;
width: 100%;
background-image: url(../images/icons/pattern-21.png);
background-repeat: no-repeat;
background-position: right top;
content: "";
}
.faqs-section.style-two .faq-column .inner-column {padding-top: 120px;}
.faqs-section.style-two .image-column {position: relative;margin-bottom: 50px;}
.faqs-section.style-two .image-column .inner-column {margin-left: -375px;}
.faqs-section.style-two .image-column .inner-column .image {
position: relative;
margin-bottom: 10px;
}
.faqs-section.style-two .image-column .inner-column .image img {width: 100%;}
.faqs-section.style-two .image-column .info-box {
position: relative;
padding: 45px 45px;
background-color: var(--bg-theme-color2);
background-image: url(../images/icons/icon-lines-5.png);
background-repeat: no-repeat;
background-position: left top;
}
.faqs-section.style-two .image-column .info-box:hover .icon {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
background-color: var(--bg-theme-color3);
color: var(--theme-color1);
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}
.faqs-section.style-two .image-column .info-box .inner {
padding-right: 200px;
position: relative;
min-height: 140px;
text-align: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.faqs-section.style-two .image-column .info-box .title {margin-bottom: 0;}
.faqs-section.style-two .image-column .info-box .icon {
position: absolute;
right: 0;
top: 0;
height: 140px;
width: 140px;
border-radius: 50%;
background-color: var(--bg-theme-color1);
color: var(--theme-color2);
font-size: 78px;
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-transition: all 300ms ease;
transition: all 300ms ease;
}
.faqs-section .faq-column {position: relative;}
.faqs-section .faq-column .inner-column {
position: relative;
padding: 70px 70px 60px;
padding-right: 0;
}
.faqs-section .form-column {position: relative;}
.faqs-section .form-column .inner-column {
position: relative;
padding: 70px 70px 70px;
padding-left: 0;
}
.accordion-box {position: relative;}
.accordion-box .block {
position: relative;
background-color: #ffffff;
-webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05);
box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05);
margin-bottom: 10px;
}
.accordion-box .block .acc-btn {
position: relative;
font-size: 18px;
line-height: 25px;
color: var(--theme-color1);
font-weight: 700;
cursor: pointer;
padding: 20px 30px;
padding-right: 70px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
border-bottom: 1px solid var(--border-theme-color3);
}
.accordion-box .block .acc-btn .icon {
position: absolute;
right: 30px;
top: 20px;
height: 35px;
font-size: 14px;
line-height: 25px;
color: var(--theme-color1);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.accordion-box .block .acc-btn.active {color: var(--theme-color-light);background-color: var(--bg-theme-color2);}
.accordion-box .block .acc-btn.active .icon {color: var(--theme-color-light);}
.accordion-box .block .acc-btn.active .icon:before {content: "\f068";}
.accordion-box .block .acc-content {position: relative;display: none;}
.accordion-box .block .acc-content .content {position: relative;padding: 25px 30px;}
.accordion-box .block .acc-content .content .text {
display: block;
font-size: 16px;
line-height: 30px;
color: #808287;
margin-bottom: 0;
}
.accordion-box .block .acc-content.current {display: block;}
/*** Work Section ***/
.work-section {position: relative;padding: 120px 0 70px;}
.work-section:before {
position: absolute;
left: -260px;
top: 75px;
height: 590px;
width: 640px;
background-image: url(../images/icons/shape-10.png);
background-repeat: no-repeat;
background-position: center left;
content: "";
}
.work-section .sec-title {margin-bottom: 50px;}
.work-tabs {position: relative;}
.work-tabs .tab-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 60px;
border-radius: 10px;
overflow: hidden;
}
.work-tabs .tab-buttons .tab-btn {
width: 100%;
font-size: 20px;
font-weight: 700;
line-height: 50px;
color: var(--theme-color1);
text-align: center;
padding: 30px 30px;
font-family: var(--title-font);
background-color: #f4f5f8;
cursor: pointer;
}
.work-tabs .tab-buttons .tab-btn.active-btn {background-color: var(--bg-theme-color1);color: #ffffff;}
.work-tabs .content-column {position: relative;margin-bottom: 50px;}
.work-tabs .content-column .inner-column {padding: 0 35px;}
.work-tabs .content-column .inner-column h3 {font-size: 34px;margin-bottom: 40px;}
.work-tabs .content-column .inner-column > .text {margin-bottom: 40px;}
.work-tabs .content-column .about-block-two:last-child {margin-bottom: 0;}
.work-tabs .image-column {position: relative;margin-bottom: 50px;}
.work-tabs .image-column .image {
margin-bottom: 0;
border-radius: 10px;
overflow: hidden;
}
/*** Fun Fact Section ***/
.fun-fact-section {position: relative;padding: 120px 0 90px;}
.counter-block {
position: relative;
margin-top: 75px;
margin-bottom: 50px;
}
.counter-block .inner {
position: relative;
min-height: 200px;
width: 100%;
background-color: #fff;
text-align: center;
padding: 5px 40px 40px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
background-image: url(../images/icons/pattern-1.png);
background-repeat: no-repeat;
background-position: center;
-webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05);
box-shadow: 0 5px 40px rgba(0, 0, 0, 0.05);
}
.counter-block .inner:hover {-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.counter-block .inner:hover .icon {
background-color: var(--bg-theme-color1);
color: var(--bg-theme-color2);
border-radius: 50%;
}
.counter-block .icon {
position: relative;
display: block;
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: 115px;
width: 115px;
margin: -75px auto 0;
background-color: #e6e8ed;
color: var(--theme-color1);
font-size: 62px;
font-weight: 600;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
z-index: 1;
margin-bottom: 20px;
}
.counter-block .count-box {
font-size: 46px;
color: var(--theme-color1);
font-weight: 700;
line-height: 1em;
text-transform: uppercase;
font-family: var(--title-font);
margin-bottom: 15px;
}
.counter-block .count-box .count-text {
font-size: 46px;
color: var(--theme-color1);
font-weight: 700;
line-height: 1em;
}
.counter-block .counter-title {
display: block;
padding: 10px 10px;
font-size: 12px;
line-height: 18px;
color: var(--theme-color1);
background-color: var(--bg-theme-color2);
letter-spacing: 0.1em;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 0;
}
/*** Fun Fact Section Two ***/
.fun-fact-section-two {position: relative;}
.fun-fact-section-two:before {
position: absolute;
left: 0;
top: 0;
height: 50%;
width: 100%;
background-color: var(--bg-theme-color2);
content: "";
}
.fun-fact-section-two .fact-counter {
position: relative;
padding: 75px 0 20px;
}
.fun-fact-section-two .fact-counter:before {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 1000%;
background-color: #e7e8ea;
background-image: url(../images/icons/pattern-9.jpg);
background-repeat: repeat;
content: "";
}
.counter-block-two {
position: relative;
margin-bottom: 50px;
}
.counter-block-two .inner {
position: relative;
padding-left: 80px;
min-height: 64px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.counter-block-two .inner:hover .icon {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
color: var(--theme-color2);
}
.counter-block-two .icon {
position: absolute;
left: 0;
top: 0;
color: var(--theme-color1);
font-size: 64px;
line-height: 1em;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
z-index: 1;
margin-bottom: 20px;
}
.counter-block-two .count-box {
font-size: 46px;
color: var(--theme-color1);
font-weight: 700;
line-height: 1em;
text-transform: uppercase;
font-family: var(--title-font);
margin-bottom: 5px;
}
.counter-block-two .count-box .count-text {
font-size: 46px;
color: var(--theme-color1);
font-weight: 700;
line-height: 1em;
}
.counter-block-two .counter-title {
display: block;
font-size: 12px;
line-height: 30px;
color: #808287;
letter-spacing: 0.1em;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 0;
}
.counter-block-three {
position: relative;
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.counter-block-three:last-child {
border-right: 0;
}
.counter-block-three:before {
position: absolute;
left: 50%;
top: 0;
width: 0;
height: 4px;
background-color: var(--border-theme-color2);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
content: "";
}
.counter-block-three:hover:before {left: 0;width: 100%;}
.counter-block-three .inner {
position: relative;
padding: 120px 0 10px;
text-align: center;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.counter-block-three .count-box {
font-size: 46px;
color: #fff;
font-weight: 700;
line-height: 1em;
text-transform: uppercase;
font-family: var(--title-font);
margin-bottom: 15px;
}
.counter-block-three .count-box .count-text {
font-size: 46px;
color: #fff;
font-weight: 700;
line-height: 1em;
}
.counter-block-three .counter-title {
display: block;
font-size: 12px;
line-height: 30px;
color: #fff;
letter-spacing: 0.1em;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 0;
}
/*** Fun Fact Section Three ***/
.fun-fact-section-three {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
padding: 37px 0 55px;
}
.fun-fact-section-three.style-two {padding: 25px 0 170px;}
.fun-fact-section-three.style-two .counter-block-four .icon {background-color: #000;}
.counter-block-four {
position: relative;
margin-top: 75px;
margin-bottom: 50px;
}
.counter-block-four .inner {
position: relative;
width: 100%;
text-align: center;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.counter-block-four .inner:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.counter-block-four .inner:hover .icon {color: var(--bg-theme-color2);border-radius: 50%;}
.counter-block-four .icon {position: relative;display: block;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: 110px;width: 110px;margin: 0 auto;background-color: #111;color: var(--theme-color2);font-size: 62px;font-weight: 600;-webkit-transition: all 300ms ease;transition: all 300ms ease;z-index: 1;margin-bottom: 20px;}
.counter-block-four .count-box {font-size: 48px;color: var(--theme-color1);font-weight: 700;line-height: 1em;text-transform: uppercase;font-family: var(--title-font);margin-bottom: 15px;}
.counter-block-four .count-box .count-text {font-size: 48px;color: var(--theme-color-light);font-weight: 700;line-height: 1em;}
.counter-block-four .counter-title {display: block;font-size: 12px;line-height: 18px;color: var(--theme-color-light);letter-spacing: 0.1em;font-weight: 700;text-transform: uppercase;margin-bottom: 0;}
/***===Project Section==***/
.project-section {background-color: var(--theme-color-light);background-repeat: no-repeat;position: relative;padding: 120px 0;}
@media (max-width: 991.98px) {
.project-section {padding: 90px 0;}
}
.project-section.alternate:before {bottom: auto;top: 0;height: 520px;}
.project-section .carousel-outer {margin-left: -200px;margin-right: -200px;}
@media only screen and (max-width: 1699.98px) {
.project-section .carousel-outer {margin-left: -100px;margin-right: -100px;}
}
@media (max-width: 1399.98px) {
.project-section .carousel-outer {margin-left: 0;margin-right: 0;}
}
.project-section .sec-title {margin-bottom: 50px;}
.project-section.style-two {
background-color: var(--bg-theme-color1);
background-image: url(../images/icons/pattern-14.jpg);
background-repeat: no-repeat;
background-position: center top;
}
.project-section.style-two:before {display: none;}
.project-section.style-two .carousel-outer {margin-left: 0;margin-right: -400px;}
.project-section.style-two .project-block {margin-bottom: 0;}
.project-section.style-two .owl-dots {
position: absolute;
left: -60px;
bottom: 50px;
display: block !important;
}
.project-section.style-two .owl-dots .owl-dot {
display: block;
height: 35px;
width: 3px;
background-color: #ffffff;
opacity: 0.2;
margin-bottom: 10px;
}
.project-section.style-two .owl-dots .owl-dot.active {opacity: 1;}
.project-block {position: relative;}
.project-block .inner-box {position: relative;}
.project-block .inner-box:hover .image-box .image:after {height: 100%;}
.project-block .inner-box:hover .image-box .icon {
right: 40px;
top: 40px;
opacity: 1;
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
.project-block .inner-box:hover .image img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.project-block .inner-box:hover .content-box .title a,
.project-block .inner-box:hover .content-box .cat {color: var(--text-color-bg-theme-color2);}
.project-block .image-box {
position: relative;
overflow: hidden;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.project-block .image-box .image {position: relative;margin-bottom: 0px;}
.project-block .image-box .image a {display: block;width: 100%;}
.project-block .image-box .image::before {
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
content: "";
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#222429));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #222429 100%);
pointer-events: none;
z-index: 2;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.project-block .image-box .image:after {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: var(--bg-theme-color2);
height: 0;
opacity: 0.9;
z-index: 2;
content: "";
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.project-block .image-box .image img {
width: 100%;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.project-block .image-box .icon {position: absolute;right: 40px;top: 10px;height: 52px;width: 52px;border-radius: 50px;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;color: var(--text-color-bg-theme-color2);font-size: 18px;padding-top: 2px;border: 2px solid var(--text-color-bg-theme-color2);z-index: 2;-webkit-transition: all 300ms ease;transition: all 300ms ease;opacity: 0;}
.project-block .image-box .icon:hover {background-color: var(--theme-color-light);border-color: var(--theme-color-light);color: var(--theme-color1);}
.project-block .content-box {position: absolute;left: 0;bottom: 0;padding: 40px 50px;z-index: 9;}
.project-block .content-box .cat {position: relative;padding-top: 20px;font-size: 14px;line-height: 30px;font-weight: 500;letter-spacing: 0.1em;color: var(--theme-color2);-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.project-block .content-box .title {display: block;margin-bottom: 2px;color: #ffffff;}
.project-block .content-box .title:hover {color: var(--theme-color3);}
/***==Project Section Two==***/
.project-section-two {position: relative;padding: 120px 0;}
.project-section-two:before {position: absolute;left: 0;top: 0;height: 540px;width: 100%;content: "";background-color: #f4f5f8;}
.project-section-two .carousel-outer {margin: 0 -15px;}
.project-section-two .carousel-outer .project-block-two {padding: 15px;}
.project-block-two {position: relative;}
.project-block-two .inner-box {position: relative;}
.project-block-two .inner-box:hover .image-box .image:after {height: 100%;}
.project-block-two .inner-box:hover .image-box .icon {right: 40px;top: 40px;opacity: 1;-webkit-transition-delay: 300ms;transition-delay: 300ms;}
.project-block-two .inner-box:hover .image img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.project-block-two .inner-box:hover .image:after {height: 100%;opacity: 0;-webkit-transition: all 400ms linear;transition: all 400ms linear;}
.project-block-two .inner-box:hover .icon {background-color: var(--bg-theme-color2);color: var(--theme-color1);}
.project-block-two .image-box {position: relative;overflow: hidden;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.project-block-two .image-box .image {position: relative;margin-bottom: 0px;}
.project-block-two .image-box .image img {width: 100%;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.project-block-two .image-box .image:after {background: rgba(255, 255, 255, 0.3);content: "";position: absolute;left: 0;top: 0;width: 100%;height: 0;opacity: 1;z-index: 9;pointer-events: none;}
.project-block-two .content-box {position: relative;padding: 30px 30px 25px;background-color: #ffffff;-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);z-index: 9;}
.project-block-two .content-box .title {display: block;margin-bottom: 0;}.project-block-two .content-box .title:hover {color: var(--theme-color2);}
.project-block-two .content-box .cat {position: relative;display: block;font-size: 12px;line-height: 30px;font-weight: 500;letter-spacing: 0.1em;text-transform: uppercase;color: #808287;margin-bottom: 0;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.project-block-two .content-box .icon {position: absolute;right: 30px;top: 50%;height: 44px;width: 44px;border-radius: 50px;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;color: var(--theme-color1);background-color: #f4f5f8;font-size: 16px;z-index: 2;margin-top: -22px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
/***Project Section Three***/
.project-section-three {position: relative;padding: 120px 0;}
@media (max-width: 991.98px) {
.project-section-three {padding: 90px 0;}
}
.project-section-three:before {
position: absolute;
left: 0;
top: 0;
height: 460px;
width: 100%;
background-color: #F4F5F8;
content: "";
}
.project-section-three .carousel-outer {margin-right: -400px;}
@media (max-width: 1399.98px) {
.project-section-three .carousel-outer {margin-right: 0;}
}
.project-section-three .sec-title {margin-bottom: 50px;}
.project-block-three {position: relative;}
.project-block-three .inner-box {position: relative;}
.project-block-three .inner-box:hover .image img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.project-block-three .inner-box:hover .overlay-box:before {left: 0;opacity: 1;visibility: visible;}
.project-block-three .inner-box:hover .image-box .icon {
left: 0;
opacity: 1;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
.project-block-three .inner-box:hover .image-box .title {
color: var(--text-color-bg-theme-color2);
top: 0;
opacity: 1;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
.project-block-three .inner-box:hover .image-box .cat {
color: var(--text-color-bg-theme-color2);
top: 0;
opacity: 1;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-transition-delay: 400ms;
transition-delay: 400ms;
}
.project-block-three .image-box {
position: relative;
overflow: hidden;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.project-block-three .image-box .image {
position: relative;
margin-bottom: 0px;
}
.project-block-three .image-box .image img {
width: 100%;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.project-block-three .image-box .overlay-box {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 40px 50px;
z-index: 9;
overflow: hidden;
}
.project-block-three .image-box .overlay-box::before {
position: absolute;
left: -100%;
top: 0;
height: 150%;
width: 160%;
background-color: var(--bg-theme-color2);
content: "";
opacity: 0.9;
-webkit-transform: rotate(46.7deg);
transform: rotate(46.7deg);
-webkit-transform-origin: top left;
transform-origin: top left;
opacity: 0;
visibility: hidden;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.project-block-three .image-box .overlay-box .icon {
position: relative;
display: block;
left: -20px;
height: 52px;
width: 52px;
border-radius: 50px;
margin-bottom: 50px;
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;
color: var(--theme-color2);
background-color: var(--text-color-bg-theme-color2);
font-size: 18px;
z-index: 2;
opacity: 0;
-webkit-transition: none;
transition: none;
}
.project-block-three .image-box .overlay-box .icon:hover {
background-color: var(--bg-theme-color1);
color: var(--theme-color2);
-webkit-transition-delay: 0ms;
transition-delay: 0ms;
}
.project-block-three .image-box .overlay-box .title {
color: var(--theme-color-light);
position: relative;
display: block;
margin-bottom: 2px;
top: 10px;
opacity: 0;
}
.project-block-three .image-box .overlay-box .title:hover a {
color: #ffffff;
}
.project-block-three .image-box .overlay-box .cat {
position: relative;
font-size: 14px;
line-height: 30px;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--theme-color-light);
top: 10px;
opacity: 0;
}
/***Project Section Four***/
.project-section-four {
background-color: var(--theme-color-light);
background-repeat: no-repeat;
position: relative;
padding: 120px 0;
}
@media (max-width: 991.98px) {
.project-section-four {padding: 90px 0;}
}
.project-section-four.alternate:before {bottom: auto;top: 0;height: 520px;}
.project-section-four .sec-title {margin-bottom: 50px;}
.project-block-four {position: relative;}
.project-block-four .inner-box {position: relative;}
.project-block-four .inner-box:hover .image img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.project-block-four .inner-box:hover .overlay-box:before {left: 0;opacity: 1;visibility: visible;}
.project-block-four .inner-box:hover .image-box .icon {
left: 0;
opacity: 1;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
.project-block-four .inner-box:hover .image-box .title {
color: var(--text-color-bg-theme-color2);
top: 0;
opacity: 1;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
.project-block-four .inner-box:hover .image-box .cat {
color: var(--text-color-bg-theme-color2);
top: 0;
opacity: 1;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-transition-delay: 400ms;
transition-delay: 400ms;
}
.project-block-four .image-box {
position: relative;
overflow: hidden;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.project-block-four .image-box .image {position: relative;margin-bottom: 0px;}
.project-block-four .image-box .image img {
width: 100%;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.project-block-four .image-box .overlay-box {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 40px 50px;
z-index: 9;
overflow: hidden;
}
.project-block-four .image-box .overlay-box::before {
position: absolute;
left: -100%;
top: 0;
height: 150%;
width: 160%;
background-color: var(--bg-theme-color2);
content: "";
opacity: 0.9;
-webkit-transform: rotate(46.7deg);
transform: rotate(46.7deg);
-webkit-transform-origin: top left;
transform-origin: top left;
opacity: 0;
visibility: hidden;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.project-block-four .image-box .overlay-box .icon {
position: relative;
display: block;
left: -20px;
height: 52px;
width: 52px;
border-radius: 50px;
margin-bottom: 50px;
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;
color: var(--theme-color2);
background-color: var(--text-color-bg-theme-color2);
font-size: 18px;
z-index: 2;
opacity: 0;
-webkit-transition: none;
transition: none;
}
.project-block-four .image-box .overlay-box .icon:hover {
background-color: var(--bg-theme-color1);
color: var(--theme-color2);
-webkit-transition-delay: 0ms;
transition-delay: 0ms;
}
.project-block-four .image-box .overlay-box .title {
color: var(--theme-color-light);
position: relative;
display: block;
margin-bottom: 2px;
top: 10px;
opacity: 0;
}
.project-block-four .image-box .overlay-box .title:hover a {
color: #ffffff;
}
.project-block-four .image-box .overlay-box .cat {
position: relative;
font-size: 14px;
line-height: 30px;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--theme-color-light);
top: 10px;
opacity: 0;
}
/***Project Section Five***/
.project-section-five {
background-color: #000b1c;
background-image: url(../images/icons/pattern-tm-3.jpg);
background-repeat: no-repeat;
background-position: center top;
position: relative;
padding: 120px 0;
}
@media (max-width: 991.98px) {
.project-section-five {padding: 90px 0;}
}
.project-section-five .sec-title {margin-bottom: 50px;}
.project-section-five .owl-dots {display: none;}
.project-section-five .project-block .image-box .image:before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#0E044F));
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #0E044F 100%);
}
/***Testimonial Section ***/
.testimonial-section {position: relative;padding: 120px 0 70px;}
@media (max-width: 991.98px) {
.testimonial-section {padding: 90px 0;}
}
.testimonial-section:before {
position: absolute;
left: 0;
bottom: -140px;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(../images/icons/pattern-tm-1.png);
content: "";
}
@media only screen and (max-width: 1599.98px) {
.testimonial-section:before {display: none;}
}
.testimonial-section .sec-title {margin-bottom: -145px;}
@media only screen and (max-width: 1023.98px) {
.testimonial-section .sec-title {margin-bottom: 40px;text-align: center;}
}
@media (max-width: 1199.98px) {
.testimonial-section .sec-title h2 br {display: inline;}
}
@media (max-width: 991.98px) {
.testimonial-section .sec-title h2 br {display: none;}
}
.testimonial-section .testimonials {position: relative;}
.testimonial-block {position: relative;padding-top: 180px;margin-bottom: 30px;}
@media only screen and (max-width: 1023.98px) {
.testimonial-block {padding-top: 0;text-align: center;}
}
@media only screen and (max-width: 1023.98px) {
.testimonial-block .content-column {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}
}
.testimonial-block .icon-box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
padding-right: 10px;
}
@media only screen and (max-width: 1023.98px) {
.testimonial-block .icon-box {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
}
@media only screen and (max-width: 1023.98px) {
.testimonial-block .icon-box .icon-quote {display: none;}
}
.testimonial-block .icon-box .rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
font-size: 14px;
line-height: 20px;
color: #FFAA18;
}
.testimonial-block .icon-box .rating i {margin-left: 2px;}
.testimonial-block .text {
position: relative;
font-size: 20px;
line-height: 36px;
color: #808287;
margin-bottom: 25px;
}
.testimonial-block .name {margin-bottom: 2px;}
.testimonial-block .designation {
position: relative;
display: block;
font-size: 12px;
line-height: 24px;
color: #808287;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.testimonial-block .image-column {position: relative;text-align: right;}
@media only screen and (max-width: 1023.98px) {
.testimonial-block .image-column {text-align: center;}
}
.testimonial-block .image-column .image {
position: relative;
display: inline-block;
margin-top: -165px;
height: 431px;
width: 431px;
background-color: var(--bg-theme-color2);
padding: 15px 15px;
border-radius: 50%;
-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 60px rgba(0, 0, 0, 0.05);
-webkit-transform: translateX(50px);
transform: translateX(50px);
opacity: 0;
}
@media only screen and (max-width: 1023.98px) {
.testimonial-block .image-column .image {
margin-top: 0;
max-width: 250px;
height: auto;
padding: 20px;
margin-bottom: 30px;
}
}
.testimonial-thumbs {
position: absolute;
right: 300px;
top: 35px;
height: 400px;
min-width: 185px;
}
@media only screen and (max-width: 1023.98px) {
.testimonial-thumbs {display: none;}
}
.testimonial-thumbs .testimonial-thumb {
position: relative;
cursor: pointer;
z-index: 9;
}
.testimonial-thumbs .testimonial-thumb .image {
position: relative;
height: 132px;
width: 132px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
border-radius: 50%;
overflow: hidden;
padding: 11px;
border: 6px solid transparent;
}
.testimonial-thumbs .testimonial-thumb .image img {height: 100%;width: 100%;border-radius: 50%;}
.testimonial-thumbs .testimonial-thumb.swiper-slide-thumb-active .image {
background-color: #ffffff;
padding: 6px;
border: 6px solid var(--border-theme-color2);
}
.testimonial-thumbs .testimonial-thumb:nth-child(odd) {-webkit-transform: translateX(50px);transform: translateX(50px);}
.testimonials .testimonial-pagination {
position: absolute;
left: 0;
bottom: 65px;
max-width: 560px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
z-index: 9;
}
@media only screen and (max-width: 1023.98px) {
.testimonials .testimonial-pagination {
max-width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
bottom: 0;
}
}
.testimonials .testimonial-pagination .swiper-pagination-bullet {
border-radius: 0;
position: relative;
height: 2px;
width: 36px;
display: block;
background: #cacbcf;
margin-left: 10px;
opacity: 1;
display: block;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.testimonials .testimonial-pagination .swiper-pagination-bullet-active {background-color: var(--bg-theme-color2);}
.testimonial-content .swiper-slide:not(.swiper-slide-active) {opacity: 0 !important;}
.testimonial-content .testimonial-block.swiper-slide-active .image-column .image {
-webkit-transform: translate(0);
transform: translate(0);
opacity: 1;
-webkit-transition: all 1000ms ease;
transition: all 1000ms ease;
}
/*** Testimonial Section Two***/
.testimonial-section-two {
position: relative;
padding: 120px 0 130px;
background-color: var(--bg-theme-color3);
}
.testimonial-section-two::before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(../images/icons/pattern-13.png);
content: "";
}
.testimonial-section-two .testimonial-column {margin-bottom: 50px;}
.testimonial-section-two .testimonial-column .inner-column {position: relative;margin: -10px -15px 0;}
.testimonial-section-two .testimonial-column .testimonial-carousel .testimonial-block-two {padding: 15px 15px 0;}
.testimonial-section-two .sec-title h3 {font-size: 38px;}
.testimonial-block-two {position: relative;}
.testimonial-block-two .inner-box {position: relative;}
.testimonial-block-two .content-box {
position: relative;
display: block;
background-color: #ffffff;
padding: 35px 40px 55px;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.testimonial-block-two .content-box:hover {background-color: var(--bg-theme-color1);}
.testimonial-block-two .content-box:hover .text {color: #ffffff;}
.testimonial-block-two .content-box .rating {
font-size: 14px;
color: var(--theme-color2);
letter-spacing: 1px;
margin-bottom: 3px;
}
.testimonial-block-two .content-box .text {
position: relative;
margin-bottom: 0;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.testimonial-block-two .info-box {
position: relative;
padding: 0 40px;
margin-top: -33px;
}
.testimonial-block-two .info-box .thumb {
position: relative;
display: block;
height: 67px;
width: 67px;
border-radius: 50%;
padding: 5px;
background-color: #ffffff;
border: 2px solid var(--border-theme-color2);
margin-bottom: 5px;
}
.testimonial-block-two .info-box .thumb img {
border-radius: 50%;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.testimonial-block-two .info-box .name {margin-bottom: 0;}
.testimonial-block-two .info-box .designation {
position: relative;
text-transform: uppercase;
display: block;
font-size: 11px;
color: #808287;
font-weight: 700;
line-height: 20px;
letter-spacing: 0.1em;
}
/*** Testimonial Section Three ***/
.testimonial-section-three {position: relative;padding: 120px 0 90px;background-color: #f4f5f8;}
.testimonial-section-three::before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(../images/icons/pattern-15.jpg);
content: "";
}
.testimonial-block-three {position: relative;}
.testimonial-block-three .inner-box {position: relative;padding: 45px 70px 40px;padding-right: 30px;}
.testimonial-block-three .inner-box:hover .image-box .icon {background-color: var(--bg-theme-color3);color: var(--theme-color1);}
.testimonial-block-three .inner-box:hover .image-box .thumb img {border-top-right-radius: 0;}
.testimonial-block-three .inner-box:hover .content-box {background-color: var(--bg-theme-color1);}
.testimonial-block-three .inner-box:hover .content-box .name,
.testimonial-block-three .inner-box:hover .content-box .text {color: #ffffff;}
.testimonial-block-three .image-box {position: absolute;left: 40px;top: 0;z-index: 2;}
.testimonial-block-three .image-box .icon {position: absolute;right: 11px;bottom: 11px;height: 40px;width: 40px;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;background-color: var(--bg-theme-color1);border-radius: 50%;font-size: 14px;color: #ffffff;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.testimonial-block-three .image-box .thumb {position: relative;display: block;}
.testimonial-block-three .image-box .thumb:before {position: absolute;right: 10px;top: 10px;height: 100%;width: 100%;border-radius: 70px 70px 70px 0;background-color: var(--bg-theme-color2);content: "";}
.testimonial-block-three .image-box .thumb img {border-radius: 70px 70px 70px 0;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.testimonial-block-three .content-box {position: relative;display: block;background-color: #ffffff;-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);padding: 35px 40px 35px 50px;border-radius: 0 90px 0 90px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.testimonial-block-three .content-box:before {position: absolute;right: -10px;top: 10px;height: 100%;width: 100%;border-radius: 0 90px 0 90px;background-image: url(../images/icons/icon-lines-4.png);content: "";z-index: -1;}
.testimonial-block-three .content-box .info-box {position: relative;padding-left: 200px;margin-bottom: 40px;}
.testimonial-block-three .content-box .info-box .rating {font-size: 14px;color: var(--theme-color2);letter-spacing: 1px;margin-bottom: 12px;}
.testimonial-block-three .content-box .info-box .name {margin-bottom: 2px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.testimonial-block-three .content-box .info-box .designation {position: relative;text-transform: uppercase;display: block;font-size: 11px;color: #808287;font-weight: 700;line-height: 20px;letter-spacing: 0.1em;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.testimonial-block-three .content-box .text {position: relative;text-align: right;font-size: 18px;line-height: 34px;margin-bottom: 0;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
/*** Testimonial Section Four***/
.testimonial-section-four {position: relative;padding: 180px 0 100px;}
.testimonial-section-four .carousel-outer {position: relative;}
.testimonial-section-four .carousel-outer .testimonial-bg {
position: absolute;
top: -60px;
left: -100px;
right: -100px;
bottom: -60px;
background-repeat: no-repeat;
opacity: 0.25;
}
.testimonial-section-four .owl-dots {
position: absolute;
left: -495px;
bottom: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.testimonial-section-four .owl-dots .owl-dot {
display: block;
height: 3px;
width: 35px;
background-color: #d3d3d4;
margin-bottom: 10px;
margin-right: 10px;
}
.testimonial-section-four .owl-dots .owl-dot.active {opacity: 1;background-color: var(--bg-theme-color2);}
.testimonial-block-four {position: relative;margin-bottom: 30px;}
.testimonial-block-four .inner-box {position: relative;}
.testimonial-block-four .content-box {
position: relative;
display: block;
background-color: var(--bg-theme-color1);
background-image: url(../images/icons/shape-12.png);
background-position: left top;
background-repeat: no-repeat;
padding: 55px 60px;
margin-bottom: 45px;
}
.testimonial-block-four .content-box:before {
position: absolute;
left: 60px;
top: 100%;
border-right: 150px solid transparent;
border-top: 45px solid var(--border-theme-color1);
content: "";
}
.testimonial-block-four .content-box .icon-quote {position: absolute;right: 0;top: 0;height: 72px;width: 72px;font-size: 24px;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;color: var(--theme-color-light);background-color: var(--bg-theme-color2);background-image: url(../images/icons/quote-icon.png);background-repeat: no-repeat;background-position: center;-webkit-transition: all 100ms ease;transition: all 100ms ease;}
.testimonial-block-four .content-box .rating {
font-size: 16px;
color: var(--theme-color2);
margin-bottom: 12px;
}
.testimonial-block-four .content-box .rating i {
margin-right: 5px;
}
.testimonial-block-four .content-box .text {
position: relative;
font-size: 20px;
line-height: 38px;
color: #ffffff;
margin-bottom: 0;
}
.testimonial-block-four .info-box {position: relative;margin-top: -30px;margin-left: 160px;padding-left: 115px;min-height: 94px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.testimonial-block-four .info-box .thumb {position: absolute;left: 0;top: 0;height: 94px;width: 94px;border: 2px solid var(--border-theme-color2);border-radius: 50%;overflow: hidden;padding: 10px;}
.testimonial-block-four .info-box .thumb img {border-radius: 50%;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.testimonial-block-four .info-box .name {margin-bottom: 2px;}
.testimonial-block-four .info-box .designation {position: relative;text-transform: uppercase;display: block;font-size: 13px;color: #808287;font-weight: 500;line-height: 22px;letter-spacing: 0.1em;}
/*** Testimonial Section Five ***/
.testimonial-section-five {position: relative;padding: 120px 0 97px;}
@media (max-width: 991.98px) {
.testimonial-section-five {padding: 90px 0 67px;}
}
.testimonial-section-five:before {
position: absolute;
left: calc(50% - 568px);
top: 134px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(../images/icons/dotted-map-4.png);
content: "";
height: 496px;
width: 936px;
z-index: -1;
}
.testimonial-section-five .outer-box {position: relative;margin: 0 -15px;z-index: 9;}
.testimonial-block-five {position: relative;padding: 20px 15px 0;}
.testimonial-block-five .inner-box {background-color: var(--theme-color-light);position: relative;text-align: center;}
.testimonial-block-five .inner-box:hover .content-box {background-color: var(--bg-theme-color2);}
.testimonial-block-five .inner-box:hover .content-box:before {border-top: 20px solid var(--bg-theme-color2);}
.testimonial-block-five .inner-box:hover .content-box .rating {background-color: var(--theme-color-light);color: #FFAA18;}
.testimonial-block-five .inner-box:hover .content-box .text {color: var(--text-color-bg-theme-color2);}
.testimonial-block-five .content-box {position: relative;padding: 0px 55px 40px;-webkit-box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05);box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05);border-radius: 10px;margin-bottom: 40px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.testimonial-block-five .content-box::before {position: absolute;left: 0;right: 0;bottom: -20px;margin: 0 auto;width: 40px;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #fff;-webkit-transition: all 300ms ease;transition: all 300ms ease;-webkit-filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.1));filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.1));content: "";}
.testimonial-block-five .content-box .rating {position: relative;-webkit-transform: translateY(-20px);transform: translateY(-20px);display: inline-block;padding: 10px 70px;height: 40px;font-size: 14px;letter-spacing: 1px;line-height: 20px;color: #fff;background-color: var(--bg-theme-color2);border-radius: 5px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
@media (max-width: 575.98px) {
.testimonial-block-five .content-box .rating {padding: 10px 40px;}
}
.testimonial-block-five .content-box .text {
position: relative;
font-size: 16px;
line-height: 30px;
color: #767676;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.testimonial-block-five .thumb {
display: block;
height: 65px;
width: 65px;
margin: 0 auto 15px;
border-radius: 50%;
}
.testimonial-block-five .thumb img {
border-radius: 50%;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.testimonial-block-five .designation {position: relative;display: block;line-height: 20px;}
.testimonial-block-five .name {
position: relative;
display: block;
color: var(--theme-color1);
}
/*** Video Section ***/
.video-section {position: relative;padding: 120px 0;}
.video-section:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
max-height: 550px;
background-image: url(../images/icons/pattern-11.png);
background-color: var(--bg-theme-color1);
content: "";
}
.video-section .outer-box {position: relative;}
.video-section .title-box {position: relative;margin-bottom: 60px;}
.video-section .title-box .title {color: #fff;}
.video-section .title-box .text {color: #b8b8b8;}
.video-section .video-box {position: relative;}
.video-section .video-box .image {position: relative;margin-bottom: 0;}
.video-section .video-box .image:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
content: "";
background-color: var(--bg-theme-color1);
opacity: 0.3;
}
.video-section .video-box .content {
position: absolute;
top: 50%;
left: 50%;
text-align: center;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.video-section .video-box .content .title {color: #fff;}
.video-section .video-box .content .play-btn {position: relative;display: inline-block;}
.video-section .video-box .content .play-btn i {position: relative;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: 115px;width: 115px;font-size: 24px;background-color: var(--bg-theme-color2);color: var(--theme-color1);padding-left: 5px;margin: 0 auto 30px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.video-section .video-box .content .play-btn i:hover {background-color: var(--bg-theme-color1);color: var(--theme-color2);border-radius: 10px;}
/*** Why Choose Us ***/
.why-choose-us {position: relative;background-color: #f4f5f8;}
.why-choose-us .content-column {position: relative;}
.why-choose-us .content-column .inner-column {padding-top: 120px;}
.why-choose-us .content-column .inner-column .sec-title {margin-bottom: 50px;}
.why-choose-us .content-column .image-box {position: relative;}
.why-choose-us .content-column .image-box .image {position: relative;display: inline-block;margin-bottom: 0;}
.why-choose-us .content-column .image-box .caption {position: absolute;left: 50px;bottom: 0;width: 100%;max-width: 340px;padding: 30px 60px 35px;padding-right: 50px;background-color: var(--bg-theme-color2);font-size: 18px;line-height: 32px;color: var(--theme-color1);font-weight: 700;}
.why-choose-us .image-column {position: relative;}
.why-choose-us .image-column .inner-column {margin-right: -358px;margin-left: -17px;}
.why-choose-us .image-column .inner-column .image {margin-bottom: 0;}
/*** Why Choose Us Two***/
.why-choose-us-two {position: relative;padding: 120px 0 70px;}
@media (max-width: 991.98px) {
.why-choose-us-two {padding: 90px 0 40px;}
}
.why-choose-us-two:before {position: absolute;left: 95px;bottom: -100;height: 100%;width: 100%;background-image: url(../images/icons/pattern-tm-2.png);background-repeat: no-repeat;background-position: center left;content: "";}
@media (max-width: 1199.98px) {
.why-choose-us-two:before {display: none;}
}
.why-choose-us-two .content-column {position: relative;margin-bottom: 50px;}
.why-choose-us-two .content-column .inner-column {position: relative;}
.why-choose-us-two .content-column .info-box {position: relative;background-color: #f4f5f8;padding: 15px 30px;padding-left: 60px;margin-bottom: 30px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.why-choose-us-two .content-column .info-box:hover {background-color: var(--theme-color2);}
.why-choose-us-two .content-column .info-box:hover .title {color: var(--text-color-bg-theme-color2);}
.why-choose-us-two .content-column .info-box:hover .icon {color: var(--text-color-bg-theme-color2);}
.why-choose-us-two .content-column .info-box .icon {position: absolute;left: 30px;top: 0;height: 60px;line-height: 54px;color: var(--theme-color2);-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.why-choose-us-two .content-column .info-box .title {-webkit-transition: all 300ms ease;transition: all 300ms ease;margin-bottom: 0;}
.why-choose-us-two .content-column .skills {margin-top: 20px;margin-bottom: 0;}
.why-choose-us-two .content-column .skills .skill-item {margin-bottom: 10px;}
.why-choose-us-two .content-column .skills .skill-item:last-child {margin-bottom: 0;}
.why-choose-us-two .content-column .skills .bar-inner .bar {background-color: var(--bg-theme-color2);}
.why-choose-us-two .image-column {position: relative;margin-bottom: 50px;}
.why-choose-us-two .image-column .image-box {position: relative;padding-left: 100px;margin-right: -360px;}
@media (max-width: 1199.98px) {
.why-choose-us-two .image-column .image-box {padding-left: 50px;}
}
@media (max-width: 991.98px) {
.why-choose-us-two .image-column .image-box {padding-left: 0;margin-right: 0;}
}
.why-choose-us-two .image-column .image-box .image {position: relative;margin-bottom: 0;}
.why-choose-us-two .image-column .image-box .image img {width: 100%;}
.why-choose-us-two .image-column .image-box .play-btn {position: absolute;left: 0;bottom: 0;height: 150px;width: 160px;background-color: var(--bg-theme-color1);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;color: var(--text-color-light);font-size: 28px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
@media (max-width: 991.98px) {
.why-choose-us-two .image-column .image-box .play-btn {height: 90px;width: 90px;}
}
.why-choose-us-two .image-column .image-box .play-btn:hover {background-color: var(--bg-theme-color2);color: var(--text-color-light);}
/*** Why Choose Us Three***/
.why-choose-us-three {position: relative;padding: 120px 0 70px;overflow: hidden;}
.why-choose-us-three:before {position: absolute;top: 0;right: 50%;margin-right: 350px;height: 100%;width: 100%;background-color: var(--bg-theme-color2);background-image: url(../images/icons/pattern-19.png);content: "";background-repeat: no-repeat;background-position: center right;}
.why-choose-us-three:after {position: absolute;right: 0;bottom: -90px;height: 480px;width: 480px;background-color: var(--bg-theme-color3);content: "";z-index: -1;border-radius: 1000px 0 0 0;-webkit-animation: bounce-x 10s infinite linear;animation: bounce-x 10s infinite linear;}
.why-choose-us-three .content-column {position: relative;margin-bottom: 50px;}
.why-choose-us-three .content-column .inner-column {position: relative;}
.why-choose-us-three .content-column .inner-column .sec-title {margin-bottom: 25px;}
.why-choose-us-three .content-column .info-box {position: relative;padding-left: 80px;margin-bottom: 30px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.why-choose-us-three .content-column .info-box .icon {position: absolute;left: 0;top: 0;font-size: 64px;line-height: 1em;color: var(--theme-color1);}
.why-choose-us-three .content-column .info-box .title {color: var(--theme-color2);font-weight: 400;margin-bottom: 0;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.why-choose-us-three .content-column .list-style-three {padding-top: 45px;border-top: 1px solid #e6e8ed;margin-top: 30px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.why-choose-us-three .content-column .list-style-three li {width: 50%;padding-right: 20px;}.why-choose-us-three .image-column {position: relative;margin-bottom: 50px;}
.why-choose-us-three .image-column .image-box {position: relative;padding-right: 90px;}.why-choose-us-three .image-column .image-box .image {margin-bottom: 0;}
.why-choose-us-three .image-column .image-box .image img {width: 100%;}
/*** Why Choose Us Four ***/
.why-choose-us-four {
position: relative;
padding: 120px 0 54px;
overflow: hidden;
position: relative;
}
.why-choose-us-four:before {
position: absolute;
left: 95px;
bottom: -50px;
height: 100%;
width: 100%;
background-image: url(../images/icons/pattern-tm-2.png);
background-repeat: no-repeat;
background-position: center left;
content: "";
}
@media only screen and (max-width: 1699.98px) {
.why-choose-us-four:before {display: none;}
}
.why-choose-us-four .tab-column .sec-title {margin-bottom: 49px;}
.why-choose-us-four .content-column {position: relative;margin-bottom: 50px;}
.why-choose-us-four .content-column .inner-column {position: relative;}
@media (max-width: 1199.98px) {
.why-choose-us-four .content-column .inner-column {display: -webkit-box;display: -ms-flexbox;display: flex;}
}
@media (max-width: 991.98px) {
.why-choose-us-four .content-column .inner-column {display: block;}
}
@media (max-width: 991.98px) {
.why-choose-us-four .content-column .inner-column .image-box img {width: 100%;}
}
.why-choose-us-four .content-column .list-style-three {margin-top: 25px;margin-right: -30px;}
@media (max-width: 1199.98px) {
.why-choose-us-four .content-column .list-style-three {margin-right: 0;margin-left: 30px;margin-top: -10px;}
}
@media (max-width: 991.98px) {
.why-choose-us-four .content-column .list-style-three {margin-top: 10px;margin-left: 0;}
}
.why-choose-us-four .content-column .list-style-three li {
color: var(--text-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 400;
margin-bottom: 7px;
padding-left: 0;
}
.why-choose-us-four .content-column .list-style-three li:before {display: none;}
.why-choose-us-four .content-column .list-style-three li .icon-image {margin-right: 16px;}
.why-choose-us-four .content-column .experience {
background: var(--theme-color2);
color: var(--text-color-bg-theme-color2);
max-width: 220px;
margin-top: 24px;
padding: 39px 40px 37px;
position: relative;
text-align: center;
width: 100%;
z-index: 1;
float: right;
}
@media (max-width: 1199.98px) {
.why-choose-us-four .content-column .experience {margin-top: 10px;}
}
@media (max-width: 991.98px) {
.why-choose-us-four .content-column .experience {float: left;}
}
.why-choose-us-four .content-column .experience:before {
position: absolute;
left: 5px;
top: 10px;
height: calc(100% - 10px);
width: calc(100% - 11px);
background-image: url(../images/icons/dotted-map-5.png);
background-repeat: no-repeat;
background-position: center center;
content: "";
z-index: -1;
}
.why-choose-us-four .content-column .experience strong {
font-size: 48px;
color: var(--text-color-bg-theme-color2);
font-weight: 700;
font-family: var(--title-font);
}
.why-choose-us-four .content-column .experience .text {
font-size: 18px;
font-weight: 700;
color: var(--text-color-bg-theme-color2);
padding-top: 2px;
}
.why-choose-us-four .image-column {position: relative;margin-bottom: 50px;}
.why-choose-us-four .image-column .image-box {position: relative;padding-right: 90px;}
.why-choose-us-four .image-column .image-box .image {margin-bottom: 0;}
.why-choose-us-four .image-column .image-box .image img {width: 100%;}
.tabs-two {position: relative;padding-right: 30px;}
@media (max-width: 575.98px) {
.tabs-two {padding-right: 0;}
}
.tabs-two .tab-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 50px;
overflow: hidden;
}
@media (max-width: 575.98px) {
.tabs-two .tab-buttons {display: block;}
}
.tabs-two .tab-buttons .tab-btn {border-bottom: 2px solid var(--theme-color2);width: 100%;font-size: 14px;font-weight: 700;letter-spacing: 0.1px;color: var(--theme-color2);text-align: center;padding: 19px 30px;margin-right: 10px;font-family: var(--text-font);background-color: transparent;cursor: pointer;-webkit-transition: all 300ms ease;transition: all 300ms ease;position: relative;}
@media (max-width: 575.98px) {
.tabs-two .tab-buttons .tab-btn {display: block;}
}
.tabs-two .tab-buttons .tab-btn:before {background-color: var(--bg-theme-color2);content: "";position: absolute;bottom: 0;left: 0;height: 0;width: 100%;-webkit-transition: all 300ms ease;transition: all 300ms ease;z-index: -1;}
.tabs-two .tab-buttons .tab-btn:last-child {margin-right: 0;}
.tabs-two .tab-buttons .tab-btn.active-btn {color: var(--text-color-bg-theme-color2);}
.tabs-two .tab-buttons .tab-btn.active-btn:before {height: 100%;}
.tabs-two .content-column {position: relative;}
.tabs-two .content-column .inner-column > .text {margin-right: 8px;}
/*** Pricing Section ***/
.pricing-section {position: relative;overflow: hidden;padding: 120px 0 70px;}
.pricing-section .content-column {position: relative;}
.pricing-section .content-column .inner-column {position: relative;padding-right: 70px;}
.pricing-section .content-column .sec-title {margin-bottom: 30px;}
.pricing-section .content-column .info-box {
position: relative;
z-index: 9;
padding-left: 90px;
margin-bottom: 40px;
}
.pricing-section .content-column .info-box .icon {
position: absolute;
left: 0;
top: 0;
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: 58px;
width: 58px;
color: var(--theme-color1);
background-color: var(--bg-theme-color2);
border-radius: 50%;
}
.pricing-section .content-column .info-box .title {
color: var(--theme-color1);
margin-bottom: 20px;
}
.pricing-section .content-column .info-box .text {
letter-spacing: 0.01em;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-section .pricing-column {position: relative;}
.pricing-section .pricing-column .inner-column {
position: relative;
margin-left: -30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pricing-block {
position: relative;
margin-bottom: 40px;
z-index: 2;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block.pull-left {
margin-left: -70px;
z-index: 1;
}
.pricing-block .inner-box {
position: relative;
padding: 58px 60px 60px;
background-color: var(--bg-theme-color1);
text-align: center;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
max-width: 370px;
width: 100%;
}
.pricing-block .inner-box:before {
position: absolute;
right: 0;
bottom: 0;
width: 286px;
height: 271px;
opacity: 0.5;
background-image: url(../images/icons/dotted-map-3.png);
content: "";
}
.pricing-block .inner-box:hover .image img {
-webkit-transform: rotate(180deg) scale(-1);
transform: rotate(180deg) scale(-1);
}
.pricing-block .image {
position: relative;
margin-bottom: 15px;
}
.pricing-block .image img {
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block .price-box {
position: relative;
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;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
margin-bottom: 25px;
}
.pricing-block .price-box .price {
display: block;
font-size: 46px;
line-height: 1em;
font-weight: 700;
color: #fff;
}
.pricing-block .price-box .price sup {
font-size: 60%;
}
.pricing-block .price-box .validaty {
position: relative;
font-size: 12px;
text-transform: uppercase;
color: #fff;
letter-spacing: 0.1em;
margin-left: 2px;
top: 3px;
}
.pricing-block .title {
position: relative;
display: block;
line-height: 1.2em;
color: var(--theme-color2);
font-weight: 700;
margin-bottom: 30px;
}
.pricing-block .features {
position: relative;
margin-bottom: 35px;
}
.pricing-block .features li {
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #8c8f94;
font-weight: 400;
margin-bottom: 10px;
}
.pricing-block .btn-box {position: relative;}
.pricing-block.style-two .inner-box {
background-color: #fff;
-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
padding: 38px 60px 40px;
}
.pricing-block.style-two .inner-box:before {opacity: 0.4;}
.pricing-block.style-two .price-box {border-bottom: 1px solid #e6e8ed;}
.pricing-block.style-two .price-box .validaty,
.pricing-block.style-two .price-box .price {color: var(--theme-color1);}
.pricing-block.style-two:hover {margin-left: 0;}
.pricing-block-app {
position: relative;
margin-bottom: 40px;
z-index: 2;
-webkit-box-shadow: 0px 0px 40px 0px rgba(63, 63, 63, 0.18);
box-shadow: 0px 0px 40px 0px rgba(63, 63, 63, 0.18);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block-app.pull-left {margin-left: -70px;z-index: 1;}
.pricing-block-app .inner-box {
position: relative;
padding: 58px 60px 60px;
background-color: var(--bg-theme-color1);
text-align: center;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
max-width: 370px;
width: 100%;
}
.pricing-block-app .inner-box:before {
position: absolute;
right: 0;
bottom: 0;
width: 286px;
height: 271px;
background-image: url(../images/app3/pric-bg-globe-gray.png);
content: "";
}
.pricing-block-app .inner-box:hover .image img {-webkit-transform: rotate(180deg) scale(-1);transform: rotate(180deg) scale(-1);}
.pricing-block-app .image {position: relative;margin-bottom: 20px;}
.pricing-block-app .image img {-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.pricing-block-app .image:before {
content: "";
position: absolute;
left: -60px;
top: -7px;
height: 100px;
width: 6px;
border-radius: 5px;
background-color: var(--theme-color1);
z-index: 1;
}
.pricing-block-app .price-box {
position: relative;
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;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
margin-bottom: 10px;
}
.pricing-block-app .price-box .price {
display: block;
font-size: 46px;
line-height: 1em;
font-weight: 700;
color: #fff;
}
.pricing-block-app .price-box .price sup {font-size: 60%;}
.pricing-block-app .price-box .validaty {
position: relative;
font-size: 12px;
text-transform: uppercase;
color: #fff;
letter-spacing: 0.1em;
margin-left: 2px;
top: 3px;
}
.pricing-block-app .title {
position: relative;
display: block;
line-height: 1.2em;
color: #000;
font-weight: 700;
margin-bottom: 30px;
}
.pricing-block-app .features {
position: relative;
margin-bottom: 35px;
}
.pricing-block-app .features li {
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
color: #8c8f94;
font-weight: 400;
margin-bottom: 10px;
}
.pricing-block-app .btn-box {position: relative;}
.pricing-block-app.style-two .inner-box {
background-color: #fff;
padding: 38px 60px 40px;
}
.pricing-block-app.style-two .price-box .price {color: var(--theme-color1);}
.pricing-block-app.style-two .price-box .validaty {
color: #1B1B1B;
font-size: 14px;
text-transform: uppercase;
}
.pricing-block-app.style-two:hover {margin-left: 0;}
/*** Pricing Section Two ***/
.pricing-section-two {
position: relative;
overflow: hidden;
padding: 120px 0 80px;
background-color: var(--theme-color1);
background-image: url(../images/icons/pattern-tm-4.jpg);
background-repeat: no-repeat;
background-position: center top;
}
@media (max-width: 991.98px) {
.pricing-section-two {padding: 90px 0 50px;background-color: var(--theme-color-light);}
}
.pricing-block-two {
position: relative;
margin-bottom: 40px;
z-index: 2;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block-two .inner-box {
background-color: #fff;
-webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
position: relative;
padding: 38px 50px 50px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
width: 100%;
overflow: hidden;
background-image: url(../images/icons/shape-tm-13.png);
background-repeat: no-repeat;
background-position: 97% 94%;
}
@media (max-width: 991.98px) {
.pricing-block-two .inner-box {padding: 38px 20px 50px;}
}
.pricing-block-two .inner-box:hover {-webkit-transform: translateY(-15px);transform: translateY(-15px);}
.pricing-block-two .title-box {position: relative;margin-bottom: 29px;}
.pricing-block-two .title {
position: relative;
font-size: 30px;
font-weight: 600;
margin-bottom: 0;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block-two .text {
font-size: 16px;
line-height: 30px;
font-weight: 400;
color: #808287;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block-two .price {
position: relative;
display: block;
font-size: 60px;
font-weight: 900;
margin-bottom: 31px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block-two .price sup {
color: #808287;
font-family: var(--text-font);
position: relative;
top: 0;
font-size: 16px;
font-weight: 400;
margin-right: 10px;
}
.pricing-block-two .price sub {
color: #808287;
font-family: var(--text-font);
position: relative;
font-size: 16px;
line-height: 30px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
font-weight: 400;
letter-spacing: 0.01em;
margin-left: 7px;
bottom: 0px;
}
.pricing-block-two .sub-title {
font-weight: 500;
position: relative;
color: var(--theme-color2);
margin-bottom: 16px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block-two .features {position: relative;margin-bottom: 24px;}
.pricing-block-two .features li {
position: relative;
display: block;
font-size: 14px;
line-height: 30px;
color: #808287;
font-weight: 500;
padding-left: 23px;
margin-bottom: 16px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block-two .features li:before {
position: absolute;
left: 0;
top: 0;
font-size: 14px;
font-weight: 600;
line-height: 30px;
color: #808287;
content: "\f101";
font-family: "Font Awesome 5 Free";
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.pricing-block-two .features li.false {opacity: 0.5;}
.pricing-block-two .theme-btn {
line-height: 24px;
padding: 18px 49px;
font-size: 16px;
letter-spacing: 0;
font-weight: 700;
text-transform: capitalize;
}
.pricing-block-two.tagged .inner-box {background-color: #23252a;}
.pricing-block-two.tagged .inner-box:before {opacity: 1;top: 0;}
.pricing-block-two.tagged .features li,
.pricing-block-two.tagged .features li:before,
.pricing-block-two.tagged .price,
.pricing-block-two.tagged .price sub,
.pricing-block-two.tagged .text,
.pricing-block-two.tagged .title {color: #fff;}
.pricing-block-two.tagged .title-box {border-bottom: 1px solid #5d5d5d;}
/*** team Section ***/
.team-section {
position: relative;
padding: 120px 0 90px;
overflow: hidden;
}
@media (max-width: 991.98px) {
.team-section {padding: 90px 0 60px;}
}
.team-section:before {
position: absolute;
left: 0;
top: 178px;
height: 657px;
width: 460px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(../images/icons/shape-tm-11.png);
content: "";
}
@media (max-width: 1399.98px) {
.team-section:before {display: none;}
}
.team-section .owl-stage-outer {margin-right: -375px;}
@media (max-width: 991.98px) {
.team-section .owl-stage-outer {margin-right: 0;}
}
.team-section .owl-nav {display: none;}
.team-block {position: relative;margin-bottom: 30px;}
.team-block .inner-box {position: relative;padding: 0 0 75px;}
.team-block .inner-box:hover .image-box:after {
height: 100%;
opacity: 0;
-webkit-transition: all 400ms linear;
transition: all 400ms linear;
}
.team-block .inner-box:hover .info-box {
-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
padding-bottom: 60px;
}
.team-block .inner-box:hover .social-links {bottom: 22px;opacity: 1;visibility: visible;}
.team-block .inner-box:hover .image-box .image img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.team-block .image-box {position: relative;}
.team-block .image-box .image {position: relative;overflow: hidden;margin-bottom: 0;}
.team-block .image-box .image img {width: 100%;-webkit-transition: all 400ms ease;transition: all 400ms ease;}
.team-block .image-box:after {background: rgba(255, 255, 255, 0.3);content: "";position: absolute;top: 0;width: 100%;height: 0;opacity: 1;z-index: 9;pointer-events: none;}
.team-block .info-box {position: absolute;left: 20px;right: 20px;bottom: 0;padding: 28px 25px;text-align: center;background-color: #ffffff;-webkit-transition: all 300ms ease;transition: all 300ms ease;-webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);}
.team-block .info-box .name {display: block;font-weight: 600;text-transform: uppercase;margin-bottom: 2px;}
.team-block .info-box .name:hover {color: var(--theme-color2);}
.team-block .info-box .designation {font-size: 14px;line-height: 26px;color: #767676;font-weight: 500;text-transform: uppercase;letter-spacing: 0.1em;}
.team-block .social-links {position: absolute;left: 0px;bottom: 0px;width: 100%;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;z-index: 3;opacity: 0;visibility: hidden;-webkit-transition: all 400ms ease;transition: all 400ms ease;}
.team-block .social-links a {position: relative;display: block;height: 30px;width: 30px;margin: 0 10px;font-size: 18px;line-height: 30px;text-align: center;color: #7b8391;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.team-block .social-links a:hover {color: var(--theme-color2);}
/*** team Section Two ***/
.team-section-two {position: relative;padding: 120px 0 80px;overflow: hidden;}
@media (max-width: 991.98px) {
.team-section-two {padding: 90px 0 50px;}
}
.team-block-two {position: relative;margin-bottom: 40px;}
.team-block-two .inner-box {position: relative;padding: 25px 15px 0;}
.team-block-two .inner-box:before {
position: absolute;
left: 0;
top: 0;
bottom: 120px;
width: 100%;
background-color: var(--bg-theme-color3);
content: "";
}
.team-block-two .inner-box:after {
position: absolute;
left: 0;
top: 0;
bottom: 120px;
width: 100%;
background-color: var(--bg-theme-color1);
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
transform-origin: top;
content: "";
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}
.team-block-two .inner-box:hover .image img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: top center;
transform-origin: top center;
}
.team-block-two .inner-box:hover::after {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.team-block-two .inner-box:hover .social-links {
-webkit-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
visibility: visible;
}
.team-block-two .inner-box:hover .name {color: #ffffff;}
.team-block-two .inner-box:hover .designation {color: #8c8f94;}
.team-block-two .image-box {position: relative;}
.team-block-two .image-box .image {
position: relative;
overflow: hidden;
margin-bottom: 0;
z-index: 1;
}
.team-block-two .image-box .image img {
width: 100%;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}
.team-block-two .info-box {
position: relative;
padding: 0 15px;
margin-bottom: 25px;
}
.team-block-two .info-box .name {
z-index: 2;
margin-bottom: 5px;
}
.team-block-two .info-box .designation {
position: relative;
display: block;
color: var(--text-color);
letter-spacing: 1px;
z-index: 2;
line-height: 1em;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}
.team-block-two .share-icon {position: absolute;right: 20px;bottom: -45px;height: 40px;width: 40px;line-height: 40px;text-align: center;font-size: 16px;color: var(--text-color-bg-theme-color2);background-color: var(--bg-theme-color2);-webkit-transition: all 300ms ease;transition: all 300ms ease;z-index: 3;}
.team-block-two .social-links {position: absolute;right: 20px;top: 100%;margin-top: 5px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;background-color: var(--bg-theme-color2);-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: top;transform-origin: top;z-index: 3;visibility: hidden;opacity: 0;-webkit-transition: all 400ms ease;transition: all 400ms ease;}
.team-block-two .social-links a {position: relative;height: 40px;width: 40px;display: block;font-size: 14px;line-height: 40px;text-align: center;color: var(--text-color-bg-theme-color2);-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.team-block-two .social-links a:hover {color: var(--text-color-bg-theme-color1);background-color: var(--bg-theme-color1);}
/*** Contact Sectiom ***/
.contact-section {position: relative;padding: 120px 0 70px;}
.contact-section:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-image: url(../images/icons/dotted-map-2.png);background-position: left top;background-repeat: no-repeat;content: "";}
.contact-section .image-column {position: relative;margin-bottom: 50px;}
.contact-section .image-column .inner-column {position: relative;padding-left: 100px;}
.contact-section .image-column .image-box {
position: relative;
padding-right: 30px;
padding-left: 30px;
margin-bottom: 30px;
}
.contact-section .image-column .image-box:hover .info-box .title {color: var(--theme-color2);}
.contact-section .image-column .image-box .image {
position: relative;
display: inline-block;
margin-bottom: 0;
}
.contact-section .image-column .image-box .image img {position: relative;}
.contact-section .image-column .image-box .image:before {
position: absolute;
left: 30px;
top: 30px;
height: 100%;
width: 100%;
background-color: var(--bg-theme-color2);
content: "";
}
.contact-section .image-column .image-box .info-box {
position: absolute;
left: 0;
right: 30px;
top: 30px;
padding: 40px 30px;
padding-left: 140px;
background-color: var(--bg-theme-color1);
z-index: 2;
}
.contact-section .image-column .image-box .info-box .icon {
position: absolute;
left: 40px;
top: 45px;
font-size: 68px;
line-height: 1em;
color: #fff;
}
.contact-section .image-column .image-box .info-box .sub-title {
font-size: 18px;
color: #ffffff;
letter-spacing: 0.01em;
font-weight: 500;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.contact-section .image-column .image-box .info-box .title {
font-size: 40px;
color: #ffffff;
margin-bottom: 0;
}
.contact-section .form-column {
position: relative;
margin-bottom: 50px;
}
.contact-section .form-column .inner-column {
position: relative;
padding-top: 30px;
margin-right: -30px;
}
.contact-form {
position: relative;
background-color: #2c2e33;
padding: 55px 55px 55px;
border-top: 5px solid var(--border-theme-color2);
}
.contact-form .title-box {position: relative;margin-bottom: 25px;}
.contact-form .title-box .sub-title {
display: block;
font-size: 12px;
color: var(--theme-color2);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-bottom: 2px;
}
.contact-form .title-box h3 {
font-size: 34px;
color: #fff;
font-weight: 700;
}
.contact-form .form-group {
position: relative;
margin-bottom: 20px;
}
.contact-form .form-group:last-child {margin-bottom: 0;}
.contact-form .form-group label {
font-size: 16px;
line-height: 20px;
color: #ffffff;
font-weight: 500;
display: block;
letter-spacing: 1px;
margin-bottom: 15px;
}
.contact-form .form-group label.error {
display: block;
font-weight: 500;
font-size: 13px;
text-transform: capitalize;
line-height: 24px;
color: #ff0000;
margin-bottom: 0;
}
.contact-form .form-group .select2-container--default .select2-selection--single,
.contact-form .form-group input:not([type=submit]),
.contact-form .form-group textarea,
.contact-form .form-group select {
position: relative;
display: block;
height: 54px;
width: 100%;
padding: 15px 30px;
font-size: 14px;
color: #fff;
line-height: 22px;
font-weight: 400;
background-color: #2c2e33;
border: 1px solid rgba(255, 255, 255, 0.15);
margin-bottom: 0;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.contact-form .form-group ::-webkit-input-placeholder {color: #8c8f94;}
.contact-form .form-group ::-moz-input-placeholder {color: #8c8f94;}
.contact-form .form-group ::-ms-input-placeholder {color: #8c8f94;}
.contact-form .form-group input:focus,.contact-form .form-group select:focus,.contact-form .form-group textarea:focus {border-color: var(--border-theme-color2);}
.contact-form .form-group textarea {height: 100px;resize: none;}
.contact-form .form-group input[type=submit],
.contact-form .form-group button {margin-top: 5px;text-transform: uppercase;}
.contact-form.light {
padding: 45px 55px 55px;
background-color: #ffffff;
-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
}
@media (max-width: 767.98px) {
.contact-form.light {padding: 45px 25px 55px;}
}
.contact-form.light:before {
position: absolute;
right: 0;
bottom: 10px;
width: 223px;
height: 264px;
background-image: url(../images/icons/shape-tm-7.png);
background-position: bottom right;
background-repeat: no-repeat;
content: "";
}
.contact-form.light .select2-container--default .select2-selection--single,
.contact-form.light input:not([type=submit]),
.contact-form.light textarea,
.contact-form.light select {background-color: #f4f5f8;color: var(--theme-color1);}
.contact-form.light .title-box h3 {color: var(--theme-color1);}
.contact-form.light textarea {height: 110px;resize: none;}
.contact-form-two {
background-color: var(--theme-color2);
border-radius: 20px;
padding: 55px 50px 50px;
position: relative;
}
@media (max-width: 575.98px) {
.contact-form-two {padding: 35px 30px 50px;}
}
.contact-form-two:before {
border-radius: 20px;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(../images/icons/bg-shape-tm-5.png);
content: "";
z-index: -1;
}
.contact-form-two .title-box {margin-bottom: 36px;}
.contact-form-two .title-box h3 {
color: var(--text-color-bg-theme-color2);
font-size: 30px;
font-weight: 700;
margin-bottom: 7px;
}
.contact-form-two .title-box .sub-title {color: var(--text-color-bg-theme-color2);}
.contact-form-two .btn-style-one {font-size: 14px;}
.contact-form-two .form-group {position: relative;margin-bottom: 20px;}
.contact-form-two .form-group:last-child {margin-bottom: 0;}
.contact-form-two .form-group label {
font-size: 16px;
line-height: 20px;
color: #84858a;
font-weight: 500;
display: block;
letter-spacing: 1px;
margin-bottom: 15px;
}
.contact-form-two .form-group label.error {
display: block;
font-weight: 500;
font-size: 13px;
text-transform: capitalize;
line-height: 24px;
color: #ff0000;
margin-bottom: 0;
}
.contact-form-two .form-group .select2-container--default .select2-selection--single,
.contact-form-two .form-group input:not([type=submit]),
.contact-form-two .form-group textarea,
.contact-form-two .form-group select {
position: relative;
display: block;
height: 59px;
width: 100%;
padding: 15px 30px;
font-size: 16px;
color: var(--theme-color1);
line-height: 32px;
font-weight: 400;
background-color: #fff;
border: 4px solid #f2f3f6;
margin-bottom: 0;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.contact-form-two .form-group ::-webkit-input-placeholder {color: #84858a;}
.contact-form-two .form-group ::-moz-input-placeholder {color: #84858a;}
.contact-form-two .form-group ::-ms-input-placeholder {color: #84858a;}
.contact-form-two .form-group input:focus,.contact-form-two .form-group select:focus,.contact-form-two .form-group textarea:focus {border-color: var(--theme-color-light);}
.contact-form-two .form-group textarea {height: 161px;resize: none;}
.contact-form-two .form-group input[type=submit],
.contact-form-two .form-group button {
margin-top: 0;
text-transform: uppercase;
width: 100%;
display: block;
padding: 15px 30px;
line-height: 30px;
}
/*** Contact Sectiom Two ***/
.contact-section-two {position: relative;padding: 120px 0 70px;}
.contact-section-two.pull-up {padding-top: 0;margin-top: -60px;}
.contact-section-two .info-column {
position: relative;
margin-bottom: 50px;
margin-top: 60px;
}
@media (max-width: 991.98px) {
.contact-section-two .info-column {margin-top: 40px;}
}
.contact-section-two .info-column .inner-column {
position: relative;
padding-left: 245px;
padding-top: 60px;
padding-bottom: 60px;
margin-left: 30px;
}
@media (max-width: 1199.98px) {
.contact-section-two .info-column .inner-column {padding-left: 0;}
}
@media (max-width: 991.98px) {
.contact-section-two .info-column .inner-column {padding-top: 0;padding-bottom: 30px;margin-left: 0;}
}
.contact-section-two .info-column .inner-column:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #ffffff;
width: 1000%;
content: "";
}
.contact-section-two .info-column .inner-column .image {
position: absolute;
left: 20px;
top: 60px;
bottom: 0;
max-width: 200px;
}
@media (max-width: 1199.98px) {
.contact-section-two .info-column .inner-column .image {display: none;}
}
.contact-section-two .info-column .inner-column .image img {width: 100%;-o-object-fit: cover;object-fit: cover;}
.contact-section-two .info-column .inner-column .sec-title {margin-bottom: 60px;}
.contact-section-two .info-column .info-box {
position: relative;
padding-left: 65px;
margin-bottom: 40px;
}
.contact-section-two .info-column .info-box:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.contact-section-two .info-column .info-box:hover .icon {
-webkit-transform: rotate(180deg) scale(-1);
transform: rotate(180deg) scale(-1);
background-color: var(--bg-theme-color2);
color: var(--theme-color-light);
}
.contact-section-two .info-column .info-box .icon {position: absolute;left: 0;top: 0;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: 35px;width: 35px;color: var(--theme-color-light);background-color: var(--bg-theme-color2);border-radius: 50%;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.contact-section-two .info-column .info-box .title {color: var(--theme-color1);margin-bottom: 10px;}
.contact-section-two .info-column .info-box .text {letter-spacing: 0.01em;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.contact-section-two .form-column {position: relative;margin-bottom: 50px;}
.contact-section-two .form-column .inner-column {position: relative;}
/*** Contact Sectiom Three ***/
.contact-section-three {position: relative;padding: 120px 0 70px;}
@media (max-width: 991.98px) {
.contact-section-three {padding: 90px 0 40px;}
}
.contact-section-three:before {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(../images/resource/image-8.png);
content: "";
top: 0;
left: 0;
height: 100%;
width: 640px;
position: absolute;
}
@media only screen and (max-width: 1700.98px) {
.contact-section-three:before {width: 240px;}
}
@media only screen and (max-width: 1549.98px) {
.contact-section-three:before {width: 0;}
}
.contact-section-three:after {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(../images/icons/shape-tm-12.png);
content: "";
top: 0;
right: 0;
height: 100%;
width: calc(100% - 498px);
position: absolute;
z-index: -1;
}
@media only screen and (max-width: 1700.98px) {
.contact-section-three:after {width: 100%;}
}
.contact-section-three.style-two:before {background-image: url(../images/resource/image-9.png);width: 852px;}
@media only screen and (max-width: 1700.98px) {
.contact-section-three.style-two:before {
width: 340px;
background-position: left center;
}
}
@media only screen and (max-width: 1549.98px) {
.contact-section-three.style-two:before {width: 0;}
}
.contact-section-three.style-three {
background-color: var(--theme-color-light);
z-index: 0;
overflow: hidden;
}
@media (max-width: 991.98px) {
.contact-section-three.style-three {padding: 90px 0 22px;}
}
@media (max-width: 575.98px) {
.contact-section-three.style-three {padding: 90px 0 15px;}
}
.contact-section-three.style-three:before {
background-image: url(../images/icons/shape-tm-18.png);
top: 170px;
left: 126px;
right: auto;
height: 503px;
width: 519px;
z-index: -1;
}
@media (max-width: 1199.98px) {
.contact-section-three.style-three:before {display: none;}
}
.contact-section-three.style-three:after {
background-image: url(../images/icons/shape-tm-19.png);
top: -152px;
right: 0;
left: auto;
height: 1084px;
width: 400px;
z-index: -1;
}
@media (max-width: 1199.98px) {
.contact-section-three.style-three:after {display: none;}
}
.contact-section-three.style-three .content-column .inner-column {padding-top: 54px;}
@media (max-width: 991.98px) {
.contact-section-three.style-three .content-column .inner-column {padding-top: 20px;}
}
@media (max-width: 575.98px) {
.contact-section-three.style-three .content-column .inner-column .info-box-outer {display: block;}
}
.contact-section-three.style-three .content-column .inner-column .sec-title {margin-bottom: 50px;padding-right: 35px;}
.contact-section-three.style-three .expert-info-box {margin-top: 10px;}
@media (max-width: 575.98px) {
.contact-section-three.style-three .expert-info-box {margin-top: 40px;}
}
.contact-section-three .content-column {position: relative;margin-bottom: 20px;}
.contact-section-three .content-column .inner-column {
position: relative;
padding-left: 25px;
padding-top: 84px;
}
@media (max-width: 1199.98px) {
.contact-section-three .content-column .inner-column {padding-left: 0;padding-top: 35px;}
}
@media (max-width: 991.98px) {
.contact-section-three .content-column .inner-column {padding-top: 0;padding-bottom: 30px;}
}
.contact-section-three .content-column .inner-column .sec-title {margin-bottom: 34px;padding-right: 35px;}
.contact-section-three .content-column .call-info-box-outer {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 1199.98px) {
.contact-section-three .content-column .call-info-box-outer {display: block;}
}
.contact-section-three .content-column .call-info-box-outer .call-info-box-text {margin-right: 15px;}
@media (max-width: 1199.98px) {
.contact-section-three .content-column .call-info-box-outer .call-info-box-text {margin-bottom: 10px;margin-right: 0;}
}
.contact-section-three .content-column .call-info-box-outer .call-info-box-text span {color: #3e3e4b;font-size: 18px;font-weight: 500}
.contact-section-three .content-column .call-info-box {
background-color: var(--theme-color-light);
-webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
position: relative;
padding: 15px 20px;
display: inline-block;
}
.contact-section-three .content-column .call-info-box .icon {
background-color: var(--theme-color2);
border-radius: 50%;
color: var(--text-color-bg-theme-color2);
font-size: 12px;
height: 30px;
line-height: 30px;
width: 30px;
text-align: center;
margin-right: 7px;
}
.contact-section-three .content-column .call-info-box span {
color: var(--theme-color1);
font-size: 18px;
font-weight: 500;
line-height: 1;
}
.contact-section-three .expert-info-box {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
margin-top: 45px;
}
@media (max-width: 575.98px) {
.contact-section-three .expert-info-box {display: block;}
}
.contact-section-three .expert-info-box .expert-number {
background-color: var(--theme-color2);
border: 2px solid var(--theme-color-light);
border-radius: 50%;
color: var(--text-color-bg-theme-color2);
font-size: 18px;
font-weight: 500;
height: 60px;
line-height: 56px;
text-align: center;
width: 60px;
position: absolute;
left: 90px;
top: 0;
}
.contact-section-three .expert-info-box .expert-text {margin-bottom: 1rem;margin-left: 37px;}
@media (max-width: 575.98px) {
.contact-section-three .expert-info-box .expert-text {margin-left: 0;}
}
.contact-section-three .expert-info-box .expert-text span {color: #3e3e4b;font-size: 18px;font-weight: 500;}
.contact-section-three .form-column {position: relative;margin-bottom: 50px;}
.contact-section-three .form-column .inner-column {position: relative;padding-right: 10px;}
.info-box-outer {display: -webkit-box;display: -ms-flexbox;display: flex;}
.info-box-outer .time-table-box {margin-right: 38px;}
@media (max-width: 1199.98px) {
.info-box-outer .time-table-box {margin-right: 15px;}
}
.info-box-outer .time-table-box .inner {min-width: 246px;}
.time-table-box {margin-bottom: 50px;}
.time-table-box .inner {
background-color: var(--theme-color-light);
-webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
border-left: 2px solid var(--theme-color2);
border-radius: 5px;
max-width: 246px;
padding: 24px 30px 30px;
}
.time-table-box .title {
position: relative;
padding-bottom: 19px;
margin-bottom: 13px;
}
.time-table-box .title:before {
background-color: var(--theme-color2);
content: "";
position: absolute;
width: 41px;
height: 3px;
left: 0;
bottom: 4px;
}
.time-table-box ul li {margin-bottom: 3px;}
.time-table-box ul li:last-child {margin-bottom: 0;}
.time-table-box ul li span {color: var(--theme-color2);float: right;}
.contact-details-info .inner {padding-top: 9px;}
.contact-details-info h3 {margin-bottom: 24px;}
.contact-details-info .contact-details-block:last-child {margin-bottom: 0;}
.contact-details-block {position: relative;margin-bottom: 20px;z-index: 1;}
.contact-details-block .inner-box {
padding-left: 50px;
position: relative;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.contact-details-block .inner-box:before {
position: absolute;
left: 0;
bottom: 0;
height: 0;
width: 100%;
background-color: var(--theme-color2);
content: "";
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.contact-details-block .inner-box:hover {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.contact-details-block .inner-box:hover .icon {
background-color: var(--theme-color2);
color: var(--text-color-bg-theme-color2);
}
.contact-details-block .inner-box:hover .icon:after {width: 100%;}
.contact-details-block .icon {
border-radius: 50%;
border: 1px solid var(--theme-color2);
color: var(--theme-color2);
font-size: 16px;
font-weight: 900;
height: 40px;
line-height: 40px;
left: 0;
top: 8px;
position: absolute;
text-align: center;
width: 40px;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.contact-details-block .title {font-size: 14px;margin-bottom: 4px;}
.contact-details-block .text {color: #3E3E4B;font-size: 18px;font-weight: 500;line-height: 1;}
.contact-info-box-two {
position: relative;
z-index: 2;
padding-left: 90px;
margin-bottom: 25px;
}
.contact-info-box-two:last-child {margin-bottom: 0;}
.contact-info-box-two:hover .icon {
-webkit-transform: rotate(180deg) scale(-1);
transform: rotate(180deg) scale(-1);
background-color: var(--bg-theme-color3);
}
.contact-info-box-two .icon {position: absolute;left: 0;top: 0;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: 58px;width: 58px;color: var(--theme-color1);font-size: 18px;background-color: var(--bg-theme-color2);border-radius: 50%;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.contact-info-box-two .title {color: #ffffff;font-size: 16px;font-weight: 400;font-family: var(--text-font);margin-bottom: 5px;}
.contact-info-box-two .text {letter-spacing: 0.04em;color: #999b9f;margin-bottom: 0;}
.contact-info-box-two .text a {color: #999b9f;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.contact-info-box-two .text a:hover {color: #ffffff;}
/*** Contact Sectiom Four ***/
.contact-section-four {position: relative;padding: 120px 0 70px;}
.contact-section-four:before {position: absolute;left: 0;top: 0;min-height: 570px;width: 100%;background-color: var(--bg-theme-color1);background-image: url(../images/icons/pattern-23.jpg);content: "";}
.contact-section-four .fact-counter {padding: 0 0 110px;}
.contact-section-four .info-column {position: relative;margin-bottom: 50px;}
.contact-section-four .info-column .inner-column {position: relative;}
.contact-section-four .info-column .title-box {position: relative;background-color: var(--bg-theme-color2);padding: 30px 30px;text-align: center;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-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;min-height: 240px;border-radius: 10px 10px 0 0;margin-bottom: 65px;}
.contact-section-four .info-column .title-box:before {
position: absolute;
left: 0;
top: 100%;
border-right: 60px solid transparent;
border-top: 30px solid var(--border-theme-color2);
content: "";
}
.contact-section-four .info-column .title-box .title {margin-bottom: 0;}
.contact-section-four .our-values {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 40px;
border-bottom: 1px solid #e9ebee;
margin-bottom: 60px;
}
.contact-section-four .our-values .image {
position: relative;
margin-right: 50px;
min-width: 270px;
border-radius: 7px;
overflow: hidden;
margin-bottom: 20px;
}
.contact-section-four .our-values .content {
position: relative;
padding-top: 5px;
}
.contact-section-four .info-box {
position: relative;
padding-right: 250px;
}
.contact-section-four .info-box .image {
position: absolute;
right: 0;
top: 0;
margin-bottom: 0;
}
.contact-section-four .info-box .image img {border-radius: 7px;}
.contact-section-four .info-box .image::before {
position: absolute;
left: -60px;
height: 100%;
width: 18px;
border-radius: 10px;
background-color: var(--bg-theme-color2);
content: "";
}
.contact-section-four .info-box .counter-block-two {padding-top: 10px;margin-bottom: 0;}
.contact-section-four .form-column {position: relative;margin-bottom: 50px;}
.contact-section-four .form-column .inner-column {position: relative;padding-left: 10px;}
.contact-form-three {
position: relative;
padding: 55px 60px 60px;
-webkit-box-shadow: 0 0 70px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 70px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
}
.contact-form-three .title-box {text-align: center;margin-bottom: 30px;}
.contact-form-three .title-box .title {margin-bottom: 10px;letter-spacing: 0.1em;}
.contact-form-three .title-box .text {letter-spacing: 0.05em;}
.contact-form-three .form-group {position: relative;margin-bottom: 20px;}
.contact-form-three .form-group:last-child {margin-bottom: 0;}
.contact-form-three .form-group label {
font-size: 16px;
line-height: 20px;
color: #84858a;
font-weight: 500;
display: block;
letter-spacing: 1px;
margin-bottom: 15px;
}
.contact-form-three .form-group label.error {
display: block;
font-weight: 500;
font-size: 13px;
text-transform: capitalize;
line-height: 24px;
color: #ff0000;
margin-bottom: 0;
}
.contact-form-three .form-group .select2-container--default .select2-selection--single,.contact-form-three .form-group input:not([type=submit]),.contact-form-three .form-group textarea,.contact-form-three .form-group select {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 70px;width: 100%;padding: 15px 30px;font-size: 14px;color: var(--theme-color1);line-height: 40px;font-weight: 400;background-color: #f4f5f8;border-radius: 7px;border: 0;margin-bottom: 0;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.contact-form-three .form-group ::-webkit-input-placeholder {color: #8c8f94;}
.contact-form-three .form-group ::-moz-input-placeholder {color: #8c8f94;}
.contact-form-three .form-group ::-ms-input-placeholder {color: #8c8f94;}
.contact-form-three .form-group input:focus,.contact-form-three .form-group select:focus,.contact-form-three .form-group textarea:focus {border-color: var(--border-theme-color2);}
.contact-form-three .form-group textarea {height: 100px;resize: none;}
.contact-form-three .form-group input[type=submit],
.contact-form-three .form-group button {margin-top: 5px;text-transform: uppercase;width: 100%;display: block;border-radius: 7px;padding: 20px 30px;line-height: 30px;}
.layout_6.contact-section-four .info-column .title-box::before {content: none;}
.layout_6.contact-section-four .our-values {margin-bottom: 0;border-bottom: none;}
/*** News Section ***/
.news-section {position: relative;padding: 120px 0 90px;overflow: hidden;}
@media (max-width: 991.98px) {
.news-section {padding: 90px 0 60px;}
}
.news-section.alternate {padding-top: 180px;}
@media (max-width: 991.98px) {
.news-section.alternate {padding-top: 150px;}
}
.news-section .bg-shape {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(../images/icons/shape-tm-8.png);
max-height: 530px;
}
.news-section .bg-shape2 {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(../images/icons/pattern-24.jpg);
max-height: 470px;
}
.news-block {position: relative;margin-bottom: 30px;}
.news-block .inner-box {
position: relative;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
}
.news-block .inner-box:hover .image-box .image a:after {
left: 0;
right: 0;
opacity: 0;
-webkit-transition: all 400ms linear;
transition: all 400ms linear;
}
.news-block .inner-box:hover .image img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.news-block .inner-box:hover .bottom-box:before {height: 100%;}
.news-block .inner-box:hover .bottom-box .comments,.news-block .inner-box:hover .bottom-box .comments i,.news-block .inner-box:hover .bottom-box .read-more,.news-block .inner-box:hover .bottom-box .read-more i {color: var(--text-color-bg-theme-color2);}
.news-block .image-box {position: relative;}
.news-block .image-box .image {
position: relative;
overflow: hidden;
margin-bottom: 0;
}
.news-block .image-box .image img {
display: block;
width: 100%;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}
.news-block .image-box .image a:after {
background: rgba(255, 255, 255, 0.3);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 51%;
top: 0;
opacity: 1;
pointer-events: none;
-webkit-transition: all 400ms linear;
transition: all 400ms linear;
}
.news-block .image-box .date {position: absolute;right: 20px;top: 20px;background: var(--theme-color2);color: var(--text-color-bg-theme-color2);z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 60px;width: 55px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 12px;font-weight: 700;line-height: 16px;text-transform: uppercase;}
.news-block .image-box .date b {color: var(--text-color-bg-theme-color2);display: block;font-weight: 700;line-height: 16px;}
.news-block .image-box .date:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;top: 0;background-color: var(--bg-theme-color2);content: "";opacity: 0.3;z-index: -1;}
.news-block .content-box {position: relative;padding: 25px 30px 35px;background-color: #fff;border: 1px solid #e6e8ed;border-bottom: 0;}
.news-block .content-box .post-info {position: relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 10px;}
.news-block .content-box .post-info li {position: relative;font-size: 14px;line-height: 25px;color: #767676;font-weight: 400;margin-right: 14px;}
.news-block .content-box .post-info li i {
margin-right: 2px;
color: var(--theme-color2);
font-size: 14px;
}
.news-block .content-box .title {margin-bottom: 0;}
.news-block .content-box .title:hover {color: var(--theme-color2);}
.news-block .bottom-box {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 10px 40px;background-color: #F4F5F8;border: 1px solid #e6e8ed;border-top: 0;-webkit-transition: all 300ms ease;transition: all 300ms ease;position: relative;z-index: 0;}
.news-block .bottom-box:before {background-color: var(--theme-color2);content: "";position: absolute;bottom: 0;left: -1px;height: 0;width: calc(100% + 2px);-webkit-transition: all 300ms ease;transition: all 300ms ease;z-index: -1;}
.news-block .bottom-box .comments {font-size: 14px;color: #808287;line-height: 30px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.news-block .bottom-box .comments i {font-size: 14px;color: var(--theme-color2);-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.news-block .bottom-box .read-more {font-size: 12px;line-height: 30px;color: #808287;font-weight: 700;text-transform: uppercase;display: -webkit-box;display: -ms-flexbox;display: flex;letter-spacing: 0.1em;-webkit-transition: all 100ms linear;transition: all 100ms linear;}
.news-block .bottom-box .read-more i {margin-left: 10px;color: var(--theme-color2);font-size: 16px;-webkit-transition: all 100ms linear;transition: all 100ms linear;}
.news-block .bottom-box .read-more:hover {color: var(--theme-color2);}.news-block .bottom-box .read-more:hover i {-webkit-transform: translateX(-15px);transform: translateX(-15px);opacity: 0;}
/*** News Section Two ***/
.news-section-two {
background-color: #f8f8f8;
position: relative;
padding: 120px 0 70px;
overflow: hidden;
}
@media (max-width: 991.98px) {
.news-section-two {padding: 90px 0 40px;}
}
.news-section-two .title-column {position: relative;margin-bottom: 50px;}
@media (max-width: 991.98px) {
.news-section-two .title-column {margin-bottom: 0;}
}
.news-section-two .carousel-column {position: relative;margin-bottom: 20px;}
.news-section-two .carousel-column .carousel-outer {position: relative;margin-right: -410px;}
@media only screen and (max-width: 1023.98px) {
.news-section-two .carousel-column .carousel-outer {margin-right: 0;}
}
@media (max-width: 991.98px) {
.news-section-two .carousel-column .carousel-outer {margin-left: -15px;margin-right: -15px;}
}
.news-section-two .carousel-column .news-block {padding: 0 15px 30px;margin-bottom: 0;}
@media (max-width: 991.98px) {
.news-section-two .carousel-column .news-block {padding: 0 15px 30px;}
}
.news-section-two .carousel-column .news-block .inner-box {
-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.07);
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.07);
}
.news-section-two .news-carousel .owl-nav {bottom: 80px;left: -400px;}
.news-carousel .owl-nav {
position: absolute;
left: 0;
bottom: 0;
margin: -25px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1199.98px) {
.news-carousel .owl-nav {display: none;}
}
.news-carousel .owl-nav .owl-next,
.news-carousel .owl-nav .owl-prev {
display: block;
margin-right: 10px;
height: 50px;
width: 50px;
color: var(--theme-color1);
border-radius: 50%;
border: 2px solid var(--border-theme-color1);
font-size: 20px;
line-height: 48px;
font-weight: 700;
text-align: center;
opacity: 0.2;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.news-carousel .owl-nav .owl-next:hover,
.news-carousel .owl-nav .owl-prev:hover {opacity: 1;}
/*** Clients Section ***/
.clients-section {position: relative;z-index: 1;}
.clients-section.alternate {border-top: 1px solid #e6e8ed;}
.clients-section.border-bottom {border-bottom: 1px solid #e6e8ed;}
.clients-section.border-top {border-top: 1px solid rgba(0, 0, 0, 0.1) !important;}
.clients-section.border-top-bottom {border-top: 1px solid #e6e8ed;border-bottom: 1px solid #e6e8ed;}
.clients-carousel {position: relative;padding: 100px 0;}
@media (max-width: 991.98px) {
.clients-carousel {padding: 60px 0;}
}
.clients-carousel.style-two {padding: 82px 0;}
@media (max-width: 991.98px) {
.clients-carousel.style-two {padding: 60px 0;}
}
.clients-carousel .slide-item {
position: relative;
overflow: hidden;
text-align: center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.clients-carousel .slide-item a {position: relative;}
.clients-carousel .slide-item img {
display: inline-block;
max-width: 100%;
width: auto;
height: auto;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.clients-carousel .slide-item:hover img {
opacity: 1;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.clients-carousel .owl-nav {
position: absolute;
left: 0;
top: 0;
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;
padding: 0 25px;
background-color: #ffffff;
max-width: 110px;
right: 0;
margin: -13px auto 0;
}
.clients-carousel .owl-nav .owl-prev,
.clients-carousel .owl-nav .owl-next {
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: 26px;
width: 26px;
background-color: var(--bg-theme-color3);
color: #7c858c;
font-size: 14px;
margin: 0 3px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.clients-carousel .owl-nav .owl-prev:hover,
.clients-carousel .owl-nav .owl-next:hover {
background-color: var(--bg-theme-color2);
color: #ffffff;
}
.clients-carousel .owl-dots {display: none;}
/*** Products details ***/
.product-details .bxslider .image-box {
position: relative;
display: block;
margin-right: 30px;
margin-bottom: 10px;
}
.product-details .bxslider .image-box img {width: 100%;}
.product-details .bxslider .thumb-box li {
position: relative;
display: inline-block;
float: left;
margin-right: 10px;
margin-bottom: 15px;
width: 100px;
height: 100px;
}
.product-details .bxslider .thumb-box li:last-child {margin: 0px !important;}
.product-details .bxslider .thumb-box li a {
position: relative;
display: inline-block;
}
.product-details .bxslider .thumb-box li a:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.product-details .bxslider .thumb-box li a.active:before {opacity: 1;}
.product-details .bx-wrapper {margin-bottom: 30px;}
.product-details .product-info .product-details__top {
position: relative;
display: block;
margin-top: -8px;
}
.product-details .product-info .product-details__title {
font-size: 40px;
line-height: 44px;
font-weight: 700;
margin: 0;
}
.product-details .product-info .product-details__title span {
position: relative;
display: inline-block;
color: var(--theme-color1);
font-size: 20px;
line-height: 26px;
font-weight: 700;
margin-left: 20px;
letter-spacing: 0;
}
.product-details .product-info .product-details__reveiw {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 22px;
padding-bottom: 20px;
margin-bottom: 31px;
border-bottom: 1px solid #e0e4e8;
}
.product-details .product-info .product-details__reveiw i {
font-size: 16px;
color: var(--theme-color2);
}
.product-details .product-info .product-details__reveiw i + i {
margin-left: 4px;
}
.product-details .product-info .product-details__reveiw span {
position: relative;
top: 1px;
line-height: 1;
font-size: 16px;
color: var(--theme-color1);
margin-left: 18px;
}
.product-details .product-info .product-details__quantity-title {
margin: 0;
color: #222;
font-size: 20px;
line-height: 30px;
font-weight: 700;
margin-right: 20px;
}
.product-details .product-info .product-details__buttons {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
margin-top: 40px;
}
@media only screen and (max-width: 767px) {
.product-details .product-info .product-details__buttons {
display: block;
}
}
.product-details .product-info .product-details__buttons-1 {
position: relative;
display: block;
}
@media only screen and (max-width: 767px) {
.product-details .product-info .product-details__buttons-1 {
margin-bottom: 10px;
margin-right: 10px;
}
}
.product-details .product-info .product-details__buttons-2 {
position: relative;
display: block;
margin-left: 10px;
}
.product-details .product-info .product-details__buttons-2 .thm-btn {
background-color: var(--theme-color2);
}
.product-details .product-info .product-details__buttons-2 .thm-btn:before {
background-color: var(--theme-color1);
}
.product-details .product-info .product-details__buttons-2 .thm-btn:after {
background-color: var(--theme-color1);
}
@media only screen and (max-width: 767px) {
.product-details .product-info .product-details__buttons-2 {
margin-left: 0;
margin-top: 0;
}
}
.product-details .product-info .product-details__social {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-details .product-info .product-details__social .title {
position: relative;
display: block;
}
.product-details .product-info .product-details__social .title h3 {
color: #222;
font-size: 20px;
line-height: 20px;
font-weight: 700;
}
.product-details .product-info .product-details__social .social-icon-one {
margin-left: 30px;
}
@media only screen and (max-width: 767px) {
.product-details .product-info .product-details__social {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
.product-details .product-info .product-details__social .social-icon-one {
margin-left: 0;
}
}

.product-details__quantity {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
}
.product-details__quantity .quantity-box {
position: relative;
width: 98px;
border-radius: 10px;
height: 60px;
}
.product-details__quantity .quantity-box input {
width: 98px;
border-radius: 10px;
height: 60px;
border: 1px solid #e0e4e8;
-webkit-appearance: textfield;
-moz-appearance: textfield;
padding-left: 30px;
outline: none;
font-size: 18px;
font-weight: 500;
color: var(--theme-color1);
}
.product-details__quantity .quantity-box button {
width: 29px;
height: 29px;
background-color: transparent;
color: var(--text-color-bg-theme-color1);
font-size: 8px;
position: absolute;
top: 1px;
right: 1px;
background-color: var(--theme-color1);
border: none;
border-left: 1px solid #e0e4e8;
border-top-right-radius: 10px;
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;
outline: none;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.product-details__quantity .quantity-box button:hover {
color: var(--theme-color-light);
background-color: var(--theme-color2);
}
.product-details__quantity .quantity-box button.sub {
bottom: 1px;
top: auto;
border-top-right-radius: 0px;
border-bottom-right-radius: 10px;
}

.product-discription {
position: relative;
display: block;
}
.product-discription .product-description__title {
font-size: 30px;
margin-bottom: 27px;
}
.product-discription .product-description__text1 {
font-size: 16px;
line-height: 30px;
margin: 0;
}
.product-discription .product-description__list {
position: relative;
display: block;
margin-top: 30px;
margin-bottom: 30px;
}
.product-discription .product-description__list ul {
position: relative;
display: block;
}
.product-discription .product-description__list ul li {
position: relative;
display: block;
margin-bottom: 2px;
}
.product-discription .product-description__list ul li:last-child {
margin-bottom: 0px;
}
.product-discription .product-description__list ul li p {
margin: 0;
font-weight: 600;
color: var(--headings-color);
}
.product-discription .product-description__list ul li p span:before {
position: relative;
display: inline-block;
color: var(--theme-color1);
font-size: 17px;
line-height: 17px;
margin-right: 11px;
top: 2px;
}
.product-discription .tabs-content .text p {
margin-bottom: 17px;
}
.product-discription .tabs-content .text p:last-child {
margin-bottom: 0px;
}
.product-discription .tab-btn-box {
position: relative;
display: block;
width: 100%;
margin-bottom: 60px;
}
.product-discription .tab-btn-box:before {
position: absolute;
content: "";
background-color: #e1e8e4;
width: 100%;
height: 1px;
left: 0px;
top: 28px;
}
.product-discription .tab-btn-box .tab-btns li {
position: relative;
display: inline-block;
font-size: 14px;
text-transform: uppercase;
color: #1e2434;
text-align: center;
padding: 14px 30px;
background-color: #fff;
border: 1px solid #e1e8e4;
cursor: pointer;
margin: 0px 8.5px;
margin-bottom: 15px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.product-discription .tab-btn-box .tab-btns li.active-btn {
color: var(--text-color-bg-theme-color1);
background-color: var(--theme-color1);
}
.product-discription .tab-btn-box .tab-btns li:last-child {
margin-bottom: 0;
}
.product-discription .single-comment-box .inner-box {
position: relative;
display: block;
background-color: #f4f5f4;
padding: 34px 30px 34px 125px;
}
.product-discription .single-comment-box .inner-box .comment-thumb {
position: absolute;
left: 30px;
top: 40px;
border-radius: 50%;
width: 80px;
}
.product-discription .single-comment-box .inner-box .comment-thumb img {
width: 100%;
border-radius: 50%;
}
.product-discription .single-comment-box .inner-box .rating {
position: relative;
display: block;
margin-bottom: 2px;
}
.product-discription .single-comment-box .inner-box .rating li {
position: relative;
display: inline-block;
font-size: 12px;
float: left;
margin-right: 4px;
color: #fdc009;
}
.product-discription .single-comment-box .inner-box .rating li:last-child {
margin: 0px !important;
}
.product-discription .single-comment-box .inner-box h5 {
display: block;
font-size: 16px;
line-height: 26px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 16px;
}
.product-discription .single-comment-box .inner-box h5 span {
font-weight: 400;
text-transform: capitalize;
}
.product-discription .customer-comment {
position: relative;
display: block;
margin-bottom: 60px;
}
.product-discription .comment-box {
position: relative;
display: block;
background-color: #fff;
padding: 51px 60px 60px 60px;
-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
.product-discription .comment-box h3 {
display: block;
font-size: 24px;
line-height: 34px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 23px;
}
.product-discription .comment-box .form-group {
position: relative;
margin-bottom: 15px;
}
.product-discription .comment-box .form-group label {
position: relative;
display: block;
font-size: 18px;
line-height: 28px;
color: #707582;
margin-bottom: 8px;
}
.product-discription .comment-box .column:last-child .form-group {
margin-bottom: 0px;
}
.product-discription .comment-box .review-box {
position: relative;
display: block;
margin-top: 8px;
}
.product-discription .comment-box .review-box p {
position: relative;
float: left;
margin-right: 10px;
}
.product-discription .comment-box .review-box .rating {
position: relative;
float: left;
}
.product-discription .comment-box .review-box .rating li {
position: relative;
display: inline-block;
font-size: 14px;
line-height: 28px;
float: left;
margin-right: 4px;
color: #fdc009;
}
.product-discription .comment-box .review-box .rating li:last-child {
margin: 0px !important;
}
.product-discription .comment-box .custom-controls-stacked {
position: relative;
float: left;
}
.related-product h3 {margin-bottom: 30px;}
@media only screen and (max-width: 767px) {
.product-details__img {
margin-bottom: 50px;
}
.product-details__title span {
margin-left: 0;
display: block;
}
.product-details__buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.product-details__buttons-2 {margin-left: 0;margin-top: 10px;}
.product-details__social-link {margin-left: 0;margin-top: 20px;}
}
/*** Categories Section ***/
.categories-section {position: relative;padding: 100px 0 70px;}
.categories-section .bg-pattern {
position: absolute;
left: 0;
top: -220px;
width: 100%;
height: 100%;
content: "";
background-image: url(../images/icons/pattern-7.png);
background-repeat: no-repeat;
background-position: left top;
z-index: -1;
}
.categories-section:before {
position: absolute;
left: 0;
bottom: 0;
height: 300px;
width: 100%;
background: var(--theme-color3);
content: "";
z-index: 1;
}
.categories-section:after {
position: absolute;
left: 0;
bottom: -50px;
height: 70px;
width: 100%;
z-index: 2;
content: "";
background-image: url(../images/icons/pattern-3.png);
background-repeat: no-repeat;
background-position: center bottom;
}

.category-block {
position: relative;
margin-bottom: 30px;
z-index: 9;
}
.category-block .inner-box {
position: relative;
text-align: center;
background: #ffffff;
padding: 40px 30px 30px;
border-radius: 10px;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.category-block .inner-box:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 190px;
background-repeat: no-repeat;
background-position: center bottom;
content: "";
}
.category-block .inner-box:hover {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.category-block .inner-box:hover .image img {
-webkit-transform: rotate(10deg) scale(1.2);
transform: rotate(10deg) scale(1.2);
}
.category-block .inner-box.cat-bg-1:before {
background-image: url(../images/icons/cat-1-bg.png);
}
.category-block .inner-box.cat-bg-2:before {
background-image: url(../images/icons/cat-2-bg.png);
}
.category-block .inner-box.cat-bg-3:before {
background-image: url(../images/icons/cat-3-bg.png);
}
.category-block .inner-box.cat-bg-4:before {
background-image: url(../images/icons/cat-4-bg.png);
}
.category-block .image {
position: relative;
display: inline-block;
height: 180px;
width: 180px;
overflow: hidden;
border-radius: 50%;
margin-bottom: 15px;
}
.category-block .image img {
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.category-block h4 {
font-size: 20px;
color: var(--theme-color3);
font-weight: 700;
margin-bottom: 10px;
}
.category-block h4 a {
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.category-block h4 a:hover {
color: var(--theme-color1);
}
.category-block p {
font-size: 14px;
color: #797f7d;
line-height: 26px;
margin-bottom: 0px;
}
/*** Categories Section Two ***/
.categories-section-two {position: relative;padding: 120px 0 90px;}
.category-block-two {
position: relative;
padding-top: 70px;
margin-bottom: 30px;
z-index: 9;
}
.category-block-two .inner-box {
position: relative;
text-align: center;
background: #ffffff;
border-radius: 10px;
margin: 0 auto;
padding: 18px;
}
.category-block-two .inner-box:before {
position: absolute;
left: 0;
top: 0;
bottom: 60px;
width: 100%;
border-radius: 10px;
background: #e3eee5;
content: "";
}
.category-block-two .inner-box:hover .image:before {
left: 100%;
-webkit-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.category-block-two .inner-box:hover .image img {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.category-block-two .inner-box:hover h4 a {
color: var(--theme-color1);
}
.category-block-two .content {
position: relative;
background: #ffffff;
border-radius: 10px;
padding: 0 40px 40px;
z-index: 1;
-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
}
.category-block-two .content:before {
position: absolute;
top: -88px;
left: 0;
width: 180px;
height: 180px;
right: 0;
margin: 0 auto;
border-radius: 50%;
background: #e3eee5;
content: "";
}
.category-block-two .content:after {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
font-size: 30px;
line-height: 1em;
color: #e8f3ea;
height: 15px;
overflow: hidden;
text-transform: uppercase;
letter-spacing: 0.1em;
content: attr(data-text);
}
.category-block-two .image {
position: relative;
display: inline-block;
overflow: hidden;
margin-bottom: 25px;
margin-top: -70px;
}
.category-block-two .image img {
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.category-block-two .image:before {
position: absolute;
left: 0;
top: 0;
height: 120%;
width: 100%;
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=1 );
content: "";
opacity: 0.3;
left: -100%;
pointer-events: none;
z-index: 1;
}
.category-block-two h4 {
font-size: 22px;
color: var(--theme-color3);
font-weight: 700;
margin-bottom: 15px;
}
.category-block-two h4 a {
color: var(--theme-color3);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.category-block-two p {
font-size: 16px;
color: #797f7d;
line-height: 26px;
margin-bottom: 0px;
}
.category-block-two .link {
position: relative;
display: inline-block;
height: 50px;
width: 50px;
background: #e8f3ea;
border-radius: 50%;
line-height: 50px;
margin-top: 25px;
color: #608174;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.category-block-two .link:hover {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.category-block-two.child-two .link {
background: #f0e2e3;
}
.category-block-two.child-two .inner-box:before {
background: #f0e2e3;
}
.category-block-two.child-two .inner-box:hover h4 a {
color: #e69da2;
}
.category-block-two.child-two .content:before {
background: #f0e2e3;
}
.category-block-two.child-two .content:after {
color: #f0e2e3;
}
.category-block-two.child-three .link {
background: #f1ede1;
}
.category-block-two.child-three .inner-box:before {
background: #f1ede1;
}
.category-block-two.child-three .inner-box:hover h4 a {color: #c9b579;}
.category-block-two.child-three .content:before {background: #f1ede1;}
.category-block-two.child-three .content:after {color: #f1ede1;}
/*** Products Section ***/
.products-section {
position: relative;
padding: 120px 0;
}
.products-section .bg-image {
position: absolute;
left: 0;
top: 0;
height: 670px;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;
}
.products-section .bg-image:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #113629;
opacity: 0.7;
content: "";
}
.products-section .bg-image:after {
position: absolute;
left: 0;
bottom: 0;
height: 50px;
width: 100%;
background-image: url(../images/icons/pattern-8.png);
background-position: center bottom;
content: "";
}
.products-section .sec-title h2 {font-size: 60px;}
.products-section .sec-title .theme-btn {margin-top: 30px;}
.products-box {
max-width: 1530px;
position: relative;
padding: 120px 60px 90px;
margin: 120px auto 0;
background-color: #f7f5ee;
overflow: hidden;
border-radius: 10px;
}
.products-box:before {
position: absolute;
left: -90px;
bottom: 0;
height: 70%;
width: 100%;
background: url(../images/icons/shape-7.png) top left no-repeat;
content: "";
}
.products-box .sec-title {margin-bottom: 30px;}
.products-box .outer-box {
position: relative;
padding-right: 400px;
}
.products-box .outer-box .banner-box-two {
position: absolute;
right: 0;
top: 0;
}
.banner-box-two {position: relative;}
.banner-box-two .inner-box:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(rgb(22, 67, 51)), to(rgba(229, 229, 229, 0)));
background: linear-gradient(to bottom, rgb(22, 67, 51) 0%, rgba(229, 229, 229, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="var(--theme-color3)", endColorstr="#00e5e5e5",GradientType=0 );
content: "";
}
.banner-box-two .inner-box {
position: relative;
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-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 370px;
background: var(--theme-color3);
border-radius: 10px;
min-height: 440px;
text-align: center;
overflow: hidden;
padding: 20px 20px;
}
.banner-box-two .title {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
font-size: 20px;
color: #ffffff;
text-transform: uppercase;
margin-bottom: 20px;
}
.banner-box-two .title strong {
font-size: 60px;
line-height: 1em;
color: var(--theme-color2);
font-weight: 400;
}
.banner-box-two h4 {
font-size: 30px;
line-height: 1.2em;
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-bottom: 30px;
}
.product-block-two {
position: relative;
margin-bottom: 30px;
}
.product-block-two .inner-box {
position: relative;
border: 2px solid transparent;
border-radius: 10px;
background: #ffffff;
padding: 20px 20px;
padding-left: 150px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 150px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.product-block-two .inner-box:hover {border: 2px solid var(--theme-color1);}
.product-block-two .image {
position: absolute;
left: 20px;
top: 20px;
border-radius: 50%;
overflow: hidden;
height: 110px;
width: 110px;
border: 1px solid #e4e1d6;
margin-bottom: 0px;
}
.product-block-two .image img {
width: auto;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.product-block-two .inner-box:hover .image img {
-webkit-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.product-block-two h4 {
display: block;
font-size: 22px;
color: var(--theme-color3);
font-weight: 700;
margin-bottom: 5px;
}
.product-block-two h4 a {
color: var(--theme-color3);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.product-block-two .price {
display: block;
font-size: 16px;
line-height: 26px;
color: var(--theme-color1);
font-weight: 600;
}
.product-block-two .price del {
display: inline-block;
margin-left: 15px;
font-size: 16px;
color: #ff0000;
line-height: 27px;
opacity: 0.3;
}
.product-block-two .rating {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
color: #ffc737;
}
.products-carousel .owl-nav {display: none;}
.products-carousel .owl-dots {
position: absolute;
right: 0;
top: -80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 8;
}
.products-carousel .owl-dot {
position: relative;
height: 7px;
width: 7px;
display: block;
background: #879d91;
margin-right: 5px;
border-radius: 5px;
display: block;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.products-carousel .owl-dot.active {background: var(--theme-color3);}
/*** Featured Products ***/
.featured-products {position: relative;padding: 120px 0 90px;}
.featured-products .bg-shape {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: url(../images/icons/pattern-7.png) left bottom no-repeat;
background-size: 700px;
}
/*=== Mixitup Gallery ===*/
.featured-products .filters {
margin-bottom: 40px;
text-align: center;
}
.featured-products .filters .filter-tabs {
position: relative;
display: inline-block;
}
.featured-products .filters li {
position: relative;
display: inline-block;
line-height: 24px;
padding: 0px 2px 10px;
cursor: pointer;
color: #797f7d;
font-weight: 500;
font-size: 18px;
margin: 0 12px 0;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.featured-products .filters li:last-child {margin-right: 0;}
.featured-products .filters .filter.active,
.featured-products .filters .filter:hover {
color: var(--theme-color1);
}
.featured-products .filters li:before {
position: absolute;
left: 0;
bottom: 8px;
height: 2px;
width: 100%;
content: "";
background-color: #ffc737;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: top right;
transform-origin: top right;
-webkit-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
-webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}
.featured-products .filters li.active:before,
.featured-products .filters li:hover:before {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
}
.product-block {position: relative;margin-bottom: 30px;}
.product-block.mix {display: none;}
.product-block .inner-box {
position: relative;
border: 2px solid #e4e1d5;
border-radius: 10px;
text-align: center;
background: #ffffff;
overflow: hidden;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.product-block .inner-box:hover {
border: 2px solid var(--theme-color1);
-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}
.product-block .image {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
margin-bottom: 0px;
}
.product-block .image:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=1 );
content: "";
opacity: 0.3;
left: -100%;
pointer-events: none;
z-index: 1;
}
.product-block .inner-box:hover .image:before {
left: 100%;
-webkit-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.product-block .image img {
width: auto;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.product-block .inner-box:hover .image img {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.product-block .content {
position: relative;
padding: 30px 30px 30px;
}
.product-block h4 {
display: block;
font-size: 22px;
color: var(--theme-color1);
font-weight: 700;
margin-bottom: 5px;
}
.product-block h4 a {
color: var(--theme-color1);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.product-block h4 a:hover {color: var(--theme-color1);}
.product-block .price {
display: block;
font-size: 16px;
line-height: 26px;
color: var(--text-gray-silver);
font-weight: 600;
}
.product-block .price del {
display: inline-block;
margin-left: 15px;
font-size: 16px;
color: #ff0000;
line-height: 27px;
opacity: 0.3;
}
.product-block .rating {
position: relative;
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;
font-size: 14px;
color: #ffc737;
}
.product-block .tag {
position: absolute;
top: 30px;
left: 20px;
font-size: 14px;
line-height: 23px;
color: #ffffff;
background: #FD5F5C;
font-weight: 400;
padding: 0 12px;
border-radius: 3px;
z-index: 9;
font-style: italic;
text-transform: uppercase;
}
.product-block .icon-box {
position: absolute;
right: 20px;
top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
opacity: 0;
visibility: hidden;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.product-block .inner-box:hover .icon-box {
top: 20px;
opacity: 1;
visibility: visible;
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
.product-block .ui-btn {
position: relative;
display: block;
height: 40px;
width: 40px;
font-size: 14px;
line-height: 40px;
text-align: center;
color: #ffffff;
z-index: 9;
background-color: var(--theme-color1);
color: var(--text-color-bg-theme-color1);
cursor: pointer;
border-radius: 50px;
margin-bottom: 10px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.product-block .ui-btn:hover {background-color: var(--theme-color2);color: var(--theme-color-light);}
.product-block .cat {
display: block;
font-size: 18px;
color: #707070;
font-style: italic;
font-family: "Jost", sans-serif;
margin-bottom: 5px;
}
/** shop-catalog-layouts.scss* ---*/
table.tbl-shopping-cart .product-thumbnail, table.cart-total .product-thumbnail {min-width: 64px;}
table.tbl-shopping-cart img, table.cart-total img {
width: 64px;
-webkit-box-shadow: none;
box-shadow: none;
}
table.tbl-shopping-cart th,
table.tbl-shopping-cart td, table.cart-total th,
table.cart-total td {
vertical-align: middle;
border-left: 1px solid #e3e3e3;
padding: 20px 30px;
}
table.tbl-shopping-cart .product-name a, table.cart-total .product-name a {color: var(--headings-color);}
table.tbl-shopping-cart .product-name .variation, table.cart-total .product-name .variation {
font-size: 0.9rem;
list-style: none;
}
table.tbl-shopping-cart .product-remove a, table.cart-total .product-remove a {
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
border-radius: 24px;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
background-color: #757575;
color: #ffffff;
text-align: center;
}
table.tbl-shopping-cart .coupon-form .apply-button, table.cart-total .coupon-form .apply-button {
position: relative;
display: inline-block;
color: #1e2434;
background: #f4f5f4;
padding: 15px 29px;
cursor: pointer;
text-transform: uppercase;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
table.tbl-shopping-cart .coupon-form .apply-button:hover, table.cart-total .coupon-form .apply-button:hover {
color: var(--theme-color-light);
background-color: var(--theme-color2);
}

table.tbl-shopping-cart > thead > tr > th,
table.tbl-shopping-cart > tbody > tr > th,
table.tbl-shopping-cart > tfoot > tr > th {
color: #444;
}

.payment-method .accordion-box .block {
background: #f4f5f4;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 20px;
}
.payment-method .accordion-box .block .acc-content .payment-info {
position: relative;
display: block;
background-color: #fff;
padding: 30px 30px 10px 30px;
}
.payment-method .accordion-box .block:last-child {
margin-bottom: 0px;
}
.payment-method .accordion-box .block .acc-btn {
padding: 19px 30px 22px 30px;
}
.payment-method .accordion-box .block .acc-btn .icon-outer {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
right: 30px;
height: auto;
/* line-height: 65px; */
font-size: 28px;
color: #1e2434;
}
.payment-method .accordion-box .block .acc-btn.active .icon-outer {
color: var(--theme-color-light);
}
.payment-method .payment-method h3 {
margin-bottom: 32px;
}

.shop-sidebar {
position: relative;
display: block;
}
.shop-sidebar .sidebar-search {
margin-bottom: 30px;
}
.shop-sidebar .sidebar-search .search-form .form-group {
position: relative;
margin: 0px;
}
.shop-sidebar .sidebar-search .search-form .form-group input[type=search] {
position: relative;
width: 100%;
height: 52px;
background-color: var(--theme-light-background);
border: 1px solid var(--theme-light-background);
border-radius: 5px;
color: #646578;
padding: 10px 60px 10px 20px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.shop-sidebar .sidebar-search .search-form .form-group button {
position: absolute;
display: inline-block;
top: 5px;
right: 5px;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
font-size: 18px;
color: var(--theme-color-light);
background-color: var(--theme-color2);
cursor: pointer;
border-radius: 3px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.shop-sidebar .sidebar-search .search-form .form-group button:hover {
color: var(--text-color-bg-theme-color1);
background-color: var(--theme-color1);
}
.shop-sidebar .sidebar-widget {
position: relative;
display: block;
background-color: var(--theme-light-background);
padding: 35px 30px 37px 30px;
border-radius: 5px;
margin-bottom: 30px;
}
.shop-sidebar .sidebar-widget:last-child {
margin-bottom: 0px;
}
.shop-sidebar .sidebar-widget .widget-title {
position: relative;
display: block;
margin-bottom: 16px;
}
.shop-sidebar .category-widget .category-list li {
position: relative;
display: block;
margin-bottom: 14px;
}
.shop-sidebar .category-widget .category-list li:last-child {
margin-bottom: 0px;
}
.shop-sidebar .category-widget .category-list li a {
position: relative;
display: inline-block;
color: #646578;
font-weight: 400;
padding-left: 20px;
}
.shop-sidebar .category-widget .category-list li a:before {
position: absolute;
content: "\f0da";
font-family: "Font Awesome 5 Free";
left: 0px;
top: 0px;
font-size: 16px;
font-weight: 600;
color: var(--theme-color2);
}
.shop-sidebar .category-widget .category-list li a:hover {
color: var(--theme-color1);
}
.shop-sidebar .price-filters .widget-title {
margin-bottom: 28px;
}
.shop-sidebar .post-widget {
padding-bottom: 9px;
}
.shop-sidebar .post-widget .post {
position: relative;
padding-left: 90px;
padding-bottom: 24px;
margin-bottom: 23px;
min-height: 108px;
border-bottom: 1px solid #e1e1e1;
}
.shop-sidebar .post-widget .post:last-child {
margin-bottom: 0px;
border-bottom: none;
}
.shop-sidebar .post-widget .post .post-thumb {
position: absolute;
left: 0px;
top: 7px;
width: 70px;
height: 70px;
border: 1px solid #d0d4dd;
border-radius: 5px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.shop-sidebar .post-widget .post .post-thumb img {
width: 100%;
border-radius: 5px;
}
.shop-sidebar .post-widget .post a {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 26px;
color: #646578;
margin-bottom: 7px;
}
.shop-sidebar .post-widget .post .price {
position: relative;
display: block;
font-size: 14px;
line-height: 24px;
font-family: "Poppins", sans-serif;
font-weight: 600;
color: #0a267a;
}
.shop-sidebar .post-widget .post:hover .post-thumb {
border-color: var(--theme-color1);
}
.shop-sidebar .post-widget .post:hover a {
color: var(--theme-color1);
}

.range-slider {
position: relative;
}
.range-slider .title {
line-height: 26px;
position: relative;
display: inline-block;
margin-right: 4px;
}
.range-slider .title:before {
position: absolute;
content: "$";
left: -5px;
top: -19px;
color: #646578;
font-size: 18px;
}
.range-slider p {
position: relative;
display: inline-block;
color: #646578;
margin-right: 10px !important;
}
.range-slider .input {
color: #646578;
max-width: 75px;
font-size: 18px;
margin-top: 5px;
position: relative;
display: inline-block;
}
.range-slider .input input {
background: none;
color: #646578;
font-size: 15px;
text-align: left;
}
.range-slider .ui-widget.ui-widget-content {
height: 4px;
border: none;
margin-bottom: 14px;
background-color: #d0d4dd;
border-radius: 2px;
}
.range-slider .ui-slider .ui-slider-range {
top: 0px;
height: 4px;
background-color: var(--theme-color1);
}
.range-slider .ui-state-default {
top: -5px;
width: 14px;
height: 14px;
border: none;
border-radius: 50%;
cursor: pointer;
margin-left: 0px;
background-color: var(--theme-color1);
}
.range-slider .ui-state-default:before {
position: absolute;
content: "";
background-color: #ffffff;
width: 6px;
height: 6px;
left: 4px;
top: 4px;
border-radius: 50%;
}
.range-slider .ui-widget-content .ui-state-default {
top: -5px;
width: 14px;
height: 14px;
border: none;
border-radius: 50%;
cursor: pointer;
margin-left: 0px;
background-color: var(--theme-color1);
}
.range-slider .ui-widget-content .ui-state-default:before {
position: absolute;
content: "";
background-color: #ffffff;
width: 6px;
height: 6px;
left: 4px;
top: 4px;
border-radius: 50%;
}
.range-slider input[type=submit] {
position: relative;
display: block;
background: var(--theme-color1);
color: var(--text-color-bg-theme-color1);
float: right;
text-align: center;
border: none;
font-size: 14px;
font-weight: 500;
margin-top: 0;
text-transform: capitalize;
cursor: pointer;
padding: 7px 20px;
border-radius: 10px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.range-slider input[type=submit]:hover {
color: var(--theme-color-light);
background-color: var(--theme-color2);
}
/*** Page Title ***/
@-webkit-keyframes "ripple" {
70% {
-webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes "ripple" {
70% {
-webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
.page-title {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 110px 0 110px;
min-height: 250px;
}
.page-title:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #131313;
opacity: 0.8;
content: "";
}
.page-title .title {
font-size: 64px;
color: #ffffff;
margin-bottom: 17px;
}
.page-title .text {
position: relative;
color: #ffffff;
font-size: 16px;
line-height: 26px;
letter-spacing: 0.05em;
max-width: 520px;
}
.page-breadcrumb {position: relative;margin-top: 5px;}
.page-breadcrumb li {
position: relative;
display: inline-block;
margin-right: 12px;
padding-right: 13px;
color: #ffffff;
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
}
.page-breadcrumb li:after {
position: absolute;
content: "\f105";
right: -6px;
top: 1px;
color: #ffffff;
font-size: 14px;
font-weight: 900;
font-family: "Font Awesome 5 Free";
color: #ffffff;
}
.page-breadcrumb li:last-child {
padding-right: 0px;
margin-right: 0px;
}
.page-breadcrumb li:last-child::after {display: none;}
.page-breadcrumb li a {
color: var(--theme-color2);
font-weight: 500;
text-transform: capitalize;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.page-breadcrumb li a:hover {color: #ffffff;}
.page-title.style-two {background-position: center center;}
.page-title.style-two .page-breadcrumb-outer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 10px 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
z-index: 8;
}
.page-title.style-two .page-breadcrumb li {color: rgb(7, 7, 16);font-weight: 600;}
.page-title.style-two .page-breadcrumb li:after {color: rgb(7, 7, 16);}
.page-title.style-two .page-breadcrumb li a {color: rgba(7, 7, 16, 0.6);}
.page-title.style-two .page-breadcrumb li a:hover {color: rgb(7, 7, 16);}
.play-now {
position: relative;
display: block;
z-index: 9;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.play-now .icon {
position: relative;
display: inline-block;
height: 70px;
width: 70px;
text-align: center;
line-height: 70px;
background-color: #ffffff;
color: #ff6d2e;
z-index: 1;
padding-left: 5px;
font-size: 14px;
display: block;
border-radius: 50%;
-webkit-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
-ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
-o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
-webkit-transform-origin: center;
transform-origin: center;
}
.play-now .ripple {
position: absolute;
top: 50%;
left: 50%;
height: 70px;
width: 70px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-webkit-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.play-now .ripple:before {
position: absolute;
top: 50%;
left: 50%;
height: 70px;
width: 70px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-webkit-animation: ripple 3s infinite;
animation: ripple 3s infinite;
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
content: "";
position: absolute;
}
.play-now .ripple:after {position: absolute;top: 50%;left: 50%;height: 70px;width: 70px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border-radius: 50%;-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);-webkit-animation: ripple 3s infinite;animation: ripple 3s infinite;-webkit-animation-delay: 0.6s;animation-delay: 0.6s;content: "";position: absolute;}
.background-image {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-repeat: repeat;background-position: center;background-size: cover;}
.error-page__inner {position: relative;display: block;text-align: center;}
.error-page__inner .error-page__title-box {position: relative;display: block;}
.error-page__inner .error-page__title {position: relative;display: inline-block;font-size: 280px;line-height: 280px;margin-bottom: 0;color: var(--theme-color1);}
.error-page__inner .error-page__sub-title {font-size: 40px;letter-spacing: 0.1em;text-transform: uppercase;line-height: 50px;margin-top: -16px;}
.error-page__inner .error-page__text {font-size: 20px;line-height: 30px;text-align: center;}
.error-page__inner .error-page__form {position: relative;display: block;margin: 42px auto 20px;}
.error-page__inner .error-page__form input[type=search] {height: 60px;width: 100%;border: none;outline: none;background-color: #f5f5f5;font-size: 14px;color: #333;padding-left: 50px;padding-right: 75px;border-radius: 7px;}
.error-page__inner .error-page__form button[type=submit] {background-color: transparent;font-size: 22px;position: absolute;top: 0;right: 0px;bottom: 0;width: 72px;outline: none;border: none;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0;}
.error-page__inner .error-page__form-input {position: relative;display: block;max-width: 570px;width: 100%;margin: 0 auto;}
/***==Services Details==***/
.service-sidebar {position: relative;display: block;max-width: 365px;width: 100%;}
.service-sidebar .service-sidebar-single {position: relative;display: block;margin-bottom: 30px;}
.service-sidebar .service-sidebar-single-services {position: relative;display: block;background: #f6f4ec;border-radius: 10px;padding: 35px 30px 25px;}
.service-sidebar .service-sidebar-single-services .title {position: relative;display: block;margin-bottom: 12px;padding-left: 20px;}
.service-sidebar .service-sidebar-single-services .title h3 {color: var(--headings-color);font-size: 20px;line-height: 30px;letter-spacing: -0.02em;}
.service-sidebar .service-sidebar-single-services ul {position: relative;display: block;margin-top: 10px;}
.service-sidebar .service-sidebar-single-services ul li {position: relative;display: block;margin-bottom: 5px;margin-top: -10px;}
.service-sidebar .service-sidebar-single-services ul li:last-child {margin-bottom: 0;}
.service-sidebar .service-sidebar-single-services ul li a {position: relative;display: block;color: var(--agriox-color-1, #687469);font-size: 18px;padding: 22px 20px 22px;border-radius: 10px;background: transparent;-webkit-transition: all 300ms linear;transition: all 300ms linear;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.service-sidebar .service-sidebar-single-services ul li a:hover {color: var(--headings-color);}
.service-sidebar .service-sidebar-single-services ul li a:hover::before {opacity: 1;-webkit-transform: perspective(400px) rotateX(0deg);transform: perspective(400px) rotateX(0deg);-webkit-transition: all 300ms linear;transition: all 300ms linear;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
.service-sidebar .service-sidebar-single-services ul li a:hover i {color: var(--theme-color1);}
.service-sidebar .service-sidebar-single-services ul li a::before {position: absolute;top: 0;left: 0;bottom: 0;right: 0;content: "";z-index: -1;opacity: 1;-webkit-transform: perspective(400px) rotateX(90deg);transform: perspective(400px) rotateX(90deg);-webkit-transform-origin: bottom;transform-origin: bottom;-webkit-transition: all 300ms linear;transition: all 300ms linear;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;background: #ffffff;-webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);border-radius: 10px;}
.service-sidebar .service-sidebar-single-services ul li a i {font-size: 16px;}
.service-sidebar .service-sidebar-single-services ul li.current a::before {opacity: 1;-webkit-transform: perspective(400px) rotateX(0deg);transform: perspective(400px) rotateX(0deg);-webkit-transition: all 300ms linear;transition: all 300ms linear;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
.service-sidebar .service-sidebar-single-services ul li.current a i {color: var(--theme-color1);}
.service-sidebar .service-sidebar-single-services ul li.current:first-child {margin-top: 20px;}
.service-sidebar .service-sidebar-single-services ul li.current:last-child {margin-bottom: 35px;}
.service-sidebar .service-sidebar-single-contact-box {position: relative;display: block;background-attachment: scroll;background-position: center center;background-repeat: no-repeat;background-size: cover;border-radius: 10px;padding: 50px 0px 44px;z-index: 1;}
.service-sidebar .service-sidebar-single-contact-box::before {position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(109, 140, 84, 0.93);border-radius: 10px;content: "";z-index: -1;}
.service-sidebar .service-sidebar-single-contact-box .icon {position: relative;display: inline-block;width: 60px;height: 60px;text-align: center;-webkit-transition: all 500ms ease;transition: all 500ms ease;border-radius: 50%;background: var(--theme-color2);}
.service-sidebar .service-sidebar-single-contact-box .icon:hover {background-color: var(--headings-color);}
.service-sidebar .service-sidebar-single-contact-box .icon:hover span::before {color: #fff;}
.service-sidebar .service-sidebar-single-contact-box .icon span::before {position: relative;display: inline-block;color: var(--headings-color);font-size: 30px;line-height: 60px;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.service-sidebar .service-sidebar-single-contact-box .title {position: relative;display: block;margin-top: 20px;margin-bottom: 42px;}
.service-sidebar .service-sidebar-single-contact-box .title h2 {color: #ffffff;font-size: 36px;}
.service-sidebar .service-sidebar-single-contact-box .phone {font-size: 24px;line-height: 34px;}
.service-sidebar .service-sidebar-single-contact-box .phone a {color: #ffffff;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.service-sidebar .service-sidebar-single-contact-box .phone a:hover {color: var(--theme-color1);}
.service-sidebar .service-sidebar-single-contact-box p {color: #ffffff;font-size: 14px;line-height: 22px;}
.service-sidebar .service-sidebar-single-btn {position: relative;display: block;}
.service-sidebar .service-sidebar-single-btn .thm-btn {font-size: 16px;padding: 13px 50px 28px;}
.service-sidebar .service-sidebar-single-btn .thm-btn span::before {position: relative;display: inline-block;top: 13px;color: #334b35;font-size: 40px;padding-right: 25px;-webkit-transition: all 600ms ease;transition: all 600ms ease;font-weight: 500;}
.service-sidebar .service-sidebar-single-btn .thm-btn:hover span::before {color: #ffffff;}.service-sidebar .banner-widget {position: relative;display: block;background: #fff;border-radius: 10px;overflow: hidden;-webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);}
.service-sidebar .banner-widget .widget-content {position: relative;display: block;width: 100%;padding: 45px 30px 40px 30px;background-size: cover;background-repeat: no-repeat;}
.service-sidebar .banner-widget .widget-content .shape {position: absolute;left: 0px;top: 0px;height: 100%;width: 278px;background-repeat: no-repeat;background-size: cover;}
.service-sidebar .banner-widget .content-box {position: relative;max-width: 200px;width: 100%;}
.service-sidebar .banner-widget .content-box .icon-box {position: relative;display: inline-block;width: 60px;height: 60px;line-height: 60px;font-size: 40px;background-color: var(--theme-color2);color: var(--theme-color-light);text-align: center;border-radius: 5px;margin-bottom: 23px;}
.service-sidebar .banner-widget .content-box .icon-box .icon-shape {position: absolute;top: -15px;right: -38px;width: 32px;height: 32px;background-repeat: no-repeat;}
.service-sidebar .banner-widget .content-box h3 {display: block;font-size: 24px;line-height: 32px;color: #ffffff;font-weight: 600;text-transform: uppercase;margin-bottom: 22px;}
.service-sidebar .banner-widget .content-box .theme-btn-two:hover {background: #0a267a;}
.service-sidebar .service-sidebar-single-btn .theme-btn {padding: 20px 50px;}
.service-sidebar .service-sidebar-single-btn .theme-btn .btn-title {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;}
.service-sidebar .service-sidebar-single-btn .theme-btn span::before {position: relative;display: inline-block;font-size: 36px;padding-right: 25px;margin-top: 7px;-webkit-transition: all 600ms ease;transition: all 600ms ease;font-weight: 500;}
.services-details__content .feature-list .single-item {position: relative;display: block;border: 1px solid #e1e8e4;padding: 16px 30px 16px 53px;margin-bottom: 20px;-webkit-transition: all 600ms ease;transition: all 600ms ease;}
.services-details__content .feature-list .single-item .icon-box {color: var(--theme-color1);position: absolute;left: 20px;top: 16px;font-size: 18px;-webkit-transition: all 600ms ease;transition: all 600ms ease;}
.services-details__content .feature-list .single-item .title {display: block;margin: 0;font-size: 16px;line-height: 32px;font-weight: 600;text-transform: uppercase;-webkit-transition: all 600ms ease;transition: all 600ms ease;}
.services-details__content .feature-list .single-item:hover {background-color: var(--theme-color2);color: var(--theme-color-light);}
.services-details__content .feature-list .single-item:hover .title,
.services-details__content .feature-list .single-item:hover .icon-box {color: var(--theme-color-light);}
.service-list li {position: relative;display: block;margin-bottom: 10px;}
.service-list li:last-child {margin-bottom: 0px;}
.service-list li a {position: relative;display: block;font-size: 18px;color: var(--headings-color);font-weight: 600;background-color: #fff;padding: 17px 20px 17px 50px;-webkit-box-shadow: 20px 5px 20px 0px rgba(0, 0, 0, 0.05);box-shadow: 20px 5px 20px 0px rgba(0, 0, 0, 0.05);}
.service-list li a:hover, .service-list li a.current {color: var(--theme-color-light);background-color: var(--theme-color1);padding-left: 80px;}
.service-list li a:hover i, .service-list li a.current i {width: 60px;color: var(--theme-color-light);background-color: var(--theme-color2);}
.service-list li i {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;left: 0px;top: 0px;width: 30px;height: 100%;background-color: #f6f4ec;text-align: center;font-size: 16px;color: #707582;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
/*---# Project Details-*/
.project-details__img {position: relative;display: block;}
.project-details__img img {width: 100%;border-radius: 10px;}
.project-details__content {position: relative;display: block;}
.project-details__content-left {position: relative;display: block;margin-top: 31px;}
.project-details__content-right {position: relative;display: block;margin-top: 40px;}
.project-details__details-box {position: relative;border-radius: 10px;background-color: #f5f5f5;padding: 43px 50px 50px;z-index: 1;}
.project-details__details-list {position: relative;display: block;}
.project-details__details-list li {position: relative;display: block;}
.project-details__details-list li + li {margin-top: 24px;}
.project-details__client {font-size: 16px;color: #838d9e;line-height: 24px;margin: 0;}
.project-details__name {font-size: 16px;line-height: 24px;}
.project-details__social {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.project-details__social a {position: relative;height: 40px;width: 40px;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;text-align: center;background-color: var(--theme-color1);color: var(--text-color-bg-theme-color1);font-size: 15px;border-radius: 50%;overflow: hidden;-webkit-transition: all 500ms ease;transition: all 500ms ease;z-index: 1;}
.project-details__social a:hover {background-color: var(--theme-color2);color: var(--text-color-bg-theme-color2);}
.project-details__social a + a {margin-left: 10px;}
.project-details__pagination-box {position: relative;display: block;text-align: center;border-top: 1px solid #ece9e0;border-bottom: 1px solid #ece9e0;padding: 30px 0;margin-top: 117px;}
.project-details__pagination {position: relative;display: block;}
.project-details__pagination li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.project-details__pagination li a {font-size: 14px;color: #757873;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;}
.project-details__pagination li a:hover {color: var(--theme-color1);}
.project-details__pagination li a:hover i {background-color: var(--theme-color2);color: var(--text-color-bg-theme-color2);border: 2px solid var(--theme-color2);}
.project-details__pagination li .content {position: relative;display: block;}
.project-details__pagination li.next {float: left;position: relative;}
.project-details__pagination li.next i {position: relative;height: 52px;width: 52px;border: 2px solid #0e2207;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: #0e2207;font-size: 16px;-webkit-transition: all 500ms ease;transition: all 500ms ease;margin-right: 20px;z-index: 1;}
.project-details__pagination li.next .content {text-align: left;}
.project-details__pagination li.previous {position: relative;float: right;}
.project-details__pagination li.previous i {position: relative;height: 52px;width: 52px;border: 2px solid #0e2207;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: #0e2207;font-size: 16px;-webkit-transition: all 500ms ease;transition: all 500ms ease;margin-left: 20px;z-index: 1;}
.project-details__pagination li.previous .content {text-align: right;}
/***Blog Details***/
.blog-details {position: relative;display: block;}
.blog-details__left {position: relative;display: block;}
.blog-details__img {position: relative;display: block;border-radius: 10px;}
.blog-details__img img {width: 100%;border-radius: 10px;}
.blog-details__date {position: absolute;bottom: 0;right: 0;background-color: var(--theme-color1);text-align: center;padding: 21px 24px 20px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-bottom-right-radius: 10px;border-top-left-radius: 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.blog-details__date .day {font-size: 16px;color: #fff;font-weight: var(--body-font-weight-bold);line-height: 16px;}
.blog-details__date .month {position: relative;display: block;font-size: 10px;font-weight: var(--body-font-weight-bold);color: #fff;line-height: 12px;text-transform: uppercase;}
.blog-details__content {position: relative;display: block;margin-top: 22px;}
.blog-details__meta {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.blog-details__meta li + li {margin-left: 18px;}.blog-details__meta li a {font-size: 15px;color: #777;font-weight: 500;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.blog-details__meta li a:hover {color: var(--theme-color1);}
.blog-details__meta li a i {color: var(--theme-color1);margin-right: 6px;}
.blog-details__title {font-size: 30px;line-height: 40px;margin-top: 12px;margin-bottom: 21px;font-weight: var(--body-font-weight-bold);}
.blog-details__bottom {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 30px 0 30px;margin-top: 49px;border-top: 1px solid #ece9e0;}
@media only screen and (max-width: 767px) {
.blog-details__bottom {gap: 30px;}
}
.blog-details__bottom p {margin: 0;}
.blog-details__tags span {color: #0e2207;font-size: 20px;margin-right: 14px;font-weight: var(--body-font-weight-bold);}
.blog-details__tags a {position: relative;font-size: 12px;background-color: var(--theme-color2);color: var(--theme-color-light);display: inline-block;padding: 5px 30px 5px;font-weight: var(--body-font-weight-bold);-webkit-transition: all 500ms ease;transition: all 500ms ease;border-radius: 35px;}
.blog-details__tags a:hover {background-color: var(--theme-color1);color: var(--text-color-bg-theme-color1);text-decoration: none;}
.blog-details__tags a + a {margin-left: 6px;}
.blog-details__social-list {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.blog-details__social-list a {position: relative;height: 43px;width: 43px;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;text-align: center;color: var(--theme-light-background-text-color);background-color: var(--theme-light-background);font-size: 15px;border-radius: 50%;overflow: hidden;-webkit-transition: all 500ms ease;transition: all 500ms ease;z-index: 1;}
.blog-details__social-list a:hover {color: var(--theme-color-light);}
.blog-details__social-list a:hover:after {opacity: 1;-webkit-transform: scaleY(1);transform: scaleY(1);}
.blog-details__social-list a:after {position: absolute;content: "";top: 0;left: 0;right: 0;height: 100%;background-color: var(--theme-color2);-webkit-transition-delay: 0.1s;transition-delay: 0.1s;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;-webkit-transition-property: all;transition-property: all;opacity: 1;-webkit-transform-origin: top;transform-origin: top;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform: scaleY(0);transform: scaleY(0);z-index: -1;}
.blog-details__social-list a + a {margin-left: 10px;}
.blog-details__pagenation-box {position: relative;display: block;overflow: hidden;margin-bottom: 53px;}
.blog-details__pagenation {position: relative;display: block;}
.blog-details__pagenation li {position: relative;float: left;font-size: 20px;color: #0e2207;font-weight: var(--body-font-weight-bold);color: var(--theme-light-background-text-color);background-color: var(--theme-light-background);line-height: 30px;-webkit-transition: all 500ms ease;transition: all 500ms ease;max-width: 370px;width: 100%;padding-left: 60px;padding-right: 60px;padding-top: 52px;padding-bottom: 52px;border-radius: 10px;}
.blog-details__pagenation li:hover {background-color: var(--theme-color2);color: var(--theme-color-light);}
.blog-details__pagenation li + li {margin-left: 30px;}
/* Nav Links */
.nav-links {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 53px;}
@media only screen and (max-width: 767px) {
.nav-links {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 20px;}
}
.nav-links .prev {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 100%;width: calc(50% - 15px);margin-right: 30px;}
@media only screen and (max-width: 767px) {
.nav-links .prev {width: 100%;}
}
.nav-links .prev .thumb {margin-right: 20px;}
.nav-links .next {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 100%;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;width: calc(50% - 15px);}
@media only screen and (max-width: 767px) {
.nav-links .next {width: 100%;}
}
.nav-links .next .thumb {margin-left: 20px;}
.nav-links > div {-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.nav-links > div .thumb {display: inline-block;min-width: 60px;width: 60px;height: 60px;overflow: hidden;}
.nav-links > div .thumb a {display: inline-block;}
.nav-links > div > a {display: inline-block;word-wrap: break-word;white-space: -moz-pre-wrap;white-space: pre-wrap;font-size: 20px;line-height: 1.637;font-weight: var(--body-font-weight-bold);-webkit-transition: all 500ms ease;transition: all 500ms ease;color: var(--theme-light-background-text-color);background-color: var(--theme-light-background);padding: 52px 50px;border-radius: 10px;width: 100%;}
@media only screen and (max-width: 767px) {
.nav-links > div > a {padding: 30px;}
}
.nav-links > div > a:hover {color: var(--text-color-bg-theme-color1);background-color: var(--theme-color1);}
/***=Sidebar==***/
@media (max-width: 991px) {
.sidebar {margin-top: 50px;}
}
.sidebar__single + .sidebar__single {margin-top: 30px;}
.sidebar__title {margin: 0;font-size: 20px;margin-bottom: 5px;font-weight: var(--h4-font-weight);}
.sidebar__search {position: relative;display: block;}
.sidebar__search-form {position: relative;}
.sidebar__search-form input[type=search] {display: block;border: none;outline: none;background-color: var(--theme-color2);color: var(--theme-color-light);font-size: 16px;font-weight: 500;padding-left: 50px;height: 74px;width: 100%;padding-right: 80px;border-radius: 10px;}
.sidebar__search-form input[type=search]::-webkit-input-placeholder {color: var(--theme-color-light);opacity: 1;}
.sidebar__search-form input[type=search]::-webkit-input-placeholder, .sidebar__search-form input[type=search]:-ms-input-placeholder, .sidebar__search-form input[type=search]::-ms-input-placeholder, .sidebar__search-form input[type=search]::placeholder {color: var(--theme-color-light);opacity: 1;}
@media only screen and (max-width: 767px) {
.sidebar__search-form input[type=search] {padding-left: 30px;}
}
.sidebar__search-form button[type=submit] {background-color: transparent;color: var(--theme-color-light);font-size: 22px;position: absolute;top: 0;right: 0;bottom: 0;width: 72px;outline: none;border: none;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0;}
@media only screen and (max-width: 767px) {
.sidebar__search-form button[type=submit] {width: 42px;}
}
.sidebar__post {position: relative;display: block;padding: 46px 30px 30px;color: var(--theme-light-background-text-color);background-color: var(--theme-light-background);border-radius: 10px;overflow: hidden;z-index: 1;}
@media only screen and (max-width: 767px) {
.sidebar__post {padding: 30px;}
}
.sidebar__post .sidebar__title {margin-left: 20px;}
@media only screen and (max-width: 767px) {
.sidebar__post .sidebar__title {margin-left: 0;}
}
.sidebar__post .sidebar__post-list {margin: 0;}
.sidebar__post .sidebar__post-list li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 16px 20px 17px;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
@media only screen and (max-width: 767px) {
.sidebar__post .sidebar__post-list li {padding: 16px 0;}
}
.sidebar__post .sidebar__post-list li:hover {background-color: #ffffff;border-radius: 10px;}
.sidebar__post .sidebar__post-list li + li {margin-top: 11px;}
.sidebar__post .sidebar__post-list .sidebar__post-image {margin-right: 20px;-webkit-box-flex: 70px;-ms-flex: 70px 0 0px;flex: 70px 0 0;}
.sidebar__post .sidebar__post-list .sidebar__post-image > img {width: 80px;border-radius: 10px;}
.sidebar__post .sidebar__post-list .sidebar__post-content {position: relative;top: -3px;}
.sidebar__post .sidebar__post-list .sidebar__post-content h3 {font-size: 18px;margin: 0;line-height: 26px;letter-spacing: 0;}
.sidebar__post .sidebar__post-list .sidebar__post-content h3 a {color: #0e2207;-webkit-transition: all 500ms ease;transition: all 500ms ease;display: block;font-size: 16px;font-weight: 700;line-height: 24px;}
.sidebar__post .sidebar__post-list .sidebar__post-content-meta {font-size: 14px;font-weight: 500;color: #757873 !important;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.sidebar__post .sidebar__post-list .sidebar__post-content-meta i {color: var(--theme-color2);font-size: 14px;padding-right: 3px;}
.sidebar__category {position: relative;display: block;color: var(--theme-light-background-text-color);background-color: var(--theme-light-background);border-radius: 10px;padding: 45px 30px 38px;overflow: hidden;z-index: 1;}
@media only screen and (max-width: 767px) {
.sidebar__category {padding: 30px 15px 30px;}
}
.sidebar__category .sidebar__title {padding-left: 20px;margin-bottom: 9px;}
.sidebar__category-list {margin: 0;}
.sidebar__category-list li + li {margin-top: 4px;}
.sidebar__category-list li a {color: #757873;font-size: 16px;position: relative;-webkit-transition: all 500ms ease;transition: all 500ms ease;display: block;background: none;padding: 12px 20px;font-weight: 500;border-radius: 10px;}
.sidebar__category-list li a:hover {background-color: rgb(255, 255, 255);-webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);color: #0e2207;text-shadow: 1px 0 0 rgba(14, 34, 7, 0.5);}
.sidebar__category-list li a:hover span {color: #ffcd1e;-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);}
.sidebar__category-list li a span {position: absolute;top: 50%;right: 20px;-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);-webkit-transition: all 500ms ease;transition: all 500ms ease;color: var(--theme-color2);text-align: center;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;font-size: 16px;}
.sidebar__category-list li.active a {background-color: rgb(255, 255, 255);-webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);color: #0e2207;border-radius: 10px;text-shadow: 1px 0 0 rgba(14, 34, 7, 0.5);}
.sidebar__category-list li.active a span {-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);color: #ffcd1e;}
.sidebar__tags {position: relative;display: block;color: var(--theme-light-background-text-color);background-color: var(--theme-light-background);padding: 46px 45px 50px;border-radius: 10px;overflow: hidden;z-index: 1;}
@media only screen and (max-width: 767px) {
.sidebar__tags {padding: 30px;}
}
.sidebar__tags .sidebar__title {margin-left: 5px;margin-bottom: 25px;}
.sidebar__tags-list {margin-top: -10px;}
.sidebar__tags-list a {font-size: 14px;color: #0e2207;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;background: #ffffff;display: inline-block;padding: 5px 28px 5px;margin-left: 5px;border-radius: 30px;}
.sidebar__tags-list a:hover {color: var(--text-color-bg-theme-color1);background: var(--theme-color1);}
.sidebar__tags-list a + a {margin-left: 5px;margin-top: 10px;}
.sidebar__comments {position: relative;display: block;color: var(--theme-light-background-text-color);background-color: var(--theme-light-background);padding: 46px 50px 43px;border-radius: 10px;overflow: hidden;z-index: 1;}
@media only screen and (max-width: 767px) {
.sidebar__comments {padding: 30px;}
}
.sidebar__comments .sidebar__title {margin-bottom: 25px;}
.sidebar__comments-list {position: relative;display: block;}
.sidebar__comments-list li {position: relative;display: block;padding-left: 65px;}
.sidebar__comments-list li:hover .sidebar__comments-icon {background-color: var(--theme-color2);color: var(--theme-color-light);}
.sidebar__comments-list li + li {margin-top: 23px;}
.sidebar__comments-icon {height: 45px;width: 45px;background-color: var(--theme-color1);border-radius: 50%;font-size: 15px;color: var(--text-color-bg-theme-color1);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;position: absolute;top: 0;left: 0;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.sidebar__comments-text-box p {font-size: 15px;margin: 0;line-height: 26px;font-weight: 500;}
.sidebar__comments-text-box p span {color: #0e2207;}
.sidebar__comments-text-box h5 {font-size: 15px;margin: 0;line-height: 26px;color: #757873;font-weight: 500;letter-spacing: 0;}
/*** ===Comments===***/
.comment-one .comment-one__title {margin-bottom: 30px;}
.comment-one .comment-one__single {display: -webkit-box;display: -ms-flexbox;display: flex;border-bottom: 1px solid #ece9e0;padding-bottom: 60px;margin-bottom: 60px;-webkit-box-align: top;-ms-flex-align: top;align-items: top;}
@media only screen and (max-width: 767px) {
.comment-one .comment-one__single {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
}
.comment-one .comment-one__content {position: relative;margin-left: 45px;}
@media only screen and (max-width: 767px) {
.comment-one .comment-one__content {margin-top: 20px;margin-left: 0;}
}
.comment-one .comment-one__content h3 {margin: 0;font-size: 20px;color: var(--theme-black);margin-bottom: 24px;}
.comment-one .comment-one__content p {font-size: 16px;font-weight: 500;}
.comment-one .comment-one__btn {padding: 5px 30px;position: absolute;top: 0;right: 0;font-size: 14px;}
.comment-one .comment-one__image {position: relative;display: block;border-radius: 50%;-webkit-box-flex: 100px;-ms-flex: 100px 0 0px;flex: 100px 0 0;}
.comment-one .comment-one__image img {border-radius: 50%;}
.comment-form .comment-form__title {margin-top: -7px;}
/*---# Team Details-*/
.team-details {position: relative;display: block;}
.team-details__top {padding: 0 0 120px;}
.team-details-shape-1 {position: absolute;bottom: -270px;right: 0;opacity: 0.5;z-index: 2;}
.team-details-shape-1 img {width: auto;}
.team-details__top-left {position: relative;display: block;margin-right: 20px;}
.team-details__top-img {position: relative;display: block;border-radius: 30px;}
.team-details__top-img img {width: 100%;border-radius: 30px;}
.team-details__big-text {font-size: 80px;line-height: 80px;text-transform: uppercase;color: #eef0f6;letter-spacing: 0.35em;font-weight: 400;position: absolute;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);top: 209px;left: -325px;}
.team-details__top-right {position: relative;display: block;margin-left: 50px;}
@media only screen and (max-width: 991px) {
.team-details__top-right {margin-top: 70px;margin-left: 0;}
}
.team-details__top-content {position: relative;display: block;margin-top: -11px;}
.team-details__top-name {font-size: 40px;font-weight: 700;line-height: 50px;margin-bottom: 3px;}
.team-details__top-title {font-size: 16px;color: var(--theme-color1);}
.team-details__social {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 20px;margin-bottom: 28px;}
.team-details__social a {position: relative;height: 40px;width: 40px;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;text-align: center;background-color: var(--theme-color1);color: var(--text-color-bg-theme-color1);font-size: 15px;border-radius: 50%;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.team-details__social a:hover {background-color: var(--theme-color2);color: var(--theme-color-light);}
.team-details__social a + a {margin-left: 10px;}
.team-details__top-text-1 {font-size: 30px;color: var(--theme-color1);line-height: 45px;font-weight: 400;margin-bottom: 30px;}
.team-details__top-text-2 {padding-top: 23px;padding-bottom: 35px;}
.team-details__bottom {position: relative;display: block;border-top: 1px solid #e4e5ea;padding-top: 110px;}
.team-details__bottom-left {position: relative;display: block;margin-right: 70px;}
.team-details__bottom-left-title {font-size: 36px;font-weight: 700;line-height: 46px;}
.team-details__bottom-left-text {padding-top: 30px;}
.team-details__bottom-right {position: relative;display: block;margin-left: 70px;margin-top: 1px;}
@media only screen and (max-width: 991px) {
.team-details__bottom-right {margin-left: 0;}
}
.team-details__progress {position: relative;display: block;width: 100%;}
.team-details__progress .bar {position: relative;width: 100%;height: 13px;background-color: #eef0f6;border-radius: 7px;margin-bottom: 22px;}
.team-details__progress .bar-inner {position: relative;display: block;width: 0px;height: 13px;border-radius: 7px;background-color: var(--theme-color1);-webkit-transition: all 1500ms ease;transition: all 1500ms ease;}
.team-details__progress .count-text {position: absolute;right: 0px;bottom: 21px;color: var(--theme-color1);line-height: 24px;font-size: 14px;text-align: center;font-weight: 500;opacity: 0;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.team-details__progress .bar-inner.counted .count-text {opacity: 1;}
.team-details__progress .bar.marb-0 {margin-bottom: 0;}
.team-details__progress-single {position: relative;display: block;}
.team-details__progress-title {font-size: 16px;font-weight: 700;line-height: 28px;color: var(--theme-color1);margin-bottom: 6px;}
.team-contact-form {background-color: #eef0f6;}
.team-contact-form input[type=text],
.team-contact-form input[type=email] {background-color: #fff;}
.team-contact-form textarea {background-color: #fff;height: 180px;}
/***==Contact==***/
.contact-details__info {position: relative;display: block;margin-top: 41px;}
.contact-details__info li {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.contact-details__info li .icon {height: 80px;width: 80px;background-color: var(--theme-color1);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-transition: all 500ms ease;transition: all 500ms ease;}
.contact-details__info li .icon span {color: var(--text-color-bg-theme-color1);font-size: 25px;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.contact-details__info li:hover .icon {background-color: var(--theme-color2);}
.contact-details__info li:hover .icon span {color: var(--theme-color-light);}
.contact-details__info li:hover .text a {color: var(--notech-base);}
.contact-details__info li:hover .text a span {color: var(--notech-gray);}
.contact-details__info li .text {margin-left: 30px;}
.contact-details__info li .text p {font-size: 14px;line-height: 24px;}
.contact-details__info li .text a {font-size: 18px;color: var(--notech-black);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.contact-details__info li .text span {font-size: 20px;color: var(--notech-black);}
.contact-details__info li + li {margin-top: 19px;}
/***==Main Footer==***/
.main-footer {background-color: #0F0C1D;position: relative;}
.main-footer .bg-image {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.main-footer .bg-image:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-color: var(--bg-theme-color1);opacity: 0;content: "";}
/* Widget Section */
.main-footer .widgets-section {position: relative;padding: 110px 0 65px;}
@media (max-width: 991.98px) {
.main-footer .widgets-section {padding: 87px 0 35px;}
}
.main-footer .footer-column {position: relative;margin-bottom: 40px;}
.main-footer .footer-widget {position: relative;}
.main-footer .widget-title {position: relative;font-size: 20px;font-weight: 700;color: #ffffff;line-height: 1.2em;padding-bottom: 18px;margin-bottom: 25px;}
.main-footer .widget-title:after {position: absolute;left: 0%;bottom: 0;height: 2px;width: 25px;background-color: var(--bg-theme-color2);content: "";}
.main-footer .widget-title:before {position: absolute;left: 0;bottom: 0;height: 2px;width: 100%;content: "";background-color: rgba(255, 255, 255, 0.1);}
.main-footer .about-widget {position: relative;}
.main-footer .about-widget .logo {position: relative;margin-bottom: 22px;}
.main-footer .about-widget .text {font-size: 16px;line-height: 30px;color: #8c8f94;margin-bottom: 20px;}
/*== User LInks ==*/
.user-links {position: relative;}
.user-links li {position: relative;font-size: 16px;line-height: 24px;color: #8c8f94;font-weight: 400;margin-bottom: 14px;}
.user-links li:last-child {margin-bottom: 0;}
.user-links li a {position: relative;display: inline-block;color: inherit;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.user-links li a:hover {color: #FFFFFF;}
.user-links li a:before {position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background-color: var(--bg-theme-color3);content: "";-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.user-links li a:hover:before {width: 100%;}
/* Contact Widget */
.contact-widget {position: relative;}
.contact-widget .text {font-size: 16px;line-height: 30px;color: #8c8f94;margin-bottom: 25px;}
.contact-widget .contact-info {position: relative;}
.contact-widget .contact-info li {position: relative;padding-left: 38px;font-size: 16px;line-height: 26px;color: #ffffff;font-weight: 700;margin-bottom: 5px;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.contact-widget .contact-info li a {color: inherit;-webkit-transition: none;transition: none;}
.contact-widget .contact-info li i {position: absolute;left: 0;top: 0;color: var(--theme-color2);line-height: 26px;width: 20px;font-size: 16px;text-align: center;-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.contact-widget .contact-info li:hover {color: var(--theme-color2);}
/* Gallery Widget */
.gallery-widget {position: relative;}
.gallery-widget .outer {position: relative;margin: 0px -7px;}
.gallery-widget .outer .image {position: relative;float: left;width: 33.3333%;padding: 0px 7px;margin-bottom: 14px;}
.gallery-widget .image img {display: block;width: 100%;}
.gallery-widget .image a {position: relative;display: block;overflow: hidden;}
.gallery-widget .image a:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: var(--theme-color2) padding-box content-box;opacity: 0.8;content: "";-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.gallery-widget .image a:hover:before {-webkit-transform: scale(1);transform: scale(1);}
.gallery-widget .image a:hover:after {-webkit-transform: scale(1);transform: scale(1);}
.gallery-widget .image a:after {position: absolute;height: 20px;width: 20px;left: 50%;top: 50%;margin-left: -10px;margin-top: -10px;content: "\f0c1";text-align: center;line-height: 20px;font-size: 18px;color: var(--text-color-bg-theme-color2);font-weight: 900;font-family: "Font Awesome 5 Free";-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all 300ms ease;transition: all 300ms ease;}
/*=== Footer Bottom ==*/
.footer-bottom {position: relative;width: 100%;}
.footer-bottom .inner-container {position: relative;text-align: center;background-color: #07151D;padding: 15px;}
.footer-bottom .copyright-text {position: relative;color: #8c8f94;}
.footer-bottom .copyright-text a {color: inherit;}
.footer-bottom .copyright-text a:hover {color: #ffffff;}