/*
font-family:"aktiv-grotesk";
font-family:"magister";
*/

:root {
    --font-main: "aktiv-grotesk";
    --font-secondary: "magister";
    
    --color-main: #1E1E1E;
    --color-secondary: #031E2F;
    --color-blue: #052C6D;
    --color-gray: #F7F7F7;
    --color-highlight: #BCD4E6;
    --color-white: #ffffff;
    

   
    --fs-87: clamp(40px, 4.531vw, 87px);
    --fs-84: clamp(35px, 4.375vw, 84px);
    --fs-68: clamp(33px, 3.542vw, 68px);
    --fs-64: clamp(33px, 3.333vw, 64px);
    --fs-58: clamp(32.5px, 3.021vw, 58px);
    --fs-51: clamp(32px, 2.656vw, 51px);
    --fs-50: clamp(32px, 2.604vw, 50px);
    --fs-48: clamp(31.5px, 2.5vw, 48px);
    --fs-45: clamp(31px, 2.344vw, 45px);
    --fs-42: clamp(30px, 2.188vw, 42px);
    --fs-39: clamp(27px, 2.031vw, 39px);
    --fs-36: clamp(25px, 1.875vw, 36px);
    --fs-35: clamp(24.5px, 1.823vw, 35px);
    --fs-32: clamp(24px, 1.667vw, 32px);
    --fs-31: clamp(23px, 1.615vw, 31px);
    --fs-30: clamp(23.5px, 1.563vw, 30px);
    --fs-29: clamp(23px, 1.51vw, 29px);
    --fs-28: clamp(22.5px, 1.458vw, 28px);
    --fs-27: clamp(22px, 1.406vw, 27px);
    --fs-26: clamp(21.5px, 1.354vw, 26px);
    --fs-24: clamp(20px, 1.25vw, 24px);
    --fs-22: clamp(19px, 1.146vw, 22px);
    --fs-20: clamp(18px, 1.042vw, 20px);
    --fs-19: clamp(16px, 0.99vw, 19px);
    --fs-18: clamp(16px, 0.938vw, 18px);
    --fs-16: clamp(12px, 0.833vw, 16px);
}
html, body {
    position: relative;
    width: 100%;
    min-height: 100%;
    scroll-behavior: smooth;
}
.scroll-container {
  scroll-behavior: smooth;
}
body {
    font-family: var(--font-main);
    font-size: var(--fs-18);
    color: var(--color-main);
}
#bg-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;  
}

