:root {

    --white: #fff;

    --black: #000;

    --red: #bb000c;

    --lred: #e50614;

    --body-font: "Poppins", sans-serif;

    --heading: "Open Sans", sans-serif;

}



/* 



font-family: "Open Sans", sans-serif;

font-family: "Poppins", sans-serif;



*/



html,

body {

    overflow-x: hidden;

    scroll-behavior: smooth;

}



body {

    font-family: var(--body-font);

    -webkit-font-smoothing: antialiased;

    font-size: 16px;

}



a {

    text-decoration: none !important;

    display: inline-block;

}



p:last-of-type {

    margin-bottom: 0px;

}



p {

    font-size: 16px;

    line-height: 28px;

    margin-bottom: 15px;

    font-weight: normal;

}



.form-control,

.form-select {

    background: transparent;

    border: 0px;

    box-shadow: none;

    outline: none;

    border-radius: 0px;

}



.form-control:focus,

.form-select:focus {

    background: transparent;

    border: 0px;

    box-shadow: none !important;

    outline: none !important;

}



img {

    width: 100%;

    height: 100%;

}



/*=== Common Css Start ===*/



/*--- Section Spacing Start ---*/



.sec-space-40 {

    padding: 40px 0;

}



.sec-space {

    padding: 80px 0;

}



.sec-space-top {

    padding: 80px 0 0;

}



.sec-space-bottom {

    padding: 0 0 80px;

}



/*--- Section Spacing End ---*/



/*--- Section Heading Start ---*/



.section-title {

    margin-bottom: 15px;

}



.section-title h6 {

    font-size: 16px;

    text-transform: uppercase;

    color: var(--lred);

    font-weight: 500;

}



.section-title h2 {

    font-weight: 700;

    font-size: 36px;

    line-height: 46px;

    color: var(--black);

    margin-bottom: 10px;

    font-family: var(--heading);

    letter-spacing: -.3px;

}



.section-title span {

    width: 52px;

    height: 52px;

    margin: 0 auto;

    text-align: center;

    padding: 14px;

    border-radius: 50%;

    overflow: hidden;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}



.section-title span img {

    object-fit: contain;

}



.section-title p {

    font-size: 17px;

    max-width: 380px;

    margin: 15px auto 0;

}



/*--- Section Heading End ---*/



/*--- Button Start ---*/



.btn {

    font-size: 14px;

    border-radius: 0px;

    padding: 10px 20px;

    text-transform: uppercase;

    font-family: var(--subheading);

    font-weight: 600;

    letter-spacing: 1px;

}



.btn:focus {

    outline: none;

    box-shadow: none;

}



.btn-solid {

    background: var(--lred);

    color: #fff;

    transition: all .5s;

}



.btn-solid:hover {

    color: var(--white);

    background: var(--black);

    transition: all .5s;

}



.btn-hamburger {

    width: 40px;

    height: 40px;

    border-radius: 50%;

    display: inline-block;

    background: #000814;

    position: relative;

    transition: all .5s;

}



.btn-hamburger:hover {

    background: var(--white);

    transition: all .5s;

}



.btn-hamburger::before,

.btn-hamburger::after {

    position: absolute;

    height: 2px;

    right: 10px;

    content: '';

    background: var(--white);

    transition: all .5s;

}



.btn-hamburger:hover::before,

.btn-hamburger:hover::after {

    background: #0b0c54;

    transition: all .5s;

}



.btn-hamburger::before {

    top: 15px;

    content: '';

    width: 12px;

    transition: all .5s;

}



.btn-hamburger::after {

    bottom: 15px;

    content: '';

    width: 20px;

}



.btn-hamburger:hover::before {

    transition: all .5s;

    width: 20px;

}



/*--- Button End ---*/



/*=== Common Css End ===*/



/*--- Animation Start ---*/



@-webkit-keyframes animationFade {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



@-o-keyframes animationFade {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: none;

        -o-transform: none;

        transform: none;

    }

}



@keyframes animationFade {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: none;

        -o-transform: none;

        transform: none;

    }

}





/*--- Animation End ---*/



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



