:root {
  /* Color Variables */
  --primary_color: #104f78;
  --secondary_color: #1d7A45;
  --tertiary_color: #4f4c4c;
  --quaternary_color: #FC0E0E;
  --quinary_color: #294564;
  
	--addit_black: #000000;
  --addit_white: #ffffff;
  
  --addit_color1: rgb(31 55 81 65%);
  --addit_color2: #F4F2F1;
  --addit_color3: #1f3751a6;
  --addit_color4: #ffffff52;
  

  /* Font Variables */
  --primary_font: 'Poppins', sans-serif;
  --secondary_font: 'Raleway', serif;
  --tertiary_font: 'Poppins-reg', monospace;
  --quaternary_font: 'Poppins-med', serif;
  --quinary_font: 'Hind', sans-serif;
	
	--primary_font_color: #212529;
	--secondary_font_color: #cccccc;
	
}

a:hover{
    text-decoration: none;
}
a{
	color:var(--primary_color);
    display: inline-block;
}
img{
    max-width:100%;
}
p, ul{
    margin-bottom: 0;
}

label{
    margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6{
margin-bottom: 0;
}
h1, h2, h3, h6,a{
	font-family:var(--secondary_font);
}
input,input:hover,input:focus,button,button:hover,button:focus
{
	border-radius: 0;
	outline:0px;
	border:0px;
    box-shadow: none;
}
body
{
	background: var(--addit_white);
	color:var(--primary_color);
	font-family:var(--primary_font);
    margin: 0;
    padding:0;
}

#top
{
	box-shadow:0 0 6px rgba(0 0 0/16%);
	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;
    border-radius: 0px;
	background:var(--primary_color);
}
#top svg
{
	width:28px;
	fill:var(--addit_white);
	height:28px;
} 
@media all and (max-width: 575px){
	#top{
			display: none;
	 }
}
.hd-highlight{
  color: var(--secondary_color);
}
.slick-slide:active{
    cursor:grab;
} 
h1 {
  font-size: 60px;
  font-weight: 500;
  line-height: 80px;
}

h4 {
  font-size: 35px;
  font-weight: 700;
  color: var(--primary_color);
  line-height: 45px;
}

h5 {
  font-size: 20px;
  font-weight: 700;
  color: var(--primary_color);
  line-height: 26px;
  text-transform: uppercase;
}

p {
  font-size: 19px;    
  font-weight: 400;
  /* line-height: 32px; */
  color: var(--tertiary_color);
  font-family: var(--primary_font);
}

.section-head .sub-title {
  color: var(--secondary_color);
  font-size: 20px;	
  text-transform: capitalize;
  font-weight: 400;
  line-height: 40px;
}

.section-head h2 {
  margin-bottom: 10px;
  font-size: 40px;
  font-weight: 700;
  color: var(--primary_color);
  /* line-height: 70px; */
}

.site-buttons {
  font-size: 25px;
  font-weight: 500; 
  color: var(--primary_color);
  line-height: 38px;
  /* padding: 18px 42px; */
  padding: 4px 33px;
  background-color: #3c4042bf;
  box-shadow: none;
  color: var(--addit_white);
  border: solid 3px var(--addit_white);
  transition: all .5s;
}

.site-buttons:hover {
  background: var(--primary_color);
  color: var(--addit_white);
}

section, main {
  margin-bottom: 110px;
}
@media (max-width: 1200px) {
  h1 { 
	font-size: 60px; 
	line-height: 72px; 
	}
  .section-head h2 { 
  font-size: 38px; 
  /* line-height: 60px;  */
  }
  h4 { 
  font-size: 30px; 
  line-height: 38px; 
  }
  p { 
  font-size: 20px; 
  line-height: 30px; 
  }
  
}

@media (max-width: 992px) {
  h1 { 
  font-size: 52px; 
  line-height: 54px; 
  }
  .section-head h2 { 
  font-size: 35px; 
  /* line-height: 52px;  */
  }
  .section-head .sub-title {
    font-size: 18px;
    line-height: 34px;
  }
  h4 { 
  font-size: 26px; 
  line-height: 34px; 
  }
  h5 { 
  font-size: 18px; 
  line-height: 24px; 
  }
  .site-buttons { 
  font-size: 28px; 
  line-height: 32px; 
  padding: 15px 35px; 
  }
  p { 
  font-size: 18px; 
  line-height: 28px; 
  }
}

@media (max-width: 768px) {
  h1 { 
  font-size: 44px; 
  line-height: 48px; 
  }
  .section-head h2 { 
  font-size: 32px; 
  line-height: 40px; 
  }
   .section-head .sub-title {
    font-size: 18px;
    line-height: 30px;
  }
  h4 { 
  font-size: 22px; 
  line-height: 30px; 
  }
  h5 { 
  font-size: 16px; 
  line-height: 22px; 
  }
  .site-buttons { 
  font-size: 24px; 
  line-height: 30px; 
  padding: 12px 28px; 
  }
  p { 
  font-size: 16px; 
  line-height: 26px; 
  }
}

@media (max-width: 576px) {
  h1 { 
  font-size: 36px; 
  line-height: 40px; 
  }
  .section-head h2 { 
  font-size: 26px; 
  line-height: 34px; 
  }
  .section-head .sub-title {
    font-size: 17px;
    line-height: 28px;
  }
  h4, h5 { 
  font-size: 18px; 
  line-height: 24px; 
  }
  .site-buttons { 
  font-size: 20px; 
  line-height: 26px; 
  padding: 10px 20px; 
  }
  p { 
  font-size: 15px; 
  line-height: 24px; 
  }
}
.contact-page-sec .nav.nav-tabs,
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}
.contact-page-sec .nav.nav-tabs,
.container {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

@media (min-width: 576px) {
	.contact-page-sec .nav.nav-tabs,
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .contact-page-sec .nav.nav-tabs,.container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .contact-page-sec .nav.nav-tabs,.container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .contact-page-sec .nav.nav-tabs,.container {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}
