* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

:root
{
  --main: #252525;
  --second: #4682B4;
  --lgray:#e5e5e5;
  --gray:#ccc;
  --black:#000;
  --white:#fff;
  --red:#990f02;
}
body
{
  font-family: 'Poppins', sans-serif!important;
}
p{
  text-align: left;
  font-size: 1rem;
  line-height: 23px;
  color: var(--black);
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
}

ul
{
  list-style: disc!important;
}
.listnone
{
  list-style: none!important;
}
a
{
  text-decoration: none;
}
a:hover{
  text-decoration: none!important;
  color: #004288!important;
}


.linkcolor i:hover{
  color: #004288!important;
}
li{
  font-size: 0.9rem;
    line-height: 23px;
    color: var(--main);
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.pb-85{
  padding-bottom: 85px;
}

.d-pl-0{
  padding-left: 0px!important;
}

.left5
{
  left: 5%;
}
.left3
{
  left: 3%;
}
.left10
{
  left: 8%;
}
.lh-40
{
  line-height: 40px;
}
.lh-45
{
  line-height: 45px;
}
.row-mar-top-10{
  margin-top: -10vh;
}

.gray_bg
{
  background-color: var(--lgray);
  /* background-image: url(../images/gray_bg.jpg); */
  background-size: cover;
}

.gray_bg-noimg{
   background-color: var(--lgray);
}
.blue_bg
{
  background-color: var(--second);
}
.itpi_bg
{
  background-image: url(../images/itpi_bg.jpg);
  background-size: cover;
}
.f-7 {
  font-size: 0.7rem!important;
}
.f-1 {
  font-size: 1rem!important;
}
.f-8 {
  font-size: 0.8rem;
}
.f-9 {
  font-size: 0.9rem;
}
.f-30 {
  font-size: 30px!important;
}
.f-40 {
  font-size: 40px!important;
}
.fw-600
{
font-weight: 400!important;  
}

.f-600
{
font-weight: 600!important;  
}
.wid-85
{
  width: 85%;
}
.w-18
{
  width: 18%;
}

.h-80{
  height: 80%;
}

.w-auto{
  width: auto!important;
}
.m-auto
{
  margin: auto!important;
}

.text-blue
{
  color: var(--second)!important;
}

.text-red
{
  color: var(--red);
}

.text-black
{
  color: var(--black)!important;
}

/* white_space */


.white_space20{
  height: calc(22vh - 104px);
}

.white_space22{
  height: calc(17vh - 104px);
}

.white_space15 {
  height: calc(15vh - 95px);
}


header {
  background-color: var(--white);
  box-shadow: 0 0 5px var(--gray);
  padding-bottom: 20px;
}

header .form-btn{
  font-size: 0.7rem !important;
}
.logo ul{
list-style: none !important;
display: flex;
}
.logo-title{
  font-size: 1.7rem;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--main);
}

.mar-top-row{
  margin-top: -190px;
}
.icon {
  color: var(--main);
  font-size: 1.5rem;
  padding-right: 0.8rem;
}



.icon-2 {
  margin-top: 10px;
  color: var(--main);
  font-size: 2.5rem;
  padding-right: 0.8rem;
  width: 100%;
  text-align: center;
}
.quote-icon i{
  color: var(--second);
  font-size: 1.3rem;
}
.top-bar-email {
  padding: 25px 0px;
  text-align: end;
}

.top-bar-email a:hover {
  color: var(--black) !important;
  text-decoration: none;
}

.sec-padding
{
  padding: 56px 0px !important;
}
.awards-sec-padding
{
  padding: 100px 0px;
}
.row_padding
{
  padding: 0px 50px;
}

/* Navbar */
.navbar-container {
  width: 80%;
  margin: auto;
}

.navbar {
  /* background-color: #ededed; */
  background-color:var(--main);
  border-radius: 0.5rem;
  height: 42px;
  width: 100%;
  margin-top: -19px;
  z-index: 2;
  box-shadow: 0px 3px 14px 0px rgb(23 43 77 / 20%);
}

.nav-header{
  display: flex;
  align-items: center;
}
.navbar-dark .navbar-nav .nav-item .nav-link {
  color: whitesmoke;
  position: relative;
  padding: 0px 20px;
  font-weight: 400;
  font-size: 0.8rem;
  letter-spacing: 0.25px;
  font-family: 'Poppins', sans-serif !important;
}

.navbar-nav .nav-item a:hover{
  color: var(--second);
} 
.navbar-dark .navbar-nav .nav-link:focus {
  color: var(--main) !important;
}
.active {
  color: var(--white) ;
  font-size: 1.1rem;
}
.nav-item {
  position: relative;
  padding: 0px 14px;
  list-style: none!important;
}
.nav-link
{
  font-size: 0.8rem;
  color: var(--white);
  padding-left: 0rem!important;
  padding-right: 0rem!important;
}

.nav-link:hover{
  color: var(--lgray)!important;
}
/* .nav-item::before {
  background-color: #fdfdfd !important;
  content: "";
  position: absolute;
  top: 100%;
  left: 14%;
  bottom: 0;
  width: 0%;
  height: 2px !important;
  transition: all 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55);
} */

/* .nav-item:hover.nav-item::before {
  background-color: var(--white)!important;
  content: "";
  position: absolute;
  top: 100%;
  left: 14%;
  bottom: 0;
  width: 73%;
  height: 2px !important;
  transition: all 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55);
} */

.dropdown-toggle::after{
  z-index: 9;
  position: relative;
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: var(--white) !important;
}
#navbar-logo {
  display: none;
}
.header-btn {

  border-radius: 2rem;
  padding: 5px 30px !important;
  color: var(--white);
}
.header-btn:hover {
  background-color: var(--main);
  border: 1px solid var(--main);
  color: var(--white);
}
.header-btn.nav-link:hover {
  color: var(--white) !important;
  letter-spacing: 0.3px;
}
.header-btn .nav-link {
  color: var(--white) !important;
  letter-spacing: 0.3px;
}
/* Main */
#home-banner {
  position: relative;
  margin-top: -25px;
}
.form-control {
  display: block;
  width: 85%;
  /* height: calc(1em + 0.75rem + 2px) !important; */
  padding: 0.375rem 0.75rem;
  font-size: 0.7rem !important;
  font-weight: 400;
  line-height: 1.5;
  color: var(--main);
  background-color: var(--white);
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#home-banner img {
  height: auto;
  width: 100% !important;
   
}

#titles {
  display: block !important;
  /* margin: auto; */
  overflow: hidden !important;
  /* max-width: 700px; */
  /* padding-top: 40px; */
}

.title {
  color: var(--main);
  font-size: 25px;
  font-weight: 200;
  margin-bottom: 50px;
}

.title span {
  position: relative;
}

/* .title span::before {
  content: "";
  position: absolute;
  top: 10%;
  left: 32%;
  width: 35%;
  height: 100%;
  border-bottom: 2px solid var(--second);
} */

