/* Fonts */

@import url("../https/fontsgoogleapiscom/4653117.css;400;500;700&display=swap");



html,

body,

div,

span,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

q,

em,

img,

small,

strong,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend {

  border: 0;

  outline: 0;

  margin: 0;

  padding: 0;

  font-size: 100%;

  vertical-align: baseline;

  background: transparent;

}

body {

  line-height: 1;

}

ol,

ul {

  list-style: none;

}

:focus {

  outline: 0;

}

input,

textarea {

  margin: 0;

  outline: 0;

}

textarea {

  overflow: auto;

  resize: none;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

/* End Reset */



html {

  scroll-behavior: smooth;

}



/* html5 */

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

nav,

section {

  display: block;

}



/* Default Font Styles

______________________*/

body,

input,

select,

textarea {

  font-family: "Yantramanav", sans-serif;

  font-weight: 400;

  font-size: 12px;

  color: #eaeaea;

  line-height: 1.3;

}



/* Headings

______________________*/

h1 {

  font-family: "Cantata One", serif;

  font-size: 50px;

  color: #fff;

  padding-bottom: 20px;

  font-weight: 700;

  text-transform: uppercase;

  line-height: 1.5;

  letter-spacing: 5px;

}

h2 {

  font-family: "Cantata One", serif;

  font-size: 30px;

  color: #1d1d1d;

  padding-bottom: 20px;

  font-weight: 700;

  text-transform: capitalize;

}

h3 {

  font-size: 20px;

  color: #1d1d1d;

  padding-bottom: 20px;

  font-weight: 700;

  text-transform: capitalize;

}



/* Links

______________________*/

a {

  -webkit-transition: 0.1s ease-out 0.1s;

  -moz-transition: 0.1s ease-out 0.1s;

  transition: 0.1s ease-out 0.1s;

}

a:hover {

  text-decoration: underline;

}



.align-right {

  float: right;

  margin: 0 0 18px 30px;

  border: 1px solid #dcdcdc;

}

.align-left {

  float: left;

  margin: 0 30px 18px 0;

  border: 1px solid #dcdcdc;

}



/* input , textarea , button

______________________*/



input,

textarea,

select {

  display: block;

  width: 100%;

  border: none;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -o-border-radius: 4px;

  border-radius: 4px;

  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

  padding: 15px;

  color: #1d1d1d;

  font-size: 14px;

  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);

}

select {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  background: #ffffff url(../images/downicon_png.html) no-repeat 98% center / 16px

    10px;

  cursor: pointer;

  padding: 10px 30px 11px 14px;

  color: #838eab;

}

input:focus,

select:focus {

  border-color: #66afe9;

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,

    0 0 8px rgba(102, 175, 233, 0.6);

}



.defaultbtn,

.blackbtn,

.whitebtn {

  background: #a89066;

  border-radius: 5px;

  color: #fff;

  text-align: center;

  padding: 15px;

  font-size: 14px;

  display: block;

  line-height: 1;

  text-decoration: none;

  border: 1px solid transparent;

  -webkit-transition: 0.1s ease-out 0.1s;

  -moz-transition: 0.1s ease-out 0.1s;

  transition: 0.1s ease-out 0.1s;

}

.defaultbtn:hover {

  background: none;

  border: 1px solid #a89066;

  color: #fff;

  text-decoration: none;

}

.blackbtn {

  background: #1d1d1d;

  border-radius: 5px;

  color: #fff;

}

.blackbtn:hover {

  background: none;

  border: 1px solid #1d1d1d;

  color: #fff;

  text-decoration: none;

}

.whitebtn {

  background: #fff;

  border-radius: 5px;

  color: #1d1d1d;

}







.whitebtn:hover {

  background: none;

  border: 1px solid #fff;

  color: #fff;

  text-decoration: none;

}

/* Navigation

______________________*/

.navbar-header {

  float: right;

  display: none;

}

.navbar-header .collapse-button {

  background: #a89066;

  border: none;

  height: 38px;

  transition: all 450ms ease-out 0s;

  width: auto;

  vertical-align: middle;

  border-radius: 3px;

  padding: 10px;

}

.navbar-header .collapse-button span {

  display: block;

  width: 25px;

  height: 3px;

  margin-bottom: 5px;

  background: #ffffff;

}

.navbar-header em {

  display: inline-block;

  font-style: normal;

  margin: 3px 0 0 5px;

  vertical-align: middle;

  font-weight: 600;

  font-size: 14px;

  text-transform: uppercase;

}

#menu {

  display: inline-block;

  margin-top: 7px;

}

#menu li {

  display: inline-block;

  margin-right: 5px;

  position: relative;

}

#menu li:last-child {

  margin-right: 0;

}

#menu li a {

  display: block;

  padding: 10px 14px;

  font-size: 15px;

  font-weight: 600;

  color: #1d1d1d;

  text-decoration: none;

  border-radius: 5px;

  text-transform: uppercase;

}

#menu li a:hover,

#menu li a.active {

  background: #a89066;

  color: #fff;

}

#menu li .submenu {

  position: absolute;

  left: 50%;

  top: 39px;

  padding-top: 26px;

  min-width: 200px;

  text-align: center;

  transform: translate(-50%, 0);

  display: none;

}

