@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins';
}
:root {
--primary-color: #21CDC0;
--primary-color-light: #21CDC0;
--pr-overlay: rgb(232 250 249);
--secondary-color: #213360;
--bg-1: #213360;
--highlight-color: #FF3332;
--white: #fff;
--dark-bg-2: #fff;
--dark-1: #fff;
--dark-2: #fff;
--dark-3: #213360;
--text-white: #fff;
--dark-bg: #fff;
}
.dark-mode:root {
--dark-1: #213360;
--dark-2: #16213a;
--dark-3: #16213a;
--pr-overlay: #16213a;
--dark-bg-2: #1e3749;
--secondary-color: #fff;
--white: #1e3749;
--dark-bg: #14212a;
--primary-color-light: #14212a;
}
body {
background: var(--dark-2);
overflow-x: hidden;
}
.switcher {
visibility: hidden;
opacity: 0;
position: fixed;
z-index: 99;
bottom: 0%;
left: 50%;
transform: translate(-50%, -50%);
transition: 0.65s;
}
.switcher.show-dark_mode {
visibility: visible;
opacity: 1;
bottom: 4%;
}
#dark-mode-switch {
display: none;
}
.switcher .button {
display: inline-block;
width: 80px;
height: 40px;
background-color: var(--dark-3);
border-radius: 30px;
position: relative;
cursor: pointer;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
animation: backInUp .6s linear;
border: 1px solid rgb(213 213 213 / 50%);
}
.switcher .button::after {
content: "\f185";
width: 40px;
height: 40px;
background-color: var(--dark1);
border: 2px solid #fafafa;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0, 0, 0, .25);
position: absolute;
top: -1px;
left: -1px;
display: grid;
place-content: center;
line-height: 0;
transition: background-color 1s, transform 1s ease-in;
font-family: 'Font Awesome 5 Free';
font-weight: 600;
color: #f1bd00;
font-size: 20px;
}
.switcher.show-dark_mode::before {
position: absolute;
z-index: -1;
content: '';
top: 105%;
left: 5%;
height: 10px;
width: 90%;
opacity: 1;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
#dark-mode-switch:checked+.button::after {
content: "\f186";
background-color: var(--dark-3);
transform: translateX(40px) rotate(360deg);
color: var(--text-white);
}
::selection {
background: var(--secondary-color);
color: var(--primary-color);
}
.main-menu .menu-item a.active {
color: var(--primary-color) !important;
background: transparent !important;
}
.main-menu .dropdown .dropdown-menu .menu-item a.active {
color: var(--highlight-color) !important;
background: transparent !important;
}
.main-menu li a.active::before {
transform-origin: left;
transform: scaleX(1);
}
button[type="submit"]:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
a:focus {
outline: 1px dotted var(--primary-color) !important;
color: inherit;
text-decoration: none;
outline-offset: -3px;
}
.main-slider-1 {
overflow: hidden;
}   p{
word-wrap: break-word;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-weight: 400;
margin: 0 0 20px;
font-weight: 600;
}
h1,
.h1 {
font-size: 36px;
line-height: 42px;
}
h2,
.h2 {
font-size: 32px;
line-height: 38px;
}
h3,
.h3 {
font-size: 28px;
line-height: 34px;
}
h4,
.h4 {
font-size: 24px;
line-height: 28px;
}
h5,
.h5 {
font-size: 20px;
line-height: 24px;
}
h6,
.h6 {
font-size: 16px;
line-height: 20px;
} blockquote {
padding: 10px 20px;
margin: 0 0 20px;
background: var(--secondary-color);
}
blockquote,
blockquote p {
font-size: 15px;
font-style: italic;
font-weight: 500;
line-height: 21px;
letter-spacing: 1px;
border-left: 5px solid var(--primary-color);
color: #ffffff;
}
blockquote cite,
blockquote small {
font-size: 15px;
display: block;
line-height: 20px;
padding-top: 15px;
color: var(--primary-color);
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}
blockquote strong,
blockquote b {
font-weight: 600;
}
.site a {
color: var(--primary-color);
text-decoration: underline;
}
.site a:hover,
.site a:focus-within {
color: var(--primary-color);
text-decoration: dotted underline;
} address {
font-style: italic;
margin: 0 0 20px;
font-weight: 600;
letter-spacing: 0.5px;
line-height: 27px;
} table {
border: 1px solid #e9e9e9;
background: var(--dark-2);
border-spacing: 0;
letter-spacing: 0.5px;
margin: 0 0 20px;
color: var(--bg-1);
text-align: left;
table-layout: fixed;
width: 100%;
}
table th {
padding: 10px 10px;
color: #fff;
background: var(--primary-color);
}
table th {
border-right: solid 1px rgba(100, 100, 111, 0.2);
}
table td {
border: 1px solid rgba(149, 157, 165, 0.2);
padding: 8px 10px;
color: var(--secondary-color);
} a {
text-decoration: underline;
color: var(--secondary-color);
word-wrap: break-word;
}
a:hover,
a:focus-within {
color: var(--primary-color);
text-decoration: underline dotted;
} dl {
margin-bottom: 25px;
margin-top: 0;
}
dl dt {
font-weight: 700;
margin-bottom: 10px;
font-family: "Open Sans", sans-serif;
color: #000;
}
dl dd {
margin-bottom: 20px;
margin-left: 15px;
}
abbr,
tla,
acronym {
text-decoration: underline;
cursor: help;
}
acronym {
border-bottom: 0 none;
}
big {
font-size: large;
font-weight: 600;
}
s,
strike,
del {
text-decoration: line-through;
}
em,
cite,
q {
font-style: italic;
font-weight: 600;
color: var(--primary-color);
}
ins {
text-decoration: none;
padding: 0 3px;
}
code,
kbd,
tt,
var,
samp,
pre {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
background: var(--secondary-color);
color: #ffffff;
padding: 2px 5px;
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
max-width: 100%;
overflow: auto;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
mark {
color: var(--text-white);
background: #ff0;
padding: 2px 5px;
}
.search-form label {
width: 100%;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
iframe {
width: 100%;
height: 100%;
}
.gallery ~ p{
clear:both;
}
img {
width: 100%;
height: auto;
} .page-section {
padding: 80px 0;
}  .overlay-enabled {
overflow: hidden;
}
.header .top-above-header {
background: var(--dark-3);
padding: 10px;
border-bottom: 1px solid rgba(180 180 180 / 20%);
}
.header .top-above-header .left-widget .wp-block-categories-dropdown {
display: flex;
align-items: center;
justify-content: start;
gap: 10px;
}
.header .left-widget .widget,
.header .right-widget .widget {
margin: 0;
}
.header .top-above-header .left-widget select#wp-block-categories-2 {
padding: 5px 13px;
border-radius: 50px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' width='38px' height='38px' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10c5.515 0 10-4.486 10-10S17.515 2 12 2zm0 14-5-6h10l-5 6z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 103%;
appearance: none;
outline: none;
width: 125px;
cursor: pointer;
font-weight: 500;
}
.header .top-above-header .left-widget select#wp-block-categories-2 option {
background: var(--dark-bg-2);
color: var(--secondary-color);
transition: 1s;
}
.header .top-above-header .left-widget select#wp-block-categories-2 option:hover,
.header .top-above-header .left-widget select#wp-block-categories-2 option:focus {
background: var(--primary-color);
color: var(--text-white);
}
.header .top-above-header .left-widget p {
margin-bottom: 0;
color: var(--text-white);
font-size: 16px;
font-weight: 500;
}
select option {
background-color: var(--bg-1) !important;
font-weight: 500!important;
color: var(--text-white) !important;
}
.header .top-above-header .right-widget {
display: block;
margin-top: 3px;
}
.header .top-above-header .right-content {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 30px;
}
.header .top-above-header .right-content>.icon .action-icon {
color: var(--text-white);
position: relative;
display: inline-block;
border-radius: 50%;
background: var(--highlight-color);
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.header .top-above-header .right-content>.icon .action-icon:before {
animation: wave 2s infinite;
content: "";
position: absolute;
inset: 0;
border-radius: 100px;
}
.header .top-above-header .right-content>.icon .action-icon:after {
animation: wave2 2s infinite;
content: "";
position: absolute;
inset: 0;
border-radius: 100px;
}
@keyframes wave {
0% {
box-shadow: 0 0 0 1px #8e8e8e;
}
100% {
box-shadow: 0 0 0 10px #8e8e8e;
opacity: 0;
}
}
@keyframes wave2 {
0% {
box-shadow: 0 0 0 0 #8e8e8e;
}
100% {
box-shadow: 0 0 0 15px #8e8e8e;
opacity: 0;
}
}
.header .top-above-header .right-widget .widget-contact {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 20px;
}
.header .top-above-header .right-widget .widget-contact .contact-area {
display: flex;
align-items: baseline;
gap: 10px;
transition: 1s;
}
.header .top-above-header .right-widget .widget-contact .contact-area:hover .contact-icon,
.header .top-above-header .right-widget .widget-contact .contact-area:focus-within .contact-icon {
animation: rubberBand 1s linear infinite;
}
.header .top-above-header .right-widget .widget-contact .contact-area .contact-icon>i {
color: var( --primary-color);
font-size: 20px;
}
.header .top-above-header .right-widget .widget-contact .contact-area .contact-info .text {
margin-bottom: 0;
color: var(--text-white);
}
.header .top-above-header .right-widget .widget-contact .contact-area .contact-info .text>a {
text-decoration: none;
color: var(--text-white);
font-size: 16px;
font-weight: 500;
}
.header .top-above-header .right-widget .slide {
animation: flipInX .6s linear;
}
.header .top-above-header .right-widget .slide {
animation: flipInX .6s linear;
}
.header .top-above-header .right-content>.icon .action {
background: var(--dark-3);
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
width: 350px;
position: absolute;
border: 1px solid rgba(136, 138, 140, 0.481);
z-index: 2;
top: 60px;
right: 100px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
transition: 0.5s;
opacity: 0;
visibility: hidden;
transform: rotateY(90deg);
}
.header .top-above-header .right-content>.icon:hover .action,
.header .top-above-header .right-content>.icon:focus-within .action {
opacity: 1;
visibility: visible;
transform: rotateY(0deg);
}
.header .top-above-header .right-content>.icon .action .icon-wrap::after {
content: '';
border: 2px dashed var(--primary-color);
position: absolute;
inset: -7px;
border-radius: 50%;
animation: rotate 10s infinite linear;
}
@keyframes rotate {
to {
transform: rotate(360deg);
}
}
.header .top-above-header .right-content>.icon .action .icon-wrap {
width: 80px;
height: 80px;
line-height: 80px;
background: var(--primary-color);
border-radius: 50%;
font-size: 35px;
color: var(--text-white);
text-align: center;
display: block;
position: relative;
margin: 30px;
}
.header .top-above-header .right-content>.icon .action .text-wrap h2 {
font-weight: 700;
font-size: 40px;
color: var(--text-white);
margin-bottom: 10px;
}
.header .top-above-header .right-content>.icon .action .text-wrap p {
color: var(--text-white);
}
.header .top-above-header .right-content>.icon .action .main-button {
z-index: 0;
text-decoration: none;
border: 1px solid var(--primary-color);
border-radius: 50px;
padding: 15px;
color: var(--text-white);
font-size: 16px;
margin: 20px;
font-weight: 600;
transition: .6s;
background: var(--primary-color);
color: var(--text-white);
}
.header .top-above-header .right-content>.icon .action .main-button:hover,
.header .top-above-header .right-content>.icon .action .main-button:focus-within {
background: transparent;
}
.header .top-above-header .right-content>.icon .action .main-button span {
border-right: 1px solid var(--text-white);
padding-right: 10px;
}
.header .top-above-header .right-content>.icon .action .main-button>i {
padding-left: 10px;
} .main-slider-3 .item .cover .slider-content {
position: relative;
max-width: 744px;
margin-top: 199px;
}
.home-slider.item {
height: 100vh;
position: relative;
float: left;
display: inline-table;
}
.item img {
width: 100%;
height: auto;
display: inline-block;
transition: 2s;
transition-delay: 1s;
min-height: 200px;
object-fit: cover;
}
.item .cover {
padding: 75px 0;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0;
display: flex;
align-items: center;
z-index: 1;
}
.item .cover::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgb(0 0 0 / 50%);
transition: 2s;
z-index: -1;
}
.item .cover .slider-content {
position: relative;
max-width: 650px;
}
.slider-content .main-button.active {
background: var(--primary-color);
}
.slider-content .slider-footer {
display: flex;
align-items: center;
justify-content: start;
}
.slider-content .main-button {
z-index: 0;
text-decoration: none;
border: 1px solid var(--primary-color);
border-radius: 50px;
padding: 10px 20px;
margin-right: 10px;
color: var(--text-white);
font-size: 16px;
overflow: hidden;
}
.slider-content .main-button:hover,
.slider-content .main-button:focus-within {
background: transparent;
}
.slider-content .main-button>span {
border-right: 1px solid var(--text-white);
padding-right: 10px;
}
.slider-content .text {
color: var(--text-white);
font-weight: 500;
font-size: 16px;
}
.slider-content .video-button {
width: 40px;
height: 40px;
background: var(--highlight-color);
line-height: 40px;
text-align: center;
border-radius: 50%;
font-size: 16px;
display: inline-block;
position: relative;
margin-right: 20px;
color: var(--text-white);
}
.slider-content .video-button::after {
animation: wave3 2s infinite;
content: "";
position: absolute;
inset: 0;
border-radius: 100px;
}
.slider-content .video-button::before {
content: "";
position: absolute;
inset: 0;
border-radius: 100px;
animation: wave4 2s infinite;
}
@keyframes wave3 {
0% {
box-shadow: 0 0 0 0px var(--highlight-color);
}
100% {
box-shadow: 0 0 0 10px var(--highlight-color);
opacity: 0;
}
}
@keyframes wave4 {
0% {
box-shadow: 0 0 0 0 var(--highlight-color);
}
100% {
box-shadow: 0 0 0 20px var(--highlight-color);
opacity: 0;
}
}
.slider-content .main-button>i {
padding-left: 10px;
}
a.main-button.sp-1 {
margin-right: 15px;
}
.item .cover .slider-content h2 {
font-weight: 900;
font-size: 65px;
color: var(--primary-color);
line-height: 1.2;
word-break: break-word;
-webkit-text-stroke: 1px;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 8px;
}
.item .cover .slider-content h2>.slider-sub-title {
color: var(--text-white)
}
.item .cover .slider-content>p {
font-weight: 300;
color: var(--text-white);
text-align: justify;
margin-bottom: 40px;
}
.item .cover .slider-content h1 {
font-size: 25px;
font-weight: 400;
color: #fff;
vertical-align: middle;
margin: 0 0 10px;
}
.item .cover .slider-content h4 {
font-size: 24px;
font-weight: 300;
line-height: 36px;
color: #fff;
display: initial;
}
.owl-item.active h1 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInDown;
animation-delay: 0.3s;
}
.owl-item.active h2 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInDown;
animation-delay: 0.3s;
}
.owl-item.active p {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInUp;
animation-delay: 0.3s;
}
.owl-item.active .main-button {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: zoomIn;
animation-delay: 1s;
transition: 1s;
}
.owl-item.active h4 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInUp;
animation-delay: 0.3s;
}
.owl-item.active .line {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInLeft;
animation-delay: 0.3s;
}
#main-slider {
position: relative;
}
.main-slider-3#main-slider .owl-nav .owl-prev,
.main-slider-3#main-slider .owl-nav .owl-next {
border-radius: 100px;
}
#main-slider.main-slider-3 .owl-nav [class*=owl-]:after {
border-radius: 100px;
}
#main-slider .owl-nav .owl-prev,
#main-slider .owl-nav .owl-next {
top: 50%;
transform: translate(0, -50%);
color: var(--text-white);
}
.main-slider-3#main-slider .owl-nav .owl-prev,
.main-slider-3#main-slider .owl-nav .owl-next {
top: 54%;
transform: translate(0, -50%);
}
#main-slider .owl-nav .owl-prev {
position: absolute;
left: 15px; -webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
width: 80px;
cursor: pointer;
height: 80px;
position: absolute;
display: block;
z-index: 1000;
border-radius: 0;
}
#main-slider.main-slider-2 .owl-nav .owl-prev:hover,
#main-slider.main-slider-2 .owl-nav .owl-next:hover,
#main-slider.main-slider-2 .owl-nav .owl-prev:focus-within,
#main-slider.main-slider-2 .owl-nav .owl-next:focus-within {
color: var(--text-white);
}
#main-slider.main-slider-2 .owl-nav [class*=owl-]:after {
background-color: rgba(0 0 0 / 50%);
color: #000;
border-radius: 100px;
}
#main-slider.main-slider-2 .owl-nav [class*=owl-]:hover:after,
#main-slider.main-slider-2 .owl-nav [class*=owl-]:focus-within:after {
background: rgba(0 0 0 / 50%);
opacity: 1;
}
.owl-nav.disabled, .owl-dots.disabled {
display:none;
}
#main-slider .owl-nav .owl-prev,
#main-slider .owl-nav .owl-next {
visibility: hidden;
opacity: 0;
}
#main-slider:hover .owl-nav .owl-prev,
#main-slider:hover .owl-nav .owl-next,
#main-slider:focus-within .owl-nav .owl-prev,
#main-slider:focus-within .owl-nav .owl-next {
visibility: visible;
opacity: 1;
}
.main-slider-1#main-slider .owl-nav .owl-prev i,
.main-slider-1#main-slider .owl-nav .owl-next i {
width: 30px;
height: 30px;
border-radius: 5px;
color: var(--text-white);
line-height: 30px;
font-size: 30px;
transition: 0.65s;
text-align: center;
display: inline-block;
}
.main-slider-3#main-slider .owl-nav .owl-prev i,
.main-slider-3#main-slider .owl-nav .owl-next i {
width: 30px;
height: 30px;
border-radius: 5px;
color: var(--text-white);
line-height: 30px;
font-size: 30px;
transition: 0.65s;
text-align: center;
display: inline-block;
}
.main-slider-1#main-slider .owl-nav .owl-prev:hover i,
.main-slider-1#main-slider .owl-nav .owl-next:hover i,
.main-slider-1#main-slider .owl-nav .owl-prev:focus-within i,
.main-slider-1#main-slider .owl-nav .owl-next:focus-within i {
color: var(--primary-color);
}
.main-slider-1 .owl-nav .owl-prev span {
font-size: 1.6875rem;
color: #fff;
}
.main-slider-1 .owl-nav .owl-prev:focus {
outline: 0;
}
#main-slider .owl-nav .owl-next {
position: absolute;
right: 15px;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
width: 80px;
cursor: pointer;
height: 80px;
position: absolute;
display: block;
z-index: 1000;
border-radius: 0;
}
.main-slider-3 .owl-dots {
position: absolute;
left: 50%;
bottom: 4%;
transform: translate(-50%, 0);
}
.main-slider-3 .owl-dots .owl-dot {
width: 10px;
height: 10px;
border-radius: 10px;
background-color: var(--text-white);
margin: 5px;
}
.main-slider-3 .owl-dots .owl-dot.active {
background-color: var(--primary-color);
}
.slider-carousel .owl-nav [class*=owl-]:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
opacity: 0.6;
z-index: -1;
background-color: #000;
border-radius: 50%;
}
.main-slider-1 .owl-theme .owl-nav [class*=owl-] span {
font-size: 16px;
font-weight: 500;
letter-spacing: 0.3px;
}
#main-slider .owl-carousel button.owl-next,
#main-slider .owl-carousel button.owl-prev {
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
background-position: center center;
background-size: cover;
border-radius: 50%;
}
.main-slider-1 .owl-theme .owl-dots,
.owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent;
line-height: 0;
margin: 0;
}
.main-slider-1 .owl-nav .owl-next span {
font-size: 1.6875rem;
color: #fff;
}
.main-slider-1 .owl-nav .owl-next:focus {
outline: 0;
} section.info-section {
margin-top: -42px;
z-index: 2;
position: relative;
}
section.info-section .toggle-btn {
width: 100%;
margin: 0 auto;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin: 0px auto;
}
section.info-section button#toggle-btn {
width: 150px;
border: 0;
position: relative;
padding: 10px;
border-radius: 30px 30px 0px 0px;
background: var(--highlight-color);
color: #fff;
font-weight: 600;
}
section.info-section .toggle-btn i {
position: absolute;
top: -20px;
left: 61px;
font-size: 20px;
background: var(--white);
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
line-height: 30px;
color: var(--highlight-color);
transition: 1s; border: 1px solid var(--highlight-color);
}
section.info-section .item {
background: var(--dark-3);
padding: 15px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border-radius: 50%;
width: 170px;
color: #fff;
position: relative;
height: 170px;
cursor: pointer;
border: 1px solid rgba(160 160 160 / 20%);
box-shadow: rgba(71, 71, 72, 0.2) 0px 8px 24px;
margin: 10px;
overflow: hidden;
z-index: 1;
}
section.info-section .item .icon-box {
font-size: 50px;
color: var(--primary-color);
transition: 1s;
}
section.info-section .item .title-box {
font-size: 16px;
font-weight: 500;
}
section.info-section .toggle-btn i.active {
transform: rotate(180deg);
}
section.info-section .item:hover .icon-box,
section.info-section.item:focus-within .icon-box {
animation: jello 1s infinite;
color: var(--text-white);
}
section.info-section .item svg {
width: 147%;
position: absolute;
right: -120px;
transform: rotate(-35deg);
z-index: -1;
top: -57px;
}
section.info-section .item button.customize-partial-edit-shortcut-button svg {
position: static;
width: 20px;
transform: rotate(0);
}
section.info-section .item svg path {
fill: rgb(255 255 255 / 22%);
}
section.info-section .item::after {
content: '';
background: var(--primary-color);
position: absolute;
z-index: -2;
width: 0px;
border-radius: 50%;
height: 0;
transition: 0.5s;
}
section.info-section .item:hover::after,
section.info-section .item:focus-within::after {
width: 100%;
height: 100%;
}
.info-section .owl-nav {
position: absolute;
top: 42%;
z-index: -1;
width: 100%;
}
.info-section .owl-nav .owl-prev {
float: left;
background: var(--secondary-color) !important;
color: var(--white) !important;
width: 30px;
height: 30px;
border-radius: 50%;
transform: translateX(-0px);
opacity: 0;
visibility: hidden;
transition: 1s;
}
.info-section .owl-nav .owl-next {
float: right;
background: var(--secondary-color) !important;
color: var(--white) !important;
width: 30px;
height: 30px;
border-radius: 50%;
transform: translateX(0px);
opacity: 0;
visibility: hidden;
transition: 1s;
}
.info-section:hover .owl-nav .owl-next,
.info-section:focus-within .owl-nav .owl-next {
opacity: 1;
visibility: visible;
transform: translateX(50px);
}
.info-section:hover .owl-nav .owl-prev,
.info-section:focus-within .owl-nav .owl-prev {
opacity: 1;
visibility: visible;
transform: translateX(-50px);
}
.info-section .owl-nav .owl-prev span,
.info-section .owl-nav .owl-next span {
font-size: 25px;
line-height: 28px;
}
.info-section .owl-nav .owl-prev:hover,
.info-section .owl-nav .owl-next:focus-within,
.info-section .owl-nav .owl-prev:focus-within,
.info-section .owl-nav .owl-next:hover {
background: var(--primary-color) !important;
}
.info-section .owl-nav button::after {
content: '';
border: 1px solid var(--primary-color);
position: absolute;
inset: 0;
border-radius: 50%;
opacity: 0;
visibility: hidden;
transition: 1s;
}
.info-section .owl-nav button:hover::after,
.info-section .owl-nav button:focus-within::after {
inset: -6px;
opacity: 1;
visibility: visible;
}       .section-title {
margin-bottom: 36px;
text-align: center;
position: relative;
}
.section-title span.subtitle {
font-size: 18px;
font-weight: 600;
color: var(--primary-color);
}
.section-title h5 {
font-size: 35px;
font-weight: 700;
color: var(--secondary-color);
}
.section-title span.title-element::before {
content: '';
width: 90px;
position: absolute;
height: 4px;
top: 14px;
right: -90px;
background: linear-gradient(90deg, var(--highlight-color), transparent);
}
.section-title span.title-element::after {
content: '';
width: 90px;
height: 4px;
position: absolute;
top: 14px;
left: -90px;
background: linear-gradient(270deg, var(--highlight-color), transparent);
}
.section-title span.title-element {
width: 30px;
height: 30px;
display: block;
margin: 10px auto;
background: var(--highlight-color);
line-height: 30px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: var(--text-white);
position: relative;
}  .service-section {
padding: 80px 0;
position: relative;
overflow-x: clip;
z-index: 1;
}
section#service-section::before {
content: '';
position: absolute;
inset: 0;
background: var(--primary-color-light);
opacity: 0.1;
z-index: -1;
}
section#service-section>.bg-elements .element1 {
position: absolute;
top: 50px;
z-index: -1;
left: -120px;
z-index: -1;
animation: pulse 3s infinite linear;
width: initial;
}
section#service-section>.bg-elements .element2 {
position: absolute;
bottom: 0;
z-index: -1;
right: 0px;
width: 230px;
z-index: -1;
animation: move02 20s infinite alternate;
}
section#service-section>.bg-elements .element3 {
position: absolute;
right: 0;
top: 100px;
width: 170px;
animation: move02 15s linear infinite;
}
.service-section .service-box {
background: var(--dark-2);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
position: relative;
padding: 18px;
box-shadow: rgb(22 24 26 / 12%) 0px 8px 24px;
line-height: 25px;
border: 1px solid rgba(160 160 160 / 20%);
border-radius: 6px;
z-index: 1;
}
.service-box::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 4px;
background-color: var(--primary-color);
bottom: 0;
left: 0;
top: 0;
transform-origin: right;
transform: scaleX(0);
transition: transform .3s ease-in-out;
z-index: -1;
}
.service-box:hover::after,
.service-box:focus-within::after {
transform-origin: left;
transform: scaleX(1);
}
.service-section .service-box .service-icon i {
font-size: 40px;
display: inline-block;
background: var(--primary-color); padding: 25px;
border-radius: 50%; text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: var(--dark-2);
margin: 10px;
position: relative;
transition: 1s;
} .service-section .service-box .service-icon img {
display: inline-block;
background: var(--primary-color);
width: 100px;
height: 100px;
padding: 5px;
border-radius: 50%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin: 10px;
position: relative;
transition: 1s;
}
.service-section .service-box .service-content h4 {
font-size: 18px;
font-weight: 600;
color: var(--secondary-color);
margin: 15px;
transition: 1s;
}
.service-section .service-box .service-content p {
transition: 1s;
color: var(--secondary-color);
}
.service-section .service-box .service-content a {
text-decoration: none;
color: var(--primary-color);
font-weight: 600;
transition: 1s;
display: inline-block;
}
.service-section .service-box:hover .service-content a,
.service-section .service-box:focus-within .service-content a {
color: var(--text-white);
}
.service-section .service-box .service-content a:hover,
.service-section .service-box .service-content a:focus-within {
text-decoration: dotted underline;
}
.service-section .service-box>.bg-element i {
color: var(--primary-color);
font-size: 50px;
position: absolute;
opacity: 0.2;
right: 20px;
top: 15px;
} .service-section .service-box>.bg-element img {
position: absolute;
opacity: 0.2;
right: 3px;
top: 6px;
width: 100px;
height: 100px;
border-radius: 50%;
}
.service-section .service-box:hover .bg-element i,
.service-section .service-box:focus-within .bg-element i {
color: #fff;
font-size: 50px;
position: absolute;
opacity: 0.2;
right: 20px; top: 15px;
animation: flipInY 1s linear;
} .service-section .service-box:hover .bg-element img,
.service-section .service-box:focus-within .bg-element img {
position: absolute;
opacity: 0.2;
animation: flipInY 1s linear;
}
.service-section .service-box:hover .bg-element .st1,
.service-section .service-box:focus-within .bg-element .st1 {
stroke: var(--white);
}
.service-section .service-box .service-icon svg {
width: 80px;
display: inline-block;
background: var(--primary-color);
height: 80px;
padding: 15px;
border-radius: 50%;
line-height: 80px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
fill: var(--dark-2);
margin: 10px;
position: relative;
transition: 1s;
}
.service-section .service-box>.bg-element svg {
fill: var(--primary-color);
width: 90px;
position: absolute;
opacity: 0.2;
right: 3px;
height: 90px;
top: 6px;
}
.service-section .service-box:hover .bg-element svg,
.service-section .service-box:focus-within .bg-element svg {
fill: #fff;
width: 90px;
position: absolute;
opacity: 0.2;
right: 3px;
height: 90px;
top: 6px;
animation: flipInY 1s linear;
}
.service-section .service-box:hover .service-icon svg,
.service-section .service-box:focus-within .service-icon svg {
fill: var(--primary-color);
background: var(--white);
animation: flipInX 1s linear;
}
.service-section .service-box:hover .bg-element .st0,
.service-section .service-box:focus-within .bg-element .st0 {
stroke: var(--white);
}
.service-section .service-box:hover .service-icon i,
.service-section .service-box:focus-within .service-icon i {
color: var(--primary-color);
background: var(--white);
animation: flipInX 1s linear;
} .service-section .service-box:hover .service-icon img,
.service-section .service-box:focus-within .service-icon img {
animation: flipInX 1s linear;
background: var(--text-white);
}
.service-section .service-box:hover svg .st1,
.service-section .service-box:focus-within svg .st1 {
stroke: var(--primary-color);
}
.service-section .service-box:hover .service-content h4,
.service-section .service-box:focus-within .service-content h4 {
color: var(--text-white);
}
.service-section .service-box:hover .service-content p,
.service-section .service-box:focus-within .service-content p {
color: var(--text-white);
}
.service-section .service-box:hover .service-icon .st0,
.service-section .service-box:focus-within .service-icon .st0 {
stroke: var(--primary-color);
}  .feature-section {
padding: 80px 0;
position: relative;
}
.feature-section .bg-elements .element2 {
position: absolute;
right: 0px;
z-index: -1;
width: 250px;
top: 180px;
z-index: -1;
animation: floating 4s infinite;
}
.feature-section .bg-elements img.element1 {
position: absolute;
bottom: 40px;
z-index: -1;
left: 0;
animation: move01 15s linear infinite;
}
.feature-section .feature-wrap .icon-wrap svg {
width: 100px;
fill: var(--primary-color);
display: block;
height: 100px;
}
.feature-section .feature-wrap {
padding: 20px;
display: flex;
align-items: center;
transition: 1s;
justify-content: center;
cursor: pointer;
flex-direction: column;
text-align: center;
position: relative;
z-index: 1;
line-height: 40px;
overflow: hidden;
box-shadow: rgba(63, 65, 68, 0.2) 0px 8px 24px;
border: 1px solid rgba(180 180 180 / 20%);
transition-delay: .3s;
background: var(--dark-2);
}
.feature-section .feature-wrap::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 0;
background: var(--primary-color);
bottom: 0;
left: 0;
transform-origin: center;
transform: scaleY(0);
transition: transform .4s ease-in-out;
z-index: -1;
}
.feature-section .feature-wrap:hover .icon-wrap svg,
.feature-section .feature-wrap:focus-within .icon-wrap svg {
fill: var(--text-white);
}
.feature-section .feature-wrap:hover::after,
.feature-section .feature-wrap:focus-within::after {
transform-origin: center;
transform: scaleY(1);
}
.feature-section .feature-wrap .text-wrap a.title {
font-size: 18px;
font-weight: 600;
text-decoration: none;
transition: 1s;
margin: 10px;
display: block;
color: var(--secondary-color);
}
.feature-section .feature-wrap .text-wrap a.title:hover,
.feature-section .feature-wrap .text-wrap a.title:focus-within {
text-decoration: dotted underline;
color: var(--primary-color);
}
.feature-section .feature-wrap .icon-wrap i {
font-size: 80px;
color: var(--primary-color);
display: block;
}
.feature-section .feature-wrap:hover .icon-wrap,
.feature-section .feature-wrap:focus-within .icon-wrap {
animation: flip 1s linear;
}
.feature-section .feature-wrap:hover .text-wrap a.title,
.feature-section .feature-wrap:focus-within .text-wrap a.title {
color: var(--text-white);
} .feature-section .feature-wrap:hover .icon-wrap i,
.feature-section .feature-wrap:focus-within .icon-wrap i {
color: #fff;
}   .appointment-section {
padding: 80px 0;
position: relative;
z-index: 1;
}
.appointment-section .section-title h5 {
color: var(--text-white) !important;
}
.appointment-section::before {
content: '';
background: var(--dark-3);
position: absolute;
inset: 0;
opacity: 0.8;
z-index: -1;
}
.appointment-section .left-side-content form p label {
line-height: 0.7;
display: block;
}
.appointment-section .left-side-content form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: -2.5%;
align-items: center; }
.appointment-section .left-side-content form p {
flex: 0 0 48.5%;
margin-bottom: 8px;
}
.appointment-section .left-side-content form p input::placeholder {
color: rgba(255 255 255 / 80%);
}
.appointment-section .left-side-content form p input[type="text"],
input[type="email"] {
padding: 10px;
width: 100%;
border: 0;
border-radius: 6px;
background: transparent;
border: 1px solid rgb(255 255 255 / 50%);
outline: none;
color: var(--text-white);
}
.appointment-section .left-side-content form p:nth-child(7) {
flex: 100%;
margin-top: 5px;
}
.appointment-section .left-side-content form p textarea {
width: 100%;
background: transparent;
border: 1px solid rgb(255 255 255 / 50%);
color: var(--text-white);
outline: none;
height: 100px;
border-radius: 6px;
padding: 10px;
}
.appointment-section .left-side-content form p textarea::placeholder {
color: rgba(255 255 255 / 80%);
}
.appointment-section .left-side-content form p .wpcf7-submit {
text-decoration: none;
border: 1px solid var(--primary-color);
border-radius: 50px;
padding: 10px 20px;
margin-right: 10px;
color: var(--text-white);
font-size: 16px;
margin-top: 10px;
background: var(--primary-color);
}
.appointment-section .left-side-content {
border: 1px solid rgba(255 255 255 / 20%);
border-radius: 6px;
padding: 30px;
padding-bottom: 40px;
}
.appointment-section .right-side-content .appointment-info {
padding: 15px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
}
.appointment-section .right-side-content .appointment-info .image-wrap {
margin: 20px;
}
.appointment-section .right-side-content .appointment-info .image-wrap img {
border-radius: 50%;
width: 120px;
animation: floating 3s linear infinite;
}
.appointment-section .right-side-content .appointment-info .info-wrap a {
font-size: 30px;
font-weight: 700;
color: var(--text-white);
text-decoration: none;
display: block;
margin-bottom: 8px;
}
.appointment-section .right-side-content .appointment-info .info-wrap p {
color: var(--text-white);
}
.appointment-section .right-side-content .appointment-info .info-wrap {
margin-bottom: 10px;
}
.appointment-section .right-side-content .appointment-info .info-wrap a i {
color: var(--primary-color);
}
.appointment-section .right-side-content .appointment-info .info-wrap a:hover i,
.appointment-section .right-side-content .appointment-info .info-wrap a:focus-within i {
animation: tada 2s infinite;
}
.appointment-section .right-side-content .appointment-info .main-button {
text-decoration: none;
border-radius: 50px;
padding: 10px 20px;
background: var(--highlight-color);
margin-right: 10px;
color: var(--text-white);
font-size: 18px;
font-weight: 500;
}
.appointment-section .right-side-content .appointment-info .main-button span {
border-right: 1px solid var(--text-white);
padding-right: 10px;
}
.appointment-section .right-side-content .appointment-info .main-button i {
padding-left: 10px;
}
.appointment-section .right-side-content {
border: 1px solid rgba(255 255 255 / 20%);
border-radius: 6px;
padding: 18px;
padding-bottom: 30px;
}  .pricing-section {
padding: 80px 0;
overflow: hidden;
position: relative;
}
.pricing-section .bg-elements .element1 {
position: absolute;
right: 0px;
z-index: -1;
top: 50%;
transform: rotate(90deg);
animation: floating 5s infinite;
}
.pricing-section .bg-elements .element2 {
position: absolute;
bottom: 39px;
z-index: -1;
left: 35px;
animation: floating 5s infinite;
}
.pricing-section .btn-price {
background-color: var(--background);
color: var(--text-white);
transition: 0.65s;
}
.pricing-section .btn-price:hover,
.pricing-section .btn-price:focus-within,
.pricing-section .btn-price.active {
background-color: var(--primary-color);
color: var(--background);
}
.pricing-switcher {
justify-content: center;
}
.pricing-switcher .tab-filter {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
.pricing-switcher .tab-filter {
display: inline-block;
position: relative;
padding: 3px;
border-radius: 50em;
background-color: var(--primary-color);
}
.pricing-switcher .pricing-filter-badge {
display: inline-block;
padding: 5px 2px;
position: absolute;
top: 0px;
right: 0;
border-radius: 6px;
font-weight: 600;
min-width: 90px;
text-align: center;
color: var(--text-white);
letter-spacing: 0.95px;
background: var(--highlight-color);
font-size: 13px;
display: none;
animation: bounceInUp .6s linear;
}
.pricing-switcher .pricing-filter-badge.active {
display: block;
top: -45px;
}
.pricing-switcher .pricing-filter-badge:before {
content: "";
position: absolute;
bottom: -8px;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 9px solid var(--highlight-color);
z-index: 0;
}
.pricing-switcher a {
position: relative;
z-index: 1;
display: inline-block;
line-height: 40px;
cursor: pointer;
font-size: 16px;
text-decoration: none;
font-weight: 600;
transition: 1s;
margin-bottom: 0;
padding: 0 20px;
border-radius: 100px;
color: var(--text-white);
}
.pricing-section .tab-filter a.active {
color: var(--primary-color);
}
.pricing-section .tab-filter a.active:before {
visibility: visible;
opacity: 1;
transform: translateX(0%);
}
.pricing-section .tab-filter a:before {
content: '';
background: var(--dark-2);
color: var(--secondary-color);
inset: 0;
position: absolute;
border-radius: 30px;
z-index: -1;
visibility: hidden;
opacity: 0;
transform: translateX(-100%);
transition: 0.65s;
}
.pricing-switcher .tab-filter {
width: 205px;
display: flex;
align-items: center;
justify-content: space-between;
}
.no-js .pricing-switcher {
display: none;
}
.pricing-section .pricing-item {
padding: 20px;
box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
background: var(--dark-2);
position: relative;
border: 1px solid rgba(180 180 180 / 20%);
}
.pricing-section .pricing-item .pricing-top h1 {
font-size: 24px;
font-weight: 600;
color: var(--secondary-color);
transition: 1s;
margin-bottom: 5px;
}
.pricing-section .pricing-item .pricing-top p {
color: var(--secondary-color);
}
.pricing-section .pricing-item .pricing-top .pricing-badge {
width: 75px;
background: var(--primary-color);
height: 90px;
position: absolute;
top: 0;
right: 30px;
z-index: 0;
}
.pricing-section .pricing-item .pricing-top .pricing-badge span {
position: absolute;
position: absolute;
top: 10px;
left: 22px;
font-size: 16px;
font-weight: 700;
color: var(--text-white);
line-height: 1.3;
}
.pricing-section .pricing-item .pricing-top .pricing-badge::after {
content: '';
position: absolute;
background: var(--dark-2);
width: 75px;
height: 95px;
border-radius: 100%;
top: 57px;
}
.pricing-section .pricing-item .pricing-badge-rated {
position: absolute;
border-color: var(--highlight-color);
top: 0;
left: 0;
display: block;
border: 1px solid var(--highlight-color);
width: 50px;
height: 58px;
border-width: 30px;
border-right-color: transparent;
border-bottom-color: transparent;
}
.pricing-section .pricing-item .pricing-badge-rated>i {
position: absolute;
top: -21px;
right: 1px;
color: var(--text-white);
}
.pricing-section .pricing-item .pricing-top {
border-bottom: 1px dashed lightgray;
margin-bottom: 15px;
}
.pricing-section .pricing-item .pricing-top>img {
margin: 20px;
margin-left: 0;
max-width: 80px;
}
.pricing-section .pricing-item .pricing-list ul {
list-style: none;
padding-left: 0;
line-height: 35px;
margin-bottom: 10px;
}
.pricing-section .pricing-item .pricing-list ul li {
display: flex;
align-items: center;
justify-content: start;
gap: 20px;
margin-bottom: 10px;
color: var(--secondary-color);
font-size: 18px;
font-weight: 500;
}
.pricing-section .pricing-item .pricing-list ul li>i {
color: var(--primary-color);
}
.pricing-section .pricing-item .pricing-type ul {
list-style: none;
padding-left: 0;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: space-evenly;
margin: 15px 0;
border-top: 1px solid rgba(0 0 0 / 8%);
padding: 5px;
border-bottom: 1px solid rgba(0 0 0 /8%);
}
.pricing-section .pricing-item .pricing-type ul li a {
color: var(--primary-color);
transition: 1s;
font-size: 30px;
}
.pricing-section .pricing-item .pricing-type ul li a:hover,
.pricing-section .pricing-item .pricing-type ul li a:focus-within {
color: var(--secondary-color);
}
.pricing-section .pricing-item .price-button .main-button {
text-decoration: none;
border-radius: 50px;
padding: 11px 20px;
background: var(--dark-3);
border: 0.5px solid rgba(180 180 180 / 40%);
transition: 1s;
margin-right: 10px;
color: var(--text-white);
font-size: 17px;
font-weight: 500;
}
.pricing-section .pricing-item .price-button .main-button span {
border-right: 1px solid var(--text-white);
padding-right: 10px;
}
.pricing-section .pricing-item .price-button .main-button i {
padding-left: 10px;
}
.pricing-section .pricing-item .pricing-footer {
display: flex;
align-items: center;
margin: 27px 0;
margin-bottom: 10px;
justify-content: space-between;
}
.pricing-section .pricing-item .pricing-footer h4 {
margin-bottom: 0;
font-size: 24px;
font-weight: 600;
color: var(--secondary-color);
transition: 1s;
}
.pricing-section .pricing-item .section-element img {
position: absolute;
top: 50px;
right: 70px;
z-index: 0;
animation: floating 3s linear infinite;
}
@keyframes floating {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(0px);
}
}
.pricing-section .pricing-item:hover .pricing-top h1,
.pricing-section .pricing-item:focus-within .pricing-top h1,
.pricing-section .pricing-item.active .pricing-top h1 {
color: var(--primary-color);
}
.pricing-section .pricing-item:hover .pricing-footer h4,
.pricing-section .pricing-item:focus-within .pricing-footer h4,
.pricing-section .pricing-item.active .pricing-footer h4 {
color: var(--highlight-color);
}  .funfact-section {
padding: 80px 0;
position: relative;
z-index: 1;
}
.funfact-section .section-title h5 {
color: var(--text-white) !important;
}
section.funfact-section::before {
content: '';
position: absolute;
inset: 0;
background: rgba(0 0 0 / 70%);
z-index: -1;
}
.funfact-section .funfact-box {
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
line-height: 40px;
}
.funfact-section .funfact-box:hover p i,
.funfact-section .funfact-box:focus-within p i {
animation: rubberBand 1s linear infinite;
}
.funfact-section .funfact {
position: relative;
}
.funfact-section .funfact:not(:last-child)::after {
border-right: 1px solid rgb(255 255 255 / 15%);
content: '';
position: absolute;
right: 0;
top: 70px;
width: 1px;
height: 140px;
}
.funfact-section .funfact-box p i {
font-size: 70px;
color: var(--primary-color);
margin: 20px;
}
.funfact-section .funfact-box h3 {
font-size: 35px;
font-weight: 600;
color: var(--text-white);
}
.funfact-section .funfact-box h3>sup {
color: var(--highlight-color);
}
.funfact-section .funfact-box .title {
color: var(--text-white);
font-size: 20px;
margin: 0;
font-weight: 500;
}
.funfact-section canvas {
z-index: -2 !important;
}  .doctors-section {
padding: 80px 0;
position: relative;
}
.doctors-section .bg-elements .element1 {
position: absolute;
top: 60px;
z-index: -1;
left: 0px;
animation: move01 15s linear infinite;
width: 130px;
}
@keyframes move01 {
0% {
transform: rotate(0deg);
left: 0%;
}
50% {
transform: rotate(360deg);
left: 20%
}
100% {
transform: rotate(0deg);
left: 0%
}
}
@keyframes move02 {
0% {
transform: rotate(0deg);
right: 0%;
}
50% {
transform: rotate(360deg);
right: 10%;
}
100% {
transform: rotate(0deg);
right: 0%;
}
}
.doctors-section .content-box {
position: relative;
overflow: hidden;
box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
margin: 10px;
background: var(--dark-2);
border: 1px solid rgba(180 180 180 / 20%);
}
.doctors-section .main-wrap {
padding: 10px;
border-radius: 6px;
position: relative;
}
.doctors-section .main-wrap .image-wrap img {
width: 100%;
}
.doctors-section .main-wrap .text-wrap {
padding: 10px 25px;
background: var(--dark-3);
position: absolute;
left: 25px;
bottom: 80px;
border-radius: 6px;
text-align: center;
right: 25px;
bottom: 17%;
border: 1px solid rgb(255 255 255 / 30%);
}
.doctors-section .main-wrap .text-wrap .title {
margin: 0;
font-size: 18px;
}
.doctors-section .main-wrap .text-wrap a {
text-decoration: none;
color: var(--text-white);
}
.doctors-section .main-wrap .text-wrap .desc {
margin: 0;
font-size: 16px;
color: var(--primary-color);
}
.doctors-section .main-wrap .widget_social_widget ul {
padding-left: 0;
display: flex;
align-items: center;
margin: 20px 0;
list-style: none;
align-items: c;
justify-content: space-evenly;
padding-top: 20px;
margin-bottom: 10px;
}
.doctors-section .main-wrap .widget_social_widget ul li a {
display: inline-block;
color: var(--highlight-color);
width: 30px;
height: 30px;
border: 1px solid var(--highlight-color);
line-height: 30px;
text-align: center;
border-radius: 50%;
z-index: 1;
background: var(--text-white);
overflow: hidden;
position: relative;
transition: .3s;
}
.doctors-section .main-wrap .widget_social_widget ul li a:hover,
.doctors-section .main-wrap .widget_social_widget ul li a:focus-within {
background: var(--primary-color);
color: var(--text-white);
transform: scale(1.2);
border: 1px solid var(--white);
}
.doctors-section .main-wrap .widget_social_widget ul li a:hover i {
animation: slideInUp .3s linear;
}
.doctors-section .content-box::after {
content: '';
clip-path: circle(0%);
background: var(--dark-3);
transition: 1s;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
transform: translateY(0%);
opacity: 0;
z-index: 1;
}
.doctors-section .content-box:hover::after,
.doctors-section .content-box:focus-within::after {
clip-path: circle(100%);
transform: translateY(0%);
opacity: 1;
} .doctors-section .detail-wrap {
text-align: center;
position: absolute;
line-height: 30px;
top: 50%;
left: 50%;
z-index: 2;
transform: translate(-50%, 50%);
transition: 1s;
transition-delay: .3s;
border-radius: 50%;
opacity: 0;
visibility: hidden;
}
.doctors-section .content-box:hover .detail-wrap,
.doctors-section .content-box:focus-within .detail-wrap {
transform: translate(-50%, -50%);
opacity: 1;
visibility: visible;
}
.doctors-section .detail-wrap .circle-image img {
border-radius: 50%;
margin: 20px auto;
width: 100px;
height: 100px;
}
.doctors-section .detail-wrap .text-wrap .title {
margin-bottom: 5px;
font-size: 18px;
}
.doctors-section .detail-wrap .text-wrap a {
text-decoration: none;
color: var(--text-white);
}
.doctors-section .detail-wrap .text-wrap .desc {
margin: 0;
font-size: 16px;
color: var(--highlight-color);
}
.doctors-section .detail-wrap .achive {
color: var(--text-white);
}
.doctors-section .detail-wrap .achive>span {
color: var(--primary-color);
padding-right: 10px;
}
.doctors-section .link-wrap a {
color: var(--primary-color);
font-size: 18px;
font-weight: 600;
}
.doctors-section .link-wrap a:hover,
.doctors-section .link-wrap a:focus-within {
text-decoration: dotted underline;
}
.doctors-section .detail-wrap .widget_social_widget ul {
padding-left: 0;
display: flex;
align-items: center;
margin: 20px 0;
list-style: none;
align-items: c;
justify-content: space-evenly;
padding-top: 20px;
gap: 10px;
margin-bottom: 10px;
}
.doctors-section .detail-wrap .widget_social_widget ul li a {
display: inline-block;
color: var(--highlight-color);
width: 30px;
height: 30px;
border: 1px solid var(--highlight-color);
line-height: 30px;
text-align: center;
border-radius: 50%;
z-index: 1;
background: var(--dark-2); position: relative;
transition: .3s;
}
.doctors-section .detail-wrap .widget_social_widget ul li a:hover::after,
.doctors-section .detail-wrap .widget_social_widget ul li a:focus-within::after {
animation: wave5 2s infinite;
content: "";
position: absolute;
inset: 0;
border-radius: 100px;
}
.doctors-section .detail-wrap .widget_social_widget ul li a:hover::before,
.doctors-section .detail-wrap .widget_social_widget ul li a:focus-within::before {
content: "";
position: absolute;
inset: 0;
border-radius: 100px;
animation: wave6 1s infinite;
}
.doctors-section .detail-wrap .widget_social_widget ul li a:hover,
.doctors-section .detail-wrap .widget_social_widget ul li a:focus-within {
border-color: var(--primary-color);
color: var(--primary-color);
}
.doctors-section .detail-wrap .widget_social_widget ul li a:hover i,
.doctors-section .detail-wrap .widget_social_widget ul li a:focus-within i {
animation: rotateIn .6s linear;
} .doctors-section .owl-nav {
position: absolute;
top: 40%;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
z-index: -1;
}
.doctors-section .owl-nav .owl-prev {
width: 40px;
height: 40px;
line-height: 40px !important;
background: var(--secondary-color) !important;
border-radius: 50%;
color: var(--white) !important;
font-size: 35px !important;
text-align: center;
transform: translateX(20px);
opacity: 0;
transition: 1s;
}
.doctors-section .doctors-carousel:hover .owl-nav .owl-prev,
.doctors-section .doctors-carousel:focus-within .owl-nav .owl-prev {
transform: translateX(-30px);
opacity: 1;
}
.doctors-section .doctors-carousel:hover .owl-nav .owl-next,
.doctors-section .doctors-carousel:focus-within .owl-nav .owl-next {
transform: translateX(30px);
opacity: 1;
}
.doctors-section .owl-nav .owl-next {
width: 40px;
height: 40px;
line-height: 40px !important;
background: var(--secondary-color) !important;
border-radius: 50%;
color: var(--white) !important;
font-size: 35px !important;
text-align: center;
transform: translateX(-20px);
opacity: 0;
transition: 1s;
}
.team-main.doctors-section .content-box {
margin: 0 !important;
}  .cta-section-1 {
padding: 80px 0;
z-index: 1;
position: relative;
}
.cta-section-1::after {
content: '';
position: absolute;
inset: 0;
background: rgba(0 0 0 /50%);
z-index: -1;
}
.cta-section-1 .cta-content-box::before {
content: '';
position: absolute;
inset: 0;
background: rgba(0 0 0 / 70%);
border-radius: 100px;
z-index: -1;
}
.cta-section-1 .cta-content-box {
padding: 60px 25px;
z-index: 1;
position: relative;
border-radius: 100px;
background: url(//boonburyhealth.com/wp-content/themes/medazin/assets/images/cta/content-bg.jpg);
}
.cta-section-1 .cta-content .cta-info-wrap {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 50px;
}
.cta-section-1 .cta-text-wrap h2 {
font-size: 30px;
font-weight: 500;
color: var(--text-white);
margin: 0;
}
.cta-section-1 .cta-text-wrap span {
font-size: 16px;
font-weight: 600;
color: var(--primary-color);
}
.cta-section-1 .cta-content .cta-info-wrap .widget-contact .contact-area {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.cta-section-1 .cta-content .cta-info-wrap .widget-contact .contact-area .contact-info p {
margin: 0;
}
.cta-section-1 .cta-content .cta-info-wrap .widget-contact .contact-area .contact-info p>a {
text-decoration: none;
font-size: 25px;
font-weight: 600;
color: var(--primary-color);
}
.cta-section-1 .cta-content .cta-info-wrap .widget-contact .contact-area .contact-icon {
width: 60px;
height: 60px;
background: var(--highlight-color);
line-height: 60px;
text-align: center;
border-radius: 50%;
font-size: 24px;
display: inline-block;
position: relative;
color: var(--text-white);
}
.cta-section-1 .cta-content .cta-info-wrap .widget-contact .contact-area .contact-icon::after {
content: "";
position: absolute;
inset: 0;
border-radius: 100px;
animation: wave4 2s infinite;
}
.cta-section-1 .cta-content .cta-info-wrap .widget-contact .contact-area .contact-icon::before {
content: "";
position: absolute;
inset: 0;
border-radius: 100px;
animation: wave3 2s infinite;
}
.cta-section-1 .cta-content .cta-btn a {
text-decoration: none;
border: 1px solid var(--primary-color);
border-radius: 50px;
padding: 15px;
color: var(--text-white);
font-size: 16px;
background: var(--primary-color);
transition: .6s;
}
.cta-section-1 .cta-content .cta-btn a:hover,
.cta-section-1 .cta-content .cta-btn a:focus-within {
background: none;
}
.cta-section-1 .cta-content .cta-btn a span {
border-right: 1px solid var(--text-white);
padding-right: 10px;
}
.cta-section-1 .cta-content .cta-btn a i {
padding-left: 10px;
}  .testimonial-section {
padding: 80px 0;
z-index: 1;
position: relative;
overflow: hidden;
background: var(--pr-overlay);
}
section.testimonial-section::after {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
background: url(//boonburyhealth.com/wp-content/themes/medazin/assets/images/elements/element6.png);
z-index: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
animation: pulse 5s infinite linear;
}
section.testimonial-section::before {
content: '';
position: absolute;
background: url(//boonburyhealth.com/wp-content/themes/medazin/assets/images/elements/element5.png);
right: 0;
top: 0;
inset: 0;
TOP: 25%;
right: 0;
z-index: 0;
left: 85%;
background-repeat: no-repeat;
left: 80%;
animation: rotate_state 15s linear infinite;
}
@keyframes rotate_state {
50% {
transform: rotate(180deg);
right: -5%;
}
}
.testimonial-section .testimonial-box .testimonial-img img {
width: 110px !important;
border-radius: 50%;
}
.testimonial-section .testimonial-box {
position: relative;
margin: 15px;
}
.testimonial-section .testimonial-box .testimonial-img {
position: absolute;
top: 50%;
left: 40px;
transform: translate(-50%, -50%);
z-index: 1;
}
.testimonial-section .testimonial-box .testimonial-img::after {
content: '';
position: absolute;
border-radius: 50%;
border: 10px solid var(--bg-1);
transition: 1s;
inset: 0;
}
.testimonial-section .owl-item.center .testimonial-img::after {
content: '';
position: absolute;
border-radius: 50%;
border: 10px solid var(--primary-color);
inset: 0;
}
.testimonial-section .testimonial-box .info-wrap {
padding: 20px;
border-radius: 100px;
padding-left: 108px;
line-height: 23px;
border: 1px solid rgba(180 180 180 / 40%);
background: var(--dark-2);
position: relative;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.testimonial-section .testimonial-box .info-wrap::after {
content: '\f10e';
position: absolute;
top: -5px;
right: 60px;
font-family: 'Font Awesome 5 Free';
font-weight: 600;
color: var(--highlight-color);
z-index: 1;
font-size: 30px;
transition: 1s;
}
.testimonial-section .owl-item.center .info-wrap::after {
color: var(--primary-color);
}
.testimonial-section .testimonial-box .info-wrap h4 {
font-size: 20px;
font-weight: 500;
color: var(--secondary-color);
margin-bottom: 0;
}
.testimonial-section .testimonial-box .info-wrap .sub-title {
color: var(--highlight-color);
font-size: 16px;
font-weight: 600;
}
.testimonial-section .testimonial-box .info-wrap blockquote {
margin-bottom: 8px;
font-size: 16px;
background: transparent;
color: var(--secondary-color);
font-style: unset;
border-left: 0;
padding: 5px 0;
line-height: 1.3;
}
.testimonial-section .testimonial-box .star-list>i {
color: gold;
}
.testimonial-section .owl-nav {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
margin-top: 30px;
}
.testimonial-section .owl-nav button {
width: 40px;
height: 40px;
line-height: 0 !important;
background: var(--secondary-color) !important;
border-radius: 50%;
color: var(--white) !important;
font-size: 35px !important;
text-align: center;
transition: 1s;
}
.testimonial-section .owl-nav button:hover,
.testimonial-section .owl-nav button:focus-within {
background: var(--primary-color) !important;
color: var(--text-white) !important;
}  .work-process-section {
padding: 80px 0;
position: relative;
z-index: 1;
overflow: hidden;
}
.work-process-section .main-item {
position: relative;
}
.work-process-section .main-item:not(:last-child)::after {
content: '';
position: absolute;
right: 0;
background: url(//boonburyhealth.com/wp-content/themes/medazin/assets/images/work-process/arrow.png);
top: 66px;
background-repeat: no-repeat;
left: 88%;
bottom: 0;
transform: rotate(-4deg);
z-index: 1;
width: 100px;
}
.work-process-section .section-title h5 {
color: var(--text-white) !important;
}
.work-process-section::before {
content: '';
position: absolute;
inset: 0;
background: rgba(0 0 0 / 50%);
z-index: -1;
}
.work-process-section .item-wrap::after {
position: absolute;
content: '';
inset: 0;
background: var(--dark-3);
border-radius: 50%;
opacity: 0.7;
transition: 1s;
z-index: -1;
}
.work-process-section .item-wrap {
border: 10px solid var(--dark-3);
height: 200px;
cursor: pointer;
border-radius: 50%;
width: 200px;
display: flex;
align-items: center;
transition: 1s;
justify-content: center;
z-index: 1;
text-align: center;
color: var(--text-white);
position: relative;
margin: auto;
}
.work-process-section .item-wrap .animte-border {
position: absolute;
inset: -9px;
border: 2px solid var(--primary-color);
border-radius: 50%;
border-top-color: transparent;
border-right-color: transparent;
transition: 1s;
animation: rotate1 8s ease-in-out infinite;
z-index: -1;
opacity: 0;
visibility: hidden;
}
.work-process-section span.animte-border::before {
content: '';
position: absolute;
top: 23px;
left: 25px;
width: 8px;
height: 8px;
border-radius: 50%;
z-index: -1;
background: var(--primary-color);
transition: 1s;
opacity: 0;
visibility: hidden;
}
.work-process-section span.animte-border::after {
content: '';
position: absolute;
inset: 3px;
border: 2px solid var(--primary-color);
border-radius: 50%;
border-left-color: transparent;
border-top-color: transparent;
animation-delay: .3s;
transition: 1s;
animation: rotate1 10s linear infinite;
z-index: -1;
opacity: 0;
visibility: hidden;
}
@keyframes rotate1 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.work-process-section .item-wrap .count {
position: absolute;
top: -15px;
right: 0;
width: 60px;
height: 60px;
line-height: 60px;
background: var(--highlight-color);
border-radius: 50%;
color: var(--text-white);
font-size: 30px;
font-weight: 700;
}
.work-process-section .item-wrap:hover .count,
.work-process-section .item-wrap:focus-within .count {
animation: circle 10s linear infinite;
top: unset;
right: unset;
}
@keyframes circle {
0% {
transform: rotate(0deg) translate(90px) rotate(0deg);
}
100% {
transform: rotate(360deg) translate(90px) rotate(-360deg);
}
}
.work-process-section .item-wrap .title span {
font-size: 16px;
font-weight: 600;
color: var(--text-white);
}
.work-process-section .item-wrap:hover,
.work-process-section .item-wrap:focus-within {
border: 10px solid transparent;
}
.work-process-section .item-wrap:hover::after,
.work-process-section .item-wrap:focus-within::after {
background: var(--primary-color);
}
.work-process-section .item-wrap:hover .animte-border,
.work-process-section .item-wrap .animte-border::after,
.work-process-section .item-wrap .animte-border::before,
.work-process-section .item-wrap:focus-within.animte-border,
.work-process-section .item-wrap .animte-border::after,
.work-process-section .item-wrap .animte-border::before {
opacity: 1;
visibility: visible;
}  .blog-section {
padding: 80px 0;
position: relative;
overflow: hidden;
z-index: 1;
}
section.blog-section::after {
content: '';
position: absolute;
left: -140px;
top: 140px;
background: url(//boonburyhealth.com/wp-content/themes/medazin/assets/images/elements/element1.png);
bottom: 0;
right: 0;
background-repeat: no-repeat;
z-index: -1;
animation: floating 3s linear infinite;
}
section.blog-section::before {
content: '';
position: absolute;
top: 100px;
right: 0;
background: url(//boonburyhealth.com/wp-content/themes/medazin/assets/images/elements/element3.png);
bottom: 0;
left: 90%;
background-repeat: no-repeat;
width: 100%;
animation: floating 1s linear infinite;
}
.blog-section article.post-item {
padding: 10px;
background: var(--dark-2);
border-radius: 6px;
box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
padding-bottom: 30px;
position: relative;
z-index: 1;
border: 1px solid rgba(180 180 180 / 40%);
}
.blog-section article.post-item::before {
content: '';
background: var(--primary-color-light);
position: absolute;
inset: 0;
opacity: .1;
z-index: -1;
}
.blog-section article.post-item .post-image {
position: relative; z-index: 1;
}
.blog-section article.post-item .post-image a.icon {
top: 0%;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
text-decoration: none;
color: var(--text-white);
font-size: 24px;
opacity: 0;
visibility: hidden;
transition: 0.6s;
z-index: 1;
}
.blog-section article.post-item:hover .post-image a.icon,
.blog-section article.post-item:focus-within .post-image a.icon {
opacity: 1;
visibility: visible;
top: 50%;
}
.blog-section figure.post-image::after {
content: '';
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: var(--dark-3);
left: 0;
clip-path: circle(0%);
transition: .8s;
opacity: 0;
visibility: hidden;
}
.blog-section article.post-item:hover figure.post-image::after,
.blog-section article.post-item:focus-within figure.post-image::after {
clip-path: circle(100%);
opacity: 0.6;
visibility: visible;
}
.blog-section article.post-item .post-image img {
width: 100%;
height: auto;
}
.blog-section .post-item .post-image .posted-on {
display: block;
text-align: center;
margin-left: -20px;
margin-right: -10px;
background: var(--primary-color);
position: absolute;
top: 30px;
left: 0;
padding: 8px 15px;
z-index: 2;
}
.blog-section .post-item .post-content .post-title::after {
content: '';
position: absolute;
bottom: -1px;
width: 100px;
height: 2px;
background: var(--highlight-color);
left: 0;
}
.blog-section .post-item:hover .post-content .post-title::after,
.blog-section .post-item:focus-within .post-content .post-title::after {
animation: slide 5s ease-in-out infinite;
}
@keyframes slide {
0% {
transform: translateX(0px);
}
50% {
transform: translateX(200px);
}
100% {
transform: translateX(0px);
}
}
.blog-section .post-item .post-content p {
color: var(--secondary-color);
position: relative;
margin-bottom: 30px;
}
.blog-section .post-item .post-content blockquote p {
color: #ffffff;
padding-left: 10px;
}
.blog-section .post-item .post-content blockquote p > a {
color: #ffffff;
}
.blog-section .post-item .post-image .posted-on a {
color: var(--text-white);
text-decoration: none;
font-weight: 500;
}
.blog-section .post-item .post-image .posted-on a i {
margin-right: 5px;
}
.blog-section .post-item .post-image .posted-on::after {
height: 0;
content: '';
width: 0;
bottom: -10px;
left: 0;
border-top: 10px solid var(--primary-color);
position: absolute;
border-left: 10px solid transparent;
filter: brightness(0.9);
}
.blog-section .post-item .post-content .post-meta.up {
display: block;
width: 100%;
margin-bottom: 20px;
}
.blog-section .post-item .post-content .post-title {
line-height: 1.4;
border-bottom: 1px solid rgb(162 167 177 / 27%);
padding-bottom:20px;
position:relative;
margin-bottom:20px;
}
.blog-section .post-item .post-content .post-meta.up .author-name img {
max-width: 60px;
width: 100%;
margin-right: 10px;
border: 3px solid var(--text-white);
border-radius: 50%;
padding: 2px;
}
.blog-section .post-item .post-content .post-meta.up .author-name {
display: inline-block;
margin-right: 55px;
}
.blog-section .post-item .post-content .post-meta.up .author-name a {
word-break: break-all;
font-size: 16px;
text-decoration: none;
color: var(--secondary-color);
font-weight: 500;
}
.blog-section .post-item .post-content .post-meta.up .author-name a i {
margin-right: 5px;
color: var(--primary-color);
}
.blog-section .post-item .post-content .post-meta.up .post-tag {
padding-left: 0;
margin: 0;
list-style: none;
}
.blog-section .post-item .post-image .post-categories {
padding-left: 0;
margin: 0;
list-style: none;
z-index: 1;
position: absolute;
left: 25%;
transform: translateY(-15px);
}
.blog-section .post-item .post-image .post-categories li a i {
margin-right: 5px;
}
.blog-section .post-item .post-image .post-categories li a {
text-decoration: none;
font-size: 16px;
font-weight: 500;
color: var(--text-white);
border-radius: 100px;
background: var(--highlight-color);
text-align: center;
padding: 8px;
}
.blog-section .post-item .post-content .post-meta.up .post-tag a {
color: var(--secondary-color);
font-size: 16px;
font-weight: 500;
margin-right: 10px;
display: inline-block;
text-decoration: none;
}
.blog-section .post-item .post-content .post-meta.up .post-tag i {
color: var(--primary-color);
font-size: 16px;
}
.blog-section .post-item .post-content .post-title a {
text-decoration: none;
color: var(--secondary-color);
font-size: 24px;
font-weight: 600;
transition: 1s;
}
.blog-section .post-item .post-content .post-title a:hover,
.blog-section .post-item .post-content .post-title a:focus-within {
color: var(--primary-color);
}
.blog-section .post-item .post-content .more-link {
color: var(--secondary-color);
font-size: 18px;
transition: 1s;
border-radius: 50px;
padding: 10px 15px;
font-size: 16px;
font-weight: 600;
}
.blog-section .post-item .post-content .more-link span {
padding-right: 10px;
}
.blog-section .post-item .post-content .more-link i {
opacity: 0;
visibility: hidden;
animation: zoomIn 1s linear;
padding-left: 10px;
}
.blog-section .post-item:hover .post-content .more-link span,
.blog-section .post-item:focus-within .post-content .more-link span {
border-right: 1px solid var(--text-white);
}
.blog-section .post-item:hover .post-content .more-link i,
.blog-section .post-item:focus-within .post-content .more-link i {
opacity: 1;
visibility: visible;
}
.blog-section .post-item:hover .post-content .more-link,
.blog-section .post-item:focus-within .post-content .more-link {
text-decoration: none;
border: 1px solid var(--primary-color);
border-radius: 50px;
padding: 10px 15px;
color: var(--text-white);
font-size: 16px;
background: var(--primary-color);
}
.blog-section.blog-single-page .comments-area .single-comments-title h2 {
font-size: 28px;
font-weight: 600;
color: var(--secondary-color);
}  .footer-section {
padding-top: 80px;
position: relative;
overflow: hidden;
z-index: 1;
}
.footer-section::after {
content: '';
position: absolute;
right: 0;
top: 0;
background: url(//boonburyhealth.com/wp-content/themes/medazin/assets/images/elements/element1.png);
bottom: 0;
left: 0;
background-repeat: no-repeat;
width: 100%;
animation: pulse 5s infinite;
z-index: -1;
}
footer.footer-section::before {
content: '';
background: var(--dark-3);
position: absolute;
inset: 0;
z-index: -1;
border-top: 1px solid rgba(180 180 180 / 20%);
}
.footer-section .footer-logo a {
text-decoration: none;
}
.footer-section .footer-logo a h2 {
color: var(--text-white);
font-size: 40px;
font-weight: 500;
}
.footer-section .footer-content p {
color: var(--text-white);
margin-top: 10px;
}
.footer-section .footer-content-wrap .widget-contact .contact-area {
display: flex;
align-items: center;
justify-content: start;
gap: 10px;
margin-bottom: 10px;
}
.footer-section .footer-content-wrap .widget-contact .contact-area .contact-info p {
margin-bottom: 0px;
}
.footer-section .footer-content-wrap .widget-contact .contact-area .contact-icon i {
color: var(--primary-color);
}
.footer-section .footer-content-wrap .widget-contact .contact-area .contact-info p a {
color: var(--text-white);
text-decoration: none;
font-weight: 400;
font-size: 16px;
transition: 1s;
}
.footer-section .footer-content-wrap .widget-contact .contact-area:hover .contact-icon,
.footer-section .footer-content-wrap .widget-contact .contact-area:focus-within .contact-icon {
animation: rubberBand 1s linear infinite;
}
.footer-section .footer-content-wrap .widget-contact .contact-area .contact-info p a:hover,
.footer-section .footer-content-wrap .widget-contact .contact-area .contact-info p a:focus-within {
color: var(--primary-color);
text-decoration: dotted underline;
}
.footer-section .footer-content-wrap .widget-title {
font-size: 20px;
font-weight: 500;
color: var(--primary-color);
margin-bottom: 30px;
transition: 1s;
position: relative;
}
.footer-section .footer-content-wrap:hover .widget-title,
.footer-section .footer-content-wrap:focus-within .widget-title {
color: var(--highlight-color);
}
.footer-section .footer-content-wrap .widget-title::after {
content: '';
position: absolute;
width: 150px;
height: 2px;
background: var(--primary-color);
bottom: -5px;
transition: 1s;
left: 0;
}
.footer-section .footer-content-wrap:hover .widget-title::after,
.footer-section .footer-content-wrap:focus-within .widget-title::after {
content: '';
background: var(--highlight-color);
}
.footer-section .footer-content-wrap .widget-text {
margin-bottom: 35px;
}
.footer-section .footer-content-wrap .wp-block-gallery .wp-block-image {
display: inline-block;
margin: 4px;
position: relative;
overflow: hidden;
border-radius: 50%;
max-width: 75px;
width: 100%;
cursor: zoom-in;
}
.footer-section .footer-content-wrap .wp-block-gallery .wp-block-image::after {
content: '';
background: var(--primary-color);
position: absolute;
inset: 0;
clip-path: circle(0%);
opacity: 0.6;
width: 100%;
border-radius: 50%;
transition: 1s;
}
.footer-section .footer-content-wrap .wp-block-gallery .wp-block-image:hover::after,
.footer-section .footer-content-wrap .wp-block-gallery .wp-block-image:focus-within:after {
clip-path: circle(100%);
}
.footer-section .footer-content-wrap .wp-block-gallery .wp-block-image img {
border-radius: 50%;
max-width: 75px;
width: 100%;
cursor: zoom-in;
}
.footer-section .footer-content-wrap .menu {
list-style: none;
padding-left: 0;
margin: 0;
}
.footer-section .footer-content-wrap .menu li {
margin-bottom: 10px;
}
.footer-section .footer-content-wrap .menu li a {
font-size: 16px;
font-weight: 400;
text-decoration: none;
transition: 1s;
color: var(--text-white);
position: relative;
padding-left: 20px;
}
.footer-section .footer-content-wrap .menu li a:hover,
.footer-section .footer-content-wrap .menu li a:focus-within {
color: var(--primary-color);
padding-left: 0;
text-decoration: dotted underline;
}
.footer-section .footer-content-wrap .menu li a::after {
content: '\f054';
position: absolute;
left: 0;
font-family: 'Font Awesome 5 Free';
font-weight: 600;
transition: 1s;
}
.footer-section .footer-content-wrap .menu li a:hover::after,
.footer-section .footer-content-wrap .menu li a:focus-within:after {
content: '\f054';
position: absolute;
left: 100%;
font-family: 'Font Awesome 5 Free';
font-weight: 600;
margin-left: 10px;
}
.footer-section .footer-content-wrap .opening-hour .grid-dl {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
}
.footer-section .footer-content-wrap .opening-hour .grid-dl dd,
dt {
color: var(--text-white);
font-weight: 400;
margin-bottom: 10px;
}
.footer-section .footer-content-wrap .opening-hour .grid-dl dt {
color: var(--text-white);
}
.footer-section .footer-content-wrap .opening-hour .grid-dl dd.closed {
color: var(--highlight-color);
font-weight: 600;
} .footer-section .footer-copyright .widget-contact .contact-area {
display: flex;
align-items: center;
justify-content: start;
gap: 10px;
}
.footer-section .footer-copyright::after {
content: '';
position: absolute;
top: 0;
border-top: 1px solid rgb(215 215 215 / 20%);
left: -100%;
right: -100%;
}
.footer-section .footer-copyright .footer-bottom {
position: relative;
padding: 30px 0;
}
.footer-section .footer-copyright .footer-bottom:not(:last-child) {
border-right: 1px solid rgb(215 215 215 / 20%);
}
.footer-section .footer-copyright .widget-contact .contact-area .contact-icon {
width: 50px;
height: 50px;
background: var(--primary-color);
line-height: 50px;
text-align: center;
border-radius: 50%;
font-size: 20px;
display: inline-block;
position: relative;
margin-right: 20px;
color: var(--text-white);
transform: rotateY(180deg);
}
.footer-section .footer-copyright .widget-contact .contact-area .contact-icon::after {
content: "";
position: absolute;
inset: 0;
border-radius: 100px;
animation: wave5 2s infinite;
}
.footer-section .footer-copyright .widget-contact .contact-area .contact-icon::before {
animation: wave6 2s infinite;
content: "";
position: absolute;
inset: 0;
border-radius: 100px;
}
@keyframes wave5 {
0% {
box-shadow: 0 0 0 0px var(--primary-color);
}
100% {
box-shadow: 0 0 0 10px var(--primary-color);
opacity: 0;
}
}
@keyframes wave6 {
0% {
box-shadow: 0 0 0 0 var(--primary-color);
}
100% {
box-shadow: 0 0 0 20px var(--primary-color);
opacity: 0;
}
}
.footer-section .footer-copyright .widget-contact .contact-area .contact-info {
line-height: 1.4;
}
.footer-section .footer-copyright .widget-contact .contact-area .contact-info .text a {
font-size: 24px;
font-weight: 500;
text-decoration: none;
color: var(--text-white);
transition: 1s;
}
.footer-section .footer-copyright .widget-contact .contact-area .contact-info .text a:hover,
.footer-section .footer-copyright .widget-contact .contact-area .contact-info .text a:focus-within {
color: var(--primary-color);
text-decoration: dotted underline;
}
.footer-section .footer-copyright .widget-contact .contact-area .contact-info span.title {
color: var(--text-white);
}
.footer-section .footer-copyright .copyright {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.footer-section .footer-copyright .copyright p {
color: var(--text-white);
padding: 0 10px;
margin-bottom: 0;
}
.footer-section .footer-copyright {
position: relative;
}
.footer-section .footer-copyright .copyright p a {
color: var(--primary-color);
text-decoration: underline;
font-weight: 600;
transition: 1s;
}
.footer-section .footer-copyright .copyright p a:hover,
.footer-section .footer-copyright .copyright p a:focus-within {
color: var(--primary-color);
text-decoration: dotted underline;
}
.footer-section .footer-copyright .widget_payment_methods .payment_methods {
display: flex;
align-items: center;
list-style: none;
justify-content: flex-end;
padding-left: 0;
margin-bottom: 0;
gap: 25px;
}
.footer-section .footer-copyright .widget_payment_methods .payment_methods li a {
font-size: 40px;
color: var(--text-white);
transition: 1s;
}
.footer-content-wrap {
position: relative;
}
.footer-content-wrap:not(:has(.custom-logo-link))>span {
position: absolute;
top: 0;
right: 12px;
color: var(--primary-color);
cursor: pointer;
z-index: 2;
}
.footer-content-wrap.active>.collapsd {
display: inline-block;
}
.footer-content-wrap:first-of-type>span,
.footer-content-wrap.active>.collaps,
.footer-content-wrap>.collapsd {
display: none;
}   .mouse {
background: var(--primary-color) linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%);
position: fixed;
width: 52px;
height: 88px;
border-radius: 100px;
background-size: 100% 200%;
-webkit-animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
bottom: 40px;
right: 35px;
z-index: 99;
cursor: pointer;
}
.mouse>span {
position: absolute;
z-index: -1;
content: '';
top: 110%;
left: 5%;
height: 10px;
width: 90%;
opacity: 1;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
.mouse:before,
.mouse:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.mouse:before {
width: 46px;
height: 82px;
background-color: var(--bg-1);
border-radius: 100px;
}
.mouse:after {
background-color: #ffffff;
width: 10px;
height: 10px;
border-radius: 100%;
-webkit-animation: trackBallSlide 5s linear infinite;
animation: trackBallSlide 5s linear infinite;
}
@-webkit-keyframes colorSlide {
0% {
background-position: 0% 100%;
}
20% {
background-position: 0% 0%;
}
21% {
background-color: var(--primary-color);
}
29.99% {
background-color: #ffffff;
background-position: 0% 0%;
}
30% {
background-color: var(--primary-color);
background-position: 0% 100%;
}
50% {
background-position: 0% 0%;
}
51% {
background-color: var(--primary-color);
}
59% {
background-color: #ffffff;
background-position: 0% 0%;
}
60% {
background-color: var(--primary-color);
background-position: 0% 100%;
}
80% {
background-position: 0% 0%;
}
81% {
background-color: var(--primary-color);
}
90%,
100% {
background-color: #ffffff;
}
}
@keyframes colorSlide {
0% {
background-position: 0% 100%;
}
20% {
background-position: 0% 0%;
}
21% {
background-color: var(--primary-color);
}
29.99% {
background-color: #ffffff;
background-position: 0% 0%;
}
30% {
background-color: var(--primary-color);
background-position: 0% 100%;
}
50% {
background-position: 0% 0%;
}
51% {
background-color: var(--primary-color);
}
59% {
background-color: #ffffff;
background-position: 0% 0%;
}
60% {
background-color: var(--primary-color);
background-position: 0% 100%;
}
80% {
background-position: 0% 0%;
}
81% {
background-color: var(--primary-color);
}
90%,
100% {
background-color: #ffffff;
}
}
@-webkit-keyframes trackBallSlide {
0% {
opacity: 1;
transform: scale(1) translateY(-20px);
}
6% {
opacity: 1;
transform: scale(0.9) translateY(5px);
}
14% {
opacity: 0;
transform: scale(0.4) translateY(40px);
}
15%,
19% {
opacity: 0;
transform: scale(0.4) translateY(-20px);
}
28%,
29.99% {
opacity: 1;
transform: scale(1) translateY(-20px);
}
30% {
opacity: 1;
transform: scale(1) translateY(-20px);
}
36% {
opacity: 1;
transform: scale(0.9) translateY(5px);
}
44% {
opacity: 0;
transform: scale(0.4) translateY(40px);
}
45%,
49% {
opacity: 0;
transform: scale(0.4) translateY(-20px);
}
58%,
59.99% {
opacity: 1;
transform: scale(1) translateY(-20px);
}
60% {
opacity: 1;
transform: scale(1) translateY(-20px);
}
66% {
opacity: 1;
transform: scale(0.9) translateY(5px);
}
74% {
opacity: 0;
transform: scale(0.4) translateY(40px);
}
75%,
79% {
opacity: 0;
transform: scale(0.4) translateY(-20px);
}
88%,
100% {
opacity: 1;
transform: scale(1) translateY(-20px);
}
}
@keyframes trackBallSlide {
0% {
opacity: 1;
transform: scale(1) translateY(-20px);
}
6% {
opacity: 1;
transform: scale(0.9) translateY(5px);
}
14% {
opacity: 0;
transform: scale(0.4) translateY(40px);
}
15%,
19% {
opacity: 0;
transform: scale(0.4) translateY(-20px);
}
28%,
29.99% {
opacity: 1;
transform: scale(1) translateY(-20px);
}
30% {
opacity: 1;
transform: scale(1) translateY(-20px);
}
36% {
opacity: 1;
transform: scale(0.9) translateY(5px);
}
44% {
opacity: 0;
transform: scale(0.4) translateY(40px);
}
45%,
49% {
opacity: 0;
transform: scale(0.4) translateY(-20px);
}
58%,
59.99% {
opacity: 1;
transform: scale(1) translateY(-20px);
}
60% {
opacity: 1;
transform: scale(1) translateY(-20px);
}
66% {
opacity: 1;
transform: scale(0.9) translateY(5px);
}
74% {
opacity: 0;
transform: scale(0.4) translateY(40px);
}
75%,
79% {
opacity: 0;
transform: scale(0.4) translateY(-20px);
}
88%,
100% {
opacity: 1;
transform: scale(1) translateY(-20px);
}
}
@-webkit-keyframes nudgeMouse {
0% {
transform: translateY(0);
}
20% {
transform: translateY(8px);
}
30% {
transform: translateY(0);
}
50% {
transform: translateY(8px);
}
60% {
transform: translateY(0);
}
80% {
transform: translateY(8px);
}
90% {
transform: translateY(0);
}
}
@keyframes nudgeMouse {
0% {
transform: translateY(0);
}
20% {
transform: translateY(8px);
}
30% {
transform: translateY(0);
}
50% {
transform: translateY(8px);
}
60% {
transform: translateY(0);
}
80% {
transform: translateY(8px);
}
90% {
transform: translateY(0);
}
}
@-webkit-keyframes nudgeText {
0% {
transform: translateY(0);
}
20% {
transform: translateY(2px);
}
30% {
transform: translateY(0);
}
50% {
transform: translateY(2px);
}
60% {
transform: translateY(0);
}
80% {
transform: translateY(2px);
}
90% {
transform: translateY(0);
}
}
@keyframes nudgeText {
0% {
transform: translateY(0);
}
20% {
transform: translateY(2px);
}
30% {
transform: translateY(0);
}
50% {
transform: translateY(2px);
}
60% {
transform: translateY(0);
}
80% {
transform: translateY(2px);
}
90% {
transform: translateY(0);
}
}
@-webkit-keyframes colorText {
21% {
color: var(--primary-color);
}
30% {
color: #ffffff;
}
51% {
color: var(--primary-color);
}
60% {
color: #ffffff;
}
81% {
color: var(--primary-color);
}
90% {
color: #ffffff;
}
}
@keyframes colorText {
21% {
color: var(--primary-color);
}
30% {
color: #ffffff;
}
51% {
color: var(--primary-color);
}
60% {
color: #ffffff;
}
81% {
color: var(--primary-color);
}
90% {
color: #ffffff;
}
}   .breadcrumb-section {
position: relative; background-size: cover;
height: 300px;
z-index: 1;
background-position: calc(50%);
}
.breadcrumb-section>canvas {
z-index: -2 !important;
}
.breadcrumb-section::before {
content: '';
background: rgba(0 0 0 / 55%);
position: absolute;
inset: 0;
z-index: -1;
}
.breadcrumb-section .breadcrumb-footer {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
right: 0;
z-index: 1;
}
.breadcrumb-section .breadcrumb-footer .breadcrumb-content .breadcrumb-list{
color:#fff;
}
.breadcrumb-section .breadcrumb-footer::before {
content: '';
background: var(--dark-3);
position: absolute;
inset: 0;
z-index: -1;
border-bottom: 1px solid rgba(180 180 180 / 20%);
opacity: .9;
}
.breadcrumb-section .breadcrumb-footer .breadcrumb-content {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0;
}
.breadcrumb-section .breadcrumb-footer .breadcrumb-content .breadcrumb-heading h1 {
color: var(--text-white);
font-size: 35px;
margin-bottom: 0;
font-weight: 500;
}
.breadcrumb-section .breadcrumb-footer .breadcrumb-content .breadcrumb-list {
list-style: none;
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 0;
background: var(--primary-color);
padding: 15px 20px;
border-radius: 100px;
}
.breadcrumb-section .breadcrumb-footer .breadcrumb-content .breadcrumb-list li a {
margin-right: 10px;
text-decoration: none;
font-size: 18px;
font-weight: 500;
color: var(--text-white);
}
.breadcrumb-section .breadcrumb-footer .breadcrumb-content .breadcrumb-list li {
color: var(--text-white);
}
.breadcrumb-section .breadcrumb-footer .breadcrumb-content .breadcrumb-list li i {
color: var(--text-white);
}
.breadcrumb-section .breadcrumb-footer .breadcrumb-content .breadcrumb-list li span {
font-size: 18px;
color: var(--text-white);
font-weight: 400;
}  .about-section {
padding: 80px 0;
position: relative;
overflow: hidden;
}
.about-section .left-side-content .sub-title span {
font-size: 20px;
font-weight: 600;
margin-bottom: 5px;
color: var(--highlight-color);
display: inline-block;
}
.about-section .left-side-content .text p {
margin-bottom: 30px;
color: var(--secondary-color);
}
.about-section .left-side-content .title h2 {
font-size: 35px;
font-weight: 700;
color: var(--secondary-color);
margin-bottom: 10px;
}
.about-section .left-side-content .title h2>span {
font-size: 33px;
font-weight: 700;
color: var(--primary-color);
}
.about-section .left-side-content .list-items {
display: flex;
align-items: center;
justify-content: space-between;
margin: 20px 0;
}
.about-section .left-side-content .list-items ul {
list-style: none;
padding-left: 0;
margin-bottom: 10px;
}
.about-section .left-side-content .list-items ul li {
display: flex;
align-items: center;
margin-bottom: 20px;
gap: 10px;
width: 50%;
float: left;
}
.about-section .left-side-content .list-items ul li i {
font-size: 25px;
color: var(--primary-color);
}
.about-section .left-side-content .list-items ul li a {
font-size: 18px;
font-weight: 600;
text-decoration: none;
color: var(--secondary-color);
}
.about-section .left-side-content .achivements .icon-wrap {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
background: var(--dark-2);
border: 1px solid rgba(180 180 180 / 20%);
width: 100px;
height: 100px;
line-height: 100px;
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
border-radius: 50%;
}
.about-section .left-side-content .achivements .icon-wrap img {
max-width: 55px;
width: 100%;
}
.about-section .left-side-content .achivements {
display: flex;
align-items: center;
justify-content: space-between;
}
.about-section .left-side-content .achivements .box-wrap {
display: flex;
align-items: center;
gap: 15px;
}
.about-section .left-side-content .achivements .box-wrap .text-wrap {
line-height: 1;
}
.about-section .left-side-content .achivements .box-wrap .text-wrap h4 {
font-size: 24px;
font-weight: 700;
color: var(--secondary-color);
}
.about-section .left-side-content .achivements .box-wrap .text-wrap .desc {
font-size: 16px;
font-weight: 500;
display: inline-block;
color: var(--primary-color);
}
.about-section .right-side-content .content-box .text-wrap p {
background: var(--highlight-color);
color: var(--text-white);
padding: 15px;
font-size: 30px;
position: absolute;
font-style: italic;
bottom: 0px;
right: 0;
width: 400px;
text-align: center;
border-radius: 6px;
font-weight: 500;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
margin: 0;
}
.about-section .right-side-content .content-box {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}  .feature-section-2 {
padding: 80px 0;
position: relative;
}
.feature-section-2 .left-content .item-list {
LIST-STYLE: none;
padding-left: 0;
display: block;
margin-bottom: 0;
}
.feature-section-2 .left-content .item-list .item a {
display: flex;
margin: 5px;
align-items: center;
gap: 15px;
font-size: 18px;
text-decoration: none;
font-weight: 600;
color: var(--secondary-color);
}
.feature-section-2 .left-content .item-list .item a>i {
font-size: 24px;
color: var(--primary-color);
}
.feature-section-2 .left-content .item-list .item {
padding: 15px;
line-height: 30px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
margin-bottom: 30px;
border-radius: 6px;
border: 1px solid rgba(255 255 255 / 30%);
background: var(--dark-2);
}
.feature-section-2 .left-content .achive .icon-wrap {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
background: var(--dark-2);
border: 1px solid rgba(180 180 180 / 20%);
width: 80px;
height: 80px;
line-height: 80px;
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
border-radius: 50%;
}
.feature-section-2 .left-content .achive .icon-wrap img {
max-width: 55px;
width: 100%;
}
.feature-section-2 .left-content .achive {
display: flex;
align-items: center;
justify-content: space-between;
}
.feature-section-2 .left-content .achive .box-wrap {
display: flex;
align-items: center;
gap: 13px;
}
.feature-section-2 .left-content .achive .box-wrap .text-wrap {
line-height: 1;
}
.feature-section-2 .left-content .achive .box-wrap .text-wrap h4 {
font-size: 24px;
font-weight: 700;
color: var(--secondary-color);
margin-bottom: 10px;
}
.feature-section-2 .left-content .achive .box-wrap .text-wrap .desc {
font-size: 14px;
font-weight: 500;
display: inline-block;
color: var(--primary-color);
}
.feature-section-2 .center-content {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.feature-section-2 .center-content::after {
content: '';
position: absolute;
inset: -38px;
border: 2px solid var(--primary-color);
z-index: -1;
border-radius: 50%;
}
.feature-section-2 .center-image-wrap {
width: 420px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
position: relative;
height: 420px;
z-index: 0;
}
.feature-section-2 .center-content .center-image-wrap img {
z-index: 1;
position: relative;
height: 461px;
width: 320px;
border-radius: 0px 82px 156px 154px;
transform: translateY(-20px);
}
.feature-section-2 .center-content .center-image-wrap::after {
content: '';
position: absolute;
inset: 0;
border: 2px solid var(--primary-color);
border-radius: 50%;
z-index: -1;
}
.feature-section-2 .center-image-wrap>span:nth-child(2) {
position: absolute;
top: 0;
right: 40px;
}
.feature-section-2 .center-image-wrap>span:nth-child(3) {
position: absolute;
top: 140px;
right: -6px;
}
.feature-section-2 .center-image-wrap>span:nth-child(4) {
position: absolute;
top: 100px;
left: 10px;
}
.feature-section-2 .center-image-wrap>span:nth-child(5) {
position: absolute;
bottom: 30px;
right: 68px;
}
.feature-section-2 .center-image-wrap>span:nth-child(6) {
position: absolute;
top: 250px;
left: -45px;
}
.feature-section-2 .center-image-wrap>span:nth-child(7) {
position: absolute;
top: 0;
left: 40px;
}
.feature-section-2 .center-image-wrap>span:nth-child(8) {
position: absolute;
bottom: 0;
left: 40px;
}
.feature-section-2 .center-image-wrap>span {
background: var(--white);
display: block;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
color: var(--highlight-color);
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 50%;
z-index: 1;
}  .testimonial-section-2 {
padding: 80px 0;
position: relative;
overflow: hidden;
}
.testimonial-section-2 .bg-elements img.element1 {
position: absolute;
bottom: 40px;
z-index: -1;
left: 0;
animation: move01 15s linear infinite;
}
.testimonial-section-2 .bg-elements img.element2 {
position: absolute;
transform: rotate(90deg);
z-index: -1;
right: 0px;
width: 200px;
top: 150px;
animation: floating 3s infinite;
}
section.testimonial-section-2::before {
content: '';
background: var(--primary-color-light);
position: absolute;
inset: 0;
z-index: -1;
opacity: 0.1;
}
.testimonial-section-2 .testimonial-box {
padding: 30px 20px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
margin: 10px;
position: relative;
background: var(--dark-2);
border: 1px solid rgba(180 180 180 / 50%);
transition: 1s;
z-index: 1;
}
.testimonial-section-2 .testimonial-box:hover,
.testimonial-section-2 .testimonial-box:focus-within,
.testimonial-section-2 .owl-item.center .testimonial-box {
background: var(--primary-color);
color: var(--text-white);
}
.testimonial-section-2 .testimonial-box:after {
content: '\f10d';
position: absolute;
top: -10px;
font-family: 'Font Awesome 5 Free';
font-weight: 600;
left: 27px;
background: var(--primary-color);
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50%;
text-align: center;
font-size: 24px;
display: inline-block;
color: var(--text-white);
transition: 1s;
z-index: -1;
}
.testimonial-section-2 .testimonial-box:hover:after,
.testimonial-section-2 .testimonial-box:focus-within:after,
.owl-item.center .testimonial-box::after {
background: var(--highlight-color);
}
.testimonial-section-2 .testimonial-box .text-wrap {
margin: 20px 0;
}
.testimonial-section-2 .testimonial-box .text-wrap p {
color: var(--secondary-color);
}
.testimonial-section-2 .testimonial-box .testimonial-info .img-wrap img {
max-width: 60px;
border-radius: 50%;
width: 100%;
}
.testimonial-section-2 .testimonial-box .testimonial-info .info-wrap h4 {
font-size: 18px;
font-weight: 600;
color: var(--secondary-color);
margin: 0;
transition: 1s;
}
.testimonial-section-2 .testimonial-box:hover .testimonial-info .info-wrap h4,
.testimonial-section-2 .testimonial-box:focus-within .testimonial-info .info-wrap h4,
.owl-item.center .testimonial-box .testimonial-info .info-wrap h4 {
color: var(--text-white);
}
.testimonial-section-2 .testimonial-box:hover .text-wrap p,
.testimonial-section-2 .testimonial-box:focus-within .text-wrap p,
.owl-item.center .testimonial-box .text-wrap p {
color: var(--text-white);
}
.testimonial-section-2 .testimonial-box .testimonial-info .info-wrap span {
font-size: 16px;
font-weight: 400;
color: var(--primary-color);
transition: 1s;
}
.testimonial-section-2 .testimonial-box:hover .testimonial-info .info-wrap span,
.testimonial-section-2 .testimonial-box:focus-within .testimonial-info .info-wrap span,
.owl-item.center .testimonial-box .testimonial-info .info-wrap span {
color: var(--text-white);
}
.testimonial-section-2 .testimonial-box .testimonial-info {
display: flex;
align-items: center;
gap: 10px;
margin: 20px 0;
}
.testimonial-section-2 .testimonials-Feedback {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
margin-top: 40px;
}
.testimonial-section-2 .testimonials-Feedback ul.testimonial-img {
list-style: none;
padding-left: 0;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.testimonial-section-2 .testimonials-Feedback ul.testimonial-img li {
transition: .6s;
cursor: pointer;
}
.testimonial-section-2 .testimonials-Feedback ul.testimonial-img li:hover,
.testimonial-section-2 .testimonials-Feedback ul.testimonial-img li:focus-within {
margin: 0 15px;
}
.testimonial-section-2 .testimonials-Feedback ul.testimonial-img li:nth-child(n+2) {
margin-left: -18px;
}
.testimonial-section-2 .testimonials-Feedback ul.testimonial-img li img {
border-radius: 50%;
max-width: 50px;
width: 100%;
border: 2px solid #fff;
padding: 0;
}
.testimonial-section-2 .testimonials-Feedback .feedback-link a {
font-size: 18px;
color: var(--secondary-color);
font-weight: 600;
transition: 1s;
}
.testimonial-section-2 .testimonials-Feedback .feedback-link a:hover,
.testimonial-section-2 .testimonials-Feedback .feedback-link a:focus-within {
text-decoration: dotted underline;
color: var(--primary-color);
}  .service-section.service-section-2 .service-box>.bg-element svg {
fill: var(--highlight-color);
}
.service-section.service-section-2 .service-box .bg-element .st0 {
stroke: var(--highlight-color);
}
.service-section.service-section-2 .service-box .bg-element .st1 {
stroke: var(--highlight-color);
}
.service-section.service-section-2 .service-box:hover .bg-element .st1,
.service-section.service-section-2 .service-box:focus-within .bg-element .st1 {
stroke: var(--white);
}
.service-section.service-section-2 .service-box:hover .bg-element .st0,
.service-section.service-section-2 .service-box:focus-within .bg-element .st0 {
stroke: var(--white);
}
.service-section.service-section-2 .service-box:hover .bg-element svg,
.service-section.service-section-2 .service-box:focus-within .bg-element svg {
fill: #fff;
}  .doctors-section.doctors-section-2 .main-wrap .text-wrap {
right: 20px;
left: 20px;
}
.doctors-section.doctors-section-2 .main-wrap .widget_social_widget ul {
margin-bottom: 5px;
}
.doctors-section.doctors-section-2 .content-box {
margin: 0;
}  .faq-section {
position: relative;
padding: 80px 0;
}
.faq-section .accordion-button::after {
content: '\f067' !important;
background: var(--highlight-color);
background-image: none;
width: 30px;
line-height: 30px;
height: 30px;
font-family: 'Font Awesome 5 Free';
font-weight: 600;
color: var(--text-white);
display: flex;
align-items: center;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
justify-content: center;
border-radius: 50%;
font-size: 16px;
}
.faq-section .accordion-item {
border: 0;
}
.faq-section .accordion-item .accordion-body {
background: var(--dark-2);
color: var(--secondary-color);
border: 1px solid rgba(180 180 180 / 40%);
border-top: 0;
}
.faq-section .accordion-flush .accordion-item .accordion-button,
.faq-section .accordion-flush .accordion-item .accordion-button.collapsed {
border-radius: 6px;
position: relative;
z-index: 1;
height: 55px;
background: var(--dark-3);
border: 1px solid rgba(180 180 180 / 40%);
}
.faq-section .accordion {
border-radius: 6PX;
--bs-accordion-bg: var(--dark-bg-2) !important;
}
.faq-section .load-item {
display: none;
}
.faq-section .accordion-flush .accordion-item .accordion-button>span {
font-size: 16px;
font-weight: 500;
color: var(--text-white);
line-height: 1.2;
transition: 1s;
}
.faq-section .accordion-flush .accordion-item {
margin-bottom: 20px;
position: relative;
}
.faq-section .accordion-flush .accordion-item>.count-element {
position: absolute;
z-index: 2;
top: 0;
left: 0;
background: var(--bg-1);
color: var(--text-white);
padding: 14px;
font-size: 18px;
font-weight: 600;
}
.faq-section .accordion-flush .accordion-item {
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 5px;
}
.faq-section .accordion-button:not(.collapsed) {
background: inherit;
box-shadow: none;
border: 0;
outline: none;
}
.faq-section .accordion-button:not(.collapsed) span {
color: var(--primary-color) !important;
}
.faq-section .accordion-button:focus {
box-shadow: none;
}
.faq-section .accordion-button:not(.collapsed)::after {
transform: rotate(45deg);
}
.load-btn {
width: 110px;
height: 110px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background: var(--highlight-color);
border: 0;
color: var(--text-white);
font-weight: 600;
margin: auto;
margin-top: 30px;
transition: .6s;
position: relative;
}
.load-btn:hover,
.load-btn:focus-within {
background: var(--highlight-color) !important;
color: var(--text-white) !important;
text-decoration: none;
}
.load-spinner {
position: relative;
cursor: pointer;
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
margin: 5px 0;
}
.load-spinner:before,
.load-spinner:after {
position: absolute;
display: block;
content: "";
width: 9px;
height: 9px;
left: 0;
top: -5px;
right: 0;
bottom: 0;
margin: auto;
border-width: 2px;
border-style: solid;
border-color: transparent;
border-bottom-color: #fff;
border-right-color: #fff;
border-radius: 0 0 1px 0;
transform: translate(0%, 0%) rotate(45deg);
transition: all 0.4s ease-in-out;
}
.loadspinner .load-spinner:before {
border-radius: 50%;
animation: 0.8s rotate3 0.4s linear forwards infinite;
}
.loadspinner .load-spinner:after {
width: 18px;
height: 18px;
border-radius: 50%;
animation: 0.8s rotate4 0.4s linear forwards infinite;
}
@keyframes rotate3 {
to {
transform: translate(0%, 0%) rotate(405deg);
}
}
@keyframes rotate4 {
to {
transform: translate(0%, 0%) rotate(-315deg);
}
}   .comparison-pricing {
padding: 80px 0;
}
.comparison-pricing table thead tr th {
border: 1px solid rgb(90 96 108 / 52%);
padding: 40px 60px;
text-align: center;
font-weight: 400;
background: var(--dark-3);
color: var(--text-white);
}
.comparison-pricing table thead tr th .pricing-tag>span {
font-weight: 600;
font-size: 24px;
color: var(--text-white);
margin-bottom: 10px;
display: inline-block;
}
.comparison-pricing table thead tr th .price {
font-size: 35px;
font-weight: 800;
color: var(--highlight-color);
display: inline-block;
}
.comparison-pricing table thead tr th .text {
font-size: 16px;
display: inline-block;
color: var(--text-white);
}
.comparison-pricing table thead tr th .type {
display: block;
margin-bottom: 20px;
font-weight: 500;
color: var(--text-white);
}
.comparison-pricing table thead tr th .main-button {
text-decoration: none;
border: 1px solid var(--primary-color);
border-radius: 50px;
padding: 10px 20px;
color: var(--text-white);
font-size: 16px;
transition: .6s;
background: var(--primary-color);
}
.comparison-pricing table thead tr th .main-button:hover,
.comparison-pricing table thead tr th .main-button:focus-within {
background: transparent;
}
.comparison-pricing table thead tr th .main-button i {
padding-left: 10px;
}
.comparison-pricing table thead tr th .main-button span {
border-right: 1px solid var(--text-white);
padding-right: 10px
}
.comparison-pricing table tbody tr td {
text-align: center;
padding: 10px;
border: 1px solid rgb(157 157 157 / 30%);
font-size: 16px;
font-weight: 600;
color: var(--secondary-color);
}
.comparison-pricing table tbody tr td.highlight {
color: var(--highlight-color);
}
.comparison-pricing table tbody tr td.default {
color: var(--secondary-color);
}
.comparison-pricing .comparison-table table {
table-layout: auto !important;
}  .main-button {
display: -webkit-inline-box;
position: relative;
z-index: 1;
overflow: hidden;
text-decoration: none;
font-family: sans-serif;
font-weight: 600;
font-size: 2em;
padding: 0.75em 1em;
border-radius: calc(0.75em + 0.5em + 0.15em);
transition: 4s;
color: var(--text-white);
}
.main-button:before,
.main-button:after {
content: "";
position: absolute;
top: 0;
z-index: -1;
width: 200%;
aspect-ratio: 1;
border: none;
border-radius: 40%;
background-color: var(--primary-color);
transition: 4s;
}
.main-button:before {
left: -80%;
transform: translate3d(0, 5em, 0) rotate(-340deg);
opacity: 0.8;
}
.main-button:after {
right: -80%;
transform: translate3d(0, 5em, 0) rotate(390deg);
opacity: 0.5;
}
.main-button:hover,
.main-button:focus {
color: white;
}
.main-button:hover:before,
.main-button:hover:after,
.main-button:focus:before,
.main-button:focus:after {
transform: none;
background-color: var(--primary-color);
top: -3.5em;
} #trailer {
height: 20px;
width: 20px;
background-color: var(--secondary-color);
border-radius: 20px;
position: fixed;
top: 0px;
left: 0px;
z-index: 10000;
pointer-events: none;
opacity: 0;
transition: opacity 500ms ease;
border: 2px solid var(--primary-color);
}
#trailer:after {
animation: wave5 2s infinite;
content: "";
position: absolute;
inset: 0;
border-radius: 100px;
}
#trailer:before {
animation: wave6 2s infinite;
content: "";
position: absolute;
inset: 0;
border-radius: 100px;
}
body:hover>#trailer {
opacity: 1;
} .pagination {
justify-content: center;
margin: 30px 0px;
}
.pagination .nav-links {
border: 1px solid rgba(180 180 180 / 30%);
padding: 5px 10px;
display: flex;
border-radius: 100px;
gap: 10px;
background: var(--dark-3);
}
.pagination .page-numbers {
background: transparent;
width: 30px;
display: inline-block;
height: 30px;
color: var(--text-white);
text-decoration: none;
line-height: 30px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(180 180 180 / 40%);
font-size: 16px;
font-weight: 600;
}
.pagination .page-numbers.current {
background: var(--highlight-color);
}
.pagination .pagination__list {
list-style: none;
padding-left: 0;
display: flex;
align-items: center;
gap: 10px;
margin: 0;
border-radius: 100px;
background: var(--dark-3);
border: 1px solid rgba(180 180 180 / 50%);
padding: 3px 15px;
}
.pagination .pagination__list li button {
font-weight: 600;
border-radius: 0;
border: 0;
display: block;
font-size: 18px;
position: relative;
background: var(--dark-3);
border: 1px solid rgba(180 180 180 / 50%);
color: var(--text-white);
line-height: 30px;
z-index: 1;
width: 30px;
height: 30px;
border-radius: 50%;
}
.pagination .pagination__list li button.active {
background: var(--highlight-color);
}
.pagination .pagination__button {
padding: 10px;
border: 1px solid rgba(180 180 180 / 50%);
border-radius: 50%;
width: 50px;
height: 50px;
line-height: 0;
margin: 0 15px;
text-align: center;
background: var(--dark-3);
color: var(--text-white);
transition: .6s;
}
.pagination .pagination__button#pg-button-prev:hover i,
.pagination .pagination__button#pg-button-prev:focus-within i {
animation: bounceInLeft .6s linear;
}
.pagination .pagination__button#pg-button-prev:hover,
.pagination .pagination__button#pg-button-prev:focus-within {
background: var(--primary-color);
}
.pagination .pagination__button#pg-button-next:hover i,
.pagination .pagination__button#pg-button-next:focus-within i {
animation: bounceInRight .6s linear;
}
.pagination .pagination__button#pg-button-next:hover,
.pagination .pagination__button#pg-button-next:focus-within {
background: var(--primary-color);
}  .blog-section.blog-single-page .widget-single-page .widget-title {
font-size: 20px;
font-weight: 500;
color: var(--secondary-color);
margin: 0;
}
.blog-section.blog-single-page .widget-single-page {
display: flex;
align-items: center;
justify-content: space-between;
}
.blog-section.blog-single-page .widget-single-page .sinlge-page-tag {
display: flex;
align-items: center;
gap: 20px;
}
.blog-section.blog-single-page .widget-single-page .sinlge-page-tag .tagcloud a {
font-size: 16px;
text-decoration: none;
font-weight: 400;
color: var(--secondary-color);
}
.blog-section.blog-single-page .widget-single-page .widget_social_widget ul {
padding-left: 0;
display: flex;
align-items: center;
list-style: none;
align-items: center;
justify-content: space-evenly;
gap: 10px;
margin-bottom: 10px;
margin: 0;
}
.blog-section.blog-single-page .widget-single-page .widget_social_widget {
display: flex;
align-items: center;
gap: 20px;
}
.blog-section.blog-single-page .widget-single-page .widget_social_widget ul li a {
display: inline-block;
color: var(--secondary-color);
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 50%;
z-index: 1;
position: relative;
transition: .3s;
}
.blog-section.blog-single-page .widget-single-page .widget_social_widget ul li a:hover::after,
.blog-section.blog-single-page .widget-single-page .widget_social_widget ul li a:focus-within::after {
animation: wave5 2s infinite;
content: "";
position: absolute;
inset: 0;
border-radius: 100px;
}
.blog-section.blog-single-page .widget-single-page .widget_social_widget ul li a:hover::before,
.blog-section.blog-single-page .widget-single-page .widget_social_widget ul li a:focus-within::before {
content: "";
position: absolute;
inset: 0;
border-radius: 100px;
animation: wave6 1s infinite;
}
.blog-section.blog-single-page .widget-single-page .widget_social_widget ul li a:hover,
.blog-section.blog-single-page .widget-single-page .widget_social_widget ul li a:focus-within {
border-color: var(--primary-color);
color: var(--primary-color);
}
.blog-section.blog-single-page .widget-single-page .widget_social_widget ul li a:hover i,
.blog-section.blog-single-page .widget-single-page .widget_social_widget ul li a:focus-within i {
animation: rotateIn .6s linear;
}
.blog-section.blog-single-page .comments-area .comment-body {
position: relative;
padding-left: 120px;
min-height: 120px;
overflow-wrap: break-word;
word-wrap: break-word;
border-radius: 3px;
z-index: 0;
margin-bottom: 5px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
margin: 20px 0;
padding: 20px;
padding-left: 120px;
border: 1px solid rgba(255 255 255 / 20%);
background: var(--dark-2);
}
.blog-section.blog-single-page .comments-area .comment-body .comment-content p {
color: var(--secondary-color);
}
.blog-section.blog-single-page .comments-area .comment-meta .comment-author img {
position: absolute;
z-index: 0;
left: 20px;
border-radius: 10px;
width: 70px;
height: 70px;
}
.blog-section.blog-single-page .comments-area .comments-title h3 {
font-size: 24px;
font-weight: 500;
color: var(--secondary-color);
}
.blog-section.blog-single-page .comments-area .comment-meta .comment-author .fn a {
text-decoration: none;
font-size: 20px;
font-weight: 500;
transition: 1s;
color: var(--secondary-color);
}
.blog-section.blog-single-page .comments-area .comment-meta .comment-author .fn a:hover,
.blog-section.blog-single-page .comments-area .comment-meta .comment-author .fn a:focus-within {
color: var(--primary-color);
text-decoration: dotted underline;
}
.blog-section.blog-single-page .comment-list {
margin: 0;
padding: 0;
list-style: none;
}
.blog-section.blog-single-page .comment-list .children {
position: relative;
padding: 0;
margin: 0;
margin-left: 2.5rem;
z-index: 0;
}
.blog-section.blog-single-page .comments-area .comment-body .comment-metadata a time {
font-size: 18px;
font-weight: 500;
display: inline-block;
color: var(--secondary-color);
position: absolute;
right: 15px;
top: 10px;
transition: 0.65s;
}
.blog-section.blog-single-page .comments-area .comment-meta .comment-author {
font-size: 20px;
margin-bottom: 5px;
}
.blog-section.blog-single-page ol.comment-list li {
list-style: none;
}
.blog-section.blog-single-page ol.comment-list li#comment-13 {
margin-left: -70px;
}
.blog-section.blog-single-page .comment-meta .comment-metadata {
width: 100%;
position: relative;
}
.blog-section.blog-single-page .comments-area .comment-body .comment-metadata a.comment-reply-link {
text-decoration: none;
font-size: 16px;
font-weight: 500;
transition: 1s;
color: var(--secondary-color);
}
.blog-section.blog-single-page .comments-area .comment-body .comment-metadata a.comment-reply-link:hover,
.blog-section.blog-single-page .comments-area .comment-body .comment-metadata a.comment-reply-link:focus-within {
color: var(--highlight-color);
text-decoration: dotted underline;
}
.blog-section.blog-single-page .comments-area .comment-respond .comment-reply-title {
font-size: 24px;
font-weight: 500;
color: var(--secondary-color);
}
.blog-section.blog-single-page .comment-form {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.blog-section.blog-single-page .comment-form>p:nth-child(1n+1):not(.comment-form-email):not(.comment-form-comment):not(.comment-form-cookies-consent):not(.form-submit):not(.comment-form-url) {
margin-right: 30px;
}
.blog-section.blog-single-page .comment-form>p:not(.comment-notes):not(.comment-form-comment):not(.comment-form-cookies-consent):not(.form-submit) {
flex: 45.5%;
}
.blog-section.blog-single-page .comment-form>p label {
font-size: 16px;
font-weight: 600;
color: var(--secondary-color);
}
.blog-section.blog-single-page .comment-form>p.comment-form-cookies-consent>label {
color: var(--secondary-color);
display: inline-block; }
.blog-section.blog-single-page .comment-form>p input[type="text"],
.blog-section.blog-single-page .comment-form>p input[type="email"],
.blog-section.blog-single-page .comment-form>p input[type="url"] {
padding: 15px;
border-radius: 100px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border: 0;
width: 100%;
}
.blog-section.blog-single-page .comment-form p input::placeholder {
color: var(--secondary-color);
}
.blog-section.blog-single-page .comment-form>p input {
outline: none;
border: 0;
color: var(--secondary-color);
margin-bottom: 20px;
background: var(--dark-2);
border: 1px solid rgba(255 255 255 / 20%) !important;
}
.blog-section.blog-single-page .comment-form-comment {
max-width: 100%;
flex-basis: 100%;
}
.blog-section.blog-single-page .comment-respond textarea#comment {
height: 140px;
overflow: auto;
width: 100%;
resize: vertical;
padding: 15px;
color: var(--secondary-color);
border: 0;
outline: none;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 15px;
background: var(--dark-2);
border: 1px solid rgba(255 255 255 / 20%) !important;
}
.blog-section.blog-single-page .comment-respond textarea::placeholder {
color: var(--secondary-color);
}
.blog-section.blog-single-page .comment-respond input#comment-submit {
background-color: var(--dark-3);
padding: 12px 25px;
border: 1px solid var(--dark-3);
border-radius: 5px;
color: var(--text-white);
font-size: 18px;
font-weight: 500;
transition: 0.65s;
border-radius: 100px;
margin-top: 20px;
}
.blog-section.blog-single-page .comment-respond input#comment-submit:hover,
.blog-section.blog-single-page .comment-respond input#comment-submit:focus-within {
background-color: var(--primary-color);
color: var(--text-white);
}
.blog-section.blog-single-page article.post-item {
padding-bottom: 0;
padding: 10px;
}
.blog-section.blog-single-page .post-item .post-content p {
margin-bottom: 10px;
}
.blog-section.blog-single-page .post-item .post-image .post-categories {
position: absolute;
bottom: -25px;
left: 45%;
transform: translate(-50%, 0);
z-index: 1;
right: auto;
}
.blog-section.blog-single-page .post-item .post-image .post-categories li a {
display: inline-block;
margin: 3px;
}
.blog-section.blog-single-page .post-item .post-content .post-meta.up .post-tag {
float: right;
line-height: 3.5;
}
.blog-section.blog-single-page .blog-post.author-details {
padding: 20px;
background: var(--dark-2);
border: 1px solid rgba(180 180 180 / 30%);
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
border-radius: 6px;
margin-top: 20px;
}
.blog-section.blog-single-page .blog-post.author-details .section-header h2 {
font-size: 24px;
font-weight: 500;
color: var(--secondary-color);
}
.blog-section.blog-single-page .author-meta-det h4 a {
font-size: 24px;
font-weight: 500;
color: var(--secondary-color);
text-decoration: none;
}
.blog-section.blog-single-page .author-meta-det p {
color: var(--secondary-color);
}
.blog-section.blog-single-page .author-meta-det a.main-button {
background: var(--dark-3);
padding: 10px 20px;
font-size: 16px;
border: 1px solid rgba(180 180 180 / 30%);
text-decoration: none;
transition: .6s;
}
.blog-section.blog-single-page .media .auth-mata img {
border-radius: 50%;
width: 130px;
height: 130px;
margin-bottom: 15px;
}  .product-section {
padding: 80px 0;
}
.product-section .page-title {
color: var(--secondary-color);
font-size: 35px;
font-weight: 600;
}  .cart-section {
padding: 80px 0;
}
.cart-section .page-title {
color: var(--secondary-color);
font-size: 35px;
font-weight: 600;
}  .product-single-section {
padding: 80px 0;
}
.product-single-section .page-title {
color: var(--secondary-color);
font-size: 35px;
font-weight: 600;
}  .account-section {
padding: 80px 0;
}
.account-section .woocommerce-form-login {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
background: var(--dark-2);
border-radius: 6px; margin-bottom: 20px;
}
.account-section .signin-form form {
padding: 20px;
}
.account-section .woocommerce-form-login {
padding: 20px;
}
.account-section h5 {
padding: 20px;
background: var(--bg-1);
color: var(--text-white);
border-radius: 6px 6px 0px 0px
}
.account-section .signin-form form p label {
display: block;
font-size: 16px;
font-weight: 500;
color: var(--secondary-color);
}
.account-section .signin-form form p input:not(.woocommerce-form__input-checkbox) {
padding: 10px;
width: 100%;
border: 1px solid rgb(255 255 255 / 50%);
background: var(--dark-2);
color: var(--secondary-color);
border-radius: 6px;
outline: none;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.account-section .signin-form form p button.woocommerce-form-register__submit {
font-size: 16px;
padding: 10px 30px;
border: 0;
background: var(--dark-3);
color: var(--text-white);
border: 1px solid rgba(168, 168, 168, 0.583);
}
.account-section .signin-form form p .show-password-input::after {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 31px;
-webkit-font-smoothing: antialiased;
margin-left: 0.618em;
content: "\f06e";
text-decoration: none;
color: var(--highlight-color);
font-size: 17px;
}
.account-section .signin-form form p .show-password-input {
position: absolute;
right: 0.7em;
cursor: pointer;
}
.account-section .signin-form form p .password-input {
position: relative;
display: flex;
align-items: center;
}
.account-section .woocommerce-form-login p label {
display: block;
font-size: 16px;
font-weight: 500;
color: var(--secondary-color);
}
.account-section .woocommerce-form-login p input:not(.woocommerce-form__input-checkbox) {
padding: 10px;
width: 100%;
border: 1px solid rgb(255 255 255 / 50%);
background: var(--dark-2);
color: var(--secondary-color);
border-radius: 6px;
outline: none;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.account-section .woocommerce-form-login p button.woocommerce-form-login__submit {
font-size: 16px;
padding: 10px 30px;
border: 0;
background: var(--dark-3);
color: var(--text-white);
float: left;
border: 1px solid rgba(168, 168, 168, 0.583);
margin-right: 20px;
}
.account-section .woocommerce-form-login p .show-password-input::after {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 31px;
-webkit-font-smoothing: antialiased;
margin-left: 0.618em;
content: "\f06e";
text-decoration: none;
color: var(--highlight-color);
font-size: 17px;
}
.account-section .woocommerce-form-login p .show-password-input {
position: absolute;
right: 0.7em;
cursor: pointer;
}
.account-section .woocommerce-form-login p .password-input {
position: relative;
display: flex;
align-items: center;
}
.account-section .woocommerce-form-login p.lost_password a {
text-decoration: none !important;
font-size: 16px;
font-weight: 500;
color: var(--highlight-color) !important;
}  .checkout-section {
padding: 80px 0;
}
.checkout-section .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p label {
display: block;
font-size: 16px;
font-weight: 500;
color: var(--secondary-color);
}
.checkout-section .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p input {
padding: 10px;
width: 100%;
border: 1px solid rgb(255 255 255 / 50%);
background: var(--dark-2);
color: var(--secondary-color);
border-radius: 6px;
outline: none;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.checkout-section .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p input::placeholder {
color: var(--secondary-color);
}
.checkout-section .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p select {
padding: 10px;
width: 100%;
border: 1px solid rgb(255 255 255 / 50%);
background: var(--dark-2);
color: var(--secondary-color);
border-radius: 6px;
outline: none;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.checkout-section .woocommerce-billing-fields H3 {
font-size: 24px;
font-weight: 600;
color: var(--secondary-color);
}
.checkout-section .woocommerce-billing-fields .woocommerce-shipping-fields h3 label span {
font-size: 16px;
font-weight: 500;
color: var(--highlight-color);
}
.checkout-section .woocommerce-billing-fields .woocommerce-shipping-fields .shipping_address {
display: none;
}
.checkout-section .woocommerce-billing-fields .woocommerce-additional-fields p label {
display: block;
font-size: 16px;
font-weight: 500;
color: var(--secondary-color);
}
.checkout-section .woocommerce-billing-fields .woocommerce-additional-fields p textarea {
padding: 10px;
width: 100%;
border: 1px solid rgb(255 255 255 / 50%);
background: var(--dark-2);
color: var(--secondary-color);
border-radius: 6px;
outline: none;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
height: 100px;
}
.checkout-section .woocommerce-billing-fields .woocommerce-additional-fields p textarea::placeholder {
color: var(--secondary-color);
}
.checkout-section .woocommerce-checkout-review-order table th {
font-weight: 500 !important;
}
.checkout-section .woocommerce-checkout-review-order table td {
font-weight: 500 !important;
}
.checkout-section .woocommerce-checkout-review-order ul {
padding-left: 0;
}
.checkout-section .woocommerce-checkout-payment { box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 6px;
background: var(--dark-2);
border: 1px solid rgba(180 180 180 / 50%);
margin: 10px 0;
}
.checkout-section .woocommerce-checkout-payment ul {
padding-left: 0;
list-style: none;
border-bottom: 1px solid rgba(149, 146, 146, 0.237);
padding-bottom: 20px;
}
.checkout-section .woocommerce-checkout-payment ul li .payment_box {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 6px;
background: var(--dark-2);
padding: 10px;
border: 1px solid rgb(255 255 255 / 50%);
margin: 10px 0;
}
.checkout-section .woocommerce-checkout-payment ul li .payment_box p {
font-size: 14px;
font-weight: 400;
color: var(--secondary-color);
margin: 0;
}
.checkout-section input[type="radio"]::after {
width: 15px;
height: 15px;
border-radius: 15px;
top: -2px;
left: -1px;
position: relative;
background-color: var(--dark-2);
content: '';
display: inline-block;
visibility: visible;
border: 2px solid var(--highlight-color);
}
.checkout-section input[type='radio']:checked:after {
background-color: var(--highlight-color);
content: '';
display: inline-block;
visibility: visible;
border: 2px solid var(--highlight-color);
}
.checkout-section .woocommerce-checkout-payment ul li label {
margin: 0 10px;
color: var(--secondary-color);
font-size: 16px;
font-weight: 600;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus,
input[type="text"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="number"]:hover,
input[type="tel"]:hover,
input[type="range"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="week"]:hover,
input[type="time"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="color"]:hover,
textarea:hover,
select:hover {
border-color: var(--primary-color) !important;
outline: none;
transition: 1s;
}  .error-section {
padding: 100px 0;
}
.error-section .error-box h1 {
font-size: 320px;
line-height: 0; display: flex;
font-weight: 500;
color: var(--secondary-color);
align-items: center;
justify-content: center;
margin-bottom: 100px;
}
.error-section .error-box h1 .icon-box {
font-size: 200px;
width: 250px;
background: var(--highlight-color);
border-radius: 50%;
height: 250px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: var(--text-white);
animation: rotate 3s alternate infinite;
}
.error-section .error-box h4 {
display: block;
margin: 20px;
color: var(--secondary-color);
line-height: 1.2;
font-weight: 600;
font-size: 40px;
}
.error-section .error-box h4 span.highlight {
color: var(--highlight-color);
margin-right: 10px;
}
.error-section .error-box .main-button {
display: inline-block;
border: 1px solid;
background: var(--highlight-color);
padding: 10px 20px;
font-size: 18px;
text-decoration: none;
margin-top: 20px;
}  .contact-form-section {
padding: 80px 0;
z-index: 2;
position: relative;
}
.contact-form-section::before {
content: '';
position: absolute;
inset: 0;
background: var(--primary-color-light);
z-index: -1;
opacity: 0.1;
}
.contact-form-section .send-your-enquiry {
padding: 30px;
border-radius: 10px;
background: var(--dark-3);
border: 1px solid rgba(180 180 180 / 40%);
}
.contact-form-section .send-your-enquiry .Form-heading {
font-size: 30px;
color: var(--text-white);
font-weight: 600;
margin-bottom: 0px;
}
.contact-form-section .send-your-enquiry .note {
display: inline-block;
color: var(--primary-color);
font-size: 16px;
font-weight: 500;
}
.contact-form-section .send-your-enquiry .wpcf7 {
margin-top: 20px;
}
.contact-form-section .send-your-enquiry .wpcf7 form p {
margin-bottom: 20px;
position: relative;
}
.contact-form-section .send-your-enquiry .wpcf7 .wpcf7-submit {
padding: 15px 20px;
border: 0;
background: var(--primary-color);
color: var(--text-white);
border-radius: 100px;
font-size: 18px;
font-weight: 600;
display: block;
}
.contact-form-section .send-your-enquiry .wpcf7 form p .input-icon {
position: absolute;
top: 15px;
display: inline-block;
line-height: 1;
right: 25px;
}
.contact-form-section .send-your-enquiry .wpcf7 form p .input-icon i {
color: var(--highlight-color);
font-size: 20px;
display: inline-block;
}
.contact-form-section .send-your-enquiry .wpcf7 form p input {
padding: 15px;
border-radius: 100px;
background: var(--dark-2);
color: var(--secondary-color);
outline: none;
border: 1px solid rgba(180 180 180 / 40%);
}
.contact-form-section .send-your-enquiry .wpcf7 form p textarea {
height: 100px;
border-radius: 20px;
padding: 15px;
border: 1px solid rgba(180 180 180 / 40%);
background: var(--dark-2);
color: var(--secondary-color);
}
.contact-form-section .send-your-enquiry .wpcf7 form p input::placeholder {
color: var(--secondary-color);
font-weight: 600;
}
.contact-form-section .send-your-enquiry .wpcf7 form p textarea::placeholder {
color: var(--secondary-color);
font-weight: 600;
}
.contact-form-section .right-side-image img {
max-width: 400px;
width: 100%;
margin: 0 auto;
}
.contact-form-section .right-side-image {
display: flex;
align-items: center;
}  .feature-section-3 {
padding: 80px 0;
position: relative;
z-index: 1;
}
.feature-section-3 .bg-elements .element1 {
position: absolute;
top: -260px;
left: -50px;
width: 600px;
z-index: -1;
transform: rotate(-7deg);
}
.feature-section-3 .bg-elements .element2 {
position: absolute;
bottom: -271px;
right: 0;
width: 600px;
z-index: -1;
}
.feature-section-3 .feature-box-wrap {
padding: 5px;
display: flex;
align-items: center;
justify-content: start;
background: var(--dark-3);
border: 1px solid rgba(180 180 180 / 40%);
border-radius: 100px;
gap: 20px;
position: relative;
overflow: hidden;
z-index: 1;
}
.feature-box-wrap:after {
content: '';
background: var(--primary-color);
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
border-radius: 100px;
transform: scaleX(0);
transform-origin: left;
transition: 1s;
z-index: -1;
}
.feature-box-wrap:hover:after,
.feature-box-wrap:focus-within:after {
transform: scaleX(1);
transform-origin: right;
}
.feature-section-3 .feature-box-wrap:hover .feature-icon,
.feature-section-3 .feature-box-wrap:focus-within .feature-icon {
background: var(--dark-3);
animation: rotate .6s linear;
color: var(--text-white);
}
.feature-section-3 .feature-box-wrap .link-icon {
position: absolute;
top: 10px;
right: 10px;
background: var(--highlight-color);
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--text-white);
font-size: 14px;
line-height: 30px;
text-align: center;
text-decoration: none;
}
.feature-section-3 .feature-box-wrap:hover .link-icon,
.feature-section-3 .feature-box-wrap:focus-within .link-icon {
animation: fadeInLeft .4s linear;
}
.feature-section-3 .feature-box-wrap .feature-icon {
background: var(--primary-color);
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: var(--text-white);
}
.feature-section-3 .feature-box-wrap .feature-text a {
display: inline-block;
color: var(--text-white);
font-size: 16px;
text-decoration: none;
font-weight: 600;
}  .office-address-section {
position: relative;
padding: 80px 0;
z-index: 2;
}
.office-address-section::before {
CONTENT: '';
position: absolute;
inset: 0;
background: var(--primary-color-light);
opacity: 0.1;
z-index: -1;
}
.office-address-section .bg-elements .element1 {
position: absolute;
inset: 0;
z-index: -1;
width: 100%;
}
.office-address-section .address-item {
margin: 10px;
}
.office-address-section .info-wrap::after {
content: '';
background: url(//boonburyhealth.com/wp-content/themes/medazin/assets/images/contact/office-address/element2.png);
background-repeat: no-repeat;
position: absolute;
bottom: 0;
right: -100%;
display: block;
width: 100%;
height: 100%;
transform: rotate(5deg) translateY(189px) translateX(52px);
transition: .6s;
transition-delay: .3s;
}
.office-address-section .info-wrap:hover::after,
.office-address-section .info-wrap:focus-within::after
{
right: 0;
}
.office-address-section .info-wrap::before {
content: '';
background: var(--dark-3);
border-radius: 6px;
position: absolute;
inset: 0;
z-index: -1;
transform-origin: bottom;
transform: scaleY(0);
transition: transform .6s ease-in-out;
}
.office-address-section .info-wrap:hover::before,
.office-address-section .info-wrap:focus-within::before {
transform-origin: top;
transform: scaleY(1);
}
.office-address-section .info-wrap {
padding: 10px;
text-align: center;
cursor: pointer;
display: flex;
z-index: 1;
align-items: center;
justify-content: center;
flex-direction: column;
position: relative;
overflow: hidden;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
background: var(--dark-2);
border-radius: 6px;
border: 1px solid rgba(180 180 180 / 30%);
transition: .6s;
}
.office-address-section .info-wrap .icon-wrap {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border: 10px solid var(--text-white);
border-radius: 50%;
margin: 10px;
}
.office-address-section .info-wrap:hover .icon-wrap,
.office-address-section .info-wrap:focus-within .icon-wrap {
animation: rotate .6s linear;
}
.office-address-section .info-wrap .title-box .sub-title {
font-size: 16px;
color: var(--primary-color);
font-weight: 400;
}
.office-address-section .info-wrap .title-box .title {
font-size: 20px;
color: var(--secondary-color);
font-weight: 600;
transition: 1s;
}
.office-address-section .info-wrap:hover .title-box .title,
.office-address-section .info-wrap:focus-within .title-box .title {
color: var(--text-white);
}
.office-address-section .info-wrap .title-box {
position: relative;
}
.office-address-section .info-wrap .info-text p {
color: var(--secondary-color);
font-size: 16px;
line-height: 1.5;
transition: 1s;
}
.office-address-section .info-wrap:hover .info-text p,
.office-address-section .info-wrap:focus-within .info-text p {
color: var(--text-white);
}
.office-address-section .info-wrap .info-number a {
font-size: 18px;
font-weight: 700;
text-decoration: none;
color: var(--highlight-color);
}
.office-address-section .info-wrap .title-box::after {
position: absolute;
content: '';
border-bottom: 1px solid var(--primary-color);
bottom: 8px;
left: 15px;
right: 15px;
}
.office-address-section .bg-image {
position: absolute;
top: 0;
right: 0;
left: 0;
}
.office-address-section .bg-image img {
width: 100%;
}  .virus-section {
position: relative;
padding: 80px 0;
z-index: 1;
background-position: center !important;
background-size: cover !important;
}
.virus-section>canvas {
z-index: -2 !important;
}
.virus-section::before {
content: '';
background: var(--dark-3);
position: absolute;
inset: 0;
z-index: -1;
opacity: 0.9;
}
.virus-section .item-wrap {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin: 15px;
cursor: pointer;
font-size: 70px;
color: var(--highlight-color);
}
.virus-section .item-wrap .icon-wrap svg {
width: 80px;
fill: var(--highlight-color);
height: 80px;
}
.virus-section .item-wrap .icon-wrap i {
font-size: 70px;
color: var(--highlight-color);
}
.virus-section .item-wrap .icon-wrap {
display: flex;
background: var(--text-white);
width: 140px;
height: 140px;
align-items: center;
position: relative;
justify-content: center;
border-radius: 50%;
}
.virus-section .item-wrap:hover .icon-wrap::after,
.virus-section .item-wrap:focus-within .icon-wrap::after {
animation: wave7 2s infinite;
content: "";
position: absolute;
inset: 0;
border-radius: 100px;
}
.virus-section .item-wrap:hover .icon-wrap::before,
.virus-section .item-wrap:focus-within .icon-wrap::before {
animation: wave8 2s infinite;
content: "";
position: absolute;
inset: 0;
border-radius: 100px;
}
@keyframes wave7 {
0% {
box-shadow: 0 0 0 0 #b3b3b3;
}
100% {
box-shadow: 0 0 0 10px #b3b3b3;
opacity: 0;
}
}
@keyframes wave8 {
0% {
box-shadow: 0 0 0 0 #b3b3b3;
}
100% {
box-shadow: 0 0 0 20px #b3b3b3;
opacity: 0;
}
}
.virus-section .item-wrap .title {
margin-top: 10px;
text-decoration: none;
font-size: 18px;
font-weight: 500;
color: var(--text-white);
transition: 1s;
}
.virus-section .item-wrap:hover .title,
.virus-section .item-wrap:focus-within .title {
color: var(--highlight-color);
}  .contactmap-section .map iframe {
width: 100%;
-webkit-filter: hue-rotate(90deg);
filter: hue-rotate(90deg);
display: block;
}
.contactmap-section .map-footer .customer-support svg {
width: 90px;
fill: var(--text-white);
transform: translateX(35px);
}
.contactmap-section .map-footer {
background: var(--dark-3);
border-bottom: 1px solid rgba(180 180 180 / 30%);
padding: 30px 0;
z-index: 1;
position: relative;
}
.contactmap-section .map-footer::after {
content: '';
background: url(//boonburyhealth.com/wp-content/themes/medazin/assets/images/contact/bg-element3.png);
position: absolute;
inset: 0;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
}
.contactmap-section .map-footer .widget-contact .contact-area {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
}
.contactmap-section .map-footer .widget-contact .contact-area .contact-icon {
width: 70px;
height: 70px;
background: var(--highlight-color);
display: flex;
align-items: center;
justify-content: center;
color: var(--text-white);
border-radius: 50%;
font-size: 24px;
}
.contactmap-section .map-footer .widget-contact .contact-area:hover .contact-icon i,
.contactmap-section .map-footer .widget-contact .contact-area:focus-within .contact-icon i {
animation: rubberBand 1s linear infinite;
}
.contactmap-section .map-footer .widget-contact .contact-area .contact-info .text a {
color: var(--text-white);
text-decoration: none;
font-size: 20px;
font-weight: 600;
transition: 1s;
}
.contactmap-section .map-footer .widget-contact .contact-area .contact-info .text a:hover,
.contactmap-section .map-footer .widget-contact .contact-area .contact-info .text a:hover {
text-decoration: dotted underline;
color: var(--primary-color);
}
.contactmap-section .map-footer .widget-contact .contact-area .contact-info .title {
display: inline-block;
color: var(--primary-color);
font-size: 16px;
font-weight: 400;
}
.contactmap-section .map-footer .customer-support {
z-index: 1;
position: relative;
}
.contactmap-section .map-footer .customer-support::after {
content: '';
background: var(--primary-color);
clip-path: polygon(25% 0, 100% 0, 75% 100%, 0 100%);
position: absolute;
top: -30px;
width: 170px;
height: 150px;
bottom: 0;
left: -1px;
z-index: -1;
}  .award-section {
position: relative;
padding: 80px 0;
}
.award-section .sponsor-review .award-image img {
max-width: 70%;
margin: 0 auto;
width: 100%;
cursor: pointer;
}  .prealoader {
position: fixed;
width: 100%;
height: 100%;
background: #16213a;
display: block;
z-index: 9999;
}
.prealoader .close-loader a {
position: absolute;
top: 20px;
right: 20px;
background: transparent;
color: var(--text-white);
border: 1px dotted rgba(180 180 180 / 50%);
width: 40px;
height: 40px;
line-height: 40px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 24px;
transition: .6s;
}
.prealoader .close-loader {
display: none;
}
.prealoader .close-loader a:hover,
.prealoader .close-loader a:focus-within {
border-radius: 50%;
}
.heart-rate {
width: 160px;
height: 75px;
position: relative;
margin: 20px auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.fade-in {
position: absolute;
width: 100%;
height: 100%;
background-color: #16213a;
top: 0;
right: 0;
animation: heartRateIn 2.5s linear infinite;
}
.fade-out {
position: absolute;
width: 120%;
height: 100%;
top: 0;
left: -120%;
animation: heartRateOut 2.5s linear infinite;
background: #16213a;
background: -moz-linear-gradient(left, #16213a, #16213a, #16213a);
background: -webkit-linear-gradient(left, #16213a, #16213a, #16213a);
background: -o-linear-gradient(left, #16213a, #16213a, #16213a);
background: -ms-linear-gradient(left, #16213a, #16213a, #16213a);
background: linear-gradient(to right, #16213a, #16213a, #16213a);
}
@keyframes heartRateIn {
0% {
width: 100%;
}
50% {
width: 0;
}
100% {
width: 0;
}
}
@keyframes heartRateOut {
0% {
left: -120%;
}
30% {
left: -120%;
}
100% {
left: 0;
}
} .main-slider-2 .item .cover .slider-content h2 {
font-weight: 600;
font-size: 65px;
color: var(--primary-color);
line-height: 1.2;
word-break: break-word;
-webkit-text-stroke: unset;
-webkit-background-clip: unset;
background-clip: unset;
-webkit-text-fill-color: unset;
margin-bottom: 8px;
}
.main-slider-2 .item .cover .slider-content h2 {
font-weight: 600;
font-size: 65px;
color: var(--primary-color);
line-height: 1.2;
word-break: break-word;
-webkit-text-stroke: unset;
-webkit-background-clip: unset;
background-clip: unset;
-webkit-text-fill-color: unset;
margin-bottom: 8px;
}
.wpcf7 form .wpcf7-response-output {
color: #fff;
}
.blog-single-page .post-item .post-content .post-title {
color: var(--secondary-color);
font-size: 24px;
font-weight: 600;
transition: 1s;
}
.blog-single-page .post-item .post-content .post-title :hover,
.blog-single-page .post-item .post-content .post-title :focus-within {
color: var(--primary-color);
} .bypostauthor {}
.gallery-caption {}
.post-content iframe {
width: 100%;
height: 100%;
}