@charset "utf-8";
/*..............embedded fonts..............*/

@import url('https://fonts.googleapis.com/css2?family=Anek+Gurmukhi:wght@100;200;300;400;500;600;700;800&display=swap');

/*..............embedded fonts..............*/
/*
    font-family: 'Anek Gurmukhi', sans-serif;
*/
/*..............custom fonts..............*/

/*..............custom fonts..............*/

/*..............common styles..............*/
*{margin:0; padding: 0;}
body { margin: 0; padding: 0; font-family: 'Anek Gurmukhi', sans-serif; font-size: 24px; color: #fff; background: #000; line-height: 1;}
h1, h2, h3, h4, h5, h6 { font-weight: 500; margin: 0 0 30px; padding:0; color: #fff; font-family: 'Anek Gurmukhi', sans-serif; line-height: 1;}
h1{ font-size: 84px; font-weight: 700;}
h2{ font-size: 84px; font-weight: 700;}
h3{ font-size: 60px; font-weight: 600;}
h4{ font-size: 54px;}
h5{ font-size: 42px;}
h6{ font-size: 30px;}
p{ font-size: 24px; color: #fff; margin:0 0 30px; line-height: 1; padding:0; font-family: 'Anek Gurmukhi', sans-serif;}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{ font-family: 'Anek Gurmukhi', sans-serif; font-size: 24px; outline: none;}
input[type="submit"]{ font-family: 'Anek Gurmukhi', sans-serif; font-weight: 500; font-size: 24px; transition:all 0.3s ease 0s; outline: none;}


/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
/* --- only use for wordpress (Image alignment) --- */

/* --- Button Styles --- */
.btn { border: 0; display: inline-block; vertical-align: top; background: #18A1D8; color: #fff; padding: 14px 35px; font-size: 24px; text-transform: capitalize; height: 57px;}
.btn.solid-color { background: #f00; color: #fff; }
.btn.border { background:none; color: #769fcd; border: 2px solid #769fcd; }
.btn.rounded { border-radius: 5px;}
.btn.medium-size { /* Your custom Styles */ }
.btn.large-size { /* Your custom Styles */}

.btn:focus, button:focus{outline: none;}

/* --- Button Styles --- */

/*..............common styles..............*/


.no-cap{ text-transform : none }
/*for header css*/
.main-header { position: absolute; top: 0px; left: 0; width: 100%; z-index: 2; padding: 100px 0 0;}
.logo { /*margin-bottom: 60px;*/ width: 300px; margin: 0 auto 70px;}

/*for header css*/

.slider-wrap { position: relative;}
.slider-wrap img{width: 100%;}

.bannContent{position: absolute; bottom: 20px; left: 0; width: 100%;}

/*for main sections css*/

.sec-gapTop{padding-top: 60px;}
.sec-gapBottom{padding-bottom: 60px;}

.sec-gapTopMd{padding-top: 30px;}
.sec-gapBottomMd{padding-bottom: 30px;}

.commonBg{background-repeat: no-repeat; background-size: cover; background-position: center center;}


.wishContent { max-width: 830px; margin: 0 auto; position: absolute; top: 20px; left: 0; right: 0;}
.wishPic:before { position: absolute; top: 0; bottom: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0), rgba(0,0,0,0.2)); content: ""; left: 0; width: 100%;}
.wishPic.commonBg{background-position: center right;}
.wishPic{padding-top: 60%; position: relative;}
.wishMiddleContent{ max-width: 830px; margin: 0 auto; position: absolute; top: 50%; left: 0; right: 0;}

.ancientsSec { padding: 120px 0 160px;}
.ancientsSec.commonBg{background-position: center center; background-attachment: fixed; text-align: center;}
.videoContent{ text-align: center; }
.intentionPic img{width: 100%;}

.metaverseSec { padding-top: 230px; padding-bottom: 500px;}
.metaverseSec.commonBg{background-position: top right;}


.iconBottom {padding-top: 40px;}

.simple-videoSec{padding: 70px 0 160px;}
.simple-videoSec.commonBg{background-position: center center; background-attachment: fixed;}
.ancientsTopTitle{ text-align: center; margin-bottom: 90px;}
.ancientsBottomContent{ text-align: center;}
.ancientsBottomContent p{color: #A3D9EF; margin-bottom: 0;}

.metaverseSec {position: relative;}
.metaverseSec:before { position: absolute; top: 0; bottom: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.1),  rgba(0,0,0,0.3), rgba(0,0,0,0.5), rgba(0,0,0,1)); content: ""; left: 0; width: 100%;}

.cart-shopSec{text-align: right;}

.offerBox{background-image: linear-gradient(to bottom, #0065f2, #d4aaff); padding: 80px 80px 60px; border-radius: 50px; position: relative; }
.offerBox:before{/*background: #000;*/ background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)); position: absolute; top: 5px; bottom: 5px; left: 5px; right: 5px; content: ""; border-radius: 50px;}

/*for main sections css*/


/*for footer sections css*/

.footSec.commonBg{background-position: center bottom; background-attachment: fixed;}
.footSec { padding: 230px 0 70px;}
.ftrMiddle { padding: 80px 0 500px;}
.offerContent h3 { margin-bottom: 35px;}

.ftrLogo{margin-bottom: 40px;}
.ftrCopyright p{margin-bottom: 0; font-size: 18px; color: #777;}
.ftrMiddle .btn{margin-top: 70px;}
.forMob{display: none;}


/*for footer sections css*/

/*-- fixing(21-09-2022) --*/
.main-header h2, .bannContent h2, .wishSec .wishContent h3{ margin-bottom: 0; line-height: 1;}
.lgText{font-size: 100px;}
/*.intentionSec{background: #090A0C;}*/
.iconPic { width: 80px; margin: 0 auto;}
.simple-videoSec{position: relative;}
.simple-videoSec:before {
    bottom: 0;
    height: 50%;
    left: 0;
    width: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0.4), rgba(0,0,0,0.2), transparent);
    position: absolute;
    content: "";
    }
.ftrTop{text-align: center;}
.cart-shopPic img { width: 100%;}


/*Media Query css*/

@media only screen and ( min-width:1601px ) {
    .container { width: 1200px;}
    .lgText{font-size: 140px;}
    .ftrLogo img {width: 550px;}
}

@media only screen and ( max-width:1500px ) {
	.main-header { padding: 60px 0 0;}
	.lgText{font-size: 100px;}
	h1{ font-size: 75px;}
	h2{ font-size: 75px;}
	h3 { font-size: 55px;}
	h4{ font-size: 50px;}
	

	.ancientsSec { padding: 100px 0 140px;}
	.offerBox { padding: 60px 60px 40px;}
}

@media only screen and ( max-width: 1366px ) {
	.lgText{font-size: 90px;}
	h1{ font-size: 65px;}
	h2{ font-size: 65px;}
	h3{ font-size: 52px;}
	h4{ font-size: 45px;}
	h5{ font-size: 38px;}

	.ancientsSec { padding: 100px 0 120px;}
	.offerBox { padding: 50px 50px 30px;}
	.footSec { padding: 200px 0 50px;}
	.ftrLogo { margin: 0 auto 30px; width: 300px;}
	.ftrMiddle { padding: 70px 0 400px;}
	.ftrMiddle .btn { margin-top: 60px;}

}
@media only screen and ( max-width: 1199px ) {
	.lgText{font-size: 80px;}
	h1{ font-size: 58px;}
	h2{ font-size: 58px;}
	h3{ font-size: 50px;}
	h4{ font-size: 40px;}
	h5{ font-size: 35px;}


	.logo { margin-bottom: 50px;}
	.main-header { padding: 50px 0 0;}
	.bannContent { bottom: 10px;}

	.sec-gapTop{padding-top: 50px;}
	.sec-gapBottom{padding-bottom: 50px;}

	.sec-gapTopMd{padding-top: 25px;}
	.sec-gapBottomMd{padding-bottom: 25px;}

	.ancientsSec { padding: 80px 0 100px;}
	.iconPic { width: 70px; margin: 0 auto;}
	.simple-videoSec { padding: 60px 0 140px;}
	.footSec { padding: 150px 0 30px;}
	.ftrLogo { margin: 0 auto 25px; width: 250px;}
	.ftrMiddle { padding: 60px 0 300px;}
	.ftrMiddle .btn { margin-top: 50px;}
	.offerContent h3 { margin-bottom: 30px;}


}
@media only screen and ( max-width:1024px ) {
	.lgText{font-size: 70px;}
	h1{ font-size: 50px;}
	h2{ font-size: 50px;}
	h3{ font-size: 42px;}
	h4{ font-size: 38px;}

	.logo { margin-bottom: 40px;}
	.main-header { padding: 40px 0 0;}

	.sec-gapTop{padding-top: 40px;}
	.sec-gapBottom{padding-bottom: 40px;}

	.sec-gapTopMd{padding-top: 20px;}
	.sec-gapBottomMd{padding-bottom: 20px;}

	.ancientsSec { padding: 60px 0 80px;}
	.iconBottom { padding-top: 30px;}
	.iconPic { width: 60px;}
	.simple-videoSec { padding: 50px 0 90px;}
	.footSec { padding: 120px 0 20px;}
	.ftrLogo { margin: 0 auto 20px; width: 200px;}
	.ftrMiddle { padding: 50px 0 250px;}
	.ftrMiddle .btn { margin-top: 40px;}
	.offerContent h3 { margin-bottom: 25px;}
	h1, h2, h3, h4, h5, h6, p{ margin: 0 0 25px;}
	

}
@media only screen and ( max-width: 991px ) {
	.lgText{font-size: 60px;}
	h1{ font-size: 45px;}
	h2{ font-size: 45px;}
	h3{ font-size: 39px;}
	h4{ font-size: 35px;}
	h5{ font-size: 33px;}
	h6{ font-size: 28px;}
	p, body{ font-size: 22px;}


	.btn { padding: 12px 30px; font-size: 22px; height: 52px;}
	.ancientsSec { padding: 50px 0 70px;}
	.shopContent { text-align: center; margin-bottom: 20px;}
	.shopPic { text-align: center;}
	.simple-videoSec { padding: 40px 0 80px;}
	.ftrMiddle { padding: 40px 0 200px;}
	.footSec { padding: 100px 0 20px;}
	.ftrCopyright p { font-size: 16px;}


}

@media only screen and ( max-width: 767px ) {
	
	h1, h2, h3, h4, h5, h6, p{ margin: 0 0 20px;}
	.lgText{font-size: 50px;}
	h1{ font-size: 40px;}
	h2{ font-size: 40px;}
	h3{ font-size: 36px;}
	h4{ font-size: 33px;}
	h5{ font-size: 30px;}
	h6{ font-size: 25px;}
	p, body{ font-size: 20px;}


	.ftrCopyright p { font-size: 15px;}
	.btn { font-size: 20px; height: 52px;}
	.logo { width: 160px; margin: 0 auto 30px;}
	.main-header { padding: 20px 0 0;}
	.bannContent { bottom: 0px;}

	.sec-gapTop{padding-top: 30px;}
	.sec-gapBottom{padding-bottom: 30px;}

	.sec-gapTopMd{padding-top: 15px;}
	.sec-gapBottomMd{padding-bottom: 15px;}

	.ancientsSec { padding: 40px 0 60px;}
	.wishMiddleContent{display: block; 
    display: block;
    position: absolute;
    left: 15px;}

    .wishPic.commonBg { background-position: center right -75px; background-attachment: inherit;}
    .simple-videoSec.commonBg, .footSec.commonBg{ background-attachment: inherit;}
    .wishMiddleContent h4{margin-bottom: 0;}
    .wishPic { padding-top: 70%;}
    .intentionContent {text-align: center;}
    .metaverseSec { padding-top: 30px; padding-bottom: 400px; text-align: center;}
    .forMob{display: block;}
    .forDesktop{display: none;}

    .metaverseSec h4 { font-size: 40px; font-weight: 700;}
    .metaverseSec h2 { font-size: 27px;}
    .iconTop{text-align: center; margin-bottom: 40px;}
    .iconTop h3 { font-size: 20px; font-weight: 500;}
    .iconBottom { padding-top: 20px;}
    .simple-videoSec { padding: 30px 0 20px;}
    .simple-videoSec { padding: 30px 0 40px;}
    .offerBox { padding: 30px 30px 30px; text-align: center;}
    .offerBox:before { top: 2px; bottom: 2px; left: 2px; right: 2px;}
    .ftrLogo { margin: 0 auto 15px;/* width: 150px;*/}
    .ftrTop{text-align: center;}
    .ftrMiddle { padding: 40px 0 150px;}
    .ftrMiddle .btn { margin-top: 30px;}
    .ftrMiddle h3 { font-size: 25px; font-weight: 500;}
    .footSec { padding: 80px 0 20px;}
    .wishSec { padding: 0 15px;}
    .offerContent h3 { margin-bottom: 20px;}
    

}
@media only screen and ( max-width: 575px ) {
	.lgText{font-size: 55px;}
	h1{ font-size: 35px; font-weight: 600;}
	h2{ font-size: 35px; font-weight: 600;}
	h3{ font-size: 33px;}
	h4{ font-size: 30px;}
	h5{ font-size: 28px;}
	h6{ font-size: 23px;}
	p, body{ font-size: 18px;}

	.btn { padding: 12px 25px; font-size: 18px; height: 48px;}
	.logo {margin-bottom: 20px;}

	.ancientsSec { padding: 30px 0 30px;}
	.wishPic { padding-top: 80%;}

	.metaverseSec h4 { font-size: 35px;}
	.metaverseSec h2 { font-size: 25px;}
	.iconTop h3 { font-size: 18px;}
	.simple-videoSec { padding: 30px 0 30px;}
	.offerBox { padding: 20px 15px 20px;}
	.ftrMiddle { padding: 20px 0 100px;}
	.ftrMiddle .btn { margin-top: 20px;}
	.ftrMiddle h3 { font-size: 22px;}
	.footSec { padding: 60px 0 20px;}
	.main-header { padding: 10px 0 0px;}

}
@media only screen and ( max-width: 480px ) {
	.lgText{font-size: 40px;}
	h1, h2, h3, h4, h5, h6, p{ margin: 0 0 15px;}
	h1{ font-size: 30px;}
	h2{ font-size: 30px;}
	h3{ font-size: 28px;}
	h4{ font-size: 26px;}
	h5{ font-size: 23px;}
	h6{ font-size: 19px;}
	p, body{ font-size: 17px;}


	.btn { font-size: 17px;}
	.sec-gapTop{padding-top: 20px;}
	.sec-gapBottom{padding-bottom: 20px;}

	
	.logo { width: 140px; margin: 0 auto 20px;}
	.ancientsSec { padding: 20px 0 20px;}
	.wishPic.commonBg { background-position: center right -30px;}
	.wishPic { padding-top: 90%;}
	.metaverseSec h4 { font-size: 30px;}
	.metaverseSec h2 { font-size: 22px;}
	.simple-videoSec { padding: 30px 0 20px;}
	.ftrMiddle h3 { font-size: 20px;}
	.offerContent h3 { margin-bottom: 15px;}


}
@media only screen and ( max-width: 380px ) {
	.lgText{font-size: 35px;}
	/*h1{ font-size: 25px;}
	h2{ font-size: 25px;}*/
	h1{ font-size: 28px;}
	h2{ font-size: 28px;}
	h3{ font-size: 23px;}
	h4{ font-size: 21px;}
	h5{ font-size: 20px;}
	h6{ font-size: 18px;}
	p, body{ font-size: 16px;}

	.btn { padding: 12px 25px; font-size: 16px; height: 44px;}
	.bannContent {
    position: relative;}

	


}

@media only screen and ( max-width: 350px ) {
	.lgText{font-size: 30px;}
	h1{ /*font-size: 24px;*/ font-weight: 600;}
	h2{ /*font-size: 24px;*/ font-weight: 600;}
	h3{ font-size: 22px;}
	h4{ font-size: 20px;}
	h5{ font-size: 19px;}
	h6{ font-size: 17px;}
	p, body{ font-size: 15px;}

	

}

/*Media Query css*/