* {margin:0; padding:0; box-sizing:border-box; font-size:16px;}
a {text-decoration:none}
li {list-style:none;}

input[type=text], input[type=Email], select { width: 100%;padding: 12px;display: inline-block;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;}

.header { position: fixed; z-index: 100; min-height: 50px; width: 100%; float:left; background:#000; -webkit-transition: all ease-out .5s; -moz-transition: all ease-out .5s; -o-transition: all ease-out .5s; transition: all ease-out .5s;}
.headact {background-color: rgba(34,34,34,0.8); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}

.topnav {float:left; width:100%; background:#23468f; padding:10px;}
.topnav li {list-style:none; float:left; width:25%; text-align:center; color:#fff}
.topnav li i {padding-right:10px;}
.topnav li a {color:#fff; }
.consul { background:#635f5f; padding:3px 10px; border-radius:10px;}
.bottomnav { float:left; width:100%; padding:0 5px; box-sizing:border-box;}
.bottomnav .logo {display: block;float: left; text-decoration: none;}
.logo img {float:left; width:150px; height:40px; padding:15px 0 0 10px;}
.bottomnav ul {margin: 0;padding: 0;list-style: none;overflow: hidden;}
.bottomnav li a {display: block;padding: 10px 20px;text-decoration: none;color: white;font-weight: 600;}
.bottomnav li a:hover, .bottomnav .menu-btn:hover {color: #f4f4f4;}
.bottomnav .menu {clear: both;max-height: 0;transition: max-height .2s ease-out;}
.bottomnav .menu-icon {cursor: pointer;display: inline-block;float: right;padding: 28px 20px;position: relative;user-select: none; color:#fff}
.bottomnav .menu-icon .navicon {background: #333;display: block;height: 2px;position: relative;transition: background .2s ease-out;width: 18px;}
.bottomnav .menu-icon .navicon:before,
.menu-icon .navicon:after {background: #333;content: '';display: block;height: 100%;position: absolute;transition: all .2s ease-out;width: 100%;}
.bottomnav .menu-icon .navicon:before {top: 5px;}
.bottomnav .menu-icon .navicon:after {top: -5px;}
.bottomnav .menu-btn {display: none;}
.bottomnav .menu-btn:checked ~ .menu {max-height: 240px;}
.bottomnav .menu-btn:checked ~ .menu-icon .navicon {background: transparent;}
.bottomnav .menu-btn:checked ~ .menu-icon .navicon:before {transform: rotate(-45deg);}
.bottomnav .menu-btn:checked ~ .menu-icon .navicon:after {transform: rotate(45deg);}
.bottomnav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.bottomnav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {top: 0;}

.container { min-height:80vh; float:left; width:100%; margin-top:100px;}


.footer1 {float:left; width:100%; min-height:100px; background:#000; padding:10px 20px;}
.footer1a {float:left; width:25%;}
.footer1a img {width:150px; height:40px;}
.footer1a p {line-height:22px; color:#fff; text-align:justify}
.socicon {float:left; width:100%; text-align:left; padding-top:10px;}
.socicon a {padding:0 10px; color:#fff; font-size:22px;}

.footer1b {float:left; width:25%; padding-left:20px;}
.footer1b h5 {font-size:20px; line-height:45px; color:#fff; }
.footer1b li { width:100%; line-height:30px; color:#fff}
.footer1b i {padding-right:10px;}
.footer1c {float:left; width:50%;}
.footer1c h5 {font-size:20px; line-height:45px; color:#fff; text-align:left;}
.footer1c li {color:#fff; line-height:30px; float:left; width:33.33%}

.footer2 {float:left; width:100%; background:#1a3265; padding:20px;}
.footcopy {float:left; width:50%; color:#fff}
.footcopy aa { color:red; padding:0 5px;}
.foottrms {float:right; width:50%;}
.foottrms li {width:20%; float:right;}
.foottrms li a {color:#fff}
.whatsapp {position: fixed; right:0; bottom:0; z-index:10;}
.whatsapp img { width:120px; height:40px; float:left; border-radius:16px; margin-bottom:20px;}



/* 48em = 768px */

@media (min-width: 48em) {
	.bottomnav li {float: left;}
	.bottomnav li a {padding: 22px 14px;}
	.bottomnav .menu {clear: none;float: right;max-height: none;}
	.bottomnav .menu-icon {display: none;}
	
}


.patitle { float:left; width:100%; min-height:25vh; padding:15px; margin-bottom:30px; background-image:url(../img/titlepage.png); background-repeat:no-repeat; background-size: cover;background-position: center; }
.patitle h3 {color:#fff; font-size:30px; margin-top:8vh;}
.pahead {float:left; width:100%; text-align:center; padding:20px 2%;}
.pahead h2 {font-size:30px; line-height:50px;}
.pahead h5 {font-size:20px; line-height:40px;}
/*********************** page title Close****************************/

.abttab { float:left; width:100%; padding:20px 5% 0 5%;}
.abttab li {float:left; width:33.33%; padding:0 15px; line-height:50px; border: 1px solid #ccc;background-color: #f1f1f1; text-align:center; font-size:20px;}
.abttab i {color:#e5936b; margin-right:10px;}
.abttab li:hover {background-color: #ddd; cursor:pointer;}
.abttab .w3red {background-color: #ccc;}
.abttab1 {float:left; width:100%; padding:0 5%; margin-bottom:50px;}
.abttab1 h2 {font-size:20px;}
.abttab1 p {line-height:25px;}
.abttab1a { padding: 6px 12px; border: 1px solid #ccc;border-top: none; float:left; width:100%;}
.abttab1a i {color:#e5936b; margin-right:10px;}
/*********************** about-us.php Close****************************/

.whychose {float:left; width:100%; padding:1% 2%;}
.whychose li {list-style:none; float:left; width:25%; margin-bottom:10px; padding:0 5px;}
.whychose1 {float:left; width:100%; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; text-align:center; padding:20px 1%;}
.whychose1 i {font-size:55px; line-height:70px;}
.whychose1 h4 { font-size:20px; line-height:40px;}
.howork {float:left; width:100%; padding:1% 2%;}
.howork li {list-style:none; float:left; width:33.33%; margin-bottom:10px; padding:0 5px;}

.conguid {float:ledt; width:100%;}
.conguid li {list-style:none; float:left; width:25%; margin-bottom:10px; padding:5px;}
.conguid1  {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; padding:10px; float:left; width:100%;}
.conguid1 h5 {line-height:30px;}
.conguid1 a, .conguid1 p  {color:#4b2524; line-height:25px;}

.conform {float:left; width:100%; min-height:15vh; padding:15px; margin-bottom:30px; background-image:url(../img/NotFound.jpg); background-repeat:no-repeat; background-size: cover;background-position: center; }
.conform form { width:60%; margin-left:20%; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; padding:10px; float:left; }
.conform h3 { float:left; width:100%; text-align:center; font-size:35px; line-height:70px; color:#fff}
.conform1 {float:left; width:100%; margin-bottom:10px;}
.conform1 aa { float:left; width:50%; padding-right:5px;}
.conform1 bb { float:left; width:50%; padding-left:5px;}
.conform1 label {float:left; width:100%; color:#fff;}
.conform1 textarea {float:left; width:100%; padding:12px; height:100px; Resize:none; border-radius: 4px; box-sizing: border-box;}
.conform1 button { padding:12px 0px; width:30%; margin-left:35%;border-radius: 4px;}
/*********************** consultation Close ****************************/

.conta {float:left; width:98%; padding:30px 3%; margin-left:1%; margin-top:-20px; min-height:35vh; margin-bottom:30px; background-image:url(../img/about.jpg); background-repeat:no-repeat; background-size: cover;background-position: center; text-align:center;}
.conta h2 {font-size:40px; line-height:60px; padding:0 5%;}
.conta h2 i {color:#e5936b;}
.conta h3 {font-size:30px; line-height:50px;padding:0 5%;}
.conta button { background:none; border: 2px solid #e5936b; border-radius:5px; padding:8px 20px;}
.conta1 { float:left; width:100%; margin:20px 0; padding:0 1%;}
.conta1a { float:left; width:50%; padding-right:1%;}
.conta1b { float:left; width:50%; padding-left:1%;}
.conta1 h2 { font-size:30px; line-height:50px;}
.conta1 p { font-size:20px; line-height:30px;}
.conta2 {float:left; width:100%; padding:20px 1%;}
.conta2a { float:left; width:60%;}
.conta2a iframe { float:left; width:100%; height:400px;} 
.conta2b {float:left; width:40%; padding:0 1%;}
.conta2b h3 { float:left; width:100%; font-size:30px;}
/*********************** consultation Close ****************************/

.indslide {float:left; width:100%;}
.mySlides {float:left; width:100%; height:80vh;}
.indslide img {float:left; width:100%; height:100%; display:block}
.indslide1 {z-index:10; position:absolute; text-align:center; float:left; width:100%; margin-top:40vh; }
.indslide1 h2 {font-size:45px;color:white;}
.indslide1 h4 { font-size:25px;}
.indslide1 button {padding:3px 10px;}  /*index Slider close*/

.indabt {float:left; width:98%; padding:30px 3%; margin-left:1%; margin-top:-20px; min-height:35vh; margin-bottom:30px; background-image:url(../img/about.jpg); background-repeat:no-repeat; background-size: cover;background-position: center;}
.indabt1 {float:left; width:50%;}
.indabt1 h3 {font-size:30px; line-height:50px; text-align:left; padding:0 5%;}
.indabt1 p {float:left; width:100%; text-align:justify; font-size:18px; line-height:25px; margin-bottom:20px;}
.indabt2 {float:left; width:50%; padding-left:5%;}
.indabt2 img {float:left; width:100%; height:43vh; display: block;}


.indpract {float:left; width:100%; padding:20px 1%; text-align:center;}
.indpract h2 { font-size:45px; line-height:60px;}
.indpract h4 {font-size:18px; line-height:22px;}
.indpract li {list-style:none; float:left; width:33.33%; padding:5px; margin-bottom:20px;}
.indpract1 {float:left; width:100%; background: #fff; box-shadow: 0px 0px 38px -8px rgba(0,0,0,0.34); padding:10px 1%;}
.indpract1 img { float:left; width:100%; height:250px; display: block;}
.indpract2 {float:left; width:100%; text-align:center;}
.indpract2 button {background:#172B54; color:#fff; padding:5px 20px; border-radius:10px; }

.indcount {float:left; width:100%; text-align:center; margin:20px 0; padding:30px 1%; background-color: rgba(34,34,34,0.8);}
.indcount li { float:left; width:25%; padding:5px;}
.indcount1 {float:left; width:100%; background: #fff; box-shadow: 0px 0px 38px -8px rgba(0,0,0,0.34); padding:10px 1%;}
.indcount1 i {font-size:50px; line-height:80px;}
.indcount1 .counting {font-size:35px; line-height:50px; color: #e8b12d;}
.indcount1 h5 {font-size:25px; line-height:40px;}
/*********************** Index CSS Close ****************************/

.parea {float:left; width:100%; padding:1% 2%;}
.parea li {list-style:none; float:left; width:25%; padding:5px; margin-bottom:20px;}
.parea1 {float:left; width:100%; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.parea1 img {float:left; width:100%; height:200px;}
.parea1 h4 {float:left; width:100%; padding:5px; line-height:25px; font-size:16px;}
.parea2 { background-color: rgba(34,34,34,0.8); margin-top:-240px; height:240px; width:100%; float:left; visibility: hidden; padding:5px;}
.parea2 p { text-align:justify; color:#fff; line-height:25px;  font-size:18px;}
.parea2 aa {float:left; width:100%; text-align:center; color:#efae4a; line-height:30px;}
.parea2 aa i {font-size:12px; padding-left:5px;}
.parea1:hover + .parea2 {opacity: 1; visibility: visible; pointer-events: none;}
.parea2 bb {text-align:center; width:25%; float:left; line-height:25px;}
.parea2 bb i {padding:5px; border-radius:5px; font-size:20px; color:#fff; cursor:pointer;}
/*********************** Practice area Close****************************/