* {
box-sizing: border-box;
}

body {
margin: 0;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
caption,
canvas,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
form,
footer,
header,
hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
main,
small,
span,
strike,
strong,
sub,
summary,
sup,
tt,
tbody,
textarea,
tfoot,
thead,
time,
tr,
th,
td,
u,
var,
video {
font-family: inherit;
font-size: 100%;
font-weight: inherit;
font-style: inherit;
vertical-align: baseline;
white-space: normal;
text-align: left;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;

-webkit-font-smoothing: antialiased;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
display: block;
}

input:focus {
outline: none;
}

.wrapper ol,
ul {
list-style: disc !important;
}

ul {
padding: 0;
}

blockquote,
q {
quotes: none;
}

.right {
float: right;
}

.left {
float: left;
}

.clear {
clear: both;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.container:after,
.row:after,
.col:after,
.clr:after,
.group:after {
content: "";
display: table;
clear: both;
}

.row {
padding-bottom: 0em;
margin: 0 -10px;
}

.col {
display: block;
float: left;
padding: 0 10px;
}

.span_1 {
width: 8.33333333333%;
}

.span_2 {
width: 16.6666666667%;
}

.span_3 {
width: 25%;
}

.span_4 {
width: 33.3333333333%;
}

.span_5 {
width: 41.6666666667%;
}

.span_6 {
width: 50%;
}

.span_7 {
width: 58.3333333333%;
}

.span_8 {
width: 66.6666666667%;
}

.span_9 {
width: 75%;
}

.span_10 {
width: 83.3333333333%;
}

.span_11 {
width: 91.6666666667%;
}

.span_12 {
width: 100%;
}

img {
max-width: 100%;
}

ol,
ul {
list-style: disc !important;
}

section.family-first-sec {
padding: 0;
}

section.family-first-sec .container {
max-width: 100%;
display: block;
margin: 0;
padding: 0;
}

section.family-first-sec .container .row {
display: flex;
align-items: center;
justify-content: space-around;
padding: 0px;
margin: 0;
}

section.family-first-sec .container .row .col.span_6 {
padding: 0;
}

section.family-first-sec .what-we-offer-content {
font-size: 0.9rem;
letter-spacing: 0px;
line-height: 35px;
color: #000000;
font-weight: 400;
font-family: "Merriweather Sans";
margin-left: 5rem;
}

section.family-second-sec {
margin: 6rem 0 4rem;
padding: 0;
}

section.family-second-sec .row {
display: flex;
align-items: center;
justify-content: space-around;
padding: 0px;
margin: 0;
}

.how-we-do-it-content p {
font-size: 13px;
letter-spacing: 0.05em;
line-height: 25px;
color: #000000;
font-weight: 400;
font-family: "Merriweather Sans";
text-align: center;
}

.how-we-do-it-img {
text-align: center;
}

section.family-third-sec {
padding: 0;
background: #f5f5f7;
padding: 3rem 0;
}

section.family-third-sec .row {
display: flex;
justify-content: space-around;
align-items: center;
}

.what-make-us-capable-img {
text-align: center;
}

.what-make-us-capable-content {
font-size: 13px;
letter-spacing: 0.08em;
line-height: 35px;
color: #000000;
font-weight: 400;
font-family: "Merriweather Sans";
}


}

section.family-fifthsecond-sec .row {
padding: 0;
margin: 0;
}

.back-img img {
display: block;
width: 100%;
}

section.family-fifthsecond-sec .col.span_12 {
padding: 0;
}

.family-office-content {
padding: 1rem 0 0 1rem;
font-size: 13px;
letter-spacing: 0.08em;
line-height: 35px;
color: #000000;
font-weight: 400;
font-family: "Merriweather Sans";
}
div#navbarResponsive ul li {
list-style: none;
}


.family-office-content p {
font-size: 13px;
letter-spacing: 0.08em;
line-height: 30px;
color: #000000;
font-weight: 400;
font-family: "Merriweather Sans";
text-align: left;
}

section.family-fifth-sec {
background: url(img/family/back.jpg);
background-position: bottom;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;
padding: 0;
}

.acess-product-title h2 {
text-align: center;
}

.acess-product-title p {
text-align: center;
font-size: 13px;
letter-spacing: 0.05em;
font-weight: 700;
font-family: "Merriweather Sans";
}
.service-content p {
text-align: center;
padding: 10px 2rem 0;
font-size: 13px;
letter-spacing: 0.08em;
line-height: 30px;
}

.service-sec {
background: #fff;
height: 95%;

padding: 2rem 1rem;
}

.service-content h2 {
text-align: center;
font-size: 24px;
letter-spacing: 0.04em;
font-weight: 700;
font-family: "Merriweather Sans";
text-transform: unset;
}

.service-content {
color: #559f5f;
padding-top: 1rem;
text-align: center;
}

.service-img {
text-align: center;
}

section.family-sixth-sec {
background: #559f5f;
}

.acess-product-title {
color: #fff;
padding-bottom: 1rem;
}

.acess-product-title h2,
p {
text-align: center;
}

.service-content p {
text-align: center;
padding: 10px 2rem 0;
font-size: 13px;
letter-spacing: 0.08em;
line-height: 35px;
font-family: "Merriweather Sans";
}

.detailed-title h2,
p {
text-align: center;
}

.what-make-us-capable-content ul {
padding: 1rem 0 0 2rem;
}

header.masthead {
background: url(img/family/img1.jpg);
background-position: bottom;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;
}

.detailed-title {
padding-bottom: 40px;
}

.detailed-title h2,
p {
text-align: center;
padding: 5px 0;
}

.detailed-img1 {
text-align: right;
}

.detailed-img2 {
text-align: left;
}

section.family-sixth-sec .row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}

section.family-fifthsecond-sec {
padding: 0;
overflow: hidden;
}
.we-you {
position: relative;
}

.circle1{
position: absolute;
left: 50%;
}
.circle2 {
position: absolute;
left: 39%;
width: 61px;
height: 61px;
border-radius: 50%;
background: red;
}

.family-office-sec .family-office-content{
padding-left: 0rem;
}
.family-office-sec .family-office-content ul {
margin-left: 1rem;
}
.detailed-title p {
font-family: "Merriweather Sans";
font-weight: 800;
}

nav.navbar-scrolled .navbar-brand img {
width: 69px !important;
transition: width 0.6s ease-in-out;
}
nav.navbar-scrolled{
padding: 0px 15px !important;
transition: width 0.6s ease-in-out;

}



@media (max-width: 1024px) and (min-width:768px){
.service-sec {
background: #fff;
padding: 2rem 0rem;
height: 95%;
}
.service-content p {
text-align: center;
padding: 0px 1rem 0;
font-size: 13px;
letter-spacing: 0.08em;
line-height: 28px;
}
}

@media (max-width: 768px) {
section.family-first-sec .container .row {
display: block;
margin: 0 auto;
}

section.family-first-sec .container .row .col.span_6 {
padding: 10px 0px 0px;
}

section.family-second-sec .row {
display: block;
}

section.family-third-sec .row {
display: block;
}

.service-sec {
/*        height: 50vw;*/
margin-bottom: 1rem;
}

section.family-sixth-sec .row {
display: block;
}
section.family-second-sec {
margin: 2rem 0;
padding: 0;
}


}