h1,h2,h3,h4,h5,h6{

    /* font-family: 'Yantramanav', sans-serif; */

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

}



p,a,li,span{

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

     /* font-family: 'Yantramanav', sans-serif; */

}



.grey-bg,.inner-bg{

    background-color: #f5f5f5;

}



.navbar-nav.top{

    gap: 20px;

}



.navbar-brand img {

    width: 240px;

    margin-left: 20px;

}



#scroll-top.active {

    opacity: 1;

    visibility: visible;

    bottom: 42px;

}



.header-top-right {

    margin-right: 55px;

}



.footer-logo img {

    width: 90%;

    height: 100%;

    margin-bottom: 35px;

}



/* .footer-contact span {

    width: 73%;

} */



.copyright .copyright-text {

    text-align: center;

}



.footer-widget-title::after {

    background: #d21a26;

}





.footer-list li a:hover {

    color: #d21a26;

}



.site-breadcrumb .breadcrumb-title{    

    font-size: 30px;

    margin-bottom: 20px;

}



.contact-details {

    background: #101010;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    padding: 150px 40px;

    height: 586px;

}



.contact-details h2{

    font-weight: 800;

    text-transform: capitalize;

    font-size: 50px;

    color: #ffffff;

}



ul.footer-contact {

    margin-top: 30px;

}



.contact-wrapper.home{

    border-right: unset;

    box-shadow: unset;

}



/* .portfolio-area2 .row {

    display: flex;

    justify-content: center;

} */



.copyright .copyright-text a {

    color: #d21a26;

    font-weight: 500;

}



.call-area::before {

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

}



.whatsapp i {

    font-size: 30px;

    color: #ffffff;

    background-color: #25D366;

    height: 50px;

    width: 50px;

    text-align: center;

    border-radius: 50%;

    line-height: 38px;

    padding: 5px;

}



.whatsapp {

    right: 20px;

    bottom: 80px;

    z-index: 999;

    position: fixed;

}



#scroll-top {

    right: 20px;

}



.py-120 {

    padding: 60px 0;

}



.call-content h1 {

    margin-top: 0px;

    margin-bottom: 25px;

    color: #ffffff;

    text-align: center;

}



.contact-info-icon::before {

    border: unset;

}



.contact-info {

    height: 280px;

}



.footer-widget-title {

    font-size: 25px;

}



.bottom.about-text{

    margin-top: 40px;

}



p.about-text {

    margin-bottom: 15px;

    text-align: justify;

    color: #101010;

}



.service-title a {

    margin-top: unset;

    font-size: 30px;

    color: #d21a26;

}



