first change
This commit is contained in:
@@ -0,0 +1,256 @@
|
||||
/* Global */
|
||||
:root {
|
||||
--lqd-container-width: 1170px;
|
||||
--lqd-container-width-md: 100%;
|
||||
--lqd-container-width-sm: 100%;
|
||||
--lqd-row-gutter-y: 20px;
|
||||
--lqd-row-gutter-x: 20px;
|
||||
|
||||
--lqd-color-primary: #225469;
|
||||
--lqd-color-secondary: #54595F;
|
||||
--lqd-body-text-color: #7A7A7A;
|
||||
--lqd-color-accent: #61CE70;
|
||||
--lqd-color-gradient-start: #AEBAE0;
|
||||
--lqd-color-gradient-stop: #E6A042;
|
||||
--lqd-color-darkgreen: #103A40;
|
||||
--lqd-color-amber-100: #FCF5F3;
|
||||
--lqd-color-amber-600: #CC7851;
|
||||
--lqd-color-blue-100: #E9ECFB;
|
||||
--lqd-color-blue-200: #F0F2FA;
|
||||
--lqd-color-blue-300: #C4D4FF;
|
||||
--lqd-color-blue-500: #4D68F9;
|
||||
--lqd-color-blue-600: #2A63EB;
|
||||
--lqd-color-blue-700: #2560FF;
|
||||
--lqd-color-blue-800: #1C206F;
|
||||
--lqd-color-blue-900: #0E1758BD;
|
||||
--lqd-color-emerald-500: #49C193;
|
||||
--lqd-color-gray-100: #F0F0F0;
|
||||
--lqd-color-gray-300: #d1d5db;
|
||||
--lqd-color-gray-400: #B4B6C6;
|
||||
--lqd-color-gray-500: #6b7280;
|
||||
--lqd-color-gray-700: #374151;
|
||||
--lqd-color-green-100: #EAFBF7;
|
||||
--lqd-color-green-200: #D7EDEA;
|
||||
--lqd-color-green-500: #49C193;
|
||||
--lqd-color-green-700: #0DA781;
|
||||
--lqd-color-purple-100: #D4CCFF;
|
||||
--lqd-color-purple-300: #9A8DFF;
|
||||
--lqd-color-purple-400: #B469FF;
|
||||
--lqd-color-purple-500: #7A25FF;
|
||||
--lqd-color-purple-700: #5725FF;
|
||||
--lqd-color-red-100: #FCEEEC;
|
||||
--lqd-color-slate-100: #EBEFF1;
|
||||
--lqd-color-slate-400: #94a3b8;
|
||||
--lqd-color-slate-500: #64748b;
|
||||
--lqd-color-slate-600: #4D7184;
|
||||
--lqd-color-slate-700: #45485F;
|
||||
--lqd-color-slate-900: #292B57;
|
||||
--lqd-color-cyan-100: #EAF7FA;
|
||||
--lqd-color-sky-100: #C7ECFE;
|
||||
--lqd-color-sky-800: #104662;
|
||||
--lqd-color-sky-900: #083467;
|
||||
--lqd-color-orange-100: #FDE9CD;
|
||||
--lqd-color-orange-500: #F69F29;
|
||||
--lqd-color-orange-700: #CC7851;
|
||||
--lqd-color-yellow-500: #FFC221;
|
||||
--lqd-badge-color: #6f6fff;
|
||||
|
||||
--lqd-text-font-family: 'Roboto', sans-serif;
|
||||
--lqd-text-font-weight: 400;
|
||||
|
||||
--lqd-sticky-header-height: 56px;
|
||||
--lqd-sticky-header-placeholder-height: 0;
|
||||
--lqd-sticky-header-sentinel-top: var(--lqd-sticky-header-placeholder-height);
|
||||
|
||||
--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
|
||||
--lqd-body-font-size: 18px;
|
||||
--lqd-body-font-weight: 400;
|
||||
--lqd-body-text-color: #627C89;
|
||||
|
||||
--lqd-heading-color: #181b31;
|
||||
--lqd-heading-font-family: var(--lqd-body-font-family);
|
||||
--lqd-heading-font-weight: 600;
|
||||
--lqd-heading-line-height: 1.2em;
|
||||
--lqd-h1-color: #444762;
|
||||
--lqd-h1-font-family: "Nunito", Sans-serif;
|
||||
--lqd-h1-font-size: 55px;
|
||||
--lqd-h1-font-weight: 700;
|
||||
--lqd-h2-color: #45485F;
|
||||
--lqd-h2-font-family: var(--lqd-h1-font-family);
|
||||
--lqd-h2-font-size: 40px;
|
||||
--lqd-h2-font-weight: 700;
|
||||
--lqd-h3-font-size: 32px;
|
||||
--lqd-h4-font-size: 25px;
|
||||
--lqd-h5-font-size: 21px;
|
||||
--lqd-h6-font-size: 18px;
|
||||
|
||||
--lqd-cc-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-size-outer: 35px;
|
||||
--lqd-cc-size-inner: 7px;
|
||||
--lqd-cc-bw: 1px;
|
||||
--lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2);
|
||||
--lqd-cc-active-bc: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bg: var(--lqd-color-primary);
|
||||
--lqd-cc-active-bw: 1px;
|
||||
--lqd-cc-active-circle-color: #fff;
|
||||
--lqd-cc-active-circle-txt: #000;
|
||||
--lqd-cc-active-arrow-color: #fff;
|
||||
}
|
||||
|
||||
.lqd-gdpr-accept:hover {
|
||||
color: #eff3f5;
|
||||
background-color: #184341;
|
||||
}
|
||||
|
||||
.font-title {
|
||||
font-family: var(--lqd-h1-font-family);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 992px) {
|
||||
body.has-sidebar #lqd-contents-wrap {
|
||||
padding-top: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
.module-icons {
|
||||
--grid-template-columns: repeat(0, auto);
|
||||
--icon-size: 20px;
|
||||
--grid-column-gap: 15px;
|
||||
--grid-row-gap: 0px;
|
||||
}
|
||||
|
||||
.social-icons-wrapper a:hover {
|
||||
color: #34353C;
|
||||
fill: #34353C;
|
||||
}
|
||||
|
||||
/* Button */
|
||||
.module-btn-xxs {
|
||||
--btn-pt: 4px;
|
||||
--btn-pe: 8px;
|
||||
--btn-pb: 2px;
|
||||
--btn-ps: 8px;
|
||||
}
|
||||
|
||||
.module-btn-xs {
|
||||
--btn-pt: 5px;
|
||||
--btn-pe: 10px;
|
||||
--btn-pb: 5px;
|
||||
--btn-ps: 10px;
|
||||
}
|
||||
|
||||
.module-btn-sm {
|
||||
--btn-pt: 5px;
|
||||
--btn-pe: 12px;
|
||||
--btn-pb: 5px;
|
||||
--btn-ps: 22px;
|
||||
}
|
||||
|
||||
.module-btn-md {
|
||||
--btn-pt: 15px;
|
||||
--btn-pe: 35px;
|
||||
--btn-pb: 15px;
|
||||
--btn-ps: 35px;
|
||||
}
|
||||
|
||||
.module-btn-circle {
|
||||
--btn-pt: 15px;
|
||||
--btn-pe: 15px;
|
||||
--btn-pb: 15px;
|
||||
--btn-ps: 15px;
|
||||
}
|
||||
|
||||
/* Main Header */
|
||||
.main-header .module-btn-sm {
|
||||
--icon-mt: 0;
|
||||
--icon-me: 0;
|
||||
--icon-mb: 0;
|
||||
--icon-ms: 0;
|
||||
}
|
||||
|
||||
.main-header .btn-hover-txt-marquee-y:hover {
|
||||
color: var(--lqd-color-blue-200);
|
||||
background-color: var(--lqd-color-blue-900);
|
||||
}
|
||||
|
||||
.main-nav {
|
||||
--lqd-menu-items-top-padding: 0;
|
||||
--lqd-menu-items-right-padding: 25px;
|
||||
--lqd-menu-items-bottom-padding: 0;
|
||||
--lqd-menu-items-left-padding: 40px;
|
||||
}
|
||||
|
||||
/* Lity Modal */
|
||||
.main-header .lqd-contact-form {
|
||||
--inputs-margin: 0px 0px 15px 0px;
|
||||
--input-margin-bottom: 15px;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 84px;
|
||||
line-height: 0.75em;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.lity-modal .ld-fancy-heading h2 {
|
||||
font-size: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.main-footer .badge-color {
|
||||
--lqd-badge-color: #00CB99;
|
||||
}
|
||||
|
||||
.main-footer .btn-solid {
|
||||
--icon-mt: 0;
|
||||
--icon-me: 12px;
|
||||
--icon-mb: 0;
|
||||
--icon-ms: 0;
|
||||
--btn-pt: 8px;
|
||||
--btn-pe: 0;
|
||||
--btn-pb: 8px;
|
||||
--btn-ps: 0;
|
||||
}
|
||||
|
||||
.main-footer .btn-dark:hover {
|
||||
background-color: var(--lqd-color-blue-900);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.main-footer .btn-light:hover {
|
||||
background-color: var(--lqd-color-blue-100);
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.main-footer .icon-list-items {
|
||||
--e-icon-list-icon-size: 12px;
|
||||
--e-icon-list-icon-align: center;
|
||||
--e-icon-list-icon-margin: 0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);
|
||||
}
|
||||
|
||||
.main-footer .icon-list-items i {
|
||||
width: 1.25em;
|
||||
font-size: var(--e-icon-list-icon-size);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.main-footer .footer-content {
|
||||
padding: 40px 14px 0 14px;
|
||||
}
|
||||
|
||||
.main-footer .module-bottom {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.main-footer .footer-content {
|
||||
padding: 40px 6px 0 6px;
|
||||
}
|
||||
|
||||
.main-footer .footer-content .module-title h3 {
|
||||
margin: 1em 0 0 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,21 @@
|
||||
/* Form */
|
||||
.form .module-container {
|
||||
max-width: 945px;
|
||||
}
|
||||
.form .module-form {
|
||||
border-top: 10px solid #E66C6C;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.form {
|
||||
padding: 0 10px;
|
||||
}
|
||||
.form .module-col {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.form .module-form {
|
||||
padding: 45px 30px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,800 @@
|
||||
/* ***** Banner ***** */
|
||||
.banner .btn-naked {
|
||||
--icon-font-size: 1em;
|
||||
--icon-mt: 04px;
|
||||
--icon-me: 0px;
|
||||
--icon-mb: 0px;
|
||||
--icon-ms: 20px;
|
||||
}
|
||||
|
||||
.banner .btn-hover-txt-switch:hover {
|
||||
color: var(--lqd-color-green-100);
|
||||
background-color: var(--lqd-color-green-700);
|
||||
}
|
||||
|
||||
.banner .lqd-imggrp-single[data-float] {
|
||||
--float-animate-to: 4%;
|
||||
--float-animation-ease: ease-in-out;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.banner {
|
||||
padding: 120px 14px 0 14px;
|
||||
}
|
||||
|
||||
.banner .module-content {
|
||||
margin: 0 40px 0 0;
|
||||
}
|
||||
|
||||
.banner .module-left {
|
||||
padding: 10px 0 10px 36px;
|
||||
}
|
||||
|
||||
.banner .ld-fancy-heading h1 {
|
||||
font-size: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.banner {
|
||||
padding: 120px 6px 0 6px;
|
||||
}
|
||||
|
||||
.banner .module-content {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.banner .ld-fancy-heading h1 {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.banner .module-text p {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Clients ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.clients {
|
||||
padding: 10px 14px 0 14px;
|
||||
}
|
||||
|
||||
.clients .right-space {
|
||||
padding: 0 20px 0 0;
|
||||
}
|
||||
|
||||
.clients .left-space {
|
||||
padding: 0 0 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.clients {
|
||||
padding: 0 6px 0 6px;
|
||||
}
|
||||
|
||||
.clients .module-client {
|
||||
padding: 0 0 30px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** BG Shape ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.bg-shape {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** About ***** */
|
||||
.about .iconbox h3 {
|
||||
font-family: var(--lqd-h1-font-family);
|
||||
color: #45485F;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-green-100 {
|
||||
background-color: #129B67;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-blue-100 {
|
||||
background-color: #3750E0;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-gray-100 {
|
||||
background-color: #767B7E;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-red-100 {
|
||||
background-color: #E8664D;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-slate-100 {
|
||||
background-color: #476D83;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-cyan-100 {
|
||||
background-color: #40B8D5;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover svg path:not([stroke=none]) {
|
||||
fill: #E6F4EE;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-red-100>svg *:not([stroke=none]) {
|
||||
stroke: #FCEEEC;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale:hover .bg-slate-100>svg *:not([stroke=none]) {
|
||||
stroke: #EBEFF1;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) and (min-width: 768px) {
|
||||
.about .module-text {
|
||||
width: 18%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.about {
|
||||
padding: 40px 14px 0 14px;
|
||||
}
|
||||
|
||||
.about .module-icon-box {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.about .ld-fancy-heading h2 {
|
||||
margin-right: 16em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.about {
|
||||
padding: 40px 6px 0 6px;
|
||||
}
|
||||
|
||||
.about .lqd-iconbox-scale {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.about .module-spacer {
|
||||
padding-right: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Features ***** */
|
||||
.features .lqd-tabs-nav>li>a,
|
||||
.features .lqd-tabs-nav .h3,
|
||||
.features .lqd-tabs-nav>li>a .lqd-tabs-nav-txt {
|
||||
font-family: var(--lqd-h1-font-family);
|
||||
font-size: 35px;
|
||||
line-height: 1.14em;
|
||||
}
|
||||
|
||||
.features .lqd-tabs-nav>li .lqd-tabs-nav-txt::before {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, #AEBAE0 30%, #E6A042 70%);
|
||||
}
|
||||
|
||||
.features .lqd-tabs .lqd-tabs-nav>li .lqd-tabs-nav-txt span {
|
||||
background-color: #A5B5C3;
|
||||
}
|
||||
|
||||
.features .lqd-tabs-nav a.active .lqd-tabs-nav-txt:before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.features .lqd-slsh-item .ld-slideelement-hidden-inner,
|
||||
.features .lqd-tabs-nav a.active .lqd-tabs-nav-txt span {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.features .lqd-tabs-nav a.active~.lqd-tabs-nav-ext {
|
||||
opacity: 1;
|
||||
transform: translateX(var(--lqd-tabs-nav-translate, 0));
|
||||
}
|
||||
|
||||
.features .module-section {
|
||||
min-height: 510px;
|
||||
}
|
||||
|
||||
.features .lqd-tabs-content .container {
|
||||
max-width: 980px;
|
||||
}
|
||||
|
||||
.features .btn-solid {
|
||||
--icon-mt: 0;
|
||||
--icon-me: 0;
|
||||
--icon-mb: 0;
|
||||
--icon-ms: 40px;
|
||||
}
|
||||
|
||||
.features .btn-icon-right:hover {
|
||||
color: #FFFFFF;
|
||||
background-color: #30546F;
|
||||
}
|
||||
|
||||
.features .module-btn-xs:hover {
|
||||
background-color: var(--lqd-color-blue-700);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.features {
|
||||
padding: 40px 14px 0 14px;
|
||||
}
|
||||
|
||||
.features .module-section {
|
||||
padding-right: 25px;
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
.features .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.features {
|
||||
padding: 40px 6px 0 6px;
|
||||
}
|
||||
|
||||
.features .lqd-tabs {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Text Box Image ***** */
|
||||
.text-box-image .lqd-imggrp-single[data-float] {
|
||||
--float-animate-from: -2%;
|
||||
--float-animate-to: 1%;
|
||||
--float-delay: 0s;
|
||||
--float-animation-ease: ease-in-out;
|
||||
}
|
||||
|
||||
.text-box-image .lqd-iconbox-scale:hover .iconbox-icon-container {
|
||||
color: #FFFFFF;
|
||||
background-color: #2A63EB;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.text-box-image {
|
||||
padding: 60px 14px;
|
||||
}
|
||||
|
||||
.text-box-image .lqd-imggrp-single {
|
||||
margin: -40px 0 -80px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.text-box-image {
|
||||
padding: 60px 6px 80px 6px;
|
||||
}
|
||||
|
||||
.text-box-image .module-section {
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.text-box-image .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.text-box-image .lqd-imggrp-single {
|
||||
margin: -40px 0 -40px 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Tab Items ***** */
|
||||
.tab-items .lqd-tabs-nav {
|
||||
--icon-size: 34px;
|
||||
}
|
||||
|
||||
.tab-items .lqd-tabs-style-2 .lqd-tabs-nav a.active .lqd-tabs-nav-progress-inner {
|
||||
transform-origin: left;
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
.tab-items .lqd-imggrp-single[data-float] {
|
||||
--float-animate-from: -3%;
|
||||
--float-animate-to: 3%;
|
||||
--float-animation-ease: ease-in-out;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.tab-items {
|
||||
padding: 0 14px 0 14px;
|
||||
}
|
||||
|
||||
.tab-items .lqd-tabs-content {
|
||||
padding: 0 14px 80px 14px;
|
||||
}
|
||||
|
||||
.tab-items .module-img {
|
||||
margin-bottom: -160px;
|
||||
}
|
||||
|
||||
.tab-items .module-img .lqd-imggrp-img-container {
|
||||
width: 32%;
|
||||
}
|
||||
|
||||
.tab-items .lqd-tabs-nav {
|
||||
--icon-size: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.tab-items .lqd-tabs {
|
||||
flex-direction: column;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.tab-items {
|
||||
padding: 80px 6px 0 6px;
|
||||
}
|
||||
|
||||
.tab-items .lqd-tabs-content {
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
.tab-items .module-title h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.tab-items .module-avatar {
|
||||
margin-right: -50px;
|
||||
}
|
||||
|
||||
.tab-items .lqd-tabs-nav {
|
||||
--icon-size: 32px;
|
||||
}
|
||||
|
||||
.tab-items .module-content {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.tab-items .module-content .module-avatar {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.tab-items .module-content .module-text {
|
||||
width: 75%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Pricing ***** */
|
||||
.pricing .background-overlay {
|
||||
background-size: 120% auto;
|
||||
}
|
||||
|
||||
.pricing .module-section:hover {
|
||||
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.pricing .lqd-shape-top svg {
|
||||
width: calc(110% + 1.3px);
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.pricing .module-shape {
|
||||
left: -368px;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-nav {
|
||||
--icon-size: 1em;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs-style-9-alt2 .lqd-tabs-nav li {
|
||||
background-color: #EFF3F5;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs .lqd-tabs-nav a {
|
||||
color: #033350;
|
||||
}
|
||||
|
||||
.pricing .lqd-tabs .lqd-tabs-nav a.active {
|
||||
color: #FF4D12;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.pricing .btn:hover,
|
||||
.pricing .btn:focus {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.pricing .bg-red-100 {
|
||||
box-shadow: 0px 16px 33px 0px #FAF1EC;
|
||||
}
|
||||
|
||||
.pricing .bg-green-100 {
|
||||
box-shadow: 0px 17px 33px 0px #EAFBF7;
|
||||
}
|
||||
|
||||
.pricing .module-btn-1:hover,
|
||||
.pricing .module-btn-1:focus {
|
||||
background-color: var(--lqd-color-amber-600)
|
||||
}
|
||||
|
||||
.pricing .module-btn-3:hover,
|
||||
.pricing .module-btn-3:focus {
|
||||
background-color: var(--lqd-color-emerald-500);
|
||||
}
|
||||
|
||||
.pricing .module-btn-2:hover,
|
||||
.pricing .module-btn-2:focus {
|
||||
color: var(--lqd-color-blue-500);
|
||||
background-color: #F0F4FE;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.pricing {
|
||||
padding: 20px 14px 320px 14px;
|
||||
}
|
||||
|
||||
.pricing .module-section {
|
||||
margin: 0 10px 0 10px;
|
||||
}
|
||||
|
||||
.pricing .module-section-bottom {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 5px;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.pricing .lqd-imggrp-img-container {
|
||||
width: 45%;
|
||||
}
|
||||
|
||||
.pricing .lqd-shape-top svg {
|
||||
width: calc(180% + 1.3px);
|
||||
height: 650px;
|
||||
}
|
||||
|
||||
.pricing .pos-abs {
|
||||
left: -274px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.pricing {
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
.pricing .background-overlay {
|
||||
background-position: center center;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.pricing .lqd-shape-top svg {
|
||||
width: calc(220% + 1.3px);
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.pricing .module-pricing {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.pricing .module-sections {
|
||||
padding: 0 6px 0 6px;
|
||||
}
|
||||
|
||||
.pricing .module-section {
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
.pricing .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Analysis ***** */
|
||||
@media (max-width: 1199px) {
|
||||
.analysis {
|
||||
padding: 80px 0 40px 0;
|
||||
}
|
||||
|
||||
.analysis .module-img {
|
||||
margin-bottom: -190px;
|
||||
padding: 0px 14px 0px 14px;
|
||||
}
|
||||
|
||||
.analysis .module-content {
|
||||
padding: 0px 14px 0px 14px;
|
||||
}
|
||||
|
||||
.analysis .module-right {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.analysis {
|
||||
padding: 60px 6px 0 6px;
|
||||
}
|
||||
|
||||
.analysis .module-img {
|
||||
margin-bottom: -60px;
|
||||
}
|
||||
|
||||
.analysis .module-content {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.analysis .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
padding: 10px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Process ***** */
|
||||
.process .btn-solid:hover {
|
||||
background-color: var(--lqd-color-green-100);
|
||||
color: var(--lqd-color-green-500);
|
||||
}
|
||||
|
||||
.process .module-icon-box {
|
||||
background-size: 60% auto;
|
||||
}
|
||||
|
||||
.process .iconbox:hover .iconbox-icon-container {
|
||||
box-shadow: 0 0 20px 0px rgba(22, 92, 253, 0.271);
|
||||
}
|
||||
|
||||
.process .shadow-green:hover .bg-green-500 {
|
||||
box-shadow: 0 0 20px 0px rgba(0, 203, 153, 0.51);
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.process {
|
||||
padding: 0 14px 60px 14px;
|
||||
}
|
||||
|
||||
.process .module-img .lqd-imggrp-single {
|
||||
margin-bottom: -80px;
|
||||
}
|
||||
|
||||
.process .module-img .lqd-imggrp-img-container {
|
||||
width: 35%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.process {
|
||||
padding: 40px 6px;
|
||||
}
|
||||
|
||||
.process .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Testimonials ***** */
|
||||
.testimonials .background-overlay {
|
||||
background-size: 150% auto;
|
||||
}
|
||||
|
||||
/* .testimonials .lqd-shape[data-negative=false].lqd-shape .lqd-custom-shape {
|
||||
transform: translateX(-50%) rotate(180deg);
|
||||
} */
|
||||
.testimonials .lqd-shape svg {
|
||||
width: calc(200% + 1.3px);
|
||||
}
|
||||
|
||||
.testimonials .lqd-testi .lqd-star-rating-fill:before {
|
||||
background: #6355FF;
|
||||
}
|
||||
|
||||
.testimonials .lqd-testi .lqd-star-rating .active {
|
||||
color: #6355FF;
|
||||
}
|
||||
|
||||
.testimonials .testimonials-clients .container {
|
||||
max-width: 1040px;
|
||||
}
|
||||
|
||||
.testimonials-clients .icon-list-items {
|
||||
--e-icon-list-icon-size: 14px;
|
||||
--e-icon-list-icon-margin: 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;
|
||||
}
|
||||
|
||||
.testimonials-clients .icon-list-icon i {
|
||||
width: 1.25em;
|
||||
font-size: var(--e-icon-list-icon-size);
|
||||
}
|
||||
|
||||
.testimonials-clients .icon-list-item>.elementor-icon-list-text,
|
||||
.testimonials-clients .icon-list-item>a {
|
||||
font-family: var(--lqd-text-font-family), Sans-serif;
|
||||
font-weight: var(--lqd-text-font-weight);
|
||||
}
|
||||
|
||||
.testimonials-clients .icon-list-text {
|
||||
padding-left: 3px;
|
||||
}
|
||||
|
||||
.testimonials .carousel-dots-mobile .flickity-page-dots .dot {
|
||||
background-color: #9B9B9B;
|
||||
}
|
||||
|
||||
.testimonials .carousel-dots-mobile .flickity-page-dots .dot.is-selected {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.testimonials {
|
||||
padding: 60px 14px;
|
||||
}
|
||||
|
||||
.testimonials .background-overlay {
|
||||
background-size: 240vw auto;
|
||||
}
|
||||
|
||||
.testimonials .lqd-shape svg {
|
||||
width: calc(300% + 1.3px);
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
.testimonials .carousel-item {
|
||||
width: calc(100% / 2);
|
||||
padding-inline-start: 15px;
|
||||
padding-inline-end: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.testimonials {
|
||||
padding: 40px 6px 60px 6px;
|
||||
}
|
||||
|
||||
.testimonials .background-overlay {
|
||||
background-position: -130px 570px;
|
||||
background-size: 1000px auto;
|
||||
}
|
||||
|
||||
.testimonials .lqd-shape svg {
|
||||
width: calc(300% + 1.3px);
|
||||
height: 6px;
|
||||
}
|
||||
|
||||
.testimonials .module-carousels {
|
||||
padding: 0 10px 0 10px;
|
||||
}
|
||||
|
||||
.testimonials .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.testimonials .carousel-item {
|
||||
width: calc(100% / 1);
|
||||
padding-inline-start: 30px;
|
||||
padding-inline-end: 30px;
|
||||
}
|
||||
|
||||
.testimonials .lqd-imggrp-img-container {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Blog ***** */
|
||||
.blog .btn-label:hover {
|
||||
background-color: var(--lqd-color-blue-100);
|
||||
color: var(--lqd-color-blue-500);
|
||||
}
|
||||
|
||||
.blog .lqd-lp .lqd-lp-img .lqd-overlay {
|
||||
background-color: #430080C7;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.blog {
|
||||
padding: 60px 14px 0 14px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.blog {
|
||||
padding: 60px 6px 0 6px;
|
||||
}
|
||||
|
||||
.blog .module-blog {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.blog .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** How It Work ***** */
|
||||
.how-it-work .bg-size {
|
||||
background-size: 64% auto;
|
||||
}
|
||||
|
||||
.how-it-work .accordion-title a {
|
||||
font-family: var(--lqd-h1-font-family);
|
||||
color: #45485F;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.how-it-work {
|
||||
padding: 60px 14px 0 14px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.how-it-work {
|
||||
padding: 60px 6px 0 6px;
|
||||
}
|
||||
|
||||
.how-it-work .module-title {
|
||||
background-position: top center;
|
||||
padding: 0 6px 60px 6px;
|
||||
}
|
||||
|
||||
.how-it-work .ld-fancy-heading h2 {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Social Media ***** */
|
||||
@media (max-width: 767px) {
|
||||
.social-media {
|
||||
padding: 30px 0 60px 0;
|
||||
}
|
||||
|
||||
.social-media .iconbox-icon-container {
|
||||
font-size: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ***** Contact ***** */
|
||||
.contact .btn-solid {
|
||||
--icon-font-size: 1.2em;
|
||||
background-color: #083467;
|
||||
}
|
||||
|
||||
.contact .module-lines {
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.contact {
|
||||
padding: 60px 14px 20px 14px;
|
||||
}
|
||||
|
||||
.contact .ld-fancy-heading {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.contact .ld-fancy-heading h2 {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.contact .btn-solid {
|
||||
--icon-ms: 10px;
|
||||
--btn-pt: 10px;
|
||||
--btn-pe: 20px;
|
||||
--btn-pb: 10px;
|
||||
--btn-ps: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.contact {
|
||||
padding: 0 6px 40px 6px;
|
||||
}
|
||||
|
||||
.contact .ld-fancy-heading h2 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.contact .module-section {
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.contact .ld-fancy-heading {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
1
resources/views/client/raffles/template/assets/css/theme.min.css
vendored
Normal file
1
resources/views/client/raffles/template/assets/css/theme.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
resources/views/client/raffles/template/assets/css/utility.min.css
vendored
Normal file
1
resources/views/client/raffles/template/assets/css/utility.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user