:root {
  /* Color Variables */
  --primary_color: #2a6fd8	;
  --secondary_color: #002963;
  --tertiary_color: #747474;
  --quaternary_color: #DF57A8;
  --quinary_color: #dcf1ff47;
  
	--addit_black: #272727;
  --addit_white: #ffffff;
  
  --addit_color1: #FFCA00;
  --addit_color2: #2D7CF1;
  --addit_color3: #4FDC52;
  

  /* Font Variables */
  --primary_font: 'poppins', sans-serif;
  --secondary_font: 'poppins', serif;
  --tertiary_font: 'Neuton', monospace;
  --quaternary_font: 'Poppins-med', serif;
  --quinary_font: 'Poppins-italic', sans-serif;
	
	--primary_font_color: #212529;
	--secondary_font_color: #cccccc;
	
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

body {
    font-family: var(--primary_font);
    color: var(--secondary_color);
    overflow-x: hidden;
}

img {
    max-width: 100%;
    /* width: 100% */
}

/* a { */
    /* color: var(--addit_white) */
/* } */

a,a:focus,a:hover {
    text-decoration: none
}

a:focus,a:hover {
    color: var(--primary_color)
}

p {
    font-size: 16px !important;
    line-height: 26px;
    color: var(--tertiary_color);
    font-weight: 400;
    font-family: var(--primary_font)
}

.site-buttons a{
    transition: all .3s ease-in-out;
}
.site-buttons {
    display: inline-flex;
    align-items: Center;
    overflow: hidden;
    text-transform: capitalize;
    padding: 10px 20px;
    border-radius: 10px;
	font-size: 18px;
    background-color: var(--primary_color);
    border: 2px solid var(--primary_color);
    color: var(--addit_white);
    text-decoration: none;
    font-weight: 600;
    transition: all .3s ease-in-out;
    position: relative;
    box-shadow: none
}

.site-buttons:hover a,.site-buttons:focus a {
    color: var(--secondary_color);
}

.site-buttons:hover,.site-buttons:focus {
    background-color: var(--addit_white);
    border-color: var(--secondary_color);
    color: var(--secondary_color);
}

.page-heading {
    color: var(--secondary_color);
    display: block;
    font-family: var(--primary_font);
    font-weight: 600;
    font-size: 35px;
    text-transform: capitalize;
    margin-bottom: 25px;
    text-align: center;
    line-height: 40px
}

@media (max-width: 1024px) {
    .page-heading {
        font-size:33px;
        line-height: 36px
    }
}

@media (max-width: 768px) {
    .page-heading {
        font-size:30px;
        line-height: 36px
    }
}

@media (max-width: 480px) {
    .page-heading {
        font-size:28px;
        line-height: 33px
    }
}

.main-heading {
    color: var(--secondary_color);
    font-family: var(--primary_font);
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 25px;
    text-align: center;
    font-size: 32px;
    line-height: 40px
}

.sub-title {
    font-size: 22px;
    display: block;
    line-height: 34px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--primary_color)
}

.sub-title a {
    font-size: 22px;
    line-height: 34px;
    font-weight: 600;
    display: block;
    text-transform: capitalize;
    color: var(--primary_color);
    transition: all .5s
}

.sub-title a:hover {
    color: var(--secondary_color)
}

.sub-heading {
    font-size: 20px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: var(--primary_color);
    font-family: var(--secondary_font);
    margin-bottom: 0
}

@media all and (max-width: 400px) {
    .buttons span {
        padding:13px 17px 8px;
        margin-right: 13px
    }

    .buttons {
        padding: 19px 21px 14px 5px
    }
}

.bg-section {
    background-color: var(--quinary_color);
    margin-top: 100px;
    padding: 60px 0
}

.section {
    background-color: var(--addit_white);
    margin-top: 100px
}

.heading {
    font-weight: 900;
    font-size: 40px;
    color: var(--addit_white);
    font-family: var(--primary_font);
    line-height: 1.2;
    margin-bottom: 22px
}

h1,h2,h3,h4,h5,h6 {
    font-family: var(--primary_font);
    line-height: 1.2
}

h1 {
    font-size: 40px
}

h4 {
    font-size: 20px;
    line-height: 34px;
    font-weight: 600;
    color: var(--secondary_color)
}

