@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
body {  font-family: Lato;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.container {
max-width: 1280px;
padding-left: 45px;
padding-right: 45px;
}
button {
background: transparent;
border: none;
}
button:focus {
box-shadow: none !important;
}
input:focus {
box-shadow: none !important;
}
select:focus-visible {
outline: none !important;
box-shadow: none !important;
}
textarea:focus {
box-shadow: none !important;
}
a {
text-decoration: none;
transition: .5s;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin-bottom: 0;
}
ul {
margin-bottom: 0;
padding-left: 0;
}
p {
text-align: justify !important;
} button#mob-menu-btn {
position: relative;
width: 50px;
height: 50px;   display: none;
justify-content: start;
align-items: center;
cursor: pointer;
overflow: hidden;
}
button#mob-menu-btn span {
position: absolute;
width: 38px;
height: 4px;
background: #ffffff;
border-radius: 5px;
transition: 0.5s;
left: 8px;
}
button#mob-menu-btn span:nth-child(1) {
transform: translateY(-13px); }
button#mob-menu-btn.active span:nth-child(1) {
width: 40px;
transform: translateY(0) rotate(45deg);  }
button#mob-menu-btn span:nth-child(2) {
transform: translateY(13px); }
button#mob-menu-btn.active span:nth-child(2) {
width: 40px;
transform: translateY(0) rotate(315deg);  }
button#mob-menu-btn.active span:nth-child(3) {
transform: translateX(60px);
}  .back-to-top {
position: fixed;
bottom: 25px;
right: 25px;
background-color: #CB2028;
color: #FFFFFF;
border-color: transparent;
z-index: 99; width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
transition: 1s ease;
}
.back-to-top:focus {
outline: 0;
box-shadow: none !important;
}
.back-to-top:active {
color: #ffffff;
background-color: #36454f; }
.back-to-top:hover {
background-color: #36454f;
color: #ffffff; }
.back-to-top:hover img {
animation: backtotop 1s ease infinite;
}
@keyframes backtotop {
0% {
transform: translateY(-2px);
}
25% {
transform: translateY(0);
}
50% {
transform: translateY(2px);
}
75% {
transform: translateY(0px);
}
100% {
transform: translateY(-2px);
}
}  body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #36454f;
}
body::-webkit-scrollbar {
width: 10px;
background-color: #36454f;
}
body::-webkit-scrollbar-thumb {
background-color: #CB2028;
}  .preloader {
width: 100%;
height: 100%;
position: fixed;
z-index: 9999999999;
top: 0;
left: 0;
overflow-x: hidden; background: radial-gradient(#fbfbfb, #f7dcdcc4);
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(5px);
}
.loader {
width: 48px;
height: 48px;
margin: auto;
position: relative;
}
.loader:before {
content: '';
position: absolute;
width: 48px;
height: 5px;
background: #36454f38;
top: 60px;
left: 0;
border-radius: 50%;
animation: shadow324 0.5s linear infinite;
transition: .7s;
}
.loader:after {
content: '';
position: absolute;
width: 100%;
height: 100%; background: url(//www.tiruchelvam.com/wp-content/themes/tiruchelvam/assets/img/favicon-png.png);
top: 0;
left: 0;
border-radius: 4px;
animation: jump7456 0.5s linear infinite;
transition: .7s;
}
@keyframes jump7456 {
15% {
border-bottom-right-radius: 3px;
}
25% {
transform: translateY(9px) rotate(22.5deg);
}
50% {
transform: translateY(18px) scale(1, .9) rotate(45deg);
border-bottom-right-radius: 40px;
}
75% {
transform: translateY(9px) rotate(67.5deg);
}
100% {
transform: translateY(0) rotate(90deg);
}
}
@keyframes shadow324 {
0%,
100% {
transform: scale(1, 1);
}
50% {
transform: scale(1.2, 1);
}
} .header-wrap {
width: 100%;
height: auto;
position: fixed;
z-index: 999999;
top: 0;
transition: 0.5s;
background: rgba(50, 48, 49, 0.55);
backdrop-filter: blur(10px);
}
.header-wrap .container {
padding-left: 13px;
padding-right: 0;
max-width: unset;
}
header .navbar-menus { display: flex;
align-items: center;
justify-content: space-between;
}
header nav.navbar {
padding-top: 0 !important;
padding-bottom: 0 !important;
position: unset;
}
header.scrolled .navbar-collapse {
flex-direction: unset;
transition: 0.5s;
}
.header-wrap.scrolled .navbar-nav {
position: relative;
}
.header-wrap.scrolled .navbar-brand {
transition: transform .9s;
}
.header-wrap .navbar-brand {
z-index: 9;
margin-right: 0;
}
.comp-prof {
display: flex;
align-items: center;
justify-content: space-between;
width: 225px;
height: 73px;
background: var(--Brand--Red, #CB2028);
position: relative;
}
.prof-text {
color: #FFF;
font-size: 14px;
font-weight: 500;
line-height: 19px;
}
a.comp-call {
position: relative;
width: 65px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
border-left: 1px solid #E0575D;
transition: .5s;
}
.comp-call img {
transition: .5s;
}
header ul li a.nav-link {
display: contents;
}
a.down-prof {
display: flex;
align-items: center;
gap: 15px;
padding: 0 32px 0 23px;
height: 100%;
width: 153px;
transition: .5s;
}
a.down-prof img {
transition: .5s;
}
header ul.navbar-nav {
display: flex;
align-items: center;
gap: 47px;
}
.navbar-menus ul li a {
color: #FFF;
font-size: 15px;
font-weight: 400;
position: relative; padding: 27px 0;
}
.navbar-menus ul li a:before {
content: '';
position: absolute;
width: 0;
height: 2px;
background: #CD2028;
bottom: 15px;
left: 0;
transition: .5s;
}
.navbar-menus ul li:hover a:before {
width: 100%;
}
.prof-text span {
text-align: left;
font: normal normal normal 11px/15px Open Sans;
letter-spacing: 0px;
color: #FFFFFF;
text-transform: uppercase;
}
.prof-text h6 {
text-align: left;
font: normal normal 600 14px/19px Open Sans;
letter-spacing: 0px;
color: #FFFFFF;
text-transform: uppercase;
} .custom-submenu-block {
background: #F5F5F5;
width: 100vw;
height: auto;
padding: 0 0 0;
position: fixed;
top: 73px;
left: 0;
max-height: 0;
overflow: hidden;
transition: 1s;
}
.custom-submenu-link.subshow .custom-submenu-block,
.custom-submenu-link:hover .custom-submenu-block {
max-height: 1000px;
padding: 55px 0 50px;
}
.custom-submenu-block .container {
max-width: 1280px;
padding-left: 100px;
padding-right: 55px;
}
.custom-submenu-contents {
display: flex;
flex-direction: column;
gap: 160px;
}
.custom-submenu-contents h3 {
color: #36454F;
font-family: "Libre Baskerville";
font-size: 30px;
font-weight: 400;
line-height: 40px;
letter-spacing: -0.6px;
}
.custom-submenu-contents a {
color: #E5222B !important;
font-size: 16px !important;
font-weight: 500 !important;
line-height: 26px;
display: flex;
align-items: center;
justify-content: start;
gap: 12px;
width: fit-content;
}
.custom-submenu-contents a:before {
display: none;
}
.custom-submenu-links {
margin-left: -45px;
}
.custom-submenu-links ul {
display: flex;
flex-wrap: wrap;
}
.custom-submenu-links ul li {
margin: 10px 0 !important;
list-style: none;
flex-basis: 50%;
}
.custom-submenu-links ul li a {
color: #2B2A2A;
font-size: 17px;
font-weight: 500;
line-height: 26px;
}
.custom-submenu-links ul li a:before {
display: none;
}
.custom-submenu-links ul li a:hover {
color: #cd2028;
}
.custom-submenu-link { position: relative;
}
.nav-click {
position: absolute;
display: none;
width: 9px;
height: 9px;
border-left: 1px solid #FFF;
border-bottom: 1px solid #FFF;
transform: rotate(-45deg);
top: 5px;
right: 0;
z-index: 999;
background-repeat: no-repeat;
transition: .5s;
}
span.nav-click.arrowup {
transform: rotate(135deg);
top: 10px;
}
.tab-mob-logo {
display: none;
} .tab-mob-menu-right>.comp-prof {
display: none;
}
.header-wrap .navbar-collapse {
position: relative;
}
.head-linkedin {
position: absolute;
left: -60px;
width: 45px;
height: 45px;
border: 1px solid #fff;
display: flex;
align-items: center;
justify-content: center;
}
.head-linkedin:hover {
border-color: #cb2028;
background: #cb2028;
}
.head-linkedin i {
font-size: 17px;
color: #fff;
transition: .5s;
}    #popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(39, 37, 37, 0.93);
backdrop-filter: blur(9px);
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
z-index: 999999;
overflow-y: auto;
padding: 30px 0;
}
.disclaimer-popup-contents { background: rgba(249, 244, 244, 0.89);
backdrop-filter: blur(4px);
padding: 35px 40px; width: 95%;
height: auto;
}
.disclaimer-popup-contents h2 {
color: #36454F; font-size: 28px;
font-weight: 400;
line-height: 38px;
letter-spacing: -0.58px;
text-transform: uppercase;
text-align: center;
margin-top: 25px;
}
.disclaimer-popup-contents h2:first-child {
margin-top: 0;
}
.disclaimer-popup-contents p {
color: #000;
font-size: 14px;
font-weight: 400;
line-height: 24px;
margin-top: 20px;
}
.disclaimer-buttons {
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
margin-top: 25px;
}
.disclaimer-buttons button {
padding: 0 47px;
width: fit-content;
height: 56px;
font-size: 19px;
font-weight: 500;
line-height: 25px;
transition: .5s;
}
.disclaimer-buttons #agree-btn {
color: #ECEBEB;
background: #332E2E;
}
.disclaimer-buttons #agree-btn:hover {
background: #CB2028;
}
.disclaimer-buttons #no-thanks-btn {
border: 1px solid #000;
}
.disclaimer-buttons #no-thanks-btn:hover {
border-color: #CB2028;
background: #CB2028;
color: #ECEBEB;
}  .page-sections { }
.main-banner-section {
width: 100%;
height: 100vh;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-attachment: fixed !important;
position: relative;
}
.main-banner-section:before {
content: '';
position: absolute;
width: 100%;
height: 500px;
opacity: 0.9;
background: linear-gradient(0deg, #110607 20.18%, rgba(34, 15, 16, 0.00) 100%);
bottom: 0;
left: 0;
}
.main-banner-contents {
height: 100vh;
display: flex;
flex-direction: column;
justify-content: end;
padding-bottom: 60px;
}
.main-banner-contents h1 {
color: #FFF;
font-size: 46px;
font-weight: 400;
line-height: 60px;
max-width: 492px;
}
.title-style {
position: relative;
padding-bottom: 38px;
}
.title-style:before {
content: '';
position: absolute;
width: 19px;
height: 14px;
background: url(//www.tiruchelvam.com/wp-content/themes/tiruchelvam/assets/img/title-mark.png);
background-repeat: no-repeat;
background-size: contain;
bottom: 0;
left: 0;
}
.title-style:after {
content: '';
position: absolute; width: 0;
height: 2px;
background: #CB2028;
bottom: 5px;
left: 39px; transition: 2s;
}
.title-style.active::after { width: 90%; }
.title-style strong {
color: var(--Brand--Red, #CB2028);
font-weight: 700;
}
.affiliate-wrap {
margin-top: 56px;
position: relative;
}
.affiliate-wrap h3 {
color: #D7D7D7;
font-size: 15px;
font-weight: 400;
line-height: 22px;
text-transform: uppercase;
margin-bottom: 20px;
}
.affiliate-logo-slider {
width: 100%;
}
.affiliate-logo-slider .slick-track {
display: flex;
align-items: center;
}
.affiliate-logo {
margin: 0 17px;
}
.affiliate-logo img {
height: auto;
width: auto;
}
.main-banner-contents .affiliate-logo img {
filter: grayscale(1);
}
.home-intro-section {
padding: 50px 0 75px;
}
.home-intro-contents label {
color: var(--Brand--Red, #CB2028);
font-size: 16px;
font-weight: 500;
letter-spacing: 3.04px;
text-transform: uppercase;
margin-bottom: 25px;
}
.home-intro-contents h2 {
color: #36454F;
font-size: 37px;
font-weight: 400;
line-height: 55px;
margin-bottom: 18px;
padding-bottom: 30px;
max-width: 455px;
}
.home-intro-contents h2.title-style.active::after {
width: 82%;
}
.home-intro-contents p {
color: #1E1E1E;
font-size: 15px;
font-weight: 400;
line-height: 26px;
margin-top: 20px;
max-width: 520px;
}
.home-intro-logos {
margin-top: 30px;
display: flex;
align-items: center;
gap: 25px;
flex-wrap: wrap;
}
.home-intro-logos img {}
.home-intro-picture {
position: relative;
z-index: 1;
margin-left: -32px;
margin-top: 23px;
}
.home-intro-picture:before {
content: '';
position: absolute;
width: 90%;
height: 100%;
border: 4px solid #000;
bottom: -38px;
right: 0;
z-index: -1;
transition: .5s;
}
.we-work-section {
padding: 105px 0;
width: 100%;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-attachment: fixed !important;
}
.we-work-contents {
max-width: 922px;
margin: auto;
}
.we-work-contents h2 {
color: #FFF;
text-align: center;
font-size: 37px;
font-weight: 600;
line-height: 51px; width: fit-content;
margin: auto;
padding-bottom: 30px;
margin-bottom: 40px;
}
.we-work-contents .title-style.active::after {
width: 85%;
}
.we-work-contents p {
color: #FFF;
text-align: center !important;
font-size: 15px;
font-weight: 400;
line-height: 27px;
margin-top: 20px;
}
.our-practice-section {
padding: 70px 0 100px;
}
.our-practice-contents h2 {
text-align: center;
color: #36454F;
font-size: 45px;
font-weight: 400;
line-height: 58px;
width: fit-content;
margin: auto;
margin-bottom: 55px;
padding-bottom: 20px;
}
.our-practice-blocks {
display: flex;
flex-wrap: wrap; background: #FFF;  }
.our-practice-blocks a {
flex: 0 0 20%;
max-width: 20%;
height: 190px; background: #FFF;
display: flex;
align-items: center; flex-direction: column;
gap: 17px;
color: #CD2028;
text-align: center;
font-size: 17px;
font-weight: 500;
line-height: 26px;
border: 1px solid #EDEDED;
padding: 35px 40px 35px;
position: relative;
transition: 0.5s !important;
}
.our-practice-blocks a:hover {
color: #0D0D0D;
}
.our-practice-blocks a:before {
content: '';
position: absolute;
width: 85%;
height: 85%;
border: 3px solid #707070;
box-shadow: 0px 1px 44px 0px rgba(0, 0, 0, 0.12);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: .5s;
opacity: 0;
}
.our-practice-blocks a:hover:before {
width: 100%;
height: 100%;
opacity: 1;
}
.our-practice-blocks img {
transition: .5s;
}
.our-practice-blocks a:hover img {
filter: grayscale(1);
}
.home-our-client-section {
padding: 90px 0 70px;
width: 100%;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.home-our-client-contents h2 {
color: #FFF;
font-size: 47px;
font-weight: 400;
line-height: 58px;
margin: auto;
width: fit-content;
text-align: center;
margin-bottom: 45px;
padding-bottom: 20px;
}
.home-our-client-contents .title-style.active::after {
width: 92%;
}
.home-our-client-blocks {
display: flex;
flex-wrap: wrap;
}
.home-our-client-box {
flex: 0 0 33.33%;
max-width: 33.33%; height: auto;
display: flex;
flex-direction: column;
border-right: 2px solid #403B3B;
padding: 50px 40px 45px;
background: rgba(50, 48, 49, 0.55);
backdrop-filter: blur(10px);
}
.home-our-client-box:last-child {
border-right: none;
}
.home-our-client-box img {
margin-bottom: 28px;
} .home-our-client-box h4 {
color: #ffffff;
font-family: "Libre Baskerville";
font-size: 18px;
font-weight: 700;
line-height: 28px;
margin-bottom: 20px;
}
.home-our-client-box p {
color: #CFCCCC;
font-size: 15px;
font-weight: 400;
line-height: 25px;
margin-bottom: 29px;
}
.home-our-client-box span {
color: #CD2028;
font-size: 15px;
font-style: italic;
font-weight: 400;
line-height: 26px;
}
.home-our-client-contents a {
width: fit-content;
height: 56px;
padding: 0 32px;
background: #CB2028;
display: flex;
align-items: center;
justify-content: center;
color: #FFF;
font-size: 19px;
font-weight: 700;
line-height: 56px;
margin: auto;
margin-top: 52px;
}
.home-our-client-contents a:hover {
background: #34343A;
}
.talk-to-us-section {
padding: 70px 0 80px;
}
.talk-to-us-contents {
padding-top: 28px;
margin-right: -52px;
}
.talk-to-us-contents h2 {
font-size: 41px;
line-height: 58px;
letter-spacing: -0.41px;
width: fit-content;
margin-bottom: 20px;
padding-bottom: 22px;
}
.talk-to-us-contents h2.title-style.active:after {
width: 78%;
right: -10%;
}
.talk-to-us-contents p {
color: #212127;
font-size: 17px;
font-weight: 400;
line-height: 29px;
max-width: 68%;
text-align: left !important;
}
.talk-contact-blocks {
display: flex;
position: relative;
padding-bottom: 45px;
margin-top: 50px;
flex-wrap: wrap;
}
.talk-contact-blocks:before {
content: '';
position: absolute;
width: 144px;
height: 2px;
background: #CD2028;
bottom: 0;
left: 0;
}
.talk-contact-link {
display: flex;
align-items: center;
gap: 22px;
width: 50%;
}
.talk-contact {
display: flex;
flex-direction: column;
}
.talk-contact a {
color: #212127;
font-size: 17px;
font-weight: 400;
line-height: 26px;
}
.talk-contact a:hover {
color: #CB2028;
}
.like-to-work-block {
display: flex;
align-items: start;
gap: 28px;
margin-top: 30px;
}
.like-to-work-block img {
margin-top: 15px;
}
.like-to-work-button {
display: flex;
flex-direction: column;
gap: 14px;
}
.like-to-work-button span {
color: #212127;
font-size: 23px;
font-weight: 700;
line-height: 38px;
}
.like-to-work-button a {
width: fit-content;
height: 50px;
padding: 0 50px;
border: 1px solid #000;
color: #000;
font-size: 17px;
font-weight: 700;
line-height: 25px;
display: flex;
align-items: center;
justify-content: center;
}
.like-to-work-button a:hover {
background: #34343A;
border-color: #34343A;
color: #fff;
}
.get-started-form-block {
background: #34343A; padding: 52px 52px 58px;
margin-left: 82px;
}
.get-started-form-block h2 {
color: #FFF;
font-size: 42px;
font-weight: 700;
line-height: 52px;
letter-spacing: -0.84px;
margin-bottom: 23px;
}
.get-started-form-block p {
color: #F4F4F4;
font-size: 15px;
font-weight: 400;
line-height: 27px;
}
.get-started-form {
margin-top: 12px;
}
.form-field {
position: relative;
min-height: 45px;
border-bottom: 1px solid #D3D3D3;
}
.form-field.mt-5,
.form-yesno.mt-5 {
margin-top: 40px !important;
}
.form-field.mt-7 {
margin-top: 55px;
}
.form-field label {
text-align: left;
color: #B6B6B6;
font-family: "Libre Baskerville";
font-size: 15px;
font-weight: 400;
line-height: 25px;
top: 10px;
position: absolute;
display: block;
transition: all 0.2s;
padding-left: 0;
z-index: 10;
}
.form-field.active label {
top: -5px;
color: #B6B6B6;
font-size: 10px;
z-index: 20;
}
.form-field input,
.form-field select,
.form-field textarea {
position: relative;
display: block;
width: 100%;
background: transparent;
border: none;
-webkit-appearance: none;
outline: none;
z-index: 15;
color: #EAEAEA;
font-size: 15px;
font-weight: 400;
line-height: 29px;
padding-left: 0;
padding-top: 20px;
height: 45px;
border-radius: 0 !important;
}
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
border: none;
background: transparent;
color: #EAEAEA;
}
.form-field select {
cursor: pointer;
line-height: 20px;
}
.form-field select option {
background: #34343A !important;
}
.form-field .textarea-field,
.form-field textarea {
height: 55px;
}
.select-drop-arrow {
position: relative;
}
.select-drop-arrow::before {
content: '';
position: absolute;
width: 10px;
height: 10px;
border-left: 1px solid #B6B6B6;
border-bottom: 1px solid #B6B6B6;
right: 2px;
top: 15px;
transform: rotate(-45deg);
}
.get-start-btn {
margin-top: 48px;
position: relative;
}
.get-start-btn input {
border: 1px solid #D3D3D3;
width: 100%;
height: 62px;
display: flex;
align-items: center;
justify-content: center;
color: #FFF;
font-size: 20px;
font-weight: 500;
line-height: 25px;
background: transparent;
transition: .5s;
}
.get-start-btn input:hover {
background: #CB2028;
border-color: #CB2028;
}
.get-start-btn .wpcf7-spinner {
position: absolute;
right: 0;
top: 18px;
}
.form-yesno {
height: 45px;
border-bottom: 1px solid #D3D3D3;
position: relative;
display: flex;
flex-direction: column;
justify-content: end;
padding-bottom: 7px;
}
.form-yesno>label {
color: #B6B6B6;
font-family: "Libre Baskerville";
font-size: 10px;
font-weight: 400;
line-height: 20px;
position: absolute;
top: -10px;
}
.yesno-radio-block {
display: flex;
align-items: center;
justify-content: space-between;
}
.yesno-radio-block>span {
color: #EAEAEA;
font-size: 15px;
font-weight: 400;
line-height: 29px;
}
.yesno-btns {
display: flex;
}
.yesno-btns label {
position: relative;
cursor: pointer;
transition: .5s;
padding: 0 12px;
width: fit-content;
height: 29px;
display: flex;
align-items: center;
justify-content: center;
}
.yesno-btns label.active {
border: 1px solid #FFF;
}
.yesno-btns label input {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
}
.yesno-btns span.wpcf7-list-item label input {
cursor: pointer;
}
.yesno-btns label span {
color: #EAEAEA;
font-size: 12px;
font-weight: 400;
line-height: 29px;
}
.slick-next:before,
.slick-prev:before {
content: '';
position: absolute;
font-size: 0; opacity: 1 !important;
display: block;
width: 12px;
height: 22px;
top: 0;
}
.slick-prev:before {
background: url(//www.tiruchelvam.com/wp-content/themes/tiruchelvam/assets/img/arrow-left.png);
}
.slick-next:before {
background: url(//www.tiruchelvam.com/wp-content/themes/tiruchelvam/assets/img/arrow-right.png);
}
.affiliate-logo-slider .slick-prev {
left: -22px;
}
.affiliate-logo-slider .slick-next {
right: -30px;
}
.form-field .wpcf7-not-valid-tip {
position: absolute;
font-size: 12px;
margin-top: 4px;
color: #dc3232 !important;
}
.yesno-radio-block .wpcf7-not-valid-tip {
font-size: 12px;
position: absolute;
line-height: 15px;
width: max-content;
margin-top: 15px;
}  .footer-contact-section {
padding: 82px 0 0;
background: #323031;
}
.footer-contact-contents {
max-width: 395px;
}
.footer-contact-section .row {
padding-bottom: 45px;
position: relative;
}
.footer-contact-section .row:before {
content: '';
position: absolute;
width: 98%;
height: 1px;
background: #989090;
left: 50%;
transform: translate(-50%, 0);
bottom: 0;
}
.footer-contact-contents>a {
margin-bottom: 35px;
display: block;
}
.footer-contact-info-block {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 20px;
}
.footer-contact-info {
color: #ECE5E5;
font-size: 17px;
font-weight: 400;
line-height: 32px;
}
.footer-contact-contents>p {
color: #D3D3D3;
font-size: 13px;
font-weight: 400;
line-height: 22px;
margin-top: 40px;
}
.footer-contact-map {
width: 678px;
height: 424px;
}
.footer-contact-map iframe {
width: 100%;
height: 100%;
}
footer {
background: #323031;
padding: 32px 0 32px;
}
.footer-copyrights {
text-align: center;
}
.footer-copyrights p {
color: #FFF;
font-family: Roboto;
font-size: 15px;
font-weight: 400;
line-height: 32px;
text-align: center !important;
}
.footer-copyrights p a {
color: #FFF;
}
.footer-copyrights p a:hover {
color: #CB2028;
}  header.inner-header { background-size: cover;
}
.breadcrumb-section {
padding: 25px 0;
}
ol.breadcrumb {
display: flex;
align-items: center;
gap: 48px;
margin-bottom: 0;
}
ol.breadcrumb li {
color: #302929;
font-size: 12px;
font-weight: 400;
letter-spacing: 2.28px;
text-transform: uppercase;
padding-left: 0 !important;
position: relative;
}
ol.breadcrumb li:before {
display: none;
}
ol.breadcrumb li:last-child:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #CB2028;
bottom: -2px;
left: 0;
}
ol.breadcrumb li a {
color: #AAA2A2;
}
ol.breadcrumb li a:hover {
color: #CB2028;
}
.inner-page-sections {
padding-top: 73px;
}
.about-intro-section {
padding: 15px 0 78px;
}
.about-intro-section .row .col-lg-6 {
display: flex;
align-items: center;
}
.about-intro-contents {
margin-right: -23px;
}
.about-intro-top {
display: flex;
align-items: end;
justify-content: space-between;
margin-bottom: 32px;
}
.about-intro-top-content h2 {
color: #36454F;
font-size: 49px;
font-weight: 600;
line-height: 55px;
letter-spacing: -0.98px;
width: fit-content;
margin-bottom: 25px;
padding-bottom: 24px;
}
.about-intro-top-content .title-style.active::after {
width: 85%;
}
.about-intro-top-content h3 {
color: #1E1E1E;
font-size: 19px;
font-weight: 400;
line-height: 32px;
max-width: 340px;
}
.about-intro-count-text {
display: flex;
align-items: center;
color: #202426;
font-size: 121px;
font-weight: 500;
line-height: 140px;
letter-spacing: -2.42px;
}
.about-intro-count p {
color: var(--Brand--Red, #CB2028);
font-size: 20px;
font-weight: 500;
display: flex;
align-items: center;
gap: 12px;
}
.about-intro-contents>p {
color: #1E1E1E;
font-size: 16px;
font-weight: 400;
line-height: 28px; }
.about-intro-image {
position: relative;
z-index: 1;
padding-right: 38px;
padding-top: 43px;
text-align: right;
margin-top: -48px;
width: 100%;
}
.about-intro-image:before {
content: '';
position: absolute;
width: 70%;
height: 65%;
border: 3px solid #000;
top: 0;
right: 0;
z-index: -1;
transition: .5s;
}
.about-middle-section {
display: flex;
position: relative;
}
.about-middle-left {
width: 50%;
}
.about-middle-right {
width: 50%;
}
.about-middle-section img {
width: 100%;
height: 100%;
object-fit: cover;
}
.about-middle-left-block {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
}
.about-middle-left-contents {
max-width: 568px;
}
.about-middle-left-contents h3 {
color: #FFF;
font-size: 28px;
font-weight: 700;
line-height: 40px;
max-width: 554px;
margin-bottom: 30px;
}
.about-middle-left-contents p {
color: #FFF;
font-size: 16px;
font-weight: 400;
line-height: 29px;
margin-top: 25px;
}
.about-we-work-section {
padding: 46px 0 55px;
}
.about-we-work-contents {
padding-left: 10px;
padding-top: 35px;
}
.about-we-work-contents h2 {
color: #36454F;
font-size: 49px;
font-weight: 600;
line-height: 55px;
letter-spacing: -0.98px;
width: fit-content;
margin-bottom: 30px;
padding-bottom: 30px;
}
.about-we-work-contents p {
color: #1E1E1E;
font-size: 16px;
font-weight: 400;
line-height: 27px;
margin-top: 20px;
}
.about-we-work-btns {
display: flex;
align-items: center;
margin-top: 45px;
gap: 12px;
}
.about-we-work-btns a {
width: fit-content;
height: 56px;
padding: 0 30px;
color: #FFF;
font-size: 19px;
font-weight: 500;
line-height: 25px;
display: flex;
align-items: center;
justify-content: center;
}
.about-we-work-btns a:first-child {
background: #332E2E;
}
.about-we-work-btns a:first-child:hover {
background: #CB2028;
}
.about-we-work-btns a:last-child {
background: #CC2027;
}
.about-we-work-btns a:last-child:hover {
background: #36454F;
}
.about-affiliate-section {
padding: 35px 0 55px;
}
.about-affiliate-contents h2 {
color: #36454F;
font-size: 28px;
font-weight: 700;
line-height: 58px;
width: fit-content;
margin-bottom: 40px;
padding-bottom: 20px;
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.about-affiliate-contents h2.title-style.active::after {
width: 77%;
}
.about-two-img-section {}
.about-two-img-section .container {
max-width: unset;
padding-left: 0;
padding-right: 0;
}
.about-two-img-block {}
.about-two-img-block img {
width: 100%;
height: auto;
}
.legal-500-logo-section {
padding-top: 15px;
}
.legal-500-logo-blocks {
display: flex;
align-items: center;
justify-content: center;
gap: 25px;
flex-wrap: wrap;
}
.legal-500-logo {}
.legal-500-logo img {}  .what-we-do-section {
padding: 0 0 50px;
}
.what-we-do-contents h2 {
color: #36454F;
font-size: 35px;
font-weight: 600;
line-height: 55px;
letter-spacing: -0.7px;
width: fit-content;
left: 50%;
transform: translate(-50%, 0);
margin-bottom: 28px;
padding-bottom: 20px;
}
.what-we-do-contents h2.title-style.active::after {
width: 80%;
}
.what-we-do-contents p {
color: #1E1E1E;
text-align: center !important;
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin: auto;
margin-top: 20px;
max-width: 912px;
}
.what-we-do-practice-section {
padding-bottom: 75px;
}  .single-what-we-do-section {
width: 100%;
height: auto;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
padding: 112px 0 50px;
position: relative;
z-index: 1;
}
.single-what-we-do-section:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #000000d9;
top: 0;
left: 0;
z-index: -1;
}
.single-what-we-do-contents {
max-width: 500px;
}
.single-what-we-do-contents label {
color: #AAA2A2;
font-size: 13px;
font-weight: 400;
letter-spacing: 2.47px;
text-transform: uppercase;
margin-bottom: 15px;
}
.single-what-we-do-contents h2 {
color: #FFF;
font-size: 41px;
font-weight: 600;
line-height: 55px;
letter-spacing: -0.82px;  margin-bottom: 30px;
padding-bottom: 20px;
} .single-what-we-do-banner-content { max-height: 182px;
overflow: hidden;
transition: max-height 0.5s ease;
}
.single-what-we-do-banner-content.read-now { max-height: 1000px;
}
.single-what-we-do-banner-content h4 {
color: #FFF;
font-family: "Libre Baskerville";
font-size: 17px;
font-weight: 400;
line-height: 30px;
letter-spacing: -0.34px;
margin-bottom: 15px;
text-align: justify;
}
.single-what-we-do-banner-content p {
color: #FFF;
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin-top: 18px;
}
.single-what-we-do-btns {
display: flex;
align-items: center;
margin-top: 30px;
gap: 20px;
}
.single-what-we-do-btns button,
.single-what-we-do-btns a {
width: fit-content;
height: 47px;
border: 1px solid #C1B2B2;
position: relative;
color: #C1B2B2;
font-family: "Libre Baskerville";
font-size: 14px;
font-weight: 400;
line-height: 29px;
letter-spacing: -0.28px;
display: flex;
align-items: center;
gap: 10px;
transition: .5s;
}
.single-what-we-do-btns button:hover,
.single-what-we-do-btns a:hover {
border-color: #CB2028;
background: #CB2028;
}
.single-what-we-do-btns button:before,
.single-what-we-do-btns a:before {
content: '';
position: absolute;
width: 10px;
height: 10px;
border-left: 1px solid #FFF;
border-bottom: 1px solid #FFF;
left: 20px;
transition: .5s;
}
.single-what-we-do-btns button {
padding: 0 22px 0 45px;
display: none;
}
.single-what-we-do-btns a {
padding: 0 22px 0 40px;
}
.single-what-we-do-btns button:before {
transform: rotate(-45deg);
top: 14px;
}
.single-what-we-do-btns button.read-less:before {
transform: rotate(-225deg);
top: 20px;
}
.single-what-we-do-btns a:before {
transform: rotate(45deg);
}
.single-what-we-do-picture {
text-align: right;
margin-left: -80px;
}
.key-persons-block {
margin-top: 32px;
}
.key-persons-block h3 {
color: #FFF;
font-size: 19px;
font-weight: 700;
line-height: 58px;
letter-spacing: -0.38px;
position: relative;
margin-bottom: -8px;
display: flex;
align-items: center;
width: fit-content;
}
.key-persons-block h3:before {
content: '';
position: absolute;
width: 40px;
height: 2px;
background: rgba(205, 32, 40, 0.78);
right: -55px;
}
.key-persons-lists {
display: flex;
flex-wrap: wrap;
}
.single-key-person {
display: flex;
align-items: center;
gap: 17px;
flex: 0 0 25%;
max-width: 25%;
margin-top: 22px;
}
.single-key-person-pic {
position: relative;
display: flex;
align-items: end;
justify-content: end;
}
.single-key-person-pic>img { object-fit: cover;
filter: grayscale(1);
}
.single-key-person-pic a {
position: absolute;
width: 27px;
height: 27px;
border-radius: 50%;
border: 2px solid #fff;
display: flex;
align-items: center;
justify-content: center;
bottom: 8px;
right: 10px;
}
.single-key-person-pic a:hover {
border-color: #CB2028;
background: #CB2028;
}
.single-key-person-pic a i {
font-size: 13px;
color: #fff;
transition: .5s;
}
.single-key-person-content {
padding-right: 30px;
}
.single-key-person-content h4 {
color: #FFF;
font-size: 16px;
font-weight: 500;
line-height: 21px;
padding-bottom: 15px;
border-bottom: 2px solid rgba(205, 32, 40, 0.78);
} .single-key-person-content span {
color: #BFB6B6;
font-size: 13px;
font-weight: 400;
line-height: 20px;
display: block;
min-height: 60px;
margin-top: 15px;
}
.key-persons-block>a {
margin-top: 58px;
padding: 0 58px;
width: fit-content;
height: 56px;
background: #CC2027;
display: flex;
align-items: center;
justify-content: center;
color: #FFF;
font-size: 19px;
font-weight: 700;
line-height: 25px;
}
.key-persons-block>a:hover {
background: #36454F;
}  .what-we-do-contents h5 {
color: #1E1E1E;
font-size: 20px;
font-weight: 400;
line-height: 27px;
margin-top: 20px;
text-align: center;
}
.our-team-section {
padding-bottom: 75px;
}
.our-team-blocks {
display: flex;
flex-wrap: wrap;
}
.team-mem {
flex: 0 0 33.33%;
max-width: 33.33%;
height: auto;
position: relative;
transition: .5s;
overflow: hidden;
} .team-mem img {
transition: .5s;
filter: grayscale(1);
width: 100%;
height: auto;
}
.team-mem:hover img {
filter: grayscale(0);
}
.team-mem-contents { transform: translateY(65px);
transition: .5s;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: end;
padding: 28px 25px;
}
.team-mem:hover .team-mem-contents {
transform: translateY(0);
}
.team-mem-contents:after {
content: '';
position: absolute; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);
width: 100%;
height: 0;
bottom: 0;
right: 0;
transition: .7s;
z-index: -1;
}
.team-mem:hover .team-mem-contents:after {
height: 100%;
}
.mem-name {
display: flex;
justify-content: center;
align-items: center;
position: relative;
flex-direction: column;
text-align: center;
padding-bottom: 15px;
transition: .5s;
}
.team-mem:hover .mem-name {
padding-bottom: 0;
}
.mem-name h2 {
color: #FFF;
font-size: 26px;
font-weight: 600;
line-height: 36px;
position: relative;
padding-bottom: 18px;
}
.mem-name h2.title-style:before {
width: 16px;
height: 12px;
}
.mem-name h2.title-style.active::after {
width: 90%;
left: 30px;
}  .mem-name span {
color: #CDCBCB;
font-size: 18px;
font-weight: 400;
line-height: 36px;
}
.mem-socials-block {
display: flex;
align-items: center;
justify-content: center;
gap: 42px;
margin-top: 20px;
}
.mem-social {
display: flex;
align-items: center;
gap: 25px;
}
.mem-social a i {
font-size: 16px;
color: #D9D3C7;
transition: .5s;
}
.mem-social a:hover i {
color: #CB2028;
}
.mem-socials-block>a {
width: 106px;
height: 33px;
border: 1px solid #C6C6C6;
display: flex;
align-items: center;
justify-content: center;
padding: 0 18px;
width: fit-content;
color: #CDCBCB;
font-size: 14px;
font-weight: 400;
line-height: 16px;
}
.mem-socials-block>a:hover {
border-color: #CB2028;
background: #CB2028;
}  .references-section {
width: 100%;
height: auto;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center !important; padding: 12px 0 70px;
}
.references-content-block {
width: 100%;
display: flex;
justify-content: end;
}
.references-contents {
max-width: 44%;
display: flex;
flex-direction: column-reverse;
padding-top: 35px;
}
.reference-logo-blocks {
display: flex;
gap: 45px;
flex-wrap: wrap;
justify-content: center; margin-left: -113%;
margin-bottom: 0; margin-top: 285px;
}
.references-slider {
border-left: 2px solid #CD2028;
padding-left: 38px;
}
.reference-slide h4 {
color: #FAFAFA;
font-size: 30px;
font-weight: 400;
line-height: 45px;
}
.reference-slide span {
color: #989292;
font-family: "Libre Baskerville";
font-size: 19px;
font-style: italic;
font-weight: 400;
line-height: 47px;
display: block;
margin-top: 30px;
}
.references-slider .slick-next,
.references-slider .slick-prev { top: 100%;
margin-top: 60px;
}
.references-slider .slick-prev {
left: 45px;
}
.references-slider .slick-next {
right: unset;
left: 130px;
}  .contact-talk-section {
padding: 0 0 60px;
} .talk-contact-link:nth-child(3) {
margin-top: 35px;
}
.cv-upload-form label {
color: #1B1B1B;
}
.cv-upload-form .form-field.active label {
color: #1B1B1B;
}
.cv-upload-form .form-field {
border-color: #000;
}
.cv-upload-form .form-field input {
color: #1B1B1B;
} .wpcf7-file::-webkit-file-upload-button {
display: none !important;
} .wpcf7-file::file-selector-button {
display: none !important;
}
.input-file-field {
width: 100%;
height: 50px;
display: block;
justify-content: end;
}
.input-file-field span.wpcf7-form-control-wrap {
width: 100%;
display: block;
line-height: 50px; }
.input-file-field input { width: 100%;
height: 50px;
position: absolute;
z-index: 2;
border: none;
background: transparent;
padding-top: 13px;
}
.input-file-field .wpcf7-form-control-wrap input {
background: transparent;
padding-left: 135px;
padding-top: 8px; }
.input-file-field.active .wpcf7-form-control-wrap input { }
.input-file-field label {
width: fit-content;
height: 33px;
padding: 2px 12px 0;
border: 1px solid #000;
background: transparent;
color: #000;
text-align: center;
font-family: Lato;
font-size: 14px;
font-weight: 400;
line-height: 30px;
position: relative;
margin-bottom: 0;
min-width: 110px; top: 5px;
right: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
padding-top: 0;
}
.wpcf7 input[type="file"]::-webkit-file-upload-button {
visibility: hidden;
position: absolute;
}  .wpcf7-file::-webkit-file-upload-button {
display: none;
} .wpcf7-file::file-selector-button {
display: none;
}
.cv-upload-btn .wpcf7-spinner {
margin: 0 20px;
position: absolute;
right: -70px;
top: 14px;
}
.cv-upload-btn input {
border: 1px solid #000;
width: fit-content;
height: 50px; padding: 0 100px;
display: flex;
align-items: center;
justify-content: center;
color: #000;
font-size: 17px;
font-weight: 700;
line-height: 25px;
background: transparent;
transition: .5s;
}
.cv-upload-btn input:hover {
background: #CB2028;
border-color: #CB2028;
color: #FFF;
}
.cv-upload-btn {
margin-top: 33px;
width: fit-content;
position: relative;
}
.cv-upload-form .wpcf7 form.invalid .wpcf7-response-output,
.cv-upload-form .wpcf7 form.unaccepted .wpcf7-response-output,
.cv-upload-form .wpcf7 form.payment-required .wpcf7-response-output,
.cv-upload-form .wpcf7 form.failed .wpcf7-response-output,
.cv-upload-form .wpcf7 form.aborted .wpcf7-response-output,
.cv-upload-form .wpcf7 form.sent .wpcf7-response-output {
color: #000000;
}
.cv-upload-form .form-field .wpcf7-not-valid-tip {
font-size: 11px;
margin-top: -6px;
}
.contact-info-section {
background: #F9F9F9;
padding: 72px 0 65px;
}
.contact-info-contents {
width: 571px;
height: auto;
background: #FFF;
padding: 42px 40px;
position: relative;
z-index: 1;
}
.contact-info-contents h2 {
color: #000;
font-size: 30px;
font-weight: 600;
line-height: 31px;
width: fit-content;
padding-bottom: 23px;
margin-bottom: 25px;
}
.contact-info-contents h2.title-style.active::after { width: 91%;
left: 28px;
}
.contact-info-contents>p {
color: #000;
font-size: 17px;
font-weight: 400;
line-height: 29px;
}
.contact-info-contents .get-direct-link {
color: #E5222B;
font-family: Lato;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 26px;
display: flex;
align-items: center;
gap: 10px;
margin-top: 27px;
}
.contact-info-contents .get-direct-link:hover {
color: #36454F;
}
.contact-info-contents .get-direct-link img {
width: 16px;
height: auto;
}
.office-hour-block {
display: block;
margin-top: 22px;
position: relative;
padding-bottom: 42px;
}
.office-hour-block:before {
content: '';
position: absolute;
width: 113px;
height: 2px;
background: #CD2028;
bottom: 0;
left: 0;
}
.office-hour-block h5 {
color: #544A4A;
font-family: "Libre Baskerville";
font-size: 16px;
font-weight: 400;
line-height: 29px;
}
.office-hours {
display: flex;
align-items: center;
gap: 25px;
}
.office-hours span {
color: #000;
font-size: 17px;
font-weight: 400;
line-height: 32px;
}
.contact-info-contents h3 {
display: flex;
align-items: center;
gap: 11px;
color: #000;
font-size: 24px;
font-weight: 600;
line-height: 31px;
margin-bottom: 37px;
margin-top: 36px;
}
.contact-info-contents h3 img {
width: 16px;
height: auto;
}
.contact-partner-block {
display: flex;
flex-direction: column;
gap: 32px;
}
.contact-partner {
display: flex;
align-items: center;
justify-content: space-between;
}
.contact-partner-detail {
display: flex;
flex-direction: column;
gap: 2px;
color: #000;
font-size: 18px;
font-weight: 700;
line-height: 25px;
}
.contact-partner-detail span {
color: #CD2028;
font-family: Roboto;
font-size: 17px;
font-weight: 400;
line-height: 25px;
}
.contact-partner a img {
width: 35px;
height: auto;
}
.contact-info-map {
text-align: right;
position: relative;
height: 695px;
}
.contact-info-map>img {
float: right;
}
.contact-info-map-content {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: end;
flex-direction: column;
gap: 258px;
width: 100%;
height: 100%;
padding-top: 275px;
padding-right: 58px;
}
.contact-info-map-mark {
position: absolute;
width: 215px !important;
height: 215px !important;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
top: 35%;
}
.pulse {
border-radius: 50%;
width: 100%;
height: 100%;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
-webkit-animation: pulsate 1.5s ease-out infinite;
-moz-animation: pulsate 1.5s ease-out infinite;
-o-animation: pulsate 1.5s ease-out infinite;
-ms-animation: pulsate 1.5s ease-out infinite;
animation: pulsate 1.5s ease-out infinite;
-webkit-box-shadow: 0 0 1px 2px rgba(203, 32, 40, 0.27);
box-shadow: 0 0 1px 2px rgba(203, 32, 40, 0.27);
}
.pulse:after {
content: "";
border-radius: 50%;
width: 83px;
height: 83px;
position: absolute;
-webkit-animation: pulsate 1.5s ease-out infinite;
-moz-animation: pulsate 1.5s ease-out infinite;
-o-animation: pulsate 1.5s ease-out infinite;
-ms-animation: pulsate 1.5s ease-out infinite;
animation: pulsate 1.5s ease-out infinite;
-webkit-box-shadow: 0 0 1px 2px rgba(203, 32, 40, 0.80);
box-shadow: 0 0 1px 2px rgba(203, 32, 40, 0.80);
}
.pulse:before {
content: "";
border-radius: 50%;
width: 141px;
height: 141px;
position: absolute;
-webkit-animation: pulsate 1.5s ease-out infinite;
-moz-animation: pulsate 1.5s ease-out infinite;
-o-animation: pulsate 1.5s ease-out infinite;
-ms-animation: pulsate 1.5s ease-out infinite;
animation: pulsate 1.5s ease-out infinite;
-webkit-box-shadow: 0 0 1px 2px rgba(203, 32, 40, 0.28);
box-shadow: 0 0 1px 2px rgba(203, 32, 40, 0.28);
}
@keyframes pulsate {
0% {
-webkit-transform: scale(0.1, 0.1);
-moz-transform: scale(0.1, 0.1);
-o-transform: scale(0.1, 0.1);
-ms-transform: scale(0.1, 0.1);
transform: scale(0.1, 0.1);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
50% {
opacity: 1;
-ms-filter: none;
filter: none;
}
100% {
-webkit-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
}
.contact-info-map-content a {
color: #848484;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 26px;
letter-spacing: 2.55px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-transform: uppercase;
margin-bottom: 38px;
}
.contact-info-map-content a:hover {
color: #CB2028;
}  .publication-main-section {
padding: 0 0 60px;
}
.publication-main-contents {}
.publication-main-contents h3 {
color: #AAA2A2;
text-align: center;
font-size: 21px;
font-weight: 400;
line-height: normal;
letter-spacing: 3.99px;
text-transform: uppercase;
margin-bottom: 40px;
}
.linkedin-feed-block {}
.more-article-section {
padding: 40px 0 65px;
background: #F3F3F3;
}
.more-article-contents {}
.more-article-contents h2 {
color: #36454F;
font-size: 27px;
font-weight: 500;
line-height: 35px;
letter-spacing: -0.54px;
width: fit-content;
margin-bottom: 40px;
padding-bottom: 25px;
left: 50%;
transform: translate(-50%, 0);
}
.more-article-contents h2.title-style.active::after { width: 75%;
}
.more-article-blocks {
display: flex;
flex-wrap: wrap;
gap: 37px;
}
.more-article-single-box {
flex: 0 0 50%;
max-width: 48.4%;
height: auto;
padding: 35px 42px;
border: 1px solid #E5E3E3;
background: radial-gradient(213.98% 98.19% at -2.57% -1.69%, #F6F6F6 0%, #F3F3F3 100%);
box-shadow: 0px -6px 44px 0px rgba(0, 0, 0, 0.00) inset, 0px 4px 30px 0px rgba(0, 0, 0, 0.03);
backdrop-filter: blur(2px);
margin-top: -15px;
}
.more-article-single-box:nth-child(1),
.more-article-single-box:nth-child(2) {
margin-top: 0;
}
.more-article-single-box span {
color: #393838;
font-size: 15px;
font-weight: 400;
line-height: 41px;
letter-spacing: 2.85px;
text-transform: uppercase;
margin-bottom: 16px;
display: block;
}
.more-article-single-box h4 {
color: #1F1E1E;
font-size: 21px;
font-weight: 500;
line-height: 35px;
min-height: 105px;
}
.more-article-single-box a {
display: flex;
align-items: center;
gap: 10px;
color: #E5222B;
font-size: 16px;
font-weight: 500;
line-height: 26px;
margin-top: 38px;
}
.more-article-single-box a img {
width: 16px;
height: auto;
}
.more-article-single-box a:hover {
color: #36454F;
}
.ArrowControl__ArrowControlContainer-sc-ps7sz3-0 {
box-shadow: unset !important;
}
.Carousel__CarouselOuter-sc-f2ox7y-1 .ldZdCm {
right: -30px !important;
margin-right: 0 !important;
}
.Carousel__CarouselOuter-sc-f2ox7y-1 .iqPsnt {
left: -18px !important;
margin-left: 0 !important;
}  .single-our-team-section {
padding-bottom: 68px;
}
.single-our-team-left {
background: #1E1E1E;
box-shadow: 0px 1px 32px 0px rgba(0, 0, 0, 0.08);
padding: 36px 38px 50px;
margin-top: 28px;
margin-right: -45px;
background-size: cover !important;
background-position: center !important;
}
.single-our-team-left>img {
width: 100%;
height: auto;
}
.team-member-info {
margin-top: 28px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
}
.team-member-info h2 {
color: #FFF;
font-size: 24px;
font-weight: 600;
line-height: 34px; padding-bottom: 25px;
margin-bottom: 5px;
}
.team-member-info h2 span {
display: block;
font-size: 19px;
font-weight: 400;
line-height: 30px;
margin-top: 6px;
}
.team-member-info h2.title-style:after {
left: 32px;
} .team-member-info .mem-social {
gap: 10px;
}
.team-member-info .mem-social a {
border: 1px solid #A8A8A8;
border-radius: 50%;
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
}
.team-member-info .mem-social a:hover {
border-color: #cb2028;
background: #cb2028;
}
.team-member-info .mem-social a i {
font-size: 15px;
color: #A8A8A8;
}
.team-member-info .mem-social a:hover i {
color: #ffffff;
}
.single-our-team-highlights {
margin-top: 40px;
}
.single-our-team-highlights h4 {
color: #FFF;
font-size: 20px;
font-weight: 700;
line-height: 43px;
margin-bottom: 16px;
}
.single-our-team-highlights p {
color: #FFF;
font-size: 16px;
font-weight: 400;
line-height: 30px;
margin-top: 7px;
}
.single-our-team-highlights ul {
padding-left: 18px;
}
.single-our-team-highlights ul li {
color: #FFF;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin-top: 12px;
}
.single-our-team-highlights ul li:first-child {
margin-top: 0;
}
.single-our-team-logos {
display: flex;
gap: 23px;
margin-top: 38px;
flex-wrap: wrap;
}
.single-our-team-logos img {}
.single-our-team-right {
margin-left: 55px;
}
.single-our-team-button {
border: 1px solid #3A3A3A;
display: flex;
align-items: center;
justify-content: center;
padding: 0 22px 0 40px;
position: relative;
color: #3A3A3A;
font-family: "Libre Baskerville";
font-size: 14px;
font-weight: 400;
line-height: 29px;
letter-spacing: -0.28px;
width: fit-content;
float: right;
margin-top: -78px;
height: 40px;
}
.single-our-team-button:hover {
border-color: #CB2028;
background: #CB2028;
color: #fff;
}
.single-our-team-button:before {
content: '';
position: absolute;
width: 9px;
height: 9px;
border-left: 1px solid #3A3A3A;
border-bottom: 1px solid #3A3A3A;
left: 20px;
transition: .5s;
transform: rotate(45deg);
}
.single-our-team-button:hover:before {
border-color: #fff;
}
.single-our-team-overview {
background: #FFF;
box-shadow: 0px 1px 32px 0px rgba(0, 0, 0, 0.08);
padding: 28px 34px 35px;
margin-top: 28px;
}
.single-our-team-right h3 {
color: #36454F;
font-size: 23px;
font-weight: 700;
line-height: 43px;
margin-bottom: 18px;
}
.single-our-team-overview p {
color: #1E1E1E;
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin-top: 25px;
}
.single-our-team-overview .our-practice-blocks {}
.single-our-team-overview .our-practice-blocks a {  height: 138px;
gap: 12px;
font-size: 14px;
line-height: 20px;
padding: 18px 6px 30px;
}
.single-our-team-form-section {
background: #160607;
padding: 80px 0 90px;
}
.single-our-team-form-contents {
max-width: 460px;
}
.single-our-team-form-contents h2 {
color: #FFF;
font-size: 42px;
font-weight: 700;
line-height: 52px;
letter-spacing: -0.84px;
margin-bottom: 18px;
}
.single-our-team-form-contents p {
color: #F4F4F4;
font-size: 17px;
font-weight: 400;
line-height: 31px;
}
.single-our-team-form-contents .single-what-we-do-btns {
margin-top: 35px;
}
.single-our-team-form {
padding-left: 50px;
}
.single-our-team-left .single-our-team-button {
display: none;
}
.single-our-team-form .single-what-we-do-btns {
display: none;
} .grecaptcha-badge {
opacity: 0;
} .error-page {
margin-top: 73px;
}
.contents-404-section {}
.contents-404 h2 {
font-size: 70px;
font-weight: 400;
line-height: 85px;
margin-bottom: 40px;
padding-bottom: 18px;
width: fit-content;
left: 50%;
transform: translate(-50%, 0);
}
.contents-404 h2.title-style.active::after {
width: 75%;
left: 25px;
}
.contents-404 h4 {
color: #36454F;
font-size: 40px;
font-weight: 600;
line-height: 50px;
text-align: center;
}
.error-page footer {
position: absolute;
bottom: 0;
width: 100%;
} .wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ff0000;
text-align: center;
margin: 25px 0 0;
color: #fff;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #ff0000;
text-align: center;
margin: 25px 0 0;
color: #fff;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450;
text-align: center;
margin: 15px 0 0;
color: #fff;
}
input.wpcf7-form-control.wpcf7-file.form-control.wpcf7-not-valid+.wpcf7-not-valid-tip {
margin-top: 44px;
}
.bMMjYH .swiper-autoheight .swiper-wrapper {
height: 595px !important; }
.bMMjYH .swiper-autoheight .swiper-wrapper .swiper-slide,
.bMMjYH .swiper-autoheight .swiper-wrapper .swiper-slide .es-slider-layout-item,
.bMMjYH .swiper-autoheight .swiper-wrapper .swiper-slide .es-slider-layout-item>div,
.bMMjYH .swiper-autoheight .swiper-wrapper .swiper-slide .es-slider-layout-item .daUfO,
.bMMjYH .swiper-autoheight .swiper-wrapper .swiper-slide .CardMediaBlock__MediaBlock-sc-1pdg002-0,
.bMMjYH .swiper-autoheight .swiper-wrapper .swiper-slide .MediaContainer__Container-sc-1rcutn9-0 {
height: 100% !important;
}@media only screen and (min-width: 1000px){
.header-wrap .navbar-collapse {
display: block !important;
}
}
@media only screen and (min-width: 1300px){
}
@media only screen and (min-width: 1500px){
.disclaimer-popup-contents {
width: 60%;
} }
@media only screen and (min-width: 1920px){
.disclaimer-popup-contents {
width: 35%;
}
}
@media only screen and (min-width: 1200px){
.affiliate-logo-slider .slick-track {
width: 100% !important;
justify-content: space-between;
transform: unset !important;
}
}
@media only screen and (max-width: 1300px){
}
@media only screen and (max-width: 1200px){
.container { 
padding-left: 30px;
padding-right: 30px;
}
header ul.navbar-nav {
gap: 25px;
}
.nav-click {
display: block;
}
.custom-submenu-link {
padding-right: 25px;
}
.comp-prof {
width: 190px;
}
a.down-prof {
gap: 12px;
padding: 0 18px 0 15px;
width: 130px;
}
.custom-submenu-block .container {
padding-left: 50px;
padding-right: 25px;
}
.custom-submenu-link:hover .custom-submenu-block {
max-height: 0;
padding: 0 0 0;
}
.custom-submenu-link.subshow .custom-submenu-block {
max-height: 1000px;
padding: 55px 0 50px;
}
.home-intro-picture img {
width: 100%;
}
.home-intro-picture {
margin-left: 0;
margin-top: 0;
height: 100%;
padding-right: 30px;
}
.home-intro-picture img {
width: 100%;
height: 85%;
object-fit: cover;
}
.home-intro-picture:before {
height: 85%;
bottom: unset;
top: 32px;
right: 0;
}
.home-intro-section {
padding: 62px 0 60px;
}
.we-work-section {
padding: 70px 0;
}
.our-practice-blocks a {
padding: 45px 15px 35px;
}
.home-our-client-section {
padding: 60px 0 55px;
}
.get-started-form-block {
padding: 35px 28px;
margin-left: 80px;
}
.footer-contact-map {
width: 100%;
}
.footer-contact-section {
padding: 60px 0 0;
}
.navbar-menus ul li a {
font-size: 14px;
}
.about-intro-image img {
width: 100%;
}
.about-intro-contents {
margin-right: -45px;
}
.about-intro-count-text {
font-size: 110px;
line-height: 135px;
}
.about-intro-image {
padding-left: 45px;
padding-right: 30px;
padding-top: 32px;
}
.about-intro-top {
gap: 25px;
}
.about-intro-count p {
font-size: 18px;
}
.about-middle-left-contents {
max-width: 52%;
}
.about-middle-left {
width: 55%;
}
.about-middle-right {
width: 45%;
}
.about-middle-left-contents p {
margin-top: 20px;
}
.about-we-work-picture img {
width: 100%;
height: auto;
}
.about-affiliate-contents .slick-next:before, 
.about-affiliate-contents .slick-prev:before {
filter: brightness(0.01);
}
.single-what-we-do-picture img { height: auto;
}
.single-what-we-do-picture {
margin-left: -10px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.single-what-we-do-contents {
max-width: 440px;
}
.single-key-person-content {
padding-right: 15px;
}
.single-key-person {
gap: 12px;
flex: 0 0 33%;
max-width: 33%;
}
.single-key-person-content span {
min-height: 40px;
margin-top: 12px;
}
.team-mem-contents {
transform: translateY(0);
}
.mem-name {
padding-bottom: 0;
}
.team-mem img {
filter: grayscale(0);
}
.references-contents { max-width: 100%;
display: flex; align-items: end;
}
.reference-logo-blocks {
gap: 35px; margin-left: 0;
overflow-x: auto;
width: 100%;
}
.references-slider {
max-width: 52%;
}
.contact-info-map {
height: 100%;
}
.contact-info-contents {
width: 100%;
}
.contact-info-map-content {
padding-right: 0;
}
.contact-info-map-mark {
top: 30%;
right: 46%;
}
.contact-info-map-content a {
margin-bottom: 150px;
}
.more-article-blocks {
gap: 25px;
}
.more-article-single-box {
max-width: 48.5%;
margin-top: 0;
}
.team-member-info h2 {
font-size: 22px;
line-height: 32px;
}
.team-member-info h2 span {
font-size: 17px;
line-height: 35px;
}
.single-our-team-overview .our-practice-blocks a {
flex: 0 0 33.33%;
max-width: 33.33%;
padding: 18px 18px 30px;
}
.single-our-team-button {
margin-top: -72px;
}
.yesno-btns label {
padding: 0 8px;
}
.head-linkedin {
display: none;
}
.legal-500-logo-blocks {
justify-content: center;
gap: 10px;
flex-wrap: wrap;
}
.bMMjYH .swiper-autoheight .swiper-wrapper {
height: 480px !important;
}
}
@media only screen and (max-width: 992px){
button.navbar-toggle{
display: flex !important;
}
.header-wrap {
top: 0; height: auto;
position: fixed;
}
.header-wrap .navbar-collapse {
background: #CB2028;
position: fixed;
display: block; top: 0;
right: 0;
width: 50%;
height: 100vh;
transition: .7s ease;
transform: translate(100%,0);
}
.header-wrap .navbar-collapse.open {
transform: translate(0,0);
}
header ul.navbar-nav {
width: 100%;
float: unset;
padding: 90px 35px 30px;
align-items: start !important;
gap: 30px !important;
}
.header-wrap .navbar .collapse ul li { }
.header-wrap .navbar .collapse ul li a {
font-size: 22px;
}
.header-wrap .navbar .collapse ul li a:before,
.header-wrap .navbar .collapse ul li a:after{
display: none;
}
.header-wrap.scrolled .navbar .collapse ul li a {
color: #ffffff;
}
body{
position: relative;
}
body:before {
content: '';
position: absolute;
width: 50%;
height: 100vh;
background: #0000009c;
top: 0;
left: 0;
transform: translate(-100%,0); z-index: 9999999;
transition: .7s;
backdrop-filter: blur(8px);
}
body.menu-opened:before{
transform: translate(0,0);
}
header .navbar-menus a.navbar-brand {
display: none;
}
.tab-mob-logo{
display: block;
}
header nav.navbar > .comp-prof {
display: flex;
}
header .navbar-menus .comp-prof {
display: none;
}
header .navbar-menus {
flex-direction: column;
}
.tab-mob-menu-right {
display: flex;
align-items: center;
justify-content: end;
}
.tab-mob-menu-right > .comp-prof {
display: flex;
}
a.comp-call {
width: 73px;
}
.comp-prof {
width: 208px;
}
a.down-prof {
gap: 15px;
}
button#mob-menu-btn {
width: 73px;
height: 73px;
justify-content: center;
z-index: 9; }
button#mob-menu-btn span {
width: 35px;
height: 2px;
left: unset;
}
.nav-click {
width: 12px;
height: 12px;
top: 10px;
}
.header-wrap .navbar .collapse ul li {
width: 100%;
}
.custom-submenu-link.subshow .custom-submenu-block {
padding: 25px 0 0 20px;
}
.custom-submenu-link:hover .custom-submenu-block{
padding: 0 0 0 20px;
}
.custom-submenu-link.subshow:hover .custom-submenu-block{
padding: 25px 0 0 20px;
}
.custom-submenu-link .custom-submenu-block {
padding: 0 0 0 20px;
background: transparent;
position: relative;
order: 3;
top: 0;
width: 100%;
}
.custom-submenu-block .container {
padding-left: 0;
padding-right: 0;
}
.custom-submenu-contents {
gap: 0;
}
.custom-submenu-contents a {
display: none;
}
.custom-submenu-links ul li a {
color: #FFF;
font-size: 18px !important;
line-height: 22px;
padding: 10px 0;
}
.custom-submenu-links ul {
flex-direction: column;
}
.custom-submenu-links {
margin-left: 0;
}
.custom-submenu-contents h3 {
color: #FFF;
font-size: 23px;
line-height: 33px;
margin-bottom: 15px;
}
.custom-submenu-link {
display: flex;
flex-direction: column;
padding-right: 0;
}
.custom-submenu-link a {
order: 2;
padding: 0 0 !important;
}
.custom-submenu-links ul li {
margin: 5px 0 !important;
flex-basis: unset;
}
.main-banner-section, .main-banner-contents {
height: 700px;
}
.main-banner-section {
background-attachment: unset !important;
}
.main-banner-contents h1 {
max-width: 540px;
}
.home-intro-contents label {
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.home-intro-contents h2 {
max-width: unset;
text-align: center;
}
.home-intro-contents p {
max-width: unset;
}
.title-style.active::after {
width: 94%;
}
.home-intro-picture {
margin-top: 35px;
height: auto;
padding-right: 30px;
padding-bottom: 30px;
}
.home-intro-picture:before {
height: 92%;
bottom: 0;
top: unset;
right: 0;
width: 92%;
}
.our-practice-blocks a {
flex: 0 0 25%;
max-width: 25%;
}
.our-practice-section {
padding: 62px 0 70px;
}
.home-our-client-box {
flex: 0 0 55%;
max-width: 55%;
}
.home-our-client-blocks {
flex-wrap: nowrap;
overflow-x: scroll;
overflow-y: hidden;
margin: 0 -30px;
padding-left: 30px;
padding-right: 30px;
height: fit-content;
}
.talk-to-us-section {
padding: 40px 0 65px;
}
.talk-contact-blocks {
padding-bottom: 35px;
margin-top: 30px;
}
.get-started-form-block {
padding: 50px 50px;
margin-left: 0;
margin-top: 40px;
}
.talk-to-us-contents h2 {
margin-bottom: 35px;
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.talk-to-us-contents h2:after {
width: 78%;
right: 0;
}
.footer-contact-contents {
max-width: unset;
display: flex;
flex-wrap: wrap;
}
.footer-contact-contents > a {
text-align: center;
order: 1;
width: 100%;
}
.footer-contact-info-block {
justify-content: center;
width: 50%;
order: 2;
}
.footer-contact-contents > p {
margin-top: 10px;
order: 3;
text-align: center;
}
.footer-contact-map {
width: 100%;
margin-top: 30px;
}
.talk-to-us-contents {
margin-right: 0;
}
.disclaimer-popup-contents {
width: 90%;
}
.about-intro-contents {
margin-right: 0;
}
.about-intro-image {
padding-left: 0;
padding-right: 38px;
padding-top: 38px;
margin-top: 30px;
width: 75%;
left: 50%;
transform: translate(-50%, 0) !important;
}
.about-intro-top-content h3 {
max-width: unset;
}
.about-intro-top {
gap: 50px;
}
.about-intro-image:before {
width: 80%;
height: 80%;
}
.about-middle-left-contents {
max-width: 100%;
}
.about-middle-section {
flex-direction: column;
}
.about-middle-left, .about-middle-right {
width: 100%;
}
.about-middle-left-contents h3 {
max-width: unset;
}
.about-middle-left {
height: 525px;
position: relative;
}
.about-middle-right img {
height: 600px;
object-position: top;
}
.about-we-work-picture {
text-align: center;
}
.about-we-work-picture img {
width: 50%;
}
.about-we-work-section {
padding: 25px 0 30px;
}
.about-we-work-contents h2 {
left: 50%;
transform: translate(-50%, 0);
}
.about-we-work-contents {
padding-left: 0;
padding-top: 12px;
}
.about-we-work-btns {
margin-top: 38px;
justify-content: center;
}
.single-what-we-do-contents {
max-width: unset;
}
.single-what-we-do-contents h2 {
width: fit-content;
left: 50%;
transform: translate(-50%, 0);
}
.single-what-we-do-contents h2.title-style.active::after {
width: 75%;
}
.single-what-we-do-contents label {
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.single-what-we-do-btns {
margin-top: 25px;
}
.single-what-we-do-picture {
margin-left: 0;
height: auto;
text-align: center;
margin-top: 38px;
}
.single-what-we-do-picture img {
width: 70%;
}
.single-key-person {
gap: 20px;
flex: 0 0 50%;
max-width: 50%;
}
.key-persons-block > a {
margin-top: 45px;
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.team-mem {
flex: 0 0 50%;
max-width: 50%;
}
.references-contents { }
.reference-slide h4 {
font-size: 28px;
line-height: 42px;
}
.reference-slide span {
font-size: 18px;
line-height: 40px;
}
.references-slider .slick-next, .references-slider .slick-prev { top: 95%;
}
.references-section {
padding: 40px 0 115px;
padding: 20px 0 60px;
}
.reference-logo-blocks {
margin-top: 105px;
}
.contact-talk-section {
padding: 0 0 60px;
}
.contact-info-section {
padding: 55px 0 45px;
}
.contact-info-map > img {
float: unset;
width: 100%;
}
.contact-info-map-content a {
margin-bottom: 40px;
}
.contact-info-map-mark {
top: 35%;
right: 29%;
}
.more-article-single-box {
max-width: 100%;
flex: 0 0 100%;
margin-top: 0;
}
.more-article-single-box h4 {
min-height: unset;
}
.error-page footer {
position: fixed;
}
.single-our-team-left > img {
width: 70%;
position: relative;
left: 50%;
transform: translate(-50%, 0);
}
.single-our-team-button {
margin-top: -95px;
}
.single-our-team-right .single-our-team-button{
display: none;
}
.single-our-team-left .single-our-team-button{
display: flex;
margin-right: -38px;
}
.single-our-team-left {
margin-top: 10px;
margin-right: 0;
}
.single-our-team-right {
margin-left: 0;
}
.single-our-team-overview p {
margin-top: 20px;
}
.single-our-team-section {
padding-bottom: 50px;
}
.single-our-team-form-contents {
max-width: unset;
margin-bottom: 35px;
}
.single-our-team-form {
padding-left: 0;
}
.single-our-team-form-section {
padding: 60px 0 50px;
}
.single-our-team-form-contents .single-what-we-do-btns{
display: none;
}
.single-our-team-form .single-what-we-do-btns{
display: flex;
margin-top: 40px;
}
.about-we-work-contents p {
text-align: center;
}
.single-what-we-do-banner-content {
max-height: 182px;
}
.single-our-team-high-mem {
display: flex;
justify-content: space-between;
}
.single-our-team-logos {
margin-top: 40px;
justify-content: center;
}
.talk-to-us-contents p {
max-width: 100%;
}
.about-two-img-block {
margin-top: 25px;
}
.head-linkedin {
display: flex;
}
.legal-500-logo-blocks {
justify-content: center;
gap: 25px;
flex-wrap: wrap;
}
.legal-500-logo-section {
padding-top: 25px;
}
.bMMjYH .swiper-autoheight .swiper-wrapper {
height: 660px !important;
}
}
@media only screen and (max-width: 767px){
.container{
padding-left: 20px;
padding-right: 20px;
}
p {
font-size: 14px !important;
line-height: 26px !important;
}
body:before {
width: 28%;
}
button#mob-menu-btn {
width: 65px;
height: 65px;
}
button#mob-menu-btn span {
width: 28px;
}
button#mob-menu-btn span:nth-child(1) {
transform: translateY(-10px);
width: 28px;
}
button#mob-menu-btn span:nth-child(2) {
transform: translateY(10px);
width: 28px;
}
button#mob-menu-btn.active span:nth-child(1) {
width: 35px;
}
button#mob-menu-btn.active span:nth-child(2) {
width: 35px;
}
.header-wrap .navbar-collapse {
width: 72%;
}
.tab-mob-menu-right a.down-prof { width: 65px;
justify-content: center;
}
.prof-text {
display: none;
}
.tab-mob-menu-right .comp-prof {
width: auto;
height: 65px;
}
a.comp-call {
width: 65px; }
.main-banner-contents h1 {
font-size: 35px;
line-height: 45px;
max-width: unset;
} 
.main-banner-section, .main-banner-contents {
height: 650px;
}
.title-style {
margin-bottom: 28px !important;
padding-bottom: 22px !important;
width: 100% !important;
text-align: center !important;
font-size: 32px !important;
line-height: 42px !important;
}
.title-style.active::after {
width: 92%;
}
.header-wrap .navbar .collapse ul li a {
font-size: 20px;
padding: 12px 0;
}
header ul.navbar-nav {
padding: 75px 30px 30px;
gap: 20px !important;
overflow-y: scroll;
height: 100vh;
}
.nav-click {
width: 10px;
height: 10px;
top: 8px;
}
.home-intro-contents label {
font-size: 15px;
margin-bottom: 20px;
}
.home-intro-picture {
margin-top: 30px;
padding-right: 20px;
padding-bottom: 20px;
}
.home-intro-picture:before {
border: 3px solid #000;
}
.home-intro-section {
padding: 40px 0 40px;
}
.we-work-contents h2 {
max-width: unset;
}
.our-practice-blocks a {
padding: 30px 20px 25px;
flex: 0 0 50%;
max-width: 50%;
height: auto;
font-size: 16px;
}
.our-practice-section {
padding: 45px 0 50px;
}
.home-our-client-box {
flex: 0 0 90%;
max-width: 90%;
padding: 35px 30px 30px;
}
.home-our-client-box h4 {
font-size: 22px;
line-height: 32px;
margin-bottom: 18px;
}
.home-our-client-box img {
margin-bottom: 20px;
width: 35px;
height: auto;
}
.home-our-client-box p {
margin-bottom: 18px;
}
.home-our-client-contents a {
height: 42px;
padding: 0 28px;
font-size: 16px;
line-height: 42px;
margin-top: 35px;
}
.home-our-client-section {
padding: 50px 0 38px;
overflow: hidden;
}
.talk-to-us-contents p {
max-width: 100%;
}
.talk-contact-blocks {
padding-bottom: 30px;
margin-top: 22px;
flex-direction: column;
gap: 22px;
}
.talk-contact-link img {
width: 22px;
height: auto;
}
.like-to-work-button span {
font-size: 20px;
line-height: 30px;
}
.like-to-work-block img { margin-top: 4px;
width: 40px;
height: auto;
}
.like-to-work-button a {
height: 42px;
padding: 0 30px;
font-size: 15px;
line-height: 25px;
}
.get-started-form-block h2 {
font-size: 32px;
line-height: 42px;
text-align: center;
margin-bottom: 22px;
}
.get-started-form-block {
padding: 40px 25px;
margin-top: 35px;
}
.form-field.mt-5 {
margin-top: 22px !important;
}
.form-yesno.mt-5 {
margin-top: 35px !important;
}
.get-started-form {
margin-top: 5px;
}
.get-start-btn input {
height: 45px;
font-size: 16px;
}
.get-start-btn {
margin-top: 25px;
}
.talk-to-us-contents {
padding-top: 0;
}
.talk-to-us-section {
padding: 45px 0 45px;
}
.footer-contact-info-block { justify-content: center;
width: 100%;
order: unset;
}
.footer-contact-contents > a {
order: unset;
}
.footer-contact-contents > a img {
width: 235px;
height: auto;
}
.footer-contact-info {
font-size: 16px;
line-height: 28px;
}
.footer-contact-map {
height: 350px;
}
.footer-contact-info-block img {
width: 25px;
height: auto;
}
.footer-contact-section {
padding: 50px 0 0;
}
.main-banner-section {
overflow: hidden;
}
.affiliate-wrap {
margin-top: 40px;
padding: 0 5px;
}
.affiliate-logo-slider .slick-prev {
left: -20px;
}
.affiliate-logo-slider .slick-next {
right: -27px;
}
.slick-next:before, .slick-prev:before {
width: 10px;
height: 18px;
background-size: contain !important;
background-repeat: no-repeat !important;
}
.custom-submenu-contents h3 {
font-size: 20px;
line-height: 30px;
margin-bottom: 15px;
}
.custom-submenu-links ul li a {
font-size: 16px !important;
padding: 8px 0;
}
.custom-submenu-link .custom-submenu-block {
padding: 0 0 0 15px;
}
.custom-submenu-link.subshow .custom-submenu-block {
padding: 20px 0 0 15px;
}
.custom-submenu-link.subshow:hover .custom-submenu-block {
padding: 20px 0 0 15px;
}
.custom-submenu-link:hover .custom-submenu-block {
padding: 0 0 0 15px;
}
.tab-mob-menu-right .comp-prof {
z-index: 9;
}
.disclaimer-popup-contents {
padding: 30px 25px;
width: 90%;
}
#popup {
padding: 22px 0;
}
.disclaimer-buttons button {
padding: 0 30px;
height: 45px;
font-size: 16px;
line-height: 25px;
}
.about-intro-top {
gap: 10px;
flex-direction: column;
}
ol.breadcrumb {
gap: 30px;
justify-content: center;
}
.inner-page-sections {
padding-top: 65px;
}
.about-intro-top-content h3 {
font-size: 18px;
line-height: 28px;
}
.about-intro-count {
width: 100%;
text-align: center;
}
.about-intro-count-text {
font-size: 85px;
line-height: 95px;
justify-content: center;
}
.about-intro-count p {
font-size: 16px !important;
justify-content: center;
}
.about-intro-top {
margin-bottom: 22px;
}
.about-intro-image {
padding-right: 28px;
padding-top: 28px;
margin-top: 25px;
width: 100%;
}
.about-intro-section {
padding: 15px 0 45px;
}
.about-middle-left-contents h3 {
font-size: 22px;
line-height: 32px;
margin-bottom: 25px;
}
.about-middle-right img {
height: auto;
}
.about-we-work-picture img {
width: 75%;
}
.about-we-work-section {
padding: 5px 0 18px;
}
.about-we-work-contents {
padding-top: 0;
}
.about-we-work-btns a {
height: 45px;
padding: 0 20px;
font-size: 16px;
line-height: 26px;
}
.about-we-work-btns {
margin-top: 28px;
}
.about-affiliate-contents h2.title-style.active::after {
width: 92%;
}
.about-affiliate-contents .affiliate-logo-slider .slick-prev {
left: -10px;
}
.about-affiliate-contents .affiliate-logo-slider .slick-next {
right: -20px;
}
.about-affiliate-contents .affiliate-logo-slider {
padding: 0 8px;
}
.affiliate-logo {
margin: 0 0;
display: flex !important;
align-items: center;
justify-content: center;
}
.about-affiliate-section {
padding: 30px 0 38px;
}
.title-style:before {
width: 16px;
height: 12px;
}
.title-style:after {
left: 30px;
}
.affiliate-wrap h3 {
margin-bottom: 30px;
text-align: center;
}
.back-to-top {
bottom: 20px;
right: 20px;
}
.what-we-do-section {
padding: 15px 0 35px;
}
.what-we-do-practice-section {
padding-bottom: 45px;
}
.what-we-do-contents h2.title-style.active::after {
width: 92%;
}
.single-what-we-do-contents h2.title-style.active::after {
width: 92%;
}
.single-what-we-do-banner-content h4 {
font-size: 16px;
line-height: 26px;
margin-bottom: 22px;
}
.single-what-we-do-btns button {
padding: 0 15px 0 25px;
}
.single-what-we-do-btns button, .single-what-we-do-btns a {
height: 42px;
font-size: 12px;
line-height: 25px;
gap: 5px;
}
.single-what-we-do-btns {
gap: 15px;
margin-top: 30px;
}
.single-what-we-do-btns button:before, .single-what-we-do-btns a:before {
width: 7px;
height: 7px;
left: 10px;
}
.single-what-we-do-btns a {
padding: 0 15px 0 25px;
}
.single-what-we-do-picture img {
width: 100%;
}
.single-key-person {
flex: 0 0 100%;
max-width: 100%;
margin-top: 18px;
}
.key-persons-block > a {
padding: 0 45px;
height: 45px;
font-size: 16px;
margin-top: 38px;
}
.what-we-do-contents h5 {
font-size: 18px;
line-height: 26px;
}
.team-mem {
flex: 0 0 100%;
max-width: 100%;
}
.mem-name h2 {
font-size: 25px !important;
line-height: 35px !important;
padding-bottom: 18px !important;
margin-bottom: 0 !important;
}
.references-contents {
max-width: 100%;
padding-top: 0;
}
.reference-logo-blocks {
gap: 18px; width: 100%; margin-top: 80px;
} .reference-logo img {
width: auto;
height: auto;
max-width: 70px;
}
.reference-slide h4 {
font-size: 16px !important;
line-height: 26px !important;
}
.reference-slide span {
font-size: 13px;
line-height: 23px;
margin-top: 18px;
}
.references-slider {
padding-left: 22px;
max-width: 85%;
}
.references-slider .slick-prev {
left: 32px;
}
.references-slider .slick-next {
left: 85px;
}
.references-slider .slick-next, .references-slider .slick-prev { top: 90%;
}
.references-section { padding: 45px 0 45px; background-position: 70% 10% !important;
}
.references-slider .slick-next:before, 
.references-slider .slick-prev:before {
width: 8px;
height: 15px;
}
.talk-to-us-section {
padding: 20px 0 40px;
}
.cv-upload-form .form-field {
margin-top: 22px;
}
.cv-upload-form {
margin-top: -18px;
}
.cv-upload-btn {
margin-top: 25px;
}
.cv-upload-btn input {
height: 45px;
padding: 0 30px;
font-size: 16px;
}
.input-file-field label {
width: 100px;
font-size: 12px;
min-width: 100px;
padding: 0px 5px 0;
}
.input-file-field .wpcf7-form-control-wrap input {
padding-left: 110px;
}
.like-to-work-block {
gap: 22px;
}
.contact-info-section {
padding: 35px 0 35px;
}
.contact-info-contents h2.title-style.active::after {
width: 90%;
}
.contact-info-contents {
padding: 32px 25px;
}
.contact-info-contents > p br{
display: none;
}
.contact-info-contents .get-direct-link {
font-size: 15px;
line-height: 25px;
margin-top: 20px;
}
.contact-info-contents .get-direct-link img {
width: 14px;
}
.office-hour-block h5 {
font-size: 15px;
line-height: 25px;
}
.office-hours span {
font-size: 15px;
line-height: 30px;
}
.office-hour-block {
margin-top: 22px;
padding-bottom: 30px;
}
.contact-info-contents h3 {
font-size: 22px;
line-height: 28px;
margin-bottom: 35px;
margin-top: 32px;
}
.contact-partner-block {
gap: 22px;
}
.contact-partner-detail {
gap: 0;
font-size: 16px;
line-height: 22px;
}
.contact-partner-detail span {
font-size: 15px;
line-height: 22px;
}
.contact-partner a img {
width: 28px;
}
.contact-info-contents h3 img {
width: 15px;
}
.contact-info-map-mark img {
width: 30px;
height: auto;
}
.contact-info-map-mark {
width: 180px !important;
height: 180px !important;
}
.pulse:before {
width: 125px;
height: 125px;
}
.pulse:after {
width: 70px;
height: 70px;
}
.contact-info-map-content a {
margin-bottom: 18px;
}
.contact-info-map-mark {
top: 27%;
right: 20%;
}
.more-article-single-box {
padding: 30px 25px 30px;
}
.more-article-single-box span {
font-size: 15px;
line-height: 25px;
}
.more-article-single-box h4 {
font-size: 20px;
line-height: 32px;
}
.more-article-single-box a {
margin-top: 22px;
}
.more-article-section {
padding: 40px 0 50px;
}
.publication-main-section {
padding: 15px 0 40px;
overflow: hidden;
}
.contents-404-section {
padding-top: 18px;
}
.Carousel__CarouselOuter-sc-f2ox7y-1 .ldZdCm {
right: -18px !important;
width: 25px !important;
}
.Carousel__CarouselOuter-sc-f2ox7y-1 .iqPsnt {
left: -25px !important;
width: 25px !important;
}
.single-our-team-left .single-our-team-button {
display: none;
}
.single-our-team-left {
margin-top: 0;
}
.single-our-team-left {
padding: 35px 25px 35px;
}
.team-member-info h2 {
font-size: 22px !important;
line-height: 32px !important;
text-align: left !important;
margin-bottom: 12px !important;
}
.team-member-info h2 span {
font-size: 17px;
line-height: 27px;
}
.team-member-info {
align-items: start;
}
.team-member-info .mem-social {
gap: 8px;
margin-top: 10px;
}
.team-member-info .mem-social a {
width: 30px;
height: 30px;
}
.team-member-info .mem-social a i {
font-size: 13px;
}
.single-our-team-highlights {
margin-top: 18px;
}
.single-our-team-highlights p {
margin-top: 4px;
}
.single-our-team-highlights ul li {
margin-top: 5px;
}
.single-our-team-highlights h4 {
font-size: 18px;
line-height: 35px;
margin-bottom: 16px;
}
.single-our-team-logos {
gap: 22px;
margin-top: 25px;
}
.single-our-team-overview {
padding: 25px 25px 28px;
margin-top: 25px;
}
.single-our-team-overview p {
margin-top: 15px;
}
.single-our-team-overview .our-practice-blocks a {
flex: 0 0 50%;
max-width: 50%;
}
.single-our-team-form-contents h2 {
font-size: 32px;
line-height: 42px;
margin-bottom: 18px;
text-align: center;
}
.single-our-team-form-section {
padding: 45px 0 45px;
}
.single-our-team-form .form-field {
margin-top: 22px;
}
.single-our-team-form-contents {
margin-bottom: 0;
}
.single-our-team-form .single-what-we-do-btns a {
padding: 0 20px 0 35px;
}
.single-our-team-form .single-what-we-do-btns a:before {
left: 16px;
}
.single-our-team-section {
padding-bottom: 40px;
}
.home-intro-logos {
display: flex;
justify-content: center;
align-items: center;
}
.talk-contact-link:nth-child(3) {
margin-top: 0;
}
.about-we-work-contents p {
text-align: left;
}
.form-yesno.mt-7 {
margin-top: 28px;
}
.talk-contact-link {
width: 100%;
}
.contact-info-map > img {
height: auto;
}
.head-linkedin {
display: none;
}
.legal-500-logo-blocks {
gap: 15px;
}
.legal-500-logo {
width: 50%;
}
.legal-500-logo img {
width: 100%;
height: auto;
}
.legal-500-logo {
width: 30%;
}
.single-key-person-content span {
min-height: unset;
}
.bMMjYH .swiper-autoheight .swiper-wrapper {
height: 450px !important;
}
}
@media only screen and (max-width: 425px){
}
@media only screen and (min-width: 391px) and (max-width: 425px){
}
@media only screen and (max-width: 390px){
.about-middle-left {
height: 570px;
}
.contact-info-map-mark {
top: 24%;
right: 17%;
}
.tab-mob-menu-right a.down-prof {
width: 55px;
}
a.comp-call {
width: 55px;
}
.tab-mob-logo {
width: 140px;
}
.tab-mob-logo img {
width: 100%;
height: auto;
}
button#mob-menu-btn {
width: 55px;
height: 55px;
}
.tab-mob-menu-right .comp-prof {
height: 55px;
}
}
@media only screen and (max-width: 375px){
.our-practice-blocks a {
padding: 30px 12px 25px;
}
.contact-info-map-mark {
top: 25%;
right: 16%;
}
.reference-logo img {
max-width: 65px;
}
}
@media only screen and (max-width: 360px){
.about-middle-left {
height: 635px;
}
.contact-info-map-mark {
top: 23%;
right: 14%;
}
}