@charset "utf-8";
/* CSS Document */

/******* Fonts Face CSS Start **********/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800&display=swap');

/********* Fonts Face CSS End **********/

/******* Common Element CSS Start ******/
* 						{ margin: 0px; padding: 0px;}
body 					{ font-family: 'Montserrat', sans-serif; font-size: 18px; line-height: 30px; color: #747474; overflow-x: hidden; }
.clear 					{ clear: both; }
img 					{ border: 0px; max-width: 100%;}
ul,ol 					{ list-style: none;}
a 						{ text-decoration: none; outline: none; color: inherit; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;} 
a:focus, a:active, a:visited, a:HOVER	{ text-decoration: none; outline: none; }
a:hover, a:focus 		{ color: #699a34; }
h1 						{ margin: 0 0 15px; font-size: 78px; line-height: 102px; font-weight: 700; color: #362f2f; }
h2 		 				{ margin: 0 0 30px; font-size: 32px; line-height: 48px; font-weight: 700; color: #362f2f; }
h3 						{ margin: 0 0 20px; font-size: 38px; line-height: 48px; font-weight: 700; color: #362f2f; }
h4 						{ margin: 0 0 18px; font-size: 28px; line-height: 38px; font-weight: 800; color: #699a34; }
h5 						{ margin: 0 0 60px; font-size: 24px; line-height: 34px; font-weight: 500; color: #362f2f; }
h6 						{ font-size: 22px; line-height: 32px; font-weight: 500; color: #362f2f; }
p 						{ }
b 						{ font-weight: 600; }
button 					{ }
.no-margin 				{ margin: 0;}
.border-b 				{ border-bottom: 1px solid;}
.white-color 			{ color: #fff;}
.white-color-section h1, .white-color-section h2, .white-color-section h3,
.white-color-section h4, .white-color-section h5, .white-color-section h6,
.white-color-section p 	{ color: #fff;}
/******* Common Element CSS End *********/
/* -------- title style ------- */
/* -------- Button style ------- */

/******* Header Section CSS Start *******/
.navbar-top							{ position: absolute!important; }
.navbar     						{ padding: 30px; position: fixed; top: 0; left: 0; width: 100%; z-index: 1001; -ms-flex-align: start; align-items: start; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; }
.navbar .navbar-brand 				{ padding: 0; max-width: 230px; filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); }
.navbar .contact-btn 					{ display: block; max-width: 70px; width: 70px;}
.contact-btn img						{ width: 100%; filter: invert(1); -webkit-filter: invert(1); }
.white-active .navbar .navbar-brand 	{ filter: none; -webkit-filter: none; }
.white-active .navbar .contact-btn 		{ filter: invert(1); -webkit-filter: invert(1); }
/* -------- Sticky Header ------- */
.sticky-header .navbar 					{ padding: 20px 30px; }
.sticky-header .navbar .navbar-brand 	{ max-width: 170px;}
.sticky-header .navbar .contact-btn 	{ max-width: 60px; }

.contact-overlay 					{ display: none; width: 100%; min-height: 100vh; position: fixed; right: 0; top: 0; z-index: 1110;}
.contact-overlay.active 			{ display: block;}
.contact-sidebar 					{ padding: 32px; width: 480px; height: 100vh; position: fixed; right: 0; top: 0; transform: translateX(100%); -webkit-transform: translateX(100%); background: #464648; font-weight: 400; z-index: 1111; transition: all .4s cubic-bezier(1,.01,.73,1); -webkit-transition: .4s cubic-bezier(1,.01,.73,1); overflow: auto;}
.contact-sidebar.active				{ transform: translateX(0%); -webkit-transform: translateX(0%); }
.contact-sidebar .whatsapp-icon 	{ margin-bottom: 40px; width: 60px; display: inline-block; cursor: pointer; filter: invert(1); -webkit-filter: invert(1); }
.contact-sidebar p 					{ font-weight: 400;}
.contact-sidebar ul 				{ padding-top: 16px;}
.contact-sidebar ul li 				{ margin-top: 28px; padding-left: 60px; padding-bottom: 12px; background: no-repeat top 5px left / 30px auto; color: #fff; }
.contact-sidebar ul li.call 		{ background-image: url(../images/call-icon.png); }
.contact-sidebar ul li.mail 		{ background-image: url(../images/email-icon.png); }
/******* Header Section CSS End *********/
/* -------- Phone Block CSS ------- */
.phone-block 								{ height: 672px; max-height: 75vh; position: relative; }
.phone-block .mobile-phone 					{ position: absolute; height: 100%; width: auto; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.phone-block .mobile-phone img				{ height: 80%; max-width: inherit;}
.phone-block.left-img-block .mobile-phone 	{ right: auto; left: 15px; }
/******* Banner section CSS Start *******/
.main-banner 			{ position: relative; overflow: hidden; }
.main-banner video 		{ position: absolute; min-width: 100%; min-height: 100%; top: 50%; left: 50%; transform: translate(-50% , -50%); -webkit-transform: translate(-50% , -50%); }
.main-banner .phone-block .back-phone  	{ transform: translate(-68%, -50%); -webkit-transform: translate(-68%, -50%); }
.main-banner .container	{ z-index: 2;}
.app-links li 		{ display: inline-block;}
.app-links li a 	{ margin-right: 30px; display: block; height: 60px;  }
.app-links li:last-child a 	{ margin-right: 0px;}
.app-links img 		{ height: 100%; width: auto;}
/******* Banner section CSS End *********/

/******* Middle section CSS Start ******/
.desc-mobile						{ display: none!important; }
.desc-desktop						{ display: flex!important; }
.common-section 				{ padding: 130px 0px 20px; min-height: 100vh; }
.welcome-desc-section  							{ position: relative; padding: 70px 0px 100px;}
.welcome-desc-section-top						{ padding-top: 200px; }
.welcome-desc-section .bg-text 					{ position: absolute; width: 100%; top: 105px; left: 0; opacity: 0.12; font-size: 150px; text-align: center;}
.welcome-desc-section h5 						{ margin-bottom: 60px; }
.welcome-desc-section h5:last-child 			{ margin-bottom: 0px; }
.welcome-desc-section h5 img 					{ margin-right: 5px;}
.welcome-desc-section .phone-block 				{ height: 620px; max-height: 70vh;}
.welcome-desc-section .phone-block .top-phone 	{ transform: translate(-56%, -50%); -webkit-transform: translate(-56%, -50%);}
/* -------- Modes Section ------- */
.modes-section h3 						{ margin-bottom: 40px; }
.modes-section .phone-block 			{ height: 620px; max-height: 70vh; margin: auto;}
.modes-section .phone-block .top-phone 	{ transform: translate(60%, -50%); -webkit-transform: translate(60%, -50%);}
.modes-section .back-phone.mobile-phone { height: calc(100% - 30px);}
.modes-section .mode-list 				{ padding: 10% 0; height: 100%; justify-content: space-between; -webkit-justify-content: space-between;}
.modes-section .mode-item 				{ margin-bottom: 24px; position: relative;}
.modes-section .mode-item .img-block 	{ margin-right: 34px; width: 90px; flex-shrink: 0; -webkit-flex-shrink: 0; }
.modes-section .mode-item .img-block img 		{ width: 100%; height: 100px; object-fit: cover; object-position: 100% 0; }
.modes-section .mode-item:hover .img-block img 	{ object-position: 100% 100%; }
.modes-section .mode-item .link 		{ position: absolute; height: 100%; width: 100%; left: 0; right: 0; }
/* -------- Download Section ------- */
.download-section 						{ background: url(../images/download-section-bg.jpg) no-repeat center center / cover; }
.download-section .app-links 			{ margin: 30px 0 60px;}
.social-links li 						{ display: inline-block;}
.social-links li a 						{ margin-right: 20px; display: block; width: 52px; height: 52px; font-size: 32px; line-height: 52px; background: #fff; color: #000; border-radius: 50%; text-align: center; }
.social-links li:last-child a 			{ margin-right: 0;}
.social-links li a:hover 				{ background: #699a34; color: #fff;}
/* -------- Video Section ------- */
.video-section 			{ background: #262626; color: #fff; text-align: center; }
.video-section video 	{ margin: 5px 0px 30px; width: 100%; filter: drop-shadow(0px 12px 18px rgba(0, 0, 0, 0.5)); -webkit-filter: drop-shadow(0px 12px 18px rgba(0, 0, 0, 0.5)); }

/******** Middle section CSS End *******/

/***** Footer section CSS Start *******/
footer 					{ padding: 80px 0px; background: #F5F5F5; font-size: 16px; line-height: 26px; color: #333333; text-align: center; }
footer .support-logo 	{ margin-bottom: 20px; display: inline-block; margin-top: 30px;}
footer .d-logo			{ margin-bottom: 10%; max-width: 70%;}
footer .d-logo img		{}
	footer .iso-logo			{ max-width:100%; margin-bottom: 5%;}
	footer .iso-logo img		{ display: inline-block; max-width: 80%;padding-top: 20px;}
footer .social-links 			{ margin: 20px 0 0 0;}
footer .social-links li a  		{ background: #699a34; color: #fff;}
footer .social-links li a:hover { background: #000; color: #fff;}
footer p 				{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; }
footer a 				{ color: #699a34; }

/****** Bottom section CSS End *******/

/***** responsive css Start ******/

@media (min-width: 1449px) {

}

@media (min-width: 1450px) {
	.container 	{ max-width: 1600px;}
	footer .d-logo { margin-bottom: 10%; max-width: 50%;}
	footer .iso-logo { margin-bottom: 10%; max-width: 100%;}
	footer .support-logo { margin-bottom: 20px; display: inline-block; margin-top: 30px; text-align: left;}
	footer .support-logo img {max-width: 70%;}
}

@media (min-width: 1450px) and (max-width: 1600px) {
	body 					{ font-size: 16px; line-height: 26px;}
	h1 						{ margin: 0 0 14px; font-size: 63px; line-height: 75px; }
	h2 		 				{ margin: 0 0 45px; font-size: 23px; line-height: 33px; }
	h3 						{ margin: 0 0 18px; font-size: 32px; line-height: 42px; }
	h4 						{ margin: 0 0 16px; font-size: 24px; line-height: 34px; }
	h5 						{ margin: 0 0 18px; font-size: 18px; line-height: 25px; }
	h6 						{ font-size: 21px; line-height: 30px; }
/******* Header Section CSS *******/
	.navbar     			{ padding: 20px;}
	.navbar .navbar-brand 	{ max-width: 180px; }
	.navbar .contact-btn 	{ max-width: 60px; width: 60px;}
	.contact-sidebar 					{ width: 400px;}
/* -------- Sticky Header ------- */
	.sticky-header .navbar 					{ padding: 16px 20px; }
	.sticky-header .navbar .navbar-brand 	{ max-width: 150px; }
	.sticky-header .navbar .contact-btn 	{ max-width: 50px; width: 50px;}
/***** Footer section CSS Start *******/
	footer 					{ padding: 60px 0px; font-size: 15px; line-height: 25px; }
/* -------- Phone Block CSS ------- */
	.phone-block 								{ height: 580px; max-height: 65vh;}
/******* Middle section CSS Start ******/
	.common-section 				{ padding: 120px 0px 20px;}
/* -------- Welcome Desc Section ------- */
	.welcome-desc-section .bg-text 	{ font-size: 120px; top: 128px; }
	.welcome-desc-section h5 img 	{ max-width: 22px;}
	.welcome-desc-section .phone-block { height: 560px; max-height: 61vh; }
/* -------- Modes Section ------- */
	.modes-section h3 					{ margin-bottom: 30px; }
	.modes-section .phone-block 		{ height: 570px; max-height: 62vh; }


}



@media (min-width: 1199px) {

}

@media (min-width: 1450px) {
	.container 	{ max-width: 1420px;}
	footer .d-logo { margin-bottom: 10%; max-width: 50%;}
	footer .iso-logo { margin-bottom: 10%; max-width: 100%;}
	footer .support-logo { margin-bottom: 20px; display: inline-block; margin-top: 30px; text-align: left;}
	footer .support-logo img {max-width: 70%;}
}

@media (min-width: 1200px) and (max-width: 1449px) {
	body 					{ font-size: 16px; line-height: 26px;}
	h1 						{ margin: 0 0 14px; font-size: 56px; line-height: 70px; }
	h2 		 				{ margin: 0 0 35px; font-size: 23px; line-height: 33px; }
	h3 						{ margin: 0 0 18px; font-size: 32px; line-height: 42px; }
	h4 						{ margin: 0 0 16px; font-size: 24px; line-height: 34px; }
	h5 						{ margin: 0 0 18px; font-size: 18px; line-height: 25px; }
	h6 						{ font-size: 21px; line-height: 30px; }
/******* Header Section CSS *******/
	.navbar     			{ padding: 20px;}
	.navbar .navbar-brand 	{ max-width: 180px; }
	.navbar .contact-btn 	{ max-width: 60px; width: 60px;}
	.contact-sidebar 					{ width: 400px;}
/* -------- Sticky Header ------- */
	.sticky-header .navbar 					{ padding: 16px 20px; }
	.sticky-header .navbar .navbar-brand 	{ max-width: 150px; }
	.sticky-header .navbar .contact-btn 	{ max-width: 50px; width: 50px;}
/***** Footer section CSS Start *******/
	footer 					{ padding: 60px 0px; font-size: 15px; line-height: 25px; }
/* -------- Phone Block CSS ------- */
	.phone-block 								{ height: 580px; max-height: 65vh;}
/******* Middle section CSS Start ******/
	.common-section 				{ padding: 120px 0px 20px;}
/* -------- Welcome Desc Section ------- */
	.welcome-desc-section .bg-text 	{ font-size: 120px; top: 128px; }
	.welcome-desc-section h5 img 	{ max-width: 22px;}
	.welcome-desc-section .phone-block { height: 560px; max-height: 61vh; }
/* -------- Modes Section ------- */
	.modes-section h3 					{ margin-bottom: 30px; }
	.modes-section .phone-block 		{ height: 570px; max-height: 62vh; }


}

@media (max-width: 1199px) {

}

@media (min-width: 992px) and (max-width: 1199px) {
	body 					{ font-size: 15px; line-height: 26px;}
	h1 						{ margin: 0 0 14px; font-size: 64px; line-height: 74px; }
	h2 		 				{ margin: 0 0 20px; font-size: 26px; line-height: 42px; }
	h3 						{ margin: 0 0 16px; font-size: 24px; line-height: 38px; }
	h4 						{ margin: 0 0 14px; font-size: 22px; line-height: 32px; }
	h5 						{ margin: 0 0 16px; font-size: 15px; line-height: 28px; }
	h6 						{ font-size: 17px; line-height: 28px; }
/******* Header Section CSS *******/
	.navbar     			{ padding: 20px;}
	.navbar .navbar-brand 	{ max-width: 160px; }
	.navbar .contact-btn 	{ max-width: 60px; width: 60px;}
	.contact-sidebar 					{ width: 400px;}
/* -------- Sticky Header ------- */
	.sticky-header .navbar 					{ padding: 16px 20px; }
	.sticky-header .navbar .navbar-brand 	{ max-width: 130px; }
	.sticky-header .navbar .contact-btn 	{ max-width: 40px; }
/***** Footer section CSS Start *******/
	footer 					{ padding: 40px 0px; font-size: 14px; line-height: 24px; }
/* -------- Phone Block CSS ------- */
	.phone-block 								{ height: 492px; max-height: 65vh;}
/******* Banner section CSS Start *******/
	.app-links li a 	{ margin-right: 20px; height: 50px; }
/******* Middle section CSS Start ******/
	.common-section 				{ padding: 100px 0px 20px;}
/* -------- Welcome Desc Section ------- */
	.welcome-desc-section  			{ padding: 50px 0px 100px;}
	.welcome-desc-section-top		{ padding-top: 130px; }
	.welcome-desc-section .bg-text 	{ font-size: 164px; top: 110px; }
	.welcome-desc-section h5 		{ margin-bottom: 36px; }
	.welcome-desc-section h5 img 	{ max-width: 20px;}
	.welcome-desc-section .phone-block { height: 492px; max-height: 61vh; }
/* -------- Modes Section ------- */
	.modes-section h3 						{ margin-bottom: 20px; }
	.modes-section .mode-item .img-block 	{ margin-right: 12px; width: 90px; }
	.modes-section .mode-item .img-block img { height: 100px;}
	.modes-section .phone-block 			{ height: 492px; max-height: 65vh; }
}

@media (max-width: 991px) {
	
}

@media (min-width: 768px) and (max-width: 991px) {
	body 					{ font-size: 15px; line-height: 26px;}
	h1 						{ margin: 0 0 12px; font-size: 46px; line-height: 56px; }
	h2 		 				{ margin: 0 0 16px; font-size: 22px; line-height: 34px; }
	h3 						{ margin: 0 0 14px; font-size: 20px; line-height: 32px; }
	h4 						{ margin: 0 0 12px; font-size: 18px; line-height: 28px; }
	h5 						{ margin: 0 0 14px; font-size: 14px; line-height: 17px; }
	h6 						{ font-size: 16px; line-height: 24px; }
/******* Header Section CSS *******/
	.navbar     			{ padding: 20px;}
	.navbar .navbar-brand 	{ max-width: 150px; }
	.navbar .contact-btn 	{ max-width: 40px; width: 40px;}
/* -------- Sticky Header ------- */
	.sticky-header .navbar 					{ padding: 12px 20px; }
	.sticky-header .navbar .navbar-brand 	{ max-width: 120px; }
	.sticky-header .navbar .contact-btn 	{ max-width: 36px; }

	.contact-sidebar 					{ padding: 24px; width: 360px;}
	.contact-sidebar .whatsapp-icon 	{ margin-bottom: 30px; width: 40px;}
	.contact-sidebar ul li 				{ margin-top: 16px; padding-left: 50px; background-size: 30px auto; }
/***** Footer section CSS Start *******/
	footer 								{ padding: 40px 0px; font-size: 12px; line-height: 19px; }

	.phone-block 						{ height: 350px; max-height: 65vh; }
/******* Banner section CSS Start *******/
	.app-links li a 	{ margin-right: 16px; height: 44px; }
/******* Middle section CSS Start ******/
	.common-section 					{ padding: 100px 0px 20px;}
/* -------- Welcome Desc Section ------- */
	.desc-block p 						{ font-size: 14px; line-height: 23px; }
	.welcome-desc-section  				{ padding: 0px 0px 100px;}
	.welcome-desc-section-top			{ padding-top: 100px; }
	.welcome-desc-section .bg-text 		{ font-size: 122px; top: 110px; }
	.welcome-desc-section h5 			{ margin-bottom: 24px; }
	.welcome-desc-section h5 img 		{ max-width: 18px;}
	.welcome-desc-section .phone-block 	{ height: 330px; max-height: 65vh;}
/* -------- Modes Section ------- */
	.modes-section h3 						{ margin-bottom: 20px; }
	.modes-section .mode-item .img-block 	{ margin-right: 10px; width: 60px; }
	.modes-section .mode-item .img-block img { height: 67px;}
	.modes-section .phone-block 			{ height: 330px;}
/* -------- Download Section ------- */
	.social-links li a 						{ margin-right: 12px; width: 44px; height: 44px; font-size: 26px; line-height: 44px;}
}

@media (max-width: 767px) {
	body 					{ font-size: 13px; line-height: 22px;}
	h1 						{ margin: 0 0 10px; font-size: 40px; line-height: 48px; }
	h2 		 				{ margin: 0 0 20px; font-size: 20px; line-height: 32px; }
	h3 						{ margin: 0 0 16px; font-size: 20px; line-height: 32px; }
	h4 						{ margin: 0 0 10px; font-size: 19px; line-height: 28px; }
	h5 						{ margin: 0 0 16px; font-size: 15px; line-height: 23px; }
	h6 						{ font-size: 17px; line-height: 28px; }
	.mobile-center 			{ text-align: center;}
/******* Header Section CSS *******/
	.navbar     			{ padding: 16px; align-items: center; -webkit-align-item: center; }
	.navbar .navbar-brand 	{ max-width: 130px; }
	.navbar .contact-btn 	{ max-width: 40px; width: 40px;}
/* -------- Sticky Header ------- */
	.sticky-header .navbar 					{ padding: 12px 16px; }
	.sticky-header .navbar .navbar-brand 	{ max-width: 112px; }
	.sticky-header .navbar .contact-btn 	{ max-width: 32px; }
	.contact-sidebar 					{ padding: 16px; width: 280px;}
	.contact-sidebar .whatsapp-icon 	{ margin-bottom: 24px; width: 36px;}
	.contact-sidebar ul li 				{ margin-top: 16px; padding-left: 40px; background-size: 24px auto; }
/***** Footer section CSS Start *******/
	footer 								{ padding: 40px 0px; font-size: 12px; line-height: 19px; }
	footer .support-logo 	{ margin-bottom: 20px; display: inline-block; margin-top: 30px;}
	footer .d-logo			{ max-width: none; margin-bottom: 5%;}
	footer .d-logo img		{ display: inline-block; max-width: 32%;}
	footer .iso-logo			{ max-width:100%; margin-bottom: 5%;}
	footer .iso-logo img		{ display: inline-block; max-width: 80%;}
	.phone-block 					{ height: 340px; max-height: 65vh; }
	.phone-block .mobile-phone 				{ top: 0; right: 50%; transform: translateX(65%); -webkit-transform: translateX(65%); }
	.phone-block.left-img-block .mobile-phone { right: 50%; left: auto; }
/******* Banner section CSS Start *******/
	.main-banner .phone-block 				{ margin-bottom: -20px;}
	.main-banner .phone-block .back-phone 	{ transform: translate(30%, 0%); -webkit-transform: translate(30%, 0%);}
	.app-links li a 						{ margin-right: 16px; height: 40px; }
	.mouse-scroll							{ margin: 0 auto; display: block; max-width: 30px; position: relative; z-index: 2; }
/******* Middle section CSS Start ******/
	.common-section 			{ padding: 110px 0px 30px; }
/* -------- Welcome Desc Section ------- */
	.desc-mobile						{ display: flex!important; }
	.desc-desktop						{ display: none!important; }
	.welcome-desc-section  				{ padding: 0px 0px 70px;}
	.welcome-desc-section-top			{ padding-top: 100px; }
	.welcome-desc-section .bg-text 		{ display: none;}
	.welcome-desc-section h5 			{ margin-bottom: 30px!important; }
	.welcome-desc-section h5 img 		{ max-width: 18px; margin-right: 3px;}
	.welcome-desc-section .phone-block 	{ margin-top: 24px; height: 330px; max-height: 65vh;}
	.welcome-desc-section .phone-block .mobile-phone 			{ transform: translateX(75%); -webkit-transform: translateX(75%); }
	.welcome-desc-section .phone-block .mobile-phone.top-phone 	{ transform: translate(20%, 0%); -webkit-transform: translate(20%, 0%); }
/* -------- Modes Section ------- */
	.modes-section h3 						{ margin-bottom: 20px; }
	.modes-section .mode-list 				{ padding: 0 0 4px;}
	.modes-section .mode-item 				{ margin-bottom: 10px; }
	.modes-section .mode-item .img-block 	{ margin-right: 12px; width: 54px; }
	.modes-section .mode-item .img-block img { height: 60px;}
	.modes-section .phone-block 			{ height: 330px;}
	.modes-section .phone-block.left-img-block .mobile-phone 			{ top: 50%;; transform: translate(12%, -50%); -webkit-transform: translate(12%, -50%); }
	.modes-section .phone-block.left-img-block .mobile-phone.top-phone 	{ top: 50%; transform: translate(70%, -50%); -webkit-transform: translate(70%, -50%); }
/* -------- Download Section ------- */
	.download-section 						{ background-position: 60% bottom; }
	.download-section .big-title 			{ font-size: 18px; line-height: 24px;}
	.download-section .app-links 			{ margin: 0px 0 50px; }
	.social-links 							{ margin-bottom: 40px;}
	.social-links li a 						{ margin-right: 16px; width: 40px; height: 40px; font-size: 24px; line-height: 40px;}
/* -------- Vimeo Video Section ------- */
	.vimeo-wrapper iframe 					{ display: none; }
}

@media (max-width: 575px) {
	h1 						{ margin: 0 0 10px; font-size: 40px; line-height: 48px; }
	h2 		 				{ margin: 0 0 20px; font-size: 17px; line-height: 26px; }
}

/* -------- Vimeo Video Section ------- */

.vimeo-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
   background-image: url(../images/video-image.jpg);
   background-size: cover;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

/* -------- Youtube Video Section ------- */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
/* -------- 	padding-top: 25px; ------- */
	height: 0;
	-webkit-box-shadow: 1px 3px 5px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 3px 5px 2px rgba(0,0,0,0.75);
	box-shadow: 1px 3px 5px 2px rgba(0,0,0,0.75);
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.scroll-div {
	background: url(../images/green-background.jpg) no-repeat center center / cover;
}


/* faq */
.faq-section                        { padding: 50px 0 113px; }
.faq-list .card                     { border: none; border-radius: 0; }
.faq-list .card-header              { padding: 5px 0 8px; border-radius: 0; border: none; background: none; border-bottom: 1px solid #e2e2e2; }
.faq-list .card-header.active       { border-color: #699a34;}
.faq-list .card-header h6           { font-size: 19px; line-height: 34px; font-weight: 700; position: relative;}
.faq-list.reasons .card-header h6    { padding-left: 22px; }
.faq-list.reasons .card-header h6::after    { content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; left: 0; width: 16px; color: ##699a34; font-size: 8px;}
.faq-list .card-header button       { padding-right: 22px; width: 100%; border: none; background: none; text-align: left; position: relative; font-weight: 700; transition: all 0.3s ease; color: #362f2f;} 
.faq-list .card-header button:hover,
.faq-list .card-header button:focus { color: #699a34;}
.faq-list .card-header button::after { content: "\f067"; font-family: "FontAwesome"; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; right: 0; width: 16px; color: ##699a34;}
.faq-list .card-header.active button::after { content: "\f067";}
.faq-list .card-body                { padding: 20px 0; }
.card-header button:focus 			{ outline: 0px!important; }