/*
Theme Name: Law Firm Sites - Guttenberg
Theme URI: http://www.lawfirmsites.com/
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 1
Author: Law Firm Sites
Author URI: http://www.lawfirmsites.com/
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: 
License URI: 
*/

/* FONT FACE
=================================*/

@font-face { font-family: Satoshi; src: url('fonts/Satoshi-Regular.otf') format("opentype"); font-weight: normal; }



:root {
  /*FONT SIZE*/
  --px12: 0.75rem;
  --px14: 0.875rem;
  --px15: 0.938rem;
  --px16: 1rem;
  --px17: 1.063rem;
  --px18: 1.125rem;
  --px20: 1.25rem;
  --px21: 1.35rem;
  --px22: 1.375rem;
  --px23: 1.438rem;
  --px24: 1.5rem;
  --px25: 1.563rem;
  --px26: 1.625rem;
  --px27: 1.688rem;
  --px28: 1.75rem;
  --px30: 1.875rem;
  --px32: 2rem;
  --px34: 2.125rem;
  --px35: 2.188rem;
  --px36: 2.25rem;
  --px38: 2.375rem;
  --px40: 2.5rem;
  --px42: 2.625rem;
  --px45: 2.813rem;
  --px48: 3rem;
  --px50: 3.125rem;
  --px55: 3.438rem;
  --px56: 3.5rem;
  --px60: 3.75rem;
  --px61: 3.813rem;
  --px64: 4rem;
  --px65: 4.063rem;
  --px69: 4.313rem;
  --px72: 4.5rem;
  --px90: 5.625rem;
  --px92: 5.75rem;
  --px95: 5.938rem;
  --px100: 6.25rem;
  --px126: 7.875rem;


  --MenoBanner: "meno-banner";
  --InnerTight: "inter-tight-variable";

  --Light: "wght" 300;
  --Regular: "wght" 400;
  --Medium: "wght" 500;
  --SemiBold: "wght" 600;
  --Bold: "wght" 700;
  

  /*COLOR*/
  --Black: #111;
  --Dark: #2E2A28;
  --Red: #AA2B3D;
  --Blue: #006FFF;
  --Brown: #BEA580;
  --Maroon: #642F2D;
  --AshBrown: #9F9181;
}


/* BODY
=================================*/

html { font-size: 0.833333vw; scroll-behavior: smooth; }

body { padding: 0; margin: 0; font-size: var(--px16); font-family:var(--InnerTight); font-weight:normal; line-height:1.3333; color: var(--Dark); 
  line-height: 1.5em; font-variation-settings: var(--Regular);
}

a:hover { outline: none; text-decoration: none; }

.scroll { transition: .6s; -moz-transition: .6s; -ms-transition: .6s; -webkit-transition: .6s; -o-transition: .6s; } 

.sub-menu , .repCasesBtn , a.imgHover:before ,
a , input , button , .sub-menu { transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; }

img { max-width: 100%; width: auto; height: auto; object-fit: cover; object-position: center; }

a.imgHover { display: inline-block; position: relative; vertical-align: top; }

a.imgHover img { display: block; margin: 0; }

a.imgHover:before { content: ''; display: inline-block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; }

a.imgHover:hover:before { background-color: rgba(0,0,0,.5); }

.scroll.open { top: 0; }

.admin-bar .scroll.open { top: 32px; }

.scroll { position: fixed; display: none; top: -200px; left: 0; width: 100%; z-index: 5000; }