#menu li .submenu ul {

  background: #a89066;

}

#menu li .submenu li {

  margin: 0;

  border-radius: 0;

  border-bottom: 1px solid #8c7957;

  display: block;

}

#menu li .submenu li a {

  border-radius: 0;

  color: #1d1d1d;

  text-transform: capitalize;

  background: none;

  font-size: 13px;

  padding: 15px;

}

#menu li:hover a,

#menu li .submenu li:hover a,

#menu li .submenu li a.active {

  background: #a89066;

  color: #fff;

}

#menu li.dropmenu::after {

  content: "\f107";

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  display: inline-block;

  color: #1d1d1d;

  position: absolute;

  right: 7px;

  top: 50%;

  background-size: 100% auto;

  transform: translate(0, -50%);

}

#header .longmenu {

  position: absolute;

  left: 50%;

  min-width: 200px;

  width: 100%;

  text-align: center;

  transform: translate(-50%, 0);

  display: none;

  padding: 0 20px;

}

#header .longmenu.active {

  display: block;

}

#header .longmenu .menuwrap {

  background: #a89066;

  padding: 20px 10px;

  text-align: left;

}

#header .longmenu li {

  display: list-item;

  list-style: disc;

  margin: 0;

  color: #1d1d1d;

}

#header .longmenu ul {

  padding-left: 20px;

}

#header .longmenu li a {

  background: none;

  color: #1d1d1d;

  display: block;

  text-transform: capitalize !important;

  padding: 10px 0;

  font-size: 13px;

  font-weight: 600;

  text-decoration: none;

}

#header .longmenu li:hover a,

#header .longmenu li a.active {

  background: #a89066;

  color: #fff;

  border-radius: 0;

}

#header .longmenu .col-sm-2,

#header .longmenu .col-sm-3,

#header .longmenu .col-sm-6 {

  border-right: 1px solid #8c7957;

}

#header .longmenu h2 {

  font-size: 18px;

  margin-bottom: 15px;

  padding: 10px 20px;

  text-transform: uppercase;

  background: #1d1d1d;

  color: #fff;

}

#header .longmenu h3 {

  font-size: 16px;

  border-bottom: 1px solid #8c7957;

  margin-bottom: 10px;

  padding: 0 20px 10px;

  text-transform: uppercase;

}



#header {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  z-index: 9;

}

.headertop {

  background: #1d1d1d;

  padding: 20px 0;

}

.headertop .timing {

  padding-top: 5px;

}

.headertop .timing i {

  display: inline-block;

  vertical-align: text-bottom;

  margin-right: 10px;

  font-size: 14px;

  line-height: 1;

}

.headertop .timing span {

  display: inline-block;

  vertical-align: middle;

  font-size: 14px;

  line-height: 1;

}



.menutop {

  padding: 10px 10px;

  font-size: 14px;

  text-decoration: none;

}



.headerbuttons {

  background: #a89066;

  border-color: #a89066;

  font-size: 14px;

  padding: 7px 15px 7px 15px;

  display: block;

  width: 100%;

}



.btn-check:focus + .btn-secondary,

.btn-secondary:focus {

  color: #fff;

  background-color: #a89066;

  border-color: #a89066;

  box-shadow: none;

}



.dropdown-toggle::after {

  display: inline-block;

  margin-left: 0;

  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;

}



.headerbuttons:hover {

  background-color: transparent;

  border-color: #a89066;

}



.headerbuttons:active {

  background-color: transparent;

  border-color: #a89066;

}



.hcbutton {

  padding: 10px 10px;
  font-size: 14px;

}





.HighCourtbuttons {

  color: #fff;

  background-color: #a89066;

  border-color: #a89066;

  padding: 18px 0px 17px 0px;

  font-size: 20px;

  font-weight:500;

  display: block;

  width: 100%;
  
  border-radius:0px;
}


.lawandjustice
{
	border-radius:0px;
	padding: 22px 0px 23px 0px;
	font-size:20px;
	font-weight:500;
	background:black;
	color:white;
}

.lawandjustice:hover
{
	background:#a89066;
	color:white;
}


.HighCourtbuttons:hover {

  color: black;

  background-color: transparent;

  border-color: #a89066;

}




.HighCourtbuttons::after {

  margin-left: 0;

}



.headertop .infobox i {

  display: inline-block;

  vertical-align: middle;

  font-size: 28px;

  line-height: 1;

  width: 13%;

  margin-right: 0px;

}

.headertop .infobox .infodetail {

  display: inline-block;

  vertical-align: middle;

  width: 80%;

}

.headertop .infobox .infodetail span,

.headertop .infobox .infodetail a {

  font-size: 10px;

  line-height: 1;

  display: block;

  text-transform: uppercase;

}

.headertop .infobox .infodetail a {

  font-size: 18px;

  text-decoration: none;

  text-transform: inherit;

  color: #eaeaea;

  margin-top: 5px;

}

.headertop .defaultbtn {

  padding: 10px;

}

.headerbot {

  background: rgba(255, 255, 255, 0.8);

  padding: 15px 0;

}

.headerbot .logo a {

  background: url(../images/logo.png) no-repeat;

  background-size: 100% auto;

  text-decoration: none;

  display: block;

  width: 165px;

  height: 51px;

}



