@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


*,
:after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}


@font-face {
	font-family: AvantGardeStd-Md;
	src: url(../Fonts/ITCAvantGardeStd-Md.otf);
}


@font-face {
	font-family: Behind-Bold;
	src: url(../fonts/Behind-The-Nineties-Sans-Bd.otf);
}


@font-face {
	font-family: Behind-Medium;
	src: url(../fonts/Behind-The-Nineties-Md.otf);
}


@font-face {
	font-family: Behind-Italic;
	src: url(../fonts/Behind-The-Nineties-It.otf);
}


@font-face {
	font-family: Behind-Regular;
	src: url(../fonts/Behind-The-Nineties-Rg.otf);
}


@font-face {
	font-family: Behind-Regular;
	src: url(../fonts/Behind-The-Nineties-Rg.otf);
}


@font-face {
	font-family: Lovas;
	src: url(../fonts/Lovas.ttf);
}


@font-face {
	font-family: Sticky-Notes;
	src: url(../fonts/Sticky-Notes.otf);
}


:root {
	--animation-duration-horizontal: 1s;
	--animation-duration-vertical: 1s;
	--animation-delay: 1s;
}

body,
html {
	font-size: 100%;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;


}

a {
    text-decoration: none;
}



h1 {
	font-family: 'AvantGardeStd-Md', sans-serif;
	font-size: 5em;
	color: #212121;
	font-weight: 600;

}


h1 span {

	font-family: 'AvantGardeStd-Md', sans-serif;
	font-style: italic;
	color: #204E83;
	font-weight: 500;

}

h2 {
	font-family: 'AvantGardeStd-Md', sans-serif;
	font-size: 4em;
	font-weight: 600;
	color:#212121;
}


h2 span {
	font-family: 'AvantGardeStd-Md', sans-serif;
	font-style: italic;
	font-weight: 200;
	color: #212121;
}

h3 {
	font-family: 'AvantGardeStd-Md', sans-serif;
	font-size: 3em;
	font-weight: 600;
	margin-top: 0.5em;
	color: #212121;
}


h3 span {
	font-family: 'AvantGardeStd-Md', sans-serif;
	font-style: italic;
	font-weight: 200;
	color: #513178;
}

h4 {
	font-family: 'AvantGardeStd-Md', sans-serif;
	font-size: 2.5em;
	color: #212121;
	font-weight: 600;
}


h5 {
	font-family: 'AvantGardeStd-Md', sans-serif;
	font-size: 1.8em;
	color: #212121;
	font-weight: 600;
	padding-top: 0.4em;
}


h6 {
	font-family: 'AvantGardeStd-Md', sans-serif;
	font-weight: 500;
	font-size: 1.5em;
	color: #212121;

}


p {
	font-family: "AvantGardeStd-Md", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	color: #212121;
}


p a {
	color: #513178;
	text-decoration: none;
}


p a:hover {
	color: #513178;
	text-decoration: none;
}


.content-wrapper {
	max-width: 1440px;
	margin: 0 auto;
	padding: 1em;
}

.content-wrapper-2 {

	margin: 0 auto;

}



/******HOMEPAGE******/


.hero {
    background-color:rgba(187,189,191,0.4);
    height: auto;
	margin: 0 auto;
	padding: 4em 1em ;
}


/*.hero-inner {
    background-image: url(../images/main-bg.svg);
   -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    border-radius: 3em;
    width: 100%;
    margin: 1em auto;
    height:auto;
    padding: 8em 4em;
    display: flex;
    justify-content: center;
    align-items: center;
        }
*/


.hero h1 {
    margin-top: 0.2em;
    
}

.hero small {
    color:#204E83;
    font-weight: 700;
    letter-spacing: 0.2em;
}


.hero p {
  padding-top: 6em;
    font-weight: 300;
    line-height: 1.6em;
}


.short-line {
    width: 160px;
    height: 1px;
    background-color:#204E83;
    margin-top: 1em;
}


.about-us {
     background-image: url(../images/about-banner.svg);
   -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    padding:8em 1em;
}


.about-us h2 {
    color: #fff;
    text-align: center;
}


.about-us p {
    color: #fff;
    text-align: center;
    line-height: 1.8em;
}

.about-us small {
    color: #fff;
    text-align: center;
    font-weight: 600;
}