.header-show {

    position: fixed;

    background: var(--white);

    top: 0;

    z-index: 999;

    width: 100%;

    -webkit-animation-name: animationFade;

    -o-animation-name: animationFade;

    animation-name: animationFade;

    -webkit-animation-duration: 1s;

    -o-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    -o-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);

    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

}



.navbar-brand img {

    width: 70px;

}



.logo-text {

    margin-left: 8px;

    font-weight: 600;

}



.logo-text span {

    color: var(--lred);

    font-size: 20px;

    line-height: 22px;

}



.logo-text b {

    font-size: 15px;

    font-weight: 600;

    color: var(--black);

    line-height: 15px;

}



.header-top-bg {

    padding: 10px 0;

    background: var(--red);

}



.header-contact ul li a {

    font-size: 16px;

    color: var(--white);

    font-weight: 600;

}



.header-contact ul li {

    margin-right: 30px;

}



.header-contact ul li:last-child {

    margin-right: 0px;

}



.header-contact ul li a span {

    margin-right: 5px;

}



.navbar {

    padding: 0px;

    border-bottom: 1px solid #f9f9f9;

}



.navbar-collapse ul>li {

    margin-right: 40px;

}



.navbar-collapse ul>li:last-child {

    margin-right: 0px;

}



.navbar-collapse ul>li>a {

    position: relative;

    display: block;

    text-align: center;

    font-size: 15px;

    font-weight: 700;

    text-transform: uppercase;

    color: #212121;

    padding: 3px 0px;

    opacity: 1;

    font-family: var(--heading);

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.navbar-collapse ul>li.current-menu-item a,

.navbar-collapse ul>li>a:hover {

    color: var(--red) !important;

    transition: all .4s;

}



.navbar-text a {

    display: inline-block;

    padding: 5px 10px;

    border-radius: 4px;

}





.navbar-text a span {

    margin-right: 4px;

}



.navbar-text a:nth-child(1) {

    background: var(--black);

    color: var(--white);

    margin-right: 10px;



}



.navbar-text a:nth-child(2) {

    background: var(--red);

    color: var(--white);

}







/*=== Header End ===*/





/*--- Banner Start ---*/



.carousel-item {

    height: 750px;

}



.carousel-item img {

    object-fit: cover;

}



.carousel-indicators {

    display: none;

}



.carousel-control-prev,

.carousel-control-next {

    width: 60px;

    height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--white) !important;

    opacity: 1;

    color: var(--red) !important;

    font-size: 20px;

}



.carousel-control-prev {

    right: 70px;

    left: auto;

}



.carousel-controler {

    bottom: 100px;

    width: 100%;

    height: 60px;

}



.carousel-caption {

    left: 0;

    top: 50%;

    transform: translateY(-30%);

    right: 0;

    bottom: auto;

    width: 100%;

    padding: 0px;

    text-align: left;

}



.carousel-caption h1 {

    max-width: 750px;

    font-weight: 700;

    font-size: 70px;

}



.carousel-caption h1 strong {

    display: block;

    font-weight: 400;

}



.read-more {

    background: var(--white);

    color: var(--red);

    padding: 16px 35px;

    font-size: 16px;

    font-weight: 600;

}





/*--- Banner End ---*/





/* Home Products Start  */

.home-products {

    margin-top: -80px;

    position: relative;

}



.home-products .products-wrapper {

    padding: 110px 0 80px;

    background: var(--white);

}



.product-item {

    transition: all .5s;

}



.product-image {

    height: 350px;

    border: 1px solid #ddd;

}



.product-image img {

    object-fit: cover;

}



.product-bottom {

    background: #f7f7f7;

    padding: 15px 25px;

    transition: all .5s;

}



.product-title a {

    font-family: var(--heading);

    font-weight: 700;

    letter-spacing: -.3px;

    color: var(--lred);

    font-size: 20px;

    text-transform: capitalize;

    transition: all .5s;

}



.product-title a span {

    text-transform: uppercase;

}



.product-link {

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 600;

    color: var(--black);

    font-size: 15px;

    text-transform: uppercase;

    transition: all .5s;

}



.product-item:hover .product-link {

    color: #31ffd1;

    transition: all .5s;

}