#mainbanner {

  background: url(../images/mainbanner.png) no-repeat center top;

  background-size: cover;

  height: 95vh;

  position: relative;

  background-attachment: fixed;

}

#mainbanner .container {

  position: relative;

  height: 100%;

}



.modal-header {

  background: none;

  border: none;

}



.modal-content {

  background: none;

}

.modal-header .btn-close {

  color: #fff;

  font-size: 35px;

  font-weight: 800;

  padding: 0;

  opacity: 1;

  margin-bottom: 0 !important;

  text-align: right;

  background: none;

  border: none;

}



.Backtopage {

  background: none !important;

}



.content h2 {

  color: #fff;

  font-size: 35px;

}



.modalbackground {

  background: rgba(0, 0, 0, 0.8);

}



.sectioncontent a {

  background: #a89066;

  border-radius: 5px;

  color: #fff;

  text-align: center;

  padding: 15px;

  font-size: 14px;

  display: block;

  line-height: 1;

  text-decoration: none;

  border: 1px solid transparent;

}



.paragraphs p {

  font-size: 20px !important;

  line-height: 1.4 !important;

}



.sectioncontent a:hover {

  background: #fff;

  color: #a89066;

  border: #a89066 1px solid;

}

.sectioncontent h2 {

  font-size: 22px;

  padding-top: 20px;

  padding-bottom: 15px !important;

}



.sectioncontent p {

  padding: 0 10px !important;

}



.content h3 {

  color: #fff;

  font-weight: 400;

}



.back-btn {

  padding-bottom: 10px;

  cursor: pointer;

}



.back-btn a {

  font-size: 16px;

  color: #a89066 !important;

}



.content p {

  font-size: 18px;

  line-height: 28px;

  text-align: justify;

  padding-bottom: 20px;

}

.modal-header button {

  float: right;

}



#mainbanner::before {

  content: "";

  display: block;

  background: rgba(0, 0, 0, 0.7);

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.mainbanner-content {

  position: absolute;

  text-align: left;

  width: 60%;

  margin: 0 auto;

  left: 0;

  top: 62%;

  transform: translate(0, -50%);

}



.mainbanner-content h2 span {

  text-transform: lowercase;

  color: white !important;

}



#services-detail h2 span {

  text-transform: lowercase;

}



.mainbanner-content p {

  font-size: 16px;

  line-height: 24px;

  margin-bottom: 30px;

  text-transform: uppercase;

}

.mainbanner-content .mainbanner-btn a {

  display: inline-block;

  margin-right: 20px;

  min-width: 200px;

  text-transform: uppercase;

}

.mainbanner-content .mainbanner-btn a:last-child {

  margin-right: 0;

}

.mainbanner-bot {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

}

.otheroffer-content {

  background: #a89066;

  padding: 20px 40px;

}

.otheroffer-content a {

  text-decoration: none;

}

.otheroffer-content .offer-icon {

  display: inline-block;

  width: 50px;

  text-align: center;

  vertical-align: middle;

}

.otheroffer-content .offer-icon i {

  font-size: 30px;

  color: #fff;

}

.otheroffer-content .offer-content {

  display: inline-block;

  width: 80%;

  vertical-align: middle;

}

.otheroffer-content .offer-content span {

  display: block;

  font-size: 24px;

  color: #fff;

  letter-spacing: 2px;

  font-weight: 500;

}

.otheroffer-content .offer-content em {

  display: block;

  font-style: normal;

  color: #fff;

}

.otheroffer-content.white-offer {

  background: #fff;

}

.otheroffer-content.white-offer .offer-icon i {

  color: #a89066;

}

.otheroffer-content.white-offer .offer-content span,

.otheroffer-content.white-offer .offer-content em {

  color: #a89066;

}

.otheroffer-content.black-offer {

  background: #1d1d1d;

}

.otheroffer-content.black-offer .offer-content span,

.otheroffer-content.black-offer .offer-content em,

.otheroffer-content.black-offer .offer-icon i {

  color: #fff;

}



#abouthome {

  background: #efefef url(../images/fdfdf.png) no-repeat right top;

  background-size: 100% auto;

  padding: 60px 0;

  text-align: center;

}

#abouthome .defaultbtn {

  display: inline-block;

  margin: 0 auto;

  text-transform: capitalize;

  letter-spacing: 3px;

  min-width: 200px;

}

.imagesizing {

  overflow: hidden;

}

#abouthome .defaultbtn:hover {

  color: #a89066;

}

.paragraphs {

  padding-top: 50px;

}

#abouthome h2 {

  text-align: center;

  padding-bottom: 50px;

}

.image-wrapper img {

  width: 100%;

  display: block;

  height: auto;

}

#abouthome h2 span {

  display: block;

  font-size: 20px;

  padding: 10px 0;

}

#abouthome .abouthome-img {

  border-radius: 50%;

  border: 2px solid #b79858;

  width: 80px;

  height: 80px;

  margin: 0 0 20px 0;

  box-shadow: 0px 0px 8px 2px rgb(0 0 0 / 15%);

  position: absolute;

  right: 20px;

  top: 20px;

}

#abouthome .abouthome-img img {

  display: block;

  width: 100%;

  height: auto;

}

