/* Header Section Styles */
.header-section {
position: sticky;
top: 0;
left: 0;
padding: 25px 0;
display: flex;
align-items: center;
background-color: transparent;
z-index: 1000;
transition: all 0.3s ease;
}
.header-section.scrolled{
background-color: #EBEAF5;
padding: 10px 0;
/*background-image:
radial-gradient(circle at 20% 25%, rgba(198, 164, 255, 0.1) 0%, rgba(198, 164, 255, 0) 30%),
radial-gradient(circle at 80% 80%, rgba(106, 220, 255, 0.1) 0%, rgba(106, 220, 255, 0) 30%);*/
}
.header-logo {
width: auto;
height: 40px;
}
.header-section-logo{
width: 185px;
}
.header-section-menu{
width: calc(100% - 185px - 390px);
}
.header-section-buttons{
width: 390px;
}
/* Navigation styles */
.main-nav .nav-link {
color: #343438;
font-weight: 500;
transition: all 0.3s ease;
font-family: 'Inter', sans-serif;
padding: 5px 20px;
margin: 0 5px;
margin-bottom: 3px;
}
.main-nav .nav-link:hover {
color: rgba(52, 52, 56, 0.8);
}
.main-nav .nav-item:hover a.nav-link{
background: rgba(255, 255, 255, 0.7);
}
.main-nav .nav-item a.nav-link{
border-radius: 15px;
}
/* Dropdown menu styles */
.features-dropdown {
padding: 30px 10px;
border-radius: 12px;
border: none;
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);
width: 610px;
left: 0%;
inset: auto !important;
/*left: 50%;*/
animation: fadeInFeat 0.3s ease;
}
/* Solutions dropdown styles */
.solutions-dropdown {
min-width: 280px;
border: none;
padding: 1rem;
border-radius: 8px;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
animation: fadeIn 0.3s ease;
}
@media (min-width: 992px) {
.solutions-dropdown {
width: 340px;
}
}
.solutions-dropdown .dropdown-item {
display: flex;
align-items: start;
padding: 0.75rem;
border-radius: 8px;
margin-bottom: 0.5rem;
}
.solutions-dropdown .dropdown-item:hover {
background-color: rgba(129, 81, 206, 0.05);
}
.solutions-dropdown .dropdown-icon {
margin-right: 1rem;
flex-shrink: 0;
}
.solutions-dropdown .dropdown-content h5 {
font-size: 1rem;
font-weight: 600;
margin-bottom: 0.25rem;
}
.solutions-dropdown .dropdown-content p {
font-size: 0.875rem;
color: #6c757d;
margin-bottom: 0;
}
@keyframes fadeIn {
/*from { opacity: 0; transform: translateX(-50%) translateY(-10px); }
to { opacity: 1; transform: translateX(-50%) translateY(0); }*/
from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInFeat {
from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); }
}
.dropdown-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.solutions-dropdown .dropdown-grid{
grid-template-columns: 1fr;
}
.dropdown-item {
display: flex;
padding: 15px;
border-radius: 10px;
transition: all 0.3s ease;
white-space: normal;
margin: 0;
}
.dropdown-item:hover {
background-color: rgba(129, 81, 206, 0.05);
text-decoration: none;
}
.dropdown-item:hover h5{
color: rgba(129, 81, 206, 1);
}
.dropdown-item:active, .dropdown-item:focus {
background-color: rgba(129, 81, 206, 0.05);
color: inherit;
}
.dropdown-icon {
flex: 0 0 34px;
margin-right: 15px;
}
.dropdown-icon img {
width: 34px;
height: auto;
}
.dropdown-content {
flex: 1;
}
.dropdown-content h5 {
font-weight: 600;
margin-bottom: 5px;
font-size: 16px;
color: #343438;
font-family: 'Inter', sans-serif;
}
.dropdown-content p {
font-size: 14px;
color: #666;
margin-bottom: 0;
font-family: 'Inter', sans-serif;
line-height: 1.4;
}
/* Mobile dropdown styles */
.mobile-feature-item {
padding: 15px 0;
}
.mobile-feature-item h6 {
font-weight: 600;
font-size: 15px;
color: #343438;
font-family: 'Inter', sans-serif;
}
.mobile-feature-item p {
font-size: 13px;
color: #666;
font-family: 'Inter', sans-serif;
}
.mobile-dropdown-icon img {
width: 34px;
height: auto;
}
/* Phone link styles */
.phone-link {
color: #343438;
font-weight: 500;
font-size: 1rem;
text-decoration: none;
display: flex;
align-items: center;
transition: all 0.3s ease;
}
.phone-link:hover {
color: rgba(52, 52, 56, 0.8);
}
.phone-link i {
font-size: 1.1rem;
}
.phone-link-mobile {
color: #333;
font-weight: 500;
}
.requestaccess::after{
content: url('data:image/svg+xml,');
display: inline-block;
width: 14px;
height: 14px;
margin: 0 0 0 8px;
}
/* Button styles */
.btn {
font-weight: 600;
transition: all 0.3s ease;
padding: 0.5rem 1.5rem;
font-family: 'Inter', sans-serif;
}
.btn-primary {
background-color: #ff7e00; /* Orange button */
border-color: #ff7e00;
}
.btn-primary:hover,
.btn-primary:active{
background-color: #e67200;
border-color: #e67200;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
:not(.btn-check)+.btn:active{
background-color: unset;
border-color: unset;
transform: unset;
box-shadow: unset;
}
.btn-primary.requestaccess{
background-color: unset;
color: #343438;
font-weight: 600;
font-size: 16px;
border-radius: 8px;
border: 1.5px solid #343438;
font-family: 'Inter', sans-serif;
padding: 10px;
}
.loginGetBtn{
display: flex;
padding: 3px;
border: 1px #343438 solid;
border-radius: 8px;
justify-content: space-between;
max-width: 210px;
}
.toploginlink{
color: #343438;
padding: 5px;
font-size: 16px;
line-height: 16px;
margin-right: 5px;
text-decoration: none;
font-weight: 500;
}
.toprequestaccess{
color: #FFF;
padding: 5px 10px;
font-size: 14px;
line-height: 16px;
text-decoration: none;
background: #343438;
border-radius: 4px;
font-weight: 500;
}
.toprequestaccess::after {
content: "";
background-image: url('data:image/svg+xml,');
display: inline-block;
width: 12px;
height: 10px;
margin-left: 5px;
}
/* Mobile menu button */
.navbar-toggler {
border: none;
background: transparent;
padding: 0.25rem;
color: #ffffff;
}
.navbar-toggler:focus {
box-shadow: none;
}
.navbar-toggler i {
color: #343438;
}
/* Offcanvas mobile menu */
.offcanvas {
max-width: 100%;
}
.offcanvas-header {
background-color: #fffbf7;
border-bottom: 1px solid #eee;
justify-content: end;
}
.offcanvas-body .nav-link {
color: #333;
font-size: 1.1rem;
padding: 0.75rem 0;
border-bottom: 1px solid #eee;
font-family: 'Inter', sans-serif;
}
#mobile-menu-container .nav-link {
color: #333;
}
.offcanvas-body .navbar-nav:first-child .nav-item:last-child .nav-link {
border-bottom: none;
}
/* Responsive adjustments */
@media (max-width: 1199.98px) {
.features-dropdown {
width: 800px;
}
.header-section-buttons{
width: 460px
}
}
@media (max-width: 991.98px) {
.header-logo {
height: 35px;
}
.features-dropdown {
width: 700px;
}
}
@media (max-width: 767.98px) {
.header-logo {
height: 30px;
}
.loginGetBtn{
display: none;
}
#mobileMenu .loginGetBtn{
display: flex;
}
/* On mobile, dropdown is handled by the offcanvas menu */
.features-dropdown {
position: static;
width: 100%;
transform: none;
box-shadow: none;
border: none;
padding: 0;
}
.dropdown-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 575.98px) {
.header-section {
padding: 15px 0;
}
.header-logo {
height: 25px;
}
.phone-link i {
font-size: 1.2rem;
}
.mobile-feature-item {
padding: 10px 0;
}
.header-section-logo{
width: auto;
}
.header-section-buttons{
width: auto;
}
}
/* Fix for dropdown showing on hover */
.dropdown:hover .dropdown-menu {
display: block;
}
/* Dropdown caret styling */
.dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
}
/* Feature Solar Quotes Section */
.feature-solar-quotes {
padding: 106px 0 55px;
margin-top: -106px;
background-color: #EBEAF5;
/*background-image:
radial-gradient(circle at 20% 25%, rgba(198, 164, 255, 0.1) 0%, rgba(198, 164, 255, 0) 30%),
radial-gradient(circle at 80% 80%, rgba(106, 220, 255, 0.1) 0%, rgba(106, 220, 255, 0) 30%);*/
position: relative;
overflow: hidden;
}
.feature-solar-quotes::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
max-width: 1500px;
max-height: 711px;
background: url(../images/grid-bg-hero.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
top: 0;
left: 50%;
transform: translate(-50%, 0);
z-index: 0;
}
.feature-solar-quotes .container{
position: relative;
z-index: 1;
}
.feature-badge {
font-family: 'Inter', sans-serif;
color: #6D40B5;
font-size: 15.62px;
font-style: normal;
font-weight: 800;
line-height: 120%;
letter-spacing: 0.469px;
text-transform: uppercase;
}
.feature-title {
font-family: "acumin-pro",sans-serif;
font-weight: 800;
font-size: 45px;
line-height: 1.2;
color: #2B1854;
}
.feature-description {
font-family: 'Inter', sans-serif;
font-size: 20.729px;
font-style: normal;
font-weight: 400;
line-height: 150%;
letter-spacing: 0.622px;
}
.btn-demo {
border-radius: 3px;
background: #FE581E;
box-shadow: 0px 10px 40px 0px rgba(168, 128, 219, 0.40);
font-size: 14px;
color: #fff;
border: 1px #FE581E solid;
}
.btn-demo::after {
content: "";
background-image: url('data:image/svg+xml,');
display: inline-block;
width: 14px;
height: 12px;
margin-left: 10px;
}
.btn-demo:hover {
background: #FE581E;
border: 1px #FE581E solid;
transform: translateY(-2px);
box-shadow: 0px 10px 40px 0px rgba(168, 128, 219, 0.40);
}
.btn-learn{
border-radius: 3px;
background: #fffbf7;
box-shadow: 0px 10px 40px 0px rgba(168, 128, 219, 0.40);
font-size: 14px;
color: #FE581E;
border: 1px #FE581E solid;
}
.btn-learn:hover {
background: #fffbf7;
border: 1px #FE581E solid;
transform: translateY(-2px);
box-shadow: 0px 10px 40px 0px rgba(168, 128, 219, 0.40);
color: #FE581E;
}
/* Feature imagery styling */
.feature-image-container {
display: flex;
justify-content: center;
align-items: center;
position: relative;
height: 100%;
}
.main-device-wrapper {
width: 100%;
height: 460px;
position: relative;
z-index: 1;
}
.main-device-image {
width: 100%;
max-width: 100%;
border-radius: 12px;
}
.secondary-image {
position: absolute;
z-index: 2;
border-radius: 12px;
}
.tertiary-image {
position: absolute;
z-index: 2;
border-radius: 12px;
}
.solar-quote {
width: 400px;
top: 15%;
right: -7%;
}
.solar-calculator {
width: 400px;
bottom: -28%;
left: -5%;
}
.mainbody{
position: relative;
}
.trusted-partners::before{
content: '';
position: absolute;
width: 100%;
height: 100%;
max-width: 1500px;
max-height: 711px;
background: url(../images/grid-bg-hero.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
top: 0;
left: 50%;
transform: translate(-50%, 0);
z-index: 0;
}
.trusted-partners .container{
position: relative;
z-index: 1;
}
/* Responsive adjustments */
@media (max-width: 991.98px) {
.feature-title {
font-size: 36px;
}
.feature-description {
font-size: 16px;
max-width: 100%;
}
.floating-code-block {
width: 45%;
right: -2%;
}
.feature-solar-quotes{
padding-top: 126px;
}
}
@media (max-width: 767.98px) {
.feature-title {
font-size: 32px;
}
.feature-solar-quotes{
padding-bottom: 0px;
}
.solar-quote {
width: 65%;
top: 12%;
right: -7%;
}
.main-device-wrapper{
overflow: hidden;
}
.solar-calculator {
width: 60%;
bottom: -12%;
left: -2%;
}
}
@media (max-width: 575.98px) {
.feature-title {
font-size: 28px;
}
.feature-content {
/*text-align: center;*/
}
.feature-description {
margin-left: auto;
margin-right: auto;
}
.floating-code-block {
right: 0;
bottom: 10%;
width: 50%;
}
.main-device-wrapper {
height: 400px;
}
.solar-calculator{
width: 80%;
}
}
@media (max-width: 390px) {
.main-device-wrapper{
height: 360px;
}
}
@media (max-width: 380px) {
.main-device-wrapper{
height: 340px;
}
}
@media (max-width: 370px) {
.main-device-wrapper{
height: 320px;
}
}
/* Custom CSS for transition behavior */
[transition*="fade-in"] {
transition: 0.75s transform, 0.75s opacity;
}
[transition*="fade-in"].active,
.ready [transition*="fade-in"].on-ready,
[transition*="fade-in"][transition*="active"],
.ready [transition*="fade-in"][transition*="on-ready"] {
opacity: 1;
transform: none;
}
[transition*="fade-in-up"] {
opacity: 0;
transform: translateY(40px);
}
[transition*="fade-in-down"] {
opacity: 0;
transform: translateY(-40px);
}
[transition*="fade-in-off-right"] {
opacity: 0;
transform: translateX(100vw);
}
[transition*="fade-in-off-left"] {
opacity: 0;
transform: translateX(-100vw);
}
[transition*="fade-in-down-full"] {
opacity: 0;
transform: translateY(-100%);
}
[transition*="fade-in-off-right-small"] {
opacity: 0;
transform: translateX(40px);
}
[transition*="fade-in-off-left-small"] {
opacity: 0;
transform: translateX(-40px);
}
[transition="fade-in"] {
opacity: 0;
}
[transition*="delay-0-0"] {
transition-delay: 0.0s;
}
[transition*="delay-0-1"] {
transition-delay: 0.1s;
}
[transition*="delay-0-2"] {
transition-delay: 0.2s;
}
[transition*="delay-0-3"] {
transition-delay: 0.3s;
}
[transition*="delay-0-4"] {
transition-delay: 0.4s;
}
[transition*="delay-0-5"] {
transition-delay: 0.5s;
}
[transition*="delay-0-6"] {
transition-delay: 0.6s;
}
[transition*="delay-0-7"] {
transition-delay: 0.7s;
}
[transition*="delay-0-8"] {
transition-delay: 0.8s;
}
[transition*="delay-0-9"] {
transition-delay: 0.9s;
}
[transition*="delay-1-0"] {
transition-delay: 1.0s;
}
[transition*="delay-1-1"] {
transition-delay: 1.1s;
}
[transition*="delay-1-2"] {
transition-delay: 1.2s;
}
[transition*="delay-1-3"] {
transition-delay: 1.3s;
}
[transition*="delay-1-4"] {
transition-delay: 1.4s;
}
[transition*="delay-1-5"] {
transition-delay: 1.5s;
}
[transition*="delay-1-6"] {
transition-delay: 1.6s;
}
[transition*="delay-1-7"] {
transition-delay: 1.7s;
}
[transition*="delay-1-8"] {
transition-delay: 1.8s;
}
[transition*="delay-1-9"] {
transition-delay: 1.9s;
}
[transition*="delay-2-0"] {
transition-delay: 2.0s;
}
[transition*="delay-2-1"] {
transition-delay: 2.1s;
}
[transition*="delay-2-2"] {
transition-delay: 2.2s;
}
[transition*="delay-2-3"] {
transition-delay: 2.3s;
}
[transition*="delay-2-4"] {
transition-delay: 2.4s;
}
[transition*="delay-2-5"] {
transition-delay: 2.5s;
}
[transition*="delay-2-6"] {
transition-delay: 2.6s;
}
[transition*="delay-2-7"] {
transition-delay: 2.7s;
}
[transition*="delay-2-8"] {
transition-delay: 2.8s;
}
[transition*="delay-2-9"] {
transition-delay: 2.9s;
}
[transition*="delay-3-0"] {
transition-delay: 3.0s;
}
[transition*="delay-3-1"] {
transition-delay: 3.1s;
}
[transition*="delay-3-2"] {
transition-delay: 3.2s;
}
[transition*="delay-3-3"] {
transition-delay: 3.3s;
}
[transition*="delay-3-4"] {
transition-delay: 3.4s;
}
[transition*="delay-3-5"] {
transition-delay: 3.5s;
}
[transition*="delay-3-6"] {
transition-delay: 3.6s;
}
[transition*="delay-3-7"] {
transition-delay: 3.7s;
}
[transition*="delay-3-8"] {
transition-delay: 3.8s;
}
[transition*="delay-3-9"] {
transition-delay: 3.9s;
}
[transition*="delay-4-0"] {
transition-delay: 4.0s;
}
[transition*="delay-4-1"] {
transition-delay: 4.1s;
}
[transition*="delay-4-2"] {
transition-delay: 4.2s;
}
[transition*="delay-4-3"] {
transition-delay: 4.3s;
}
[transition*="delay-4-4"] {
transition-delay: 4.4s;
}
[transition*="delay-4-5"] {
transition-delay: 4.5s;
}
[transition*="delay-4-6"] {
transition-delay: 4.6s;
}
[transition*="delay-4-7"] {
transition-delay: 4.7s;
}
[transition*="delay-4-8"] {
transition-delay: 4.8s;
}
[transition*="delay-4-9"] {
transition-delay: 4.9s;
}
[transition*="delay-5-0"] {
transition-delay: 5.0s;
}
[transition*="delay-5-1"] {
transition-delay: 5.1s;
}
[transition*="delay-5-2"] {
transition-delay: 5.2s;
}
[transition*="delay-5-3"] {
transition-delay: 5.3s;
}
[transition*="delay-5-4"] {
transition-delay: 5.4s;
}
[transition*="delay-5-5"] {
transition-delay: 5.5s;
}
[transition*="delay-5-6"] {
transition-delay: 5.6s;
}
[transition*="delay-5-7"] {
transition-delay: 5.7s;
}
[transition*="delay-5-8"] {
transition-delay: 5.8s;
}
[transition*="delay-5-9"] {
transition-delay: 5.9s;
}
[transition*="delay-6-0"] {
transition-delay: 6.0s;
}
[transition*="delay-6-1"] {
transition-delay: 6.1s;
}
[transition*="delay-6-2"] {
transition-delay: 6.2s;
}
[transition*="delay-6-3"] {
transition-delay: 6.3s;
}
[transition*="delay-6-4"] {
transition-delay: 6.4s;
}
[transition*="delay-6-5"] {
transition-delay: 6.5s;
}
[transition*="delay-6-6"] {
transition-delay: 6.6s;
}
[transition*="delay-6-7"] {
transition-delay: 6.7s;
}
[transition*="delay-6-8"] {
transition-delay: 6.8s;
}
[transition*="delay-6-9"] {
transition-delay: 6.9s;
}
[transition*="delay-7-0"] {
transition-delay: 7.0s;
}
[transition*="delay-7-1"] {
transition-delay: 7.1s;
}
[transition*="delay-7-2"] {
transition-delay: 7.2s;
}
[transition*="delay-7-3"] {
transition-delay: 7.3s;
}
[transition*="delay-7-4"] {
transition-delay: 7.4s;
}
[transition*="delay-7-5"] {
transition-delay: 7.5s;
}
[transition*="delay-7-6"] {
transition-delay: 7.6s;
}
[transition*="delay-7-7"] {
transition-delay: 7.7s;
}
[transition*="delay-7-8"] {
transition-delay: 7.8s;
}
[transition*="delay-7-9"] {
transition-delay: 7.9s;
}
[transition*="delay-8-0"] {
transition-delay: 8.0s;
}
[transition*="delay-8-1"] {
transition-delay: 8.1s;
}
[transition*="delay-8-2"] {
transition-delay: 8.2s;
}
[transition*="delay-8-3"] {
transition-delay: 8.3s;
}
[transition*="delay-8-4"] {
transition-delay: 8.4s;
}
[transition*="delay-8-5"] {
transition-delay: 8.5s;
}
[transition*="delay-8-6"] {
transition-delay: 8.6s;
}
[transition*="delay-8-7"] {
transition-delay: 8.7s;
}
[transition*="delay-8-8"] {
transition-delay: 8.8s;
}
[transition*="delay-8-9"] {
transition-delay: 8.9s;
}
[transition*="delay-9-0"] {
transition-delay: 9.0s;
}
[transition*="delay-9-1"] {
transition-delay: 9.1s;
}
[transition*="delay-9-2"] {
transition-delay: 9.2s;
}
[transition*="delay-9-3"] {
transition-delay: 9.3s;
}
[transition*="delay-9-4"] {
transition-delay: 9.4s;
}
[transition*="delay-9-5"] {
transition-delay: 9.5s;
}
[transition*="delay-9-6"] {
transition-delay: 9.6s;
}
[transition*="delay-9-7"] {
transition-delay: 9.7s;
}
[transition*="delay-9-8"] {
transition-delay: 9.8s;
}
[transition*="delay-9-9"] {
transition-delay: 9.9s;
}
[transition*="delay-10-0"] {
transition-delay: 10.0s;
}
[transition*="delay-10-1"] {
transition-delay: 10.1s;
}
[transition*="delay-10-2"] {
transition-delay: 10.2s;
}
[transition*="delay-10-3"] {
transition-delay: 10.3s;
}
[transition*="delay-10-4"] {
transition-delay: 10.4s;
}
[transition*="delay-10-5"] {
transition-delay: 10.5s;
}
[transition*="delay-10-6"] {
transition-delay: 10.6s;
}
[transition*="delay-10-7"] {
transition-delay: 10.7s;
}
[transition*="delay-10-8"] {
transition-delay: 10.8s;
}
[transition*="delay-10-9"] {
transition-delay: 10.9s;
}
.transition-is-off [transition] {
transition-duration: 0s !important;
transition-delay: 0s !important;
transition: none;
}
@-moz-keyframes Shimmer {
0% {
background-position: -300px 0;
}
100% {
background-position: 300px 0;
}
}
@-webkit-keyframes Shimmer {
0% {
background-position: -300px 0;
}
100% {
background-position: 300px 0;
}
}
@-o-keyframes Shimmer {
0% {
background-position: -300px 0;
}
100% {
background-position: 300px 0;
}
}
@keyframes Shimmer {
0% {
background-position: -300px 0;
}
100% {
background-position: 300px 0;
}
}
/* Trusted Partners Section */
.trusted-partners {
padding: 60px 0;
background-color: #fffbf7;
}
.trusted-title {
font-family: 'Inter', sans-serif;
color: #37304B;
font-size: 14.234px;
font-style: normal;
font-weight: 600;
line-height: 132%; /* 18.789px */
letter-spacing: 0.071px;
text-align: center;
}
.trusted-title span{
opacity: 0.4;
}
.logo-slider {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
.logo-item {
height: 80px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 25px;
text-align: center;
}
.logo-item img {
max-height: 60px;
max-width: 160px;
transition: all 0.3s ease;
}
.logo-item:hover img {
filter: grayscale(0%);
opacity: 1;
}
/* Splide slider custom styles */
.splide {
margin: 0 auto;
}
.splide__slide {
display: flex;
align-items: center;
justify-content: center;
}
.splide__pagination {
bottom: -25px;
}
.splide__pagination__page {
width: 8px;
height: 8px;
background: #d1d1d1;
margin: 0 5px;
}
.splide__pagination__page.is-active {
background: #343438;
transform: scale(1.2);
}
.splide__arrow {
background: rgba(248, 249, 250, 0.7);
width: 32px;
height: 32px;
}
.splide__arrow svg {
width: 12px;
height: 12px;
fill: #343438;
}
/* Desktop slider specific styles */
#desktop-logo-splide {
max-width: 1200px;
padding: 0 15px;
}
#desktop-logo-splide .logo-item img {
transition: all 0.3s ease;
opacity: 0.4;
}
#desktop-logo-splide .splide__slide:hover .logo-item img {
opacity: 1;
}
@media (max-width: 991.98px) {
.logo-item {
height: 70px;
padding: 0 15px;
}
.logo-item img {
max-height: 50px;
max-width: 140px;
}
.trusted-partners {
padding: 30px 0 20px;
}
}
@media (max-width: 767.98px) {
.logo-item {
height: 60px;
padding: 0 10px;
}
.logo-item img {
max-height: 45px;
max-width: 120px;
/* Always show in color on mobile since they're in individual slides */
filter: grayscale(0%);
opacity: 1;
}
}
@media (max-width: 575.98px) {
.logo-item {
height: 50px;
}
.logo-item img {
max-height: 40px;
max-width: 100px;
}
.splide {
max-width: 300px;
}
}
/* Embed Code Section Styles */
.embed-code-section {
position: relative;
padding: 100px 0;
overflow: hidden;
background-color: #fffbf7;
}
.embed-code-badge {
display: inline-block;
background-color: rgba(255, 126, 0, 0.1);
color: #ff7e00;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
padding: 0.5rem 1rem;
border-radius: 2rem;
font-family: 'Inter', sans-serif;
}
.embed-title {
color: #523285;
font-family: 'Inter', sans-serif;
font-size: 47px;
font-style: normal;
font-weight: 400;
line-height: 120%;
}
.embed-description {
color: #151515;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%;
font-family: 'Inter', sans-serif;
margin-bottom: 2rem;
max-width: 90%;
}
.embed-image-container {
width: 100%;
height: 100%;
min-height: 400px;
}
.floating-img {
position: absolute;
transition: transform 0.3s ease;
}
.floating-img img {
border-radius: 12px;
max-width: 100%;
height: auto;
}
.floating-img.img-1 {
width: 100%;
top: 0;
left: 0;
z-index: 1;
position: relative;
}
.floating-img.img-2 {
width: 100%;
top: 0;
right: 0;
z-index: 2;
}
.floating-img.img-3 {
width: 100%;
bottom: -5%;
left: 10%;
z-index: 3;
}
.floating-img.img-4 {
width: 40%;
bottom: 19%;
left: 2%;
z-index: 4;
}
.floating-img.img-5 {
width: 15%;
bottom: 10%;
right: 0%;
z-index: 5;
}
/* Responsive styles for Embed Code Section */
@media (max-width: 991.98px) {
.embed-code-section {
padding: 80px 0;
}
.embed-title {
font-size: 2.5rem;
text-align: center;
}
.embed-description {
font-size: 1.1rem;
}
}
@media (max-width: 767.98px) {
.embed-code-section {
padding: 60px 0;
}
.embed-title {
font-size: 2rem;
}
.embed-imagery {
margin-top: 3rem;
}
.embed-image-container {
min-height: auto;
}
}
@media (max-width: 575.98px) {
.embed-title {
font-size: 1.75rem;
}
.embed-content {
/*text-align: center;*/
}
.embed-description {
font-size: 1rem;
max-width: 100%;
}
.code-snippet {
padding: 1rem;
}
.code-snippet code {
font-size: 0.9rem;
}
/*.embed-image-container {
min-height: 400px;
}*/
}
/*@media (max-width: 440px) {
.embed-image-container {
min-height: 350px;
}
}
@media (max-width: 380px) {
.embed-image-container {
min-height: 300px;
}
}
@media (max-width: 330px) {
.embed-image-container {
min-height: 250px;
}
}*/
/* AI Powered Solar Design Section */
.ai-powered-section {
position: relative;
padding: 120px 0;
background-color: #fffbf7;
overflow: visible;
}
/*.ai-powered-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image:
radial-gradient(circle at 20% 25%, rgba(198, 164, 255, 0.15) 0%, rgba(198, 164, 255, 0) 40%),
radial-gradient(circle at 80% 80%, rgba(106, 220, 255, 0.15) 0%, rgba(106, 220, 255, 0) 40%);
z-index: 0;
}*/
.ai-powered-section .container {
position: relative;
z-index: 1;
}
.pretitle-icon-wrapper {
display: inline-block;
margin-bottom: 25px;
}
.ai-title {
color: #523285;
font-family: 'Inter', sans-serif;
font-size: 47px;
font-style: normal;
font-weight: 400;
line-height: 120%;
}
.ai-description {
color: #151515;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%;
font-family: 'Inter', sans-serif;
margin-bottom: 2rem;
max-width: 90%;
}
.ai-image-container {
position: relative;
width: 100%;
height: 100%;
min-height: 500px;
}
.ai-image-container .floating-img {
position: absolute;
}
.ai-image-container .floating-img img {
width: 100%;
height: auto;
border-radius: 8px;
}
.ai-image-container .img-1 {
width: 70%;
left: 10%;
top: 0;
z-index: 1;
}
.ai-image-container .img-2 {
width: 90%;
left: 10%;
top: 5%;
z-index: 2;
}
.ai-image-container .img-3 {
width: 100%;
left: -22.5%;
top: 45%;
z-index: 3;
}
.btn-demo-ai {
background-color: #ff7e00;
border-color: #ff7e00;
color: #fff;
font-weight: 600;
padding: 0.6rem 1.8rem;
border-radius: 50px;
font-family: 'Inter', sans-serif;
display: inline-flex;
align-items: center;
transition: all 0.3s ease;
}
.btn-demo-ai::after {
content: "";
display: inline-block;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19M19 12L12 5M19 12L12 19' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
margin-left: 8px;
transition: transform 0.3s ease;
}
.btn-demo-ai:hover {
background-color: #e67200;
border-color: #e67200;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.btn-demo-ai:hover::after {
transform: translateX(4px);
}
@media (max-width: 1399.98px) {
.ai-image-container .img-3{
top: 40%;
}
}
@media (max-width: 1199.98px) {
.ai-image-container .img-3{
top: 35%;
}
}
@media (max-width: 991.98px) {
.ai-title {
font-size: 2.5rem;
text-align: center;
}
.ai-description {
font-size: 1.1rem;
}
.ai-powered-section {
padding: 80px 0;
padding-top: 0px;
}
.ai-image-container {
margin-top: 0px;
min-height: 645px;
}
.content-wrapper{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.content-wrapper-im{
width: 85px;
}
.content-wrapper-descr{
width: calc(100% - 95px);
}
.content-wrapper-descr p{
margin-bottom: 0;
}
}
@media (max-width: 767.98px) {
.ai-title {
font-size: 2rem;
}
.ai-powered-section {
padding: 60px 0;
padding-top: 0px;
}
.ai-image-container {
min-height: 480px;
}
}
@media (max-width: 575.98px) {
.ai-title {
font-size: 1.75rem;
}
.ai-content {
/*text-align: center;*/
}
.ai-description {
font-size: 1rem;
max-width: 100%;
}
.ai-image-container{
min-height: auto;
}
.ai-image-container .img-1 {
position: relative;
}
}
/* Easy Manage Section Styles */
.easy-manage-section {
padding: 100px 0;
position: relative;
overflow: hidden;
background-color: #fffbf7;
}
.easy-manage-section .container {
position: relative;
z-index: 1;
}
.easy-manage-title {
color: #523285;
font-family: 'Inter', sans-serif;
font-size: 47px;
font-style: normal;
font-weight: 400;
line-height: 120%;
}
.easy-manage-description {
color: #151515;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%;
font-family: 'Inter', sans-serif;
margin-bottom: 2rem;
max-width: 90%;
}
.easy-manage-image-container {
position: relative;
width: 100%;
height: auto;
margin-bottom: 30px;
}
.easy-manage-image-container .floating-img {
position: absolute;
}
.easy-manage-image-container .floating-img img {
max-width: 100%;
height: auto;
}
.easy-manage-image-container .img-1 {
position: relative;
top: 0;
left: 0;
width: 100%;
z-index: 1;
}
.easy-manage-image-container .img-2 {
top: 0%;
left: 0%;
width: 97%;
z-index: 2;
}
.easy-manage-image-container .img-3 {
top: 46%;
left: -1.3%;
width: 100%;
z-index: 3;
}
@media (max-width: 991.98px) {
.easy-manage-title {
font-size: 2.5rem;
text-align: center;
}
.easy-manage-description {
font-size: 1.1rem;
}
.easy-manage-section {
padding: 80px 0;
padding-top: 0px;
}
}
@media (max-width: 767.98px) {
.easy-manage-title {
font-size: 2rem;
}
.easy-manage-section {
padding: 60px 0;
padding-top: 0px;
}
}
@media (max-width: 575.98px) {
.easy-manage-title {
font-size: 1.75rem;
}
.easy-manage-description {
font-size: 16px;
}
}
/* Custom For You Section Styles */
.custom-for-you-section {
padding: 100px 0;
position: relative;
overflow: hidden;
background-color: #fffbf7;
}
.custom-for-you-section .container {
position: relative;
z-index: 1;
}
.custom-for-you-title {
color: #523285;
font-family: 'Inter', sans-serif;
font-size: 47px;
font-style: normal;
font-weight: 400;
line-height: 120%;
}
.custom-for-you-description {
color: #151515;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%;
font-family: 'Inter', sans-serif;
margin-bottom: 2rem;
max-width: 90%;
}
.custom-for-you-image-container {
position: relative;
width: 100%;
height: auto;
margin-bottom: 30px;
}
.custom-for-you-image-container .floating-img {
position: absolute;
}
.custom-for-you-image-container .floating-img img {
max-width: 100%;
height: auto;
}
.custom-for-you-image-container .img-1 {
position: relative;
top: 0;
left: 0;
width: 95%;
z-index: 1;
}
.custom-for-you-image-container .img-2 {
top: 0;
left: 0;
width: 89%;
z-index: 2;
}
.custom-for-you-image-container .img-3 {
bottom: 1%;
right: -2%;
left: unset;
width: 70%;
z-index: 3;
}
@media (max-width: 991.98px) {
.custom-for-you-title {
font-size: 2.5rem;
text-align: center;
}
.custom-for-you-description {
font-size: 1.1rem;
}
.custom-for-you-section {
padding: 80px 0;
padding-top: 0px;
}
}
@media (max-width: 767.98px) {
.custom-for-you-title {
font-size: 2rem;
}
.custom-for-you-section {
padding: 60px 0;
padding-top: 0px;
}
}
@media (max-width: 575.98px) {
.custom-for-you-title {
font-size: 1.75rem;
}
.custom-for-you-description {
font-size: 1rem;
max-width: 100%;
}
}
[transition*="delay-10-9"] {
transition-delay: 10.9s;
}
[transition*="duration-0-0"] {
transition-duration: 0.0s;
}
[transition*="duration-0-1"] {
transition-duration: 0.1s;
}
[transition*="duration-0-2"] {
transition-duration: 0.2s;
}
[transition*="duration-0-3"] {
transition-duration: 0.3s;
}
[transition*="duration-0-4"] {
transition-duration: 0.4s;
}
[transition*="duration-0-5"] {
transition-duration: 0.5s;
}
[transition*="duration-0-6"] {
transition-duration: 0.6s;
}
[transition*="duration-0-7"] {
transition-duration: 0.7s;
}
[transition*="duration-0-8"] {
transition-duration: 0.8s;
}
[transition*="duration-0-9"] {
transition-duration: 0.9s;
}
[transition*="duration-1-0"] {
transition-duration: 1.0s;
}
[transition*="duration-1-1"] {
transition-duration: 1.1s;
}
[transition*="duration-1-2"] {
transition-duration: 1.2s;
}
[transition*="duration-1-3"] {
transition-duration: 1.3s;
}
[transition*="duration-1-4"] {
transition-duration: 1.4s;
}
[transition*="duration-1-5"] {
transition-duration: 1.5s;
}
[transition*="duration-1-6"] {
transition-duration: 1.6s;
}
[transition*="duration-1-7"] {
transition-duration: 1.7s;
}
[transition*="duration-1-8"] {
transition-duration: 1.8s;
}
[transition*="duration-1-9"] {
transition-duration: 1.9s;
}
[transition*="duration-2-0"] {
transition-duration: 2.0s;
}
[transition*="duration-2-1"] {
transition-duration: 2.1s;
}
[transition*="duration-2-2"] {
transition-duration: 2.2s;
}
[transition*="duration-2-3"] {
transition-duration: 2.3s;
}
[transition*="duration-2-4"] {
transition-duration: 2.4s;
}
[transition*="duration-2-5"] {
transition-duration: 2.5s;
}
[transition*="duration-2-6"] {
transition-duration: 2.6s;
}
[transition*="duration-2-7"] {
transition-duration: 2.7s;
}
[transition*="duration-2-8"] {
transition-duration: 2.8s;
}
[transition*="duration-2-9"] {
transition-duration: 2.9s;
}
[transition*="duration-3-0"] {
transition-duration: 3.0s;
}
[transition*="duration-3-1"] {
transition-duration: 3.1s;
}
[transition*="duration-3-2"] {
transition-duration: 3.2s;
}
[transition*="duration-3-3"] {
transition-duration: 3.3s;
}
[transition*="duration-3-4"] {
transition-duration: 3.4s;
}
[transition*="duration-3-5"] {
transition-duration: 3.5s;
}
[transition*="duration-3-6"] {
transition-duration: 3.6s;
}
[transition*="duration-3-7"] {
transition-duration: 3.7s;
}
[transition*="duration-3-8"] {
transition-duration: 3.8s;
}
[transition*="duration-3-9"] {
transition-duration: 3.9s;
}
[transition*="duration-4-0"] {
transition-duration: 4.0s;
}
[transition*="duration-4-1"] {
transition-duration: 4.1s;
}
[transition*="duration-4-2"] {
transition-duration: 4.2s;
}
[transition*="duration-4-3"] {
transition-duration: 4.3s;
}
[transition*="duration-4-4"] {
transition-duration: 4.4s;
}
[transition*="duration-4-5"] {
transition-duration: 4.5s;
}
[transition*="duration-4-6"] {
transition-duration: 4.6s;
}
[transition*="duration-4-7"] {
transition-duration: 4.7s;
}
[transition*="duration-4-8"] {
transition-duration: 4.8s;
}
[transition*="duration-4-9"] {
transition-duration: 4.9s;
}
[transition*="duration-5-0"] {
transition-duration: 5.0s;
}
[transition*="duration-5-1"] {
transition-duration: 5.1s;
}
[transition*="duration-5-2"] {
transition-duration: 5.2s;
}
[transition*="duration-5-3"] {
transition-duration: 5.3s;
}
[transition*="duration-5-4"] {
transition-duration: 5.4s;
}
[transition*="duration-5-5"] {
transition-duration: 5.5s;
}
[transition*="duration-5-6"] {
transition-duration: 5.6s;
}
[transition*="duration-5-7"] {
transition-duration: 5.7s;
}
[transition*="duration-5-8"] {
transition-duration: 5.8s;
}
[transition*="duration-5-9"] {
transition-duration: 5.9s;
}
[transition*="duration-6-0"] {
transition-duration: 6.0s;
}
[transition*="duration-6-1"] {
transition-duration: 6.1s;
}
[transition*="duration-6-2"] {
transition-duration: 6.2s;
}
[transition*="duration-6-3"] {
transition-duration: 6.3s;
}
[transition*="duration-6-4"] {
transition-duration: 6.4s;
}
[transition*="duration-6-5"] {
transition-duration: 6.5s;
}
[transition*="duration-6-6"] {
transition-duration: 6.6s;
}
[transition*="duration-6-7"] {
transition-duration: 6.7s;
}
[transition*="duration-6-8"] {
transition-duration: 6.8s;
}
[transition*="duration-6-9"] {
transition-duration: 6.9s;
}
[transition*="duration-7-0"] {
transition-duration: 7.0s;
}
[transition*="duration-7-1"] {
transition-duration: 7.1s;
}
[transition*="duration-7-2"] {
transition-duration: 7.2s;
}
[transition*="duration-7-3"] {
transition-duration: 7.3s;
}
[transition*="duration-7-4"] {
transition-duration: 7.4s;
}
[transition*="duration-7-5"] {
transition-duration: 7.5s;
}
[transition*="duration-7-6"] {
transition-duration: 7.6s;
}
[transition*="duration-7-7"] {
transition-duration: 7.7s;
}
[transition*="duration-7-8"] {
transition-duration: 7.8s;
}
[transition*="duration-7-9"] {
transition-duration: 7.9s;
}
[transition*="duration-8-0"] {
transition-duration: 8.0s;
}
[transition*="duration-8-1"] {
transition-duration: 8.1s;
}
[transition*="duration-8-2"] {
transition-duration: 8.2s;
}
[transition*="duration-8-3"] {
transition-duration: 8.3s;
}
[transition*="duration-8-4"] {
transition-duration: 8.4s;
}
[transition*="duration-8-5"] {
transition-duration: 8.5s;
}
[transition*="duration-8-6"] {
transition-duration: 8.6s;
}
[transition*="duration-8-7"] {
transition-duration: 8.7s;
}
[transition*="duration-8-8"] {
transition-duration: 8.8s;
}
[transition*="duration-8-9"] {
transition-duration: 8.9s;
}
[transition*="duration-9-0"] {
transition-duration: 9.0s;
}
[transition*="duration-9-1"] {
transition-duration: 9.1s;
}
[transition*="duration-9-2"] {
transition-duration: 9.2s;
}
[transition*="duration-9-3"] {
transition-duration: 9.3s;
}
[transition*="duration-9-4"] {
transition-duration: 9.4s;
}
[transition*="duration-9-5"] {
transition-duration: 9.5s;
}
[transition*="duration-9-6"] {
transition-duration: 9.6s;
}
[transition*="duration-9-7"] {
transition-duration: 9.7s;
}
[transition*="duration-9-8"] {
transition-duration: 9.8s;
}
[transition*="duration-9-9"] {
transition-duration: 9.9s;
}
[transition*="duration-10-0"] {
transition-duration: 10.0s;
}
[transition*="duration-10-1"] {
transition-duration: 10.1s;
}
[transition*="duration-10-2"] {
transition-duration: 10.2s;
}
[transition*="duration-10-3"] {
transition-duration: 10.3s;
}
[transition*="duration-10-4"] {
transition-duration: 10.4s;
}
[transition*="duration-10-5"] {
transition-duration: 10.5s;
}
[transition*="duration-10-6"] {
transition-duration: 10.6s;
}
[transition*="duration-10-7"] {
transition-duration: 10.7s;
}
[transition*="duration-10-8"] {
transition-duration: 10.8s;
}
[transition*="duration-10-9"] {
transition-duration: 10.9s;
}
.transition-is-off [transition] {
transition-duration: 0s !important;
transition-delay: 0s !important;
transition: none;
}
@-moz-keyframes Shimmer {
0% {
background-position: -300px 0;
}
100% {
background-position: 300px 0;
}
}
@-webkit-keyframes Shimmer {
0% {
background-position: -300px 0;
}
100% {
background-position: 300px 0;
}
}
@-o-keyframes Shimmer {
0% {
background-position: -300px 0;
}
100% {
background-position: 300px 0;
}
}
@keyframes Shimmer {
0% {
background-position: -300px 0;
}
100% {
background-position: 300px 0;
}
}
/* More Features Section */
.more-features-section {
padding: 4rem 0;
background-color: #F7F0EA;
position: relative;
overflow: hidden;
}
.more-features-title {
color: #513284;
text-align: center;
font-family: "acumin-pro",sans-serif;
font-size: 43.31px;
font-style: normal;
font-weight: 700;
line-height: 53.308px; /* 123.084% */
letter-spacing: 1.299px;
}
.feature-card {
padding: 2rem 1.5rem;
height: 100%;
transition: all 0.3s ease;
}
.feature-icon {
margin: 0 auto;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.feature-card-title {
color: #343438;
font-family: 'Inter', sans-serif;
font-size: 20px;
font-weight: 600;
line-height: normal;
margin-bottom: 0px;
}
.feature-card-text {
color: #4E4F55;
font-family: 'Inter', sans-serif;
margin-bottom: 0px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 18px;
}
.feature-link {
color: #955FEB;
text-decoration: none;
position: relative;
/*transition: all 0.3s ease;*/
font-family: 'Inter', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 18px;
text-decoration: underline;
}
.feature-link:hover {
color: rgba(149, 95, 235, 0.8);
}
/*.feature-link:after {
content: '';
position: absolute;
width: 100%;
height: 2px;
background-color: #955FEB;
bottom: -4px;
left: 0;
transform: scaleX(0);
transform-origin: bottom right;
transition: transform 0.3s ease;
}
.feature-link:hover:after {
transform: scaleX(1);
transform-origin: bottom left;
}*/
@media (max-width: 991.98px) {
.more-features-section {
padding: 5rem 0;
}
.more-features-title {
font-size: 2.25rem;
}
}
@media (max-width: 767.98px) {
.more-features-section {
padding: 4rem 0;
}
.more-features-title {
font-size: 2rem;
}
}
@media (max-width: 575.98px) {
.more-features-section {
padding: 30px 0;
}
.more-features-title {
font-size: 1.75rem;
}
.feature-card {
padding: 1.5rem 1rem;
}
}
/* Artemis RTS Section */
.artemis_rts{
padding: 100px 0 0;
position: relative;
background: #382359;
overflow: hidden;
}
.artemis_rts::before{
content: "";
position: absolute;
width: 100%;
height: 100%;
background: url(../images/future-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
top: 0;
left: 50%;
transform: translate(-50%, 0);
z-index: 0;
/*opacity: 0.1;*/
}
.artemis_rts .container{
position: relative;
z-index: 1;
}
.artemis_rts h2{
color: #FFF;
font-family: 'Inter', sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.artemis_rts .getprice{
border-radius: 3px;
background: #FE581E;
/*box-shadow: 0px 10px 40px 0px rgba(168, 128, 219, 0.40);*/
box-shadow: unset;
font-size: 14px;
color: #fff;
border: 0;
margin-top: 10px;
}
.artemis_rts .btn.getprice:hover{
background: #FE581E;
/*box-shadow: 0px 10px 40px 0px rgba(168, 128, 219, 0.40);*/
box-shadow: unset;
border: 0;
}
.artemis_rts img{
display: block;
width: 100%;
margin: 0px auto 0;
}
.artemis_rts img.artemis_rts-mob {
display: none;
}
@media (max-width: 991px) {
.artemis_rts img {
display: none;
}
.artemis_rts img.artemis_rts-mob {
display: block;
width: 100%;
margin-bottom: 0px;
margin-top: 60px;
}
.artemis_rts h2{
font-size: 2.25rem;
}
}
@media (max-width: 767.98px) {
.artemis_rts h2{
font-size: 2rem;
}
}
@media (max-width: 575.98px) {
.artemis_rts h2{
font-size: 1.75rem;
}
.artemis_rts {
padding-top: 50px;
padding-bottom: 0px;
}
.artemis_rts img.artemis_rts-mob {
margin-top: 30px;
}
}
/* Artemis Testimonial Section */
.artemis_testim{
padding: 100px 0;
position: relative;
background: #382359;
overflow: hidden;
}
.artemis_testim:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: url(images/artemis-rts-bg.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
top: 0;
left: 50%;
transform: translate(-50%, 0);
z-index: 0;
opacity: 0.1;
}
.artemis_testim .container{
max-width: 930px;
}
.artemis_testim-box{
position: relative;
width: 100%;
border-radius: 4.446px;
background: #FEFBF7;
padding: 20px;
}
.artemis_testim-box::after{
content: '';
width: 0;
height: 0;
border: 0 solid transparent;
border-right-width: 0px;
border-left-width: 136px;
border-bottom: 80px solid #EEE6F8;
z-index: 0;
position: absolute;
right: 0;
bottom: 0;
}
.stars{
display: inline-block;
margin-bottom: 10px;
}
.testimim{
width: 68.5px;
display: block;
position: absolute;
right: 12.69px;
bottom: 11.13px;
z-index: 1;
}
.artemis_testim-box p{
color: #4E4F55;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 22px;
margin-bottom: 13px;
}
.artemis_testim-box p.testim-bigger-text{
font-size: 17px;
}
.artemis_testim-box p.testimtitle{
color: #343438;
font-size: 18.548px;
font-style: normal;
font-weight: 700;
line-height: 13.911px;
margin-bottom: 5px;
}
.artemis_testim-box .artemis_testim-line{
width: 100%;
max-width: 242.053px;
height: 1px;
background: #ACADB7;
display: block;
margin-bottom: 13px;
}
.artemis_testim-box p.tetimname{
color: #343438;
font-size: 13.911px;
font-style: normal;
font-weight: 700;
line-height: 13.911px;
margin-bottom: 0;
}
.artemis_testim-box p.tetimname span{
color: #343438;
font-size: 12.365px;
font-style: normal;
font-weight: 400;
line-height: 17.002px;
}
/* Instant Proposals */
.f2-s0 .feature-image-container{
display: block;
}
.f2-s0 .main-device-wrapper{
height: auto;
}
.f2-s0 .secondary-image{
width: 60%;
bottom: 10%;
left: -2%;
position: absolute;
right: auto;
top: auto;
}
.f2-s0 .third-image{
width: 13%;
bottom: 20%;
position: absolute;
left: 39%;
z-index: 4;
}
.f2-s0 .fourth-image {
position: absolute;
top: 24%;
width: 24%;
left: -2%;
z-index: 5;
}
.embed-code-section.f2-s1{
margin-bottom: 0;
margin-top: 0px;
}
.f2-s1 .embed-image-container{
margin: 15% 0 20%;
}
.f2-s1 .floating-img.img-1, .f2-s1 .floating-img.img-2, .f2-s1 .floating-img.img-3, .f2-s1 .floating-img.img-4, .f2-s1 .floating-img.img-5, .f2-s1 .floating-img.img-6{
width: 100%;
top: 0;
left: 0;
right: auto;
bottom: auto;
height: 100%;
z-index: 1;
}
.f2-s1 .floating-img.img-2{
z-index: 6;
}
.f2-s1 .floating-img.img-3{
z-index: 5;
}
.f2-s1 .floating-img.img-4{
z-index: 4;
}
.f2-s1 .floating-img.img-5{
z-index: 3;
}
.f2-s1 .floating-img.img-6{
z-index: 2;
}
.f2-s1 .f2-s1-5, .f2-s1 .f2-s1-4, .f2-s1 .f2-s1-3, .f2-s1 .f2-s1-2, .f2-s1 .f2-s1-1{
max-width: 80%;
position: absolute;
left: 10%;
top: -10%;
right: auto;
bottom: auto;
}
.f2-s1 .f2-s1-5{
top: -15%;
z-index: 10;
}
.f2-s1 .f2-s1-4{
top: 5%;
z-index: 9;
}
.f2-s1 .f2-s1-3{
top: 25%;
z-index: 8;
}
.f2-s1 .f2-s1-2{
top: 45%;
z-index: 7;
}
.f2-s1 .f2-s1-1{
top: 65%;
z-index: 6;
}
.f2-s2 .ai-image-container .img-2 {
width: 105%;
left: -5%;
top: 6%;
z-index: 2;
position: inherit;
}
.f2-s2 .ai-image-container .img-1 {
width: 25%;
left: 0%;
top: auto;
z-index: 3;
bottom: 6%;
position: absolute;
}
.f2-s3 .easy-manage-image-container .img-2 {
top: -4%;
left: auto;
width: 97%;
z-index: 2;
right: -7%;
}
.f2-s3 .easy-manage-image-container .img-1 {
position: relative;
top: 0;
left: 0;
width: 100%;
z-index: 1;
height: 100%;
padding: 25% 0;
}
.f2-s3 .easy-manage-image-container .img-3 {
bottom: auto;
left: -15%;
width: 50%;
z-index: 3;
top: 15%;
}
.f2-s3 .easy-manage-image-container .img-4{
top: 42%;
left: auto;
width: 97%;
z-index: 2;
right: -7%;
}
.f2-s3 .easy-manage-image-container .img-5{
top: 59%;
left: auto;
width: 97%;
z-index: 2;
right: -7%;
}
.f2-s3 .easy-manage-image-container .img-6{
top: 76%;
left: auto;
width: 97%;
z-index: 2;
right: -7%;
}
.f2-s4 .custom-for-you-image-container .img-1 {
position: relative;
top: 0;
FONT-WEIGHT: 500;
width: 40%;
z-index: 1;
padding-bottom: 25%;
}
.f2-s4 .custom-for-you-image-container .img-3 {
bottom: auto;
right: 0;
left: auto;
width: 100%;
z-index: 1;
top: 20%;
}
.f2-s4 .custom-for-you-image-container .img-2 {
top: 11%;
left: 0;
width: 66%;
z-index: 2;
}
.f3-s0 .feature-image-container{
display: block;
text-align: right;
}
.f3-s0 .main-device-wrapper{
width: 100%;
display: flex;
justify-content: flex-end;
margin-top: 30px;
height: auto;
padding-bottom: 30px;
}
.f3-s0 .main-device-wrapper img{
width: 70%;
display: block;
margin-right: -3%;
}
.f3-s0 .secondary-image{
left: 0;
top: 7%;
width: 57%;
}
.f3-s0 .third-image{
position: absolute;
top: 45%;
left: 7%;
z-index: 1;
width: 44%;
}
.f3-s1 .floating-img.img-2{
width: 56%;
left: -4%;
bottom: 7%;
top: auto;
}
.embed-code-section.f3-s1{
padding-top: 0px;
}
.ai-powered-section.f3-s2{
padding-top: 0px;
padding-bottom: 0px;
}
.f3-s2 .ai-image-container .img-1{
width: 108%;
left: -12%;
top: 0;
z-index: 1;
position: inherit;
}
.f3-s2 .ai-image-container .img-2 {
width: 76%;
left: auto;
top: auto;
z-index: 2;
right: 5%;
bottom: 9%;
}
.f3-s2 .ai-image-container .img-3{
width: 20%;
top: 0;
left: -10%;
}
.f3-s3 .easy-manage-image-container .img-1{
display: flex;
justify-content: flex-end;
}
.f3-s3 .easy-manage-image-container .floating-img img {
width: 70%;
display: flex;
justify-content: flex-end;
}
.f3-s3 .easy-manage-image-container .img-2{
width: 56%;
top: 14%;
left: 4%;
}
.f3-s3 .easy-manage-image-container .img-3{
width: 26%;
top: -5%;
left: 23%;
}
.f3-s4 .custom-for-you-image-container .img-1{
width: 40%;
}
.f3-s4 .custom-for-you-image-container .img-2{
width: 45%;
top: 8%;
left: 9%;
}
.f3-s4 .custom-for-you-image-container .img-3{
width: 53%;
top: 21%;
left: 19%;
}
.f3-s4 .custom-for-you-image-container .img-4{
position: inherit;
width: 100%;
display: flex;
justify-content: flex-end;
}
.f3-s4 .custom-for-you-image-container .img-4 img{
width: 60%;
margin-top: -12%;
margin-right: 12%;
}
.f3-s3.easy-manage-section{
padding-bottom: 0px;
}
.f3-s4.custom-for-you-section{
padding-bottom: 0px;
}
.f3-s5 .easy-manage-image-container .img-1{
display: flex;
justify-content: flex-end;
}
.f3-s5 .easy-manage-image-container .floating-img img {
width: 70%;
display: flex;
justify-content: flex-end;
}
.f3-s5 .easy-manage-image-container .img-2{
width: 56%;
top: 14%;
left: 4%;
}
.f3-s5 .easy-manage-image-container .img-3{
width: 26%;
top: -5%;
left: 23%;
}
.easy-manage-section.f3-s5{
padding-bottom: 20px;
}
.feature-solar-quotes.f4-s0{
padding-bottom: 0px;
}
.f4-s0 .main-device-wrapper{
width: 95%;
margin-right: -20%;
height: auto;
}
.f4-s0 .secondary-image{
left: 5%;
bottom: 5%;
top: auto;
}
.f4-s1 .floating-img.img-1{
display: flex;
justify-content: flex-end;
}
.f4-s1 .floating-img.img-1 img{
width: 75%;
}
.f4-s1 .floating-img.img-2{
width: 40%;
left: -5%;
}
.f4-s2 .ai-image-container .img-1{
width: 90%;
left: -5%;
top: 0;
z-index: 1;
}
.f4-s2 .ai-image-container .img-1{
width: 90%;
left: -5%;
top: 0;
z-index: 1;
}
.f4-s2 .ai-image-container .img-2 {
width: 95%;
left: 0%;
top: 54%;
}
.ai-powered-section.f4-s2{
padding-top: 0px;
}
.f4-s3 .easy-manage-image-container .img-1{
display: flex;
justify-content: flex-end;
}
.f4-s3 .easy-manage-image-container .img-1 img {
width: 50%;
height: auto;
}
.f4-s3 .easy-manage-image-container .img-2{
width: 60%;
top: 0;
left: 4%;
}
.f4-s4 .custom-for-you-image-container .img-1{
width: 71%;
}
.f4-s5 .easy-manage-image-container .floating-img.img-1 img{
padding-right: 7%;
width: 90%;
}
.f4-s5 .easy-manage-image-container .floating-img.img-2{
width: 70%;
bottom: -7%;
top: auto;
left: auto;
right: 0;
}
.easy-manage-section.f4-s5{
padding-top: 0px;
}
.f4-s5 .main-device-wrapper {
height: auto;
}
.f5-s0{
overflow: hidden;
padding-bottom: 0px;
}
.f5-s0 .main-device-wrapper{
height: auto;
}
.f5-s0 .main-device-wrapper img{
display: block;
position: relative;
right: -15%;
height: auto;
width: 100%;
max-width: inherit;
filter: drop-shadow(15px 15px 30px rgba(0, 0, 0, 0.25));
border-radius: 0;
padding-top: 35px;
}
.f5-s0 .feature-imagery img.secondary-image{
bottom: 0;
top: auto;
width: 65%;
left: -10%;
}
.f5-s1 .floating-img.img-1{
display: flex;
justify-content: flex-end;
}
.f5-s1 .floating-img.img-1 img{
width: 90%;
}
.f5-s1 .floating-img.img-2{
width: 55%;
left: 15%;
top: 15%;
}
.ai-powered-section.f5-s2{
padding-top: 0px;
}
.f5-s2 .ai-image-container .img-1 {
width: 80%;
left: 0px;
}
.f5-s2 .ai-image-container .img-2{
width: 60%;
right: 15%;
left: auto;
top: auto;
bottom: -5%;
}
.f5-s3 .easy-manage-image-container .img-1{
display: flex;
justify-content: flex-end;
}
.easy-manage-image-container .img-1 img{
width: 80%;
}
.f5-s3 .easy-manage-image-container .img-2{
width: 34%;
left: 11%;
top: 0;
}
.f5-s4 .custom-for-you-image-container .img-1{
width: 100%;
}
.f5-s4 .custom-for-you-image-container .img-1 img{
width: 70%;
padding: 15% 0;
}
.f5-s4 .custom-for-you-image-container .img-2{
width: 75%;
top: -20%;
right: 10%;
left: auto;
}
.f5-s4 .custom-for-you-image-container .img-3{
width: 45%;
top: -14%;
left: -3%;
}
.f6-s0 .feature-image-container{
display: block
}
.f6-s0 .main-device-wrapper{
height: auto;
text-align: left;
width: 100%;
display: flex;
justify-content: flex-end;
}
.f6-s0 .main-device-wrapper .main-device-image{
display: block;
width: 95%;
margin-right: -7%;
}
.f6-s0 .feature-image-container .secondary-image{
width: 45%;
left: 5%;
top: 20%;
}
.f6-s0 .feature-image-container .third-image{
width: 45%;
top: 56.6%;
position: absolute;
z-index: 3;
left: 5%;
}
.f6-s1 .floating-img.img-1{
text-align: right;
}
.f6-s1 .floating-img.img-1{
width: 90%;
}
.f6-s1 .floating-img.img-3{
top: -4%;
width: 45%;
left: 0px;
}
.f6-s1 .floating-img.img-2{
width: 75%;
bottom: 10%;
top: auto;
right: 17%;
}
.f6-s2 .ai-image-container .img-main img{
width: 75%;
padding: 30% 0;
}
.f6-s2 .ai-image-container .img-1{
left: auto;
right: 0%;
top: -5%;
width: 66%;
}
.f6-s2 .ai-image-container .img-2{
width: 75%;
top: 20%;
position: absolute;
right: -5%;
left: auto;
}
.f6-s3 .easy-manage-image-container .img-1 img{
width: 100%;
}
.f6-s3 .easy-manage-image-container .img-3{
top: 20%;
width: 98%;
left: -20%;
}
.f6-s3 .easy-manage-image-container .img-2{
width: 70%;
top: 65%;
left: -18%;
}
.f6-s4 .custom-for-you-image-container .img-2{
width: 64%;
top: 25%;
}
.f6-s4 .custom-for-you-image-container .img-1{
width: 100%;
}
.ai-powered-section.f6-s2 {
padding-top: 40px;
}
.feature-solar-quotes.f6-s0{
padding-bottom: 0px;
}
.custom-for-you-section.f6-s4{
padding-top: 0px;
}
.about-s0 .main-device-image{
width: 100%;
height: auto;
padding: 40px 0;
}
.about-s0 .secondary-image{
width: 80%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) !important;
}
.about-s0 {
padding: 156px 0 100px;
}
.meet-walid{
background: url(images/future-bg.jpg) no-repeat;
background-position: center center;
background-size: cover;
}
.meet-walid img{
max-width: 90%;
max-height: 100%;
padding-top: 40px;
display: block;
margin: 0 auto;
}
.meet-walid h2{
color: #fff;
font-size: 47px;
line-height: 54px;
margin: 0;
padding: 0 0 30px;
font-weight: 600;
}
.meet-walid p{
font-size: 20px;
color: #fff;
line-height: 28px;
margin: 0;
padding: 0 0 30px
}
.meet-walid p.citate{
padding-top: 60px;
margin-top: 30px;
background: url(images/quote.svg) no-repeat left top;
padding-bottom: 40px;
}
.meet-walid p.quote{
padding-bottom: 80px;
}
.meet-walid{
padding-top: 80px;
align-items: flex-end;
}
.meet-walid .align-items-center {
align-items: flex-end !important
}
.whyartemis{
background-image: linear-gradient(180deg, rgba(164, 107, 255, 0.0) 0%, rgba(164, 107, 255, 0) 70%, rgba(164, 107, 255, 0.2) 100%);
background-color: #fffbf7;
padding: 80px 0 0;
}
.whyartemis .whytitle h2{
color: #523285;
font-size: 47px;
font-weight: 400;
line-height: 54px;
display: block;
max-width: 600px;
margin: 0 auto;
padding-bottom: 30px;
}
.whyartemis .whytitle p{
font-size: 22px;
line-height: 26px;
margin: 0;
padding: 0 0 45px;
}
.whyartemis .whycontent{
justify-content: space-evenly;
font-size: 16px;
}
.whyartemis .whycontent ul{
margin: 0;
padding: 0px;
list-style: none;
}
.whyartemis .whycontent ul li{
margin-bottom: 25px;
padding-left: 20px;
background: url(images/why-bullet.svg) no-repeat 0px 7px;
font-weight: 400;
}
.whyartemis .whybutton a.btn-demo{
margin: 0 auto;
display: block;
max-width: 180px;
}
.whyartemis .whycontent ul li strong{
color: #523285;
}
.whyartemis .whyimage img{
width: 100%;
margin-top: 30px;
}
.ourleaders{
padding: 60px 0;
background: #fffbf7;
}
.ourleaders h2{
font-size: 47px;
font-weight: 900;
margin: 0;
padding: 0 0 35px;
color: #382B49;
text-align: center
}
.ourleaders .leadertitle p{
font-size: 20px;
line-height: 28px;
padding: 0 0 45px;
color: #382B49;
text-align: center;
max-width: 1000px;
display: block;
margin: 0 auto;
}
.ourleaders .leaderphotos{
justify-content: space-around;
}
.ourleaders .leaderphotos .leader-item-image{
width: 105px;
height: 105px;
border-radius: 50%;
box-shadow: 0px 15px 20px 0 rgba(12, 12, 48, 0.15);
margin-right: 20px;
overflow: hidden;
}
.ourleaders .leaderphotos .leader-item-image img{
width: 100%;
}
.ourleaders .leaderphotos .leader-item{
justify-content: space-between;
align-items: center;
display: flex;
margin-bottom: 50px;
}
.ourleaders .leaderphotos .leader-item-descrip{
width: calc(100% - 125px);
}
.ourleaders .leaderphotos .leader-item-descrip .leader-name{
font-size: 23px;
line-height: 27px;
display: block;
width: 100%;
}
.ourleaders .leaderphotos .leader-item-descrip .leader-position{
font-size: 16px;
line-height: 20px;
display: block;
width: 100%;
font-weight: 500;
color: #4e4f55;
}
.areyouready{
padding: 100px 0;
position: relative;
background: #382359;
overflow: hidden;
}
.areyouready:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: url(images/are-you-ready.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
top: 0;
left: 50%;
transform: translate(-50%, 0);
z-index: 0;
opacity: 0.1;
}
.areyouready .container{
position: relative;
z-index: 1;
}
.areyouready .container .row{
align-items: center;
}
.areyouready .container h2{
color: #fff;
font-size: 43px;
line-height: 53px;
padding-right: 15%;
}
.areyouready .container span{
color: #b695e1;
}
.areyouready .container .btn{
display: block;
width: 200px;
margin: 0 auto;
}
.page-id-8273 .feature-solar-quotes, .page-id-8283 .feature-solar-quotes{
background: #5B349B;
}
.page-id-8273 .header-logo, .page-id-8283 .header-logo{
filter: brightness(0) invert(1);
}
.page-id-8273 .main-nav .nav-link, .page-id-8283 .main-nav .nav-link{
color: #fff;
}
.page-id-8273 .main-nav .nav-item:hover a.nav-link, .page-id-8283 .main-nav .nav-item:hover a.nav-link{
background: rgba(255, 255, 255, 0.2);
}
.page-id-8273 .phone-link, .page-id-8283 .phone-link{
color: #fff;
}
.page-id-8273 .btn-primary.requestaccess, .page-id-8283 .btn-primary.requestaccess{
color: #fff;
border-color: #fff;
}
.page-id-8273 .header-section.scrolled, .page-id-8283 .header-section.scrolled{
background: #5B349B;
}
.page-id-8273 .requestaccess::after, .page-id-8283 .requestaccess::after{
filter: brightness(0) invert(1);
}
.page-id-8273 .feature-badge, .page-id-8283 .feature-badge{
color: rgba(255,255,255,0.4);
}
.page-id-8273 .feature-title, .page-id-8283 .feature-title{
color: #fff;
}
.page-id-8273 .feature-description, .page-id-8283 .feature-description{
color: rgba(255,255,255,0.7);
}
.page-id-8273 .navbar-toggler i, .page-id-8283 .navbar-toggler i{
color: #fff;
}
.page-id-8273 .feature-solar-quotes::before, .page-id-8283 .feature-solar-quotes::before{
filter: brightness(0) invert(1);
}
.page-id-8273 .toploginlink, .page-id-8283 .toploginlink{
color: #fff;
}
.page-id-8273 .loginGetBtn, .page-id-8283 .loginGetBtn{
border-color: #fff;
}
.page-id-8273 .toprequestaccess, .page-id-8283 .toprequestaccess{
color: #343438;
background: #fff
}
.page-id-8273 #mobileMenu .toprequestaccess::after, .page-id-8283 #mobileMenu .toprequestaccess::after{
filter: brightness(0) invert(1);
}
.page-id-8273 #mobileMenu .loginGetBtn, .page-id-8283 #mobileMenu .loginGetBtn{
border-color: #343438;
}
.page-id-8273 #mobileMenu .toploginlink, .page-id-8283 #mobileMenu .toploginlink{
color: #343438;
}
.page-id-8273 #mobileMenu .toprequestaccess, .page-id-8283 #mobileMenu .toprequestaccess{
color: #fff;
background: #343438;
}
.s1-s0 .feature-image-container{
display: block;
}
.feature-solar-quotes.s1-s0{
padding-bottom: 0px;
}
.feature-solar-quotes.s1-s0 .main-device-wrapper{
display: flex;
justify-content: flex-end;
height: auto;
}
.feature-solar-quotes.s1-s0 .main-device-wrapper img{
width: 90%;
margin-right: -20%;
}
.s1-s0 .feature-image-container .secondary-image{
top: 5%;
left: 15%;
width: 60%;
}
.s1-s0 .feature-image-container .third-image{
top: 46%;
position: absolute;
left: 13.6%;
width: 62.8%;
z-index: 2;
}
.s1-s0 .feature-image-container .tertiary-image{
position: absolute;
bottom: 0;
width: 60%;
left: 15%;
top: auto;
}
.s1-s0 .feature-image-container .fifth-image{
position: absolute;
top: 70%;
width: 18%;
left: 60%;
z-index: 2;
}
.s1-s1 .ai-image-container .img-1 {
width: 100%;
left: 0;
top: 0;
z-index: 1;
position: inherit;
}
.s1-s1 .ai-image-container .img-2 {
width: 27%;
right: 0;
left: auto;
top: -2%;
}
.ai-powered-section.s1-s1 {
padding-top: 50px;
}
.s1-s2 .floating-img.img-1{
display: flex;
justify-content: flex-end;
}
.s1-s2 .floating-img.img-1 img{
width: 90%;
}
.s1-s2 .floating-img.img-main{
top: 27%;
z-index: 1;
right: 0%;
left: auto;
width: 70%;
}
.embed-code-section.s1-s2{
padding-top: 50px;
}
.s1-s3 .custom-for-you-image-container .img-2{
width: 90%;
right: -15%;
left: auto;
top: 20%;
}
.s1-s3 .custom-for-you-image-container .img-3{
top: 67%;
right: -14%;
}
.custom-for-you-section.s1-s3{
padding-top: 50px;
}
.easy-manage-section.s1-s4{
padding-top: 50px;
}
.s1-s4 .easy-manage-image-container .img-1{
display: flex;
justify-content: flex-end;
}
.s1-s4 .easy-manage-image-container .img-2{
width: 70%;
left: -8%;
top: 25%;
}
.s1-s4 .easy-manage-image-container .img-3{
width: 15%;
left: auto;
right: -1%;
top: 10%;
}
.s2-s0{
padding-bottom: 0px;
}
.s2-s0 .feature-image-container{
display: block;
}
.s2-s0 .main-device-wrapper{
height: auto;
justify-content: flex-end;
display: flex;
}
.s2-s0 .main-device-wrapper img{
width: 100%;
margin-right: -25%;
}
.s2-s0 .secondary-image{
width: 70%;
left: 0;
top: 21%;
}
.s2-s0 .third-image{
width: 87%;
position: absolute;
top: -4%;
z-index: 2;
right: -20%;
left: auto;
}
.embed-code-section.s2-s1{
padding-top: 30px;
padding-bottom: 30px;
}
.s2-s1 .floating-img.img-1{
display: flex;
justify-content: flex-end;
}
.s2-s1 .floating-img.img-1 img{
width: 88%;
}
.s2-s1 .floating-img.img-main{
top: 16%;
z-index: 1;
width: 55%;
left: 15%;
}
.s2-s2 .ai-image-container .img-1{
width: 115%;
left: -8%;
}
.s2-s2 .ai-image-container .img-2{
width: 60%;
right: 15%;
left: auto;
top: 17%;
}
.ai-powered-section.s2-s2{
padding-top: 0px;
}
.s2-s3 .easy-manage-image-container .img-2{
width: 100%;
top: 3%;
left: -2%;
}
.s2-s3 .easy-manage-image-container .img-3{
width: 105%;
top: 42%;
left: -4%;
}
.s2-s3 .easy-manage-image-container .img-1 img{
width: 100%;
}
.s2-s4 .floating-img.img-1{
width: 110%;
left: -5%;
}
.s2-s4 .floating-img.img-2{
bottom: -2%;
top: auto;
left: -2%;
width: 105%;
}
.custom-for-you-section.s2-s4{
padding-top: 0px;
}
section.privacy-policy{
padding: 60px 0
}
section.privacy-policy h1{
font-family: "acumin-pro", sans-serif;
font-weight: 800;
font-size: 45px;
line-height: 1.2;
color: #2B1854;
margin: 0;
padding: 0 0 30px;
}
section.privacy-policy h2 {
color: #523285;
font-family: 'Inter', sans-serif;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 120%;
margin: 0;
padding: 20px 0 20px;
}
section.privacy-policy p{
margin: 0;
padding: 0 0 20px;
font-size: 16px;
}
section.privacy-policy ul{
margin: 0;
padding: 0 0 20px 20px;
font-size: 16px;
}
/* Footer Section */
.footer-section {
background-color: #1E0F3F;
padding: 60px 0;
color: #fff;
position: relative;
overflow: hidden;
}
.footer-section::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: url(images/future-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
top: 0;
left: 50%;
transform: translate(-50%, 0);
z-index: 0;
opacity: 0.1;
}
.footer-section .container {
position: relative;
z-index: 1;
}
.footer-logo img {
max-width: 160px;
}
.footer-tagline {
color: #FFF;
font-family: 'Inter', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: 0.36px;
margin-bottom: 0px;
}
.footer-copyright {
color: #FFF;
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 120%;
letter-spacing: 0.36px;
}
.footer-link {
color: #fff;
text-decoration: none;
transition: color 0.3s ease;
}
.footer-link:hover {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
}
.footer-nav-title {
color: #FFF;
font-family: 'Inter', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
position: relative;
padding-bottom: 10px;
margin-bottom: 10px;
}
.footer-nav-title::after{
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #4B358E;
bottom: 0;
left: 0;
}
.footer-section .line{
width: 100%;
height: 1px;
background: #4B358E;
margin-bottom: 10px;
margin-top: 20px;
}
.footer-nav-list {
list-style: none;
padding: 0;
margin: 0;
}
.footer-nav-list li {
margin-bottom: 12px;
}
.footer-nav-list li a {
color: #fff;
font-size: 14px;
text-decoration: none;
transition: color 0.3s ease, padding-left 0.3s ease;
display: inline-block;
}
.footer-nav-list li a:hover {
color: rgba(255, 255, 255, 0.7);
padding-left: 5px;
}
.footer-logo{
display: block;
margin-bottom: 15px;
padding-bottom: 15px;
position: relative;
}
.footer-logo::after{
content: '';
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background: #4B358E;
}
/* Features two-column layout */
.features-nav-list {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
}
.features-nav-list li {
width: 50%;
padding-right: 15px;
}
/* Footer Responsive Styles */
@media (max-width: 991.98px) {
.footer-section {
padding: 50px 0;
}
.footer-brand {
text-align: center;
margin-bottom: 30px;
}
.footer-logo img {
margin: 0 auto 15px;
}
.footer-nav-title::after{
display: none;
}
}
@media (max-width: 767.98px) {
.footer-nav-col {
margin-bottom: 0px;
}
.footer-nav-title {
margin-bottom: 0px;
}
.meet-walid p.quote{
padding-bottom: 20px;
}
.meet-walid img {
max-width: 40%;
}
.meet-walid p.quote{
padding-bottom: 20px;
}
.areyouready .container h2{
text-align: center;
font-size: 30px;
padding-bottom: 40px;
}
.about-s0{
padding-bottom: 20px;
}
.meet-walid h2, .whyartemis .whytitle h2{
font-size: 38px;
line-height: 44px;
}
.areyouready .container h2{
padding-right: 0px;
text-align: center;
font-size: 38px;
padding-bottom: 30px;
line-height: 46px;
}
.about-s0 .main-device-image{
padding: 0;
}
}
@media (max-width: 575.98px) {
.footer-section {
padding: 40px 0;
}
.footer-nav-title {
font-size: 20px;
}
.footer-nav-list li a {
font-size: 14px;
}
.footer-tagline, .footer-copyright {
font-size: 14px;
}
/* Features list stacks on very small screens */
.features-nav-list li {
width: 100%;
}
.features-nav-list li{
width: 100%;
}
.footer-section .row{
width: 80%;
margin: 0 auto;
}
.embed-content .btn-demo,
.ai-content .btn-demo,
.easy-manage-content .btn-demo,
.custom-for-you-content .btn-demo{
width: 100%;
}
.solutionsbuttons{
display: flex;
justify-content: space-between;
width: 100%;
}
.solutionsbuttons .btn-demo, .solutionsbuttons .btn-learn{
width: 47%
}
#desktop-logo-splide-list{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-evenly;
}
#desktop-logo-splide-list li{
width: 30%;
display: block;
}
.f3-s2 .ai-image-container .img-1{
left: 0%;
}
.f3-s2 .ai-image-container .img-3{
left: 1%;
}
.f5-s4 .custom-for-you-image-container{
padding-top: 12%;
}
.embed-code-section.f5-s1, .embed-code-section.f4-s1{
padding-bottom: 100px;
}
.f6-s2 .ai-image-container .img-main{
position: inherit;
}
.f6-s2 .content-wrapper{
margin-top: 0px!important;
}
.f6-s3 .easy-manage-image-container .img-3{
left: -8%;
}
.f6-s3 .easy-manage-image-container .img-2{
left: -6%;
}
.f6-s3 .content-wrapper{
margin-top: 0px !important;
}
.f6-s2 .ai-image-container .img-1{
position: absolute;
}
.s2-s0 .main-device-wrapper img{
margin-right: -12%;
}
.s2-s0 .third-image{
right: -7%;
}
.embed-code-section.s2-s1{
padding-bottom: 60px;
}
.s2-s2 .content-wrapper.my-5{
margin-top: 0px !important;
margin-bottom: 30px !important;
}
.s2-s4 .content-wrapper.mt-5{
margin-top: 0px;
}
}
#artemis-pop{
background: #523285;
}
#artemis-pop:before{
content: '';
position: absolute;
width: 100%;
height: 100%;
background: url(/wp-content/themes/monalee.V2/images/artemis-popupbg.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
top: 0;
left: 50%;
transform: translate(-50%, 0);
z-index: 0;
}
#artemis-pop .close{
position: absolute;
z-index: 2;
top: 20px;
right: 20px;
background: 0;
box-shadow: none;
border: 0;
color: #fff;
font-size: 28px;
}
#artemis-pop .modal-content{
background: transparent;
border: 0;
}
#artemis-pop .modal-lg{
width: 100%;
max-width: 1113px;
}
#artemis-pop .modal-body{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
#artemis-pop .modal-body .artemisforml{
width: 50%;
box-sizing: border-box;
padding: 30px;
border-radius: 4px;
background: linear-gradient(164deg, rgba(147, 79, 255, 0.16) 2.29%, rgba(147, 79, 255, 0.00) 59.89%), #362058;
box-shadow: 0px 14px 74px 0px rgba(0, 0, 0, 0.25);
}
#artemis-pop .artemisfrow{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 24px;
}
#artemis-pop .artemisfrow.with-line{
padding-bottom: 34px;
border-bottom: 1px #523285 solid;
}
#artemis-pop .artemisfrow .artemisfcol1{
width: 100%;
}
#artemis-pop .artemisfrow .artemisfcol2{
width: 48.5%;
}
#artemis-pop .artemisfrow .artemisfcol3{
width: 31.33%;
}
#artemis-pop .modal-body .artemisforml p.title{
color: #FFF;
font-family: "acumin-pro", sans-serif;
font-size: 24.62px;
font-style: normal;
font-weight: 300;
line-height: 111%;
letter-spacing: 0.739px;
text-align: center;
border-bottom: 1px #523285 solid;
padding-bottom: 30px;
margin-bottom: 30px;
}
#artemis-pop .modal-body .artemisforml label, #artemis-pop .modal-body .artemisforml p{
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 5px;
}
#artemis-pop .modal-body .artemisforml label.forcheckbox{
color: rgba(255, 255, 255, 0.8);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
width: 100%;
display: flex;
align-items: flex-start;
margin-bottom: 3px;
}
#artemis-pop .modal-body .artemisforml label.forcheckbox input[type="checkbox"]{
width: auto;
margin-top: 3px;
margin-right: 8px;
}
#artemis-pop .modal-body .artemisforml label span{
color: rgba(255, 255, 255, 0.40);
font-weight: 400;
}
#artemis-pop .modal-body .artemisforml input,
#artemis-pop .modal-body .artemisforml select,
#artemis-pop .modal-body .artemisforml textarea{
width: 100%;
border-radius: 8px;
border: 1px solid #4E4F55;
background: #FFFDFA;
}
#artemis-pop .modal-body .artemisforml select{
background-image: url(/wp-content/themes/monalee.V2/images/artemis-form-caret.svg);
background-position: center right 10px;
background-repeat: no-repeat;
}
#artemis-pop .modal-body .artemisforml textarea{
height: 85px;
}
#artemis-pop .modal-body .artemisforml .getprice{
border-radius: 3px;
background: #FE581E;
box-shadow: 0px 10px 40px 0px rgba(168, 128, 219, 0.40);
font-size: 14px;
color: #fff;
border: 0;
margin: 24px auto 0;
}
#artemis-pop .modal-body .artemisforml .btn.getprice:hover{
background: #FE581E;
box-shadow: 0px 10px 40px 0px rgba(168, 128, 219, 0.40);
border: 0;
}
#artemis-pop .modal-body .artemisformr{
width: 46%;
}
.artemisformr p{
color: #D6BCFF;
font-size: 20.729px;
font-style: normal;
font-weight: 400;
line-height: 150%;
letter-spacing: 0.622px;
}
.artemisformr p.title{
color: #FFF;
font-family: "acumin-pro", sans-serif;
font-size: 65.619px;
font-style: normal;
font-weight: 800;
line-height: 101%;
letter-spacing: 1.969px;
margin-bottom: 30px;
margin-top: 30px;
}
.artemisform_csf{
display: flex;
flex-wrap: wrap;
align-items: center;
border-top: 1px rgba(195, 158, 255, 0.20) solid;
padding-top: 27px;
margin-top: 27px;
}
.artemisform_csf .artemisform_csfcol{
display: flex;
flex-wrap: wrap;
align-items: center;
margin-right: 30px;
}
.artemisform_csf .artemisform_csfcol:last-child{
margin-right: 0;
}
.artemisform_csf .artemisform_csfcol img{
margin-right: 9px;
}
.artemisform_csf .artemisform_csfcol span{
color: #D6BCFF;
font-family: "Kumbh Sans", sans-serif;
font-size: 19.265px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.693px;
}
.artemispopttlimmob{
display: none;
}
#artemis-pop .modal-body .artemisforml label.error{
color: #df8c8c;
font-size: 10px;
background: none;
padding: 0;
margin: 0;
}
/* FAQ Section Container */
.pricefaq {
background: #EBEAF5;
padding: 80px 0 80px 0;
}
.pricefaq .faqs-left{
padding-top: 50px;
}
/* Pills Navigation */
.pricefaq .nav-pills {
gap: 12px;
margin-bottom: 32px;
}
.pricefaq .nav-link {
background: #edeafd;
color: #6D40B5;
border-radius: 24px;
padding: 10px 24px;
font-weight: 600;
font-size: 14px;
margin-right: 5px;
transition: background 0.2s, color 0.2s;
border: 1px #6D40B5 solid;
}
.pricefaq .nav-link.active,
.pricefaq .nav-link:focus,
.pricefaq .nav-link:hover {
background: #6D40B5;
color: #fff;
}
/* Tab Content Box */
.pricefaq .tab-content {
background: #F6F7F9;
border-radius: 16px;
box-shadow: 0 4px 24px rgba(80, 60, 180, 0.10);
padding: 10px;
}
/* Accordion Styles */
.pricefaq .accordion-item {
border: none;
background: none;
margin-bottom: 0px;
box-shadow: none;
border-radius: 12px;
overflow: hidden;
}
.pricefaq .accordion-item::after {
display: block;
width: 100%;
height: 1px;
background: #bdbec6;
content: "";
margin: 15px 0;
}
.pricefaq .accordion-item:last-child::after{
display: none;
}
.pricefaq .accordion-button::after{
width: 30px;
height: 30px;
background-position: center;
background-size: 15px;
border: 1px #6d40b5 solid;
opacity: 0.4;
border-radius: 50%;
}
.accordion-button:not(.collapsed)::after {
background: #6D40B5 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
opacity: 1;
background-size: 15px;
background-repeat: no-repeat;
background-position: center;
}
.pricefaq .accordion-header {
margin-bottom: 0;
}
.pricefaq .accordion-button {
background: #f7f6fb;
color: #3a2e6c;
font-weight: 500;
border-radius: 12px;
box-shadow: none;
border: none;
padding: 16px 20px;
transition: background 0.2s, color 0.2s;
font-size: 16px;
}
.pricefaq .accordion-button.collapsed{
background: #F6F7F9;
color: #282828;
font-weight: 500;
}
.pricefaq .accordion-button:not(.collapsed) {
background: #FFF;
color: #2B1854;
font-weight: 700;
}
.pricefaq .accordion-body {
background: #ffffff;
border-radius: 0 0 12px 12px;
padding: 0px 20px 20px;
color: #3a2e6c;
font-size: 14px;
border-top: none;
}
.packagesslides .splide__slide{
background: #fff;
border-radius: 20px;
box-shadow: 0px 0px 20px 5px rgba(0,0,0,0,4);
display: block;
opacity: 0.4;
filter: blur(2px);
}
.packagesslides .splide__slide{
transition: all 0s ease-in
}
.packagesslides .splide__slide.currentactive {
border: #955FEB;
box-shadow: 0px 0px 0px 4px rgba(156, 151, 205, 0.5);
}
.packages .packageitem{
width: 100%;
display: block;
padding: 20px;
box-sizing: border-box;
}
.packagesslides .splide__slide .packageprice{
background: url(images/package-notchecked.svg) no-repeat;
background-position: right top;
}
.packagesslides .splide__slide.currentactive .packageprice{
background: url(images/package-checked.svg) no-repeat;
background-position: right top;
}
#packages-splide{
padding-top: 40px;
padding-bottom: 40px;
overflow: hidden;
}
.packagesslides .splide__slide.is-visible{
opacity: 1;
filter: blur(0px);
}
#packages-splide .splide__track{
overflow: visible;
}
.packages .packageprice{
font-size: 45px;
line-height: 50px;
font-weight: 900;
color: #2B1854;
width: 100%;
display: block;
}
.packages .packagepricedesc{
width: 100%;
display: block;
font-size: 20px;
color: #2B1854;
font-weight: 500;
}
.packages .packagepricemonthly{
color: #4f4e55;
font-size: 16px;
display: block;
width: 100%;
}
.packages .priceline{
background: url(images/price-line.svg) no-repeat;
width: 100%;
height: 9px;
background-size: contain;
background-position: center;
padding: 30px 0;
display: block;
}
.packages .pricelist ul{
margin: 0;
padding: 0;
list-style: none;
}
.packages .packagesslides .splide .pricelist ul li{
margin: 0;
padding: 5px;
background: #F4F0FC;
font-size: 14px;
line-height: 18px;
color: #2B1854;
margin-top: 15px;
border-radius: 5px;
}
.packages .packagesslides .splide .pricelist ul li strong{
font-size: 20px;
}
.packages .eachproposal .pricelist ul li{
margin: 0;
padding: 8px 0 8px 30px;
background: url(images/price-check.svg) no-repeat;
background-position: left center;
font-size: 18px;
line-height: 22px;
color: #2B1854;
}
.packages .eachproposal .pricelist ul li .pricenotes{
color: #9c9da9;
font-size: 12px;
}
.packages .eachproposal {
margin-left: 10rem;
margin-right: 10rem;
background: #FFFBF7;
padding: 25px;
border-radius: 20px;
}
.packages .eachproposal ul{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.packages .eachproposal ul li{
color: #2B1854;
width: 33.3%;
display: block;
}
.packages .eachproposal h2{
display: inline-block;
padding-bottom: 30px;
background: url(images/price-line.svg) no-repeat;
background-position: left bottom;
margin-bottom: 30px;
font-size: 20px;
}
.packages .packagesslides{
background: #EBEAF5;
background: linear-gradient(rgba(235, 234, 245, 1) 0%, rgba(156, 151, 205, 0.5) 50%, rgba(156, 151, 205, 1) 100%);
border-radius: 20px;
}
.packages {
background: #FFFBF7;
position: relative;
overflow: hidden;
padding: 60px 0;
}
.packages::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
max-width: 1500px;
max-height: 711px;
background: url(../images/grid-bg-hero.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
top: 0;
left: 50%;
transform: translate(-50%, 0);
z-index: 0;
}
.packagesslides h1{
color: #2B1854;
font-size: 48px;
font-weight: 700;
line-height: 52px;
margin: 0;
padding: 40px 10rem;
}
.packagesslides h1 span{
display: inline-block;
font-size: 20px;
color: #282828;
font-weight: 400;
padding-left: 15px;
border-left: 1px #282828 solid;
line-height: 24px;
}
.packagesslides .underprice{
padding: 40px 0;
text-align: center;
}
.packagesslides .underprice a{
margin: 0 auto;
}
.packagesslides .splide__arrow--prev{
left: 5rem;
}
.packagesslides .splide__arrow--next{
right: 5rem;
}
.packagesslides .splide__arrow{
background: #955FEB;
border-radius: 8px;
opacity: 1;
}
.packagesslides .splide__arrow svg{
filter: brightness(0) invert(1);
}
/* -- Blog -- */
.latest-post{
padding: 50px 0 118px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.latest-post .latest-post-im{
width: 48.5%;
}
.latest-post .latest-post-im img{
display: block;
width: 100%;
border-radius: 17px;
background: radial-gradient(198.43% 120.67% at -57.64% 11.76%, #FFF3E8 0%, rgba(255, 243, 232, 0.00) 100%), linear-gradient(206deg, #C3DDEB 20.82%, #ECF1EC 68.62%);
box-shadow: 0px 30.07692px 56.61538px 0px rgba(17, 10, 37, 0.12);
}
.latest-post .latest-post-descr{
width: 48.5%;
}
.ctr-box{
display: flex;
flex-wrap: wrap;
align-items: center;
color: #343438;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 160%;
margin-bottom: 20px;
}
.blogcat{
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.blogcat a{
color: #000;
text-decoration: none;
}
.blogcat a:hover{
color: #000;
text-decoration: underline;
opacity: 0.8;
}
.latest-post-descr h2{
color: #343438;
font-size: 34px;
font-style: normal;
font-weight: 700;
line-height: 132%; /* 58.08px */
letter-spacing: 0.22px;
text-align: left;
padding-bottom: 20px;
}
.latest-post-descr h2 a{
color: #343438;
text-decoration: none;
}
.latest-post-descr h2 a:hover{
text-decoration: underline;
opacity: 0.8;
}
.latest-post-descr p{
color: #343438;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 175%;
padding-bottom: 20px;
margin: 0;
}
.latest-post-descr p:last-child{
padding-bottom: 0;
}
.latest-post-descr p a{
color: #2B1854;
}
.latest-post-descr p a:hover{
color: #2B1854;
opacity: 0.8;
}
.main_category-list-bg{
background: url(images/sand-background.jpg) #FEFBF7;
background-size: 250px 250px;
padding: 50px 0;
}
.main_category-list{
/*margin-bottom: 55px;*/
}
.main_authors-list{
display: none;
}
.category-list ul,
.authors-list ul{
display: flex;
flex-wrap: wrap;
flex-direction: row;
padding: 0;
list-style: none;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.08px;
text-transform: uppercase;
margin: 0;
}
.category-list ul li,
.authors-list ul li{
margin-right: 34px;
}
.category-list ul li:last-child,
.authors-list ul li:last-child{
margin-right: 0;
}
.category-list ul li a,
.authors-list ul li a{
color: #000;
text-decoration: none
}
.category-list ul li a:hover,
.authors-list ul li a:hover{
color: #000;
text-decoration: underline;
opacity: 0.8;
}
.blogimg{
width: 100%;
margin-bottom: 43px;
}
.blogimg img{
display: block;
width: 100%;
border-radius: 17px;
background: radial-gradient(198.43% 120.67% at -57.64% 11.76%, #FFF3E8 0%, rgba(255, 243, 232, 0.00) 100%), linear-gradient(206deg, #C3DDEB 20.82%, #ECF1EC 68.62%);
box-shadow: 0px 34px 64px 0px rgba(17, 10, 37, 0.12);
}
.blogs h2{
color: #343438;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 144%; /* 34.56px */
letter-spacing: 0.12px;
margin: 0;
padding-bottom: 10px;
text-align: left;
}
.blogs h2 a{
color: #343438;
text-decoration: none;
}
.blogs h2 a:hover{
text-decoration: underline;
opacity: 0.8;
}
.blogs p{
color: #343438;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 175%; /* 28.8px */
padding-bottom: 20px;
margin: 0;
}
.blogs p:last-child{
padding-bottom: 0;
}
.blogs p a,
.blogs ul li a,
.blogs ol li a,
.blogs span a{
color: #2B1854;
}
.blogs p a:hover,
.blogs ul li a:hover,
.blogs ol li a:hover,
.blogs span a:hover{
color: #2B1854;
opacity: 0.8;
}
.blogs a.getprice {
border-radius: 3px;
background: #FE581E;
box-shadow: 0px 10px 40px 0px rgba(168, 128, 219, 0.40);
font-size: 14px;
color: #fff;
border: 0;
margin: 0 auto;
display: block;
max-width: 300px;
}
.blogs a.btn.getprice:hover {
color: #fff;
cursor: pointer;
transform: translateY(-2.5px);
border: 0;
box-shadow: none;
background: #FE581E;
}
.blogs p a.readmorepost{
font-weight: 600;
}
.blogs_bost{
padding-bottom: 59px;
}
.cs-go{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.cs-go .socials-box{
width: 142px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.cs-go .socials-box .socials-link{
width: 28px;
margin-right: 10px;
}
.cs-go .socials-box .socials-link:last-child,
.cs-go .socials-box .socials-link.socials-link-last{
margin-right: 0;
}
.singlepost .cs-go .socials-box{
width: 180px;
}
.cs-go .socials-box .socials-link img{
display: block;
width: 100%;
}
.category-list{
width: calc(100% - 150px);
}
.author{
width: calc(100% - 190px);
display: flex;
flex-wrap: wrap;
align-items: center;
font-size: 18px;
color: #343438;
}
.archive.author{
width: 100%;
display: block;
}
.author .author-img,
.author .author-name{
margin-right: 7px;
}
.author .author-name a,
.postauthorbox .postauthorboxdescr a{
color: #343438;
text-decoration: none;
}
.author .author-name a:hover,
.postauthorbox .postauthorboxdescr a:hover{
text-decoration: none;
}
.author .author-title{
opacity: 0.5;
}
.blognav-row{
widows: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.numeric_post_nav{
width: calc(100% - 160px);
}
.custom-numeric-pagination{
display: flex;
}
.custom-numeric-pagination ul{
list-style: none;
display: flex;
flex-wrap: wrap;
border-radius: 7px;
border: 1px solid #363944;
padding: 0;
margin: 0;
}
.custom-numeric-pagination ul li{
font-size: 14px;
font-style: normal;
font-weight: 500;
display: flex;
align-items: flex-start;
gap: 10px;
border-right: 1px solid #363944;
color: #363944;
}
.custom-numeric-pagination ul li:last-child{
border-right: 0;
}
.custom-numeric-pagination ul li.previous:hover,
.custom-numeric-pagination ul li.next:hover{
color: #A880DB;
}
.custom-numeric-pagination ul li.previous.disabled:hover,
.custom-numeric-pagination ul li.next.disabled:hover{
color: #363944;
}
.custom-numeric-pagination ul li a{
color: #363944;
text-decoration: none;
padding: 8px 12px;
}
.custom-numeric-pagination ul li a:hover{
color: #A880DB;
text-decoration: none;
}
.custom-numeric-pagination ul li.current{
color: #A880DB;
}
.custom-numeric-pagination ul li span{
padding: 8px 12px;
}
.posts_nav_dropdown{
width: 150px;
font-size: 14px;
text-align: right;
}
.posts_nav_dropdown form{
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: end;
align-items: center;
}
.posts_nav_dropdown form select{
margin: 0 12px;
padding: 5px 0 5px 8px;
border-radius: 7px;
border: 1px solid #363944;
outline: 0;
}
.category-list-button{
display: none;
}
.category-list {
display: block;
}
.category-list p{
display: none;
}
.category-list.visible {
display: block;
}
.blogs_archive-container{
width: 100%;
max-width: 870px;
margin: 0 auto;
}
.archive_category-list{
/*margin-top: 50px;*/
}
.archive_category-list .category-list{
width: 100%;
padding-bottom: 50px;
margin-bottom: 50px;
border-bottom: 1px #e8ddd3 solid;
}
.archive_category-list .category-list ul{
justify-content: center;
}
.archive-post{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 30px;
}
.archive-post .blog-post-im{
width: 30%;
}
.archive-post .blog-post-im img{
display: block;
width: 100%;
border-radius: 17px;
background: radial-gradient(198.43% 120.67% at -57.64% 11.76%, #FFF3E8 0%, rgba(255, 243, 232, 0.00) 100%), linear-gradient(206deg, #C3DDEB 20.82%, #ECF1EC 68.62%);
box-shadow: 0px 30.07692px 56.61538px 0px rgba(17, 10, 37, 0.12);
}
.archive-post .blog-post-descr{
width: 67%;
}
.bglightwaight{
background: linear-gradient(180deg, #FFFBF6 0%, rgba(235, 234, 245, 1) 100%);
padding-top: 50px;
}
.singlepost-title h1{
text-align: left;
}
.singleposttop{
margin-top: 100px;
}
.singlepost{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: end;
position: relative;
margin-top: -150px;
}
.singlepost .single-post-im{
order: 1;
width: 40%;
}
.singlepost .single-post-im img{
display: block;
width: 100%;
border-radius: 21.837px;
background: radial-gradient(198.43% 120.67% at -57.64% 11.76%, #FFF3E8 0%, rgba(255, 243, 232, 0.00) 100%), linear-gradient(206deg, #C3DDEB 20.82%, #ECF1EC 68.62%);
box-shadow: 0px 43.67346px 82.20887px 0px rgba(17, 10, 37, 0.12);
}
.singlepost .ctr-box{
width: 55%;
order: 2;
}
.singlepost .singlepost-title{
order: 3;
width: 100%;
margin-top: 28px;
}
.singlepost .singlepost-title h1{
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 120%;
letter-spacing: 0.35px;
}
.singlepost .singlepost-description{
order: 4;
width: 100%;
margin-bottom: 30px;
display: none;
}
.singlepost .singlepost-description p{
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 170%;
}
.singlepost .cs-go{
order: 5;
width: 100%;
margin-bottom: 32px;
padding-bottom: 0px;
border-bottom: 1px #e8ddd3 solid;
}
.singlepost .blogcontent{
order: 6;
width: 100%;
}
.singlepost .blogcontent p{
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 175%;
}
.singlepost .blogcontent ul,
.singlepost .blogcontent ol{
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 175%;
}
.singlepost .blogcontent h2{
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 132%;
letter-spacing: 0.22px;
}
.singlepost .blogcontent img.aligncenter{
margin: 0 auto;
display: block;
}
.related-posts .rpdivider{
margin-top: 47px;
margin-bottom: 47px;
background: rgba(31, 31, 34, 0.1);
height: 1px;
width: 100%;
}
.related-posts h2.rpt{
font-size: 44px;
font-style: normal;
font-weight: 700;
line-height: 132%;
letter-spacing: 0.22px;
padding-bottom: 45px;
}
.singlepost .blogcontent h3{
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 144%;
letter-spacing: 0.12px;
text-align: left;
}
a#copyButton{
cursor: pointer;
}
/* -- /.Blog -- */
@media (max-width: 1399px) {
.main-nav .nav-link{
font-size: 14px;
}
}
@media (max-width: 1199px) {
#artemis-pop .modal-body .artemisforml label{
font-size: 12px;
}
.artemisformr p.title{
font-size: 45px;
}
.artemisform_csf .artemisform_csfcol img{
width: 35px;
}
.artemisform_csf .artemisform_csfcol span{
font-size: 16px;
}
}
@media (max-width: 991px) {
.modal.fade .modal-dialog{
background: linear-gradient(164deg, rgba(147, 79, 255, 0.16) 2.29%, rgba(147, 79, 255, 0.00) 59.89%), #362058;
margin: 0;
}
#artemis-pop .modal-body .artemisforml{
width: 100%;
background: unset;
box-shadow: unset;
}
.artemispopttlimmob{
display: block;
margin-bottom: 25px;
}
#artemis-pop .modal-body .artemisforml p.title{
text-align: left;
}
#artemis-pop .modal-body .artemisformr{
display: none;
}
#artemis-pop .modal-body .artemisforml label{
font-size: 16px;
}
.packages .eachproposal{
margin-left: 40px;
margin-right: 40px;
}
.packages .eachproposal .pricelist ul li{
width: 50%;
}
}
@media (max-width: 768px) {
.packages .container{
width: 100%;
max-width: 100%;
}
.packagesslides h1{
text-align: center;
}
.packagesslides h1 span{
width: 100%;
display: block;
border: none;
}
.pricefaq .faqs-left{
padding-top: 0px;
}
.pricefaq .faqs-left{
margin-bottom: 30px;
}
.packages .packagesslides{
background: none;
}
.packagesslides h1{
padding-left: 0px;
padding-right: 0;
}
.mainblogpostpage{
display: flex;
flex-wrap: wrap;
width: 100%;
}
.mainblogpostpage .mainbanerblog{
width: 100%;
order: 2;
}
.mainblogpostpage .main_category-list-bg{
background: unset;
padding-top: 0px;
padding-bottom: 0;
width: 100%;
order: 1;
}
.archive.author .mainblogpostpage .main_category-list-bg {
padding-top: 0;
padding-bottom: 20px;
}
.mainblogpostpage .bglightwaight{
width: 100%;
order: 3;
}
.latest-post{
padding: 50px 0 0;
}
/*.latest-post .latest-post-im,
.latest-post .latest-post-descr,*/
.cs-go .socials-box{
display: none;
}
.latest-post .latest-post-im{
max-width: 100%;
}
.latest-post-descr h2{
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 144%;
}
.category-list{
width: 100%;
}
.category-list p{
display: block;
color: #343438;
font-size: 12px;
font-style: normal;
font-weight: 800;
line-height: normal;
letter-spacing: 0.72px;
text-transform: uppercase;
}
.category-list ul,
.authors-list ul{
flex-direction: column;
list-style: disc;
padding-left: 20px;
}
.category-list ul li,
.authors-list ul li{
padding-bottom: 10px;
}
.main_authors-list{
display: block;
}
.main_category-list,
.main_authors-list {
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px #e8ddd3 solid;
border-top: 1px #e8ddd3 solid;
margin-top: 20px;
padding-top: 20px;
}
.posts_nav_dropdown{
font-size: 12px;
}
.posts_nav_dropdown form select {
margin: 0 5px;
padding: 8px 0 8px 8px;
border-radius: 7px;
border: 1px solid #363944;
outline: 0;
}
.posts_nav_dropdown {
width: 120px;
font-size: 12px;
text-align: right;
}
.numeric_post_nav {
width: calc(100% - 125px);
}
.custom-numeric-pagination ul li{
font-size: 12px;
}
.category-list-button,
.authors-list-button{
display: block;
position: relative;
padding-right: 12px;
margin-bottom: 10px;
}
.category-list-button:after,
.authors-list-button:after{
content: "";
width: 9px;
height: 5px;
background: url(images/blog-list-arrow.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 50%;
margin-top: -2.5px;
right: 0;
}
.category-list-button span{
font-size: 18px;
font-style: normal;
font-weight: 800;
line-height: normal;
letter-spacing: 1.08px;
text-transform: uppercase;
color: #000;
}
.authors-list-button span{
font-size: 18px;
font-style: normal;
font-weight: 800;
line-height: normal;
letter-spacing: 1.08px;
text-transform: uppercase;
color: rgba(52, 52, 56, 0.50);
}
.authors-list-button span.author-dark{
color: #000;
}
.category-list-button.active:after,
.authors-list-button.active:after{
transform: rotate(180deg);
}
.category-list,
.authors-list {
display: none;
}
.authors-list{
margin-top: 15px;
}
.category-list.visible,
.authors-list.visible {
display: block;
}
.archive_category-list{
margin-top: 0px;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px #e8ddd3 solid;
border-top: 1px #e8ddd3 solid;
padding-top: 20px;
}
.archive_category-list .category-list-button-name{
color: rgba(52, 52, 56, 0.50);
}
.archive_category-list .category-list-button-catname{
position: relative;
padding-left: 15px;
margin-left: 10px;
}
.archive_category-list .category-list-button-catname::before{
content: "";
width: 5px;
height: 8px;
background: url(images/blog-list-arrow-right.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 50%;
margin-top: -4px;
left: 0;
}
.archive_category-list .category-list{
width: 100%;
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.archive_category-list .category-list ul{
justify-content: start;
}
.archive-post .blog-post-im{
width: 100%;
margin-bottom: 30px;
}
.archive-post .blog-post-descr{
width: 100%;
}
.bglightwaight{
padding-top: 0px;
margin-top: 0px;
}
.latest-post-descr p{
font-size: 18px;
}
.archive.author .bglightwaight{
margin-top: 0;
}
.singlepost .singlepost-title{
order: 1;
}
.singlepost .singlepost-title h1{
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 132%; /* 42.24px */
letter-spacing: 0.16px;
}
.singlepost-description{
order: 2;
}
.singlepost .singlepost-description p{
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 170%; /* 34px */
}
.singlepost .ctr-box{
width: 100%;
order: 3;
}
.singlepost .cs-go{
order: 4;
}
.singlepost .single-post-im{
order: 5;
width: 100%;
margin-bottom: 30px;
}
.author{
width: 100%;
}
.singlepost .blogcontent p{
font-size: 16px;
}
.singlepost .blogcontent h2{
font-size: 22px;
}
.singlepost .blogcontent h3{
font-size: 19px;
}
.related-posts h2.rpt{
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 132%;
letter-spacing: 0.16px;
}
.related-posts .rpdivider {
margin-top: 32px;
margin-bottom: 29px;
}
/* -- /.Blog -- */
.postmeta .cs-go{
justify-content: flex-start;
}
.postmeta .cs-go .socials-link:first-child{
margin-left: 0px;
}
.header-section-buttons {
width: 160px;
}
.singlepost{
margin-top: 0px;
}
/* -- Blog -- */
.latest-post{
padding: 50px 0;
}
.latest-post .latest-post-im{
width: 100%;
max-width: 450px;
margin: 0 auto;
}
.latest-post .latest-post-descr{
width: 100%;
padding-top: 30px;
margin-bottom: 50px;
}
.archive-post{
margin-bottom: 50px;
}
}
@media (max-width: 575px) {
#artemis-pop .artemisfrow .artemisfcol2,
#artemis-pop .artemisfrow .artemisfcol3{
width: 100%;
}
#artemis-pop .artemisfrow{
margin-bottom: 0;
}
#artemis-pop .modal-body .artemisforml input, #artemis-pop .modal-body .artemisforml select, #artemis-pop .modal-body .artemisforml textarea{
margin-bottom: 24px;
}
#artemis-pop .artemisfrow.with-line{
margin-bottom: 24px;
padding-bottom: 14px;
}
#artemis-pop .modal-body .artemisforml p.title{
padding-bottom: 0;
border-bottom: 0;
}
#artemis-pop .modal-body .artemisforml .getprice{
padding-right: 25px;
padding-left: 25px;
}
#artemis-pop .modal-body .artemisforml label.forcheckbox input[type="checkbox"]{
margin-bottom: 3px;
}
.packagesslides .splide__arrow--prev{
left: -40px;
}
.packagesslides .splide__arrow{
right: -40px;
}
.packagesslides .splide {
max-width: auto;
}
#packages-splide{
overflow: visible;
}
.packages .eachproposal .pricelist ul li{
width: 100%;
}
}