a.post-edit-link { display: inline-block; color: #fff; padding: .4rem 2rem; background-color: #000; font: 1.25rem; position: fixed; bottom: 1rem; left: 1rem; z-index: 3000; }

a.post-edit-link:hover { background-color: #333; }

section:before,section:after { clear: both; display: block; content: ''; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p { margin: 0; }

h1, .h1 { display: block; font-size: var(--px48); font-family: var(--MenoBanner); line-height: 1.16em; }

h2, .h2 { display: block; font-size: var(--px48); font-family: var(--MenoBanner); line-height: 1.16em; }

h3, .h3 { display: block; font-size: var(--px36); font-family: var(--MenoBanner); line-height: 1.16em; }

h4, .h4 { display: block; font-size: var(--px24); }

h5, .h5 { display: block; font-size: var(--px18); line-height: 1.3333; text-transform: uppercase; font-weight: 700; }

h6, .h6 { display: block; }

a.skip-main { left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: 999; }

svg { fill:inherit; stroke:inherit; }

picture { display:block; }

[width="11"] { width:0.688rem; }
[width="18"] { width:1.175rem; }
[width="20"] { width:1.25rem; }
[width="22"] { width:1.375rem; }
[width="44"] { width:2.75rem; }
[width="132"] { width:8.25rem; }

/* FOOTER
=================================*/

#footer { background-color: #2E2A28; color:#fff; font-size:var(--px16); padding: 3.938rem 0 0rem; }

.footer-top { border-bottom:1px solid #474139; }

.footer-top .sub { font-size:var(--px16); text-transform:uppercase; font-variation-settings:var(--SemiBold); color:#95877A; margin-bottom:.625rem;  }

.footer-top .div-block { margin-bottom:2.375rem; }

.footer-top .div-block p { margin-bottom:.625rem; }

.footer-top .div-block p a { color:#fff; }

.footer-top .div-block p a:hover,
.footer-top .div-block p a:focus {  }

.footer-top a.footer-logo { max-width:12rem; display:inline-block; }

.footer-top a.footer-logo img { display:block; }

.footer-bottom { padding: 2.25rem 0 3rem; color:#BAB6B2; }

.footer-bottom a { color:#BAB6B2; }

.footer-bottom a:hover,
.footer-bottom a:focus { color:#BEA580; }

/* HEADER
=================================*/
.navbar-default { border-radius: 0; margin: 0; min-height: 0; background-color: transparent; color: #fff; border: none; padding: 0; }

.main-menu { list-style: none; padding: 0; margin: 0; }

.main-menu li { position: relative; padding: 0; }

.main-menu li a { display: block; font-size: var(--px18); text-transform: uppercase; font-weight: 700; }

.logo { display: inline-block; vertical-align: top; max-width: 16.188rem; margin: 0rem 0 0rem; vertical-align: top; }

ul.paginations { list-style:none; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap: 1rem; }

a.button { display:inline-flex; text-align:center; gap: 0.688rem; background-color:#fff; justify-content:center; color:var(--Black); font-weight:700; min-height:3.625rem; align-items:center; padding: 0 2.25rem; 
  font-size: var(--px18); line-height:1.3333; fill: var(--Black); }

a.button:hover,
a.button:focus { background-color:#111; color:#fff; fill:#fff; }

#header .flex { justify-content:space-between; }

.phone-top { display:flex; flex-wrap:wrap; align-items:center; gap: 1rem; }

.phone-top em { color: var(--Brown); font-size:var(--px30); line-height:1.16em; font-family:var(--MenoBanner); display:inline-block; }

.phone-top a { display:inline-block; font-size: var(--px22); font-variation-settings: var(--SemiBold); color: #fff; line-height: 1.227em; }

#header .wrap { padding: 1.625rem 0 1.563rem; border-bottom:1px solid rgba(255,255,255,.35); }

/* Blocks
=================================*/
.editor-visual-editor__post-title-wrapper { text-align:center; max-width:800px; margin: 0 auto 3rem; }

.editor-styles-wrapper :where(:not(.is-layout-flex,.is-layout-grid))>.wp-block,
html :where(.wp-block) { margin:0; max-width:unset; }

#main-banner { position:relative; background-image: url('./assets/images/main-banner-bg.jpg'); background-size: cover; background-position: center; z-index: 5; }

#main-banner:before { position:absolute; content:''; display:block; inset:0; z-index:-2; backdrop-filter: blur(4px);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(49, 46, 43, 0) 5.46%, rgba(65, 59, 50, 0.81) 100%);
 }

#main-banner .left { flex:1; }

#main-banner .left .div-block { align-items:flex-start; justify-content:space-between; }

#main-banner .left .div-block .text { flex:1; color:#fff; max-width:35rem; }

#main-banner .left .div-block .text h1 { font-size:var(--px72); line-height:1.16em; margin-bottom: 10.125rem; }

#main-banner .left .div-block .text p { font-size:var(--px18); line-height:1.5em; max-width: 25.125rem; margin-bottom:2.875rem; }

strong { font-variation-settings:var(--Bold); }

#main-banner .left .div-block picture { max-width:31.25rem; }

#main-banner .right { max-width:39.188rem; width: 100%; position: relative; z-index: 5; }

#main-banner .right:before { content:''; display:block; position: absolute; inset: 0;
  background: rgba(46, 42, 40, 0.65);
  backdrop-filter: blur(10px);
  z-index: -2;
}

#main-banner .right:after { display:block; content:''; width:18.563rem; height:22.25rem; position:absolute; top:8.938rem; right:0;
  background-image: url('./assets/images/banner-logo.png'); background-size: cover;
  z-index: -1;
}

#main-banner .form-wrap { max-width:21.188rem; margin-left:5.375rem; margin-top:13.2rem; color:#fff; }

#main-banner .form-wrap h2 { font-size:var(--px40); line-height:1.16em; font-weight:300; }

#main-banner .form-wrap p { font-size:var(--px18); line-height:1.5em; margin-bottom:1.125rem; font-variation-settings: var(--Light); }

#main-banner .gfield label.gfield_label { color:#fff; margin-bottom:.5rem; font-variation-settings: var(--Light); line-height:1.5em; }

.btn { background-color:var(--Maroon); color:#fff; font-size:var(--px15); text-transform:uppercase; line-height:1.2em;
  padding: 1rem 1.75rem; border-radius: 0; border: 1px solid var(--AshBrown);
}

.btn:hover,
.btn:focus { color:#fff; background-color:#624B2B; }

#about { padding:9rem 0 0rem; position:relative; z-index:100; }

#about .wrap { gap: 0 8.063rem; }

#about .div-block { flex:1; }

#about .div-block .flex { align-items:flex-end; gap: 0 5.875rem; }

#about .div-block .flex .text { flex:1; order:2; font-size:var(--px18); font-variation-settings:var(--Light); }

#about .div-block .flex .text p { margin-bottom:1.688rem; }

#about .div-block .btn { margin-bottom:1.688rem; }

#about .div-block h2 { font-size:var(--px64); color: #644D2D; max-width: 43.188rem; margin-bottom: 5rem; }

#about picture { max-width:37.313rem; }

.right-gradient { position:relative; z-index:5; }

#practice-areas { background-color:#F4F1EE; padding: 9rem 0; }

#practice-areas .intro { gap: 3rem 4.375rem; }

#practice-areas .intro h2 { color:#644D2D; font-size:var(--px56); }

#practice-areas .intro p { max-width:38.563rem; font-size:var(--px18); font-variation-settings:var(--Light); }

.practice-list { display:flex; flex-wrap:wrap; margin: 7.188rem 0 5rem; }

.practice-list .item { max-width:28.625rem; background-size:cover; background-position:center; position:relative; z-index:10; }

.practice-list .item:before { position:absolute; content:''; display:block; inset:0; z-index:-1;
  background: linear-gradient(180deg, rgba(148, 135, 129, 0) 32.97%, rgba(46, 42, 40, 0.85) 100%);
}

.practice-list .item a { display:block; }

.practice-list .item a:hover{ background-color:rgba(0,0,0,.3); }

.practice-list .item .pad { padding: 1.25rem 1rem; }

.practice-list .item h3 { font-size:var(--px36); line-height: 1em; text-transform: capitalize;}

.practice-list .item h3 em { display:block; }

.practice-list .item .pad .border { border: 1px solid #BEA580 !important; display:flex; flex-wrap:wrap; align-items:flex-end; min-height:20.375rem;
  padding: 1.5rem; color: #fff;
}

#practice-areas .pa-bottom-links { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap: 1rem; }

.call-link { border: 1px solid #9F9181; background-color:transparent; font-size:var(--px15); text-transform:uppercase; line-height:1.2em; padding:1rem 1.75rem; 
  color:#644D2D; }

.call-link:hover,
.call-link:focus { background-color:var(--Maroon); color:#fff; }

#testimonials { color:#fff; background-color:#2E2A28; position:relative; z-index:5; padding:7.375rem 0 9rem; }

#testimonials .call-link { color:#fff; }

#testimonials h2 { margin-bottom:2.5rem; font-size:var(--px64); }

.testi-item { color:#BAB6B2; font-size:var(--px18); font-variation-settings:var(--Light); max-width:27.438rem; border-top:1px solid #474139; padding:3.125rem 0 2.5rem; }

.testi-item svg { margin-bottom:2.125rem; }

.testi-item h3 { color:#fff; font-size: var(--px30); line-height: 1.16em; margin-bottom: 1.75rem; }

.testi-item .text { margin-bottom:1.75rem; }

.testi-item .text p { max-width:25.313rem; }

.testi-item p.name { font-variation-settings:var(--Medium); text-transform:uppercase; color:#fff; font-size:var(--px15); letter-spacing:.04em; line-height:1.51em; }

.testimonials-slide-wrap { margin-top:5rem; }


.btm-control {  }

.control-slick { display:flex; flex-wrap:wrap; gap: 1rem; }

.control-slick button { border: none; padding: 0; background-color: transparent; fill: #625D56; outline: none;}

.control-slick button:hover,
.control-slick button:focus { fill:#BEA580; }

.control-slick button svg { display:block; }

.btm-control { display:flex; flex-wrap:wrap; gap: 3.125rem; align-items:center; }

.btm-control:before { content:''; display:flex; height:1px; width:auto; flex:1; background-color:#474139; }

#ready-to-talk { background-image:url('./assets/images/bottom-bg.jpg'); background-size:cover; background-position:center; color:#fff; 
  padding: 9rem 0;
}

#ready-to-talk .call-link { color:#fff; }

#ready-to-talk .flex { gap: 1rem; }

#ready-to-talk .left {  }

#ready-to-talk .left h2 { font-size:var(--px64); margin-bottom:2.5rem; }

#ready-to-talk .left p { max-width:27.438rem; font-size:var(--px18); font-variation-settings:var(--Bold); margin-bottom:2.5rem; }

#ready-to-talk .left .flex {  }

#ready-to-talk .right ul { list-style:none; padding: 0; font-size: var(--px36); line-height: 1.16em; margin: .25rem 0 0; }

#ready-to-talk .right ul li { position:relative; padding-left:4rem; font-weight: 300; font-family: var(--MenoBanner); margin-bottom: 2.5rem; }

#ready-to-talk .right ul li:before { content:''; display:block; position:absolute; top:.125rem; left:0; background-image:url('./assets/images/check.png');
  background-size: cover; width: 2.5rem; height: 2.5rem;
}

/* CONTACT FORM
=================================*/
.gform_confirmation_message { background-color: #ddffdd; color: #000; text-align: center; border: 2px solid #4CAF50; padding: 15px 20px; }

.form-wrap { font-size:var(--px16); font-variation-settings:var(--Light); }

.form-wrap label { font-weight: normal; }

.form-wrap h2 { }

.form-wrap p { }

.form-wrap ul { list-style: none; padding: 0; }

.form-wrap *::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #968A7E;
}
.form-wrap *::-moz-placeholder { /* Firefox 19+ */
  color: #968A7E;
}
.form-wrap *:-ms-input-placeholder { /* IE 10+ */
  color: #968A7E;
}
.form-wrap *:-moz-placeholder { /* Firefox 18- */
  color: #968A7E;
}

.gform_fields { margin: 0; }

.gfield { width: 100%; position: relative; margin-bottom: .75rem; }

.gfield.hidden_label { margin-bottom:0; }

.gfield.hidden_label label.gfield_label { display:none; }

.gfield label.gfield_label { font-weight:700; color:var(--Dark); margin-bottom:.5rem; }

.gfield label.gfield_label span {  }

.form-wrap textarea,
.form-wrap input[type="tel"],
.form-wrap input[type="email"],
.form-wrap input[type="text"] { background-color: #fff; display: block; width: 100%; border: none; border-radius: 0; line-height: 1.5; padding: 0.75rem 1.25rem 0.875rem; 
  color: #968A7E;
}

.form-wrap textarea { resize: none; height: 7.063rem; }

.gform_footer { text-align: center; padding-top: 0rem; }

.gform_footer button { border-radius: 0; width: 100%; height: 3.25rem; background-color: transparent; color: #fff; border: none; font-size: var(--px15); 
  text-transform:uppercase; border: 1px solid #BEA580;
}

.gform_footer button:hover { background-color: var(--Maroon); }

p.gform_required_legend { display:none; }

.form-wrap h2.gform_submission_error  { font-size:var(--px16); line-height:var(--px30); font-family:inherit; color:var(--Red); }

.gfield_validation_message, .validation_message  { color:var(--Red); font-size:var(--px16); line-height:var(--px30);  }

.ui-datepicker { padding: 1rem; background-color:#fff; max-width:20rem; font-size:15px; width: 100%; }

.ui-datepicker-header { display:flex; flex-wrap:wrap; gap: .5rem; align-items: center; margin-bottom: .5rem; }

.ui-datepicker-header > a span { display:none; }

.ui-datepicker-header > a { width: 1rem; font-size: 18px; }

.ui-datepicker-header > a:before { font-family: "Font Awesome 6 Pro"; font-weight: 900; content: "\f053"; }

.ui-datepicker-header .ui-datepicker-next { order:2; text-align: right;}

.ui-datepicker-header .ui-datepicker-next:before { content: "\f054"; }

.ui-datepicker-title { display: flex; flex-wrap: wrap; gap: .5rem; flex: 1; }

.ui-datepicker-title select { flex: 1; border: 1px solid #000; text-transform:uppercase; font-weight:500; background-color:transparent; }

table.ui-datepicker-calendar { width:100%; font-size: 14px; }

@media ( min-width: 768px ) { 

}

@media ( min-width: 992px ) {

  #ready-to-talk .right { margin-right:12.188rem; }

  #footer,
  #ready-to-talk,
  #practice-areas,
  #testimonials { max-width:101.625rem; }

  .testimonials-slide-wrap .slick-list { margin: 0 -1.844rem; }

  .testimonials-slide-wrap .item { padding: 0 1.844rem; }

  .practice-list { display:flex; flex-wrap:wrap; gap: 2rem; }

  .practice-list .item { flex:1 1 calc(33.333% - 2rem); }

  #about picture { margin-bottom:-10.625rem; position:relative; z-index:5; }

  .right-gradient { display:flex; flex-wrap:wrap; margin: 0 auto; max-width:120rem; }

  .right-gradient .blocks { flex:1 1 calc(100% - 18.375rem); }

  .right-gradient .xyz { position:relative; top:0; bottom:0; right:0; display:block; content:''; width:18.375rem;
    background: linear-gradient(360deg, #EFE6DA 0%, #624B2B 100%);
  }

  #header{ position:absolute; top:0; left:0; z-index:2000; width:100%; }

  #main-banner .left { padding-left:5.938rem; padding-top:9.313rem; padding-right:6.75rem; }

  .container.full { padding:0; }

  .flex { display:flex; flex-wrap:wrap;  }

  .flex.between { justify-content:space-between; }
  
  .flex.center { justify-content:center; }

  .container { width:100%; max-width:120rem; padding:0 5.938rem; }

  .wrap { margin: 0 auto; width: 100%; }

  .main-menu { display:flex; flex-wrap:wrap; gap: 0 1rem; }

  .main-menu li { position: relative; }
  
  .main-menu > li { display: inline-block; }

  .main-menu > li > a { position:relative; padding-bottom: 0.375rem; }

  .main-menu > li > a:after { content:''; width:0; height:2px; background-color: #fff; transition:.5s; position:absolute; bottom:0; left:0; right:0; margin: 0 auto; }

  .main-menu > li > a:hover:after { width:100%; }
  
  .main-menu > li > .sub-menu { position: absolute; top: 100%; left: -1rem; width: 15rem; padding: 0; z-index: 200; opacity: 0; visibility: hidden; text-align: left; padding-top:.5rem }

  .main-menu > li:hover > .sub-menu { opacity: 1; visibility: visible; }
  
  .main-menu > li > .sub-menu > li { display: block; }
  
  .main-menu > li > .sub-menu > li > a { padding: .625rem 1rem; color: #fff; background-color: #111; }
  
  .main-menu > li > .sub-menu > li:hover > a { background-color: rgba(200,200,200); color:#111; }

}

@media ( min-width: 1901px ) {

  html { font-size:16px; }

}

@media ( min-width: 992px ) and ( max-width: 1399px ) {

  :root {

    /*FONT SIZE*/
    --px12: 0.95rem;
    --px14: 1.075rem;
    --px15: 1.138rem;
    --px16: 1.2rem;
    --px17: 1.263rem;
    --px18: 1.325rem;
    --px20: 1.45rem;
    --px21: 1.55rem;
    --px22: 1.575rem;
    --px28: 1.95rem;
  }

}

@media ( max-width: 991px ) {

  html { font-size: 16px; }

  body { padding-top: 0; }
  
  body.mean-container .mean-bar { position: fixed; top: 0; left: 0; width: 100%; z-index: 3000; padding-top: 3.25rem; }

  body.mean-container.admin-bar .mean-bar { top: 32px; }
  
  body.mean-container .mean-nav {  }

  body.mean-container a.meanmenu-reveal { width: 2rem; box-sizing:border-box; padding:0; text-align: center; color: #fff; right:1rem !important; top:2.125rem; }

  body.mean-container a.meanmenu-reveal span { height: 3px; margin-top: 0; }

  body.mean-container a.meanmenu-reveal span + span { margin-top:.5rem; }

  body.mean-container .mean-nav ul li a.mean-expand { height: auto; padding: 7px 12px !important; }

  #main-banner .left .div-block picture { display:none; }

  #main-banner { padding-top:15rem; }

  #header { position:absolute; top:0; left:0; width:100%; z-index:3000; text-align: center; }

  #header .container { justify-content:center; }

  #header .wrap { width:100%; }

  .phone-top { justify-content:center; }

  .logo { margin: 1rem 0; }

  .phone-top em { color:#fff; }

  #main-banner .left .div-block .text h1 { font-size:var(--px40); text-align:center; }

  .phone-top em { font-size:var(--px24); }

  .phone-top a { font-size:var(--px18); }

  .phone-top { gap: .5rem; }

  #main-banner .left .div-block .text h1 { margin-bottom: 4.125rem; }

  #main-banner .left .div-block .text p { font-size:var(--px16); }

  #main-banner .right { margin-right:-15px; margin-left:-15px; width:auto; padding: 4rem 1rem; margin-top:5rem; }

  #main-banner .right:after  { display:none; }

  #main-banner .form-wrap { margin-left:0; margin-top:0; }

  #main-banner .left .div-block .text h1,
  #main-banner .left .div-block .text p { text-shadow: 0 0 1rem rgba(0,0,0,.5); }

  #about { padding: 5rem 0; }

  #about .div-block h2 { font-size:var(--px40); }

  #about .div-block h2 { margin-bottom: 3rem; }

  #main-banner .form-wrap h2 { margin-bottom:1rem; }

  #about .div-block .flex .text { font-size:var(--px16); }

  #about picture { margin-top:4rem; }

  #practice-areas { padding: 5rem 0; }

  #practice-areas .intro h2 { font-size:var(--px40); margin-bottom: 2rem; }

  #practice-areas .intro p { font-size:var(--px16); }

  .practice-list .item { width:100%; }

  .practice-list .item .pad .border { min-height:15.5rem; }

  .practice-list { gap: 2rem; }

  .practice-list { margin-top:5rem; }

  .practice-list .item h3 { font-size:var(--px30); line-height:1.2em; }

  #testimonials h2 { font-size:var(--px40); margin-bottom:3rem; }

  .call-link { display:inline-flex; }

  .testi-item { font-size:var(--px16); }

  #testimonials { padding: 5.375rem 0 5rem; }

  #ready-to-talk { padding: 5rem 0; }

  #ready-to-talk .left h2 { font-size:var(--px40); }

  #ready-to-talk .left p { font-size:var(--px16); font-variation-settings:var(--Regular); }

  #ready-to-talk .left .flex { display:flex; flex-wrap:wrap; justify-content:center; gap: 1rem; }

  #ready-to-talk .right ul { margin-top:5rem; font-size: var(--px24); }

  #ready-to-talk .right ul li { padding-left:3.5rem; }

  #ready-to-talk .right ul li:before { width:1.875rem; height:1.875rem; top: 0; }

  #footer { text-align:center; padding-bottom: 3rem; }

  .footer-bottom p { margin-bottom:2rem; }

}

@media ( max-width: 767px ) {

}