/***************************************************
Theme Name:   Tariff Relief Services
Theme URL:    https://tariffreliefse.wpenginepowered.com/
Description:  2026 Site
Author:       Exults.com
Author URI:   http://www.exults.com/
Version:      1.0
**************************************************/

:root {
  --primary: #2e69ef;
  --secondary: #061b31;
  --text-color: #50617a;
  --brdr-color: #d6d9fc;
  --brdr-color2: #d8dfe9;
  --brdr-gray: #d9d9df;
  --light-blue: #57749b;
  --light-blue2: #839bc8;
  --very-light-blue: #aeb3e5;
  --very-light-gray: #f8fafd;
  --dark-blue: #0d1738;
  --dark-blue2: #182659;
  --sea-blue: #2fc7ff;
  --med-blue: #1e294c;
  --med-blue-brdr: #445075;
  --med-blue2: #5c6a99;
  --med-blue3: #26335d;
  --dusty-blue-gray: #6c6d82;
  --dusty-navy: #64748D;
  --font-montserrat: "Montserrat", sans-serif;
  --danger: #c90d2f;
  --trs-header-height: 116px;
}

body{ color: var(--text-color); font-family: var(--font-montserrat); font-weight: normal; font-size: 18px;}
p{ margin: 0; color: var(--text-color);}
p + p{ margin-top: 15px;}
img { max-width: 100%; }
ol{ margin: 0; padding: 0;}
ul, li{ margin: 0; padding: 0; list-style: none; }
a, a:hover,a:focus, button, button:hover, button:focus{ transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; text-decoration: none; outline: none; color: inherit;}
h1, h2, h3, h4, h5, h6{ margin: 0; font-weight: 600;}
h1{ font-size: 3.333em; }
h2{ font-size: 3.333em;}
h3{ font-size: 1.667em;}
input::placeholder{ overflow: visible; color: var(--dusty-navy); font-weight: 500;}
::placeholder{ opacity: 1; color: var(--dusty-navy); font-weight: 500;}
button:focus{ outline: none;}
.container{ max-width: 1568px; padding-left: 30px; padding-right: 30px;}
.over-link{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: block; z-index: 1;}
figure{ margin: 0;}
html .no-js .owl-carousel, html .owl-carousel.owl-loaded, html .owl-carousel .owl-item img{ width: auto;}
html .owl-carousel .owl-item img{display: inline-block;}
html .gform_wrapper.gravity-theme span.gfield_required.gfield_required_text{ font-size: 0;}
html span.gfield_required:before{ content: "*"; font-size: 1em;}
html .gform_wrapper.gravity-theme .gfield_required{ font-size: 0.889em; position: relative; top: 0; left: 3px; color: var(--danger);}
html .gfield_required span.gfield_required.gfield_required_text:before{ display: none;}
html .gform_wrapper.gravity-theme .gfield_description.gfield_validation_message,
html .gform_wrapper.gravity-theme .instruction.validation_message{ border: none; background: none; padding: 0;}
html .gform_wrapper .gform_validation_errors{ display: none;}
html .gform_wrapper.gravity-theme .gfield select{ background-image: url(images/select-icon.png); background-repeat: no-repeat; background-position: right 12px center; appearance: none;}
.yt-video { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; border-radius: 6px;}
.yt-video iframe { left: 0; top: 0; width: 100%; height: 100%; position: absolute;}
ul.tick-list li{ position: relative; padding-left: 28px; margin: 0 0 10px;}
ul.tick-list li:before{ content: "\f00c"; font-family: "Font Awesome 7 Pro"; font-weight: 700; display: block; position: absolute; left: 0; top: 0;}
ul.half-list li{ float: left; width: 50%; padding-right: 15px;}
ul.half-list:after{ content: ""; display: block; clear: both;}
.bttn{ line-height: 40px; display: inline-block; padding: 0 21px; text-align: center; min-width: 180px; font-weight: 600; border-radius: 4px; font-size: 0.778em;}
.bttn-blue{ background: var(--primary); color: var(--bs-white);}
.bttn-blue:hover, .bttn-blue:focus{ background: var(--secondary); color: var(--bs-white);}
.title-sec{ padding-bottom: 20px;}
.title-sec-white{ color: var(--bs-white);}
.title-para-sec{ max-width: 785px; margin: auto; text-align: center;}
.title-sec span{ display: block; color: var(--primary); font-size: 0.778em; font-weight: 700; margin: 0 0 33px;}
.title-sec h1{ font-size: 3.056em;}
.title-sec h2{ margin: 0; font-size: 1.667em; color: var(--secondary);}
.title-sec p{ padding: 10px 0 0;}
.title-md{ max-width: 956px; margin: auto; }
.sec-btn{ padding-top: 30px;}
ul.circle-check-list li{ position: relative; padding-left: 18px; margin: 0 0 10px; font-size: 0.778em; font-weight: 500; color: var(--secondary);}
ul.circle-check-list li:before{ content: "\f058"; font-family: "Font Awesome 7 Pro"; font-weight: 700; display: block; position: absolute; left: 0; top: 0; color: var(--primary);}
.txt-btn a{ font-size: 0.778em; color: var(--primary); font-weight: 700;}
.txt-btn a:hover, .txt-btn a:focus{ color: var(--secondary);}
.main-header{ position: fixed; width: 100%; top: 0; z-index: 99; background: var(--bs-white); border-bottom: 1px solid var(--brdr-color);}
.deadline-alert{ background: var(--danger); text-align: center; padding: 12px 0;}
.deadline-alert .container{ position: relative; padding-left: 70px; padding-right: 70px;}
.deadline-alert i{ margin-right: 5px; font-weight: 200;}
.deadline-alert p{ font-size: 0.778em; color: var(--bs-white);}
.deadline-alert p strong{ font-weight: 500;}
.deadline-alert-close{ width: 32px; height: 32px; border: none; border-radius: 50%; background: transparent; color: var(--bs-white); display: inline-flex; align-items: center; justify-content: center; padding: 0; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); cursor: pointer; font-size: 0.889em;}
.deadline-alert-close i{ margin-right: 0; font-weight: 900;}
.deadline-alert-close:hover, .deadline-alert-close:focus{ background: rgba(255, 255, 255, 0.18); color: var(--bs-white);}
.deadline-alert-closed .deadline-alert{ display: none;}
html.deadline-alert-closed{ --trs-header-height: 77px;}
.header-main{ padding: 18px 0; background: var(--bs-white);}
.site-logo{ color: var(--secondary); font-size: 28px; line-height: 1; font-weight: 800; letter-spacing: 0;}
.site-logo:hover, .site-logo:focus{ color: var(--primary);}
.header-actions{ display: flex; align-items: center; justify-content: flex-end; gap: 27px;}
.header-actions .phone-link{ display: inline-flex; align-items: center; gap: 10px; color: var(--primary); font-size: 1em; line-height: 1; font-weight: 600;}
.header-actions .phone-link:hover, .header-actions .phone-link:focus{ color: var(--secondary);}
.brdr-ctr{ border-left: 1px solid var(--brdr-color); border-right: 1px solid var(--brdr-color);}
.header-gap{ margin-top: var(--trs-header-height);}

