/*############################## General   ###########################*/

*{
    min-height: 0;
    min-width: 0;
}


body{
    
font-family: 'Poppins', sans-serif;
    background-color: #fff; 
    font-weight: normal;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    
font-family: 'Poppins', sans-serif;
    font-weight:bold;
}
.padding-top-each
{
    padding-top:40px;
}
.padding-top-line
{
    padding-top:20px;
}

.button-red
{
    background: #ea232a;
    margin-top: 1.4rem;
}


/*#############################  General   ###########################*/

/*############################## Top Banner ##########################*/

#top_banner_section {
    /*padding-top: 1em;*/
    position: relative;
    z-index: 1;
}

#top_banner_section .logo_con .top_logo {
   
    width: 100%;
    padding:2rem 0rem;
   
}



/*############################## Top Banner ##########################*/

/*############################# hero slider ##########################*/

.hero-slider{
    position:relative;
}

.hero-slider h2 {
    position: absolute;
    top: 10%;
    left: 10%;
    color: #000;
}

.hero-slider img {
    width: 100%!important;
   }

.hero-slider ul.slick-dots {
    position: absolute;
    bottom: 23px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    right: 0px;
    color:#fff;
    left:4px;
}
.hero-slider ul.slick-dots li {position: relative; display: inline-block; width: 0.9775rem; height: 0.9375rem; margin: 0 0.375rem; padding: 0; cursor: pointer;}
.hero-slider ul.slick-dots li:first-child {margin-left: 0px;}
.hero-slider ul.slick-dots li:last-child {margin-right: 0px;}

.hero-slider ul.slick-dots li {position: relative; display: inline-block; width: 0.9375rem; height: 0.9375rem;  padding: 0; cursor: pointer;margin:2px}
.hero-slider ul.slick-dots li:first-child {margin-left: 0;}
.hero-slider ul.slick-dots li:last-child {margin-right: 0;}

.hero-slider ul.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 0.7375rem; height: 0.7375rem; padding: 0.1125rem; cursor: pointer; color: transparent; outline: none; border:none; background: #ea232a; border-radius: 50%;}

.hero-slider ul.slick-dots li button:hover,
.hero-slider ul.slick-dots li button:focus,
.hero-slider ul.slick-dots li.slick-active button {outline: none;transition: all 300ms ease 0s;}

.hero-slider ul.slick-dots li.slick-active button {
    
    border: 2px solid #ea232a;
    background: #ffffff;
}
.heroImageItem
{
    position:relative;
}

.nextArrowBtnHero{
    position: absolute;
    z-index: 1000;
    top: 45%;
    right: 2%;
    color: #fff;
    padding: 6px 16px;
    cursor: pointer;
    left:auto;
}

.prevArrowBtnHero{
    position: absolute;
    z-index: 1000;
    top: 45%;
    left: 2%;
    color:#fff ;
    padding: 6px 16px;
    cursor: pointer;
}

/*############################ hero slider  ##########################*/

/*############################## hero function #######################*/



/*############################# Hero function  #######################*/

.hero-functions
{
    background:#1a4883;
    padding-top: 1rem;
}

.hero-functions a{
    color:#fff;
}
.hero-function-content
{
    padding:2rem 0rem;
}
/*############################# Hero function  #######################*/

/*############################# Quick Enquiry  #######################*/
.quick-enquiry {
    padding-top: 58px;
    padding-bottom: 50px;
}
/*############################# Quick Enquiry  #######################*/


/*############################# features section starts  #######################*/

.feature-section
{
    padding-top:60px;
}

.feature-section .tabs
{
    border:0px;
}

.feature-section ul li a {
   
    padding: 1.45rem 1.8rem !important;
    font-size: 0.95rem !important;
    color:#000;
    /*color: #1779ba;*/
}
.feature-section hr{
    max-width: 100rem !important;
    margin: 0 0 !important; 
}
.features-first-section
{
    padding-top:60px !important;
}
.features-first-section .card{
    border :none !important;
}