h3 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600
}
.container-fluid{
	padding-left:1.5rem;
	padding-right:1.5rem;
}
/* h2 { */
    /* font-size: 32px; */
    /* color: var(--secondary_color); */
    /* font-family: var(--primary_font); */
    /* font-weight: 600; */
    /* text-transform: capitalize; */
    /* background-color: transparent; */
    /* background-size: contain; */
    /* background-repeat: no-repeat; */
    /* background-position: center; */
    /* text-align: left; */
    /* line-height: 46px */
/* } */

@media (max-width: 1024px) {
    h1 {
        font-size:33px
    }

    .section {
        margin-top: 80px
    }

    .bg-section {
        margin-top: 80px;
        padding: 50px 0
    }
}

@media (max-width: 768px) {
    h1 {
        font-size:30px;
        line-height: 36px
    }

    .section {
        margin-top: 60px
    }

    .bg-section {
        margin-top: 60px;
        padding: 50px 0
    }

    h3,.sub-title,.sub-title a {
        font-size: 21px;
        line-height: 30px
    }

    .sub-title,.sub-title a {
        font-size: 21px;
        line-height: 30px
    }
}

@media (max-width: 575px) {
    h1 {
        font-size:28px;
        line-height: 28px
    }

    .section {
        margin-top: 40px
    }

    .bg-section {
        margin-top: 40px;
        padding: 40px 0
    }

    h3,.sub-title,.sub-title a {
        font-size: 20px;
        line-height: 28px
    }

    .sub-title,.sub-title a {
        font-size: 20px;
        line-height: 28px
    }
}
.section-head h2,h2{
	font-size:35px;
	margin-bottom: 25px;
	text-transform: capitalize;
}
.section-head.text-center span:after
 {
    display: block;
}
.section-head span:after {
    display: none;
    margin-left: 10px;
    margin-right: 0;
}
.section-head span:before, .section-head span:after {
    width: 35px;
    height: 1px;
    content: '';
    background: var(--primary_color);
    margin-right: 10px;
}
.section-head span {
	text-transform: uppercase;
    margin-bottom: 4px;
    font-size: 17px;
    line-height: 21px;
    font-weight: 400;
    color: var(--primary_color);
    display: inline-flex;
    align-items: center;
}
@media (max-width: 992px) {
  .section-head h2, h2 { font-size: 30px; }
  .section-head span { font-size: 16px; }
}

@media (max-width: 768px) {
  .section-head h2, h2 { 
	margin-bottom: 15px;
  font-size: 26px; }
  .section-head span { font-size: 16px; }
}

@media (max-width: 576px) {
  .section-head h2, h2 { font-size: 24px; }
  .section-head span { font-size: 14px; }
}

.page-wrapper *:focus, .ui-dialog *:focus,
.form-element:active,
.form-element:focus,
.form-element:hover,
.form-element:hover:focus{
	border-color:none;
	box-shadow:none;
}

ul,ol {
    list-style: none;
    margin: 0
}

#top svg {
    width: 28px;
    fill: var(--addit_white);
    height: 28px;
    transition: all .5s
}

/* .blog-img-right { */
    /* float: right!important; */
    /* margin-left: 20px!important */
/* } */

/* .blog-img-left { */
    /* float: left!important; */
    /* margin-right: 20px!important */
/* } */

/* .font-orange { */
    /* color: var(--primary_color)!important; */
    /* font-weight: 600!important */
/* } */

#top {
    box-shadow: 0 0 6px rgb(0 0 0/16%);
    transition: all .15s ease;
    position: fixed;
    width: 60px;
    height: 60px;
    right: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    z-index: 10000;
    background: var(--primary_color);
    border-radius: 50%;
    transition: all .5s
}

#top:hover {
    background: var(--secondary_color)
}