.white-title
{
  color: var(--white);
  font-size: 25px;
  font-weight: 200;
  margin-bottom: 50px;
}
.white-title span {
  position: relative;
}

.white-title span::before {
  content: "";
  position: absolute;
  top: 10%;
  left: 32%;
  width: 35%;
  height: 100%;
  border-bottom: 2px solid var(--white);
}
.sub-title {
  text-align: center;
  color: var(--main);
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
}

.sub-title span {
  position: relative;
}

/* .sub-title span::before {
  content: "";
  position: absolute;
  top: 20%;
  left: 32%;
  width: 35%;
  height: 100%;
  border-bottom: 2px solid var(--second);
} */
.sub-title2 span::before
{
top: 8%;
}
.blog-form-heading {
  display: block !important;
  margin: auto;
  overflow: hidden !important;
  max-width: 1000px;
  padding: 30px 0px;
}


.banner-form {
  position: absolute !important;
  left: -5%;
  top: 13%;
  width: 100%;
  background-color: var(--main);
  padding: 10px 6px;
  border-radius: 5px;
  margin-top: 10%;
}
.form-text {
  color: var(--white);
  font-size: 0.8rem;
}
label {
  color: var(--white) !important;
}

#service {
  background-image: url(../images/bg.png);
  background-size: cover;
  /* margin-top: 80px; */
}
.service-container {
  padding: 50px 150px;
}
 
.services-box:hover {
  background-color: var(--main);
  border-bottom: 3px solid var(--white) !important;
  /* color: var(--white) !important; */
  border: 1px solid var(--white);
}
.services-box:hover h2
{
  color: var(--white);
}
.services-box h2
{
  color: var(--white);
}


.services-box:hover i
{
  color: var(--white);
}
.inner-box:hover.inner-box h2 {
font-family: 'Poppins', sans-serif;
}
.s_text
{
  font-weight: 300;
  font-size: 0.9rem;
}
.inner-box h2 {
  /* font-size: 1.1rem; */
  margin-top: 20px;
font-family: 'Poppins', sans-serif;
  color: var(--main);
  text-align: center;
}

.inner-box h2 :hover {
  /* font-size: 1.1rem; */
  margin-top: 20px;
  font-family: 'Poppins', sans-serif;
  color: #d6d5d5;
  text-align: center;
}

.inner-box p:hover {
  color: var(--white) !important;
}
.inner-box p {
  font-size: 0.9rem;
  font-weight: 100 !important;
  color: var(--main);
}


#service-two {
  background-image: url(../images/bg2.png) !important;
  background-size: auto !important;
  /* margin-top: 50px; */
  background: #e8e8e8;
  padding: 50px 0px;
}

#service-two .title {
  text-align: left;
  color: var(--main);
  font-size: 16px;
  font-weight: 600;
font-family: 'Poppins', sans-serif;
  margin-bottom: 20px;
}

#service-two .sub-title {
  text-align: left;
  color: var(--main);
  font-size: 30px;
  font-weight: 200;
  letter-spacing: 0.5px;
}

#service-two .title-p {
  text-align: left;
  font-size: 0.9rem;
  line-height: 23px;
  color: var(--main);
  font-weight: 300;
  font-family: 'Poppins', sans-serif;
}

.service-two-box {
  margin-top: 80px;
  display: flex;
  position: absolute;
}

.box {
  position: relative;
  width: 100%;
  height: 330px;
}

.image {
  display: block;
  width: 57% !important;
  height: 100% !important;
  border-radius: 5px;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 100%;
  right: 0;
  background-color: var(--second)cf;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: 0.5s ease;
}

.box:hover .overlay {
  width: 93%;
  left: 15px;
  transition: all ease 0.3s;
  background-color: var(--second)cf;
  border-bottom: 5px solid var(--second)cf;
  border-radius: 5px;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
.text a:hover{
  text-decoration: none;
  color: var(--white);
}

#about {
  background-image: url(../images/bg.png) !important;
  background-size: cover !important;
  margin-top: 50px;
  padding: 10px 0px;
}
.about-img-box{
  box-shadow: 0px 3px 14px 0px rgb(23 43 77 / 20%);
  border-top: 10px solid #fff;
  transition: ease-in-out 0.6s;
  border-radius: 9px;
  margin-bottom: 20px;
}

.about-img-box:hover{
  transform: scale(1.08);
  transition: ease-in-out 0.6s;
}
.img-padd img{
  box-shadow: 0px 3px 14px 0px rgb(23 43 77 / 20%);
  border: 6px solid #ffff;
  transition: ease-in-out 0.6s;
 }
 
 .img-padd img:hover{
  transform: scale(1.1);
  transition: ease-in-out 0.6s;
 }



.unitty-img{
  box-shadow: 0px 3px 14px 0px rgb(23 43 77 / 79%);
  height: 60vh;
  transition: ease-in-out 0.6s;
  /* margin-top: -5vh; */
  border: 15px solid #ffff;
  border-radius: 5px;
 
}
.unitty-img:hover{
  transform: scale(1.1);
  transition: ease-in-out 0.6s;
}


.about-img {
  width: 100%;
  height: 500px;
}

.about-imge {
  width: 100%;
  height: 400px;
}

#about .title {
  text-align: left;
  color: var(--main);
  font-size: 16px;
  font-weight: 600;
font-family: 'Poppins', sans-serif;
  margin-bottom: 20px;
}

#about .sub-title {
  text-align: left;
  color: var(--main);
  font-size: 30px;
  font-weight: 200;
  letter-spacing: 0.5px;
}

#about .title-p {
  text-align: left;
  font-size: 0.9rem;
  line-height: 23px;
  color: var(--main);
  margin-top: 20px;
  font-weight: 300;
  font-family: 'Poppins', sans-serif;
}
.about-btn {
  padding: 10px;
  
}
.about-btn-inner {
  padding: 17px 25px 17px 25px;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  align-items: center;
  display: flex;
}

.zonal-icon i{
  font-size: 1.8rem;
  color: var(--second) !important;
  /* margin-left: -34px; */
  margin-right: 5px;
}

.about-icon i {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 4px #1eabd969;
  margin-top: 0px !important;
  padding-top: 2px;
}
.about-text {
  padding-left: 10px;
  font-size: 15px;
  line-height: 20px;
font-family: 'Poppins', sans-serif;
  color: var(--main);
}

#punchline {
  background-image: url(../images/punchline.jpeg);
  background-size: cover;
  height: 300px;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#punchline .sub-title {
  color: var(--white);
  text-align: center;
  font-size: 1.8rem;
  letter-spacing: 3px;
  align-items: center;
  margin-top: 30px;
}
#punchline #titles {
  max-width: 900px !important;
}
#punchline .title-p {
  font-size: 0.9rem;
  line-height: 23px;
  font-weight: 300;
  font-family: 'Poppins', sans-serif;

  color: var(--white);
}
#address {
  background-image: url(../images/news_bg.jpg);
  background-size: cover;
}
#address #titles {
  padding-top: 0px;
}
.address {

  background-color: var(--white);
  /* background-color: #1eabd9a6; */
  border-radius: 5px;
  padding: 32px 15px;
  border: 1px solid #e0e1e2;
  height: 100%;
}
#address .titles {
  padding: 0px 100px;
}

