@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&family=Roboto+Slab:wght@400;500;600;700&family=Work+Sans:wght@400;500&display=swap');

/*
font-family: 'Montserrat', sans-serif;
font-family: 'Roboto Slab', serif;
font-family: 'Work Sans', sans-serif;
*/

:root {
    scroll-behavior: auto;
    --primary-color: #d72c21;
    --secondary-color: #262e31;
    --color-black: #000000;
    --color-white: #ffffff;
    --heading-color: #383838;
    --heading-font: 'Roboto Slab', sans-serif;
    --secondary-font: 'Work Sans', sans-serif;
    --body-font: 'Montserrat', sans-serif;
    --primary-transition: all 0.4s ease-in-out;
}



* {
    margin: 0;
    padding: 0;
    border: none;
    outline: none !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
}

p {
    margin: 0;
}

html {
    padding: 0;
    margin: 0;
    border-radius: 0;
}

body {
    padding: 0;
    margin: 0;
    border-radius: 0;
    font-family: var(--body-font);
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #565656;
    overflow-x: hidden;
}

b,
strong {
    font-weight: 700;
}

em {
    font-style: normal;
}

a {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    outline: none !important;
    text-decoration: none;
    font-style: normal;
    text-decoration: none;
    text-decoration: none;
    color: var(--primary-color);
}

a:hover {
    text-decoration: none;
    color: var(--primary-color);
}

a:focus {
    text-decoration: none;
    color: var(--primary-color);
}

button {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    outline: none !important;
    text-decoration: none;
    font-style: normal;
    text-decoration: none;
}

input {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    outline: none !important;
    text-decoration: none;
    font-style: normal;
    text-decoration: none;
    width: 100%;
    padding: 5px 10px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

input::-webkit-input-placeholder {
    opacity: 1;
    color: #9698a3;
}

input:-moz-placeholder {
    opacity: 1;
    color: #9698a3;
}

input::-moz-placeholder {
    opacity: 1;
    color: #9698a3;
}

input:-ms-input-placeholder {
    opacity: 1;
    color: #9698a3;
}

input[type="buttton"] {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    outline: none !important;
    text-decoration: none;
    font-style: normal;
    text-decoration: none;
}

input[type="submit"] {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    outline: none !important;
    text-decoration: none;
    font-style: normal;
    text-decoration: none;
}

.btn {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    outline: none !important;
    text-decoration: none;
    font-style: normal;
    text-decoration: none;
}

img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

figure {
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
    margin: 0;
    padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--heading-font);
    margin: 0;
    margin: 0;
}

textarea {
    padding: 5px 10px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #9698a3;
}

textarea:-moz-placeholder {
    opacity: 1;
    color: #9698a3;
}

textarea::-moz-placeholder {
    opacity: 1;
    color: #9698a3;
}

textarea:-ms-input-placeholder {
    opacity: 1;
    color: #9698a3;
}

input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.bootstrap-select:not(.input-group-btn) {
    width: 100%;
}

.bootstrap-select[class*="col-"] {
    width: 100%;
}



.container {
    max-width: 1170px;
}

.section-padding {
    padding: 80px 0;
}

.section-padding-x {
    padding-top: 100px;
}

.section-padding-y {
    padding-bottom: 100px;
}

.bg-image-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.overflow-hidden {
    overflow: hidden;
}
.wpcf7-submit {
	font-family: var(--secondary-font);
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background-color: var(--primary-color);
    border: 1px var(--primary-color) solid;
    padding: 14px 25px;
    border-radius: 6px;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    position: relative;
    overflow: hidden;
    z-index: 9;
}

.wpcf7-submit:hover {
    background-color: #ef6130;
    color: #fff;
    box-shadow: 0 0 35px rgba(239, 97, 68, 0.18);
}
.btn,
.basic-btn {
    font-family: var(--secondary-font);
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background-color: var(--primary-color);
    border: 1px var(--primary-color) solid;
    padding: 14px 25px;
    border-radius: 6px;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    position: relative;
    overflow: hidden;
    z-index: 9;
}

.basic-btn:hover {
    background-color: #ef6130;
    color: #fff;
    box-shadow: 0 0 35px rgba(239, 97, 68, 0.18);
}



.btn.btn-primary {
    background-color: var(--primary-color);
    border: 1px var(--primary-color) solid;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary:active:focus {
    background-color: var(--color-white);
    border-color: var(--primary-color);
    color: var(--primary-color);
    box-shadow: 0 0 38px rgba(215, 44, 33, 0.22);
}

.btn-secondary {
    background-color: rgba(214, 219, 224, 0.09);
    border-color: #d6dbe0;
    color: #fff;
}

.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
.btn.btn-secondary:active,
.btn.btn-secondary:active:focus {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--color-white);
    box-shadow: 0 0 35px rgba(20, 96, 146, 0.3) !important;
}

.bg_img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.p_r {
    position: relative;
}

.section-heading h1 {
    font-size: 50px;
    line-height: 55px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0;
}

.section-heading h2 {
    font-size: 30px;
    line-height: 1.3;
    font-weight: 600;
    color: var(--heading-color);
    text-transform: capitalize;
    margin-bottom: 20px;
}


.section-heading h3 {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 500;
    color: #2d2d2d;
    margin-bottom: 15px;
	
}

.section-heading h4 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 15px;
    text-transform: uppercase;
    position: relative;
    padding-left: 0px;
	color: #2d2d2d;
}

.section-heading h5 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #2c343a;
    margin-bottom: 20px;
}

.section-heading p {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 25px;
    color: #454545;
}

.section-heading p:last-child {
    margin-bottom: 0;
}