.main-banner{ min-height: 740px; background-repeat: no-repeat; background-position: center top; background-size: cover; position: relative;}
.main-banner .container{ z-index: 1;}
.main-banner .row{ min-height: 740px;}
.main-banner h1{ color: var(--secondary); font-family: var(--font-montserrat); font-size: 3.222em; line-height: 1.18; letter-spacing: 0; }
.main-banner h1 em{ color: var(--light-blue); display: block; font-style: normal;}
.main-banner p{ color: var(--secondary); font-weight: 600;}
.main-banner .mb-left{ padding-top: 110px;}
.mb-left p{ max-width: 84%;}
.mb-left .title-sec{ padding-bottom: 40px;}
.mb-left ul{ display: flex; align-items: center; gap: 48px; flex-wrap: wrap; margin-top: 44px;}
.mb-left ul li{ display: flex; align-items: center; gap: 12px; color: var(--secondary);}
.mb-left ul li strong{ font-size: 0.889em; line-height: 1.2;}
.mb-left ul li span{ width: 39px; height: 39px; border: 1px solid var(--very-light-blue); border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; color: var(--primary); flex: 0 0 42px;}
.main-banner .mb-right{ padding-top: 60px; padding-bottom: 60px; display: flex; justify-content: center; padding-right: 60px;}
.mb-form h2{ font-size: 1em; text-align: center; color: var(--secondary); margin: 0 0 10px; font-weight: 700;}
.mb-form p{ text-align: center; color: var(--dusty-navy); font-size: 0.778em; max-width: 90%; margin: auto;}
.main-banner .mb-form{ padding: 37px 25px; background: var(--bs-white); border-radius: 6px;}