.home-form-padding{
  background-color: var(--second);
    padding: 40px 25px;
    height: 100%;
    border-radius: 5px;
 
}
.address .sub-title {
  font-size: 42px;
  color: #494949;
  margin-bottom: 8px;
  text-align: left;
  margin-left: 39px;
}
.address .title-p {
  font-size: 0.9rem;
  color: #f2f2f2;
  text-align: left;
  margin: 10px 41px;
  line-height: 20px;
}
.address-caption {
  margin-left: 66px;
  margin-top: 25px;
}
.address-caption h4 {
  
  margin-bottom: 10px;
  color: #43516d;
}
.address-caption .number a {
 
font-family: 'Poppins', sans-serif;
  font-size: 1rem;
}

.address-caption .number a:hover {
  color: #43516d;
  text-decoration: none;
}

.address-caption .map a {
  /* color: whitesmoke; */
font-family: 'Poppins', sans-serif;
  margin-top: -3px;
  font-size: 1rem;
  margin-left:5px;
}

.address-caption .map a:hover {
  color: #43516d;
  text-decoration: none;
}

#footer-form a:hover{
  color: var(--main)!important;
}

.form-control {
  margin-bottom: 7px;
}
footer {
 
  background-image: url(../images/footer-bg.jpeg);
  background-size: cover; 
  padding: 5px 12px;
  height: calc(30vh - 100px);
  display: flex!important;
  align-items: center;

}


.banner-btn {
  background-color: var(--main) !important;
  color: var(--white) !important;
  border: 1px solid var(--main) !important;
  padding: 5px 40px !important;
  margin-top: 5px;
  border-radius: 50px !important;
  font-size: 1rem !important;
  margin-left: 0px;
}
.banner-btn:hover {
  background-color: var(--main);
  color: var(--white) !important;
}

.service-btn:hover {
  background-color: #204073 !important;
  color: var(--white);
}
/* .service-btn a:hover {
  text-decoration: none;
  color: var(--white) !important;
} */

.banner-form h2 {
  color: var(--white);
  font-size: 1.5rem;
  margin-bottom: 10px;
}

/* Blogs Page */
#blogs-banner {
  /* background-image: url(../images/blogs-bg.jpg); */
  height: 80px;
  background-size: cover;
  display: flex;
  position: relative;
  top: -30px;
  z-index: -1;
  align-items: center;
  background-color: #678cc7;
}

.breadsrumb h1 {
  font-size: 2.5rem;
  position: relative;
  margin-bottom: 30px;
  color: var(--white);
}

.breadsrumb h1::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 4px;
  top: 55px;
  left: 25px;
  background-color: var(--main);
}

.NeedLegalAdvice h1 {
  margin-left: -50px;
}
.NeedLegalAdvice h1::before {
  content: "";
  position: absolute;
  width: 170px;
  height: 4px;
  top: 60px;
  left: 45%;
  background-color: var(--main);
}

.blogdetail h1::before {
  content: "";
  position: absolute;
  width: 140px;
  height: 4px;
  top: 57px;
  left: 33px;
  background-color: var(--main);
}

.breadsrumb p {
  color: var(--white);
  z-index: 999;

  margin-top: 25px;
}
#blog-breadsrumb p {
  color: var(--white);
  z-index: 999;
  text-align: end;
  margin-top: 25px;
}

#blogdetail-breadsrumb p {
  color: var(--white);
  z-index: 999;
  text-align: end;
  margin-top: 25px;
}
.blog-box {
  border: 1px solid #ededed;
  box-shadow: 0 0 3px #ededed;
  border-radius: 5px;
  margin: 0px 10px;
  background-color: #f3f3f3cc !important;
  transition: all 0.8s;
  height: 100%;
}
.blog-box:hover {
  background-color: var(--white) !important;
  box-shadow: 0 0 30px #cfcfcf;
}
.blog-box img {
  height: 250px;
  width: 100%;
}
.blog-detail {
  padding: 30px 30px;
}
.blog-date {
  color: #777 !important;
  margin-bottom: 10px;
  font-size: 0.9rem !important;
}
.blogs p {
  color: #606060;
  line-height: 25px;
  font-size: 1rem;
  word-spacing: 0.5px;
  letter-spacing: 0.2px;
  margin-bottom: 10px;
}
.blog-detail h3 a {
  font-size: 1.3rem;
  text-decoration: none;
}

.blog-detail h3 a:hover {
  color: var(--main);
  transition: all 0.5s;
}
.blog-btn {
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none !important;
}
.blog-btn:hover {
  color: var(--main);
  transition: all 0.5s;
}

.recent-post {
  border: 1px solid #ebebeb;
  border-radius: 5px;
  padding: 20px 20px;
}
.recent-post h2 {
  font-size: 3rem;
  margin-bottom: 20px;
}
.recent-post li {
  margin-bottom: 10px;
}
.recent-post li a {
  color: var(--main);
  line-height: 25px;
  text-decoration: none;
  font-weight: 300;
}

.recent-post li a:hover {
  color: #262628;
  transition: all 0.5s;
}

form label {
  color: #606060;
  font-size: 0.8rem;
  margin-bottom: 0.1rem;
}

#blog-first-banner {
  /* background-image: url(../images/blog-first-bg.jpg); */
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  position: relative;
  top: -30px;
  z-index: -1;
  align-items: center;
  background-color: #678cc7;
}

.blog-first img {
  margin-bottom: 40px;
}
.blog-first {
  font-size: 2.2rem;
}
.blog-first h5 {
  font-size: 1.2rem;
}
.blog-first p {
  color: rgb(104 104 104);
  font-size: 1rem;
  margin-bottom: 30px;
  margin-top: 30px;
  font-weight: 300;
}
.blog-form {
  background-color: var(--main);
}
#blog-news {
  background-color: #f7f9fa;
  padding: 80px 0px;
}

#blog-news h1 {
  font-size: 3rem;
  margin-bottom: 50px;
}

.blog-news-section {
  background-color: var(--white);
  padding: 20px 20px;
}
.blog-news-section h3 {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 30px;
}

.blog-news-section a {
  text-decoration: none;
}
.blog-news-section a:hover {
  color: var(--main);
  text-decoration: none !important;
}
.blog-news-img {
  overflow: hidden;
}
.blog-news-img img {
  transition: transform 0.2s;
  margin: 0px !important;
  padding: 0px !important;
}
.blog-news-img:hover.blog-news-img img {
  transform: scale(1.1);
  transition: all 0.5s;
}