#abouthome p {

  font-size: 14px;

  line-height: 20px;

  margin-bottom: 15px;

  color: #1d1d1d;

  text-align: justify;

}

#abouthome p:last-child {

  margin: 0;

}

#abouthome ul {

  padding-left: 30px;

  text-align: left;

}

#abouthome li {

  display: list-item;

  list-style: disc;

  font-size: 14px;

  line-height: 25px;

  margin-bottom: 5px;

  color: #1d1d1d;

}

#abouthome .abouthome-content {

  background: #fff;

  padding: 50px 30px 30px 30px;

  box-shadow: 0px 0px 8px 2px rgb(0 0 0 / 10%);

  border-radius: 10px;

  height: 100%;

  position: relative;

}

#abouthome .container > .row {

  margin-bottom: 50px;

}

#abouthome .container > .row:last-child {

  margin-bottom: 0;

}

#abouthome h3 {

  padding-bottom: 40px;

  text-align: left;

}

#sectorindustury,

#sectorservices {

  background: #fff;

  padding: 60px 0;

}

#sectorindustury h2,

#sectorservices h2 {

  text-align: center;

  padding-bottom: 20px;

  color: #1d1d1d;

}

#sectorindustury span,

#sectorservices span {

  display: block;

  font-size: 20px;

  padding: 10px 0;

  text-align: center;

  color: #a89066;

}

#sectorindustury p,

#sectorservices p {

  font-size: 16px;

  line-height: 26px;

  margin-bottom: 40px;

  color: #1d1d1d;

  text-align: center;

}

.sectorscontent .sector-box {

  border: 1px solid #a89066;

  border-radius: 4px;

  background: #a89066;

  margin-bottom: 40px;

  padding: 2px;

}

.sectorscontent .sector-box .logoicon {

  background: url(../images/logoicon.png) no-repeat center top;

  background-size: 100% auto;

  width: 50px;

  height: 46px;

  margin: 0 auto 20px;

  -webkit-transition: 0.2s ease-out 0.2s;

  -moz-transition: 0.2s ease-out 0.2s;

  transition: 0.2s ease-out 0.2s;

}

.sectorscontent .sector-box a {

  font-size: 16px;

  color: #1d1d1d;

  text-align: center;

  text-decoration: none;

  display: block;

  font-weight: 600;

  background: #fff;

  padding: 50px 10px;

  border-radius: 4px;

  border: 1px solid #a89066;

  box-shadow: 0px 0px 11px 6px rgb(10 0 0 / 5%) inset;

}

.sectorscontent .sector-box:hover {

  border-color: #a89066;

}

.sectorscontent .sector-box:hover .logoicon {

  transform: scale(1.2);

}

.sectorscontent > .row {

  margin-bottom: 30px;

}

.sectorcontent-slider .owl-dots {

  text-align: center;

  padding: 30px 0 0 0;

}

.sectorcontent-slider .owl-dot {

  background: #d4d4d4 !important;

  border-radius: 50%;

  width: 10px;

  height: 10px;

  display: inline-block;

  margin: 0 3px;

  vertical-align: middle;

}

.sectorcontent-slider .owl-dot.active {

  background: #1d1d1d !important;

  width: 15px;

  height: 15px;

}

#ourteam {

  background: url(../images/sup-court.jpg) no-repeat center top;

  background-size: cover;

  padding: 60px 0;

  position: relative;

  text-align: center;

  background-attachment: fixed;

}

#ourteam::before {

  content: "";

  display: block;

  background: rgba(0, 0, 0, 0.8);

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

#ourteam .teamcontent {

  position: relative;

}

#ourteam .teamcontent span {

  display: block;

  font-size: 20px;

  padding: 10px 0;

  text-align: center;

  color: #a89066;

}

#ourteam .teamcontent h2 {

  text-align: center;

  padding-bottom: 20px;

  color: #fff;

}

#ourteam .teamcontent p {

  font-size: 16px;

  line-height: 26px;

  margin-bottom: 40px;

  color: #fff;

  text-align: center;

}

.teammember {

  padding-top: 20px;

}

.teammember .member-img img {

  display: block;

  width: 100%;

  height: auto;

  filter: grayscale(100%);

  border-radius: 5px 5px 0 0;

  cursor: pointer;

}

.teammember .member-detail {

  background: #fff;

  padding: 30px 30px 0 30px;

  text-align: center;

  min-height: 160px;

  border-radius: 0 0 5px 5px;

  border: 1px solid #a89066;

  cursor: pointer;

}

.teammember .member-detail h5 {

  font-family: "Cantata One", serif;

  font-size: 20px;

  color: #1d1d1d;

  padding-bottom: 10px;

  font-weight: 700;

  text-transform: capitalize;

  line-height: 30px;

}

.teammember .member-detail span {

  display: block !important;

  font-size: 16px !important;

  color: #a89066 !important;

  font-weight: 500 !important;

}



.ModelLogos {

  color: white;

  font-size: 25px;

  margin-left: 10px;

}



.ModelLogos li {

  display: inline;

  float: right;

}



.ModelLogos a i {

  margin-left: 15px;

  color: white;

}



.bottomstrip {

  position: absolute;

  bottom: 0%;

  left: 0;

  width: 100%;

  background: rgb(0 0 0 / 50%);

  padding: 15px 0px;

}



