html,
body{font-family:"Roboto",sans-serif;}

/* @media (min-width: 1600px){
    .container-wide {max-width:1440px;}
} */

/* calculated for bottom footer */
/* main{min-height:100vh;} */

.text-underline{text-decoration: underline;}
.text-shadow{text-shadow:0px 1px 2px rgba(0,0,0,0.25);}
.navbar-toggler:focus{outline:none;box-shadow:none;}
.link-unstyled,
.link-unstyled:hover{text-decoration:none;}
.btn-span,
.btn-span:hover{pointer-events:none;}
.bg-dark-alpha-2 {background-color: rgba(0, 0, 0, 0.2) !important;}
.bg-dark-alpha-6 {background-color: rgba(0, 0, 0, 0.6) !important;}
label.invalid-input {color: var(--danger); font-size: 95%; margin-bottom: 0;}

/* navbar ===================================================================================================== */
.twt-navbar.twt-navbar-common{background:#444;transition:0.5s all;min-height:60px;position:fixed;top:0;left:0;right:0;z-index:1022;}
.twt-navbar.twt-navbar-common.fixed{box-shadow:0 1px 15px rgba(30,30,30,0.3); background:#444;padding:0!important;}
.twt-navbar.twt-navbar-common .navbar-brand span{color:#eee;font-weight:900;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link{transition:0.25s all;border-radius:2px;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link,
.twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{color:#eee;padding:0.75rem 1.5rem;border-bottom:0;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item:hover .nav-link{background-color:rgba(0,0,0,0.25);}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link,
.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active:hover>.nav-link{color:#000;background:rgba(0,0,0,0.15);}
.twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash{display:block;height:3px;width:30px;background:#fff;margin:6px;pointer-events:none;}

.twt-navbar.twt-navbar-common .dropdown-menu{border:0;border-radius:2px;background:none;padding:0;background:#fff;box-shadow:0 2px 15px rgba(0,0,0,0.3);margin-top:0px!important;}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item{transition:0.5s all;color:#444;padding:0.75rem 1rem;}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item:hover{background:rgba(0,0,0,0.15);color:#000;}
.twt-navbar.twt-navbar-common .brand-logo-img{height:78px;}
@media (max-width:1199px){
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link,
    .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{padding:0.75rem 1.25rem;}
}
@media (max-width:991px){
    .navbar-main{background:#444;}
    .twt-navbar.twt-navbar-common .navbar-brand span{color:#fff;}
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link{color:#efefef;}
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link:hover,
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link,
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link:hover{color:#333;}
    .twt-navbar.twt-navbar-common .slide{position:fixed;z-index:999;top:0;bottom:0;left:0;min-width:250px;width:300px;max-width:90%;background-color:#fff;transform:translate3d(-100%,0,0);transition:0.5s all cubic-bezier(0.165,0.84,0.44,1);border-right:1px solid transparent;overflow-y:auto;}
	.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link,
    .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{padding:0.75rem 1rem; color: #353535}
    .twt-navbar.twt-navbar-common .dropdown-menu{background:none;box-shadow:none;}
    .twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item{color:#353535;padding-left:1.75rem; position: relative;}
    .nav-slide-open .twt-navbar.twt-navbar-common .slide{transform:translate3d(0,0,0);box-shadow:2px 0 5px rgba(0,0,0,0.5);opacity: 1;}
}
@media (max-width:575px){
    .twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item{white-space:normal;}
}
@media (min-width:992px){
    .twt-navbar.twt-navbar-common .dropdown-menu.w-200px{min-width:200px;}
    .twt-navbar.twt-navbar-common .dropdown-left .dropdown-menu{left:auto;right:0;}
}

/* for lighter navbars add 'nav-light' class */
.twt-navbar.twt-navbar-common.nav-light .navbar-brand span{color:#333;}
.twt-navbar.twt-navbar-common.nav-light button.navbar-toggler .navbar-dash{background:#333;}
@media (min-width:992px){
	.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link{color:#333;}
	.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link,
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item:hover .nav-link{color: #fff; background-color: var(--primary)}
}

/* submenu css */
.twt-navbar.twt-navbar-common .dropdown-submenu{position:relative;}
.twt-navbar.twt-navbar-common .dropdown-submenu a:after{position:absolute;top:50%;right:6px;transform:translateY(-50%);border-top:0.3em solid transparent;border-right:0.3em solid transparent;border-bottom:0.3em solid transparent;border-left:0.3em solid;}
.twt-navbar.twt-navbar-common .dropdown-submenu .dropdown-menu{top:0;left:100%;margin-left:0.1rem;margin-right:0.1rem;}
@media (max-width:991px){
    .twt-navbar.twt-navbar-common .dropdown-submenu .dropdown-menu{padding-left:1rem;}
}

/* submenu css */

/* hamburger on close */

.twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash{transition:0.2s all;}
.nav-slide-open .twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash:nth-child(2){opacity:0;}
.nav-slide-open .twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash:nth-child(1){transform:rotate(45deg) translate(5px,8px);}
.nav-slide-open .twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash:nth-child(3){transform:rotate(-45deg) translate(5px,-8px);}

/* hamburger on close */


.twt-navbar.twt-navbar-common .nav-bottom .navbar-nav .nav-item .nav-link{border-radius: 0;}

/* nav-shadow ===================================================================================================== */

.nav-shadow {background-color: var(--primary) !important; border-radius: 0;}

/* nav-shadow ===================================================================================================== */

/* navbar ===================================================================================================== */

/* footer ===================================================================================================== */

.footer{background-color:#172337;}
.footer.footer-dark,
.footer.footer-dark a{color:#aaa;}
.footer.footer-dark a{transition:0.1s;}
.footer.footer-dark a:hover{color:#fff;}
.footer .brand-logo-img{width:150px;}

/* footer ===================================================================================================== */

/* owlcarousel default override ===================================================================================================== */

/* dots */

.owl-carousel {touch-action: manipulation; }
.owl-theme .owl-dots{position:absolute;left:0;bottom:0;width:100%;}
.owl-theme .owl-dots .owl-dot span{background-color:var(--theme-color, #3b5998);margin:5px;box-shadow: 0 0 1px 1px var(--theme-color, #3b5998);}
.owl-theme .owl-dots .owl-dot.active span{background-color:var(--white);width:30px;}

/* nav (prev-next) */
.owl-theme .owl-nav{margin:0;}
.owl-theme .owl-nav .owl-prev,
.owl-theme .owl-nav .owl-next{font-size:0;position:absolute;top:50%;transform:translateY(-50%);height:50px;width:50px;line-height:50px;padding:0;margin:0;background:#fff;color:#333;box-shadow:0 3px 15px rgba(0,0,0,0.3);}
.owl-theme .owl-nav .owl-prev:hover,
.owl-theme .owl-nav .owl-next:hover{background:#fafafa;color:#333;}
.owl-theme .owl-nav .owl-prev{left:0;}
.owl-theme .owl-nav .owl-next{right:0;}
.owl-theme .owl-nav .owl-prev:after,
.owl-theme .owl-nav .owl-next:after{content:"\f104";font-size:2rem;font-family:"Font Awesome 5 Free";font-weight:900;}
.owl-theme .owl-nav .owl-next:after{content:"\f105";}

/* item */
.main-banner-slider .banner-img{object-fit:cover;object-position:center;}

/* owlcarousel default override ===================================================================================================== */

/* font css start */
@font-face{
    src: url('fonts/Lato-Regular.ttf');
    font-family: lato;
}
body{font-family: lato;}
/* font css End */

/* common css start */
.text-theme{color: #cc2127 !important;}
.bg-theme{background-color: #cc2127 !important;}
.icon-roted{transform: rotate(90deg);}
.hover-before .hover{opacity: 0;}

     .hover-before .hover{transition: 0.5s;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
     .hover-before:hover .hover{opacity: 1;}
     .hover-before::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;transition: 0.5s;}
     .hover-before:hover::before{opacity: 1;}
     .hover-before .hover .enquire-btn{position: absolute;bottom: 10%;left: 0;right: 0;width: 110px;margin: 0 auto;color: #fff !important;text-align: center;line-height: 26px;height: 33px;border-radius: 2px;font-size: 14px;cursor: pointer;border: none;z-index: 111;}
     .hover-before .hover .enquire-btn:hover{background: #333333 !important;transition: 0.5s;}
     .hover-before .hover .eye-icon{position: absolute;top: 50%;left: 41%;transform: translateY(-50%);width: 35px;height: 35px;background-color: rgba(74, 75, 81, 0.7);border-radius: 50%;display: flex;align-items: center;justify-content: center;}

.fixed-button{border-radius: 50%;height: 45px;width: 45px;display: flex;align-items: center;justify-content: center;position: fixed;bottom: 5%;right: 30px;z-index: 1020;transition: 0.5s;}
.remove-button{opacity: 0;}
.fixed-button .fixed-arrow{width: 20px;transform: rotate(90deg);}
@media(max-width: 992px){
    .hover-link:before{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;pointer-events: auto;content: "";background-color: rgba(0,0,0,0);}
}
.back-to-top .fixed-button:hover {background: #6d6e71 !important;}
/* common css end */

/* header css start */
.twt-navbar.twt-navbar-common .search-part .search-icon{background-color: #fff;position: absolute;right: 0;top: 0;bottom: 0;width: 40px;display: flex;height: auto;align-items: center;justify-content: center;border: 1px solid #ddd;border-radius: 0 5px 5px 0;z-index: 10;}
.twt-navbar.twt-navbar-common .search-part {min-width: 96%;display: block;}
.twt-navbar.twt-navbar-common .search-part .xdsoft_autocomplete{min-width: 100% !important;width: 100% !important;}
.twt-navbar.twt-navbar-common .custom-header .get-in-touch-btn {width: 140px;height: 30px;display: inline-block;line-height: 28px;text-align: center;border-radius: 2px;font-size: 14px;}
.twt-navbar.twt-navbar-common .custom-header .get-in-touch-btn:hover {background: #333333 !important; transition: 0.5s;}
@media(min-width: 992px){
    .twt-navbar.twt-navbar-common .navbar-slide{padding-top: 58px;}
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link, .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{padding: 0;margin: 0 11px;}
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item {height: 23px;}
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link, .twt-navbar.twt-navbar-common .navbar-nav .nav-item:hover .nav-link{background-color: transparent;color: #cc2127;}
    .twt-navbar.twt-navbar-common.fixed{min-height: 116px !important;}
    .twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item:hover{background-color: #cc2127;color: #fff;}
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link, .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active:hover>.nav-link{background: transparent;color: #cc2127;}
    .twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link{font-size: 15px;}
    .twt-navbar.twt-navbar-common .navbar-slide .navbar-nav .custom-dropdown{position: absolute;top: 39px;}
    #product_send_enquiry label.invalid-input{font-size: 14px}
    #product_send_enquiry .custom-modal{min-width: 620px;}
}
@media(max-width: 1024px) and (min-width: 992px){
    .twt-navbar.twt-navbar-common .brand-logo-img{height: 50px;}
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link, .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{margin: 0 5px;}
    .twt-navbar.twt-navbar-common .navbar-slide{padding-top: 45px;}
    .twt-navbar.twt-navbar-common .navbar-slide .navbar-nav .custom-dropdown{top:47px;}
}
/* header css end */

/* slider css start */
.slider-section .slider-part .slider-grid .slider-item{position: relative;overflow: hidden;}
.slider-section .slider-part .slider-grid .slider-item::before{content: '';display: block;padding-top: 40%;}
.slider-section .slider-part .slider-grid .slider-item .slider-image{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: 0.5s;}
.slider-section .slider-part .slider-grid .slider-item .slider-heading {position: absolute;top: 15%;left: 20%;font-size: 50px;}
.slider-section .slider-part .slick-prev {left: 50px;z-index: 1;}
.slider-section .slider-part .slick-prev::before{content: '';background-image: url('../images/left-arrow.png');width: 30px;height: 30px;background-size: cover;display: block;opacity: 1;}
.slider-section .slider-part .slick-next {right: 50px;}
.slider-section .slider-part .slick-next::before{content: '';background-image: url('../images/right-arrow.png');width: 30px;height: 30px;background-size: cover;display: block;opacity: 1;}
/* slider css end */

/* service css start */
.service-section{background-color: #262630;}
.service-section .card-body {padding: 0 !important;}
.service-section .service-part{background-color: #2e2e3d;width: 75%;margin: 0 auto;height: 205px;}
.service-section .service-part:hover{background-color: #393946;transition: 0.5s;}
.service-section .service-part .service-image{width: 100%;object-fit: contain;height: 165px;margin: 0 auto;}
.service-section .service-part .content{font-size: 18px;color: #d1d2d4;line-height: 1.2;}
.service-section .service-part .service-link:focus{outline: none;}
/* service css end  */

/* arrivals css start */
.arrival-section .content-arrivals .arrival-heading {font-size: 32px;line-height: 1.2;color: #2e2e3d;}
.arrival-section .content-arrivals .arrival-text {font-size: 15px;color: #58585a;line-height: 1.5;}
.arrival-section .arrivals-slider .arrival-part .arrival-grid .arrivals-image{width: 100%;height: 135px;object-fit: cover;object-position: center;}
.arrival-section .arrivals-slider .arrival-part .arrival-text{width: 85%;margin: 0 auto;position: relative;}
.arrival-section .arrivals-slider .arrival-part .arrival-text .arrival-text-link{font-size: 16px;color: #404041;padding: 6px 0 8px 0;background: #f0f0f0;display: block;}
.arrival-section .arrivals-slider .arrival-part .arrival-text:hover .arrival-text-link{color: #fff;background: #cc2127;}
.arrival-section .arrivals-slider .arrival-part .arrival-grid {width: 85%;margin: 0 auto;}
.arrival-section .arrivals-slider .slick-prev {left: 16px;z-index: 1;background-color: rgba(91, 91, 91, 0.5);width: 30px;height: 30px;top: 40%;}
.arrival-section .arrivals-slider .slick-prev::before{content: '';background-image: url('../images/left-arrow.png');width: 19px;height: 19px;background-size: cover;display: block;opacity: 1;margin-left: 5px;}
.arrival-section .arrivals-slider .slick-next {right: 13px;z-index: 1;background-color: rgba(91, 91, 91, 0.5);width: 30px;height: 30px;top: 40%;}
.arrival-section .arrivals-slider .slick-next::before{content: '';background-image: url('../images/right-arrow.png');width: 19px;height: 19px;background-size: cover;display: block;opacity: 1;margin-left: 5px;}
@media(min-width: 992px){
    .arrival-section .hover-before .hover .enquire-btn{width: 95px;height: 22px;line-height: 22px;font-size: 12px;}
}
/* arrivals css end */

/* project css start */
.project-section {background-color: #f5f5f5;}
.project-section .project-image-part .project-image{width: 100%;height: 300px;object-position: center;object-fit: cover;}
.project-section .project-content .project-heading{font-size: 32px;color: #2e2e3d;}
.project-section .project-content .project-text{font-size: 15px;color: #58585a;line-height: 1.5;}
.project-section .project-content .project-link{display: inline-block;width: 130px;text-align: center;height: 34px;line-height: 30px;border-radius: 2px;font-size: 14px;}
.project-section .project-content .project-link:hover{background: #333333!important; transition: 0.5s;}
@media(min-width: 992px){
    .project-section .hover-before .hover .eye-icon{left: 45%;}
}
/* project css end */

/* footer css start */
.footer-top {background-color: #262630;min-height: 70px;}
.footer-top .footer-link{color: #ccc !important;display: inline-block; margin: 0 15px;font-size: 15px;}
.footer-top .footer-link:hover{color: #777 !important;}
.footer-top .footer-itmes{display: flex;}
.footer-top .footer-icon-item .footer-icon-link .custom-icon{height: 30px;width: 30px;background-color: #a7a9ac;transition: 0.5s;display: block;border-radius: 8px;}
.footer-top .footer-icon-item .footer-icon-link .footer-img{opacity: 0;transition: 0.5s;width: 30px;position: absolute;top: 0;}
.footer-top .footer-icon-item .footer-icon-link .icon{color: #fff;font-size: 24px;padding: 2px 0 0 5px;}
.footer-top .footer-icon-item .footer-icon-link .facebook-icon{color: #fff;font-size: 19px;padding: 5px 0 0 10px;}
.footer-top .footer-icon-item .footer-icon-link {width: 30px;height: 30px;display: inherit;position: relative;margin: 0 5px;}
.footer-top .footer-icon-item .footer-icon-link:hover .footer-img{opacity: 1;}
.footer-top .footer-icon-item .footer-icon-link:hover .custom-icon{opacity: 0;}
.footer-bottom{height: 50px;background-color: #cc2127;display: flex;align-items: center;}
.footer-bottom .copyright{font-size: 14px;}
/* footer css end */

/* page header css start */
.bg-pages-header {background-color: #262630;}
.common-header-left {line-height: 1;}
.common-header-left .header-left-text{color: #bcbdc0;font-size: 16px;padding-left: 3px; text-decoration: none;}
.common-header-left .header-left-text:hover{color: #fff;}
.common-header-left .header-left-heading{font-size: 38px;line-height: 1;letter-spacing: 2px;}
.common-header-right .header-right-link{color: #bcbdc0 !important;font-size: 15px;position: relative;margin: 0 5px;}
.common-header-right .header-right-link:hover{color: #fff !important;}
.common-header-right .header-right-link:nth-child(1)::before{content: '';margin-right: 0px;position: absolute;top: 1px;right: -8px;height: 18px;width: 2px;background-color: #bcbdc0;}
/* page header css End */

/* product page css start */
.products-page .side-heading-bg{background-color: #6d6e71;padding: 10px 24px;}
.products-page .side-heading-bg .product-heading{font-size: 24px;}
.products-page .product-accordion .product-side-bar-heading .product-btn{color: #404041;font-size: 15px;transition: 0.5s;}
.products-page .product-accordion .product-side-bar-heading .product-btn:hover{color: #cc2127!important;}
.products-page .product-accordion .product-side-bar-heading .product-btn::before{content: "\f078";font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 14px;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;position: absolute;right: 15px;top: 14px;transition: 0.5s;}
.products-page .product-accordion .product-side-bar-heading .product-btn:not(.collapsed)::before{transform: rotate(180deg);}
.products-page .product-accordion .product-items .product-items-link{display: inline-block;color: #3e3e3f;padding: 3px 0;font-size: 15px;transition: 0.5s;}
.products-page .product-accordion .product-items .product-items-link:hover{color:#cc2127 !important;}
.products-page .product-accordion .product-items::before{content: '';position: absolute;top: 14px;left: -11px;width: 5px;height: 2px;background-color: #404041;}
.products-page .product-accordion {background-color: #f3f3f4;padding: 10px;}
.products-page .product-accordion .products-body{padding: 0px 0px 15px 28px;}
.products-page .product-page-part .product-grid .image-part .product-page-image{height: 200px;width: 100%;object-fit: cover;}
.products-page .product-page-part .product-grid .bottom-text .bottom-heading{font-size: 18px;color: #404041; background: #f0f0f0; padding: 6px 0 8px 0;text-decoration: none;transition: 0.5s;}
.products-page .product-page-part .product-grid .bottom-text .bottom-heading:hover{background:#cc2127;color:#fff; transition: 0.5s;}
/* product page css end */

/* product details css start */
.product-details-page .product-details-part .slider-image .details-image{width: 100%;height: 91px;object-fit: cover;}
.product-details-page .details-slider .slider-image .details-image{width: 100%;height: 400px;object-fit: cover;}
.product-details-page .single-slider .slider-grid .image{height: 400px;}
.product-details-page .slider-image {padding: 5px;}
.product-details-page .image-gap:focus{outline: none;}
.product-details-page .product-details-part .slick-list{padding: 0 !important;}
.product-details-page .product-details-heading{font-size: 22px;color:#cc2127!important;width: 85%;}
.product-details-page .product-details-heading .product-code{font-size: 16px;}
.product-details-page .product-details-btn{width: 125px;color: #fff;text-align: center;line-height: 35px;height: 35px;border-radius: 2px;font-size: 14px;display: block;border:none;}
.product-details-page .product-details-btn:hover{background: #333333!important; transition: 0.5s;}
.product-details-page .details-parts .arrow-part{position: absolute;top: 0;right: 0;}
.product-details-page .details-parts .arrow-part .arrow-link{border: 1px solid #bcbdc0;border-radius: 5px;width: 30px;height: 30px;margin: 0 3px;transition: 0.5s;}
.product-details-page .details-parts .arrow-part .arrow-link:hover{border-color: #cc2127;}
.product-details-page .details-parts .arrow-part .arrow-link:focus{outline: none;}
.product-details-page .details-parts .arrow-part .arrow-link .slider-arrow-image{width: 15px;}
.vbox-close{background-color: #000 !important;}
.product-details-page .details-slider .slider-image .venobox-link{width: 50px;height: 50px;position: absolute;bottom: 5px;right: 5px;background-color: rgba(0,0,0,0.8);border-radius: 5px;}
.product-details-page .single-slider .slider-grid .venobox-link{width: 50px;height: 50px;position: absolute;bottom: 0px;right: 0px;background-color: rgba(0,0,0,0.8);border-radius: 5px;}
.vbox-share{opacity: 0 !important;}
.vbox-left{padding-right: 10px !important;}
.slider-thumbs-1 {overflow: hidden;}

.slider-thumbs-1 .slick-list .slick-slide img {border: 1px solid transparent;}
.slider-thumbs-1 .slick-active.slick-current img {border-color: #cc2127;}
@media(max-width: 1024px) and (min-width: 992px){
    .product-details-page .details-slider .slider-image .details-image{height: 340px;}
    .product-details-page .product-details-part .slider-image .details-image{height: 77px;}
}
/* product details css end */

/* contact page css start */
.enquiry-form-section .whatsapp-icon{width: 28px;height: 28px;position: absolute;top: -2px;left: -39px;}
.enquiry-form-section .contact-icon{font-size: 25px;}
/* contact page css end */

/* Slider transtion Effects */

/* Slider-1 Effect */
    .slider-part .slider-grid.slick-active .slider-image{animation: animate 10s alternate ease-in;}
    @keyframes thing{
        0%{
            transform: scale(1, 1);
        }
        50%{
            transform: scale(1.1, 1.1);
        }
        100%{
            transform: scale(1.1, 1.1);
        }
    }
    .slick-slide{outline: none !important;}
    .carousel-main-slider .carousel-image{height: 500px;object-fit: cover;}
    .carousel-main-slider .carousel-item {height: 500px;}
    .carousel-main-slider .carousel-control-next, .carousel-control-prev{width: 5%;}
    .carousel-item img{animation: thing 10s; -webkit-animation: thing 10s;transition: opacity 4s ease-in;}
    
/* End */

/* End */


/* related product css start */
.related-product-section .related-product-heading{font-size: 26px;color: #2e2e3d;border-bottom: 1px solid #f5f5f5;padding-bottom: 5px;}
.related-product-section .related-product-slider .slider-part .related-slider-grid{width: 85%;margin: 0 auto;}
.related-product-section .related-product-slider .slider-part .related-slider-grid .related-images{width: 100%;height: 180px;object-fit: cover;}
.related-product-section .related-product-slider .slider-part .related-slider-grid .text-bottom a{font-size: 16px;color: #404041; background: #f0f0f0; line-height: 30px; padding: 6px 0;text-decoration: none;}
.related-product-section .related-product-slider .slider-part .related-slider-grid .text-bottom a:hover{background:#cc2127;color:#fff;transition: 0.5s;}

/* related product css ens */
/* about us css start */
.company .company-img{height: 200px;width: 100%;object-fit: cover;}
.company .company-inline-img{width:100%;}
.company .company-heading{font-size: 32px;color: #2e2e3d;}
.company .custom-list{padding-left: 30px;padding-bottom: 5px;}
.company .custom-list::before{content: "\f0da";font-family: "Font Awesome 5 Free";font-weight: 900;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;color: #000;position: absolute;left: 10px;top: 5px;}
@media(min-width:992px){
	.company .company-inline-img{width:50%;}
}
/* about us css end */
/* faq page css start */

.faqs-section .faq-accor-bg{background-color: #cc2127 !important;}
.faqs-section .faq-accor-bg:hover{background-color: #333333  !important; transition: 0.5s;}
.faqs-section .faq-card{border: 0 !important;box-shadow: 1px 2px 4px rgba(0,0,0,0.2);}
.faqs-section .faq-card-header::after{content: "\f067";top: 50%;transform: translateY(-50%);font-family: "Font Awesome 5 Free";font-weight: 900;display: block;position: absolute;right: 10px;height: 30px;width: 30px;line-height: 30px;text-align: center;color: #ffffff;padding: 0;font-size: 16px;}
.faqs-section .faq-card-header{position: relative;display: block; margin-top: -5px !important;}
.faqs-section .faq-card-header .faq-btn{width: 93%;text-align: left;}
.faqs-section .faq-card-header:not(.collapsed)::after{color: #ffffff;line-height: 29px;content: "\f068";}
.card.active > .card-header{background-color: #333333 !important; transition: 0.5s;}
.faq-body ul li {margin-left: -15px;}

/* faq page css end */

.mobile-view-none{height: 100vh;display: flex;align-items: center;justify-content: center;font-size: 30px;text-align: center;}

@media(max-width: 991px){
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link:hover,
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link,
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link:hover{transition: 0.5s;}
    .custom-header {width: 90%;margin: 0 auto;}
    .service-section .service-part .content{font-size: 18px;}
    .slider-section .slider-part .slider-grid .slider-item .slider-heading{font-size: 40px;}
    .slider-section .slider-part .slick-next{right: 25px;}
    .slider-section .slider-part .slick-prev{left: 25px;}
    .footer-top .footer-itmes{flex-wrap: wrap;}
    .footer-top{min-height: 110px;}
    .project-section .project-image-part .project-image{width: 90%;margin: 0 auto;}
    .project-section .project-image-part{text-align: center;}
    .project-section .hover-before::before{width: 90%;margin: 0 auto;}
    .project-section .hover-before .hover .eye-icon{left: 47%;}
    .common-header-left .header-left-heading{font-size: 35px;}
    .common-header-left .header-left-text{font-size: 14px;}
    .common-header-right .header-right-link{font-size: 14px;}
    .products-page .hover-before .hover .eye-icon{left: 44%;}
    /* .twt-navbar.twt-navbar-common .navbar-nav .nav-item:hover .nav-link{background-color: #fff;color: #cc2127 !important;} */
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link{color: #fff !important;border-bottom: 1px solid #fff;}
    .twt-navbar.twt-navbar-common.nav-light button.navbar-toggler .navbar-dash{background: #cc2127;}
    .twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item{color: #fff;border-bottom: 1px solid #fff;}
    .products-page .product-page-part .product-grid .image-part .product-page-image{width: 80%; margin: 0 auto;}
    .products-page .hover-before::before{width: 80%;margin: 0 auto;}
    .product-details-page .single-slider .slider-grid .image{height: 480px;}
    .twt-navbar.twt-navbar-common .slide{background-color: #cc2127;}
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link, .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active:hover>.nav-link{background-color: #cc2127;color: #fff;}
    .company .company-img{height: 300px;}
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link{background-color: #fff;color: #cc2127 !important;}
}
@media(max-width: 575px){
    .footer-top .footer-link{margin: 0 9px;}
    .slider-section .slider-part .slider-grid .slider-item .slider-heading{font-size: 30px;}
    .project-section .project-content .project-heading{font-size: 25px;}
    .project-section .project-content .project-text{font-size: 14px;}
    .project-section .project-content .project-link{width: 125px;height: 30px;line-height: 30px;}
    .slider-section .slider-part .slick-prev::before, .slider-section .slider-part .slick-next::before{height: 20px;width: 20px;}
    .products-page .hover-before .hover .eye-icon{left: 46%;}
    .common-header-left .header-left-heading{font-size: 30px;}
    .common-header-left .header-left-text{font-size: 12px;}
    .common-header-right .header-right-link{font-size: 12px;}
    .common-header-right .header-right-link:nth-child(1)::before{height: 15px;width: 1px;}
    .fixed-button{right: 15px;}
    .company .company-heading{font-size: 25px;}
    .product-details-page .details-slider .slider-image .details-image{height: 300px;}
    .product-details-page .product-details-heading{font-size: 25px;width: 82%;}
    .project-section .project-image-part .project-image{height: 280px;}
    .related-product-section .related-product-slider .slider-part .related-slider-grid{width: 80%;}
    .arrival-section .arrivals-slider .slick-prev{left: 25px;}
    .arrival-section .arrivals-slider .slick-next{right: 25px;}
    .product-details-page .single-slider .slider-grid .image{height: 400px;}
    .twt-navbar.twt-navbar-common .brand-logo-img{height: 70px;}
    .company .company-img{height: 200px;}
    .carousel-main-slider .carousel-item {height: 200px;}
    .carousel-main-slider .carousel-image {height: 200px;object-fit: cover;}
    .hover-before .hover .eye-icon{left: 44%;}
}
@media(max-width: 680px){
    .carousel-main-slider .carousel-item {height: 200px;}
    .carousel-main-slider .carousel-image {height: 200px;object-fit: cover;}
}
@media(max-width: 575px) and (min-width: 460px){
    .products-page .product-page-part .product-grid .image-part .product-page-image{height: 300px;}
    .related-product-section .related-product-slider .slider-part .related-slider-grid .related-images{width: 80%;margin: 0 auto;height: 240px;}
    .related-product-section .hover-before::before{width: 80%;margin: 0 auto;}
    .related-product-section .hover-before .hover .eye-icon{left: 44%;}
    .arrival-section .arrivals-slider .arrival-part .arrival-grid .arrivals-image{height: 280px;}
}
@media(max-width: 459px){
    .arrival-section .arrivals-slider .arrival-part .arrival-grid .arrivals-image{height: 230px;}

}
@media(max-width: 420px){
    .slider-section .slider-part .slider-grid .slider-item .slider-heading{font-size: 25px;}
    .slider-section .slider-part .slick-next{right: 10px;}
    .slider-section .slider-part .slick-prev{left: 10px;}
    .product-details-page .details-slider .slider-image .details-image{height: 200px;}
    .product-details-page .single-slider .slider-grid .image{height: 340px;}
    .twt-navbar.twt-navbar-common .brand-logo-img{height: 60px;}
    .common-header-right .header-right-link, .common-header-left .header-left-text{font-size: 10px;}
    .common-header-left .header-left-heading{font-size: 23px;}
}
@media(max-width: 420px) and (min-width: 370px){
    .products-page .product-page-part .product-grid .image-part .product-page-image{height: 230px;}
    .related-product-section .related-product-slider .slider-part .related-slider-grid .related-images{height: 230px;}
}
@media(max-width: 360px){
    .project-section .hover-before .hover .eye-icon{left: 46%;}
    .arrival-section .hover-before .hover .eye-icon{left: 43%;}
    .slider-section .slider-part .slider-grid .slider-item .slider-heading{font-size: 21px;}
    .related-product-section .related-product-slider .slider-part .related-slider-grid .related-images{height: 210px;}
    .product-details-page .single-slider .slider-grid .image{height: 280px;}
    .common-header-left .header-left-heading{font-size: 20px;}
    .product-details-page .product-details-heading{width: 79%;}
    .product-details-page .product-details-heading{font-size: 20px;}
}
@media(max-width: 320px){
    .slider-section .slider-part .slider-grid .slider-item .slider-heading{font-size: 19px;}
    .product-details-page .details-slider .slider-image .details-image{height: 175px;}
    .product-details-page .product-details-part .slider-image .details-image{height: 81px;}
    .related-product-section .related-product-slider .slider-part .related-slider-grid .related-images{height: 180px;}
    .product-details-page .single-slider .slider-grid .image{height: 260px;}
    .twt-navbar.twt-navbar-common .brand-logo-img{height: 52px;}
    .common-header-left .header-left-heading{font-size: 17px;}
}