:root {
  --primary-color: #795548;
  --primary-light-color: #9c796d;
  --secondary-color: #191c26;
  --dark-color: #191919;
}

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

.inner-padding {
  padding: 60px 0;
}

.long-space {
  margin: 100px auto;
}

.my-section-title {
  color: white;
  font-size: 36px;
  margin-bottom: 60px;
  padding-bottom: 45px;
}

.white-color {
  color: white;
}

.black-color {
  color: black;
}

.primary-color {
  color: var(--primary-color);
}

.header-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}

.header-title h3,
.header-title h2 {
  margin-bottom: 14px;
  font-size: 44px;
  text-align: center;
  color: var(--primary-color);
}

.header-title-border {
  height: 3px;
  width: 300px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--primary-color) 50%,
    transparent 100%
  );
}

/* home-services-section */

.home-services-section {
  padding: 50px 0;
}

.home-services-section.family-law .header-title h3 {
  color: var(--dark-color);
}

.home-services-section.family-law .home-service-item-inner {
  border-color: white;
}

.home-services-section.family-law .home-service-item .arrow-icon {
  background: url('data:image/svg+xml,<svg width="30px" height="30px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12H18M18 12L13 7M18 12L13 17" stroke="%23fff" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  width: 30px;
  height: 30px;
  transition: all 0.5s;
}

.home-services-section.family-law a {
  color: white;
}

.home-services-section.family-law .header-title .header-title-border {
  height: 3px;
  width: 300px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--dark-color) 50%,
    transparent 100%
  );
}

.home-services-section.criminal-laws {
  background-color: var(--dark-color);
  position: relative;
}

.home-services-section h3 {
  color: var(--primary-light-color);
}

