@font-face {
    font-family: 'varunaFonts';
    src: url(../fonts/RoobertPRO-Regular.ttf) format('truetype'),
    url(../fonts/RoobertPRO-Medium.ttf) format('truetype'),
    url(../fonts/RoobertPRO-SemiBold.ttf) format('truetype');
}

body{background-color: #000000 !important; padding: 0; margin: 0; font-family: 'varunaFonts';}

/* Universal */
.no-break{display: block;}
.no-pad-lr{padding-left: 0px !important; padding-right: 0px !important;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: #ffffff !important; color: #000000 !important; border-left: 4px solid rgba(0,0,0,1); border-radius: 0px; margin-left: -4px;}
.hero_logo_mar{margin-right: 92px !important;}

.navbar-toggler{border: none !important; padding: 0px 10px 0px 0px !important;}
.navbar-toggler-icon{background-image: url(../images/varuna_hamburger_menu_icon.svg) !important;}
.navbar-close-icon{background-image: url(../images/navbar_close.svg) !important; background-repeat: no-repeat; display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-position: center; background-size: 100%;}
.hidden{display: none;}
.mobile_nav_menu_btn{border: 1px solid #ffffff; font-size: 14px; line-height: 22px; color: rgba(255, 255, 255, 1); text-align: center; margin-bottom: 0px; font-weight:600; font-family: 'varunaFonts'; border-radius: 4px; padding: 4px 12px; text-decoration: none; display: none;}
.mobile_extra_btn{display: none;}

.textify-title .word, .textify-title .char {line-height: 100px;}
/* Parallax */
#header_section_parallax{position: relative; z-index: 2; margin-bottom: -20px;}
#footer_section{position: sticky; bottom: 0%; z-index: 0; overflow: hidden;}
#header_dark_bg{background-color: #000000;}



/* Spection */

.block{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	font-size: 16px;
	padding: 300px 0;
  }

  .img-parallax{
	background: -webkit-linear-gradient(top, #151414, #000000);
	width: 100vmax;
	z-index: -1;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	pointer-events: none;
  }
  .parallax_img_1{float: right;}
  .parallax_img_2{float: left; left: -180px; position: relative;}
  .parallax_img_3{float: right; right: -250px; position: relative;}
  .parallax_img_4{float: left; left: -250px; position: relative;}


  .demo-solution--flexbox {
	display: flex;
	align-items: center;
	margin: auto;
  }
  .demo-solution--flexbox img {
	margin: 10px;
	padding: 10px;
	transition: margin 300ms;
  }
  .parallax_heading{font-size: 30px; line-height: 40px; color: rgba(255, 255, 255, 1); margin-bottom: 10px; font-weight:600; font-family: 'varunaFonts';}
  .parallax_line{border-bottom: 1px solid rgba(255,255,255,1); margin-bottom: 30px;}
  .parallax_text{font-size: 40px; line-height: 50px; color: rgba(255, 255, 255, 1); margin-bottom: 0px; font-weight:500; font-family: 'varunaFonts';}
  .parallax_bold{font-size: 100px; line-height: 100px; color: rgba(255, 255, 255, 1); margin-bottom: 0px; font-weight:700; font-family: 'varunaFonts';}
  .parallax_mar{margin-bottom: 100px;}



/* Form CSS */
.popup {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	width: 100vw;
	height: 100vh;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 2;
	visibility: hidden;
	opacity: 0;
	overflow: hiden;
	transition: 0.64s ease-in-out;
  }
  .popup-inner {
	position: relative;
	bottom: -100vw;
	right: -100vh;
	display: flex;
	align-items: center;
	max-width: 800px;
	max-height: 600px;
	width: 60%;
	height: 80%;
	background-color: #fff;
	transform: rotate(32deg);
	transition: 0.64s ease-in-out;
  }
  .popup:target {
	visibility: visible;
	opacity: 1;
  }
  .popup:target .popup-inner {
	bottom: 0;
	right: 0;
	transform: rotate(0);
  }
  .popup__close {
	position: absolute;
	right: -1rem;
	top: -1rem;
	width: 3rem;
	height: 3rem;
	font-size: 0.875rem;
	font-weight: 300;
	border-radius: 100%;
	background-color: #0A0A0A;
	z-index: 4;
	color: #fff;
	line-height: 3rem;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
  }
  .popup_form_section{width: 100%; padding: 40px;}
  .popup_form_heading{font-size: 36px; line-height: 44px; color: #000000; text-align: center; margin-bottom: 8px; font-weight:700; font-family: 'varunaFonts'; }
  .popup_form_text{font-size: 18px; line-height: 26px; color: rgba(0, 0, 0, 0.5); text-align: center; margin-bottom: 20px; font-weight:600; font-family: 'varunaFonts'; }
  .popup_form_label{font-size: 16px; line-height: 26px; color: rgba(0, 0, 0, 0.82); margin-bottom: 5px; font-weight:600; font-family: 'varunaFonts'; }
  .popup_form_label sup{color: red;}
  .popup_form_input{font-size: 16px; line-height: 26px; color: rgba(0, 0, 0, 0.82); margin-bottom: 15px; font-weight:400; font-family: 'varunaFonts'; width: 100%; padding: 5px 10px; border: 1px solid rgba(0,0,0,.2);}
  .popup_form_btn{font-size: 20px; line-height: 30px; color: #ffffff; margin-bottom: 0px; text-align: center; font-weight:700; font-family: 'varunaFonts'; width: 100%; padding: 5px 10px; border: none; background: -webkit-linear-gradient(left, #37C5F1, #6637F1);}
  

/* Main CSS */


#hero_section{padding-bottom: 400px;}

#nav_menu{margin-bottom: 60px; z-index: 999; position: relative;}
.navbar_mobile_menu{display: none;}
.menu-button{background-color: #ffffff; border-radius: 30px; padding: 5px 15px !important; color: #000000; display: block; text-decoration: none; font-family: 'varunaFonts'; cursor: pointer;}
.menu_mobile_button{background-color: transparent; border-radius: 30px; border: 1px solid #ffffff; padding: 5px 15px !important; color: #ffffff; display: block; text-decoration: none; font-family: 'varunaFonts'; margin-bottom: 10px;}
.nav-link{margin-right: 32px; color: #ffffff !important; font-family: 'varunaFonts'; font-size: 16px; line-height: 20px;}
.nav-link_mobile span{display: none;}
.header-main-heading{font-size: 100px; line-height: 100px; color: #ffffff; text-align: center; margin-bottom: 28px; font-weight:400; font-family: 'varunaFonts'; }
.header-main-text{font-size: 28px; line-height: 34px; color: rgba(255, 255, 255, 0.52); text-align: center; margin-bottom: 40px; font-weight:500; font-family: 'varunaFonts';}
.header-main-text-thank-you{font-size: 18px; line-height: 34px; color: rgba(255, 255, 255, 0.52); text-align: center; margin-bottom: 40px; font-weight:500; font-family: 'varunaFonts';}
.header-button{font-size:16px; line-height: 24px; font-weight: 500; background-color: rgba(255, 255, 255, 0.20); border-radius: 30px; color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.50); display:inline-block; text-align: center; padding: 5px 15px; text-decoration: none; transition: all .2s ease-in;}
.header-button:hover{background-color: rgba(255, 255, 255, 0.05);}
.header-button-arrow{margin-left: 2px;}
.hero-btn-center{margin-bottom: 0px; text-align: center;}

.background-img{position: absolute; left: 0; top: 0; z-index: 1;}
.footer-background-img{position: absolute; left: 0; bottom: 0; z-index: -1; width: 100%;}

.text-z-index{z-index: 6; position: relative;}


/* Tilt Image */


.sticky_div {
	height: 3200px;
	background: transparent;
    position: absolute;
    top: -650px;
    
}
.sticky_element {
	/*max-height: 400px;*/
	padding: 0px 0 200px 0 !important;
	position:sticky;
	top: 0px;
	z-index: 3;
	
}

div#images{
	height: 2000px;
	text-align: center;
	z-index: 5;
	
  }
  .sequencer{
	width: 60%;
	top: 40px;
    position: relative;
  }
  .mobile_still_img{display: none;}
  .mobile_still_img_section{position: relative;}
#grid_box_section{position:absolute; width: 100%; z-index: 1;}
.box_grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
	grid-gap: 0rem;
	
  }
  .box_grid > div {
	
	padding: 1rem;
	display: grid;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, 0.05);
  }
  .box_grid > div::before {
	content: "";
	display: block;
	padding-bottom: 100%;
	grid-area: 1/1/2/2;
  }
  .box_grid > div img {
	width: 100%;
	grid-area: 1/1/2/2;
  }

#rounded_white_bg_section{background-color: #ffffff; border-radius: 40px; padding: 280px 0 180px 0; z-index: 5; position: relative;}
.white-part-center-heading{font-size: 80px; line-height: 84px; color: #000000; text-align: center; margin-bottom: 28px; font-weight:600; font-family: 'varunaFonts'; }
.white-par-center-text-first{font-size: 24px; line-height: 30px; color: rgba(0,0,0,.5); text-align: center; margin-bottom: 200px; font-weight:500; font-family: 'varunaFonts';}
.white-par-center-text-first span{color: rgba(0,0,0,1);}
.white-par-center-text-two{font-size: 24px; line-height: 30px; color: rgba(0,0,0,.5); text-align: center; margin-bottom: 200px; font-weight:500; font-family: 'varunaFonts'; display: none;}

.second_fold_bg{background: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0)); z-index: 6; position: relative; padding-top: 160px;}

.second_img_section{margin-bottom: 60px; z-index: -1; position: relative;}
.mobile_still_img_second{display: none;}
.benefits_details_main_box{position: relative;}

.benefits_details_box_1{position: absolute; top: 14%; left: 8%;}
.benefits_details_box_line_1{width: 220px; height: 1px; background-color: rgba(0,0,0,.2); margin-bottom: 8px;}
.benefits-details_box_heading_1{font-size: 16px; line-height: 21px; color: rgba(0,0,0,1); margin-bottom: 0px; font-weight:700; font-family: 'varunaFonts';}
.benefits-details_box_subheading_1{font-size: 16px; line-height: 21px; color: rgba(0,0,0,.5); font-weight:400; margin-bottom: 0px; font-family: 'varunaFonts';}

.benefits_details_box_2{position: absolute; top: 54%; left: 10%;}
.benefits_details_box_line_2{width: 220px; height: 1px; background-color: rgba(0,0,0,.2); margin-bottom: 8px;}
.benefits-details_box_heading_2{font-size: 16px; line-height: 21px; color: rgba(0,0,0,1); margin-bottom: 0px; font-weight:700; font-family: 'varunaFonts';}
.benefits-details_box_subheading_2{font-size: 16px; line-height: 21px; color: rgba(0,0,0,.5); font-weight:400; margin-bottom: 0px; font-family: 'varunaFonts';}

.benefits_details_box_3{position: absolute; top: 10%; right: 15%;}
.benefits_details_box_line_3{width: 260px; height: 1px; background-color: rgba(0,0,0,.2); margin-bottom: 8px;}
.benefits-details_box_heading_3{font-size: 16px; line-height: 21px; color: rgba(0,0,0,1); text-align: right; margin-bottom: 0px; font-weight:700; font-family: 'varunaFonts';}
.benefits-details_box_subheading_3{font-size: 16px; line-height: 21px; color: rgba(0,0,0,.5); text-align: right; font-weight:400; margin-bottom: 0px; font-family: 'varunaFonts';}

.benefits_details_box_4{position: absolute; top: 50%; right: 12%;}
.benefits_details_box_line_4{width: 180px; height: 1px; background-color: rgba(0,0,0,.2); margin-bottom: 8px;}
.benefits-details_box_heading_4{font-size: 16px; line-height: 21px; color: rgba(0,0,0,1); text-align: right; margin-bottom: 0px; font-weight:700; font-family: 'varunaFonts';}
.benefits-details_box_subheading_4{font-size: 16px; line-height: 21px; color: rgba(0,0,0,.5); text-align: right; font-weight:400; margin-bottom: 0px; font-family: 'varunaFonts';}


.benefits_desktop{display: block;}
.benefits_mobile{display: none;}

.benefits_flex{display: flex; gap: 12px; flex-wrap: wrap;}
.benefits_mobile_box{width: 48%;}
.benefits_mobile_details_box_line{width: 100%; height: 1px; background-color: rgba(0,0,0,.2); margin-bottom: 0px;}
.benefits_mobile_details_box_heading{font-size: 14px; line-height: 21px; color: rgba(0,0,0,1); margin-bottom: 0px; font-weight:700; font-family: 'varunaFonts';}
.benefits_mobile_details_box_subheading{font-size: 14px; line-height: 21px; color: rgba(0,0,0,.5); font-weight:400; margin-bottom: 16px; font-family: 'varunaFonts';}


.js-scroll {
	opacity: 0;
	transition: opacity 500ms;
  }
  
  .js-scroll.scrolled {
	opacity: 1;
  }
  
  .scrolled.fade-in {
	animation: fade-in 1s ease-in-out both;
  }
  
  .scrolled.fade-in-bottom {
	animation: fade-in-bottom 1s ease-in-out both;
  }
  
  .scrolled.slide-left {
	animation: slide-in-left 1s ease-in-out both;
  }
  
  .scrolled.slide-right {
	animation: slide-in-right 1s ease-in-out both;
  }
  
  @keyframes slide-in-left {
	0% {
	  -webkit-transform: translateX(-50px);
	  transform: translateX(-50px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	  opacity: 1;
	}
  }
  
  @keyframes slide-in-right {
	0% {
	  -webkit-transform: translateX(50px);
	  transform: translateX(50px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	  opacity: 1;
	}
  }
  
  @keyframes fade-in-bottom {
	0% {
	  -webkit-transform: translateY(50px);
	  transform: translateY(50px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	  opacity: 1;
	}
  }
  
  @keyframes fade-in {
	0% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
  }





.benefits_pills_main{width: 100%; border-left: 4px solid rgba(0,0,0,.1); flex-direction: column;}
.benefits_tab_content{width: 100%;}
.benefits_pills_button{display: block !important; background-color: inherit; color: rgba(0,0,0,.3) !important; padding: 12px 16px !important; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; transition: 0.3s; font-size: 24px !important; line-height: 32px !important; font-weight:600; font-family: 'varunaFonts';}

.benefits_tab_top_content_box{margin-bottom: 32px;}
.benefits_tab_main_content{font-size: 20px; line-height: 24px; color: #000000; margin-bottom: 28px; font-weight:600; font-family: 'varunaFonts';}
.benefits_tab_pointer_text{font-size: 20px; line-height: 24px; color: #000000; margin-bottom: 28px; font-weight:600; font-family: 'varunaFonts';}
.benefits_tab_pointer_text img{margin-right: 12px;}
.benefits_numbers_box{display: flex; gap: 70px;}
.benefits_number{font-size: 48px; line-height: 54px; color: #000000; margin-bottom: 8px; font-weight:600; font-family: 'varunaFonts';}
.benefits_number_text{font-size: 14px; line-height: 21px; color: rgba(0,0,0,.5); margin-bottom: 20px; font-weight:600; font-family: 'varunaFonts';}


/* Varuna Comparision Section */
.comparision_table_mobile{display: none;}
.light-bg-section{background-color: #F6F6f6; padding: 120px 0; border-radius: 40px;}
.varuna-comparision-heading{font-size: 80px; line-height: 84px; color: #000000; text-align: center; margin-bottom: 80px; font-weight:700; font-family: 'varunaFonts';}
.comparision_table_item{display: grid; gap: 116px; margin-top: 235px;}
.comparision_table_itme_heading{font-size: 16px; line-height: 24px; color: #000000; margin-bottom: 0px; font-weight:600; font-family: 'varunaFonts';}
.comparision_table_itme_heading img{margin-right: 16px;}
.comparision_table_varuna{position: relative; background: -webkit-linear-gradient(left, #37C5F1, #6637F1); padding: 12px 3px 3px 3px; border-radius: 30px;}
.comparision_table_varuna_inside{background: #F0f0f0; padding: 48px 13px; border-radius: 30px;}
.varuna_name img{margin-bottom: 12px;}
.varuna_name_sub{font-size: 20px; line-height: 30px; color: #000000; margin-bottom: 40px; text-align: center; font-weight:500; font-family: 'varunaFonts';}
.table_border{border-top: 1px solid rgba(0,0,0,.5); margin-bottom: 48px;}
.varuna_comparision_details{display: grid; gap: 60px;}
.varuna_detail_heading{font-size: 48px; line-height: 44px; margin-bottom: 0px; text-align: center; font-weight:700; font-family: 'varunaFonts'; background: -webkit-linear-gradient(left, #37C5F1, #6637F1); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.varuna_detail_heading span{font-size: 20px; font-weight:700; margin-bottom: 0px;}
.varuna_detail_heading span sup{font-size: 12px; font-weight:700; background: -webkit-linear-gradient(left, #37C5F1, #6637F1); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.varuna_detail_sub{font-size: 16px; line-height: 24px; margin-bottom: 0px; text-align: center; font-weight:500; font-family: 'varunaFonts'; color: rgba(0,0,0,.5);}

.traditional_name{padding: 20px 0 6px 0;}
.traditional_table{border-radius: 30px; border: 1px solid rgba(0,0,0,.2); background-color: #F6F6f6; padding: 48px 13px;}
.traditional_comparision_details{display: grid; gap: 60px;}
.traditional_detail_heading{font-size: 48px; line-height: 44px; margin-bottom: 0px; text-align: center; font-weight:700; font-family: 'varunaFonts'; color: rgba(0,0,0,.7);}
.traditional_detail_heading span{font-size: 20px; font-weight:700; margin-bottom: 0px;}
.traditional_detail_heading span sup{font-size: 12px; font-weight:700;}
.traditional_detail_sub{font-size: 16px; line-height: 24px; margin-bottom: 0px; text-align: center; font-weight:500; font-family: 'varunaFonts'; color: rgba(0,0,0,.5);}

#varuna_benefits_section{padding: 180px 0;}
.varuna_benefits_title{font-size: 80px; line-height: 84px; margin-bottom: 80px; font-weight:700; font-family: 'varunaFonts'; color: rgba(0,0,0,1);}
.benefits_span{background: #000000 !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;}
.varuna_benefits_title p{background: -webkit-linear-gradient(left, #37C5F1, #6637F1); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.video_bg{background-image: url(../images/varuna_video_bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.video_play_btn{padding: 250px 0;}
.button {
	display: inline-block;
	position: relative;
  }
  .button.is-play {
	background: -webkit-linear-gradient(300deg, #37C5F1, #6637F1);
	border-radius: 50%;
	width: 110px;
	height: 110px;
  }
  .button.is-play .button-outer-circle {
	background: -webkit-linear-gradient(300deg, #37C5F1, #6637F1);
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
  }
  .button.is-play .button-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	transform: translate(-50%, -50%);
  }
  .button.is-play .button-icon .triangle {
	-webkit-animation: fadeIn 7s ease;
			animation: fadeIn 7s ease;
  }
  .has-scale-animation {
	-webkit-animation: smallScale 3s infinite;
			animation: smallScale 3s infinite;
  }
  .has-delay-short {
	-webkit-animation-delay: 0.5s;
			animation-delay: 0.5s;
  }
  @-webkit-keyframes fadeIn {
	from {
	  opacity: 0;
	}
	to {
	  opacity: 1;
	}
  }
  @keyframes fadeIn {
	from {
	  opacity: 0;
	}
	to {
	  opacity: 1;
	}
  }
  @-webkit-keyframes smallScale {
	from {
	  transform: scale(1);
	  opacity: 1;
	}
	to {
	  transform: scale(1.8);
	  opacity: 0;
	}
  }
  @keyframes smallScale {
	from {
	  transform: scale(1);
	  opacity: 1;
	}
	to {
	  transform: scale(1.8);
	  opacity: 0;
	}
  }



.videopopupjs{
    background-color:#000;
    background-color:rgba(0,0,0,0.6);
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:99999;
    text-align: start!important;
}
.videopopupjs--hide{
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: videoPopupJsHide;
    animation-name: videoPopupJsHide;
}
.videopopupjs__close{
    width:30px;
    height:30px;
    cursor:pointer;
    display:block;
    margin-bottom:10px;
    color:rgba(255, 255, 255, 0.59);
}
.videopopupjs__close:after{
    width:30px;
    height:30px;
    display:block;
    text-align:center;
    content:'X';
    font-family:'Verdana';
    border-radius:50%;
    background:#333;
    line-height:2.2;
    font-size:13px;
}
.videopopupjs__close:hover{
    opacity:0.5;
}
.videopopupjs--animation{
    opacity: 0;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: videoPopupJs;
    animation-name: videoPopupJs;
}
.videopopupjs__content{
    margin:0 auto;
    height:100%;
    height:500px;
    width:100%;
    margin-top:5%;
}
.videopopupjs__content iframe{
    width:100%;
    height:100%;
}
.videopopupjs__block--notfound{
    position:absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width:100%;
    height:500px;
    background-color:#fff;
    text-align:center;
    vertical-align: middle;
    line-height: 500px;
    font-family:'Arial';
    font-size:20px;
}
@media(max-width: 768px){
    .videopopupjs__content{
        max-width:90%!important;
    }
}
@-webkit-keyframes videoPopupJs{
    0%{
        opacity: 0;
    }

    100%{
        opacity: 1;
    }
}

@keyframes videoPopupJs{
    0%{
        opacity: 0;
    }

    100%{
        opacity: 1;
    }
}

@-webkit-keyframes videoPopupJsHide{
    0%{
        opacity: 1;
    }

    100%{
        opacity: 0;
    }
}

@keyframes videoPopupJsHide{
    0%{
        opacity: 1;
    }

    100%{
        opacity: 0;
    }
}


  
#sustainablitiy_benefits_section{padding: 180px 0; background-image: url(../images/sustainablity_section_bg.jpg); background-repeat: no-repeat; background-size: cover;}
.varuna_cost_effective_title{font-size: 80px; line-height: 84px; margin-bottom: 28px; font-weight:700; text-align: center; font-family: 'varunaFonts'; color: rgba(0,0,0,1);}
.varuna_cost_effective_sub_one{font-size: 24px; line-height: 30px; margin-bottom: 45px; font-weight:700; text-align: center; font-family: 'varunaFonts'; color: rgba(0,0,0,.5);}
.varuna_cost_effective_sub_two{font-size: 24px; line-height: 30px; margin-bottom: 45px; font-weight:700; text-align: center; font-family: 'varunaFonts'; color: rgba(0,0,0,1);}
.varuna_cost_effective_sub_three{font-size: 24px; line-height: 30px; margin-bottom: 70px; font-weight:700; text-align: center; font-family: 'varunaFonts'; color: rgba(0,0,0,.5);}

.varuna_forest_bg{background-image: url(../images/varuna_forest_bg.png); background-repeat: no-repeat; background-position: top; background-size:100%; padding: 107px 68px;}
.varuna_forest_text{font-size: 36px; line-height: 50px; margin-bottom: 0px; font-weight:700; text-align: center; font-family: 'varunaFonts'; color: #ffffff;}

#varuna_calculator_section{background-color: rgba(0,0,0,.03); padding: 120px 0;}
.calculator_top_heading{font-size: 18px; line-height: 26px; text-transform: uppercase; margin-bottom: 0px; font-weight:600; font-family: 'varunaFonts'; background: -webkit-linear-gradient(left, #37C5F1, #6637F1); background: -o-linear-gradient(right,  #37C5F1, #6637F1); background: -moz-linear-gradient(right, #37C5F1, #6637F1); background: linear-gradient(to right, #37C5F1, #6637F1);  -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.calculator_main_heading{font-size: 48px; line-height: 54px; margin-bottom: 24px; font-weight:700; font-family: 'varunaFonts'; color: #000000; margin-top: 24px;}
.calculator_main_text{font-size: 24px; line-height: 30px; margin-bottom: 24px; font-weight:600; font-family: 'varunaFonts'; color: rgba(0,0,0,.5);}

.calculator_form_section{background-color: #ffffff; padding: 50px; border-radius: 40px; margin-top: 54px;}
.calculator_form_heading{font-size: 24px; line-height: 34px; margin-bottom: 8px; font-weight:700; font-family: 'varunaFonts'; color: #000000;}
.calculator_form_text{font-size: 16px; line-height: 24px; margin-bottom: 24px; font-weight:600; font-family: 'varunaFonts'; color: rgba(0,0,0,.5)}
.calculator_form_input{border: 1px solid rgba(0,0,0,.2); padding: 23px 20px; border-radius: 12px; margin-bottom: 48px; width: 100%;}
.calculator_form_input::placeholder{color: rgba(0,0,0,.2); font-family: 'varunaFonts'; font-size: 18px; line-height: 34px; font-weight: 400;}
.calculator_form_btn{font-size: 16px; line-height: 24px; margin-bottom: 0px; font-weight:600; font-family: 'varunaFonts'; color:#ffffff; background-color: #000000; border: none; border-radius: 30px; padding: 9px 38px; text-align: center; align-items: center; display: flex; transition: all .2s;}
.calculator_form_btn:hover{background-color: rgba(0,0,0,.7); padding: 9px 36px;}
.calculator_arrow_img{background-image: url(../images/calculator_form_btn_arrow.svg); width: 20px; height: 20px; background-repeat: no-repeat; transition: all .2s; display: inline-block; margin-top: -2px;}
.calculator_form_btn:hover .calculator_arrow_img{background-image: url(../images/arrow_with_line_btn.svg); margin-left: 4px;}
.calculator_second_fold_text{font-size: 24px; line-height: 34px; margin-bottom: 24px; text-align: center; font-weight:600; font-family: 'varunaFonts'; color: #000000;}
.calculator_second_fold_total_text{font-size: 54px; line-height: 68px; margin-bottom: 24px; text-align: center; font-weight:700; font-family: 'varunaFonts'; color: #000000;}
.calculator_second_fold_form_btn{font-size: 16px; line-height: 24px; margin-bottom: 20px; font-weight:600; font-family: 'varunaFonts'; color:#ffffff; background-color: #000000; border: none; border-radius: 50px; padding: 9px 38px; text-align: center; align-items: center; display: flex; transition: all .2s;}
.calculator_second_fold_form_btn:hover{background-color: rgba(0,0,0,.7); padding: 9px 36px;}
.calculator_second_fold_arrow_img{background-image: url(../images/calculator_form_btn_arrow.svg); width: 20px; height: 20px; background-repeat: no-repeat; transition: all .2s; display: inline-block; margin-top: -2px;}
.calculator_second_fold_form_btn:hover .calculator_second_fold_arrow_img{background-image: url(../images/arrow_with_line_btn.svg); margin-left: 4px;}
.calculator_second_fold_second_text{font-size: 24px; line-height: 34px; margin-bottom: 24px; text-align: center; font-weight:700; font-family: 'varunaFonts'; color: #000000;}
.justify-content-center-form{justify-content: center; display: flex;}
.form_button{font-size:16px; line-height: 24px; font-weight: 500; background-color: rgba(5, 5, 5, 0.20); border-radius: 30px; color: rgba(0,0,0,.7); border: 1px solid rgba(5, 5, 5, 0.50); margin-bottom: 30px; display:inline-block; text-align: center; padding: 5px 15px; text-decoration: none; transition: all .2s ease-in;}
.form_button:hover{background-color: rgba(0, 0, 0, 0.05);}
.form_button-arrow{margin-left: 2px;}
.second_fold_small_text{font-size: 12px; line-height: 16px; margin-bottom: 0px; text-align: center; font-weight:600; font-family: 'varunaFonts'; color: #000000;}


#faq_section{padding: 180px 0 0 0;}
.faq_text{font-size: 24px; line-height: 30px; margin-bottom: 48px; font-weight:600; font-family: 'varunaFonts'; color: rgba(0,0,0,.5);}
.faq_btn{font-size: 16px; line-height: 24px; margin-bottom: 0px; font-weight:600; font-family: 'varunaFonts'; color:#ffffff; background-color: #000000; border: none; border-radius: 30px; padding: 9px 38px; text-align: center; text-decoration: none; align-items: center; display:inline-flex; transition: all .2s;}
.faq_btn:hover{background-color: rgba(0,0,0,.7); padding: 9px 36px;}
.faq_arrow_img{background-image: url(../images/calculator_form_btn_arrow.svg); width: 20px; height: 20px; background-repeat: no-repeat; transition: all .2s; display: inline-block; margin-top: -2px;}
.faq_btn:hover .faq_arrow_img{background-image: url(../images/arrow_with_line_btn.svg); margin-left: 4px;}
.accordion-item{border: none !important; margin-bottom: 28px; border-radius: 20px;}
.accordion-button{background-color: #f6f6f6 !important; font-size: 24px !important; line-height: 34px; font-weight: bold; font-family: 'varunaFonts'; color: #000000 !important; padding: 28px !important; border: none !important; border-radius: 20px !important;}
.accordion-body{font-size: 16px; line-height: 24px; margin-bottom: 0px; font-weight:600; font-family: 'varunaFonts'; color: rgba(0,0,0,.5); background-color: #f6f6f6; padding: 0 28px 28px 28px !important; border-radius: 0 0 20px 20px !important;}
.accordion-body span{font-weight: 700; color: rgba(0,0,0,1);}
.accordion-button:not(.collapsed){box-shadow: none !important; border-radius: 20px 20px 0 0 !important;}
.accordion-button::after{background-image: url(../images/faq_plus_icon.svg) !important; width: 24px !important; height: 24px !important;}
.accordion-button:not(.collapsed)::after{background-image: url(../images/faq_minus_icon.svg) !important; width: 24px !important; height: 24px !important;}

.top_footer{padding: 120px 0; z-index: 5; position: relative;}
.footer_heading{font-size: 48px; line-height: 54px; margin-bottom: 20px; font-weight:700; font-family: 'varunaFonts'; color: #ffffff; margin-top: 24px;}
.footer_text{font-size: 20px; line-height: 24px; margin-bottom: 0px; font-weight:600; font-family: 'varunaFonts'; color: rgba(255,255,255,.5);}
.footer_btn{font-size: 16px; line-height: 24px; margin-bottom: 0px; font-weight:600; font-family: 'varunaFonts'; color:#ffffff; background-color: rgba(255, 255, 255, 0.20); border: 1px solid rgba(255, 255, 255, 0.50); border-radius: 30px; padding: 9px 38px; text-align: center; text-decoration: none; float: right; transition: all .2s ease-in;}
.footer_btn:hover{background-color: rgba(255, 255, 255, 0.10);}

.footer_gradient_line{background: -webkit-linear-gradient(left, #37C5F1, #6637F1); width: 100%; height: 6px;}
.bottom_footer{padding: 60px 0; z-index: 7; position: relative;}
.footer_logo{margin-bottom: 38px;}
.footer_links{display: flex; gap: 30px; margin-bottom: 60px; justify-content: center;}
.footer_number{font-size: 16px; line-height: 24px; margin-bottom: 0px; font-weight:600; font-family: 'varunaFonts'; color: rgba(255,255,255,.5);}
.footer_number a{font-size: 16px; line-height: 24px; margin-bottom: 0px; font-weight:600; font-family: 'varunaFonts'; color: rgba(255,255,255,.5); text-decoration: underline;}
.footer_spacer{margin-left: 30px;}
.footer_comma{display: none;}
.footer_copyright_text{font-size: 12px; line-height: 24px; margin-bottom: 0px; font-weight:600; font-family: 'varunaFonts'; color: rgba(255,255,255,.5); text-align: center;}




@media screen and (max-width:575px){

	.ip-header{min-height: 1500px; border-radius: 0 0 50% 50%;}
	.preloader_img{width: 20%; margin-top: 400px;}

	.box_grid{grid-template-columns: repeat(auto-fill, minmax(115px, 1fr));}

	.nav-link_mobile{margin-left: 12px; width: 100%; margin-bottom: 40px; font-size: 20px; line-height: 24px;}
	.nav-link_mobile span{display: contents;}

	.textify-title .word, .textify-title .char {
		line-height: 50px;
	  }

	#hero_section{padding-bottom: 260px; padding-top: 60px;}
	.navbar_mobile_menu{background-color: #050505; position: absolute !important; z-index: 10; width: 100%; margin-left: -12px; padding: 10px 20px; display: block;}
	.menu-button{text-align: center; margin-bottom: 32px;}
	.menu_mobile_button{text-align: center;}
	.mobile_nav_menu_btn{display: block;}
	.mobile_extra_btn{display: block;}
	.nav_mobile_pad{padding: 0px 10px;}
	.navbar-collapse{margin-top: 12px; border-top: 1px solid rgba(255, 255, 255, 0.12); padding-top: 20px;}

	
	.mobile_still_img{display: block; width: 100%; position: absolute; top: -440px; left: 0px;}
	.background-img{top: 460px;}
	.background-img img{width: 100%;}
	.footer-background-img{bottom: -270px;}

	.header-main-heading{font-size: 48px !important; line-height: 52px !important;}
	.header-main-text{font-size: 20px; line-height: 28px;}
	.white-part-center-heading{font-size: 40px; line-height: 46px; z-index: -1; position: relative;}
	.white-par-center-text-first{font-size: 20px; line-height: 28px; margin-bottom: 28px;  z-index: -1; position: relative;}
	.white-par-center-text-two{display: block; font-size: 20px; line-height: 28px; z-index: -1; position: relative; margin-bottom: 0px;}
	.varuna-comparision-heading{font-size: 40px !important; line-height: 46px !important; margin-bottom: 36px;}
	.varuna_benefits_title{font-size: 40px !important; line-height: 46px !important; margin-bottom: 6px;}
	.varuna_cost_effective_title{font-size: 40px !important; line-height: 46px !important;}
	.footer_spacer{display: none;}

	#rounded_white_bg_section{padding: 120px 0 60px 0;}

	.benefits_desktop{display: none;}
	.benefits_mobile{display: block; margin-bottom: 60px;}
	.second_img_section{margin-bottom: -70px; display: none;}
	.mobile_still_img_second{display: block; width: 100%;}



	.sticky_div{top: -310px; height: 3290px; z-index: 0; display: none;}


	.block{padding: 100px 0 500px 0; position: relative;}
	.parallax_img_1{margin-right: 160px !important; margin-top: 510px; width: 90%;}
	.parallax_img_2{left: 90px; width: 80%; margin-top: 440px;}
	.parallax_img_3{right: -80px !important; width: 80%; margin-top: 300px;}
	.parallax_img_4{left: 15px !important; width: 100%; margin-top: 320px;}
	.demo-solution--flexbox img{width: 30%;}
	.parallax_heading{font-size: 18px; line-height: 30px;}
	.parallax_text{font-size: 24px; line-height: 34px;}
	.parallax_bold{font-size: 60px !important; line-height: 60px !important;}
	


	.light-bg-section{padding: 60px 0;}
	.comparision_table_desktop{display: none !important;}
	.comparision_table_mobile{display: block;}
	.comparision_table_mobile{position: relative; background: -webkit-linear-gradient(left, #37C5F1, #6637F1); padding: 2px; border-radius: 20px;}
	.comparision_table_mobile_inside{background: #f8f8f8; padding: 0px 8px; border-radius: 20px;}
	.comparision_table_width{width: 50% !important;}
	.comparision_table_border{border-right: 1px solid rgba(0,0,0,.2);}
	.comparision_logo{margin-bottom: 5px;}
	.comaprision_table_main_heading{font-size: 14px; line-height: 18px; margin-bottom: 0px; font-weight:600; font-family: 'varunaFonts'; color: rgba(0,0,0,1);}
	.comparision_logo_padding{padding: 20px 0;}
	.comparision_heading_box{background-color: #ededed; padding: 18px 0; width: 100%;}
	.comparision_heading{font-size: 16px; line-height: 24px; margin-bottom: 0px; font-weight:700; text-align: center; font-family: 'varunaFonts'; color: rgba(0,0,0,1);}
	.comparision_heading_box_pad{padding-left: 4px !important; padding-right: 4px !important;}
	.varuna_comparision_mobile_detail_heading{font-size: 40px; line-height: 28px; margin-bottom: 0px; text-align: center; font-weight:700; font-family: 'varunaFonts'; background: -webkit-linear-gradient(left, #37C5F1, #6637F1); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
	.varuna_comparision_mobile_detail_heading span{font-size: 16px; font-weight:700; margin-bottom: 0px;}
	.varuna_comparision_mobile_detail_heading span sup{font-size: 12px; font-weight:700; background: -webkit-linear-gradient(left, #37C5F1, #6637F1); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
	.varuna_comparision_mobile_detail_sub{font-size: 14px; line-height: 19px; margin-bottom: 0px; text-align: center; font-weight:600; font-family: 'varunaFonts'; color: rgba(0,0,0,.5);}
	.traditional_mobile_detail_heading{font-size: 40px; line-height: 28px; margin-bottom: 0px; text-align: center; font-weight:700; font-family: 'varunaFonts'; color: rgba(0,0,0,.7);}
	.traditional_mobile_detail_heading span{font-size: 16px; font-weight:700; margin-bottom: 0px;}
	.traditional_mobile_detail_heading span sup{font-size: 12px; font-weight:700;}
	.traditional_mobile_detail_sub{font-size: 14px; line-height: 19px; margin-bottom: 0px; text-align: center; font-weight:500; font-family: 'varunaFonts'; color: rgba(0,0,0,.5);}






	#varuna_benefits_section{padding: 60px 0;}
	.benefits_pills_button{font-size: 20px !important; line-height: 28px !important; padding: 8px !important;}
	.benefits_pills_main{flex-direction: row; flex-wrap: nowrap !important; border-bottom: 4px solid rgba(0,0,0,.1); border-left: none; overflow-x: scroll; overflow-y: hidden; z-index: 3; position: relative; margin-bottom: 28px !important; -ms-overflow-style: none; scrollbar-width: none;}
	.benefits_pills_main::-webkit-scrollbar{display: none;}
	.benefits_tab_main_content{font-size: 16px; margin-bottom: 20px;}
	.benefits_tab_pointer_text{font-size: 16px; margin-bottom: 20px;}
	.nav-pills .nav-link.active, .nav-pills .show>.nav-link{border-bottom: 4px solid rgba(0,0,0,1); border-left: none; margin-left: 0; margin-bottom: -7px; z-index: 7; position: relative;}
	.benefits_numbers_box{gap: 20px;}
	.benefits_number{font-size: 40px; line-height: 48px;}
	.benefits_span{display: none;}




	#sustainablitiy_benefits_section{padding: 60px 0;}
	.varuna_cost_effective_sub_one{font-size: 20px; line-height: 28px; margin-bottom: 36px;}
	.varuna_cost_effective_sub_two{font-size: 20px; line-height: 28px; margin-bottom: 36px;}
	.varuna_cost_effective_sub_three{font-size: 20px; line-height: 28px; margin-bottom: 36px;}

	.varuna_forest_text{font-size: 28px !important; line-height: 36px !important;}
	.varuna_forest_bg{padding: 98px 12px; background-image: url(../images/varuna_forest_img_mobile.png);}

	#varuna_calculator_section{padding: 60px 0;}
	.calculator_main_text{font-size: 20px; line-height: 28px;}
	.calculator_form_section{margin-top: 8px; padding: 37px 12px;}
	.calculator_form_heading{font-size: 18px; line-height: 24px;}
	.calculator_form_text{font-size: 14px; line-height: 21px;}
	.calculator_form_input{margin-bottom: 32px;}
	.calculator_form_btn{width: 100%; display: block;}
	
	



	#faq_section{padding: 60px 0 0 0;}
	.calculator_top_heading{font-size: 16px;}
	.calculator_main_heading{font-size: 40px; line-height: 46px; margin-top: 8px;}
	.faq_text{font-size: 20px; line-height: 28px;}
	.faq_btn{margin-bottom: 36px; width: 100%; display: block;}
	.accordion-button{font-size: 18px !important; line-height: 24px;}

	/* Footer */
	.top_footer{padding: 60px 0;}
	.footer_text{margin-bottom: 24px;}
	.footer_btn{width: 100%; float: none; display: block;}
	.footer_links{gap: 10px; flex-wrap: wrap; justify-content: center;}
	.footer_number{font-size: 16px; text-align: center ;}
	.footer_number a{font-size: 16px;}
}


@media screen and (max-width:1500px){
	
	.sequencer{top: 110px; position: relative;}
	.second_img_section{margin-bottom: -110px;}
	.parallax_img_1{margin-right: -130px;}
	.parallax_img_3{right: -460px;}
	.parallax_img_4{left: -400px;}
}


@media screen and (max-width:1366px){
	.header-main-heading{font-size: 80px; line-height: 80px;}
	.background-img img{width: 100%; top: 30px; position: relative;}
	.header-main-text{font-size: 18px; line-height: 26px;}
	.sequencer{top: 60px; width: 70%;}
	.white-part-center-heading{font-size: 60px; line-height: 64px;}
	.white-par-center-text-first{font-size: 18px; line-height: 26px;}
	.varuna-comparision-heading{font-size: 60px; line-height: 64px;}
	.varuna_detail_sub{font-size: 14px;}
	.varuna_benefits_title{font-size: 60px; line-height: 54px;}
	.varuna_cost_effective_title{font-size: 60px; line-height: 64px;}
	.varuna_cost_effective_sub_one{font-size: 20px; line-height: 30px;}
	.varuna_cost_effective_sub_two{font-size: 20px; line-height: 30px;}
	.varuna_cost_effective_sub_three{font-size: 20px; line-height: 30px;}
	.varuna_forest_text{font-size: 30px; line-height: 50px;}
	.parallax_bold{font-size: 90px; line-height: 90px; margin-bottom: 10px;}
	.parallax_text{font-size: 30px; line-height: 44px;}
	.second_img_section{margin-bottom: 0px;}
}