/*scroll-to-top*/
.scrollup {
    position: fixed;
    bottom: -70px;
    right: 15px;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 98;
    background-color: var(--primary-color);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.scrollup:hover {
    transform: translateY(-7px);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.scrollup.active {
    bottom: 25px;
}

.scrollup span {
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    width: 13px;
    height: 13px;
    position: relative;
    top: 3px;
    transform: rotate(-135deg);
}

/*scroll-to-top*/
/* breadcrumb-css */
.service-breadcrumb-wrapper {
    background-color: #f9f9f9;
    padding: 13px 0;
}

.service-breadcrumb-wrapper .breadcrumb {
    background-color: transparent;
    padding: 0;
    margin-bottom: 0;
}

.service-breadcrumb-wrapper .breadcrumb span {
    font-size: 14px;
    line-height: 18px;
    color: #6d6d6d;
}

.service-breadcrumb-wrapper .breadcrumb span a {
    color: #434343;
}

/* breadcrumb-css */
.top-header-outer {
    background-color: var(--primary-color);
    padding: 10px 0;
}


.header_outer {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    transition: 0.3s all ease-in-out;
}

.top-header-holder {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.header-social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    border-radius: 100%;
    color: #fff;
    width: 30px;
    height: 30px;
    font-size: 14px;
}

.header-social-links a:hover {
    background-color: var(--primary-color);
    color: var(--primary-color);
    box-shadow: 0 0 20px rgba(20, 96, 146, 0.18);
}

.header-contact-info a {
    display: inline-flex;
    align-items: center;
    font-size: 17px;
    font-weight: 600;
    color: #b7d2e4;
}

.header-contact-info a:not(:last-child) {
    margin-right: 40px;
}

.header-contact-info a:last-child {
    font-size: 15px;
    font-weight: 400;
}

.header-contact-info a:hover {
    color: #fff;
}

.header-contact-info a i {
    color: #fff;
    margin-right: 8px;
    display: inline-flex;
}

.header-contact-info a i.fa-phone-volume {
    transform: rotate(-45deg);
}

.sticky .header-top-bar-outer {
    display: none;
}

.sticky .nav_holder {
    position: fixed;
    top: 0;
    z-index: 99;
    padding: 12px 0px;
    background-color: #fff;
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    transition: 0.3s all ease-in-out;
}

.sticky .logo {
    display: block;
    width: 170px;
    transition: 0.3s all ease-in-out;
}

.sticky .logo img {
    -webkit-filter: brightness(0);
    filter: brightness(0);
}

.nav_holder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 18px 0;
    background-color: transparent;
    border-bottom: 1px solid #62656c;
    transition: all 0.4s ease-in-out;
}

.nav_holder .container-fluid {
    padding: 0 40px;
}

.nav_inr {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    width: 190px;
    transition: all 0.4s ease-in-out;
}

.hdr_menu li {
    display: inline-block;
    margin-right: 40px;
    position: relative;
}

.hdr_menu li:last-child {
    margin-right: 0;
}

.hdr_menu li a {
    font-family: var(--body-font);
    display: inline-block;
    font-size: 17px;
    line-height: 20px;
    color: var(--color-white);
    font-weight: 500;
    text-transform: capitalize;
    position: relative;
    padding: 4px 0;
}

.sticky .hdr_menu li a {
    color: #282828;
}

.hdr_menu li a::before {
    content: "";
    position: absolute;
    background-color: var(--primary-color);
    width: 0;
    height: 2px;
    transition: all 0.4s ease-in-out;
}

.hdr_menu li a::before {
    bottom: 0;
    left: auto;
    right: 0;
}

.hdr_menu li:hover a {
    color: var(--primary-color);
}

.hdr_menu li:hover a::before {
    width: 100%;
    left: 0;
    right: auto;
}

.hdr_menu li.current-menu-item a {
    color: var(--primary-color);
}

.hdr_menu li.current-menu-item a::before {
    width: 100%;
    left: 0;
    right: auto;
}

.hdr_menu li.current-menu-parent>a {
    color: var(--primary-color);
}

.hdr_menu li.current-menu-parent li.current-menu-item a {
    color: var(--primary-color);
}

.hdr_menu li.menu-item-has-children {
    position: relative;
}

.hdr_menu li.menu-item-has-children .sub-menu {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    width: 300px;
    background-color: #fff;
    padding: 20px;
    z-index: 10;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
}

.hdr_menu li.menu-item-has-children .sub-menu li {
    margin-bottom: 0;
    display: block;
    margin-right: 0;
    line-height: 25px;
    transition: all 0.4s ease-in-out;
}

.hdr_menu li.menu-item-has-children .sub-menu li:last-child {
    margin-bottom: 0;
}

.hdr_menu li.menu-item-has-children .sub-menu li.current-menu-item a {
    padding-left: 15px;
    color: var(--primary-color);
}

.hdr_menu li.menu-item-has-children .sub-menu li.current-menu-item a::after {
    width: 10px;
}

.hdr_menu li.menu-item-has-children .sub-menu a {
    font-size: 14px;
    color: #000103;
    padding: 0;
    background-color: transparent;
}

.hdr_menu li.menu-item-has-children .sub-menu a::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--primary-color);
    transition: all 0.4s ease-in-out;
}

.hdr_menu li.menu-item-has-children .sub-menu a:hover {
    color: var(--primary-color);
    padding-left: 15px;
}

.hdr_menu li.menu-item-has-children .sub-menu a:hover::after {
    width: 10px;
}

.hdr_menu li.menu-item-has-children:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
}

.hdr_menu li.menu-item-has-children:hover>.sub-menu li {
    transition: all 0.4s ease-in-out;
    padding: 5px 0;
}

.hdr_menu li.menu-item-has-children:hover>a::after {
    color: var(--primary-color);
}

.hdr_menu li.menu-item-has-children:last-child .sub-menu {
    right: 0;
    left: auto;
}

.hdr_menu li.menu-item-has-children .current-menu-item a {
    font-size: 14px;
    color: #000103;
    padding: 0;
    background-color: transparent;
}

.hdr_menu li.menu-item-has-children>a {
    padding-right: 25px;
}

.hdr_menu li.menu-item-has-children>a::after {
    font-family: 'Line Awesome Free';
    content: "\f107";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 900;
    color: inherit;
    font-size: 14px;
}