a { color: var(--color-highlight); text-decoration: none; }
a:focus, a:hover{ /*outline:none;*/ color:inherit; text-decoration: none;}
a, a:before, a:after, a img, input[type="submit"], button, a *{
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
img {
    max-width:100%;
/*    height: auto;*/
}
.border-radius-none {
    border-radius: 0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6  {
    margin: 0;
    font-family: var(--font-secondary);
    color: var(--color-secondary);
    font-weight: 400;
    line-height: 1;
    margin-bottom: 24px;
}
.text-white h1,  .text-white h2,  .text-white h3,  .text-white h4,  .text-white h5,  .text-white h6, .text-white p, .text-white ul, .text-white a  {
    color: var(--color-white);
}
.text-main h1,  .text-main h2,  .text-main h3,  .text-main h4,  .text-main h5,  .text-main h6, .text-main p, .text-main a, .text-main a.eyebrow, .text-main ul, .text-main {
    color: var(--color-main);
}
h1, .h1  {
    margin-bottom: 20px;
    line-height: 1.03;
    font-size: var(--fs-87);
}
.h2, h2 {
    font-size: var(--fs-64);
    margin-bottom: 28px;
    line-height: 1.16;
}
h3, .h3 { font-size: var(--fs-51); }
h4, .h4 { font-size:var(--fs-27); margin-bottom: 24px;}
.fw-semibold { font-weight: 600; }

p, ul {
    margin-bottom: 32px;
    color: var(--color-main);
    font-size: var(--fs-18);
    line-height: 1.69;
}
ul li strong, .page-content strong {
    color: var(--color-blue);
}
ul li::marker {
    color: var(--color-blue);
}
.fs-18 { font-size: var(--fs-18); }
.fs-24 { font-size: var(--fs-24); }
.fs-32 { font-size: var(--fs-32) }
.fs-51 { font-size: var(--fs-51) }
.font-secondary {
    font-family: var(--font-secondary);
}
.bg-primary-blue {
    background-color: #011A44;
    color: var(--color-white);
}
.bg-blue {
    background-color: var(--color-blue)!important;
    color: var(--color-white);
}
.color-blue {
    color: var(--color-blue)!important;
}
a.color-blue:hover, .color-blue a:hover {
    color: var(--color-highlight)!important;
}
.bg-light-blue {
    background-color: #EBF5F8;
}
.bg-light-gray {
    background-color: var(--color-gray);
}
.bg-highlight {
    background: var(--color-highlight)!important;
}
.color-highlight {
    color: var(--color-highlight)!important;
}
.section-bg {
    top: 0; right: 0; left: 0; bottom: 0; 
    z-index: -1;
    position: absolute;
}
hr {
    margin: 33px 0;
}
section {
    padding: clamp(80px, 11.852vh, 128px) 0;
    overflow: hidden;
}
section * {
    color: inherit;
}
.bg-radius {
    border-radius: 15px;
    overflow: hidden;
}
.padding-y {
    padding: clamp(80px, 11.852vh, 128px) 12.5px;
}
.container, .small.container, .big.container {
    width: 98%;
    max-width: 100%;
}
.d-flex.container, .d-flex.container-fluid{
    justify-content: space-between;
}
@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1613px;
        width: 84.0104167%;
    }
    .small.container {
        max-width: 1543px;
        width: 80.3645833%;
    }
    .big.container {
        max-width: 1651px;
        width: 85.989583%;
    }
}
@media only screen and (max-width: 1921px) {
    .container-fluid {
        max-width: 1920px;
        margin: 0 auto!important;
    }
}
.button {
    font-size: var(--fs-16);
    font-weight: 700;
    display: inline-block;
    padding: 13px clamp(20px, 2.5vw, 48px);
    border-radius: 3px;
    background: var(--color-highlight);
    color: var(--color-secondary);
    text-transform: capitalize;
}
.button:hover,
.btn--blue { 
    color: var(--color-highlight);
    background: var(--color-blue);
}
.btn--blue:hover {
    background: var(--color-highlight);
    color: var(--color-blue);
}

.pagination {
    column-gap: 28px;
}
.pagination a {
    color: var(--color-highlight);
}
.page-numbers:not(.prev.page-numbers, .next.page-numbers) {
    display: none;
}
.pagination .next, .pagination .prev {
    background: transparent;
    width: clamp(30px, 2.292vw, 44px);
    height: clamp(30px, 2.292vw, 44px);
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: #02559A;
    background: #E1E6EA;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;

}
.pagination .next:hover, .pagination .prev:hover {
    color: var(--color-secondary); 
}
.object-fit-cover {
    object-fit: cover;
    object-position: center center;
}
.object-fit-contain {
    object-fit: contain;
    object-position: center center;
}

.eyebrow {
    font-family: var(--font-main);
    font-weight: 600;
    font-size: var(--fs-19);
    color: var(--color-highlight);
    margin-bottom: 17px;
    text-transform: uppercase;
}

