.fw-500 {
font-weight: 500 !important
}
.fw-600 {
font-weight: 600 !important
}  .header-home {
background-color: transparent;
}
.home .header {
background-color: transparent;
}
.blog .header-home {
background-color: #fff;
box-shadow: hsla(0 0% 0% / 0.1) 0 0.5rem 1rem;
}
.home .header.active {
position: relative;
}
.x-hidden {
overflow-x: hidden;
}
.hero-slider {
margin-top: -99px;
} img {
width: auto;
max-width: 100%;
} .cloud {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
background: url(//www.d1percent.com/wp-content/themes/solar-theme/img/clouds.png.webp)no-repeat;
animation: animate 120s linear infinite;
height: 100%;
z-index: 1;
}
@keyframes animate {
0% {
background-position: 0px;
}
50% {
background-position: -500px;
}
100% {
background-position: 500px;
}
} .comparisonSection {
position: relative;
}
.comparisonImage {
width: 100%;
height: 100vh;
}
.afterImage {
position: absolute;
overflow: hidden;
top: 0;
transform: translate(100%, 0px);
}
.afterImage img {
transform: translate(-100%, 0px);
}
.comparisonImage img {
width: 100%;
height: 100vh;
position: absolute;
top: 0;
object-fit: cover;
object-position: bottom;
} .text-container {
overflow: hidden; }
.typing {
opacity: 0; transform: translateX(100px); }
.bird {
background-image: url(//www.d1percent.com/wp-content/themes/solar-theme/img/bird-cells-new.svg);
position: absolute;
background-size: auto 100%;
width: 88px;
height: 125px;
will-change: background-position;
animation-name: fly-cycle;
animation-timing-function: steps(10);
animation-iteration-count: infinite;
}
.bird-one {
animation-duration: 1.25s;
animation-delay: -0.25s
}
.bird-two {
animation-duration: 1.1s;
animation-delay: -0.5s;
}
.bird-three {
animation-duration: 1s;
animation-delay: -0.5s;
}
.bird-four {
animation-duration: 0.9;
animation-delay: -0.75.s;
}
.bird-container {
position: absolute;
top: 10%;
left: -3%;
transform: scale(0) translateX(-10vw);
will-change: transform;
z-index: 1;
animation-name: fly-right-one;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.bird-container-one {
animation-duration: 17s;
animation-delay: 0;
}
.bird-container-two {
animation-duration: 18s;
animation-delay: 2s;
}
.bird-container-three {
animation-duration: 16.6s;
animation-delay: 10.5s;
}
.bird-container-four {
animation-duration: 18s;
animation-delay: 12.25s;
} @keyframes fly-cycle {
100% {
background-position: -900px 0;
}
}
@keyframes fly-right-one {
0% {
transform: scale(0.3) translateX(-10vw);
}
10% {
transform: translateY(2vh) translateX(10vw) scale(0.4);
}
20% {
transform: translateY(0vh) translateX(30vw) scale(0.5);
}
30% {
transform: translateY(4vh) translateX(50vw) scale(0.6);
}
40% {
transform: translateY(2vh) translateX(70vw) scale(0.6);
}
50% {
transform: translateY(0vh) translateX(90vw) scale(0.6);
}
60% {
transform: translateY(0vh) translateX(110vw) scale(0.6);
}
100% {
transform: translateY(0vh) translateX(110vw) scale(0.6);
}
}
@keyframes fly-right-two {
0% {
transform: translateY(-2vh) translateX(-10vw) scale(0.5);
}
10% {
transform: translateY(0vh) translateX(10vw) scale(0.4);
}
20% {
transform: translateY(-4vh) translateX(30vw) scale(0.6);
}
30% {
transform: translateY(1vh) translateX(50vw) scale(0.45);
}
40% {
transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
}
50% {
transform: translateY(0vh) translateX(90vw) scale(0.45);
}
51% {
transform: translateY(0vh) translateX(110vw) scale(0.45);
}
100% {
transform: translateY(0vh) translateX(110vw) scale(0.45);
}
}
.slider-heading {
position: absolute;
right: 16vw;
top: 25vh;
z-index: 100;
letter-spacing: 3px;
text-transform: uppercase;
}
.slider-heading h2 {
font-size: var(--font-48);
font-weight: 300;
color: var(--darkgreen-color);
}
.slider-heading h3 {
font-size: var(--font-58);
font-weight: 800;
color: var(--darkblue-color);
}
.slider-heading h4 {
font-size: var(--font-58);
font-weight: 700;
color: var(--green-color);
}  .percentage {
font-size: var(--font-45);
line-height: 56.7px;
color: var(--blue-color);
}
.key-bottom-para,
.country,
.slide-content-2 p {
font-size: var(--font-20);
line-height: 25.2px;
color: var(--secondary-color);
} .sltxt-space {
padding: 60px 0px 10px;
}
.first-moving-text {
color: var(--dark-green-color);
line-height: 100.8px;
}
.second-moving-text {
color: var(--active-color);
line-height: 100.8px;
}
.services-ticker-block {
position: relative;
display: flex;
align-items: center;
overflow-x: hidden;
}
.stb_line_single {
position: relative;
white-space: nowrap;
padding: 0;
will-change: transform;
}
.stb-item {
font-size: 80px;
margin-right: 10rem;
display: inline-block;
} .unwavering-three-tab-section { position: relative;
z-index: 1;
}
.tab-heading,
.division-heading {
font-size: var(--font-40);
line-height: 50.4px;
color: var(--primary-color);
}
.tab-para {
font-size: var(--font-16);
line-height: 40px;
}
.more-detail-button {
border-radius: 6px;
font-size: var(--font-20);
font-weight: 600;
}
.innovating-moving-text {
font-size: 280px;
line-height: 352.8px;
}
.stb_line_single,
.innov-txt-line {
position: relative;
white-space: nowrap;
padding: 0;
will-change: transform;
}
.stb-item {
font-size: 80px;
margin-right: 10rem;
display: inline-block;
}
.innov-txt-line span {
font-size: 180px !important;
color: #fff !important;
}
.inv-block {
padding: 180px 0px 0px;
margin-bottom: -100px;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
border: none !important;
} .our-testimonials {
background-image: url(//www.d1percent.com/wp-content/themes/solar-theme/img/testimonial-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
}
.blog-section {
background-image: url(//www.d1percent.com/wp-content/themes/solar-theme/img/blog-background-image.png);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
}
.heading {
font-size: var(--font-48);
line-height: 60.48px;
color: var(--primary-color);
}
.left-blog-content p,
.right-blog-content p {
font-size: var(--font-16);
font-weight: 500;
line-height: 38.62px;
}
.circle {
width: 10px;
height: 10px;
background-color: var(--active-color);
}
.right-blog-content {
color: var(--active-color);
}
.bottom-blog-section-content a h3 {
font-size: var(--font-25) !important;
line-height: 38.62px;
font-weight: 500;
color: #000;
}
.blog-content img {
border-radius: 25px;
}
.show-more p,
.three-tabs li {
font-size: var(--font-20);
line-height: 25.2px;
} .slide-1 { }
.top-slide-heading {
padding-bottom: 100px;
}
.slider-bottom-content img { }
.slide-1-img-container {
border: 1px dashed #fff;
} .slide-2 { }
.country-name {
font-size: var(--font-25);
line-height: 30.24px;
}
.bottom-slide-content-2 {
border-radius: 12px;
}
.bottom-slide-content-2 {
min-height: 140px;
} .slide-3 { }
.slide-3-content p,
.slide-3-content span {
font-size: var(--font-30);
line-height: 37.8px;
} .slide-4 { }
.submit-button {
background-color: #13343C !important;
font-size: var(--font-30);
font-weight: 500;
line-height: 30px;
border-radius: 8px;
padding: 16px 22px;
box-shadow: 0px 1px 4px 0px #0000001F;
border: none !important;
color: #fff !important;
width: 100% !important;
}
.slide-4-form p label,
.slide-4-form p span input::placeholder,
.slide-4-form p span input,
.slide-4-form textarea {
font-size: var(--font-20);
line-height: 30px;
}
.slide-4-form p span input,
.slide-4-form textarea {
border-radius: 8px !important;
box-shadow: 0px 1px 4px 0px #0000001F;
padding: 16px 22px;
border-color: transparent;
width: 100% !important;
}
.slide-4-form textarea {
max-height: 157px !important;
}
.slide-4-form p span input::placeholder,
.slide-4-form p span input,
.slide-4-form textarea {
color: #6D6D6D !important;
} .top-division-section { }
.bottom-division-section { }
.bottom-division-heading {
font-size: var(--font-40);
line-height: 50.4px;
}
.bottom-division-content {
font-size: var(--font-16);
line-height: 40px;
}
.bottom-division-section .more-detail-button {
font-size: var(--font-18);
font-weight: 600;
}
.more-detail-button img {
margin-bottom: 2px;
} .advantages-section {
background-image: url(//www.d1percent.com/wp-content/themes/solar-theme/img/advantage-section-img.png);
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
min-height: 750px;
position: relative;
}
.advantages-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 132px;
background: rgb(55, 67, 138);
background: linear-gradient(180deg, rgba(55, 67, 138, 1) 0%, rgba(55, 67, 138, 0.9640231092436975) 26%, rgba(55, 67, 138, 0.7959558823529411) 54%, rgba(55, 67, 138, 0) 100%);
}
.advantages-section::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-color: #37438a;
opacity: .05;
}
.advantages-heading {
font-size: var(--font-48);
line-height: 152.58px;
}
.advantage-heading {
font-size: var(--font-30);
line-height: 43.33px;
}
.advantage-content {
font-size: var(--font-16);
font-weight: 300;
line-height: 40px;
opacity: .7;
}
.advantage-section {
background-color: rgba(0, 0, 0, .77);
border-radius: 25px;
margin-bottom: 1.2em;
}
.advantages-section .more-detail-button {
font-size: var(--font-18);
font-weight: 600;
}
@media (max-width: 992px) {
.key-inner-section {
display: flex;
justify-content: center !important;
}
.advantages-heading {
line-height: 60px;
}
.slide-3 .slider-bottom-content {
align-items: center;
}
.mon-to-thrus,
.friday {
border-right: 0px !important;
border-bottom: 1px solid #fff;
}
}
@media (max-width: 768px) {
.sltxt-space {
padding: 0px;
}
.footer ul li p {
margin: 10px 0 !important;
}
.hidden-text {
display: none;
}
.heading {
width: 100% !important;
}
.unwavering-three-tab-section .nav {
display: flex;
justify-content: center;
align-items: center;
}
.defined-padding {
padding: 50px 0;
}
}
.division-sections { background: linear-gradient(to bottom, #8bc3e8 0%, #72a7e7 25%, #5075bd 50%, #22295f 75%, #37438a 100%);
}
.gradient-mixer {
position: relative;
min-height: 350px;
background: linear-gradient(to bottom, #218475 0%, #8BC3E8 100%);
width: 100%;
top: 0px;
}
.gradient-mixer-2 {
position: relative;
min-height: 150px;
background: linear-gradient(to bottom, #37438a 0%, #54b2e7 100%);
width: 100%;
top: 0px;
}
.three-tabs {
position: relative;
width: 100%;
}
.circle-clip {
width: 100vw;
min-height: 140%;
background-color: #39b49e;
background: linear-gradient(to bottom, #2a3d60 0%, #154c44 50%, #136258 82%, #248d7c 100%);
top: -35%;
left: 0;
clip-path: circle(0px at 50% 50%); will-change: clip-path; position: absolute; }
.dv {
width: 100%;
height: auto;
overflow-x: hidden;
}
.content-wrap.active .image-container img {
transform: rotateY(0deg);
animation: rotateAnimation 2s linear;
}
@keyframes rotateAnimation {
from {
transform: rotateY(45deg);
}
to {
transform: rotateY(180deg);
}
} .our-client {
min-height: 65vh;
}
.our-client .logo-slider {
position: relative;
padding: 40px 0;
}
.our-client .logo-slider img {
max-width: 100%;
height: auto;
padding: 10px;
}
.our-client .slick-dots {
bottom: -50px;
}
.our-client .slick-dots li button:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
border: 2px solid#12241D;
border-radius: 50%;
opacity: 1;
}
.our-client .slick-dots li.slick-active button:before {
background-color: #12241D;
opacity: 1;
}  .slider-container {
margin: 0 auto;
text-align: center;
width: 100%;
}
.tabs {
display: flex;
justify-content: center;
margin-bottom: 20px;
text-align: left;
}
.tab {
padding: 10px;
color: #fff !important;
cursor: pointer;
margin: 0 24px;
font-size: 18px;
border-bottom: 2px solid rgba(118, 249, 227, .4);
position: relative;
}
.tab.active {
position: relative;
}
.tab::after {
content: '';
position: absolute;
left: 0;
bottom: -2px;
width: 0;
height: 2px;
background-color: #76F9E3;
transition: width 11s ease;
}
.tab.active::after {
width: 100%;
}
.content {
position: relative;
overflow: hidden;
min-height: 823px;
}
.content-wrap {
transition: opacity 0.8s ease;
position: absolute;
top: 24%;
left: 0;
width: 50%;
height: 100%;
z-index: 0;
}
.content-wrap .item{
opacity: 0;
visibility: hidden;
transition: opacity 0.8s ease;
position: absolute;
}
.content-wrap .item.active {
opacity: 1;
z-index: 1;
visibility: visible;
}
.content-wrap.fade-out {
opacity: 0;
z-index: 0;
visibility: visible;
}
.content-wrap h3,
.content-wrap p {
text-align: left;
}
.content-wrap p {
color: #ACEEEE;
} .pin-spacer {
pointer-events: inherit !important;
}
.contact-section-container .bg-orange {
background: linear-gradient(180deg, #90D9DE 0%, #13A7B3 56.5%, #09393D 100%);
}
.contact-section-container .bg-blue {
background: linear-gradient(180deg, #AFCFFF 0%, #4B68AB 62%, #212E6A 100%);
}
.contact-section-container .bg-red {
background: linear-gradient(180deg, #62DEE7 0%, #338CA2 51.5%, #008C78 100%);
}
.contact-section-container .bg-yellow {
background: linear-gradient(180deg, #8AC2E7 0%, #408ABB 51.5%, #5FDAE8 100%);
}
.contact-section-container {
width: 400%;
height: 100vh;
display: flex;
flex-wrap: nowrap;
}
.contact-section-container .panel {
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
}  .blog-image {
display: block;
}
.img-block-hm img{width: 100%;
height: 255px;
object-fit: cover;}
.more-detail-button:hover {
color: #fff !important;
background-color: #0000008a !important;
transition: all 0.7s;
}
.more-detail-button:hover img,
.show-more:hover img {
filter: invert(100%);
transition: all 0.7s;
}
.show-more:hover {
background-color: #000000e0 !important;
transition: all 0.7s;
color: #fff !important;
}
.blog-image img:hover {
transform: scale(1.05);
box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);
}
.blog-image img {
transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);
}
.submit-button:hover {
background-color: #091a1e !important;
transition: all 0.7s;
}
.advantages-section .container {
position: relative;
z-index: 2;
}
.left-key-section{
position: absolute;
width: 100%;
}
.right-key-section{
padding-left: 100px;
}
@media (max-width: 1200px) {
.left-blog-content p,
.right-blog-content p {
font-size: 15px;
line-height: 20px;
}
.bottom-blog-section-content a h3 {
font-size: 20px !important;
line-height: 30px;
}
}
@media (max-width: 768px) {
.content-wrap{position: initial; width: 100%;}
.unwavering-three-tab-section .row {
padding-right: 0 !important;
}
.bottom-division-section {
padding-right: 0 !important;
}
.tab-slider .relative {
height: 300px !important;
margin-bottom: 30px;
}
.content {
min-height: 800px;
}
.three-tabs-inner-content {
flex-direction: column-reverse;
}
.slide-4-form p span input, .slide-4-form textarea {
padding: 10px;
}
.tabs{gap: initial;
padding-bottom:initial;} 
.tab-slider{
width: 100%;
}
.key-inner-section{
display: flex !important;
justify-content: start !important;
}
}
@media (max-width: 468px) {
.bottom-division-1 {
gap: 20px;
}
#primary-menu li a {
color: #fff !important;
}
.green-btn-link {
padding: 0 15px !important;
margin-top: 12px;
}
.green-btn-link a {
background-color: #2ac190;
padding: 11px 25px !important;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding: 20px 25px;
}
#primary-menu li ul {
margin: 0 20px;
background: transparent;
border: none;
font-weight: bold;
}
.text-container {
background: rgba(0, 0, 0, .2);
padding: 15px;
}
.slider-heading {
right: 0;
left: 0;
width: max-content;
}
.bird-container-div {
display: none !important;
}
#line1,
#line2 {
color: var(--green-color);
font-size: 25px;
}
#line3 {
font-size: 30px;
}
.right-key-section p {
width: 100% !important;
padding-top: 0 !important;
}
.key-section .heading {
font-size: 30px;
line-height: 40px;
}
.stb_line_single .first-moving-text,
.stb_line_single .second-moving-text {
line-height: 70px !important;
font-size: 45px;
}
.innov-txt-line span {
font-size: 70px !important;
}
.gradient-mixer {
min-height: 80px !important;
}
.inv-block {
padding: 80px 0 0;
}
.bottom-division-section .container .row {
padding-bottom: 40px !important;
}
.bottom-division-heading {
line-height: 40px;
}
.advantage-section {
padding: 20px !important;
}
.comparisonImage img {
object-position: left;
}
.slide-1-img-container {
padding: 25px !important;
}
.slide-1-img-container img {
width: 60px;
}
.top-slide-heading {
padding-bottom: 40px !important;
}
.heading {
line-height: 40px;
font-size: 28px;
}
.slide-4-form input,
.slide-4-form textarea {
padding: 7px;
}
.bottom-blog-section-content a h3 {
line-height: 25px;
}
.advantages-heading {
line-height: 45px;
}
.advantage-heading {
line-height: 30px;
}
.slide-4-form textarea {
min-height: 100px !important;
}
.submit-button {
font-size: 18px;
padding: 10px;
}
.our-client {
min-height: 48vh;
}
.show-more,
.more-detail-button {
font-size: 15px !important;
}
.stay-text,
.newsletter-text {
font-size: 26px;
line-height: 35px;
}
.tab {
margin: 0 5px;
font-size: 12px;
text-align: center;
padding: 3px;
padding-bottom: 10px;
}
.tab-heading {
font-size: 30px;
line-height: 40px;
}
.tab-para {
line-height: 35px;
}
.unwavering-three-tab-section .row {
padding-right: 0 !important;
}
.bottom-division-section {
padding-right: 0 !important;
}
.tab-slider .relative {
height: 300px !important;
margin-bottom: 30px;
}
.content {
min-height: 976px;
}
.three-tabs-inner-content {
flex-direction: column-reverse;
}
}  *,
::before,
::after {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
}
.tab-slider .relative {
position: relative;
height: 75vh;
}
.w-full {
width: 100%;
}
.top-0 {
top: 0px;
}
.left-0 {
left: 0px;
}
.absolute {
position: absolute;
}
.inset-0 {
inset: 0px;
}
.overflow-hidden {
overflow: hidden;
}
.h-full {
height: 100%;
}
.curated-tab-slider-trigger {
transform: translate3d(0, -30%, 0) scale(0.7);
transition: opacity .5s, transform .7s cubic-bezier(0.4, 0, 0.2, 1);
pointer-events: none;
opacity: 0
}
.curated-tab-slider-trigger.next-2,
.curated-tab-slider-trigger.next-1,
.curated-tab-slider-trigger.is-active {
pointer-events: all
}
.curated-tab-slider-trigger.next-2 {
transform: translate3d(0, -20%, 0) scale(0.8) rotate(var(--trigger-rotation-3));
z-index: 8;
opacity: 1
}
.curated-tab-slider-trigger.next-1 {
transform: translate3d(0, -10%, 0) scale(0.9) rotate(var(--trigger-rotation-2));
z-index: 9;
opacity: 1
}
.curated-tab-slider-trigger.is-active {
transform: translate3d(0, 0, 0) scale(1) rotate(var(--trigger-rotation-1));
z-index: 10;
opacity: 1
}
.curated-tab-slider-trigger.prev-1,
.curated-tab-slider-trigger.prev-2 {
transform: translate3d(0%, 25%, 0) scale(1) rotate(10deg);
opacity: 0;
z-index: 11
}
.tab-slider:not(.autoplay) .curated-tab-slider-trigger.next-1:hover {
transition: opacity .4s, transform .5s cubic-bezier(0.4, 0, 0.2, 1);
transform: translate3d(0, -13%, 0) scale(0.9)
}
.tab-slider:not(.autoplay) .curated-tab-slider-trigger.next-2:hover {
transition: opacity .4s, transform .5s cubic-bezier(0.4, 0, 0.2, 1);
transform: translate3d(0, -23%, 0) scale(0.8)
}
.group:hover .group-hover\:w-\[var\(--rfw\)\] {
width: var(--rfw)
}
.group:hover .group-hover\:translate-x-0 {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:translate-y-0 {
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:rotate-0 {
--tw-rotate: 0deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:scale-x-100 {
--tw-scale-x: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:scale-y-100 {
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:bg-primary {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255/var(--tw-bg-opacity))
}
.group:hover .group-hover\:text-secondary {
--tw-text-opacity: 1;
color: rgb(0 0 0/var(--tw-text-opacity))
}
.group:hover .group-hover\:opacity-100 {
opacity: 1
}
.group.is-active .group-active\:pointer-events-none {
pointer-events: none
}
.group.is-active .group-active\:pointer-events-auto {
pointer-events: auto
}
.group.is-active .group-active\:hidden {
display: none
}
.group.is-active .group-active\:w-\[var\(--rfw\)\] {
width: var(--rfw)
}
.group.is-active .group-active\:-translate-y-2 {
--tw-translate-y: -0.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group.is-active .group-active\:-translate-y-6 {
--tw-translate-y: -1.5rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group.is-active .group-active\:translate-x-0 {
--tw-translate-x: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group.is-active .group-active\:translate-y-0 {
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group.is-active .group-active\:-rotate-6 {
--tw-rotate: -6deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group.is-active .group-active\:rotate-0 {
--tw-rotate: 0deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group.is-active .group-active\:scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group.is-active .group-active\:scale-x-100 {
--tw-scale-x: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group.is-active .group-active\:scale-y-100 {
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group.is-active .group-active\:opacity-0 {
opacity: 0
}
.group.is-active .group-active\:opacity-100 {
opacity: 1
}
.group.is-active .group-active\:delay-\[0ms\] {
transition-delay: 0ms
}
.group.is-active .group-active\:delay-\[100ms\] {
transition-delay: 100ms
}
.group.was-active .group-was-active\:-translate-y-full {
--tw-translate-y: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group.was-active .group-was-active\:opacity-0 {
opacity: 0
}
.\[\&\.src-loaded\]\:opacity-100.src-loaded {
opacity: 1
}
.\[\&\.src-loaded\]\:scale-100.src-loaded {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.transition-colors {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms
}
.transition-cursor {
transition-property: transform, width, height, left, right, opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms
}
.transition-opacity {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms
}
.transition-transform {
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms
}
.transition-transform-height {
transition-property: transform, height;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms
}
.transition-transform-opacity {
transition-property: transform, opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms
}
.delay-0 {
transition-delay: 0s
}
.delay-200 {
transition-delay: 200ms
}
.delay-\[0ms\] {
transition-delay: 0ms
}
.delay-\[200ms\] {
transition-delay: 200ms
}
.delay-\[250ms\] {
transition-delay: 250ms
}
.delay-\[300ms\] {
transition-delay: 300ms
}
.delay-\[350ms\] {
transition-delay: 350ms
}
.delay-\[500ms\] {
transition-delay: 500ms
}
.duration-1000 {
transition-duration: 1000ms
}
.duration-300 {
transition-duration: 300ms
}
.duration-500 {
transition-duration: 500ms
}
.duration-\[1500ms\] {
transition-duration: 1500ms
}
.duration-\[700ms\] {
transition-duration: 700ms
}
.duration-\[800ms\] {
transition-duration: 800ms
}
.ease-in {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
}
.ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}
.ease-smooth-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.ease-smooth-out {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
.tab-slider {
--tab-slider-progress: 0;
width: 95%;
}
.tab-slider-item {
transition: opacity .5s
}
.tab-slider-item:not(.is-active) {
pointer-events: none;
opacity: 0
}
.tab-slider .tab-slider-cards .tab-slider-item {
transform: translate3d(0, -30%, 0) scale(0.7);
transition: opacity .5s, transform .7s cubic-bezier(0.4, 0, 0.2, 1)
}
.tab-slider .tab-slider-cards .tab-slider-item.next-2 {
transform: translate3d(0, -20%, 0) scale(0.8) rotate(var(--trigger-rotation-3));
z-index: 8;
opacity: 1
}
.tab-slider .tab-slider-cards .tab-slider-item.next-1 {
transform: translate3d(0, -10%, 0) scale(0.9) rotate(var(--trigger-rotation-2));
z-index: 9;
opacity: 1
}
.tab-slider .tab-slider-cards .tab-slider-item.is-active {
transform: translate3d(0, 0, 0) scale(1) rotate(var(--trigger-rotation-1));
z-index: 10;
opacity: 1
}
.tab-slider .tab-slider-cards .tab-slider-item.prev-1,
.tab-slider .tab-slider-cards .tab-slider-item.prev-2 {
transform: translate3d(0%, 25%, 0) scale(1) rotate(10deg);
opacity: 0;
z-index: 11
}
.tab-slider-trigger:not(.tab-slider-trigger-nostyle) {
position: relative;
width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-align: center;
cursor: pointer
}
.tab-slider-trigger:not(.tab-slider-trigger-nostyle) {
padding-top: .9375vw;
padding-bottom: .9375vw
}
.tab-slider-trigger:not(.tab-slider-trigger-nostyle) {
padding-left: 1.25vw;
padding-right: 1.25vw
}
.tab-slider-trigger:not(.tab-slider-trigger-nostyle) {
font-size: clamp(14px, .75vw, 14px);
line-height: 1.7;
letter-spacing: -0.07px
}
@media(min-width: 1360px) {
.tab-slider-trigger:not(.tab-slider-trigger-nostyle) {
padding-top: .625vw;
padding-bottom: .625vw
}
}
.tab-slider-trigger:not(.tab-slider-trigger-nostyle):after,
.tab-slider-trigger:not(.tab-slider-trigger-nostyle):before {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
background-color: currentColor;
transform: scaleX(0)
}
.tab-slider-trigger:not(.tab-slider-trigger-nostyle):before {
opacity: .3;
transition: transform .3s
}
.tab-slider-trigger:not(.tab-slider-trigger-nostyle).is-visible:before {
transform: scaleX(1);
transform-origin: 0% 50%;
transition: transform .5s .3s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.tab-slider-trigger:not(.tab-slider-trigger-nostyle):after {
opacity: 0;
transform-origin: 50% 50%;
transition: transform .3s, opacity .5s .3s
}
.tab-slider-trigger:not(.tab-slider-trigger-nostyle).is-visible:after {
opacity: 1
}
.tab-slider-trigger:not(.tab-slider-trigger-nostyle).is-active:after {
transform: scaleX(var(--tab-slider-progress));
transform-origin: 0 50%
}
.tab-slider-trigger:not(.tab-slider-trigger-nostyle):hover:not(.is-active):after {
transform: scaleX(1);
opacity: .7;
transform-origin: 50% 50%;
transition: transform .3s, opacity .5s
}
.tab-slider.autoplay .tab-slider-trigger.is-active:after {
transition: transform .05s
}  .bird-container-div{overflow: hidden;
width: 100%;
height: 100%;
position: absolute;}
.comparison-slider-container {
cursor: col-resize;
overflow: hidden;
width: 100%;
height: 100vh; }
.slider-col {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
}
.slider-col .slider-bg {
background-position: bottom left;
background-size: cover;
background-repeat: no-repeat;
width: 100vw;
height: 100vh;
}
.slider-right .slider-bg {
background-image: url(//www.d1percent.com/wp-content/themes/solar-theme/img/sl2.png);
}
.slider-left {
left: 0;
width: 0; }
.slider-left .slider-bg {
background-image: url(//www.d1percent.com/wp-content/themes/solar-theme/img/sl1.png);
}
.handle {
background-color: #fff;
width: 4px;
height: 100%;
position: absolute;
cursor: col-resize;
margin-left: -4px;
} .logo-slider .slick-slide img{
margin: 0 auto;
}