@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');


/********** Template CSS **********/
:root {
    /*--primary: #FDA12B;
    --secondary: #8D9297;
    --light: #F8F9FA;
    --dark: #182333;*/
    --primary: #FDA12B;
    --secondary: #0078bf;
    --light: #F8F9FA;
    --dark: #182333;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}


.sticky-top {
    position: sticky;
    top: -1px !important;
    z-index: 1020;
}

/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}
h1,h2,h3,h4,h5,p,span,a,ul,li{
    font-family: 'Montserrat', sans-serif; font-weight: 500;
    color: #000;
}

/*** Button ***/
.btn {
    font-weight: 500;
    transition: .5s;
}

.btn.btn-primary,
.btn.btn-outline-primary:hover {
    color: #FFFFFF;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}


/*** Navbar ***/

.navbar.sticky-top {
    top: -100px;
    transition: .5s;
}

.navbar .navbar-nav .nav-link {
    /* margin-left: 30px;
    padding: 25px 0;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    outline: none; */
        margin-left: 30px;
    padding: 14px 0;
    color: #fff;
    font-weight: 550;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: var(--primary);
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link  {
        margin-left: 0;
        padding: 10px 0;
        color: orange;
    }
    .footer .btn.btn-link,.index-inc a{
            color: #000!important;

    }

    .navbar .navbar-nav {
        margin-top: 25px;
        border-top: 1px solid #EEEEEE;
    }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        right: 0;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}


/*** Header ***/
.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    text-align: start;
    background: rgba(0, 0, 0, .65);
    z-index: 1;
}

.carousel-control-prev,
.carousel-control-next {
    width: 15%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 4rem;
    height: 4rem;
    background-color: var(--dark);
    border: 15px solid var(--dark);
    border-radius: 50px;
}

.carousel-caption .breadcrumb-item+.breadcrumb-item::before {
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--primary);
}
.whatsapp-se {
right: 20px;
    width: 64px;
    z-index: 999;
    position: fixed;
    bottom: 97px;
}
@media (max-width: 768px) {
    #header-carousel .carousel-item {
      position: relative;
    height: 246px;
    
    }
    
    #header-carousel .carousel-item img {
        position: absolute;
            height: 246px;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        width: 3rem;
        height: 3rem;
        border-width: 12px;
    }
}

.page-header {
    background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)), url(../img/carousel-1.jpg) center center no-repeat;
    background-size: cover;
}
.page-header-polycab {
    background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)), url(../img/inner-banner/polycab.png) center center no-repeat;
    background-size: cover;
}
.page-header-switchgear {
    background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)), url(../img/inner-banner/switchgear.png) center center no-repeat;
    background-size: cover;
}
.page-header .breadcrumb-item+.breadcrumb-item::before {
    color: #999999;
}


/*** Facts ***/
.facts-overlay {
    position: absolute;
    padding: 30px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: rgba(0, 0, 0, .65);
}

.facts-overlay h1 {
    font-size: 120px;
    color: transparent;
    -webkit-text-stroke: 2px var(--primary);
}

.facts-overlay a:hover {
    color: var(--primary) !important;
}


/*** Service ***/
.service-text::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background: var(--primary);
    opacity: 0;
    transition: .5s;
}

.service-item:hover .service-text::before {
  height: 176px;
    opacity: 1;
}

.service-text * {
    position: relative;
    transition: .5s;
    z-index: 1;
}

.service-item:hover .service-text * {
    color: #FFFFFF !important;
}


/*** Appointment ***/
.appointment {
    background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)), url(../img/carousel-2.jpg) center center no-repeat;
    background-size: cover;
}


/*** Team ***/
.team-text {
    position: absolute;
    width: 75%;
    bottom: 30px;
    left: 0;
    transition: .5s;
}

.team-item:hover .team-text {
    width: 100%;
}

.team-text * {
    transition: .5s;
}

.team-item:hover .team-text * {
    letter-spacing: 2px;
}


/*** Testimonial ***/
.testimonial-carousel .owl-item img {
    width: 100px;
    height: 100px;
}

.testimonial-carousel .owl-nav {
    margin-top: 30px;
    display: flex;
    justify-content: start;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    margin-right: 15px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--dark);
    border: 2px solid var(--primary);
    border-radius: 50px;
    font-size: 18px;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    color: #FFFFFF;
    background: var(--primary);
}


/*** Footer ***/
.footer {
    color: #999999;
        /* box-shadow: 0px -4px 20px 0px #0000007a; */
       /*  padding-top: 70px; */
       margin-top: 30px;
}

.footer .btn.btn-link {
    display: flex;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: #fff;
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ffffff;
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    color: var(--light);
    
    box-shadow: none;
}
.copyright {
   padding: 10px 0;
    font-size: 15px;
    border-top: 1px solid rgba(256, 256, 256, .1);
    /* z-index: 43; */
    background: #fab600;
}

 .copyright a {
    color: var(--light);
}

.copyright a:hover {
    color: var(--primary);
}











/* Custom css */
.main_logo{ max-width: 100%; width: 220px; }
.carousel-caption{ display: none; }
.service-text::before{ background: var(--secondary); }
.navbar.sticky-top { 
    box-shadow: 1px 2px 3px #0000008f;
}
/*.header-curve{ overflow: hidden; }*/
body{ overflow-x: hidden;font-family: 'Montserrat', sans-serif; font-weight: 500;}
.top_bar{ background-color: #f0f0f0; color: #000;}
.header-curve .navbar-brand:before {
  right: -50px;
  width: 62%;
  -webkit-transform: skew( 30deg);
  -moz-transform: skew( 30deg);
  -o-transform: skew( 30deg);
  -ms-transform: skew( 30deg);
  transform: skew(30deg);

}
.header-curve .navbar-brand:before, .header-curve .navbar-brand:after {
  background-color: #fff;
  content: "";
  position: absolute;
  bottom: 0;
  height: 100%;
  z-index: -1;
}
.header-curve .navbar-brand:before{
    background-color: #035f97;
}

.header-curve .navbar-brand:after {
  right: 10%; width: 0px;
}

.topbaar {
   /*  padding: 6px; */
    background-color: #ededed;
}
.topbaar  small{
        color: #035f97;
    
    font-weight: 600;
    
}
.text-light{
   
        display: inline-block;
    color: #fab600!important;
    border-bottom: 1px solid;
    padding-bottom: 5px;
}
.topbaar  .h-100 i{
    font-size: 20px;
    color: #035f97;
}
.dropdown-item:hover
 {
   
        color: #1e2125;
    background: #fab600!important;
    font-weight: 700;
 }
 .contact-footer{
/* background: #fbaa42;
    color: #fff;
    padding: 36px; */

    /* background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)), url(../img/carousel-2.jpg) center center no-repeat;
    background-size: cover; */
   /*  margin: -25px 0px; */
        margin-bottom: -60px;
        position: relative;
        z-index: 10;
 }
 .contact-footer .col-lg-4{
    display: flex;
 }
 .left-img-sec img  {
      width: 56px;
    padding: 6px;
    border-radius: 4px;
    border: 2px solid #fff;
    margin: 4px 26px;
 }
 .right-details h3{
    position: relative;
    font-size: 20px;
    margin-bottom: 20px;    color: #fab600;
 }
 .right-details h3::after {
      content: " ";
    background: #fab600;
    width: 23%;
    height: 2px;
    /* border: 1px solid #fff; */
    top: 30px;
    padding: 1px 46px;
    /* margin: 50px -131px; */
    position: absolute;
    left: 4px;

}
 .right-details h3::before{
    content: " ";
    background: #fff;
    width: 23%;
    height: 2px;
    /* border: 1px solid #fff; */
    top: 30px;
    padding: 1px 46px;
    /* margin: 50px -131px; */
    position: absolute;
    left: 25px;
 }
 .footer-prefix{
     background: #035f97;
    color: #fff;
    padding: 36px;
    z-index: 20;
    /* border-radius: 5px; */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 1px 2px 20px 0px #0000007a;

 }
 .right-details p{
  
            line-height: 10px;
    margin: 10px 0px;
    font-size: 14px;
 }
 .right-details  span{
    margin-top: 10px!important;
        font-size: 14px;
 }
 .right-details i{
    margin-right: 10px;
    margin-top: 16px;
 }
 /* p:first-child {
  background-color: yellow;
} */
.b-right{
    border-right: 1px dashed #afa4a4;
}
.right-details ul li{
    list-style-type: none;
}



.contact-header, .email-header {
    padding: 0px 0px;
}

.call-us {
    display: flex;
    align-items: center;
    justify-content: end;
}

.item-meta {
    display: grid;
    margin: -2px;
}

.item-meta a {
   font-size: 14px;
    /* padding: 5px; */
    color: #fff;
}

/* .contact-header .call-us a {
    display: flex;
    align-items: center;
} */

.frooter_logo {
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 3px 6px 20px 2px #4444448c;
}


@media (max-width: 992px) {
    .header-curve .navbar-brand:before{
        display: none;
    }
}
@media (max-width: 992px) {
    .header-curve .navbar-brand:before{
        display: none;
    }
}

.logo-sec {
    color: #999999;
    position: relative;
}

.logo-sec::after {
   background: #035f97;
    z-index: 3;
    position: absolute;
    box-shadow: -12px 0px 15px 2px #ddd;
    top: 0;
    left: 237px;
    height: 100%;
    width: 100%;
    content: "";
    /* background-color: #c52127; */
    transform: skew(168deg);
    bottom: 0;
}
.index-inc {
    
    z-index: 4;
}
.service-item{
    border: 1px solid #ddd;
    box-shadow: -3px -4px 11px 1px #ddd;
}
#footer-text{
    color: #000!important;
}