.border-line { border: solid 1px #033056; }
.border-line-left { border-left: solid 1px #033056; }
.border-line-right { border-right: solid 1px #033056; }
.border-line-bottom { border-bottom: solid 1px #033056; }
.border-line-top { border-top: solid 1px #033056; }

.border-line-light { border: solid 1px #BDD9F2; }
.border-line-left-light { border-left: solid 1px #BDD9F2; }
.border-line-right-light { border-right: solid 1px #BDD9F2; }
.border-line-bottom-light { border-bottom: solid 1px #BDD9F2; }
.border-line-top-light { border-top: solid 1px #BDD9F2; }

.position-relative { 
    position: relative;
    z-index:2; 
}
.slick-dots {
    list-style-type: none;
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 19px;
    margin-bottom: 15px;
    margin-top: 20px;
}
.slick-dots li button {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #C6C7CA;
    border: none;
    padding: 0;
    text-indent: -9999px; /* hides any text */
}
.slick-dots li.slick-active button {
    background: var(--color-highlight);
}
.slick-arrow {
    font-size: var(--fs-26);
    background: transparent;
    color: #3F495F;
    border: 1.3009px solid #E0DFDC;
    width: clamp(45px, 3.698vw, 71px);
    height: clamp(45px, 3.698vw, 71px);
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slick-arrow:hover {
    border-color: #3F495F;
}
.custom-dots {
    display: flex;
    justify-content: center;
    gap: 0;
    margin-top: 20px;
}
.custom-dots li button {
    height: 5px;
    width: 5px;
    background-color: #D3D4D6;
    /*border: none;
    padding: 0;*/
    cursor: pointer;
    transition: background 0.3s ease;
    border-radius: 100%;
    margin: 0 3px ;
}
.custom-dots li.slick-active button {
    background-color: #3F495F;
    padding: 1.5px 0 1.5px;
}
@media only screen and (min-width: 769px) {  
    .custom-dots li { 
        flex-grow: 1; 
    }
    .custom-dots li button {
        height: 1px;
        width: 100%;
        background-color: #D3D4D6;
        border: none;
        padding: 0;
        cursor: pointer;
        transition: background 0.3s ease;
        border-radius: 0;
    }
}
/*END GENERAL*/

/*HEADER*/
.header {
    left: 0;
    right: 0;
    top: 0;
    z-index: 101;
    position: absolute;
    padding: 48px 0;
}
.header .logo {
    width: 100%;
    max-width: clamp(200px, 13.594vw, 261px);
    flex: 0 0 auto;
}
.logo:hover {
    opacity: .8;
}
.navigation {}
.navigation ul {
    padding-left: 0;
    margin-bottom: 0;
}
.navigation ul#menu-main-menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
}
.navigation ul li {
    display: inline-block;
    margin-right: 15px;
}
.navigation ul li:last-child {
    margin-right: 0;
}
.navigation ul li a {
    color: var(--color-white);
    font-size: var(--fs-16);  
    position: relative;
    font-weight: 600;
    text-decoration: none;
    line-height: 1;
    text-transform: uppercase;
}
.navigation ul li a:before {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    width: 0;
    border-top: solid 1px var(--color-highlight);
    margin: 0 auto; 
}
.menu-item-has-children:after {
/*    content: "\f0d7";*/
    font-family: var(--fa-font-solid); 
    font-weight: 700;
    color: var(--color-main);
    display: inline-block;
    transform: scaleY(1);
    transition: transform 0.3s ease;
}
.menu-item-has-children:hover:after {
    color: var(--color-highlight);
    transform: scaleY(-1);
}
.menu-item-has-children {
    position: relative;
}
.navigation ul li a:hover {
    color: var(--color-highlight);
}
.navigation ul li.current-menu-item a:before,
.navigation ul li:hover > a:before {
/*    width: 100%;*/
    z-index: 2;
}
.navigation ul li ul.sub-menu {
    position: absolute;
    padding-top: 5px;
    transition: .15s linear;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-20px);
    z-index: 1;
    padding: 0;
    background: transparent;
    z-index: 999;
    display: block;
}
.navigation ul li:hover > ul.sub-menu {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0px);
}
.navigation ul li ul.sub-menu li {
    display: block;
    margin: 0;
}
.navigation ul li ul.sub-menu li a {
    display: block;
    border-bottom: none;
    text-transform: capitalize;
    padding: 5px 15px;
    transition: .3s linear;
    background: var(--color-secondary);
    color: var(--color-white);
    letter-spacing: unset;
    font-size: var(--fs-16);
    line-height: 1;
    padding: 10px;
    position: relative;
    padding-right: 30px;
    border-radius: 2.5px;
    margin-bottom: 2.5px;
    width: 200px;
    font-weight: 400;
    letter-spacing: unset;
}
.navigation ul li ul.sub-menu li a:hover {
    background: var(--color-highlight);
    color: var(--color-secondary);
}
.navigation ul li ul.dropdown-menu {
    border: none;
	margin: 0;
	padding-top: 5px;
}
.navigation ul li ul.dropdown-menu li a {
    max-width: 50px;
}
.navigation ul li.menu-item-gtranslate {
    display: flex;
    align-items: center;
    column-gap: 13px;
	line-height: 1;
}
.navigation ul li.menu-item-gtranslate:before {
    content: url(assets/images/svg/g_translate.svg);
}
@media only screen and (min-width: 1400px) {
    .navigation ul li {
        margin-right: clamp(10px, 2.813vw, 54px);
    }
	html[lang="tr"] .navigation ul li {
		margin-right: 20px;
	}
}
/*END HEADER*/

/*FOOTER*/
footer.footer {
    padding: clamp(50px, 13.056vh, 141px) 0 clamp(30px, 6.204vh, 67px);
}
footer.footer, footer.footer a, footer.footer p { 
    font-size: var(--fs-18);
    line-height: 1.66;
}
footer.footer .h4 {
    margin-bottom: clamp(30px, 5.556vh, 60px);
}
footer a:hover { opacity: .8; }
.social { display:flex; column-gap: clamp(10px, 1.51vw, 29px); }
.social a {
    color: var(--color-highlight);
    font-size: var(--fs-24)!important;
}
.social a svg {
	max-width: var(--fs-24);
	max-height: var(--fs-24);
}
.footer-w-gap {
    column-gap: clamp(40px, 9.844vw, 189px);
}
.address-link {
    margin-bottom: 21px;
}
.col-logo {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.col-logo img {
    width: 100%;
}
.text-underline {
    color: #02559A;
    text-decoration: underline;
}
#menu-quick-links {
    margin-bottom: 0;
}

footer.footer i { color:var(--color-highlight); }
.footer-bottom__menu ul {
    display: flex;
    padding-left: 0;
    justify-content: center;
    margin-bottom: 0;
}
footer.footer .fbottom, footer.footer .fbottom a {
    color: #93A2AC;
    font-size: 14px;
}
.fbottom {
    padding-top: clamp(15px, 3.241vh, 35px);
}
.fbottom ul {
    display: flex;
    margin-bottom: 0;
    justify-content: center;
}
.fbottom ul li a {
    color: #93A2AC;
}
.fbottom ul li:after {
	content: '|';
	padding: 0 6px;
	color: #93A2AC;
}
.fbottom ul li:last-child::after {
	display: none;
}
@media only screen and (min-width: 991px) {
    
}
@media only screen and (min-width: 768px) {
    .col-logo {
        max-width: clamp(300px, 28.958vw, 556px);
    }
}
@media only screen and (max-width: 992px) {
    .social { justify-content: center; }
    footer.footer {
        padding-bottom: 100px;
    }
}




/*HOMEPAGE*/
#home-banner {
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
    overflow: hidden;
    padding-bottom: clamp(80px, 16.5vh, 165px);
}
.banner-content {
    opacity: 1;
}
.shape-transition {
    right: 0;
    top: 0;
    bottom: 0;
    will-change: transform;
    height: 100%;
    pointer-events: none;
}
.shape-transition svg {
    height: 100%;
}
.banner-desc p {
    font-size: clamp(14px, 0.938vw, 18px);
}

#home-video-bg,
#home-video-bg video {
    object-fit: cover;
    object-position: center;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #02559A;
}
#home-video-bg video {
/*    opacity: .85;*/
}
#home-video-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    margin: 0 auto;
    bottom: 0;
    overflow: hidden;
}
#home-banner h1 {
    margin-bottom: 25px;
}
.banner-content p {
/*     font-size: var(--fs-19);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .12em;
    margin-bottom: clamp(30px, 4.815vh, 52px); */
	font-size: clamp(14px, 0.938vw, 18px);
	line-height: 1.5;
}
#home-banner:after {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) -2.97%, rgba(0, 0, 0, 0.8) 144.03%);
}
.banner {
    position: relative;
    z-index: 2;
    background: transparent none no-repeat center center / cover scroll;
}
#page-banner {
    background: transparent none no-repeat center center / cover scroll;
    min-height: clamp(400px, 46.944vh, 507px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.banner:after {
    content: '';
    position: absolute;
    top: 0; right: 0; left: 0; bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(271.41deg, rgba(0, 0, 0, 0.4) 0.85%, rgba(0, 0, 0, 0.8) 98.69%);
/*    transform: rotate(90.02deg);*/

}
@media only screen and (min-width: 991px) {
    #home-banner {
        height: 100vh;
        max-height: 942px;
    }
}
@media only screen and (max-width: 991px) {
    #home-banner {
        padding-top: 120px;
    }
}
.row-wrap {
    margin-bottom: clamp(50px, 12.87vh, 139px);
    column-gap: clamp(50px, 5.885vw, 113px);
}
.row-wrap:last-child {
    margin-bottom: 0;
}
.attachment-post-thumbnail {
    max-height: 676px;
    object-fit: cover;
}
@media only screen and (min-width: 768px) {
    .row-wrap .col-image {
        max-width: clamp(320px, 34.688vw, 666px);
    }
    section.def-template .row {
        column-gap: clamp(50px, 5.573vw, 107px);
    }
}
section.testimonial {
    padding-top: 92px;
}
.col-testimonial {
/*    margin-bottom: clamp(30px, 5.185vh, 56px);*/
    padding: clamp(10px, 1.328vw, 25.5px);
}
.testimonial-item {
    padding: clamp(50px, 7.037vh, 76px) clamp(20px, 4.583vw, 88px) clamp(30px, 5.833vh, 63px) clamp(20px, 3.854vw, 74px);
    position: relative;
}
.testimonial-item p {
    margin-bottom: 10px;
}
.testimonial-item .author-initial {
    text-transform: uppercase;
    display: block;
    line-height: 1;
    padding-top: 15px;
    position: relative;
}
.testimonial-item .author-initial:before {
    content: '';
    width: 18px;
    display: block;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--color-main);
}
.testimonial-img-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden; 
    min-height: 400px;
}