/* about-page */
#needlegal {
  background-image: url(../images/about-bg.jpg);
  height: 250px;
  background-size: cover;
  background-position: 50% 50%;
  display: flex;
  position: relative;
  top: -30px;
  z-index: -1;
  align-items: center;
}
.needlegal-welcome {
  font-weight: 400;
  color: #cacaca;
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
font-family: 'Poppins', sans-serif;
}
.NeedLegalAdvice {
  margin-top: 30px;
}
.needlegal-data h3 {
  font-size: 25px;
  font-weight: 300;
  line-height: 45px;
  color: var(--main);
  letter-spacing: 0.5px;
}
.needlegal-textfirst {
  text-align: left;
  font-size: 0.9rem;
  line-height: 25px;
  color: var(--main);
  font-weight: 300;
  font-family: 'Poppins', sans-serif;

}
.needlegal-textsecond {
  /* color: #777; */
  margin-bottom: 20px;
  line-height: 30px;
  font-weight: 300;
  font-size: 0.9rem;
  margin-top: 20px;
}
.needlegal-button {
  background-color: transparent;
  border: 2px solid var(--main);
  padding: 10px 50px;
  border-radius: 50px;
  color: var(--main);
  font-weight: 400;
  font-size: 1.2rem;
}

.needlegal-button:hover {
  background-color: var(--main);
  border: 2px solid var(--main);
  color: var(--white);
  transition: all 0.5s;
}
#about-company {
  padding-top: 25px;
  padding-bottom: 20px;
  background-color: #f7f9fa;
  margin-top: 100px;
}
.our-company {
  margin-top: 39px;
}
.our-company h3 {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 45px;
  color: var(--main);
  letter-spacing: 0.5px;
  margin-top: 10px;
  margin-left: 50px;
}

.company-second-heading h5 {
  margin-top: 45px;
  font-size: 1rem;
  line-height: 30px;
  color: var(--main);
}
.blog-title {
  font-size: 40px;
  height: 60px;
}
#blog-heading {
  position: relative;
}
#blog-heading::before {
  content: "";
  position: absolute;
  width: 100%;
  top: 55px;
  left: 0;
  /* margin-top: 38px; */
  height: 5px;
  background-color: var(--main);
}

/* __________________ */
.legal-protection {
  margin-bottom: 50px;
}
.coming-soon {
  display: flex;
  justify-content: center;
  align-items: center;

  margin: 150px 0px;
}
.coming-soon h2 {
  font-size: 50px;
  position: relative;
font-family: 'Poppins', sans-serif;
}
.coming-soon h2::before {
  content: "";
  position: absolute;
  width: 100%;
  top: 70px;
  left: 0;
  /* margin-top: 38px; */
  height: 5px;
  background-color: var(--main);
}
#contact {
  background-image: url(../images/contact-banner.jpg);
  height: 250px;
  background-size: contain;
  background-position: 50% 50%;
  display: flex;
  position: relative;
  top: -30px;
  z-index: -1;
  align-items: center;
}
.contact-us h1::before {
  content: "";
  position: absolute;
  width: 150px;
  height: 4px;
  top: 57px;
  left: 25px;
  background-color: var(--main);
}
::placeholder {
  color: #a1a1a1 !important;
  opacity: 1;
}
.form-control {
  color: #0d0d0d !important;
}
#why-choose-us-btn {
  margin-top: 10px !important;
}
.punchline-text {
  max-width: 600px;
  display: block;
  margin: auto;
  margin-top: 20px;
}

.home-contact-title {
  text-align: left;
  color: var(--white);
  font-size: 16px;
  font-weight: 600;
font-family: 'Poppins', sans-serif;
  margin-bottom: 20px;
}
.home-contact-heading {
  padding-top: 50px;
  text-align: center !important;
}
.home-contact-heading h2 {
 
  color: #43516d;
  font-size: 30px;
  font-weight: 200;
  text-transform: capitalize !important;
}

.contact-heading {
  padding-top: 50px;
  text-align: center !important;
}


.contact-heading h2 {
 
  color: #fbfbfb;
  font-size: 30px;
  font-weight: 200;
  text-transform: capitalize !important;
  text-align: center;
}


.contact-heading-text .title-p {
  text-align: center !important;
  font-size: 0.9rem;
  line-height: 19px;
  color: var(--main);
  font-weight: 300;
  font-family: 'Poppins', sans-serif;
  margin-top: 10px;
   
}

.home-contact-heading-text .title-p {
  text-align: center !important;
  font-size: 0.9rem;
  line-height: 19px;
  color: var(--main);
  font-weight: 300;
  font-family: 'Poppins', sans-serif;
  margin-top: 10px;
   
}
#home-contact {
  padding-top: 80px;
}
.why-company {
  margin-left: 50px;
}
.contact-page-get {
  height: auto;
}
.services-box {



  display: flex;
  justify-content: center;
  flex-direction: column;
  background-color: #f7f9fa;
  border: #e7e7e7;
  padding: 30px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  border-bottom: 3px solid #d1d1d1 !important;
  box-shadow: 0px 10px 14px 0px rgb(23 43 77 / 20%);
  margin: 15px 1px;


}

.founder-box
{
  background-color: var(--white)f;
  border: #e7e7e7;
  padding: 30px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  border-bottom: 3px solid #d1d1d1 !important;
  box-shadow: 0px 10px 14px 0px rgb(23 43 77 / 20%);
  margin: 15px 1px; 
  height: calc(55vh - 100px);
}

.founder-box:hover {
  background-color: var(--main);
  border-bottom: 3px solid var(--white) !important;
  /* color: var(--white) !important; */
  border: 1px solid var(--white);
}
.founder-box:hover h2
{
  color: var(--white);
}


.founder-box span
{
  color: #43516d;
}
.founder-box li
{
  display: flex;
margin-bottom: 10px;
}
.founder-box:hover span
{
  color: var(--white);
}
.founder-box:hover i
{
  color: var(--white);

}

.founder-box i
{
  color: var(--second);
  margin-right: 10px;
}

#services {
  padding: 30px 0px;
}

.home-contact {
  padding-top: 35px;
}
.second-form-drop {
  height: calc(1.5em + 0.75rem + 2px) !important;
}
.about-box h2 {
  text-align: left !important;
  margin-left: 10px;
  width: 100%;
}
.about-box .services-box {
  padding: 5px 25px;
  margin-top: 12px;
  height: 190px;
}
.home-why-data {
  margin-left: -40px;
}
.contact-mb-10 {
  margin-bottom: 10px;
}
 
.contact-msg-box {
  height: calc(7.5em + 0.75rem + 2px) !important;
}
.home-form-2 {
  padding: 0px 30px;
}

.recent-post h3{
  font-size: 1.3rem;
  margin-bottom: 1.3rem;
}


/* FAQS */

.faq{

  padding: 20px 0px;
}

.FAQs h1::before {
  content: "";
  position: absolute;
  width: 78px;
  height: 4px;
  top: 57px;
 
  background-color: var(--main);
  text-align: center;
  
}
.xfaq{
  margin: 18px;
}
 