.bottomstrip ul li {

  display: inline-block;

}



.paddingborder {

  margin-bottom: 35px;

  padding-bottom: 20px;

  border-bottom: 1px solid #707070;

}



.bottomstrip ul li a {

  color: white;

  font-size: 25px;

  padding: 0px 15px;

}



.content ul li {

  display: inline-block;

}



.bottomstrip:hover {

  height: 100%;

  text-align: center;

  padding-top: 200px;

}



.member-img {

  position: relative;

}

.teammember .member-img:hover img {

  filter: grayscale(0);

}

#ourteam .defaultbtn {

  display: inline-block;

  margin: 40px auto 0;

  text-transform: capitalize;

  letter-spacing: 3px;

  min-width: 200px;

}

#sectorservices .sectorscontent .sector-box {

  border: none;

  background: none;

  border-radius: 0;

  margin: 0;

  padding: 0;

}

#sectorservices .sectorscontent .sector-box a {

  padding: 10px;

  position: relative;

  display: block;

}

#sectorservices .sectorscontent .sector-box .logoicon {

  position: absolute;

  left: 8px;

  top: 7px;

  margin: 0;

  width: 30px;

  height: 30px;

  transition: none;

  transform: none !important;

  background-size: 100% auto;

}

#sectorservices .sectorscontent > .row {

  margin-bottom: 40px;

}

#homeform {

  background: url(../images/contactbg.jpg) no-repeat center;

  background-size: cover;

  padding: 70px 0;

  text-align: center;

}

#homeform p {

  font-size: 16px;

  line-height: 26px;

  margin-bottom: 40px;

  color: #a89066;

  text-align: center;

}

#homeform h2 {

  line-height: 1.5;

  color: #fff;

}

#homeform form {

  padding: 0 20%;

  text-align: center;

}

#homeform form .row {

  margin-bottom: 30px;

}

#homeform button {

  margin: 0 auto;

}

#homeform button:hover {

  color: #a89066;

}

#abouthome.innerwhy {

  background: #fff url(../images/fdfdf.png) no-repeat right top;

  background-size: 100% auto;

}

#abouthome.innerwhy .container > .row {

  margin-bottom: 30px;

}

#abouthome.innerwhy .container > .row:last-child {

  margin-bottom: 0;

}

#innerbanner {

  background-size: 100% auto !important;

  background-repeat: no-repeat !important;

  padding-top: 300px;

  position: relative;

  background-attachment: fixed !important;

}

#innerbanner::before {

  content: "";

  display: block;

  background: rgba(0, 0, 0, 0.8);

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

#innerbanner .mainbanner-content {

  transform: none;

  width: 100%;

  text-align: center;

  position: relative;

}

#innerbanner .mainbanner-content h2 {

  color: #fff;

  text-transform: uppercase;

  letter-spacing: 4px;

  margin-top: 5px;

}

#innerbanner .mainbanner-content span {

  color: #a89066;

}

#aboutcontent {

  padding: 60px 0;

}

#aboutcontent h2 {

  margin-bottom: 20px;

}

#aboutcontent p {

  font-size: 16px;

  line-height: 22px;

  margin-bottom: 30px;

  color: #1d1d1d;

  text-align: justify;

}

#aboutcontent .aboutimg {

  border-radius: 10px;

  overflow: hidden;

  box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 40%);

}

#aboutcontent .aboutimg img {

  display: block;

  width: 100%;

  height: auto;

}

#ourteam.aboutteam .teammember > .row {

  margin-bottom: 20px;

}

#ourteam.aboutteam .teammember > .row:last-child {

  margin-bottom: 0;

}

.corporate-sec {

  background: #efefef;

}

.corporate-sec .questions {

  padding-bottom: 40px;

}

.corporate-sec .questions ul {

  padding-left: 30px;

  text-align: left;

}

.corporate-sec .questions li {

  display: list-item;

  list-style: disc;

  font-size: 14px;

  line-height: 25px;

  margin-bottom: 5px;

  color: #1d1d1d;

}

.corporate-sec .questions p {

  margin-bottom: 20px !important;

}

#services-detail {

  padding: 60px 0;

  background: #efefef;

  text-align: center;

}

#services-detail h2 {

  text-transform: uppercase;

  padding-bottom: 40px;

}

#services-detail p {

  font-size: 16px;

  line-height: 26px;

  margin-bottom: 25px;

  color: #1d1d1d;

  padding: 0 100px;

}

#services-detail .defaultbtn {

  display: inline-block;

  margin: 0 auto;

  text-transform: capitalize;

  letter-spacing: 3px;

  min-width: 200px;

}

#services-detail .defaultbtn:hover {

  color: #a89066;

}



#officeaddress {

  padding: 60px 0;

}

#officeaddress .googlemap {

  height: 400px;

}

#officeaddress .googlemap iframe {

  display: block;

  width: 100%;

  height: 100%;

  filter: grayscale(100%);

}

#officeaddress .googlemap:hover iframe {

  filter: grayscale(0);

}

#officeaddress .offices {

  padding: 60px 40px;

  height: 100%;

  position: relative;

}



