.iq-title-box .iq-subtitle {
color: var(--primary-color);
display: inline-block;
}
.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: 32px;
}
.iq-title-box i {
font-size: 30px;
margin-bottom: 15px;
} .iq-title-white .iq-subtitle,
.iq-title-white .iq-title,
.iq-title-white .iq-title-desc,
.iq-title-box i {
color: var(--white-color);
} .iq-title-box.center {
margin-bottom: 50px;
} .iq-title-box.iq-title-box-2 .iq-subtitle {
background: var(--footer-bg);
color: var(--primary-color);
padding: 5px 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 15px;
}
.iq-title-box.iq-title-box-1 .iq-title-desc {
margin-top: 32px;
margin-bottom: 0;
}
.iq-subtitle.iq-title-box-1 {
font-weight: var(--font-weight-h1);
font-size: var(--font-size-normal);
letter-spacing: var(--letter-spacing-three);
text-decoration-line: underline;
text-transform: uppercase;
color: var(--primary-color);
margin-bottom: 10px;
}
@media(max-width: 767px) {
.iq-title-box.center {
margin-bottom: 32px;
}
}.sf-menu ul.layout-list-widget>li.menu-item:hover>a:before {
content: none !important;
}  .column-has-position-static .sf-menu>.menu-item>.iqonic-megamenu-container {
position: absolute;
transform: translateX(-50%);
left: 50% !important;
display: block !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;
}
.header-custom .navbar-brand {
margin-right: 0;
}
.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;
} .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: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 .qloud-mobile-menu .sub-menu {
padding-left: 0;
}
.qloud-mobile-menu.vertical-menu-layout li .sub-menu li a {
margin-bottom: 16px;
display: inline-block;
}
.qloud-full-menu ul.top-menu>li {
position: relative;
margin-bottom: 25px;
list-style: none;
}
.qloud-full-menu .sub-menu {
list-style-type: none;
padding-top: 1em;
}
.qloud-mobile-menu .navbar-brand img {
height: 60px;
}
.qloud-mobile-menu ul li>.toggledrop i,
.qloud-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 .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
}
.sf-menu li>ul,
.sf-menu>.menu-item.sfHover>.iqonic-megamenu-container {
-webkit-animation: slide-top 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: slide-top 0.4s 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: 0;
background: var(--white-color);
width: 300px;
box-shadow: var(--global-box-shadow);
-webkit-box-shadow: var(--global-box-shadow);
border-top: 3px solid var(--primary-color); }
.sf-menu>li>a {
text-transform: uppercase;
font-weight: var(--font-weight-medium);
}
.sf-menu a {
font-feature-settings: 'tnum'on, 'lnum'on;
display: block;
text-transform: uppercase;
font-size: var(--font-size-normal);
color: var(--tertiry-color);
font-family: var(--global-font-family);
padding: 18px 20px;
text-decoration: none;
zoom: 1;
transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
position: relative;
letter-spacing: var(--letter-spacing-one);
}
.sf-menu ul.sub-menu a {
padding: 16px 32px;
color: var(--tertiry-color);
font-weight: var(--font-weight-regular);
position: relative;
font-size: var(--font-size-normal);
border-bottom: 1px solid var(--border-color-light);
background-color: var(--white-color);
transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
}
.sf-menu ul.sub-menu li:hover>a,
.sf-menu ul.sub-menu>li.menu-item.current-menu-item>a {
border-bottom: 1px solid var(--primary-color);
}
.sf-menu ul.sub-menu li:last-child a {
border-bottom: none;
}
.sc_layouts_menu_nav li li.menu-item-has-children>a {
padding-right: 35px;
}
.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 .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
font-family: var(--highlight-font-family);
}
.sf-menu li:hover>a,
.sf-menu li.sfHover>a {
color: var(--title-color);
-webkit-transition: none;
transition: none;
}
.sf-menu li.current-menu-item>a,
.sf-menu li.current-menu-ancestor>a,
.sf-menu ul li.current-menu-parent>a {
color: var(--title-color);
}
.sf-arrows li.current-menu-ancestor>.sf-with-ul:after {
border-top-color: var(--title-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;
}
.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,
.sf-menu ul.sub-menu li:focus>a {
background: var(--primary-color);
color: var(--white-color);
}
.sf-menu ul.sub-menu li.sfHover>a {
color: var(--tertiry-color);
}
.sf-menu ul.sub-menu li.sfHover:hover>a {
color: var(--white-color);
} ul.sf-menu>li.menu-item-has-children>a {
padding-right: 2.8em;
} ul.sf-menu li.menu-item-has-children>a:after {
content: "\f179";
font-size: var(--font-size-xs);
font-family: Flaticon;
font-weight: var(--font-weight-semi-bold);
position: absolute;
right: 1.8em;
top: 53%;
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: "\f171";
right: 1.5625em;
top: 50%;
font-family: Flaticon;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.sf-menu ul li:hover>a,
.sf-menu ul li.sfHover>a {
transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
}
.sf-menu ul.sub-menu li.current-menu-item>a {
padding-left: 40px;
}
.sf-menu ul.sub-menu li:hover>a,
.sf-menu ul.sub-menu li:focus>a,
.sf-menu ul li.current-menu-parent>a,
.sf-menu ul li .sub-menu li.current-menu-item>a {
padding-left: 40px;
}
.sf-menu ul>li.menu-item>a:before {
content: "";
display: block;
height: 2px;
width: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 20px;
background-color: var(--white-color);
transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
}
.sf-menu ul>li.current-menu-item>a:before,
.sf-menu ul.sub-menu li:hover>a:before,
.sf-menu ul.sub-menu li:focus>a:before,
.sf-menu ul>li.current-menu-parent>a::before {
width: 12px;
}
.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(--primary-color); } .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(--primary-color);
}
.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-custom .header-up.has-sticky, header.header-custom .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 0.45s ease 0s !important;
-webkit-transition: all 0.45s ease 0s !important;
-moz-transition: all 0.45s ease 0s !important;
-o-transition: all 0.45s ease 0s !important;
z-index: 99;
}
header.header-custom .header-up.has-sticky {
background: var(--global-body-lightbg);
}
header.header-custom .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 .qloud-breadcrumb {
padding: 12.25em 1em 8.25em;
}
@media(max-width:480px) {
.iqonic-header-over .qloud-breadcrumb {
padding: 8.25em 1em 5.25em;
}
} .vertical-header .container-fluid {
padding: 0;
}
.menu-align-center .qloud-mobile-menu .sub-menu {
padding-left: 0;
}
.qloud-mobile-menu.vertical-menu-layout ul li .sub-menu li a {
margin-bottom: 1em;
display: inline-block;
}
.qloud-mobile-menu.qloud-navigation-burger {
display: block;
} .qloud-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 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
}
.qloud-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);
}
.qloud-mobile-menu.header-up,
.qloud-mobile-menu.header-down {
position: fixed;
left: 0;
right: 0;
top: 0;
height: 100vh;
z-index: 99;
transition: all 0.45s ease 0s;
-webkit-transition: all 0.45s ease 0s;
-moz-transition: all 0.45s ease 0s;
-o-transition: all 0.45s ease 0s;
}
.qloud-mobile-menu.menu-open.header-down {
top: 0;
z-index: 99;
}
.qloud-mobile-menu.header-down {
top: -100px;
}
.qloud-mobile-menu .navbar {
padding: 15px 30px;
z-index: 999;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.qloud-mobile-menu.vertical-menu-layout.menu-style-two .navbar,
.qloud-mobile-menu.vertical-menu-layout.menu-style-one .navbar {
border: none;
}
.qloud-mobile-menu .sub-header {
background: transparent;
}
header .sub-header {
font-size: var(--font-size-xs);
}
.qloud-mobile-menu .sub-header {
padding: 0 162px;
}
header.style-default {
position: absolute;
background: var(--white-color);
}
.qloud-mobile-menu li .search-box .search-submit,
.qloud-mobile-menu li .search-box input[type="search"] {
right: -30px;
}
.qloud-mobile-menu .sub-header .number-info li a {
font-size: var(--font-size-xs);
margin-right: 0;
}
.qloud-mobile-menu .sub-header .number-info li a {
color: var(--global-font-color);
line-height: 45px;
padding: 0;
margin-right: 30px;
}
.qloud-mobile-menu .sub-header .social-icone ul li i,
.qloud-mobile-menu .sub-header .number-info li a i {
color: var(--primary-color);
}
.qloud-mobile-menu .sub-header .social-icone ul li:hover i,
.qloud-mobile-menu .sub-header .number-info li:hover a i,
.qloud-mobile-menu .sub-header .number-info li:hover a {
color: var(--primary-color);
}
.qloud-mobile-menu .sub-header .social-icone ul li {
border: none;
background: transparent;
}
.qloud-mobile-menu .sub-header .social-icone ul li i {
width: 30px;
}
.qloud-mobile-menu .sub-header .number-info li {
border: none;
}
.navbar-toggler-icon {
color: #0c0c0c;
}
.qloud-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 0.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;
}
.qloud-mobile-menu ul>li>a {
font-size: var(--font-size-42);
color: var(--white-color);
line-height: normal;
}
.qloud-mobile-menu ul>li a {
font-family: var(--highlight-font-family);
}
.qloud-mobile-menu ul li:hover>a,
.qloud-mobile-menu ul li .sub-menu li:hover>a,
.qloud-mobile-menu ul li.current-menu-item>a,
.qloud-mobile-menu ul>li.current-menu-ancestor>a,
.qloud-mobile-menu ul li .sub-menu li.menu-item.current-menu-ancestor>a,
.qloud-mobile-menu ul li .sub-menu li.current-menu-item>a,
.qloud-mobile-menu ul>li.current-menu-ancestor>.toggledrop i,
.qloud-mobile-menu ul>li.current-menu-ancestor>.toggledrop i,
.qloud-mobile-menu ul li:hover>.toggledrop i,
.qloud-mobile-menu ul li.current-menu-item>.toggledrop i {
color: var(--primary-color);
}
.qloud-mobile-menu ul li>.toggledrop i,
.qloud-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 .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
color: var(--white-color);
}
.qloud-mobile-menu ul li .sub-menu li .toggledrop i {
color: var(--global-dark-submenu);
}
.qloud-mobile-menu ul li .sub-menu li:hover .toggledrop i,
.qloud-mobile-menu ul li .sub-menu li.current-menu-item .toggledrop i,
.qloud-mobile-menu ul li .sub-menu li.current-menu-ancestor .toggledrop i {
color: var(--primary-color);
}
.qloud-mobile-menu ul .toggledrop.active svg,
.qloud-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);
}
.qloud-mobile-menu ul li li>.toggledrop i {
font-size: var(--font-size-20);
}
.qloud-mobile-menu ul li .qloud-has-sub-menu li a {
font-size: var(--font-size-20);
color: var(--global-font-color);
}
.qloud-mobile-menu ul li .qloud-has-sub-menu li {
margin-bottom: 5px;
}
.menu-btn:hover {
cursor: pointer;
}
.menu-open .ham-toggle .menu-btn.is-active .line {
background: var(--white-color);
}
.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(--white-color);
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 99;
cursor: pointer;
transition: left 0.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;
}
.qloud-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;
}
.qloud-full-menu {
margin: auto 0;
}
.qloud-full-menu ul {
position: relative;
z-index: 99;
padding-left: 50px;
}
.qloud-mobile-menu .qloud-full-menu ul.top-menu>li {
visibility: hidden;
display: none;
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
-o-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.qloud-mobile-menu.menu-open .qloud-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: 0.4s;
animation-duration: 0.4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.qloud-mobile-menu .qloud-full-menu ul.top-menu>li:nth-child(2),
.menu-animation ul.top-menu>li:nth-child(2) {
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.qloud-mobile-menu .qloud-full-menu ul.top-menu>li:nth-child(3),
.menu-animation ul.top-menu>li:nth-child(3) {
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
-o-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.qloud-mobile-menu .qloud-full-menu ul.top-menu>li:nth-child(4),
.menu-animation ul.top-menu>li:nth-child(4) {
-webkit-animation-delay: 0.8s;
-moz-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.qloud-mobile-menu .qloud-full-menu ul.top-menu>li:nth-child(5),
.menu-animation ul.top-menu>li:nth-child(5) {
-webkit-animation-delay: 0.9s;
-moz-animation-delay: 0.9s;
-o-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.qloud-mobile-menu .qloud-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;
}
.qloud-mobile-menu .qloud-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;
}
.qloud-mobile-menu .qloud-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;
}
.qloud-mobile-menu .qloud-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;
}
.qloud-mobile-menu .qloud-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;
}
.qloud-mobile-menu .qloud-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;
}
.qloud-mobile-menu .qloud-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;
}
.qloud-mobile-menu .qloud-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;
}
.qloud-mobile-menu .qloud-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;
}
.qloud-mobile-menu.open-delay .qloud-full-menu ul.top-menu>li {
-webkit-animation-name: fadeOutAnimation;
animation-name: fadeOutAnimation;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
animation-delay: 0.6s;
visibility: visible;
}
.qloud-mobile-menu.open-delay .qloud-full-menu ul.top-menu>li:nth-child(2) {
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.qloud-mobile-menu.open-delay .qloud-full-menu ul.top-menu>li:nth-child(3) {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.qloud-mobile-menu.open-delay .qloud-full-menu ul.top-menu>li:nth-child(4) {
-webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.qloud-mobile-menu.open-delay .qloud-full-menu ul.top-menu>li:nth-child(5) {
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
-o-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.qloud-mobile-menu.open-delay .qloud-full-menu ul.top-menu>li:nth-child(6) {
-webkit-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.qloud-mobile-menu.open-delay .qloud-full-menu ul.top-menu>li:nth-child(7) {
-webkit-animation-delay: 0.1s;
-moz-animation-delay: 0.1s;
-o-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.qloud-mobile-menu ul li .sub-menu li a {
font-size: var(--font-size-20);
color: var(--global-dark-submenu);
}
.qloud-mobile-menu .sub-menu {
list-style-type: none;
padding-top: 15px;
}
.qloud-mobile-menu .sub-menu .sub-menu {
padding: 10px 0 10px 15px;
}
.qloud-mobile-menu ul li .qloud-has-sub-menu {
padding-top: 10px;
}
.qloud-mobile-menu .qloud-has-sub-menu {
padding-left: 30px;
}
.qloud-has-sub-menu {
list-style-type: none;
}
.qloud-mobile-menu .navbar-expand-xl ul {
-ms-flex-direction: column;
flex-direction: column;
} .qloud-mobile-menu.light-mode {
background: var(--white-color);
}
.qloud-mobile-menu.light-mode ul.top-menu>li>a {
color: var(--global-font-title);
}
.qloud-mobile-menu.light-mode ul.top-menu>li>.toggledrop {
color: var(--global-font-title);
}
.qloud-mobile-menu.light-mode ul.top-menu>li:hover>a {
color: var(--primary-color);
}
@-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;
}
.qloud-mobile-menu ul>li>a,
.qloud-mobile-menu ul li>.toggledrop i,
.qloud-mobile-menu ul li>.toggledrop svg {
font-size: var(--font-size-30);
}
}
@media (max-width: 479px) {
.qloud-mobile-menu ul>li>a,
.qloud-mobile-menu ul li>.toggledrop i,
.qloud-mobile-menu ul li>.toggledrop svg {
font-size: var(--font-size-22);
}
.qloud-full-menu ul {
padding-left: 30px;
}
}
@media (max-width: 480px) {
.qloud-mobile-menu .navbar {
padding: 16px;
z-index: 999;
}
.qloud-mobile-menu .navbar-brand img {
height: 40px;
}
}
.vertical-menu-layout .menu-new-wrapper.row {
position: relative;
width: 100%;
height: auto;
}
.vertical-menu-layout .qloud-full-menu ul {
padding-left: 0;
}
.vertical-menu-layout.qloud-mobile-menu .navbar {
padding: 0;
}
.qloud-mobile-menu.vertical-menu-layout {
background: transparent;
position: relative;
}
.qloud-mobile-menu.vertical-menu-layout ul>li>a {
color: var(--white-color);
font-size: var(--font-size-30);
}
.qloud-mobile-menu.vertical-menu-layout ul li>.toggledrop i {
font-size: var(--font-size-20);
}
.qloud-mobile-menu.vertical-menu-layout ul li.current-menu-item>.toggledrop i,
.qloud-mobile-menu.vertical-menu-layout ul li.current-menu-item>a,
.qloud-mobile-menu.vertical-menu-layout ul li .sub-menu li:hover>a,
.qloud-mobile-menu.vertical-menu-layout ul li:hover>.toggledrop i,
.qloud-mobile-menu.vertical-menu-layout ul li:hover>a,
.qloud-mobile-menu.vertical-menu-layout ul>li.current-menu-ancestor>.toggledrop i,
.qloud-mobile-menu.vertical-menu-layout ul>li.current-menu-ancestor>a,
.qloud-mobile-menu.vertical-menu-layout ul li .sub-menu li.current-menu-item>a,
.qloud-mobile-menu.vertical-menu-layout ul li .sub-menu li.menu-item.current-menu-ancestor>a {
color: var(--primary-color);
}
.qloud-mobile-menu.vertical-menu-layout ul li .sub-menu li a,
.qloud-mobile-menu.vertical-menu-layout ul li li>.toggledrop i {
color: var(--global-dark-submenu);
font-size: (--font-size-body);
}
.qloud-mobile-menu.vertical-menu-layout.menu-style-one ul li>.toggledrop i,
.qloud-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);
}
.qloud-mobile-menu.vertical-menu-layout.menu-style-one ul .toggledrop.active i,
.qloud-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);
} .qloud-full-menu {
width: 100%;
}
.navbar-toggler.custom-toggler {
display: block;
}
.navbar-toggler.custom-toggler {
padding: 0 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: 0.15em;
background-color: var(--body-text);
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 99;
cursor: pointer;
transition: left 0.3s cubic-bezier(.29, .61, .9, .45);
}
.ham-toggle .menu-btn .lines.two {
left: 0.313em;
top: 0.625em;
}
.ham-toggle .menu-btn .lines.three {
top: 1.25em;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
.qloud-mobile-menu.menu-style-two .qloud-full-menu .menu-full-menu-container ul,
.qloud-mobile-menu.menu-style-two .qloud-full-menu .menu-main-menu-container ul {
padding-right: 3.375em;
width: 70%;
}
.qloud-mobile-menu.menu-style-two .qloud-full-menu .menu-full-menu-container ul>li>ul.sub-menu,
.qloud-mobile-menu.menu-style-two .qloud-full-menu .menu-main-menu-container ul>li>ul.sub-menu {
right: -68%;
}
}
@media (max-width: 1366px) and (min-width: 1025px) {
.sf-menu a {
padding: 16px;
}
}
@media (min-width: 1400px) {
.qloud-mobile-menu.menu-style-two .qloud-full-menu .menu-full-menu-container ul,
.qloud-mobile-menu.menu-style-two .qloud-full-menu .menu-main-menu-container ul {
padding-right: 3.375em;
width: 100%;
}
}
@media (min-width: 1200px) {
.qloud-mobile-menu.menu-style-two ul li .sub-menu li a {
padding-bottom: 0.3125em;
}
.qloud-mobile-menu ul li .sub-menu li a {
position: relative;
}
.qloud-mobile-menu.menu-style-two .qloud-full-menu .menu-full-menu-container ul,
.qloud-mobile-menu.menu-style-two .qloud-full-menu .menu-main-menu-container ul {
position: relative;
}
.iqonic-custom-layouts.open .qloud-mobile-menu.menu-style-two .qloud-full-menu {
-webkit-animation: slide-bottom 0.4s;
animation: slide-bottom 0.4s;
animation-delay: 0s;
}
.iqonic-custom-layouts.open .image-anim-delay {
-webkit-animation: slide-bottom 0.4s;
animation: slide-bottom 0.4s;
animation-delay: 0s;
}
.iqonic-custom-layouts.open .image-anim-delay-2 {
-webkit-animation: slide-bottom 0.4s;
animation: slide-bottom 0.4s;
animation-delay: 0s;
}
.iqonic-custom-layouts .sidebar-scrollbar .widget::before {
display: none;
}
.iqonic-custom-layouts .sidebar-scrollbar .widget {
border: none;
padding: 0;
background: none;
}
.qloud-mobile-menu.menu-style-two .qloud-full-menu .menu-full-menu-container ul>li,
.qloud-mobile-menu.menu-style-two .qloud-full-menu .menu-main-menu-container ul>li {
position: static;
width: fit-content;
}
.vertical-menu-layout.menu-style-two .qloud-full-menu, .vertical-menu-layout.menu-style-two .menu-main-menu-container {
width: 100%;
}
.qloud-mobile-menu.menu-style-two .qloud-full-menu .menu-full-menu-container ul>li>ul.sub-menu,
.qloud-mobile-menu.menu-style-two .qloud-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;
}
.qloud-mobile-menu.menu-style-two ul:before {
content: "";
position: absolute;
width: 0.0625em;
height: 90%;
background: radial-gradient(circle, var(--primary-color) 43%, rgba(220, 202, 135, 0) 100%);
left: 50%;
}
.qloud-mobile-menu.menu-style-two .qloud-full-menu .menu-full-menu-container ul>li>ul.sub-menu::-webkit-scrollbar,
.qloud-mobile-menu.menu-style-two .qloud-full-menu .menu-main-menu-container ul>li>ul.sub-menu::-webkit-scrollbar {
width: 0.125em;
height: 0.125em;
box-shadow: none;
}
.qloud-mobile-menu.menu-style-two .qloud-full-menu .menu-full-menu-container ul>li>ul.sub-menu::-webkit-scrollbar-thumb,
.qloud-mobile-menu.menu-style-two .qloud-full-menu .menu-main-menu-container ul>li>ul.sub-menu::-webkit-scrollbar-thumb {
background: var(--primary-color) !important;
box-shadow: none !important;
}
}.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: transparent;
}
.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-btn-semi-round { -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; } .iq-btn-round { -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 10px !important; } .iq-btn-circle { -webkit-border-radius: 90px !important; -moz-border-radius: 90px !important; border-radius: 90px !important; } .iq-btn-small { padding: 5px 15px !important; font-size: var(--font-size-xs) !important; } .iq-btn-medium { padding: 10px 30px !important; font-size: var(--font-size-normal) !important; } .iq-btn-large { padding: 15px 45px !important; } .iq-btn-extra-large { padding: 15px 60px !important; } .btn-icon-right i { margin-left: 15px; } .btn-icon-left i { margin-right: 15px; } .iq-button.iq-btn-shadow:hover { -webkit-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06); box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06); transition: all 0.5s ease-in-out; 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; }
button:hover,
button:focus {
outline: none;
}.iq-icon-box-style-1 {
position: relative;
padding: 30px;
transition: all 0.5s ease-in-out;
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: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
}
.iq-icon-box-style-1 .icon-box-img i {
font-size: var(--font-size-h3);
color: var(--primary-color);
}
.iq-icon-box-style-1 .icon-box-content .icon-box-title a {
margin: 15px 0;
}
.iq-icon-box-style-1 .icon-box-content .icon-box-desc {
margin: 0;
}
.iq-icon-box-style-1::before {
width: 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
height: 4px;
background: var(--primary-color);
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0px;
-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: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
} .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;
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;
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 img {
min-width: 60px;
}
.iq-icon-box-style-2 .icon-box-img i {
font-size: var(--font-size-h3);
color: var(--primary-color);
}
.iq-icon-box-style-2 .icon-box-content .icon-box-title a {
margin: 0 0 10px;
}
.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(--border-color-light);
background: var(--white-color);
-webkit-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
} .iq-icon-box-style-6 {
display: block;
position: relative;
background: var(--white-color);
border-radius: 4px;
min-height: 160px;
padding: 20px;
z-index: 0;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
}
.iq-icon-box-style-6 {
min-height: 160px;
}
.iq-icon-box-style-6:hover:after, .iq-icon-box-style-6.active:after {
z-index: -2;
}
.iq-icon-box-style-6:after {
content: "";
width: 70px;
height: 70px;
background-image: radial-gradient(var(--primary-color) 1px, transparent 1px);
background-size: 10px 10px;
z-index: -2;
content: "";
position: absolute;
right: -20px;
bottom: -20px;
opacity: 0;
transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
}
.iq-icon-box-style-6:hover:after, .iq-icon-box-style-6.active:after {
opacity: 1;
}
.iq-icon-box-style-6::before {
background: var(--primary-color);
}
.iq-icon-box-style-6 .icon-box-img i {
color: var(--primary-color);
font-size: var(--font-size-h3);
}
.iq-icon-box-style-6:before {
border-radius: 4px;
content: "";
width: 100%;
height: 100%;
transition: all 0.5s ease-in-out;
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;
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: -1;
}
.iq-icon-box-style-6:hover:before, .iq-icon-box-style-6.active:before {
opacity: 1;
z-index: -1;
}
.iq-icon-box-style-6 .icon-box-img i, .iq-icon-box-style-6 .icon-box-title a, .iq-icon-box-style-6 .icon-box-desc {
transition: all 0.5s ease-in-out;
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-6 .icon-box-title a {
margin-bottom: 30px;
}
.iq-icon-box-style-6:hover .icon-box-img i, .iq-icon-box-style-6:hover .icon-box-title a, .iq-icon-box-style-6:hover .icon-box-desc, .iq-icon-box-style-6.active .icon-box-img i, .iq-icon-box-style-6.active .icon-box-title a, .iq-icon-box-style-6.active .icon-box-desc {
color: var(--white-color);
} .iq-icon-box-style-8 {
position: relative;
padding: 45px 30px;
border-radius: 5px;
border: 1px solid var(--icon-box-style-8-border);
transition: all 0.5s ease-in-out;
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: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
}
.iq-icon-box-style-8 .icon-box-img i {
font-size: var(--font-size-h3);
color: var(--primary-color);
}
.iq-icon-box-style-8 .icon-box-img {
display: inline-block;
}
.iq-icon-box-style-8 .icon-box-content .icon-box-title a {
margin: 30px 0 0;
}
.iq-icon-box-style-8 .icon-box-content .icon-box-desc {
margin: 15px 0 0;
}
.iq-icon-box-style-8:hover, .iq-icon-box-style-8.active {
border-color: var(--primary-color);
} .iq-icon-box-style-9 {
position: relative;
display: inline-block;
vertical-align: middle;
width: 100%;
border: 1px solid var(--icon-box-style-8-border);
transition: all 0.5s ease-in-out;
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;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
}
.iq-icon-box-style-9 .icon-box-content {
display: inline-block;
width: 60%;
vertical-align: middle;
padding: 30px;
}
.iq-icon-box-style-9 .icon-box-img {
display: inline-block;
width: 40%;
vertical-align: middle;
text-align: right;
float: right;
}
.iq-icon-box-style-9.text-right .icon-box-img {
text-align: left;
float: left;
}
.iq-icon-box-style-9.text-center .icon-box-img {
text-align: center;
float: none;
width: 100%;
margin: 30px auto;
} .iq-icon-box-style-10 {
display: flex;
padding: 35px;
background-color: var(--white-color);
border-radius: var(--border-radius-box);
transition: all 0.5s ease-in-out;
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-10 .icon-box-img {
margin-right: 30px;
transition: all 0.5s ease-in-out;
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-10 .icon-box-img svg, .iq-icon-box-style-10 .icon-box-img img {
transition: all 0.5s ease-in-out;
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-10 .icon-box-title {
display: inline-block;
transition: all 0.5s ease-in-out;
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-10 .icon-box-desc {
display: initial;
transition: all 0.5s ease-in-out;
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-10:hover, .iq-icon-box-style-10.active {
background-color: var(--primary-color);
}
.iq-icon-box-style-10:hover .icon-box-img svg path, .iq-icon-box-style-10.active .icon-box-img svg path {
stroke: var(--white-color);
}
.iq-icon-box-style-10:hover .icon-box-title a, .iq-icon-box-style-10.active .icon-box-title a {
color: var(--white-color);
}
.iq-icon-box-style-10:hover .icon-box-desc, .iq-icon-box-style-10.active .icon-box-desc {
color: var(--white-color);
} @media (max-width: 1024px) {
.iq-icon-box-style-10 {
align-items: center;
}
.iq-icon-box-style-10 .icon-box-title {
display: block;
margin-bottom: 10px;
}
}
@media(max-width:479px) {
.iq-icon-box-style-10 {
display: block;
}
.iq-icon-box-style-10 .icon-box-img {
margin-right: 0;
margin-bottom: 16px;
}
.iq-icon-box-style-2 {
display: block;
}
.iq-icon-box-style-2 .icon-box-img {
margin-bottom: 30px;
display: block;
}
.iq-icon-box-style-9 {
display: flex;
flex-direction: column-reverse;
}
.iq-icon-box-style-9 .icon-box-content, .iq-icon-box-style-9 .icon-box-img {
width: auto;
}
}.iq-accordion {
z-index: 9;
position: relative;
}
.iq-accordion .iq-accordion-title {
position: relative;
font-family: 'Poppins', sans-serif;
padding: 15px 60px 15px 30px;
background: var(--global-body-lightbg);
line-height: normal;
cursor: pointer;
display: flex;
text-align: left;
color: var(--white-color);
font-weight: var(--font-weight-semi-bold);
text-decoration: none;
}
.iq-accordion.iq-accordion-classic .iq-accordion-block .iq-accordion-title {
align-items: center;
}
.iq-accordion .iq-accordion-title .accordion-title {
display: inline-block;
vertical-align: middle;
}
.iq-accordion .iq-accordion-details {
display: none;
text-align: left;
padding: 0 30px 15px;
background: var(--global-body-lightbg);
}
.iq-accordion .iq-accordion-details p {
margin-bottom: 0;
text-transform: capitalize;
}
.iq-accordion .iq-accordion-block {
margin-bottom: 30px;
border: 1px solid var(--global-body-lightbg);
padding: 0;
overflow: hidden;
}
.iq-accordion .iq-accordion-block:last-child {
margin-bottom: 0 !important;
}
.iq-accordion .iq-accordion-block .iq-accordion-title i {
color: var(--primary-color);
line-height: normal;
vertical-align: middle;
}
.iq-accordion .iq-accordion-block .iq-accordion-title .iq-icon-right {
position: absolute;
right: 30px;
}
.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;
}
.iq-accordion .iq-accordion-block.iq-active .iq-accordion-title i.inactive {
display: none;
}
.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;
}
.iq-accordion-shadow .iq-accordion-block.iq-active {
-webkit-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
transition: all 0.5s ease-in-out;
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-accordion-classic .iq-accordion-details {
padding: 15px 30px;
} @media(max-width:1024px) {
.iq-accordion-round .iq-accordion-block {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
} .iq-accordion-style-4 .iq-accordion-block {
padding: 30px 35px;
background: var(--white-color);
border: none;
border-radius: var(--border-radius-box);
}
.iq-accordion-style-4 .iq-accordion-title {
border-radius: var(--border-radius-box);
background: var(--white-color);
padding: 0;
}
.iq-accordion-style-4 .iq-accordion-title .accordion-title {
font-size: var(--font-size-h5);
}
.iq-accordion-style-4 .iq-accordion-details {
background: var(--white-color);
padding: 0;
}
.iq-accordion-style-4 .iq-accordion-block .iq-accordion-title .iq-icon-right {
position: absolute;
right: 0;
}
.iq-accordion-style-4 .iq-accordion-block .iq-accordion-title i {
border-radius: 50%;
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
background: var(--global-body-bgcolor);
color: var(--primary-color);
}
.iq-accordion-style-4 .iq-accordion-block.iq-active .iq-accordion-title i {
background: var(--primary-color);
color: var(--white-color);
}
@media(max-width:767px) {
.iq-accordion-style-4 .iq-accordion-details {
padding: 0;
}
.iq-accordion-style-4 .iq-accordion-title {
padding-right: 50px;
}
.iq-accordion-style-4 .iq-accordion-title .accordion-title {
font-size: var(--font-size-18);
}
}