@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');
body{
	padding: 0;
	margin: 0;
	font-family: var(--body-font);
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	line-height: 24px;
	color: var(--body-text-color);
	background-color: var(--white-bg-color);
}
.container{
	max-width: 1220px;
}
*{
	box-sizing: border-box;
}
img{
	max-width: 100%;
}
:root {
	--primary-color: #1F7A63;
	--primary-light-color: #6FAF9E;
	--primary-black: #12484e;
	--primary-normal: #1F7A6326;

	--body-text-color: #0A2540;
	--body-light-color: #3A3A3A;

	--white-bg-color: #fff; 
	--white-light-color: #FFFFFF99; 
	--white-color: #fff;
	--out-color: #FFB700;

	--body-font: "Philosopher", sans-serif; 
	--main-font: "Nunito", sans-serif; 

	--gradient-bg: linear-gradient(360deg, #1F7A63 0%, #0A2540 100%);
	--gradient-start: #1F7A63;
	--gradient-end: #0A2540;
}
.primary-light{
	color: var(--primary-light-color);
}
.primary-bg-light{
	background-color: var(--primary-light-color);;
}
.primary-bg-color{
	background-color: var(--primary-color);
}
.primary-normal{
	background-color: var(--primary-normal);
}
.textWhite{
	color: var(--white-color);
}
.out-color{
	color: var(--out-color);
}
.btn {
	border-radius: 0;
	padding: 12px 35px;
	background-color: var(--primary-color);
	border: 1px solid var(--primary-color);
	color: var(--white-color);
	outline: none;
	box-shadow: none;
	font-weight: 400;
	font-size: 24px;
	text-align: center;
	transition: .6s;
	-webkit-transition: .6s;
	line-height: 25px;
}
.btn:hover, .btn2:hover {
	background-color: var(--primary-light-color);
	color: var(--white-color);
}
.btn2 {
	background-color: var(--primary-black);
	border: 1px solid var(--primary-color);
	color: var(--white-color);
	border-radius: 0;
	padding: 12px 35px;
	outline: none;
	box-shadow: none;
	font-weight: 400;
	font-size: 24px;
	text-align: center;
	transition: .6s;
	-webkit-transition: .6s;
	line-height: 25px;
}
ul{
	padding: 0;
	margin: 0;
}
li{
	list-style: none;
	padding: 0;
	margin: 0;
}
a{
	transition: .6s;
	-webkit-transition: .6s;
	display: inline-block;
	text-decoration: none;
	color: var(--body-text-color);
}
a:hover{
	color: var(--primary-color);
}
h1 {
	font-size: 58px;
	font-weight: 400;
	margin-bottom: 0;
	color: var(--white-color);
}
h2 {
	font-weight: 700;
	font-size: 48px;
	margin-bottom: 0;
}
h3 {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 0;
}
h4 {
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 0;
}
h5 {
	font-size: 20px;
	margin-bottom: 0;
}
h6 {
	font-size: 18px;
	margin-bottom: 0;
}
p{
	font-family: var(--main-font);
	font-weight: 400;
	margin-bottom: 0;
	color: var(--body-light-color);
}
.p-tb{
	padding-top: 80px;
	padding-bottom: 80px;
}
.pt{
	padding-top: 80px;
}
.pb{
	padding-bottom: 80px;
}
.fs18{
	font-size: 18px;
}
.bg-cover {
	background-size: cover;
	background-repeat: no-repeat;
}
.list-item li {
	list-style: disc;
}
.nunito{
	font-family: var(--main-font);
}
.fs14{
	font-size: 14px;
	line-height: 16px;
}
/*PAGE CSS START*/
#Header{
	z-index: 9;
}
.sticky {
	position: fixed !important;
	background-color: var(--white-color);
	box-shadow: 0 0 10px 2px #eee;
	padding: 8px 0 !important;
}
.sticky .menu-item{
	color: var(--body-color);
}
.menu-item{
	color: var(--white-color);
}
.menu-item:hover, .menu-item.active, .sticky .menu-item:hover, .sticky .menu-item.active{
	color: var(--primary-color);
}
.cart, .favorite, .login {
	width: 40px;
	height:43px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	border: 1px solid var(--primary-color);
	color: var(--white-color);
	position: relative;
	cursor: pointer;
}
.notication {
    width: 16px;
    height: 16px;
    position: absolute;
    top: -5px;
    right: -5px;
    background: #dc3545;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}
.sticky .cart {
	color: var(--primary-color);
}
.hero:after {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	background-image: url('../img/hero-shape.png');
	background-repeat: no-repeat;
	background-size: cover;
	height: 109px;
}
.hero:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: var(--gradient-bg);
	opacity: .9;
}
.hero-contant ul li {
	background: var(--white-light-color);
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
}
.rotatea-ani{
	animation: rotatea-ani 30s infinite linear;
}
@keyframes rotatea-ani{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}
.earth {
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background-size: cover;
	background-repeat: repeat-x;
	animation: spin 40s linear infinite;
}
@keyframes spin {
	from {
		background-position: 0 0;
	}
	to {
		background-position: -1000px 0;
	}
}
.diagonal-hero-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 90%;
	overflow: hidden;
}
.stars > .medium {
	width: 2px;
	height: 2px;
	background: transparent;
	box-shadow: 1317px 1501px #767676 , 266px 488px #767676 , 1619px 470px #767676 , 53px 1318px #767676 , 1066px 730px #767676 , 520px 680px #767676 , 545px 905px #767676 , 263px 1336px #767676 , 1283px 1126px #767676 , 1801px 911px #767676 , 317px 32px #767676 , 162px 1017px #767676 , 1686px 1230px #767676 , 1354px 1574px #767676 , 370px 848px #767676 , 483px 841px #767676 , 1619px 1949px #767676 , 1476px 1459px #767676 , 816px 748px #767676 , 702px 1260px #767676 , 1127px 1964px #767676 , 1807px 419px #767676 , 1254px 261px #767676 , 1120px 1723px #767676 , 1512px 1599px #767676 , 528px 1275px #767676 , 1980px 668px #767676 , 1121px 311px #767676 , 1042px 1244px #767676 , 149px 670px #767676 , 406px 607px #767676 , 1707px 1586px #767676 , 902px 1568px #767676 , 584px 1192px #767676 , 185px 1578px #767676 , 941px 1323px #767676 , 703px 20px #767676 , 1113px 1362px #767676 , 1767px 679px #767676 , 1618px 1650px #767676 , 1265px 320px #767676 , 708px 566px #767676 , 379px 526px #767676 , 1097px 7px #767676 , 246px 91px #767676 , 406px 1599px #767676 , 856px 1098px #767676 , 1735px 1695px #767676 , 820px 1045px #767676 , 1900px 1821px #767676 , 618px 273px #767676 , 1730px 1188px #767676 , 1610px 157px #767676 , 1674px 1457px #767676 , 1599px 1086px #767676 , 1322px 1562px #767676 , 347px 1562px #767676 , 553px 104px #767676 , 1263px 855px #767676 , 1342px 286px #767676 , 1176px 1430px #767676 , 354px 210px #767676 , 924px 1034px #767676 , 1197px 15px #767676 , 107px 78px #767676 , 347px 908px #767676 , 1630px 1032px #767676 , 987px 736px #767676 , 114px 1019px #767676 , 41px 310px #767676 , 1346px 1166px #767676 , 612px 1383px #767676 , 910px 897px #767676 , 1104px 385px #767676 , 1447px 1076px #767676 , 1442px 528px #767676 , 1948px 941px #767676 , 132px 549px #767676 , 475px 1476px #767676 , 799px 315px #767676 , 1179px 274px #767676 , 1898px 587px #767676 , 1207px 1720px #767676 , 1178px 1195px #767676 , 124px 131px #767676 , 990px 1901px #767676 , 985px 637px #767676 , 1560px 842px #767676 , 1290px 209px #767676 , 1271px 1454px #767676 , 1793px 17px #767676 , 1645px 1839px #767676 , 1262px 1824px #767676 , 24px 102px #767676 , 1683px 1426px #767676 , 316px 566px #767676 , 983px 1114px #767676 , 515px 70px #767676 , 1179px 394px #767676 , 1162px 1998px #767676 , 155px 428px #767676 , 150px 213px #767676 , 321px 155px #767676 , 1217px 305px #767676 , 1319px 451px #767676 , 1592px 1292px #767676 , 1483px 1278px #767676 , 1886px 626px #767676 , 1911px 1091px #767676 , 872px 1983px #767676 , 1429px 808px #767676 , 1907px 373px #767676 , 1906px 546px #767676 , 1706px 1623px #767676 , 1620px 1278px #767676 , 1840px 646px #767676 , 1510px 1428px #767676 , 1076px 241px #767676 , 555px 1230px #767676 , 1474px 1275px #767676 , 1368px 1793px #767676 , 594px 42px #767676 , 1422px 296px #767676 , 1779px 1075px #767676 , 43px 156px #767676 , 1520px 260px #767676 , 566px 231px #767676 , 1026px 74px #767676 , 299px 75px #767676 , 1329px 696px #767676 , 482px 1286px #767676 , 1316px 122px #767676 , 618px 1633px #767676 , 1595px 988px #767676 , 315px 720px #767676 , 1636px 1321px #767676 , 1654px 1253px #767676 , 1320px 157px #767676 , 1318px 450px #767676 , 1219px 949px #767676 , 1984px 1919px #767676 , 1648px 1424px #767676 , 165px 596px #767676 , 1848px 195px #767676 , 1462px 407px #767676 , 903px 585px #767676 , 1056px 347px #767676 , 1143px 587px #767676 , 232px 390px #767676 , 611px 1546px #767676 , 1399px 849px #767676 , 61px 860px #767676 , 1287px 1699px #767676 , 731px 791px #767676 , 371px 619px #767676 , 1302px 529px #767676 , 656px 1318px #767676 , 1193px 772px #767676 , 535px 1413px #767676 , 511px 1554px #767676 , 1765px 523px #767676 , 1578px 1519px #767676 , 1781px 344px #767676 , 144px 635px #767676 , 1950px 697px #767676 , 1114px 531px #767676 , 1997px 957px #767676 , 1375px 355px #767676 , 1261px 1827px #767676 , 1705px 1750px #767676 , 558px 426px #767676 , 785px 1794px #767676 , 1504px 928px #767676 , 1879px 1150px #767676 , 462px 1957px #767676 , 951px 1281px #767676 , 537px 209px #767676 , 1730px 1288px #767676 , 1408px 1023px #767676 , 1864px 1951px #767676 , 672px 1459px #767676 , 944px 1758px #767676 , 477px 1778px #767676 , 1764px 1677px #767676 , 635px 1705px #767676 , 306px 1072px #767676 , 1264px 990px #767676 , 1762px 1834px #767676 , 279px 1159px #767676 , 1561px 1588px #767676 , 822px 1585px #767676 , 356px 1641px #767676 , 198px 1853px #767676 , 360px 1983px #767676 , 1133px 1517px #767676 , 1999px 591px #767676 , 228px 1584px #767676 , 401px 1603px #767676 , 943px 1455px #767676 , 630px 975px #767676;
	animation: starsAnimation 100s linear infinite;
}
.stars > .medium:after {
	content: " ";
	position: absolute;
	top: 2000px;
	width: 2px;
	height: 2px;
	background: transparent;
	box-shadow: 1317px 1501px #767676 , 266px 488px #767676 , 1619px 470px #767676 , 53px 1318px #767676 , 1066px 730px #767676 , 520px 680px #767676 , 545px 905px #767676 , 263px 1336px #767676 , 1283px 1126px #767676 , 1801px 911px #767676 , 317px 32px #767676 , 162px 1017px #767676 , 1686px 1230px #767676 , 1354px 1574px #767676 , 370px 848px #767676 , 483px 841px #767676 , 1619px 1949px #767676 , 1476px 1459px #767676 , 816px 748px #767676 , 702px 1260px #767676 , 1127px 1964px #767676 , 1807px 419px #767676 , 1254px 261px #767676 , 1120px 1723px #767676 , 1512px 1599px #767676 , 528px 1275px #767676 , 1980px 668px #767676 , 1121px 311px #767676 , 1042px 1244px #767676 , 149px 670px #767676 , 406px 607px #767676 , 1707px 1586px #767676 , 902px 1568px #767676 , 584px 1192px #767676 , 185px 1578px #767676 , 941px 1323px #767676 , 703px 20px #767676 , 1113px 1362px #767676 , 1767px 679px #767676 , 1618px 1650px #767676 , 1265px 320px #767676 , 708px 566px #767676 , 379px 526px #767676 , 1097px 7px #767676 , 246px 91px #767676 , 406px 1599px #767676 , 856px 1098px #767676 , 1735px 1695px #767676 , 820px 1045px #767676 , 1900px 1821px #767676 , 618px 273px #767676 , 1730px 1188px #767676 , 1610px 157px #767676 , 1674px 1457px #767676 , 1599px 1086px #767676 , 1322px 1562px #767676 , 347px 1562px #767676 , 553px 104px #767676 , 1263px 855px #767676 , 1342px 286px #767676 , 1176px 1430px #767676 , 354px 210px #767676 , 924px 1034px #767676 , 1197px 15px #767676 , 107px 78px #767676 , 347px 908px #767676 , 1630px 1032px #767676 , 987px 736px #767676 , 114px 1019px #767676 , 41px 310px #767676 , 1346px 1166px #767676 , 612px 1383px #767676 , 910px 897px #767676 , 1104px 385px #767676 , 1447px 1076px #767676 , 1442px 528px #767676 , 1948px 941px #767676 , 132px 549px #767676 , 475px 1476px #767676 , 799px 315px #767676 , 1179px 274px #767676 , 1898px 587px #767676 , 1207px 1720px #767676 , 1178px 1195px #767676 , 124px 131px #767676 , 990px 1901px #767676 , 985px 637px #767676 , 1560px 842px #767676 , 1290px 209px #767676 , 1271px 1454px #767676 , 1793px 17px #767676 , 1645px 1839px #767676 , 1262px 1824px #767676 , 24px 102px #767676 , 1683px 1426px #767676 , 316px 566px #767676 , 983px 1114px #767676 , 515px 70px #767676 , 1179px 394px #767676 , 1162px 1998px #767676 , 155px 428px #767676 , 150px 213px #767676 , 321px 155px #767676 , 1217px 305px #767676 , 1319px 451px #767676 , 1592px 1292px #767676 , 1483px 1278px #767676 , 1886px 626px #767676 , 1911px 1091px #767676 , 872px 1983px #767676 , 1429px 808px #767676 , 1907px 373px #767676 , 1906px 546px #767676 , 1706px 1623px #767676 , 1620px 1278px #767676 , 1840px 646px #767676 , 1510px 1428px #767676 , 1076px 241px #767676 , 555px 1230px #767676 , 1474px 1275px #767676 , 1368px 1793px #767676 , 594px 42px #767676 , 1422px 296px #767676 , 1779px 1075px #767676 , 43px 156px #767676 , 1520px 260px #767676 , 566px 231px #767676 , 1026px 74px #767676 , 299px 75px #767676 , 1329px 696px #767676 , 482px 1286px #767676 , 1316px 122px #767676 , 618px 1633px #767676 , 1595px 988px #767676 , 315px 720px #767676 , 1636px 1321px #767676 , 1654px 1253px #767676 , 1320px 157px #767676 , 1318px 450px #767676 , 1219px 949px #767676 , 1984px 1919px #767676 , 1648px 1424px #767676 , 165px 596px #767676 , 1848px 195px #767676 , 1462px 407px #767676 , 903px 585px #767676 , 1056px 347px #767676 , 1143px 587px #767676 , 232px 390px #767676 , 611px 1546px #767676 , 1399px 849px #767676 , 61px 860px #767676 , 1287px 1699px #767676 , 731px 791px #767676 , 371px 619px #767676 , 1302px 529px #767676 , 656px 1318px #767676 , 1193px 772px #767676 , 535px 1413px #767676 , 511px 1554px #767676 , 1765px 523px #767676 , 1578px 1519px #767676 , 1781px 344px #767676 , 144px 635px #767676 , 1950px 697px #767676 , 1114px 531px #767676 , 1997px 957px #767676 , 1375px 355px #767676 , 1261px 1827px #767676 , 1705px 1750px #767676 , 558px 426px #767676 , 785px 1794px #767676 , 1504px 928px #767676 , 1879px 1150px #767676 , 462px 1957px #767676 , 951px 1281px #767676 , 537px 209px #767676 , 1730px 1288px #767676 , 1408px 1023px #767676 , 1864px 1951px #767676 , 672px 1459px #767676 , 944px 1758px #767676 , 477px 1778px #767676 , 1764px 1677px #767676 , 635px 1705px #767676 , 306px 1072px #767676 , 1264px 990px #767676 , 1762px 1834px #767676 , 279px 1159px #767676 , 1561px 1588px #767676 , 822px 1585px #767676 , 356px 1641px #767676 , 198px 1853px #767676 , 360px 1983px #767676 , 1133px 1517px #767676 , 1999px 591px #767676 , 228px 1584px #767676 , 401px 1603px #767676 , 943px 1455px #767676 , 630px 975px #767676;
}
.stars > .big {
	width: 4px;
	height: 4px;
	background: transparent;
	box-shadow: 992px 702px #767676 , 126px 1438px #767676 , 1274px 1314px #767676 , 293px 108px #767676 , 1454px 759px #767676 , 1561px 916px #767676 , 489px 600px #767676 , 1157px 1331px #767676 , 1473px 230px #767676 , 813px 240px #767676 , 642px 1989px #767676 , 431px 213px #767676 , 1135px 1743px #767676 , 1132px 1740px #767676 , 1655px 1935px #767676 , 60px 1744px #767676 , 865px 36px #767676 , 648px 14px #767676 , 1689px 31px #767676 , 808px 290px #767676 , 278px 347px #767676 , 330px 607px #767676 , 1712px 333px #767676 , 1162px 1366px #767676 , 1404px 22px #767676 , 673px 1650px #767676 , 299px 1798px #767676 , 1394px 1383px #767676 , 131px 1587px #767676 , 220px 776px #767676 , 422px 525px #767676 , 1950px 477px #767676 , 897px 1455px #767676 , 1970px 1862px #767676 , 303px 507px #767676 , 1185px 336px #767676 , 1553px 295px #767676 , 537px 721px #767676 , 1340px 650px #767676 , 440px 184px #767676 , 1956px 1823px #767676 , 288px 1318px #767676 , 333px 496px #767676 , 62px 431px #767676 , 838px 1455px #767676 , 849px 130px #767676 , 1654px 497px #767676 , 620px 1467px #767676 , 834px 652px #767676 , 153px 1925px #767676 , 1928px 84px #767676 , 1430px 1608px #767676 , 63px 572px #767676 , 101px 1595px #767676 , 598px 1403px #767676 , 822px 1941px #767676 , 1478px 828px #767676 , 319px 1453px #767676 , 202px 1878px #767676 , 36px 1352px #767676 , 828px 1896px #767676 , 709px 1582px #767676 , 1855px 1764px #767676 , 724px 480px #767676 , 733px 1897px #767676 , 1010px 1724px #767676 , 896px 414px #767676 , 1762px 1721px #767676 , 67px 1846px #767676 , 1912px 1628px #767676 , 2px 1673px #767676 , 1667px 50px #767676 , 420px 1800px #767676 , 1290px 1084px #767676 , 892px 1347px #767676 , 1831px 295px #767676 , 1031px 444px #767676 , 1907px 641px #767676 , 483px 851px #767676 , 1114px 1370px #767676 , 1773px 211px #767676 , 552px 1685px #767676 , 1276px 690px #767676 , 1837px 599px #767676 , 476px 1301px #767676 , 1097px 296px #767676 , 1901px 1055px #767676 , 629px 890px #767676 , 597px 879px #767676 , 1503px 377px #767676 , 1283px 1132px #767676 , 1784px 1173px #767676 , 1469px 692px #767676 , 1661px 1285px #767676 , 823px 1404px #767676 , 1690px 1216px #767676 , 1323px 1080px #767676 , 553px 897px #767676 , 352px 1548px #767676 , 1013px 1237px #767676;
	border-radius: 100%;
	animation: starsAnimation 150s linear infinite;
}
.stars > .big:after {
	content: " ";
	position: absolute;
	top: 2000px;
	width: 4px;
	height: 4px;
	background: transparent;
	box-shadow: 992px 702px #767676 , 126px 1438px #767676 , 1274px 1314px #767676 , 293px 108px #767676 , 1454px 759px #767676 , 1561px 916px #767676 , 489px 600px #767676 , 1157px 1331px #767676 , 1473px 230px #767676 , 813px 240px #767676 , 642px 1989px #767676 , 431px 213px #767676 , 1135px 1743px #767676 , 1132px 1740px #767676 , 1655px 1935px #767676 , 60px 1744px #767676 , 865px 36px #767676 , 648px 14px #767676 , 1689px 31px #767676 , 808px 290px #767676 , 278px 347px #767676 , 330px 607px #767676 , 1712px 333px #767676 , 1162px 1366px #767676 , 1404px 22px #767676 , 673px 1650px #767676 , 299px 1798px #767676 , 1394px 1383px #767676 , 131px 1587px #767676 , 220px 776px #767676 , 422px 525px #767676 , 1950px 477px #767676 , 897px 1455px #767676 , 1970px 1862px #767676 , 303px 507px #767676 , 1185px 336px #767676 , 1553px 295px #767676 , 537px 721px #767676 , 1340px 650px #767676 , 440px 184px #767676 , 1956px 1823px #767676 , 288px 1318px #767676 , 333px 496px #767676 , 62px 431px #767676 , 838px 1455px #767676 , 849px 130px #767676 , 1654px 497px #767676 , 620px 1467px #767676 , 834px 652px #767676 , 153px 1925px #767676 , 1928px 84px #767676 , 1430px 1608px #767676 , 63px 572px #767676 , 101px 1595px #767676 , 598px 1403px #767676 , 822px 1941px #767676 , 1478px 828px #767676 , 319px 1453px #767676 , 202px 1878px #767676 , 36px 1352px #767676 , 828px 1896px #767676 , 709px 1582px #767676 , 1855px 1764px #767676 , 724px 480px #767676 , 733px 1897px #767676 , 1010px 1724px #767676 , 896px 414px #767676 , 1762px 1721px #767676 , 67px 1846px #767676 , 1912px 1628px #767676 , 2px 1673px #767676 , 1667px 50px #767676 , 420px 1800px #767676 , 1290px 1084px #767676 , 892px 1347px #767676 , 1831px 295px #767676 , 1031px 444px #767676 , 1907px 641px #767676 , 483px 851px #767676 , 1114px 1370px #767676 , 1773px 211px #767676 , 552px 1685px #767676 , 1276px 690px #767676 , 1837px 599px #767676 , 476px 1301px #767676 , 1097px 296px #767676 , 1901px 1055px #767676 , 629px 890px #767676 , 597px 879px #767676 , 1503px 377px #767676 , 1283px 1132px #767676 , 1784px 1173px #767676 , 1469px 692px #767676 , 1661px 1285px #767676 , 823px 1404px #767676 , 1690px 1216px #767676 , 1323px 1080px #767676 , 553px 897px #767676 , 352px 1548px #767676 , 1013px 1237px #767676;
	border-radius: 100%;
}