.p-4 {
    padding: 8px!important;
}


.index-inc h4{
    position: relative;
}
/*  */
.service-text h5{

        font-weight: 600;
    color: #484646;
}
.service-text p{
    color:#5e5353;
}


.separator1 {
    border: 2px solid #fab600;
    position: relative;
    width: 14px;
    margin: 0 auto 20px;
    margin-left: 0px;
}
.separator1::before {
    content: '';
    position: absolute;
    width: 50px;
    border: 2px solid #0078bf;
    right: -56px;
    top: -2px;
}

.ourproduct {
    padding: 30px 0px;
    margin: 20px 0px;
}
.poly h1 {
    color: #d91a0c;
    text-transform: uppercase;
}
.kei h1 {
   
        color: #0055a3;
    text-transform: uppercase;
    /* border: 1px solid #ddd; */
    border-bottom: 1px solid #Ddd;
    font-size: 31px;

}
/* .gi-border{
    border: 1px solid #dddd;
    padding: 20px;
} */
.enquire-no{
    background: #fab600;
    padding: 4px;
    display: inline-block;
    color: #fff;
    float:right;
}

.enquire-no a{
    color:#fff;
    padding: 20px;
}
.ct-ul li{
    width: 50%;
    float: left;

}


.pricelist-button{
  text-align: center;
  background-color:#1775b8;
  color:#fff;
  
}

.pricelist-card{
  border: 1px solid #ddd;
}

.pricelist-title{
  padding: 10px 0;
    text-align: center;
}
.pricelist-title p{
font-size: 14px;
}
.pricelist-image{
  display: flex;
    justify-content: center;
}

.pricelist-button p{
  font-size: 13px;
  padding: 10px 5px;
}

.page-header-gi {
    background: linear-gradient(rgb(0 0 0 / 20%), rgba(0, 0, 0, .65)), url(../img/inner-banner/gi.jpg)  no-repeat;
    background-size: cover;
    background-position: center ;

   
}
.page-header-about {
    background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)), url(../img/inner-banner/about.jpg)  no-repeat;
    background-size: cover;
    background-position: center ;

}
.page-header-precision {
    background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)), url(../img/inner-banner/percision.jpg)  no-repeat;
    position: relative;
    z-index: 1;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}
.page-header-mcb {
    background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)), url(../img/inner-banner/switchgear.png)  no-repeat;
    position: relative;
    z-index: 1;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}
.page-header-lukar{
    background: linear-gradient(rgb(0 0 0 / 0%), rgba(0, 0, 0, .65)), url(../img/inner-banner/luker.png)  no-repeat;
    position: relative;
    z-index: 1;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}
.page-header-legrand{
    background: linear-gradient(rgb(0 0 0 / 0%), rgba(0, 0, 0, .65)), url(../img/inner-banner/legrand.png)  no-repeat;
    position: relative;
    z-index: 1;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-header-lt{
background: linear-gradient(rgb(0 0 0 / 0%), rgba(0, 0, 0, .65)), url(../img/inner-banner/lnt.png)  no-repeat;
    position: relative;
    z-index: 1;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-header-anchor{
    background: linear-gradient(rgb(0 0 0 / 0%), rgba(0, 0, 0, .65)), url(../img/inner-banner/anchor.png)  no-repeat;
    position: relative;
    z-index: 1;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-header-precision-new {
    background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)), url(../img/inner-banner/polycab.png)  no-repeat;
    position: relative;
    z-index: 1;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}
.page-header-pricelist{
     background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)), url(../img/inner-banner/pricelist.jpg)  no-repeat;
    /* background-size: cover; */
    background-position: center ;
    height: 300px;
    background-position: center;

}
.page-header-finolex{
    background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)), url(../img/inner-banner/finolex.png)  no-repeat;
    position: relative;
    z-index: 1;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-header-antique{
     background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)), url(../img/inner-banner/antique.png)  no-repeat;
    position: relative;
    z-index: 1;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
ul#myTab li {
    width: 25%;
    display: grid;
    
}
ul#myTab li button img{
    border-radius: 50%;
}

.tab_container .tab-content h3 {
    color: #656565;
    font-weight: 700;
}
.tab_container .tab-content p, .product-detail ul li, .product-detail .table-bordered tbody tr td {
    color: #777;
    font-size: 14px;
    line-height: 22px;
}
.tab_container .tab-content h5, .product-detail h5 {
    color: #ed3237;
    font-weight: 700;
}
.btn-border{
    border: 1px solid;
    padding: 7px;
}
.table>:not(:last-child)>:last-child>*{
color: #000000ad;
}
#myTab span{
    display: grid;
    margin: 10px 0px;
}
.dropdown-menu{
width: 200px!important;
}
.cont-card{
box-shadow: rgb(0 0 0 / 10%) 0px 10px 50px;
    padding: 31px;
    font-size: 17px;
    min-height: 214px;
    text-align: center;
}
.cont-card i{
color: #fab600;
    font-size: 24px;
}
.cont-card span{
    color: #035f97;
    font-weight: 600;
}
.cont-card p{
font-size: 14px;
margin: 10px 0px;
}

/* contact us form */