.hdr_menu ul li.menu-item-has-children ul li {
    margin: 0;
}

.hdr_menu ul li.menu-item-has-children ul li a:before {
    display: none;
}

.sub_menu_opener {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 22px;
    color: #196ba3;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}

.sub_menu_open .sub_menu_opener {
    transform: rotateX(180deg);
}



.responisve-logo,
.responsive-header-social-btn {
    display: none;
}


.header-contact-btn .btn:not(:last-child) {
    margin-right: 10px;
}

.header-contact-btn .btn {
    padding: 11px 24px;
}

.header-contact-btn .btn-secondary {
    display: inline-flex;
    align-items: center;
}

.header-contact-btn .btn-secondary i {
    line-height: 1;
    font-size: 18px;
    color: inherit;
    display: inline-flex;
    margin-right: 8px;
}

.sticky .header-contact-btn .btn-secondary {
    color: var(--primary-color);
}

.sticky .header-contact-btn .btn-secondary:hover,
.sticky .header-contact-btn .btn-secondary:active,
.sticky .header-contact-btn .btn-secondary:focus {
    color: var(--color-white)
}

.footer-wrapper {
    background-color: #f7f7f7;
}

.footer-wrapper .container {
    position: relative;
}

.footer-top-row {
    padding: 80px 0 50px;
    position: relative;
}

.footer-top-row>[class*="col-"] {
    margin-bottom: 35px;
}

.footer-top-row .footer-widget .footer-widget-title p {
    font-family: var(--heading-font);
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #081728;
    margin-bottom: 20px;
}

.footer-top-row .footer-widget .footer-contact-list ul li {
    font-family: var(--secondary-font);
    margin-bottom: 15px;
    font-size: 17px;
    line-height: 26px;
    color: #081728;
    position: relative;
}

.footer-top-row .footer-widget .footer-contact-list ul li span {
    position: absolute;
    left: 0;
    top: 2px;
    color: var(--primary-color);
}

.footer-top-row .footer-widget .footer-contact-list ul li a {
    color: #081728;
}

.footer-top-row .footer-widget .footer-contact-list ul li a:hover {
    color: var(--primary-color);
}

.footer-top-row .footer-widget .footer-contact-list ul li:last-child {
    margin-bottom: 0;
}


.footer-top-row .footer-widget .footer-links li {
    margin-bottom: 20px;
    line-height: 20px;
}

.footer-top-row .footer-widget .footer-links li:last-child {
    margin-bottom: 0;
}



.footer-top-row .footer-widget .footer-links li a {
    font-size: 17px;
    color: #081728;
    position: relative;
}

.footer-top-row .footer-widget .footer-links li.current-menu-item a,
.footer-top-row .footer-widget .footer-links li a:hover {
    color: var(--primary-color);
}

.footer-top-row .footer-widget .footer-links li a:hover:before {
    background-color: var(--primary-color);
}

.footer-top-row .footer-widget .footer-logo {
    text-align: center;
}

.footer-logo p {
    margin: 20px 0;
    color: var(--color-white);
}

.lic-no p {
    margin: 0;
    margin: 20px 0;
    font-size: 18px;
    font-weight: 600;
}

.footer-social {
    text-align: center;
}

.footer-social li {
    display: inline-block;
    margin-right: 2px;
}

.footer-social li:last-child {
    margin-right: 0;
}

.footer-social li a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    font-size: 18px;
    border-radius: 50%;
    background-color: #dfdfdf;
    color: #646464;
}

.footer-social li a:hover {
    background-color: var(--primary-color);
    color: #fff;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.3);
}

.footer-blog-list a {
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
}

.footer-blog-list a:hover {
    color: var(--primary-color);
}

.footer-bottom-row {
    padding: 21px 0;
    position: relative;
    z-index: 2;
    border-top: 1px solid #e6dfdc;
}

.footer-bottom-row .holder {
    justify-content: space-between;
    align-items: center;
}

.footer-bottom-row .privacy-links a {
    font-size: 13px;
    margin-right: 25px;
    color: #3d4243;
}

.footer-bottom-row .privacy-links a:last-child {
    margin-right: 0;
}

.footer-bottom-row .privacy-links a:hover {
    color: var(--primary-color);
}

.footer-bottom-row .copyright-text p {
    font-size: 16px;
    font-weight: 500;
    color: #081728;
    line-height: 20px;
}

.floating-call-btn {
    position: fixed;
    bottom: -50px;
    left: 0;
    z-index: 98;
    transition: all 0.4s ease-in-out;
}

.floating-call-btn.active {
    bottom: 0;
}

.floating-call-btn .basic-btn {
    padding: 6px 25px;
    border-radius: 4px 4px 0 0;
    line-height: 26px;
    font-weight: 600;
}

.floating-call-btn .basic-btn span {
    transform: rotate(-45deg);
    margin-right: 7px;
}

/* area-we-serve-modal-css */
.service-modal .modal-dialog {
    max-width: 800px;
}

.service-modal .serviceAreaModal {
    padding: 25px;
}

.service-modal .serviceAreaModal-close {
    position: absolute;
    top: -10px;
    right: -10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
}

.service-modal .serviceAreaModal-heading {
    margin-bottom: 30px;
}

.service-modal .serviceAreaModal-heading .section-heading .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 10px;
}

.service-modal .serviceAreaModal-list ul {
    -moz-column-count: 3;
    column-count: 3;
}

.service-modal .serviceAreaModal-list ul li {
    margin-bottom: 14px !important;
    line-height: 22px;
}

.service-modal .serviceAreaModal-list ul li a {
    color: #4f4f4f;
    position: relative;
    display: inline-block;
    padding-left: 15px;
    font-size: 16px;
    line-height: 20px;
}

.service-modal .serviceAreaModal-list ul li a::before {
    position: absolute;
    top: 5px;
    left: 0;
    content: " ";
    width: 8px;
    height: 8px;
    background-color: #000;
    border-radius: 50%;
}