.site-btn2 a,
.site-btn a{
	overflow: hidden;
    text-transform: capitalize;
    padding: 10px 20px;
    border-radius: 10px;
	font-size: 18px;
}
.site-btn
{
	
	overflow: hidden;
    text-transform: capitalize;
    padding: 10px 20px;
    border-radius: 5px;
	font-size: 18px;
	line-height:19px;
	font-weight:500;
	font-family:var(--secondary_font);
	background:var(--primary_color);
	color:var(--addit_white);
	-webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    -webkit-transition-delay: calc((var(--n) - 1) * 0.1s);
    transition-delay: calc((var(--n) - 1) * 0.1s);
	position: relative;
    overflow: hidden;
	display:flex;
	align-items:center;
	max-width:fit-content;
    z-index: 2;
	/* box-shadow:0px 8px 16px 5px #E8CFFF; */
}
.site-btn:hover
{
	color:var(--addit_white);
    --n: 2;
}
.site-btn:hover span.btn-icon
{
	background-color:var(--primary_color);
}
.site-btn:hover .btn-icon svg
{
	 fill:var(--addit_white);
}
.site-btn span.btn-text
{
	z-index: 3;
    position: relative;
    display: inline-block;
	--n: 2;	
}
.site-btn span.btn-icon
{
	margin-left:21px;
	--n: 5;
	min-width:44px;
	-webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    -webkit-transition-delay: calc((var(--n) - 1) * 0.1s);
    transition-delay: calc((var(--n) - 1) * 0.1s);
	min-height:46px;
	background:var(--addit_white);
	display:flex;
	align-items:center;
	justify-content:center;
}
.site-btn svg
{
	width:18.82px;
	--n: 5;
	-webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    -webkit-transition-delay: calc((var(--n) - 1) * 0.1s);
    transition-delay: calc((var(--n) - 1) * 0.1s);
	height:12.55px;
	fill:var(--primary_color);
}
.site-btn span.btn-shape
{
	display: inline-block;
    position: absolute;
    width: 25%;
	height: 100%;
    background-color:var(--addit_white);
	-webkit-transform: translateY(150%);
    -ms-transform: translateY(150%);
    transform: translateY(150%);
    border-radius: 50%;
	left: calc((var(--n) - 1) * 25%);
	-webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transition-delay: calc((var(--n) - 1) * 0.1s);
    transition-delay: calc((var(--n) - 1) * 0.1s);
    z-index:-1;
}
.site-btn span.btn-shape:nth-child(1) {
    --n: 1;
}
.site-btn span.btn-shape:nth-child(2) 
{
    --n: 2;
}
.site-btn span.btn-shape:nth-child(3) {
    --n: 3;
}
.site-btn span.btn-shape:nth-child(4) {
    --n: 4;
}
.site-btn:hover
{
	color:var(--primary_color);
}
.site-btn:hover span.btn-shape
{
	-webkit-transform: translateY(0) scale(2);
    -ms-transform: translateY(0) scale(2);
    transform: translateY(0) scale(2);
}
.site-btn2
{
	overflow: hidden;
    text-transform: capitalize;
    padding: 10px 20px;
    border-radius: 10px;
	font-size: 18px;
	line-height:19px;
	font-weight:500;
	font-family:var(--secondary_font);
	background:var(--addit_white);
	padding:17.5px 20.9px;
	-webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    -webkit-transition-delay: calc((var(--n) - 1) * 0.1s);
    transition-delay: calc((var(--n) - 1) * 0.1s);
	position: relative;
    overflow: hidden;
	display:flex;
	align-items:center;
	max-width:fit-content;
    z-index: 2;
	box-shadow:0px 0px 6px rgba(0 0 0/16%);
}
.site-btn2 svg
{
	width:13.78px;
	-webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    -webkit-transition-delay: calc((var(--n) - 1) * 0.1s);
    transition-delay: calc((var(--n) - 1) * 0.1s);
	height:13.8px;
	stroke:var(--addit_black);
	margin-right:5.5px;
}
.site-btn2:hover
{
	color:var(--addit_white);
    --n: 2;
}
.site-btn2:hover svg
{
	 stroke:var(--addit_white);
	 --n: 2;
}
.site-btn2 span.btn-text
{
	z-index: 3;
    position: relative;
    display: inline-block;
	--n: 2;	
}
.site-btn2 span.btn-shape
{
	display: inline-block;
    position: absolute;
    width: 25%;
	height: 100%;
    background-color:var(--primary_color);
	-webkit-transform: translateY(150%);
    -ms-transform: translateY(150%);
    transform: translateY(150%);
    border-radius: 50%;
	left: calc((var(--n) - 1) * 25%);
	-webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transition-delay: calc((var(--n) - 1) * 0.1s);
    transition-delay: calc((var(--n) - 1) * 0.1s);
    z-index:-1;
}
.site-btn2 span.btn-shape:nth-child(1) {
    --n: 1;
}
.site-btn2 span.btn-shape:nth-child(2) 
{
    --n: 2;
}
.site-btn2 span.btn-shape:nth-child(3) {
    --n: 3;
}
.site-btn2 span.btn-shape:nth-child(4) {
    --n: 4;
}
.site-btn2:hover span.btn-shape
{
	-webkit-transform: translateY(0) scale(2);
    -ms-transform: translateY(0) scale(2);
    transform: translateY(0) scale(2);
}