section.home-sec-loader {display: flex;width: 100%;height: 130vh;align-items:center;position: fixed;top:0;left:0;z-index: 9999;padding-bottom:30vh;}
section.home-sec-loader .row {height: 100vh;display: flex;align-content: space-between;padding: 15vh 0px;position:relative;z-index:3;}
section.home-sec-loader h2{color:var(--color-01);font-size:var(--rfs-36);}
section.home-sec-loader p{color:var(--color-01);font-size:20px;}

.gradient-color{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;background: radial-gradient(circle at center, #0e1d42, #182f68, #0e1d42, #0e1d42);background-size: 100% 100%;}
	

.btn-km{margin-top:20px;}

body{overflow-x:hidden;}
body .bg_line_art{content:"";pointer-events: none;background: url("../../assets/img/bg-line-art.png") repeat top left;background-size:contain;background-attachment: fixed;width:120vw;height:120vh;z-index: 1;position:fixed;top:0;left:0;mix-blend-mode: difference;}

.is_1_wrp,
canvas#image-sequence-03,
canvas#image-sequence-05 {display: block;width: 100vw;height: 100vh;object-fit: cover;opacity:1;position: fixed;top: 0;left: 0;transition: opacity 0.3s ease-out;}

/* Initially both visible */
#image-sequence-01 {opacity: 1;z-index: -1;}
#image-sequence-03 {opacity: 1;z-index: -2;}
#image-sequence-05 {opacity: 1;z-index: -3;}
/*background: radial-gradient(#3b316d , #1b1333);*/

.is_1_wrp{display: flex;justify-content: flex-end;text-align: right;background: radial-gradient(circle at center, #0e1d42, #182f68, #0e1d42, #0e1d42);background-size: 100% 100%;animation: smoothGradient 12s ease-in-out infinite;}

@keyframes smoothGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}


.home-sec-01 .banner_text{backdrop-filter:none;}
.is_1_wrp #image-sequence-01{transform: scale(.75) translateX(10%);transform-origin: bottom right;filter: drop-shadow(-28px 3px 6px rgba(0,0,0,0.5));}


.banner_text{max-width: 550px;backdrop-filter: blur(20px);padding:50px;position: relative;z-index: 9;}
.banner_text h2{color: var(--color-11);font-size:var(--rfs-54);margin-bottom:20px;}
.banner_text p{margin-bottom:20px;}


section.home-sec-01{padding: 0% 5vw 5vh 5vw;height: 100vh;position: relative;display: flex;align-items: center;}
section.home-sec-01 h1{color: var(--color-01);font-size:var(--rfs-72);/*font-size: calc(1.4rem + 1vw + 2vh);*/margin-bottom: 20px;}
section.home-sec-01 p{color: var(--color-01);font-size:21px;}

section.home-sec-02{padding: 0% 5vw 5vh 5vw;height: 100vh;position: relative;z-index: 9999;display: flex;align-items: flex-end;}


section.home-sec-03{padding: 0% 5vw 5vh 5vw;height: 300vh;position: relative;z-index: 999;overflow: hidden;display: flex;align-items: flex-end;}
section.home-sec-03 .bg_light{width: 100vw;height: 100vh;position:absolute;top: 200vh;left:0;background: url("sequence-03/031.webp");background-position: left center;background-size: cover;opacity: 0;transition: all 300ms ease-in-out;}
section.home-sec-03 .bg_light:before{content:"";width: 100%;height: 100vh;background: linear-gradient(360deg, #ffffff 0%, #ffffffbd 10%, #ffffff00 100%);backdrop-filter: blur(13px);position: absolute;bottom: 0;left: 0;}
section.home-sec-03 .banner_text{padding-left:50px;padding-right:50px;}
section.home-sec-03 .cards-wrp{width: 100vw;position:absolute;top: 215vh;left: 60.2%;opacity:0;background:#cdd0d3;}
section.home-sec-03 .cards{width: 30vh;height: 42vh;background-size:100% 100% !important;box-shadow: 0px 0px 20px rgba(0,0,0,0.5);position: absolute;left: 0%;transform:scale(1);text-align: center;display: flex;align-items: center;justify-content: center;transform-origin: bottom left;}
section.home-sec-03 .cards:before{content:"";width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
section.home-sec-03 .cards .points{padding: 30px;display:none;z-index: 9;transition:all 300ms ease-in-out;}
section.home-sec-03 .cards .points:after{content:"";width: 170%;height: 1px;position: absolute;top: 90px;right: 20%;}
section.home-sec-03 .cards .points h3{color: #0e1d42;font-size:24px;font-weight: 700;text-transform: uppercase;}
section.home-sec-03 .cards .points img{}
section.home-sec-03 .cards .points p.lead{color: var(--color-11);font-weight: 600;padding-bottom: 10px;position: relative;}
section.home-sec-03 .cards .points p.lead:after{content:"";}
section.home-sec-03 .cards .points p{}
section.home-sec-03 .cards.active{opacity:1 !important;}
section.home-sec-03 .cards.active .points{opacity:1;right:50px;transition:all 300ms ease-in-out;}

/*section.home-sec-03 .cards.cc-00{background:url("cards/card-00.png") no-repeat center center;background-size:cover;transform:scale(1);}*/
section.home-sec-03 .cards.cc-01{background:url("cards/card-11.png");opacity:1.0;transform: rotate(43deg);}
section.home-sec-03 .cards.cc-02{background:url("cards/card-12.png");opacity:1.7;transform: rotate(11deg);}
section.home-sec-03 .cards.cc-03{background:url("cards/card-13.png");opacity:1.4;transform: rotate(-9deg);}
section.home-sec-03 .cards.cc-04{background:url("cards/card-14.png");opacity:1.2;transform: rotate(-29deg);}
section.home-sec-03 .cards.cc-05{background:url("cards/card-15.png");opacity:1.1;transform: rotate(-55deg);}

section.home-sec-04{color: var(--color-01);position: relative;background: var(--color-11);padding: 8% 5%;margin-bottom: 0px;min-height: 100vh;display: flex;flex-direction: column;justify-content: center;}
section.home-sec-04 .container-fluid{padding-top: 0px;padding-left:0px;padding-right:0px;padding-bottom: 0px;}
section.home-sec-04 h2{font-family: "Manrope", sans-serif;font-size: var(--rfs-72);text-transform: inherit;background: #0e1d4291;padding: 50px;max-width: 1050px;}
section.home-sec-04 p{max-width: 530px;margin-top: 20vh;padding-top:30px;border-top: 1px solid #f2af74;}

section.home-sec-05{color:var(--color-01);padding: 5vw 0vw;min-height: 100vh;background: url("varcon-map.jpg") no-repeat center top;display: flex;align-items: flex-start;flex-direction: column;justify-content: flex-end;position: relative;z-index: 999;}
section.home-sec-05 h2{margin-bottom: 60px;}
section.home-sec-05 p{max-width:400px}
section.home-sec-05 ul.stats{margin: 0px;padding: 0px;list-style-type: none;gap:40px;display: flex;}
section.home-sec-05 ul.stats li{}
section.home-sec-05 ul.stats li h3{font-size: var(--rfs-48);}
section.home-sec-05 ul.stats li p{}

section.home-sec-06{padding: 5vw 0vw;position: relative;display: flex;align-items: flex-start;flex-direction: column;}
section.home-sec-06 h2{position: absolute;}
section.home-sec-06 .ss_box{min-height: 65vh;padding: 40px;position: relative;margin-left: 20px;}
section.home-sec-06 .ss_box h5{font-family: "prohibition", sans-serif;margin-bottom: 14vh;}
section.home-sec-06 .ss_box .ssb_content{}
section.home-sec-06 .ss_box .ssb_content h3{font-size: var(--rfs-30);margin-bottom: 30px;}
section.home-sec-06 .ss_box .ssb_content p{}

section.home-sec-06 button.slick-arrow{font-size: 0px;width: 50px;height: 50px;border: none;position: absolute;top: 50%;left: -44%;background-repeat:no-repeat;background-position:center center;background-size: 35%;transition:all 200ms ease-in-out;}

section.home-sec-06 button.slick-prev.slick-arrow{background-image: url("../../assets/img/right-arrow.png");}
section.home-sec-06 button.slick-next.slick-arrow{margin-left: 60px;background-image: url("../../assets/img/left-arrow.png");}
section.home-sec-06 button.slick-arrow:hover{transform:scale(1.2);transition:all 200ms ease-in-out;}


section.home-sec-06 .ss_box.bg_01{background: #c7c7c7;}
section.home-sec-06 .ss_box.bg_02{background:#F2AF74;}
section.home-sec-06 .ss_box.bg_03{color: var(--color-01);background:#383838;}
section.home-sec-06 .ss_box.bg_04{color: var(--color-01);background:#0E1D42;}
section.home-sec-06 .ss_box.bg_05{background:#9DB0DF;}


section.home-sec-07{padding: 5vw 0vw;position: relative;}
section.home-sec-07 h2{color: var(--color-11);margin-bottom:40px;}
section.home-sec-07 p{max-width: 370px;}
section.home-sec-07 ul.proj_details{max-width:450px;margin: 50px 0px 0px 0px;padding: 0px;list-style-type: none;gap: 10px;display: flex;flex-direction: column;}
section.home-sec-07 ul.proj_details li{display: flex;flex-direction: row;}
section.home-sec-07 ul.proj_details li h4{color: var(--color-11);font-family: "prohibition", sans-serif;font-size: 18px;font-weight: 600;letter-spacing: 0.5px;min-width: 130px;}
section.home-sec-07 ul.proj_details li p{line-height: 1;margin-bottom: 0px;}


section.home-sec-07 .goldi_solar_slider{margin-left:10%;}
section.home-sec-07 button.slick-arrow{font-size: 0px;width: 50px;height: 50px;border: none;position: absolute;top: 103%;left: 0%;background-repeat:no-repeat;background-position:center center;background-size: 35%;transition:all 200ms ease-in-out;}
section.home-sec-07 button.slick-prev.slick-arrow{background-image: url("../../assets/img/right-arrow.png");}
section.home-sec-07 button.slick-next.slick-arrow{margin-left: 60px;background-image: url("../../assets/img/left-arrow.png");}

section.home-sec-07 button.slick-arrow:hover{transform:scale(1.2);transition:all 200ms ease-in-out;}



/* Smartphones (portrait and landscape) ----------- */
@media only screen  and (min-device-width : 320px)  and (max-device-width : 480px) {
	
	
	.is_1_wrp #image-sequence-01{transform: scale(1) translateX(0%) !important;transform-origin: center center;filter: drop-shadow(-28px 3px 6px rgba(0,0,0,0.5));}


	section.home-sec-01{padding:20px;display: flex;align-items: flex-end;}
	section.home-sec-01 p{font-size:18px;}
	section.home-sec-01 p br{display:none;}
	
	section.home-sec-03{padding: 0px !important;}
	section.home-sec-03 .banner_text{width: 100%;padding: 30px 30px 50px 30px;}
	section.home-sec-03 .cards-wrp{left:30%;}
	section.home-sec-03 .cards{width: 19vh;height: 25vh;}
	
	section.home-sec-04{min-height: auto;padding: 50px 30px 30px 30px;}
	section.home-sec-04 h2{font-size: var(--rfs-48);padding: 0px;}
	section.home-sec-04 p{margin-top: 20px;}
	
	section.home-sec-05{min-height: auto;padding: 465px 20px 40px 20px;background-color: #002667;background-size: 200%;background-position: right top;}
	section.home-sec-05 h2{margin-bottom:30px;}
	section.home-sec-05 h2 br{display:none;}
	section.home-sec-05 ul.stats{margin-top:30px;}
	section.home-sec-05 ul.stats li h3{font-size: var(--rfs-64);}

	section.home-sec-06{padding: 50px 20px 50px 20px;}
	section.home-sec-06 h2 {position: static;margin-bottom: 30px;}
	section.home-sec-06 .ss_box{min-height: auto;margin-left:0px;width: 100%;}
	section.home-sec-06 .ss_box h5{margin-bottom:10vh;}
	section.home-sec-06 .ss_box .ssb_content h3{font-size:var(--rfs-48);}
	
	section.home-sec-07{padding: 20px 20px 50px 20px;}
	section.home-sec-07 .goldi_solar_slider{margin-left: 0px;margin-top: 40px;}
	
	
}