@keyframes starsAnimation {
	from {
		transform: translateY(-2000px);
	}
	to {
		transform: translateY(0px);
	}
}
.WhyChooseBox {
	background-color: var(--white-bg-color);
	border-radius: 0 0 0 100px;
	border-bottom: 4px solid var(--primary-light-color);
	padding: 18px;
	height: 100%;
}
.WhyChooseBox2 {
	border-radius: 0 0 100px 0;
}
.WhyChooseCon {
	width: calc(100% - 100px);
}
.WhyChooseBox figure {
	width: 100px;
}
.horoscope-img {
	background-color: var(--primary-light-color);
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	padding: 12px;
	border: 4px solid #ededed;
}
.center-box {
	width: 306px;
	height: 306px;
	background-color: #ffffff;
	border-radius: 50%;
	margin: auto;
	overflow: hidden;
	position: relative;
	transform: rotate(15deg);
	z-index: 1;
	border: 3px solid #ffffff;
	box-shadow: 0 0 2px 2px #ddd4d4;
}
.center-box ul li {
	clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);
	background: #ffb700;
	width: 75px;
	height: 75px;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .6s;
	-webkit-transition: .6s;
}
.center-box ul li:hover {
	background-color: #ed7710 !important;
}
.center-box ul li img {
	margin-bottom: 10px;
	width: 35px;
	height: 35px;
}
.center-box ul li:nth-child(5) img {
	margin-bottom: -10px;
}
.center-box ul li:nth-child(1) {
	top: 0;
	left: 0;
	right: -1px;
	margin: auto;
	transform: rotate(-1deg);
	background-color: #C48C59;
}
.center-box ul li:nth-child(2) {
	top: 15px;
	right: 53px;
	transform: rotate(32deg);
	height: 67px;
	background-color: #C95854;
}
.center-box ul li:nth-child(3) {
	top: 57px;
	right: 13px;
	transform: rotate(62deg);
	height: 72px;
	background-color: #C06175;
}
.center-box ul li:nth-child(4) {
	top: 114px;
	right: -2px;
	transform: rotate(91deg);
	background-color: #9D4E69;
}
.center-box ul li:nth-child(5) {
	top: 174px;
	right: 5px;
	transform: rotate(119deg);
	background-color: #B099B6;
}
.center-box ul li:nth-child(6) {
	top: 210px;
	right: 54px;
	transform: rotate(148deg);
	background-color: #8DA1C0;
}
.center-box ul li:nth-child(7) {
	right: 0;
	transform: rotate(177deg);
	left: 2px;
	margin: auto;
	bottom: -2px;
	background-color: #91C8CB;
}
.center-box ul li:nth-child(8) {
	top: 217px;
	left: 55px;
	transform: rotate(207deg);
	height: 72px;
	background-color: #618967;
}
.center-box ul li:nth-child(9) {
	top: 175px;
	left: 12px;
	transform: rotate(239deg);
	height: 72px;
	background-color: #CC9127;
}
.center-box ul li:nth-child(10) {
	top: 115px;
	left: -1px;
	transform: rotate(270deg);
	background-color: #8C8B3B;
}
.center-box ul li:nth-child(11) {
	top: 57px;
	left: 12px;
	transform: rotate(299deg);
	background-color: #91C8CB;
}
.center-box ul li:nth-child(12) {
	top: 16px;
	left: 55px;
	transform: rotate(-31deg);
	height: 72px;
	background-color: #C1AA36;
}
.circleMidd {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 1;
	border: 1px solid #bd64cb;
	overflow: hidden;
	background: linear-gradient(129.71deg, #FFE98D 21.75%, #FED694 27.3%, #FC3DD3 72.26%);
}
.circleMidd img {
	position: absolute;
	animation: crossfade 8s ease-in-out infinite;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(129.71deg, #FFE98D 21.75%, #FED694 27.3%, #FC3DD3 72.26%);
	padding: 15px;
}
.circleMidd img:nth-of-type(1) {
	animation-delay: 6s;
}
.circleMidd img:nth-of-type(2) {
	animation-delay: 4s;
}
.circleMidd img:nth-of-type(3) {
	animation-delay: 2s;
}
.circleMidd img:nth-of-type(4) {
	animation-delay: 0;
}
@keyframes crossfade {
	0% {
		opacity: 1;
	}
	17% {
		opacity: 1;
	}
	25% {
		opacity: 0;
	}
	92% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.horoscope-item{
	padding: 18px 0;
}
.horoscope-item:after {
	content: '';
	position: absolute;
	background-image: url('../img/border-line.svg');
	width: 241px;
	height: 112px;
}
.horoscope-item:nth-child(1):after {
	right: -175px;
	top: 70px;
}
.horoscope-item:nth-child(2):after {
	transform: rotate(-5deg);
	right: -175px;
	top: 48px;
}
.horoscope-item:nth-child(3):after {
	transform: rotate(-20deg);
	right: -175px;
	top: 20px;
}
.horoscope-item:nth-child(4):after {
	transform: rotate(-30deg);
	right: -175px;
	top: -8px;
}
.horoscope-item:nth-child(5):after {
	transform: rotate(-40deg);
	right: -180px;
	top: -28px;
}
.horoscope-item:nth-child(6):after {
	transform: scale(1,-1);
	right: -190px;
	top: -71px;
}
.horoscope-item.flex-md-row-reverse:after {
	right: auto;
	left: -178px;
}
.horoscope-item.flex-md-row-reverse:nth-child(1):after {
	transform: scale(-1,1);
}
.horoscope-item.flex-md-row-reverse:nth-child(2):after {
	transform: rotate(5deg) scale(-1,1);
}
.horoscope-item.flex-md-row-reverse:nth-child(3):after {
	transform: rotate(20deg) scale(-1,1);
}
.horoscope-item.flex-md-row-reverse:nth-child(4):after {
	transform: rotate(30deg) scale(-1,1);
}
.horoscope-item.flex-md-row-reverse:nth-child(5):after {
	transform: rotate(40deg) scale(-1,1);
}
.horoscope-item.flex-md-row-reverse:nth-child(6):after {
	transform: scale(1,-1) scale(-1,1);
}
.center-box ul li:nth-child(3) img {
	transform: rotate(45deg);
}
.center-box ul li:nth-child(4) img {
	transform: rotate(-90deg);
}
.center-box ul li:nth-child(5) img {
	transform: rotate(-90deg);
}
.center-box ul li:nth-child(7) img {
	transform: rotate(190deg);
}
.center-box ul li:nth-child(8) img {
	transform: rotate(180deg);
}
.center-box ul li:nth-child(9) img {
	transform: rotate(-80deg);
}
.testimonial{
	background: linear-gradient(180deg, #FFFFFF 0%, #F2F2F2 43.27%, #FFFFFF 100%);
}
.carousel-item {
	padding-bottom: 100px;
}
.slider-content{
	margin-left: -80px;
	position: relative;
	z-index: 1;
}
.slider-content .bg-white{
	box-shadow: 0px 94px 200px 0px #15151526;
}
.slider-img img{
	box-shadow: 0px 40px 80px 0px #1515153D;
}
.slider-content:after {
	content: '';
	position: absolute;
	right: -90px;
	top: -60px;
	background-image: url('../img/quotes.svg');
	width: 162px;
	height: 119px;
	z-index: -1;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
	filter: brightness(0.5);
}
.social a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e1e1e1;
    font-size: 14px;
}
.feedback .btn {
	transform: rotate(90deg) translateY(123px);
}
.fixedBtn {
	transform: translateX(92px);
	transition: .6s;
	-webkit-transition: .6s;
}
.fixedBtn2 {
	transform: translateX(222px);
	transition: .6s;
	-webkit-transition: .6s;
}
.fixedBtn:hover, .fixedBtn2:hover {
	transform: translateX(0);
}
.counter-box {
	background: var(--primary-normal);
	text-align: center;
	padding: 20px;
	border-radius: 0 0 40px 0;
}
.product-item .border{
	background-color: #fff;
}
.product-item img{
	border-bottom: 2px solid var(--primary-color);
}
.product-item .border{
	transition: .6s;
	-webkit-transition: .6s;
}
.product-item .border:hover{
	background-color: var(--primary-light-color);
}
.product-item .border:hover h5 a, .product-item .border:hover span{
	color: var(--white-color);
}
.product-item .border h5 a, .product-item .border span{
	transition: .6s;
	-webkit-transition: .6s;
}
.horizontalItem img {
	width: 50px;
}
.PersonalNumerology {
	border-radius: 0 0 100px 0;
}
.yellow-shape:before {
	content: '';
	position: absolute;
	left: 0;
	right: 13px;
	top: 0;
	bottom: 0;
	background: var(--primary-color);
	border-radius: 0 0 0 150px;
	height: 370px;
	margin: auto;
	z-index: -1;
}
.oneline{
	white-space: nowrap;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
}
.product-slider .slick-slide {
	padding: 0 10px;
	display: flex !important;
	justify-content: center;
}
.slick-arrow {
	filter: brightness(0.5);
}
.slick-next {
	right: 0 !important;
}
.slick-prev {
	left: 0 !important;
}
#zoom-box {
	position: absolute;
	top: 0;
	left: 105%;
	width: 84vh;
	height: 80vh;
	border: 1px solid #ddd;
	display: none;
	overflow: hidden;
	background: #fff;
	z-index: 7;
}
#zoomed-image {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 200%; 
}
.slider-for img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.slider-for .slick-list, .slider-for .slick-track {
	height: 100% !important;
}
.slider-for {
	height: 350px;
	overflow: hidden;
	border-radius: 20px;
	border: 1px solid #dbd7d7;
}
.slider-nav .item-slick {
	padding: 5px;
	height: 80px;
}
.slider-nav .item-slick img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid #efefef;
}
.slick-arrow {
    background-image: url('../img/arrow.svg') !important;
    width: 28px !important;
    height: 28px !important;
}
.slick-next {
    transform: scale(-1) translateY(50%) !important;
}
.slick-next:before, .slick-prev:before{
	display: none;
}
.slider-nav {
	padding: 0 25px;
}
.progress-content-outter {
	height: 5px;
	background-color: #E1E1E0;
	border-radius: 10px;
	width: 80%;
}
.progress-content {
	height: 5px;
	background-color: #20590C;
	width: 0%;
	border-radius: 10px;
}
.progress-bar {
	flex-direction: row-reverse;
	align-items: center;
	gap: 20px;
	padding: 5px 0;
}
.progress-num {
	width: 17%;
}
.filters{
	top: 100px;
}
.footer{
	background-repeat: no-repeat;
	background-size: cover;
}
.accordion-button:not(.collapsed) {
    background-color: #eee;
}
.accordion-button {
    font-size: 20px;
    cursor: pointer;
}

