/*
Theme Name: bergbrokers
Theme URI: https://example.com/berg-brokers
Author: web3dev
Author URI: https://example.com
Description: A custom WordPress theme.
Version: 1.0
Text Domain: berg-brokers
*/
/* ********************************************************************************************************************** */
/* ********************************************************************************************************************** */
/* Theme colors -start */
/* ********************************************************************************************************************** */
/* ********************************************************************************************************************** */
/* Define custom properties for your theme colors */
:root {
  --wp--preset--color--dark: #2E2E2E;
  --wp--preset--color--light: #FFFFFF;
  --wp--preset--color--blue: #4f738b;
  --wp--preset--color--green: #4F6943;
  --wp--preset--color--red: #F64024;
	  --wp--preset--color--frosted: #d9e1e4;
 --wp--preset--color--para: #5c676b;
  --black: #2E2E2E;
  --white: #FFFFFF;
  --blue: #4f738b;
  --green: #4F6943;
  --red: #F64024;
	--frosted: #d9e1e4;
	--para: #5c676b;
}


/* Using Bg, Text colors */
.has-dark-background-color {
    background-color: var(--wp--preset--color--dark);
}
.has-dark-color {
    color: var(--wp--preset--color--dark);
}
.has-light-background-color {
    background-color: var(--wp--preset--color--light);
}
.has-light-color {
    color: var(--wp--preset--color--light);
}
.has-blue-background-color {
    background-color: var(--wp--preset--color--blue);
}
.has-blue-color {
    color: var(--wp--preset--color--blue);
}
.has-green-background-color {
    background-color: var(--wp--preset--color--green);
}
.has-green-color {
    color: var(--wp--preset--color--green);
}
.has-red-background-color {
    background-color: var(--wp--preset--color--red);
}
.has-red-color {
    color: var(--wp--preset--color--red);
}
.has-frosted-background-color {
    background-color: var(--wp--preset--color--frosted);
}
.has-frosted-color {
    color: var(--wp--preset--color--frosted);
}
.has-para-background-color {
    background-color: var(--wp--preset--color--para);
}
.has-para-color {
    color: var(--wp--preset--color--para);
}
/* ********************************************************************************************************************** */
/* ********************************************************************************************************************** */
/* Theme colors -end */
/* ********************************************************************************************************************** */
/* ********************************************************************************************************************** */