.get-in-touch {
  max-width: 650px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.get-in-touch .title {
 text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 36px;
    line-height: 48px;
}

.contact-form .form-field {
  position: relative;
  margin: 32px 0;
}
.contact-form .input-text {
  display: block;
  width: 100%;
  height: 36px;
  border-width: 0 0 2px 0;
  border-color: #000;
  font-family: Lusitana, serif;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}
.contact-form .input-text:focus {
  outline: none;
}
.contact-form .input-text:focus + .label, .contact-form .input-text.not-empty + .label {
  transform: translateY(-24px);
}
.contact-form .label {
  position: absolute;
  left: 20px;
  bottom: 11px;
  font-family: Lusitana, serif;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #888;
  cursor: text;
  transition: transform 0.2s ease-in-out;
}
.contact-form .submit-btn {
  display: inline-block;
  background-color: #000;
  color: #fff;
  font-family: Raleway, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 16px;
  border: none;
  cursor: pointer;
}

.note {
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  text-align: center;
  font-family: Lusitana, serif;
  font-size: 16px;
  line-height: 21px;
}
.note .link {
  color: #888;
  text-decoration: none;
}
.note .link:hover {
  text-decoration: underline;
}


/* polycab */
/* Polycab */

.bnd {

  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  padding-right: 10px;
  color: #219ebc;
  margin-top: 1px;
}


.vc_btn3-color-red {

  color: #fff;
  background-color: #ed1c24d4;
  border-radius: 5px;
}

.vc_btn3-color-red:hover{
  color:#fff;
}

.pl_btn3-container {
  margin-top: 15px;
}

.pl_btn3-left {
  text-align: left;
  padding: 20px 0px;
}

.pl-title h1 {
  background: #f8f8f8;
  font-size: 16px !important;
  font-weight: 600;
  color: #000;
  padding: 10px 0px;
  margin: 0 !important;

}

.xlpe-bold {
  background: #f8f8f8;
  font-size: 16px !important;
  font-weight: 600;
  color: #000;
  padding: 10px 0px;
  margin: 0 !important;
}

.bnd:before {
  content: "\f05d";
}


strong {
  font-weight: bold;
  color: #000;
}

.mv-main h1{
  color:#000;
  font-size: 21px;
  font-weight: 700;
}

.mv-main p{
  color:#000;
  font-size: 14px;
  /* font-weight: 700; */
}

.pl-title ul li{
  padding-bottom: 10px;
  color: #000;

  display: flex;
  line-height: 20px;
}
.poly-content ul li {
  padding-bottom: 10px;
  color: #000;

  display: flex;
  line-height: 20px;
}

.poly-content ul li strong {
  font-weight: bold;
  color: #000;
  display: contents !important;
}

.row.mv-cable {
  padding: 30px 10px;
  margin: 25px 0px;
  border: 1px solid #ddd;
}

.product-row {
  padding: 15px 0px;

  justify-content: center;
  align-items: center;
}

.product-container {
  display: flex;
  justify-content: center;

  padding: 8px 8px;
}

.mv-cable .col-md-8 h4 {
  padding: 5px 0px;
  line-height: 18px;
  background: #f8f8f8;
  font-size: 20px !important;
  font-weight: 600;
  color: #000;
  margin: 0 !important;
}

.mv-cable .col-md-8 p {
  padding: 10px 0px;
  line-height: 18px;
  font-size: 16px !important;
  text-align: justify;
  color: #000;
  margin: 0 !important;
  line-height: 25px;
}

.mv-cable .col-md-9 h4 {
  padding: 5px 0px;

  line-height: 18px;
  background: #f8f8f8;
  font-size: 20px !important;
  font-weight: 600;
  color: #000;
  margin: 0 !important;
}


.mv-cable .col-md-9 p {
  padding: 10px 0px;
  line-height: 18px;
  font-size: 16px !important;
  text-align: justify;
  color: #000;
  margin: 0 !important;
  line-height: 25px;
}

.vc_btn3-container.vc_pcbtn-left {
  margin-top: 20px;
}

.padding-in-button{
  margin-left:20px;
}
.product-card {
  background-color: #f5f6fa;
  border-radius: 10px;
  color: #2f3640;

  transition: all linear 0.2s;

  width: 270px;

  display: flex;
  flex-direction: column;
  box-shadow: 0.2em 0.5em 0.5em rgba(0, 0, 0, 0.4);

  border: 1px solid #ddd;
  box-shadow: inset -1px 1px #ddd;
}

.product-card:hover,
.product-card:active {
  box-shadow: 0.2em 0.5em 0.5em rgba(0, 0, 0, 0.4);
  transform: scale(1.0.3);
}
.product-card-ploycab:hover,
.product-card-ploycab:active {
  /*box-shadow: 0.2em 0.5em 0.5em rgba(0, 0, 0, 0.4);*/
  transform: scale(1.0.3);
}
.product-card-ploycab:hover
.product-text p{
  background-color:#fab600;
}

.product-card:hover .product-text p{
  background-color:#fab600;
}
.product-card:hover ..product-card-ploycab p{
  background-color:#fab600;
}

.product-text-polycab p{
  background-color:#fab600;
}
.product-card:hover .product-text-polycab p{
  background-color:#fab600;
}


.cs-height {
  height: 365px;
}

.product-img {
  border-radius: 10px 10px 0 0;
  height: 250px;
  background-color: #fff;
  max-width: 100%;
}



.img-wh {
  background-size: contain;
  /*background-position: center;*/
  display: flex;
  justify-content: center;
  background-repeat: no-repeat;
}



.prod-image {
  max-width: 100%;
  max-height: 100%;
  padding: 8px 0px;
}

.product-text {
  padding: 3px 13px;
  /*min-height: 290px;*/
  height: fit-content;
  text-align: center;
}
.product-text-polycab{
    margin-top: -10px;
    border-top: solid 1px #5e5959;
    padding: 6px 14px;
    /* min-height: 290px; */
    height: fit-content;
    text-align: center;
}
.product-text-polycab p {
  padding: 10px 0px;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
    background-color: #1775b8;
    color: #fff;
}
.product-text-polycab p:hover {
 background-color: #fab600;
}
.product-card:hover .product-text-polycab p {
    background-color: #fab600;
}
.product-text p {
  padding: 10px 0px;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
    background-color: #1775b8;
    color: #fff;
}

.product-cart button {
  border: 0;
  border-radius: 0 0 10px 10px;
  color: #f5f6fa;
  cursor: pointer;
  font-family: 'Roboto';
  padding: 1em;
  text-transform: uppercase;
  transition: all linear 0.3s;
  width: 100%;
}

.product-cart button:hover {
  font-weight: 500;
  letter-spacing: 0.1em;
}



ol.breadcrumb {
  /* padding: 30px 0px;
  background-color: transparent;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0; */
      padding: 9px 6px;
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
   /*  background: #00000029; */
    margin-bottom: 0;

}




.product-card h3 {

  color: #219ebc;
  padding: 7px 0px 7px 0px;
  font-weight: 600;
  font-size: 17px;
}



.product-card button {
  background: linear-gradient(130deg, rgb(255 0 0) 0%, rgb(0 0 0 / 71%) 100%);
}

.fixed-bg img {
  width: 100%;
}


.mobile_menu {
  display: none;
}



/* RR Kabel */
.breadcrum_content .container {
  margin: 0;
}


.description .right_side_inner {
  padding: 8px 0px;
}

.description .right_side_inner h5 {
  padding: 15px 0px;
  font-size: 15px;
  font-weight: 600;
}

.description .right_side_inner h6 {
  padding: 15px 0px;
  font-size: 15px;
  font-weight: 600;
}

.description .right_side_inner p {
  padding: 5px 0px;
  font-size: 14px;
  line-height: 18px;
  
}

.certificate-info p {
  padding: 5px 0px;
  font-size: 14px;
  line-height: 18px;
  width: 170px;
}

.description .right_side_inner p strong {
  font-weight: bold;
}

.description .right_side_inner ul li {
  padding: 5px 0px;
  font-size: 14px;
  line-height: 18px;
}

.description .right_side_inner ul li p {
  padding: 3px 0px;
  line-height: 18px;
}

.toggle-product {
  cursor: pointer;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.mb-0 {
  margin-bottom: 0 !important;
  /* padding: 7px 15px; */
}

.toggle-product:hover {
  color: blue;
}

.card-header {
  /* padding: 0.5rem 1rem; */
  padding: 6px 4px;
  margin-bottom: 0;
  color: #fff;
    background-color: #5691a7;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}



.card-body a {
  font-size: 13px;
  padding: 4px 0px;
}

.card-body a:hover {
  color: #1363DF;
}

.card-body li {
  font-size: 13px;
  display: flex;
  padding: 4px 0px;
  border-bottom: 1px dashed #ddd;
}
.vc_btn3-container.vc_pcbtn-left {
    margin-top: 20px;
}
.vc_btn3.vc_btn3-size-md {
    font-size: 14px;
    padding: 14px 20px;
    /* margin-right: 45px; */
}
.vc_btn3.vc_btn3-color-enquiry, .vc_btn3.vc_btn3-color-enquiry.vc_btn3-style-flat {
    color: #fff;
    background-color: #17a2b8;
    border-radius: 5px;
}


.fino-right-div span{

    margin-top: 10px;
   background: linear-gradient(to right, rgba(0,149,218,1) 0%, rgba(0,149,218,1) 2%, rgba(255,253,250,1) 64%, rgba(255,253,250,1) 100%); 
    color: #060606;
    border-bottom: 1px solid #020202dd;
    font-size: 23px;

    }
    .fino-bottom-img img    {
        width:  285px;
    }

    .finolex-optic{
        margin-top: 20px;
    }
    .prd-item img{
            display: flex;
    margin: -23px;
    align-items: center;
    justify-content: center;
    margin: 0px 40px;
  /*   width: 276px; */width: 100%;
    }
    .hm-prd-list ul li a {
    padding: 2px 0;
    
    display: block;
    color: #000;
}
.hm-prd-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    min-height: 60px;
}
.hm-prd-list ul li {
  
    border-bottom: 1px solid #7474743b;
}
.prd-desc h3{
        padding: 7px;
    color: #000;
    font-weight: 600;
    background: rgb(222,36,36);
    padding: 17px;
background: linear-gradient(90deg, rgb(222 130 36) 0%, rgb(255 146 68) 17%, rgba(252,176,69,1) 60%, rgba(252,176,69,0) 100%);
}
.hm-prd-title{
        padding: 6px;
    color: #000;
    font-weight: 600;
   background: linear-gradient(90deg, rgb(222 130 36) 0%, rgb(255 146 68) 17%, rgba(252,176,69,1) 60%, rgba(252,176,69,0) 100%); 
}
.prd-desc h3{
        padding: 4px;
    background: linear-gradient(90deg, rgb(222 130 36) 0%, rgb(255 146 68) 17%, rgba(252,176,69,1) 60%, rgba(252,176,69,0) 100%);
}
.prd-desc{
    margin: 0px 54px;
}
.hm-prd-col{
   
        padding: 20px;
    box-shadow: 0px -1px 4px #ddd;
}

.prd-item{
      display: flex;
    text-align: center;
    align-items: center;
    justify-content: center!important;  
}
.table-bordered>:not(caption)>*>*{
        border-width: 0 1px;
    color: #000;
}
.table>:not(:last-child)>:last-child>*{
    color: #fff;
    background: #035f97;
} 


/* Hager */

.page-header-hager {
  background-image: url(../img/inner-banner/hager.jpg);
  position: relative;
  z-index: 1;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 290px;

}


.page-header-hager::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: .3;
}

.hager-services-wrap {
  margin-bottom: 45px;
  /* padding: 16px; */
  border-radius: 3px;
  border: 1px solid #b1b0b0;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #fff;
  cursor: pointer;
  -webkit-box-shadow: 0px 15px 46px -16px rgb(0 0 0 / 34%);
  -moz-box-shadow: 0px 15px 46px -16px rgba(0, 0, 0, 0.34);
  box-shadow: 0px 15px 46px -16px rgb(0 0 0 / 34%);
}
.hager-services-wrap:hover .hager-product-heading{

  font-weight: 600;
  background-color:#FAB600;
}
.hager-services-wrap:hover .hager-product-heading a{
  color:#fff !important;
}
.product-separator {
  position: relative;
  width: 10px;
  border: 1px solid #fab600;
  background: #fab600;
  margin: 0px auto 30px;
}
.product-separator:before {
  content: '';
  position: absolute;
  width: 30px;
  border: 1px solid #0078bf;
  background: #0078bf;
  top: -1px;
  left: 15px;
}
.product-separator:after {
  content: '';
  position: absolute;
  width: 30px;
  border: 1px solid #0078bf;
  background: #0078bf;
  top: -1px;
  right: 15px;
}
.hager-main-heading{
  margin-bottom: 12px;
}
.hager-product-heading {
  text-align: center;
  background: #ddd;
  padding: 15px 0px;
}
.hager-main-category-img {
  text-align: center;
}

.small_card_layout {
  display: flex;
  flex-wrap: wrap;
  box-shadow: 1px 2px 4px 1px #ddd;
  padding: 8px;
  margin-bottom: 15px;
  align-items: center;
}

.small_card_layout .button_bx {
  font-size: 13px;
  padding: 4px 5px;
  text-align: center;
  color: #fff;
  background: #0078bf;
  border-radius: 3px;
  margin-left: 4px;
  width: 47%;
}
.small_card_layout .button_bx_catelogue {
  font-size: 13px;
  padding: 4px 5px;


  border-radius: 3px;
  margin-left: 4px;
  width: 47%;
  font-weight: 600;

  text-align: center;
  color: #000 !important;
  background: #f7941d;
}
.small_card_layout .contents {
  width: 70%;
}
.small_card_layout .contents {
  padding-left: 10px;
}
.small_card_layout .contents p a{
  color:#000;
  font-size: 13px;
}


.img-exp img::before{
    content: '';
    position: absolute;
    background: red;

}

.img-exp,{
    position: relative;
}

/* rr-kabel starts */

.services-wrap {
    margin-bottom: 45px;
    padding: 16px;
    border-radius: 3px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #fff;
    -webkit-box-shadow: 0px 15px 46px -16px rgb(0 0 0 / 34%);
    -moz-box-shadow: 0px 15px 46px -16px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 15px 46px -16px rgb(0 0 0 / 34%);
}
.main-category-img {
    border: 1px solid #ddd;
}
.main-category-img>img {
    width: 100%;
}

.product-heading{
    text-align: center;
    margin-top: 5px;
}
.services-wrap {
    margin-bottom: 45px;
    padding: 16px;
    border-radius: 3px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #fff;
    -webkit-box-shadow: 0px 15px 46px -16px rgb(0 0 0 / 34%);
    -moz-box-shadow: 0px 15px 46px -16px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 15px 46px -16px rgb(0 0 0 / 34%);
}
.main-product-img>a>img {
    width: 100%;
    padding: 12px;
}   
.main-product-img {
    border: 1px solid #ddd;
}
.services-wrap .text {
    width: 100%;
    text-align: center;
    padding: 20px 5px;
    position: relative;
    padding-bottom: 6px;
}
.text>p {
    font-size: 14px;
}
.services-wrap .text .btn-custom {
    position: absolute;
    bottom: -36px;
    left: 0;
    right: 0;
    width: 60%;
    background: #ed3239;
    color: #fff;
    padding: 8px 9px;
    border-radius: 15px;
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;

}
 .btn-custom :hover{
        outline-offset: 2px;
    outline: 1px solid #ddd;
}

/* accordian */
.accordion-container {
    position: relative;
    padding: 6px;
    height: auto;
    margin: 10px auto;
    box-shadow: 0px 0px 1px 0px #452121;
}
.set {
  position: relative;
    width: 100%;
    padding: 4px 3px;
    height: auto;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
}
.content {
    overflow: scroll;
    height: auto;
    max-height: 250px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    display: none;
}

.whole-new-breadcrumb{
        height: 290px;
    display: flex;
    align-items: center;
}


.whole-new-breadcrumb .breadcrumb {
    
    justify-content: center;
}
.set > a i {
    float: right;
    margin-top: 2px;
    font-size: 10px;
}
.product-heading a {
    color: #fff;
}

.product-heading {
    text-align: center;
    margin-top: 1px;
    background: #fda12b;
    padding: 10px 0;
    /* color: #fff !important; */
}
.product-heading:hover {
    box-shadow: 4px 6px 4px #ddd;
    cursor: pointer;
}
.services-wrap:hover .product-heading {
    box-shadow: 4px 6px 4px #ddd;
    cursor: pointer;
}
.pt-5 {
    padding-top: 3rem!important;
}
.c-page-desc.pt-5>h4 {
    font-weight: 500;
}
.c-page-desc.pt-5>h4 {
    margin: 6px 2px 20px 3px;
}
.s-product-img>img {
    width: 100%;
        border: 1px solid #ddd;

}
.product-page-desc {
    padding: 58px 20px;

}
img.thumb {
    border: 1px solid #ddd;
}
.suprex-img .col-lg-6{
    display: flex;
    align-items: center;
}

section.rr-breadcrumb-wrapper .container {
    display: flex;
    justify-content: center;
    align-items: center;
}

section.rr-breadcrumb-wrapper {
    height: 290px;
    display: flex;
}
.param-beradcrumb .breadcrumb li a{
    color: #fff!important;
}
.breadcrumb-item.active {
    color: #d5d8db!important;
}
.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #c1c6cb!important;
    content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item, .breadcrumb-item a{
    color: #fff;
    font-size: 21px;
}
/* rr-ends */

/* antique switches starts */
.category_content {
    margin: 30px 0px;
    /* padding: 12px; */
}
#deco {
    padding: 20px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    margin: 30px 0px;
}
.isq table tr td:first-child, .isq table tr th:first-child {
    border-right: 1px solid #e3e3e3;
    width: 35%;
}
.brc1, .fram table, .fram2 table, table {
    border-collapse: collapse;
}
.isq table tr td, .isq table tr th {
    border: 0;
    border-bottom: 1px solid #e3e3e3;
    text-align: left;
    padding: 8px 8px 9px 12px;
    vertical-align: top;
}
/* tabs */

