/* @import url('https://fonts.googleapis.com/css2?family=Quattrocento+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap'); */

:root
{
    --blaw-text-color: #333;
    --blaw-link-color: #8c181b;
    --blaw-red-color: #8c181b;
}

@font-face {
    font-family: 'Quattrocento Sans';
    src: url('../fonts/QuattrocentoSans.eot');
    src: url('../fonts/QuattrocentoSans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/QuattrocentoSans.woff2') format('woff2'),
        url('../fonts/QuattrocentoSans.woff') format('woff'),
        url('../fonts/QuattrocentoSans.ttf') format('truetype'),
        url('../fonts/QuattrocentoSans.svg#QuattrocentoSans') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quattrocento Sans';
    src: url('../fonts/QuattrocentoSans-Italic.eot');
    src: url('../fonts/QuattrocentoSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/QuattrocentoSans-Italic.woff2') format('woff2'),
        url('../fonts/QuattrocentoSans-Italic.woff') format('woff'),
        url('../fonts/QuattrocentoSans-Italic.ttf') format('truetype'),
        url('../fonts/QuattrocentoSans-Italic.svg#QuattrocentoSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Quattrocento Sans';
    src: url('../fonts/QuattrocentoSans-Bold.eot');
    src: url('../fonts/QuattrocentoSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/QuattrocentoSans-Bold.woff2') format('woff2'),
        url('../fonts/QuattrocentoSans-Bold.woff') format('woff'),
        url('../fonts/QuattrocentoSans-Bold.ttf') format('truetype'),
        url('../fonts/QuattrocentoSans-Bold.svg#QuattrocentoSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quattrocento Sans';
    src: url('../fonts/QuattrocentoSans-BoldItalic.eot');
    src: url('../fonts/QuattrocentoSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/QuattrocentoSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/QuattrocentoSans-BoldItalic.woff') format('woff'),
        url('../fonts/QuattrocentoSans-BoldItalic.ttf') format('truetype'),
        url('../fonts/QuattrocentoSans-BoldItalic.svg#QuattrocentoSans-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.ttf") format("truetype"); }

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.ttf") format("truetype"); }

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-display: block;
  font-weight: 400;
  src: url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.ttf") format("truetype"); }


/*----------Elements--------*/

html {margin-top: 0 !important;}
* {padding: 0; margin: 0; box-sizing: border-box;}
body
{
    position: relative;
    color: var(--blaw-text-color);
    font-size: 20px;
    font-family: 'Quattrocento Sans';
    font-weight: 400; /*Regular*/
    background-color: #ffffff;
    width: 100%;
    overflow-x: hidden;
    opacity: 0;
    padding-top: 241px;
}
body.active-sl {opacity: 1;}
a {color: var(--blaw-link-color); text-decoration: none;}
a:hover {color: var(--blaw-link-color);}
p a {text-decoration: underline;}
p a:hover {text-decoration: none;}
p, li
{
    font-size: 20px;
    line-height: 1.65;
    font-weight: 400;
    margin-bottom: 20px;
}
li {line-height: 1.4;}
h1, h2, h3, h4, h5, h6
{
    font-family: 'Quattrocento Sans';
    line-height: 1.2;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 15px;
}
h1 {font-size: 40px;}
h2 {font-size: 36px;}
h3 {font-size: 28px; font-weight: 500; text-transform: uppercase;}
h4 {font-size: 22px;}
h5 {font-size: 19px;}
h6 {font-size: 16px;}
ul, ol {padding-left: 35px; margin-bottom: 20px;}
li {margin-bottom: 10px;}
img {max-width: 100%; width: 100%; height: auto; vertical-align: middle;}
table {border-collapse: collapse; border-spacing: 0;}
blockquote {
    color: #323232;
    font-size: 22px;
    line-height: 30px;
    border-left: 3px solid #dcdcdc;
    padding: 20px 30px 10px;
    margin-bottom: 20px
}
figure.wp-block-image, figure.wp-block-embed {margin-bottom: 15px;}

/*----Form Style-------*/

.blaw-form-group {padding: 10px; margin-bottom: 20px;}
.blaw-form-group p {margin: 0;}
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="file"], textarea, select 
{
    height: 40px;
    border: 1px solid #fff;
    border-radius: 0px;
    background-color: #fff;
    font-size: 16px;
    padding: 5px 4px;
    width: 100%;
    color: var(--blaw-text-color);
    font-weight: 400;
    outline: none;
    box-shadow: none;
    font-family: 'Quattrocento Sans';
}
textarea {font-family: 'Quattrocento Sans'; height: 160px; padding: 10px; resize: vertical;}
/* select {-webkit-appearance: none; appearance: none; padding-right: 45px; background-image: url(../images/icons/down-arrow-blk.svg); background-position: calc(100% - 16px) center; background-repeat: no-repeat; background-size: 22px; color: var(--nhc-link-color); cursor: pointer;} */

/*-----Pagination-------*/

.pagination-wrapper
{
    margin-top: 50px;
	background-color: #f1f1f1;
    width: 100%;
    text-align: center;
}
nav.pagination
{
    text-align: center;
    display: inline-flex !important;
    flex-flow: row wrap;
    justify-content: space-between;
    width: auto;
}
nav.pagination a, nav.pagination span
{
    padding: 12px 16px;
    font-size: 22px;
	line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #8c181b;
    text-decoration: none;
}
nav.pagination span.dots {color: #333;}
nav.pagination span.current, nav.pagination a:hover {color: #333; font-weight: 700;}


/*--------------------------------Custom Style--------*/

.blaw-container-fluid, .blaw-container-fluid-gb > div {width: 100%; padding: 0;}
.blaw-container-fluid.pad30 {padding: 0 30px;}
.blaw-container, .blaw-container-gb > div {width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 20px;}
.blaw-container.med-c, .blaw-container-gb.med-c > div {max-width: 1300px;}
.blaw-row {display: flex; flex-flow: row wrap;}
.blaw-row .col, .blaw-row > div {width: 100%;}
.p-0 {padding: 0 !important;}
.m-0 {margin: 0 !important;}
.mt-0 {margin-top: 0 !important;}
.mb-0 {margin-bottom: 0 !important;}
.pt-0 {padding-top: 0 !important;}
.pb-0 {padding-bottom: 0 !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-25 {margin-bottom: 25px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-25 {margin-top: 25px !important;}
.blaw-btn, input[type="submit"].wpcf7-submit, .blaw-btn-gb > a, button[type="submit"], .get-connected a.ai-btn, #lf_form_container .buttons input.button_text
{
    width: auto; 
    height: auto;
    padding: 10px 24px;
    background-color: var(--blaw-link-color);
    border: 1px solid var(--blaw-link-color);
    color: #ffffff;
    font-size: 20px;
    line-height: 1.3;
    font-family: 'Quattrocento Sans';
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    transition: all 0.2s linear;
}
.blaw-btn:hover, input[type="submit"].wpcf7-submit:hover, .blaw-btn-gb > a:hover, button[type="submit"]:hover, .get-connected a.ai-btn:hover, #lf_form_container .buttons input.button_text:hover
{
    color: #fff;
    background: #2c2c2c;
    border: 1px solid #2c2c2c;
    transition: all 0.2s linear;
}
.blaw-btn.light-btn, .blaw-btn-gb.light-btn > a  {color: var(--nhc-blue-color); background: #ffffff; border: 1px solid #ffffff; transition: all 0.2s linear;}
.blaw-btn.light-btn:hover, .blaw-btn-gb.light-btn > a:hover {color: #ffffff; background: var(--nhc-blue-color); border: 1px solid #ffffff; transition: all 0.2s linear;}
a.blaw-btn {text-decoration: none !important;}
a.blaw-link, .blaw-link > a {position: relative; display: inline-block; width: auto; color: var(--nhc-text-color); font-size: 17px; line-height: 1; font-weight: 400; transition: all 0.2s linear;}
a.blaw-link:hover, .blaw-link > a:hover {color: var(--nhc-blue-color); transition: all 0.2s linear;}

/*---- Header --------*/

header {position: absolute; top: 0; left: 0; width: 100%; height: auto; background: #fff; z-index: 99999; transition: all 0.2s linear;}
.navbar-fixed header {position: fixed; -webkit-animation: navtrans ease-out 0.4s 0s !important; -webkit-animation-fill-mode: both !important; animation: navtrans ease-out 0.4s 0s !important; animation-fill-mode: both !important; transition: all 0.2s linear;}

@-webkit-keyframes navtrans
{
    0%{-webkit-transform: translateY(-100%);}
    100%{-webkit-transform: translateY(0%);}
}
@keyframes navtrans
{
    0%{transform: translateY(-100%);}
    100%{transform: translateY(0%);}
}
.desktop-navbar {width: 100%;}
.desk-nav-wrapper {position: relative;}
.desk-nav-top {display: flex; flex-flow: row wrap; align-items: center; gap: 0 15px;}
.desk-nav-top > div {width: 33.333%;}
.desk-nav-btm {background-color: #000;}
.d-logo {text-align: center; padding: 59px 0; line-height: 0;}
.d-logo a {display: inline-block;}
.d-logo a img 
{
    display: block;
    max-width: 300px;
    max-height: 165px;
    width: auto;
    height: auto;
}
.d-menu ul#menu-main-menu
{
	position: static !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.d-menu ul#menu-main-menu > li {margin: 0 !important;}
.d-menu ul#menu-main-menu > li.menu-item > a
{
    position: relative;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 24px 20px ;
    text-decoration: none !important;
    display: inline-block !important;
	line-height: 1 !important;
	height: auto !important;
/* 	border-radius: 5px !important; */
	background: transparent;
/*     text-shadow: 2px 2px 7px rgba(0, 0, 0, .11); */
	transition: all 0.2s linear;
}
.navbar-fixed .d-logo {padding: 10px 0;}
.navbar-fixed .d-menu ul#menu-main-menu > li.menu-item > a {padding-top: 12px !important; padding-bottom: 12px !important; transition: all 0.2s linear;}

.d-menu ul#menu-main-menu li.menu-item {position: relative;}
.d-menu ul#menu-main-menu li.menu-item a {position: relative; z-index: 1;}
.d-menu ul#menu-main-menu li.menu-item:before {content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0px; background-color: #4c4c4c; transition: all 0.05s linear;}
.d-menu ul#menu-main-menu li.menu-item:hover:before {height: 100%; transition: all 0.2s linear;}

.d-menu ul#menu-main-menu li.menu-item.current-menu-item:before, .d-menu ul#menu-main-menu li.menu-item.current-menu-ancestor:before, .d-menu ul#menu-main-menu li.menu-item.current-page-ancestor:before, .d-menu ul#menu-main-menu li.menu-item.current-page-ancestor:before {height: 100%; transition: all 0.2s linear;}

.d-menu ul#menu-main-menu li.menu-item.current-menu-item > a, .d-menu ul#menu-main-menu li.menu-item.current-menu-ancestor > a, .d-menu ul#menu-main-menu li.menu-item.current-page-ancestor:before, .d-menu ul#menu-main-menu li.menu-item.current-page-ancestor > a , #menu-wrap-header-menu #menu-header-menu > li.menu-item > a.menu-link:hover, #menu-wrap-header-menu #menu-header-menu > li.menu-item > a.menu-link:focus, #menu-wrap-header-menu #menu-header-menu > li.menu-item:hover > a.menu-link
{color: #fff !important; transition: all 0.2s linear;}
/*---------LG SubMenu*/

.menu-item-has-children
{
    position: relative;
}
.d-menu ul.sub-menu, .d-menu ul.sub-menu
{
    position: absolute;
    left: 0%;
    width: auto;
    min-width: 280px;
    height: auto;
    z-index: 99;
    background-color: #000;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transform-origin: top;
    transform-origin: top;
    visibility: hidden;
    opacity: 0;
    margin: 0;
	padding: 0;
	box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, .1);
    -webkit-transition: all 0.2s cubic-bezier(.165,.84,.44,1);
    transition: all 0.2s cubic-bezier(.165,.84,.44,1);
}
.d-menu .menu-item-has-children:hover > ul.sub-menu, .d-menu .menu-item-has-children:hover > ul.sub-menu
{
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.2s cubic-bezier(.165,.84,.44,1);
    transition: all 0.2s cubic-bezier(.165,.84,.44,1);
}
.d-menu ul.sub-menu > li
{
    display: block;
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
    transition: all 0.2s linear;
}
.d-menu ul.sub-menu > li:last-child {border-bottom: none;}
/* .d-menu ul.sub-menu > li+li {margin-top: 10px;}
.d-menu .menu-item-has-children > ul.sub-menu > li {transform: translateY(5px) ; opacity: 0; transition: all 0.2s linear;}
.d-menu ul.sub-menu > li:last-child {margin-bottom: 0 !important;}
.d-menu .menu-item-has-children:hover > .sub-menu li
{
    transform: translateY(0);
    opacity: 1;
    transition: all 0.3s linear 0.1s;
} */
.d-menu ul.sub-menu > li > a
{
    display: inline-block;
    list-style-type: none;
    color: #fff;
    padding: 12px 20px 7px;
    width: 100%;
    position: relative;
    font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.d-menu ul.sub-menu > li > a:hover, .d-menu ul.sub-menu > li.current_page_item > a
{
    color: #fff;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.d-menu ul.sub-menu ul.sub-menu {left: 280px; top: 0;}

.d-menu-right {display: grid; grid-template-columns: 3fr 3fr 3fr; align-items: center; gap: 12px; margin-left: 20px;}
/* .d-search, .header-cart {margin-left: 25px;} */
.d-search ul {padding: 0; margin: 0; list-style-type: none;}
.d-search ul li {padding: 0; margin: 0;}
.d-search img, .header-cart img, .header-login img {height: 45px; width: auto;}
.d-menu-right img:hover {opacity: 0.8;}

/*---------XS*/

/* body.menu-xs:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: 999;} */
.mobile-navbar {display: none; width: 100%; padding: 10px 0; background-color: var(--whiteColor); box-shadow: 10px 12px 11px #c8c8c829;}
.menu-xs .mobile-navbar {box-shadow: none;;}
.mobile-navbar .mn-cols
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mn-cols .mn-col.mnc-l {width: 33.333%;}
.mn-cols .mn-col.mnc-r {width: 66.666%; display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-end;}
.mn-cols .mn-col.mnc-l a {display: inline-block;}
/* .menu-open {width: 35px; margin-left: 10px;} */
.menu-open {width: auto; margin-right: 10px;}

.mobile-menu-wrap
{
    display: none;
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    max-width: 100%;
    height: 100%;
    padding: 50px 0;
    background-color: #fff;
    z-index: 999;
    transition: right 0.1s linear;
}
.mobile-menu-inner {width: 100%; min-width: 350px; max-width: fit-content; margin: 0 auto;}
.mobile-menu-inner > ul {max-height: calc(100vh - 100px); overflow: auto;}
.mobile-menu-wrap ul {padding: 0; margin: 0;}
.menu-xs header {box-shadow: none;}
.menu-xs .mobile-menu-wrap
{
    right: 0px !important;
    visibility: visible;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
	z-index: 99999;
    transition: right 0.2s linear;
}
.mobile-menu-wrap>ul
{
    position: relative;
    height: auto;
    max-height: calc(100vh - 145px);
    width: 100%;
    overflow-y: auto;
    padding-right: 5px;
    z-index: 9;
}
.mobile-menu-wrap ul li
{
    margin: 0;
    text-align: center;
    list-style-type: none;
}
.mobile-menu-wrap ul li:last-child {margin: 0;}
.mobile-menu-wrap>ul>li
{
    transform: translateX(-10px) ; opacity: 0; transition: all 0s linear;
}
.menu-xs .mobile-menu-wrap>ul>li
{
    transform: translateX(0);opacity: 1;transition: all 0.2s linear 0.2s;
}
.mobile-menu-wrap li a
{
    display: inline-block;
    color: #444;
    font-size: 16px;
    font-weight: 600;
	padding: 20px 0;
	text-transform: uppercase;
	text-align: center;
}
.mobile-menu-wrap .sub-menu li a {font-size: 16px; font-weight: 300; padding: 8px 30px 8px 0;}
.mobile-menu-wrap .menu  li.current-menu-ancestor > a, .mobile-menu-wrap .menu  li.current_page_item > a, .mobile-menu-wrap .menu  li:hover > a, .mobile-menu-wrap .menu  li.current-menu-parent > a, .mobile-menu-wrap .menu  li.current-menu-item > a, .mobile-menu-wrap li a:hover
{
    color: #8c181b;
    transition: all 0.2s linear;
}

/*-------------/// Mobile Nav Submenu ///-------------------*/

.mobile-menu-wrap li.menu-item-has-children > a:not(.arrow-nav)
{
    width: calc(100% - 0px);
}
.mobile-menu-wrap li.menu-item > a:not(.arrow-nav)
{
	padding-right: 30px;
	padding-left: 10px;
}
.mobile-menu>li>a:before
{
    display: none;
}
.mobile-menu-wrap li>a.arrow-nav
{
	position: absolute;
    top: 0;
    right: 30px;
    font-size: 18px !important;
    width: 30px;
    text-align: center;
    display: inline-block;
	z-index: 9;
/*    transition: all 0.2s linear;*/
}
.d-menu a.arrow-nav {margin-left: 5px;}
/*
.mobile-menu-wrap li>a.arrow-nav svg
{
    transition: all 0.2s linear;
}
*/
.mobile-menu-wrap li>a.arrow-nav.rotate-90 svg
{
    transform: rotateZ(270deg);
    transform-origin: center;
/*    transition: all 0.2s linear;*/
}
.mobile-menu-wrap li>ul.sub-menu
{
    position: relative;
    padding: 0; 
    display: none;
    width: 100%;
    margin: 0;
	list-style-type: none;
}
.mobile-menu-wrap li>ul.sub-menu.xs-d-cont,.mobile-menu-wrap li:hover>ul.sub-menu.xs-d-cont
{
    display: block;
    transform: scaleY(1);
    transition: all 0.2s linear;
}

.mobile-menu-inner>ul::-webkit-scrollbar {
	width: 3px;
    border-radius: 6px;
}

.mobile-menu-inner>ul::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
}

.mobile-menu-inner>ul::-webkit-scrollbar-thumb {
  background-color: #e3e3e3;
  outline: 0px solid slategrey;
}
.mobile-menu-wrap .sub-menu li>a.arrow-nav {padding: 8px 0;}
/*Hamburger-menu*/

.hamburger-menu 
{
    position: relative;
    display: inline-block;
	cursor: pointer;
	width: 100%;
    /* max-width: 35px; */
	z-index: 999;
}
a.hamburger-menu 
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 40px;
    align-self: center;
    padding: 5px 20px;
    z-index: 9;
    border: none;
    color: #fff;
    background: #8c181b;
}
/* .hamburger-menu span {
	background: var(--nhc-link-color);
	width: 100%;
	height: 2px;
	display: block;
	margin: 6px 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius: 6px;
}
.hamburger-menu span:last-child {
	margin: 5px 0 0;
}
.hamburger-menu .line-top.current {
	-webkit-transform: translateY(9px) rotate(135deg);
	-ms-transform: translateY(9px) rotate(135deg);
	transform: translateY(9px) rotate(135deg);
}
.hamburger-menu .line-center.current {
	opacity: 0;
}
.hamburger-menu .line-bottom.current {
	-webkit-transform: translateY(-7px) rotate(-135deg);
	-ms-transform: translateY(-7px) rotate(-135deg);
	transform: translateY(-7px) rotate(-135deg);
} */

.mobile-navbar {display: none;}

a.close-menu {
        position: absolute;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        top: 20px;
        right: 20px;
        z-index: 99
    }

    a.close-menu:before,a.close-menu:after {
        position: absolute;
        content: '';
        background: #000
    }

    a.close-menu:before {
        width: 2px;
        height: 60%;
        transform: rotate(45deg);
        top: 14px;
        left: 30px
    }

    a.close-menu:after {
        width: 60%;
        height: 2px;
        transform: rotate(45deg);
        top: 31px;
        left: 14px
    }

    a.close-menu:hover:before,a.close-menu:hover:after {
        background: #8c181b
    }

@media screen and (max-width: 991px)
{
    .desktop-navbar {display: none;}
    .mobile-navbar {display: block;}
}

@media screen and (max-width: 991px)
{
    .mobile-navbar, .mobile-menu-wrap
    {
        display: block;
    }
    .desktop-navbar
    {
        display: none;
    }
    .mobile-menu-wrap .submenu > li:last-child {margin: 0;}
    body.menu-xs {overflow: hidden;}
}

/*---Hero Slider---*/

.hero-slider {position: relative; z-index: 99;}
.hero-slider.slick-dotted.slick-slider {margin-bottom: 0;}
.hero-slider div.slick-slide {position: relative; overflow: hidden;}
.hero-slider div.slick-slide:before
{
    display: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 1;
}
.hero-slider img.hero-img {height: 700px; width: 100%; object-fit: cover; object-position: bottom center;}
.hero-slider img.hero-img.mobile {display: none;}
.hero-slider .hero-contents
{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    position: absolute;
    top: 100px;
    left: 50%;
    width: 100%;
    max-width: 1200px;
    padding: 0 20px;
    height: auto;
    z-index: 999;
    transform: translateX(-50%);
}
.hero-slider .hero-contents h1
{
    color: #8c181b;
    font-size: 60px;
    margin: 0 0 15px;
    text-align: center;
}
.hero-slider .hero-contents p
{
    color: #333;
    font-size: 36px;
    margin: 0;
    font-weight: 700;
    text-align: center;
}

.hero-slider .slick-dots {bottom: 28px;}
.hero-slider .slick-dots > li {width: 18px; height: 18px; margin-right: 10px;}
.hero-slider .slick-dots > li > button {width: 18px; height: 18px; background-color: #8c181b; border: none;}
.hero-slider .slick-dots > li.slick-active > button, .hero-slider .slick-dots > li > button:hover {background-color: #106281; border: none;}


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

.h-practise-area {padding: 10px;}
.hpa-grid {display: flex; flex-flow: row nowrap; gap: 10px;}
.hpa-block
{
    width: 20%;
    position: relative;
    background-size: cover;
    background-position: center;
    text-align: left;
    padding: 25px !important;
    color: #fff;
    display: flex;
    flex-direction: column;
    min-width: 250px;
    min-height: 250px !important;
}
.hpa-block:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #8c181b;
    opacity: 1;
    transition: opacity .25s ease-in-out
}

.hpa-block:before {
    opacity: .8
}
.hpa-block:hover:before {
    opacity: .6
}
.hpa-block img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.hpa-grid > .hpa-block:last-child {background: #8c181b;}
.hpa-grid > .hpa-block:hover:last-child {opacity: 0.6;}
.hpa-grid > .hpa-block:last-child img {opacity: 0;}
.hpa-cnt {position: relative; z-index: 9;}
.hpa-cnt h3
{
    font-size: 28px;
    min-height: 70px;
    margin: 0 0 5px;
    text-transform: none;
    font-weight: 700;
    text-align: center;
}
.hpa-cnt p
{
    font-size: 20px;
    margin: 0;
    text-align: center;
}
.hpa-block a.hpa-floating-link {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99;}


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

.h-cet {padding: 60px 0;}
.h-cet-wrap {width: 100%; max-width: 66%; margin: 0 auto; display: table;}
.h-cet-wrap h2
{
    font-size: 60px;
    color: #8c181b;
    text-align: center;
}
.h-cet-wrap h3
{
    font-size: 36px;
    text-align: center;
    font-weight: 700;
    text-transform: none;
}
.h-cet-wrap p
{
    font-size: 20px;
    text-align: center;
}

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

.h-recent-result {position: relative; padding: 40px 0;}
.h-recent-result .blaw-container {position: relative; z-index: 9;}
.h-recent-result:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00001b;
    opacity: .8;
}
img.h-rr-bg
{
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.h-rr-heading {text-align: center; margin-bottom: 40px;}
.h-rr-heading h2 {color: #fff; text-align: center; font-size: 36px; margin: 0 0 15px;}
.h-rr-heading p {color: #fff; text-align: center; font-size: 20px; margin: 0 0 20px;}

.h-rr-blk
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 250px;
    height: 100%;
    color: #000;
    background: #fff;
    padding: 40px;
    z-index: 2;
    transform: rotateY(0);
    border: 1px solid #000;
    margin: 15px;
}
.h-rr-slider a.blaw-btn {padding: 10px 16px; font-weight: 400; font-size: 18px; line-height: 1; margin: 0 auto 5px; display: table;}
.h-rr-blk h3.h-rr-title
{
    margin-bottom: 10px;
    text-transform: capitalize;
    font-size: 30px;
    color: #8c181b;
    font-weight: 700;
    text-align: center;
}
.h-rr-blk h4
{
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
    text-align: center;
}
.h-rr-slider  {margin: 0 -15px !important; padding-bottom: 80px;}
.foo-testimonials-slider  {margin: 0 -15px !important; padding-bottom: 50px;}
.h-rr-slider .slick-dots, .foo-testimonials-slider .slick-dots {bottom: 10px;}
.h-rr-slider .slick-dots > li, .foo-testimonials-slider .slick-dots > li {width: 18px; height: 18px; margin-right: 10px;}
.h-rr-slider .slick-dots > li > button, .foo-testimonials-slider .slick-dots > li > button {width: 18px; height: 18px; background-color: #8c181b; border: none;}
.h-rr-slider .slick-dots > li.slick-active > button, .h-rr-slider .slick-dots > li > button:hover, .foo-testimonials-slider .slick-dots > li.slick-active > button, .foo-testimonials-slider .slick-dots > li > button:hover {background-color: #106281; border: none;}

.h-rr-slider .slick-track, .foo-testimonials-slider .slick-track {display: flex;}
.h-rr-slider .slick-track .slick-slide, .foo-testimonials-slider .slick-track .slick-slide {display: flex; height: auto; flex-flow: column nowrap;}
.h-rr-slider .slick-track .slick-slide > div, .foo-testimonials-slider .slick-track .slick-slide > div {display: flex;}
.h-rr-slider .slick-track .slick-slide > div > div {height: 100%; display: flex !important;}
.h-rr-slider .slick-track .slick-slide > div > div > div, .foo-testimonials-slider .slick-track .slick-slide > div > div > div {height: auto;}

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

.foo-testimonials-slider .testimonials-content-inner p {font-size: 16px;}
.foo-testimonials-slider .h-rr-blk {padding: 15px;}

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

.h-wcc {position: relative; padding: 40px 0 10px;}
.h-wcc .blaw-container {position: relative; z-index: 9;}
.h-wcc:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00001b;
    opacity: .8;
}
img.h-wcc-bg
{
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.h-wcc h2 {color: #fff; text-align: center; font-size: 36px; margin: 0 0 40px;}
.hwcc-grid {display: flex; flex-flow: row wrap; margin: 0 -15px;}
.hwcc-block {padding: 0 15px 30px; width: 33.333%;}
.h-wcc-title {
    color: #fff;
    background: #000;
    font-size: 20px;
    padding: 15px;
    margin-bottom: 15px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 82px;
}

.hwcc-cnt {
    color: #fff;
    padding: 15px
}

.hwcc-cnt a {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase
}
.hwcc-cnt p {font-size: 20px;}
.h-client-logo .h-clogo-outer .hclo-img img {width: auto;}

/**** button ****/
.bl-btn{
    padding: 8px 24px;
    text-align: center;
    background-color: #8c181b;
    color: #fff;
    border: none;
    display: inline-block;
    font-size: 20px;
    cursor: pointer;
    font-weight: 600 !important;
    font-family: 'Quattrocento Sans';
    text-decoration: none;
    transition: all .25s ease-in-out;
}
.bl-btn:hover{
    background-color: #2c2c2c;
    color: #fff;
}

/*-----------Client------------*/

.h-client-logo2 {padding: 20px 0;}
.h-client-logo2 h2 {font-size: 28px; font-weight: 600; text-transform: uppercase; text-align: center; margin: 0 0 35px;}
.h-clogo-outer
{
    position: relative;
    padding-left: 12%;
    padding-right: 12%;
    padding-top: 30px;
    padding-bottom: 30px;
}
.h-clogo-outer:before {
    content: "";
    display: flex;
    background: #8c181b;
    height: 20px;
    width: 10%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px
}

.h-clogo-outer:after {
    content: "";
    display: flex;
    background: #8c181b;
    height: 20px;
    width: 10%;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px
}

.h-clogo-outer .hclo-img {
    text-align: center;
    min-width: 100px;
    padding: 10px 15px;
}
.h-clogo-inner li {margin: 0; flex-basis: 0; flex-grow: 1;}
.h-clogo-outer .hclo-img img {
    max-height: 70px
}
.h-clogo-inner ul {display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; list-style-type: none; padding: 0; margin: 0;}

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

.ipf-contact {position: relative; padding: 60px 0; background-size: cover; background-position: center; background-repeat: no-repeat;}
.ipf-contact::before
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00001b;
    opacity: .8;
}
.ipf-contact-wrapper {position: relative; z-index: 9;}
.ipf-contact-heading {width: 100%; max-width: 700px; margin: 0 auto 66px;}
.ipf-contact-heading h2
{
    color: #fff;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 28px;
}
.ipf-contact-heading p
{
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 1.4;
    margin: 0;
}

.ipf-contact-wrapper{
    width: 100%;
    margin: 0 auto;
    max-width: 940px;
    padding: 0 10px;
}
.ipf-contact-form form {
    display: flex;
    flex-wrap: wrap;
}
.ipf-contact-form form label {
    color: #FFF;
    font-size: 16px;
}
.ipf-contact-form form .form-grp {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
}
.ipf-contact-form form .form-grp .form-field {
    width: 100%;
}
.ipf-contact-form form .form-grp .form-field.w-25 {
    width: calc(25% - 15px);
}
.ipf-contact-form form .form-grp .form-field.w-50 {
    width: calc(50% - 20px);
}


/*-----------Footer-------------*/

.main-footer {padding: 60px 0 30px; background-color: #f3f3f3;}
.main-footer-top {display: grid; grid-template-columns: 33.333% 25% 41.777%;}
h2.foo-heading {font-size: 20px; margin-bottom: 25px; text-transform: uppercase;}
ul.foo-ql {list-style-type: none; padding: 0; margin: 0;}
ul.foo-ql li a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 0px;
    color: #4c4c4c;
    text-transform: uppercase
}

ul.foo-ql li a:hover {
    color: #222
}

ul.foo-ql li a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    right: 100%;
    height: 2px;
    background: #8c181b;
    transition: right .25s ease-in-out
}

ul.foo-ql li a:hover:after {
    right: 0
}

ul.foo-ql li.current_page_item a:after {
    right: 0
}
.foo-logo {text-align: center;}
.foo-logo img {max-width: 150px;}
.foo-social ul {padding: 0; margin: 0; list-style-type: none; margin-top: 20px; text-align: center;}
.foo-social ul>li {
    display: inline-block;
    margin: 0;
}
.foo-social ul>li a {
    height: 40px;
    width: 40px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    background-color: #8c181b;
    color: #fff;
    line-height: 45px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    margin: 0 2px;
    transition: all .2s linear
}
.foo-social ul>li a:hover {
    background-color: #000;
    box-shadow: 0 0 15px rgba(0,0,0,.4);
    transition: all .2s linear
}


.main-footer-btm {padding: 15px 0;}
.foo-copy p {
    color: #666;
    font-size: 13px;
    margin: 0
}

.foo-copy p a {
    text-decoration: underline;
    color: #666
}

.foo-copy p a:hover, .foo-copy p a:focus {
    text-decoration: underline;
    color: #8b191d
}

/* ----Area We Serve-- */

.area-we-serve-foo {position: relative; padding: 40px 0; background-color: #f3f3f3; border-top: 1px solid #dedbdb;}
.aws-foo-wrapper {position: relative; z-index: 1;}
.aws-foo-heading {margin: 0 0 45px;}
.aws-foo-heading h2 {
    font-weight: 700;
    text-align: center;
    margin: 0 0 30px;
    color: #8c181b;
    line-height: 1.2;
    text-transform: uppercase;
    font-size: 20px;
}

ul.area_serve_Lst {
    padding: 0;
    margin: 0 0 -15px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

ul.area_serve_Lst li {
    display: inline-block;
    width: 20%;
    padding-right: 20px;
    margin: 0 0 15px;
    font-size: 16px;
    line-height: 1.4;
}

ul.area_serve_Lst li a {
    color: #222;
    font-size: inherit;
    transition: all 0.2s linear;
}

ul.area_serve_Lst li a:hover {
    color: #8c181b;
    transition: all 0.2s linear;
}

@media screen and (max-width: 1200px) {
    ul.area_serve_Lst li {
        width: 25%;
    }
}

@media screen and (max-width: 992px) {
    ul.area_serve_Lst li {
        width: 33.333%;
    }
}

@media screen and (max-width: 768px) {
    .area-we-serve-foo {
        padding: 30px 0px;
    }

    .aws-foo-heading h2 {
        margin-bottom: 25px;
        font-size: 18px;
    }

    ul.area_serve_Lst li {
        width: 50%;
    }
}

@media screen and (max-width: 575px) {
    .aws-foo-heading h2 {
        text-align: left;
        margin-bottom: 15px;
    }
    .aws-foo-heading {margin-bottom: 15px;}

    ul.area_serve_Lst {
        margin-bottom: 0;
    }

    ul.area_serve_Lst li {
        width: 100%;
        padding-right: 0;
        margin-bottom: 6px;
    }

    ul.area_serve_Lst li:last-child {
        margin-bottom: 0;
    }
}

/*----------Go Top---------*/

.gotop {
	position: fixed;
	/* bottom: 28px;
	right: 95px; */
	bottom: 40px;
	right: 30px;
	width: auto;
	height: auto;
	z-index: 99;
	opacity: 0;
    line-height: 0;
	transform: translateX(40px);
	transition: all 0.2s linear;
}
.gotop a {
	background-color: var(--blaw-red-color);
	display: inline-block;
	position: relative;
	color: #fff;
	text-decoration: none;
	line-height: 0;
	padding: 18px;
    border-radius: 0px;
	box-shadow: 0 6px 10px -4px rgb(0 0 0 / 60%) !important;
	overflow: hidden;
}
.gotop a svg.ar, .gotop a i.ar {
    height: 15px;
	transition: all 0.2s linear 0.2s;
}
.gotop a i.ar {height: auto; font-size: 14px;}
.gotop a:hover svg.ar, .gotop a:hover i.ar {
	transform: translateY(-25px) rotateY(360deg);
	opacity: 0;
	transition: all 0.3s linear 0.2s;
}
.gotop a svg.ar1, .gotop a svg.ar2, .gotop a i.ar1, .gotop a i.ar2 {
	position: absolute;
	bottom: 0%;
	left: 50%;
	width: auto;
	height: 15px;
	transform: translate(-50%, -50%) rotateZ(360deg);
	opacity: 0;
	transition: all 0.2s linear 0.2s;
}
.gotop a i.ar1, .gotop a i.ar2 {height: auto; font-size: 14px;}
.gotop a svg.ar2, .gotop a i.ar2 {
	transform: translate(-50%, -50%) rotateZ(0deg);
	transition: all 0.2s linear 0s;
}
.gotop a:hover svg.ar1, .gotop a:hover svg.ar2, .gotop a:hover i.ar1, .gotop a:hover i.ar2 {
	bottom: 25%;
	opacity: 1;
	transform: translate(-50%, -50%) rotateZ(0deg);
	transition: all 0.2s linear 0.2s;
}
.gotop a:hover svg.ar2, .gotop a:hover i.ar2 {
	bottom: 14%;
	transform: translate(-50%, -50%) rotateZ(0deg);
	transition: all 0.2s linear 0.4s;
}
.top-class {
	display: inline-block;
	transform: translateX(0px);
	opacity: 1;
	transition: all 0.2s linear;
}
.top-class-op {
	display: inline-block;
	transform: translateX(40px);
	opacity: 0;
	transition: all 0.2s linear;
}

/*--------Others-------*/

body::-webkit-scrollbar {
	width: 10px;
}

body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
}

body::-webkit-scrollbar-thumb {
  background-color: var(--blaw-red-color);
  outline: 0px solid slategrey;
}

::selection
{
	background-color: var(--blaw-red-color);
	color: #ffffff;
}

/*---------ADA Update-----------*/

a:focus, button:focus, h2.accodian-title:focus
{
    outline: 2px dashed var(--blaw-red-color) !important;
    outline-offset: 3px;
	transition: all 0s !important;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="password"]:focus,
input[type="submit"]:focus,
textarea:focus, select:focus 
{
    outline: 2px dashed var(--blaw-red-color) !important;
    outline-offset: 3px;
	transition: all 0s !important;
}
.bl-contact-grp input[type="text"]:focus,
.bl-contact-grp input[type="email"]:focus,
.bl-contact-grp input[type="date"]:focus,
.bl-contact-grp input[type="password"]:focus,
.bl-contact-grp input[type="submit"]:focus,
.bl-contact-grp textarea:focus, .bl-contact-grp select:focus,
.ipf-contact-form input[type="text"]:focus,
.ipf-contact-form input[type="email"]:focus,
.ipf-contact-form input[type="date"]:focus,
.ipf-contact-form input[type="password"]:focus,
.ipf-contact-form input[type="submit"]:focus,
.ipf-contact-form textarea:focus, .ipf-contact-form select:focus
{
    outline: 2px dashed #fff !important;
}
.d-menu ul#menu-main-menu li.menu-item > a:focus {outline: 2px dashed #fff !important; outline-offset: -1px;}
.blaw-search-wrapper .hdr-search-form button[type="submit"]:focus, nav.pagination a:focus, nav.pagination span:focus {outline-offset: -2px;}
.parea-widget.parea-widget-areas a:focus {outline: 2px dashed #fff !important;}
.bridge-videobox a.videofancya:focus {outline-offset: -4px;}
.bc-search-blk .hdr-search-form input[type="text"]:focus, .popAi-tab-head ul li a:focus {outline-offset: -3px;}
.bc-search-blk .hdr-search-form button[type="submit"]:focus {outline: 2px dashed #fff !important; outline-offset: -3px;}
.mobile-menu-wrap li a:focus, a.close-menu:focus {outline-offset: -6px;}
.popupaisearch-content input[type="text"]:focus, .ai-chat-box input[type="text"]:focus {outline-offset: -1px;}
.aws-foo-list > ul li a:focus {outline-offset: 1px;}
.lighthouse-text {
    display: none !important;
}

/*------Others--------*/

.animate__delay-1s {--animate-duration: 0.5s;}
.fancybox-container {z-index: 99999999 !important;}

body .uwy {z-index: 999 !important;}
body .uwy.uon {z-index: 999999999999999 !important;}

/*----------Search----------*/

.search-input {width: 100%; max-width: 420px;}
.bc-search-blk .hdr-search-form, .search-input .hdr-search-form
{
	display: flex;
    flex-flow: row nowrap;
	align-self: flex-end;
}
.bc-search-blk .hdr-search-form input[type="text"], .search-input .hdr-search-form input[type="text"] 
{
    background: #e3e3e3;
    border: none;
    height: 60px;
    min-width: 260px;
    padding: 8px;
    font-size: 16px;
}
.bc-search-blk .hdr-search-form button[type="submit"], .search-input .hdr-search-form button[type="submit"]
{
	width: 90px;
    height: 60px;
    border: none;
    background: #8c181b;
    color: #fff;
    font-size: 24px;
}
.bc-search-blk .hdr-search-form button svg, .search-input .hdr-search-form button svg
{
	width: 24px;
    height: 24px;
    font-size: 24px;
}
::-webkit-input-placeholder,:-moz-placeholder,::-moz-placeholder,:-ms-input-placeholder {
    color: #868686;
    font-size: 14px
}

.breadcrumb-blk .breadcrumbs a {font-size: 18px; color: var(--blaw-link-color);}
.breadcrumb-blk .breadcrumbs span {font-size: 16px; color: #4c4c4c;}

/*---------Header Search---------*/

.blaw-search-wrapper .hdr-search-form
{
	display: flex;
    flex-flow: row nowrap;
	align-self: flex-end;
}
.blaw-search-wrapper .hdr-search-form input[type="text"] 
{
    height: 40px;
    border: 1px solid #4c4c4c;
    padding: 5px;
    font-size: 14px;
    width: 100%;
    max-width: 235px;
}
.blaw-search-wrapper .hdr-search-form button[type="submit"]
{
	height: 40px;
    width: 40px;
    line-height: 1;
    background: 0 0;
    border: none;
    font-size: 18px;
	padding: 0;
    color: #000;
}
.blaw-search-wrapper .hdr-search-form button svg
{
	width: 18px;
    height: 18px;
    font-size: 18px;
}

.get-connected
{
	position: fixed;
    width: 215px;
    height: 44px;
    z-index: 99;
    top: 30%;
    right: -88px;
    text-align: center;
    transform: rotate(-90deg) translateX(-50%);
    z-index: 99;
}
.get-connected a.ai-btn {font-size: 16px;}

/*--------------Clio Form--------------*/

#lf_form_container form {display: flex; flex-flow: row wrap; gap: 20px;}
#lf_form_container form h3 {color: #fff; width: 100%; display: none;}
#lf_form_container form > p {width: calc(50% - 10px); margin: 0 !important;}
#lf_form_container form > p label {color: #fff; font-size: 16px;}
#lf_form_container form > p#lf_message_block {width: 100%;}

.ipf-contact-form #lf_form_container form > p {width: calc(25% - 15px);}
.ipf-contact-form #lf_form_container form > p#lf_message_block {width: 100%;}

h3.lf_success, h3.lf_failure
{
	color: #fff;
    padding: 15px;
    border: 1px solid #fff;
    font-size: 18px;
    text-align: center;
    text-transform: none;
}

@media (max-width: 767px)
{
.ipf-contact-form #lf_form_container form > p {width: calc(50% - 10px);}
}

@media (max-width: 480px)
{
	#lf_form_container form > p {width: calc(100% - 0px);}
.ipf-contact-form #lf_form_container form > p {width: calc(100% - 0px);}
}