.testimonial-img-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #EBF5F8;
    z-index: 2;
}

.testimonial-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
}

.testimonial-shape-transition {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3; /* above the image for animation if needed */
}

section.testimonial .testimonial-list {
    padding: 10px 0;
}
section.testimonial .col-testimonial:first-child .testimonial-item:after {
    content: '';
    border-bottom: solid 1px #B3D2DA;
    position: absolute;
    bottom: 0;
    max-width: clamp(300px, 33.646vw, 646px);
    width: 100%;
}
section.testimonial .testimonial-item {
    padding: clamp(30px, 5.556vh, 60px) clamp(20px, 9.74vw, 187px) clamp(30px, 7.315vh, 79px) clamp(20px, 7.656vw, 147px);
}
.bio-info__item {
    font-weight: 600;
    color: var(--color-blue);
}
.bio-info__item.social {
	column-gap: 12px;	
}
.bio-info__item.social svg path {
	fill: var(--color-blue);
}
.bio-info__item.social a:hover svg path {
	fill: var(--color-highlight);
}

section.def-template .page-content strong {
    font-size: var(--fs-22);
    font-weight: 400;
}

section.def-template .bio-info__headshot img {
    object-position: top center;
    max-height: clamp(400px, 70.093vh, 757px);
    margin-bottom: clamp(50px, 7.685vh, 83px);
}
@media only screen and (min-width: 991px) {
    section.def-template .col-lg-auto {
        max-width: clamp(300px, 34.01vw, 653px);;
    }
    section.about {
        padding-left: clamp(15px, 7.813vw, 150px);
    }
}


