/**
 * Theme Name: TBL Group
 * Description: Custom theme
 * Version: 1.0.0
 * Author: Dhruvin
 */
 
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,700&display=swap');

body {
	font-family: 'DM Sans', sans-serif;
	font-weight: 400;
    font-size: 20px;
    line-height: 34px;
}
h2 {
	font-family: 'DM Sans', sans-serif;
	font-size: 34px;
	font-weight: 700;
}
h3 {
	font-family: 'DM Sans', sans-serif;
	font-weight: 400;
    font-size: 26px;
    line-height: 26px;
	margin-bottom: 20px;
}
h4 {
	font-family: 'DM Sans', sans-serif;
	font-weight: 400;
    font-size: 24px;
    line-height: 45.5px;
}
header {
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
    border-bottom: 1px solid #ed1c24;
}
a.navbar-brand img {
    width: 100px;
}
/*section.main-top .container-fluid {
    padding: 0;
}*/
section.main-top {
    display: block;
    position: relative;
}
.tbl-intro {
    width: 34%;
    background: #ffffffb8;
    right: 8%;
    position: absolute;
    top: 10%;
    padding: 25px;
    border-radius: 8px;
    border: 1px solid #fff;
}
.tbl-intro h2 {
	font-weight: 400;
    font-size: 40px;
    line-height: 50px;
}
@media screen and (max-width: 480px) {
	.tbl-intro {
		width: 45%;
		background: #ffffffb8;
		right: 8%;
		position: absolute;
		top: 10%;
		padding: 25px;
		border-radius: 8px;
		border: 1px solid #fff;
	}
	.tbl-intro img {
		width: 50%;
	}
	.tbl-intro h2 {
		font-weight: 400;
		font-size: 10px;
		line-height: 15px;
	}
}
@media screen and (min-width: 480px) and (max-width: 680px) {
	.tbl-intro {
		width: 34%;
		background: #ffffffb8;
		right: 8%;
		position: absolute;
		top: 10%;
		padding: 25px;
		border-radius: 8px;
		border: 1px solid #fff;
	}
	.tbl-intro img {
		width: 50%;
	}
	.tbl-intro h2 {
		font-weight: 400;
		font-size: 10px;
		line-height: 15px;
	}
}
@media screen and (min-width: 680px) and (max-width: 1200px) {
	.tbl-intro {
		width: 34%;
		background: #ffffffb8;
		right: 8%;
		position: absolute;
		top: 10%;
		padding: 25px;
		border-radius: 8px;
		border: 1px solid #fff;
	}
	.tbl-intro img {
		width: 50%;
	}
	.tbl-intro h2 {
		font-weight: 400;
		font-size: 17px;
		line-height: 20px;
	}
}
section.mission {
    background-color: #000;
    color: #fff;
}
.mission-right {
    border-left: 5px solid #ED1C24;
    padding-left: 25px;
}
@media screen and (max-width: 780px) {
	.our-brands-bottom .col-md-3, .our-offices-left h2, .our-offices-right h4, .our-brands-bottom h3, .footer-section, .our-office-address {
		text-align: center;
	}
	.our-brands-bottom h3 {
		line-height: 40px;
	}
}
.our-offices h2 {
	font-size: 48px;
	font-weight: 600;
	line-height: 61px;
}
.our-office p.title {
	font-weight: 600;
    font-size: 18px;
    line-height: 34px;
}
.our-office p {
	font-weight: 400;
    font-size: 18px;
    line-height: 34px;
}
.our-office p a {
	color: #000;
}
.footer-section {
    background-color: #000;
    color: #fff;
}
.footer-section a {
    color: #fff;
}