.short-line-2 {
    width: 160px;
    height: 1px;
    background-color:#fff;
    margin: 2em auto;
}






/****SCROLL EFFECT******/

  






/****SCROLL EFFECT******/














/*.moving-svg-1 {
  animation: moveUpDownn 5s ease-in-out infinite;
}

@keyframes moveUpDownn {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}


.moving-svg-2 {
  animation: moveUpDownn 4s ease-in-out infinite;
}

@keyframes moveUpDownn {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
*/




.join-now {
     background-image: url(../images/vendors.jpg);
   -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    border-radius: 3em;
    width: 100%;
    margin: 4em auto;
    height:auto;
    padding: 8em 1em;
}







/*******ABOUT US*******/


.about-hero {
    background-image: url(../images/main-bg.svg);
   -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    border-radius: 3em;
    width: 100%;
    margin: 1em auto;
    height:auto;
    padding: 6em 4em 16em 4em;
        }









.card {
	border: none !important;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	border-radius: 1em;
	padding: 1em;
	width: 80%;
	margin: 1em auto;
	min-height: 11em;
}



/****ABOUT ME****/





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



@media (max-width: 1199.98px) {


    
 h1 {
	font-family: 'Behind-Bold', sans-serif;
	font-size: 4em;
	color: #fff;
	font-weight: 600;

}


h1 span {

	font-family: 'Behind-Italic', sans-serif;
	font-style: italic;
	color: #fff;
	font-weight: 200;

}

h2 {
	font-family: 'Behind-Bold', sans-serif;
	font-size: 3.5em;
	font-weight: 700;
	color: #513178;
}


h2 span {
	font-family: 'Behind-Italic', sans-serif;
	font-style: italic;
	font-weight: 200;
	color: #513178;
}

h3 {
	font-family: 'Behind-Medium', sans-serif;
	font-size: 3em;
	font-weight: 600;
	margin-top: 0.5em;
	color:#513178;
}


h4 {
	font-family: 'Behind-Bold', sans-serif;
	font-size: 2.5em;
	color: #36454F;
	font-weight: 600;
}


h5 {
	font-family: 'Behind-Medium', sans-serif;
	font-size: 1.8em;
	color: #2B2B2B;
	font-weight: 600;
	padding-top: 0.4em;
}


h6 {
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size: 1.4em;
	color: #513178;
	letter-spacing: 3px;
}


p {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	color: #808080;
}
   
    
 
   
 
    
    
}



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



@media (max-width: 769px) {

   h1 {
	font-family: 'Behind-Bold', sans-serif;
	font-size: 4em;
	color: #fff;
	font-weight: 600;
}



h2 {
	font-family: 'Behind-Bold', sans-serif;
	font-size: 3.3em;
	font-weight: 700;
	color: #513178;
}


h2 span {
	font-family: 'Behind-Italic', sans-serif;
	font-style: italic;
	font-weight: 200;
	color: #513178;
}

h3 {
	font-family: 'Behind-Medium', sans-serif;
	font-size: 2.8em;
	font-weight: 600;
	margin-top: 0.5em;
	color: #513178;
}


h4 {
	font-family: 'Behind-Bold', sans-serif;
	font-size: 2.1em;
	color: #36454F;
	font-weight: 600;
}


h5 {
	font-family: 'Behind-Medium', sans-serif;
	font-size: 1.8em;
	color: #2B2B2B;
	font-weight: 600;
	padding-top: 0.4em;
}


h6 {
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size: 1.5em;
	color: #513178;
	letter-spacing: 3px;
}

    
  

}

@media (max-width: 469px) {
    
    
    
      h1 {
	font-family: 'Behind-Bold', sans-serif;
	font-size: 3.2em;
	color: #fff;
	font-weight: 600;
}



h2 {
	font-family: 'Behind-Bold', sans-serif;
	font-size: 2.9em;
	font-weight: 700;
	color: #513178;
}
    
h3 {
	font-family: 'Behind-Medium', sans-serif;
	font-size: 2.3em;
	font-weight: 600;
	margin-top: 0.5em;
	color: #513178;
}
    
    h6 {
        letter-spacing: 1px;
    }

p {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 0.9em;
	color: #808080;
}
 
    
}