.heading-bar{ align-items: center;}
.hb-right p{ font-weight: 500;}
.counter-sec .counter-num{ font-size: 2.667em; display: flex; justify-content: center; font-weight: 600; color: var(--secondary);}
.counter-num em{ font-style: normal;}
.counter-sec ul{ padding-top: 40px;}
.counter-sec ul li{ text-align: center;}
.counter-sec ul li + li + li em{ padding-left: 15px;}
.counter-sec ul li p{ font-size: 0.778em; font-weight: 500; color: var(--secondary); max-width: 256px; margin: auto;}
.counter-sec .container{ padding-top: 50px; padding-bottom: 50px; border-bottom: 1px solid var(--brdr-color);}

.icon-grid-sec .container{ padding-top: 54px; padding-bottom: 60px;}
.icon-grid-sec span{ width: 39px; height: 39px; line-height: 39px; border: 1px solid var(--very-light-blue); border-radius: 4px; display: block; text-align: center; color: var(--primary);}
.icon-grid-sec h3{ font-size: 0.889em; color: var(--secondary); margin: 15px 0 6px; font-weight: 700;}
.icon-grid-sec p{ font-size: 0.778em; font-weight: 500; color: var(--secondary); max-width: 70%;}

.grid-img-list .gil-grid{ border: 1px solid var(--brdr-color); border-radius: 6px; padding: 22px 32px; background-color: var(--very-light-gray); background-repeat: no-repeat; background-position: right top;}
.gil-grid h3{ font-size: 0.889em; color: var(--secondary); margin: 0 0 10px;}
.bg-img-cont-sec .container{ padding-top: 48px; padding-bottom: 62px;}
.bg-img-cont-sec .bg-img-cont-sec-in{ background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 6px; padding: 54px 20px 69px 44px; position: relative;}
.bg-img-cont-sec-in:before{ content: ""; display: block; width: 50%; height: 100%; background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; left: 0; top: 0; border-radius: 6px;}
.bg-img-cont-sec aside{ max-width: 700px; position: relative;}
.bg-img-cont-sec .title-sec span, .bg-img-cont-sec .title-sec h2, .bg-img-cont-sec p{ color: var(--bs-white); text-shadow: -2.517px 3.109px 11px rgba(54, 53, 53, 1);}
.process-sec p{ font-weight: 500;}
.process-sec aside{ max-width: 690px;}
.process-sec .pg-in{ border: 1px solid var(--brdr-color); background: var(--very-light-gray); border-radius: 4px; padding: 34px 28px; color: var(--secondary); height: 100%;}
.process-sec .pg-in p{ color: var(--secondary);}
.process-sec .process-grid{ padding-top: 54px; padding-bottom: 80px; margin: 0 -60px;}
.pg-in h3{ font-size: 2.667em;}
.pg-in h4{ font-size: 0.889em; padding: 15px 0 10px; font-weight: 700;}
.pg-in p{ font-size: 0.778em; font-weight: 500;}
.process-grid li{ padding: 0 60px; position: relative;}
.process-grid li + li::before{ content: ""; position: absolute; left: -39px; top: 50%; width: 78px; height: 1px; background: var(--brdr-color);}

.process-slider-sec{ background: var(--dark-blue); color: var(--bs-white);}
.process-slider-sec .container{ border-color: var(--dark-blue2); padding-top: 66px; padding-bottom: 38px;}
.process-slider-sec .title-sec span{ color: var(--sea-blue);}
.process-slider-sec .title-sec h2{ color: var(--bs-white);}
.process-slider-sec p{ color: var(--light-blue2); font-weight: 500;}
.process-carousel{ padding-top: 60px;}
.process-carousel .item{ background: var(--med-blue); border: 1px solid var(--med-blue-brdr); border-radius: 6px; padding: 22px 18px 28px; height: 100%;}
.process-carousel .item .pc-top{ padding: 0 0 16px; display: flex; justify-content: space-between; align-items: center;}
.pc-top span{ color: var(--light-blue2); font-size: 0.667em;}
.process-carousel h3{ font-size: 0.889em; line-height: 1.5em; font-weight: 600; margin: 0;}
.process-carousel .item p{ font-size: 0.779em; margin: 10px 0;}
.process-carousel .item .txt-btn a{ color: var(--sea-blue);}
.process-carousel .owl-stage{ display: flex; flex-wrap: wrap;}
.process-carousel .owl-dots{ text-align: center; margin-top: 40px; display: flex; align-items: center; justify-content: center;}
.process-carousel .owl-prev i, .process-carousel .owl-next i{ font-size: 2em; color: var(--light-blue2);}
.process-carousel .owl-nav .owl-next, .process-carousel .owl-nav .owl-prev{ width: 57px; height: 57px; line-height: 72px; border: 1px solid var(--light-blue2); border-radius: 35px; text-align: center;}
.proc-btm-cont{ text-align: right; padding-top: 52px;}
.proc-btm-cont p{ color: var(--med-blue2); font-size: 0.667em;}
.process-carousel .owl-nav{ position: absolute; right: 0; top: -70px; display: flex; gap: 20px;}
.process-carousel .owl-dot{ width: 11px; height: 11px; border-radius: 50%; background: var(--med-blue3); border: none; margin: 0 7px; padding: 0;}
.process-carousel .owl-dot.active{ background: var(--sea-blue);;}

