.iq-icon-box-style-1 {
position: relative;
padding: 30px;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
background: var(--white-color);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
overflow: hidden;
}
.iq-icon-box-style-1 .icon-box-img i {
font-size: var(--font-size-45);
color: var(--primary-color);
}
.iq-icon-box-style-1 .icon-box-img {
line-height: normal;
display: inline-block;
}
.iq-icon-box-style-1 .icon-box-content .icon-box-title a {
margin: 15px 0;
display: inline-block;
}
.iq-icon-box-style-1 .icon-box-content .icon-box-desc {
margin: 0;
}
.iq-icon-box-style-1::before {
width: 0;
transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
height: 4px;
background: var(--primary-color);
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.iq-icon-box-style-1:hover::before,
.iq-icon-box-style-1.active::before {
width: 100%;
}
.iq-icon-box-style-1:hover,
.iq-icon-box-style-1.active {
-webkit-box-shadow: -1px 4px 30px 0 rgba(0, 0, 0, 0.06);
-moz-box-shadow: -1px 4px 30px 0 rgba(0, 0, 0, 0.06);
box-shadow: -1px 4px 30px 0 rgba(0, 0, 0, 0.06);
} .iq-icon-box-style-2 {
display: flex;
padding: 30px;
border: 1px solid transparent;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.iq-icon-box-style-2 .icon-box-img {
margin-right: 30px;
}
.iq-icon-box-style-2 .icon-box-img i {
font-size: var(--font-size-45);
color: var(--primary-color);
display: inline-block;
line-height: normal;
}
.iq-icon-box-style-2 .icon-box-content {
flex: 1;
}
.iq-icon-box-style-2 .icon-box-content .icon-box-title a {
display: inline-block;
}
.iq-icon-box-style-2 .icon-box-content .icon-box-desc {
margin: 0;
}
.iq-icon-box-style-2:hover,
.iq-icon-box-style-2.active {
border-color: var(--white-light-color);
background: var(--white-color);
-webkit-box-shadow: -1px 4px 30px 0 rgba(0, 0, 0, 0.06);
-moz-box-shadow: -1px 4px 30px 0 rgba(0, 0, 0, 0.06);
box-shadow: -1px 4px 30px 0 rgba(0, 0, 0, 0.06);
} .iq-icon-box-style-2 {
display: block;
}
.iq-icon-box-style-2 .icon-box-img {
margin-bottom: 30px;
display: block;
}
.iq-icon-box-style-2 .iq-button.iq-btn-link,
.iq-icon-box-style-2 .iq-button.iq-btn-link i{
color: var(--primary-color);
}
.iq-icon-box-style-2:hover .iq-button.iq-btn-link,
.iq-icon-box-style-2:hover .iq-button.iq-btn-link i{
color: var(--white-color);
} .iq-icon-box-style-3 p.icon-box-desc {
margin: 0;
}
.iq-icon-box-style-3 .iq-btn-container {
margin: 25px 0 0 0;
}
.iq-icon-box-style-3 .icon-box-title {
font-family: var(--e-global-typography-primary-font-family), Sans-serif;
font-weight: normal;
margin: 0 0 15px 0;
}
.iq-icon-box-style-3 .icon-box-img {
margin-bottom: 25px;
}
.iq-icon-box-style-3 .icon-box-img {
display: inline-flex;
justify-content: center;
align-items: center;
}
@-webkit-keyframes pulse-shrink-on-hover {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes pulse-shrink-on-hover {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
.iq-icon-box-style-3 .pulse-shrink-on-hover {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.iq-icon-box-style-3 .pulse-shrink-on-hover:hover {
-webkit-animation-name: pulse-shrink-on-hover;
animation-name: pulse-shrink-on-hover;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}
.iq-icon-box-style-3 .icon-box-img {
display: inline-flex;
justify-content: center;
align-items: center;
} .iq-icon-box-style-4 {
display: flex;
align-items: center;
gap: 10px;
}
.custom-gap-30 .iq-icon-box-style-4{
gap: 30px;
}
.iq-icon-box-style-4.content-reverse {
flex-direction: row-reverse;
}
.iq-icon-box-style-4 .icon-box-content {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.iq-icon-box-style-4 p.icon-box-desc {
margin: 0;
line-height: normal;
}
.iq-icon-box-style-4 .icon-box-img {
display: flex;
align-items: center;
justify-content: center;
}
.iq-fertility-icon-footer .iq-icon-box-style-4 {
gap: 40px;
}
@media (max-width: 767px) {
.iq-fertility-icon-footer .iq-icon-box-style-4 {
text-align: center;
flex-direction: column;
}
.iq-icon-box-style-4 .icon-box-content {
align-items: center;
}
} [dir=rtl] .iq-icon-box.iq-icon-box-style-1,
[dir=rtl] .iq-icon-box-style-3 {
text-align: right;
}
[dir=rtl] .iq-icon-box-style-2 .icon-box-img {
margin-right: 0;
}
@media (max-width: 767px){
.custom-gap-30 .iq-icon-box-style-4{
gap: 15px;
}
}
@media(max-width:575px){
.iq-icon-box-style-4{
flex-direction: column;
text-align: center;
}
}.kivicare-social ul li a, .rs_prefix-social ul li a {
position: relative;
width: 38px;
height: 38px;
display: inline-block;
text-align: center;
line-height: 38px;
border-radius: 100%;
text-transform: uppercase;
font-size: var(--font-size-xs);
color: var(--body-text);
}
.kivicare-social ul, .rs_prefix-social ul {
padding-left: 0;
}
svg.base-circle.animated {
width: 38px;
height: 38px;
position: absolute;
z-index: 99;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
svg.base-circle .c1 {
stroke-dasharray: 0 144;
-webkit-transition: .7s;
transition: .7s;
opacity: 0;
stroke: var(--primary-color);
}
svg.base-circle:hover .c1 {
stroke-dasharray: 144 144;
opacity: 1;
-webkit-transition-property: stroke-dasharray;
transition-property: stroke-dasharray;
} .rs_prefix-social ul li {
margin: 0;
}.column-has-position-static .sf-menu>.menu-item>.iqonic-megamenu-container {
position: absolute;
transform: translateX(-50%);
left: 50%!important;
}
.column-has-position-static ul.sf-menu>li.megamenu-layout,
.column-has-position-static .navbar,
.column-has-position-static .layouts-section-position-static .elementor-widget,
.column-has-position-static .layouts-section-position-static .elementor-widget-wrap,
.column-has-position-static .layouts-section-position-static.elementor-column,
.column-has-position-static .layouts-section-position-static .elementor-column-wrap,
.column-has-position-static.elementor-section .elementor-container {
position: static!important;
}
.link-badge {
position: absolute;
font-size: 9px;
padding: 1px 5px!important;
text-transform: unset;
letter-spacing: 0;
top: 4px;
line-height: normal;
right: 4px;
border-radius: 10px;
}
.sub-menu .link-badge{
position: static;
vertical-align: middle;
margin-left: 10px!important;
}
[dir='rtl'] .sub-menu .link-badge{
margin-left: 0!important;
margin-right: 10px!important;
display: inline-block;
} .sf-menu,
.sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li {
position: relative;
}
.sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
}
.sf-menu>li {
float: left;
padding: 15px 0;
}
.sf-menu>li:not(.menu-item-has-children)>a {
padding: 18px 0 18px 20px;
}
.sf-menu li:hover>ul,
.sf-menu li.sfHover>ul {
display: block;
}
.sf-menu ul ul {
top: 0;
left: 100%;
} .vertical-header .container-fluid {
padding: 0;
}
.menu-align-center .kivicare-mobile-menu .sub-menu {
padding-left: 0;
}
.kivicare-mobile-menu.vertical-menu-layout li .sub-menu li a {
margin-bottom: 16px;
display: inline-block;
}
.kivicare-full-menu ul.top-menu>li {
position: relative;
margin-bottom: 25px;
list-style: none;
}
.kivicare-full-menu .sub-menu {
list-style-type: none;
padding-top: 1em;
}
.kivicare-mobile-menu .navbar-brand img {
height: 60px;
}
.kivicare-mobile-menu ul li>.toggledrop i,
.kivicare-mobile-menu ul li>.toggledrop svg {
font-size: (--font-size-sm);
margin-left: 15px;
cursor: pointer;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
.sf-menu li>ul,
.sf-menu>.menu-item.sfHover>.iqonic-megamenu-container {
-webkit-animation: slide-top .6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: slide-top .6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-top {
0% {
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
100% {
transform: translateY(0);
-webkit-transform: translateY(0);
}
}
@keyframes slide-top {
0% {
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
} .sf-menu {
float: left;
margin-bottom: 0;
}
.sf-menu ul.sub-menu {
padding: 10px 0;
background: var(--white-color);
width: 300px;
box-shadow: var(--global-box-shadow);
-webkit-box-shadow: var(--global-box-shadow); }
.sf-menu ul.sub-menu a {
padding: 10px 25px;
color: var(--body-text);
font-weight: var(--font-weight-regular);
position: relative;
font-size: var(--font-size-sm);
}
.sf-menu ul.sub-menu li:hover>a,
.sf-menu ul.sub-menu>li.menu-item.current-menu-item>a,
.sf-menu ul li.current-menu-parent>a,
.sf-menu ul li .sub-menu li.current-menu-item>a {
padding-left: 35px;
}
.sf-menu ul>li.menu-item>a:before {
content: "\002B";
display: block;
position: absolute;
top: 4px;
z-index: -1;
opacity: 0;
left: 15px;
font-weight: 400;
font-size: 21px;
transform: scale(0);
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
}
.sf-menu ul>li.menu-item:hover>a:before,
.sf-menu ul>li.menu-item.current-menu-item>a:before,
.sf-menu ul li.current-menu-parent>a:before,
.sf-menu ul li .sub-menu li.current-menu-item>a:before {
opacity: 1;
transform: scale(1);
}
.sc_layouts_menu_nav li li.menu-item-has-children>a {
padding-right: 35px;
}
.sf-menu>li>a {
text-transform: capitalize;
font-weight: var(--font-weight-regular);
}
.sf-menu a {
font-feature-settings: 'tnum'on, 'lnum'on;
display: block;
text-transform: uppercase;
color: var(--title-color);
font-family: var(--highlight-font-family);
padding: 18px 20px;
text-decoration: none;
zoom: 1; transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
position: relative;
letter-spacing: var(--font-letter-spacing-link);
font-size: 1rem;
}
.sf-menu>li>ul ul {
top: 10px;
margin: 0 0 0 4px;
}
.sf-menu>li>ul ul.open-submenu-left {
margin: 0 4px 0 0;
}
.sf-menu li {
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
font-family: var(--highlight-font-family);
}
.sf-menu li:hover>a,
.sf-menu li.sfHover>a {
color: var(--primary-color);
-webkit-transition: none;
transition: none;
}
.sf-menu ul li:hover>a,
.sf-menu ul li.sfHover>a {
padding-left: 25px;
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}
.sf-menu li.current-menu-item>a,
.sf-menu li.current-menu-ancestor>a,
.sf-menu ul li .sub-menu li.current-menu-item>a,
.sf-menu ul>li.menu-item.current-menu-parent>a,
.sf-menu ul li.current-menu-parent>a {
color: var(--primary-color);
}
.sf-arrows li.current-menu-ancestor>.sf-with-ul:after {
border-top-color: var(--primary-color);
}
.sf-arrows .sf-menu ul li .sub-menu li.current-menu-parent>a .sf-with-ul:after {
border-left-color: var(--primary-color);
border-top-color: transparent;
} ul.sf-menu>li.menu-item-has-children>a {
padding-right: 1.5625em;
} ul.sf-menu li.menu-item-has-children>a:after {
content: "\f2c7";
font-size: var(--font-size-xs);
font-family: "Ionicons";
font-weight: 900;
position: absolute;
right: .625em;
top: 52%;
transform: translateY(-55%);
-webkit-transform: translateY(-55%);
-moz-transform: translateY(-55%);
-o-transform: translateY(-55%);
-ms-transform: translateY(-55%);
}
ul.sf-menu li>.sub-menu li.menu-item-has-children>a:after {
content: "\f054";
right: 1.5625em;
top: 50%;
font-family: "Font Awesome 5 Free";
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.sf-arrows>li>.sf-with-ul:focus:after,
.sf-arrows>li:hover>.sf-with-ul:after,
.sf-arrows>.sfHover>.sf-with-ul:after {
border-top-color: var(--color-theme-primary); } .sf-arrows ul .sf-with-ul:after .sf-arrows ul li>.sf-with-ul:focus:after,
.sf-arrows ul li:hover>.sf-with-ul:after,
.sf-arrows ul .sfHover>.sf-with-ul:after {
border-left-color: var(--color-theme-primary);
}
.sf-menu ul.sub-menu li a:hover:after, .sf-menu ul li:hover>a:after, .sf-arrows ul li:hover .sf-with-ul:after {
color: currentColor;
} header .header-up.has-sticky, header .header-down.has-sticky {
position: fixed!important;
left: 0;
right: 0;
top: 0;
box-shadow: var(--global-box-shadow);
-webkit-box-shadow: var(--global-box-shadow);
-moz-box-shadow: var(--global-box-shadow);
-o-box-shadow: var(--global-box-shadow);
-ms-box-shadow: var(--global-box-shadow);
transition: all .45s ease 0s!important;
-webkit-transition: all .45s ease 0s!important;
-moz-transition: all .45s ease 0s!important;
-o-transition: all .45s ease 0s!important;
z-index: 99;
}
header .header-up.has-sticky {
background: var(--global-body-lightbg);
}
header .header-down.has-sticky {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%);
}  .iqonic-header-over header {
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 99;
background: transparent;
}
.iqonic-header-over .kivicare-breadcrumb {
padding: 12.25em 1em 8.25em;
}
@media(max-width:480px) {
.iqonic-header-over .kivicare-breadcrumb {
padding: 8.25em 1em 5.25em;
}
} .vertical-header .container-fluid {
padding: 0;
}
.menu-align-center .kivicare-mobile-menu .sub-menu {
padding-left: 0;
}
.kivicare-mobile-menu.vertical-menu-layout ul li .sub-menu li a {
margin-bottom: 1em;
display: inline-block;
}
.kivicare-mobile-menu.kivicare-navigation-burger {
display: block;
} .kivicare-mobile-menu {
background: var(--white-color);
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 99;
opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
-o-opacity: 1;
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
-webkit-transition: all .8s ease-in-out;
}
.kivicare-mobile-menu.menu-open {
pointer-events: all;
opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
-o-opacity: 1;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
}
.kivicare-mobile-menu.header-up,
.kivicare-mobile-menu.header-down {
position: fixed;
left: 0;
right: 0;
top: 0;
height: 100vh;
z-index: 99;
transition: all .45s ease 0s;
-webkit-transition: all .45s ease 0s;
-moz-transition: all .45s ease 0s;
-o-transition: all .45s ease 0s;
}
.kivicare-mobile-menu.menu-open.header-down {
top: 0;
z-index: 99;
}
.kivicare-mobile-menu.header-down {
top: -100px;
}
.kivicare-mobile-menu .navbar {
padding: 15px 30px;
z-index: 999;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.kivicare-mobile-menu.vertical-menu-layout.menu-style-two .navbar,
.kivicare-mobile-menu.vertical-menu-layout.menu-style-one .navbar {
border: none;
}
.kivicare-mobile-menu .sub-header {
background: transparent;
}
header .sub-header {
font-size: (--font-size-sm);
}
.kivicare-mobile-menu .sub-header {
padding: 0 162px;
}
header.style-default {
position: absolute;
background: var(--color-theme-white);
}
.kivicare-mobile-menu li .search-box .search-submit,
.kivicare-mobile-menu li .search-box input[type="search"] {
right: -30px;
}
.kivicare-mobile-menu .sub-header .number-info li a {
font-size: (--font-size-sm);
margin-right: 0;
}
.kivicare-mobile-menu .sub-header .number-info li a {
color: var(--global-font-color);
line-height: 45px;
padding: 0;
margin-right: 30px;
}
.kivicare-mobile-menu .sub-header .social-icone ul li i,
.kivicare-mobile-menu .sub-header .number-info li a i {
color: var(--color-theme-secondary);
}
.kivicare-mobile-menu .sub-header .social-icone ul li:hover i,
.kivicare-mobile-menu .sub-header .number-info li:hover a i,
.kivicare-mobile-menu .sub-header .number-info li:hover a {
color: var(--color-theme-primary);
}
.kivicare-mobile-menu .sub-header .social-icone ul li {
border: none;
background: transparent;
}
.kivicare-mobile-menu .sub-header .social-icone ul li i {
width: 30px;
}
.kivicare-mobile-menu .sub-header .number-info li {
border: none;
}
.navbar-toggler-icon {
color: #0c0c0c;
}
.kivicare-mobile-menu .navbar-light .navbar-toggler-icon i {
line-height: 0;
font-size: var(--font-size-42);
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
} .navbar-toggler.custom-toggler {
display: block;
}
.navbar-toggler.custom-toggler {
padding: 0 5px 0 0;
position: static;
margin-left: 20px;
border-radius: 0;
border: none;
}
.ham-toggle .menu-btn {
background-image: none;
position: relative;
z-index: 9;
width: 20px;
height: 20px;
cursor: pointer;
}
.ham-toggle .menu-btn .line {
width: 100%;
height: 2px;
background-color: var(--global-font-color);
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 99;
cursor: pointer;
transition: left .3s cubic-bezier(.29, .61, .9, .45);
}
.ham-toggle .menu-btn .line.two {
left: 5px;
top: 10px;
}
.ham-toggle .menu-btn .line.three {
top: 20px;
}
.ham-toggle:hover .menu-btn:not(.is-active) .line.two {
left: 0;
}
.ham-toggle:hover .menu-btn:not(.is-active) .line.one,
.ham-toggle:hover .menu-btn:not(.is-active) .line.three {
left: 5px;
}
.ham-s-toggle {
cursor: pointer;
}
.kivicare-mobile-menu ul>li>a {
font-size: var(--font-size-42);
color: var(--color-theme-white);
line-height: normal;
}
.kivicare-mobile-menu ul>li a {
font-family: var(--highlight-font-family);
}
.kivicare-mobile-menu ul li:hover>a,
.kivicare-mobile-menu ul li .sub-menu li:hover>a,
.kivicare-mobile-menu ul li.current-menu-item>a,
.kivicare-mobile-menu ul>li.current-menu-ancestor>a,
.kivicare-mobile-menu ul li .sub-menu li.menu-item.current-menu-ancestor>a,
.kivicare-mobile-menu ul li .sub-menu li.current-menu-item>a,
.kivicare-mobile-menu ul>li.current-menu-ancestor>.toggledrop i,
.kivicare-mobile-menu ul>li.current-menu-ancestor>.toggledrop i,
.kivicare-mobile-menu ul li:hover>.toggledrop i,
.kivicare-mobile-menu ul li.current-menu-item>.toggledrop i {
color: var(--color-theme-primary);
}
.kivicare-mobile-menu ul li>.toggledrop i,
.kivicare-mobile-menu ul li>.toggledrop svg {
font-size: var(--font-size-36);
margin-left: 15px;
cursor: pointer;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
color: var(--color-theme-white);
}
.kivicare-mobile-menu ul li .sub-menu li .toggledrop i {
color: var(--global-dark-submenu);
}
.kivicare-mobile-menu ul li .sub-menu li:hover .toggledrop i,
.kivicare-mobile-menu ul li .sub-menu li.current-menu-item .toggledrop i,
.kivicare-mobile-menu ul li .sub-menu li.current-menu-ancestor .toggledrop i {
color: var(--color-theme-primary);
}
.kivicare-mobile-menu ul .toggledrop.active svg,
.kivicare-mobile-menu ul .toggledrop.active i {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
}
.kivicare-mobile-menu ul li li>.toggledrop i {
font-size: var(--font-size-20);
}
.kivicare-mobile-menu ul li .kivicare-has-sub-menu li a {
font-size: var(--font-size-20);
color: var(--global-font-color);
}
.kivicare-mobile-menu ul li .kivicare-has-sub-menu li {
margin-bottom: 5px;
}
.menu-btn:hover {
cursor: pointer;
}
.menu-open .ham-toggle .menu-btn.is-active .line {
background: var(--color-theme-white);
}
.side-bar-open #menu-btn-side-close .menu-btn.is-s-active .line {
transition-delay: .2s;
}
.side-bar-open .menu-btn .line-n {
width: 100%;
height: 2px;
background-color: var(--color-theme-white);
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 99;
cursor: pointer;
transition: left .3s cubic-bezier(.29, .61, .9, .45);
}
#menu-btn-side-close .menu-btn.is-s-active .line {
transition-delay: 1s;
}
.side-bar-open #menu-btn-side-close {
position: absolute;
right: 70px;
top: 50px;
}
.side-bar-open #menu-btn-side-close .menu-btn .line-n.c-one {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.c-collapse {
position: relative;
width: 100%;
-ms-flex-preferred-size: auto;
flex-basis: auto;
align-items: flex-start!important;
z-index: 1;
}
.menu-new-wrapper.row {
position: relative;
width: 100%;
height: calc(100vh - 90px);
}
.verticle-mn {
height: calc(100vh - 140px);
overflow-y: auto;
display: flex;
align-items: center;
}
.kivicare-mobile-menu.menu-open:before {
-webkit-transform: skew(0deg) translateY(0);
-moz-transform: skew(0deg) translateY(0);
-ms-transform: skew(0deg) translateY(0);
-o-transform: skew(0deg) translateY(0);
transform: skew(0deg) translateY(0);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.kivicare-full-menu {
margin: auto 0;
}
.kivicare-full-menu ul {
position: relative;
z-index: 99;
padding-left: 50px;
}
.kivicare-mobile-menu .kivicare-full-menu ul.top-menu>li {
visibility: hidden;
display: none;
-webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
-o-animation-delay: .3s;
animation-delay: .3s;
}
.kivicare-mobile-menu.menu-open .kivicare-full-menu ul.top-menu>li,
.menu-animation ul.top-menu>li {
visibility: visible;
display: block;
-webkit-animation-name: fadeInAnimation;
animation-name: fadeInAnimation;
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.kivicare-mobile-menu .kivicare-full-menu ul.top-menu>li:nth-child(2),
.menu-animation ul.top-menu>li:nth-child(2) {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
}
.kivicare-mobile-menu .kivicare-full-menu ul.top-menu>li:nth-child(3),
.menu-animation ul.top-menu>li:nth-child(3) {
-webkit-animation-delay: .7s;
-moz-animation-delay: .7s;
-o-animation-delay: .7s;
animation-delay: .7s;
}
.kivicare-mobile-menu .kivicare-full-menu ul.top-menu>li:nth-child(4),
.menu-animation ul.top-menu>li:nth-child(4) {
-webkit-animation-delay: .8s;
-moz-animation-delay: .8s;
-o-animation-delay: .8s;
animation-delay: .8s;
}
.kivicare-mobile-menu .kivicare-full-menu ul.top-menu>li:nth-child(5),
.menu-animation ul.top-menu>li:nth-child(5) {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
}
.kivicare-mobile-menu .kivicare-full-menu ul.top-menu>li:nth-child(6),
.menu-animation ul.top-menu>li:nth-child(6) {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;
}
.kivicare-mobile-menu .kivicare-full-menu ul.top-menu>li:nth-child(7),
.menu-animation ul.top-menu>li:nth-child(7) {
-webkit-animation-delay: 1.1s;
-moz-animation-delay: 1.1s;
-o-animation-delay: 1.1s;
animation-delay: 1.1s;
}
.kivicare-mobile-menu .kivicare-full-menu ul.top-menu>li:nth-child(8),
.menu-animation ul.top-menu>li:nth-child(8) {
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.kivicare-mobile-menu .kivicare-full-menu ul.top-menu>li:nth-child(9),
.menu-animation ul.top-menu>li:nth-child(9) {
-webkit-animation-delay: 1.3s;
-moz-animation-delay: 1.3s;
-o-animation-delay: 1.3s;
animation-delay: 1.3s;
}
.kivicare-mobile-menu .kivicare-full-menu ul.top-menu>li:nth-child(10) {
-webkit-animation-delay: 1.4s;
-moz-animation-delay: 1.4s;
-o-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.kivicare-mobile-menu .kivicare-full-menu ul.top-menu>li:nth-child(11) {
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.kivicare-mobile-menu .kivicare-full-menu ul.top-menu>li:nth-child(12) {
-webkit-animation-delay: 1.6s;
-moz-animation-delay: 1.6s;
-o-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.kivicare-mobile-menu .kivicare-full-menu ul.top-menu>li:nth-child(13) {
-webkit-animation-delay: 1.7s;
-moz-animation-delay: 1.7s;
-o-animation-delay: 1.7s;
animation-delay: 1.7s;
}
.kivicare-mobile-menu .kivicare-full-menu ul.top-menu>li:nth-child(14) {
-webkit-animation-delay: 1.8s;
-moz-animation-delay: 1.8s;
-o-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.kivicare-mobile-menu.open-delay .kivicare-full-menu ul.top-menu>li {
-webkit-animation-name: fadeOutAnimation;
animation-name: fadeOutAnimation;
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
visibility: visible;
}
.kivicare-mobile-menu.open-delay .kivicare-full-menu ul.top-menu>li:nth-child(2) {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
}
.kivicare-mobile-menu.open-delay .kivicare-full-menu ul.top-menu>li:nth-child(3) {
-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
-o-animation-delay: .5s;
animation-delay: .5s;
}
.kivicare-mobile-menu.open-delay .kivicare-full-menu ul.top-menu>li:nth-child(4) {
-webkit-animation-delay: .4s;
-moz-animation-delay: .4s;
-o-animation-delay: .4s;
animation-delay: .4s;
}
.kivicare-mobile-menu.open-delay .kivicare-full-menu ul.top-menu>li:nth-child(5) {
-webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
-o-animation-delay: .3s;
animation-delay: .3s;
}
.kivicare-mobile-menu.open-delay .kivicare-full-menu ul.top-menu>li:nth-child(6) {
-webkit-animation-delay: .2s;
-moz-animation-delay: .2s;
-o-animation-delay: .2s;
animation-delay: .2s;
}
.kivicare-mobile-menu.open-delay .kivicare-full-menu ul.top-menu>li:nth-child(7) {
-webkit-animation-delay: .1s;
-moz-animation-delay: .1s;
-o-animation-delay: .1s;
animation-delay: .1s;
}
.kivicare-mobile-menu ul li .sub-menu li a {
font-size: var(--font-size-20);
color: var(--global-dark-submenu);
}
.kivicare-mobile-menu .sub-menu {
list-style-type: none;
padding-top: 15px;
}
.kivicare-mobile-menu .sub-menu .sub-menu {
padding: 10px 0 10px 15px;
}
.kivicare-mobile-menu ul li .kivicare-has-sub-menu {
padding-top: 10px;
}
.kivicare-mobile-menu .kivicare-has-sub-menu {
padding-left: 30px;
}
.kivicare-has-sub-menu {
list-style-type: none;
}
.kivicare-mobile-menu .navbar-expand-xl ul {
-ms-flex-direction: column;
flex-direction: column;
} .kivicare-mobile-menu.light-mode {
background: var(--color-theme-white);
}
.kivicare-mobile-menu.light-mode ul.top-menu>li>a {
color: var(--global-font-title);
}
.kivicare-mobile-menu.light-mode ul.top-menu>li>.toggledrop {
color: var(--global-font-title);
}
.kivicare-mobile-menu.light-mode ul.top-menu>li:hover>a {
color: var(--color-theme-primary);
}
@-webkit-keyframes fadeInAnimation {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInAnimation {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeOutAnimation {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOutAnimation {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fade-in-bottom {
0% {
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes fade-in-bottom {
0% {
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@media (max-width: 1024px) {
.verticle-mn {
height: calc(100vh - 110px);
}
}
@media (max-width: 1199px) {
header.header-default .navbar-collapse {
display: none;
}
.kivicare-mobile-menu ul>li>a,
.kivicare-mobile-menu ul li>.toggledrop i,
.kivicare-mobile-menu ul li>.toggledrop svg {
font-size: var(--font-size-30);
}
}
@media (max-width: 479px) {
.kivicare-mobile-menu ul>li>a,
.kivicare-mobile-menu ul li>.toggledrop i,
.kivicare-mobile-menu ul li>.toggledrop svg {
font-size: var(--font-size-22);
}
.kivicare-full-menu ul {
padding-left: 30px;
}
}
@media (max-width: 480px) {
.kivicare-mobile-menu .navbar {
padding: 16px;
z-index: 999;
}
.kivicare-mobile-menu .navbar-brand img {
height: 40px;
}
}
.vertical-menu-layout .menu-new-wrapper.row {
position: relative;
width: 100%;
height: auto;
}
.vertical-menu-layout .kivicare-full-menu ul {
padding-left: 0;
}
.vertical-menu-layout.kivicare-mobile-menu .navbar {
padding: 0;
}
.kivicare-mobile-menu.vertical-menu-layout {
background: transparent;
position: relative;
}
.kivicare-mobile-menu.vertical-menu-layout ul>li>a {
color: var(--color-theme-white);
font-size: var(--font-size-30);
}
.kivicare-mobile-menu.vertical-menu-layout ul li>.toggledrop i {
font-size: var(--font-size-20);
}
.kivicare-mobile-menu.vertical-menu-layout ul li.current-menu-item>.toggledrop i,
.kivicare-mobile-menu.vertical-menu-layout ul li.current-menu-item>a,
.kivicare-mobile-menu.vertical-menu-layout ul li .sub-menu li:hover>a,
.kivicare-mobile-menu.vertical-menu-layout ul li:hover>.toggledrop i,
.kivicare-mobile-menu.vertical-menu-layout ul li:hover>a,
.kivicare-mobile-menu.vertical-menu-layout ul>li.current-menu-ancestor>.toggledrop i,
.kivicare-mobile-menu.vertical-menu-layout ul>li.current-menu-ancestor>a,
.kivicare-mobile-menu.vertical-menu-layout ul li .sub-menu li.current-menu-item>a,
.kivicare-mobile-menu.vertical-menu-layout ul li .sub-menu li.menu-item.current-menu-ancestor>a {
color: var(--primary-color);
}
.kivicare-mobile-menu.vertical-menu-layout ul li .sub-menu li a,
.kivicare-mobile-menu.vertical-menu-layout ul li li>.toggledrop i {
color: var(--global-dark-submenu);
font-size: (--font-size-body);
}
.kivicare-mobile-menu.vertical-menu-layout.menu-style-one ul li>.toggledrop i,
.kivicare-mobile-menu.vertical-menu-layout.menu-style-one ul li>.toggledrop svg {
transform: rotate(0);
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
-ms-transform: rotate(0);
}
.kivicare-mobile-menu.vertical-menu-layout.menu-style-one ul .toggledrop.active i,
.kivicare-mobile-menu.vertical-menu-layout.menu-style-one ul .toggledrop.active svg {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
} .kivicare-full-menu {
width: 100%;
}
.navbar-toggler.custom-toggler {
display: block;
}
.navbar-toggler.custom-toggler {
padding: 0 .313em 0 0;
position: static;
margin-left: 1.25em;
border-radius: 0;
border: none;
}
.ham-toggle .menu-btn {
background-image: none;
position: relative;
z-index: 9;
width: 1.25em;
height: 1.25em;
cursor: pointer;
}
.ham-toggle .menu-btn .lines {
width: 100%;
height: .15em;
background-color: var(--body-text);
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 99;
cursor: pointer;
transition: left .3s cubic-bezier(.29, .61, .9, .45);
}
.ham-toggle .menu-btn .lines.two {
left: .313em;
top: .625em;
}
.ham-toggle .menu-btn .lines.three {
top: 1.25em;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
.kivicare-mobile-menu.menu-style-two .kivicare-full-menu .menu-full-menu-container ul,
.kivicare-mobile-menu.menu-style-two .kivicare-full-menu .menu-main-menu-container ul {
padding-right: 3.375em;
width: 70%;
}
.kivicare-mobile-menu.menu-style-two .kivicare-full-menu .menu-full-menu-container ul>li>ul.sub-menu,
.kivicare-mobile-menu.menu-style-two .kivicare-full-menu .menu-main-menu-container ul>li>ul.sub-menu {
right: -68%;
}
}
@media (min-width: 1400px) {
.kivicare-mobile-menu.menu-style-two .kivicare-full-menu .menu-full-menu-container ul,
.kivicare-mobile-menu.menu-style-two .kivicare-full-menu .menu-main-menu-container ul {
padding-right: 3.375em;
width: 100%;
}
}
@media (min-width: 1200px) { .kivicare-mobile-menu.menu-style-two ul li .sub-menu li a {
padding-bottom: .3125em;
}
.kivicare-mobile-menu ul li .sub-menu li a {
position: relative;
}
.kivicare-mobile-menu.menu-style-two .kivicare-full-menu .menu-full-menu-container ul,
.kivicare-mobile-menu.menu-style-two .kivicare-full-menu .menu-main-menu-container ul {
position: relative;
}
.iqonic-custom-layouts.open .kivicare-mobile-menu.menu-style-two .kivicare-full-menu {
-webkit-animation: slide-bottom 2s;
animation: slide-bottom 2s;
animation-delay: 0s;
}
.iqonic-custom-layouts.open .image-anim-delay {
-webkit-animation: slide-bottom 2s;
animation: slide-bottom 2s;
animation-delay: 0s;
}
.iqonic-custom-layouts.open .image-anim-delay-2 {
-webkit-animation: slide-bottom 2s;
animation: slide-bottom 2s;
animation-delay: 0s;
}
.iqonic-custom-layouts .sidebar-scrollbar .widget::before {
display: none;
}
.iqonic-custom-layouts .sidebar-scrollbar .widget {
border: none;
padding: 0;
background: none;
}
.kivicare-mobile-menu.menu-style-two .kivicare-full-menu .menu-full-menu-container ul>li,
.kivicare-mobile-menu.menu-style-two .kivicare-full-menu .menu-main-menu-container ul>li {
position: static;
width: fit-content;
}
.vertical-menu-layout.menu-style-two .kivicare-full-menu, .vertical-menu-layout.menu-style-two .menu-main-menu-container {
width: 100%;
}
.kivicare-mobile-menu.menu-style-two .kivicare-full-menu .menu-full-menu-container ul>li>ul.sub-menu,
.kivicare-mobile-menu.menu-style-two .kivicare-full-menu .menu-main-menu-container ul>li>ul.sub-menu {
position: absolute;
right: 0;
top: 0;
width: 50%;
padding-left: 4em;
height: 40vh;
overflow-y: auto;
padding-top: 0;
}
.kivicare-mobile-menu.menu-style-two ul:before {
content: "";
position: absolute;
width: .0625em;
height: 90%;
background: radial-gradient(circle, var(--primary-color) 43%, rgba(220, 202, 135, 0) 100%);
left: 50%;
}
.kivicare-mobile-menu.menu-style-two .kivicare-full-menu .menu-full-menu-container ul>li>ul.sub-menu::-webkit-scrollbar,
.kivicare-mobile-menu.menu-style-two .kivicare-full-menu .menu-main-menu-container ul>li>ul.sub-menu::-webkit-scrollbar {
width: .125em;
height: .125em;
box-shadow: none;
}
.kivicare-mobile-menu.menu-style-two .kivicare-full-menu .menu-full-menu-container ul>li>ul.sub-menu::-webkit-scrollbar-thumb,
.kivicare-mobile-menu.menu-style-two .kivicare-full-menu .menu-main-menu-container ul>li>ul.sub-menu::-webkit-scrollbar-thumb {
background: var(--primary-color)!important;
box-shadow: none!important;
}
}
.iq-mega-items{
scrollbar-width: none;
}
.iq-mega-items::-webkit-scrollbar{
display: none;
}.iq-ajax-search.iq-show .search-box {
opacity: 1;
visibility: visible;
-webkit-transform: translate(0);
transform: translate(0);
z-index: 99;
}
.iq-ajax-search .search-toggle {
color: var(--global-font-title);
}
header .iq-ajax-search .search-box {
position: absolute;
width: 100%;
left: auto!important;
right: 0!important;
top: 100%;
min-width: 25vw;
z-index: 99;
opacity: 0;
visibility: hidden;
transform: translateY(4.375em);
-webkit-transform: translateY(4.375em);
background: transparent;
border-radius: var(--border-radius);
-webkit-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
-webkit-box-shadow: 0 0 1.25em 0 rgb(0 0 0 / 15%);
box-shadow: 0 0 1.25em 0 rgb(0 0 0 / 15%);
}
.search-form {
position: relative;
}
header .iq-ajax-search .search-box.iq-search-bar.d-search .search-field {
width: 100%;
padding-left: 1.5em;
padding-right: 3.7em;
margin: 0;
position: static;
height: 2.7em;
border: 1px solid transparent;
}
header .iq-ajax-search .search-box.iq-search-bar.d-search .search-field:focus {
border: 1px solid var(--primary-color);
}
header .iq-ajax-search {
line-height: normal;
}
.search-box.iq-search-bar input[type=search] {
color: var(--global-font-color);
background: var(--white-color);
border-radius: var(--border-radius);
}
.search-box.iq-search-bar input[type=search]::placeholder {
color: var(--global-font-color);
}
header .search-box.iq-search-bar .search-submit {
position: absolute;
top: 0;
right: 0;
left: auto;
height: 3.5em;
width: 3.5em;
line-height: 3.5em;
font-size: .875em;
background-color: var(--primary-color);
color: var(--white-color);
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
.search-form .search-submit .screen-reader-text {
display: none;
}
header .iq-ajax-search .search-form.search__form {
width: auto;
}
.iq-ajax-search .datafetch .kivicare-widget-menu {
background: var(--white-color);
border-radius: var(--border-radius);
padding: 1.5em;
border: .0625em solid var(--border-color-light);
}
.iq-ajax-search .datafetch .kivicare-widget-menu ul.kivicare-post li .post-img {
align-items: center;
display: flex;
}
.iq-ajax-search .datafetch .kivicare-widget-menu ul.kivicare-post li {
border-bottom: .0625em solid var(--border-color-light);
}
.iq-ajax-search .datafetch .kivicare-widget-menu .post-img .post-blog .kivicare_post_title {
font-size: var(--font-size-normal);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.iq-ajax-search .datafetch .kivicare-widget-menu .post-img .post-img-holder {
width: 4em;
height: 4em;
}
.iq-ajax-search .datafetch .kivicare-widget-menu ul.kivicare-post li:last-child {
padding-bottom: 1.5em;
}
.iq-ajax-search .datafetch .no-result {
margin: 0;
}
[data-mode="dark"] .iq-ajax-search .search-toggle svg circle,
[data-mode="dark"] .iq-ajax-search .search-toggle svg path,
[data-mode="dark"] .iq-ajax-search .search-toggle i {
stroke: var(--global-white-nochange);
color: var(--global-white-nochange);
}
[data-mode="dark"] .iq-ajax-search .search-submit i {
color: var(--global-white-nochange);
}
[data-mode="dark"] .search-box.iq-search-bar input[type=search],
[data-mode="dark"] .iq-ajax-search .datafetch .kivicare-widget-menu {
background: var(--global-dark-bgcolor);
}
[data-mode="dark"] .kivicare-button.kivicare-button-link:hover {
background: transparent;
}
@media(max-width:1025px) {
header .iq-ajax-search .search-box {
width: 300px;
}
}
@media(max-width:767px) {
header .iq-ajax-search .search-box {
width: 240px;
}
}
@media (max-width: 479px) {
.iq-ajax-search .datafetch .kivicare-widget-menu ul.kivicare-post li .post-img .post-img-holder {
margin-right: 1.25em;
margin-bottom: 0
}
.iq-ajax-search .datafetch .kivicare-widget-menu ul.kivicare-post li .post-img {
flex-direction: row;
}
}
.kivicare-widget-menu .kivicare-post li a {
padding-left: 0;
line-height: normal;
background-size: cover;
height: 100%;
border-radius: var(--border-radius-four);
}
[dir="rtl"] header .iq-ajax-search .search-box {
left: 0!important;
right: auto!important;
}
[dir="rtl"] header .search-box.iq-search-bar .search-submit {
left: 0;
right: auto;
}
[dir="rtl"] header .iq-ajax-search .search-box.iq-search-bar.d-search .search-field {
padding-right: 1.5em;
padding-left: 3.7em;
}.iqonic-custom-layouts {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 99999;
-webkit-transition: -webkit-transform 0.8s ease, opacity 6s ease;
-ms-transition: -ms-transform 0.8s ease, opacity 6s ease;
transition: transform 0.8s ease, opacity 6s ease;
opacity: 0;
scrollbar-width: thin;
}
.iqonic-custom-layouts{
pointer-events: none;
}
.iqonic-custom-layouts.top-slide.open,
.iqonic-custom-layouts.left-slide.open,
.iqonic-custom-layouts.right-slide.open,
.iqonic-custom-layouts.bottom-slide.open{
pointer-events: all;
}
.iqonic-custom-layouts .sidebar-scrollbar {
background: var(--global-submenu-bg);
-webkit-transition: -webkit-transform 0.8s ease, opacity 6s ease;
-ms-transition: -ms-transform 0.8s ease, opacity 6s ease;
transition: transform 0.8s ease, opacity 6s ease;
height: 100%;
}
.iqonic-custom-layouts .btn-close {
height: 2.75em;
width: 2.75em;
line-height: 2.75em;
text-align: center;
padding: 0;
position: absolute;
left: auto;
right: 2em;
top: 3.25em;
border: none;
cursor: pointer;
z-index: 999999;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
background: #000;
opacity: 1;
}
.iqonic-custom-layouts  .btn-close:focus{
box-shadow: none;
}
.iqonic-custom-layouts .btn-close i {
color: var(--color-theme-white);
} .iqonic-custom-layouts.dark-mode {
background: var(--color-theme-secondary);
color: var(--color-theme-white);
} .iqonic-custom-layouts.right-slide::-webkit-scrollbar,
.iqonic-custom-layouts.left-slide::-webkit-scrollbar {
width: 0.3125em;
}
.iqonic-custom-layouts.right-slide::-webkit-scrollbar-track,
.iqonic-custom-layouts.left-slide::-webkit-scrollbar-track {
box-shadow: none;
}
.iqonic-custom-layouts.right-slide::-webkit-scrollbar-thumb,
.iqonic-custom-layouts.left-slide::-webkit-scrollbar-thumb {
background-color: transparent !important;
outline: 0.0625em solid transparent;
}
.iqonic-custom-layouts.right-slide,
.iqonic-custom-layouts.left-slide {
scrollbar-color: #413c46 #c8c8c8;
scrollbar-width: thin;
} .iqonic-custom-layouts.right-slide {
width: 25em;
left: auto;
overflow-y: auto;
height: 100vh;
transform: translateX(100%);
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
-ms-transform: translateX(100%);
}
.iqonic-custom-layouts.right-slide.open,
.iqonic-custom-layouts.left-slide.open {
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: -webkit-transform 0.8s ease, opacity 0.3s ease;
-ms-transition: -ms-transform 0.8s ease, opacity 0.3s ease;
transition: transform 0.8s ease, opacity 0.3s ease;
opacity: 1;
} .iqonic-custom-layouts.left-slide {
width: 25em;
height: 100vh;
right: auto;
overflow-y: auto;
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
}
.iqonic-custom-layouts.left-slide,.iqonic-custom-layouts.right-slide{
max-width: 100%;
}
.iqonic-custom-layouts.left-slide.open,
.iqonic-custom-layouts.right-slide.open {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
opacity: 1;
} .iqonic-custom-layouts.top-slide {
transform: translateY(-120%);
-webkit-transform: translateY(-120%);
-moz-transform: translateY(-120%);
-o-transform: translateY(-120%);
-ms-transform: translateY(-120%);
top: 0;
}
.iqonic-custom-layouts.top-slide.open {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
opacity: 1;
-webkit-transition: -webkit-transform 0.8s ease, opacity 0.3s ease;
-ms-transition: -ms-transform 0.8s ease, opacity 0.3s ease;
transition: transform 0.8s ease, opacity 0.3s ease;
} .iqonic-custom-layouts.bottom-slide {
top: auto;
transform: translateY(100%);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
-ms-transform: translateY(100%);
top: 0;
}
.iqonic-custom-layouts.bottom-slide.open {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
opacity: 1;
-webkit-transition: -webkit-transform 0.8s ease, opacity 0.3s ease;
-ms-transition: -ms-transform 0.8s ease, opacity 0.3s ease;
transition: transform 0.8s ease, opacity 0.3s ease;
}
.iqonic-custom-layouts .sidebar-scrollbar>.elementor,
.iqonic-custom-layouts .elementor-section-wrap,
.iqonic-custom-layouts .elementor-inner,
.iqonic-custom-layouts .elementor-section.elementor-section-height-full {
height: 100%;
min-height: auto;
}
.iqonic-custom-layouts .elementor-section.elementor-section-height-full {
height: 100%;
min-height: auto;
}
.iqonic-custom-layouts .elementor-section.elementor-section-height-full > .elementor-container {
height: 100%;
} @-webkit-keyframes scale-in-tl {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 1;
}
}
@keyframes scale-in-tl {
0% {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 1;
}
}
.iqonic-custom-layouts.top-right-corner-slide ,.iqonic-custom-layouts.top-left-corner-slide{
-webkit-animation: scale-in-tl 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: scale-in-tl 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
-webkit-transition: -webkit-clip-path 1s ease-in-out;
transition: -webkit-clip-path 1s ease-in-out;
-o-transition: clip-path 1s ease-in-out;
transition: clip-path 1s ease-in-out;
transition: clip-path 1s ease-in-out,-webkit-clip-path 1s ease-in-out;
}
.iqonic-custom-layouts.top-right-corner-slide.open ,.iqonic-custom-layouts.top-left-corner-slide.open{
-webkit-transition: -webkit-clip-path 1s ease-in-out;
transition: -webkit-clip-path 1s ease-in-out;
-o-transition: clip-path 1s ease-in-out;
transition: clip-path 1s ease-in-out;
transition: clip-path 1s ease-in-out,-webkit-clip-path 1s ease-in-out;
} .iqonic-custom-layouts.top-right-corner-slide{
clip-path: circle(0% at 100% 0);
-webkit-clip-path: circle(0% at 100% 0);
}
.iqonic-custom-layouts.top-right-corner-slide.open{
clip-path: circle(150% at 100% 0);
-webkit-clip-path: circle(150% at 100% 0);
} .iqonic-custom-layouts.top-left-corner-slide{
clip-path: circle(0% at 0 0);
-webkit-clip-path: circle(0% at 0 0);
}
.iqonic-custom-layouts.top-left-corner-slide.open{
clip-path: circle(150% at 0 0);
-webkit-clip-path: circle(150% at 0 0);
}.iq-title-box .iq-subtitle {
color: var(--global-font-color);
display: inline-block;
text-transform: uppercase;
font-size: var(--font-size-sm);
letter-spacing: var(--letter-spacing-two);
font-weight: var(--font-weight-semi-bold);
}
.iq-befor-line .iq-subtitle {
position: relative;
padding-left: 40px;
}
.iq-befor-line .iq-subtitle:after {
content: "";
position: absolute;
background: var(--primary-color);
width: 30px;
height: 2px;
left: 2px;
top: 11px;
}
.iq-title-box .iq-title {
margin-bottom: 0;
}
.iq-title-box .iq-title-desc {
margin-top: 15px;
margin-bottom: 0;
}
.iq-title-box {
margin-bottom: 35px;
}
.iq-title-box i {
font-size: var(--font-size-30);
margin-bottom: 15px;
}
.iq-title-box span.left-text {
font-weight: var(--font-weight-light);
} .iq-title-box.text-center {
margin-bottom: 75px;
}
.iq-title-white .iq-subtitle,
.iq-title-white .iq-title,
.iq-title-white .iq-title-desc,
.iq-title-white i {
color: var(--primary-color);
} .iq-title-box.iq-title-box-2 .iq-subtitle {
background: var(--primary-color);
color: var(--white-color);
padding: 5px 15px;
margin-bottom: 15px;
}.iq-popup-video {
position: relative;
}
.iq-popup-video .iq-video-icon {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.iq-popup-video .iq-video {
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
background: var(--white-color);
width: 100px;
height: 100px;
text-align: center;
border-radius: 90px;
}
.iq-popup-video .iq-video {
display: inline-block;
width: 80px;
height: 80px;
line-height: 80px;
border-radius: 0;
background: var(--white-color);
text-align: center;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
z-index: 9;
}
.iq-popup-video .iq-video i {
line-height: 80px;
font-size: var(--font-size-20);
color: var(--primary-color);
}
.iq-popup-video i {
margin-left: 5px;
font-family: FontAwesome;
}
.iq-popup-video:hover i {
color: var(--secondary-color);
}
.iq-popup-video .iq-waves {
width: 250px;
height: 250px;
z-index: 2;
}
.iq-popup-video .iq-waves .waves {
position: absolute;
width: 250px;
height: 250px;
border: 1px solid rgba(255, 255, 255, 0.8);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
border-radius: 0;
background-clip: padding-box;
-webkit-animation: waves 3s ease-in-out infinite;
animation: waves 3s ease-in-out infinite;
}
.iq-popup-video .iq-waves .wave-1 {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.iq-popup-video .iq-waves .wave-2 {
-webkit-animation-delay: .6s;
animation-delay: .6s;
}
.iq-popup-video .iq-waves .wave-3 {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
@-webkit-keyframes waves {
0% {
-webkit-transform: scale(0.2, 0.2);
transform: scale(0.2, 0.2);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
50% {
opacity: .9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
100% {
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
@keyframes waves {
0% {
-webkit-transform: scale(0.2, 0.2);
transform: scale(0.2, 0.2);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
50% {
opacity: .9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
100% {
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
} [dir="rtl"] .iq-popup-video .iq-video i {
line-height: 80px;
font-size: var(--font-size-20);
color: var(--primary-color);
transform: rotate(180deg);
margin-left:0;
}.iq-list li {
padding-left: 10px;
margin-bottom: 10px;
list-style-position: inside;
}
.iq-list li:last-child {
margin-bottom: 0;
}
.iq-list-with-icon,
.iq-list-with-img,
.iq-list ul {
padding: 0;
margin: 0;
}
.iq-list-with-icon li,
.iq-list-with-img li {
padding-left: 0;
list-style: none;
display: flex;
align-items: center;
gap: 10px;
}
.iq-list-with-icon li i,
.iq-list-with-img li img {
color: var(--primary-color);
width: auto;
height: 100%;
}
.iq-list.iq-one-column {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
.iq-list.iq-two-column {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.iq-list.iq-three-column {
columns: 3;
-webkit-columns: 3;
-moz-columns: 3;
}
.iq-list.iq-four-column {
columns: 4;
-webkit-columns: 4;
-moz-columns: 4;
}
.iq-list.iq-five-column {
columns: 5;
-webkit-columns: 5;
-moz-columns: 5;
}
.iq-list.iq-six-column {
columns: 6;
-webkit-columns: 6;
-moz-columns: 6;
}
.text-end .iq-list-with-icon li {
justify-content: end;
}
.iq-list ol li::marker {
color: var(--primary-color);
}
@media (max-width: 767px) {
.iq-list.iq-four-column {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.iq-list.iq-five-column {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
.iq-list.iq-six-column {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
}
@media (max-width: 479px) {
.iq-list.iq-two-column {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
.iq-list.iq-three-column {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
.iq-list.iq-four-column {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
.iq-list.iq-five-column {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
.iq-list.iq-six-column {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
}.iq-counter {
padding: 15px;
}
.iq-counter .iq-counter-icon {
color: var(--secondary-color);
margin-bottom: 15px;
}
.iq-counter .iq-counter-img i {
line-height: normal;
}
.iq-counter i:before {
font-size: inherit;
line-height: normal;
}
.iq-counter .iq-counter-info .timer,
.iq-counter .iq-counter-info .counter-symbol,
.iq-counter .iq-counter-info .counter-after-content {
font-size: var(--font-size-42);
color: var(--primary-color);
line-height: var(--font-line-height-body);
letter-spacing: var(--font-letter-spacing-body);
}
.iq-counter .iq-counter-info {
margin: 0;
line-height: normal;
}
.iq-counter .counter-content .counter-title-text {
margin: 0;
}
.iq-counter .counter-content .counter-content-text,
.iq-counter .counter-content .counter-title-text {
margin: 10px 0 0;
font-weight: 400;
} .iq-counter.iq-counter-style-2 {
display: flex;
align-items: start;
margin: 0;
gap: 15px;
}
.iq-counter.iq-counter-style-2 .iq-counter-icon {
height: 80px;
width: 80px;
line-height: 80px;
margin-bottom: 0;
}
.iq-counter.iq-counter-style-2.text-right,
.iq-counter.iq-counter-style-2.text-center {
display: block;
}
.iq-counter.iq-counter-style-2.text-right .iq-counter-icon {
float: right;
}
.iq-counter.iq-counter-style-2 .counter-content .counter-title-text {
margin: 0;
letter-spacing: 2px;
line-height: 22px;
}
.iq-counter.iq-counter-style-2.text-center .iq-counter-icon {
margin: 0 auto 15px;
width: auto;
height: auto;
margin-right: 15px;
}
@-webkit-keyframes MOVE-BG {
from {
-webkit-transform: translateY(0);
transform: translateY(0);
}
to {
-webkit-transform: translateY(60px);
transform: translateY(60px);
}
}
@keyframes MOVE-BG {
from {
-webkit-transform: translateY(0);
transform: translateY(0);
}
to {
-webkit-transform: translateY(60px);
transform: translateY(60px);
}
} .iq-counter.iq-counter-style-7 {
text-align: center;
margin: 0 auto 30px;
padding: 20px;
border-radius: 4px;
background: var(--primary-color);
}
.iq-counter.iq-counter-style-7 .counter-content .iq-counter-info {
display: inline-block;
vertical-align: middle;
margin-bottom: 0;
font-weight: 400;
font-size: var(--font-size-36);
color: var(--secondary-color);
}
.iq-counter.iq-counter-style-7 .iq-counter-info .timer,
.iq-counter.iq-counter-style-7 .iq-counter-info .counter-symbol,
.iq-counter.iq-counter-style-7 .iq-counter-info .counter-after-content {
float: left;
font-size: var(--font-size-36);
color: var(--secondary-color);
}
.iq-counter.iq-counter-style-7 .counter-content .counter-title-text {
color: var(--secondary-color);
}
.iq-counter.iq-counter-style-7 .counter-content {
color: var(--secondary-color);
}
.iq-counter.iq-counter-style-7 .counter-content .iq-border-effect {
position: relative;
display: inline-block;
vertical-align: middle;
}
.iq-counter.iq-counter-style-7.text-center .counter-content .iq-counter-info {
text-align: center;
display: inline-block;
float: none;
margin: 0 auto 15px;
}
.iq-counter.iq-counter-style-7 .counter-content .iq-border-effect .iq-effect {
margin: 0 15px;
position: relative;
background: var(--secondary-color);
height: 2px;
width: 30px;
overflow: hidden;
vertical-align: middle;
}
.iq-counter.iq-counter-style-7 .counter-content .iq-border-effect .iq-effect::after,
.iq-counter.iq-counter-style-7 .counter-content .iq-border-effect .iq-effect::before {
content: "";
position: absolute;
background: var(--white-color);
width: 2px;
height: 3px;
left: 0;
z-index: 1;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: H-MOVE-BG;
animation-name: H-MOVE-BG;
}
.iq-counter.iq-counter-style-7 .counter-content .counter-title-text {
display: inline-block;
vertical-align: middle;
margin: 0;
}
@-webkit-keyframes H-MOVE-BG {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(60px);
transform: translateX(60px);
}
}
@keyframes H-MOVE-BG {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(60px);
transform: translateX(60px);
}
} .iq-counter {
margin-bottom: 30px;
} @media (max-width:480px) {
.iq-counter.iq-counter-style-2 {
flex-direction: column;
align-items: center;
text-align: center;
}
.iq-counter.iq-counter-style-2 .iq-counter-info .timer {
font-size: var(--font-size-42);
color: var(--primary-color);
line-height: var(--font-line-height-body);
letter-spacing: var(--font-letter-spacing-body);
}
} [dir=rtl] .iq-counter.iq-counter-style-2 .counter-content {
text-align: right;
}
@media(max-width:767px) {
[dir=rtl] .iq-counter.iq-counter-style-2 .counter-content {
text-align: center;
}
}.iq-progressbar-content {
position: relative;
margin-bottom: 30px;
}
.iq-progressbar-content:last-child {
margin-bottom: 0;
}
.progress-value {
float: right;
color: var(--secondary-color);
line-height: 30px;
font-weight: 400;
position: relative;
bottom: 0;
right: 0;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
}
.iq-progress-bar {
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
background: #6f6f6f none repeat scroll 0 0;
box-shadow: 0 0 0;
height: 8px;
position: relative;
width: 100%;
margin: 10px 0 0;
}
.iq-progress-bar>span {
background: var(--primary-color) none repeat scroll 0 0;
display: block;
height: 100%;
width: 0;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
} .iq-progressbar-style-2 .iq-progress-bar {
height: 30px;
color: var(--white-color);
font-size: (--font-size-sm);
line-height: 30px;
}
.iq-progressbar-style-2 .iq-progress-bar .progress-title {
left: 15px;
right: auto;
position: absolute;
}
.iq-progressbar-style-2 .progress-value {
color: var(--white-color);
right: 15px;
} .iq-progressbar-style-3 .progress-value {
display: inline-flex;
padding: 6px 10px;
margin-top: -50px;
align-items: center;
justify-content: center;
background-color: #6f6f6f;
line-height: 1.5em;
color: var(--white-color);
position: relative;
border-radius: 5px;
}
.iq-progressbar-style-3 .progress-value::before {
content: '';
display: inline-block;
width: 0;
position: absolute;
bottom: -4px;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-style: solid;
border-color: #6f6f6f transparent transparent;
} .iq-radial-progress.text-center .tox-progress {
margin: 0 auto 15px;
text-align: center;
color: var(--secondary-color);
}
.iq-radial-progress .tox-progress-content .text-center {
width: 100%;
}
.iq-radial-progress .tox-progress {
margin-bottom: 15px;
}
.iq-radial-progress .tox-progress-content .text-center p {
font-weight: var(--font-weight-bold);
}
.iq-radial-progress p {
margin-bottom: 0;
color: var(--secondary-color);
} .iq-radial-progress.iq-radial-progress-2 .tox-progress-content .text-center p.iq-progress-value {
font-size: var(--font-size-32);
color: var(--text-color);
font-weight: var(--font-weight-semi-bold);
}
.progressbar-circle {
display: inline-block;
width: 100%;
}
.progressbar-circle .circle {
width: 100%;
margin: 0 auto;
margin-top: 10px;
display: inline-block;
position: relative;
text-align: center;
}
.progressbar-circle .circle canvas {
vertical-align: middle;
height: 160px!important;
width: 160px!important;
}
.progressbar-circle .circle div {
position: absolute;
top: 45px;
left: 5px;
width: 100%;
text-align: center;
line-height: 80px;
font-size: var(--font-size-32);
color: #8e989f;
font-weight: 900;
}
.progressbar-circle .circle strong i {
font-style: normal;
font-size: .6em;
font-weight: 400;
}
.progressbar-circle .circle span {
display: block;
color: #aaa;
margin-top: 12px;
}
.progressbar-circle .circle p {
color: var(--title-color);
} [dir=rtl] .progress-value {
float: left;
left: 0;
right: auto;
}.iq-accordion {
z-index: 9;
position: relative;
}
.iq-accordion .iq-accordion-title {
position: relative;
border-radius: 0;
padding: 15px 60px 15px 30px;
background: var(--white-color);
line-height: normal;
cursor: pointer;
display: flex;
text-align: left;
color: var(--title-color);
font-weight: var(--font-weight-semi-bold);
text-decoration: none;
}
.iq-active .iq-accordion-title {
background: var(--primary-color);
}
.iq-accordion .iq-active .iq-accordion-title .accordion-title {
color: var(--white-color);
}
.iq-accordion .iq-accordion-title .accordion-title {
display: inline-block;
vertical-align: middle;
}
.iq-accordion .iq-accordion-details {
display: none;
text-align: left;
background: var(--white-light-color);
padding: 15px 30px;
}
.iq-accordion .iq-accordion-details p {
margin: 0;
}
.iq-accordion .iq-accordion-block {
margin-bottom: 30px;
border: 1px solid var(--white-light-color);
padding: 0;
}
.iq-accordion .iq-accordion-block:last-child {
margin-bottom: 0!important;
}
.iq-accordion .iq-accordion-block .iq-accordion-title i {
vertical-align: middle;
color: var(--title-color);
}
.iq-accordion .iq-accordion-block .iq-accordion-title .iq-icon-right {
right: 30px;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
.iq-accordion .iq-accordion-block .iq-accordion-title i::before {
vertical-align: middle;
}
.iq-accordion .iq-accordion-block .iq-accordion-title i.active {
display: none;
}
.iq-accordion .iq-accordion-block.iq-active .iq-accordion-title i.active {
display: inline-block;
vertical-align: middle;
color: var(--white-color);
}
.iq-accordion .iq-accordion-block.iq-active .iq-accordion-title i.inactive {
display: none;
}
.iq-accordion-square .iq-accordion-block {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.iq-accordion-semi-round .iq-accordion-block {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.iq-accordion .iq-accordion-block .iq-accordion-title .iq-icon-left {
margin-right: 15px;
display: inline-block;
vertical-align: middle;
line-height: 1.5em;
}
.iq-accordion-shadow .iq-accordion-block.iq-active {
-webkit-box-shadow: -1px 4px 30px 0 rgba(0, 0, 0, 0.06);
-moz-box-shadow: -1px 4px 30px 0 rgba(0, 0, 0, 0.06);
box-shadow: -1px 4px 30px 0 rgba(0, 0, 0, 0.06);
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
} [dir="rtl"] .iq-accordion .iq-accordion-block .iq-accordion-title .iq-icon-right {
left: 30px;
right: auto;
}
[dir="rtl"] .iq-accordion .iq-accordion-title{
text-align: right;
padding: 15px 30px 15px 60px;
}
[dir="rtl"] .iq-accordion .iq-accordion-details{
text-align: right;
}
[dir="rtl"] .iq-accordion .iq-accordion-title .accordion-title {
direction: ltr;
}