/* region Variables */
:root {
    --violet: #1D104C;
    --light-violet: #564d7a;
    --grey: #d1d4d8;
    --middle-text-color: #333333;
    --light-text-color: #999999;
    --main-text-color: #000;
    --form-border-color: #999999;
    --border-radius: 8px;
    --red: #e14959;
}
/* endregion */

.skip-link { position: absolute; top: -40px; left: 0;  background: #e74c3c;  color: white;  padding: 8px 16px; text-decoration: none; z-index: 10000; border-radius: 0 0 4px 0;}
.skip-link:focus { top: 0;}


body.accessibility-mode { background-color: #fff !important; color: #000 !important; font-size: 120% !important; font-family: Arial, sans-serif !important;}
body.accessibility-mode a { color: #0000ee !important; text-decoration: underline !important; }
body.accessibility-mode * {transition: none !important;  animation: none !important;}
body.accessibility-mode a:focus,
body.accessibility-mode button:focus {outline: 3px solid #ff0 !important; outline-offset: 2px;}
body.accessibility-mode p,
body.accessibility-mode li {line-height: 1.6 !important; letter-spacing: 0.05em !important;}



/* region Basic styles */
body.scroll-lock { overflow-y: hidden; }
.containerWrapper { width: 100%; max-width: 1640px; min-width: 375px; padding: 0 80px; box-sizing: border-box; margin: 0 auto; position: relative; }
.containerWrapper.main { overflow: hidden; }
.containerView--content.catalogue .containerWrapper { overflow: unset; }
.containerContent { padding: 0; overflow: hidden; position: relative;  }
.containerPage { position: relative; min-width: 375px; box-sizing: border-box;  }


.containerTitle { font-size: 40px; font-weight: 200; padding-bottom: 7px;  border-bottom: 1px solid #e1e1e1; position: relative; display: block; text-decoration: none; margin-bottom: 34px;}
.containerTitle a { font-size: 45px; font-weight: 800; color: #000; position: relative; display: block; text-decoration: none; }
ul li { padding-block: 8px; }
ul li::marker { }

/*----------------------*/


.imgRight { float: right; max-width: 50%; padding: 0 0 40px 40px; position: relative; z-index: 4; object-fit: contain; }
.imgRight img { width: 100%; }
.imgLeft { float: left; padding: 0 40px 40px 0; object-fit: contain; max-width: 50%;}
.imgLeft img { width: 100%; }
.contactsSocial { display: flex; gap: 10px;}
.main-view { overflow: hidden; }


@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#preloader { position: fixed; top: 0; left: 0; width: 100%;height: 100%;z-index: 10000;background: #fff;}
/*#loader { transform: rotate(45deg); display: block;position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border: 3px solid transparent; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;}*/

#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 120px;
    height: 120px;
    margin: -76px 0 0 -76px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}


.container-page { min-width: 440px; box-sizing: border-box;  z-index: -5; overflow: hidden;}
.container-page.scroll-lock { height: 100vh; overflow: hidden; }

.wrapper { width: 100%; max-width: 1640px; min-width: 375px;  box-sizing: border-box; margin: 0 auto; position: relative; padding: 0 100px; }

.view {box-sizing:border-box; padding:120px 0; min-height:100vh;}
.view__content .wrapper {display: flex; flex-direction: row; gap: 20px;}
.view__title {border-bottom: 1px solid var(--light-violet);margin-bottom: 13px;margin-top: 26px;}
.view__title h1 {padding: 15px 0; font-size:40px; font-weight:800; color:#fff; letter-spacing:0.05em;}
.view__title a {font-size:45px; color:#fff;}
.view__breadcrumbs a {font-size:13px;color:#999;text-transform:uppercase;}
.view__content {padding:35px 0 0 0;min-height:50vh;}
.view__sidebar {padding-top:5px;position:relative; width: 300px;}
.view__main {     width: calc(100% - 320px);}
.view__main img {max-width:100%;}
.view__presentation {width: 100%}

/*---------------------File links-------------------------*/
.pdf-link a {display: flex;align-items: center;text-decoration: none;color: inherit;}
.pdf-link a img {margin-right: 10px;width: 40px;height: auto;flex-shrink: 0;}
.pdf-link a span {display: inline-block;}
.pdf-link {margin-bottom: 10px;}

/*---------------------header-------------------------*/
.header { position: fixed; top: 0; left: 0; padding: 40px 100px; width: 100%; min-width: 375px;  display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; color: #fff; z-index: 100;}
.header a { text-decoration: none;}
.header--violet {background-color: var(--violet); border-bottom: 1px solid var(--light-violet);}
.header__left { display: flex;  align-items: center;  gap: 50px;}
.header__logo { display: block;  width: 210px;  height: 60px;}
.header__logo img { width: 100%; height: 100%; object-fit: contain;}
.header__menu { text-align: center;}
.header__menu ul {  margin: 0; display: flex; gap: 30px;}
.header__menu li { position: relative;  display: inline-block;  font-size: 16px;  font-weight: 300; padding-block: 0; }
.header__menu a { font-size: 15px; white-space: nowrap; text-transform: uppercase; color: #fff;}
.header__languages { padding-right: 10px;}
.header__languages-list { list-style: none; margin: 0; padding: 0; display: flex;}
.header__languages li { color: #ccc;}
.header__languages a {display: inline-block; padding: 0 8px; font-size: 13px; text-transform: uppercase; background: transparent; opacity: 0.7; color: #fff;}
.header__languages li.current a {opacity: 1;}
.header__burger { display: none; width: 62px; padding: 18px 13px; text-align: left; cursor: pointer; border-radius: 50%; box-sizing: border-box; flex-direction: column; opacity: 0.6;}
.header__burger-line { width: 100%; height: 4px; background: #fff; border-radius: 50px; transition: width 300ms;}
.header__burger-line:not(:last-child) { margin-bottom: 7px;}
.header__burger-line--short {width: 65%;}
.header__burger:hover .header__burger-line--short { width: 100%;}
.header__right { display: flex; align-items: center; padding-right: 20px; gap: 30px; overflow-x: hidden;}
.header__center, .header__left, .header__right { align-self: center;}
.header__center { opacity: 1;}
.header__center.header__center--opacity { opacity: 0;}


/*---------------------------------------------------*/
.footer {padding: 60px 60px 100px; display: flex; flex-direction: row; gap: 200px; position: relative; margin-top: 50px; justify-content: space-around; border-top: 1px solid var(--light-violet);}
.footer  a {}
.footer__left, .footer__right { display: flex; flex-direction: row; color: #fff;  position: relative; z-index: 1;}
.footer__left a { margin-bottom: 10px;}
.footer__tel { font-size: 21px;}
.footer__tel-text {color: #b7b7b7; font-size: 13px; margin-block-start: 0; margin-block-end: 15px; line-height: 100%;}
.footer__social { display: flex; flex-direction: column; gap: 10px;}
.footer__social a { width: 24px; height: 24px;}
.footer__social a img {width: 100%; object-fit: contain;}
.footer__column {display: flex; flex-direction: column; margin-right: 60px;}
.footer__column:last-child { margin-right: 0;}

/*-----------Hamburger menu---------------*/
.menu { overflow: auto; opacity: 0.5; position: fixed; top: 0; left: -100%; width: 100%; height: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.85); transition: all 300ms ease; }
.menu__container { position: absolute; top: 20%; left: 0; width: 100%;  margin-block: 40px; text-align: center; display: inline-grid; justify-content: center; align-content: start; }
.menu__close { position: absolute; top: 20px; right: 14px; padding: 20px 10px; font-size: 60px; cursor: pointer; color: #fff; font-weight: 300; transition: rotate 2s; }
.menu__content { position: relative; display: inline-block; text-align: left; margin-bottom: -200px; opacity: 0; visibility: hidden; transition: all 0.3s; }
.menu__content--active { margin-bottom: 0; opacity: 1; visibility: visible; }
.menu__content a { display: block; color: #fff; font-size: 25px; font-weight: 300; padding: 10px 0; border-bottom: 1px solid #ffffff47; }
.menu__content ul li ul li a { font-size: 18px; padding: 7px 0 7px 30px; color: rgba(255, 255, 255, 0.7); }
.menu__content a:last-child { border-bottom: none; }

/*-----------Header burger---------------*/
.header__burger { display: none; width: 62px; padding: 18px 13px; text-align: left; cursor: pointer;  box-sizing: border-box; flex-direction: column; opacity: 0.6; background-color: transparent; border: none;}
.header__burger-line { width: 100%; height: 4px; background: #fff; border-radius: 50px; transition: width 300ms;}
.header__burger-line:not(:last-child) { margin-bottom: 7px;}
.header__burger-line--short {width: 65%;}
.header__burger:hover .header__burger-line--short { width: 100%;}

/*----------ГОЛОВНА СТОРІНКА----------*/
.hero { height: 100vh; position: relative; display: flex; align-items: center; margin-top: 40px; }
.hero__content { color: #fff; position: relative; margin-top: 230px;}
.hero__list {list-style: none; display: flex; flex-direction: column; max-width: 655px; padding-inline-start: 0;}
.hero__list a { padding: 25px 0; text-decoration: none;  font-size: 30px; border-bottom: 1px solid var(--light-violet); display: inline-block; cursor: pointer; transition: all 0.3s ease-in-out;}
.hero__list a:nth-of-type(1) {animation-delay: 0ms;}
.hero__list a:nth-of-type(2) {animation-delay: 300ms;}
.hero__list a:nth-of-type(3) {animation-delay: 600ms;}
.hero__list a:nth-of-type(4) {animation-delay: 900ms;}
.hero__list a:nth-of-type(5) {animation-delay: 1200ms;}
.hero__list a:nth-of-type(6) {animation-delay: 1500ms;}
.hero__list a:hover { color: var(--light-violet); font-weight: 600; }
.hero__animation {position: absolute; right: 50%; top: 0;  width: 50%; max-width: 50%;}
.hero__quote {max-width: 655px; font-size: 25px; color: var(--light-violet); margin-top: 130px;}
.hero__quote-author {font-size: 14px; margin-top: 50px;}

/*Анімація на головній сторінці*/
#container {  width: 40%; height: 40%; background: radial-gradient(circle at 50% 50%, #1a0632 0%, #140426 25%, #0c021a 50%, #06020e 75%, #020108 100% );}
canvas {display: block; width: 100%; height: 100%;}
.glow-overlay { top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background: radial-gradient(circle at 50% 50%, rgba(120, 50, 255, 0.05) 0%, rgba(80, 40, 200, 0.03) 40%, transparent 70%); mix-blend-mode: screen;}

/*--------------секція про------------------------------*/
.main-about { padding: 100px 0; margin-top: 100px;}
.main-about__container {  margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px; }
.main-about__card { opacity: 0; transform: translateY(50px); transition: all 0.6s ease; font-size: 16px; padding: 80px 40px; transition: all 0.3s ease-in-out; }
.main-about__card:after {content: ''; position: absolute; top: 0; right: 0; background: url("/templates/img/about-bg.png" ) center no-repeat; width: 50%; height: 100%; background-size: contain; opacity: 1; transition: all 0.3s ease-in-out;}
.main-about__card.visible { opacity: 1; transform: translateY(0); }
.main-about__card:nth-of-type(1) {transform: translateY(0px)}
.main-about__card:nth-of-type(2) {transform: translateY(50px)}
.main-about__card:nth-of-type(3) {transform: translateY(100px)}
.main-about__card:hover {background-color: #160944;  }
.main-about__card:hover:after {opacity: 0;}
.main-about__card:nth-of-type(1):hover {transform: translateY(-20px)}
.main-about__card:nth-of-type(2):hover {transform: translateY(30px)}
.main-about__card:nth-of-type(3):hover {transform: translateY(80px)}




.team { padding: 100px 0; }
.team__container {  margin: 0 auto; }
.team__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-top: 60px; }
.team__member { text-align: center; opacity: 0; transform: scale(0.9); transition: all 0.6s ease; max-width: 350px;}
.team__member.visible { opacity: 1; transform: scale(1); }
.team__photo { width: 200px; height: 200px; border-radius: 50%; margin: 0 auto 20px; overflow: hidden; border: 3px solid rgba(167, 139, 250, 0.3); transition: all 0.3s ease; }
.team__member:hover .team__photo { border-color: #a78bfa; transform: scale(1.05); }
.team__photo img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%); transition: filter 0.3s ease; }
.team__member:hover .team__photo img { filter: grayscale(0%); }
.team__name { font-size: 35px; margin-bottom: 0;  }
.team__member:hover {transform: scale(105%);}
.team__position { font-size: 16px; color: rgba(255, 255, 255, 0.6); margin-bottom: 15px; margin-block-start: 0; }
.team__description { font-size: 14px; color: rgba(255, 255, 255, 0.5); line-height: 1.6; }
/*-------------кінець головної сторінки--------------*/




/*--------------Сторінка ПРО НАС------------------------------*/
.lawyers__cards {display: flex;justify-content: center;gap: 60px;flex-wrap: wrap;}
.lawyers {position: relative;display: flex;flex-direction: column;align-items: center;transition: transform 0.8s ease;width: 30%;border-radius: 15px;background: rgba(255, 255, 255, 0.05);overflow: hidden;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);min-height: 500px;}
.lawyers:hover {transform: scale(1.03);}
.lawyers__photo {width: 100%;max-height: 400px;overflow: hidden;}
.lawyers__photo img {width: 100%;object-fit: cover;border-top-left-radius: 15px;border-top-right-radius: 15px;filter: grayscale(100%);display: block;transition: transform 0.8s ease, filter 0.8s ease;}
.lawyers:hover .lawyers__photo img {transform: scale(1.05);filter: grayscale(0%);}
.lawyers__info {width: 100%;flex: 1;display: flex;flex-direction: column;padding: 20px;text-align: center;height: 100%;box-sizing: border-box;}
.lawyers__info h2 {font-size: 1.3em;font-weight: 700;color: #f2f2f2;margin-bottom: 10px;display: inline-block;padding-bottom: 4px;border-bottom: 2px solid rgba(255, 255, 255, 0.2);letter-spacing: 0.3px;}
.lawyers__info ul {margin: 0;padding-left: 1.2em;font-size: 1.2em;line-height: 1.5;}
.lawyers__info li {margin-bottom: 0.5em;}
.lawyers__info p {font-size: 0.95em;line-height: 1.6;margin: 8px 0 25px 0;color: #ccc;opacity: 0.6;}
.toggle-btn {background-color: transparent;border: 1px solid rgba(255, 255, 255, 0.3);color: #ccc;border-radius: 6px;padding: 6px 14px;font-size: 0.9em;cursor: pointer;transition: all 0.3s ease;max-width: 200px;margin-top: auto; align-self: center;opacity: 0.5;display: inline-flex;align-items: center;gap: 5px;position: relative;flex-direction: row;}
.toggle-btn::after {content: '>';display: inline-block;margin-left: 0.3em;transition: transform 0.3s ease;transform: rotateZ(90deg);}
.toggle-btn:hover {background-color: rgba(255, 255, 255, 0.1);color: #fff;}
.lawyers:nth-child(1) { animation-delay: 0.2s; }
.lawyers:nth-child(2) { animation-delay: 0.4s; }
.lawyers:nth-child(3) { animation-delay: 0.6s; }

/*-----Спливаюче вікно------*/
.modal {display: none;position: fixed;z-index: 1000;left: 0; top: 0;width: 100%; height: 100%;overflow: hidden;background-color: rgba(0, 0, 0, 0.6);font-family: Arial, sans-serif;opacity: 0;transition: opacity 0.6s ease; justify-content: center;align-items: center; }
.modal.show {display: flex;opacity: 1;}
.modal-content {background-color: rgb(30 20 58 / 95%);border: 2px solid #fff;padding: 20px;border-radius: 15px;width: 90%;max-width: 700px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);font-size: 1em;color: #fff;animation: fadeIn 0.6s ease;}

@keyframes fadeIn {from {opacity: 0;transform: scale(0.9);}to {opacity: 1;transform: scale(1);}}
@keyframes fadeOut {from {opacity: 1;transform: scale(1);}to {opacity: 0;transform: scale(0.9);}}

.modal-content.fade-out {animation: fadeOut 0.6s ease forwards;}
.modal-content h2 {margin-top: 0;}
.modal-content ul li {margin-bottom: 8px;line-height: 1.3;}

.close {float: right;font-size: 28px;font-weight: bold;cursor: pointer;transition: transform 1s ease;}
.close:hover { transform: scale(1.3); }


/*-----Послуги------*/
.services {display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
.services__block  {border: 1px solid var(--light-violet); padding: 20px}
.services__block a  {box-sizing: border-box;     text-transform: uppercase; font-size: 22px;  display: flex;  justify-content: center; text-align: center;}
.services__block a img {object-fit: cover; width: 100%; max-height: 350px;min-height: 350px;}
.services__block p {margin-bottom: 0;}

.services-quote {display: flex;flex-grow: 1;border-bottom: 1px solid #fff;flex-wrap: wrap;}
.services-quote:first-child {border-top: 1px solid #fff;}
.services-quote__image {display: flex; min-height: 200px;background-size: cover;background-position: center;flex: 1;}
.services-quote__text {flex: 1.5;padding: 2em;display: flex;justify-content: flex-start;align-items: center;border-left: 1px solid #fff;border-right: 1px solid #fff;}
.services-quote:first-child .services-quote__text {flex-direction: column;align-items: flex-start;text-align: right;}
.services-quote:first-child p{line-height: 40px;   }
.services-quote__text p {margin: 0;}
.services-quote--left .services-quote__text {order: -1;}

/*-----Типи послуг------*/
.legal-services__container {margin: 0 auto; display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
.legal-services__card{opacity: 0;transform: translateY(50px);transition: all 0.6s ease;font-size: 16px;padding: 50px 40px; transition: all 0.3s ease-in-out;}
.legal-services__card:after {content: ''; position: absolute; top: 0; right: 0; background: url("/templates/img/about-bg.png" ) center no-repeat; width: 50%; height: 100%; background-size: contain; opacity: 1; transition: all 0.3s ease-in-out;}
.legal-services__card.visible { opacity: 1; transform: translateY(0); }
.legal-services__card:hover {background-color: #160944;  }
.legal-services__card:hover:after {opacity: 0;}
.legal-services__card.square {aspect-ratio: 1 / 1; padding: 0;overflow: hidden;}
.legal-services__container  a {color: #b9b9e8; text-decoration: underline;}

.containerMenu ul li { position: relative; padding-block: 0; }
.containerMenu ul { min-width: 400px; max-width: 80%; }
.containerMenu ul li a.first--link + .arrow { z-index: 666; display: none; cursor: pointer;  position: absolute;  top: 0;  right: 1px;  background-image: url(../img/arrow-bottom.png);  background-position: center; background-size: contain; height: 15px;    width: 15px;    padding: 17px 11px; filter: invert(1); }

/* endregion */

/* region Form styles */
.containerForm { padding: 50px; box-sizing: border-box; border: 1px solid #ddd; background: #fff; margin: 0 auto; max-width: 800px; border-radius: 20px;}
.containerForm .containerForm--title {font-weight: 800;font-size: 26px;color: var(--yellow-color);text-transform: uppercase;text-align: center;}
.containerForm .containerForm--content { width: calc(100% + 30px); position: relative; left: -15px; display: inline-block; }
.containerForm label.container--label--name { overflow: hidden; float: left; }
.containerForm .container--label { margin-bottom: 15px; }
.containerForm .nice-select.open .list { overflow: scroll; max-height: 250px; padding-top: 8px; }
.containerForm--block { display: flex; gap: 10px;}
.containerForm--block .container--label { width: 100%; }
.containerForm .container--label textarea {  width: 100%; border: 1px solid #efefef; border-radius: 4px; padding: 5px 15px; box-sizing: border-box; font-size: 15px; }
.containerForm .container--label.half { width: 48%; float: left;}
.containerForm .container--label.half:not(:last-child) { margin-right: 15px;}
.containerForm .container--conf { display: flex; align-items: center; gap: 15px; }
.containerForm .container--conf a { color: #939393; }
.containerForm label.button { margin-bottom: 0; }
.containerForm input { width: 100%; border: 1px solid #efefef; height: 50px; border-radius: 4px; padding: 15px; box-sizing: border-box; font-size: 15px; }
.containerForm input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #fff inset; box-shadow: 0 0 0 1000px #fff inset; -webkit-text-fill-color: #000; }
.containerForm input.conf { width: 20px; height: 20px; padding: 0; }
.containerForm input.double { float: left; width: 48%; }
.containerForm input.double:last-child { float: right; }
.containerForm button { max-width: max-content; width: 100%; margin-top: 20px;  display: inline-block; text-align: center; cursor: pointer; box-sizing: border-box; border: none; padding: 8px 20px;  color: #fff; font-size: 20px; line-height: 24px; background: var(--yellow-color); border-radius: 20px; }
.topicSelect.nice-select { float: unset; border: 1px solid #efefef; height: 50px; }
.topicSelect.nice-select .nice-select-search-box { display: none !important; }
.topicSelect .option[data-value=""] {    display: none!important;}
.container-conf-policy {text-align: left;font-size: 13px;}
.container-conf-policy a {color: #939393;}
.conf-link {color: #636363;}
.containerForm .nice-select .option { padding-block: 0; }
.containerForm .nice-select { color: #474747; }


.containerMenu { overflow: scroll; opacity: 0.5; position: fixed; top: 0; left: -100%;  width: 50%; height: 100%; z-index: 1000; background: rgba(0,0,0,0.85); transition: all 300ms ease;  }
.containerMenu--container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin-block: 40px; text-align: center; display: inline-grid; justify-content: center; align-content: start; }
.containerMenu--close { position: absolute; top: 0; right: 14px; padding: 20px 10px; font-size: 38px; cursor: pointer; color: #fff; font-weight: 300; transition: rotate 2s; }
.containerMenu--content { position: relative; display: inline-block; text-align: left; margin-bottom: -200px; opacity: 0; visibility: hidden; transition: all .3s; }
.containerMenu--content.active { margin-bottom: 0; opacity: 1; visibility: visible; }
.containerMenu--content a { display: block; color: #fff; font-size: 22px; font-weight: 300; padding: 10px 0; border-bottom: 1px solid #ffffff47; }
.containerMenu--content ul li ul li a { font-size: 18px; padding: 7px 0 7px 30px; color: rgba(255,255,255,0.7); }
.containerMenu--content a:last-child { border-bottom: none; }
/* endregion */



/* region Notify styles */
.containerNotify { position: fixed; top: 0; left: 0; width: 100%; text-align: center; height: 60px; line-height: 60px; font-weight: 500; font-size: 15px; margin-top: -60px; transition: all .4s; display: block; z-index: 1001; visibility: hidden; opacity: 0; }
.containerNotify.success { background: #ECECEC; color: #000; visibility: visible; opacity: 1; margin-top: 0; }
.containerNotify.warning { background: #d54949; color: #fff; visibility: visible; opacity: 1; margin-top: 0; }
/* endregion */


/*-----------Black and white photo filter---------------*/
.white-black__img {width: 100%;height: 100%;object-fit: cover;filter: grayscale(100%);transition: transform 0.4s ease, filter 0.4s ease;}
.white-black__img:hover {transform: scale(1.1);filter: grayscale(0);}

@media screen and (max-width: 1920px) {
    .hero__animation {right: 30%;}
}

@media screen and (max-width: 1700px) {

}

@media screen and (max-width: 1600px) {

}

@media (max-width: 1400px) {
    .lawyers {width: 35%;}
    .hero__animation {right: 60%;max-width: 10%;opacity: 0.4;}
}

@media screen and (max-width: 1300px){
    .lawyers {width: 40%;}
    .services__block a img {max-height: 300px;min-height: 300px;}
    .services__block a {font-size: 20px;}
}

@media (max-width: 1200px) {
    .legal-services__card{padding: 30px 20px;}
    .mt-quote {margin-top: 70px;}
    .main-about__container {gap: 30px;}
    .main-about__card {padding: 30px 20px;}
    .team {padding: 50px 0;}
    .services__block a img {max-height: 250px;min-height: 250px;}
    .services__block a {font-size: 18px;}
}

@media screen and (max-width: 1100px){
    .legal-services__card{padding: 40px 20px;}
    .lawyers {width: 50%;}
    .team__grid {grid-template-columns: repeat(2, 1fr);place-items: center;}
}

@media (max-width: 1024px) {
    .legal-services__container{ grid-template-columns: repeat(2, 1fr); gap: 15px; }
    .services__block a img {min-height: 250px;max-height: 250px;}
    .services__block a {font-size: 16px;}
    .services {gap: 15px;}
    .hero__animation {right: 50%;}
    .header__logo {width: 180px;}
    .header {padding: 40px 80px;}
    .main-about {padding-bottom: 50px;}
    .main-about__container {grid-template-columns: repeat(2, 1fr);}
    .main-about__card {padding: 30px 40px;}
    .main-about__card:nth-of-type(3) {transform: translateY(0px);}
    .team {padding: 50px 0;}
    .view__title h1 {font-size: 24px;}
}

@media (max-width: 992px) {
    .services__block a img {max-height: 200px;min-height: 200px;}
}

@media screen and (max-width: 900px) {

    .legal-services__container{gap: 20px;}
    .legal-services__card {padding: 20px 20px;}
    .lawyers {width: 60%;}
    .services__block a img {max-height: 150px;min-height: 150px;}
    .services__block a {font-size: 14px;}
    .header__burger { display: flex;}
    .header__menu {display: none;}
    .wrapper {padding: 0 70px;}
    .hero__list a {font-size: 30px;}
}

@media screen and (max-width: 800px) {
    .hero__animation {right: 90%;}
    .main-about__card {padding: 20px 20px;}
    .hero {position: static;}
}

@media (max-width: 768px) {
    .legal-services__card{font-size: 13px; padding: 20px 15px;}
    .lawyers {width: 70%;}
    .modal-content {width: 80%;}
    .services {grid-template-columns: repeat(1, 1fr);}
    .services__block a {font-size: 18px;}
    .services__block a img {max-height: 300px;min-height: 200px;}
    .header__right {gap: 10px;}
    .main-about__container {gap: 10px;}
    .main-about__card {padding: 20px 20px;}
    .main-about__card:nth-of-type(3) {transform: translateY(0px);}
    .main-about__container {grid-template-columns: repeat(1, 1fr);gap: 20px;}
    .main-about__card:nth-of-type(1):hover {transform: translateY(20px);}
    .main-about__card:nth-of-type(3):hover {transform: translateY(60px);}
    .main-about__card:nth-of-type(2) {transform: translateY(0px);}
    .hero__list a {font-size: 25px;}
    .hero__content {margin-top: 280px;}
    .team__grid {margin-top: 0px;}
    .team {padding: 25px;}
    .team__grid {grid-template-columns: repeat(1, 1fr);}
    .team__member {max-width: 400px;}
    .team__photo {width: 250px;height: 250px;}
    .hero__animation {opacity: 0.3;max-width: 10%;right: 90%;}
    .footer {gap: 80px;align-items: center;}
    .footer__tel {font-size: 17px;}
    .footer__right {flex-direction: column-reverse;}
    .footer__social {flex-direction: row;justify-content: flex-end;}
    .footer__column {margin-right: 0;}
}

@media screen and (max-width: 600px) {
    .legal-services__container{grid-template-columns: repeat(1, 1fr);}
    .legal-services__card p{margin: 0;}
    .legal-services__card{padding: 10px 10px;}
    .mt-quote {margin-top: 30px;}
    .header {padding: 40px 50px;}
    .header__logo {width: 200px;}
    .hero__list a {font-size: 23px;}
}
@media (max-width: 576px) {
    .wrapper {padding: 0 40px;}
}
@media screen and (max-width: 550px) {
    .legal-services__card{padding: 10px 10px;}
    .lawyers {width: 100%;}
    .services__block a img {min-height: 150px;  max-height: 150px;}
    .header__right {padding-right: 0px;gap: 10px;}
    .hero__animation {opacity: 0.2;}
    .footer {flex-direction: column;gap: 45px;}
    .footer__social {justify-content: center;}
    .footer__right {gap: 10px;}
    .footer__tel {font-size: 21px;}
}


@media (max-width: 480px) {
    .services__block a img {max-height: 150px;min-height: 100px;}
    .services__block a {font-size: 12px;}
    .header__logo {width: 180px;}
    .header {padding: 40px 40px;}
    .header__languages {padding-right: 0px;}
    .hero__content {margin-top: 370px;}
    .hero__animation {opacity: 0.1;}
    .hero__list a {font-size: 20px;}
    .main-about {  margin-top: 200px;}
    .pdf-link a span {font-size: 15px;}
}
@media (max-width: 360px) {

}