.service-modal .serviceAreaModal-list ul li a:hover {
    color: #000;
}

/* form-css */
.form-row {
    margin: 0 -5px;
}

.form-row>.col,
.form-row>[class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.input-field {
    position: relative;
    margin-bottom: 18px;
}

.input-field>label {
    position: absolute;
    top: 0px;
    left: 15px;
    z-index: 2;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 0;
    cursor: text;
    padding: 2px 5px;
    pointer-events: none;
    transform: translateY(15px);
    transform-origin: 0% 100%;
    transition: transform 0.2s ease-out 0s, color 0.2s ease-out 0s;
}

.input-field>label.active {
    transform: translateY(-13px) scale(0.9);
    background-color: var(--primary-color);
    border-radius: 3px;
    color: #fff;
}

.input-field .form-control {
    height: 50px;
    font-size: 15px;
    color: #000000;
    font-weight: 400 !important;
    background-color: #f4f4f4;
    border: 1px solid transparent;
    padding: 0 15px;
    border-radius: 0;
    transition: all 0.4s ease-in-out;
}



.input-field .form-control::-webkit-input-placeholder {
    color: #7b7b7b;
}



.input-field .form-control::-moz-placeholder {
    color: #7b7b7b;
}



.input-field .form-control:-ms-input-placeholder {
    color: #7b7b7b;
}



.input-field .form-control::-ms-input-placeholder {
    color: #7b7b7b;
}



.input-field .form-control::placeholder {
    color: #7b7b7b;
}

.input-field .form-control:focus {
    background-color: #fff;
    border-color: var(--secondary-color);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.input-field textarea.form-control {
    height: 100px;
    resize: none;
    border-radius: 0;
    padding-top: 20px;
}

.input-field .select-field {
    width: 100%;
}

.input-field .select-field .bootstrap-select>.dropdown-toggle {
    height: 50px;
    line-height: 48px;
    width: 100%;
    border-radius: 0;
    padding: 0 15px;
    border: 1px solid transparent !important;
    background-color: #f4f4f4 !important;
    color: #000000 !important;
    font-weight: 400;
    text-transform: capitalize;
    box-shadow: none !important;
}

.input-field .select-field .bootstrap-select>.bs-placeholder .filter-option-inner {
    font-size: 14px;
    color: #000000 !important;
}

.input-field .select-field .dropdown-menu {
    border-radius: 0;
}

.input-field .select-field .btn-light:not(:disabled):not(.disabled).active:focus,
.input-field .select-field .btn-light:not(:disabled):not(.disabled):active:focus,
.input-field .select-field .show>.btn-light.dropdown-toggle:focus,
.input-field .select-field .bootstrap-select .dropdown-toggle:focus {
    box-shadow: none;
    outline: none !important;
}

.input-field .select-field .btn-light:not(:disabled):not(.disabled).active,
.input-field .select-field .btn-light:not(:disabled):not(.disabled):active,
.input-field .select-field .show>.btn-light.dropdown-toggle {
    background-color: transparent;
    border-color: var(--primary-color) !important;
}

.input-field .select-field .filter-option-inner {
    font-size: 14px;
    color: #000000;
}

.input-field .select-field .bootstrap-select .dropdown-menu li a {
    font-size: 15px;
}

.input-field .select-field .dropdown-item:hover,
.input-field .select-field .dropdown-item:focus,
.input-field .select-field .dropdown-item.active {
    color: #fff;
    text-decoration: none;
    background-color: var(--primary-color);
    color: #fff;
}

.input-field .bootstrap-select .dropdown-toggle::after {
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-bottom: 0;
    border-left: 5px solid transparent;
    right: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.input-field .dropdown-toggle::after {
    border-top-color: #878787 !important;
}

.input-field .dropup .dropdown-toggle::after {
    border-top: 0;
    border-right: 5px solid transparent;
    border-bottom: 5px solid;
    border-left: 5px solid transparent;
    border-bottom-color: #878787;
}

.submit-field {
    max-width: 240px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

/* form-css */
/*contact_form7_CSS*/
.wpcf7-not-valid-tip {
    font-size: 13px;
    color: #dc3232 !important;
    text-align: left;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    font-size: 15px;
    text-align: center;
}

.wpcf7 form .wpcf7-response-output {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    font-size: 15px;
    text-align: center;
}

.wpcf7-form-control-wrap>label {
    display: none;
}

.wpcf7-form-control-wrap {
    width: 100%;
}

.wpcf7 .ajax-loader,
.wpcf7-spinner {
    position: absolute !important;
    top: 50%;
    right: 0;
    margin: 0;
    z-index: 9;
    transform: translateY(-50%);
}

/*contact_form7_CSS*/
/* home-css */
.banner-wrapper {
    padding: 180px 0 110px;
}

.banner-wrapper .banner-content-outer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

.banner-wrapper .banner-text {
    max-width: 650px;
}

.banner-wrapper .banner-text h1 {
    font-size: 45px;
    line-height: 1.1;
    font-weight: 600;
    color: var(--color-white);
    margin-bottom: 20px;
}

.banner-wrapper .banner-text h1 span {
    color: var(--primary-color);
	display: block;
}

.banner-wrapper .banner-text h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: var(--color-white);
}

.banner-wrapper .banner-text p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: var(--color-white);
    margin-bottom: 25px;
    max-width: 620px;
}

.banner-wrapper .banner-btn .btn-secondary {
    background-color: var(--color-white);
    border-color: var(--color-white);
    font-size: 20px;
    color: #3f3f3f;
    display: inline-block;
    padding: 10px 12px;
}

.banner-wrapper .banner-btn .btn-secondary span {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #3a3a3a;
    line-height: 1.5;
    transition: var(--primary-transition);
}

.banner-wrapper .banner-btn .btn-secondary:hover,
.banner-wrapper .banner-btn .btn-secondary:active,
.banner-wrapper .banner-btn .btn-secondary:focus {
    background-color: var(--primary-color);
    color: var(--color-white);
    border-color: var(--primary-color);
}

.banner-wrapper .banner-btn .btn-secondary:hover span,
.banner-wrapper .banner-btn .btn-secondary:active span,
.banner-wrapper .banner-btn .btn-secondary:focus span {
    color: var(--color-white);
}

.banner-quick-links-outer .quick-links-block {
    background-color: #f2f2f2;
    max-width: 130px;
    text-align: center;
    margin-bottom: 10px;
}

.banner-quick-links-outer .quick-links-block a {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
}

.banner-quick-links-outer .quick-links-block span {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
}

.banner-quick-links-outer .quick-links-block span p {
    font-size: 15px;
    font-weight: 600;
    color: 1.3;
    color: #333333;
    margin-top: 8px;
}

.our-services-wrapper .section-heading {
    max-width: 1030px;
    margin: 0 auto 50px;
}

.our-service-box {
    position: relative;
}

.our-service-box figure img {
    border-radius: 6px;
}

.our-service-box .service-data {
    position: absolute;
    bottom: 20px;
    left: 30px;
    max-width: 400px;
	min-height: 380px; 
}

.our-service-box .service-data a,
.our-service-box .service-data a h3 {
    color: var(--color-white);
    font-size: 27px;
    font-weight: 600;
    line-height: 1.3;
}

.our-service-box .service-data a h3 {
    margin-bottom: 15px;
}

.our-service-box .service-data p {
    color: var(--color-white);
    margin-bottom: 15px;
}

.our-services-wrapper .action-btn {
    text-align: center;
    margin-top: 45px;
}

.roofing-process-wrapper {
    background-color: #f7f7f7;
}

.roofing-process-wrapper .section-heading {
    max-width: 1000px;
    margin: 0 auto 70px;
}

.roofing-process-wrapper .row {
    margin-bottom: -50px;
}

.roofing-process-wrapper [class*=col-] {
    margin-bottom: 50px;
    position: relative;
    counter-increment: roofing-process-counter;
}

.roofing-process-wrapper [class*=col-]::before {
    content: counter(roofing-process-counter);
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-color: var(--primary-color);
    font-size: 30px;
    line-height: 1;
    color: var(--color-white);
    font-weight: 600;
    z-index: 2;
}

.roofing-process-card {
    background-color: var(--color-white);
    padding: 80px 25px 20px;
    position: relative;
	min-height: 240px;

}

.roofing-process-card h3 {
    font-size: 23px;
    line-height: 1.3;
    font-weight: 600;
    color: var(--heading-color);
    line-height: 1.3;
    margin-bottom: 12px;
}

.roofing-process-card p {
    font-size: 16px;
    line-height: 1.5;
    color: #454545;
}

.roofing-process-card::before {
    content: "";
    position: absolute;
    top: 42px;
    left: 50%;
    transform: translateX(-50%);
    height: 20px;
    border-right: 1px solid #ebdcdc;
}

.roofing-checklist-wrapper .section-heading {
    margin-bottom: 50px;
}

.roofing-checklist-pic img {
    width: 100%;
}

.roofing-checklist-content li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 25px;
    font-size: 16px;
    color: #474747;
}

.roofing-checklist-content li::before {
    content: "\f058";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    color: var(--primary-color);
    font-size: 18px;
    position: absolute;
    top: -2px;
    left: 0;
}

.roofing-cta-wrapper {
    max-width: 1140px;
    margin: 0 auto;
    background-color: #f0f5fb;
    position: relative;
    padding: 30px;
}

.roofing-cta-wrapper .roofing-cta-pic {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 60%;
}

.roofing-cta-wrapper .roofing-cta-pic img {
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
}

.cta-content {
    max-width: 520px;
}

.cta-content h2 {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 600;
    color: #383838;
    margin-bottom: 18px;
}

.cta-content p {
    margin-bottom: 15px;
}

.why-hire-us-wrapper .section-heading {
    margin-bottom: 40px;
}

.why-hire-us-wrapper .why-hire-us-row-outer {
    margin-bottom: -60px;
}

.why-hire-us-wrapper .row {
    margin-bottom: 30px;
}

.why-hire-us-wrapper [class*=col-] {
    margin-bottom: 30px;
}

.why-hire-us-wrapper .row:nth-child(odd) {
    flex-direction: row-reverse;
}

.why-hire-us-content-list-outer {
    padding-right: 30px;
}

.why-hire-us-wrapper .row:nth-child(even) .why-hire-us-content-list-outer {
    padding-right: 0;
    padding-left: 30px;
}

.why-hire-us-content-list-outer .list-item {
    position: relative;
    margin-bottom: 35px;
}

.why-hire-us-content-list-outer .list-item:last-child {
    margin-bottom: 0;
}

.why-hire-us-content-list-outer .list-item h3 {
    font-size: 23px;
    line-height: 1.3;
    font-weight: 600;
    color: #262e31;
    margin-bottom: 12px;
    padding-left: 45px;
}

.why-hire-us-content-list-outer .list-item .number {
    position: absolute;
    left: 0;
    top: 0;
}

.why-hire-us-content-list-outer .list-item .number p {
    font-size: 30px;
    line-height: 1;
    font-weight: 700;
/*     color: #dfe4e9; */
    color: #a8c9eb;
}

.why-hire-us-content-list-outer .list-item p {
    color: #262e31;
}

.how-to-start-roofing-service-wrapper {
    background-color: #f7f7f7;
}

.how-to-start-roofing-service-content h3 {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;
    color: #262e31;
    margin-bottom: 15px;
}

.how-to-start-roofing-service-content p {
    color: #262e31;
    margin-bottom: 20px;
}

.home-contact-us-content h2 {
    color: var(--color-white);
}

.home-contact-us-content p {
    color: var(--color-white);
    margin-bottom: 40px;
}

.review-outer a {
    display: block;
    margin-bottom: 50px;
}

.review-outer a:last-child {
    margin-bottom: 0;
}

.home-contact-us-form-outer {
    background-color: var(--color-white);
    padding: 40px;
    max-width: 475px;
    margin-left: auto;
}

.home-contact-us-form-outer .form-title h3 {
    font-size: 26px;
    line-height: 1.3;
    font-weight: 600;
    color: #262e31;
    margin-bottom: 15px;
    text-align: center;
}

.home-contact-us-form-outer .form-title p {
    text-align: center;
    margin-bottom: 15px;
}

.commercial-roofing-summary-wrapper .container-sm,
.service-material-used-wrapper .container-sm,
.when-service-required-wrapper .container-sm,
.service-we-offer-wrapper .container-sm,
.our-work-process-wrapper .container-sm,
.service-faq-wrapper .container-sm,
.related-service-wrapper .container-sm,
.recent-post-wrapper .container-sm {
    max-width: 980px;
}

.commercial-roofing-summary-pic,
.when-service-required-wrapper .pic-box,
.service-we-offer-pic {
    position: relative;
    margin-bottom: 30px;
}

.commercial-roofing-summary-pic::before,
.when-service-required-wrapper .pic-box::before,
.service-we-offer-pic::before {
    content: "";
    position: absolute;
    bottom: 20px;
    left: 20px;
    background-image: url(../images/logo-white.png);
    background-repeat: no-repeat;
    width: 185px;
    height: 53px;
}

.types-of-service-wrapper {
    max-width: 950px;
    margin: 0 auto;
    padding: 40px 40px 90px;
    border-radius: 10px;
}

.types-of-service-wrapper h2,
.types-of-service-wrapper h3,
.types-of-service-wrapper p {
    color: var(--color-white);
}

.service-types-list-outer {
    margin-top: 30px;
}

.service-types-list-outer .list-item:not(:last-child) {
    padding-bottom: 0px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--color-white);
	
}