.content h1{
  color:var(--main); 
  font-size:30px; 
  text-align:center;

}

.content1{

color: var(--main);;
font-size: 30px;

}

.content h2{
  font-size: 20px;  
  color: #777;
  }

/* .row p{
  line-height: 20px;
} */


.lighttext{
  font-weight: 500;

}

#Attorney
{
  background-image: url(../images/punchline.jpeg);
  background-size: cover;
  height: 330px;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#Attorney .sub-title {
  color: var(--white);
  text-align: center;
  font-size: 1.8rem;
  letter-spacing: 3px;
  align-items: center;
}

#Attorney .title-p {
  font-size: 0.9rem;
  line-height: 23px;
  font-weight: 300;
  font-family: 'Poppins', sans-serif;
  color: var(--white);
}

.br5
{
  border-radius: 5px;
}
 

#personlawyer{
  background-color: #f7f9fa;
 
  
  background-image: url(../images/bg2.png) !important;
    background-size: cover !important;
    margin-top: 50px;
    padding: 10px 0px;
 
}

 
 
 

 
 

 

#compensation{
  background-color: #f7f9fa;
 
}

/* cards design  */

.card2
{
  padding: 15px 10px;
    border-radius: 5px;
    border: 1px solid #e7e7e7;
    align-items: center;
    display: flex;
}

.card2-icon i {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 4px #1eabd969;
  margin-top: 0px !important;
  /* padding-top: 2px; */
  background-color: var(--main);
  color: var(--white);
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
 
  padding-left: 10px;
}

.m-top20
{
  margin-top: 20px;
}

 .text-transform-none
 {
  text-transform: none !important;
 }


 .main-text
 {
  font-size: 1rem!important;
  font-weight: 600;
 }

 /* ************************** PoojaKardam ******************************* */

.final_btn
{
  padding: 7px 41px!important;
}

 .form-btn {
  background-color: var(--second) !important;
  text-decoration: none;
  color: var(--white) !important;
  
  padding: 7px 21px ;
  /* margin-top: 33px; */
  border-radius: 50px !important;
  font-size: 0.9rem !important;
  margin-right: 10px;
   margin-bottom: 10px;
}

.main-btn
{
  background-color: var(--second) !important;
  text-decoration: none;
  color: var(--white) !important;
  padding: 5px 21px !important;
  border-radius: 50px !important;
  font-size: 0.9rem !important;
  margin-right: 10px;
   margin-bottom: 10px;
}

.main-btn:hover {
  background-color: var(--main) !important;
  color: var(--white) !important;
  transition: all 0.5s !important;
}

.white-btn
{
  background-color: var(--white) !important;
  text-decoration: none;
  color: var(--second) !important;
  padding: 6px 25px !important;
  border-radius: 50px !important;
  font-size: 0.9rem !important;
  margin-right: 10px;
   margin-bottom: 10px;
}

.white-btn:hover {
  background-color: var(--main) !important;
  color: var(--white) !important;
  transition: all 0.5s !important;
}
/* .form-btn {
  background-color: #43516d !important;
  color: var(--white) !important;
  background-color: #43516d !important;
  padding: 5px 40px !important;
  margin-top: 5px;
  border-radius: 50px !important;
  font-size: 1rem !important;
  margin-left: 0px;
   margin-bottom: 10px;
} */

 
.form-btn:hover{
  background-color: #43516d !important;
  color: var(--white) !important;
  transition: all 0.5s !important;
}
.form-btn a:hover{
  color: #fff;

}

/* Crousel */
.carousel ul
{
  list-style: none!important;
}

.carousel-caption {
  top: 35%;
  position: absolute;
  bottom: 20px;
  left: 60%!important;
  right: 0!important;
  z-index: 99999;
  padding-top: 20px;
  padding-bottom: 20px;
  /* color: var(--white); */
  text-align: center;
  /* border: 1px solid var(--white)!important; */
  padding: 30px;
  width: 30%;
  font-size: 4rem;
}

.about_icon
{
  width: 70px;
  height: 70px;
  border: 1px solid var(--main);
  border-radius: 50%;
  color: var(--main);
  font-size: 2rem;
  display: flex!important;
  justify-content: center !important;
  align-items: center !important;
  margin: auto;
}

 .abouticons{
  color: var(--main);
  text-align: center !important;
 }

.justify-content-evenly
{
  justify-content: space-evenly;
}


/* Image card */
.img-card
{
  box-shadow: 0px 3px 14px 0px rgb(23 43 77 / 20%);
  border: 10px solid var(--white);
}
.img-card h2
{
  background-color:var(--main) ;
  padding: 15px 0px;
  font-size: 18px;
  padding: 16px;
  display: flex;
  justify-content: space-between;
}
.img-card img
{
 
  transition: ease-in-out 0.5s;
}



.img-card:hover img
{
  transform: scale(1.1);
  transition: ease-in-out 0.5s;
}
.img-box
{
  overflow: hidden;
}
.img-box span{
  transition: ease-in-out 0.8s;
}

.img-box span i
{

  font-size:12vh;
  display: flex;
  justify-content: center;
  align-items: center;

  color: #4682B4;
  padding: 50px;

}

.img-box span i:hover
{
  color: #d7d7d7;
  font-size:12vh;
  display: flex;
  justify-content: center;
  align-items: center;
  
  padding: 50px;

}


.readmore{
  background-color: #43516d;
    padding: 8px 10px;
    margin-top: 51px;
    color: var(--white)f;
}

.readmore:hover{
  background-color: #43516d !important;
    padding: 8px 10px;
    margin-top: 51px;
    color: var(--white)f;
}

 .cont-card{
  border: 1px solid var(--gray);

 }

 .cont-card h2{
  padding: 15px 0px;
  padding: 16px;
  background-color: #43516d !important;
 }

 .inner_box{
  padding: 15px;
  height: calc(32vh - 42px);
 }

 .inner_box p{
  padding: 12px;

 }

 .f-15{
  font-size: 1rem;
  line-height:35px;
 }

 .linkcolor a{
  color: #4682B4;
 }

 .fw-500{
  font-weight: 600;
 }

 .social-icon li i{
  color: var(--white);
  font-size: 1.2rem;
 }
 .social-icon{
  display: flex;
  padding: 5px;
list-style: none!important;
margin-top: 10px;
 }

 .social-icon a{
  border: 4px solid transparent;
  width: 45px;
  height: 45px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  margin-right: 10px;
 }
 .social-icon a:hover
 {
  border: 4px double var(--white);
 }

 .career_planning{
  /* background-image: url(../images/background-img.jpg) !important;
  background-size: cover; */

  background-color: var(--lgray);
}

.mainbtns
{
  /* background: #43516d; */
    padding: 5px 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-left: 7rem;
}

.mainbtns li:first-child
{
  margin-left: 0px;
}
 
.mainbtns li{
  margin-left: 20px;
  position: relative;
  font-size:0.7rem;
  /* color: var(--white); */
}

