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

/*
"Pridi", serif;

ExtraLight 	200
Light 		300
Regular 	400
Medium 		500
SemiBold 	600
Bold 		700
*/


body 				{color: #333333; background-color: #fff3e6; font-size: 1rem; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal;}

h1, h2, h3, h4, h5	{color: #333333; font-weight: 600;}
h1					{}
h2					{}
h3					{}
h4					{}
h5					{}

strong				{font-weight: 600;}

a					{text-decoration:none; color: #000000; transition: 0.5s;}
a:hover				{text-decoration:none; color: #333333;}
a:visited			{text-decoration:none;}
a:focus,a:hover		{text-decoration:none;}


:root {
	--padding : 4rem;
	--orangecolor : #f15e22;
	--purplecolor : #672879;
	--defpadding : 5rem;
	
}



.page				{}


.text-justify		{text-align: justify;}


.navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.25)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.navbar-toggler		{border-color: rgba(0,0,0,0.25);}


.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {--bs-offcanvas-width: 300px;}

.text-bg-dark 		{background-color: #fff3e6 !important;}



.header					{padding-top: 0.5rem; padding-bottom: 0.5rem; position: fixed; top: 0; left: 0; z-index: 50; background-color: rgba(39,37,95,0); width: 100%;  -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.header.sticky			{padding-top: 0.25rem; padding-bottom: 0.25rem; background-color: rgba(255,255,255,0.9); -webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.2); box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.1);}



.header .nav-link				{color: var(--purplecolor); font-weight: 700; font-size: 150%;}
.header .nav-link:focus,
.header .nav-link:hover			{color: var(--orangecolor);}
.header.sticky .nav-link:focus,
.header.sticky .nav-link:hover	{color: var(--orangecolor);}


.header .navbar-brand			{display: none;}



.banner-area					{background-color: #ffe3c5; background-image: url("../images/jali.png"); background-repeat: no-repeat; background-position: left top; background-size: cover; padding-top: 7rem; padding-bottom: 5rem;}

.banner-left 					{}
.banner-left .line-a			{margin-bottom: 3rem;}
.banner-left .line-b			{margin-bottom: 1rem; color: var(--orangecolor); font-size: 3rem; font-weight: 700;}
.banner-left .line-c			{margin-bottom: 1rem; color: #000000; font-size: 112.5%;}
.banner-left .line-d			{margin-bottom: 0rem;}


.banner-left .line-a img 		{width: 125px;}


.about-wrap						{padding-top: var(--defpadding);}
.about-wrap h1					{color: var(--purplecolor);}
.about-wrap h1 span				{color: var(--orangecolor);}

.features-wrap					{padding-top: var(--defpadding);}
.features-wrap h1				{color: var(--purplecolor);}
.features-wrap h1 span			{color: var(--orangecolor);}


.faq-wrap						{padding-top: var(--defpadding); }
.faq-wrap h1 					{color: var(--purplecolor);}
.faq-wrap .accordion-button:not(.collapsed) {background-color: #672879; color: #FFFFFF;}
.faq-wrap .accordion-button		{font-weight: 500;}



.footer-a				{padding-top: var(--defpadding); padding-bottom: var(--defpadding);}
.footer-in				{padding: 5rem; background-color: var(--purplecolor); color: #FFFFFF; text-align: center; background-image: url("../images/jali-2.png"); background-position: top center; background-repeat: no-repeat; background-size: cover; border-radius: 2rem;}
.footer-in h1 			{color: #FFFFFF;}


.footer					{padding-top: 1rem; padding-bottom: 1rem; background-color: var(--purplecolor); color: #FFFFFF; font-size: 87.5%;}
.footer a 				{color: #ccccff;}
.footer a:hover			{color: #FFFFFF;}





/* ===== PRELOADER ===== */
#preloader	{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--bluecolor); z-index: 9999;}
#status		{width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin: -50px 0 0 -50px;}
/* ===== PRELOADER ===== */





/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
	
	
	

.banner-left .line-b			{font-size: 2rem;}


	

	
}






/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	

	

	
}





/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	
body 				{font-size: 87.5%;}	

	

.banner-left .line-b			{font-size: 2rem;}


	
	
}



/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

body 				{font-size: 87.5%;}
	
	
.header .navbar					{padding: 0 0;}
.header .navbar-brand			{display: block;}
.header .navbar-brand img		{width: 40px;}	

	

.banner-left 					{text-align: center;}
.banner-left .line-a			{}
.banner-left .line-b			{font-size: 2rem;}
.banner-left .line-c			{}
.banner-left .line-d			{}	
	
.banner-left .main-logo			{display: none;}	
	
	
.banner-right					{padding-top: 2rem;}
	
	
	
.footer-in						{padding: 2rem;}
	

}





/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	

body 				{font-size: 87.5%;}
	
	
.header .navbar					{padding: 0 0;}
.header .navbar-brand			{display: block;}
.header .navbar-brand img		{width: 40px;}	

	

.banner-left 					{text-align: center;}
.banner-left .line-a			{}
.banner-left .line-b			{font-size: 2rem;}
.banner-left .line-c			{}
.banner-left .line-d			{}	
	
.banner-left .main-logo			{display: none;}	
	
	
.banner-right					{padding-top: 2rem;}
	
	
	
.footer-in						{padding: 2rem;}



	

}