/* Style the buttons that are used to open the tab content */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  border: 1px solid #ccc;
  width: 70%;
  border-left: none;
  height: 300px;
}
/* antique switches ends */










.antique .tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #dfe8eb;
  width: 100%;

  border-radius: 10px 0 0 10px;
}

.antique .tab button {
  /* display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 90%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  margin: 5%;
  border-radius: 4px; */
  display: block;
    background-color: inherit;
    color: black;
    padding: 1px 8px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
    /* margin: 5%; */
    border-radius: 4px;
}

.antique .tab button:hover {
  background-color: #035F97;
  color: #fff;
}

.antique .tab button.active {
  background-color: #035F97;
  color: #fff;
}

.antique .antique-tabcontent {
  float: left;
    padding: 0px 12px;
    /* border: 1px solid #ccc; */
    width: 100%;
    /* border-left: none; */
    border-radius: 0 10px 10px 0;
}
.btn-info {
    color: #fff!important;
    background-color: #035f97!important;
    border-color: #0dcaf0!important;
}
.antique .tab > button{
font-size: 15px;
    font-weight: 500;
        padding: 2px 17px;
}



/* l&t starts */
.poly-title {
    text-align: center;
}
.polycard {
    margin: 0px 0px 30px 0px;
    border: 1px solid #ddd;
}
.poly-img img {
    width: 100%;
    padding: 5px;
}
.poly-title h5 {
    color: #fff;
    background: #035f97;
    font-size: 13px;
    padding: 9px;
}