.service-types-list-outer .list-item h3 {
    font-size: 23px;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 18px;
	text-transform: capitalize;
}

.service-cta-wrapper {
    max-width: 890px;
}

.roofing-cta-wrapper {
    background-image: url(../images/cta-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
}

.roofing-cta-wrapper .roofing-cta-pic {
    display: none;
}

.service-cta-wrapper {
    max-width: 880px;
    margin-top: -50px;
    margin-bottom: 0px;
}

.service-material-used-wrapper {
    background-color: #f7f7f7;
	border-bottom: 1px solid #d9d9d9;
}

.service-table {
    margin-top: 35px;
    box-shadow: 8px 0 87px rgba(0, 1, 1, 0.06);
}

.service-table table {
    width: 100%;
}

.service-table table td {
    font-size: 16px;
    color: #454545;
    padding: 15px 25px;
    border-bottom: 1px solid #ececec;
    background-color: var(--color-white);
}

.service-table table td:first-child {
    border-right: 1px solid #ececec;
}

.service-table table tr:last-child td {
    border-bottom: 0;
}

.when-service-required-row {
    margin-top: 45px;
}

.when-service-required-row [class*=col-] {
    margin-bottom: 20px;
    position: relative;
    counter-increment: roofing-process-counter;
}

.when-service-required-row [class*=col-]::before {
    content: counter(roofing-process-counter);
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: var(--primary-color);
    font-size: 21px;
    line-height: 1;
    color: var(--color-white);
    font-weight: 600;
    z-index: 2;
    border-radius: 5px;
}

.when-service-required-row [class*=col-]:nth-child(4),
.when-service-required-row [class*=col-]:nth-child(5) {
    flex: 0 0 auto;
    width: 50%;
}

.when-service-required-row .roofing-process-card {
    background-color: #f5f5f5;
    padding: 90px 15px 15px;
    border-radius: 4px;
	height: 100%; 
}

.when-service-required-row .roofing-process-card::before {
    display: none;
}

.service-we-offer-wrapper {
    background-color: #f7f7f7;
}

.service-we-offer-wrapper .section-heading h2 {
    font-size: 30px;
}

.service-we-offer-wrapper .section-heading p {
    margin-bottom: 25px;
}

.service-we-offer-list-outer .list-item {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
    position: relative;
    counter-increment: service-offer-counter;
	padding-left: 30px; 
}

/* .service-we-offer-list-outer .list-item::before {
    content: counter(service-offer-counter)".";
    position: absolute;
    top: 2px;
    left: 0;
    font-size: 20px;
    line-height: 1;
    color: var(--primary-color);
    font-weight: 600;
    z-index: 2;
} */

.service-we-offer-list-outer .list-item::before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
	position: absolute;
	left: 0;
	top: 0px;
	color:#d62a27;
	font-size: 20px;
	line-height: 24px;
}