/******Responsive Css Start******/
@media (max-width: 1199px) {

	/*Header Menu Css Start*/
	.menuToggle {
		position: absolute;
		right: 12px;
		top: 3px;
		bottom: 0;
		display: flex;
		align-items: center;
		z-index: 9;
	}
	.sticky .menuToggle {
		top: 3px;
	}
	.header-menu.active {
		opacity: 1;
		visibility: visible;
		transform: translateX(0%);
	}

	.header-menu {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		height: 100vh;
		background: #fff;
		z-index: 9;
		opacity: 0;
		visibility: hidden;
		transition: .6s;
		transform: translateX(-105%);
		width: 86%;
	}

	.menuToggle i {
		font-size: 30px;
		color: #fff;
	}
	.menuToggle .fa-xmark,
	.menuToggle.active .fa-bars {
		display: none;
	}
	.menuToggle.active .fa-xmark {
		display: block;
	}
	.menu-item {
		border-bottom: 1px solid #d9d9d9;
		display: block;
		padding: 15px 20px;
		color: #000 !important;
	}

	body.active {
		overflow: hidden;
	}

	body.active:before {
		content: '';
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #000;
		z-index: 8;
		opacity: .8;
	}
	/*Header Menu Css End*/
	.cart, .login, .favorite {
		width: 35px;
		height: 30px;
		font-size: 16px;
		border-radius: 5px;
	}
	.sticky .menuToggle i{
		color: #000;
	}
	body.active .cart {
		display: none;
	}
}