.about-ft-img-wrapper {
    overflow: hidden;
    position: relative; 
    min-height: clamp(400px, 71.481vh, 772px);
}

.about-ft-img {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    transform: translateX(100%);
}

.about-ft-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-shape-transition {
    position: absolute; /* add this */
    top: clamp(80px, 14.2vh, 142px);
    bottom: clamp(80px, 14.2vh, 142px);
    left: clamp(100px, 20.677vw, 397px);
    right: auto;
    margin: 0 auto;
    pointer-events: none; 
    max-height: 488px;
}

.about-shape-transition svg {
    width: 100%;
    height: 100%;
}


.about-ft-img-wrapper {
    overflow: hidden;
}

.about-ft-img {
    transform: translateX(100%); /* start fully right outside */
}


section.about-team {
    padding: 100px 0;
    position: relative;
}
section.about-team:after {
    content: '';
    border-bottom: solid 1px var(--color-secondary);
    position: absolute;
    bottom: 0;
    left: clamp(30px, 8.75vw, 168px);
    right: clamp(30px, 8.75vw, 168px);
}
.about-team-shape-transition {
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    height: 100%;
    pointer-events: none;
    z-index: -1;
    margin: 0 auto;
}
.about-team-shape-transition svg {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
section.about-team h3.border-line-bottom-light {
    padding-bottom: clamp(30px, 4.259vh, 46px);
    margin-bottom: clamp(30px, 4.167vh, 45px);
}
.col-headshot {
    min-height: 300px;
    margin: 50px auto;
}
.col-headshot img {
    min-height: 300px;
    max-height: 300px;
}
@media only screen and (min-width: 991px) {
    section.about-team {
        padding: clamp(100px, 23.333vh, 252px) 0 clamp(100px, 23.704vh, 256px);
    }
    .col-headshot {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
    }
    .col-headshot, .col-headshot img {
        max-width: clamp(320px, 45.833vw, 880px);
        min-height: clamp(400px, 66.9vh, 809px);
        max-height: clamp(400px, 80.9vh, 809px);
    }
}
@media only screen and (max-width: 640px) {
    .col-headshot img {
        object-fit: contain;
    }
}
.home-pa .section-pa-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: clamp(150px, 34.3vh, 343px);
}
.home-pa .col-pa:nth-child(n+5) {
	display: none;
}
.home-pa .col-pa .service-item h3 {
	column-gap: 4vw;
}
.practice-areas-page .service-item {
	margin-bottom: 30px;
}