.service-we-offer-list-outer .list-item h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    color: #454545;
    padding-left: 22px;
    margin-bottom: 15px;
}


.our-work-process-wrapper .row {
    margin-top: 40px;
}

.our-work-process-wrapper .row [class*=col-] {
    margin-bottom: 20px;
    position: relative;
    counter-increment: roofing-process-counter;
}

.our-work-process-wrapper .row [class*=col-]::before {
    content: counter(roofing-process-counter);
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: var(--primary-color);
    font-size: 21px;
    line-height: 1;
    color: var(--color-white);
    font-weight: 600;
    z-index: 2;
    border-radius: 5px;
}

.our-work-process-wrapper .row [class*=col-]:nth-child(4),
.our-work-process-wrapper .row [class*=col-]:nth-child(5) {
    flex: 0 0 auto;
    width: 50%;
}

.our-work-process-wrapper .row .roofing-process-card {
    background-color: var(--color-white);
    border: 1px solid #efefef;
    padding: 90px 15px 15px;
    border-radius: 4px;
    box-shadow: 4px 0 25px rgba(0, 1, 1, 0.04);
    height: 100%;
}

.our-work-process-wrapper .row .roofing-process-card::before {
    display: none;
}

.our-work-process-wrapper .row .roofing-process-card h3 {
    font-size: 19px;
}