.hm-btm-form-sec{ text-align: center;}
.hm-btm-form-sec .container{ padding-top: 70px; padding-bottom: 70px;}

.btm-igs{ background: var(--very-light-gray);}
.btm-igs .container{ padding-top: 90px; padding-bottom: 110px;}
.btm-igs .icon-grid-sec{ padding-top: 50px;}
.btm-igs .icon-grid-sec p{ max-width: 100%;}
.btm-igs .title-sec p{ padding: 20px 0 0; font-weight: 500;}

.faq-main-sec .container{ padding-top: 70px; padding-bottom: 70px;}
.faq-sec{ max-width: 788px; margin: auto; position: relative;}
.faq-sec .faq-sec-in{ position: relative;}
.faq-sec .faq-content-sec .accordion-item{ border: none; background: none;}
.faq-sec .faq-content-sec .accordion-item h4{ font-size: 18px;}
.faq-sec .faq-content-sec .accordion-item h4, .faq-sec .faq-content-sec .accordion-item h4 button{ width: 100%; text-align: left;}
.faq-sec .faq-content-sec .accordion-item h4 button{ background: none; padding: 15px 30px 15px 0; border-bottom: 1px solid var(--brdr-color2); position: relative; display: flex; align-items: center; line-height: 30px; font-size: 1em; font-weight: 500; border-radius: 0 !important;}
.faq-sec .faq-content-sec .accordion-item h4 button:before{ content: "Q"; font-size: 1.333em;  border-right: 1px solid var(--brdr-color2); display: block; line-height: normal; padding: 0 14px 0 0; margin-right: 15px; color: var(--secondary);}
.faq-sec .faq-content-sec .accordion-item h4 button.accordion-button:not(.collapsed){ border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.faq-sec .faq-content-sec .accordion-item h4 button:after{ content: "\f0fe"; font-family: "Font Awesome 7 Pro"; position: absolute; right: 0; top: 50%; margin-top: -13px; background: none; transform: none; -webkit-transform: none; -moz-transform: none; font-weight: 400; color: var(--primary);}
.faq-sec .faq-content-sec .accordion-item h4 button.accordion-button:not(.collapsed):after{ content: "\f146";}
.faq-sec .faq-content-sec .accordion-item h4 button:focus{ box-shadow: none;}
.faq-sec .faq-content-sec{ padding: 25px 30px 40px; border-radius: 10px; margin-top: 15px; border: 1px solid var(--brdr-color); background: var(--bs-white);}
.faq-sec .faq-content-sec .accordion-item .faq-cont{ padding: 20px 30px 20px 55px; text-align: left; border-bottom: 1px solid var(--brdr-color);}
.faq-sec .accordion-button:not(.collapsed){ color: var(--text-color); box-shadow: none;}
.faq-cont p{ font-size: 0.889em;}

.foot-cta-bar{ padding-top: 180px; text-align: center; position: relative; z-index: 1;}
.foot-cta-bar .title-sec span{ color: var(--text-color);}
.foot-cta-bar p{ max-width: 890px; margin: auto;}

.main-footer{ background: var(--very-light-gray);}
.main-footer .foot-top{ padding-top: 50px; padding-bottom: 40px; border-bottom: 1px solid var(--brdr-color);}
.main-footer .mf-in{ display: flex; justify-content: space-between;}
.mf-in span{ display: block;margin: 10px 0;}
.mf-in span a{ font-size: 0.778em; color: var(--secondary); font-weight: 500;}
.mf-in p{ max-width: 300px; font-size: 0.667em; font-weight: 500; line-height: 1.6em;}

.main-footer h3{ color: var(--secondary); margin: 0 0 12px;}
.mf-right p{ font-size: 1em; max-width: 440px;}
.mf-right .foot-btns{ padding: 30px 0 0;}
.foot-btns a + a{ background: none; color: var(--primary); border: 2px solid var(--primary); margin: 0 0 0 20px;}
.foot-btns a + a:hover, .foot-btns a + a:focus{ border: 2px solid transparent;}
.foot-btns .bttn{ min-width: 161px;}
.foot-btns .bttn:first-child{ line-height: 44px;}
.main-footer .copyright{ padding-top: 10px; padding-bottom: 10px; font-size: 0.778em; color: var(--secondary); display: flex; justify-content: space-between; font-weight: 500;}
.copyright p{ color: var(--secondary);}

.mb-form .def-form{ padding-top: 30px;}
.def-form .gform_wrapper.gravity-theme .gfield_label{ color: var(--dusty-navy); font-size: 0.667em; font-weight: 600; display: block;}
.def-form .gform_wrapper.gravity-theme .gfield input.large,
.def-form .gform_wrapper.gravity-theme .gfield select.large,
.def-form .gform_wrapper.gravity-theme .gfield textarea.large{ width: 100%; height: 46px; border: 1px solid var(--brdr-gray); border-radius: 8px; padding: 0 12px; /*color: var(--dusty-navy);*/ font-weight: 500; font-size: 0.667em;}
.def-form .gform_wrapper.gravity-theme .gform_footer .button{ background: var(--primary); border: none; color: var(--bs-white); margin: 0; width: 100%; display: block; border-radius: 6px; line-height: 56px; font-weight: 600; font-size: 0.778em;}
.def-form .gform_wrapper.gravity-theme .gform_footer .button:hover,
.def-form .gform_wrapper.gravity-theme .gform_footer .button:focus{ background: var(--secondary);}
.def-form .gform_wrapper.gravity-theme .gfield--type-checkbox .gfield_label{ display: none;}
.def-form .gform_wrapper.gravity-theme .gfield_checkbox label{ font-size: 0.667em; font-weight: 500;}
.def-form .gform_wrapper.gravity-theme .gfield_checkbox label:after{ content: "*"; display: inline-block; color: var(--danger); margin-left: 2px;}
.def-form .gform_wrapper.gravity-theme .gchoice{ display: flex; align-items: flex-start; gap: 6px;}
.def-form .gform_wrapper.gravity-theme .gfield-choice-input{ position: relative; top: 2px;}

.hm-btm-form-sec .def-form{ max-width: 788px; margin: auto; padding: 56px 46px; text-align: left; border: 1px solid var(--brdr-color); border-radius: 6px; margin-top: 46px;}

.trs-calendly-confirmation{ max-width: 760px; margin: 0 auto; text-align: left;}
.trs-calendly-confirmation h2{ color: var(--secondary); font-size: 1.667em; margin: 26px 0 10px;}
.trs-calendly-confirmation > p{ font-weight: 500; margin-bottom: 24px;}
.trs-calendly-status{ background: #effcf4; border: 1px solid #9ce8b8; border-radius: 12px; color: #047333; padding: 16px 18px; font-size: 0.889em; display: flex; align-items: center; gap: 10px;}
.trs-calendly-status i{ font-size: 1.25em;}
.trs-calendly-frame{ width: 100%; border: 1px solid var(--brdr-color2); border-radius: 10px; overflow: hidden; background: var(--bs-white); display: block;}
.main-banner .trs-calendly-frame {height: 602px;}
.hm-btm-form-sec .trs-calendly-frame {height: 750px;}

.main-header .mob-check-btn{ display: none;}
.header-main figure img{ max-width: 180px;}
.mf-left img{ max-width: 230px;}
.page-content .container{ padding-top: 50px; padding-bottom: 50px; min-height: 500px;}
.page-content h1{ font-size: 3em; color: var(--secondary); margin: 0 0 20px;}
.page-content h2{ margin: 20px 0 10px; font-size: 1.667em; color: var(--secondary);}
.page-content .page-content-in{ max-width: 1024px;}
.page-content ul{ margin: 20px 0;}
.page-content ul.circle-check-list li{ font-size: 1em; padding-left: 28px; color: var(--text-color); font-weight: normal;}
.page-content ul.circle-check-list li:before{ top: 1px;}
.page-content p a{ font-weight: 700; color: var(--primary);}