.mainbtns li::before{
 content: "";
 position: absolute;
 top: 0;
 left: 10px;
 width: 100%;
 height: 100%;
 border-right:1px solid var(--gray) ;
}

.mainbtns li:last-child:before{
  content: "";
  position: absolute;
  top: 0;
  left: 7px;
  width: 100%;
  height: 100%;
  border-right:none ;
 }
.mainbtns li a
{
  position: relative;
  z-index: 999;
  text-decoration: none;
}
 .swiper-slide
 
{
  padding: 0px 20px;
}

.swiper-pagination
{
  display: none;
}

.swiper-container-horizontal>.swiper-scrollbar
{
  opacity: 0;
}

.swiper-button-next, .swiper-button-prev
{
  width: 28px!important;
  height: 30px!important;
}

.swiper-button-next
{
  background-image: url(../images/arrow_r.png)!important;
}

.swiper-button-prev
{
  background-image: url(../images/arrow_l.png)!important;
}

.carousel-item 
{
  position: relative;
}
.carousel-item::before
{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.156);
}


.left52
{
  left: 52%;
}


/* Table  */
table{
  background-color: #fff;
}
thead tr
{
  background-color: var(--second);
}

thead tr th
{
  color: var(--white);
  font-weight: 500;
  font-size: 0.9rem;
  padding: 8px 0.75rem!important;
}
table td{
  font-size: 0.9rem;
  padding: 8px 0.75rem!important;
}