#SupremeCourtButton
{
	width:100%;
       	padding: 18px 0px 17px 0px;
	border-radius:0px;
	font-size:20px;
	font-weight:500;
	background:white;
	border-color:1px solid #a89066;
	color:#a89066;


}


#courtslinks .row
{
    --bs-gutter-x: 0px !important; 
    --bs-gutter-y: 0;
}

#SupremeCourtButton:hover
{
color:black;
}
#officeaddress .offices h3 {

  font-size: 25px;

  color: #fff;

  text-transform: uppercase;

}

#officeaddress .offices p {

  font-size: 16px;

  line-height: 26px;

  margin-bottom: 25px;

  color: #fff;

}

#officeaddress .offices p a {

  display: inline-block;

  color: #a89066;

  margin: 0 5px;

}

#officeaddress .offices.sc-isl {

  background: url(../images/sc-isl.jpg) no-repeat center;

  background-size: cover;

}

#officeaddress .offices.lah-hc {

  background: url(../images/lahorhc.jpg) no-repeat center;

  background-size: cover;

}

#officeaddress .offices.lah-hc {

  background: url(../images/lahorhc.jpg) no-repeat center;

  background-size: cover;

}

#officeaddress .offices.mul-hc {

  background: url(../images/multanhighcourt.jpg) no-repeat center;

  background-size: cover;

}

#officeaddress .offices.kar-hc {

  background: url(../images/sindhhighcourt.jpg) no-repeat center;

  background-size: cover;

}

#officeaddress .offices::before {

  content: "";

  display: block;

  background: rgba(0, 0, 0, 0.8);

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

#officeaddress .officescontent {

  position: absolute;

  top: 50%;

  transform: translate(0, -50%);

}



#gallerywrap {

  padding: 60px 0;

}

#gallerywrap .box a {

  display: block;

}



#gallerywrap .box {

	margin-bottom: 10px;

}



.Eventbox{

	margin-bottom: 10px;

}



#gallerywrap .box img {

  display: block;

  width: 100%;

  height: auto;

}

#gallerywrap .row {

  margin-bottom: 30px;

}

.photo-zoom {

  outline: 0;

  overflow: hidden;

  position: relative;

  display: block;

  height: 200px;

}

/* .photo-zoom img {

	position: absolute;

	left: 50%;

	top: 50%;

	width: 100%;

	height: auto;

	-webkit-transform: translate(-50%, -50%);

			transform: translate(-50%, -50%);

  } */



#footer {

  padding: 40px 0 0 0;

}

#footer h5 {

  font-family: "Cantata One", serif;

  font-size: 16px;

  color: #1d1d1d;

  padding-bottom: 20px;

  font-weight: 700;

  text-transform: uppercase;

}

#footer p {

  font-size: 14px;

  line-height: 25px;

  color: #1d1d1d;

  text-align: justify;

}

#footer li {

  display: block;

  margin-bottom: 5px;

}

#footer li a {

  display: block;

  text-decoration: none;

  font-size: 14px;

  color: #1d1d1d;

}

#footer li a:hover,

#footer li a.active {

  color: #a89066;

  text-decoration: underline;

}

#footer .socialmedia {

  padding-top: 10px;

}

#footer .socialmedia li {

  display: inline-block;

  margin: 0;

}

#footer .socialmedia li i {

  font-size: 22px;

  color: #a89066;

}



#footer .socialmedia li a

{

  margin-right: 10px;

}

 .dropdown-menu 
{
width:33.3% !important;
text-align:center;
}




#footer span {

  display: inline-block;

  font-size: 14px;

  line-height: 25px;

  color: #1d1d1d;

  padding-bottom: 5px;

}

#footer span em {

  font-style: normal;

}

#footer span a {

  color: #a89066;

}

#footer .footer-bot {

  padding: 20px 0;

  border-top: 1px solid #ddd;

  text-align: center;

  margin-top: 20px;

}

#footer .footer-bot p {

  text-align: center;

}



.fl {

  float: left;

}

.fr {

  float: right;

}

.cl {

  clear: both;

  font-size: 0;

  height: 0;

}

.clearfix:after {

  clear: both;

  content: " ";

  display: block;

  font-size: 0;

  line-height: 0;

  visibility: hidden;

  width: 0;

  height: 0;

}



/* Alignments */

.center {

  text-align: center;

}

.right {

  text-align: right;

}

.top {

  vertical-align: top;

}

.middle {

  vertical-align: middle;

}



/* Responsive */

@media (max-width: 1400px) {

}

@media (max-width: 1024px) {
  
  .otheroffer-content {

    padding: 20px 10px;

  }



  #footer h5 {

    font-size: 15px;

  }

}