.customer {

    padding: 30px 100px;

    display: flex;

    text-align: justify;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.customer h2{

    font-size: 35px;

    margin-bottom: 20px;

    text-transform: uppercase;

}



.automatic_card {

    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;

    padding: 20px;

    border-radius: 8px;

    width: 100%;

    height: 400px;

    background-color: #ffffff;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;  

}



.aeid-inner .automatic_card{

    margin-bottom: 25px;

    height: unset;

}



.aeid-inner .automatic_card>a{

    min-height: 320px;

}



.aeid-inner .automatic_card .nav-right-btn{

    margin-top: 0px;

}



.aeid-inner .automatic_card .automatic_img{

    max-width: 100%;

    height: auto;

}



.automatic_title h4 {

    height: 75px;

    font-size: 16px;

    text-align: center;

    /* margin-top: 20px; */

    line-height: 20px;

}



.portfolio-area2 .top{

    padding-top: 40px;

}



.iron .site-title {

    font-weight: 800;

    text-transform: capitalize;

    font-size: 30px;

    color: var(--color-dark);

    margin-top: 10px;

    margin-bottom: 0;

    position: relative;

}



.iron-content .product_details h4{

    font-size: 25px;

    border-bottom: 3px solid #d21a26;

    padding: 0px 0px 3px 0px;

    width: 185px;

}



.iron-content .features h4{

    font-size: 25px;

    border-bottom: 3px solid #d21a26;

    padding: 0px 0px 3px 0px;

    width: 110px;

}



.iron-content .product_details p {

    margin-top: 15px;

    margin-bottom: 15px;

    color: #101010;

    text-align: justify;

}



.iron-content .features p{

    color: #101010;

}



.iron-content .features ul{

    margin-top: 20px;

    color: #101010;

}



.bottom-btn {

    display: flex;

    gap: 20px;

    margin-top: 25px;

}



.call-content {

    padding: 50px;

    position: relative;

    background: #000000c7;

    border-radius: 0px;

    box-shadow: var(--box-shadow);

    z-index: 1;

}



.call-content::before {

    content: "";

    position: unset;

    border: unset;

    border-radius: unset;

    left: 10px;

    right: 10px;

    top: 10px;

    bottom: 10px;

    z-index: -1;  

}



.call-content::after {

    content: "";

    position: unset;

    left: 50px;

    top: 10px;

    width: 80px;

    height: 10px;

    background: unset;

    z-index: -1;

}



.emergency-call-info a{

    color: #ffffff;

}



.call-area {

    background-image: url(../img/call/01.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    padding-top: 50px;

    padding-bottom: 50px;

    position: relative;

}



.bulk_enquiry {

    display: flex;

    gap: 35px;

    justify-content: center;

    align-items: center;

}



.call-area {

    background-image: url(../img/call/01.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    padding-top: 50px;

    padding-bottom: 50px;

    position: relative;

}



.site-title {

    font-weight: bold;

    text-transform: uppercase;

    font-size: 30px;

    color: var(--color-dark);

    margin-top: 10px;

    margin-bottom: 0;

    position: relative;

}



.portfolio-item {

    position: relative;

    width: 100%;

    height: 100%;

    margin-bottom: 25px;

    min-height: 250px;

    background-color: #ffffff;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

}



.portfolio-img {

  padding:30px 10px 0px 10px;

}



.portfolio-info{

    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;

}



.iron-content .features.new {

    margin-top: 25px;

}



.iron-content .features.new h4{

    font-size: 25px;

    border-bottom: 3px solid #d21a26;

    padding: 0px 0px 3px 0px;

    width: 300px;

}



.iron-content .product_details.new {

    margin-top: 25px;

}



.iron-content .product_details.new ol{

    padding: 0px;

    color: #101010;

}



.iron-content .features.app{

    margin-top: 25px;

}



.iron-content ul li{

    list-style-type: disc;

}



.iron-content .product_details ul{

    margin-top: 25px;

    margin-bottom: 25px;

    color: #101010;

    padding: 0px;

}



.iron-content .product_details h3{

    font-size: 20px;

    color: #101010;

    margin-top: 15px;

    margin-bottom: 15px;

}



.our_products .portfolio-title-info {

    width: 120px;

}





.our_products .portfolio-title {

    color: #ffffff;

    font-size: 23px;

    line-height: 30px;

    width: 150px;

}



.portfolio-btn {

    width: 40px;

    height: 40px;

    line-height: 40px;

    background: #ffffff;

    border-radius: 10px;

    color: var(--color-white);

    text-align: center;

    /* font-size: 23px; */

}



.portfolio-content .fa-arrow-right:before {

    content: "\f061";

    color: #000000;

    font-weight: bolder;

    font-size: 22px;

}



.our_products .portfolio-info {

    padding: 10px 20px;

    background: #d21a26;

}



.pricelist_content {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

.pricelist_ul,.pricelist_ul li button{

    width: 100%;

    justify-content: center;

}

.pricelist_content li{

    width: 25%;

    /* margin-right: 30px; */

}



.pricelist_content .nav-pills .nav-link.active, .nav-pills .show>.nav-link {

    color: var(--bs-nav-pills-link-active-color);

    background-color: #d21a26;

    border: 1px solid #d21a26;

}



.pricelist_content .nav-pills .nav-link {

    background: 0 0;

    border: 0;

    border-radius: var(--bs-nav-pills-border-radius);

    color: #d21a26;

    border: 1px solid currentColor;

    font-size: 20px;

    font-weight: 500;

    border-radius: 0px;

}



.pricelist-card {

    width: 30%;

    border: 1px solid #dddddd;

    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

    border-radius: 4px;

}



.pricelist-img {

    display: flex;

    justify-content: center;

    padding-top: 30px;

}





.pricelist-img img {

    width: 30%;

}



.pricelist-title h4 {

    font-size: 20px;

    font-weight: 500;

    color: #141414;

    text-align: center;

    margin: 18px 0px;

}



.pricelist-btn {

    background-color: #d21a26;

    padding: 15px 20px;

    display: flex;

    justify-content: center;

}





.pricelist-btn .price {

    color: #ffffff;

    text-align: center;

    font-size: 20px;

    font-weight: 600;

}



.pricelist-btn:hover a{

    color: #d21a26;

}



.pricelist-btn:hover{

    background-color: #ffffff;

  

    border: 1px solid #d21a26;

}



.pricelist_content i.fa-solid.fa-download {

    margin-left: 10px;

    color: #101010;

}



.automatic .portfolio-title {

    color: #ffffff;

    font-size: 16px;

    line-height: 20px;

    /* width: 235px; */

    margin-left: 15px;

}



.automatic .portfolio-info {

    padding: 10px 15px;

    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

    background: #d21a26;

    height: 80px;

}





.lamp_table tbody, td, tfoot, th, thead, tr {

    border-color: inherit;

    border-style: solid;

    border-width: 2px;

    border: 2px solid #d21a26;

    padding: 10px 20px;

    text-align: center;

    width: 400px;

    color: #000000;

    font-size: 16px;

    font-weight: 500;

    background: #f5f5f5;

}



.lamp .site-title {

    font-weight: 600;

    text-transform: uppercase;

    font-size: 30px;

    color: var(--color-dark);

    margin-top: 10px;

    margin-bottom: 0;

    position: relative;

}



.lamp_table h4{

        font-size: 20px;

        margin-bottom: 20px;

        font-weight: bold;

        color: #101010;

}



.lamp_table p {

    text-align: justify;

    font-size: 18px;

    font-weight: 400;

    color: #101010;

    margin-bottom: 15px;

}



.lamp_table .product_details{

    margin-top: 25px;

}



.lamp_table .product_details ul>li{

    color: #101010;

}



.footer-area {

    background: #101010;

}

.copyright{

    background-color: #000;

}

 

.whatsapp {

    position: fixed;

    right: 20px;

    bottom: 95px;

    transition: all ease 0.4s;

    z-index: 999;

}

  

.header-top-contact a {

        color: var(--color-white);

        display: flex;

        align-items: center;

        gap: 8px;

}



.new-products-content li{

    font-size: 16px;

    color: #101010;

    font-weight: 500;

    padding: 5px 5px;

}





.automatic_card .theme-btn i {

    margin-left: 15px;

}





.automatic_card .nav-right-btn{

    margin-top: 15px;

}



.portfolio-area2.py-120.mimic.semaphore .automatic_card{

    height: 450px;

}



.portfolio-area2.py-120.automatic .portfolio-item {

    min-height: 300px;

    background-color: unset;

    box-shadow: unset;

}



.portfolio-btn:hover {

    background: unset !important;

    color: unset;

    border: 2px solid #ffffff;

}



.portfolio-btn:hover .portfolio-content.fa-arrow-right{

    color: #ffffff;

}



.tape-img {

    margin-top: 40px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}





.tape-img img {

    margin-bottom: 20px;

    height: 300px;

}



.emergency-call-icon i.icon-telephone1{

    font-weight: 600;

}



.emergency-call-icon {

    width: 75px;

    height: 75px;

    background: var(--theme-color);

    color: var(--color-white);

    font-size: 35px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.iron_img.beemet{

    display: flex;

    justify-content: center;

}



.iron-content .features.beemet-list ul {

    margin-left: 15px;

}



.iron-content .features.beemet-list h4 {

    width: 200px;

    padding-top: 20px;

}



.iron-content .lamp_table.beemet-table{

    padding-top: 20px;

}



.lamp_table.beemet-table h3{

    padding: 20px 0;

}



.iron-content .lamp_table.beemet-table h3{

    font-size: 18px;

    color: #000000;

    padding: 20px 0px;

    font-weight: 600;

}



.iron-content .lamp_table.beemet-table .dimension-table, .dimension-table th, .dimension-table td {

    font-size: 15px;

    border: 1px solid #d21a26;

    padding: 10px;

    margin-top: 20px;

}



.lamp_table.beemet-table  h4{

    padding: 30px 0;

    font-size: 25px;

}



.lamp_table.beemet-table img{

    padding: 20px 0;

}



.hero-slider.owl-theme .owl-nav .owl-prev, .hero-slider.owl-theme .owl-nav .owl-next {

    position: absolute;

    top: 50%;

    transform: translate(0, -50%);

    background: #ff354270;

}



.home-2 .hero-single {

    padding-top: 275px;

}



.about-btn {

    display: flex;

    justify-content: center;

}



.about-area .site-heading {

    text-align: center;

}



/* .mimic-inner .portfolio-content {

    border: 1px solid #1b1464;

    border-radius: 10px;

} */



/* .mimic-inner .col-md-6 {

    margin: 35px 0px;

} */



.automatic .mimic-inner .portfolio-info {

    padding: 10px 15px;

    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

    background: #d21a26;

    position: absolute;

    height: 80px;

    /* bottom: -35px; */

}  



.choose-area .choose-content p{

    color: #101010;

}



.choose-area .choose-content .about-list{

    color: #101010;

}



.service-content .service-text, .customer .service-text{

    color: #101010;

}



.service-area.bg.py-120 {

    background: #dadada;

}



.service-area.bg.py-120 .service-item:hover {

    transform: unset;

} 



.custom-nav .theme-btn {

    margin-right: 20px;

}



.site-breadcrumb{

    height: 150px;

}



/* .mimic-inner .portfolio-img {

    padding: 40px 20px 20px 40px;

} */



.hero-single::before {

    content: "";

    position: unset;

    width: 100%;

    height: 100%;

    left: -.5px;

    top: 0;

    background: unset;

    z-index: unset;

}



.about-area .site-title {

    margin-bottom: 30px;

}





.site-breadcrumb .breadcrumb-menu li.active {

    color: #ffffff;

    font-size: 13px;

    font-weight: bold;

    text-transform: uppercase;

}





.site-breadcrumb .breadcrumb-menu li a:hover {

    color: #ff0000;

}





/* .portfolio-area2 .portfolio-info {

    opacity: 1;

    visibility: visible;

    bottom: 25px;

} */



/* .about-btn .theme-btn {

    font-size: 15px;

    padding: 15px 45px;

} */





/* .portfolio-content:hover .portfolio-info {

    opacity: 1;

    visibility: visible;

    bottom: 25px;

    transition: unset;

} */



/* .navbar .nav-item .dropdown-menu .dropdown-item::before {

    content: "";

    position: absolute;

    left: 15px;

    top: 8px;

    color: var(--theme-color);

    opacity: 0;

    visibility: hidden;

    transition: var(--transition);

    z-index: -1;

} */





/* .portfolio-area2.py-120.automatic.panel .portfolio-img img {

     border: 1px solid #000000;

} */





.footer-widget-title::after {

    position: absolute;

    content: '';

    z-index: -1;

    width: 30px;

    height: 3px;

    border-radius: 50px;

    background: var(--theme-color);

    bottom: 0;

    left: 30px;

}





.portfolio-info {

    gap: 5px;

}



.portfolio-content .portfolio-btn:hover i.fa-arrow-right:before{

    color: #ffffff;

}



.portfolio-title-info {

    width: 95%;

}





/* .portfolio-img.new_products {

    height: 360px;

    width: 360px;

    background: #dddddd;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 10px;

}



.portfolio-img.new_products h4 {

    font-size: 60px;

    text-align: center;

    padding: 10px;

    color: #030722;

}







.portfolio-item.mt-4 {

    display: flex;

    justify-content: center;

} */







.pricelist_content .tab-content>.active {

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 30px;

}







.site-breadcrumb .breadcrumb-menu li a {

    color: var(--color-white);

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

    text-transform: uppercase;

    font-size: 13px;

}





.footer-widget-box p {

    margin-bottom: unset;

}





.site-heading.inner_logo{

        margin-bottom: -30px;

        position: relative;

        z-index: 1;

}





.site-heading.inner_logo img{

    max-width: 60%;

}





.iron_img img {

    width: 400px;

    height: auto;

    padding: 0px 10px;

}



/* .modal-content .contact-btn {

    background: #ff0000;

    width: 150px;

    text-align: center;

}



.modal-content .contact-btn button{

    color: #ffffff;

    font-size: 16px;

    font-weight: bold;

} */





.modal_header .modal_logo {

    /* width: 150px; */

    display: flex;

    justify-content: center;

    align-items: center;

}



.modal_logo img{

    width: 180px;

}



.modal.show .modal-dialog {

    width: 35%;

}



.modal-dialog .modal-body h4 {

    text-transform: capitalize;

    font-size: 20px;

    font-weight: 600;

    color: #d21a26;

    margin: -20px 0px 20px 10px;

}



.modal-dialog .modal-header {

    padding: 10px 40px;

    background-color: #e5e5e5;

}





/* .modal-header button.btn-close {

    height: 30px;

    width: 30px;

    background: #d21a26;

    color: #ffffff;

    margin-right: 20px;

} */



.modal-dialog .btn-success {

    color: #fff;

    background-color: #d21a26;

    border-color: #d21a26;

}





.modal-dialog .modal-header span{

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 3px;

}    



.modal-dialog .modal-header .fa-solid.fa-xmark{

    font-size: 25px;

    font-weight: bold;

}





.modal-dialog .form-control {

    width: 100%;

    height: 55px;

    padding: 10px 10px;

    font-size: 16px;

    font-weight: 400;  

    border-radius: 4px;

    border-color: #e5e5e5;

}



.modal-dialog .contant-row {

    text-align: center;

}







.modal-dialog .form-control:focus {

    color: #212529;

    background-color: #fff;

    border-color: #d21a26;

    outline: unset;

    box-shadow: unset;

}





.modal-dialog button:focus:not(:focus-visible) {

    outline: 0;

    box-shadow: unset;

}





.modal-dialog .contact-btn {

    display: flex;

    justify-content: center;

}



.modal-dialog .contact-btn .theme-btn {

    font-size: 16px;

    padding: 15px 40px;

    box-shadow: unset;

}