@-webkit-keyframes L_circle_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes L_circle_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes L_stroke_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes L_stroke_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes L_stroke_left_grow{0%,100%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}@keyframes L_stroke_left_grow{0%,100%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}@-webkit-keyframes L_stroke_right_grow{0%,100%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(140deg);transform:rotate(140deg)}}@keyframes L_stroke_right_grow{0%,100%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(140deg);transform:rotate(140deg)}}.loader-circle{top:50%;left:50%;z-index:1;color:#444;margin-top:-1em;margin-left:-1em;position:absolute;-webkit-animation:L_circle_rotate 1.568s linear infinite both;animation:L_circle_rotate 1.568s linear infinite both}.loader-circle .loader-stroke-left:before,.loader-circle .loader-stroke-right:before,.loader-circle:before{content:'';display:block;border-style:solid;border-width:.21429em;border-color:currentColor}.loader-circle,.loader-circle .loader-stroke-left,.loader-circle .loader-stroke-left:before,.loader-circle .loader-stroke-right,.loader-circle .loader-stroke-right:before,.loader-circle:before{width:2em;height:2em;border-radius:50%;box-sizing:border-box}.loader-circle .loader-stroke-left:before,.loader-circle .loader-stroke-right{position:absolute;clip:rect(0 2em 2em 1em)}.loader-circle .loader-stroke-left,.loader-circle .loader-stroke-right:before{position:absolute;clip:rect(0 1em 2em 0)}.loader-circle:before{position:absolute;clip:rect(0 1.05em 1em .95em)}.loader-circle .loader-stroke-left,.loader-circle .loader-stroke-right,.loader-circle:before{-webkit-animation:L_stroke_rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:L_stroke_rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both}.loader-circle .loader-stroke-right:before{-webkit-animation:L_stroke_right_grow 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:L_stroke_right_grow 1333ms cubic-bezier(.4,0,.2,1) infinite both}.loader-circle .loader-stroke-left:before{-webkit-animation:L_stroke_left_grow 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:L_stroke_left_grow 1333ms cubic-bezier(.4,0,.2,1) infinite both}
.mhn-slide .mhn-item{width:100%;padding: 10px}
.mhn-slide .mhn-inner{    width: 100%;
    height: 100%;
 
    border-top: 4px solid var(--second) !important;
   
    border-radius: 12px !important;
  
    background-color: #fff;
    /* box-shadow: 2px 2px 2px #ccc; */
height: calc(52vh - 100px) ;
display: flex;
  justify-content: center;
  align-items: center;

}
.mhn-inner{    width: 100%;
  height: 100%;

  border-top: 4px solid var(--second) !important;
 
  border-radius: 12px !important;

  background-color: #fff;
  /* box-shadow: 2px 2px 2px #ccc; */
padding: 15px;

}



.mhn-slide .mhn-item img{display:none}
.mhn-slide .mhn-img{min-height:200px;overflow:hidden;height:100%;width:100%;color:white;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=) #eee no-repeat center/cover;position:relative}
.mhn-slide .mhn-text{
  text-align:center;
  padding:0 0px;
}
.mhn-slide .mhn-text h4{
  font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.mhn-slide .mhn-text p{
  padding: 0px 35px;
}
.ulli-scrol li{
list-style: inside;
color: #004288;
 
}

.text-scrol-color a{
  text-align: center;
  color: #004288;
  margin-bottom: 5vh;

}
.mhn-slide .owl-stage-outer{z-index:1}
.mhn-slide .owl-nav{color:#333;position:absolute;top:10%;left:0;right:0;bottom:0}
.mhn-slide .owl-nav svg{  color: var(--white);
}
.mhn-slide .owl-nav .disabled{display:none}
.mhn-slide .owl-prev,
.mhn-slide .owl-next{
    top:70px;
    z-index:2;
    width:40px;
    height:40px;
    padding:8px;
    margin-top:-20px;
    position:absolute;
    border-radius:50%;
    background-color:var(--second);
    box-shadow:0 4px 4px rgba(0,0,0,.3),0 0 4px rgba(0,0,0,.2)
}
.mhn-slide .owl-prev{left:-10px}
.mhn-slide .owl-next{right:-10px}

.news_btn
{
    background-color: var(--main) !important;
    padding: 13px 10px;
    width: 100%;
    text-align: left;
    font-size: 14px;
    font-weight: 400;

}

/* Navbar Dropdown */
/* .dropdown:hover > .dropdown-menu {
  display: block;
}
.dropdown > .dropdown-toggle:active {
 /*Without this, clicking will make it sticky
  pointer-events: none;
}
.dropdown-toggle::after
{
  display: none!important;
}

.dropdown-menu
{
  left: -17px;
  margin-top: 0px!important;
  padding: 0px!important;
}

.ml-17
{
  left: -110px!important;
  margin-top: 0px!important;
  padding: 0px!important;
 
}

.dropdown-item
{
  font-size: 0.8rem!important;
    padding: 0.5rem 1rem!important;
    border-bottom: 1px solid #d6d5d5!important;
} */
/* 
 .about-nav .dropdown-menu{
 
    top: 30px !important;
  } */

.dropdown-menu
{
  list-style: none!important;
  margin-top: -10px !important;
}
.dropdown-menu li
{
  border-bottom: 1px solid var(--lgray);
  line-height: 25px;
}
.dropdown-menu li:last-child
{
  border-bottom: none;
}
.navbar-nav li:hover > ul.dropdown-menu {
  display: block;
}
.dropdown-submenu {
  position:relative;
  padding-left: 1.5rem;
  cursor: pointer;
}
.dropdown-submenu::after{
display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    transform: rotate(271deg);
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 99%;
  margin-top: 0px;
  padding: 0px;
  max-height: calc(87vh - 100px);
  overflow-y: scroll;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
  text-decoration: underline;
  transform: rotate(-90deg);
} 

.about_bg
{
  background-image: url(../images/about_bg.jpg);
  background-size: cover;
  padding: 70px 0px 35px 0px;
}

.footer-box4 ul
{
  display: flex!important;
}
.footer-box4 li
{
  padding: 0px 15px;
  position: relative;
}
.footer-box4 li::before
{
  content: "";
  position: absolute;
  top: 15%;
  left: 0%;
  width: 100%;
  height: 70%;
  border-right: 1px solid #494949;
}
.footer-box4 li a
{
  color: #888;
  font-size: 0.8rem;
  position: relative;
  z-index: 9999;
}
.footer-box4 li:hover a
{
  text-decoration: none;
  color: var(--white);
}

.footer-box4 li:last-child:before
{
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  border-right: 1px solid transparent;
}
.m-bottom-23
{
  margin-bottom: -23px;
}

/* .about-marquee { 
  background-color: #fff;
  padding: 34px 20px;

} */

/* .about_img:hover img
{
border: 15px solid var(--white);
transition: ease-in-out 0.5s;
box-shadow: 0px 10px 14px 0px rgb(23 43 77 / 20%);
} */
/* .about_img img
{
transition: ease-in-out 0.5s;

} */

.mar-top22
{
margin-top: -25px;
}
.mar-bottom21{
  margin-bottom: 21px;
}
.mar-bottom45{
  margin-bottom: 45px;

}
.objectives_box ul
{
  list-style: disc;
  padding-left: 20px;
  margin-top: 20px;
}
.objectives_box li
{
  margin-top: 10px;
  margin-bottom: 10px;
}

.gray-box{
  box-shadow: 2px 2px 10px #ccc;
    background-color: #ffffff;
    padding: 32px;
    height: 100%;
 
}

.white_box
{
  box-shadow: 2px 2px 10px #c3c6c8a8;
    padding: 12px 20px;
    border-radius: 0.5rem;
    /* border: 1px solid var(--second); */
    /* color: var(--main); */
    font-size: 0.9rem;
    font-weight: 500;
    position: relative;
    background-color: #fff;
    /* width: 100vh; */
    /* top: 20px; */
}
.objectives_box p
{
margin-left: 20px;
font-weight: 600;
}
.dot_box {
  
  position: relative;
}
.dot_box::before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: var(--second);
  padding: 0px 5px;
  position: absolute;
  top: 19%;
  left: -15px;
  border-radius: 2px;
}

.whitedot_box {
  
  position: relative;
}
.whitedot_box::before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: var(--white);
  padding: 0px 5px;
  position: absolute;
  top: 19%;
  left: -15px;
  border-radius: 2px;
}


.box-padding
{
  padding-left:50px!important;
  padding-right:50px!important;
}

.text_bold
{
  margin-left: 20px;
  font-weight: 500;
}
.memberships ul
{
padding-left: 25px;
list-style: disc;
}
.memberships ul li
{
line-height: 30px;  
}
.blue_circ
{
  width: 70px;
    height: 70px;
    background-color: var(--second);
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15pt;
    box-shadow: 0 0 3px #ccc;
    color: #fff;
    position: absolute;
    top: -40%;
    right: -7%;
    font-weight: 400;
    border: 5px double #fff;
}
.vision_bg
{
  background-image: url(../images/vision_bg.jpg);
  background-size: cover;
  background-position: 50% 84%;
  height: 40vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.marq_box
{
  padding: 20px 0px;
  background-color: var(--second);
  color: #fff;
  display: flex;
  margin-bottom: -1vh;
}

.marq_box marquee{
  width: 100%;
  /* display: block; */
  margin: auto;
}
.marq_box a:hover{
  color: var(--lgray)!important;
}
.achiv_bg
{
  background-image: url(../images/achiv_bg.jpg);
  background-size: cover;
  /* background-position: center; */
}
.ach_box ul
{
  padding-left: 55px;
}

.comingson
{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: calc(46vh - 10px);
}
.comingson i
{
  font-size: 2rem;
  color: var(--second) !important;
  margin-bottom: 20px;
}
.comingson h1
{
  font-size: 1.5rem;
}
.Council_member_card
{
  height: calc(47vh - 100px) ;
  margin-bottom: 30px;
  /* display: flex;
  align-items: center; */
  border: 1px solid #d6d5d5;
  transition: ease-in-out 0.8s;
  border-radius: 0.2rem;
}

.Council_member_card li{
  font-size: 0.8rem;
  line-height: 18px;
}
.Council_member_card a{
  word-break: break-all;
  font-size: 0.8rem;
}
.Council_member ul
{
  list-style: none!important;
}

.white_card {
  border: 1px solid var(--lgray);
  transition: ease-in-out 0.8s;
  border-radius: 0.2rem;
}
.white_card li{
  line-height: 17px;
  margin-bottom: 0px;
  font-size: 0.7rem;
}
.white_card:hover
{
  box-shadow: 0px 10px 14px 0px rgb(23 43 77 / 20%);
  transition: ease-in-out 0.8s;
}

.card_watermark
{
  background-image: url(../images/watermark.jpg);
  background-size: cover;
}

.awards_img{
  position: relative;
}
.awards_img img
{
  width: 80%;
  display: block;
  margin: auto;
}
.award_caption
{
  position: absolute;
  top: 18%;
  left: 39%;
}

.planner_list li
{
    color: #333;
    border-radius: 5px;
    list-style: none;
    padding: 10px;
    margin: 5px 0px !important;
    border: none;
    background: linear-gradient( to left, #ebebeb 50%, var(--second) 50% );
    background-size: 200% 100%;
    background-position: right bottom;
    /* cursor: pointer; */
    transition: all ease 1s;
    box-shadow: 2px 2px 0px var(--second);
    position: relative;
    margin-bottom: 18px!important;
}
.planner_list li:hover{
background-position: left bottom;
    color: #fff;
}
.planner_list li i
{
  color: var(--second);
  font-size: 1rem;
}
.planner_list li:hover i 
{
  color: #fff;
}

.planning_box {
  margin-bottom: -2%;
  background-image: url(../images/planning_bg.jpg);
  background-size: cover;
  padding: 30px 50px;
  border-radius: 10px;
}

.gray_linear_box
{
  background-image: linear-gradient(var(--white) 50%, var(--lgray) 50%);
}

.border_box
{
  border: 2px solid var(--lgray);
  padding: 10px 30px;
  border-radius: 5px;
}

.blue_box
{
  background-color:var(--second) ;
  padding: 10px 30px;
  border-radius: 5px;
}
.placement ul
{
  padding-left: 30px;
}
.placement li{
  line-height: 30px;
  font-size: 0.9rem;
}
.placement_icon{
  font-size: 17rem;
  color: var(--lgray);
}
.activities-data .blue_circ
{
font-size: 1.5rem;
}

.regional-chapter li
{
  margin-top: 15px;
    font-size: 0.9rem;
    line-height: 20px;
    text-align: inherit;
    margin-bottom: 20px;
}
.not-found
{
padding: 30px;  
}
.not-found i
{
  font-size: 3rem;
  margin-bottom: 20px;
}
.other-pub_data
{
  padding-left:50px!important;
}
.other-pub_data li:first-child
{
  margin-top: 0px;
}
.other-pub_data li
{
  border-bottom: 1px dashed var(--gray);
  padding-bottom: 15px;
  margin-top: 30px;
}

.image_border
{
  border: 15px solid var(--white);
  box-shadow: 0px 0px 14px 0px rgb(23 43 77 / 20%);
}

.strength_box
{
  padding: 12px 20px;
}
.strength_box .blue_circ
{
  top: -28%;
}

.b_bottom
{
  border-bottom: 1px dashed var(--gray);
}

.banner_breadcrumb{
  display: flex;
  list-style-type: none !important;
  margin: 25px 40px;
  justify-content: end;
}
.banner_breadcrumb li
{
  color: #fff;
  padding-right: 12px;
  font-size: 0.9rem;
}
/* .banner_breadcrumb li:last-child
{
  color: rgb(255, 255, 255);
} */
/* .banner_breadcrumb li:last-child
{
  font-weight:400;
} */

/* .product_banner .banner_breadcrumb{

  margin-top: 40px;
  margin-bottom: 10px;
} */

.product_banner{
  background-size: cover;
  display: flex;
  justify-content: end;
  /* align-items: center; */
  flex-direction: column;
  background-color: #dadada;
  padding-top: 3px!important;
  padding-bottom: 5px;
  margin-top: -22px;
}

.f-11{
  font-size: 11px !important;
} 

.textgray{
  color:#585858 !important;
}


/* committees */



.committees  .mhn-inner li{
font-weight: 500;
}
.committees .main-text{
font-weight: 600 !important;

}
.committees a i{
margin-top: 5px;
}

.whitespace{
  height: calc(24vh - 100px);
}

.whitespace-thankyou{
  height: calc(24vh - 100px) ;

}

/* .refressicon img{
  margin-top: 10vh !important;

} */
.news_list{
  /* list-style: none!important; */
  padding:0px 50px;
  
}
.news_list li{
width: 50%;
float: left;
text-align: left;
}

.bottom_space{
  margin-bottom: 20px;
}
.word_berak{
  word-break: break-all;
}


.lastsub_drop{
left:-301px!important;
}
.mobile_hide{
  display: block;
}

#membership .white_box{
  height: 38vh;
}

.activities{
  padding-top: 50px;
}

.white_space-exi{
  height: 18vh;
}

.border-t-0{
  border-top: 0px !important ;
}
.border-b-4{
  border-color: var(--second);
}

.tabnavbar{
  display: none ;
  background-color: var(--white);
    width: 100%;
    z-index: 2;
    position: relative;
    box-shadow: 0px 3px 14px 0px rgb(23 43 77 / 20%);
}

.tabnavbar .navbar-brand{
  width: 26%;
}
.tabnavbar .navbar-brand img{
  width: 100%;
}
.tabnavbar button {
  float: right;
  margin-top: 1.5%;
}
.tabnavbar .nav-link{
color: var(--main);
}

.gray_bg-two{
  background-image: url(../images/gray_bg2.jpg);
  background-size: cover;
  padding: 150px 0px;
}

.vision-databox p{
  /* font-weight: 600; */
    font-size: 1.3rem;
    line-height: 31px;
    text-align: center;
}

.members-bg{
  background-color: #4682b4;
  padding: 10px;
}

.members-bg h3{
 color: #ffff;
 text-align: center;
 
}
.img-padd{
  padding: 10px;
}




.bg-president{
  background-color: #ffff;
  padding: 1px 0px 25px 0px;

}

.bg-secretary{
  background-color: rgba(0,0,0,.05);
  padding: 1px 0px 25px 0px;

}

.text-justify{
  text-align: justify !important;
}
.public-innerbox{
  position: relative;
  box-shadow: 0px 3px 14px 0px rgb(23 43 77 / 20%);
  border: 1px solid var(--white);
  transition: all 0.5s;
}
.public-innerbox:hover{
  box-shadow: 0px 3px 14px 0px rgb(23 43 77 / 20%);
  border: 1px solid var(--white);
  transition: all 0.5s;

}
.public-innerbox img{
  border-bottom: 7px solid rgb(132, 218, 3);
}
.public-caption h1{
  padding: 10px;
  font-size: 24px;
  color: #fff;
  letter-spacing: 0.8px;
  font-weight: 500;
 
}

.public-caption{
  position: absolute;
  top: 0;
  left: 0;
  width: 63%;
  height: 31%;
  background-color: #ff8600;
}




.public-caption2 h1{
  padding: 10px;
  font-size: 24px;
  color: #fff;
  letter-spacing: 0.8px;
  font-weight: 500;
 
  }
  
  .public-caption2{
    position: absolute;
    top: 85px;
    left: 0;
    width: 40%;
    height: 109px;
    background-color: #006b7f;
 
}
  




.public-caption-sec{
padding: 20px;
}



.public-caption-box1 h1{
  padding: 10px;
  font-size: 24px;
  color: #fff;
  letter-spacing: 0.8px;
  font-weight: 500;
 
  }
  
  .public-caption-box1{
    position: absolute;
    top: 0;
    left: 0;
    width: 52%;
    height: 31%;
    background-color: #00ccff;
  }
  
  
  
  
  .public-caption-boxes h1{
    padding: 10px;
    font-size: 24px;
    color: #fff;
    letter-spacing: 0.8px;
    font-weight: 500;
}
 
    
    .public-caption-boxes{
      position: absolute;
      top: 85px;
      left: 0;
      width: 40%;
      height: 109px;
      background-color: #104293;
   
  }





  .public-caption-box2 h1{
    padding: 10px;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0.8px;
    font-weight: 500;
    }
    
    .public-caption-box2{
      position: absolute;
      top: 0;
      right: 0;
      width: 36%;
      height: 44%;
      text-align: right;
      background-color: #fffe03;
  }
 


    .public-caption-box3 h1{
      padding: 10px;
      font-size: 24px;
      color: #fff;
      letter-spacing: 0.8px;
      font-weight: 500;
  }
    
      
      .public-caption-box3{
        position: absolute;
        top: 84px;
        right:0;
        width: 60%;
        height: 109px;
        background-color: #6d089f;
        text-align: right;
    display: flex;
    justify-content: end;
    align-items: end;
 
     
    }

    .new-icon-pdf i{
      color: #004288;
      font-size: 1.3rem;
    }
  
.f-logo .logo-title{
font-size: 1.3rem;
}


.map-border{
  border: 1px solid var(--gray);
}