.product-item:hover .product-bottom {

    background: var(--red);

    transition: all .5s;

}



.product-item:hover .product-title a {

    color: var(--white);

    transition: all .5s;

}



.spec-btn {

    position: absolute;

    top: 0;

    right: 0;

    background: var(--red);

    color: var(--white);

    font-size: 14px;

    padding: 6px 10px;

    transition: all .5s;

    font-weight: 500;

    border-top-left-radius: 20px;

    border-bottom-left-radius: 20px;

}



.product-item:hover .spec-btn {

    background: var(--black);

    color: var(--white);

    transition: all .5s;

}



.spec-btn span {

    margin-right: 4px;

}



/* Modal Start  */



.modal {

    background: rgba(0, 0, 0, 0.75);

}



.btn-close {

    background: var(--black) !important;

    color: var(--white) !important;

    opacity: 1;

    position: absolute;

    top: 21px;

    right: 15px;

    width: 30px;

    height: 30px;

    line-height: 31px;

    padding: 0px !important;

}



.modal-dialog {

    max-width: 800px;

}



.modal-body {

    background: #f9f9f9;

}



.modal-title {

    text-transform: uppercase;

    font-size: 18px;

    font-family: var(--heading);

    font-weight: 700;

    letter-spacing: -.3px;

}



.modal-image {

    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

}



.spec-head {

    text-transform: uppercase;

    font-size: 18px;

    font-family: var(--heading);

    font-weight: 700;

    letter-spacing: -.3px;

    padding-bottom: 10px;

    margin-bottom: 10px;

    position: relative;

}



.spec-head::before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 60px;

    height: 2px;

    background: var(--lred);

    content: '';

}



.modal-details p {

    font-size: 16px;

    font-weight: 500;

}



/* Modal End  */



/* Home Products End  */



/* Get Quotes Start  */



.get-quote-box {

    background: var(--lred);

    padding: 40px 40px;

}



.get-quote-box h2 {

    color: var(--white);

}



.gq-left span {

    height: 48px;

    width: 48px;

    filter: brightness(0) invert(1);

    margin-right: 15px;

}



.gq-right a {

    padding: 15px 40px;

}



.gq-right a:nth-child(1) {

    border: 1px solid var(--white);

    color: var(--white);

    font-weight: 600;

    margin-right: 10px;

    transition: all .5s;

}



.gq-right a:nth-child(2) {

    background: var(--black);

    color: var(--white);

    font-weight: 600;

}



.btn-quote {

    position: relative;

    z-index: 1;

}



.btn-quote::before {

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    background: var(--white);

    content: '';

    width: 0%;

    z-index: -1;

    transition: all .5s;

}



.btn-quote:hover::before {

    width: 100%;

    transition: all .5s;

}



.gq-right a:nth-child(1):hover {

    color: var(--black);

    transition: all .5s;

}



.gq-right a:nth-child(2):hover {

    color: var(--black);

    transition: all .5s;

}





/* Get Quotes End  */





/* Video Preview Start  */



.comp-stat {

    padding: 100px 0;

    position: relative;

    z-index: 1;

}



.comp-stat::before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.85);

    content: '';

    z-index: -1;

}



.stat-box {

    /* backdrop-filter: blur(5px); */

    border-radius: 10px;

    padding: 30px;

}



.stat-box h2 {

    font-size: 72px;

    font-weight: 700;

    color: var(--white);

    margin-bottom: 10px;

}



.stat-box p {

    margin-bottom: 0px;

    font-size: 20px;

    font-weight: 500;

    color: var(--white);

}



.st-icon {

    width: 64px;

    height: 64px;

    margin-bottom: 15px;

}



/* Video Preview End  */



/* Vide0 List Start  */



.play-btn {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    background: var(--white);

    color: var(--lred);

    font-size: 20px;

    line-height: 50px;

    text-align: center;

}



.video-item:hover .play-btn {

    color: var(--black);

}



.video-title {

    font-family: var(--heading);

    letter-spacing: -.2px;

    font-size: 20px;

    text-align: center;

    padding: 13px 15px;

    font-weight: 700;

}



.video-image {

    height: 250px;

}



.video-image img {

    object-fit: cover;

}