.service-faq-wrapper .section-heading {
    margin-bottom: 40px;
}

.faq_acrdn .accordion-item {
    background-color: #f8f8f8;
    border: none;
    margin: 0px 0 10px 0;
    border-radius: 0;
    position: relative;
    overflow: hidden;
    padding: 0;
    transition: all 0.4s ease-in-out;
    counter-increment: faq-counter;
}

.faq_acrdn .accordion-item .accordion-header {
    padding: 0;
    border: 0;
    background: transparent;
    margin: 0;
    border-radius: 0px !important;
}

.faq_acrdn .accordion-item .accordion-header .accordion-button {
    font-family: var(--body-font);
    padding: 13px 57px 13px 15px;
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 27px;
    text-decoration: none !important;
    color: #505050;
    font-weight: 500;
    position: relative;
    text-align: left;
    background-color: transparent;
    white-space: normal;
    letter-spacing: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    transition: all 0.4s ease-in-out;
}

.faq_acrdn .accordion-button:focus {
    box-shadow: none;
}

.faq_acrdn .accordion-button::after {
    content: "-";
    font-family: "Playfair Display", serif;
    position: absolute;
    top: 19px;
    right: 20px;
    width: 25px;
    height: 25px;
    font-size: 30px;
    font-weight: 500;
    color: #393939;
    transition: all 0.3s ease-in;
    border: 0;
    background: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq_acrdn .accordion-button.collapsed:after {
    content: "+";
    top: 12px;
}

.related-service-wrapper {
    max-width: 950px;
    margin: 50px auto;
    padding: 45px 0 70px;
    text-align: center;
}

.recent-post-wrapper .title p,
.related-service-wrapper .title p {
    font-family: var(--heading-font);
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--color-white);
    margin-bottom: 35px;
}

.related-servie-list li {
    display: inline-block;
    margin-right: 10px;
}

.related-servie-list li:last-child {
    margin-right: 0;
	 margin-top: 20px;
}

.related-servie-list a {
    font-family: var(--secondary-font);
    font-size: 17px;
    line-height: 1.2;
    color: #272727;
    background-color: #dfdfdf;
    padding: 10px 12px 10px 30px;
    border-radius: 4px;
    position: relative;
}

.related-servie-list a:hover {
    background-color: var(--primary-color);
    color: var(--color-white);
}

.related-servie-list a::before {
    position: absolute;
    top: 9px;
    left: 6px;
    content: "\f058";
    font-family: "Line Awesome Free";
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
    color: var(--color-white);
}

.recent-post-wrapper {
    padding-bottom: 50px;
}

.recent-post-wrapper .title p {
    color: var(--heading-color);
}

.recent-post-list {
    display: flex;
    flex-wrap: wrap;
}

.recent-post-list a {
    padding: 0 10px;
    margin-bottom: 25px;
    width: 50%;
    font-size: 17px;
    color: #3e3e3e;
    position: relative;
    padding-left: 25px;
	text-transform: capitalize; 
}

/* .recent-post-list a::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 9px;
    height: 9px;
    background-color: var(--primary-color);
    border-radius: 100%;
} */

.recent-post-list a::before {
	content: "\f058";
    font-family: "Font Awesome 5 Free";
	position: absolute;
	left: 0;
	top: 0px;
	color:#d62a27;
	font-size: 20px;
	line-height: 24px;
}

.recent-post-list a:hover {
    color: var(--primary-color);
}
              /* custom style for about page-------------- */

.inner-banner .breadcrumb {
    position: relative;
    background: transparent;
    color: #FFF !important;
    padding: 0;
    margin-bottom: 10px;
}

.inner-banner .breadcrumb li a,
.inner-banner .breadcrumb li {
    color: #FFF !important;
}

.inner-banner .breadcrumb-item+.breadcrumb-item::before {
    color: #FFF !important;
}

.inner-banner {
    background-repeat: no-repeat !important;
    padding: 100px 0;
    position: relative;
}

.inner-banner::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    background-image: linear-gradient(to right, #000121, #00295d4f);
    top: 0;
    bottom: 0;
}

.inner-banner h1 {
    font-size: 45px;
    line-height: 55px;
    color: #FFF;
    font-weight: bold;
    margin-bottom: 15px;
    position: relative;
    text-transform: capitalize;

}

.breadcrumb a {
    text-transform: capitalize;
}
.common-gap {
    padding: 70px 0;
}

.default-text h3 {
    font-size: 26px;
    margin-bottom: 15px;
    text-transform: capitalize;
    font-weight: 500;
}
/* 
.default-text p {
    margin-bottom: 15px;
    line-height: 26px;
}

.default-text ul li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 25px;
}

.default-text ul li::before {
    content: '\f058';
    position: absolute;
    left: 0;
    font-family: 'fontawesome';
    color: #1577b9;
    font-size: 17px;
} */

/***************** Details Page *********************/

.service-details-content h1 {
    font-size: 35px;
    line-height: 45px;
    color: #000;
    font-weight: bold;
    margin-bottom: 15px;
    position: relative;
    text-transform: capitalize;
}

.service-details-content h2 {
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-weight: 600;
}

.service-details-content h3 {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-weight: 600;

}

.service-details-content h4 {
    font-size: 22px;
    line-height: 35px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: capitalize;

}

.service-details-content h5 {
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: capitalize;
	font-size: 20px;

}

.service-details-content p {
    margin-bottom: 15px;
	line-height: 27px; 
}

.service-details-content table {
    width: 100%;
    margin-bottom: 20px;
}

.service-details-content table tr th,
.service-details-content table tr td {
    padding: 8px;
    border: 1px solid #e5e5e5;
    line-height: 22px;
}

.service-details-content table tr:nth-child(even) {
    background-color: #f3f3f3;
}

.service-details-content ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
}

/* .service-details-content ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    background: #d72c21;
    border-radius: 30px;

} */