.card-item .read-more:hover ,
.card-item:hover h3  {
    color: var(--color-secondary)!important;
}
.card-item .border-line-bottom-light {
    border-color: #C7C7C7;
}
.card-item  .date {
    color: #ACACAC;
}
#page-contact .site-info {
    margin-bottom: clamp(20px, 3.519vh, 38px);
    gap: clamp(20px, 2.604vw, 50px);
    border-color: #DEDEDE;
}
.web-info-wrapper {
    padding: 65px 56px 22px;
}
#page-contact .border-line {
    border-color: #DEDEDE;
    border-radius: 0;
    height: 100%;
}
.map {
    max-width: ;
    width: 100%;
}
.map iframe {
    min-height: 263px;
    max-height: 263px;
    width: 100%;
    overflow: hidden;
}
@media only screen and (min-width: 991px) {
    .map {
        max-width: clamp(200px, 24.427vw, 469px);
    }
    .contact-form {
        max-width: 508px;
    }
    .page-content {
        padding-left: clamp(30px, 8.021vw, 154px);
        padding-right: clamp(30px, 7.135vw, 137px);
    }
}


.page-content ul {
    list-style: none;
    padding-left: 0;
}

.page-content ul li {
    position: relative;
    padding-left: 1.5em;
}

.page-content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.45em;
    width: 14px;
    height: 14px;
    background-image: url("assets/images/svg/right-shift-operator-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.services-related {
    max-width: clamp(400px, 39.583vw, 760px);
    width: 100%;
    padding: clamp(50px, 8.796vh, 95px) clamp(15px, 4.375vw, 84px);
    margin-left: clamp(50px, 9.531vw, 183px);
    margin-bottom: 50px;
	position: relative;
	z-index: 999;
}
.services-related ul {
    list-style-type: none;
    padding: 0;
}
.services-related ul li {
    border-bottom: solid rgba(3, 30, 47, 10%);
    padding-bottom: 22px;
    margin-bottom: 26px;
	transition: .3s ease-out;
}
.services-related ul li:hover {
/* 	border-bottom: solid rgba(3, 30, 47, 50%); */
}
.services-related ul li, .w-icon-arrow-circle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.services-related ul li a {
	color: var(--color-blue);
}
.services-related ul li:hover a {
	opacity: .8;
}
.services-related ul li:after, .w-icon-arrow-circle:after {
    content: url(assets/images/svg/icon-arrow-circle.svg);
	transition: .3s ease-out;
}
.services-related ul li:hover::after {
	margin-right: 5px;
}