@media (max-width: 768px) {

  .modal-body p {

    padding-top: 30px;

  }



  .forheadingpadding h2 {

    padding-bottom: 15px !important;

  }



  #services-detail .col-lg-4:nth-child(2) {

    margin-bottom: 30px !important;

  }

  .forheadingpadding a {

    margin-bottom: 30px;

  }



  .headertop .infobox i {

    font-size: 20px;

  }

  .headerbuttons {

    padding: 12px 15px 12px 15px;

  }

  #menu li a {

    padding: 10px 5px;

  }



  h1 {

    font-size: 29px;

  }



  .teammember .member-detail h5 {

    font-size: 15px;

    line-height: 22px;

  }

  .teammember .member-detail span {

    font-size: 14px !important;

  }

  .teammember .member-detail h5 {

    padding-bottom: 0px;

  }

  .sectorscontent .sector-box a {

    font-size: 15px;

    padding: 13px !important;

  }



  .otheroffer-content .offer-icon i {

    font-size: 22px;

    padding-bottom: 7px;

  }

  .otheroffer-content .offer-content span {

    font-size: 17px;

  }

  .otheroffer-content .offer-content em {

    font-size: 11px;

    padding-top: 5px;

  }

  .otheroffer-content {

    padding: 20px 10px;

    text-align: center;

  }



  #footer p {

    font-size: 13px;

    line-height: 1.3;

  }

  #footer li a {

    font-size: 12px;

    line-height: 1.4;

  }



  #footer span {

    font-size: 11px;

    line-height: 1.5;

  }

  #officeaddress {

    padding: 0px 0px;

  }

  #officeaddress .offices {

    padding: 60px 0px;

    text-align: center;

  }

  #gallerywrap .box img {

    display: block;

    width: 100%;

    height: 200px;

  }

} /*for ipad*/

/* Career Page */
#careerpage{
  background: #f3f3f3;
  padding: 70px 0;
}
#careerpage #homeform{
  background: none;
  padding: 0;
}
#careerpage h2{
  color: #1d1d1d;
}
#careerpage span{
  color: #1d1d1d;
  font-size: 14px;
  padding:0 20% 20px 20%;
  display: block;
  line-height: 24px;
}
#careerpage input{
  background: #fff;
  padding: 10px 15px;
}
#careerpage .defaultbtn{
  padding: 15px 30px;
}


@media (max-width: 420px) {

  




.HighCourtbuttons
{
font-size:16px;
margin-bottom:15px;
}

#SupremeCourtButton
{

font-size:16px;
margin-bottom:15px;
}

.lawandjustice
{
font-size:16px;
margin-bottom:15px;

}
.dropdown-menu 
{
width:100% !important;
text-align:center;
}


  .sectorscontent .owl-dots {

    display: none;

  }

  

  #mainbanner {

    background: url(../images/mainbanner.png) no-repeat 78% center;

    background-size: cover;

    background-attachment: fixed;

  }



  .questions ul li:last-child {

    padding-bottom: 20px;

  }



  .mainbanner-content {

    position: absolute;

    text-align: center;

    width: 100%;

    padding: 10px 20px;

  }

  .mainbanner-content .mainbanner-btn a {

    display: inline-block;

    margin-right: 20px;

    min-width: 0px;

    font-size:12px;

  }


.mainbanner-content h1
{
 font-size:23px;
margin-bottom:20px;
}
.mainbanner-content p {
margin-bottom:40px;
}