/* Vide0 List End  */



/* About Home Start  */





.about-image {

    height: 590px;

    overflow: hidden;

}



.about-image img {

    object-fit: cover;

}



.progress-icon {

    flex: 0 0 76px;

    height: 78px;

    border-bottom: 5px solid var(--lred);

    padding: 15px 15px;

    background: #f7f7f7;

    margin-right: 12px;

}



.about-wrapper {

    padding-left: 80px;

}



.progress {

    background: transparent;

    height: auto;

    border-radius: 0px;

    overflow: visible;

}



.progress span {

    margin: -7px 0px 0 10px;

    font-size: 17px;

    font-weight: 500;

}



.progress-bar {

    background: var(--lred);

    height: 5px;

    position: relative;

    overflow: visible;

}



.progress-bar::after {

    position: absolute;

    height: 13px;

    width: 2px;

    right: 0;

    top: -4px;

    background: var(--lred);

    content: '';

}



/* About Home End  */



/* Why Us Start  */

.why-us {

    position: relative;

    z-index: 1;

}



.why-us::before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.85);

    content: '';

    z-index: -1;

}



.why-us .section-title p {

    position: relative;

    padding: 30px;

    margin: 20px 0 30px 4px;

    max-width: 100%;

}



.why-us .section-title p::before {

    position: absolute;

    left: 0;

    top: 0;

    width: 3px;

    height: 100%;

    background: var(--lred);

    content: '';

}



.why-row [class*="col-"] .why-box {

    position: relative;

    z-index: 1;

    padding: 30px;

    height: 100%;

}



.why-box .why-icon {

    margin-right: 20px;

    flex: 0 0 100px;

    height: 100px;

    border-radius: 50%;

    border: 2px solid var(--lred);

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all .5s;

}



.why-box:hover .why-icon {

    background: var(--lred);

    transition: all .5s;

}



.why-box:hover .why-icon img {

    filter: brightness(0) invert(1);

    transition: all .5s;

}



.why-box .why-content {

    flex: 0 0 calc(100% - 120px);

    color: var(--white);

}



.why-box .why-content p {

    color: var(--white);

}



.why-box .why-content h4 {

    margin-bottom: 12px;

}



.why-box .why-icon img {

    width: 54px;

    height: 54px;

}



.why-row [class*="col-"] .why-box::before {

    position: absolute;

    left: 50%;

    top: 0;

    transform: translateX(-50%);

    width: 75%;

    height: 100%;

    border-bottom: 1px solid #464646;

    content: '';

    z-index: -1;

}



.why-row [class*="col-"] .why-box::after {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 100%;

    height: 75%;

    border-left: 1px solid #464646;

    content: '';

    z-index: -1;

}



.why-row [class*="col-"]:nth-child(4) .why-box::before,

.why-row [class*="col-"]:nth-child(5) .why-box::before,

.why-row [class*="col-"]:nth-child(6) .why-box::before {

    border-bottom: 0px solid #464646;

}



.why-row [class*="col-"]:nth-child(3) .why-box::after,

.why-row [class*="col-"]:nth-child(6) .why-box::after {

    border-right: 1px solid #464646;

}



/* Why Us End  */





/* Testimonial Start  */



.testimonial-item {

    transition: all .5s;

}



.testimonial-item:hover {

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    transition: all .5s;

}



.testimonial-rating ul li {

    color: var(--lred);

    margin-right: 4px;

}



.testimonial-item {

    padding: 40px 40px 40px 120px;

    background: #f7f7f7;

}



.testi-shape {

    width: 60px;

    height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    border: 2px solid var(--lred);

    font-size: 24px;

    color: var(--lred);

    left: 20px;

}



.reviewer-image {

    flex: 0 0 64px;

    height: 64px;

    border-radius: 50%;

}



.reviewer-image img {

    object-fit: cover;

}



/* Testimonial End  */



/* Home Form Start  */

.home-form .section-title p {

    max-width: 650px;

}



.form-wrapper {

    background: var(--white);

    padding: 40px;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}



.single-input {

    background: #f7f7f7;

    padding: 10px 20px;

    margin-bottom: 20px;

}