.home-service-item .arrow-icon {
  background: url('data:image/svg+xml,<svg width="30px" height="30px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12H18M18 12L13 7M18 12L13 17" stroke="%23000000" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  width: 30px;
  height: 30px;
  transition: all 0.5s;
}

.home-service-item .home-service-item-icon {
  width: 100%;
  height: 72px;
  max-width: 72px;
  background: linear-gradient(
    90deg,
    var(--dark-color) 0%,
    var(--dark-color) 40%,
    transparent 60%
  );
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  transition: all 0.8s ease;
  background-position: 0px;
  background-size: 200px;
  margin-bottom: 10px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.home-service-item .home-service-item-icon .inner {
  background: url('data:image/svg+xml,<svg fill="%239c796d" width="42px" height="42px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" ><path fill-rule="evenodd" d="M12.75 2.75a.75.75 0 00-1.5 0V4.5H9.276a1.75 1.75 0 00-.985.303L6.596 5.957A.25.25 0 016.455 6H2.353a.75.75 0 100 1.5H3.93L.563 15.18a.762.762 0 00.21.88c.08.064.161.125.309.221.186.121.452.278.792.433.68.311 1.662.62 2.876.62a6.919 6.919 0 002.876-.62c.34-.155.606-.312.792-.433.15-.097.23-.158.31-.223a.75.75 0 00.209-.878L5.569 7.5h.886c.351 0 .694-.106.984-.303l1.696-1.154A.25.25 0 019.275 6h1.975v14.5H6.763a.75.75 0 000 1.5h10.474a.75.75 0 000-1.5H12.75V6h1.974c.05 0 .1.015.14.043l1.697 1.154c.29.197.633.303.984.303h.886l-3.368 7.68a.75.75 0 00.23.896c.012.009 0 0 .002 0a3.154 3.154 0 00.31.206c.185.112.45.256.79.4a7.343 7.343 0 002.855.568 7.343 7.343 0 002.856-.569c.338-.143.604-.287.79-.399a3.5 3.5 0 00.31-.206.75.75 0 00.23-.896L20.07 7.5h1.578a.75.75 0 000-1.5h-4.102a.25.25 0 01-.14-.043l-1.697-1.154a1.75 1.75 0 00-.984-.303H12.75V2.75zM2.193 15.198a5.418 5.418 0 002.557.635 5.418 5.418 0 002.557-.635L4.75 9.368l-2.557 5.83zm14.51-.024c.082.04.174.083.275.126.53.223 1.305.45 2.272.45a5.846 5.846 0 002.547-.576L19.25 9.367l-2.547 5.807z" /></svg>');
  width: 38px;
  height: 38px;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

.home-services-section.family-law
  .row
  .col-lg-3:first-of-type
  .home-service-item
  .home-service-item-icon
  .inner {
  background: url('data:image/svg+xml,<svg fill="%239c796d" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 128 128" xml:space="preserve"><g id="H1_copy"><g><g><rect x="58.9" y="10.1" transform="matrix(2.929675e-03 -1 1 2.929675e-03 51.3057 74.6855)" width="8.3" height="3.1"/></g><g><path d="M64.4,101.7l-3.1,0l0-14.3l3.1,0L64.4,101.7z M64.5,73.1l-3.1,0l0-14.3l3.1,0L64.5,73.1z M64.6,44.4l-3.1,0l0-14.3l3.1,0L64.6,44.4z"/></g><g><rect x="58.6" y="118.7" transform="matrix(3.255191e-03 -1 1 3.255191e-03 -57.6402 182.6096)" width="8.3" height="3.1"/></g></g></g><g id="Man"><g><circle cx="101" cy="17.4" r="9.7"/><path d="M113.2,29.6H89c-6.7,0-12.1,5.4-12.1,12.1v29.6c0,2.3,1.9,4.3,4.3,4.3s4.3-1.9,4.3-4.3V44.2c0-0.7,0.6-1.2,1.2-1.2c0.7,0,1.2,0.6,1.2,1.2v73.5c0,3.6,2.7,6.6,6.1,6.6c3.4,0,6.1-3,6.1-6.6V75.8c0-0.7,0.6-1.2,1.2-1.2c0.7,0,1.2,0.6,1.2,1.2v41.9c0,3.6,2.7,6.6,6.1,6.6c3.4,0,6.1-3,6.1-6.6V44.2c0-0.7,0.6-1.2,1.2-1.2c0.7,0,1.2,0.6,1.2,1.2v27.3c0,2.3,1.9,4.3,4.3,4.3s4.3-1.9,4.3-4.3V41.7C125.3,35,119.8,29.6,113.2,29.6z"/></g><g><path d="M28.7,27.2c5.4,0,9.7-4.3,9.7-9.7c0-5.4-4.3-9.7-9.7-9.7c-3.6,0-6.8,2-8.5,4.9c-0.2,0.3-0.4,0.7-0.7,0.9c-1.9,1.9-5,1.9-6.9,0c-0.3-0.3-0.5-0.6-0.7-0.9C13.1,20.9,20.1,27.2,28.7,27.2z"/><path d="M53.1,71l-3.7-30.9c-0.8-5.9-5.9-10.4-12-10.4H18.9c-6.1,0-11.2,4.5-12,10.4L3.2,71c-0.3,2.3,1.4,4.4,3.7,4.7c2.3,0.3,4.4-1.4,4.7-3.7L15,43.2c0.1-0.6,0.6-1,1.2-1c0.7,0,1.2,0.5,1.2,1.2c0,0.1,0,0.2,0,0.2c0,0-2.5,20.3-2.5,20.8c-0.1,0.5-0.1,1.1-0.1,1.6v51.7c0,3.6,2.7,6.6,6.1,6.6s6.1-2.9,6.1-6.6v-42c0-0.7,0.5-1.2,1.2-1.2c0.7,0,1.2,0.5,1.2,1.2v42c0,3.6,2.7,6.6,6.1,6.6c3.4,0,6.1-2.9,6.1-6.6V66c0-0.5,0-1.1-0.1-1.6c-0.1-0.4-2.5-20.8-2.5-20.8s0-0.1,0-0.2c0-0.7,0.5-1.2,1.2-1.2c0.6,0,1.1,0.4,1.2,1L44.7,72c0.3,2.3,2.4,4,4.7,3.7C51.7,75.4,53.4,73.3,53.1,71z"/></g></g></svg>');
}

.home-services-section.family-law
  .row
  .col-lg-3:nth-of-type(2)
  .home-service-item
  .home-service-item-icon
  .inner {
  background: url('data:image/svg+xml,<svg fill="%239c796d" height="36px" width="36px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 315.752 315.752" xml:space="preserve"><g><path d="M263.89,8.743c-3.039,0-5.503,2.464-5.503,5.503v257.607c0,0.854,0.199,1.696,0.581,2.461l14.829,29.654c0.932,1.864,2.837,3.042,4.922,3.042c2.084,0,3.989-1.178,4.922-3.042l14.828-29.654c0.382-0.765,0.581-1.606,0.581-2.461V14.246c0-3.039-2.464-5.503-5.503-5.503H263.89z M288.044,270.552l-9.325,18.649l-9.326-18.649V19.749h18.651V270.552z"/><path d="M304.746,48.037v87.789c0,3.039,2.464,5.503,5.503,5.503c3.039,0,5.503-2.464,5.503-5.503V48.037c0-3.039-2.464-5.503-5.503-5.503C307.21,42.534,304.746,44.998,304.746,48.037z"/><path d="M186.526,164.64H47.204c-3.039,0-5.503,2.465-5.503,5.504c0,3.039,2.464,5.502,5.503,5.502h139.322c3.039,0,5.503-2.463,5.503-5.502C192.029,167.105,189.565,164.64,186.526,164.64z"/><path d="M186.526,246.068H47.204c-3.039,0-5.503,2.464-5.503,5.503c0,3.039,2.464,5.503,5.503,5.503h139.322c3.039,0,5.503-2.464,5.503-5.503C192.029,248.532,189.565,246.068,186.526,246.068z"/><path d="M186.526,129.295H47.204c-3.039,0-5.503,2.464-5.503,5.503c0,3.039,2.464,5.503,5.503,5.503h139.322c3.039,0,5.503-2.464,5.503-5.503C192.029,131.759,189.565,129.295,186.526,129.295z"/><path d="M47.204,104.959h82.709c3.039,0,5.503-2.465,5.503-5.504c0-3.039-2.464-5.502-5.503-5.502H47.204c-3.039,0-5.503,2.463-5.503,5.502C41.701,102.494,44.165,104.959,47.204,104.959z"/><path d="M47.204,69.615h82.709c3.039,0,5.503-2.463,5.503-5.502c0-3.039-2.464-5.504-5.503-5.504H47.204c-3.039,0-5.503,2.465-5.503,5.504C41.701,67.152,44.165,69.615,47.204,69.615z"/><path d="M5.488,306.568h222.754c3.031,0,5.488-2.457,5.488-5.488V87.843l0,0l0,0c0-0.008-0.001-0.015-0.001-0.022c-0.001-0.177-0.01-0.353-0.027-0.525c-0.013-0.134-0.036-0.265-0.059-0.396c-0.008-0.045-0.012-0.091-0.02-0.136c-0.031-0.154-0.071-0.308-0.115-0.459c-0.006-0.02-0.01-0.04-0.016-0.061c-0.047-0.15-0.102-0.299-0.16-0.446c-0.008-0.019-0.014-0.039-0.021-0.058c-0.057-0.138-0.122-0.271-0.191-0.402c-0.014-0.027-0.025-0.057-0.04-0.084c-0.064-0.119-0.136-0.234-0.208-0.349c-0.024-0.037-0.045-0.077-0.069-0.113c-0.069-0.103-0.146-0.202-0.223-0.301c-0.033-0.043-0.064-0.089-0.098-0.132c-0.095-0.115-0.197-0.225-0.303-0.333c-0.02-0.021-0.036-0.043-0.057-0.063l-73.174-73.173c-0.127-0.127-0.26-0.246-0.397-0.359c-0.036-0.029-0.075-0.055-0.111-0.083c-0.105-0.082-0.211-0.164-0.32-0.237c-0.032-0.021-0.067-0.04-0.1-0.061c-0.118-0.076-0.238-0.15-0.361-0.217c-0.022-0.012-0.047-0.021-0.069-0.033c-0.137-0.071-0.275-0.139-0.417-0.197c-0.016-0.007-0.032-0.012-0.047-0.018c-0.15-0.061-0.303-0.116-0.457-0.164c-0.018-0.005-0.035-0.008-0.053-0.013c-0.153-0.046-0.309-0.086-0.467-0.118c-0.043-0.008-0.089-0.012-0.132-0.02c-0.133-0.023-0.266-0.047-0.4-0.06c-0.181-0.019-0.364-0.028-0.548-0.028l0,0H5.488C2.457,9.183,0,11.64,0,14.671V301.08C0,304.111,2.457,306.568,5.488,306.568z M214.995,82.357l-54.434,0.006l-0.003-54.441L214.995,82.357z M10.976,20.16h138.605l0.004,67.692c0,1.456,0.578,2.852,1.607,3.881c1.029,1.028,2.426,1.606,3.881,1.606l67.682-0.008v202.261H10.976V20.16z"/></g></svg>');
}

.home-services-section.family-law
  .row
  .col-lg-3:nth-of-type(3)
  .home-service-item
  .home-service-item-icon
  .inner {
  background: url('data:image/svg+xml,<svg height="800px" width="800px" version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"><style type="text/css">.st0{fill:%239c796d;}</style><g><path class="st0" d="M78.642,118.933c22.879,0,41.415-18.551,41.415-41.414c0-22.888-18.536-41.423-41.415-41.423c-22.887,0-41.422,18.535-41.422,41.423C37.219,100.383,55.755,118.933,78.642,118.933z"/><path class="st0" d="M255.706,228.731v0.062c0.101,0,0.193-0.031,0.294-0.031c0.101,0,0.194,0.031,0.294,0.031v-0.062c15.563-0.317,28.082-12.976,28.082-28.601c0-15.648-12.52-28.299-28.082-28.617v-0.062c-0.1,0-0.193,0.031-0.294,0.031c-0.101,0-0.193-0.031-0.294-0.031v0.062c-15.563,0.318-28.082,12.969-28.082,28.617C227.624,215.754,240.143,228.413,255.706,228.731z"/><path class="st0" d="M433.358,118.933c22.887,0,41.423-18.551,41.423-41.414c0-22.888-18.536-41.423-41.423-41.423c-22.879,0-41.414,18.535-41.414,41.423C391.944,100.383,410.48,118.933,433.358,118.933z"/><path class="st0" d="M512,319.675V180.463c0-20.076-21.834-41.91-41.903-41.91h-5.799l-28.818,28.818l-28.214-28.214c-17.839,2.609-33.564,13.665-41.918,30.018l-33.494,97.967c-1.154,2.245-3.298,3.84-5.792,4.281c-2.493,0.442-5.048-0.31-6.914-2.036l-20.835-18.04c-6.232-5.769-14.409-8.974-22.902-8.974H256h-19.41c-8.494,0-16.67,3.206-22.903,8.974l-20.835,18.04c-1.866,1.726-4.422,2.478-6.914,2.036c-2.494-0.442-4.638-2.036-5.792-4.281l-33.494-97.967c-9.6-18.791-28.926-30.622-50.032-30.622H78.216H41.903C21.834,138.553,0,160.387,0,180.463v139.211c0,10.035,8.13,18.172,18.165,18.172c4.939,0,0,0,12.682,0l6.906,118.724c0,10.677,8.664,19.333,19.341,19.333c4.506,0,12.814,0,21.122,0c8.307,0,16.615,0,21.121,0c10.677,0,19.341-8.656,19.341-19.333l6.906-118.724l-0.086-84.765c0-1.339,0.914-2.493,2.222-2.818c1.309-0.31,2.648,0.309,3.26,1.502l26.573,65.401c3.205,6.256,9.152,10.654,16.074,11.886c6.921,1.23,14.021-0.844,19.186-5.614l25.426-18.729c0.852-0.782,2.083-0.983,3.136-0.542c1.061,0.472,1.742,1.518,1.742,2.663l0.094,73.508l4.777,82.187c0,7.387,6,13.379,13.395,13.379c3.112,0,8.865,0,14.618,0c5.753,0,11.506,0,14.618,0c7.394,0,13.394-5.992,13.394-13.379l4.777-82.187l0.093-73.508c0-1.146,0.681-2.192,1.742-2.663c1.053-0.442,2.284-0.24,3.136,0.542l25.426,18.729c5.164,4.77,12.264,6.844,19.187,5.614c6.921-1.231,12.868-5.629,16.073-11.886l26.572-65.401c0.612-1.192,1.951-1.812,3.26-1.502c1.308,0.325,2.222,1.479,2.222,2.818l-0.031,32.332l-27.881,86.648c-0.659,2.051-0.302,4.296,0.967,6.039c1.27,1.742,3.298,2.772,5.451,2.772h23.91l4.405,75.699c0,10.677,8.664,19.333,19.341,19.333c4.506,0,12.814,0,21.121,0c8.308,0,16.615,0,21.122,0c10.677,0,19.34-8.656,19.34-19.333l4.406-75.699h26.418c2.152,0,4.181-1.03,5.451-2.772c1.27-1.743,1.626-3.988,0.968-6.039L500.1,336.67C507.037,334.107,512,327.495,512,319.675z M85.424,159.087v74.592H63.389v-74.592H85.424z"/></g></svg>');
}

.home-services-section.family-law
  .row
  .col-lg-3:nth-of-type(4)
  .home-service-item
  .home-service-item-icon
  .inner {
  background: url('data:image/svg+xml,<svg width="800px" height="800px" viewBox="-1 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><title>calendar</title><desc>Created with Sketch Beta.</desc><defs></defs><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Icon-Set-Filled" sketch:type="MSLayerGroup" transform="translate(-311.000000, -361.000000)" fill="%239c796d"><path d="M325,379 L327,379 L327,377 L325,377 L325,379 Z M325,387 L327,387 L327,385 L325,385 L325,387 Z M333,379 L335,379 L335,377 L333,377 L333,379 Z M333,387 L335,387 L335,385 L333,385 L333,387 Z M317,387 L319,387 L319,385 L317,385 L317,387 Z M339,369 L313,369 L313,367 C313,365.896 313.896,365 315,365 L319,365 L319,366 C319,366.553 319.447,367 320,367 C320.553,367 321,366.553 321,366 L321,365 L331,365 L331,366 C331,366.553 331.447,367 332,367 C332.553,367 333,366.553 333,366 L333,365 L337,365 C338.104,365 339,365.896 339,367 L339,369 L339,369 Z M337,379 C337,380.104 336.104,381 335,381 L333,381 C331.896,381 331,380.104 331,379 L331,377 C331,375.896 331.896,375 333,375 L335,375 C336.104,375 337,375.896 337,377 L337,379 L337,379 Z M337,387 C337,388.104 336.104,389 335,389 L333,389 C331.896,389 331,388.104 331,387 L331,385 C331,383.896 331.896,383 333,383 L335,383 C336.104,383 337,383.896 337,385 L337,387 L337,387 Z M329,379 C329,380.104 328.104,381 327,381 L325,381 C323.896,381 323,380.104 323,379 L323,377 C323,375.896 323.896,375 325,375 L327,375 C328.104,375 329,375.896 329,377 L329,379 L329,379 Z M329,387 C329,388.104 328.104,389 327,389 L325,389 C323.896,389 323,388.104 323,387 L323,385 C323,383.896 323.896,383 325,383 L327,383 C328.104,383 329,383.896 329,385 L329,387 L329,387 Z M321,379 C321,380.104 320.104,381 319,381 L317,381 C315.896,381 315,380.104 315,379 L315,377 C315,375.896 315.896,375 317,375 L319,375 C320.104,375 321,375.896 321,377 L321,379 L321,379 Z M321,387 C321,388.104 320.104,389 319,389 L317,389 C315.896,389 315,388.104 315,387 L315,385 C315,383.896 315.896,383 317,383 L319,383 C320.104,383 321,383.896 321,385 L321,387 L321,387 Z M337,363 L333,363 L333,362 C333,361.448 332.553,361 332,361 C331.447,361 331,361.448 331,362 L331,363 L321,363 L321,362 C321,361.448 320.553,361 320,361 C319.447,361 319,361.448 319,362 L319,363 L315,363 C312.791,363 311,364.791 311,367 L311,389 C311,391.209 312.791,393 315,393 L337,393 C339.209,393 341,391.209 341,389 L341,367 C341,364.791 339.209,363 337,363 L337,363 Z M317,379 L319,379 L319,377 L317,377 L317,379 Z" id="calendar" sketch:type="MSShapeGroup"></path></g></g></svg>');
}

.home-services-section.family-law
  .row
  .col-lg-3:nth-of-type(5)
  .home-service-item
  .home-service-item-icon
  .inner {
  background: url('data:image/svg+xml,<svg fill="%239c796d" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 300 300" xml:space="preserve"><path d="M200.6,31.2c0,12.6-10.2,22.8-22.8,22.8s-22.8-10.2-22.8-22.8s10.2-22.8,22.8-22.8S200.6,18.6,200.6,31.2z M288,204.2l-7.7-25.3l-9.7,2.9l1.3,4.4l-8.1,2.4l-1.3-4.4l-29.8,9l1.2,4.1l-8.1,2.4l-1.2-4l-9.1,2.8l7.7,25.3L288,204.2z M273.2,155.4L208.3,175l4.7,15.4l64.9-19.7L273.2,155.4z M56.2,118c-10.6,0-19.2,8.6-19.2,19.2s8.6,19.2,19.2,19.2s19.2-8.6,19.2-19.2S66.8,118,56.2,118z M29.3,172l-5.4-0.4c-5.3-0.4-10,3.6-10.4,8.9l-2.3,28.7c-0.4,5.3,3.6,10,8.9,10.4l5.4,0.4L29.3,172z M241.4,140.7l-26.5-22.4c0,0-18.1-32.9-24.3-44.7c-3.7-7.1-10.2-12.8-18.8-13.8c-8.7-1-15.6,2.6-21.7,9c-9.7,10.3-38.9,41.8-38.9,41.8c-1.5,1.6-2.5,3.6-2.8,5.7l-6.5,43l-18,10.4l-26.4-8.1c-12.8-3.5-22.5,4.8-23.2,13.9l-5.4,75.9l-12.7,27.2c-2.2,4.7-0.2,10.3,4.5,12.6h0c4.8,2.3,10.6,0.3,12.8-4.5l13.5-28.8c0.5-1.1,0.8-2.2,0.9-3.4l1.5-21.6l19.2,53c1.8,5,7.4,7.6,12.4,5.6h0c4.9-1.9,7.3-7.3,5.5-12.2l-22-60.5l0.5-7.7l11.3,14c2.8,3.4,7.8,3.9,11.2,1.2h0c3.4-2.8,3.9-7.8,1.2-11.2l-22-27.2l0.5-6.7c0,0,11.9,3.6,15.4,4.7c1.9,0.6,5.1,0,6.3-0.7l29.1-16.8c2.2-1.5,4.3-2.9,5.2-7.7l5.7-38l14.3-15l-5,46c-0.2,1.5-6.1,59.9-6.1,59.9l-25.6,57.6c-3.3,7.5,0,16.2,7.5,19.6h0c7.5,3.3,16.2,0,19.6-7.5l26.5-59.7c0.6-1.4,1-2.9,1.2-4.4l3.3-30.4l28,92.8c2.4,7.8,10.6,12.3,18.5,9.9l0,0c7.8-2.4,12.3-10.6,9.9-18.5l-36-119.2l4.2-38.5l8.1,14.9c0.6,1.2,1.5,2.2,2.5,3l28,23.6c4.5,3.8,11.2,3.2,14.9-1.3C246.4,151.2,245.9,144.5,241.4,140.7z"/></svg>');
}

.home-services-section.family-law
  .row
  .col-lg-3:nth-of-type(6)
  .home-service-item
  .home-service-item-icon
  .inner {
  background: url('data:image/svg+xml,<svg fill="%239c796d" width="800px" height="800px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 21 3.03125 L 20.34375 3.75 C 18.875 5.367188 17.664063 6.089844 16.65625 6.5625 C 15.648438 7.035156 14.800781 7.175781 13.96875 7.8125 C 13.082031 8.492188 11.792969 9.796875 11.25 12.125 C 10.085938 12.378906 9.234375 12.824219 8.5625 13.40625 C 7.898438 13.980469 7.398438 14.632813 6.78125 15.34375 C 6.777344 15.351563 6.785156 15.367188 6.78125 15.375 C 5.898438 16.390625 5.125 17.484375 3.625 18.0625 L 3 18.3125 L 3 29 L 22.0625 29 C 23.15625 28.941406 23.914063 28.183594 24.375 27.4375 C 24.835938 26.691406 25.089844 25.882813 25.21875 25.21875 C 25.550781 23.527344 26.15625 18.65625 26.15625 18.65625 L 26.1875 18.5625 L 26.1875 18.46875 C 26.15625 17.792969 25.878906 17.21875 25.53125 16.6875 L 26.65625 13.34375 L 28.4375 10.65625 L 28.9375 9.9375 L 28.28125 9.34375 L 21.71875 3.65625 Z M 21.0625 5.78125 L 26.28125 10.3125 L 24.90625 12.34375 L 24.8125 12.4375 L 24.78125 12.59375 L 23.875 15.28125 C 23.402344 15.085938 22.914063 14.949219 22.375 14.96875 L 22.3125 14.96875 L 16 15 L 15 15 L 15 18.875 C 14.859375 19.964844 14.253906 20.386719 13.5 20.6875 C 13.25 20.789063 13.21875 20.734375 13 20.78125 L 13 14.96875 C 12.835938 11.261719 14.15625 10.195313 15.1875 9.40625 C 15.472656 9.1875 16.308594 8.933594 17.5 8.375 C 18.496094 7.90625 19.734375 7.066406 21.0625 5.78125 Z M 11.0625 14.375 C 11.058594 14.601563 10.988281 14.761719 11 15 C 11 15.011719 11 15.019531 11 15.03125 L 11 23 L 12 23 C 12 23 13.070313 22.988281 14.21875 22.53125 C 15.367188 22.074219 16.753906 21.003906 17 19.125 L 17 17 L 22.375 16.96875 L 22.40625 16.96875 C 23.328125 16.917969 24.09375 17.617188 24.15625 18.53125 C 24.152344 18.546875 24.105469 18.917969 24.09375 19 L 20 19 L 20 21 L 23.84375 21 C 23.738281 21.773438 23.640625 22.257813 23.53125 23 L 20 23 L 20 25 L 23.21875 25 C 23.113281 25.445313 22.902344 25.976563 22.65625 26.375 C 22.382813 26.820313 22.148438 26.988281 21.9375 27 L 5 27 L 5 19.53125 C 6.621094 18.671875 7.628906 17.433594 8.28125 16.6875 C 8.957031 15.914063 9.421875 15.328125 9.875 14.9375 C 10.171875 14.683594 10.636719 14.539063 11.0625 14.375 Z"/></svg>');
}

.home-services-section.family-law
  .row
  .col-lg-3:nth-of-type(7)
  .home-service-item
  .home-service-item-icon
  .inner {
  background: url('data:image/svg+xml,<svg fill="%239c796d" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512.001 512.001" xml:space="preserve"><g><g><path d="M352.305,365.826c-6.34-6.34-14.669-9.511-22.995-9.511c-8.329,0-16.656,3.17-22.996,9.511c-12.68,12.68-12.68,33.312-0.001,45.993c12.682,12.679,33.314,12.677,45.993,0C364.985,399.139,364.985,378.507,352.305,365.826z"/></g></g><g><g><path d="M205.687,219.208c-12.682-12.68-33.313-12.677-45.993,0c-12.679,12.68-12.679,33.312,0,45.993c12.682,12.681,33.313,12.68,45.993,0C218.367,252.521,218.367,231.889,205.687,219.208z"/></g></g><g><g><path d="M256,1.468L0,254.587h39.984v255.946h432.034V254.587h39.984L256,1.468z M138.315,197.828c24.468-24.468,64.283-24.47,88.754,0c24.468,24.47,24.468,64.285-0.001,88.754c-12.235,12.235-28.306,18.352-44.377,18.352c-16.07,0-32.142-6.117-44.376-18.352C113.847,262.113,113.847,222.298,138.315,197.828z M126.111,424.022l238.397-238.397l21.381,21.381L147.492,445.403L126.111,424.022z M373.686,433.2c-12.235,12.235-28.306,18.352-44.377,18.352c-16.07,0-32.142-6.117-44.376-18.352c-24.469-24.469-24.469-64.284,0-88.754c24.469-24.468,64.284-24.47,88.754,0C398.154,368.915,398.154,408.73,373.686,433.2z"/></g></g></svg>');
}

.home-services-section.criminal-laws
  .row
  .col-lg-3:first-of-type
  .home-service-item
  .home-service-item-icon
  .inner {
  background: url('data:image/svg+xml,<svg fill="%239c796d" width="800px" height="800px" viewBox="-2 0 19 19" xmlns="http://www.w3.org/2000/svg" class="cf-icon-svg"><path d="M9.316 14.722a.477.477 0 0 1-.475.475H1.433a.477.477 0 0 1-.475-.475v-.863a.477.477 0 0 1 .475-.475h7.408a.476.476 0 0 1 .475.475zm-2.767-2.587a.552.552 0 0 1-.392-.163L2.96 8.776a.554.554 0 0 1 .784-.784L6.94 11.19a.554.554 0 0 1-.392.946zm7.33.992L9.435 8.682l1.085-1.084-3.173-3.173-2.97 2.97 3.173 3.172 1.102-1.101 4.445 4.445a.554.554 0 1 0 .784-.784zm-2.33-5.993a.552.552 0 0 1-.391-.162L7.96 3.775a.554.554 0 1 1 .784-.784l3.196 3.197a.554.554 0 0 1-.391.946z"/></svg>');
}

.home-services-section.criminal-laws
  .row
  .col-lg-3:nth-of-type(3)
  .home-service-item
  .home-service-item-icon
  .inner {
  background: url('data:image/svg+xml,<svg fill="%239c796d" height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 487.716 487.716" xml:space="preserve"><g><g><path d="M51.936,194.7l5.6,9.7c1.5-0.2,3-0.3,4.6-0.3c5.9,0,11.7,0,17.5,0h6l5.4-9.4c2.6-4.6-0.7-10.3-5.9-10.3h-27.3C52.636,184.5,49.336,190.2,51.936,194.7z"/><path d="M330.236,394.6c35.7-14.7,70.9-29.6,106.6-44.4c10.4-3.2,18-10.5,18.2-22.4c-0.1-12.6-4.2-23.4-15.7-30.4c-7.8-4.9-16-4.2-24.3-0.7c-21.9,8.9-43.3,17.9-65.2,26.8c-2.1,0.9-4.1,1.8-6.7,2.4c-0.9-2.1-1.8-4.1-2.6-6.2c-8.9-21.9-8.2-19.3-17.3-40.7c-0.3-0.7-3.5-8.3-6.6-14.7c-5.5,17.8-17.4,31.8-27.7,40.2l-13.6,11.1c9.7,22.8,19.1,46,28.5,68.1C309.236,397,316.436,400.5,330.236,394.6z"/><path d="M85.436,268.5h-6.4h-15h-6.4c-8.3,0-15.4,5.2-16.9,12.4l-7.4,34.8c-4,19.4,10.8,37.6,30.6,37.6h15c19.8,0,34.6-18.2,30.6-37.6l-7.2-34.8C100.836,273.7,93.736,268.5,85.436,268.5z"/><path d="M200.736,338.8c17.8-10,35.7-20.4,53.7-30.9l22.1-17.9c3.4-2.6,38.3-32.5,15.4-69.2c-18-29-36-58-54-87c-0.9-2.1-2.4-3.8-3.8-6.1c1.9-0.4,3.5-0.3,4.7-0.4c21.2,0,42.8,0.2,64.2-0.3c4-0.1,5.8,1.2,8,4.4c7.6,12.2,15.3,24.5,22.9,36.7s21,15.9,31.9,8.9c12.8-6.2,15.5-20,7.9-32.2c-10.7-17.5-21.3-34.9-32-52.4c-4.1-6.8-9.3-9.5-17.2-9.8c-34.9,0.2-70.4,0.1-105.5,0.8c-6.4,0.3-13.6,2.5-19,6c-19.7,12-38.4,25.6-57.8,38.4c-10.9,7-15.8,16.5-15.8,29.1c-0.1,17.1-0.1,34.2-0.2,51.4c-0.3,2.2,0.1,4,0.1,6.9c-2.4,0.2-4.5-0.1-6.2-0.2c-19.5,0.1-38.3,0-57.8,0.1c-14.3-0.1-23.6,8.8-23.7,21.9s9.7,22.8,23.4,22.6c30.9-0.1,62.3,0,93.2,0c9.7-0.1,14.6-5,14.7-15.2c0.1-14.3-0.2-29.2-0.1-43.5c0.2-0.5,0.2-0.5,0.5-2.7c14.9,22.6,29.5,44.5,43.8,66.9c-1.8,1.6-3.4,2.6-5.4,3.5c-18.3,11.4-36.9,23.4-55.5,34.1c-9.1,5.5-12.7,13.1-12.9,23.4c0.2,44.7,0.4,89.4,0.2,133.8c0.1,16.6,10.7,27.2,27.6,27.8c16.4,0.4,26.8-6.9,29.8-20c0.5-2.7,0.5-5.5,0.3-7.9c-0.2-37.8-0.3-75.6-0.5-113.4C197.736,343.3,197.536,341,200.736,338.8z"/><path d="M80.236,52.9c0.4,28.7,24.1,52.1,52.8,51.7c29.2-0.2,52.3-23.4,52-52.2c0-29.7-23.4-52.3-53.1-52.4C103.436-0.1,80.036,23.6,80.236,52.9z"/></g></g></svg>');
}

.home-services-section.criminal-laws
  .row
  .col-lg-3:nth-of-type(4)
  .home-service-item
  .home-service-item-icon
  .inner {
  background: url('data:image/svg+xml,<svg height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 57.589 57.589" xml:space="preserve"><g><g><circle style="fill:%239c796d;" cx="14.743" cy="7.173" r="4.375"/><path style="fill:%239c796d;" d="M27.007,26.171c2.925,0.243,3.82-4.268,0.874-4.514c-4.583-0.382-8.752-1.636-10.061-5.859c-0.037-0.119-0.087-0.219-0.136-0.322c-0.465-2.581-2.771-3.485-4.896-3.053c-0.097-0.023-0.19-0.051-0.294-0.063c-5.421-0.623-10.147,2.135-12.287,7.152c-1.148,2.694,2.81,5.038,3.969,2.319c1.064-2.494,2.655-4.044,4.8-4.653c0.003,0.052,0.001,0.102,0.006,0.154c0,0-2.022,7.993-2.939,12.867c-0.461,0.735-0.61,1.364-0.538,1.905L0.397,51.3c-1.208,3.148,3.67,5.013,4.874,1.871L9.67,36.544c2.619,1.072,5.04,2.527,6.149,5.277c1.1,2.727-0.64,6.207-1.979,8.489c-1.689,2.879,2.535,5.948,4.24,3.045c2.329-3.972,4.146-8.56,2.662-13.163c-1.114-3.451-3.788-5.79-6.868-7.434l2.493-10.804C19.019,24.494,22.923,25.83,27.007,26.171z"/><path style="fill:%239c796d;" d="M57.427,31.395c-1.733-6.634-5.365-12.496-10.436-17.101c-1.777-1.615-3.821-1.332-5.266-0.188c-4.646-0.862-9.287-1.725-13.935-2.587c-3.253-0.604-4.19,4.439-0.937,5.044c4.403,0.817,8.802,1.635,13.206,2.452c0.215,0.673,0.621,1.325,1.265,1.909c3.188,2.897,5.433,6.381,6.903,10.309c-7.911,1.237-14.996,5.418-19.588,12.371c-1.801,2.728,2.065,6.108,3.881,3.354c3.307-5.007,7.803-8.238,13.033-9.834c-1.521,1.387-2.972,2.854-4.416,4.275c-2.365,2.328,1.543,5.658,3.883,3.354c2.906-2.858,5.771-5.854,9.395-7.814c0.016-0.008,0.027-0.02,0.041-0.023C56.473,36.149,58.125,34.068,57.427,31.395z"/><circle style="fill:%239c796d;" cx="41.304" cy="8.305" r="4.105"/><path style="fill:%239c796d;" d="M36.328,24.246l0.291-0.451l-0.521-0.136c-1.229-0.323-2.242-1.263-2.666-2.469l-0.104-0.295l-0.31,0.039c-0.301,0.034-0.601,0.038-0.879,0.007l-0.287-0.031l-0.082,0.774l0.283,0.031c0.246,0.027,0.5,0.032,0.752,0.018c0.492,1.151,1.451,2.08,2.619,2.526c-0.25,0.497-0.408,1.026-0.471,1.582c-0.02,0.153-0.023,0.312-0.023,0.482c-1.312,0.737-2.186,2.052-2.348,3.552c-0.013,0.111-0.017,0.228-0.021,0.348l-0.01,0.287l0.287,0.014l0.491-0.021l0.011-0.262c0.002-0.092,0.004-0.188,0.014-0.275c0.146-1.325,0.945-2.466,2.146-3.06l0.226-0.113l-0.01-0.255c-0.013-0.228-0.008-0.427,0.014-0.61C35.795,25.325,35.997,24.759,36.328,24.246z"/></g></g></svg>');
}

.home-services-section.criminal-laws
  .row
  .col-lg-3:nth-of-type(5)
  .home-service-item
  .home-service-item-icon
  .inner {
  background: url('data:image/svg+xml,<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 14.803v6.447c0 .414.336.75.75.75h1.614a.75.75 0 0 0 .74-.627L5.5 19h13l.395 2.373a.75.75 0 0 0 .74.627h1.615a.75.75 0 0 0 .75-.75v-6.447a5.954 5.954 0 0 0-1-3.303l-.78-1.17a1.994 1.994 0 0 1-.178-.33h.994a.75.75 0 0 0 .671-.415l.25-.5A.75.75 0 0 0 21.287 8H19.6l-.31-1.546a2.5 2.5 0 0 0-1.885-1.944C15.943 4.17 14.141 4 12 4c-2.142 0-3.943.17-5.405.51a2.5 2.5 0 0 0-1.886 1.944L4.399 8H2.714a.75.75 0 0 0-.67 1.085l.25.5a.75.75 0 0 0 .67.415h.995a1.999 1.999 0 0 1-.178.33L3 11.5c-.652.978-1 2.127-1 3.303zm15.961-4.799a4 4 0 0 0 .34.997H5.699c.157-.315.271-.65.34-.997l.632-3.157a.5.5 0 0 1 .377-.39C8.346 6.157 10 6 12 6c2 0 3.654.156 4.952.458a.5.5 0 0 1 .378.389l.631 3.157zM5.5 16a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM20 14.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z" fill="%239c796d"/></svg>');
}

.home-services-section.criminal-laws
  .row
  .col-lg-3:nth-of-type(6)
  .home-service-item
  .home-service-item-icon
  .inner {
  background: url('data:image/svg+xml,<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 10.4167C3 7.21907 3 5.62028 3.37752 5.08241C3.75503 4.54454 5.25832 4.02996 8.26491 3.00079L8.83772 2.80472C10.405 2.26824 11.1886 2 12 2C12.8114 2 13.595 2.26824 15.1623 2.80472L15.7351 3.00079C18.7417 4.02996 20.245 4.54454 20.6225 5.08241C21 5.62028 21 7.21907 21 10.4167C21 10.8996 21 11.4234 21 11.9914C21 17.6294 16.761 20.3655 14.1014 21.5273C13.38 21.8424 13.0193 22 12 22C10.9807 22 10.62 21.8424 9.89856 21.5273C7.23896 20.3655 3 17.6294 3 11.9914C3 11.4234 3 10.8996 3 10.4167Z" stroke="%239c796d" stroke-width="1.5"/></svg>');
}

.home-services-section.criminal-laws
  .row
  .col-lg-3:nth-of-type(7)
  .home-service-item
  .home-service-item-icon
  .inner {
  background: url('data:image/svg+xml,<svg fill="%239c796d" width="800px" height="800px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><g id="Cyber_phishing_money"><path d="M458.5078,251.939H329.4414c-.36.8994-.7207,1.71-1.1733,2.6089a24.7851,24.7851,0,0,1-1.0767,2.34c-.18.36-.4526.7207-.6328,1.1709a80.5871,80.5871,0,0,1-144.0879-6.12H53.457A22.4568,22.4568,0,0,0,31,274.396V463.4312A22.5079,22.5079,0,0,0,53.5078,485.939H458.457A22.5429,22.5429,0,0,0,481,463.396V274.4312A22.4921,22.4921,0,0,0,458.5078,251.939ZM148,431.0391a9.9,9.9,0,1,1,0,19.7993H76a9.93,9.93,0,0,1-9.9009-9.9009V296.939a9.9289,9.9289,0,0,1,9.9-9.9H148a9.9,9.9,0,1,1,0,19.7993H85.9009V431.0391Zm160.6138-49.6783a54.037,54.037,0,0,1-106.1812-19.3632,54.037,54.037,0,1,1,106.1812,19.3632Zm137.2871,59.5767A9.9007,9.9007,0,0,1,436,450.8384H364a9.9,9.9,0,1,1,0-19.7993h62.0991V306.8384H364a9.9,9.9,0,1,1,0-19.7993h72a9.9006,9.9006,0,0,1,9.9009,9.9008Z"/><path d="M256.0308,279.854A60.7734,60.7734,0,0,0,309.5254,247.83c.0439-.0781.11-.1343.1538-.2144.3164-.6.5449-1.2427.8437-1.8525.6417-1.3071,1.2569-2.6245,1.8062-3.9815.3164-.791.5933-1.5908.8789-2.3925q.7515-2.1175,1.3491-4.3c.2022-.7447.4043-1.4854.5757-2.2368.3735-1.61.6636-3.2476.91-4.9043.0923-.6314.2153-1.2544.2856-1.89a60.9487,60.9487,0,0,0,.4263-6.9189V142.0259a26.9035,26.9035,0,0,0-.3691-50.2481,9.3694,9.3694,0,0,0,.3691-1.82v-54a9.8965,9.8965,0,0,0-19.793,0v54a9.3547,9.3547,0,0,0,.3692,1.8194,26.901,26.901,0,0,0-.3692,50.2514v77.1109a40.7632,40.7632,0,0,1-.7426,7.3344c-.0923.503-.167,1.0064-.2769,1.5049a40.5722,40.5722,0,0,1-2.061,6.6226c-.1626.4023-.3648.7866-.5406,1.1821a40.8766,40.8766,0,0,1-78.2314-16.644V208.97a9.8965,9.8965,0,1,0-19.793,0v10.169A60.7846,60.7846,0,0,0,256.0308,279.854Z"/></g></svg>');
}

.home-services-section.criminal-laws
  .row
  .col-lg-3:nth-of-type(8)
  .home-service-item
  .home-service-item-icon
  .inner {
  background: url('data:image/svg+xml,<svg fill="%239c796d" height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 395 395" xml:space="preserve"><g><path d="M313.002,0H82C36.785,0,0,36.784,0,81.998v230.993C0,358.211,36.785,395,82,395h231.002C358.216,395,395,358.211,395,312.991V81.998C395,36.784,358.216,0,313.002,0z M380,312.991C380,349.94,349.944,380,313.002,380H82c-36.944,0-67-30.06-67-67.009V81.998C15,45.056,45.056,15,82,15h231.002C349.944,15,380,45.056,380,81.998V312.991z"/><path d="M333.006,111.278c-0.602-4.667-4.58-8.275-9.41-8.275c-4.813,0-8.779,3.584-9.402,8.227H87.662c-7.868,0-14.246,6.378-14.246,14.246v44.159c0,5.545,3.175,10.339,7.801,12.693l-31.775,95.683c-1.442,4.343-0.711,9.114,1.968,12.825c2.678,3.711,6.976,5.91,11.552,5.91h58.819c6.138,0,11.585-3.932,13.52-9.756l15.894-47.857c0.355,0.054,0.71,0.109,1.074,0.137c0.232,0.018,1.424,0.101,3.355,0.101c8.67,0,32.248-1.67,50.939-18.385c10.582-9.463,17.744-21.897,21.429-37.104h25.42c7.868,0,14.246-6.378,14.246-14.246v-6.692h64.382c7.868,0,14.246-6.378,14.246-14.246v-23.221C346.285,117.934,340.421,111.777,333.006,111.278z M187.753,199.583c-8.847,8.017-20.167,10.382-27.096,11.05l8.884-26.752h28.662C195.766,190.232,192.277,195.482,187.753,199.583z"/></g></svg>');
}

.home-service-item .home-service-item-link {
  display: flex;
  align-items: center;
  gap: 2px;
  color: var(--dark-color);
  font-weight: 500;
  text-decoration: none;
}

.home-service-item .home-service-item-link:hover .arrow-icon {
  background: url('data:image/svg+xml,<svg width="30px" height="30px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12H18M18 12L13 7M18 12L13 17" stroke="%23fff" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.home-services-section.family-law
  .home-service-item
  .home-service-item-link:hover
  .arrow-icon {
  background: url('data:image/svg+xml,<svg width="30px" height="30px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12H18M18 12L13 7M18 12L13 17" stroke="%23140f0b" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.home-service-item {
  position: relative;
  padding: 8px;
  background: linear-gradient(
    90deg,
    rgba(121, 85, 72, 1) 0%,
    rgba(156, 121, 109, 1) 50%,
    rgba(121, 85, 72, 1) 100%
  );
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  margin-bottom: 22px;
}

.home-service-item::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: var(--primary-light-color);
  transition: width 0.5s ease-in-out;
  z-index: 1;
}

.home-service-item:hover::before {
  width: 100%;
  left: 0;
}

.home-service-item * {
  position: relative;
  z-index: 2;
}

.home-service-item-inner {
  border: 1px solid var(--dark-color);
  padding: 8px;
}

.home-service-item-title {
  margin-bottom: 5px;
}

.home-service-item-title a {
  color: var(--dark-color);
  text-decoration: none;
  font-size: 22px;
}

.home-service-item a {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.home-service-item a:hover {
  color: white;
}

.home-services-section.family-law .home-service-item a:hover {
  color: var(--dark-color);
}

/* gradient-title */

.gradient-title {
  background: #795548;
  background: linear-gradient(
    90deg,
    rgba(121, 85, 72, 1) 0%,
    rgba(121, 85, 72, 0) 100%
  );
  padding: 6px;
}

.gradient-title > * {
  margin: 0 !important;
}

/* main button */

.main-button {
  position: relative;
  display: block;
  overflow: hidden;
  border: 2px solid var(--primary-color);
  text-align: center;
  padding: 12px 45px;
  width: max-content;
  text-decoration: none;
  margin-top: 30px;
}

.main-button span {
  font-weight: 500;
  font-size: 18px;
}

.main-button {
  color: var(--primary-color);
}

.main-button::before,
.main-button::after,
.main-button span::before,
.main-button span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 80px;
  background-color: rgba(121, 85, 72, 0.5);
  transition: 0.4s;
  z-index: -1;
}

.main-button::after,
.main-button span::before {
  left: auto;
  right: 0;
}

.main-button span::before,
.main-button span::after {
  transition-delay: 0.4s;
}

.main-button:hover {
  color: white;
}

.main-button:hover::before,
.main-button:hover::after,
.main-button:hover span::before,
.main-button:hover span::after {
  width: 250px;
}

.main-button:active {
  background-color: var(--primary-color);
  color: white;
}

/* bordered-img-text-section */

.bordered-img-text-section h3 {
  font-size: 100px;
  margin-bottom: 20px;
  margin-top: 25px;
  margin-left: -224px;
  z-index: 1111;
  position: relative;
}

.bordered-img-text-section h4 {
  font-size: 22px;
  color: var(--primary-color);
  margin-bottom: 10px;
}

.bordered-img-text-section .text-container {
  padding-left: 60px;
}

.bordered-img-text-section .text-container p {
  margin-bottom: 30px;
}

.gradient-border-parent {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0 !important;
}

.gradient-border-parent::before {
  content: "";
  position: absolute;
  inset: 0; /* sticks to the edges of the image */
  border: 7px solid transparent;
  background: conic-gradient(
      #9c796d 0%,
      transparent 16.67%,
      #9c796d 33.33%,
      #9c796d 50%,
      transparent 66.67%,
      #9c796d 83.33%,
      #9c796d 100%
    )
    border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}

/* big-title */

.big-title {
  display: flex;
  align-items: center;
  gap: 20px;
}

.half-gradient-line {
  width: 250px;
  background: #795548;
  background: linear-gradient(
    90deg,
    rgba(121, 85, 72, 1) 0%,
    rgba(121, 85, 72, 0) 100%
  );
  height: 5px;
  margin-top: 20px;
}

/* latest-blogs-section */

.latest-blogs-section {
  position: relative;
  padding: 50px 0;
  padding-bottom: 70px;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  color: white;
  z-index: 1;
  background-color: var(--dark-color);
}

.home-blog-item {
  display: block;
  text-decoration: none;
  padding: 14px;
  background: radial-gradient(
        circle at 100% 100%,
        var(--dark-color) 0,
        var(--dark-color) 3px,
        transparent 3px
      )
      0% 0%/8px 8px no-repeat,
    radial-gradient(
        circle at 0 100%,
        var(--dark-color) 0,
        var(--dark-color) 3px,
        transparent 3px
      )
      100% 0%/8px 8px no-repeat,
    radial-gradient(
        circle at 100% 0,
        var(--dark-color) 0,
        var(--dark-color) 3px,
        transparent 3px
      )
      0% 100%/8px 8px no-repeat,
    radial-gradient(
        circle at 0 0,
        var(--dark-color) 0,
        var(--dark-color) 3px,
        transparent 3px
      )
      100% 100%/8px 8px no-repeat,
    linear-gradient(var(--dark-color), var(--dark-color)) 50% 50% /
      calc(100% - 10px) calc(100% - 16px) no-repeat,
    linear-gradient(var(--dark-color), var(--dark-color)) 50% 50% /
      calc(100% - 16px) calc(100% - 10px) no-repeat,
    conic-gradient(
      #795548 0%,
      transparent 16.67%,
      #795548 33.33%,
      #795548 50%,
      transparent 66.67%,
      #795548 83.33%,
      #795548 100%
    );
  min-height: 501.66px;
}

.home-blog-item-title {
  color: white;
  font-size: 22px;
  margin-top: 20px;
  padding: 20px;
  padding-top: 10px;
}

.home-blog-item-title p {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.home-blog-item-title p:hover {
  color: var(--primary-color);
  text-decoration: underline;
}

.blog-read-more-link {
  font-size: 18px;
  color: white;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 26px;
  display: flex;
  padding: 4px 20px;
  border-width: 1px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.blog-read-more-link:hover {
  color: var(--primary-color);
}

.blog-read-more-link .arrow-icon {
  background: url('data:image/svg+xml,<svg width="30px" height="30px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12H18M18 12L13 7M18 12L13 17" stroke="%23795548" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  width: 30px;
  height: 30px;
  transition: all 0.5s;
}

span a {
  color: var(--main-color) !important;
}

.main-menu ul li a:hover {
  color: var(--main-color) !important;
}

/* banner-section */

.home-banner-section {
  margin-top: 200px;
}

.home-banner-section-content {
  background: #9c796d;
  background: linear-gradient(
    134deg,
    rgba(156, 121, 109, 1) 0%,
    rgba(121, 85, 72, 1) 100%
  );
  height: 350px;
  position: relative;
}

.home-banner-section-content .row .col-lg-6 {
  height: 350px;
}

.home-banner-section-content .text-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.home-banner-section-content .text-container h3 {
  color: var(--dark-color);
  font-size: 50px;
}

.home-banner-section .img-container {
  margin-top: -117px;
  padding-left: 80px;
}

.home-banner-section .img-container img {
  width: 86%;
}

.home-banner-section-content .main-button {
  margin-top: 20px;
  border-color: var(--dark-color);
  color: var(--dark-color);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.home-banner-section-content .main-button:hover {
  background-color: var(--dark-color);
  color: var(--primary-color);
}

.single-page-head-section-with-shadow-shadow {
  position: absolute;
  left: -30%;
  top: -155%;
}

/* testimonial-section */

.testimonial-section {
  padding: 80px 0;
  position: relative;
  background-color: var(--dark-color);
}

.testimonial-section .decorated-title {
  margin-bottom: 100px;
  margin-top: 50px;
}

.testimonial-section .testimonial-item {
  background-color: rgba(121, 85, 72, 0.5);
  padding: 14px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  text-align: center;
  min-height: 220px;
  transition: transform 0.3s ease;
  position: relative;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
}

.testimonial-section .owl-item .testimonial-item {
  border: 2px solid var(--primary-color);
  background: transparent;
}

.testimonial-section .owl-item.center .testimonial-item {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  margin-top: -30px;
}

.testimonial-section .owl-item.center .testimonial-item p {
  color: black;
}

.testimonial-inner {
  padding: 14px;
  border: 1px solid var(--dark-color);
  height: 100%;
  background-color: rgba(121, 85, 72, 0.5);
}

.testimonial-section .owl-item.center .testimonial-item .testimonial-inner {
  background-color: var(--primary-color);
}

.testimonial-section .testimonial-item:hover {
  transform: translateY(-5px);
}

.testimonial-section .testimonial-item p {
  font-style: italic;
  color: white;
  font-size: 1rem;
  line-height: 1.6;
}

.testimonial-section .testimonial-item h4 {
  margin-top: 15px;
  color: white;
  font-weight: 600;
  font-size: 1.1rem;
}

/* Navigation button container */
.testimonial-nav {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-bottom: 20px;
}

/* Highlight the centered (active) item */

.testimonial-section .owl-stage-outer {
  overflow: visible !important;
}

.testimonial-section .container {
  overflow: hidden;
}

.testimonial-section .testimonial-quote-icon {
  background: url('data:image/svg+xml, <svg fill="%23000000" width="40px" height="40px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style=" fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 2; " ><rect id="Icons" x="-1216" y="0" width="1280" height="800" style="fill: none" /><g id="Icons1" serif:id="Icons"><g id="Strike"></g><g id="H1"></g><g id="H2"></g><g id="H3"></g><g id="list-ul"></g><g id="hamburger-1"></g><g id="hamburger-2"></g><g id="list-ol"></g><g id="list-task"></g><path id="quote-2" d="M36.806,51.968l0,-8.026c2.537,-0.14 4.458,-0.604 5.761,-1.391c1.304,-0.786 2.22,-2.063 2.749,-3.829c0.528,-1.766 0.793,-4.293 0.793,-7.581l-9.303,0l0,-19.147l19.081,0l0,18.203c0,7.519 -1.612,13.028 -4.836,16.525c-3.225,3.497 -7.973,5.246 -14.245,5.246Zm-28.806,0l0,-8.026c2.537,-0.14 4.457,-0.586 5.761,-1.338c1.304,-0.752 2.247,-2.029 2.828,-3.83c0.581,-1.801 0.872,-4.345 0.872,-7.633l-9.461,0l0,-19.147l19.186,0l0,18.203c0,7.519 -1.603,13.028 -4.809,16.525c-3.207,3.497 -7.999,5.246 -14.377,5.246Z" style="fill-rule: nonzero" /><g id="trash"></g><g id="vertical-menu"></g><g id="horizontal-menu"></g><g id="sidebar-2"></g><g id="Pen"></g><g id="Pen1" serif:id="Pen"></g><g id="clock"></g><g id="external-link"></g><g id="hr"></g><g id="info"></g><g id="warning"></g><g id="plus-circle"></g><g id="minus-circle"></g><g id="vue"></g><g id="cog"></g><g id="logo"></g><g id="radio-check"></g><g id="eye-slash"></g><g id="eye"></g><g id="toggle-off"></g><g id="shredder"></g><g id="spinner--loading--dots-" serif:id="spinner [loading, dots]" ></g><g id="react"></g><g id="check-selected"></g><g id="turn-off"></g><g id="code-block"></g><g id="user"></g><g id="coffee-bean"></g><g id="coffee-beans"><g id="coffee-bean1" serif:id="coffee-bean"></g></g><g id="coffee-bean-filled"></g><g id="coffee-beans-filled"><g id="coffee-bean2" serif:id="coffee-bean"></g></g><g id="clipboard"></g><g id="clipboard-paste"></g><g id="clipboard-copy"></g><g id="Layer1"></g></g></svg>');
  width: 40px;
  height: 40px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.testimonial-section .testimonial-item-stars {
  gap: 5px;
  justify-content: center;
  margin-bottom: 16px;
  margin-top: 14px;
}

.testimonial-section .testimonial-item-stars i {
  color: var(--primary-color);
}

.testimonial-section
  .owl-item.center
  .testimonial-item
  .testimonial-item-stars
  i {
  color: black;
}

.testimonial-section .header-title {
  margin-bottom: 80px;
}

.testimonial-section .testimonial-profile {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
  margin: auto;
}

.copyright-area p a {
  color: #9c796d;
}

@media screen and (max-width: 1024px) {
  .bordered-img-text-section .img-container {
    height: 450px;
  }
  .bordered-img-text-section h3 {
    font-size: 50px;
    margin-left: 0;
  }
  .bordered-img-text-section .half-gradient-line {
    display: none;
  }
  .bordered-img-text-section .text-container {
    padding-left: 12px;
  }
  .long-space {
    margin: 80px auto;
  }
  .home-blog-item {
    margin-bottom: 30px;
  }
  .single-page-head-section-with-shadow-shadow {
    display: none;
  }
  .home-banner-section .row {
    flex-direction: column-reverse;
    display: flex;
  }
  .home-banner-section-content {
    height: max-content;
  }
  .home-banner-section-content .text-container {
    margin-bottom: 150px;
    margin-top: 30px;
  }
  .home-banner-section-content .text-container h3 {
    font-size: 36px;
  }
  .home-banner-section {
    overflow: hidden;
    padding: 0 12px;
  }
}

/* services */

/* img-with-text-line-section */

.img-with-text-line-section .text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.img-with-text-line-section .img-container img {
  z-index: 1;
  position: relative;
}

.img-with-text-line-section .text-container h2 {
  font-size: 36px;
  position: relative;
  z-index: 2;
  margin-bottom: 14px;
  margin-left: -50px;
}

.img-with-text-line-section.one-title h2,
.img-with-text-line-section.one-title h3 {
  margin-left: 0;
}

.img-with-text-line-section .text-container {
  z-index: 2;
  position: relative;
  padding-right: 50px;
  padding-left: 50px;
}

.img-with-text-line-section .text-container p {
  margin-bottom: 20px;
  color: #444;
  font-size: 17px;
}

.img-with-text-line-section .sec-title {
  padding-bottom: 10px;
}

.img-with-text-line-section .sec-title.first {
  padding-bottom: 0;
}

.img-with-text-line-section .sec-title.first h2 {
  font-size: 44px;
}

.img-with-text-line-section .main-button {
  margin-top: 10px;
}

.img-with-text-line-section .img-container {
  height: 600px;
  position: relative;
}

.outlined-squar {
  position: absolute;
  right: -20px;
  top: -31px;
  width: 636px;
  height: 600px;
  z-index: 0;
  display: block;
  pointer-events: none;
  background: radial-gradient(
        circle at 100% 100%,
        transparent 0,
        transparent 3px,
        transparent 3px
      )
      0% 0%/8px 8px no-repeat,
    radial-gradient(
        circle at 0 100%,
        transparent 0,
        transparent 3px,
        transparent 3px
      )
      100% 0%/8px 8px no-repeat,
    radial-gradient(
        circle at 100% 0,
        transparent 0,
        transparent 3px,
        transparent 3px
      )
      0% 100%/8px 8px no-repeat,
    radial-gradient(
        circle at 0 0,
        transparent 0,
        transparent 3px,
        transparent 3px
      )
      100% 100%/8px 8px no-repeat,
    linear-gradient(transparent, transparent) 50% 50% / calc(100% - 10px)
      calc(100% - 16px) no-repeat,
    linear-gradient(transparent, transparent) 50% 50% / calc(100% - 16px)
      calc(100% - 10px) no-repeat,
    conic-gradient(
      #795548 0%,
      transparent 16.67%,
      #795548 33.33%,
      #795548 50%,
      transparent 66.67%,
      #795548 83.33%,
      #795548 100%
    );

  /* Use a mask to cut out the center, leaving only the border visible */
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  padding: 14px;
  background-clip: border-box;
}

.img-with-text-line-section .line {
  position: absolute;
  top: 74px;
  left: 5px;
  height: 531px;
  width: 1px;
  background: var(--dark-color);
}

.img-with-text-line-section {
  position: relative;
}

.img-with-text-line-section.second {
  background: var(--dark-color);
  color: white;
  padding-top: 10px;
  margin-top: 180px;
}

.img-with-text-line-section.second p a {
  color: var(--primary-light-color);
}

.img-with-text-line-section.second p {
  color: rgba(255, 255, 255, 0.9);
}

.img-with-text-line-section.second h2,
.img-with-text-line-section.second h3 {
  margin-left: 0;
  font-size: 40px;
}

.img-with-text-line-section.second .img-container {
  margin-top: -40px;
}

.img-with-text-line-section.second .main-button {
  margin-top: 10px;
}

.img-with-text-line-section.second .text-container {
  padding-right: 0;
  padding-left: 70px;
}

.img-with-text-line-section.small .img-container,
.img-with-text-line-section.small .img-container .outlined-squar {
  height: 400px;
}

.img-with-text-line-section.small .line {
  height: 300px;
}

.img-with-text-line-section.criminal-law.second {
  background: none;
  color: black;
}

.img-with-text-line-section.criminal-law.second p {
  color: #444;
}

.img-with-text-line-section.criminal-law.first h2,
.img-with-text-line-section.criminal-law.first h3 {
  margin-left: 0;
}

.img-with-text-line-section.criminal-law.second {
  margin-top: 120px;
}

.img-with-text-line-section.criminal-law.first .text-container {
  padding-left: 12px;
}

.img-with-text-line-section.criminal-law.second .text-container {
  margin-top: -40px;
}

.img-with-text-line-section.criminal-law.second .img-container {
  margin-top: 0;
}

.img-with-text-line-section.medium .img-container,
.img-with-text-line-section.medium .outlined-squar {
  height: 530px;
}

.img-with-text-line-section.medium .line {
  height: 400px;
}

.img-with-text-line-section.large p {
  margin-bottom: 8px !important;
}

.img-with-text-line-section.large .service-quote {
  margin-bottom: 8px;
}

.img-with-text-line-section.large .text-container {
  margin-top: -40px;
}

.service-content p a,
.service-content li a {
  color: var(--primary-color) !important;
  font-weight: 600;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.service-content h3 a,
.service-content h2 a {
  color: var(--primary-color) !important;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  text-decoration: none;
}

.service-content h3 a:hover,
.service-content h2 a:hover {
  color: #bcaaa3 !important;
}

.service-content p,
.service-content li {
  font-size: 17px !important;
  margin-bottom: 1rem !important;
}

.service-content p a:hover,
.service-content li a:hover {
  color: #bcaaa3 !important;
}

.service-content.farsi {
  direction: ltr;
}

.service-content.farsi p {
  direction: rtl;
}

.service-content.farsi .text-container {
  direction: rtl;
}

/* simple-bordered-text-section */

.simple-bordered-text-section-content {
  background-color: rgba(121, 85, 72, 0.1);
  padding: 40px;
  border: 1px solid var(--dark-color);
}

.simple-bordered-text-section-content .main-button {
  margin-right: auto;
  margin-left: auto;
}

.two-gradient-line-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 30px;
}

.two-gradient-line-title .half-gradient-line {
  margin-top: 0;
  width: 150px;
}

.two-gradient-line-title .half-gradient-line:first-of-type {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.two-gradient-line-title h3 {
  margin-bottom: 0;
  font-size: 40px;
}

/* simple item */

.simple-item-text::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url('data:image/svg+xml,<svg fill="%23795548" height="30px" width="30px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"><g><g><g><path d="M490.667,0H21.333C9.551,0,0,9.551,0,21.333v469.333C0,502.449,9.551,512,21.333,512h469.333c11.782,0,21.333-9.551,21.333-21.333V21.333C512,9.551,502.449,0,490.667,0z M469.333,469.333H42.667V42.667h426.667V469.333z"/><path d="M217.6,354.133c7.789,10.386,22.972,11.465,32.152,2.285l149.333-149.333c8.331-8.331,8.331-21.839,0-30.17s-21.839-8.331-30.17,0l-131.94,131.94L187.733,243.2c-7.069-9.426-20.441-11.336-29.867-4.267c-9.426,7.069-11.336,20.441-4.267,29.867L217.6,354.133z"/></g></g></g></svg>');
  background-size: cover;
  margin-right: 10px;
  margin-bottom: -7px;
}

.service-content.farsi .simple-item-text::before {
  margin-left: 10px;
  margin-right: 0;
}

.simple-item {
  margin-bottom: 1rem;
}

/* fixed background */

.fixed-background {
  position: relative;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  color: white;
  display: flex;
  align-items: center;
  padding: 20px;
  background-image: url(https://www.sarbazevatanlaw.ca/Gallery/File/FileImages/76.jpg);
  padding: 60px 0;
}

.fixed-background .simple-item-text::before {
  background-image: url('data:image/svg+xml,<svg fill="%23ffffff" height="30px" width="30px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"><g><g><g><path d="M490.667,0H21.333C9.551,0,0,9.551,0,21.333v469.333C0,502.449,9.551,512,21.333,512h469.333c11.782,0,21.333-9.551,21.333-21.333V21.333C512,9.551,502.449,0,490.667,0z M469.333,469.333H42.667V42.667h426.667V469.333z"/><path d="M217.6,354.133c7.789,10.386,22.972,11.465,32.152,2.285l149.333-149.333c8.331-8.331,8.331-21.839,0-30.17s-21.839-8.331-30.17,0l-131.94,131.94L187.733,243.2c-7.069-9.426-20.441-11.336-29.867-4.267c-9.426,7.069-11.336,20.441-4.267,29.867L217.6,354.133z"/></g></g></g></svg>');
}

.fixed-background-content {
  background: #9c796d;
  background: linear-gradient(
    134deg,
    rgba(156, 121, 109, 1) 0%,
    rgba(121, 85, 72, 1) 100%
  );
  padding: 40px;
  position: relative;
  color: white;
}

.fixed-background-content p a,
.fixed-background-content h3 a,
.fixed-background-content h2 a {
  color: rgba(25, 25, 25, 0.7) !important;
}

.fixed-background-content h3 a,
.fixed-background-content h2 a {
  text-decoration: none;
}

.fixed-background-content h3,
.fixed-background-content h2 {
  z-index: 2;
}

.fixed-background-content p {
  z-index: 2;
  position: relative;
}

.fixed-background-content .overlay-squar {
  width: 98%;
  height: 92%;
  left: 1%;
  top: 4%;
  border-color: var(--dark-color);
}

.fixed-background-content h2,
.fixed-background-content h3 {
  font-size: 40px;
  margin-bottom: 26px;
  text-align: center;
  color: white;
}

.fixed-background-content .main-button {
  color: white;
  border-color: white;
  margin-left: auto;
  margin-right: auto;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.fixed-background-content .main-button:hover {
  background-color: var(--dark-color);
}

.fixed-background-content .header-title-border {
  background: linear-gradient(
    90deg,
    transparent 0%,
    white 50%,
    transparent 100%
  );
}

.fixed-background-content .header-title {
  margin-bottom: 40px;
}

/* Centered img */

.centered-img-section .col-lg-4 {
  height: 400px;
}

.centered-img-section-img {
  position: relative;
}

.overlay-squar {
  border: 1px solid var(--primary-color);
  width: 88%;
  height: 92%;
  position: absolute;
  left: 6%;
  top: 4%;
}

.centered-img-section-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.centered-img-section-title h3,
.centered-img-section-title h2,
.centered-img-section-title h4 {
  font-size: 48px;
  font-style: italic;
}

.centered-img-section-text {
  padding-left: 2rem;
}

.centered-img-section-text p {
  font-size: 18px;
}

/* litte-border-text-section */

.litte-border-text-section-content {
  position: relative;
  padding: 40px;
}

.litte-border-text-section {
  background: rgba(121, 85, 72, 0.1);
  padding: 80px 0;
}

.litte-border-text-section h3,
.litte-border-text-section h2 {
  font-size: 42px;
  margin-top: -67px;
  max-width: 79%;
}

.litte-border-text-section.simple {
  padding-bottom: 20px;
  padding-top: 70px;
}

.litte-border-text-section.simple .little-border-container {
  display: none;
}

.litte-border-text-section .header-title {
  margin-bottom: 40px;
}

.litte-border-text-section p {
  color: #444;
}

.litte-border-text-section .main-button {
  margin-left: auto;
  margin-right: auto;
}

.little-border-container {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.little-border {
  background: var(--bs-dark);
  display: flex;
  justify-content: end;
  align-items: center;
}

.little-border .dot {
  width: 8px;
  height: 8px;
  background-color: var(--dark-color);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.little-border.first {
  width: 180px;
  height: 1px;
}

.little-border.second {
  height: 400px;
  width: 1px;
  flex-direction: column;
}

.little-border-container.bottom {
  bottom: 0;
  top: auto;
  left: auto;
  right: 0;
}

.little-border-container.bottom .little-border {
  justify-content: start;
}

.little-border-container.bottom .little-border.second {
  margin-left: auto;
}

/* layered-center-img-section */

.layered-center-img-section .img-container {
  height: 450px;
  padding: 0 !important;
}

.layered-center-img-section .text-container,
.layered-center-img-section .title-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.layered-center-img-section .main-button {
  margin-top: 10px;
}

.layered-center-img-section .text-container {
  background-color: rgba(121, 85, 72, 0.1);
  padding: 30px;
  padding-left: 50px;
  height: max-content;
}

.layered-center-img-section .row {
  display: flex;
  align-items: center;
}

.layered-center-img-section h2,
.layered-center-img-section h3 {
  font-size: 40px;
  font-style: italic;
}

.layered-center-img-section.big .main-button {
  margin-top: 0;
}

.layered-center-img-section.big .text-container {
  padding: 20px;
  padding-left: 50px;
}

.layered-center-img-section.big .img-container {
  height: 480px;
}

/* small-img-text-section */

.small-img-text-section .img-container {
  padding: 0 !important;
}

.small-img-text-section.parenting-decision-making h2,
.small-img-text-section.parenting-decision-making h3 {
  margin-bottom: 20px;
}

.small-img-text-section.parenting-decision-making .img-container {
  height: 350px;
}

.small-img-text-section .text-container {
  background-color: var(--dark-color);
  color: white;
  padding: 40px;
  padding-bottom: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.small-img-text-section .text-container .main-button {
  margin-top: 10px;
}

.small-img-text-section .text-container h2,
.small-img-text-section .text-container h3 {
  font-size: 36px;
}

.small-img-text-section-content {
  position: relative;
}

.small-img-text-section-content .overlay-squar {
  width: 96%;
  height: 89.5%;
  position: absolute;
  left: 2%;
  top: 5%;
  z-index: 1;
  border-color: var(--primary-color);
}

/* line-title-img-text-section */

.line-title-img-text-section {
  padding-top: 140px;
}

.line-title-img-text-section .img-container {
  padding: 0 !important;
}

.line-title-img-text-section .text-container {
  padding-right: 50px;
}

.line-title-img-text-section-content {
  position: relative;
}

.line-title-img-text-section-content .row {
  background-color: white;
  padding-top: 14px;
}

.line-title-img-text-section .overlay-squar {
  z-index: -1;
  top: -100px;
  border-width: 2px;
}

.line-title-img-text-section h2,
.line-title-img-text-section h3 {
  text-align: center;
  font-size: 40px;
  max-width: 510px;
  margin: auto;
  background: white;
  margin-top: -50px;
}

.line-title-img-text-section.small-title h2,
.line-title-img-text-section.small-title h3 {
  margin-top: -27px;
  max-width: 300px;
}

.line-title-img-text-section.spousal-support h2,
.line-title-img-text-section.spousal-support h3 {
  max-width: 790px;
}

/* img-text-layered-section */

.img-text-layered-section .container {
  position: relative;
}

.img-text-layered-section .img-container {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 475px;
}

.img-text-layered-section .text-container {
  background-color: var(--dark-color);
  color: white;
  padding: 40px;
  padding-bottom: 50px;
  padding-top: 50px;
  padding-right: 120px;
}

.img-text-layered-section .text-container h2,
.img-text-layered-section .text-container h3 {
  font-size: 44px;
  margin-bottom: 30px;
}

/* service-gradient-items-section */

.service-gradient-items-section {
  background-color: var(--dark-color);
  padding: 60px 0;
}

.service-gradient-items-section.parenting-decision-making
  .service-gradient-item {
  min-height: 200px;
}

.service-gradient-items-section .header-title {
  margin-bottom: 70px;
}

.service-gradient-items-section.only-text .header-title {
  margin-bottom: 50px;
}

.service-gradient-items-section h2,
.service-gradient-items-section h3,
.service-gradient-items-section h4 {
  font-size: 50px;
  color: var(--primary-light-color);
}

.service-gradient-items-section .text p,
.service-gradient-items-section .text li {
  color: rgba(255, 255, 255, 0.9);
}

.service-gradient-items-section .text {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.service-gradient-item {
  padding: 24px !important;
  text-align: center;
  background-color: rgba(121, 85, 72, 0.7);
  color: white;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  min-height: 310px;
  -o-transition: all 0.5s;
}

.service-gradient-item:hover {
  background-color: var(--primary-color);
}

.service-gradient-item-num {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-bottom: 20px;
  background-color: var(--dark-color);
  font-size: 26px;
  position: relative;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.service-gradient-item-text {
  color: rgba(255, 255, 255, 0.9) !important;
}

.service-gradient-item-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

.service-content.farsi .service-gradient-item-title {
  direction: rtl;
}

.service-gradient-items-section .subtitle {
  color: rgba(255, 255, 255, 0.9);
  margin-top: 30px;
  margin-bottom: 0 !important;
  text-align: center;
}

.service-gradient-items-section.parenting-decision-making .text {
  align-items: start;
}

.service-gradient-items-section.parenting-decision-making .text .main-button {
  margin-left: auto;
  margin-right: auto;
}

.service-content .service-gradient-items-section .row {
  direction: rtl;
}

/* img-on-text-layered-section */

.img-on-text-layered-section {
  margin-top: 130px;
}

.img-on-text-layered-section .container {
  position: relative;
}

.img-on-text-layered-section .img-container {
  position: absolute;
  left: 0;
  top: 0;
  height: 94%;
  z-index: 2;
}

.img-on-text-layered-section .img-container .outlined-squar {
  width: 416px;
  height: 300px;
  top: -32px;
  left: -20px;
  z-index: -1;
}

.img-on-text-layered-section .text-container {
  margin-left: auto;
  background: rgba(121, 85, 72, 0.1);
  padding: 40px !important;
  padding-left: 362px !important;
  margin-top: 26px;
}

.img-on-text-layered-section h2,
.img-on-text-layered-section h3 {
  font-size: 36px;
  margin-bottom: 16px;
}

.img-on-text-layered-section.simple {
  margin-top: 0;
}

.img-on-text-layered-section.simple .text-container {
  padding-left: 40px !important;
}

/* two-squar-img-text-section */

.two-squar-img-text-section .text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 50px;
}

.two-squar-img-text-section .text-container h2,
.two-squar-img-text-section .text-container h3,
.two-squar-img-text-section .text-container h4 {
  font-size: 44px;
  margin-bottom: 20px;
  color: var(--primary-color);
}

.two-squar-img-text-section .img-container {
  position: relative;
  padding: 0 !important;
}

.two-squar-img-text-section.small h2,
.two-squar-img-text-section.small h3 {
  font-size: 34px;
}

.two-squar-img-text-section.small .main-button {
  margin-top: 10px;
}

.two-squar-img-text-section.small .img-container {
  height: 375px;
}

.two-squar-img-text-section.reverse .row {
  flex-direction: row-reverse;
}

.two-squar-img-text-section.reverse .text-container {
  padding-left: 0;
  padding-right: 50px;
}

.filled-absolute-squar {
  position: absolute;
  width: 200px;
  height: 200px;
  background: #dec8c1;
  background: linear-gradient(
    134deg,
    rgba(222, 200, 193, 1) 0%,
    rgba(121, 85, 72, 1) 100%
  );
  z-index: -1;
}

.filled-absolute-squar.top {
  top: -8px;
  right: -8px;
}

.filled-absolute-squar.bottom {
  bottom: -8px;
  left: -8px;
}

/* service-conclusion-section */

.service-conclusion-section {
  position: relative;
  margin-top: 110px;
}

.service-conclusion-section .img-container {
  display: flex;
  position: relative;
}

.service-conclusion-section .img-container .img {
  position: absolute;
}

.service-conclusion-section .img-container .img.first {
  bottom: 60px;
  left: 0;
  width: 65%;
  height: 430px;
}

.service-conclusion-section .img-container .img.second {
  bottom: 0;
  right: 0;
  width: 60%;
  height: 350px;
}

.service-conclusion-section h2,
.service-conclusion-section h3 {
  color: var(--primary-color);
  font-size: 90px;
  margin-left: -170px;
  margin-bottom: 30px;
}

.service-conclusion-section .text-container {
  margin-bottom: 100px;
  padding-left: 60px;
}

.service-conclusion-section.bigger .text-container {
  margin-bottom: 30px;
}

.service-conclusion-section .gradient-border-parent {
  z-index: -1;
}

.absolute-paper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 270px;
  background-color: rgba(121, 85, 72, 0.1);
}

.conclusion-title {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
}

.conclusion-title .half-gradient-line {
  width: 380px;
  margin-top: 0;
  margin-bottom: 32px;
  height: 3px;
}

/* faq */

.service-faq-section {
  overflow: hidden;
}

.service-faq-section .accordion-item {
  border: none !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}

.service-faq-section .accordion-button {
  cursor: pointer;
  font-size: 24px !important;
  box-shadow: none !important;
  outline: none !important;
  background-color: transparent !important;
  color: black !important;
  padding: 1.1rem 0 1.1rem 0;
  transition: all 0.3s;
  background-color: rgba(121, 85, 72, 0.1) !important;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-bottom: 20px;
  border-radius: 0 !important;
}

.service-faq-section .accordion-button:focus {
  box-shadow: none !important;
  outline: none !important;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
}

.service-faq-section .accordion-body {
  font-size: 1.1rem !important;
  padding-bottom: 2rem;
  margin-top: -20px;
}

.service-faq-section .accordion-button::after {
  width: 48px !important;
  height: 48px !important;
  background-size: 1.5 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  display: inline-block !important;
  transition: transform 0.2s ease-in-out !important;
  background-image: url("data:image/svg+xml,%3Csvg width='60px' height='60px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20M12 4V20' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  border-radius: 0;
  transition: background-color 0.3s ease-in-out !important;
  background-color: var(--primary-color);
}

.service-faq-section .accordion-button:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='60px' height='60px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20M12 4V20' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-color: var(--dark-color) !important;
}

.service-faq-section .accordion-button:not(.collapsed)::after {
  transform: rotate(0deg) !important;
  -webkit-transform: rotate(0deg) !important;
  -moz-transform: rotate(0deg) !important;
  -ms-transform: rotate(0deg) !important;
  -o-transform: rotate(0deg) !important;
  background-image: url("data:image/svg+xml,%3Csvg width='60px' height='60px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Edit / Remove_Minus'%3E%3Cpath id='Vector' d='M6 12H18' stroke='%23130947' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") !important;
  transition: background-color 0.3s ease-in-out !important;
}

.service-faq-section .accordion-button:not(.collapsed):hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='60px' height='60px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Edit / Remove_Minus'%3E%3Cpath id='Vector' d='M6 12H18' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.service-faq-section .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg width='60px' height='60px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Edit / Remove_Minus'%3E%3Cpath id='Vector' d='M6 12H18' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-color: var(--primary-color) !important;
}

.service-content.farsi .accordion-button {
  direction: rtl;
  text-align: right;
}

.service-content.farsi .accordion-button::after {
  margin-left: 0;
  margin-right: auto;
}

.service-faq-section .accordion-body h6 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #444;
}

.service-faq-section .accordion-body p {
  color: #444;
}

.service-faq-section .accordion-body ul {
  font-size: 1.25rem;
  color: #666;
  padding-left: 2rem;
}

.service-faq-section.farsi .accordion-body ul {
  padding-right: 2rem;
}

.service-faq-section .accordion-body ul li {
  list-style-type: disc;
}

.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}

.service-content {
  overflow: hidden;
}

.single-title h2,
.single-title h3 {
  text-align: center;
  font-size: 48px;
  color: var(--primary-color);
}

.centered-img-section.bigger .main-button {
  margin-top: 5px;
}

@media screen and (max-width: 1024px) {
  .img-with-text-line-section .text-container {
    padding-right: 12px;
    padding-left: 12px;
    margin-top: 20px;
  }
  .single-title h2,
  .single-title h3 {
    font-size: 36px;
  }
  .img-with-text-line-section.large .text-container {
    margin-top: 20px;
  }
  .img-with-text-line-section .line {
    display: none;
  }
  .img-with-text-line-section .text-container h2 {
    margin-left: 0;
  }
  .img-with-text-line-section .img-container {
    height: 400px;
    position: relative;
  }
  .img-with-text-line-section .img-container img {
    width: 92%;
  }
  .img-with-text-line-section .outlined-squar {
    right: 12px;
    width: 90%;
    height: 400px;
  }
  .img-with-text-line-section.first .row {
    flex-direction: column-reverse;
  }
  .long-space {
    margin: 80px auto;
  }
  .img-with-text-line-section.second {
    margin-top: 130px;
  }
  .img-with-text-line-section.second .text-container {
    padding-right: 12px;
    padding-left: 12px;
  }
  .img-with-text-line-section.second {
    padding-bottom: 34px;
  }
  .layered-center-img-section h2,
  .layered-center-img-section h3 {
    margin-bottom: 20px;
  }
  .layered-center-img-section {
    padding: 0 12px;
  }
  .layered-center-img-section .text-container {
    padding: 20px 16px;
  }
  .service-gradient-items-section .col-lg-4,
  .service-gradient-items-section .col-lg-6,
  .service-gradient-items-section .col-lg-3 {
    margin-bottom: 20px;
  }
  .service-gradient-items-section .header-title {
    margin-bottom: 50px;
  }
  .service-gradient-items-section h2,
  .service-gradient-items-section h3 {
    font-size: 36px;
  }
  .service-gradient-items-section {
    padding: 30px 0;
  }
  .small-img-text-section {
    padding: 0 12px;
  }
  .small-img-text-section .text-container {
    padding: 20px 16px;
  }
  .centered-img-section-title h3,
  .centered-img-section-title h2,
  .centered-img-section-title h4 {
    margin-bottom: 20px;
    font-size: 40px;
  }
  .centered-img-section,
  .img-text-layered-section {
    padding: 0 12px;
  }
  .centered-img-section-text {
    margin-top: 20px;
    padding-left: 12px;
  }
  .litte-border-text-section h3,
  .litte-border-text-section h2 {
    font-size: 34px;
  }
  .little-border-container {
    left: 12px;
    top: -66px;
  }
  .little-border-container.bottom {
    bottom: -18px;
    right: 12px;
  }
  .litte-border-text-section {
    padding-bottom: 30px;
  }
  .img-text-layered-section .text-container {
    padding: 16px;
    padding-bottom: 30px;
    padding-top: 20px;
    padding-right: 16px;
  }
  .img-text-layered-section .img-container {
    display: none;
  }
  .fixed-background {
    padding: 50px 12px;
  }
  .fixed-background-content .overlay-squar {
    width: 94%;
    height: 96%;
    left: 3%;
    top: 2%;
  }
  .fixed-background-content h2,
  .fixed-background-content h3 {
    font-size: 32px;
  }
  .img-on-text-layered-section .text-container {
    margin-left: 0;
    margin-top: 300px;
    padding: 20px 12px !important;
    padding-bottom: 0 !important;
    background-color: transparent;
  }
  .img-on-text-layered-section.simple .text-container {
    margin-right: 0;
    margin-left: 0;
    margin-top: 0;
    padding-bottom: 20px !important;
    background-color: rgba(121, 85, 72, 0.1);
  }
  .img-on-text-layered-section .img-container .outlined-squar {
    width: 90%;
    top: -26px;
    left: 12px;
  }
  .img-on-text-layered-section .img-container img {
    width: 93.2%;
  }
  .img-on-text-layered-section .img-container {
    display: flex;
    justify-content: end;
    height: 300px;
  }
  .two-squar-img-text-section {
    padding: 0 16px;
  }
  .two-squar-img-text-section .text-container {
    padding: 0;
    margin-top: 20px;
  }
  .two-squar-img-text-section .main-button {
    margin-top: 10px;
  }
  .line-title-img-text-section h2 {
    font-size: 32px;
    max-width: 80%;
  }
  .line-title-img-text-section .text-container {
    padding: 20px;
    padding-top: 0;
  }
  .service-conclusion-section .img-container {
    display: none;
  }
  .service-conclusion-section h2,
  .service-conclusion-section h3 {
    margin-left: 0;
    margin-bottom: 20px;
    font-size: 70px;
  }
  .service-conclusion-section .text-container {
    margin-bottom: 50px;
    padding-left: 46px;
  }
  .service-faq-section .accordion-button {
    font-size: 22px !important;
  }
  .img-on-text-layered-section {
    margin-top: 100px;
  }
  .service-faq-section h2,
  .service-faq-section h3 {
    font-size: 36px;
  }
  .img-with-text-line-section.medium .img-container,
  .img-with-text-line-section.medium .outlined-squar {
    height: 400px;
  }
  .img-with-text-line-section.criminal-law.second .text-container {
    margin-top: 20px;
  }
  .img-with-text-line-section.criminal-law.second {
    padding-bottom: 0;
  }
  .two-squar-img-text-section .img-container {
    min-height: 350px;
  }
}

.bottom-section {
  width: 100%;
  max-width: 100%;
  height: 64px !important;
}

.bottom-section p {
  margin-bottom: 0 !important;
}

.bottom-section .bottom-content {
  gap: 12px;
}

.bottom-section .bottom-content .main-button {
  margin-top: 0;
  padding: 8px 45px;
}

@media (max-width: 992px) {
  .bottom-section {
    height: 90px !important;
    padding: 5px;
  }
  .bottom-section .bottom-content .main-button {
    margin-top: 0;
    padding: 6px 45px;
  }

  .bottom-section .bottom-content .main-button span {
    font-size: 16px;
  }
}

/* Parenting-Decision-Making */

.img-with-text-line-section.parenting-decision-making h2,
.img-with-text-line-section.parenting-decision-making h3 {
  font-size: 36px !important;
}

.fixed-background.Parenting-Decision-Making.first {
  background-image: url(https://www.sarbazevatanlaw.ca/Gallery/File/FileImages/107.jpg);
}

.fixed-background.Parenting-Decision-Making.second {
  background-image: url(https://www.sarbazevatanlaw.ca/Gallery/File/FileImages/108.jpg);
}

.title {
  font-weight: 700;
  margin-top: 30px;
  font-size: 20px !important;
}

/* parenting time */

.img-text-layered-section.parenting-time h2 {
  margin-bottom: 10px;
}

.img-text-layered-section.parenting-time .text-container {
  padding: 30px;
  padding-right: 120px;
}

.img-text-layered-section.parenting-time p {
  margin-bottom: 8px;
}

.img-text-layered-section.parenting-time .main-button {
  margin-top: 20px;
}

.img-text-layered-section.parenting-time .img-container {
  height: 575px;
}

.service-conclusion-section.parenting-time h2 {
  font-size: 54px;
}

@media screen and (max-width: 1024px) {
  .img-text-layered-section.parenting-time .text-container {
    padding: 20px;
  }
  .service-conclusion-section.parenting-time h2 {
    font-size: 36px;
  }
}

.fixed-background.parenting-time.first {
  background-image: url(https://www.sarbazevatanlaw.ca/Gallery/File/FileImages/130.jpg);
}

.fixed-background.parenting-time.second {
  background-image: url(https://www.sarbazevatanlaw.ca/Gallery/File/FileImages/131.jpg);
}

.fixed-background.parenting-time.third {
  background-image: url(https://www.sarbazevatanlaw.ca/Gallery/File/FileImages/132.jpg);
}

/* child support */

.service-gradient-items-section.child-support .service-gradient-item {
  min-height: 385px;
}

.service-conclusion-section.child-support .text-container {
  margin-bottom: 16px;
  padding-left: 34px;
}

.service-conclusion-section.child-support .main-button {
  margin-top: 0;
}

.service-conclusion-section.child-support .text-container p {
  margin-bottom: 8px !important;
}

.service-conclusion-section.child-support .img-container .img.first {
  height: 490px;
}

.service-conclusion-section.child-support .img-container .img.second {
  height: 400px;
}

.service-conclusion-section.child-support h2 {
  font-size: 48px;
  margin-left: -240px;
}

.fixed-background.child-support.first {
  background-image: url(https://www.sarbazevatanlaw.ca/Gallery/File/FileImages/149.jpg);
}

.fixed-background.child-support.second {
  background-image: url(https://www.sarbazevatanlaw.ca/Gallery/File/FileImages/150.jpg);
}

/* spousal-support */

.service-conclusion-section.spousal-support .text-container {
  margin-bottom: 30px;
}

.service-conclusion-section.spousal-support h2 {
  font-size: 46px;
}

.fixed-background.spousal-support {
  background-image: url(https://www.sarbazevatanlaw.ca/Gallery/File/FileImages/159.jpg);
}

/* property */

.property-division-fixed-background .overlay-squar {
  height: 96%;
  top: 2%;
}

@media screen and (max-width: 1024px) {
  .property-division-fixed-background .overlay-squar {
    height: 98%;
    top: 1%;
  }
}

.service-quote {
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.3);
  padding: 20px;
  padding-left: 60px;
  margin-bottom: 20px;
  position: relative;
}

.service-quote p {
  margin-bottom: 0 !important;
}

.service-quote::before {
  top: 25px;
  left: 25px;
  line-height: 1;
  content: "\f10d";
  position: absolute;
  font-family: "FontAwesome";
}

/* lawyer-intro-section */

.about-us-content p {
  color: #444;
  font-size: 17px;
}

.lawyer-intro-section .img-container {
  background-color: var(--dark-color);
  position: relative;
  height: 470px;
  overflow: visible;
}

.lawyer-intro-section .gradient-border-parent::before {
  z-index: 0;
}

.lawyer-intro-section .text-container {
  padding-left: 60px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.lawyer-intro-section .text-container p {
  font-size: 18px;
  margin-bottom: 8px;
}

.header-title.left {
  align-items: start;
}

.lawyer-intro-section .header-title {
  margin-bottom: 25px;
}

.lawyer-intro-section h2 {
  font-size: 54px;
  margin-bottom: 10px;
}

.lawyer-intro-section .main-button {
  margin-top: 10px;
}

/* about-text-section */

.about-text-section {
  padding: 30px;
  background-color: rgba(121, 85, 72, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 140px;
}

.about-text-section h3 {
  color: var(--dark-color);
  font-size: 44px;
  margin-bottom: 30px;
  text-align: center;
  padding: 20px 30px !important;
  margin-left: auto;
  margin-right: auto;
  width: max-content;
  margin-top: -76px;
  background-color: #f1eeec;
}

/* about-img-with-text-section */

.about-img-with-text-section h3 {
  font-size: 46px;
  margin-bottom: 20px;
}

.about-img-with-text-section .text-container {
  padding-right: 30px;
}

/* service-gradient-items-section about */

.service-gradient-items-section.about {
  padding: 0 !important;
  background: transparent;
}

.service-gradient-items-section.about h3 {
  color: var(--primary-color);
}

.service-gradient-items-section.about .header-title {
  margin-bottom: 60px;
}

.service-gradient-items-section.about .service-gradient-item {
  background: #f1eeec;
  border: 1px solid var(--primary-color);
  min-height: 381px;
  transition: all 0.5s;
}

.service-gradient-items-section.about .service-gradient-item svg {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.service-gradient-items-section.about .service-gradient-item:hover {
  background: var(--primary-color);
}

.service-gradient-items-section.about .service-gradient-item:hover svg {
  fill: var(--primary-color);
}

.service-gradient-items-section.about .service-gradient-item::before {
  background: none;
}

.service-gradient-items-section.about .service-gradient-item-title,
.service-gradient-items-section.about .service-gradient-item-text {
  color: var(--dark-color) !important;
}

.service-gradient-items-section.about .service-gradient-item-title {
  font-size: 22px;
}

.service-gradient-items-section.about .service-gradient-item-icon {
  width: 70px;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--dark-color);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

@media screen and (max-width: 1024px) {
  .about-text-section h3 {
    width: 100%;
    font-size: 30px;
  }
  .about-us-content {
    overflow: hidden;
  }
  .lawyer-intro-section .row {
    padding: 0 12px;
  }
  .lawyer-intro-section .img-container {
    height: 400px;
  }
  .lawyer-intro-section .text-container {
    padding-left: 12px;
    margin-top: 20px;
  }
  .lawyer-intro-section h2 {
    text-align: start;
    font-size: 40px;
  }
  .about-img-with-text-section .text-container {
    padding-right: 12px;
    margin-top: 20px;
  }
  .about-img-with-text-section h3 {
    font-size: 32px;
    margin-bottom: 16px;
  }
  .about-img-with-text-section {
    padding: 0 12px;
  }
  .about-img-with-text-section .row {
    flex-direction: column-reverse;
  }
}

/* farsi */

.service-content.farsi .service-gradient-items-section.simple {
  padding: 0;
}

.service-content.farsi .service-gradient-items-section.simple h3,
.service-content.farsi .service-gradient-items-section.simple h2,
.service-content.farsi .service-gradient-items-section.simple h4 {
  font-size: 46px;
}

.service-content.farsi .service-gradient-items-section.simple .header-title {
  margin-bottom: 50px;
}

.service-content.farsi .service-gradient-items-section.simple .col-lg-4,
.service-content.farsi .service-gradient-items-section.simple .col-lg-6,
.service-content.farsi .service-gradient-items-section.simple .col-lg-3 {
  height: -webkit-fill-available;
  margin-bottom: 20px;
}

.service-content.farsi
  .service-gradient-items-section.simple
  .service-gradient-item {
  min-height: auto;
  height: 100%;
}

.service-content.farsi
  .service-gradient-items-section.simple
  .service-gradient-item {
  direction: rtl;
  text-align: start;
  padding: 20px !important;
}

.service-content.farsi
  .service-gradient-items-section.simple
  .service-gradient-item::before {
  background: none;
}

.service-content.farsi
  .service-gradient-items-section.simple
  .service-gradient-item-num {
  margin-right: 0;
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
}

.service-content.farsi .service-gradient-items-section.simple.no-bg {
  background-color: transparent;
}

.service-content.farsi .service-gradient-items-section.simple.no-bg .subtitle {
  color: #444;
}

.service-content.farsi
  .service-gradient-items-section.simple.no-bg
  .service-gradient-item {
  background: var(--primary-color);
}

.service-content.farsi
  .service-gradient-items-section.simple.no-bg
  .service-gradient-item:hover {
  background: var(--dark-color);
}

.service-content.farsi
  .service-gradient-items-section.simple.no-bg
  .service-gradient-item
  p
  a {
  color: var(--dark-color) !important;
}

.service-content.farsi
  .service-gradient-items-section.simple.no-bg
  .service-gradient-item:hover
  p
  a {
  color: var(--primary-light-color) !important;
}

.service-content.farsi
  .service-gradient-items-section.simple.no-bg.light
  .service-gradient-item
  p
  a {
  color: var(--dark-color) !important;
}

.service-content.farsi
  .service-gradient-items-section.simple.no-bg.light
  .service-gradient-item {
  background: rgba(121, 85, 72, 0.1);
  color: #444;
}

.service-content.farsi
  .service-gradient-items-section.simple.no-bg.light
  .service-gradient-item:hover {
  background: var(--primary-color);
  color: white;
}

.service-content.farsi
  .service-gradient-items-section.simple.no-bg.light
  .service-gradient-item
  p {
  color: #444 !important;
}

.service-content.farsi
  .service-gradient-items-section.simple.no-bg.light
  .service-gradient-item:hover
  p {
  color: white !important;
}

.service-content.farsi
  .service-gradient-items-section.simple.no-bg.light
  .service-gradient-item
  .service-gradient-item-num {
  color: #f1eeec;
  background-color: var(--primary-color);
}

.lawyer-intro-section.farsi {
  direction: rtl;
}

.lawyer-intro-section.farsi .img-container {
  height: auto;
}

.lawyer-intro-section.farsi .text-container {
  padding-left: 12px;
  padding-right: 60px;
}

@media screen and (max-width: 1024px) {
  .service-content.farsi .service-gradient-items-section.simple h3,
  .service-content.farsi .service-gradient-items-section.simple h2,
  .service-content.farsi .service-gradient-items-section.simple h4 {
    font-size: 34px;
  }
  .lawyer-intro-section.farsi .text-container {
    padding-right: 12px;
  }
}

.home-section .container,
.home-section .container-fluid,
.home-section .container-lg,
.home-section .container-md,
.home-section .container-sm,
.home-section .container-xl,
.home-section .container-xxl {
  --bs-gutter-x: 1.5rem !important;
  --bs-gutter-y: 0 !important;
  width: 100% !important;
  padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
  padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .home-section .container,
  .home-section .container-sm {
    max-width: 540px !important;
  }
}

@media (min-width: 768px) {
  .home-section .container,
  .home-section .container-md,
  .home-section .container-sm {
    max-width: 720px !important;
  }
}

@media (min-width: 992px) {
  .home-section .container,
  .home-section .container-lg,
  .home-section .container-md,
  .home-section .container-sm {
    max-width: 960px !important;
  }
}

@media (min-width: 1200px) {
  .home-section .container,
  .home-section .container-lg,
  .home-section .container-md,
  .home-section .container-sm,
  .home-section .container-xl {
    max-width: 1140px !important;
  }
}

@media (min-width: 1400px) {
  .home-section .container,
  .home-section .container-lg,
  .home-section .container-md,
  .home-section .container-sm,
  .home-section .container-xl,
  .home-section .container-xxl {
    max-width: 1320px !important;
  }
}

.service-content .container,
.service-content .container-fluid,
.service-content .container-lg,
.service-content .container-md,
.service-content .container-sm,
.service-content .container-xl,
.service-content .container-xxl {
  --bs-gutter-x: 1.5rem !important;
  --bs-gutter-y: 0 !important;
  width: 100% !important;
  padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
  padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .service-content .container,
  .service-content .container-sm {
    max-width: 540px !important;
  }
}

@media (min-width: 768px) {
  .service-content .container,
  .service-content .container-md,
  .service-content .container-sm {
    max-width: 720px !important;
  }
}

@media (min-width: 992px) {
  .service-content .container,
  .service-content .container-lg,
  .service-content .container-md,
  .service-content .container-sm {
    max-width: 960px !important;
  }
}

@media (min-width: 1200px) {
  .service-content .container,
  .service-content .container-lg,
  .service-content .container-md,
  .service-content .container-sm,
  .service-content .container-xl {
    max-width: 1140px !important;
  }
}

@media (min-width: 1400px) {
  .service-content .container,
  .service-content .container-lg,
  .service-content .container-md,
  .service-content .container-sm,
  .service-content .container-xl,
  .service-content .container-xxl {
    max-width: 1320px !important;
  }
}