:root {
    --digitalfirehouse-font: "Roboto", sans-serif;
    --digitalfirehouse-heading-font: "Roboto", sans-serif;
    --digitalfirehouse-special-font: "Roboto", sans-serif;
    --digitalfirehouse-text: #7D8081;
    --digitalfirehouse-text-rgb: 125, 128, 129;
    --digitalfirehouse-text-gray: #EFE6E1;
    --digitalfirehouse-text-gray-rgb: 239, 230, 225;
    --digitalfirehouse-base: #CA4445;
    --digitalfirehouse-base-rgb: 202, 68, 69;
    --digitalfirehouse-secondary: #232728;
    --digitalfirehouse-secondary-rgb: 35, 39, 40;
    --digitalfirehouse-gray: #DCCEC6;
    --digitalfirehouse-gray-rgb: 220, 206, 198;
    --digitalfirehouse-white: #fff;
    --digitalfirehouse-white-rgb: 255, 255, 255;
    --digitalfirehouse-black: #171818;
    --digitalfirehouse-black-rgb: 23, 24, 24;
    --digitalfirehouse-black2: #000;
    --digitalfirehouse-black2-rgb: 0, 0, 0;
    --digitalfirehouse-border-color: #F4F2EE;
    --digitalfirehouse-border-color-rgb: 244, 242, 238;
    --digitalfirehouse-letter-space: 0.1em;
    --digitalfirehouse-letter-space-xl: 0.2em;
}

/*--------------------------------------------------------------
# Utility
--------------------------------------------------------------*/
.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-120 {
    margin-top: 120px;
}

.mt--60 {
    margin-top: -60px;
}

