/*************************************

Template Name: Sunlite Mortgage Template
Author: Jonayed Islam
Author Url: http://jonayed.com
Version: 1.0
Design and Developed by: Bongosoft Ltd.


****************************************/
/*================================================
            Table of contents
==================================================

1. GOOGLE FONTS 
2. GENERAL CSS
3. PRELOADER
4. BACK TO TOP
5. HEADER SECTION STYLE
6. BANNER SECTION
7. SLIDER SECTION
8. VIDEO BACKGROUND SECTION
9. SERVICES SECTION
10. WORK SECTION
11. TESTIMONIALS SECTION
12. TEAM SECTION
13. COUNTER SECTION
14. GALLERY SECTION
15. BLOG SECTION
16. CONTACT SECTION
17. FOOTER SECTION


/*================================================
   1.  GOOGLE FONTS 
==================================================*/

@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,700;1,400&family=Poppins:wght@400;500;600;700&display=swap');

/*font-family: 'Merriweather', serif;
font-family: 'Poppins', sans-serif;*/


/*================================================
   2. GENERAL CSS
==================================================*/
body {
	overflow-x: hidden; 
	font-size: 15px; 
	font-family: 'Poppins', sans-serif; 
	line-height: 1.4; 
	color: #778191; 
	background-color: #f4f6f8; 
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale; 
}
h1, h2, h3, h4, h5, h6 { 
	margin: 0px 0px 10px 0px; 
	color: #3c4d6b; 
	font-weight: 500; 
}
h1 { 
	font-size: 32px; 
	line-height: 44px; 
	letter-spacing: -1px; 
}
h2 { 
	font-size: 24px; 
	line-height: 32px; 
}
h3 { 
	font-size: 20px; 
}
h4 { 
	font-size: 16px; 
	line-height: 1.6; 
}
p { 
	margin: 0 0 26px; 
	line-height: 1.6; 
	font-weight: 400; 
	-moz-font-weight: 500; 
}
a { 
	color: #797b80; 
	text-decoration: none; 
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out; 
	transition: all 0.5s ease-in-out; 
	outline: 0;
}
a:focus, a:hover { 
	text-decoration: none; 
	color: #15549a; 
}
blockquote { 
	padding: 10px 20px; 
	margin: 0 0 0px; 
	font-size: 21px; 
	border-left: 5px solid #eff1f4; 
	color: #414346; 
	font-style: italic; 
	line-height: 35px; 
	font-family: 'Merriweather', 
	serif; font-weight: 700; 
}
blockquote.alignright { 
	max-width: 50%; 
}
blockquote.alignleft { 
	max-width: 50%; 
}
p:last-child {
	margin-bottom: 0px;
}
::selection {
	background: #15549A; 
	color: #333;
}
::-moz-selection { 
	/* Code for Firefox */
  background: #15549A; 
  color: #333;
}
/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,{
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
button, button:focus {
  outline: 0;
  border: 0;
}


@media (min-width: 1200px) {
  .container {
    max-width: 1170px!important;
  }

}

/*================================================
   5. HEADER SECTION STYLE
==================================================*/
.header-topbar {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	background-color: #15549a;
	color: #f1f1f1;
}
.top-text a {
    color: #f1f1f1;
    letter-spacing: 0.5px;
}
.top-text a:hover {
	color: #fff;
}
.top-text {
    padding-left: 20px;
    line-height: 1.6;
}
.mail-text {
	letter-spacing: 0.5px;
}