.tabs-title > a:focus, .tabs-title > a[aria-selected='true']
{
    background:none !important;
    border-bottom: 2px solid #1779ba;
}

.feature-tab-content
{
    padding-top:40px;
    
}
.tabs-content {
    border:0px !important;
    color:#9da3b1;
}
.tabs-content h3
{
    color:#000;
}

.features-connected
{
    padding-top:60px;
}
.features-connected .card{
    border:0px;
}

.connected-img
{
    padding-top:40px;
}
/*############################# features section ends  #######################*/

/*############################# comfort section  starts  #######################*/

.comfort-section
{
    padding-top:60px;
}

.comfort-content
{
    padding-top:40px;
}
/*############################# comfort section   ends #######################*/

/*######################## gallery section   ########################*/

.gallery-section
{
    padding-top:60px;
}
.gallery-slider {
    position: relative;
    
}
.slider_cstm
{
    position: relative;
    bottom: 96px;

}
.slider-navItem img {
    padding: 1em!important;
}


.nextArrowBtnGallery{
    position: absolute;
    z-index: 1000;
    top: 45%;
    right: 2%;
    color: #000;
    padding: 6px 16px;
    cursor: pointer;
    left:auto;
}

.prevArrowBtnGallery{
    position: absolute;
    z-index: 1000;
    top: 45%;
    left: 2%;
    color:#000 ;
    padding: 6px 16px;
    cursor: pointer;
}

.nextArrowBtnGallerynav{
    position: absolute;
    z-index: 1000;
    top: 63%;
    right: -1%;
    color: #000;
    cursor: pointer;
    left:auto;
}

.prevArrowBtnGallerynav{
    position: absolute;
    z-index: 1000;
    top: 63%;
    left: -1%;
    color:#000 ;
    cursor: pointer;
}




/*######################## gallery section   ########################*/




.footer-section
{
    padding-top:40px;
    background-color:  #1a4685;
    color:#fff;
    padding-bottom:30px;
}

/*################################### Performance Tab ######################*/

.performance-slider .card{
    border:none;
}


.performance-slider ul.slick-dots {
    position: absolute;
    bottom: -22px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    right: 0px;
    color:#fff;
    left:4px;
}
.performance-slider ul.slick-dots li {position: relative; display: inline-block; width: 0.9775rem; height: 0.9375rem; margin: 0 0.375rem; padding: 0; cursor: pointer;}
.performance-slider ul.slick-dots li:first-child {margin-left: 0px;}
.performance-slider ul.slick-dots li:last-child {margin-right: 0px;}

.performance-slider ul.slick-dots li {position: relative; display: inline-block; width: 0.9375rem; height: 0.9375rem;  padding: 0; cursor: pointer;margin:2px}
.performance-slider ul.slick-dots li:first-child {margin-left: 0;}
.performance-slider ul.slick-dots li:last-child {margin-right: 0;}

.performance-slider ul.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 0.7375rem; height: 0.7375rem; padding: 0.1125rem; cursor: pointer; color: transparent; outline: none; border:none; background: #2196F3; border-radius: 50%;}

.performance-slider ul.slick-dots li button:hover,
.performance-slider ul.slick-dots li button:focus,
.performance-slider ul.slick-dots li.slick-active button {outline: none;transition: all 300ms ease 0s;}

.performance-slider ul.slick-dots li.slick-active button {
    
    border: 2px solid #000;
    background: #ffffff;
}
.heroImageItem
{
    position:relative;
}

.nextArrowBtnPerformance{
    position: absolute;
    z-index: 1000;
    top: 45%;
    right: 2%;
    color: #fff;
    padding: 6px 16px;
    cursor: pointer;
    left:auto;
}

.prevArrowBtnPerformance{
    position: absolute;
    z-index: 1000;
    top: 45%;
    left: 2%;
    color:#fff ;
    padding: 6px 16px;
    cursor: pointer;
}

/*################################### Performance Tab ######################*/