/* ----------------------------------------------------------------------- */
/* Inter font */
/* ----------------------------------------------------------------------- */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/inter/inter-v19-latin-100.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/inter/inter-v19-latin-100italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/inter/inter-v19-latin-200.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  src: url('fonts/inter/inter-v19-latin-200italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/inter/inter-v19-latin-300.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/inter/inter-v19-latin-300italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/inter/inter-v19-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/inter/inter-v19-latin-italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/inter/inter-v19-latin-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/inter/inter-v19-latin-500italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/inter/inter-v19-latin-600.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/inter/inter-v19-latin-600italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/inter/inter-v19-latin-700.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/inter/inter-v19-latin-700italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/inter/inter-v19-latin-800.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/inter/inter-v19-latin-800italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/inter/inter-v19-latin-900.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/inter/inter-v19-latin-900italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Gunterz';
  src: url('fonts/gunterz/Fontspring-DEMO-gunterz-medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Halogen';
  src: url('fonts/Halogen/Halogen-Hairline.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Halogen';
  src: url('fonts/Halogen/Halogen-HairlineOblique.otf') format('opentype');
  font-weight: 100;
  font-style: oblique;
  font-display: swap;
}

@font-face {
  font-family: 'Halogen';
  src: url('fonts/Halogen/Halogen-Thin.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Halogen';
  src: url('fonts/Halogen/Halogen-ThinOblique.otf') format('opentype');
  font-weight: 200;
  font-style: oblique;
  font-display: swap;
}

@font-face {
  font-family: 'Halogen';
  src: url('fonts/Halogen/Halogen-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Halogen';
  src: url('fonts/Halogen/Halogen-LightOblique.otf') format('opentype');
  font-weight: 300;
  font-style: oblique;
  font-display: swap;
}

@font-face {
  font-family: 'Halogen';
  src: url('fonts/Halogen/Halogen-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Halogen';
  src: url('fonts/Halogen/Halogen-RegularOblique.otf') format('opentype');
  font-weight: 400;
  font-style: oblique;
  font-display: swap;
}

@font-face {
  font-family: 'Halogen';
  src: url('fonts/Halogen/Halogen-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Halogen';
  src: url('fonts/Halogen/Halogen-MediumOblique.otf') format('opentype');
  font-weight: 500;
  font-style: oblique;
  font-display: swap;
}

@font-face {
  font-family: 'Halogen';
  src: url('fonts/Halogen/Halogen-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Halogen';
  src: url('fonts/Halogen/Halogen-BoldOblique.otf') format('opentype');
  font-weight: 700;
  font-style: oblique;
  font-display: swap;
}

@font-face {
  font-family: 'Halogen';
  src: url('fonts/Halogen/Halogen-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Halogen';
  src: url('fonts/Halogen/Halogen-BlackOblique.otf') format('opentype');
  font-weight: 900;
  font-style: oblique;
  font-display: swap;
}

/* ----------------------------------------------------- */
/* Theme Settings */
/* ----------------------------------------------------- */
*{
	margin:0px;
}
body{
  position: relative;
  overflow-x: hidden;
}
/* h1,h2,h3,h4,h5,h6{
	letter-spacing:0.5px;
} */
p, li,  strong, a{
	font-family:'Inter' !important;
	font-weight: 400;
}

/* Headings */
h1{
    font-family: 'Halogen';
    font-size: 44px;
    line-height: 50px;
    font-weight: 500;
	letter-spacing: 0;
}
h2 {
    font-family: 'Halogen';
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
	letter-spacing: 0;
}
h3 {
    font-family: 'Inter';
    font-size: 36px;
    line-height: 46px;
    font-weight: 400;
}
h4 {
    font-family: 'Inter';
    font-size: 36px;
    line-height: 46px;
    font-weight: 500;
}
h5 {
    font-size: 30px;
    line-height: 1.3em;
    font-family: 'Inter';
    font-weight: 500;
}
h6 {
    font-size: 22px;
    line-height: 1.3em;
    font-family: 'Inter';
    font-weight: 400;
}
.wp-block-button__link{
	text-transform: uppercase;
	border-radius: unset;
}
p{
	font-size: 20px;
	line-height: 1.4em;
}
.banner h2 {
    font-family: 'Gunterz';
	font-size:48px;
	line-height:54px;
	font-weight: 500;
	    word-spacing: -2px;
}



/* Spacing */
.pd-com{
	padding: 100px 0px;
}
.gap-100 {
    gap: 100px;
}
.gap-48 {
    gap: 48px;
}
.ptb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.ptb-20{
	padding-top: 20px;
	padding-bottom: 20px;
}
.mt-15{
	margin-top: 15px;	
}
.mt-50{
	margin-top: 50px;
}
.mb-10{
		margin-bottom: 10px;
}
.mb-20{
	margin-bottom: 20px;
}

.mb-30{
		margin-bottom: 30px;
}
.mb-40{
	margin-bottom: 40px;
}
.mb-50{
	margin-bottom: 50px;
}
.mb-80{
	margin-bottom: 80px;
}
.pb-0{
	padding-bottom: 0 !important;
}
.pt-24{
	padding-top:24px;
}
.pt-32{
	padding-top:32px;
}
.pt-50{
	padding-top:50px;
}
.pb-50{
	padding-bottom:50px;
}
.banner-box {
    max-width: 750px;
}
.dv-center{
    margin: 0 auto;
}
.banner {
    height: calc(100vh - 100px);
}
#mainHeader{
	background: var(--white);
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* optional */
}
.img-center {
    margin: 0 auto;
}

/*------------------*/
/*------------------*/
/* Responsive */
/*------------------*/
/*------------------*/
/*  */