.single-input .form-control {

    border: 0px;

    padding: 0px;

    height: 40px;

    text-indent: 0;

    font-size: 14px;

}



.single-input textarea.form-control {

    height: 172px;

}



.single-input label {

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 0px;

}



.scanner {

    background: var(--black);

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}



.rate-btn {

    padding: 15px 40px;

}



.wpcf7-submit {

    background: var(--black) !important;

    transition: all .4s;

    border: 0px !important;

}



.wpcf7-submit:hover {

    background: var(--lred) !important;

    color: var(--white) !important;

    transition: all .4s;

}



.apply-box {

    background: var(--lred);

}



/* Home Form End  */



/* Appply Box Start  */



.apply-wrap {

    z-index: 99;

    position: relative;

    margin-bottom: -80px;

}



.apply-box {

    column-gap: 100px;

    position: relative;

    z-index: 1;

}



.apply-box::before {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: rgb(230 06 20 / 0.75);

    z-index: -1;

}



.mail-icon {

    flex: 0 0 64px;

    height: 64px;

    margin-right: 20px;

}



.content-mail {

    flex: 0 0 calc(100% - 94px);

}



.btn-apply {

    padding: 15px 40px;

    background: var(--white);

    color: var(--black);

}



/* Appply Box End  */







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







.footer-main {

    background: var(--black);

    padding: 90px 0 0 0;

    position: relative;

    z-index: 9;

}



.address-book li {

    padding: 0 30px 0 40px;

    margin-bottom: 15px !important;

    position: relative;

}



.address-book li span {

    position: absolute;

    left: 0;

    top: 0px;

    width: 32px;

    height: 32px;

    font-size: 20px;

    color: #ff5656;

}



.address-book li p {

    font-size: 17px;

    line-height: 22px;

    color: var(--white);

    font-weight: 500;

}



.address-book li h6 {

    font-size: 18px;

    line-height: 18px;

    margin-bottom: 7px;

    color: var(--white);

    font-weight: 600;

}





.ft-logo {

    max-width: 180px;

    margin: 0 auto 20px;

}



.link-box h4 {

    font-size: 20px;

    font-weight: 600;

    padding-bottom: 44px;

    margin-bottom: 15px;

    position: relative;

    color: var(--white);

    font-family: var(--heading);

}



.link-box h4:before {

    position: absolute;

    left: 0;

    bottom: 15px;

    width: 20px;

    height: 20px;

    background: url(../images/red-arrow.png) no-repeat center;

    background-size: contain;

    content: '';

}



.link-box ul {

    list-style: none;

    padding-left: 0px;

}



.link-box ul li {

    margin-bottom: 18px;

    position: relative;

}



.link-box ul li a {

    color: var(--white);

    padding-left: 24px;

}



.social-footer ul li a {

    padding-left: 40px;

}



.link-box ul li a span {

    position: absolute;

    left: 0;

    top: 0;

    color: #dedede;

    width: 28px;

    height: 28px;

    line-height: 28px;

    background: var(--white);

    color: var(--black);

    text-align: center;

    border-radius: 50%;

}



.menu-link ul li a::before {

    position: absolute;

    left: 0;

    top: 0;

    color: #dedede;

    content: '\e5e9';

    font-family: "Font Awesome 6 Sharp";

}





.copyright {

    background: var(--white);

    padding: 10px 0;

    margin-top: 10px;

}



.copyright p {

    font-weight: 500;

    font-size: 14px;

    color: var(--black);

}



.copyright p span {

    font-weight: 600;

}



.footer-map iframe {

    height: 200px;

}



.footer-blog {

    margin-bottom: 10px;

    padding-bottom: 10px;

    border-bottom: 1px solid #3e3e3e;

}



.footer-blog:last-child {

    margin-bottom: 0px;

    padding-bottom: 0px;

    border-bottom: 0px solid #3e3e3e;

}



.blog-image-footer {

    flex: 0 0 90px;

    height: 60px;

}



.blog-image-footer img {

    width: 100% !important;

    height: 100% !important;

    object-fit: cover;

}



.blog-content-footer {

    flex: 0 0 calc(100% - 100px);

}