/* l&t end */




/* smart node */





.smartnode-slider-container {
    background-color: #F8F9F9;
    padding: 40px 0px;
}

.smartnode-slider .blog-item {
    width: 60px;
    height: 60px;
}

.smartnode-slider-heading {
    text-align: center;
    margin-bottom: 40px;
}

.smartnode-slider-heading h4{
    padding: 15px;
    border-bottom: 1px solid #ddd;
    display: inline-block;
    color: #54595F;
}

.smartnode-application{
    height: 300px;
    width: 450px;
}

.just-element-center{
    display: flex;
    align-content: center;
    align-items: center;

    justify-content: center;

}

.smartnode-application-image h2{
    color: #54595F;
    font-size: 28px;
}

.other-automation-card {
    width: 261px;
}

.smartnode-application-image p{
    color: #7A7A7A;
    font-size: 16px;
}
.smartnode-application-section {
    padding: 40px 0px;
}
.tabview-heading{
    text-align: center;
}

.tabview-heading h4{
        padding: 14px 0px;
    font-size: 28px;
    color: #000;
    border-bottom: 1px solid #035f97;
    display: inline-block;
    margin-bottom: 30px;
}
.tabview-content-container {
    padding: 40px;
}

.tabview-list ul#myTab li {
        width: 11%;
    display: grid;
}

.tabview-content ul{
    list-style: none;
    padding: 0;
}

.tabview-content ul li{
    color: #7A7A7A;
}


#smartnode-panel{
    padding: 40px 0px;
}
.panel-control-card-container{
    padding: 10px;
}

.panerl-control-heading h3 {
    border-bottom: 2px solid #000000a8;
    /* display: inline-block; */
    padding-bottom: 10px;
}

.panerl-control-heading {
    padding: 10px 0px;
}

.panel-control-card {
    height: 445px;
    background-size: cover;
    background-position: center center;
    border: 3px solid #000c;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    border-radius: 5px;

}

.panel-control-tabview-list ul{
    justify-content: center;
}
.panel-control-tabview-list ul#myTab li {
        width: auto;
         display: unset;
}

.panel-control-tabview-heading{
        text-align: center;
    position: relative;
    padding-bottom: 1px;
}
.panel-control-tabview-heading:after{
    position: absolute;
    content: "";
    width: 300px;
    height: 1px;
    background-color: #000;
    bottom: 0;
    left: 38%;
}
.panel-control-tabview-wrapper {
    padding: 40px 0px;
}
.panel-control-card-heading {
    padding: 33px;
    }

    .panel-control-card-heading h5{
        color: #fff;
        font-weight: 600;
    }
    .panel-control-card-heading p{
        color: #fff;
        font-weight: 400;
    }


.touch-switch-feature-container {
    padding: 40px 0px;
}

.touch-switch-content ul {
    list-style: none;
    padding: 0;
}
.touch-switch-content ul li{
    padding-bottom: 10px;
    display: flex;
}
.touch-switch-content ul li i{
    margin: 0px 10px;
        color: #0078bf;
        display: flex;
        align-items: center;
        justify-content: center;
}

.touch-switch-content ul li img{
    width: 20%;
    height: 20%;
    margin-right: 20px;
}

.touch-switch-content ul li h3{
    font-size: 20px;
}
.touch-switch-content ul li p{
    font-size: 16px;
}
.touch-switch-heading{
   text-align: center;
   position: relative;
}

.touch-switch-heading:after{
        position: absolute;
    content: "";
    background-color: #ddd;
    width: 230px;
    height: 1px;
    top: 40px;
    left: 40%;                
}
.touch-switch-image-container {
    padding: 20px 0px;
}


.lighting-automation-group-image {
    padding: 40px 0px 0px 0px;
}

.lighting-automation-card{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.lighting-automation-heading {
    position: relative;
}

.lighting-automation-heading:after {
    position: absolute;
    content: "";
    background-color: #035f97;
    height: 3px;
    width: 353px;
    top: 41px;
    border-radius: 5px;
    left: 0px;
}

.lighting-automation-heading:before {
    position: absolute;
    content: "";
    background-color: #fab600;
    height: 1px;
    width: 96%;
    top: 42px;
    left: 40px;
}
.lighting-automation-card {
    width: 350px;
}
.lighting-automation-card-image {
    position: relative;
    display: flex;
    justify-content: center;
}
.lighting-automation-card-title{
    position: absolute;
    bottom: 0;
}
.lighting-automation-card-title h4{
    font-size: 17px;
}
.lighting-automation-card:hover .lighting-btn a button{
    background-color: #035f97;
    border-color: #035f97;
    color: #fff;
    transition: ease-in-out 0.5s;
    cursor: pointer;
}
.other-automation-card:hover .lighting-btn a button{
    background-color: #035f97;
    border-color: #035f97;
    color: #fff;
    transition: ease-in-out 0.5s;
    cursor: pointer;
}
.lighting-automation-card-image img:hover {
    cursor: pointer;
}
.other-automation-card-image img:hover {
    cursor: pointer;
}

.lighting-btn a button {
    width: 100%;
}


.other-automation-wrapper {
    padding: 40px 0px;
}


.other-automation-container {
    padding: 40px 0px;
}

.other-automation-heading {
    position: relative;
}

.other-automation-heading:after {
    position: absolute;
    content: "";
    background-color: #035f97;
    height: 3px;
    width: 353px;
    top: 41px;
    border-radius: 5px;
    left: 0px;
}

.other-automation-heading:before {
    position: absolute;
    content: "";
    background-color: #fab600;
    height: 1px;
    width: 96%;
   top: 42px;
    left: 40px;
}


.smartnode-ir-blaster-container {
    padding: 40px 0px;
}

.smartnode-ir-slider .blog-item {
    width: 70px;
    height: 70px;
}

.smartnode-ir-slider .product-item {
    display: flex;
    justify-content: center;
}


.smartnode-ir-blaster-card {
    text-align: center;
}

.ir-blaster-image-title {
    padding-top: 15px;
}

.ir-blaster-image img {
    height: 273px;
}

.ir-blaster-title h4 {
    font-size: 18px;
    padding: 20px 0px;
    background-color: #f7f7f7;
}

.ir-blaster-card-container{
    border: 1px solid #ddd;
        padding: 30px;
}

.ir-blaster-card-content {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.rgb-controller-background{
    margin: 40px 0px;
    height: 400px;
        background-size: cover;
    background-position: bottom center;
}



.scene-controller-heading{
    text-align: center;
    position: relative;
}
.scene-controller-heading:after{
    position: absolute;
    content: "";
    background-color: #000;
    height: 1px;
    width: 300px;
    top: 40px;
    left: 36%;
}

.scene-controller-image-section {
    padding: 40px 0px;
}

.scene-controller-feature ul{
    list-style: none;
    padding: 0;
}

.scene-controller-image img {
    border-radius: 10px;
}

.scene-controller-content {
    padding: 40px;
    border-radius: 10px;
    background-color: #0000000d;
    margin-top: 50px;
}

.scene-controller-feature ul li{
    display: flex;
}
.scene-controller-feature ul li i{
    padding-right: 10px;
    display: flex;
    align-items: center;
    color: #0078bf;
}

.scene-controller-feature h3{
        font-size: 24px;
        padding-bottom: 10px;
            font-weight: 600;
}

.scene-controller-feature h6{
    padding-bottom: 10px;
    color: #fab600;
}
.scene-controller-feature {
    padding: 70px;
}


/* smartnode media queries */


@media (max-width:767px) {
    .index-inc p {
    color: #000 !important;
}
.logo-sec {
    padding: 40px;
}
.logo-sec::after {
    display: none;
}
.footer .btn.btn-link::before{
    color: #000 !important;
}
    .smartnode-video iframe{
        width: 100% !important;
    }
    .smartnode-ir-blaster-card {
    text-align: center;
    padding: 10px 0px;
    }
    .smartnode-ir-blaster-container {
    padding: 10px 0px;
}

}



/* Smartnode  End */




/* Anchor Start */

 .swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
            height: calc(100vh - 100px);
        
      }


.anchor-home-heading {
    text-align: center;
}

.anchor-switches-heading {
    position: relative;
}


.anchor-switches-heading:before {
    position: absolute;
    content: "";
    background-color: #fab600;
    height: 1px;
    width: 96%;
    top: 31px;
    left: 40px;
}

.anchor-switches-heading:after {
    position: absolute;
    content: "";
    background-color: #035f97;
    height: 3px;
    width: 353px;
    top: 30px;
    border-radius: 5px;
    left: 0px;
}

.anchor-brand-content {
    padding: 40px 0px;
}
.anchor-switches-wrapper{
    padding: 30px 0px;
}

.anchor-btn-read {
   position: relative;
  display: inline-block;
    font-size: 14px;
    padding: 9px 22px;
  overflow: hidden;
  z-index: 1;
    color: #fff;
    background-color: #035f97;
    border: none;
    font-weight: 600;
}
.anchor-btn-animated:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color:#fab600;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  z-index: -1;
}
.anchor-btn-animated:hover {
  color: #000;
}
.anchor-btn-animated:hover:before {
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
}
.anchor-brand-card:hover .anchor-btn-animated:before {
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);

}
.anchor-brand-card:hover .anchor-btn-animated{
  color: #000;

}
.anchor-brand-card:hover{
      cursor: pointer;
}
.anchor-brand-button {
    margin-bottom: -20px;
    text-align: center;
}