.service-item {
    display: block;
    position: relative;
    overflow: hidden;
}

.service-item__img img {
    /*max-height: clamp(300px, 34.537vh, 373px);
    min-height: clamp(300px, 34.537vh, 373px);*/
    max-height: clamp(300px, 48.981vh, 529px);
    min-height: clamp(300px, 48.981vh, 529px);
    padding-bottom: clamp(50px, 13.704vh, 140px);
    display: block;
    width: 100%;
}

.pa-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.95);
    padding: clamp(20px, 3.241vh, 35px) clamp(15px, 2.604vw, 50px) clamp(20px, 4.167vh, 45px);
}

.pa-info h3 {
    margin-bottom: 0;
    column-gap: 2vw;
}
.home-pa .pa-info h3 {
    column-gap: 4vw;
}

.pa-info p {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    font-size: clamp(12px, 0.781vw, 15px);
    margin-bottom: 0;
}

.service-item:hover .pa-info p {
    opacity: 1;
    padding-top: 10px;
    max-height: 500px;
}

.table-of-content {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .15);
    border-top: 10px solid var(--color-blue);
}
.content-block__accordion {
    transition: all 0.3s ease-out;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.content-block__accordion summary {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    font-size: var(--fs-18);
    align-items: center;
    border-bottom: none;
    padding: 31px 55px 25px clamp(30px, 2.656vw, 51px);
    list-style: none;
    background: transparent;
    -webkit-appearance: none;
    transition: all 0.3s ease-in-out;
}
.content-block__accordion ul li::marker {
    color: var(--color-highlight);
}
summary::-webkit-details-marker {
  display: none;
}
.content-block__accordion summary::after {
    content: '\f054';
    display: block;
    font-size: var(--fs-16);
    font-family: "Font Awesome 5 Free"; 
    color: var(--color-highlight);
    font-weight: 700;
    transition: transform 0.3s ease-in-out;
}
.content-block__accordion[open]:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background: var(--color-highlight);
}
.content-block__accordion[open] summary::after {
  transform: rotate(90deg);
}
.content-block__accordion[open] .content-block__accordion-description {
    padding: 15px clamp(30px, 5.938vw, 114px) 46px clamp(30px, 2.656vw, 51px);
}
.single-def-template iframe , .video-item iframe {
    width: 100%;
    height: 100%;
    display: block;
    aspect-ratio: 16 / 9;
}
@media only screen and (max-width: 991px) {
    .services-related {
        margin: 0 auto 50px;
    }
}