/*############ Header Css Start here #############*/

    

    ul {

        margin: 0;

        padding: 0;

    }

    

    a {

        text-decoration: none;

    }

    

    li {

        list-style: none;

    }

    

    .btn-red {

        background: #ee1d23;

        color: #fff;

        text-decoration: none;

        padding: 13px 20px;

        transition: all .3s;

    }

    

    .btn-red:hover {

        background: #fff;

        color: #000;

        text-decoration: none;

        padding: 13px 20px;
border-radius:20px;
    }

    

    body {

        font-family: 'century_gothicregular';

    }
/* 
    .menu-item-has:hover .sub-menu {
    display: block;
} */

/* .menu-item-has .sub-menu {
    display: none;
} */
/* 
.menu-item-has-children ul.sub-menu {
    display: none;
} */

/* .menu-item-has-children:hover ul.sub-menu {
    display: block;
     position: absolute; 
     width: 300px; 
     z-index: 9999; 
} */

/* ul.sub-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: none !important;
    border-radius: 0 !important;
  
    top: 74%!important;
} */

ul.sub-menu a.nav-link {
    padding: 10px 20px !important;
    border-bottom: 1px solid #efefef;
}
ul.sub-menu li:last-child a.nav-link {
    padding: 10px 20px !important;
    border-bottom:none;
}

    .inner-banner-section {

        background-image: url(../img/inner-banner.jpg);

        position: relative;

        width: 100%;

        background-size: cover;

        background-position: center center;

        background-repeat: no-repeat;

    }

    

    .scroll-down-arrow span i {

        font-size: 48px;

        background: #fff;

        width: 60px;

        height: 60px;

        border-radius: 50%;

        line-height: 60px;

        border-radius: 50%;

        box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;

        transition: all .3s;

    }

    

    .scroll-down-arrow span i:hover {

        font-size: 48px;

        background: red;

        color: #fff;

        width: 60px;

        height: 60px;

        border-radius: 50%;

        line-height: 60px;

        border-radius: 50%;

        box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;

        transition: all .3s;

    }

    

    .scroll-down-arrow {

        position: absolute;

        bottom: -23px;

        left: 0;

        right: 0;

    }

    

    .scroll-down-arrow {

        position: absolute;

    }

    

    @media (min-width: 1400px) {

        .container,

        .container-lg,

        .container-md,

        .container-sm,

        .container-xl,

        .container-xxl {

            max-width: 1140px;

        }

    }

    

    section {

        padding: 80px 0 !important;

    }

    

   .top-header {

    background: #f5f5f5;

    background: #f5f5f5;height: 56px;display: flex;align-items: center;

}

    

   ul.top-header-info {

    display: flex;

    padding: 0;

    margin: 0;

    align-items: center;

    height: 100%;

    padding-top: 4px;

}

    

    .flag-icon-sa {

        background-image: url(../img/sa.svg);

    }

    

    .flag-icon-es {

        background-image: url(../img/es.svg);

    }

    

    .flag-icon-fr {

        background-image: url(../img/fr.svg);

    }

    

    .flag-icon-us {

        background-image: url(../img/us.svg);

    }

    

    .flag-icon {

        background-size: contain;

        background-position: 50%;

        background-repeat: no-repeat;

        position: relative;

        display: inline-block;

        width: 1.33333333em;

        line-height: 1em;

        height: 14px;

    }

    

    .me-1 {

        margin-right: 0.25rem!important;

    }

    

    ul.top-header-info li {

        list-style: none;

        /* display: flex; */

    }

    

    .top-header-lang.dropdown button {

        background: #616161;

        border: none;

        padding: 10px 32px;

        border-radius: 50px;

        background-image: linear-gradient(#c4c4c4, white);

    }

    button#searchsubmit {

    border-radius: 0px 4px 4px 0px !important;

    margin-left: -10px;

}.switcher {

    position: absolute;

    right: 0;

}

    ul.top-header-info li a {

        color: #000;

        padding-right: 10px;

        text-decoration: none;

    }

    

    ul.top-header-language-list.dropdown-menu li:hover {

        background: #eaeaea;

    }

    

    ul.top-header-language-list.dropdown-menu li a {

        color: #000;

        text-decoration: none;

        padding: 8px 10px;

        border-bottom: 1px dashed #e6e6e6;

        display: block;

    }

    

    .top-header-lang .dropdown-menu.show {

        display: block;

        border: white;

        border-radius: 0;

        box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);

    }

    

    .top-header-lang .dropdown-menu {

        padding: 0;

    }

    

    .bg-white {

        background: #fff;

    }

    

    .navbar-light .navbar-nav .nav-link {

        color: rgba(0, 0, 0, .55);

        padding: 25px 12px;

    }

    

    a.navbar-brand img {

        width: 133px;

    }

    

    nav.navbar.navbar-expand-sm.bg-white.navbar-light {

        box-shadow: 0px 1px 3px rgb(0 0 0 / 10%);

    }

    

    .navbar-light .navbar-nav .nav-link {

        color: rgba(0, 0, 0, 0.55);

        padding: 25px 12px;

        font-size: 14px;

    }

    

/*     .dropdown-menu {

        position: absolute;

        z-index: 1000;

        display: none;

        min-width: 10rem;

        padding: 0.5rem 0;

        margin: 0;

        font-size: 1rem;

        color: #212529;

        text-align: left;

        list-style: none;

        background-color: #fff;

        background-clip: padding-box;

        border: none !important;

        border-radius: 0 !important;

        box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;

        top: 108%!important;

        /* box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px; */

    } */

    

/*     .dropdown-item {

        border: 0px;

        font-size: 13px;

    }
 */
    
