:root {
  /* Color Variables */
  --primary_color: #3C2C64;
  --secondary_color: #443C44;
  --tertiary_color: #7a7a7a;
  --quaternary_color: #e8f9f3;
  --quinary_color: #D4D4D4;
  
	--addit_black: #040404;
  --addit_white: #ffffff;
  
  --addit_color1: rgb(242 104 44 / 86%);
  --addit_color2: #202068;
  --addit_color3: #EEFBF6;
  --addit_color4: #F2682C;

  /* Font Variables */
  --primary_font: 'Prata', sans-serif;
  --secondary_font: 'Roboto', serif;
  --tertiary_font: 'Montserrat', monospace;
  --quaternary_font: 'Poppins-med', serif;
  --quinary_font: 'Poppins-italic', sans-serif;
	
	--primary_font_color: #212529;
	--secondary_font_color: #B7C8DE;
	
}
*
{
	padding:0px;
	margin:0px;
	box-sizing:border-box;
}
img
{
	max-width:100%;
}
a,a:hover,a:focus
{
	outline:0px;
	text-decoration:none;
	color:var(--secondary_color);
}
input,input:hover,input:focus,button,button:hover,button:focus
{
	border-radius: 0;
	outline:0px;
	border:0px;
    box-shadow: none;
}
body
{
	color:var(--secondary_color);
}
a
{
	display:inline-block;
	font-family:var(--secondary_font);
	font-weight:500;
}

h1,h2,h3,h4,h5,h6
{
	font-weight:400;
	font-family:var(--primary_font);
}
/* h2,.section-head h1 */
/* { */
	/* font-size:57px; */
	/* position:relative; */
	/* line-height:78px; */
	/* text-align:center; */
	/* margin-bottom:0px; */
	/* display:inline-block; */
	/* padding-top:53.3px; */
/* } */

/* h2 span,.section-head h1 span */
/* { */
	/* margin-left:13px; */
	/* max-width:25%; */
	/* text-align:left; */
	/* display:inline-block; */
	/* font-size:25px; */
	/* line-height:30px; */
	/* color:var(--primary_color); */
/* } */
/* .section-head h2:before,.section-head h1:before */
/* { */
	/* position:absolute; */
	/* top:0px; */
	/* left:50%; */
	/* transform:translate(-50%); */
	/* bottom:0px; */
	/* content:url('../images/sectionheadelement.png'); */
/* } */
.section-head p
{
	margin-top:7px;
	margin-bottom:0px;
}
#top
{
	opacity:0;
    visibility:hidden;
	transition: all .15s ease;
	position: fixed;
    width:70px;
	height:50px;
    right:25px;
	display:flex;
	align-items:center;
	justify-content:center;
    bottom:-25px;
    margin:0;
    z-index:10000;
	background:var(--primary_color);
}
#top svg
{
	width:28px;
	fill:var(--addit_white);
	height:28px;
}
.site-buttons
{
	font-size:16px;
	line-height:23px;
	font-weight:400;
	color:var(--primary_color);
	position:relative;
	overflow:hidden;
	padding:10.5px 18.5px;
	border:2px solid var(--primary_color);
	border-radius:10px;
	z-index:1;
}

.site-buttons:before
{
	z-index:-1;
	content: "";
    position: absolute;
    top: 0;
	background-color:var(--tertiary_color);
    left: 0;
    right: 0;
    bottom: 0;
	-webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition:transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}
.site-buttons:hover
{
	color: var(--addit_white);
	transition: all .5s;
}
.site-buttons-rev
{
	font-size:16px;
	line-height:23px;
	font-weight:400;
	color:var(--addit_white);
	position:relative;
	overflow:hidden;
	padding:10.5px 18.5px;
	background:var(--primary_color);
	border:2px solid var(--primary_color);
	border-radius:10px;
	z-index:1;  
}
.site-buttons-rev:before
{
	z-index:-1;
	content: "";
    position: absolute;
    top: 0;
	background-color:var(--tertiary_color);
    left: 0;
    right: 0;
    bottom: 0;
	-webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition:transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}
.site-buttons-rev:hover
{
	color:var(--primary_color);
	transition: all .5s;
}
.site-buttons-rev:hover:before
{
	background-color:var(--addit_white);
	-webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.site-buttons:hover:before
{
	background-color:var(--primary_color);
	-webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.section-head {
    /* margin-bottom: 79px; */
    /* max-width: 50%; */
    /* padding-right: 15px; */
}
.section-head.text-center span{
    text-align: left;
}
.section-head.text-center{
    display: flex ;
    justify-content: center;
}
.section-head span {
   font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    display: block;
    /* margin-bottom: 15px; */
    font-family: var(--secondary_font);
    color: var(--primary_color);
    position: relative;
    padding-left: 61px;
    text-transform: uppercase;
}
.section-head span:after {
    position: absolute;
    left: 0px;
    width: 50px;
    height: 2px;
    background-color: var(--primary_color);
    content: '';
    top: 50%;
    transform: translateY(-50%);
}
.section-head h2 {
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 25px;
    color: var(--primary_color);
    line-height: 32px;
    font-family: var(--primary_font);
}p{
   font-size: 16px;
   font-family: var(--secondary_font);
    color: var(--tertiary_color);
    line-height: 25px;
    font-weight: 400;
    /* margin-left: auto; */
   /*  max-width: 443px;*/
	margin:0px;
}
/*some-interesting-facts-close*/

@media (max-width: 991px) {
    .section-head h2{
        font-size: 35px;
        line-height: 45px;
    }
}
@media (max-width: 767px) {
    .section-head h2{
        font-size: 30px;
        line-height: 42px;
    }
}
/* @media (max-width: 575px) { */
    /* .section-head h2{ */
        /* font-size: 27px; */
        /* line-height: 35px; */
    /* } */
/* } */

h2
{
	font-size: 35px;
	line-height: 40px;
}

h3{
	font-size: 22px;
    color: var(--primary_color);
    /* min-height: 50px; */
    font-weight: 500;
}
@media(max-width:991px)
{
    h2
    {
         font-size: 35px;
        line-height: 45px;
    }
}
@media(max-width:767px)
{
    h2
    {
        
        font-size: 30px;
        line-height: 42px;
    }
    
}