@media (max-width: 767px) {
	h1 {
		font-size: 32px;
	}
	h2 {
		font-size: 26px;
	}
	h3 {
		font-size: 22px;
	}
	h4 {
		font-size: 20px;
	}
	h5 {
		font-size: 18px;
	}
	h6 {
		font-size: 16px;
	}
	body {
		font-size: 16px;
		line-height: 22px;
	}
	.btn, .btn2 {
		padding: 12px 20px;
		font-size: 16px;
	}
	.p-tb {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.pt {
		padding-top: 50px;
	}
	.pb {
		padding-bottom: 50px;
	}
	.WhyChooseBox {
		border-radius: 20px;
	}
	.horoscope-item:after{
		display: none;
	}
	br{
		display: none;
	}
	.WhyChooseCon {
		width: 100%;
	}
	.horoscope-wrap {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		padding-top: 10px;
	}
	.horoscope-item {
		padding: 20px;
		border: 1px solid #eee;
		text-align: center;
		border-radius: 10px;
	}
	.slider-content {
		margin-left: 0;
	}
	.slider-content .bg-white, .slider-img img{
		box-shadow: none;
	}
	.slider-content .bg-white{
		background-color: #eee !important;
	}
	.slider-img img {
		width: 100%;
		height: 300px;
		object-fit: cover;
	}
	.carousel-item {
		padding-bottom: 50px;
	}
	.carousel-control-next, .carousel-control-prev {
		top: auto !important;
		bottom: 55px;
	}
	.feedback .btn {
		transform: none;
	}
	.feedback {
		position: unset !important;
		padding-bottom: 50px;
		margin-top: -20px !important;
	}
	.yellow-shape:before{
		display: none;
	}
	#zoom-box{
		display: none !important;
	}
	.filters{
		position: unset !important;
	}
}