body {font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.5; color: #555;}

.lora{font-family: 'Lora', serif;}
 
h1,h2,h3,h4,h5,h6{ line-height:1.4; font-family: 'Raleway', sans-serif !important;  font-weight: 700;}

html { scroll-behavior: smooth; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

:root{
    --first-color: #0b52b0;
    --secondary-color: #fff;
}

.text-blue{color: var(--first-color);}

.small-title{font-size: 1rem; font-family: 'Lora', serif;}

h1{font-size: 2rem;}
h2 {font-size: 1.75rem;}
h3, h4{font-size: 1.25rem;}
h5, h6{font-size: 1rem;}
p,li{margin-bottom: 1rem;}
a:hover{text-decoration: none;}



.line{width: 2px; height: 50px; background: #fff;}
.bg-primary {background-color: var(--first-color) !important;}
.btn-primary{border-radius: 0rem; padding: 8px 35px; background: var(--first-color); border: unset;}
.text-primary {color: var(--first-color) !important;}

.title-area{padding-left: 100px; position: relative;}
.title-area::before{position: absolute; left: 0px; top: 5px; content: ""; background: var(--first-color); width: 80px; height: 3px;}


/* header */

.header .navbar .nav-item .nav-link{font-size: 13px; font-weight: 700; color: var(--secondary-color); text-transform: uppercase;}
.header .navbar li.nav-item  {margin-bottom: 0 !important;}
.header .topbar .nav-item a{font-size: .75rem; color: #bfbfbf;}

.header .topbar .nav-item:last-child a{color: var(--first-color);}

.header .topbar .nav-item a span{color: #5d5d5d !important;}


/* banner */
.overlay-box {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
background: rgba(0, 0, 0, 0.5);
color: white !important;
}
.banner{background: url(../img/banner.jpg) no-repeat; background-size: cover; background-attachment: fixed; height: 60vh;}

.banner h6{letter-spacing: .125rem;}


/* trust-sec */

.trust-sec .text-box h3{line-height: 30px;}

.trust-sec .text-box h6{font-size: 3.75rem; color: var(--first-color);}

.trust-sec .text-box a{color: var(--first-color);}


/* two-box-sec */

.two-box-sec h2{font-size: 2.1875rem;}

/* Practice Areas */

/* team-sec */

.team-sec .img-box{position: relative; overflow: hidden;}

.team-sec .img-box:hover .overlays{left: 0px; z-index: 1; opacity: 1;}

.team-sec .img-box .overlays{position: absolute; width: 100%; height: 100%; top: 0px; background: #000; height: 100%; display: flex; flex-flow: column; align-items: center; justify-content: center; z-index: 1; left: -100%; opacity: 0; transition: linear 0.5s;}

.team-sec .img-box .overlays ul li{list-style: none; display: inline-block; margin: 5px;}

.team-sec .img-box .overlays ul li a{color: #fff;}


/* sectors" */

.sectors .icon-box{display: flex; align-items: center; width: 100%;border-radius: 5px; padding: 15px;}

.sectors .icon-box .icon{background: var(--first-color); padding: 8px 14px;  margin-right: 10px;}

.sectors .icon-box .icon i{color: var(--secondary-color);}

.sectors .icon-box .box p{color: var(--first-color);}



/* footer */

.footer{background-color: var(--first-color);}

.footer ul{list-style: none;}

.footer ul li{display: inline-block;}