body{font-family: "Inter", sans-serif; color:#1A2210}
:hover{transition: all 1s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease;}
.header-wrapper{background-color: rgb(68, 73, 76); border-bottom:solid 1px rgba(255,255,255,.1); position: fixed; top: 0px; width: 100%; z-index:1000;}
.header-wrapper .top-section{display:flex; gap:20px; padding:10px 48px; justify-content: end;}
.header-wrapper .top-section .connect{display:flex; gap:10px; color:#fff; position:relative; font-size:13px;}
.header-wrapper .top-section .connect:after{content:''; height:100%; width:1px; background:#fff; position:absolute; right:-10px;}
.header-wrapper .top-section .connect svg{width:100%; height:auto; width:20px; flex-shrink:0; fill:#fff;}
.header-wrapper .top-section .connect a:hover svg{fill:#f2780d;}
.header-wrapper .top-section .whatsapp{display:flex; gap:10px; color:#fff; font-size:13px;}
.header-wrapper .top-section .whatsapp a{display:flex; gap:10px; color:#fff; text-decoration:none;}
.header-wrapper .top-section .whatsapp svg{height:auto; width:20px; flex-shrink:0; fill:#fff;}
.header-wrapper .top-section .whatsapp:hover a{color:#f2780d;}
.header-wrapper .top-section .whatsapp:hover svg{fill:#f2780d;}
.header-wrapper .header{background:rgb(23, 30, 34); border-radius:25px 25px 0px 0px; padding:17px 48px;}
.header-wrapper .header .navbar-brand{width:150px;}
.header-wrapper .header .navbar-brand img{width:100%; height:auto;}
.header-wrapper .header .navbar-expand-lg .navbar-nav .nav-link{color:#fff; padding: 0px; position:relative;}
.header-wrapper .header .navbar-expand-lg .navbar-nav .nav-link::before{content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #f2780d; transition: width 0.35s ease;}
.header-wrapper .header .navbar-expand-lg .navbar-nav .nav-link:hover{color:#f2780d}
.header-wrapper .header .navbar-expand-lg .navbar-nav .nav-link:hover:hover::before {width: 100%;}
.header-wrapper .header .navbar-expand-lg .navbar-nav .nav-link.contact{background: #f2780d; color: #fff; border-radius: 5px; padding: 10px 25px;}
.header-wrapper .header .navbar-expand-lg .navbar-nav .nav-link.contact:hover{background: #c15d06;}
.header-wrapper .header .navbar-expand-lg .navbar-nav .nav-link.contact:before{display:none;}
.header-wrapper .header .navbar-expand-lg .navbar-collapse{justify-content: end;}
.header-wrapper .header .navbar-expand-lg .navbar-nav{gap:48px; align-items: center;}
.header-wrapper .header .navbar{padding:0px;}
.hero-section{width:100%; display:table; position:relative; height:calc(100% - 130px); margin-top:129px; }
.hero-section img{width:100%; height:auto;}
.hero-section .overlay{background: #171e22; background: linear-gradient(180deg, rgba(68, 73, 76, 1) 0%, rgba(68, 73, 76, .1) 100%); position:absolute; height:100%; top:0px; right:0px; bottom:0px; left:0px; z-index:100}
.hero-section .tagline{position: absolute; z-index: 100; top: 50%; left: 90px; margin-top:-195px; display:grid; gap:30px;}
.hero-section .tagline .text{color: #fff;  font-size: 100px; font-family: "Playfair", serif; line-height:80px; position:relative;}
.hero-section .tagline .text span{display:table; font-size:50px; line-height: normal;}
.hero-section .tagline .text:after{content:''; position:absolute; width:100px; height:2px; background:#f2780d; left:0px; bottom:-15px;}
.hero-section .tagline .text-2{color: #f2780d;  font-size: 100px; font-family: "Playfair", serif; line-height:80px;}
.hero-section .tagline .text-2 span{display:table; font-size:50px; line-height: normal;}
.hero-section .counts{position: absolute; bottom: 0px; left: 0px; z-index: 100; background: rgba(0,0,0,0.2); display: flex; padding: 15px 25px; gap: 50px; border-radius: 0px 25px 0px 0px;}
.hero-section .counts .count{display:flex; gap:10px; align-items: center;}
.hero-section .counts .count .icon{width:40px; flex-shrink:0;}
.hero-section .counts .count .icon svg{width:100%; height:auto; fill:#f2780d}
.hero-section .counts .count .text{display: grid; font-size: 14px; line-height: normal; color:#fff;}
.hero-section .counts .count .text span{font-size: 25px; font-weight: 700; color: #fff; font-family: "Playfair", serif;}
.hm-about-us{background:rgb(23, 30, 34); width:100%; overflow:hidden}
.hm-about-us .about-content{padding:80px; border-radius:25px 25px 0px 0px; background:#e7e6dd; display: flex; gap: 50px;}
.hm-about-us .about-content .left{background:rgba(255,255,255,0.5); padding:10px; border-radius:10px; box-shadow:0px 0px 10px rgba(0,0,0,0.4);}
.hm-about-us .about-content .left img{width:100%; height:Auto; border-radius:5px;}
.hm-about-us .about-content .right .heading{font-size:35px; font-weight:700; font-family: "Playfair", serif; position:relative; margin-bottom:15px;}
.hm-about-us .about-content .right .heading:before{content:''; width:50px; height:3px; background: #f2780d; position:absolute; left:0%; bottom:0px;}
.hm-about-us .about-content .right .text{font-size:16px;}
.hm-about-us .about-content .right .cta{display:flex; gap:20px; margin-top:20px;}
.hm-about-us .about-content .right .cta a{border-radius: 5px; background: #f2780d; color: #fff; padding: 7px 20px; text-decoration: none; border: solid 2px #f2780d;}
.hm-about-us .about-content .right .cta a:last-child{border-radius: 5px; background: transparent; color: #f2780d; padding: 7px 20px; text-decoration: none; border: solid 2px #f2780d;}

.hm-practice-area{background:#e7e6dd; width:100%; overflow:hidden}
.hm-practice-area .practice-area{padding:80px; border-radius:25px 25px 0px 0px; background:#fff;}
.hm-practice-area .practice-area .heading{font-size:50px; font-weight:700; font-family: "Playfair", serif; text-align:center; position:relative;  padding-bottom:10px; margin-bottom:20px; line-height:normal;}
.hm-practice-area .practice-area .heading:before{content:''; width:50px; height:3px; background: #f2780d; position:absolute; left:50%; bottom:0px;  margin-left:-25px;}
.hm-practice-area .practice-area .sub-heading{font-size:16px; text-align:center; margin:0 auto; max-width:750px; margin-bottom:40px;}
.hm-practice-area .practice-area .practices{display: flex; flex-wrap: wrap; gap: 30px; max-width:1280px; margin:0 auto;}
.hm-practice-area .practice-area .practices .box{background:#e7e6dd; border-radius:10px; text-decoration:none; width: calc((100% - 90px) / 4);}
.hm-practice-area .practice-area .practices .box .image img{width:100%; height:auto; border-radius:10px 10px 0px 0px;}
.hm-practice-area .practice-area .practices .box .other-details{padding:20px;}
.hm-practice-area .practice-area .practices .box .other-details .name{font-size: 18px; font-weight: 600; color: #171e22;}
.hm-practice-area .practice-area .practices .box .other-details .detail{font-size: 14px; color: #171e22; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.hm-practice-area .practice-area .practices .box.knwo-more{color: #000; padding: 20px; display: flex; flex-direction: column; justify-content: center; gap:10px; background:#fff; bordeR:solid 2px #e7e6dd}
.hm-practice-area .practice-area .practices .box.knwo-more .head{font-size: 20px; font-weight: 600;}
.hm-practice-area .practice-area .practices .box.knwo-more .desc{font-size: 14px;}
.hm-practice-area .practice-area .practices .box.knwo-more .cta{font-size: 14px; text-decoration:underline;}

.hm-legal-process{background:#fff; width:100%;}
.hm-legal-process .legal-process{padding:80px; border-radius:25px 25px 0px 0px; background: rgb(68, 73, 76) url(../images/img-process.png) no-repeat left top;}
.hm-legal-process .legal-process .sub-head{color:#fff; font-size:17px; font-weight:700;margin-bottom:10px; line-height:normal;  text-align:center;}
.hm-legal-process .legal-process .heading{color:#fff; font-size:50px; font-weight:700; font-family: "Playfair", serif; text-align:center; position:relative;  padding-bottom:10px; margin-bottom:20px; line-height:normal;}
.hm-legal-process .legal-process .heading:before{content:''; width:50px; height:3px; background: #f2780d; position:absolute; left:50%; bottom:0px;  margin-left:-25px;}
.hm-legal-process .legal-process .desc{font-size:16px; color:#fff; text-align:center; margin:0 auto; max-width:750px; margin-bottom:40px;}
.hm-legal-process .pointers{display: flex; justify-content: space-between; max-width:1200px; margin:0 auto; margin-top:50px; gap:20px;}
.hm-legal-process .pointers .point {align-items: center; justify-content: center; width: 224px; gap:10px; flex-shrink:0; position:relative;}
.hm-legal-process .pointers .point .icon:after{width: 145px; height: 2px; background: #f2780d; position: absolute; content: ''; right: -145px; top: 50%; margin-top: -1px;}
.hm-legal-process .pointers .point .icon{border-radius: 100px; border: solid 2px #f2780d; width: 100px; height: 100px; padding: 23px; margin:0 auto; margin-bottom:15px; position:relative;}
.hm-legal-process .pointers .point .icon svg{width:100%; height:auto; fill:#f2780d}
.hm-legal-process .pointers .point .name{color: #fff; font-weight: 600; font-size: 17px; text-align:Center;}
.hm-legal-process .pointers .point .text{color: #fff; font-weight: 400; font-size: 13px; text-align:Center;}
.hm-legal-process .pointers .point:last-child .icon:after{display:none;}

.hm-our-team{background:rgb(15 19 22); width:100%; overflow:hidden;}
.hm-our-team .team-section{padding:80px; border-radius:25px 25px 0px 0px; background: #1a2227;}
.hm-our-team .team-section .sub-head{color:#fff; font-size:17px; font-weight:700;margin-bottom:10px; line-height:normal;  text-align:center;}
.hm-our-team .team-section .heading{color:#fff; font-size:50px; font-weight:700; font-family: "Playfair", serif; text-align:center; position:relative;  padding-bottom:10px; margin-bottom:20px; line-height:normal;}
.hm-our-team .team-section .heading:before{content:''; width:50px; height:3px; background: #f2780d; position:absolute; left:50%; bottom:0px;  margin-left:-25px;}
.hm-our-team .team-section .desc{font-size:16px; color:#fff; text-align:center; margin:0 auto; max-width:770px; margin-bottom:40px;}
.hm-our-team .team-section .teams{display:flex; grid-template-columns: repeat(3, 1fr); gap: 30px; justify-content: space-around; max-width: 1200px; margin: 0 auto; align-items: center;}
.hm-our-team .team-section .teams .box{width: 433px; flex-shrink: 10; border-radius: 10px; background: rgba(0, 0, 0, .5); border: solid 1px #f2780d;}
.hm-our-team .team-section .teams .box .img {border-bottom: solid 1px #f2780d;}
.hm-our-team .team-section .teams .box .img img{width:100%; height:auto; border-radius:10px 10px 0px 0px;}
.hm-our-team .team-section .teams .box .name{padding:15px 15px 0px 15px; text-align:Center; font-size:20px; font-weight:600; color:#fff;}
.hm-our-team .team-section .teams .box .desc{padding:5px 15px 0px 15px; text-align:Center; font-size:13px; font-weight:600; color:#fff; margin-bottom:0px;}
.hm-our-team .team-section .teams .box .service-exp{display:grid; grid-template-columns: repeat(2, 1fr); gap:10px; row-gap:15px; padding:15px; margin-top:20px;}
.hm-our-team .team-section .teams .box .service-exp img{width:20px; height:auto;}
.hm-our-team .team-section .teams .box .service-exp .service{color:#fff; font-size: 12px;}
.hm-our-team .team-section .teams .box .service-exp .service a{float:right}
.hm-our-team .team-section .teams .box .service-exp .service a img{filter:invert(1); display:none;}
.hm-our-team .team-section .teams .other-team {width: 333px;}
.hm-our-team .team-section .teams .other-team .img{border-radius: 100px; border: solid 2px #f2780d; width: 100px; height: 100px; padding: 23px; margin-bottom:15px; position:relative;}
.hm-our-team .team-section .teams .other-team .img img{width:100%; height:auto; filter:invert(1)}
.hm-our-team .team-section .teams .other-team .head{color:#fff; font-size:27px; font-family: "Playfair", serif; margin-bottom:10px; position:relative;}
.hm-our-team .team-section .teams .other-team .head:before{content:''; width:50px; height:3px; background: #f2780d; position:absolute; bottom:0px;}
.hm-our-team .team-section .teams .other-team .text{color:#fff; font-size:16px;}
.hm-our-team .team-section .teams .other-team a{border-radius: 5px; background: #f2780d; color: #fff; padding: 7px 20px; text-decoration: none; border: solid 2px #f2780d; display:flex; margin-top:10px; width:150px;}

.hm-client-logos{background: rgb(68, 73, 76); width:100%;}
.hm-client-logos .client-content{padding:80px; border-radius:25px 25px 0px 0px; background:#e7e6dd;}
.hm-client-logos .client-content .heading{color:rgb(68, 73, 76);; font-size:50px; font-weight:700; font-family: "Playfair", serif; text-align:center; position:relative;  padding-bottom:10px; margin-bottom:20px; line-height:normal;}
.hm-client-logos .client-content .c-logos-slider{max-width:1100px; margin:0 auto;}
.hm-client-logos .client-content .c-logos-slider .item{background:rgb(68, 73, 76); padding:10px 20px; border-radius:10px;}

.hm-client-testimonials{background:#1a2227;}
.hm-client-testimonials .testimonial-content{padding:80px; border-radius:25px 25px 0px 0px; background:#fff;}
.hm-client-testimonials .testimonial-content .sub-head{color:rgb(68, 73, 76);; font-size:50px; font-weight:700; font-family: "Playfair", serif; text-align:center; position:relative;  padding-bottom:10px; margin-bottom:20px; line-height:normal;}
.hm-client-testimonials .box {padding: 32px; display: grid; gap: 20px; max-width: 1000px; margin: 0 auto; text-align: Center;}
.hm-client-testimonials .box .text {color: #171e22; font-size: 27px; font-style: italic;}
.hm-client-testimonials .box .name {border-top: solid 0px #fff; padding-top: 20px; color: #171e22; font-weight: 700; font-size: 22px; font-family: "Playfair", serif;}
.hm-client-testimonials .box .name span {display: table; color: #f2780d; font-weight: 500; width: 100%;}

.hm-call{background:#fff; width:100%;}
.hm-call .call-section{padding:80px; border-radius:25px 25px 0px 0px; background: rgb(23, 30, 34) url(../images/call-to-action.png) no-repeat right top; background-size: cover;}
.hm-call .call-section .content{max-width:700px;}
.hm-call .call-section .content .sub-text{color:#f2780d}
.hm-call .call-section .content .head{font-size: 55px; color: #fff; line-height: normal;}
.hm-call .call-section .content .head span{display: table; color: #f2780d;}
.hm-call .call-section .content .text {font-size:16px; color:#fff; margin-top:5px;}
.hm-call .call-section .content .cta{display:flex; gap:20px; margin-top:20px;}
.hm-call .call-section .content .cta a{border-radius: 5px; background: #f2780d; color: #fff; padding: 7px 20px; text-decoration: none; border: solid 2px #f2780d;}
.hm-call .call-section .content .cta a:last-child{border-radius: 5px; background: transparent; color: #f2780d; padding: 7px 20px; text-decoration: none; border: solid 2px #f2780d;}

.footer{padding:80px; background:rgb(23, 30, 34); width:100%; border-top:Solid 1px #fff; display:flex; grid-template-columns: repeat(4, 1fr); gap:35px;}
.footer .about {width:300px; flex-shrink:0;}
.footer .about .logo{width:200px;}
.footer .about .logo img{width:100%; height:auto;}
.footer .about .text{font-size:14px; color:#fff; margin-top:20px;}
.footer .about .social{display:flex; gap:10px; color:#fff; position:relative; font-size:13px; margin-top:20px;}
.footer .about .social svg{width:100%; height:auto; width:20px; flex-shrink:0; fill:#fff;}
.footer .about .social a:hover svg{fill:#f2780d;}
.footer .links {display:grid; gap:10px; grid-template-columns: repeat(2, 1fr); width:500px; flex-shrink:0;}
.footer .links .head{color:#f2780d; font-size:17px; margin-bottom:10px; grid-column:span 2;}
.footer .links a{display:table; color:#fff; text-decoration:none;font-size:14px;}
.footer .q-links {display:grid; gap:10px; width:200px; flex-shrink:0;}
.footer .q-links .head{color:#f2780d; font-size:17px; margin-bottom:10px;}
.footer .q-links a{display:table; color:#fff; text-decoration:none; font-size:14px;}
.footer .address .head{color:#f2780d; font-size:17px; margin-bottom:10px;}
.footer .address .add{color:#fff; margin-bottom:20px; font-size:14px;}

.about-hero-section{width:100%; display:table; position:relative; height:calc(100% - 130px);margin-top:129px;}
.about-hero-section img{width:100%; height:auto}
.about-hero-section .overlay{background: #171e22; background: linear-gradient(180deg, rgba(68, 73, 76, 1) 0%, rgba(68, 73, 76, .1) 100%); position:absolute; height:100%; top:0px; right:0px; bottom:0px; left:0px; z-index:100}
.about-hero-section .content{position: absolute; z-index: 100; top: 50%; left: 90px; margin-top:-136px; display:grid; gap:0px; width:650px;}
.about-hero-section .content .breadcrum{display:flex; color:#f2780d; gap:5px; font-size:13px; margin-bottom:20px;}
.about-hero-section .content .breadcrum a{color:rgba(255,255,255,0.8);}
.about-hero-section .content .breadcrum span{color:rgba(255,255,255,0.8);}
.about-hero-section .content .text{color: #fff;  font-size: 72px; font-family: "Playfair", serif; line-height:normal; position:relative;}
.about-hero-section .content .text span{display:table; line-height: normal; color:#9da8af}
.about-hero-section .content .text-2{color: #f2780d;  font-size: 17px; color:#fff; line-height:30px; color:#9da8af}

.about-second-section {background:#171d21; padding:80px 0px; border-top:solid 1px rgba(255,255,255,.2); overflow:hidden}
.about-second-section .content{max-width:1280px; margin:0 auto; display:grid; grid-template-columns: repeat(2, 1fr); gap:50px; align-items: start;}
.about-second-section .content .left{}
.about-second-section .content .left .sub-text{color:#f4700b; text-transform: uppercase; letter-spacing: 0.2em; font-weight:500; font-size:0.875rem;margin-bottom:10px;}
.about-second-section .content .left .head{font-size:50px; line-height:normal; color:#fff; margin-bottom:20px; font-family: "Playfair", serif;}
.about-second-section .content .left .head span{color:#9da8af; font-style:italic; }
.about-second-section .content .left .text{color:#9da8af; font-size:16px;}
.about-second-section .content .right{display:grid; grid-template-columns: repeat(2, 1fr); gap:50px;}
.about-second-section .content .right .box{background:rgba(33,43,49,.5); padding:32px; border:solid 1px #29363d}
.about-second-section .content .right .box .icon{background:#171d21; width:48px; height:48px; margin-bottom:24px; display:flex; justify-content: center; align-items:center;}
.about-second-section .content .right .box .icon svg{color:#f4700b}
.about-second-section .content .right .box .count{font-size:30px; font-family: "Playfair", serif; color:#fff;}
.about-second-section .content .right .box .text{color:#9da8af;}

.about-third-section{background:#1a2227; border-top:solid 1px rgba(255,255,255,.2);  padding:120px 0px; overflow:hidden}
.about-third-section .content{max-width:1280px; margin:0 auto;}
.about-third-section .content .sub-text{color:#f4700b; text-transform: uppercase; letter-spacing: 0.2em; font-weight:500; font-size:0.875rem;margin-bottom:10px;}
.about-third-section .content .head{font-size:50px; line-height:normal; color:#fff; margin-bottom:20px; font-family: "Playfair", serif;}
.about-third-section .content .head span{color:#9da8af; font-style:italic; }
.about-third-section .content .pointers{display:grid; grid-template-columns: repeat(3, 1fr); gap:50px; margin-top:70px;}
.about-third-section .content .pointers .box{background:#171d21; padding:32px; border:solid 1px #29363d}
.about-third-section .content .pointers .box .icon{background:#212b31; width:48px; height:48px; margin-bottom:24px; display:flex; justify-content: center; align-items:center;}
.about-third-section .content .pointers .box .icon svg{color:#f4700b}
.about-third-section .content .pointers .box .name{font-size:25px; font-family: "Playfair", serif; color:#fff;}
.about-third-section .content .pointers .box .desc{color:#9da8af; font-size:14px;}

.about-fourth-section{background:#171d21; border-top:solid 1px rgba(255,255,255,.2);  padding:120px 0px; overflow:hidden;}
.about-fourth-section .content{max-width:1280px; margin:0 auto;}
.about-fourth-section .content .sub-head{color:#f4700b; text-transform: uppercase; letter-spacing: 0.2em; font-weight:500; font-size:0.875rem;margin-bottom:10px;}
.about-fourth-section .content .head{font-size:50px; line-height:normal; color:#fff; margin-bottom:20px; font-family: "Playfair", serif;}
.about-fourth-section .content .head span{color:#9da8af; font-style:italic; }
.about-fourth-section .content .team{display:grid; grid-template-columns: repeat(3, 1fr); gap:20px; margin-top:70px; }
.about-fourth-section .content .team .box{background:rgba(33,43,49,.5); padding:20px; border:solid 1px #29363d}
.about-fourth-section .content .team .box .top{display:flex; gap:20px;}
.about-fourth-section .content .team .box .top .photo{color:#f4700b; background:#171d21; border:solid 1px #29363d; display:flex; justify-content: center; align-items: center; width:64px; height:64px; border-radius:64px; overflow:hidden}
.about-fourth-section .content .team .box .top .photo img{width:auto; height:64px; border-radius:64px;}
.about-fourth-section .content .team .box .top .name{color:#fff; color:#f4700b;}
.about-fourth-section .content .team .box .top .name span{display:table; font-family: "Playfair", serif; font-size:25px; color:#fff;}
.about-fourth-section .content .team .box .points{margin-top:20px; gap:8px; flex-wrap: wrap; display: flex;}
.about-fourth-section .content .team .box .points span{color:#9da8af; font-size:12px; padding:6px; border:solid 1px #29363d}

.about-cta{background:#2d251e; border-top:solid 1px rgba(255,255,255,.2);  padding:120px 0px; overflow:hidden}
.about-cta .head{font-size:50px; line-height:normal; color:#fff; margin-bottom:20px; font-family: "Playfair", serif; text-align:center;}
.about-cta .desc{color:#9da8af; font-size:16px; text-align:Center;}
.about-cta .cta{display:flex; margin:0 auto; margin-top:40px; font-style: italic; white-space: nowrap; font-size:16px; justify-content: center; align-items: center; width:250px; background:#f4700b; color:#fff; text-decoration:none; padding:15px; font-size:15px; gap:20px;}
.about-cta .cta svg{width:20px; height:20px;}

.servics-hero-section{width:100%; display:table; position:relative; height:calc(100% - 130px); margin-top:129px;}
.servics-hero-section img{width:100%; height:auto}
.servics-hero-section .overlay{background: #171e22; background: linear-gradient(180deg, rgba(68, 73, 76, 1) 0%, rgba(68, 73, 76, .1) 100%); position:absolute; height:100%; top:0px; right:0px; bottom:0px; left:0px; z-index:100}
.servics-hero-section .content{position: absolute; z-index: 100; top: 50%; left: 90px; margin-top:-136px; display:grid; gap:0px; width:900px;}
.servics-hero-section .content .breadcrum{display:flex; color:#f2780d; gap:5px; font-size:13px; margin-bottom:20px;}
.servics-hero-section .content .breadcrum a{color:rgba(255,255,255,0.8);}
.servics-hero-section .content .breadcrum span{color:rgba(255,255,255,0.8);}
.servics-hero-section .content .text{color: #fff;  font-size: 72px; font-family: "Playfair", serif; line-height:normal; position:relative;}
.servics-hero-section .content .text span{display:table; line-height: normal; color:#9da8af}
.servics-hero-section .content .text-2{color: #f2780d;  font-size: 17px; color:#fff; line-height:30px; color:#9da8af}

.service-second-section{background:#1a2227; padding:80px 0px; border-top:solid 1px rgba(255,255,255,.2);}
.service-second-section .content{max-width:1230px; margin:0 auto; display:flex; gap:50px; align-items: start;}
.service-second-section .content .right{background:#171e22; bordeR:solid 1px #29363d; padding:0px; position:sticky; top:140px; width:350px; flex-shrink:0;}
.service-second-section .content .right .head{color:#f4700b; font-size:25px; font-family: "Playfair", serif; border-bottom:solid 1px #29363d; padding:10px 20px;}
.service-second-section .content .right ul{margin:0px; padding:0px; list-style:none; padding:20px;}
.service-second-section .content .right li{width:100%;}
.service-second-section .content .right li a{padding:5px; color:#fff; text-decoration:none; display:table;}
.service-second-section .content .left .text{color:#9da8af; font-size:16px; line-height:25px;}
.service-second-section .content .left .sub-head{margin-top:30px; color:#fff; font-size:35px; font-family: "Playfair", serif;}
.service-second-section .content .left .expertise{display:grid; grid-template-columns: repeat(2, 1fr); gap:30px; margin-top:30px;}
.service-second-section .content .left .expertise .box{background:#171d21; padding:32px; border:solid 1px #29363d}
.service-second-section .content .left .expertise .box .icon{background:#212b31; width:48px; height:48px; margin-bottom:24px; display:flex; justify-content: center; align-items:center;}
.service-second-section .content .left .expertise .box .icon svg{color:#f4700b}
.service-second-section .content .left .expertise .box .name{font-size:25px; font-family: "Playfair", serif; color:#fff;}
.service-second-section .content .left .expertise .box .desc{color:#9da8af; font-size:14px;}
.service-second-section .content .left .faq{border-radius:10px; bordeR: solid 1px #29363d; margin-top:20px;}
.service-second-section .content .left .faq .question{color:#fff; font-weight:500; font-size:17px; width:100%; border-bottom:dotted 1px #29363d; padding:15px; margin-bottom:10px;}
.service-second-section .content .left .faq .answer{color:#9da8af; font-weight:400; font-size:15px; margin-bottom:20px; padding:10px 15px;}

.team-hero-section{width:100%; display:table; position:relative; height:calc(100% - 130px); margin-top:129px;}
.team-hero-section img{width:100%; height:auto}
.team-hero-section .overlay{background: #171e22; background: linear-gradient(180deg, rgba(68, 73, 76, 1) 0%, rgba(68, 73, 76, .1) 100%); position:absolute; height:100%; top:0px; right:0px; bottom:0px; left:0px; z-index:100}
.team-hero-section .content{position: absolute; z-index: 100; top: 50%; left: 90px; margin-top:-136px; display:grid; gap:0px; width:650px;}
.team-hero-section .content .breadcrum{display:flex; color:#f2780d; gap:5px; font-size:13px; margin-bottom:20px;}
.team-hero-section .content .breadcrum a{color:rgba(255,255,255,0.8);}
.team-hero-section .content .breadcrum span{color:rgba(255,255,255,0.8);}
.team-hero-section .content .text{color: #fff;  font-size: 72px; font-family: "Playfair", serif; line-height:normal; position:relative;}
.team-hero-section .content .text span{display:table; line-height: normal; color:#9da8af}
.team-hero-section .content .text-2{color: #f2780d;  font-size: 17px; color:#fff; line-height:30px; color:#9da8af}

.team-second-section{background:#1a2227; padding:80px 0px; border-top:solid 1px rgba(255,255,255,.2); overflow:hidden}
.team-second-section .content{max-width:1230px; margin:0 auto; display:grid; grid-template-columns: repeat(3, 1fr); gap:30px;}
.team-second-section .content .sub-head{color:#f4700b; text-transform: uppercase; letter-spacing: 0.2em; font-weight:500; font-size:0.875rem;margin-bottom:10px;}
.team-second-section .content .head{font-size:50px; line-height:normal; color:#fff; margin-bottom:20px; font-family: "Playfair", serif; grid-column:span 3}
.team-second-section .content .head span{color:#9da8af; font-style:italic; }
.team-second-section .content .heading{text-align:Center; font-size:40px; color:#fff; font-family: "Playfair", serif; margin:50px auto; grid-column:span 3}
.team-second-section .content .box{position:relative; overflow:hidden}
.team-second-section .content .box img{width:100%; height:auto;}
.team-second-section .content .box .hover-box{width:100%; position: absolute; bottom: -500px; background: #f2780d; left: 0px; height: 100%; padding:30px; transition: all 1s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease;}
.team-second-section .content .box .hover-box .name{color: #fff; font-size: 30px; font-family: "Playfair", serif; font-weight: 600;}
.team-second-section .content .box .hover-box .desc{color: #000; font-size: 17px; margin-bottom: 20px;}
.team-second-section .content .box .hover-box .small-text{font-size:13px;}
.team-second-section .content .box:hover .hover-box {bottom:0px; transition: all 1s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease;}



.team-second-section .content .team{display:grid; grid-template-columns: repeat(3, 1fr); gap:30px; margin-top:70px; }
.team-second-section .content .team.three{display:grid; grid-template-columns: repeat(3, 1fr); gap:50px; margin-top:70px; }
.team-second-section .content .team .box{background:rgba(33,43,49,.5); padding:20px; border:solid 1px #29363d}
.team-second-section .content .team .box .top{display:flex; gap:15px;}
.team-second-section .content .team .box .top .photo{color:#f4700b; background:#171d21; border:solid 1px #29363d; display:flex; justify-content: center; align-items: center; width:64px; height:64px; border-radius:64px; overflow:hidden; flex-shrink:0;}
.team-second-section .content .team .box .top .photo img{width: auto; height: 100%;}
.team-second-section .content .team .box .top .name{color:#fff; color:#f4700b; font-size:15px}
.team-second-section .content .team .box .top .name span{display:table; font-family: "Playfair", serif; font-size:25px; color:#fff;}
.team-second-section .content .team .box .top .social{margin-left:auto; width:40px; height:40px; bordeR:solid 1px rgba(255,255,255,.5); padding:7px; flex-shrink:0; display:none;}
.team-second-section .content .team .box .top .social img{width:100%; height:auto; filter:invert(1)}
.team-second-section .content .team .box .text{margin-top:20px; color:#9da8af; font-size:14px;}
.team-second-section .content .team .box .text strong{display:table; margin-bottom:10px;}
.team-second-section .content .team .box .points{margin-top:20px; gap:8px; flex-wrap: wrap; display: flex;}
.team-second-section .content .team .box .points span{color:#9da8af; font-size:12px; padding:6px; border:solid 1px #29363d}

.team-second-section .content .team.three{grid-template-columns: repeat(3, 1fr); margin:0px;}
.team-second-section .content .team.two{grid-template-columns: repeat(2, 1fr); margin:0px;}
.team-second-section .content .team.three .box{padding: 20px;}
.team-second-section .content .heading{text-align:Center; font-size:40px; color:#fff; font-family: "Playfair", serif; margin:50px auto;}

.contact-second-section{background:#1a2227; padding:80px 0px; border-top:solid 1px rgba(255,255,255,.2);}
.contact-second-section .content{max-width:1230px; margin:0 auto; display:grid; grid-template-columns: repeat(2, 1fr); gap:50px;}
.contact-second-section .content .left{width:400px;}
.contact-second-section .content .left .sub-head{color:#f4700b; text-transform: uppercase; letter-spacing: 0.2em; font-weight:500; font-size:0.875rem;margin-bottom:10px;}
.contact-second-section .content .left .head{font-size:50px; line-height:normal; color:#fff; margin-bottom:20px; font-family: "Playfair", serif;}
.contact-second-section .content .left .head{font-size:50px; line-height:normal; color:#fff; margin-bottom:20px; font-family: "Playfair", serif;}
.head span{color:#9da8af; font-style:italic; }
.contact-second-section .content .left .address{display:flex; gap:20px; margin-bottom:20px;}
.contact-second-section .content .left .address .icon{background:#212b31; width:48px; height:48px; margin-bottom:24px; display:flex; justify-content: center; align-items:center; flex-shrink:0;}
.contact-second-section .content .left .address .icon svg{color:#f4700b}
.contact-second-section .content .left .address .text{color:#fff; font-size:17px;}
.contact-second-section .content .left .address .text span{display:table; font-size:12px; color:#9da8af; text-transform:uppercase;}
.contact-second-section .content .form-area{background:#212b31; border:solid 1px rgba(255,255,255,.5); width:100%; padding:40px; display:grid; grid-template-columns: repeat(2, 1fr); gap:30px;}
.contact-second-section .content .form-area .field{display:grid; gap:5px;}
.contact-second-section .content .form-area .field label{color:#fff; text-transform:uppercase; font-weight:500; font-size:13px;}
.contact-second-section .content .form-area .field input{background:#1a2227; padding:5px; border:solid 1px rgba(255,255,255,.5); border-radius:5px;}
.contact-second-section .content .form-area .field textarea{background:#1a2227; padding:5px; border:solid 1px rgba(255,255,255,.5); border-radius:5px;}
.contact-second-section .content .form-area .textarea{grid-column:span 2;}
.contact-second-section .content .form-area .button{grid-column:span 2;}
.contact-second-section .content .form-area .field button{display:flex; margin:0 auto;font-style: italic; white-space: nowrap; font-size:16px; justify-content: center; align-items: center; width:250px; background:#f4700b; color:#fff; text-decoration:none; padding:15px; font-size:15px; gap:20px; border:0px; border-radius:5px;}

.blog-second-section{background:#1a2227; padding:80px 0px; border-top:solid 1px rgba(255,255,255,.2);}
.blog-second-section .content{max-width:1230px; margin:0 auto; display:grid; grid-template-columns: repeat(3, 1fr); gap:50px;}
.blog-second-section .content .box{background:rgba(33,43,49,.5); padding:40px; border:solid 1px #29363d; text-decoration:none;}
.blog-second-section .content .box .sub-head{color:#f4700b; text-transform: uppercase; letter-spacing: 0.2em; font-weight:500; font-size:0.75rem;margin-bottom:10px;}
.blog-second-section .content .box .head{font-size:25px; line-height:normal; color:#fff; margin-bottom:10px; font-family: "Playfair", serif;}
.blog-second-section .content .box .desc{color:#9da8af; font-size:14px;}
.blog-second-section .content .box .time{display:flex; justify-content: space-between; border-top:solid 1px #29363d; margin-top:20px; padding-top:20px;}
.blog-second-section .content .box .time .date{font-size:14px; color:#9da8af;}
.blog-second-section .content .box .time .read-more{font-size:14px; color:#f4700b;}
.blog-second-section .content .box .time .read-more svg{width:14px; height:14px;}
.blog-second-section .content .box:hover{border-color:#f4700b}
.blog-second-section .content .box:hover .head{color:#f4700b}

.blog-detail-hero-section{background:#1a2227; padding:80px 0px; border-top:solid 1px rgba(255,255,255,.2);margin-top:129px;}
.blog-detail-hero-section .content{max-width:800px; margin:0 auto; display:grid; gap:10px}
.blog-detail-hero-section .content .breadcrum{display:flex; color:#f2780d; gap:5px; font-size:13px; margin-bottom:20px;}
.blog-detail-hero-section .content .breadcrum a{color:rgba(255,255,255,0.8);}
.blog-detail-hero-section .content .breadcrum span{color:rgba(255,255,255,0.8);}
.blog-detail-hero-section .content .text{color:#f4700b; text-transform: uppercase; letter-spacing: 0.2em; font-weight:500; font-size:0.875rem;margin-bottom:10px;}
.blog-detail-hero-section .content .text-2{font-size:50px; line-height:normal; color:#fff; margin-bottom:20px; font-family: "Playfair", serif;}
.blog-detail-hero-section .content .date{color:#9da8af; font-size:14px;}

.blog-detail-second-section{background:#171d21; padding:80px 0px; border-top:solid 1px rgba(255,255,255,.2);}
.blog-detail-second-section .content{max-width:800px; margin:0 auto; color:rgba(255,255,255,.5); font-size:18px; line-height:30px;}

.practice-area-hero-section{width:100%; display:table; position:relative; height:calc(100% - 130px); margin-top:129px;}
.practice-area-hero-section img{width:100%; height:auto}
.practice-area-hero-section .overlay{background: #171e22; background: linear-gradient(180deg, rgba(68, 73, 76, 1) 0%, rgba(68, 73, 76, .1) 100%); position:absolute; height:100%; top:0px; right:0px; bottom:0px; left:0px; z-index:100}
.practice-area-hero-section .content{position: absolute; z-index: 100; top: 50%; left: 90px; margin-top:-136px; display:grid; gap:0px; width:600px;}
.practice-area-hero-section .content .breadcrum{display:flex; color:#f2780d; gap:5px; font-size:13px; margin-bottom:20px;}
.practice-area-hero-section .content .breadcrum a{color:rgba(255,255,255,0.8);}
.practice-area-hero-section .content .breadcrum span{color:rgba(255,255,255,0.8);}
.practice-area-hero-section .content .text{color: #fff;  font-size: 72px; font-family: "Playfair", serif; line-height:normal; position:relative;}
.practice-area-hero-section .content .text span{display:table; line-height: normal; color:#9da8af}
.practice-area-hero-section .content .text-2{color: #f2780d;  font-size: 17px; color:#fff; line-height:30px; color:#9da8af}

.practice-area-page{background:#e7e6dd; width:100%; overflow:hidden}
.practice-area-page .practice-area{padding:80px; border-radius:0px; background: #1a2227; border-top: solid 1px rgba(255, 255, 255, .2);}
.practice-area-page .practice-area .heading{font-size:50px; font-weight:700; font-family: "Playfair", serif; text-align:center; position:relative;  padding-bottom:10px; margin-bottom:20px; line-height:normal; color:#fff;}
.practice-area-page .practice-area .heading:before{content:''; width:50px; height:3px; background: #f2780d; position:absolute; left:50%; bottom:0px;  margin-left:-25px;}
.practice-area-page .practice-area .sub-heading{font-size:16px; text-align:center; margin:0 auto; max-width:750px; margin-bottom:40px; color:#fff;}
.practice-area-page .practice-area .practices{display: flex; flex-wrap: wrap; gap: 30px; max-width:1280px; margin:0 auto;}
.practice-area-page .practice-area .practices .box{background:#e7e6dd; border-radius:10px; text-decoration:none; width: calc((100% - 90px) / 4);}
.practice-area-page .practice-area .practices .box .image img{width:100%; height:auto; border-radius:10px 10px 0px 0px;}
.practice-area-page .practice-area .practices .box .other-details{padding:20px;}
.practice-area-page .practice-area .practices .box .other-details .name{font-size: 18px; font-weight: 600; color: #171e22;}
.practice-area-page .practice-area .practices .box .other-details .detail{font-size: 14px; color: #171e22; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

@keyframes animate-ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes beat {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.15);
    }
    40% {
        transform: scale(1);
    }
    60% {
        transform: scale(1.15);
    }
    100% {
        transform: scale(1);
    }
}
@media (max-width:1366px){
	.header{top:0px;}
	.service-first-section .content{left: 32px; width: 500px;}
	.service-first-section .content h1{font-size: 45px;}
	.service-content-area{padding:30px;}
	.service-content-area .content-area .about-services .heading{font-size:40px;}
}

@media (max-width:1024px){

}

@media (max-width:768px){
	.header-wrapper .top-section{padding:10px;}
	.header-wrapper .header{padding:14px 18px}
	.header-wrapper .header .navbar-toggler{width:60px; flex-shrink:0; padding:0px;}
	.header-wrapper .header .navbar-toggler img{width:100%; height:auto; filter:invert(1)}
	.header-wrapper .header .navbar-expand-lg .navbar-collapse{margin-top:20px; text-align:left;}
	.header-wrapper .header .navbar-expand-lg .navbar-nav{gap:10px;}
	.header-wrapper .header .navbar-expand-lg .navbar-nav .nav-item{width:100%;}
	.header-wrapper .header .navbar-expand-lg .navbar-nav .nav-link{padding:5px;}
	.hero-section{margin-top:125px;}
	.hero-section img {width: 250%; height: auto; float: right;}
	.hero-section .tagline{margin-top: -155px; left: 10%;}
	.hero-section .tagline .text{font-size:60px; line-height: 60px;}
	.hero-section .tagline .text span{font-size:30px;}
	.hero-section .tagline .text-2{font-size:60px; line-height: 60px;}
	.hero-section .tagline .text-2 span{font-size:30px;}
	.hero-section .counts{display:none;}
	.hm-about-us .about-content{padding: 20px; flex-direction: column;}
	.hm-about-us .about-content .right .heading{font-size: 30px; line-height:normal;}
	.hm-about-us .about-content .right .cta{flex-direction:column;}
	.hm-practice-area .practice-area .practices{justify-content: center;}
	.hm-practice-area .practice-area{padding:30px;}
	.hm-practice-area .practice-area .heading { font-size: 30px;}
	.hm-practice-area .practice-area .practices{grid-template-columns: repeat(6, 1fr); overflow:auto}	
	.hm-practice-area .practice-area .practices .box{width:300px}
	.hm-legal-process .legal-process{padding:20px;}
	.hm-legal-process .legal-process .heading{font-size:35px;}
	.hm-legal-process .pointers{overflow:auto;}
	.hm-our-team .team-section{padding:30px;}
	.hm-our-team .team-section .heading{font-size:30px;}
	.hm-our-team .team-section .teams{flex-direction:column;}
	.hm-our-team .team-section .teams .box{width:300px;}
	.hm-our-team .team-section .teams .box .service-exp{grid-template-columns: repeat(1, 1fr);}
	.hm-our-team .team-section .teams .other-team{width:300px;}
	.hm-client-logos .client-content{padding:30px;}
	.hm-client-logos .client-content .heading{font-size:30px;}
	.hm-client-logos .client-content .c-logos-slider .item{padding:10px 20px;}
	.hm-client-testimonials .testimonial-content{ padding:30px 0px;}
	.hm-client-testimonials .testimonial-content .sub-head{font-size:30px;}
	.hm-client-testimonials .box .text{font-size: 18px;}
	.hm-call .call-section{padding:20px;}
	.hm-call .call-section .content .head {font-size: 30px; }
	.hm-call .call-section .content{background: rgba(0, 0, 0, 0.5); padding: 10px;}
	.hm-call .call-section .content .cta{flex-direction:column;}
	.footer{padding:30px; flex-direction: column; gap:30px;}
	.footer .about{width:100%;}
	.footer .links{width:100%; grid-template-columns: repeat(1, 1fr);}
	.footer .links .head{grid-column: span 1;}

	.about-hero-section{display:flex; justify-content: end; BACKGROUND: rgb(23, 30, 34);}
	.about-hero-section img{width:400%; display:block; opacity: .2;}
	.about-second-section .content{grid-template-columns: repeat(1, 1fr);}
	.about-second-section .content .right{grid-template-columns: repeat(1, 1fr); gap:20px;}
	.about-third-section .content .pointers{grid-template-columns: repeat(1, 1fr); margin-top: 30px; gap:20px;}
	.about-hero-section .content{left:20px; width:320px}
	.about-hero-section .content .text{font-size: 40px;}
	.about-second-section{padding:20px;}
	.about-second-section .content .left .head{font-size: 30px;}
	.about-second-section .content .right .box{padding:20px;}
	.about-third-section{padding:20px;}
	.about-third-section .content .head{font-size: 30px;}
	.about-third-section .content .pointers .box{padding:20px;}
	.about-third-section .content .pointers .box .name {font-size: 22px;}
	.about-fourth-section{padding:20px;}
	.about-fourth-section .content .head{font-size: 30px;}
	.about-fourth-section .content .team{grid-template-columns: repeat(1, 1fr); margin-top:30px; gap:20px;}
	.about-fourth-section .content .team .box{padding:20px;}
	.about-cta{padding:20px;}
	.about-cta .head{font-size: 30px;}

	.servics-hero-section{display:flex; justify-content: end; BACKGROUND: rgb(23, 30, 34); margin-top: 50px;}
	.servics-hero-section img{width:350%; display:block; opacity: .2;}
	.servics-hero-section .content{left:20px; width:320px; margin-top: -82px;}
	.servics-hero-section .content .text{font-size: 35px;}
	.servics-hero-section .content .text span{display:inline;}
	.servics-hero-section .content .text-2{font-size: 15px; line-height:22px; margin-top:0px;}
	.service-second-section{padding:20px;}
	.service-second-section .content{flex-direction:column;}
	.service-second-section .content .left .expertise{grid-template-columns: repeat(1, 1fr); gap:20px;}
	.service-second-section .content .left .text{font-size: 16px; line-height: 30px;}
	.service-second-section .content .left .sub-head{font-size: 28px; margin-top: 25px;}
	.service-second-section .content .left .expertise .box{padding:20px;}
	.service-second-section .content .right{width:100%;}

	.team-hero-section{display:flex; justify-content: end; BACKGROUND: rgb(23, 30, 34);}
	.team-hero-section img{width:400%; display:block; opacity: .2;}
	.team-hero-section .content{left:20px; width:320px}
	.team-hero-section .content .text{font-size: 40px;}
	.team-second-section{padding:20px;}
	.team-second-section .content .head{font-size:30px;}
	.team-second-section .content .team{margin-top:30px; grid-template-columns: repeat(1, 1fr);}
	.team-second-section .content .team .box{padding:20px; position:relative;}
	.team-second-section .content .team .box .top{flex-direction:column;}
	.team-second-section .content .team .box .top .social{    position: absolute; top: 30px; right: 30px;}
	.team-second-section .content .team.three{grid-template-columns: repeat(1, 1fr);}

	.blog-second-section{padding:20px;}
	.blog-second-section .content{grid-template-columns: repeat(1, 1fr);}
	.blog-second-section .content .box{padding:20px;}
	.blog-detail-hero-section{padding:20px;}
	.blog-detail-hero-section .content .text-2{font-size: 30px;}
	.blog-detail-second-section{padding:20px;}

	.contact-second-section{padding:20px;}
	.contact-second-section .content{grid-template-columns: repeat(1, 1fr); gap:20px;}
	.contact-second-section .content .left .head{font-size: 30px;}
	.contact-second-section .content .form-area{padding:20px; grid-template-columns: repeat(1, 1fr);}
	.contact-second-section .content .form-area .textarea {grid-column: span 1;}
	.contact-second-section .content .form-area .button {grid-column: span 1;}
	.contact-second-section .content .left{width:100%;}

	.team-second-section .content .team.two{grid-template-columns: repeat(1, 1fr);}
	.team-second-section .content .heading{font-size:30px;}

	.practice-area-hero-section{display:flex; justify-content: end; BACKGROUND: rgb(23, 30, 34); margin-top: 50px;}
	.practice-area-hero-section img{width:350%; display:block; opacity: .2;}
	.practice-area-hero-section .content{left:20px; width:320px; margin-top: -55px;}
	.practice-area-hero-section .content .text{font-size: 35px;}
	.practice-area-hero-section .content .text span{display:inline;}
	.practice-area-hero-section .content .text-2{font-size: 15px; line-height:22px; margin-top:20px;}
	.practice-area-page .practice-area .practices{justify-content: center;}
	.practice-area-page .practice-area{padding:20px;}
	.practice-area-page .practice-area .heading { font-size: 30px;}
	.practice-area-page .practice-area .practices{grid-template-columns: repeat(6, 1fr); overflow:auto}	
	.practice-area-page .practice-area .practices .box{width:300px}
}

@media (max-width:480px){
	.header-wrapper .top-section{padding:10px;}
	.header-wrapper .header{padding:14px 18px}
	.header-wrapper .header .navbar-toggler{width:60px; flex-shrink:0; padding:0px;}
	.header-wrapper .header .navbar-toggler img{width:100%; height:auto; filter:invert(1)}
	.header-wrapper .header .navbar-expand-lg .navbar-collapse{margin-top:20px; text-align:left;}
	.header-wrapper .header .navbar-expand-lg .navbar-nav{gap:10px;}
	.header-wrapper .header .navbar-expand-lg .navbar-nav .nav-item{width:100%;}
	.header-wrapper .header .navbar-expand-lg .navbar-nav .nav-link{padding:5px;}
	.hero-section{margin-top:125px;}
	.hero-section img {width: 250%; height: auto; float: right;}
	.hero-section .tagline{margin-top: -155px; left: 10%;}
	.hero-section .tagline .text{font-size:60px; line-height: 60px;}
	.hero-section .tagline .text span{font-size:30px;}
	.hero-section .tagline .text-2{font-size:60px; line-height: 60px;}
	.hero-section .tagline .text-2 span{font-size:30px;}
	.hero-section .counts{display:none;}
	.hm-about-us .about-content{padding: 20px; flex-direction: column;}
	.hm-about-us .about-content .right .heading{font-size: 30px; line-height:normal;}
	.hm-about-us .about-content .right .cta{flex-direction:column;}
	.hm-practice-area .practice-area .practices{justify-content: center;}
	.hm-practice-area .practice-area{padding:30px;}
	.hm-practice-area .practice-area .heading { font-size: 30px;}
	.hm-practice-area .practice-area .practices{grid-template-columns: repeat(6, 1fr); overflow:auto}	
	.hm-practice-area .practice-area .practices .box{width:300px}
	.hm-legal-process .legal-process{padding:20px;}
	.hm-legal-process .legal-process .heading{font-size:35px;}
	.hm-legal-process .pointers{overflow:auto;}
	.hm-our-team .team-section{padding:30px;}
	.hm-our-team .team-section .heading{font-size:30px;}
	.hm-our-team .team-section .teams{flex-direction:column;}
	.hm-our-team .team-section .teams .box{width:300px;}
	.hm-our-team .team-section .teams .box .service-exp{grid-template-columns: repeat(1, 1fr);}
	.hm-our-team .team-section .teams .other-team{width:300px;}
	.hm-client-logos .client-content{padding:30px;}
	.hm-client-logos .client-content .heading{font-size:30px;}
	.hm-client-logos .client-content .c-logos-slider .item{padding:10px 20px;}
	.hm-client-testimonials .testimonial-content{ padding:30px 0px;}
	.hm-client-testimonials .testimonial-content .sub-head{font-size:30px;}
	.hm-client-testimonials .box .text{font-size: 18px;}
	.hm-call .call-section{padding:20px;}
	.hm-call .call-section .content .head {font-size: 30px; }
	.hm-call .call-section .content{background: rgba(0, 0, 0, 0.5); padding: 10px;}
	.hm-call .call-section .content .cta{flex-direction:column;}
	.footer{padding:30px; flex-direction: column; gap:30px;}
	.footer .about{width:100%;}
	.footer .links{width:100%; grid-template-columns: repeat(1, 1fr);}
	.footer .links .head{grid-column: span 1;}

	.about-hero-section{display:flex; justify-content: end; BACKGROUND: rgb(23, 30, 34);}
	.about-hero-section img{width:400%; display:block; opacity: .2;}
	.about-second-section .content{grid-template-columns: repeat(1, 1fr);}
	.about-second-section .content .right{grid-template-columns: repeat(1, 1fr); gap:20px;}
	.about-third-section .content .pointers{grid-template-columns: repeat(1, 1fr); margin-top: 30px; gap:20px;}
	.about-hero-section .content{left:20px; width:320px}
	.about-hero-section .content .text{font-size: 40px;}
	.about-second-section{padding:20px;}
	.about-second-section .content .left .head{font-size: 30px;}
	.about-second-section .content .right .box{padding:20px;}
	.about-third-section{padding:20px;}
	.about-third-section .content .head{font-size: 30px;}
	.about-third-section .content .pointers .box{padding:20px;}
	.about-third-section .content .pointers .box .name {font-size: 22px;}
	.about-fourth-section{padding:20px;}
	.about-fourth-section .content .head{font-size: 30px;}
	.about-fourth-section .content .team{grid-template-columns: repeat(1, 1fr); margin-top:30px; gap:20px;}
	.about-fourth-section .content .team .box{padding:20px;}
	.about-cta{padding:20px;}
	.about-cta .head{font-size: 30px;}

	.servics-hero-section{display:flex; justify-content: end; BACKGROUND: rgb(23, 30, 34); margin-top: 50px;}
	.servics-hero-section img{width:350%; display:block; opacity: .2;}
	.servics-hero-section .content{left:20px; width:320px; margin-top: -82px;}
	.servics-hero-section .content .text{font-size: 35px;}
	.servics-hero-section .content .text span{display:inline;}
	.servics-hero-section .content .text-2{font-size: 15px; line-height:22px; margin-top:0px;}
	.service-second-section{padding:20px;}
	.service-second-section .content{flex-direction:column;}
	.service-second-section .content .left .expertise{grid-template-columns: repeat(1, 1fr); gap:20px;}
	.service-second-section .content .left .text{font-size: 16px; line-height: 30px;}
	.service-second-section .content .left .sub-head{font-size: 28px; margin-top: 25px;}
	.service-second-section .content .left .expertise .box{padding:20px;}
	.service-second-section .content .right{width:100%;}

	.team-hero-section{display:flex; justify-content: end; BACKGROUND: rgb(23, 30, 34);}
	.team-hero-section img{width:400%; display:block; opacity: .2;}
	.team-hero-section .content{left:20px; width:320px}
	.team-hero-section .content .text{font-size: 40px;}
	.team-second-section{padding:20px;}
	.team-second-section .content .head{font-size:30px;}
	.team-second-section .content .team{margin-top:30px; grid-template-columns: repeat(1, 1fr);}
	.team-second-section .content .team .box{padding:20px; position:relative;}
	.team-second-section .content .team .box .top{flex-direction:column;}
	.team-second-section .content .team .box .top .social{    position: absolute; top: 30px; right: 30px;}
	.team-second-section .content .team.three{grid-template-columns: repeat(1, 1fr);}

	.blog-second-section{padding:20px;}
	.blog-second-section .content{grid-template-columns: repeat(1, 1fr);}
	.blog-second-section .content .box{padding:20px;}
	.blog-detail-hero-section{padding:20px;}
	.blog-detail-hero-section .content .text-2{font-size: 30px;}
	.blog-detail-second-section{padding:20px;}

	.contact-second-section{padding:20px;}
	.contact-second-section .content{grid-template-columns: repeat(1, 1fr); gap:20px;}
	.contact-second-section .content .left .head{font-size: 30px;}
	.contact-second-section .content .form-area{padding:20px; grid-template-columns: repeat(1, 1fr);}
	.contact-second-section .content .form-area .textarea {grid-column: span 1;}
	.contact-second-section .content .form-area .button {grid-column: span 1;}
	.contact-second-section .content .left{width:100%;}

	.team-second-section .content .team.two{grid-template-columns: repeat(1, 1fr);}
	.team-second-section .content .heading{font-size:30px;}

	.practice-area-hero-section{display:flex; justify-content: end; BACKGROUND: rgb(23, 30, 34); margin-top: 50px;}
	.practice-area-hero-section img{width:350%; display:block; opacity: .2;}
	.practice-area-hero-section .content{left:20px; width:320px; margin-top: -55px;}
	.practice-area-hero-section .content .text{font-size: 35px;}
	.practice-area-hero-section .content .text span{display:inline;}
	.practice-area-hero-section .content .text-2{font-size: 15px; line-height:22px; margin-top:20px;}
	.practice-area-page .practice-area .practices{justify-content: center;}
	.practice-area-page .practice-area{padding:20px;}
	.practice-area-page .practice-area .heading { font-size: 30px;}
	.practice-area-page .practice-area .practices{grid-template-columns: repeat(6, 1fr); overflow:auto}	
	.practice-area-page .practice-area .practices .box{width:300px}

	.team-second-section .content{grid-template-columns: repeat(1, 1fr);}
	.team-second-section .content .head{grid-column: span 1;}
	.team-second-section .content .heading{grid-column: span 1;}
	.team-second-section .content .box .hover-box{position: relative; bottom: 0px;}
}