.service-details-content ul li::before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 0;
    top: 0;
    color: #d62a27;
    font-size: 20px;
    line-height: 24px;

}

.breadcrumb { 
	flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.form-heading {
    font-size: 26px;
    line-height: 35px;
    margin-bottom: 12px;
    text-transform: capitalize;
}
.sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
}

.sidebar .formarea {
    top: 0;
}

.single .nav_holder 
{
	background-color: #333333 ;
}

.sticky .nav_holder 
{
	background-color: #FFF;
}

.single .service-page-details {
    padding-top: 89px;
}

.privacy-policy .nav_holder 
{
	background-color: #333333 ;
}

.sticky .nav_holder 
{
	background-color: #FFF;
}

.breadcrumb {
    border-radius: 0;
	background: transparent; 
	padding:0; 
	color: #FFF; 
	margin:0;
}

.breadcrumb a, .breadcrumb span 
{
	color: #FFF !important; 
}

.single .breadcrumb {
    background: #f5f5f5;
    color: #000 !important;
    padding: 14px 0;
    font-size: 15px;
}

.single .breadcrumb a 
{
	color: #000 !important; 
}

.single .breadcrumb span
{
	color: #000 !important; 
}

.icon-review {
    flex: 0 0 115px;
    width: 115px;
}

.review-content p 
{
	margin-bottom:10px; 
	border-bottom:1px solid #FFF; 
	padding-bottom: 20px;
	font-size: 14px; 
}

.review-content strong 
{
	color: #FFF; 
	font-size: 18px; 
	color:#FFF; 
}

.table tr td 
{
	vertical-align: top;
    border: 1px solid #ededed;
}

.table tr:nth-child(even) {
  background-color: #f7f7f7;
}

.privacy-policy h1 
{
	color: var(--heading-color) !important;
	margin-bottom: 30px; 
	font-size: 40px; 
}

.side-form {
    background: #ffffff;
    padding: 15px;
    border: 1px solid #e1e1e1;
}

strong.faq-heading {
    background: #d62a27;
    display: block;
    text-align: center;
    padding: 10px;
    color: #FFF;
    font-size: 18px;
    margin-bottom: 20px;
}
.service-links-widget 
{
/* 	background: #f5f5f5; */
}
.service-links-widget ul 
{
	padding: 0 15px 15px 15px; 
}
.service-links-widget ul li a {
    position: relative;
    padding-left: 25px;
    line-height: 30px;
    color: #000;
	display: flex; 
}

/* .service-links-widget ul li a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    background: #d5282b;
} */

.service-links-widget ul li a::before 
{
	content: "\f058";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 0;
    top: 4px;
	color:#d62a27; 
	font-size: 16px;
	line-height: 24px;
}

.list-style ul li  
{
	position: relative; 
	padding-bottom: 15px; 
	padding-left: 25px; 
}

.list-style ul li::before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    position: absolute;
/*     width: 10px;
    height: 10px; */
    left: 0;
    top: 0px;
	color:#d62a27; 
/*     background: #d62a27; */
	font-size: 20px;
	line-height: 24px;
}

.service-two-row 
{
	column-count: auto;
}

/************************/ 

.types-of-service-wrapper ul li 
{
	color: #FFF; 
}



/*******************************/

.category-blog .bnr_wrpr
{
	display: none; 
}

.category-blog .section-padding {
    padding: 190px 0 90px;
}

.projectListingOuter {
    background-color: #f4f4f4;
    padding: 30px 40px;
    border-radius: 10px;
}

.related-post-box a {
    font-size: 15px;
    font-weight: 500;
    color: #565656;
    padding: 12px;
    display: block;
    transition: all 0.4s ease-in-out;
}

.related-post-box {
    background-color: #fff;
    border: 1px #eee solid;
    border-radius: 6px;
    margin-bottom: 12px;
}

.projectListingOuter .section-heading h1 {
    font-size: 35px;
    line-height: 1.4;
    font-weight: 700;
    color: #191919;
    margin-bottom: 30px;
}

.projectListingOuter .section-heading h2 {
    font-size: 35px;
    line-height: 1.4;
    font-weight: 700;
    color: #191919;
    margin-bottom: 30px;
}
.category-blog .related-post-box a 
{
/* 	color: #000;  */
}

.category-blog .nav_holder 
{
/* 	background: #333;  */
}

/***************/ 

.page-bread {
    position: relative;
    top: 90px;
    padding: 10px 0;
    background: #f5f5f5;
}

.page-bread .breadcrumb a, .page-bread .breadcrumb span 
{
	color:#333 !important; 
}

.m-top-90 
{
	margin-top: 90px; 
}

/*****/ 

.page-template-roofing_page .nav_holder 
{
	background-color: #333333 ;
}


.page-template-roofing_page .service-page-details {
    padding-top: 89px;
}


.page-template-roofing_page .breadcrumb {
    background: #f5f5f5;
    color: #000 !important;
    
    font-size: 15px;
}

.page-template-roofing_page .breadcrumb a 
{
	color: #000 !important; 
}

.page-template-roofing_page .breadcrumb span
{
	color: #000 !important; 
}

.page-template-roofing_page .sticky .nav_holder {
    background-color: #FFF;
}

/********* Testimonial *********/ 

.testimonial-review-card {
    height: 100%;
    border: 1px solid #ececec;
    background-color: #f9f9f9;
    padding: 30px 25px;
}

.testimonial-review-card .testimonial-review-header .review-authar-name p {
    font-size: 17px;
    line-height: 1.2;
    font-weight: 600;
    color: #565656;
    margin-bottom: 4px;
}
.testimonial-review-card .testimonial-review-header {
    margin-bottom: 15px;

}

.testimonial-review-card .review-content p {
    font-size: 15px;
    color: #565656;
}
.testimonial-review-card .testimonial-review-header .review-rating {
    margin-left: 15px;
    position: relative;
    top: -3px;
}

.testimonial-wrapper [class*="col-"] {
    margin-bottom: 30px;
}