.otheroffer-content .offer-content span {

	font-size:17px;
	margin-top:10px;
	margin-bottom:5px;
}

  .otheroffer-content {

    padding: 20px 0px;

    text-align: center;

    width: 100%;

    display: inline-block;
    
    height:175px;

  }

  #sectorindustury p,

  #sectorservices p {

    font-size: 12px;

  }

  #sectorindustury h2,

  #sectorservices h2 {

    font-size: 25px;

  }

  #abouthome h2 {

    font-size: 25px;

  }

  #abouthome h3 {

    padding-bottom: 35px;

    text-align: left;

    font-size: 17px;

  }

  .teammember .member-detail {

    min-height: 110px;

  }



  .otheroffer-content {

    width: 100%;

  }



  #otheroffersection .col-sm-4 {

    width: 33.3%;

  }

  #abouthome h2 span {

    font-size: 17px;

  }



  #abouthome h2 {

    font-size: 20px;

  }



  #abouthome .abouthome-img {

    width: 50px;

    height: 50px;

    margin: 12px 0 0px 0;

  }



  #abouthome p {

    font-size: 13px;

  }



  #abouthome .col-sm-6:first-child {

    margin-bottom: 15px;

  }

  #abouthome h2 {

    padding-bottom: 30px;

  }

  #abouthome {

    padding: 30px 0px;

  }



  #abouthome .container > .row {

    margin-bottom: 30px;

  }



  #ourteam .teamcontent h2 {

    font-size: 25px;

  }



  #ourteam .teamcontent p {

    font-size: 10px;

    line-height: 16px;

    margin-bottom: 10px;

  }



  #ourteam {

    padding: 40px 0px;

  }



  .sectorscontent .sector-box a {

    font-size: 13px;

    padding: 13px !important;

    margin-bottom: 12px;

    border: 1px solid #b79858;

  }

  .sectorscontent .sector-box a {

    font-size: 10px;

  }



  #sectorservices .sectorscontent > .row {

    margin-bottom: 0px;

  }



  #sectorindustury,

  #sectorservices {

    padding: 30px 0;

  }



  .sectorscontent .sector-box {

    font-family: "Cantata One", serif;

    font-size: 20px;

  }



  #sectorindustury .sectorscontent .sector-box a {

    margin-bottom: 0px;

  }



  #homeform .col-sm-6 {

    margin-bottom: 10px;

  }



  #sectorservices .justify-content-center {

    font-size: 9px;

  }

  #sectorservices .sectorscontent .sector-box .logoicon {

    margin-top: 5px;

    width: 20px;

    height: 20px;

  }



  #footer p {

    font-size: 12px;

    line-height: 1.1;

  }



  #footer h5 {

    padding-top: 15px;

  }

  #services-detail p {

    font-size: 13px !important;

    line-height: 1.3 !important;

    margin-bottom: 25px;

    color: #1d1d1d;

    padding: 0 30px;

  }



  .sectioncontent h2 {

    font-size: 20px;

  }



  .forheadingpadding h2 {

    padding-top: 20px;

    padding-bottom: 16px !important;

  }



  .sectioncontent a {

    margin-bottom: 50px;

  }



  #services-detail .mb-5 {

    margin-bottom: 0px !important;

  }



  #services-detail {

    padding: 40px 0px;

  }



  .sectioncontent a:last-child {

    margin-bottom: 50px;

  }



  #services-detail {

    padding: 30px 0px 0px 0px;

  }



  .paragraphs p {

    font-size: 13px !important;

    line-height: 1.3 !important;

  }



  #services-detail p:last-child {

    padding-bottom: 30px;

    margin-bottom: 0px;

  }



  #homeform form .row {

    margin-bottom: 0px;

  }



  #homeform button {

    margin: 0 auto;

    margin-top: 15px;

  }



  .teammember .col-sm-4 {

    margin-bottom: 20px;

  }



  #ourteam .defaultbtn {

    margin: 20px auto 0;

  }



  #sectorindustury h2,

  #sectorservices h2 {

    padding-bottom: 10px;

  }



  #homeform h2 {

    line-height: 1.5;

    color: #fff;

    font-size: 20px;

  }

  #aboutcontent h2 {

    margin-bottom: 20px;

    text-align: center;

  }



  #aboutcontent p {

    text-align: center;

    font-size: 14px;

  }



  #aboutcontent .offset-1 {

    margin-left: 0px;

  }

  #aboutcontent {

    padding: 30px 0;

  }

  #aboutcontent .aboutimg img {

    display: none;

  }



  #services-detail .defaultbtn {

    margin-bottom: 30px;

  }

  #sectorindustury p,

  #sectorservices p {

    margin-bottom: 20px;

    line-height: 15px;

  }



  .sectorcontent-slider .owl-dots {

    padding: 0px;

  }



  #innerbanner .mainbanner-content h2 {

    color: #fff;

    text-transform: uppercase;

    letter-spacing: 4px;

    margin-top: 5px;

    font-size: 20px;

  }

  #services-detail h2 {

    padding-bottom: 20px;

    font-size: 20px;

  }



  #officeaddress {

    padding: 0px;

  }



  #officeaddress .officescontent {

    position: absolute;

    top: 10%;

    transform: none;

  }



  #officeaddress .offices h3 {

    padding-bottom: 5px;

  }



  #officeaddress .offices p {

    font-size: 16px;

    line-height: 16px;

    margin-bottom: 10px;

  }



  #officeaddress .col-sm-3:nth-child(even) {

    padding-bottom: 30px !important;

  }



  #gallerywrap .col-sm-4 {

    margin-bottom: 20px;

  }



  #gallerywrap .row {

    margin-bottom: 0px;

  }



  #gallerywrap {

    padding: 30px 0;

  }

  .paragraphs {

    padding-top: 30px;

  }



  #abouthome.innerwhy .container > .row {

    margin-bottom: 15px;

  }



  .corporate-sec {

    text-align: center;

  }



  .corporate-sec .questions {

    padding-bottom: 0px;

  }



  .headerbot {

    padding-bottom: 0;

  }

  .headerbot .container > .row {

    position: relative;

  }

  .navbar-header {

    position: absolute;

    right: 15px;

    top: 6px;

    float: none;

    display: block;

  }

  .headerbot .nav {

    display: none;

  }

  #menu {

    display: block;

  }

  #menu ul {

    text-align: left;

    padding-top: 20px;

  }

  #menu li {

    display: block;

    margin: 0;

  }

  #menu li a {

    padding: 10px;

  }

  .headertop .col-sm-8 .col-sm-4 {

    display: inline-block;

    width: 50%;

    margin: 0 0 10px 0;

  }

  .headertop .col-sm-8 .col-sm-4:last-child {

    display: block;

    width: 100%;

    margin: 0;

  }

  .headertop .timing {

    text-align: center;

  }

  #homeform form {

    padding: 0 5%;

  }

  .headertop .infobox .infodetail {
    width: 40%;
  }

} /*iphone plus*/



@media (max-width: 320px) {




  .mainbanner-content h1 {

    padding-top: 120px;

    font-size: 13px;

  }



  .mainbanner-content p {

    font-size: 10px;

    line-height: 15px;

    margin-bottom: 10px;

  }



  .defaultbtn,

  .blackbtn,

  .whitebtn {

    font-size: 9px;

  }

}





.joinuscontent

{

  text-align: center;

}





.contentForm

{

  margin-top: 50px;

}



.content button

{

  margin-left: 445px; 

  padding: 15px 75px;

}



.contentForm .row

{

  justify-content: center;

}



.bottomspacing

{

  margin-bottom:50px;

}