/* 
    .dropdown-item.active,

    .dropdown-item:active {

        color: #fff;

        text-decoration: none;

        background-color: #ee1d23;

    }
 */
    /*############ Header Css End here #############*/

    /*############ Slider Css Start here #############*/

    

    .slider-caption .row {

        align-items: center;

        justify-content: center;

    }

    

    a.banner-btn {

        background: #ee1d23;

        color: #fff;

        text-decoration: none;

        padding: 10px 18px;

        border-radius: 50px;

        transition: all .3s;

    }

    

    a.banner-btn:hover {

        background: rgb(0 0 0);

    }

    

    .slider-caption .left {

        padding-left: 100px;

    }

    

    .slider-caption .left h2 {

        font-size: 47px;

        font-weight: 800;

    }

    

    .slider-caption .left h3 {

        font-size: 33px;

        font-weight: 800;

    }

    

    .slider-caption .left h4 {

        font-size: 33px;

        font-weight: 800;

        padding-bottom: 23px;

    }

    

    .slider-caption .left p {

        font-size: 18px;

        font-weight: 100;

        padding: 0;

        margin: 0;

        padding-bottom: 10px;

    }

    

    .slider-img img {

        width: 100%;

    }

    

    .slider-caption {

        padding: 3px 0;

    }

    

    .carousel-control-next-icon,

    .carousel-control-prev-icon {

        display: inline-block;

        width: 2rem;

        height: 2rem;

        background: #000;

        border-radius: 2px;

        padding: 10px !important;

        background-repeat: no-repeat;

        background-position: 50%;

        background-size: 100% 100%;

    }

    

    .arrow i {

        position: absolute;

        z-index: 9999;

        color: #000;

    }

    

    .arrow i {

        position: absolute;

        z-index: 9999;

        color: #fff;

        background: #ee1d23;

        font-size: 20px;

        width: 40px;

        height: 40px;

        line-height: 40px;

        text-align: center;

    }

    /*############ Products Categories  Css Start here #############*/

    

    section.product-cat-section {

        padding: 60px 0;

        background: #f8f8f8;

    }

    

    .section-title {

        position: relative;

        text-align: center;

    }

    

    .section-title h2 {

        position: relative;

        text-transform: uppercase;

        font-weight: 600;

        padding-bottom: 10px;

    }

    

    .section-title p {

        padding-top: 20px;

        padding: 18px 100px;

    }

    

    .section-title h2:before {

        right: 0;

        position: absolute;

        content: "";

        bottom: -7px;

        left: 0;

        z-index: 1;

        margin: 0 auto;

        width: 60px;

        z-index: 99;

        height: 4px;

        background: #ee1d23;

    }

    

    .section-title h2:after {

        right: 0;

        position: absolute;

        content: "";

        bottom: -6px;

        left: 0;

        z-index: 1;

        margin: 0 auto;

        width: 279px;

        height: 2px;

        background: #e6e6e6;

    }

    

    .product-categories .pro-cat-card {

        display: flex;

        justify-content: center;

        background: rgb(255, 255, 255);

        padding: 15px;

        box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);

        margin-bottom: 15px;

    }

    

    .product-categories .pro-cat-card .pro-img img {

        width: 100%;

    }

    .product-categories .pro-cat-card .pro-cat-des a {

    color: #000;

}

    .product-categories .pro-cat-card .pro-cat-des h3 {

        font-size: 17px;

        font-weight: 600;

    }

    

    .product-categories .pro-cat-card .pro-cat-des p {

        font-size: 14px;

        color: #717171;

    }

    

    .product-categories .pro-cat-card .pro-cat-des {

        padding-left: 11px;

    }

    /*############ Products Categories  Css End here #############*/

    /*############ About Us  Css Start here #############*/

    

    .about-us-section {

        padding: 60px 0;

    }

    /* Image hover Effects */

    

    .grid {

        position: relative;

        margin: 0 auto;

        padding: 1em 0 4em;

        max-width: 1000px;

        list-style: none;

        text-align: center;

    }

    /* Common style */

    

    .about-img-grid figure {

        position: relative;

        float: left;

        overflow: hidden;

        margin: 10px 1%;

        width: 100%;

        background: #3085a3;

        text-align: center;

        cursor: pointer;

    }

    

    .about-img-grid figure img {

        position: relative;

        display: block;

        min-height: 100%;

        max-width: 100%;

        opacity: 1;

        width: 100%;

        height: 507px;

    }

    

    .about-img-grid figure figcaption {

        padding: 2em;

        color: #fff;

        text-transform: uppercase;

        font-size: 1.25em;

        -webkit-backface-visibility: hidden;

        backface-visibility: hidden;

    }

    

    .about-img-grid figure figcaption::before,

    .about-img-grid figure figcaption::after {

        pointer-events: none;

    }

    

    .about-img-grid figure figcaption,

    .about-img-grid figure figcaption>a {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

    }

    /* Anchor will cover the whole item by default */

    /* For some effects it will show as a button */

    

    .about-img-grid figure figcaption>a {

        z-index: 1000;

        text-indent: 200%;

        white-space: nowrap;

        font-size: 0;

        opacity: 0;

    }

    

    .about-img-grid figure h2 {

        word-spacing: -0.15em;

        font-weight: 300;

    }

    

    .about-img-grid figure h2 span {

        font-weight: 800;

    }

    

    .about-img-grid figure h2,

    .about-img-grid figure p {

        margin: 0;

    }

    

    .about-img-grid figure p {

        letter-spacing: 1px;

        font-size: 68.5%;

    }

    

    figure.effect-layla {

        background: #18a367;

    }

    

    figure.effect-layla figcaption {

        padding: 3em;

        padding-top: 31%;

    }

    

    figure.effect-layla figcaption::before,

    figure.effect-layla figcaption::after {

        position: absolute;

        content: '';

        opacity: 0;

    }

    

    figure.effect-layla figcaption::before {

        top: 50px;

        right: 30px;

        bottom: 50px;

        left: 30px;

        border-top: 1px solid #fff;

        border-bottom: 1px solid #fff;

        -webkit-transform: scale(0, 1);

        transform: scale(0, 1);

        -webkit-transform-origin: 0 0;

        transform-origin: 0 0;

    }

    

    figure.effect-layla figcaption::after {

        top: 30px;

        right: 50px;

        bottom: 30px;

        left: 50px;

        border-right: 1px solid #fff;

        border-left: 1px solid #fff;

        -webkit-transform: scale(1, 0);

        transform: scale(1, 0);

        -webkit-transform-origin: 100% 0;

        transform-origin: 100% 0;

    }

    

    figure.effect-layla h2 {

        -webkit-transition: -webkit-transform 0.35s;

        transition: transform 0.35s;

        font-weight: 800;

    }

    

    figure.effect-layla p {

        padding: 0.5em 2em;

        text-transform: none;

        opacity: 0;

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0);

    }

    

    figure.effect-layla img,

    figure.effect-layla h2 {

        -webkit-transform: translate3d(0, 0px, 0);

        transform: translate3d(0, 0px, 0);

    }

    

    figure.effect-layla img,

    figure.effect-layla figcaption::before,

    figure.effect-layla figcaption::after,

    figure.effect-layla p {

        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

        transition: opacity 0.35s, transform 0.35s;

    }

    

    figure.effect-layla:hover img {

        opacity: 0.7;

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

        transform: translate3d(0, 0, 0);

    }

    

    figure.effect-layla:hover figcaption::before,

    figure.effect-layla:hover figcaption::after {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1);

    }

    

    figure.effect-layla:hover h2,

    figure.effect-layla:hover p {

        opacity: 1;

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

        transform: translate3d(0, 0, 0);

    }

    

    figure.effect-layla:hover figcaption::after,

    figure.effect-layla:hover h2,

    figure.effect-layla:hover p,

    figure.effect-layla:hover img {

        -webkit-transition-delay: 0.15s;

        transition-delay: 0.15s;

    }

    /* end image hover effect */

    /*############ About us  Css End here #############*/

    /*############ Product  Css Start here #############*/

    

    .product-section {

        padding: 60px 0;

        background: #f6f6f6;

    }

    

    .product-section .product-card .product-img figure img {

        width: 100%;

    }

    

    .product-section .gallery-card {

        border: 1px solid #ddd;

    }

    

    .product-section .product-card {

        background: #fff;

        box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 7%);

        border-bottom-left-radius: 10px;

        border-bottom-right-radius: 10px;

        margin-bottom: 15px;

    }

    

    .product-section h3.product-title {

        font-size: 17px;

        text-align: center;

        padding: 10px;

        background: rgb(249, 249, 249);

        margin: 0;

        border-bottom-left-radius: 11px;

        border-bottom-right-radius: 11px;

    }

    

    .product-section .product-card:hover h3 {

        transition: all .3s;

        ;

    }

    

    .product-section .product-card:hover h3.product-title {

        font-size: 17px;

        text-align: center;

        padding: 10px;

        background: rgb(238 29 35);

        margin: 0;

        border-bottom-left-radius: 11px;

        border-bottom-right-radius: 11px;

        color: #fff;

    }

    

    .product-section figure {

        overflow: hidden;

        transition: all .3s;

    }

    

    .product-section figure img {

        transition: all .3s;

    }

    

    .product-section figure:hover img {

        transform: scale(1.1);

    }

    /*############ Product Css End here #############*/

    /*############ GATESEA'S EQUIPMENTS Css Start here #############*/

    

    .gateseas-eq-section {

        padding: 60px 0;

    }

    

    .gateseas-eq-card {

        overflow: hidden;

        position: relative;

        box-shadow: 0px 0px 19px rgb(0 0 0 / 10%);

        padding: 15px;

        background: #fff;

    }

    

    .gateseas-eq-card figure {

        overflow: hidden;

        margin: 0;

    }

    

    .gateseas-eq-card figure img {

        transition: all .3s;

    }

    

    .gateseas-eq-card:hover figure img {

        overflow: hidden;

        transition: all .3s;

        transform: scale(1.1);

    }

    

    .gateseas-eq-card:hover .caption {

        position: absolute;

        bottom: 0;

        padding: 15px;

        background: #ffffff;

        transition: all .3s;

    }

    

    .gateseas-eq-card:hover .caption h3 {

        font-size: 19px;

        font-weight: 800;

        background: rgb(238 29 35 / 0%);

        padding: 2px 12px 9px 18px;

        color: rgb(0 0 0);

        margin-left: -21px;

        border-bottom: 1px solid #e7e7e7;

    }

    

    .gateseas-eq-card img {

        width: 100%;

    }

    

    .gateseas-eq-card .caption {

        position: absolute;

        bottom: 0;

        padding: 15px;

        background: #ffffff7d;

    }

    

    .gateseas-eq-card .caption h3 {

        font-size: 19px;

        font-weight: 800;

        background: #000000;

        padding: 2px;

        color: #fff;

        margin-left: -16px;

        padding-left: 18px;

    }

    

    .gateseas-eq-card .caption p {

        font-size: 14px;

        padding: 0;

        margin: 0;

        padding-bottom: 9px;

    }

    /*############ GATESEA'S EQUIPMENTS Css End here #############*/

    /*############ CTA  Css Start here #############*/

    

    .cta-area2 {

        width: 100%;

        min-height: 344px;

        position: relative;

        padding: 60px 0;

        text-align: center;

    }

    

    .cta-area2::before {

        content: "";

        position: absolute;

        background: #1f242c;

        opacity: 0.85;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

    }

    

    .cta-area2 .align-items-center {

        align-items: center!important;

        position: relative;

        z-index: 999;

    }

    

    .cta-area h6 {

        color: #fff;

    }

    

    .cta-area h2 {

        font-size: 41px;

        color: #fff;

    }

    

    .cta-area ul.btn-list.text-center {

        display: flex;

        justify-content: center;

        padding-top: 30px;

    }

    

    .cta-area ul li {

        list-style: none;

        padding: 10px 18px;

    }

    /*############ CTA Css End here #############*/

    /*############ Gallery Css Start here #############*/

    

    .gallery-section {

        padding: 60px 0;

        background: #f8f8f8;

    }

    

    .gallery-card {

        margin-bottom: 15px;

    }

    

    .gallery-card .content {

        position: relative;

        margin: auto;

        overflow: hidden;

    }

    

    .gallery-card .content a img {

        width: 100%;

    }

    

    .gallery-card .content .content-overlay {

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

        position: absolute;

        height: 99%;

        width: 100%;

        left: 0;

        top: 0;

        bottom: 0;

        right: 0;

        opacity: 0;

        -webkit-transition: all 0.4s ease-in-out 0s;

        -moz-transition: all 0.4s ease-in-out 0s;

        transition: all 0.4s ease-in-out 0s;

    }

    

    .gallery-card .content:hover .content-overlay {

        opacity: 1;

    }

    

    .gallery-card .content-image {

        width: 100%;

    }

    

    .gallery-card .content-details {

        position: absolute;

        text-align: center;

        padding-left: 1em;

        padding-right: 1em;

        width: 82%;

        top: 50%;

        border: 0.8px solid #fff;

        left: 50%;

        margin: 0px;

        padding: 30px;

        opacity: 0;

        -webkit-transform: translate(-50%, -50%);

        -moz-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

        -webkit-transition: all 0.3s ease-in-out 0s;

        -moz-transition: all 0.3s ease-in-out 0s;

        transition: all 0.3s ease-in-out 0s;

    }

    

    .gallery-card .content:hover .content-details {

        top: 50%;

        left: 50%;

        opacity: 1;

    }

    

    .gallery-card .content-details h3 {

        color: #fff;

        font-weight: 500;

        letter-spacing: 0.15em;

        margin-bottom: 0.5em;

        text-transform: uppercase;

        font-size: 21px;

    }

    

    .gallery-card .content-details p {

        color: #fff;

        font-size: 0.8em;

    }

    

    .gallery-card .fadeIn-top {

        top: 20%;

    }

    /*############ Gallery Css End here #############*/

    /*############ testimonial Css End here #############*/

    

    .testimonial-section {

        padding: 60px 0;

    }

    

    .testimonial-section .author {

        display: flex;

        align-items: center;

        padding-bottom: 20px;

    }

    

    .testimonial-section .item {

        background: #f8f8f8;

        padding: 30px;

    }

    

    .testimonial-section .author .author-img {

        margin-right: 20px;

    }

    

    .testimonial-section .author-des h6 {

        margin: 0;

        font-weight: bold;

    }

    

    .testimonial-section .author-des span {

        color: #ee1d23;

    }

    

    .testimonial-section .item-content {

        display: flex;

        justify-content: space-between;

        align-items: center;

    }

    

    .testimonial-section .item-content .item-content-star a {

        color: #ee1d23;

        font-size: 21px;

    }

    

    .testimonial-section .item-content .item-content-quote {

        font-size: 46px;

        color: #ee1d23;

    }

    

    .testimonial-section .item p {

        font-size: 15px;

        line-height: 30px;

    }

    

    .slick-slider {

        margin: 0 -15px;

    }

    

    .slick-slide {

        padding: 10px;

        background-color: red;

        text-align: center;

        margin-right: 15px;

        margin-left: 15px;

    }

    /*############ testimonial Css End here #############*/

    /*############ Contact Us Css Start here #############*/

    

    .contact-us-section {

        width: 100%;

        min-height: 439px;

        position: relative;

        padding: 60px 0;

        text-align: center;

        background-size: cover;

    }

    

    .contact-us-section .align-items-center {

        align-items: center!important;

        position: relative;

        z-index: 999;

    }

    

    .contact-form {

        text-align: left;

        background: #ffffff6e;

        padding: 30px;

        box-shadow: 0px 0px 6px #dddddd59;

    }

    

    .contact-form h3 {

        color: #000;

        font-weight: bold;

    }

    

    .contact-form p {

        color: #000;

        padding-top: 17px;

        padding-bottom: 20px;

    }

    

    #contactForm label {

        text-align: left;

        display: flex;

        color: #000;

    }

    

    #contactForm .form-control {

        display: block;

        width: 100%;

        padding: 0.375rem 0.75rem;

        font-size: 1rem;

        font-weight: 400;

        line-height: 1.5;

        color: #212529;

        background-color: #fff0;

        background-clip: padding-box;

        border: 1px solid #9f9f9f;

        -webkit-appearance: none;

        -moz-appearance: none;

        appearance: none;

        border-radius: 0;

        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    }

    

    .btn-primary {

        color: #fff;

        background-color: #ee1d23;

        border-color: #ee1d23;

        transition: all .3s;

    }

    

    .btn-primary:hover {

        color: #fff;

        background-color: #000;

        border-color: #000;

    }

    

    #contactForm textarea#message {

        height: 106px !important;

    }

    /*############ Contact Us Css End here #############*/

    /*############ News Css End here #############*/

    

    .news-section {

        padding: 60px 0;

    }

    

    .news-section .news-card figure {

        position: relative;

        overflow: hidden;

       

       

        

    } 

    .news-section2 .news-card figure {

        position: relative;

        overflow: hidden;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    

    .news-section .news-card:hover figure .bg {

        right: 0;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    

    .news-section .news-card .bg a i.fa.fa-eye {

        font-size: 30px;

        color: #fff;

    }

    

    .news-section .news-card figure .bg {

        position: absolute;

        right: -220px;

        top: 0;

        width: 100%;

        height: 100%;

        display: block;

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

        z-index: 2;

        border-radius: 0 0 0 10px;

        transition: all ease 0.35s;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    

    .news-card .date-area {

        transition: .3s;

    }

    

    .news-card:hover .date-area {

        background: #000;

    }

    

   .news-card img {
    width: 100%;
    height: 276px;
    object-fit: cover;
}
    

    .news-card {

        padding: 15px;

        box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;

        background: #fff;

        margin-bottom: 20px;

        transition: .3s;

    }

    

    .news-card h3 {

        font-size: 20px;

        padding-top: 12px;

        margin: 0;

    }

    

    .news-section-list .news-card {

        padding: 15px;

        box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;

        background: #fff;

        margin-bottom: 20px;

        display: flex;

    }

    

    .news-section-list .date-area span.day {

        font-size: 39px;

        color: #fff;

        font-weight: bold;

    }

    

    .news-section-list .date-area {

        padding: 10px;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        background: #ee1d23;

    }

    

    .news-section-list figure {

        margin: 0;

    }

    

    .news-section-list .news-card img {

        width: 100%;

        height: 100%;

    }

    

    .news-section-list .news-card h3 {

        font-size: 20px;

        padding-top: 12px;

        margin: 0;

        padding-bottom: 8px;

        border-bottom: 1px dashed #f3f3f3;

        margin-bottom: 10px;

    }

    

    .news-section-list .news-caption p:last-child {

        display: block;

        padding-top: 20px;

        display: inline;

    }

    

    .news-section-list .news-caption div a {

        text-decoration: none;

        color: #f00;

        padding-top: 11px;

        display: block;

    }

    

    .news-section-list .date-area span.ym {

        color: #fff;

    }

    

    .news-section-list .news-caption {

        padding-left: 22px;

    }

    

    .news-card p {

        padding: 0;

        margin: 0;

        color: #5f5f5f;

        font-size: 15px;

    }

    

    .news-card p.date {

        padding: 10px 0;

        color: #ee1d23;

    }

    

    .news-caption p a {

        background: #ee1d23;

        margin: 0;

        color: #fff;

        padding: 10px 20px;

        margin-top: 20px;

        transition: .3s;

            display: inline-block;

    }

    

    .news-caption p a:hover {

        background: #000000;

    }

    

    .news-caption p:last-child {

        display: block;

        padding-top: 20px;

    }

    /*############ News Css End here #############*/

    /*############ Footer Css End here #############*/

    

    footer {

        background: #000000;

        padding: 100px 0px 0px 0px;

    }

        .footer__widget .widget  {

    background-color: #fff0!important;

    margin-bottom: 10px;

    padding: 0 !important;

}.addres-bar__content a {

    color: #fff;

}

    .row.copy-right-area.copy-area2.pos-rel {

        padding: 22px 0;

    }

    

    .footer-bottom-area .footer__widget h5.bottom-line {

        position: relative;

    }

    

    .fot-bottom-a2 .widget2 h5 {

        color: #232323;

    }

    

    .footer-bottom-area .footer__widget h5.bottom-line {

        position: relative;

        padding-bottom: 14px;

        font-weight: 800;

        margin-bottom: 29px;

        text-transform: uppercase;

        font-size: 17px !important;

    }

    

    .fot-bottom-a2 .widget2 h5 {

        color: #ffffff;

    }

    

    .footer-bottom-area .footer__widget h5.bottom-line::after {

        content: "";

        background: #ee1d23;

        position: absolute;

        left: 0;

        bottom: -1px;

        width: 0;

        height: 4px;

        z-index: 2;

        -webkit-transition: all 0.4s ease-out 0s;

        -moz-transition: all 0.4s ease-out 0s;

        -ms-transition: all 0.4s ease-out 0s;

        -o-transition: all 0.4s ease-out 0s;

        transition: all 0.4s ease-out 0s;

    }

    

    .footer-bottom-area .footer__widget h5.bottom-line::before {

        content: "";

        background-color: #dedede;

        position: absolute;

        left: 0;

        bottom: 0;

        width: 100px;

        height: 2px;

        z-index: 1;

    }

    

    .footer-bottom-area .footer__widget:hover h5.bottom-line::after {

        width: 40px;

    }

    

    .fot-bottom-a2 .widget2 p {

        color: #ffffff;

    }

    

    .fot-bottom-a2 .widget2 .fot-list li a {

        color: #ffffff;

    }

    

    .footer-bottom-area .footer__widget .fot-list li a {

        color: #ffffff;

        font-size: 15px;

        line-height: 14px;

    }

    

    ul.solar-information li a {

        display: flex;

        line-height: 21px !important;

        padding-bottom: 12px;

    }

    

    ul.solar-information li a span {

        padding-right: 16px;

    }

    

    .fot-bottom-a2 .addres-bar__icon i {

        color: #ee1d23;

        font-size: 18px;

        margin-top: 8px;

        display: inline-block;

    }

    
.fot-bottom-a2 .addres-bar .direction {
    color: #fff;
    font-size: 15px;
    line-height: 1;
    font-weight: 400;
}

    

    .addres-bar__icon {

        padding-right: 13px;

    }

    

    .addres-bar.d-flex {

        align-items: baseline;

        padding-bottom: 13px;

    }

    

   .footer-bottom-area .footer__widget .foter__social a {
    width: 35px;
    height: 35px;
    font-size: 12px;
    line-height: 35px;
    background: red;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    transition: all .3s;
}

    

    .foter__social {

        padding-top: 20px;

    }

    

    .footer-bottom-area .footer__widget .foter__social a:hover {

        background: #ee1d23;

        color: #fff;

    }

    

    .insta-thumb a.instagram {

        display: inline-block;

    }

    

    .insta-thumb a img {

        width: 96px;

        padding-bottom: 4px;

    }

    

    .copy-area2 .copyright2 p {

        color: #ffffff;

        margin: 0;

    }

    

    .bottom-nav ul li {

        display: inline-block;

    }

    

    .bottom-nav ul li>a {

        font-size: 15px;

        line-height: 32px;

        font-weight: 700;

        display: inline-block;

        margin-left: 28px;

    }

    

    .copy-area2 .bottom-nav ul li a {

        color: #616161;

    }

    

    .fot-bottom-a2 {

        padding-bottom: 30px;

        margin-bottom: 60px;

    }

    

    .copy-right-area.copy-area2.pos-rel {

        background: #080707;

        padding: 21px 0;

    }

    

    .copy-area2 .copyright2 p a {

        color: #ffffff;

        margin: 0;

    }

    h1.inner-title {

    font-size: 35px;

    color: #fff;

}

    /*############ Footer Css End here #############*/

    /*############ Product Page Css Start here #############*/

    

    section.inner-banner-section {

        padding: 82px 0 !important;

        text-align: center;

        position: relative;

    }

    

    .inner-banner-caption {

        background: rgb(0 0 0 / 26%);

        padding: 37px;

    }

    

    h3.inner-title {

        font-size: 35px;

        color: #fff;

    }

    

    section.inner-banner-section a {

        color: red;

        text-decoration: none;

    }

    

    .breadcrumb-item.active {

        color: #ffffff;

    }

    

    section.inner-banner-section .breadcrumb {

        justify-content: center;

    }

    

    .product-cat .accordion-button {

        padding: 10px 10px;

        border-bottom: 1px solid #e9e9e9;

    }

    

    .accordion-item:first-of-type .accordion-button {

        border-top-left-radius: 0;

        border-top-right-radius: 0;

    }

    

    .product-cat .accordion-item:last-child .accordion-button {

        padding: 10px 10px;

        border-bottom: none;

    }

    

    section.product-page-section {

        background: #fff;

    }

    

    .left-sidebar .product-cat-list {

        background: rgb(255, 255, 255);

        /* box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px; */

        padding: 10px;

        /* box-shadow: rgb(0 0 0 / 5%) 0px 0px 0px 1px; */

        box-shadow: rgb(0 0 0 / 6%) 0px 3px 12px;

        margin-bottom: 20px;

    }

    

    .left-sidebar h3 {

        font-size: 20px;

        padding: 4px 7px;

        border-left: 5px solid red;

        margin-bottom: 24px;

    }

   .left-sidebar .product-cat ul li a {

    COLOR: #000;

    padding: 8px 0;

    border-bottom: 1px dashed #ddd;

    display: block;

    margin-bottom: 3px;

}

    .product-cat .accordion-button::after {

        flex-shrink: 0;

        width: 17px;

        height: 20px;

        margin-left: auto;

        content: "";

        background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);

        background-repeat: no-repeat;

        background-size: 13px;

        transition: transform .2s ease-in-out;

    }

    

    .product-cat .accordion-body {

        padding: 10px 10px;

    }

    

    .product-cat .accordion-button:not(.collapsed) {

        color: #fff;

        background-color: red;

        box-shadow: none;

    }

    

    .product-cat .accordion-button:not(.collapsed)::after {

        background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);

        transform: rotate(-180deg);

        filter: brightness(0) invert(1);

        height: 13px;

    }

    

    ul.product-sub-cat {

        margin-left: 10px;

    }

    

    ul.product-sub-cat li a {

        color: #000;

        position: relative;

        font-size: 15px;

    }

    

    ul.product-sub-cat li {

        border-bottom: 1px dashed #ddd;

        position: relative;

        padding: 8px 0;

    }

    

    ul.product-sub-cat li:last-child {

        border-bottom: none;

        padding: 8px 0;

    }

    

    ul.product-sub-cat li a:before {

        position: absolute;

        content: "";

        left: -13px;

        top: 4px;

        display: block;

        /* margin: 30px auto; */

        width: 7px;

        height: 7px;

        border-top: 2px solid #989898;

        border-left: 2px solid #989898;

        transform: rotate(135deg);

    }

    

    .product-cat .accordion-item {

        border: none;

    }

    

    .product-cat .accordion-button:focus {

        z-index: 3;

        border-color: navajowhite;

        outline: 0;

        box-shadow: none;

    }

    

    .left-sidebar .new-product-list {

        background: rgb(255, 255, 255);

        padding: 10px;

        /* box-shadow: rgb(0 0 0 / 6%) 0px 3px 12px; */

        margin-bottom: 20px;

    }

    

    .left-sidebar .new-product-list ul {

        margin: 0px;

        padding: 0;

        overflow: hidden;

    }

    

    .left-sidebar .new-product-list ul li {

        display: flex;

        list-style: none;

        margin-bottom: 10px;

        border-bottom: 1px solid #f9f9f9;

        padding-bottom: 10px;

    }

    

    .left-sidebar .new-product-list ul li .new-pro-img {

        border: 1px solid #f6f6f6;

        display: flex;

        align-items: center;

        justify-content: center;

        text-align: center;

        margin-right: 10px;

        border-radius: 4px;

    }

    

    .left-sidebar .new-product-list ul li .new-pro-img img {

        margin-right: 0;

        width: 52px;

    }

    

    .left-sidebar .new-product-list ul li .new-pro-caption {

        margin-right: 10px;

    }

    

    .left-sidebar .new-product-list ul li .new-pro-caption h4 a {

        margin-right: 10px;

        text-overflow: ellipsis;

        white-space: nowrap;

        padding-bottom: 6px;

        font-size: 14px;

        color: #000;

        font-weight: bold;

    }

    

    .left-sidebar .new-product-list ul li .new-pro-caption h4 {

        margin: 0px;

        padding: 0;

    }

    

    .left-sidebar .new-product-list ul li .new-pro-caption p {

        margin-right: 10px;

        font-size: 12px;

        padding: 0;

        margin: 0;

        padding: 3px 0;

    }

    

    .left-sidebar .new-product-list ul li .new-pro-caption p a {

        margin-right: 10px;

        color: red;

    }

    

    .right-sidebar .product-grid {

        background: rgb(255, 255, 255);

        /* box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px; */

        padding: 10px;

        /* box-shadow: rgb(0 0 0 / 5%) 0px 0px 0px 1px; */

        box-shadow: rgb(0 0 0 / 1%) 0px 3px 12px;

    }

    

    .right-sidebar .list-grid-view {

        float: right;

        display: flex;

        justify-content: end;

        padding-right: 11px;

        padding-bottom: 20px;

    }

    

    .right-sidebar h3 {

        font-size: 20px;

        padding: 4px 7px;

        border-left: 5px solid red;

        margin-bottom: 24px;

        text-transform: uppercase;

    }

    

    .view-group {

        display: -ms-flexbox;

        display: flex;

        -ms-flex-direction: row;

        flex-direction: row;

        padding-left: 0;

        margin-bottom: 0;

    }

    

    .btn-group .btn-info {

        color: #fff;

        background-color: #000000;

        border-color: #0000;

        border-radius: 0;

    }

    

    .btn-group .btn-danger {

        color: #fff;

        background-color: red;

        border-color: red;

        border-radius: 0;

    }

    

    .thumbnail {

        margin-bottom: 30px;

        padding: 0px;

        -webkit-border-radius: 0px;

        -moz-border-radius: 0px;

        border-radius: 0px;

    }

    

    .product-card-new {

        position: relative;

        display: flex;

        flex-direction: column;

        min-width: 0;

        word-wrap: break-word;

        background-color: #fff;

        background-clip: border-box;

        border-radius: 0.25rem;

        /* box-shadow: rgb(0 0 0 / 6%) 0px 3px 12px; */

        border: 1px solid #efefef;

        transition: .3s;

    }

    

    .product-card-new:hover {

        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;

    }

    

    .product-card-new .product-img {

        overflow: hidden;

    }

    

    .product-card-new .product-img img.img-fluid {

        transition: .2s;

    }

    

    .product-card-new:hover .product-img img.img-fluid {

        transform: scale(1.2);

    }

    

    .product-grid .col-lg-4 .product-des {

        display: none;

    }

    

    .product-grid .list-group-item .product-des {

        display: block;

    }

    

    .product-grid .product-title {

        margin-bottom: 21px;

        font-size: 19px;

    }

    

    .product-grid .list-group-item .product-caption {

        flex: 1 1 auto;

        padding: 2rem 1rem;

        text-align: left;

    }

    

    .product-grid .list-group-item .product-title {

        margin-bottom: 9px;

        font-size: 19px;

    }

    

    .product-caption {

        flex: 1 1 auto;

        padding: 15px;

        text-align: center;

    }

    

    .item.list-group-item {

        float: none;

        width: 100%;

        background-color: #fff;

        margin-bottom: 30px;

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

        padding: 0 1rem;

        border: 0;

    }

    

    .view-more .btn-red {

        background: #ee1d23;

        color: #fff;

        text-decoration: none;

        padding: 8px 13px;

        transition: all .3s;

    }

    

    .view-more .btn-red:hover {

        background: rgb(0 0 0);

        color: rgb(255, 255, 255);

        text-decoration: none;

        padding: 8px 13px;

        transition: all 0.3s ease 0s;

    }

    

    .item.list-group-item .product-img {

        float: left;

        width: 30%;

    }

    

    .item.list-group-item .list-group-image {

        margin-right: 10px;

    }

    

    .item.list-group-item .thumbnail {

        margin-bottom: 0px;

        display: inline-block;

    }

    

    .item.list-group-item .caption {

        float: left;

        width: 70%;

        margin: 0;

    }

    

    .item.list-group-item:before,

    .item.list-group-item:after {

        display: table;

        content: " ";

    }

    

    .item.list-group-item:after {

        clear: both;

    }

    /*############ Product Page Css End here #############*/

    /*############ Product details Page Css End here #############*/

    

    .product-img-slider .slick-slide {

        padding: 10px;

        background-color: #f0f0f000;

        text-align: center;

        margin-right: 0;

        margin-left: 0;

        border: 0.5px solid #ddd;

        margin-bottom: 6px;

        overflow: hidden;

    }

    

    .product-descriptions ul {

        margin-left: 11px;

    }

    

    .product-descriptions ul li {

        font-size: 14px;

        padding: 4px 0;

        font-weight: 300;

    }

    

    .product-descriptions ul li span {

        color: #000000;

        padding-left: 11px;

        font-weight: bold;

    }

    

    .product-img-slider .slick-slider {

        margin: 0 0px;

    }

    

    .product-descriptions .slick-list {

        overflow: hidden;

        margin: 0;

        padding: 0;

    }

    

    .zoom-box .viewer-box {

        position: absolute;

        border: none;

        display: none;

        overflow: hidden;

        width: 100% !important;

    }

    

    .product-more-details h3 {

        font-size: 20px;

        padding: 4px 7px;

        border-left: 5px solid red;

        margin-bottom: 24px;

    }

    

    .product-more-details h4 {

        font-size: 20px;

        border-bottom: 1px solid #eee;

        padding-bottom: 10px;

        /* background: #eee; */

    }

    

    .product-more-details tbody,

    .product-more-details td,

    .product-more-details tfoot,

    .product-more-details th,

    .product-more-details thead,

    .product-more-details tr {

        border-color: inherit;

        border-style: solid;

        border-width: 0px;

        font-size: 14px;

    }

    

    .hot-tag ul {

        margin: 0;

        padding: 0;

        display: flex;

        flex-wrap: wrap;

    }

    

    .hot-tag ul li {

        list-style: none;

    }

    
/*.hot-tag ul li:first-child a {

        list-style: none;

        background: no-repeat;

        color: #000;

        font-weight: bold;

        font-size: 17px;

        padding: 0;

        padding-bottom: 10px;

        display: inline-block;
}*/

    

    .hot-tag ul li a {

        list-style: none;

        background: red;

        padding: 4px 12px;

        border-radius: 6px;

        margin: 0px 4px;

        color: #fff;

        font-size: 13px;

    }

    

    .message-box {

        background: #f7f7f7;

        padding: 30px;

        margin-top: 40px;

    }

    

    section.releted-product-section {

        padding: 60px 0;

        background: #eeeeee7d;

    }

    

    .product-more-details {

        padding-top: 40px;

    }

    

    .product-more-details h4 {

        font-size: 16px;

        border-bottom: 1px solid rgb(238, 238, 238);

        padding-bottom: 10px;

    }

    

    .releted-product-slider .slick-slide {

        background: #f4f4f4;

        box-shadow: rgb(0 0 0 / 6%) 0px 3px 12px;

    }

    

    .releted-product-slider .slick-slide h4 {

        font-size: 18px;

        padding: 16px 0;

        margin: 0;

        padding-bottom: 0;

    }

    

    .releted-product-wrap h3 {

        font-size: 20px;

        padding: 4px 7px;

        border-left: 5px solid red;

        margin-bottom: 24px;

    }

    /*############ Product details Page Css End here #############*/

    /*############ About Us page Page Css start here #############*/

    

    section.about-inner-sec {

        background: #f4f4f4;

    }

    

    .inner-about-img img {

        width: 100%;

    }

    

    .inner-about-img img {

        width: 100%;

        box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;

        padding: 10px;

    }

    /*############ About Us page Page Css End here #############*/

    /*############ Dowunload page Page Css Start here #############*/

    

    .download-page-sec .download-card {

        display: flex;

        align-items: center;

        box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;

        padding: 15px;

        min-height: 114px;

        margin-bottom: 23px;

    }

    

    .download-page-sec .download-card:hover {

        display: flex;

        align-items: center;

        box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;

        padding: 15px;

        min-height: 114px;

        margin-bottom: 23px;

    }

    

    .download-card a {

        display: flex;

        align-items: center;

        position: relative;

    }

    

    .download-card {

        position: relative;

    }

    

    .download-content p {

        margin: 0;

        padding: 0;

        color: #000;

        font-size: 16px;

        padding-left: 10px;

        word-break: break-word;

    }

    

    .download-content p span {

        color: red;

        font-size: 14px;

    }

    

    .download-card:hover .download-icon img {

        width: 109%;

    }

    

    .download-card .download-icon {

        opacity: 0;

        visibility: hidden;

        position: absolute;

        top: -54px;

        left: 0px;

        background: #fff;

        transition: .4s;

    }

    

    .download-card:hover .download-icon {

        opacity: 1;

        position: absolute;

        left: 0px;

        top: 0px;

        background: #fff;

        visibility: visible;

    }

    /*############ Dowunload page Page Css End here #############*/

    /*=============================

contact us page css start here

==============================*/

    

    section.contact-sec {

        padding: 40px 0px;

    }

    

    .contact-wrap {

        text-align: center;

        margin-bottom: 30px;

    }

    

    .contact-wrap h3 {

        font-size: 32px;

        color: #f44336;

        font-weight: 700;

    }

    

    .contact-info {

        /* border: 1px solid #e5e5e5; */

        padding: 30px;

        text-align: center;

        box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;

        min-height: 238px;

    }

    

    .contact-info i {

        font-size: 34px;

        color: #f44336;

        margin-bottom: 25px;

    }

    

    .contact-info h3 {

        font-size: 20px;

        font-weight: 600;

    }

    

    .contact-info small {

        font-size: 14px;

        color: #746a6a;

        display: block;

    }

    

    .contact-info p {

        font-size: 16px;

        margin-bottom: 0px;

        color: black;

        padding: 10px 0px;

    }

    

    .contact-info a {

        padding: 10px 0px;

        display: block;

        color: #000;

    }

    

    .contact-form-wrap {

        background-image: url(../img/contact-us-2.jpg);

        background-size: cover;

        background-position: center;

        position: relative;

    }

    

    .contact-form-wrap {

        padding: 72px 40px;

        position: relative;

        z-index: 2;

    }

    

    .contact-form-wrap:before {

        position: absolute;

        top: 0;

        ;

        left: 0;

        width: 100%;

        height: 100%;

        content: "";

        background-image: linear-gradient(#f44336ad, #0707078a);

    }

    

    section.contact-form-sec {

        padding-bottom: 40px;

    }

    

    .contact-form-wrap h2 {

        font-size: 38px;

        color: #fff;

        font-weight: 800;

        position: relative;

    }

    

    .contact-form-wrap p {

        position: relative;

        color: #fff;

        margin-top: 20px;

    }

    

    .contact-form-wrap h4 {

        position: relative;

        color: #fff;

        font-size: 20px;

        font-weight: 600;

    }

    

    .contact-form-wrap ul {

        position: relative;

        display: flex;

        margin-top: 24px;

    }

    

    .contact-form-wrap ul li a {

        width: 40px;

        height: 40px;

        display: block;

        text-align: center;

        line-height: 40px;

        border: 1px solid #ffffff;

        color: #fff !important;

    }

    

    .contact-form-wrap ul li {

        margin-right: 10px;

    }

    

    .contact-form-wrap ul li a i {

        color: #fff;

    }

    

    .contact-form-wrap ul li a:hover {

        background: #f44336;

    }

    

    .contact-form-wrap ul li a:hover i {

        color: #fff;

    }

    

    .form-wrap {

        border: 1px solid #e5e5e5;

        padding: 28px;

    }

    

    .form-wrap .input-group input {

        width: 100%;

        outline: none;

        padding: 9px;

        border: 1px solid #e5e5e5;

        margin-bottom: 8px;

        font-size: 15px;

    }

    

    .form-wrap .input-group textarea {

        width: 100%;

        border: 1px solid #ccc;

        padding: 10px;

        font-size: 15px;

    }

    

    .form-wrap .input-group label {

        margin-bottom: 4px;

        font-weight: 500;

    }

    

    .form-wrap .input-group button {

        width: 100%;

        margin-top: 20px;

        padding: 10px;

        border: 1px solid rgb(244, 67, 54);

        outline: none;

        background: #f44336;

        color: rgb(255 255 255);

        font-weight: 500;

        text-transform: capitalize;

    }

    

    .form-wrap .input-group button:hover {

        background: #f44336;

        color: #fff;

    }

    

    .contact-info:hover {

        background: #f44336;

    }

    

    .contact-info:hover i {

        color: #fff;

    }

    

    .contact-info:hover h3 {

        color: #fff;

    }

    

    .contact-info:hover small {

        color: #fff;

    }

    

    .contact-info:hover p {

        color: #fff;

    }

    

    .contact-info:hover a {

        color: #fff;

    }

    

    section.scan-qr {

        padding: 29px 0 !important;

        background: #f44336;

    }

    

    .qr-wrap img {

        box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;

        width: 100%;

        padding: 20px;

    }

    

    .getinsec {

        padding: 0px 0 !important;

    }

    /*=============================

contact us page css end here

==============================*/

    /*==================================

blog page css start here 

===================================*/

    

    .content-sec {

        padding-bottom: 60px;

        padding-top: 60px;

    }

    

    .post-img {

        position: relative;

        margin-bottom: 20px;

    }

    

    .imghover {

        display: block;

        position: relative;

        max-width: 100%;

    }

    

    .imghover::before {

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

    }

    

    .imghover::before,

    .imghover::after {

        display: block;

        position: absolute;

        content: "";

        text-align: center;

        opacity: 0;

        transition: all .3s ease-in-out;

    }

    

    a.imghover img {

        width: 900px;

    }

    

    .title {

        color: #373433;

    }

    

    .post-title {

        border-bottom: 1px solid #f2f1ed;

        margin-bottom: 19px;

        padding-bottom: 20px;

        font-size: 26px;

        color: #373433;

        font-weight: 300;

    }

    

    .meta {

        line-height: 34px;

        font-size: 12px;

        text-transform: uppercase;

        font-weight: 600;

        letter-spacing: 1px;

        color: #7e7b76;

    }

    

    .meta-date {

        color: #ee1d23;

    }

    

    .meta-author {

        padding-left: 15px;

        font-size: 14px;

    }

    

    .meta-comment {

        font-size: 12px;

        color: #9c9694;

    }

    

    .pull-right {

        float: right!important;

    }

    

    span.meta-comment i {

        color: #ee1d23;

        font-size: 19px;

    }

    

    .post-content p {

        font-size: 17px;

        color: #5c5959;

    }

    

    .btn-default {

        background-color: #ee1d23;

        color: #fff;

        border-color: #ee1d23;

        outline: none;

    }

    

    .post-block {

        margin-bottom: 40px;

    }

    

    .btn-default:hover {

        color: #fff;

        background: #000;

    }

    

    .btn-default:focus {

        box-shadow: none;

    }

    

    h2.quote {

        font-weight: 400;

        font-size: 24px;

        color: #373433;

        margin-bottom: 30px;

    }

    

    .quote-block {

        background-color: #373433;

    }

    

    .quote-block {

        padding: 60px;

        margin-bottom: 30px;

    }

    

    .quote-block blockquote {

        padding: 10px 52px;

        margin: 0 0 20px;

        font-size: 36px;

        border-left: transparent;

        color: #d5504f;

        line-height: 42px;

    }

    

    .quote-block blockquote p {

        font-size: 36px;

        line-height: 60px;

        color: #fff;

        font-weight: 200;

    }

    

    .pagination {

        display: inline-block;

        padding-left: 0;

        margin: 20px 0 0px;

        border-radius: 4px;

    }

    

    .pagination>li {

        display: inline;

    }

    

    .st-pagination .pagination>li:first-child>a,

    .st-pagination .pagination>li:first-child>span {

        margin-left: 0;

    }

    

    .st-pagination .pagination>.active>a,

    .st-pagination .pagination>.active>a:focus,

    .st-pagination .pagination>.active>a:hover,

    .st-pagination .pagination>.active>span,

    .st-pagination .pagination>.active>span:focus,

    .st-pagination .pagination>.active>span:hover {

        z-index: 3;

        color: #fff;

        cursor: default;

        background-color: #ee1d23;

        border-color: #ee1d23;

    }

    

    .st-pagination .pagination>li>a,

    .pagination>li>span {

        position: relative;

        float: left;

        margin-left: -1px;

        line-height: 1.42857143;

        color: #fff;

        text-decoration: none;

        font-size: 13px;

        border-color: #c8c3c2;

        font-weight: 800;

        text-transform: uppercase;

        margin-right: 7px;

        margin-bottom: 5px;

        padding: 10px 15px;

        background-color: #000000;

        border-top-left-radius: 0px;

        border-bottom-left-radius: 0px;

        border-top-right-radius: 0px;

        border-bottom-right-radius: 0px;

    }

    

    .st-pagination .pagination>li>a:focus,

    .st-pagination .pagination>li>a:hover,

    .st-pagination .pagination>li>span:focus,

    .st-pagination .pagination>li>span:hover {

        z-index: 2;

        color: #fff;

        background-color: #ee1d23;

        border-color: #dd9a80;

    }

    

    .sidebar-area {

        

        padding: 10px;

    }

    

    .widget {

        background-color: #fff;

        margin-bottom: 10px;

        padding: 30px;

    }



    

    .outline {

        border: 1px solid #f2f1ed;

    }

    

    .widget .input-group input.form-control {

        padding: 10px;

        font-weight: 300;

        font-size: 16px;

    }

    

    .widget .input-group input.form-control:focus {

        box-shadow: none;

        border-color: #ee1d23;

    }

    

    .widget .input-group span.input-group-btn button.btn.btn-default {

        height: 47px;

        padding: 10px 25px;

    }

    

    .widget-title {

        font-size: 14px;

        color: #373433;

        text-transform: uppercase;

        font-family: 'Lato', sans-serif;

        font-weight: 800;

        letter-spacing: 2px;

        border-bottom: 1px solid #f2f1ed;

        padding-bottom: 20px;

        margin-bottom: 19px;

    }

    

    .bullet {

        position: relative;

        padding-left: 25px;

        line-height: 36px;

    }

    

    .listnone {

        list-style: none;

        margin: 0px 0px 0px 0px;

        padding: 0;

    }

    

    .bullet-angle-double-right li:before {

        font-family: 'FontAwesome';

        display: block;

        position: absolute;

        left: 0;

        font-size: 15px;

        color: #ee1d23;

        content: "\f101";

    }

    

    .widget-category li a,

    .widget-archives li a {

        padding-top: 10px;

        padding-bottom: 10px;

        display: block;

        line-height: 16px;

        color: #5c5959;

        font-size: 16px;

        font-weight: 400;

    }

    

    .recent-block {

        margin-bottom: 20px;

    }

    

    .recent-title {

        font-size: 14px;

        color: #373433;

        line-height: 20px;

        margin-bottom: 0px;

    }

    

    .meta {

        line-height: 34px;

        font-size: 12px;

        text-transform: uppercase;

        font-weight: 600;

        letter-spacing: 1px;

        color: #7e7b76;

    }

    

    .meta-date {

        color: #ee1d23;

    }

    

    .bullet {

        position: relative;

        padding-left: 25px;

        line-height: 36px;

    }

    

    .widget-tags a {

        text-transform: uppercase;

        background-color: #000000;

        border-color: #b9b1ae;

        padding: 8px 10px;

        display: inline-block;

        margin-bottom: 5px;

        font-weight: 700;

        font-size: 10px;

        line-height: 12px;

        color: #fff;

        letter-spacing: 1px;

    }

    

    .widget-tags a:hover {

        background-color: #ee1d23;

        color: #fff;

        border-color: #ee1d23;

    }

    

    span.meta-author a.title {

        font-weight: 700;

        font-size: 14px;

    }

    

    .related-post-title {

        margin-bottom: 40px;

        padding-bottom: 39px;

        border-bottom: 1px solid #e3e9e9;

        font-size: 24px;

        line-height: 1.6;

        color: #373433;

        font-weight: 400;

    }

    

    .related-img {

        margin-bottom: 30px;

    }

    

    .related-title {

        line-height: 28px;

        font-size: 18px;

        color: #373433;

    }

    

    .related-title .title {

        color: #373433;

        font-size: 16px;

    }

    

    .title {

        color: #373433;

    }

    

    .post-navigation {

        margin-bottom: 40px;

    }

    

    .prev-link,

    .next-link {

        color: #b7b1ae;

        margin-bottom: 20px;

        display: block;

        text-decoration: underline;

        text-transform: uppercase;

        font-weight: 600;

        font-size: 14px;

        letter-spacing: 1px;

    }

    

    .next-title,

    .previous-title {

        line-height: 28px;

        font-size: 18px;

        color: #373433;

    }

    

    .nav-links .col-md-6 {

        float: left;

    }

    

    .nav-next.text-right {

        text-align: right;

    }

    

    .nav-previous {

        margin-top: 30px;

    }

    

    .nav-next {

        margin-top: 30px;

    }

    

    .next-link:hover {

        color: #ee1d23;

    }

    

    .prev-link:hover {

        color: #ee1d23;

    }

    

    h4.previous-title a:hover {

        color: #ee1d23;

    }

    

    h4.next-title a:hover {

        color: #ee1d23;

    }

    

    .author-post-title {

        margin-bottom: 40px;

        padding-bottom: 39px;

        border-bottom: 1px solid #e3e9e9;

        font-weight: 400;

        font-size: 24px;

        color: #373433;

    }

    

    .author-block {

        background-color: #373433;

        padding: 30px;

        color: #fff;

    }

    

    .author-img a img {

        border-radius: 100px;

    }

    

    h3.post-author-name {

        color: #fff;

        font-weight: 400;

        font-size: 22px;

        margin-bottom: 25px;

    }

    

    .author-social a i {

        color: #fff;

    }

    

    .author-social a {

        color: #fff;

        padding-left: 10px;

        padding-top: 0px;

        display: inline-block;

        font-size: 17px;

    }

    

    .author-content {

        line-height: 36px;

        font-size: 20px;

        font-family: 'Roboto';

        font-weight: 300;

    }

    

    .btn-link-white {

        color: #fff;

        font-weight: 600;

        font-size: 12px;

        text-transform: uppercase;

        letter-spacing: 2px;

        border-bottom: 2px solid #fff;

        padding-bottom: 4px;

    }

    

    .comments-title {

        margin-bottom: 40px;

        padding-bottom: 39px;

        border-bottom: 1px solid #e3e9e9;

        font-weight: 400;

        font-size: 24px;

        color: #373433;

    }

    

    .comments-area {

        margin-bottom: 40px;

    }

    

    .post-author {

        margin-bottom: 40px;

    }

    

    .comment-body {

        margin-bottom: 30px;

    }

    

    .comment-author img {

        float: left;

        border-radius: 50%;

    }

    

    .comment-info {

        padding-left: 160px;

    }

    

    .reply .btn-link {

        color: #ee1d23;

        font-weight: 600;

        font-size: 12px;

        text-transform: uppercase;

        letter-spacing: 2px;

        border-bottom: 2px solid #ee1d23;

        padding-bottom: 4px;

        text-decoration: none;

    }

    

    .user-title {

        font-size: 17px;

        color: #373433;

        margin-bottom: 0px;

        font-weight: 400;

    }

    

    .comment-meta-date {

        font-size: 12px;

        color: #b7b1ae;

        text-transform: uppercase;

        font-weight: 600;

        letter-spacing: 1px;

    }

    

    .comment-meta {

        margin-bottom: 20px;

        font-size: 12px;

        font-weight: 400;

        text-transform: uppercase;

        margin-top: 10px;

    }

    

    .comment-content p {

        font-size: 17px;

        color: #5c5959;

    }

    

    .childern {

        padding-left: 140px;

        border-top: 1px solid #e3e9e9;

    }

    

    .childern .comment-body {

        padding: 20px;

    }

    .sidebar-area {

    padding: 0 !important;

}

    .reply-title {

        margin-bottom: 40px;

        padding-bottom: 39px;

        border-bottom: 1px solid #e3e9e9;

        font-weight: 400;

        font-size: 24px;

        color: #373433;

    }

 .post-block.mb40 {

    /* box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px; */

    padding: 15px;

    border: 1px solid #f2f1ed;

}

    .leave-comments .col-md-12 p {

        font-size: 15px;

    }

    

    .reply-form {

        background-color: #f4f4f1;

    }

    

    .pinside30 {

        padding: 30px;

    }

    

    form.reply-form .form-group {

        margin-bottom: 30px;

    }

    

    form.reply-form .form-group label {

        font-weight: 300;

        font-size: 17px;

    }

    

    form.reply-form .form-group input:focus {

        box-shadow: none;

        border-color: #ee1d23;

    }

    

    form.reply-form .form-group textarea:focus {

        box-shadow: none;

        border-color: #ee1d23;

    }

    /*==================================

  blog page css end  

  ===================================*/

  

  

      /*==================================

    Pagenavi css Start  

  ===================================*/

  



  .wp-pagenavi {

    clear: both;

    text-align: center;

    padding-top: 24px;

}

  .wp-pagenavi a, .wp-pagenavi span {

    text-decoration: none;

    border: 1px solid #BFBFBF;

    padding: 3px 5px;

    margin: 2px;

    padding: 10px 18px !important;

    border-radius: 9px !important;

}.wp-pagenavi a.previouspostslink {

    background: #7f7f7f;

    color: #fff;

    border: none;

}

  .wp-pagenavi span.pages {

    background: #ee1d23;

    padding: 10px 20px;

    border: none !important;

    color: #fff;

}



.wp-pagenavi  span.current {

    background: #f44336;

    color: #fff;

    border: none;

    padding: 10px;

}



.wp-pagenavi  a.page {

    background: #000;

    border: none;

    padding: 10px;

    color: #fff;

}



.wp-pagenavi a.nextpostslink {

    border: none;

    background: #a8a8a8;

    color: #fff;

    padding: 10px;

}



    /*==================================

    Pagenavi css End  

  ===================================*/

  

    /*==================================

    Comments Section css Start 

  ===================================*/

  

.post-navigation .nav-links {

    display: flex;

    align-items: center;

    justify-content: start;

}

.post-navigation .nav-next a {

    margin-top: 30px;

    background: #000;

    color: #fff !important;

    padding: 10px 30px;

    margin-right:30px;

}

.post-navigation .nav-previous a {

    margin-top: 30px;

    background: #000;

    color: #fff !important;

    padding: 10px 30px;

 margin-right:30px;

}

a {

    color: #f44336;

    text-decoration:none;

}

  div#comments {

    background: #f7f7f7;

    padding: 30px;

    margin-top: 40px;

}

 #comments input, #comments select, #comments textarea {

    margin: 0;

    font-family: inherit;

    font-size: inherit;

    line-height: inherit;

    display: block;

    width: 100%;

    padding: 0.375rem 0.75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #212529;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 0.25rem;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

 #comments p.comment-form-cookies-consent {

    display: flex;

    /* align-items: center; */

}

 #comments input[type="checkbox" i] {

    width: 4px !important;

    float: left;

    margin-right: 10px !important;

}

 #comments input#submit {

    color: #fff;

    background-color: #ee1d23;

    border-color: #ee1d23;

   

 }

 

  #comments h3#reply-title {

    font-size: 20px;

    padding: 4px 7px;

    border-left: 5px solid red;

    margin-bottom: 14px;

}.reply-title {

    margin-bottom: 14px;

    padding-bottom: 14px;

    border-bottom: 1px solid #e3e9e9;

    font-weight: 400;

    font-size: 24px;

    color: #373433;

}

  /*==================================

      Comments Section  css End  

  ===================================*/


  /*==================================

      OEM Sec  css Start  

  ===================================*/
.oem-sec .right img {
    width: 100%;
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
    padding: 10px;
    background: #fff;
}

section.oem-sec {
    background: #f4f4f4;
}
ul.download-nav {
    display: flex;
    justify-content: center;
    border-top: 1px solid #9a9999;
    padding-top: 14px;
}

ul.download-nav li {
    padding: 0px 20px;
}

ul.download-nav li a {
    color: #fff;
}ul.download-nav li.active a {
    color: white;
    border-bottom: 3px solid #fff;
    padding-bottom: 8px;
    font-weight: bold;
}
 /*==================================

      OEM Sec  css End  

  ===================================*/

.news-section .news-card figure {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    display: inline-table;
}
.news-section-list .news-card img {
    width: 221px;
    height: 100%;
}