.anchor-brand-button a button{
    border-radius: 5px;
}
.anchor-brand-card {
    border: 1px solid #ddd;
    margin: 25px 0px;
}

.anchor-brand-card-image {
    position: relative;
    overflow: hidden;
    border: 1px solid #dddd;
   
}
.anchor-card-overlay {
        position: absolute;
    content: "";
    background-color: #fff;
    width: 42%;
    height: 50px;
    left: -70px;
    background-size: 100px;
    top: 10px;
    transform: rotate(-42deg);
    background-position: center;
    background-repeat: no-repeat;
}
/* .anchor-card-overlay:after{
    background-image: url("../img/anchor/thea1.jpg");
    position: absolute;
    content: "";
    background-color: #fff;
    width: 44%;
    height: 60px;
    left: 109px;
    top: 3px;
    transform: rotate(182deg);
} */

.anchor-brand-card-content {
    padding: 15px;
    text-align: center;
}

.anchor-brand-card-content p{
    margin: 0;
    font-size: 14px;
}

.thea-section {
    padding: 40px 0px;
}

.thea-home-image img{

        width: 90%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.thea-home-image {
/*     width: calc(33.333% - 15px); */
    margin: 0 0 15px;
    padding: 30px;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    background: -webkit-gradient(linear, left top, right top, from(#e1e2e3), to(#c0c2c4));
    background: -o-linear-gradient(left, #e1e2e3, #c0c2c4);
    background: linear-gradient(to right, #e1e2e3, #c0c2c4);
    border: solid 1px rgba(0, 0, 0, 0.15);
    border-radius: 2px;
}

.catalogue_block {
    width: 100%;
    height: auto;
    position: relative;
    padding: 40px 0px;
}


.catalogue_block .gobtn {
    
    font-size: 12px;
    line-height: 1;
    color: #fff;
    padding: 10px 20px;
    background: #0e4c90;
    display: inline-block;
    border: none;
    outline: none;
    border-radius: 5px;
    transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}

.catalogue_block .gobtn:hover {
    background: #fab600;
}

.catalogue_block .content-sec {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    display: table;
}
.catalogue_block .content-sec .cnt {
    width: 100%;
    height: auto;
    display: table-cell;
    vertical-align: middle;
}
.vision-logo{
    text-align: center;
}

.vision-section {
    padding: 40px 0px;
}
.vision-logo-content {
    padding: 20px 0px;
}
.vision-heading {
    text-align: center;
}

.product-design-image{
    width: 100%;
    display: block;
    max-width: 305px;
    margin: 0px auto 10px;
    border: solid 2px #0b0b0b;
    padding: 10px 30px;
}
.product-design-image img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.vision-product-design h5 {
    max-width: 305px;
    font-size: 10px;
    line-height: 14px;
    color: #231f20;

    font-weight: normal;
    letter-spacing: 0.5px;
    text-align: left;
    margin: 0px auto;
    padding: 0 30px;
}

.vision-feature-icon{
    width: 70px;
    height:70px;
    margin-right: 20px;
}
.vision-feature-safety-heading {
    margin: 30px 0px;
}
.vision-section2{
       padding: 40px 0px;
    background-color: #00000017;
}

.vision-section3 {
    padding: 40px 0px;
}
.vision-image {
    width: 390px;
}
.vision-product-category .vision-product-category-card {
    width: 100%;
    max-width: 200px;
    height: 155px;
    padding: 0 0 30px;
    display: block;
    margin: 0px auto 10px;
    background: url(../img/anchor/sec3_box.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    cursor: pointer;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

.vision-product-category .vision-product-category-card img {
    width: auto;
    height: 100%;
    display: block;
    margin: 0px auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.vision-product-category .vision-product-category-card h4 {
    width: 100%;
    text-align: center;
        font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #ffffff;
    text-transform: uppercase;
    position: absolute;
    bottom: 10px;
    left: 0;
}

.vision-product-category {
        padding: 40px;
    border: 2px solid #000;
}

.vision-product-category-heading{
    margin-bottom: 40px;
}

.vision-product-category .col-md-4 {
    padding-bottom: 30px;
}



.europa-section {
    padding: 40px 0px;
        background-color: #898989;
}

.europa-logo{
    text-align: center;
}

.europa-section {
    padding: 40px 0px;
}
.europa-logo-content {
    padding: 20px 0px;
    display: flex;
    justify-content: center;
}

.europa-logo-content p {
    max-width: 890px;
    font-weight: 700;
    color: #fff;
}

.europa-section2 {
    padding: 40px 0px;
    background-image: url("../img/anchor/bg02.jpg");
}

.europa-feature-heading h1 , .europa-feature-heading ul li{
    color: #fff;
}
.europa-feature-heading h1{
    border-left: 5px solid #fff;
    padding-left: 15px;
    margin-bottom: 20px;
}

.europa-feature-content{
    padding-bottom: 40px;
}

.middle-vertical {
    display: flex;
    align-items: center;
 } 
 .europa-feature-image {
    width: 478px;
    padding-top: 20px;
    margin: 0 auto;
}  



.ziva-section{
    padding: 40px 0px;
}

.ziva-logo-content p {
   
    font-weight: 700;
    padding:15px 0px;
}

.ziva-feature-heading h1{
    padding: 20px 0px;
    font-weight: 700;
    color: #000000c7;
}
.ziva-section2 {
    padding: 40px 0px;
    background-color: #0000001f;
}

.ziva-feature-content{
    padding: 40px 0px;
}

.middle-horizontal{
    display: flex;
    justify-content: center;
}

.ziva-feature-image {
    text-align: center;
}
.ziva-feature-image h4 {
    padding: 20px 0px;
}
.ziva-feature-heading ul {
    padding: 30px;
    font-size: 23px;
    }
.small-slider img{
    height: 100%;
}

.penta-section {
    padding: 40px 0px;
}
.penta-product-category-heading.text-center {
    padding: 40px 0px;
}
.penta-product-category-heading h4{
    color: #000;
}

.penta-product-category-card , .penta-product-category-card h4 {
    width: 275px;
}
.penta-product-category-card h4 {
    padding: 10px 0px;
    font-size: 20px;
}

.small-slider h3{
    position: absolute;
    bottom: 0;
    /* left: 16%; */
    font-size: 20px;
    text-align: center;
}

.penta-product-category-card img{
    padding: 10px;
    border: 1px solid #ddd;
}
/* .penta-product-category-heading h4 span{
    color: #fff;
} */
.penta-section3 {
    background: url("../img/anchor/product-bg.jpg") no-repeat right bottom #fff;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-attachment: fixed;
    background-size: contain;
    z-index: 8;
    opacity: 0.9;
}


.roma-img{height:500px;display:unset;}
.roma-logo {text-align: center;margin-bottom: 15px;}
.roma-section {padding: 40px 0px;background-color: #0000000d;}
.roma-logo-content {padding: 20px 0px;line-height: 25px;}
.roma-section2{background-size: cover;}
.roma-product-content ul {list-style: none;}
.roma-product-content ul li{color:#fff;    font-size: 10px;}
.roma-product-content ul li i{padding-right:10px;}
.roma-column {background-color: #035f978c;padding: 20px;}
.roma-product-heading h3 {
    color: #fff;
    font-weight: 600;
    margin: 0;
}
.roma-product-heading {
    background-color: #fab600ed;
    padding: 15px;
    border-radius: 10px;
}
.roma-product-card-heading {
    padding: 15px;
}
.roma-product-card-heading h4{
    color: #fff;
}
.roma-product-image {
    width: 342px;
}
.roma-section2-row {
    padding: 105px 0px;
}


.roma-btn {
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 2px solid #e74c3c;
  border-radius: 0.6em;
  color: #e74c3c;
  cursor: pointer;
  display: flex;
  align-self: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  margin: 20px;
  padding: 1.2em 2.8em;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
.roma-btn:hover, .roma-btn:focus {
  color: #fff;
  outline: 0;
}

.roma-btn-third {
  border-color: #3498db;
  color: #fff;
  box-shadow: 0 0 40px 40px #3498db inset, 0 0 0 0 #3498db;
  transition: all 150ms ease-in-out;
}
.roma-btn-third:hover {
  box-shadow: 0 0 10px 0 #3498db inset, 0 0 10px 4px #3498db;
}



.product-listing {
    padding: 30px 0;
    width: 100%;
    background: #f3f3f3;
    position: relative;
}
.product-listing .product-loader {
    position: absolute;
    display: none;
    z-index: 999;
    width: 66px;
    height: 66px;
    left: 50%;
    top: 10%;
    margin: 0 0 0 -33px;
    background: url(../images/ellipsis.gif) no-repeat 0;
}

.woods-img img{
    width: 100%;
}
.woods-button1 {
  color: white;
  background-color: #035f97;
  border: 5px solid transparent;
  transition: 0.2s ease;
  border-radius: 50px;
}

.woods-button1:hover {
  color: #2d7eff;
  background-color: white;
  transform: scale(1.1);
        border: 3px solid #2d7eff;
}

.woods-buttons a {
      padding: 12px 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    float: right;
}
.woods-buttons a:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
}
  
  .woods-buttons {
    padding: 20px 0px;
}

@media (max-width: 540px) {
    .anchor-card-overlay {
    position: absolute;
    content: "";
    background-color: #fff;
    width: 47%;
    height: 50px;
    left: -67px;
    background-size: 89px;
    top: 10px;
    transform: rotate(-42deg);
    background-position: 57px;
    background-repeat: no-repeat;
}

.swiper-slide img {
        height: 100%;
        
      }
      .other-automation-card {
    padding: 20px 0px;
}
.cnt h3 {
    font-size: 20px;
}
.cnt h2 {
    font-size: 15px;
}
.roma-product-image {
    width: 260px;
    margin-bottom: 30px;
}
.roma-column {
    
    margin-bottom: 30px;
}
}

@media  (min-width: 1500px) {
    .swiper-slide img {
  
    object-fit: contain;
}

/* .header-curve .navbar-brand:before {
    right: -40px;
}
.logo-sec::after {
    left: 250px;
    height: 100%;
    width: 105%;
} */
}
/* Anchor End */


.lt-header span{
text-align: center;
font-size: 26px;
}
.section-title {
    position: relative;
}
.section-title {
    margin-bottom: 45px;
}

.section-title::before {
    position: absolute;
    content: '';
    bottom: 8px;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #dadada;
}
.section-title h4 {
    position: relative;
    border-bottom: 2px solid #1d7496;
    padding: 10px 0px;
    font-size: 19px;
    display: inline-block;
}

.heating-img img {
    position: relative;
    width: 100%;
    transition: 0.5s ease;
}
.heating-img p {
    margin-top: 11px;
    font-weight: 600;
        font-size: 14px;
    text-transform: uppercase;
}
.product-enqs {
   background: #035f97;
    color: #fff;
    padding: 10px 0px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}


.heating-img {
    
    padding: 13px;
    border: 0.5px solid #a5a2a229;
    margin: 10px 0px;
    min-height: 424px!important;
    position: relative;
}




.list-wd {
    margin: 0 -10px;
}
.list-wd li a {
    display: block;
}
.list-wd li .pic {
    position: relative;
}
.list-wd .pic {
    background: #d0d5ce;
    width: 100%;
    padding: 15px;
    display: table;
    overflow: hidden;
    height: 179px;
}
.t-cell {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.list-wd li img {
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.36));
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.36));
    max-height: 134px;
}
.list-wd .product-name {
    padding: 10px 10px 30px 10px;
    color: #000;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    height: 115px;
}
.list-wd .product-name h4 {
    font-size: 14px;
    color: #000;
    margin-bottom: 0;
    font-family: "Lato", sans-serif;
    overflow: hidden;
}
.list-wd .product-name .txt-2 {
    font-size: 14px;
    font-weight: 400;
}
.list-wd li {
    width: 16.66%;
    float: left;
    text-align: center;
    position: relative;
    padding: 0 10px;
    overflow: hidden;
}

/* legrand HOme pge css */
.img-box-legrand img {
    height: 255px;
    position: absolute;
    /* padding: 11px 29px; */
    margin: 20px;
    border: 1px solid #2525;
    border-radius: 9px;

}
.img-box-legrand {
    width: 300px;
    height: 325px;
    position: relative;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
    border-radius: 20px;
    /* background: #fff; */
    /* margin: -120px 0px 0px 0px; */
    /* line-height: 19px; */
    font-size: 14px;
    
}
.img-box-legrand p{
    
}
.img-box-legrand p a{
    justify-content: center;
    color: #fff;
    /* border: 0px; */
    position: absolute;
    text-align: center;
    bottom: 33px;
    display: flex;
    /* right: 76%; */
    background: #035f97;
    left: 101px;
    border-radius: 5px;
    padding: 9px;
}

.legrand-wrapper span{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 48px;
}


.mai-wrapper {
    border: 8px solid #0368a4;
    border-style: double;
    padding: 4px;
    margin: 22px 0px;
    transition: ease 0.5s;
}

.clicable-product-name {
    position: relative;
    background-image: linear-gradient(to right top, #0a9941, #00a080, #00a3b1, #00a0ce, #619bd3);
    color: #fff;
    padding: 4px;
    transition: ease-in-out all 2s;
}
.clicable-product-name p {
    text-transform: capitalize;
    color: #fff;
        text-transform: capitalize;
    color: #fff;
    margin: 0px;
}
.mai-wrapper {
        border: 2px solid #0368a4;
    border-style: inset;
    padding: 4px;
    margin: 22px 0px;
    transition: ease 0.5s;
}
.mai-wrapper a {
    text-decoration: none;
    font-weight: 500;
}

.clicable-product-name:hover{
    transition: ease-in-out all 0.5s !important;
}
/* .clicable-product-name:hover::after{
    position: absolute;
    content: "Enquire Now";
    background-color: #035f97;
    top: 0;
    left: 0;
    width: 237px;
    height: 32px;
    line-height: 30px;
    font-weight: 600;
} */
.mai-wrapper:hover  .clicable-product-name::after{
     position: absolute;
    content: "Enquire Now";
    background-color: #035f97;
    top: 0;
    left: 0;
    width: 237px;
    height: 32px;
    line-height: 30px;
    font-weight: 600;
}
.prd-section-2{
    margin-top: 30px;
}

/* loadmore */
.content {
  height: 100px;
  width: 45%;
  color: #fff;
  font-size: 24px;
  line-height: 100px; /* centering text just for view */
  text-align: center;
  background-color: grey;
  margin: 5px;
  border: 1px solid lightgrey;
  display: none;
}
.content.fix-siderbar p{
    font-size: 14px;
}
.content.fix-siderbar{
  height: 300px;
  width: 100%;
  color: #000;
  padding: 30px 10px;
  line-height: 30px; /* centering text just for view */
  text-align: left;
  background-color: #fff;
  margin: 5px;
  border: 1px solid lightgrey;
  display: none;
} 
#loadMore {
  width: 200px;
  color: #fff;
  display: block;
  text-align: center;
  margin: 20px auto;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid transparent;
  background-color: blue;
  transition: .3s;
}
#loadMore:hover {
  color: blue;
  background-color: #fff;
  border: 1px solid blue;
  text-decoration: none;
}
.noContent {
  color: #000 !important;
  background-color: transparent !important;
  pointer-events: none;
}

.alb-box {
    padding: 10px;
    border: 1px solid #eaeae7;
    position: relative;
    margin: 0 0 15px 0;
    -moz-box-shadow: 0 1px 15px rgba(80, 80, 80, .3);
    -webkit-box-shadow: 0 1px 15px rgb(80 80 80 / 30%);
    box-shadow: 0 1px 15px rgb(80 80 80 / 30%);
}
.alb-box .tec {
    position: relative;
    border-bottom: 1px dashed #888888;
    margin: 0 0 5px 0;
}
.alb-box .des {
    position: relative;
    margin: 0;
    padding: 0;
}

.des {
    font-size: 14px;
}
.alb-box .des li {
    list-style: none;
    display: flex;
}
.des li {
    font-size: 14px;
    
}
.alb-box .des .left {
    width: 150px;
    display: table-cell;
    vertical-align: top;
}
.alb-box .des .str {
    font-weight: bold;
}
.tec img{
    max-width: 100%;
}

/* pricelist page css */
.work {
  padding-bottom: 40px;
  margin-top: 60px;
}
.work * {
  box-sizing: border-box;
}
.work .category-buttons {
  text-align: center;
   margin: 0 0 27px 0;
}
@media (max-width: 610px) {
  .work .category-buttons {
    margin: 0 0 30px 0;
  }
  .work .category-buttons a {
    display: inline-block;
    width: 46%;
    padding: 12px 10px !important;
    margin: 1.5% 1% !important;
  }
  .work .category-buttons a:nth-child(even) {
    margin-right: 0;
  }
  .work .category-buttons a:nth-child(odd) {
    margin-left: 0;
  }
}
@media (min-width: 611px) {
  .work .category-buttons a:first-child {
    margin-left: 0;
  }
  .work .category-buttons a:last-child {
    margin-right: 0;
  }
}
.work .category-buttons a {
 /*  color: #9A9A9A;
  text-decoration: none;
  padding: 9px 15px;
  border: 1px solid #9A9A9A;
  margin: 0 10px;
  cursor: pointer; */
  color: #9A9A9A;
    text-decoration: none;
    padding: 6px 16px;
    border: 1px solid #9A9A9A;
    margin: 0 5px;
    cursor: pointer;
}
.work .category-buttons a.active {
  color: #373B3D;
  border: 1px solid #373B3D;
}
.work .grid {
  margin-top: 40px;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all 750ms cubic-bezier(1, 0, 0, 1);
  transition: all 750ms cubic-bezier(1, 0, 0, 1);
}
@media (max-width: 960px) {
  .work .grid {
    width: 700px;
  }
}
@media (max-width: 720px) {
  .work .grid {
    width: 100%;
  }
}
.work .grid .animating {
  -webkit-transition: all 750ms cubic-bezier(0.175, 0.885, 0.32, 1.1);
  transition: all 750ms cubic-bezier(0.175, 0.885, 0.32, 1.1);
}
.work .grid .setScale {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.work .grid .show {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
      max-height: 217px!important;
}
.work .card {
  background: #fff;
  display: block;
  text-decoration: none;
  color: #2b2b2b;
  /* width: 32%; */
  width: 25%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.15);
  transform-origin: center center;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
@media (max-width: 700px) {
  .work .card {
    width: 49.25%;
  }
}
@media (max-width: 480px) {
  .work .card {
    width: 100%;
  }
}
.work .card img {
  display: block;
  width: 100%;
}
.work .card .title {
  padding: 10px;
    color: #ffffff;
    text-align: center;
    background: #035f97;
}
.work .guide {
  width: 32%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1000;
}
@media (max-width: 700px) {
  .work .guide {
    width: 49.25%;
  }
}
@media (max-width: 480px) {
  .work .guide {
    width: 100%;
  }
}

.pricelist-card {
    border: 1px solid #ddd;
}
.pricelist-button {
    text-align: center;
    background-color: #1775b8;
    color: #fff;
}
.pricelist-button p {
    font-size: 13px;
    padding: 10px 5px;
}

/* side form */
.content{
  padding:50px 100px;
}
.content h2{
  padding:0;
  margin:0 0 20px;
  font-size:30px;
}
.content p{
  font-size:18px;
}
.sidebar-contact{
  position:fixed;
  top:50%;
  left:-350px;
  transform:translateY(-50%);
  width:350px;
  height:auto;
  padding:40px;
  background:#fff;
  box-shadow: 0 20px 50px rgba(0,0,0,.5);
  box-sizing:border-box;
  transition:0.5s;
}
.sidebar-contact.active{
  left:0;
}
.sidebar-contact input,
.sidebar-contact textarea{
  width:100%;
  height:36px;
  padding:5px;
  margin-bottom:10px;
  box-sizing:border-box;
  border:1px solid rgba(0,0,0,.5);
  outline:none;
}
.sidebar-contact h2{
  margin:0 0 20px;
  padding:0;
}
.sidebar-contact textarea{
  height:60px;
  resize:none;
}
.sidebar-contact input[type="submit"]{
  background:#00bcd4;
  color:#fff;
  cursor:pointer;
  border:none;
  font-size:18px;
}
.toggle{
  position:absolute;
  height:48px;
  width:48px;
  text-align:center;
  cursor:pointer;
  background:#f00;
  top:0;
  right:-48px;
  line-height:48px;
}
.toggle:before{
  content:'\f003';
  font-family:fontAwesome;
  font-size:18px;
  color:#fff;
}
.toggle.active:before{
  content:'\f00d';
}
@media(max-width:768px)
{
  .sidebar-contact{
    width:100%;
    height:100%;
    left:-100%;
  }
  .sidebar-contact .toggle{
    top:50%;
    transform:translateY(-50%);
    transition:0.5s;
  }
  .sidebar-contact.active .toggle
  {
    top:0;
    right:0;
    transform:translateY(0);
  }
  .scroll{
    width:100%;
    height:100%;
    overflow-y:auto;
  }
  .content{
    padding:50px 50px;
  }
}
.enq {
right: -60px;
    position: fixed;
    z-index: 98;
    bottom: 36%;
    transform: rotate(-90deg);
}


.clicable-product-name1 p{
   border: 1px solid #ddd;
    padding: auto;
    padding: 10px 0px;
    background: #035f97;
    color: #fff;
    position: relative;
}

.clicable-product-name1 p:before {
    font-family: FontAwesome;
    content: "\f095";
    position: absolute;
}


.small_card_layout img{
    width: 22.5%;
}


.sub-bg {
        background: url('https://the-french.co.uk/wp-content/uploads/2018/02/111-400x600.jpg')no-repeat;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        }
        .subs-header{
        padding-top: 0px;
        border-bottom: 0px;
        }
        .heading-text h4{
        color: #fff;
        padding: 20px;
        border: 2px solid #d3d3d3;
        display: inline-block;
        border-radius: 20px;
        box-shadow: inset 10px 12px 13px -7px rgba(0,0,0,0.7);
        -moz-box-shadow: inset 10px 12px 13px -7px rgba(0,0,0,0.7);
        -webkit-box-shadow: inset 10px 12px 13px -7px rgba(0,0,0,0.7);
        -o-box-shadow: inset 10px 12px 13px -7px rgba(0,0,0,0.7);
        }
        .heading-text{
        margin-top: 10px;
    }
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    outline: none;
}


     /*  Polycab Section  */

.course_card {
margin: 25px 10px;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
transition: 0.25s ease-in-out;
border: solid 1px #ddd;
}
.course_card_img {
max-height: 100%;
max-width: 100%;
}
.course_card_img img {
height: 250px;
width: 100%;
transition: 0.25s all;
}
.course_card_img img:hover {
transform: translateY(-3%);
}
.course_card_content {
padding: 5px;
}
.course_card_content h3 {
font-family: nunito sans;
font-family: 18px;
}
.course_card_content p {
font-family: nunito sans;
text-align: justify;
}
.course_card_footer {
padding: 10px 0px;
margin: 16px;
}
.course_card_footer a {
text-decoration: none;
font-family: nunito sans;
margin: 0 10px 0 0;
text-transform: uppercase;
color: #f96332;
padding: 10px;
font-size: 14px;
}
.course_card:hover {
border: solid 1px #ddd;
transform: scale(1.025);
border-radius: 0.375rem;
box-shadow: 0 0 2rem rgba(0, 0, 0, 0.25);
}
.course_card:hover .course_card_img img {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
}

/*inner switchgare product  */
.inner-part{
 margin-bottom: 18px;
}
.inner-part:hover{
    background-color: #ad9d7121;
}
.inner-details{
    font-size: 12px;
    padding-left: 21px;
}
.inner-product img{
    width: 100%;
}
.inner-product img:hover{
    border: solid;
    border-radius: 5px;
}