/*################################## Safety Tab      #######################*/

.safety-slider .card{
    border:none;
}


.safety-slider ul.slick-dots {
    position: absolute;
    bottom: -22px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    right: 0px;
    color:#fff;
    left:4px;
}
.safety-slider ul.slick-dots li {position: relative; display: inline-block; width: 0.9775rem; height: 0.9375rem; margin: 0 0.375rem; padding: 0; cursor: pointer;}
.safety-slider ul.slick-dots li:first-child {margin-left: 0px;}
.safety-slider ul.slick-dots li:last-child {margin-right: 0px;}

.safety-slider ul.slick-dots li {position: relative; display: inline-block; width: 0.9375rem; height: 0.9375rem;  padding: 0; cursor: pointer;margin:2px}
.safety-slider ul.slick-dots li:first-child {margin-left: 0;}
.safety-slider ul.slick-dots li:last-child {margin-right: 0;}

.safety-slider ul.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 0.7375rem; height: 0.7375rem; padding: 0.1125rem; cursor: pointer; color: transparent; outline: none; border:none; background: #2196F3; border-radius: 50%;}

.safety-slider ul.slick-dots li button:hover,
.safety-slider ul.slick-dots li button:focus,
.safety-slider ul.slick-dots li.slick-active button {outline: none;transition: all 300ms ease 0s;}

.safety-slider ul.slick-dots li.slick-active button {
    
    border: 2px solid #000;
    background: #ffffff;
}


.nextArrowBtnSafety{
    position: absolute;
    z-index: 1000;
    top: 45%;
    right: 2%;
    color: #fff;
    padding: 6px 16px;
    cursor: pointer;
    left:auto;
}

.prevArrowBtnSafety{
    position: absolute;
    z-index: 1000;
    top: 45%;
    left: 2%;
    color:#fff ;
    padding: 6px 16px;
    cursor: pointer;
}

/*################################# Safety Tab      ########################*/

/*################################ conve Tab        ########################*/

.conv-slider ul.slick-dots {
    position: absolute;
    bottom: -22px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    right: 0px;
    color:#fff;
    left:4px;
}
.conv-slider ul.slick-dots li {position: relative; display: inline-block; width: 0.9775rem; height: 0.9375rem; margin: 0 0.375rem; padding: 0; cursor: pointer;}
.conv-slider ul.slick-dots li:first-child {margin-left: 0px;}
.conv-slider ul.slick-dots li:last-child {margin-right: 0px;}

.conv-slider ul.slick-dots li {position: relative; display: inline-block; width: 0.9375rem; height: 0.9375rem;  padding: 0; cursor: pointer;margin:2px}
.conv-slider ul.slick-dots li:first-child {margin-left: 0;}
.conv-slider ul.slick-dots li:last-child {margin-right: 0;}

.conv-slider ul.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 0.7375rem; height: 0.7375rem; padding: 0.1125rem; cursor: pointer; color: transparent; outline: none; border:none; background: #2196F3; border-radius: 50%;}

.conv-slider ul.slick-dots li button:hover,
.conv-slider ul.slick-dots li button:focus,
.conv-slider ul.slick-dots li.slick-active button {outline: none;transition: all 300ms ease 0s;}

.conv-slider ul.slick-dots li.slick-active button {
    
    border: 2px solid #000;
    background: #ffffff;
}


.nextArrowBtnConv{
    position: absolute;
    z-index: 1000;
    top: 45%;
    right: 2%;
    color: #fff;
    padding: 6px 16px;
    cursor: pointer;
    left:auto;
}

.prevArrowBtnConv{
    position: absolute;
    z-index: 1000;
    top: 45%;
    left: 2%;
    color:#fff ;
    padding: 6px 16px;
    cursor: pointer;
}
/*################################ conve Tab        ########################*/

/*################################ Specification    ########################*/
.speci-tab
{
    color:#000;
}
tbody tr:nth-child(even){
        background-color: #fff !important;
}
/*################################# Specification   ########################*/