.head {font-family: 'Poppins', sans-serif; float:right; margin-top:5px; }
.head h2 { font-size:14px; color:#0055a5; font-weight:500; text-align:center; border:solid 1px #0055a5; padding:5px 15px;  border-radius:25px; }
.head a {color:#0055a5; text-decoration:none; display:block; float:left; margin-right:10px;}
.head p { color: #039f94; font-weight:600; line-height:15px !important; font-size:13px; }


@media (max-width: 858px)
{
.head h2 { font-size:12px; padding:4px;  border-radius:25px; top:7px;}
}
.menu {font-family: 'Poppins', sans-serif;}
.menu img {display:block; margin:auto; min-width:90px; max-width:95px; position:absolute; top:0px;}
.menu li {padding-left:15px; padding-right:15px;}
.menu li a { font-size:16px; color:#0055a5; font-weight:500; text-align:center; white-space: nowrap;}
.menu ul { float:right; margin-left:130px; }


@media (max-width: 858px)
{
.menu button {padding:0px;}
.menu img { width:80%; float:left;}
}

.banner {font-family: 'Poppins', sans-serif; background:#039f94;}
.banner h1 { font-size:46px; font-weight:700; color:#ffffff; text-align:left; margin-top:100px;}
.banner h2 { font-size:23px; font-weight:400; color:#ffffff; text-align:left; margin-top:20px;}
.banner form {margin-top:30px; padding-bottom:100px;}
.banner input {display:inline; height:60px; width:65%; margin-right:20px; float:left;}
.banner button {width:30%; height:60px;}
.banner img {display:block; margin:auto; width:100%;}

@media (max-width: 858px)
{
.banner h1 { font-size:35px; margin-top:50px;}
.banner h2 { font-size:18px;}
.banner form {padding-bottom:40px;}
.banner input {height:50px; width:70%; margin-right:10px; }
.banner button {width:25%; height:50px;}
.banner img { width:70%;}
}

.about {font-family: 'Poppins', sans-serif; background:#fbfbfb; padding-bottom:30px;}
.about h1 { font-size:41px; font-weight:700; color:#26959e; text-align:center; margin-top:100px;}
.about h2 { font-size:25px; font-weight:700; color:#1166cf; text-align:center; margin-top:20px; margin-bottom:100px;}
.about h3 { font-size:21px; font-weight:500; color:#5b5b5d; text-align:left; line-height:40px;}
.about li {font-size:15px; font-weight:400; color:#5b5b5d; text-align:left; margin-top:20px;}
.about p { font-size:15px; font-weight:400; color:#5b5b5d; text-align:left; margin-top:20px; line-height:30px;}
.about img {display:block; margin:auto; width:100%;}

@media (max-width: 858px)
{
.about h1 { font-size:36px;  margin-top:50px;}
.about h2 { font-size:22px;  margin-bottom:10px;}
.about h3 { font-size:18px; line-height:30px;}
}


.home_laws { 
    padding:130px 0px;
    font-family: 'Poppins', sans-serif;
    background-image: url(images/bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
   
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    
    
}

.wb { background:#fff; text-align:center; border-radius:10px; padding:20px 30px; margin-bottom:10px;}


.home_laws h2  { font-size:18px; text-align:center; text-transform:uppercase; color:#fff; margin-top:30px; }
.home_laws h2 span  { font-size:35px; text-align:center; margin-bottom:30px; display:block; }

.home_laws h3 {
    
    font-size:20px;
    

    
}
.home_laws p { font-size:15px; font-weight:400; color:#5b5b5d; text-align:left; margin-top:20px; line-height:30px;}
@media (max-width: 858px)
{
    
}

.home_cat {font-family: 'Poppins', sans-serif; background:#fbfbfb; padding-bottom:30px; padding-top:50px;}
.home_cat h1 { font-size:41px; font-weight:700; color:#26959e; text-align:center;}
.home_cat h2 { font-size:25px; font-weight:700; color:#1166cf; text-align:center; margin-top:20px; margin-bottom:100px;}
.home_cat h3 { font-size:21px; font-weight:500; color:#5b5b5d; text-align:left; line-height:40px;}
.home_cat p { font-size:15px; font-weight:400; color:#5b5b5d; text-align:left; margin-top:20px; line-height:30px;}
.home_cat img {width:10px; margin-right:10px;}
.home_cat a { text-decoration:none;  font-size:15px; font-weight:400; color:#5b5b5d; line-height:35px; overflow:hidden; }

.home_cat a::first-letter { text-transform:uppercase; }
.habt { width:95% !important; margin:auto;}
@media (max-width: 858px)
{
.home_cat h1 { font-size:36px;  margin-top:50px;}
.home_cat h2 { font-size:22px;  margin-bottom:10px;}
.home_cat h3 { font-size:18px; line-height:30px;}
}


.work {font-family: 'Poppins', sans-serif; background:url(images/work.jpg) no-repeat; background-size:100%; padding-top:150px; padding-bottom:150px;}
.work h1 { font-size:41px; font-weight:600; color:#434f4f; text-align:left; letter-spacing:2px;}
.work h2 { font-size:15px; font-weight:400; color:#434f4f; text-align:left; margin-top:20px;}
.work-md { margin-top:20px;  margin-bottom:20px;}
.work img {display:block; margin:auto; width:90%;}
.work h3 { font-size:17px; font-weight:500; color:#434f4f; text-align:left; line-height:30px;}
.work p { font-size:14px; font-weight:400; color:#434f4f; text-align:left;}

@media (max-width: 858px)
{
.work { background-size:cover; padding-top:60px; padding-bottom:60px;}
.work h1 { font-size:35px; letter-spacing:1px;}
.work img {width:80%;}
}

.blog {font-family: 'Poppins', sans-serif; padding-top:100px; padding-bottom:100px;}
.blog h2 {font-size:40px; color:#434f4f; font-weight:500; text-align:center; margin-bottom:40px;}
.blog h3 {font-size:15px; color:#434f4f; font-weight:500; text-align:center; margin-bottom:40px;}
.blog img {display:block; margin:auto; width:100%;}
.blog h4 {font-size:20px; color:#434f4f; font-weight:500; text-align:left; line-height:35px;}
.blog p {font-size:14px; color:#1d8d96; font-weight:400; text-align:left;}
.blog-md { margin-bottom:30px;}
@media (max-width: 858px)
{
.blog { padding-top:60px; padding-bottom:30px;}
.blog h1 { font-size:35px;}
}

.footer {font-family: 'Poppins', sans-serif; background:#181d1d; padding-top:80px; padding-bottom:80px;}
.footer h1 { font-size:38px; color:#ffffff; font-weight:300; text-align:left;}
.footer h1:after { content:""; display:block; border:solid 0.5px #434f4f; margin-top:40px; margin-bottom:40px;}
.footer h2 { font-size:17px; color:#ffffff; font-weight:500; text-align:left;}
.footer ul {padding:0px;}
.footer li {font-size:15px; color:#5c6c6c; font-weight:400; text-align:left; list-style:none; line-height:30px;}
.footer li a {color:#5c6c6c; text-decoration:none;}
.footer li a:hover {color:#1d8d96;}
.footer p {font-size:14px; color:#5c6c6c; font-weight:400; text-align:left; list-style:none; line-height:30px;}
.footer img {display:inline; margin:auto; width:9%; margin-right:9px;}
.footer h3 { display:block; margin:auto; font-size:14px; color:#fff; font-weight:500; text-align:center; border:solid 1px #1d8d96; background:#1d8d96; padding:7px;  border-radius:25px; width:70%; float:left;}
@media (max-width: 858px)
{
.footer {padding-top:60px; padding-bottom:60px;}
.footer h1 { font-size:20px;}
.footer h3 {width:100%;}
}


.singin-banner {font-family: 'Poppins', sans-serif; background:#039f94; padding-top:100px; padding-bottom:40px;}
.singin-banner h1 { font-size:46px; font-weight:700; color:#ffffff; text-align:center;}
.singin-banner h2 { font-size:23px; font-weight:400; color:#ffffff; text-align:center; margin-top:20px; text-transform:capitalize;}

@media (max-width: 858px)
{
.singin-banner {padding-top:60px; }
.singin-banner h1 {font-size:22px; font-weight:600;}
.singin-banner h2 {font-size:14px;}
}

.singin {font-family: 'Poppins', sans-serif; padding-top:100px; padding-bottom:40px;}
.singin h2 { font-size:27px; color:#039f94; font-weight:700; text-align:left;}
.singin li { font-size:17px; color:#4d5353; font-weight:400; text-align:left; line-height:40px; width:50%;}
.singin form label {font-size:16px; color:#121313; font-weight:400; text-align:left; margin-top:10px; margin-bottom:10px;}
.singin form input { height:50px;  border-radius:5px;}
.singin h3 { font-size:16px; color:#0076ff; font-weight:400; text-align:left; margin-top:10px;}
.singin h3 a {color:#0076ff; text-decoration:none;}
.singin form button { background:#039f94; border:1px solid #039f94; height:50px;  border-radius:10px; margin-top:20px; width:100%;}


@media (max-width: 858px)
{
.singin { padding-top:30px;padding-bottom:30px;}
.singin h2 { font-size:20px; font-weight:600; }
.singin li { font-size:14px; width:100%;}
.singin form label { font-size:14px; margin-top:15px; margin-bottom:5px; font-weight:500;}
.singin form input { height:38px;  border-radius:5px;}
.singin form button {height:38px;}

}

.register-banner {font-family: 'Poppins', sans-serif; background:#039f94; padding-top:100px; padding-bottom:40px;}
.register-banner h1 { font-size:46px; font-weight:700; color:#ffffff; text-align:center;}
.register-banner h2 { font-size:23px; font-weight:400; color:#ffffff; text-align:center; margin-top:20px; text-transform:capitalize;}

@media (max-width: 858px)
{
.register-banner {padding-top:30px; padding-bottom:30px;}
.register-banner h1 {font-size:22px; font-weight:600;}
.register-banner h2 {font-size:16px;}
}
.register {font-family: 'Poppins', sans-serif; padding-top:50px; padding-bottom:40px;}
.register form label {font-size:15px; color:#121313; font-weight:400; text-align:left; margin-top:15px; margin-bottom:5px;}
.register form input { height:40px;  border-radius:5px; font-size:13px;}
.register form button { background:#039f94; border:1px solid #039f94; height:50px;  border-radius:10px; margin-top:50px;}


@media (max-width: 858px)
{
.register {padding-top:30px; padding-bottom:30px;}
.register form label { font-size:14px; margin-top:15px; margin-bottom:5px; font-weight:500;}
.register form input { height:38px;  border-radius:5px;}
.register { padding-top:60px;}
}





.profile-banner {font-family: 'Poppins', sans-serif; background:#039f94; padding-top:30px; padding-bottom:30px; }
.profile-banner img {display:block; margin:auto; width:60%; border:2px solid #fff; border-radius:50%;}
.profile-banner h1 { font-size:27px; font-weight:600; color:#ffffff; text-align:center; margin-top:40px;}
.profile-banner h2 { font-size:15px; font-weight:600; color:#ffffff; text-align:center; margin-top:40px;}
.profile-banner h2 a { color:#ffffff; text-decoration:none;}
.profile-banner h2 a:link { background:#5ec2bb; padding:7px; border-radius:5px;}


@media (max-width: 820px)
{
.profile-banner img {width:70%;}
.profile-banner h1 { text-align:center; margin-top:60px;}
}

@media (max-width: 768px)
{
.profile-banner img {width:70%;}
.profile-banner h1 { text-align:center; margin-top:60px;}
}

@media (max-width: 576px)
{
.profile-banner img {width:100%;}
.profile-banner h1 { font-size:18px; text-align:left; margin-top:25px;}
.profile-banner h2 { text-align:left;  margin-top:20px;}
}

.profile {font-family: 'Poppins', sans-serif; background:#f6f8f8; }
.shadow { border:1px solid #fff; background:#fff; border-radius:10px; padding:17px; box-shadow: 5px 10px #fff; margin-bottom:15px; margin-top:15px;  }
.box { position:absolute; top:310px;}
.profile h2 { font-size:16px; font-weight:500; color:#3d3a3a; text-align:center;}
.profile table tr {}
.profile table th { font-size:14px; font-weight:500; color:#3d3a3a; text-align:left; line-height:30px; width:100px;  padding:8px 0px 8px 0px;}
.profile table td  { font-size:13px; font-weight:400; color:#787575; line-height:30px; padding:4px 0px 4px 0px;}
.profile h3 { font-size:16px; font-weight:500; color:#3d3a3a; text-align:left; margin-top:20px; margin-bottom:20px;}
.profile h4 { font-size:16px; font-weight:500; color:#3d3a3a; text-align:center; background:#f3f6f9; padding:3px;}
.profile samp { font-size:13px; color:#878a99; text-align:left; font-weight:300;}
.profile h5 { font-size:14px; font-weight:400; color:#787575; text-align:left; }
.profile img {display:block; margin:auto; width:30%; border:2px solid #fff; border-radius:50%;}

@media (max-width: 858px)
{
.profile h4 { font-size:13px; font-weight:500; color:#3d3a3a; text-align:center; background:#f3f6f9; padding:5px;}
.profile h5 { font-size:14px; font-weight:400; color:#787575; text-align:left; }
.profile img {width:100%;}
}

.profile-id * { text-align: inherit !important;}
.profile-id h1 { font-size:24px; }
.profile-id img { width:auto; border-radius:0 !important; }

.cases img { border-radius:5px !important; width:80%; }
@media (max-width: 858px)
{

}


.cat-banner {font-family: 'Poppins', sans-serif; background: url(images/cbg.jpg); background-size:cover;}
.cat-banner h1 { font-size:46px; font-weight:700; color:#ffffff; text-align:left; margin-top:100px;}
.cat-banner h1 span {color: #FFCC00 !important;}
.cat-banner h2 { font-size:23px; font-weight:400; color:#ffffff; text-align:left; margin-top:20px;}
.cat-banner form {margin-top:30px; padding-bottom:100px;}
.cat-banner input {display:inline; height:60px; width:65%; margin-right:20px; float:left;}
.cat-banner button {width:30%; height:60px;}
.cat-banner img {display:block; margin:auto; width:100%;}

@media (max-width: 858px)
{
.cat-banner h1 { font-size:35px; margin-top:50px;}
.cat-banner h2 { font-size:18px;}
.cat-banner form {padding-bottom:40px;}
.cat-banner input {height:50px; width:70%; margin-right:10px; }
.cat-banner button {width:25%; height:50px;}
.cat-banner img { width:70%;}
}

.alert { padding:5px; margin-top:3px; font-size:13px; border-radius:2px; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
.form-control:focus {
        border-color: #60b2ac;
        box-shadow: 0 0 0 0.2rem rgba(3, 159, 148, 0.15);
    }