.mt--120 {
    margin-top: -120px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mb--60 {
    margin-bottom: -60px;
}

.mb--120 {
    margin-bottom: -120px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-110 {
    padding-top: 110px;
}

.pt-115 {
    padding-top: 115px;
}

.pt-120 {
    padding-top: 120px;
}

.pt-142 {
    padding-top: 142px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-110 {
    padding-bottom: 110px;
}

.pb-115 {
    padding-bottom: 115px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pl-5 {
    padding-left: 5px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-30 {
    padding-left: 30px;
}

.pr-5 {
    padding-right: 5px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-30 {
    padding-right: 30px;
}


.sec-title {
    padding-bottom: 40px;
}

@media (min-width: 768px) {
    .sec-title {
        padding-bottom: 50px;
    }
}

.sec-title--two .sec-title__title {
    text-transform: none;
    font-weight: 800;
}

.sec-title__img {
    display: inline-flex;
    margin-top: -3px;
    margin-right: 7px;
}

.sec-title__tagline {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    text-transform: uppercase;
    color: var(--digitalfirehouse-text, #7D8081);
}

.sec-title__title {
    margin: 0;
    text-transform: uppercase;
    margin-top: 7px;
    color: var(--digitalfirehouse-secondary, #232728);
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    font-size: 30px;
}

@media (min-width: 768px) {
    .sec-title__title {
        font-size: 40px;
    }
}
body {
    font-family: var(--digitalfirehouse-font, "Roboto", sans-serif);
    color: var(--digitalfirehouse-text, #7D8081);
    font-size: 16px;
    line-height: 2.125;
    font-weight: 500;
}

body.locked {
    overflow: hidden;
}

a {
    color: var(--digitalfirehouse-base, #CA4445);
    transition: all 400ms ease;
}

a,
a:hover,
a:focus,
a:visited {
    text-decoration: none;
}

::placeholder {
    color: inherit;
    opacity: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--digitalfirehouse-heading-font, "Roboto", sans-serif);
    color: var(--digitalfirehouse-black, #171818);
}

@media (max-width: 575px) {
    h1 br,
    h2 br,
    h3 br,
    h4 br,
    h5 br,
    h6 br {
        display: none;
    }
}

@media (max-width: 575px) {
    p br {
        display: none;
    }
}

::placeholder {
    color: inherit;
    opacity: 1;
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    overflow: hidden;
}

.container-fluid,
.container {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

.row {
    --bs-gutter-x: 30px;
}

.gutter-y-10 {
    --bs-gutter-y: 10px;
}

.gutter-y-15 {
    --bs-gutter-y: 15px;
}

.gutter-y-20 {
    --bs-gutter-y: 20px;
}

.gutter-y-30 {
    --bs-gutter-y: 30px;
}

.gutter-y-60 {
    --bs-gutter-y: 60px;
}

.gutter-x-0 {
    --bs-gutter-x: 0px;
}

.tabs-box .tabs-content .tab:not(.active-tab) {
    display: none;
}

.bootstrap-select .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0;
}

.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active {
    background-color: var(--digitalfirehouse-base, #CA4445);
}

.tns-outer .tns-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.tns-outer .tns-controls button {
    width: 45px;
    height: 45px;
    border: 2px solid #f4f4f4;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--digitalfirehouse-text, #7D8081);
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
}
.ul-list-one {
    margin-bottom: 0;
}
.ul-list-one li {
    position: relative;
    padding-left: 45px;
    font-size: 16px;
    font-weight: 500;
    color: var(--digitalfirehouse-black, #171818);
}
@media (min-width: 481px) {
    .ul-list-one li {
        font-size: 20px;
    }
}
.ul-list-one li::before {
    content: "\e907";
    color: var(--digitalfirehouse-base, #CA4445);
    font-size: 26px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-family: "azino-icon";
}
.logo-digitalfirehouse img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}


/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/



/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Utility
# Cards
# Common
# Form
# Navigations
# Animations
# Mobile Nav
# Search Popup
# Page Header
# Google Map
# Client Carousel
--------------------------------------------------------------*/
:root {
    --digitalfirehouse-font: "Roboto", sans-serif;
    --digitalfirehouse-heading-font: "Roboto", sans-serif;
    --digitalfirehouse-special-font: "Roboto", sans-serif;
    --digitalfirehouse-text: #7D8081;
    --digitalfirehouse-text-rgb: 125, 128, 129;
    --digitalfirehouse-text-gray: #EFE6E1;
    --digitalfirehouse-text-gray-rgb: 239, 230, 225;
    --digitalfirehouse-base: #CA4445;
    --digitalfirehouse-base-rgb: 202, 68, 69;
    --digitalfirehouse-secondary: #232728;
    --digitalfirehouse-secondary-rgb:35, 39, 40 ;
    --digitalfirehouse-gray: #DCCEC6;
    --digitalfirehouse-gray-rgb: 220, 206, 198;
    --digitalfirehouse-white: #fff;
    --digitalfirehouse-white-rgb: 255, 255, 255;
    --digitalfirehouse-black: #171818;
    --digitalfirehouse-black-rgb: 23, 24, 24;
    --digitalfirehouse-black2: #000;
    --digitalfirehouse-black2-rgb: 0, 0, 0;
    --digitalfirehouse-border-color: #F4F2EE;
    --digitalfirehouse-border-color-rgb: 244, 242, 238;
    --digitalfirehouse-letter-space: 0.1em;
    --digitalfirehouse-letter-space-xl: 0.2em;
}

/*--------------------------------------------------------------
# Utility
--------------------------------------------------------------*/
.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-120 {
    margin-top: 120px;
}

.mt--60 {
    margin-top: -60px;
}

.mt--120 {
    margin-top: -120px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mb--60 {
    margin-bottom: -60px;
}

.mb--120 {
    margin-bottom: -120px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-110 {
    padding-top: 110px;
}

.pt-115 {
    padding-top: 115px;
}

.pt-120 {
    padding-top: 120px;
}

.pt-142 {
    padding-top: 142px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-110 {
    padding-bottom: 110px;
}

.pb-115 {
    padding-bottom: 115px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pl-5 {
    padding-left: 5px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-30 {
    padding-left: 30px;
}

.pr-5 {
    padding-right: 5px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-30 {
    padding-right: 30px;
}
.sec-title {
    padding-bottom: 40px;
}
@media (min-width: 768px) {
    .sec-title {
        padding-bottom: 50px;
    }
}
.sec-title--two .sec-title__title {
    text-transform: none;
    font-weight: 800;
}
.sec-title__img {
    display: inline-flex;
    margin-top: -3px;
    margin-right: 7px;
}
.sec-title__tagline {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    text-transform: uppercase;
    color: var(--digitalfirehouse-text, #7D8081);
}
.sec-title__title {
    margin: 0;
    text-transform: uppercase;
    margin-top: 7px;
    color: var(--digitalfirehouse-secondary, #232728);
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    font-size: 30px;
}
@media (min-width: 768px) {
    .sec-title__title {
        font-size: 40px;
    }
}

/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/
body {
    font-family: var(--digitalfirehouse-font, "Roboto", sans-serif);
    color: var(--digitalfirehouse-text, #7D8081);
    font-size: 16px;
    line-height: 2.125;
    font-weight: 500;
}

body.locked {
    overflow: hidden;
}

a {
    color: var(--digitalfirehouse-base, #CA4445);
    transition: all 400ms ease;
}

a,
a:hover,
a:focus,
a:visited {
    text-decoration: none;
}

::placeholder {
    color: inherit;
    opacity: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--digitalfirehouse-heading-font, "Roboto", sans-serif);
    color: var(--digitalfirehouse-black, #171818);
}
@media (max-width: 575px) {
    h1 br,
    h2 br,
    h3 br,
    h4 br,
    h5 br,
    h6 br {
        display: none;
    }
}

@media (max-width: 575px) {
    p br {
        display: none;
    }
}

::placeholder {
    color: inherit;
    opacity: 1;
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    overflow: hidden;
}

.container-fluid,
.container {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}
.row {
    --bs-gutter-x: 30px;
}

.gutter-y-10 {
    --bs-gutter-y: 10px;
}

.gutter-y-15 {
    --bs-gutter-y: 15px;
}

.gutter-y-20 {
    --bs-gutter-y: 20px;
}

.gutter-y-30 {
    --bs-gutter-y: 30px;
}

.gutter-y-60 {
    --bs-gutter-y: 60px;
}

.gutter-x-0 {
    --bs-gutter-x: 0px;
}

.tabs-box .tabs-content .tab:not(.active-tab) {
    display: none;
}

.bootstrap-select .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0;
}
.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active {
    background-color: var(--digitalfirehouse-base, #CA4445);
}

.tns-outer .tns-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}
.tns-outer .tns-controls button {
    width: 45px;
    height: 45px;
    border: 2px solid #f4f4f4;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--digitalfirehouse-text, #7D8081);
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
}

.ul-list-one {
    margin-bottom: 0;
}
.ul-list-one li {
    position: relative;
    padding-left: 45px;
    font-size: 16px;
    font-weight: 500;
    color: var(--digitalfirehouse-black, #171818);
}
@media (min-width: 481px) {
    .ul-list-one li {
        font-size: 20px;
    }
}
.ul-list-one li::before {
    content: "\e907";
    color: var(--digitalfirehouse-base, #CA4445);
    font-size: 26px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-family: "azino-icon";
}
.logo-digitalfirehouse img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}