PNG
IHDR x sBIT|d pHYs + tEXtSoftware www.inkscape.org< ,tEXtComment
File Manager
File Manager
Viewing File: style.css
/*-----------------------------------------------------------
Theme Name: Cuex
Theme URI:
Description: Cuex - Currency Exchange HTML Template
Author: HiBootstrap
Author URI: https://hibootstrap.com/
Version: 1.0
-------------------------------------------------------------*/
/*--------------------------------
=====Table Of Contents====
1. General Styles
2. Mixins CSS
3. Back To Top Button CSS
4. Preloader CSS
5. Button & Link CSS
6. Section Title & Overlay & Shape CSS
7. Social Link CSS
8. Pagination CSS
9. Sidebar CSS
- Search Box Widget
- Taglist Widget
- Category Widget
- Filter Search Widget
- New Arrival Product Widget
- Popular Post Widget
10. Sign In CSS
11. FAQ Terms & Conditions
----------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;500;600;700;800&family=Roboto:wght@300;400;500;700;900&display=swap");
/*---------------------------------
General Styles
-----------------------------------*/
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
:focus,
button:focus,
.btn:focus {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
a,
button,
input[type="submit"] {
cursor: pointer;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
a {
color: #000;
text-transform: inherit;
text-decoration: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
a:hover,
a :focus {
text-decoration: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #000;
}
a:focus {
outline: 0 solid;
}
img {
max-width: 100%;
height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 800;
line-height: 1.5;
color: #000;
font-family: "Raleway", sans-serif;
}
body {
font-size: 16px;
font-family: "Roboto", sans-serif;
color: #666666;
}
p {
font-size: 16px;
line-height: 1.8;
color: #666666;
}
select {
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(../img/down-arrow.png);
background-repeat: no-repeat;
background-size: 15px;
background-position: calc(100% - 15px) 50%;
}
.pt-10 {
padding-top: 10px;
}
.pt-20 {
padding-top: 20px;
}
.pt-30 {
padding-top: 30px;
}
.pt-40 {
padding-top: 40px;
}
.pt-50 {
padding-top: 50px;
}
.pt-60 {
padding-top: 60px;
}
.pt-70 {
padding-top: 70px;
}
.pt-75 {
padding-top: 75px;
}
.pt-80 {
padding-top: 80px;
}
.pt-90 {
padding-top: 90px;
}
.pt-100 {
padding-top: 100px;
}
.pt-200 {
padding-top: 200px;
}
.pb-10 {
padding-bottom: 10px;
}
.pb-20 {
padding-bottom: 20px;
}
.pb-30 {
padding-bottom: 30px;
}
.pb-40 {
padding-bottom: 40px;
}
.pb-50 {
padding-bottom: 50px;
}
.pb-60 {
padding-bottom: 60px;
}
.pb-70 {
padding-bottom: 70px;
}
.pb-75 {
padding-bottom: 75px;
}
.pb-80 {
padding-bottom: 80px;
}
.pb-90 {
padding-bottom: 90px;
}
.pb-100 {
padding-bottom: 100px;
}
.pb-130 {
padding-bottom: 130px;
}
.ptb-10 {
padding-bottom: 10px;
padding-bottom: 10px;
}
.ptb-20 {
padding-bottom: 20px;
padding-bottom: 20px;
}
.ptb-30 {
padding-top: 30px;
padding-bottom: 30px;
}
.ptb-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.ptb-50 {
padding-top: 50px;
padding-bottom: 50px;
}
.ptb-60 {
padding-top: 60px;
padding-bottom: 60px;
}
.ptb-70 {
padding-top: 70px;
padding-bottom: 70px;
}
.ptb-80 {
padding-top: 80px;
padding-bottom: 80px;
}
.ptb-90 {
padding-top: 90px;
padding-bottom: 90px;
}
.ptb-100 {
padding-top: 100px;
padding-bottom: 100px;
}
.mb-0 {
margin-bottom: 0px !important;
}
.mb-10 {
margin-bottom: 10px !important;
}
.mb-15 {
margin-bottom: 15px !important;
}
.mb-20 {
margin-bottom: 20px !important;
}
.mb-25 {
margin-bottom: 25px !important;
}
.mb-30 {
margin-bottom: 30px !important;
}
.mb-40 {
margin-bottom: 40px !important;
}
.mb-50 {
margin-bottom: 50px !important;
}
.mb-60 {
margin-bottom: 60px !important;
}
.mb-70 {
margin-bottom: 70px !important;
}
.mb-80 {
margin-bottom: 80px !important;
}
.mb-90 {
margin-bottom: 90px !important;
}
.mb-100 {
margin-bottom: 100px !important;
}
.mmt-10 {
margin-top: -10px !important;
}
.mt-0 {
margin-top: 0px !important;
}
.mt-10 {
margin-top: 10px !important;
}
.mt-15 {
margin-top: 15px !important;
}
.mt-20 {
margin-top: 20px !important;
}
.mt-25 {
margin-top: 25px !important;
}
.mt-30 {
margin-top: 30px !important;
}
.mt-35 {
margin-top: 35px !important;
}
.mt-40 {
margin-top: 40px !important;
}
.mt-50 {
margin-top: 50px !important;
}
.mt-60 {
margin-top: 60px !important;
}
.mt-70 {
margin-top: 70px !important;
}
.mt-80 {
margin-top: 80px !important;
}
.mt-100 {
margin-top: 100px !important;
}
.mtb-100 {
margin-top: 100px !important;
margin-bottom: 100px !important;
}
.z-0 {
z-index: 0;
position: relative;
}
#message {
padding: 0;
margin: 0;
}
.help-block {
color: #E31C25;
}
.list-style {
margin: 0;
padding: 0;
list-style: none;
}
.list-style li {
list-style: none;
}
.page-wrapper {
overflow-x: hidden;
}
/*---------------------------------
Mixins & Animation CSS
-----------------------------------*/
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .social-profile.style1 li a, .social-profile.style2 li a, .feature-item-wrap .feature-item .feature-icon, .feature-card .feature-icon, .contact-us-wrap .contact-item .contact-icon, .header-wrap .header-top .header-top-left, .header-wrap .header-top .header-top-right, .select-lang .navbar-language .dropdown-toggle, .hero-wrap.style2 .hero-content .hero-contact, .hero-wrap.style2 .hero-content .hero-btn, .hero-wrap.style3 .hero-content .hero-btn, .exchange-table-wrap .exchange-table table thead tr th .inverse, .exchange-table-wrap .exchange-table table tbody tr td .country-flag, .exchange-table-wrap .add-currency, .feature-card.style3 .feature-title, .feature-card.style5 .feature-title, .testimonial-card .client-info-area, .testimonial-card .client-info-area .client-info-wrap, .converter-alert-text, .wp-block-quote, .hero-wrap.style2 .hero-img-wrap, .about-wrap.style2 .about-img-wrap, .about-wrap.style3 .about-img-wrap, .owl-carousel .owl-nav, .pp-post-item, .hero-wrap.style2 .hero-img-wrap .hero-promo-text, .currency-card, .feature-item-wrap .feature-item, .feature-card.style4, .feature-card.style6, .counter-card-wrap, .contact-us-wrap .contact-item, .convert-box .convert-tablist, .post-author, .comment-item-wrap .comment-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .social-profile.style1 li a, .social-profile.style2 li a, .feature-item-wrap .feature-item .feature-icon, .feature-card .feature-icon, .contact-us-wrap .contact-item .contact-icon {
-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;
}
.header-wrap .header-top .header-top-left, .header-wrap .header-top .header-top-right, .select-lang .navbar-language .dropdown-toggle, .hero-wrap.style2 .hero-content .hero-contact, .hero-wrap.style2 .hero-content .hero-btn, .hero-wrap.style3 .hero-content .hero-btn, .exchange-table-wrap .exchange-table table thead tr th .inverse, .exchange-table-wrap .exchange-table table tbody tr td .country-flag, .exchange-table-wrap .add-currency, .feature-card.style3 .feature-title, .feature-card.style5 .feature-title, .testimonial-card .client-info-area, .testimonial-card .client-info-area .client-info-wrap, .converter-alert-text, .wp-block-quote {
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.hero-wrap.style2 .hero-img-wrap {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header-wrap .header-top .header-top-right, .about-wrap.style2 .about-img-wrap, .about-wrap.style3 .about-img-wrap {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
position: absolute;
top: 50%;
left: 50%;
height: 85px;
width: 85px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transform-origin: center;
transform-origin: center center;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 #fff;
-ms-box-shadow: 0 0 0 0 #fff;
-o-box-shadow: 0 0 0 0 #fff;
box-shadow: 0 0 0 0 #fff;
-webkit-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.play-now {
position: relative;
height: 85px;
width: 85px;
text-align: center;
line-height: 92px;
background-color: transparent;
border: 3px solid #fff;
color: #fff;
z-index: 1;
font-size: 28px;
padding-left: 5px;
display: block;
-webkit-transform-origin: center;
transform-origin: center center;
border-radius: 50%;
margin: 0 auto;
}
.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 20px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 20px 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 20px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 20px 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);
}
}
/*---------------------------------
Back To Top Button CSS
-----------------------------------*/
.back-to-top {
font-size: 24px;
width: 45px;
height: 45px;
line-height: 42px;
text-align: center;
display: none;
position: fixed;
bottom: 230px;
right: 20px;
z-index: 999;
border-radius: 62% 38% 46% 54% / 60% 63% 37% 40%;
background: #198754;
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.back-to-top.open {
bottom: 30px;
}
.back-to-top i {
color: #fff;
}
/*---------------------------------
Preloader CSS
-----------------------------------*/
.preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: 20000;
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;
}
.loader {
text-align: center;
margin: 5px;
border-radius: 50%;
border: 4px solid #198754;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
position: relative;
}
.loader-inner-1 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
-webkit-animation: change_first_circle 4s ease-in-out infinite;
animation: change_first_circle 4s ease-in-out infinite;
}
.loader-inner-2 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
-webkit-animation: change_second_circle 4s ease-in-out infinite;
animation: change_second_circle 4s ease-in-out infinite;
}
.loader-inner-3 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
width: 40px;
height: 40px;
-webkit-animation: change_last_circle 4s linear infinite;
animation: change_last_circle 4s linear infinite;
}
@-webkit-keyframes change_first_circle {
50% {
-webkit-transform: rotateX(360deg) scale(0.8);
transform: rotateX(360deg) scale(0.8);
}
}
@keyframes change_first_circle {
50% {
-webkit-transform: rotateX(360deg) scale(0.8);
transform: rotateX(360deg) scale(0.8);
}
}
@-webkit-keyframes change_second_circle {
50% {
-webkit-transform: rotateY(360deg) scale(0.8);
transform: rotateY(360deg) scale(0.8);
}
}
@keyframes change_second_circle {
50% {
-webkit-transform: rotateY(360deg) scale(0.8);
transform: rotateY(360deg) scale(0.8);
}
}
@-webkit-keyframes change_last_circle {
50% {
-webkit-transform: rotateX(360deg) scale(0.8);
transform: rotateX(360deg) scale(0.8);
}
}
@keyframes change_last_circle {
50% {
-webkit-transform: rotateX(360deg) scale(0.8);
transform: rotateX(360deg) scale(0.8);
}
}
/*---------------------------------
Button & Link CSS
----------------------------------*/
.btn {
display: inline-block;
line-height: 26px;
font-weight: 500;
border-radius: 5px;
text-align: center;
-webkit-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
position: relative;
z-index: 1;
border: none;
padding: 11px 25px 13px;
border-radius: 5px;
color: #fff;
overflow: hidden;
white-space: nowrap;
}
.btn i {
position: relative;
top: 4px;
left: 2px;
font-size: 20px;
margin-left: 5px;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.btn:before {
position: absolute;
top: 0;
left: 0;
content: "";
width: 50%;
height: 0;
visibility: hidden;
opacity: 0;
z-index: -1;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.btn:after {
position: absolute;
bottom: 0;
right: 0;
content: "";
width: 50%;
height: 0;
visibility: hidden;
opacity: 0;
z-index: -1;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.btn:hover {
color: #fff;
}
.btn:hover:after, .btn:hover:before {
width: 100%;
height: 100%;
visibility: visible;
opacity: 1;
}
.btn.style1 {
background-color: #dc3545;
}
.btn.style1:after, .btn.style1:before {
background: #252525;
}
.btn.style2 {
background-color: #fff;
color: #198754;
}
.btn.style2:after, .btn.style2:before {
background: #000;
}
.btn.style2:hover {
color: #fff;
}
.btn.style3 {
background-color: #000;
color: #fff;
}
.btn.style3:after, .btn.style3:before {
background: #198754;
}
.btn.style3:hover {
color: #fff;
}
.btn.style4 {
background-color: transparent;
border: 1px solid rgba(0, 0, 0, 0.1);
color: #000;
}
.btn.style4:after, .btn.style4:before {
background: #198754;
}
.btn.style4:hover {
color: #fff;
}
.btn.style5 {
background-color: transparent;
border: 1px solid #198754;
color: #198754;
}
.btn.style5:after, .btn.style5:before {
background: #198754;
}
.btn.style5:hover {
color: #fff;
}
.btn.style6 {
background-color: #fff;
color: #198754;
}
.btn.style6:after, .btn.style6:before {
background: #198754;
}
.btn.style6:hover {
color: #fff;
}
.link {
font-weight: 500;
line-height: 26px;
display: inline-block;
position: relative;
color: #198754;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.link:after {
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 0;
height: 1px;
background: #198754;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.link i {
position: relative;
top: 4px;
margin-left: 4px;
font-size: 20px;
line-height: 1;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.link:hover {
color: #198754;
}
.link:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
.link:hover i {
margin-left: 6px;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
background-color: transparent;
border: 1px solid rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
z-index: 1;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.owl-carousel .owl-nav button.owl-prev i, .owl-carousel .owl-nav button.owl-next i {
font-size: 18px;
line-height: 0.8;
display: inline-block;
position: relative;
top: 1px;
color: #666666;
margin: 0 auto;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {
background-color: #198754;
border-color: transparent;
}
.owl-carousel .owl-nav button.owl-prev:hover i, .owl-carousel .owl-nav button.owl-next:hover i {
color: #fff;
}
.owl-carousel .owl-dots button.owl-dot {
display: inline-block;
margin: 0 6px;
position: relative;
bottom: -5px;
}
.owl-carousel .owl-dots button.owl-dot span {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #198754;
position: relative;
opacity: 0.3;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.owl-carousel .owl-dots button.owl-dot.active span {
width: 30px;
height: 8px;
border-radius: 50px;
opacity: 1;
}
/*--------------------------------------
Section Title,Overlay & Shape CSS
----------------------------------------*/
.section-title,
.content-title {
position: relative;
}
.section-title h2,
.content-title h2 {
font-size: 40px;
line-height: 1.5;
margin: 0;
}
.section-title p,
.content-title p {
margin: 12px 0 0;
}
.section-title span,
.content-title span {
display: inline-block;
font-weight: 500;
margin: 0 0 10px;
position: relative;
z-index: 1;
line-height: 1;
}
.section-title span p,
.content-title span p {
margin: 10px auto 0;
}
.section-title.style1 span,
.content-title.style1 span {
color: #198754;
letter-spacing: 5px;
}
.bg-transparent {
background-color: transparent;
}
.bg-black {
background-color: #000;
}
.bg-white {
background-color: #fff;
}
.bg-athens {
background-color: #F3F4F6;
}
.bg-albastor {
background-color: #f9f9f9;
}
.bg-whisper {
background-color: #FAFAFC;
}
.body_overlay {
position: fixed;
top: 0;
left: 0;
content: "";
background-color: rgba(0, 0, 0, 0.8);
width: 100%;
height: 100%;
z-index: 999;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.body_overlay.open {
visibility: visible;
opacity: 1;
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.op-1 {
opacity: 0.1;
}
.op-2 {
opacity: 0.2;
}
.op-3 {
opacity: 0.3;
}
.op-4 {
opacity: 0.4;
}
.op-5 {
opacity: 0.5;
}
.op-6 {
opacity: 0.6;
}
.op-7 {
opacity: 0.7;
}
.op-75 {
opacity: 0.75;
}
.op-8 {
opacity: 0.8;
}
.op-85 {
opacity: 0.85;
}
.op-9 {
opacity: 0.9;
}
.op-95 {
opacity: 0.95;
}
.op-10 {
opacity: 1;
}
.bg-f {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-color: #ddd;
}
.pos-rel {
position: relative;
z-index: 1;
}
.bounce {
-webkit-animation: float 1500ms infinite ease-in-out;
animation: float 1500ms infinite ease-in-out;
}
.moveHorizontal {
-webkit-animation: moveHorizontal 3000ms infinite ease-in-out;
animation: moveHorizontal 3000ms infinite ease-in-out;
}
.moveVertical {
-webkit-animation: moveVertical 3000ms infinite ease-in-out;
animation: moveVertical 3000ms infinite ease-in-out;
}
.moveHorizontal_reverse {
-webkit-animation: moveHorizontal_reverse 3000ms infinite ease-in-out;
animation: moveHorizontal_reverse 3000ms infinite ease-in-out;
}
.animationFramesTwo {
-webkit-animation: animationFramesTwo 20000ms infinite ease-in-out;
animation: animationFramesTwo 20000ms infinite ease-in-out;
}
.waving_left {
-webkit-animation: waving_left 7s infinite linear;
animation: waving_left 7s infinite linear;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.waving_right {
-webkit-animation: waving_right 7s infinite linear;
animation: waving_right 7s infinite linear;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rotate {
-webkit-animation: rotation 20s infinite linear;
animation: rotation 20s infinite linear;
}
.rotate {
-webkit-animation: rotation 20s infinite linear;
animation: rotation 20s infinite linear;
}
@-webkit-keyframes waving_left {
0% {
-webkit-transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(3deg);
}
50% {
-webkit-transform: rotate(6deg);
}
75% {
-webkit-transform: rotate(-3deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@keyframes waving_left {
0% {
-webkit-transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(3deg);
}
50% {
-webkit-transform: rotate(6deg);
}
75% {
-webkit-transform: rotate(-3deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@-webkit-keyframes waving_right {
0% {
-webkit-transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(-3deg);
}
50% {
-webkit-transform: rotate(-6deg);
}
75% {
-webkit-transform: rotate(-3deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@keyframes waving_right {
0% {
-webkit-transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(-3deg);
}
50% {
-webkit-transform: rotate(-6deg);
}
75% {
-webkit-transform: rotate(-3deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@-webkit-keyframes float {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes float {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
@keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
@-webkit-keyframes animationFramesTwo {
0% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
}
20% {
-webkit-transform: translate(73px, -1px) rotate(36deg);
}
40% {
-webkit-transform: translate(141px, 72px) rotate(72deg);
}
60% {
-webkit-transform: translate(83px, 122px) rotate(108deg);
}
80% {
-webkit-transform: translate(-40px, 72px) rotate(144deg);
}
100% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
}
}
@keyframes animationFramesTwo {
0% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
}
20% {
-webkit-transform: translate(73px, -1px) rotate(36deg);
}
40% {
-webkit-transform: translate(141px, 72px) rotate(72deg);
}
60% {
-webkit-transform: translate(83px, 122px) rotate(108deg);
}
80% {
-webkit-transform: translate(-40px, 72px) rotate(144deg);
}
100% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
}
}
@-webkit-keyframes moveHorizontal {
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes moveHorizontal {
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@-webkit-keyframes moveHorizontal_reverse {
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes moveHorizontal_reverse {
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@-webkit-keyframes moveVertical {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes moveVertical {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
/*-------------------------------
Social Link CSS
-------------------------------*/
.social-profile li {
display: inline-block;
margin: 0 4px;
}
.social-profile li:first-child {
margin-left: 0;
}
.social-profile li:last-child {
margin-right: 0;
}
.social-profile li:last-child {
margin-right: 0;
}
.social-profile li a {
display: block;
text-align: center;
border: 1px solid transparent;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.social-profile li a i {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-size: 16px;
line-height: 0.8;
}
.social-profile li a:hover {
border-color: transparent;
color: #198754;
}
.social-profile.style1 li a, .social-profile.style2 li a {
width: 35px;
height: 35px;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.social-profile.style1 li a {
background: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}
.social-profile.style1 li a i {
color: #198754;
}
.social-profile.style1 li a:hover {
background-color: #198754;
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
.social-profile.style1 li a:hover i {
color: #fff;
}
/*-------------------------------
Pagination CSS
-------------------------------*/
.page-nav {
text-align: center;
}
.page-nav li {
margin: 0 5px;
display: inline-block;
}
.page-nav li a {
display: block;
width: 45px;
height: 45px;
border-radius: 50%;
font-size: 18px;
line-height: 48px;
font-weight: 600;
opacity: 0.7;
-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
text-align: center;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.page-nav li a i {
font-size: 18px;
line-height: 1;
margin: 0 auto;
position: relative;
top: 2px;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.page-nav li a.active, .page-nav li a:hover {
color: #fff;
opacity: 1;
background-color: #198754;
}
.page-nav li a.active i, .page-nav li a:hover i {
color: #fff;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .social-profile.style1 li a, .social-profile.style2 li a, .feature-item-wrap .feature-item .feature-icon, .feature-card .feature-icon, .contact-us-wrap .contact-item .contact-icon, .header-wrap .header-top .header-top-left, .header-wrap .header-top .header-top-right, .select-lang .navbar-language .dropdown-toggle, .hero-wrap.style2 .hero-content .hero-contact, .hero-wrap.style2 .hero-content .hero-btn, .hero-wrap.style3 .hero-content .hero-btn, .exchange-table-wrap .exchange-table table thead tr th .inverse, .exchange-table-wrap .exchange-table table tbody tr td .country-flag, .exchange-table-wrap .add-currency, .feature-card.style3 .feature-title, .feature-card.style5 .feature-title, .testimonial-card .client-info-area, .testimonial-card .client-info-area .client-info-wrap, .converter-alert-text, .wp-block-quote, .hero-wrap.style2 .hero-img-wrap, .about-wrap.style2 .about-img-wrap, .about-wrap.style3 .about-img-wrap, .owl-carousel .owl-nav, .pp-post-item, .hero-wrap.style2 .hero-img-wrap .hero-promo-text, .currency-card, .feature-item-wrap .feature-item, .feature-card.style4, .feature-card.style6, .counter-card-wrap, .contact-us-wrap .contact-item, .convert-box .convert-tablist, .post-author, .comment-item-wrap .comment-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .social-profile.style1 li a, .social-profile.style2 li a, .feature-item-wrap .feature-item .feature-icon, .feature-card .feature-icon, .contact-us-wrap .contact-item .contact-icon {
-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;
}
.header-wrap .header-top .header-top-left, .header-wrap .header-top .header-top-right, .select-lang .navbar-language .dropdown-toggle, .hero-wrap.style2 .hero-content .hero-contact, .hero-wrap.style2 .hero-content .hero-btn, .hero-wrap.style3 .hero-content .hero-btn, .exchange-table-wrap .exchange-table table thead tr th .inverse, .exchange-table-wrap .exchange-table table tbody tr td .country-flag, .exchange-table-wrap .add-currency, .feature-card.style3 .feature-title, .feature-card.style5 .feature-title, .testimonial-card .client-info-area, .testimonial-card .client-info-area .client-info-wrap, .converter-alert-text, .wp-block-quote {
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.header-wrap .header-top .header-top-right, .about-wrap.style2 .about-img-wrap, .about-wrap.style3 .about-img-wrap {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
/*---------------------------------
Header CSS
-----------------------------------*/
.header-wrap {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.header-wrap.sticky {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
-webkit-transition: 0.4s;
transition: 0.4s;
background: #fff;
}
.header-wrap .header-top {
padding: 10px 0;
background-color: #000;
}
.header-wrap .header-top .header-top-left .contact-info li {
margin-right: 25px;
display: inline-block;
}
.header-wrap .header-top .header-top-left .contact-info li:last-child {
margin-right: 0;
}
.header-wrap .header-top .header-top-left .contact-info li i {
color: #198754;
font-size: 15px;
line-height: 0.8;
position: relative;
top: 2px;
display: inline-block;
}
.header-wrap .header-top .header-top-left .contact-info li a, .header-wrap .header-top .header-top-left .contact-info li p {
display: inline-block;
margin-left: 6px;
margin-bottom: 0;
color: #fff;
font-size: 15px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.header-wrap .header-top .header-top-left .contact-info li a:hover {
color: #198754;
}
.header-wrap .header-top .header-top-right .user-menu li {
display: inline-block;
margin-right: 15px;
padding-right: 15px;
line-height: 1;
border-right: 1px solid rgba(255, 255, 255, 0.41);
}
.header-wrap .header-top .header-top-right .user-menu li a {
color: #fff;
font-size: 15px;
}
.header-wrap .header-top .header-top-right .user-menu li a:hover {
color: #198754;
}
.header-wrap .header-bottom {
-webkit-transition: 0.4s;
transition: 0.4s;
background-color: #fff;
-webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}
.user-login {
position: relative;
}
.user-login span {
display: block;
cursor: pointer;
}
.user-login span i {
color: #000;
}
.user-login ul {
position: absolute;
top: 45px;
right: -5px;
min-width: 150px;
-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
background-color: #fff;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.user-login ul.open {
top: 32px;
visibility: visible;
opacity: 1;
}
.user-login ul li a {
display: block;
padding: 15px 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.09);
text-align: left;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.user-login ul li a:hover {
background-color: #198754;
color: #fff;
}
.user-login ul li:last-child a {
border-bottom: none;
}
.select-lang {
padding-left: 18px;
position: relative;
}
.select-lang i {
position: absolute;
top: 5px;
left: 0;
font-size: 15px;
line-height: 1;
color: #198754;
}
.select-lang .navbar-language .dropdown-toggle {
background-color: transparent;
border: none;
font-size: 15px;
padding-right: 16px;
color: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.select-lang .navbar-language .dropdown-toggle:after {
display: none;
}
.select-lang .navbar-language .dropdown-toggle:before {
position: absolute;
top: 0px;
right: 0;
content: "\EA4E";
font-family: "remixicon";
font-weight: 400;
border: 0;
margin-left: 8px;
font-size: 16px;
}
.select-lang .navbar-language .dropdown-menu {
margin: 0;
padding: 5px 0;
-webkit-box-shadow: 0 9px 54px 0 rgba(32, 32, 32, 0.1);
box-shadow: 0 9px 54px 0 rgba(32, 32, 32, 0.1);
left: 0;
right: auto;
border: 0;
border-radius: 0;
-webkit-transform: translateY(75px) !important;
transform: translateY(75px) !important;
display: block;
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.select-lang .navbar-language .dropdown-menu a {
padding: 5px 10px;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
font-size: 15px;
}
.select-lang .navbar-language .dropdown-menu a img {
width: 20px;
margin-right: 10px;
}
.select-lang .navbar-language .dropdown-menu.show {
-webkit-transform: translateY(40px) !important;
transform: translateY(40px) !important;
opacity: 1;
pointer-events: all;
}
@media only screen and (max-width: 767px) {
.navbar-brand img {
max-width: 120px;
}
.header-wrap .header-top .header-top-left .contact-item p,
.header-wrap .header-top .header-top-left .contact-item a,
.header-wrap .header-top .header-top-right .select-lang .navbar-language .dropdown-toggle {
font-size: 14px !important;
}
.header-wrap.sticky.style1 {
margin-top: -149px;
}
.header-wrap .header-top {
padding: 15px 0;
}
.header-wrap .header-top .header-top-left {
margin-bottom: 10px;
}
.header-wrap .header-top .header-top-left .contact-info {
width: 100%;
}
.header-wrap .header-top .header-top-left .contact-info li {
display: block;
width: 100%;
text-align: center;
margin-bottom: 5px;
}
.header-wrap .header-top .header-top-left .contact-info li:last-child {
margin-bottom: 0;
}
.header-wrap .header-top .header-top-right {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header-wrap .header-top .header-top-right .select-lang i {
top: 4px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header-wrap .navbar .navbar-nav .nav-item {
margin: 0 7px !important;
}
.header-wrap .navbar .navbar-nav .nav-item a {
font-size: 15px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-wrap .header-top {
padding: 12px 0;
}
.header-wrap .header-top .header-top-left {
margin-bottom: 10px;
}
.header-wrap .header-top .header-top-left,
.header-wrap .header-top .header-top-right {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header-wrap.sticky.style1 {
margin-top: -85px;
}
}
@media only screen and (max-width: 991px) {
.header-wrap .header-top .header-top-left .contact-item {
width: 100%;
margin: 0 0 15px;
}
.header-wrap .header-top .header-top-left .contact-item p,
.header-wrap .header-top .header-top-left .contact-item a {
color: #000;
font-size: 14px;
font-weight: 400;
}
.header-wrap .header-bottom .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-wrap .header-bottom .navbar .navbar-collapse {
-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
}
.header-wrap .header-bottom .navbar .navbar-nav {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.header-wrap .header-bottom .navbar .navbar-nav .nav-item {
position: relative;
}
.header-wrap .header-bottom .navbar .navbar-nav .nav-item .menu-expand {
position: absolute;
right: 0;
top: 14px;
cursor: pointer;
}
.header-wrap .header-bottom .navbar .navbar-nav .nav-item .menu-expand i {
color: #000;
font-size: 18px;
line-height: 1;
position: relative;
top: 7px;
}
.header-wrap .header-bottom .navbar .navbar-nav .nav-item a {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
padding-top: 15px;
padding-bottom: 15px;
}
.header-wrap .header-bottom .navbar .navbar-nav .nav-item a i {
display: none;
}
.header-wrap .header-bottom .navbar .navbar-nav .nav-item a.active {
color: #dc3545;
}
.header-wrap .header-bottom .navbar .navbar-nav .nav-item a.btn {
display: inline-block;
padding: 10px 30px 10px;
color: #fff;
margin-top: 15px;
font-weight: 500;
font-size: 14px;
}
.header-wrap .header-bottom .navbar .navbar-nav .nav-item a.btn i {
display: inline-block;
top: 6px;
}
.header-wrap .header-bottom .navbar .navbar-nav .nav-item .dropdown-menu {
width: 100%;
background-color: #fff;
border: none;
padding: 0;
}
.header-wrap .header-bottom .navbar .navbar-nav .nav-item .dropdown-menu li a {
font-size: 14px;
padding-left: 10px;
margin-left: 10px;
}
.header-wrap .header-bottom .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
color: #198754;
}
.header-wrap .header-bottom .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu {
margin-left: 20px;
}
.header-wrap .header-bottom .user-login span {
position: relative;
top: -3px;
}
.header-wrap .header-bottom .user-login span i {
font-size: 20px;
}
.mobile-bar-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right;
position: relative;
top: 4px;
}
.menu-close {
position: absolute;
top: 13px;
right: 16px;
}
.menu-close i {
color: #000;
font-size: 25px;
}
.mobile-menu {
text-align: right;
margin-left: 20px;
}
.mobile-menu a {
width: 38px;
height: 38px;
border-radius: 62% 38% 46% 54% / 60% 63% 37% 40%;
text-align: center;
background-color: #dc3545;
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;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mobile-menu a i {
font-size: 22px;
color: #fff;
margin: 0 auto;
}
.mobile-menu {
display: inline-block;
position: relative;
top: -5px;
}
.mobile-top-bar {
display: inline-block;
margin-right: 6px;
cursor: pointer;
position: relative;
top: 0px;
}
.mobile-top-bar span {
display: block;
width: 20px;
height: 2px;
background-color: #000;
border-radius: 20px;
margin: 5.9px 0;
}
.mobile-top-bar span:nth-child(1) {
margin-top: 0;
}
.mobile-top-bar span:nth-child(2) {
width: 12px;
margin-left: 8px;
}
.main-menu-wrap {
width: 100%;
position: fixed;
background: #fff;
z-index: 999;
top: 0;
height: 100vh;
-webkit-transition: 0.5s;
transition: 0.5s;
left: -100%;
padding: 55px 20px 30px;
overflow-y: auto;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.main-menu-wrap.open {
left: 0;
}
.main-menu > li.has-children.menu-open > span.menu-expand {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.main-menu > li.has-children.menu-open > span.menu-expand i {
color: #000;
}
.main-menu > li > ul > li.has-children.menu-open > span.menu-expand {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.main-menu li {
position: relative;
}
.main-menu li:last-child {
margin: 0;
}
.main-menu li > span.menu-expand {
position: absolute;
right: 0;
top: 13px;
cursor: pointer;
}
.main-menu li > span.menu-expand i {
color: #000;
font-size: 18px;
}
.main-menu li > span.menu-expand:hover {
color: #000;
}
.main-menu li a.active {
color: #198754;
}
.main-menu li > a {
font-size: 14px;
font-weight: 400;
color: #000;
text-transform: capitalize;
display: block;
padding: 12px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.main-menu li > a:hover {
color: #000;
}
.main-menu li > ul.sub-menu {
padding-left: 20px;
}
.header-wrap .header-bottom .main-menu-wrap #menu > ul > li > a::after {
display: none;
}
.main-menu li a.active {
font-weight: 600;
color: #000;
border-color: rgba(0, 0, 0, 0.3);
}
}
@media only screen and (min-width: 992px) {
.menu-expand i {
display: none;
}
.header-wrap.sticky.style1 {
margin-top: -47px;
}
.header-wrap .navbar {
padding: 0;
}
.header-wrap .navbar .navbar-brand {
padding: 0 20px 0 0;
}
.header-wrap .navbar ul {
padding-left: 0;
list-style-type: none;
margin-bottom: 0;
}
.header-wrap .navbar .navbar-nav {
margin-left: auto;
}
.header-wrap .navbar .navbar-nav .nav-item {
position: relative;
margin: 0 10px;
}
.header-wrap .navbar .navbar-nav .nav-item.first-child {
margin-left: 0;
}
.header-wrap .navbar .navbar-nav .nav-item a {
color: #000;
font-weight: 500;
padding: 30px 0;
-webkit-transition: 0.4s;
transition: 0.4s;
position: relative;
}
.header-wrap .navbar .navbar-nav .nav-item a:hover, .header-wrap .navbar .navbar-nav .nav-item a:focus, .header-wrap .navbar .navbar-nav .nav-item a.active {
color: #198754;
}
.header-wrap .navbar .navbar-nav .nav-item a i {
font-size: 16px;
line-height: 1;
position: relative;
top: 4px;
display: inline-block;
margin-left: -3px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.header-wrap .navbar .navbar-nav .nav-item a:hover i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu {
display: block !important;
border: none;
top: 85px;
left: -23px;
z-index: 99;
opacity: 0;
width: 250px;
display: block;
border-radius: 0;
padding: 12px 0;
position: absolute;
visibility: hidden;
-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-transform: rotateX(-75deg);
transform: rotateX(-75deg);
-webkit-transition: 0.5s;
transition: 0.5s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li {
margin: 0;
}
.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a {
padding: 10px 20px;
position: relative;
display: block;
font-weight: 500;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:before {
position: absolute;
top: 50%;
left: 20px;
content: "";
width: 2px;
height: 0%;
background-color: #198754;
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.4s;
transition: 0.4s;
}
.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a.active, .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:hover {
color: #198754;
}
.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a.active:before, .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:hover:before {
height: 16px;
visibility: visible;
opacity: 1;
}
.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a.active, .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:hover {
padding-left: 30px;
}
.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
width: 100%;
right: auto;
left: 0;
}
.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a i {
margin: 0;
position: absolute;
top: 55%;
font-size: 16px;
line-height: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
}
.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
top: 0;
opacity: 0;
left: -250px;
right: auto;
visibility: hidden;
}
.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
opacity: 1;
visibility: visible;
}
.header-wrap .navbar .navbar-nav .nav-item:hover .dropdown-menu {
opacity: 1;
visibility: visible;
-webkit-transform: rotatex(0deg);
transform: rotatex(0deg);
}
.header-wrap .navbar .other-options {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-wrap .navbar .other-options .option-item {
margin: 0 0 0 30px;
}
}
@media only screen and (min-width: 1400px) {
.header-wrap .navbar .navbar-nav .nav-item {
margin: 0 15px;
}
.header-wrap .navbar .navbar-nav .nav-item a {
font-size: 17px;
}
}
@media only screen and (min-width: 1600px) {
.header-wrap .container {
max-width: 1520px;
}
}
/*---------------------------------
Breadcrumb CSS
-----------------------------------*/
.content-wrapper {
margin-top: 130px;
}
.br-1 {
background-image: url(breadcrumb-1.jpg);
}
.breadcrumb-wrap {
position: relative;
width: 100%;
height: 100%;
padding: 120px 0;
overflow: hidden;
}
.breadcrumb-wrap:after {
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.8;
}
.breadcrumb-title {
position: relative;
z-index: 1;
width: 100%;
text-align: center;
}
.breadcrumb-title h2 {
font-size: 40px;
font-weight: 700;
color: #fff;
margin: 0 0 15px;
}
.breadcrumb-title .breadcrumb-menu {
text-align: center;
}
.breadcrumb-title .breadcrumb-menu li {
display: inline-block;
margin: 0 10px;
position: relative;
color: #fff;
font-weight: 500;
}
.breadcrumb-title .breadcrumb-menu li:after {
position: absolute;
top: 10px;
right: -13px;
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
font-size: 16px;
background-color: #198754;
}
.breadcrumb-title .breadcrumb-menu li:first-child {
margin-left: 0;
}
.breadcrumb-title .breadcrumb-menu li:first-child a {
padding-left: 0;
}
.breadcrumb-title .breadcrumb-menu li:last-child {
margin-right: 0;
color: #198754;
}
.breadcrumb-title .breadcrumb-menu li:last-child:after {
display: none;
}
.breadcrumb-title .breadcrumb-menu li a {
font-size: 16px;
line-height: 22px;
display: inline-block;
padding: 0px 5px;
transition: 0.3s;
-webkit-transition: 0.3s;
position: relative;
color: #fff;
}
.breadcrumb-title .breadcrumb-menu li a:hover {
color: #198754;
}
.breadcrumb-title .breadcrumb-menu li:last-child a:after {
display: none;
}
.breadcrumb-img img {
display: block;
margin-left: auto;
}
.content-feature-list {
margin: 0 0 28px 0;
}
.content-feature-list li {
position: relative;
padding-left: 25px;
margin: 0 0 18px;
}
.content-feature-list li:last-child {
margin-bottom: 0;
}
.content-feature-list li i {
position: absolute;
top: 6px;
left: 0;
color: #198754;
font-size: 15px;
line-height: 0.8;
}
/*---------------------------------------
Sign In CSS
----------------------------------------*/
.login-form-wrap {
padding: 30px;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.07);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.07);
}
.login-form-wrap .login-header {
margin-top: -2px;
}
.login-form-wrap .login-header h3 {
font-size: 28px;
font-weight: 600;
line-height: 1;
margin-bottom: 10px;
padding-bottom: 15px;
position: relative;
}
.login-form-wrap .login-header h3:after {
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 60px;
height: 3px;
background-color: #dc3545;
}
.login-form-wrap .login-header span {
color: #fff;
}
.login-form-wrap .login-body .form-group {
margin: 0 0 20px;
}
.login-form-wrap .login-body .form-group label {
font-size: 16px;
color: #666666;
margin: 0 0 10px;
display: block;
}
.login-form-wrap .login-body .form-group input {
border-radius: 5px;
background: #fff;
border: none;
width: 100%;
height: 54px;
padding: 10px 15px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.login-form-wrap .login-body .form-group input:focus {
border: 1px solid rgba(0, 0, 0, 0.3);
}
.login-form-wrap .login-body .btn {
border-radius: 4px;
}
.login-form-wrap .login-body .form_group label {
font-size: 16px;
}
.login-form-wrap .link.style1 {
color: #dc3545;
}
/*---------------------------
Sidebar CSS
---------------------------*/
.sidebar .sidebar-widget {
margin: 0 0 30px;
background-color: #f9f9f9;
position: relative;
z-index: 1;
padding: 25px;
}
.sidebar .sidebar-widget h4 {
margin: 0 0 25px;
font-size: 20px;
position: relative;
line-height: 1;
position: relative;
padding-bottom: 20px;
}
.sidebar .sidebar-widget h4:after {
position: absolute;
bottom: 0px;
left: 0;
width: 40%;
height: 1px;
content: "";
background: #198754;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.sidebar .sidebar-widget:last-child {
margin: 0;
}
/*-------------------------------
Search Box Widget CSS
-------------------------------*/
.search-box {
position: relative;
}
.search-box .form-group {
position: relative;
}
.search-box .form-group input {
width: 100%;
height: 54px;
background: #fff;
border: 1px solid #F3F4F6;
color: #000;
font-size: 15px;
line-height: 21px;
padding: 10px 60px 10px 20px;
border-radius: 5px;
}
.search-box .form-group input:focus {
border-color: #888888;
}
.search-box .form-group button {
position: absolute;
top: 0;
right: 0;
padding: 0 18px;
height: 100%;
border: none;
border-radius: 0 5px 5px 0;
text-align: center;
background: #198754;
}
.search-box .form-group button i {
color: #fff;
top: 0px;
left: 1px;
font-size: 20px;
position: relative;
}
/*-------------------------------
Category Widget CSS
-------------------------------*/
.category-box li {
position: relative;
}
.category-box li:first-child a {
padding-top: 0;
}
.category-box li:first-child a i {
top: 7px;
}
.category-box li:last-child a {
border-bottom: none;
padding-bottom: 0;
}
.category-box li a {
color: #252525;
font-weight: 500;
padding: 8px 10px 8px 22px;
display: block;
font-size: 18px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.category-box li a i {
position: absolute;
top: 16px;
left: 0;
font-size: 15px;
line-height: 0.8;
color: #666666;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.category-box li a span {
float: right;
font-weight: 400;
opacity: 0.5;
margin-left: 4px;
font-size: 16px;
color: #666666;
}
.category-box li a:hover {
color: #198754;
padding-left: 28px;
}
.category-box li a:hover i {
color: #198754;
}
/*-------------------------------
Taglist Widget CSS
-------------------------------*/
.tag-list {
margin-top: -12px;
}
.tag-list li {
display: inline-block;
margin: 12px 8px 0px 0px;
}
.tag-list li a {
display: inline-block;
font-size: 14px;
line-height: 16px;
padding: 10px 15px;
color: #666666;
background-color: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
border-radius: 4px;
}
.tag-list li a:hover {
background-color: #198754;
color: #fff;
border-color: transparent;
}
.tag-list.style2 li a {
background-color: transparent;
border: none;
padding: 0;
}
.tag-list.style2 li a:hover {
background-color: transparent;
color: #198754;
}
/*-------------------------------
Popular post Widget CSS
-------------------------------*/
.pp-post-item {
margin: 0 0 20px;
}
.pp-post-item .pp-post-img {
width: 85px;
border-radius: 4px;
}
.pp-post-item .pp-post-img img {
border-radius: 4px;
}
.pp-post-item .pp-post-info {
width: calc(100% - 100px);
margin-left: 15px;
margin-top: 2px;
}
.pp-post-item .pp-post-info h6 {
font-size: 16px;
line-height: 1.5;
font-weight: 700;
margin-bottom: 0;
}
.pp-post-item .pp-post-info h6 a {
color: #252525;
}
.pp-post-item .pp-post-info span {
font-size: 14px;
line-height: 1;
display: block;
position: relative;
padding-left: 22px;
color: #888888;
margin-bottom: 12px;
}
.pp-post-item .pp-post-info span i {
position: absolute;
top: 2px;
left: 0;
font-size: 13px;
line-height: 0.8;
color: #198754;
}
.pp-post-item:last-child {
margin: 0;
}
.pp-post-item:hover .pp-post-info h6 a {
color: #198754;
}
/*-------------------------------
Hero Section CSS
-------------------------------*/
.hero-wrap .hero-content span {
display: block;
margin-bottom: 10px;
color: #198754;
}
.hero-wrap .hero-content h1 {
font-size: 54px;
line-height: 1.3;
margin-bottom: 20px;
}
.hero-wrap .hero-content p {
margin-bottom: 40px;
}
.hero-wrap .hero-content .hero-btn a:nth-child(1) {
margin-right: 15px;
}
.hero-wrap.style1 {
margin-top: 130px;
padding: 50px 0 0;
background-color: #F2FAFC;
}
.hero-wrap.style1 .container {
position: relative;
}
.hero-wrap.style1 .container .hero-shape-one {
position: absolute;
top: -50px;
left: 30%;
}
.hero-wrap.style1 .container .hero-shape-two {
position: absolute;
bottom: 0;
left: 30%;
}
.hero-wrap.style1 .container .hero-shape-three {
position: absolute;
top: 0px;
right: 0%;
}
.hero-wrap.style1 .hero-content {
padding-bottom: 40px;
}
.hero-wrap.style1 .hero-content span {
letter-spacing: 4px;
}
.hero-wrap.style1 .hero-currency-convert {
position: relative;
}
.hero-wrap.style1 .hero-currency-convert .currency-converter-wrap {
background-color: #fff;
padding: 25px 30px 30px;
display: inline-block;
min-width: 360px;
position: absolute;
border-radius: 5px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
}
.hero-wrap.style1 .hero-currency-convert .currency-converter-wrap h5 {
margin-bottom: 15px;
}
.hero-wrap.style1 .hero-currency-convert .currency-converter-wrap .form-group {
margin-bottom: 15px;
}
.hero-wrap.style1 .hero-currency-convert .currency-converter-wrap .form-group label {
display: block;
margin: 0 0 10px;
color: #000;
font-weight: 400;
}
.hero-wrap.style1 .hero-currency-convert .currency-converter-wrap .form-group input,
.hero-wrap.style1 .hero-currency-convert .currency-converter-wrap .form-group select {
width: 100%;
height: 48px;
border-radius: 5px;
border: 1px solid rgba(0, 0, 0, 0.2);
background-color: transparent;
padding: 10px 15px;
}
.hero-wrap.style1 .hero-currency-convert .currency-converter-wrap .form-group input::-webkit-input-placeholder {
opacity: 0.7;
}
.hero-wrap.style1 .hero-currency-convert .currency-converter-wrap .form-group input:-ms-input-placeholder {
opacity: 0.7;
}
.hero-wrap.style1 .hero-currency-convert .currency-converter-wrap .form-group input::-ms-input-placeholder {
opacity: 0.7;
}
.hero-wrap.style1 .hero-currency-convert .currency-converter-wrap .form-group input::placeholder {
opacity: 0.7;
}
.hero-wrap.style1 .hero-currency-convert .currency-converter-wrap .form-group select {
opacity: 0.7;
}
.hero-wrap.style1 .hero-currency-convert .currency-converter-wrap button {
display: block;
background-color: #198754;
width: 100%;
text-align: center;
color: #fff;
border: none;
padding: 14px 15px;
border-radius: 5px;
margin-top: 20px;
}
.hero-wrap.style1 .hero-currency-convert .hero-currency-img {
max-width: 75%;
margin-left: auto;
position: relative;
z-index: 1;
padding: 0 50px;
overflow: hidden;
}
.hero-wrap.style1 .hero-currency-convert .hero-currency-img img {
display: block;
margin: 0 auto;
}
.hero-wrap.style1 .hero-currency-convert .hero-currency-img:after {
position: absolute;
top: -150px;
left: 0;
content: "";
width: 200vw;
height: 200vh;
background-color: #198754;
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
z-index: -1;
}
.hero-wrap.style2 {
background-color: #FAFAFC;
padding: 100px 0;
margin-top: 85px;
z-index: 1;
position: relative;
}
.hero-wrap.style2 .hero-shape {
height: 100%;
width: 100%;
z-index: -1;
position: absolute;
}
.hero-wrap.style2 .container {
position: relative;
}
.hero-wrap.style2 .container .hero-shape-one {
position: absolute;
top: 30px;
left: 30%;
}
.hero-wrap.style2 .container .hero-shape-two {
position: absolute;
bottom: 50px;
left: 30%;
}
.hero-wrap.style2 .container .hero-shape-three {
position: absolute;
top: 10px;
right: 10%;
z-index: 10;
}
.hero-wrap.style2 .hero-content > span {
letter-spacing: 4px;
}
.hero-wrap.style2 .hero-content .play-video .play-now {
background-color: #198754;
}
.hero-wrap.style2 .hero-content .play-video .play-now i {
color: #fff;
}
.hero-wrap.style2 .hero-content .hero-contact {
margin-top: 55px;
max-width: 80%;
}
.hero-wrap.style2 .hero-content .hero-contact .hero-contact-img {
margin-left: 15px;
}
.hero-wrap.style2 .hero-content .hero-contact .hero-contact-img a {
display: inline-block;
margin-left: -15px;
width: 55px;
height: 55px;
border-radius: 50%;
}
.hero-wrap.style2 .hero-content .hero-contact .hero-contact-img a img {
border-radius: 50%;
border: 3px solid #fff;
}
.hero-wrap.style2 .hero-content .hero-contact .hero-contact-text {
width: 55%;
margin-left: 25px;
}
.hero-wrap.style2 .hero-content .hero-contact .hero-contact-text p {
margin: 0;
padding: 0;
}
.hero-wrap.style2 .hero-content .hero-contact .hero-contact-text p .link {
text-decoration: underline;
}
.hero-wrap.style2 .hero-img-wrap {
position: relative;
}
.hero-wrap.style2 .hero-img-wrap .hero-promo-text {
position: absolute;
bottom: 100px;
left: 40%;
-webkit-transform: trasnlateX(-50%);
transform: trasnlateX(-50%);
background-color: #fff;
padding: 20px 20px 20px 25px;
border-radius: 5px;
z-index: 2;
}
.hero-wrap.style2 .hero-img-wrap .hero-promo-text span {
margin-right: 15px;
}
.hero-wrap.style2 .hero-img-wrap .hero-promo-text span i {
color: #198754;
font-size: 52px;
line-height: 0.8;
}
.hero-wrap.style2 .hero-img-wrap .hero-promo-text h6 {
font-size: 24px;
font-weight: 600;
font-family: "Roboto", sans-serif;
margin: 0;
}
.hero-wrap.style2 .hero-img-wrap .hero-promo-text h6 span {
display: block;
color: #666666;
font-weight: 400;
font-size: 16px;
}
.hero-wrap.style2 .hero-img-wrap .hero-img-one,
.hero-wrap.style2 .hero-img-wrap .hero-img-two {
position: relative;
width: calc(50% - 15px);
z-index: 1;
}
.hero-wrap.style2 .hero-img-wrap .hero-img-one:before,
.hero-wrap.style2 .hero-img-wrap .hero-img-two:before {
position: absolute;
width: 0;
height: 0;
content: "";
z-index: 1;
top: -7px;
left: -5px;
border-top: 38px solid #FAFAFC;
border-left: 38px solid #FAFAFC;
border-right: 38px solid transparent;
border-bottom: 38px solid transparent;
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
.hero-wrap.style2 .hero-img-wrap .hero-img-two {
margin-top: 80px;
}
.hero-wrap.style2 .hero-content .hero-btn .play-video, .hero-wrap.style3 .hero-content .hero-btn .play-video {
display: inline-block;
}
.hero-wrap.style2 .hero-content .hero-btn .play-video span, .hero-wrap.style3 .hero-content .hero-btn .play-video span {
display: inline-block;
margin-bottom: 0;
}
.hero-wrap.style2 .hero-content .hero-btn .play-video span.link-text, .hero-wrap.style3 .hero-content .hero-btn .play-video span.link-text {
position: relative;
top: -6px;
color: #666666;
}
.hero-wrap.style2 .hero-content .hero-btn .play-video .play-now, .hero-wrap.style3 .hero-content .hero-btn .play-video .play-now {
width: 56px;
height: 56px;
border-radius: 50%;
line-height: 30px;
margin: 0 7px 0 0;
padding: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-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;
}
.hero-wrap.style2 .hero-content .hero-btn .play-video .play-now i, .hero-wrap.style3 .hero-content .hero-btn .play-video .play-now i {
font-size: 26px;
}
.hero-wrap.style3 {
margin-top: 134px;
padding: 100px 0 80px;
background-color: #FAFAFC;
}
.hero-wrap.style3 .container {
position: relative;
}
.hero-wrap.style3 .container .hero-shape-one {
position: absolute;
bottom: 60px;
right: 5%;
}
.hero-wrap.style3 .container .hero-shape-two {
position: absolute;
bottom: 20px;
left: 30%;
}
.hero-wrap.style3 .container .hero-shape-three {
position: absolute;
top: 10px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.hero-wrap.style3 .hero-content .play-video .play-now {
background-color: #fff;
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.hero-wrap.style3 .hero-content .play-video .play-now i {
color: #198754;
}
.hero-wrap.style3 .hero-img-wrap .hero-img {
margin-bottom: 25px;
border-radius: 5px;
}
.hero-wrap.style3 .hero-img-wrap .hero-img img {
border-radius: 5px;
}
/*-------------------------------
About Section CSS
-------------------------------*/
.about-wrap .about-content .content-title {
margin-bottom: 30px;
}
.about-wrap .about-content .feature-item-wrap {
margin-bottom: 35px;
}
.about-wrap.style1 .about-img-wrap {
position: relative;
z-index: 1;
}
.about-wrap.style1 .about-img-wrap .about-shape-one {
position: absolute;
bottom: -20px;
left: -20px;
z-index: -1;
}
.about-wrap.style1 .about-img-wrap .about-shape-two {
position: absolute;
top: -20px;
left: 50%;
-webkit-transform: trasnlateX(-50%);
transform: trasnlateX(-50%);
}
.about-wrap.style1 .about-img-wrap .about-img {
margin-bottom: 25px;
border-radius: 5px;
}
.about-wrap.style1 .about-img-wrap .about-img img {
border-radius: 5px;
}
.about-wrap.style1 .about-img-wrap .about-img:last-child {
margin-bottom: 0;
}
.about-wrap.style1 .about-content .feature-item-wrap {
margin-bottom: 35px;
}
.about-wrap.style1 .about-content .feature-item-wrap .feature-item .feature-icon {
background: rgba(0, 167, 157, 0.1);
border-radius: 62% 38% 46% 54% / 60% 63% 37% 40%;
-webkit-box-shadow: none;
box-shadow: none;
height: 60px;
}
.about-wrap.style1 .about-content .feature-item-wrap .feature-item .feature-icon i {
color: #198754;
}
.about-wrap.style1 .about-content .feature-item-wrap .feature-item:hover .feature-icon i {
color: #fff;
}
.about-wrap.style2 .about-img-wrap {
position: relative;
}
.about-wrap.style2 .about-img-wrap .about-shape-one {
position: absolute;
top: 115px;
left: 60px;
z-index: -1;
}
.about-wrap.style2 .about-img-wrap .about-img-one {
position: relative;
}
.about-wrap.style2 .about-img-wrap .about-img-one img {
margin-left: auto;
display: block;
}
.about-wrap.style2 .about-img-wrap .about-img-two {
border: 5px solid #fff;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
max-width: 300px;
}
.about-wrap.style2 .about-img-wrap .about-img-one:before,
.about-wrap.style2 .about-img-wrap .about-img-two:before {
position: absolute;
width: 0;
height: 0;
content: "";
z-index: 1;
top: -7px;
left: -5px;
border-top: 30px solid #fff;
border-left: 30px solid #fff;
border-right: 30px solid transparent;
border-bottom: 30px solid transparent;
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
.about-wrap.style2 .about-content .feature-item-wrap .feature-icon {
border-radius: 0;
}
.about-wrap.style3 .about-img-wrap {
position: relative;
z-index: 1;
}
.about-wrap.style3 .about-img-wrap .about-shape-one {
position: absolute;
top: -20px;
left: -20px;
z-index: -1;
}
.about-wrap.style3 .about-img-wrap .about-shape-two {
position: absolute;
top: -20px;
right: -20px;
z-index: -1;
}
.about-wrap.style3 .about-img-wrap .about-shape-three {
position: absolute;
bottom: -20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.about-wrap.style3 .about-img-wrap .about-img-one {
position: relative;
}
.about-wrap.style3 .about-img-wrap .about-img-one img {
margin-left: auto;
display: block;
}
.about-wrap.style3 .about-content .feature-item-wrap .feature-item .feature-icon {
background: #fff;
border-radius: 62% 38% 46% 54% / 60% 63% 37% 40%;
height: 65px;
}
.about-wrap.style3 .about-content .feature-item-wrap .feature-item .feature-icon i {
color: #198754;
}
.about-wrap.style3 .about-content .feature-item-wrap .feature-item:hover .feature-icon i {
color: #fff;
}
.partner-item {
padding: 0 20px;
opacity: 0.4;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.partner-item:hover {
opacity: 1;
}
.partner-item img {
display: block;
margin: 0 auto;
max-width: 120px;
}
.currency-card {
margin-bottom: 25px;
background-color: #fff;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.07);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.07);
padding: 22px;
position: relative;
z-index: 1;
}
.currency-card:after {
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 100%;
height: 0;
background-color: #198754;
-webkit-transition: 0.4s;
transition: 0.4s;
visibility: hidden;
opacity: 0;
z-index: -1;
}
.currency-card.style2 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.currency-card.style2 .currency-info {
position: relative;
top: 2px;
}
.currency-card.style2 .currency-info h3 {
font-size: 22px;
margin: 0;
}
.currency-card.style2 .currency-info h3 a {
display: block;
width: 100%;
}
.currency-card.style2 .currency-info h3 a i {
float: right;
font-size: 22px;
position: relative;
top: 2px;
}
.currency-card.style2:hover .currency-info h3 a {
color: #fff;
}
.currency-card .currency-flag {
width: 50px;
position: relative;
top: 4px;
}
.currency-card .currency-info {
width: calc(100% - 70px);
margin-left: 20px;
}
.currency-card .currency-info h3 {
font-size: 22px;
margin: 0 0 10px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.currency-card .currency-info p {
margin: 0;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.currency-card:hover:after {
visibility: visible;
opacity: 1;
height: 100%;
}
.currency-card:hover .currency-info h3 {
color: #fff;
}
.currency-card:hover .currency-info p {
color: rgba(255, 255, 255, 0.8);
}
.feature-item-wrap .feature-item {
margin-bottom: 25px;
}
.feature-item-wrap .feature-item:last-child {
margin-bottom: 0;
}
.feature-item-wrap .feature-item .feature-icon {
width: 65px;
height: 65px;
border-radius: 50%;
position: relative;
z-index: 1;
-webkit-box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.07);
box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.07);
overflow: hidden;
background: #fff;
position: relative;
top: 3px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.feature-item-wrap .feature-item .feature-icon i {
font-size: 30px;
line-height: 0.8;
margin: 0 auto;
color: #198754;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.feature-item-wrap .feature-item .feature-icon:after {
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 100%;
height: 0;
background-color: #198754;
-webkit-transition: 0.4s;
transition: 0.4s;
visibility: hidden;
opacity: 0;
z-index: -1;
}
.feature-item-wrap .feature-item .feature-text {
width: calc(100% - 90px);
margin-left: 20px;
}
.feature-item-wrap .feature-item .feature-text h3 {
font-size: 22px;
margin: 0 0 10px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.feature-item-wrap .feature-item .feature-text p {
margin: 0;
}
.feature-item-wrap .feature-item:hover .feature-icon i {
color: #fff;
}
.feature-item-wrap .feature-item:hover .feature-icon:after {
height: 100%;
visibility: visible;
opacity: 1;
}
.feature-item-wrap .feature-item:hover .feature-text h3 {
color: #198754;
}
/*-------------------------------
Exchange Table Section CSS
-------------------------------*/
.exchange-table-wrap .exchange-table input[type=checkbox] {
height: 0;
width: 0;
visibility: hidden;
}
.exchange-table-wrap .exchange-table label {
cursor: pointer;
text-indent: -9999px;
width: 45px;
height: 24px;
background: #fff;
display: block;
border-radius: 50px;
position: relative;
}
.exchange-table-wrap .exchange-table label:after {
content: '';
position: absolute;
top: 3px;
left: 3px;
width: 18px;
height: 18px;
background: #198754;
border-radius: 50%;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.exchange-table-wrap .exchange-table input:checked + label:after {
left: calc(100% - 3px);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.exchange-table-wrap .exchange-table label:active:after {
width: 20px;
}
.exchange-table-wrap .exchange-table table {
margin-bottom: 20px;
}
.exchange-table-wrap .exchange-table table > :not(:first-child) {
border-top: none;
}
.exchange-table-wrap .exchange-table table thead tr {
border-radius: 5px;
vertical-align: middle;
}
.exchange-table-wrap .exchange-table table thead tr th {
padding: 10px 15px;
color: #fff;
font-weight: 600;
vertical-align: middle;
background-color: #000;
text-align: center;
width: 25%;
}
.exchange-table-wrap .exchange-table table thead tr th:first-child {
text-align: left;
border-radius: 5px 0 0 5px;
}
.exchange-table-wrap .exchange-table table thead tr th:last-child {
text-align: right;
border-radius: 0 5px 5px 0;
}
.exchange-table-wrap .exchange-table table thead tr th .inverse span {
color: #fff;
margin-right: 6px;
}
.exchange-table-wrap .exchange-table table thead tr th .action {
display: inline-block;
padding: 6px 21px;
border-radius: 5px;
background-color: #198754;
}
.exchange-table-wrap .exchange-table table thead tr th .action i {
position: relative;
top: 2px;
margin-right: 5px;
}
.exchange-table-wrap .exchange-table table tbody tr {
vertical-align: middle;
}
.exchange-table-wrap .exchange-table table tbody tr td {
padding: 15px 15px;
text-align: center;
width: 25%;
}
.exchange-table-wrap .exchange-table table tbody tr td:first-child {
text-align: left;
}
.exchange-table-wrap .exchange-table table tbody tr td:last-child {
text-align: right;
}
.exchange-table-wrap .exchange-table table tbody tr td span.text-green {
color: #198754;
}
.exchange-table-wrap .exchange-table table tbody tr td span.text-red {
color: #FF3838;
}
.exchange-table-wrap .exchange-table table tbody tr td .country-flag img {
max-width: 32px;
margin-right: 10px;
display: inline-block;
}
.exchange-table-wrap .exchange-table table tbody tr td button {
padding: 6px 17px;
}
.exchange-table-wrap .exchange-table table tbody tr td button i {
margin-right: 5px;
margin-left: 0;
}
.exchange-table-wrap .exchange-table.style2 {
margin-bottom: 25px;
}
.exchange-table-wrap .exchange-table.style2 table thead tr th {
padding: 15px 20px;
}
.exchange-table-wrap .exchange-table.style2 table tbody tr td {
padding: 15px 20px;
}
.exchange-table-wrap .exchange-table.style2 table tbody tr td span {
margin-right: 30px;
}
.exchange-table-wrap .exchange-table.style2 table tbody tr td span i {
font-size: 25px;
line-height: 0.4;
position: relative;
top: 8px;
}
.exchange-table-wrap .add-currency {
background-color: transparent;
border: none;
padding: 0 0 0 14px;
}
.exchange-table-wrap .add-currency span {
display: inline-block;
width: 34px;
height: 34px;
margin-right: 10px;
border-radius: 50%;
text-align: center;
background-color: #198754;
}
.exchange-table-wrap .add-currency span i {
font-size: 20px;
line-height: 34px;
color: #fff;
margin: 0 auto;
}
.exchange-table-wrap .update-status {
margin: 0;
position: relative;
padding-left: 20px;
display: inline-block;
}
.exchange-table-wrap .update-status:before {
position: absolute;
top: 9px;
left: 0;
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #198754;
}
/*-------------------------------
Feature Section CSS
-------------------------------*/
.feature-card {
margin-bottom: 25px;
padding: 20px 25px 20px 25px;
position: relative;
z-index: 1;
}
.feature-card:after {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
content: "";
background-color: #198754;
visibility: hidden;
opacity: 0;
z-index: -1;
border-radius: 8px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.feature-card .feature-icon {
width: 70px;
height: 70px;
border: 1px solid #198754;
margin-bottom: 18px;
text-align: center;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.feature-card .feature-icon i {
color: #198754;
display: inline-block;
font-size: 32px;
line-height: 0.8;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.feature-card h3 {
font-size: 22px;
margin: 0 0 10px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.feature-card p {
margin: 0 0 12px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.feature-card:hover .feature-icon {
background: #198754;
}
.feature-card:hover .feature-icon i {
color: #fff;
}
.feature-card:hover h3 {
color: #198754;
}
.feature-card.style1 {
background-color: #fff;
position: relative;
margin-bottom: 25px;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
.feature-card.style1:after {
border-radius: 5px;
}
.feature-card.style1 .feature-icon {
margin-bottom: 20px;
border-radius: 62% 38% 46% 54% / 60% 63% 37% 40%;
background-color: #198754;
height: 62px;
}
.feature-card.style1 .feature-icon:after {
border-radius: 8px;
}
.feature-card.style1 .feature-icon i {
color: #fff;
}
.feature-card.style1:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
.feature-card.style1:hover h3 {
color: #fff;
}
.feature-card.style1:hover h3 a {
color: #fff;
}
.feature-card.style1:hover p {
color: rgba(255, 255, 255, 0.8);
}
.feature-card.style1:hover .link.style1 {
color: #fff;
}
.feature-card.style1:hover .feature-icon {
border-radius: 50%;
background-color: #fff;
width: 62px;
}
.feature-card.style1:hover .feature-icon i {
color: #198754;
}
.feature-card.style2 {
background-color: #fff;
position: relative;
margin-bottom: 25px;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
border-radius: 8px;
padding: 25px;
}
.feature-card.style2 .feature-icon {
-webkit-box-shadow: none;
box-shadow: none;
position: relative;
border: none;
}
.feature-card.style2 .feature-icon:after {
display: none;
}
.feature-card.style2 .feature-icon:before {
position: absolute;
bottom: 0;
left: 65%;
content: "";
width: 38px;
height: 38px;
border-radius: 50%;
background: rgba(0, 167, 157, 0.15);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.feature-card.style2 .feature-icon i {
font-size: 54px;
}
.feature-card.style2 h3 {
margin-bottom: 15px;
}
.feature-card.style2 .content-feature-list {
margin: 0;
}
.feature-card.style2:hover .feature-icon {
background-color: transparent;
}
.feature-card.style2:hover .feature-icon i {
color: #198754;
}
.feature-card.style3 {
position: relative;
margin-bottom: 25px;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
.feature-card.style3 .feature-title {
margin-bottom: 15px;
}
.feature-card.style3 .feature-title span {
position: relative;
width: 50px;
}
.feature-card.style3 .feature-title span i {
font-size: 50px;
line-height: 0.8;
color: #198754;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.feature-card.style3 .feature-title span:before {
position: absolute;
bottom: 0;
left: 65%;
content: "";
width: 38px;
height: 38px;
border-radius: 50%;
background: rgba(0, 167, 157, 0.15);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.feature-card.style3 .feature-title h3 {
margin: 0 0 0 15px;
width: calc(100% - 65px);
}
.feature-card.style3:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
.feature-card.style3:hover .feature-title span i {
color: #fff;
}
.feature-card.style3:hover .feature-title span::before {
background-color: rgba(255, 255, 255, 0.15);
}
.feature-card.style3:hover .feature-title h3 {
color: #fff;
}
.feature-card.style3:hover .feature-title h3 a {
color: #fff;
}
.feature-card.style3:hover p {
color: rgba(255, 255, 255, 0.8);
}
.feature-card.style3:hover .link {
color: #FAFAFC;
}
.feature-card.style4, .feature-card.style6 {
position: relative;
margin-bottom: 25px;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
.feature-card.style4 .feature-info, .feature-card.style6 .feature-info {
width: calc(100% - 70px);
margin-left: 20px;
}
.feature-card.style4 .feature-info p, .feature-card.style6 .feature-info p {
margin: 0;
}
.feature-card.style4:hover:after, .feature-card.style6:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
.feature-card.style4:hover .feature-icon, .feature-card.style6:hover .feature-icon {
background-color: transparent;
}
.feature-card.style4:hover .feature-icon:before, .feature-card.style6:hover .feature-icon:before {
background-color: rgba(255, 255, 255, 0.2);
}
.feature-card.style4:hover .feature-icon i, .feature-card.style6:hover .feature-icon i {
color: #fff;
}
.feature-card.style4:hover .feature-info h3 a, .feature-card.style6:hover .feature-info h3 a {
color: #fff;
}
.feature-card.style4:hover .feature-info p, .feature-card.style6:hover .feature-info p {
color: rgba(255, 255, 255, 0.8);
}
.feature-card.style4 .feature-icon {
width: 50px;
position: relative;
border: none;
}
.feature-card.style4 .feature-icon:before {
position: absolute;
bottom: 0;
left: 65%;
content: "";
width: 38px;
height: 38px;
border-radius: 50%;
background: rgba(0, 167, 157, 0.15);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.feature-card.style4 .feature-icon i {
font-size: 50px;
line-height: 0.8;
color: #198754;
}
.feature-card.style5 {
position: relative;
margin-bottom: 25px;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
border-radius: 8px;
padding: 25px 25px 22px;
}
.feature-card.style5 .feature-title {
margin-bottom: 15px;
}
.feature-card.style5 .feature-title span {
width: 60px;
height: 55px;
border-radius: 53% 47% 46% 54% / 52% 53% 47% 48%;
text-align: center;
background-color: #198754;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.feature-card.style5 .feature-title span i {
font-size: 30px;
line-height: 70px;
color: #fff;
margin: 0 auto;
top: -1px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.feature-card.style5 .feature-title h3 {
margin: 0 0 0 15px;
width: calc(100% - 75px);
}
.feature-card.style5:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
.feature-card.style5:hover span {
background-color: #fff;
border-radius: 44% 56% 46% 54% / 52% 56% 44% 48%;
}
.feature-card.style5:hover span i {
color: #198754;
}
.feature-card.style5:hover .feature-title h3 a {
color: #fff;
}
.feature-card.style5:hover p {
color: rgba(255, 255, 255, 0.8);
}
.feature-card.style5:hover .link {
color: #FAFAFC;
}
.feature-card.style6 .feature-icon {
width: 50px;
height: 46px;
border-radius: 53% 47% 46% 54% / 52% 53% 47% 48%;
position: relative;
background-color: #198754;
border: none;
}
.feature-card.style6 .feature-icon i {
font-size: 26px;
line-height: 0.8;
color: #fff;
}
.feature-card.style6:hover .feature-icon {
background-color: #fff;
border-radius: 44% 56% 46% 54% / 52% 56% 44% 48%;
}
.feature-card.style6:hover .feature-icon i {
color: #198754;
}
.feature-slider-one {
margin: -20px 0;
}
.feature-slider-one.owl-carousel .owl-dots {
text-align: center;
margin-bottom: 20px;
}
.feature-slider-one .feature-card.style3 {
margin: 20px 0;
}
.wh-wrap .wh-content .content-title {
margin-bottom: 30px;
}
.wh-wrap.style1 .wh-img-wrap {
position: relative;
}
.wh-wrap.style1 .wh-img-wrap .wh-shape-one {
position: absolute;
bottom: 60px;
left: -15px;
}
.wh-wrap.style1 .wh-img-wrap .wh-shape-two {
position: absolute;
top: -60px;
right: -15px;
z-index: -1;
}
.wh-wrap.style1 .wh-img-wrap .wh-img {
margin-bottom: 25px;
border-radius: 5px;
}
.wh-wrap.style1 .wh-img-wrap .wh-img img {
border-radius: 5px;
}
.wh-wrap.style1 .wh-img-wrap .wh-img:last-child {
margin-bottom: 0;
}
.wh-wrap.style1 .wh-content .feature-item-wrap .feature-item .feature-icon, .wh-wrap.style2 .wh-content .feature-item-wrap .feature-item .feature-icon {
background-color: rgba(0, 167, 157, 0.1);
-webkit-box-shadow: none;
box-shadow: none;
}
.wh-wrap.style2 .wh-img-wrap {
position: relative;
z-index: 1;
}
.wh-wrap.style2 .wh-img-wrap .wh-shape-one {
position: absolute;
bottom: 60px;
left: -15px;
z-index: 1;
}
.wh-wrap.style2 .wh-img-wrap .wh-shape-two {
position: absolute;
top: -20px;
right: -15px;
z-index: -1;
}
.wh-wrap.style2 .wh-img-wrap .wh-img {
margin-bottom: 25px;
position: relative;
}
.wh-wrap.style2 .wh-img-wrap .wh-img:before {
position: absolute;
width: 0;
height: 0;
content: "";
z-index: 1;
top: -7px;
left: -5px;
border-top: 30px solid #fff;
border-left: 30px solid #fff;
border-right: 30px solid transparent;
border-bottom: 30px solid transparent;
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
.wh-wrap.style2 .wh-img-wrap .wh-img:last-child {
margin-bottom: 0;
}
.wh-wrap.style3 .wh-img-wrap {
position: relative;
z-index: 1;
border-radius: 100px 0 100px 0;
margin-left: auto;
padding: 40px 0 0 40px;
}
.wh-wrap.style3 .wh-img-wrap .wh-shape-one {
position: absolute;
bottom: 100px;
right: 120px;
border-radius: 0;
}
.wh-wrap.style3 .wh-img-wrap:before {
position: absolute;
top: 0px;
left: 0px;
content: "";
width: 100%;
height: 100%;
border-radius: 100px 0 100px 0;
background: rgba(0, 167, 157, 0.07);
z-index: -1;
-webkit-animation: float 1500ms infinite ease-in-out;
animation: float 1500ms infinite ease-in-out;
}
.wh-wrap.style3 .wh-img-wrap img {
display: block;
margin-left: auto;
border-radius: 100px 0 100px 0;
}
/*-------------------------------
App Section CSS
-------------------------------*/
.app-wrap {
position: relative;
}
.app-wrap.style1:before {
position: absolute;
top: 0;
left: 0;
content: "";
width: 40%;
height: 100%;
background-color: rgba(0, 167, 157, 0.09);
z-index: -1;
}
.app-wrap.style2 .app-img-wrap .app-shape-one {
bottom: 35%;
left: 10px;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.app-wrap .app-img-wrap {
position: relative;
z-index: 1;
}
.app-wrap .app-img-wrap .app-shape-one {
position: absolute;
bottom: -30px;
left: 40px;
z-index: -1;
}
.app-wrap .app-img-wrap img {
display: block;
margin: 0 auto;
}
.app-wrap .app-content .content-title {
margin-bottom: 25px;
}
.app-wrap .app-content h5 {
margin: 0 0 30px;
font-weight: 700;
}
.app-wrap .app-content .app-btn-wrap a {
display: inline-block;
border-radius: 5px;
-webkit-box-shadow: 0px 4px 15px 1px rgba(33, 37, 41, 0.09);
box-shadow: 0px 4px 15px 1px rgba(33, 37, 41, 0.09);
}
.app-wrap .app-content .app-btn-wrap a img {
border-radius: 5px;
}
.app-wrap .app-content .app-btn-wrap a:first-child {
margin-right: 15px;
}
.app-wrap .app-content .app-btn-wrap a:hover {
-webkit-box-shadow: 0 5px 55px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 55px rgba(0, 0, 0, 0.1);
}
/*-------------------------------
Counter Section CSS
-------------------------------*/
.counter-card-wrap .counter-card {
width: 20%;
position: relative;
margin-bottom: 25px;
text-align: center;
}
.counter-card-wrap .counter-card:last-child:after {
display: none;
}
.counter-card-wrap .counter-card:after {
position: absolute;
top: 50%;
right: 0;
content: "";
width: 1px;
height: 50px;
background-color: rgba(0, 0, 0, 0.2);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.4s;
transition: 0.4s;
}
.counter-card-wrap .counter-card .counter-text h2 {
font-size: 30px;
line-height: 1;
margin: 0 0 10px;
}
.counter-card-wrap .counter-card .counter-text h2 .target {
font-size: 30px;
position: relative;
top: 3px;
font-family: "Roboto", sans-serif;
}
.counter-card-wrap .counter-card .counter-text p {
margin-bottom: 0;
line-height: 1;
}
/*-------------------------------
Testimonial Section CSS
-------------------------------*/
.testimonial-slider-one,
.testimonial-slider-two {
margin: -10px -5px;
}
.testimonial-slider-one .testimonial-card,
.testimonial-slider-two .testimonial-card {
margin: 10px 5px;
}
.testimonial-slider-one.owl-carousel .owl-dots,
.testimonial-slider-two.owl-carousel .owl-dots {
margin-top: 20px;
margin-bottom: 10px;
text-align: center;
}
.testimonial-card {
background-color: #fff;
border-radius: 5px;
margin: 0 0 25px;
position: relative;
-webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
z-index: 1;
padding: 25px 25px 22px;
}
.testimonial-card:after {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
content: "";
background-color: #198754;
visibility: hidden;
opacity: 0;
z-index: -1;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.testimonial-card:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
.testimonial-card:hover .client-info-area .client-info-wrap .client-info h3 {
color: #fff;
}
.testimonial-card:hover .client-info-area .client-info-wrap .client-info span {
color: rgba(255, 255, 255, 0.8);
}
.testimonial-card:hover .client-info-area .quote-icon i {
color: #fff;
}
.testimonial-card:hover .client-quote {
color: rgba(255, 255, 255, 0.8);
}
.testimonial-card .client-quote {
margin-bottom: 0;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.testimonial-card .client-info-area {
margin-bottom: 20px;
}
.testimonial-card .client-info-area .client-info-wrap {
width: calc(100% - 40px);
}
.testimonial-card .client-info-area .client-info-wrap .client-img {
width: 65px;
height: 65px;
border-radius: 50%;
}
.testimonial-card .client-info-area .client-info-wrap .client-img img {
border-radius: 50%;
}
.testimonial-card .client-info-area .client-info-wrap .client-info {
width: calc(100% - 85px);
margin-left: 20px;
}
.testimonial-card .client-info-area .client-info-wrap .client-info h3 {
font-size: 22px;
line-height: 1.2;
margin-bottom: 8px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.testimonial-card .client-info-area .client-info-wrap .client-info span {
font-size: 14px;
display: block;
line-height: 1;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.testimonial-card .client-info-area .quote-icon i {
display: inline-block;
position: relative;
top: 3px;
font-size: 40px;
line-height: 0.8;
color: #198754;
opacity: 0.4;
}
/*-------------------------------
Blog Section CSS
-------------------------------*/
.blog-card {
-webkit-box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.11);
box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.11);
margin-bottom: 25px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.blog-card .blog-img {
overflow: hidden;
position: relative;
}
.blog-card .blog-img img {
-webkit-transition: 0.7s;
transition: 0.7s;
}
.blog-card .blog-img .blog-cat {
position: absolute;
background-color: #198754;
padding: 8px 15px;
border-radius: 5px;
color: #fff;
}
.blog-card .blog-info {
border-radius: 0 0 8px 8px;
}
.blog-card .blog-info .blog-metainfo {
margin-bottom: 12px;
}
.blog-card .blog-info .blog-metainfo li {
display: inline-block;
position: relative;
padding-left: 20px;
margin-right: 15px;
font-size: 15px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.blog-card .blog-info .blog-metainfo li:last-child {
margin-right: 0;
}
.blog-card .blog-info .blog-metainfo li:last-child:after {
display: none;
}
.blog-card .blog-info .blog-metainfo li a {
font-size: 13px;
color: #666666;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.blog-card .blog-info .blog-metainfo li i {
position: absolute;
top: 5px;
left: 0;
font-size: 15px;
line-height: 0.8;
color: #198754;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.blog-card .blog-info h3 {
font-size: 22px;
margin-bottom: 15px;
}
.blog-card.style1 {
border-radius: 8px;
padding: 22px;
position: relative;
}
.blog-card.style1 .blog-img {
border-radius: 8px 8px 0 0;
}
.blog-card.style1 .blog-img img {
border-radius: 8px 8px 0 0;
}
.blog-card.style1 .blog-img .blog-cat {
bottom: 25px;
right: 25px;
}
.blog-card.style1 .blog-info {
padding: 22px 0 0;
}
.blog-card.style1 .blog-info h3 {
margin-bottom: 0;
}
.blog-card.style1, .blog-card.style3 {
position: relative;
}
.blog-card.style1:after, .blog-card.style3:after {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
content: "";
background-color: #198754;
visibility: hidden;
opacity: 0;
z-index: -1;
border-radius: 8px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.blog-card.style1:hover:after, .blog-card.style3:hover:after {
width: 100%;
visibility: visible;
opacity: 1;
}
.blog-card.style1:hover .blog-info .blog-metainfo li, .blog-card.style3:hover .blog-info .blog-metainfo li {
color: rgba(255, 255, 255, 0.8);
}
.blog-card.style1:hover .blog-info .blog-metainfo li a, .blog-card.style3:hover .blog-info .blog-metainfo li a {
color: rgba(255, 255, 255, 0.8);
}
.blog-card.style1:hover .blog-info .blog-metainfo li i, .blog-card.style3:hover .blog-info .blog-metainfo li i {
color: #fff;
}
.blog-card.style1:hover .blog-info h3 a, .blog-card.style3:hover .blog-info h3 a {
color: #fff;
}
.blog-card.style1:hover .blog-info p, .blog-card.style3:hover .blog-info p {
color: rgba(255, 255, 255, 0.8);
}
.blog-card.style2 {
border-radius: 8px;
}
.blog-card.style2 .blog-img {
border-radius: 8px 8px 0 0;
}
.blog-card.style2 .blog-img img {
border-radius: 8px 8px 0 0;
}
.blog-card.style2 .blog-img .blog-cat {
top: 25px;
right: 25px;
}
.blog-card.style2 .blog-info {
padding: 22px;
}
.blog-card.style2 .blog-info h3 {
margin-bottom: 0;
}
.blog-card.style3 {
border-radius: 8px;
}
.blog-card.style3 .blog-img {
border-radius: 8px 8px 0 0;
}
.blog-card.style3 .blog-img img {
border-radius: 8px 8px 0 0;
}
.blog-card.style3 .blog-img .blog-cat {
bottom: 25px;
left: 25px;
}
.blog-card.style3 .blog-info {
padding: 22px;
}
.blog-card.style3 .blog-info h3 {
margin-bottom: 0;
}
.blog-card.style4 {
position: relative;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.blog-card.style4 .blog-img {
margin-bottom: 20px;
overflow: visible;
border-radius: 5px;
}
.blog-card.style4 .blog-img img {
border-radius: 5px;
}
.blog-card.style4 .blog-img .blog-cat {
bottom: -15px;
left: 25px;
}
.blog-card.style4 .blog-info {
padding: 22px 0 0;
}
.blog-card.style4 .blog-info h3 {
font-size: 28px;
margin: 0 0 12px;
}
.blog-card.style4 .blog-info p {
margin: 0 0 10px;
}
.blog-card.style4:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.blog-card.style4:hover .blog-img img {
-webkit-transform: scale(1);
transform: scale(1);
}
.blog-card:hover {
-webkit-box-shadow: 0px 40px 51px -16px rgba(0, 0, 0, 0.1);
box-shadow: 0px 40px 51px -16px rgba(0, 0, 0, 0.1);
}
.blog-card:hover .blog-img img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.blog-card:hover .blog-info h3 a {
color: #198754;
}
/*-------------------------------
Contact CSS
-------------------------------*/
.contact-us-wrap .contact-item {
background: #f9f9f9;
padding: 25px;
border-radius: 0;
margin: 0 0 25px;
position: relative;
z-index: 1;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.contact-us-wrap .contact-item .contact-icon {
width: 60px;
height: 60px;
position: relative;
top: 5px;
border-radius: 50%;
text-align: center;
background-color: #fff;
-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
-webkit-transition: 0.4s;
transition: 0.4s;
}
.contact-us-wrap .contact-item .contact-icon i {
color: #198754;
line-height: 0.8;
font-size: 28px;
position: relative;
-webkit-transition: 0.34s;
transition: 0.34s;
}
.contact-us-wrap .contact-item .contact-info {
width: calc(100% - 85px);
margin-left: 25px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.contact-us-wrap .contact-item .contact-info h3 {
font-size: 22px;
margin: 0 0 10px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.contact-us-wrap .contact-item .contact-info a,
.contact-us-wrap .contact-item .contact-info p {
display: block;
margin: 0;
line-height: 1.5;
color: #666666;
font-family: "Raleway", sans-serif;
font-weight: 500;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.contact-us-wrap .contact-item:hover {
-webkit-box-shadow: 0px 40px 51px -16px rgba(0, 0, 0, 0.1);
box-shadow: 0px 40px 51px -16px rgba(0, 0, 0, 0.1);
}
.contact-us-wrap .contact-item:hover .contact-icon {
background-color: #198754;
}
.contact-us-wrap .contact-item:hover .contact-icon i {
color: #fff;
}
.comp-map {
height: 400px;
}
.comp-map iframe {
width: 100%;
height: 100%;
}
#contactForm {
background-color: #f9f9f9;
padding: 30px 30px 25px;
}
#contactForm .form-group {
margin: 0 0 20px;
}
#contactForm .form-group input,
#contactForm .form-group textarea {
width: 100%;
background: #fff;
border: none;
padding: 10px 15px;
border-radius: 0;
}
#contactForm .form-group input:focus,
#contactForm .form-group textarea:focus {
border: 1px solid rgba(0, 0, 0, 0.09);
}
#contactForm .form-group input {
height: 60px;
}
#contactForm .form-group .form-check {
padding-left: 0px;
}
#contactForm .form-group .form-check input {
height: 0;
}
#contactForm .form-group textarea {
height: 163px;
resize: none;
padding-top: 18px;
}
.btn.disabled {
opacity: 1;
}
.checkbox {
display: block;
}
.checkbox.form-check {
padding-left: 0;
}
.checkbox input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.checkbox label {
position: relative;
cursor: pointer;
padding-left: 20px;
}
.checkbox label:before {
content: "";
-webkit-appearance: none;
background-color: transparent;
border: 1px solid #198754;
display: inline-block;
width: 15px;
height: 15px;
position: absolute;
vertical-align: middle;
cursor: pointer;
margin-right: 5px;
position: absolute;
left: 0;
top: 4px;
}
.checkbox a {
color: #198754;
}
.checkbox.style2 label:before {
border-radius: 50%;
border-color: #888888;
}
.comp-map {
height: 510px;
}
.checkbox input:checked + label:before {
border-color: #198754;
}
.checkbox input:checked + label:after {
content: "";
display: block;
position: absolute;
top: 7px;
left: 3px;
width: 9px;
height: 9px;
border: none;
background: #198754;
}
/*-------------------------------
Team Section CSS
-------------------------------*/
.team-card {
margin-bottom: 25px;
-webkit-box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.07);
box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.07);
border: 1px solid transparent;
border-radius: 5px;
position: relative;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.team-card:after {
position: absolute;
bottom: -2px;
left: 50%;
content: "";
width: 0%;
height: 3px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #198754;
border-radius: 0 0 5px 5px;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.team-card .team-img {
overflow: hidden;
position: relative;
border-radius: 5px 5px 0 0;
}
.team-card .team-img img {
-webkit-transition: 0.7s;
transition: 0.7s;
}
.team-card .team-img .social-profile {
position: absolute;
top: 50%;
right: 20px;
text-align: center;
z-index: 10;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.team-card .team-img .social-profile li {
display: block;
margin: 0 0 10px;
-webkit-transform: translateY(25px);
transform: translateY(25px);
-webkit-transition: 0.4s;
transition: 0.4s;
visibility: hidden;
opacity: 0;
}
.team-card .team-img .social-profile li:nth-child(1) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.team-card .team-img .social-profile li:nth-child(2) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.team-card .team-img .social-profile li:nth-child(3) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.team-card .team-img .social-profile li:nth-child(4) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.team-card .team-img .social-profile li:last-child {
margin-bottom: 0;
}
.team-card .team-img .social-profile li a {
width: 35px;
height: 35px;
}
.team-card .team-img .social-profile li a i {
color: #198754;
}
.team-card .team-img .social-profile li a:hover i {
color: #fff;
}
.team-card .team-info {
padding: 22px 25px 22px;
text-align: center;
}
.team-card .team-info h3 {
font-size: 22px;
margin-bottom: 5px;
}
.team-card span {
color: #666666;
}
.team-card:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.team-card:hover:after {
width: 85%;
}
.team-card:hover .team-img:after {
visibility: visible;
opacity: 1;
}
.team-card:hover .team-img .social-profile li {
-webkit-transform: translateY(0);
transform: translateY(0);
visibility: visible;
opacity: 1;
}
/*----------------------------
FAQ CSS
------------------------------*/
.faq-wrap {
position: relative;
z-index: 1;
}
.faq-wrap .faq-content .content-title h2 {
margin: 0 0 20px;
}
.faq-wrap .faq-img {
position: relative;
z-index: 1;
padding-bottom: 50px;
}
.faq-wrap .faq-img .faq-shape-one {
position: absolute;
top: calc(50% + 35px);
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
}
.faq-wrap .faq-img img {
display: block;
margin: 0 auto;
}
.faq-wrap .accordion-collapse {
border: none;
}
.faq-wrap .accordion-button:not(.collapsed)::after {
left: -4px;
}
.faq-wrap .accordion-button:not(.collapsed) span {
background-color: #198754 !important;
}
.faq-wrap .accordion-button:not(.collapsed) span i.plus {
visibility: hidden;
opacity: 0;
}
.faq-wrap .accordion-button:not(.collapsed) span i.minus {
visibility: visible !important;
opacity: 1 !important;
color: #fff !important;
}
.faq-wrap .accordion-button:not(.collapsed) {
background: transparent;
color: #000;
-webkit-box-shadow: none;
box-shadow: none;
}
.faq-wrap .accordion-item {
position: relative;
z-index: 1;
background-color: transparent;
}
.faq-wrap .accordion-body p {
margin: 0;
}
.accordion-item {
border: none;
margin: 0 0 25px;
padding: 0;
}
.accordion-item:last-child {
margin: 0;
}
.accordion-item .accordion-header .accordion-button {
border-radius: 5px !important;
margin: 0;
padding: 0;
font-size: 18px;
line-height: 30px;
font-weight: 700;
border-radius: 0;
border: none;
text-align: left;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
}
.accordion-item .accordion-header .accordion-button:after {
display: none;
}
.accordion-item .accordion-header .accordion-button:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.accordion-item .accordion-header .accordion-button span {
min-width: 60px;
min-height: 60px;
text-align: center;
position: relative;
margin-right: 14px;
border-radius: 50%;
background-color: #fff;
-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
}
.accordion-item .accordion-header .accordion-button span i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 22px;
color: #198754;
line-height: 0.8;
}
.accordion-item .accordion-header .accordion-button span i.minus {
visibility: hidden;
opacity: 0;
}
.accordion-item .accordion-header .accordion-button span i.minus {
visibility: hidden;
opacity: 0;
}
.accordion-body {
border-top-color: transparent;
padding: 20px 0 0;
}
.accordion-body p {
margin: 0;
}
.error-content {
text-align: center;
}
.error-content img {
display: block;
margin: 0 auto 20px;
max-width: 600px;
}
.error-content p {
margin: 0 auto 20px;
max-width: 520px;
}
/*-------------------------------
Convert Currency CSS
-------------------------------*/
.convert-box {
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
}
.convert-box .convert-tablist {
margin: 0 0 30px;
}
.convert-box .convert-tablist .nav-item {
width: 25%;
}
.convert-box .convert-tablist .nav-item a {
background-color: #f9f9f9;
text-align: center;
padding: 15px 15px;
width: 100%;
border: none;
display: block;
color: #000;
}
.convert-box .convert-tablist .nav-item a i {
position: relative;
top: 2px;
margin-right: 7px;
}
.convert-box .convert-tablist .nav-item a.active {
background-color: #fff;
color: #198754;
}
.convert-box .convert-tabcontent {
padding: 0 40px 40px;
}
.convert-box .convert-tabcontent .form-group {
margin-bottom: 15px;
}
.convert-box .convert-tabcontent .form-group label {
display: block;
color: #000;
font-weight: 400;
margin: 0 0 10px;
}
.convert-box .convert-tabcontent .form-group input,
.convert-box .convert-tabcontent .form-group select {
width: 100%;
height: 48px;
border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.2);
background-color: transparent;
padding: 10px 15px;
}
.convert-box .convert-tabcontent .form-group input::-webkit-input-placeholder {
color: #000;
opacity: 1;
}
.convert-box .convert-tabcontent .form-group input:-ms-input-placeholder {
color: #000;
opacity: 1;
}
.convert-box .convert-tabcontent .form-group input::-ms-input-placeholder {
color: #000;
opacity: 1;
}
.convert-box .convert-tabcontent .form-group input::placeholder {
color: #000;
opacity: 1;
}
.convert-box .convert-tabcontent .convert-icon {
display: inline-block;
width: 50px;
height: 50px;
border: 1px solid rgba(0, 0, 0, 0.19);
border-radius: 50%;
text-align: center;
}
.convert-box .convert-tabcontent .convert-icon i {
font-size: 22px;
line-height: 44px;
color: #198754;
}
.convert-box .convert-tabcontent button {
display: block;
background-color: #5465F9;
width: 100%;
text-align: center;
color: #fff;
border: none;
padding: 14px 15px;
border-radius: 10px;
margin-top: 15px;
}
.convert-box .convert-tabcontent button.style1 {
background-color: #198754;
display: inline-block;
width: auto;
padding: 14px 30px;
border-radius: 5px;
}
.converter-alert-text {
background-color: #FAFAFC;
padding: 25px;
border-radius: 5px;
}
.converter-alert-text i {
font-size: 20px;
}
.converter-alert-text p {
width: calc(100% - 35px);
margin: 0 0 0 15px;
}
.alert-content h3 {
font-size: 26px;
margin: 0 0 10px;
}
.alert-content h5 {
font-weight: 600;
margin: 0 0 20px;
}
.alert-content .content-feature-list {
margin-bottom: 30px;
}
.payment-method li {
display: inline-block;
margin: 0 5px 0 0;
}
.alert-video-img {
position: relative;
border-radius: 5px;
}
.alert-video-img img {
border-radius: 5px;
}
.alert-video-img .play-video {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.alert-video-img .play-video .play-now .ripple,
.alert-video-img .play-video .play-now .ripple:before,
.alert-video-img .play-video .play-now .ripple:after {
height: 50px;
width: 50px;
}
.alert-video-img .play-video .play-now {
position: relative;
height: 50px;
width: 50px;
line-height: 49px;
background-color: #198754;
border: none;
}
.alert-video-img .play-video .play-now i {
position: relative;
left: -3px;
}
/*-------------------------------
Blog Details CSS
--------------------------------*/
.post-cat-title {
font-size: 24px;
line-height: 1;
font-weight: 500;
margin-bottom: 25px;
}
.post-cat-title span {
font-weight: 600;
color: #198754;
}
article p strong,
.terms-wrap p strong {
color: #000;
}
article p a,
.terms-wrap p a {
color: #198754;
}
article p a:hover,
.terms-wrap p a:hover {
text-decoration: underline;
color: #198754;
}
article h1, article h2, article h3, article h4, article h5, article h6,
.terms-wrap h1,
.terms-wrap h2,
.terms-wrap h3,
.terms-wrap h4,
.terms-wrap h5,
.terms-wrap h6 {
margin-bottom: 13px;
}
article h1,
.terms-wrap h1 {
font-size: 36px;
}
article h2,
.terms-wrap h2 {
font-size: 34px;
}
article h3,
.terms-wrap h3 {
font-size: 30px;
}
article h4,
.terms-wrap h4 {
font-size: 28px;
}
article h5,
.terms-wrap h5 {
font-size: 26px;
}
article h6,
.terms-wrap h6 {
font-size: 24px;
}
article ol,
.terms-wrap ol {
margin-bottom: 25px;
}
article ol li,
.terms-wrap ol li {
margin-bottom: 15px;
color: #666666;
padding-left: 3px;
}
article .content-feature-list,
.terms-wrap .content-feature-list {
margin: 25px 0 25px;
}
article {
margin-bottom: 25px;
}
.post-metainfo {
margin: 40px 0 18px;
}
.post-metainfo li {
display: inline-block;
position: relative;
padding-left: 23px;
margin-right: 18px;
font-size: 14px;
}
.post-metainfo li:last-child {
margin-right: 0;
}
.post-metainfo li a {
font-size: 14px;
color: #666666;
}
.post-metainfo li a:hover {
color: #198754;
}
.post-metainfo li i {
position: absolute;
top: 3px;
left: 0;
font-size: 16px;
line-height: 0.8;
color: #198754;
}
.post-img {
position: relative;
margin: 0 0 25px;
display: block;
}
.post-img .post-cat {
display: inline-block;
padding: 8px 18px 8px;
position: absolute;
bottom: -16px;
left: 20px;
z-index: 1;
background-color: #198754;
color: #fff;
border-radius: 5px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.post-img .post-cat:hover {
background: #198754;
color: #fff;
}
.wp-block-quote {
position: relative;
padding: 35px 35px 35px;
text-align: left;
margin: 30px 0 30px;
background-color: #FAFAFC;
}
.wp-block-quote .wp-quote-text {
width: calc(100% - 100px);
margin-left: 30px;
text-align: center;
}
.wp-block-quote .wp-quote-text p {
font-weight: 500;
color: #666666;
font-weight: 500;
margin-bottom: 0;
}
.wp-block-quote .wp-quote-icon {
width: 70px;
height: 100px;
position: relative;
z-index: 1;
}
.wp-block-quote .wp-quote-icon i {
color: #198754;
font-size: 68px;
line-height: 0.8;
opacity: 0.7;
margin: 0 auto;
}
.post-meta-option {
padding: 20px;
margin-bottom: 25px;
background-color: #FAFAFC;
}
.post-tag ul {
display: inline-block;
}
.post-tag ul li {
display: inline-block;
}
.post-tag ul li a {
color: #555;
font-size: 16px;
border-radius: 3px;
}
.post-tag ul li a:hover {
color: #198754;
}
.post-tag span {
margin-right: 10px;
font-weight: 500;
color: #000;
}
.post-tag span i {
position: relative;
top: 1px;
color: #198754;
margin-right: 3px;
}
.post-share {
display: inline-block;
}
.post-share span {
font-weight: 500;
color: #000;
}
.post-share ul {
display: inline-block;
margin-left: 5px;
position: relative;
top: 2px;
}
.post-author {
padding: 25px;
margin: 15px 0 30px;
border-radius: 5px;
background-color: #FAFAFC;
}
.post-author .post-author-img {
width: 150px;
height: 150px;
border-radius: 50%;
}
.post-author .post-author-img img {
border-radius: 50%;
}
.post-author .post-author-info {
width: calc(100% - 175px);
margin-left: 25px;
}
.post-author .post-author-info h4 {
font-size: 22px;
font-weight: 700;
line-height: 1;
margin-bottom: 15px;
}
.post-author .post-author-info p {
margin: 0 0 15px;
}
.comment-item-wrap .comment-item {
padding: 0 0 25px 0;
margin-bottom: 25px;
border-radius: 5px;
background-color: #FAFAFC;
padding: 25px;
}
.comment-item-wrap .comment-item.reply {
margin-left: 40px;
}
.comment-item-wrap .comment-item:last-child {
margin-bottom: 0;
}
.comment-item-wrap .comment-item .comment-author-img {
width: 100px;
height: 100px;
border-radius: 50%;
position: relative;
top: 4px;
}
.comment-item-wrap .comment-item .comment-author-img img {
border-radius: 50%;
}
.comment-item-wrap .comment-item .comment-author-wrap {
width: calc(100% - 120px);
margin-left: 20px;
}
.comment-item-wrap .comment-item .comment-author-wrap .comment-author-name {
margin: 0 0 9px;
}
.comment-item-wrap .comment-item .comment-author-wrap .comment-author-name h5 {
line-height: 1;
margin: 0 20px 0 0;
font-size: 18px;
font-weight: 600;
display: inline-block;
}
.comment-item-wrap .comment-item .comment-author-wrap .comment-author-name .comment-date {
display: block;
font-size: 14px;
font-weight: 500;
line-height: 1;
color: #888888;
margin-top: 12px;
}
.comment-item-wrap .comment-item .comment-author-wrap .comment-text {
margin: 0 0 10px;
}
.comment-item-wrap .comment-item .comment-author-wrap .comment-text p {
margin: 0 0 5px;
}
.comment-item-wrap .reply-btn {
display: inline-block;
line-height: 1;
font-weight: 500;
color: #666666;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.comment-item-wrap .reply-btn i {
position: relative;
margin-right: 4px;
}
.comment-item-wrap .reply-btn:hover {
color: #198754;
}
.comment-box-title h4 {
margin-bottom: 0;
line-height: 1;
}
.comment-box-title p {
margin-top: 10px;
margin-bottom: 0;
}
#cmt-form {
margin-top: 35px;
background-color: #FAFAFC;
padding: 25px;
}
#cmt-form label {
color: #888888;
padding-left: 20px;
}
#cmt-form .comment-form .form-group {
margin: 0 0 20px;
position: relative;
}
#cmt-form .comment-form .form-group > label {
font-weight: 500;
display: block;
margin: 0 0 5px;
padding-left: 0;
color: #888888;
}
#cmt-form .comment-form .form-group input,
#cmt-form .comment-form .form-group textarea {
width: 100%;
background-color: #fff;
border: none;
border-radius: 5px;
padding: 15px;
color: #000;
}
#cmt-form .comment-form .form-group input:focus,
#cmt-form .comment-form .form-group textarea:focus {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#cmt-form .comment-form .form-group input {
height: 60px;
}
#cmt-form .comment-form .form-group textarea {
height: 145px;
resize: none;
}
.post-cat-title {
font-size: 24px;
font-weight: 500;
margin-bottom: 25px;
}
.post-cat-title span {
font-weight: 600;
color: #198754;
}
.post-cat-title {
font-size: 24px;
line-height: 1;
font-weight: 500;
margin-bottom: 25px;
}
.post-cat-title span {
font-weight: 600;
color: #198754;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .social-profile.style1 li a, .social-profile.style2 li a, .feature-item-wrap .feature-item .feature-icon, .feature-card .feature-icon, .contact-us-wrap .contact-item .contact-icon, .header-wrap .header-top .header-top-left, .header-wrap .header-top .header-top-right, .select-lang .navbar-language .dropdown-toggle, .hero-wrap.style2 .hero-content .hero-contact, .hero-wrap.style2 .hero-content .hero-btn, .hero-wrap.style3 .hero-content .hero-btn, .exchange-table-wrap .exchange-table table thead tr th .inverse, .exchange-table-wrap .exchange-table table tbody tr td .country-flag, .exchange-table-wrap .add-currency, .feature-card.style3 .feature-title, .feature-card.style5 .feature-title, .testimonial-card .client-info-area, .testimonial-card .client-info-area .client-info-wrap, .converter-alert-text, .wp-block-quote, .hero-wrap.style2 .hero-img-wrap, .about-wrap.style2 .about-img-wrap, .about-wrap.style3 .about-img-wrap, .owl-carousel .owl-nav, .pp-post-item, .hero-wrap.style2 .hero-img-wrap .hero-promo-text, .currency-card, .feature-item-wrap .feature-item, .feature-card.style4, .feature-card.style6, .counter-card-wrap, .contact-us-wrap .contact-item, .convert-box .convert-tablist, .post-author, .comment-item-wrap .comment-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.header-wrap .header-top .header-top-left, .header-wrap .header-top .header-top-right, .select-lang .navbar-language .dropdown-toggle, .hero-wrap.style2 .hero-content .hero-contact, .hero-wrap.style2 .hero-content .hero-btn, .hero-wrap.style3 .hero-content .hero-btn, .exchange-table-wrap .exchange-table table thead tr th .inverse, .exchange-table-wrap .exchange-table table tbody tr td .country-flag, .exchange-table-wrap .add-currency, .feature-card.style3 .feature-title, .feature-card.style5 .feature-title, .testimonial-card .client-info-area, .testimonial-card .client-info-area .client-info-wrap, .converter-alert-text, .wp-block-quote {
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
/*---------------------------------
Footer CSS
-----------------------------------*/
.footer-wrap {
position: relative;
background-color: #111111;
}
.footer-wrap .footer-widget {
margin-bottom: 25px;
}
.footer-wrap .footer-widget .footer-widget-title {
position: relative;
font-size: 24px;
font-weight: 700;
color: #fff;
margin-bottom: 30px;
padding-bottom: 20px;
}
.footer-wrap .footer-widget .footer-widget-title:before {
position: absolute;
bottom: 0px;
left: 0;
content: "";
width: 90px;
height: 2px;
background-color: rgba(255, 255, 255, 0.15);
}
.footer-wrap .footer-widget .footer-widget-title:after {
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 35px;
height: 2px;
background-color: #198754;
}
.footer-wrap .footer-widget .footer-logo {
display: block;
}
.footer-wrap .footer-widget .comp-desc {
color: rgba(255, 255, 255, 0.8);
margin: 20px 0;
padding-right: 10px;
}
.footer-wrap .footer-widget .social-profile li a {
color: #fff;
font-size: 18px;
}
.footer-wrap .footer-widget .social-profile li a:hover {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.footer-wrap .footer-widget .footer-menu li {
margin-bottom: 15px;
}
.footer-wrap .footer-widget .footer-menu li:last-child {
margin-bottom: 0;
}
.footer-wrap .footer-widget .footer-menu li a {
color: rgba(255, 255, 255, 0.8);
position: relative;
}
.footer-wrap .footer-widget .footer-menu li a:after {
position: absolute;
bottom: -2px;
left: 0;
content: "";
width: 0;
height: 1px;
background-color: #198754;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.footer-wrap .footer-widget .footer-menu li a:hover {
color: #198754;
}
.footer-wrap .footer-widget .footer-menu li a:hover:after {
width: 100%;
visibility: visible;
opacity: 1;
}
.footer-wrap .footer-widget .footer-menu li a:hover i {
color: #198754;
}
.footer-wrap .footer-widget .contact-info li {
position: relative;
padding-left: 25px;
margin-bottom: 15px;
}
.footer-wrap .footer-widget .contact-info li:last-child {
margin-bottom: 0;
}
.footer-wrap .footer-widget .contact-info li h6 {
color: #fff;
font-weight: 500;
margin: 0 0 5px;
}
.footer-wrap .footer-widget .contact-info li i {
position: absolute;
top: 4px;
left: 0;
font-size: 16px;
line-height: 1;
color: #198754;
}
.footer-wrap .footer-widget .contact-info li p, .footer-wrap .footer-widget .contact-info li a {
color: rgba(255, 255, 255, 0.8);
margin-bottom: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.footer-wrap .footer-widget .contact-info li:hover p, .footer-wrap .footer-widget .contact-info li:hover a {
color: #198754;
}
.copyright-text {
padding: 18px 10px;
text-align: center;
margin: 0;
color: #fff;
text-align: center;
border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.copyright-text i {
position: relative;
top: 2px;
margin-right: 2px;
}
.copyright-text a {
color: #198754;
font-weight: 500;
}
.copyright-text a:hover {
text-decoration: underline;
}
@media only screen and (max-width: 767px) {
.footer-wrap .footer-widget .footer-widget-title {
font-size: 20px;
margin-bottom: 12px;
}
.footer-wrap .footer-widget .comp-desc {
font-size: 14px;
padding-right: 10px;
}
.footer-wrap .footer-widget h6 {
font-size: 16px;
}
.footer-wrap .footer-widget .contact-info li {
margin-bottom: 10px;
}
.footer-wrap .footer-widget .contact-info p, .footer-wrap .footer-widget .contact-info a {
font-size: 14px;
}
.footer-wrap .footer-widget .footer-menu li {
margin-bottom: 8px;
}
.footer-wrap .footer-widget .footer-menu li a {
font-size: 14px;
}
.footer-wrap .footer-widget .footer-menu li a i {
font-size: 11px;
top: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer-wrap .footer-widget .footer-widget-title {
font-size: 22px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer-wrap .footer-widget .comp-desc {
padding-right: 20px;
}
}
@media only screen and (max-width: 1199px) {
.footer-wrap .footer-top .footer-widget .footer-widget-title {
margin-bottom: 18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer-menu li a,
.comp-desc,
.footer-wrap .footer-widget .contact-info li p,
.footer-wrap .footer-widget .contact-info li a {
font-size: 15px;
}
.footer-wrap .footer-widget .footer-widget-title {
font-size: 20px;
}
}
@media only screen and (min-width: 1400px) {
.footer-wrap .footer-widget .comp-desc {
padding-right: 20px;
}
}
/*-------------------------------
Buy Now Btn
-------------------------------*/
.buy-now-btn {
right: 20px;
z-index: 99;
top: 50%;
position: fixed;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 30px;
display: inline-block;
color: #fff;
background-color: #82b440;
padding: 10px 20px 10px 42px;
-webkit-box-shadow: 0 1px 20px 1px #82b440;
box-shadow: 0 1px 20px 1px #82b440;
font-size: 15px;
font-weight: 600;
}
.buy-now-btn img {
top: 50%;
left: 20px;
width: 15px;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.buy-now-btn:hover {
color: #fff;
background-color: #94be5d;
}
/*# sourceMappingURL=style.css.map */
b IDATxytVսϓ22 A@IR :hCiZ[v*E:WũZA ^dQeQ @ !jZ'>gsV仿$|?g)&x-E IENT ; @x T.i%-X} SvS5.r/ UHz^_$-W" w)Ɗ/ @Z &IoX P$K} JzX:;` &, ŋui,e6mX
Եr Kb1ԗ) D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A ݀!I*]R;I2$eZ#ORZSrr 6mteffu*((Pu'v{ DIߔ4^pIm '77WEEE;vƎ 4- $]'RI{\I&G :IHJ
DWBB=\WRm
o$K(V 9 ABB.}jѢv `^?IOȅ} ڶmG }T#FJ`5 6$- ھ}FI&v;0(h; Б 38CӧOWf!; A
i:F _m9s&|q%=# wZprrrla
A & P\\СC[A#! { olF}
`E2} MK/vV )i{ 4BffV\|ۭX `b@kɶ@%i$K z5zhmX [IXZ ` 'b%$r5 M4º /l
ԃ ߖ xhʔ)[@=}
K6IM}^ 5k㏷݆z
ΗÿO:gdGBmyT/@+Vɶ纽zl.yit뭷zV 0[Y^>Wsqs}\/@$(T7f.Inݺi R$푔n.~?H))\Z RW'Mo~v
Ov6oԃ xz! S,&xm/yɞԟ?'uaSѽb, 8GלKboi&3 t7Y,)JJ c[nzӳdE&KsZLӄ I ?@ & %ӟ۶mSMMњ0 iؐSZ, |J+N
~,0A 0!5%Q-YQQa 3 }$_vVr f9f?S 8` z D A D A D A D A D A D A D A D A D A dqP,تmMmg 1V?rSI꒟]u|l
RCyEf٢9 jURbztѰ!m5~tGj2DhG*{H9)꒟ר3:(+3\?/;TUݭʴ~S6lڧUJ*i$d(#=Yݺd{,p|3B)) q:vN0Y.jkק6;SɶVzHJJЀ-utѹսk>QUU \~]fFnK?&ߡ5b=z9)^|u_k-[ y%ZNU6 7Mi:]ۦ tk[n
X(e6 Bb."8cۭ|~teuuw|ήI-5"~Uk;ZicEmN/:]M>
cQ^uiƞ??Ң pc# TUU3UakNwA`:Y_V-8.KKfRi tv*
9S6ֿj,ՃNOMߤ]z^fOh|<>@Å5 _/Iu?{SY4hK/2]4%it5q]GGe2%iR|
W&f*^]??vq[LgE_3f}Fxu~}qd-ږFxu~I N >\;͗O֊:̗WJ@ Bh W=y|GgwܷH_NY?)Tdi'?խwhlmQi !SUUsw4kӺe4rfxu-[nHtMFj}H_u~w>)oV}(T'ebʒv3_[+vn @Ȭ\S}ot}w=k HFnxg S 0eޢm~l}uqZfF oZuuEg
`zt~? b;t%>WTkķh[ 2eG8LIWx,^\thrl^Ϊ{=dž<}qV@ ⠨Wy^LF_>0UkD uʫuCs$)I v:IK; 6ֲ4{^6 եm+l 3>݆uM 9u ?>Zc }g~qhKwڭ e FMM~pМuqǿz6Tb@8 @Y|jx](^]gf}M"tG
-w.@ vOqh~/HII` S[l.6nØXL9vU cOoB\xoǤ'T&I ǍQw_wpv[kmO{w~>#=P1Pɞa-we:iǏlHo꒟f9SzH?+shk%Fs:q VhqY `jvO'ρ?PyX3lх]˾uV{ݞ]1,MzYNW~̈́ joYn}ȚF߾mS]F z+EDxm/d{F{-W-4wY듏:??_gPf
^3ecg ҵs8R2מz@TA NGj)}CNi/R~}c:5{! ZHӋӾ6}T] G]7W6^n
9*,YqOZj :P?Q D FL|?-^.Ɵ7}fFhxe2Ps cz1&5\cn[=Vn[ĶE鎀uˌd3GII k;lNmشOuuRVfBE]ۣe Ӷu
:X-[(er4~LHi6:Ѻ@ԅr ST0 trk%$Č0 ez" *z " T/X9|8.C5Feg} C Q%͞ˣJvL/? j^ h & 9xF`њZ( & yF&Iݻfg #W;3^{Wo^4'v V[[K';+mӍִ] AC @ W?1^{එyh +^]fm~iԵ] AB @WTk̏t uR?l.OIHiYyԶ] Aˀ 7c:q}ힽaf6Z~қm(+sK4{^6}T *UUu]n.:kx{:2 _m=sAߤU@? Z-Vކе z왍Nэ{|5 pڶn b
p-@sPg]0G7fy-M{GCF'%{4` =$-Ge\ eU:m+Zt'WjO!OAF @ik&t݆ϥ_
e}=]" Wz_.͜E3leW Fih|t-wZۍ-uw=6 YN {6|} | *={Ѽn.S .z1z jۻTH]흾 D uDvmvK .` V]yY~sI@t?/ϓ. m&[ " +P?MzovVЫG3- G RR[(!!\_,^%?v@ ҵő
m`Y)tem8GM x.))A]Y i`ViW`?^~! S#^+ѽGZj?Vģ 0.))AlzL*]OXrY `DBBLOj{-MH'ii-ϰ ok7^
)쭡b]UXSְmռY|5 *cֽk0B7镹%ڽP# 8nȎq}mJr23_>lE5$iwui+ H~F`IjƵ@q
\ @#qG 0" . 0" l ` . 0! , AQHN6qzkKJ#o;`Xv2>,tێJJ7Z/*A .@fفjMzkg @TvZH3Zxu6Ra'%O?/d Q5x YkU]Rֽkق@ DaS^RSּ5|BeHNN͘p
HvcYcC5:y
#`οb; z2 .!kr}gUWkyZn=f Pvsn3p~;4p˚=ē~NmI] ¾ 0lH[_L hs h_ ғߤc_њe c) g 7VIZ5 yrgk̞W#IjӪv>՞y睝M8[ |]\շ 8M 6%|@P ZڨI-m>=k= 'aiRo-x?>Q. }`Ȏ:Wsmu u >
.@,&;+!!˱tﭧD QwRW\vF\~Q7>sp Yw$%A~;~}6 ¾ g &if_=j,v+U L1(tW ake:@Ș>j$Gq2t7S?vL|]u/ .(0 E 6Mk6hiۺzښOrifޱxm/Gx> Lal%%~{lBsR4* }{0Z/ tNIɚpV ^# Lf:u@k#RSu
=S^ZyuR/.@n&z~B=0eg뺆#,Þ[ B/?H uUf7y
Wy}Bwegל`Wh(||`l`.;Ws?V@" c:iɍL֯PGv6zctM̠':wuW;d=;EveD}9J@ B(0iհ bvP1{\P&G7DIy_$-Q jm~Yrr&]CDv%bh|Yzni _ R ;kg}nJOIIwy uL}{ЌNj}:+3Y?:WJ/N+Rzd=hb;dj͒suݔ@NKMԄ jqzC5 @y°hL m;*5ezᕏ=ep
XL n?מ:r`۵tŤZ|1v`V뽧_csج'ߤ%oTuumk%%%h)uy]Nk[n
'b2 l.=͜E%gf$[c;s:V-͞WߤWh-j7]4=F-X]>ZLSi[Y*We; Zan(Ӈ W|e(HNNP5[=
r4tP
&0< pc# `vTNV
GFqvTi * Tyam$ߏWyE* VJKMTfFw >'$-ؽ.Ho.8c"@ D A D A D A D A D A D A D A D A D A~j*֘, N;Pi3599h=g oض L giJ5փy~}&Zd9 p֚
e:|hL``b/d9 p? fgg+%%hMg Xosج, ΩOl0Zh=x djL mhݻo O [g_l, 8a]٭+ӧ0 $I] c]:粹:Teꢢ"5a^Kgh,&= =՟ ^߶ߢE ܹS J}I%:8
IDAT~,9/ʃ PW'Mo }zNƍ쨓zPb NZ~^z=4mswg;5 Y~SVMR XUյڱRf?s:w
; 6H:º i 5 -maM &O3; 1IKeam Zh͛7+##v+c ~u~ca] GnF'ټL~ PPPbn
v oC 4R,ӟgg %hq} @#M4IÇ Oy^xM Zx
) yO w @HkN˖-Sǎ mb]X@n+i͖ !++K3gd\$mt$^ YfJ \8PRF )77Wא!Cl $i: @@_oG I{$# 8磌ŋ9 1A (Im7 ֭>}ߴJq7ޗt^ -[ԩSj*}%]&'
- ɓ'ꫯVzzvB#; a
7@GxI{jƌ.LÇWBB7 `O"I$ /@R @ eee@۷ >}0 ,ɒ2$53Xs|cS~r pTYYY} k Hc %&k.], @ A D A D A D A D A D A D A D A D A @lT<%''*Lo^={رc5h %$+CnܸQ3fҥK}vUVVs9G
R,_{ xˇ3 o߾;TTTd}馛]uuuG~iԩ@4 bnvmvfϞ /Peeeq}}z a
I~,誫{UWW뮻}_~YƍSMMMYχ ֝waw \ ď cxꩧtEƍկ_?۷5@u ?1kNׯWzz/wy>}zj3 k (ٺu q_Zvf̘:~ AB Q&r| ! %KҥKg Ԟ={<_X-z ! CyFUUz~ AB QIIIjݺW $ UXXDٳZ~ AB QƍecW $<(~<RSSvZujjjԧO ZQu@4 8m&&&jԩg $ ď 1h ͟?_{768@ g
=@ `)))5o6m 3 ) ѣƌJ;wҿUTT /KZR{~a=@ 0o<*狔iFɶ[ˎ ;T]] OX@ ?K.ۈxN p p p p p p p p p p p p p p p p pP fl߾] ,{ｧk۶mڿo5 BTӦMӴiӴ|r D B2e |An!D y'tkΝ[A $***t5'
" !駟oaD nΝ:t֭[gD ШQ0 6qD;@ x M6v( PiizmZ 4ew" @ ̴ixf [~-F ٱc&IZ 2|n!?$ @{[HTɏ #@h Ȏ I# _m (F /6Z3 z'\r, r!;w2Z3j=~G Y 7"I$i I. p_" ? p N` y D D ?: _ G ÿa b7 J ! Bx @0 Bo
cG @`1C [ @0G
@`0C _ u V1 aC X > W ` | `! < S `" <. `# c `? cA C 4
? c p# ~ @0 ?: 0 8& _ M Q1 J h# ? /` 7; I q 7 a w Q A 1 H p
! #< 8/# @1Ul7 =S=K.4Z?E _$i@ ! 1!E 4? ` P_ @B ă 1 0# : " aU,xb F Y1
[n |n
#' v EH:`x b
# v D 4 Y hi.i& EΖv# O H 4IŶ}:Ik h @tZRF # (tXҙzZ ? I3l7 q@õ|ۍ 1,GpuY Ꮿ@ hJv# x xk$
v# 9 5 }_$ c S#=+"K {F*m7`# %H:NRS p6I?sIՖ{Ap$I$I:QRv2$Z @UJ*$]<FO4 IENDB`