.blog-content-footer p {

    font-size: 17px;

    font-weight: 500;

    color: var(--white);

    display: block;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}



.blog-list-footer {

    padding-right: 20px;

}



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



/* CMS Banner Start  */

.breadcrumb-wrapper {

    height: 250px;

    display: flex;

    align-items: center;

    color: var(--white);

}



.breadcrumb_bottom {

    right: 0;

    bottom: 20px;

}



.breadcrumbs .bread-link {

    color: var(--white);

    margin-right: 12px;

    text-transform: uppercase;

    font-weight: 500;

}



.breadcrumbs .separator {

    font-size: 12px;

    margin-right: 12px;

    color: var(--white);

}



.breadcrumbs .item-active {

    color: var(--lred);

}





/* CMS Banner End  */



/* Blog CMS Start  */

.blog-details {

    padding: 30px 0;

}



.blog-image {

    height: 550px;

}



.blog-image img {

    object-fit: cover;

}



.blogtitle {

    font-size: 32px;

    font-weight: 600;

}



.publish-time {

    font-weight: 600;

    font-size: 16px;

    margin-bottom: 15px !important;

    color: var(--lred);

}



.comments-area {

    margin: 30px 0 0;

}



.comment-reply-title {

    font-size: 28px;

    margin-bottom: 10px;

}



.comment-form {

    margin-top: 0px;

}



.form-submit .submit {

    background: var(--black);

    color: var(--white);

    padding: 12px 35px;

    font-size: 16px;

}



.comment-form-comment {

    margin-bottom: 5px !important;

}



.nav-previous .post-title,

.nav-next .post-title {

    margin: 0px;

    font-size: 20px;

    font-weight: 600;

}



.nav-previous .meta-nav,

.nav-next .meta-nav {

    margin-bottom: 5px !important;

    color: var(--lred);

}



.sub-head {

    padding: 10px 15px;

    background: var(--black);

    color: var(--white);

    font-size: 18px;

}



.recent_blog {

    background: #f7f7f7;

    padding: 10px;

}



.bd_flex_image {

    flex: 0 0 120px;

    height: 100%;

    margin-right: 12px;

}



.bd_flex_image img {

    object-fit: cover;

}



.bd_flex h5 a {

    color: var(--black);

    font-size: 18px;

    display: block;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    letter-spacing: .7px;

    font-weight: 600;

    line-height: 22px;

}



.bd_flex .post_date {

    font-size: 15px;

    font-weight: 600;

    color: var(--lred);

}



.blog-thumb {

    background: #f9f9f9;

}



.blog-thumb-bottom {

    background: #f9f9f9;

    padding: 15px 20px;

}



.blog-thumb-bottom h4 a {

    font-size: 20px;

    font-weight: 700;

    display: block;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    color: var(--lred);

    margin-bottom: 10px;

    font-family: var(--heading);

    letter-spacing: -.3px;

}



.blog-thumb-bottom .publish-time {

    font-weight: 600;

    color: var(--black);

    margin-bottom: 0px !important;

}



.thumb-content {

    font-weight: 500;

    font-size: 17px;

    line-height: 27px;

}



.blog-thumb-bottom .read-more {

    font-size: 16px;

    color: var(--lred);

    font-weight: 500;

    background: transparent;

    padding: 0px;

    margin-top: 10px;

    text-transform: uppercase;

}



/* Blog CMS Start  */



/* About CMS Start  */



.acc-wrap {

    background: var(--white);

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    padding: 15px 30px;

    margin-bottom: 30px;

}



.about-image img {

    height: 100% !important;

    width: 100% !important;

    object-fit: cover;

}



.mvc-box {

    padding: 40px 50px 40px;

    position: relative;

}



.mvc-icon {

    position: relative;

    width: 120px;

    height: 120px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 30px;

    border-radius: 50%;

    z-index: 9;

    transform: translateY(-100px);

}



.mvc-icon::before {

    position: absolute;

    left: -7px;

    top: -4px;

    width: 130px;

    height: 130px;

    content: '';

    background: var(--lred);

    z-index: -2;

    border-radius: 50%;

}



