html, body {height: 100%; margin: 0;}
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;}
.bg-blue{background:#eef2f9;}
.bg-dark-blue{background:#0f2040;}

.header-wrapper{background-color: transparent; position: fixed; top: 0px; width: 100%; z-index:1000; 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 .header{background:transparent;padding:17px 0px; width:100%; margin:0 auto; 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 .header .container-fluid{margin:0px;}
.header-wrapper .header .navbar-brand{width:250px;}
.header-wrapper .header .navbar-brand img{width:100%; height:auto;}
.header-wrapper .header  .navbar-nav .nav-link{color:#fff; padding: 0px; position:relative;}
.header-wrapper .header  .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-nav .nav-link:hover{color:#f2780d}
.header-wrapper .header  .navbar-nav .nav-link:hover:hover::before {width: 100%;}
.header-wrapper .header  .contact-btn{background-color: rgba(255, 255, 255, 0.1); color: #fff; letter-spacing: 0.025em; font-weight: 500; font-size: 0.875rem; line-height: 1.25rem; padding: 0.625rem 1.5rem; background-color: rgba(255, 255, 255, 0.1); text-decoration:none; border-radius:140px; border:solid 1px rgba(255,255,255,.5);}
.header-wrapper .header  .contact-btn:hover{background: #c15d06;}
.header-wrapper .header  .contact-btn:before{display:none;}
.header-wrapper .header  .navbar-collapse{justify-content: center;}
.header-wrapper .header  .navbar-nav{gap:48px; align-items: center;}
.header-wrapper .header .navbar{padding:0px; max-width:1300px; margin:0 auto;}

.header.scrolled{background:#fff; 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.scrolled .navbar-brand{display:none; 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.scrolled .navbar-brand.normal{display:block; 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.scrolled .navbar-nav .nav-link{color:#0f2040; 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.scrolled .contact-btn{background:#0f2040; color:#fff; 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 .navbar-brand.normal{display:none; transition: all 1s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease;}

.hero-section{width:100%; position:relative; height:100vh; overflow:hidden; background:#091528}
.hero-section video{width:100%; height:auto; opacity:0.25}
/*.hero-section .overlay{background: linear-gradient(180deg, rgba(16, 50, 86, .2) 0%, rgba(16, 50, 86, 1) 100%); position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 100;}*/
.hero-section .overlay{background: rgba(25,73,144,.3); position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 100;}
.hero-section .content{position:absolute; padding:0rem; max-width: 1280px; z-index:101; top: 50%; margin-top: -175px; left: 50%; margin-left: -640px;}
.hero-section .content .sub-text{color:#e9be55; letter-spacing: 0.22em; text-transform: uppercase; font-size: 0.75rem; line-height: 1rem; gap: 0.75rem; display: flex; margin-bottom: 2rem; align-items: center;}
.hero-section .content .sub-text span{background:#e9be55; width: 3rem; height: 1px;}
.hero-section .content .text{font-size: 4.5rem; line-height: 1; color:#fff; font-weight: 500; font-family: "Playfair Display", Georgia, serif;}
.hero-section .content .text span{display:table; color: #e9be55; font-style: italic;}
.hero-section .content .text-2{color:#d5dff0; line-height: 1.625; font-size: 1.125rem; margin-top: 1.75rem; max-width: 36rem;}
.hero-section .content .cta{flex-direction: row; gap: 1rem; display: flex; margin-top: 2rem;}
.hero-section .content .cta a{color:#091528; letter-spacing: 0.025em;     font-weight: 600; padding: 1rem 2rem; background-color: #d4a017; border-radius: 9999px;     gap: 0.5rem; align-items: center;     justify-content: center; display: inline-flex; text-decoration:none;}
 .hero-section .content .cta a:last-child{color:#fff; letter-spacing: 0.025em; font-weight: 500; padding:1rem 2rem; border:solid 1px #fff; backdrop-filter:blur(4px); background-color: rgb(255 255 255 / 0.05);}
 .hero-section .data-box{display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; max-width: 48rem; margin-top: 5rem;}
 .hero-section .data-box .box{padding:1rem 1.25rem; background-color: rgb(255 255 255 / 0.05); border:solid 1px rgb(255 255 255 / 0.1); border-radius: 0.75rem; gap: 1rem; align-items: center; display: flex;}
 .hero-section .data-box .box .icon{color:#e9be55; background-color: rgb(212 160 23 / 0.15); border-radius: 9999px; justify-content: center; align-items: center; flex-shrink: 0; width: 2.75rem; height: 2.75rem; display: flex;}
 .hero-section .data-box .box .icon svg{width: 1.25rem; height: 1.25rem;}
 .hero-section .data-box .box .data{color:#aec0e2; letter-spacing: 0.22em;  text-transform: uppercase; font-size: 11px; }
 .hero-section .data-box .box .data span{font-size: 1.25rem; line-height: 1.75rem; display:table; font-family: "Playfair Display", Georgia, serif; font-weight:600; color:#fff;}

.outer-wrapper{padding:9rem 0px; overflow:hidden}

.hm-practice-areas{max-width:1280px; margin:0 auto;}
.hm-practice-areas .sub-text{color: #b88512; letter-spacing: 0.22em; text-transform: uppercase; font-size: 0.75rem; line-height: 1rem; margin-bottom: 1.25rem;}
.hm-practice-areas .head{font-size: 3rem; line-height: 1; color: #0f2040; font-family: "Playfair Display", Georgia, serif; max-width: 42rem;}
.hm-practice-areas .head span{color:#b88512; font-style:italic;}
.hm-practice-areas .sub-head{line-height: 1.625; margin-top: 1.5rem; color:#2d4b87; max-width: 42rem; margin-bottom: 4rem;}
.hm-practice-areas .pointers{grid-template-columns: repeat(3, minmax(0, 1fr)); display:grid; gap: 1px; background:#fff}
.hm-practice-areas .pointers .box{padding: 2.5rem; position: relative; background-color: #0f2040;}
.hm-practice-areas .pointers .box .icon{color:#e9be55; border:solid 1px rgba(212, 160, 23, 0.4); border-radius: 9999px; justify-content: center; align-items: center; width: 3rem; height: 3rem; display: flex;}
.hm-practice-areas .pointers .box .heading{font-size: 1.5rem; line-height: 2rem; font-family: "Playfair Display", Georgia, serif; margin-top: 1.5rem; color:#fff;}
.hm-practice-areas .pointers .box .text{color:#aec0e2; line-height: 1.625; font-size: 0.875rem; margin-top: 0.75rem;}
.hm-practice-areas .pointers .box ul{margin:0px; padding:0px; list-style:none; gap: 0.5rem; flex-wrap: wrap; display: flex; margin-top: 1.25rem;}
.hm-practice-areas .pointers .box ul li{color:#e9be55; letter-spacing: 0.22em; text-transform: uppercase; font-size: 10px; padding:0.25rem 0.75rem; border: solid 1px rgb(212, 160, 23, 0.3); border-radius:100px;}

.hm-team{max-width:1280px; margin:0 auto;}
.hm-team .sub-text{color: #b88512; letter-spacing: 0.22em; text-transform: uppercase; font-size: 0.75rem; line-height: 1rem; margin-bottom: 1.25rem;}
.hm-team .head-text{display:flex; justify-content: space-between; align-items: flex-end; flex-direction: row; gap: 1.5rem; margin-bottom: 3.5rem;}
.hm-team .head-text .head{font-size: 3rem; line-height: 1; color: #fff; font-family: "Playfair Display", Georgia, serif;     max-width: 42rem;}
.hm-team .head-text .text{line-height: 1.625; color: #fff; max-width: 24rem;}
.hm-team .teams{grid-template-columns: repeat(3, minmax(0, 1fr)); display:grid;     gap: 2rem;}
.hm-team .teams .photo{border-radius: 0.75rem; overflow: hidden; aspect-ratio: 4 / 5; position: relative;     height: 450px;}
.hm-team .teams .photo img{width: 100%; height: auto; margin: 0 auto; display: block; position: relative;}
.hm-team .teams .photo .specialist{position: absolute; bottom: 0px; left: 0px; z-index: 100; color: #eef2f9; width: 100%; text-align: center; letter-spacing: 0.22em; text-transform: uppercase; font-size: 0.75rem; line-height: 1rem; height:75px; background: #212451; background: linear-gradient(360deg, rgba(33, 36, 81, 1) 0%, rgba(33, 36, 81, 0.38) 45%);  display: flex; justify-content: center; align-items: center;}
.hm-team .teams .name{color: #fff; font-size: 1.5rem; line-height: 2rem; font-family: "Playfair Display", Georgia, serif; margin-top: 1.25rem;}
.hm-team .teams .desig{color: #9a6d0f; letter-spacing: 0.025em; font-weight: 500; font-size: 0.8rem; line-height: 1.25rem; margin-top: 1rem;}
.hm-team .teams .point{margin-top: 1rem; color: rgba(255,255,255,.75); font-size: 0.875rem; line-height: 1.25rem; gap: 0.5rem; align-items: flex-start; display: flex;}
.hm-team .teams .point svg{color:#b88512}

.hm-arbitration-experience{max-width:1280px; margin:0 auto;}
.hm-arbitration-experience .sub-text{color: #b88512; letter-spacing: 0.22em; text-transform: uppercase; font-size: 0.75rem; line-height: 1rem; margin-bottom: 1.25rem;}
.hm-arbitration-experience .head{font-size: 3rem; line-height: 1; color: #0f2040; font-family: "Playfair Display", Georgia, serif; max-width: 42rem;}
.hm-arbitration-experience .head span{color:#1e3a6e; font-style:italic;}
.hm-arbitration-experience .text{line-height: 1.625; margin-top: 1.5rem; color:#2d4b87; max-width: 42rem; margin-bottom: 4rem;}
.hm-arbitration-experience .points{grid-template-columns: repeat(2, minmax(0, 1fr)); display:grid;     gap: 2rem;}
.hm-arbitration-experience .points .box{background:#fff; padding: 2rem; bordeR:solid 1px #d5dff0; border-radius: 1rem; position:relative;}
.hm-arbitration-experience .points .box .amount{color: #0f2040; font-size: 2.25rem; line-height: 2.5rem; font-family: "Playfair Display", Georgia, serif;}
.hm-arbitration-experience .points .box .heading{color: #0f2040; line-height: 1.375; font-size: 1.25rem; font-family: "Playfair Display", Georgia, serif; margin-top: 1.25rem;}
.hm-arbitration-experience .points .box .desc{color: #2d4b87; line-height: 1.625;     font-size: 0.875rem; margin-top: 0.75rem;}
.hm-arbitration-experience .points .box .s-name{color: #9a6d0f; letter-spacing: 0.22em; text-transform: uppercase; font-size: 10px; padding: 0.25rem 0.75rem; border:solid 1px #e9be55; border-radius: 9999px; position: absolute; top: 25px; right: 25px;}

.hm-insight{max-width:1280px; margin:0 auto;}
.hm-insight .sub-text{color: #b88512; letter-spacing: 0.22em; text-transform: uppercase; font-size: 0.75rem; line-height: 1rem; margin-bottom: 1.25rem;}
.hm-insight .head{font-size: 3rem; line-height: 1; color: #0f2040; font-family: "Playfair Display", Georgia, serif; max-width: 42rem; margin-bottom: 4rem;}
.hm-insight .head span{color:#1e3a6e; font-style:italic;}
.hm-insight .points{grid-template-columns: repeat(3, minmax(0, 1fr)); display:grid; gap: 2rem;}
.hm-insight .points .box .img{border-radius: 0.75rem; overflow: hidden; aspect-ratio: 16 / 10; margin-bottom: 1.5rem;}
.hm-insight .points .box .img img{object-fit: cover; width:100%; height:100%;}
.hm-insight .points .box .date-tiem{color: #9a6d0f;     letter-spacing: 0.22em; text-transform: uppercase; font-size: 11px; gap: 0.75rem;}
.hm-insight .points .box .heading{color: #0f2040; line-height: 1.375; font-size: 1.5rem; font-family: "Playfair Display", Georgia, serif;     margin-top: 1rem;}
.hm-insight .points .box .desc{color: #2d4b87; line-height: 1.625; font-size: 0.875rem; margin-top: 0.75rem;}

.hm-schedule{max-width:1280px; margin:0 auto; grid-template-columns: repeat(2, minmax(0, 1fr)); display:grid; gap: 4rem;}
.hm-schedule .left .sub-text{color: #b88512; letter-spacing: 0.22em; text-transform: uppercase; font-size: 0.75rem; line-height: 1rem; margin-bottom: 1.25rem;}
.hm-schedule .left .heading{font-size: 3rem; line-height: 1; color: #fff; font-family: "Playfair Display", Georgia, serif;}
.hm-schedule .left .text{line-height: 1.625; margin-top: 1.5rem; color:#aec0e2; max-width: 42rem; margin-bottom: 4rem;}
.hm-schedule .left .address{color:#d5dff0; line-height: 1.625; display:flex; gap: 1rem; align-items: flex-start; margin-bottom:2rem}
.hm-schedule .left .address .icon{color: #e9be55; border:solid 1px rgba(212, 160, 23, 0.4); border-radius: 9999px; justify-content: center; align-items: center; flex-shrink: 0; width: 2.5rem; height: 2.5rem; display: flex;}
.hm-schedule .left .address .icon svg{width: 1rem; height:1rem;}
.hm-schedule .right .form-area{padding: 2.5rem; border-radius: 1rem; background:#fff; grid-template-columns: repeat(2, minmax(0, 1fr)); display:grid; gap:1.5rem;}
.hm-schedule .right .form-area label{color: #3a5ea0; letter-spacing: 0.22em; text-transform: uppercase; font-size: 0.75rem; line-height: 1rem; margin-bottom:5px; width:100%; display:table;}
.hm-schedule .right .form-area input{color: #0f2040; padding: 0.75rem 1rem; border:solid 1px #aec0e2; border-radius: 0.5rem; width:100%;}
.hm-schedule .right .form-area select{color: #0f2040; padding: 0.75rem 1rem; border:solid 1px #aec0e2; border-radius: 0.5rem; width:100%;}
.hm-schedule .right .form-area textarea{color: #0f2040; padding: 0.75rem 1rem; border:solid 1px #aec0e2; border-radius: 0.5rem; width:100%;}
.hm-schedule .right .form-area .matter{grid-column:span 2;}
.hm-schedule .right .form-area .textarea{grid-column:span 2;}
.hm-schedule .right .form-area .button{grid-column:span 2;}
.hm-schedule .right .form-area .button button{background-color: #0f2040; width:100%; color:#fff; padding: 1rem 2rem; font-weight: 600; letter-spacing: 0.025em; border-radius: 9999px; border:0px;}

.footer{background:#091528;}
.footer .inner{padding:2.5rem 0rem; max-width: 80rem; margin:0 auto; grid-template-columns: 30% 20% 20% 30%; display:grid; gap: 2rem;}
.footer .inner .first .f-logo{width: 12rem;}
.footer .inner .first .f-logo img{width: 100%; height:auto;}
.footer .inner .first .text{line-height: 1.625; font-size: 0.875rem; max-width: 24rem; margin-top: 1.5rem; color:#7e9bce; max-width:300px;}
.footer .inner .links .head{    color: #e9be55; letter-spacing: 0.22em; text-transform: uppercase; font-size: 0.75rem; line-height: 1rem; margin-bottom: 1.25rem;}
.footer .inner .links a{font-size: 0.875rem; line-height: 1.25rem; display:table; width:100%; color:#7e9bce; margin-bottom:1.25rem; text-decoration:none;}
.footer .inner .address-detail .head{    color: #e9be55; letter-spacing: 0.22em; text-transform: uppercase; font-size: 0.75rem; line-height: 1rem; margin-bottom: 1.25rem;}
.footer .inner .address-detail .address{font-size: 0.875rem; line-height: 1.25rem; color:#7e9bce; display:flex; gap: 1rem; align-items: center;margin-bottom:1rem}
.footer .inner .address-detail .address .icon{color: #e9be55; border:solid 1px rgba(212, 160, 23, 0.4); border-radius: 9999px; justify-content: center; align-items: center; flex-shrink: 0; width: 2.5rem; height: 2.5rem; display: flex; }
.footer .inner .address-detail .address .icon svg{width: 1rem; height:1rem;}
.footer .copyright{max-width: 80rem; padding:2.5rem; margin:0 auto;color:#7e9bce; text-align:center; }



@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){

}

@media (max-width:480px){
	.header-wrapper .header{padding:10px 0px;}
	.header-wrapper .header .container-fluid{flex-wrap: unset; justify-content: end; gap: 10px;}
	.header-wrapper .header .navbar-brand{width:150px;}
	.header-wrapper .header .navbar-toggler {width: 48px; border: 0px; padding: 0px;}
	.header-wrapper .header .navbar-toggler img{width:100%; height:auto; filter:invert(1)}
	.header-wrapper .header .contact-btn{flex-shrink:0; font-size: 0.75rem; padding: 0.525rem 1rem;}
	.header-wrapper .header .navbar-collapse{position: absolute; top: 58px; width: 100%; text-align: right; background: #0f2040; padding: 20px; left: 0px;}
	.header-wrapper .header .navbar-nav{gap:10px;}
	.header-wrapper .header .navbar-nav .nav-item{width:100%;}
	.header-wrapper .header .navbar-nav .nav-link{padding:7px;}
	.hero-section{}
	.hero-section .content{max-width:320px; margin-left: -160px;}
	.hero-section .content .sub-text{font-size: 0.6rem; margin-bottom: 1rem;}
	.hero-section .content .sub-text span{width: 2rem;}
	.hero-section .content .text{font-size: 2.7rem;}
	.hero-section .content .text span{display:inline;}
	.hero-section .content .text-2{font-size: .9rem; margin-top: 1.2rem;}
	.hero-section .content .cta a{padding: .75rem 1.5rem;}
	.outer-wrapper{display:none;}
	.footer{display:none;}
}