.mvc-icon::after {

    position: absolute;

    left: 0px;

    top: 0;

    width: 120px;

    height: 120px;

    content: '';

    background: var(--white);

    z-index: -1;

    border-radius: 50%;

}



.mvc-row {

    margin-top: 80px;

}



.mvc-content {

    margin-top: -70px;

}



.mvc-content h4 {

    color: var(--white);

    font-size: 28px;

    margin-bottom: 12px;

}



.mvc-content p {

    color: #dfdfdf;

}





/* About CMS End  */







/* Contact CMS Start  */



.contact-cms {

    background-color: #f8f8f8;

}



.addresses-contact .address-book li h6 {

    color: #e50614;

    font-weight: 700;

    text-transform: uppercase;

}



.addresses-contact .address-book li p {

    color: var(--black);

    font-size: 19px;

    line-height: 27px;

}



.addresses-contact .address-book li span {

    background: var(--lred);

    display: flex;

    justify-content: center;

    align-items: center;

    width: 60px;

    height: 60px;

    color: var(--white);

}



.addresses-contact .address-book li {

    padding: 0 30px 0 80px;

    margin-bottom: 25px !important;

}



.cbox {

    padding: 20px 30px;

    background: var(--white);

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    column-gap: 25px;

    position: relative;

}



.cbox-icon {

    font-size: 32px;

    color: var(--lred);

}



.cbox-content h5 {

    font-size: 20px;

    margin-bottom: 4px;

}



.cbox-content p a {

    font-size: 18px;

    color: var(--black);

}



.cbox::before {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 3px;

    content: '';

    background: var(--lred);

}



.contact-form-box {

    padding: 50px;

    background: var(--white);

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}



.contact-form-box .section-title p {

    color: var(--black);

    max-width: 650px;

    margin: 15px 0 0;

}



.ccmap {

    margin-bottom: -4px;

}



.ccmap iframe {

    height: 400px;

}



/* Contact CMS End  */



.productd-image {

    height: 400px;

    /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */

    border: 1px solid #dedede;

}



.productd-image img {

    width: 100% !important;

    height: 100% !important;

    object-fit: cover;

}



.more-product-lists {

    margin-left: 30px;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    padding: 25px;

}



.more_products h5 a {

    color: var(--black);

    background: #f7f7f7;

    padding: 20px;

    display: inline-block;

    width: 100%;

    font-size: 18px;

    transition: all .5s;

    position: relative;

}



.more_products h5 a span {

    position: absolute;

    right: 20px;

    top: 18px;

    font-size: 22px;

}



.more_products h5 a:hover {

    background: var(--lred);

    color: var(--white);

    transition: all .5s;

}



.mob-cw,

.mob-brochure,

.mob-quote {

    display: none;

}



.header-social {

    margin-top: 20px;

    padding-top: 10px;

    border-top: 1px solid #333;

}



.header-social h5 {

    font-size: 16px;

    letter-spacing: -.3px;

    font-weight: 700;

    margin-bottom: 15px;

    text-transform: uppercase;

    font-family: var(--heading);

    color: var(--white);

}



.header-social ul li a {

    width: 40px;

    height: 40px;

    line-height: 40px;

    border-radius: 50%;

    background: var(--white);

    padding: 0px;

    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;

}



.header-social ul li:nth-child(1) a {

    color: #1877f2;

}



.header-social ul li:nth-child(2) a {

    color: #c32aa3;

}



.header-social ul li:nth-child(3) a {

    color: #000;

}



.header-social ul li:nth-child(4) a {

    color: #0a66c2;

}



.header-social ul li:nth-child(5) a {

    color: #ff0000;

}



.header-social ul li {

    margin-right: 10px;

}



.header-social ul li:last-child {

    margin-right: 0px;

}



#comments {

    display: none;

}



.owl-nav {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 100%;

}



.owl-prev,

.owl-next {

    background: var(--red) !important;

    width: 44px;

    height: 44px;

    color: var(--white) !important;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}



.owl-prev {

    left: -10px;

}



.owl-next {

    right: -10px;

}



.ass-logo {

    display: none;

}

.pop-modal .btn-close {
    position: absolute;
    top: 8px;
    right: 8px;
    border-radius: 0px;
    height: 33px;
}