@import url('root_custom.css');

body {margin: 0; padding: 0; font-family: var(--tm-desc-ff); position: relative; }



.bg-sub-primary { background: var(--tm-primary); }

a { transition: var(--custom-transition); -webkit-transition: var(--custom-transition); -o-transition: var(--custom-transition); -moz-transition: var(--custom-transition); -ms-transition:var(--custom-transition) }

p { font-size: /*text-align: justify;*/ font-family: var(--tm-desc-ff); }

a, span, li { font-family: var(--tm-desc-ff); }

section { padding: 70px 0; }

.text-tm { color: var(--tm-sub-primary)!important; }

.form-control:focus{    border-color: #e6b77f;box-shadow: none;}

/*--*/



::-moz-selection { /* Code for Firefox */

  color: #fff;

  background: var(--tm-sub-primary);

}



::selection {

  color: #fff;

  background: var(--tm-primary);

}

header .custom-navbar { background: #fff; z-index: 9; transition: var(--tm-transition); border-bottom: 2px solid var(--tm-primary); }

.offcanvas.offcanvas-top { transition: transform 1s ease-in-out; }

.navbar-brand > img { width: 250px; transition: var(--tm-transition);}

.navbar-brand { margin-bottom: 0;}

.navbar.custom-navbar .main-navbar-nav .nav-item { margin-left: 30px; }

.navbar.custom-navbar .main-navbar-nav .nav-link { padding: 15px 0; display: inline-block; font-family: var(--tm-desc-ff); font-size: var(--xs-font);letter-spacing: 1px; font-weight: 500; color: var(--tm-black); text-transform: uppercase; opacity: 1; }

.navbar.custom-navbar .main-navbar-nav .nav-link.active, .navbar.custom-navbar .main-navbar-nav .nav-item:hover .nav-link { opacity: 1; color: var(--tm-primary); }

.side-navbar-nav .nav-item { display: inline-block; }

.social-list { justify-content: right; }

.top-header-info, .social-list { list-style-type: none; }

.social-list > li { display: inline-block; }

.top-header p, .top-header-info > li, .top-header-info > li > a  { font-size: var(--xs-font); }

.top-header-info > li > a { text-decoration: none; color: #fff; }

.top-header { background-color: var(--tm-primary); }

.side-navbar-nav .dropdown-menu,

.main-navbar-nav .dropdown-menu, .sub-dropdown-menu { left: 0; pointer-events: none; opacity: 0; border-radius: 0px; display: block; transform: translateY(10px); transition: var(--tm-transition); border: 0; box-shadow: 0 0.5rem 2rem rgba(0,0,0,0.09)!important; background-color: #fff; border-radius: 5px; padding: 10px 0; }

.sub-dropdown-menu { position: absolute; left: 100%; top:0; /*padding: 0;*/ min-width: 150px; background-color: #fff; }

.sub-dropdown-menu > li { list-style-type: none; }

.side-navbar-nav .dropdown:hover .dropdown-menu,

.main-navbar-nav .dropdown:hover .dropdown-menu, .dropdown-item:hover .sub-dropdown-menu { opacity: 1; transform: translateY(0); pointer-events: auto; }

.side-navbar-nav .dropdown-menu .dropdown-item > a, .main-navbar-nav .dropdown-menu .dropdown-item > a, .sub-dropdown-menu > li > a { text-decoration: none; color: var(--tm-black); padding: 10px 20px; display: flex; font-size: var(--xxs-font); font-weight: 500; text-transform: uppercase; }

.side-navbar-nav .dropdown-menu .dropdown-item > a:hover, .main-navbar-nav .dropdown-menu .dropdown-item > a:hover, .sub-dropdown-menu > li > a:hover { color: var(--tm-primary); }

.side-navbar-nav .dropdown-menu .dropdown-item ,.main-navbar-nav .dropdown-menu .dropdown-item, .sub-dropdown-menu > li { border-bottom: 1px dashed #eee; padding: 0; }

.side-navbar-nav .dropdown-menu .dropdown-item:last-child, .main-navbar-nav .dropdown-menu .dropdown-item:last-child, .sub-dropdown-menu > li:last-child { border-bottom: 0; }

.la-shopping-cart .badge { font-size: var(--xxs-font); font-family: var(--tm-desc-ff); font-weight: normal; }

.side-navbar-nav .dropdown-menu .dropdown-item:active > a, .side-navbar-nav .dropdown-menu .dropdown-item:focus > a, 

.side-navbar-nav .dropdown-menu .dropdown-item:active, .side-navbar-nav .dropdown-menu .dropdown-item:focus, 

.side-navbar-nav .dropdown-menu .dropdown-item.active, .main-navbar-nav .dropdown-menu .dropdown-item:active, .main-navbar-nav .dropdown-menu .dropdown-item:focus, 

.main-navbar-nav .dropdown-menu .dropdown-item.active { background-color: #fff; }

.side-navbar-nav .dropdown-menu .dropdown-item.active > a, .main-navbar-nav .dropdown-menu .dropdown-item.active > a, .sub-dropdown-menu > li.active > a { color: var(--tm-sub-primary); }

.dropdown .cart-dd .dd-cart-img { width: 60px; height: 60px; object-fit: contain; object-position: center; /*border:1px solid #ccc;*/ border-radius: 5px; }

.dropdown-item .cart-item-name { font-size: var(--xs-font); }

.btn { padding: 10px 20px; background-color: var(--tm-dark-gray); border-radius: 5px; }

.btn-small { font-size: var(--xs-font); padding: 8px 12px; }

.btn-tm-primary { background-color: var(--tm-sub-primary); color: #fff; }

.btn-tm-primary:hover { color: #fff; }

.btn-tm-primary-bordered { border: 1px solid var(--tm-sub-primary); color: var(--tm-sub-primary); background-color: #fff; }

.btn-tm-primary-bordered:hover { color: var(--tm-sub-primary); }

.side-navbar-nav .dropdown-menu::before { position: absolute; content: "";top: -18px; right: 10px; height: 24px; width: 24px; background-image: url(../images/down-filled-triangular-arrow.png); background-repeat: no-repeat; background-position: center; background-size: contain;  }

.side-navbar-nav .dropdown-menu .dropdown-item:focus, .side-navbar-nav .dropdown-menu .dropdown-item:hover,

.main-navbar-nav .dropdown-menu .dropdown-item:focus, .main-navbar-nav .dropdown-menu .dropdown-item:hover { background-color: #fff; }

header.sticky .top-header { display: none; }

header.sticky { position: fixed; z-index: 99; width: 100%; left: 0; top: 0; }

header.sticky .custom-navbar { -webkit-box-shadow: 0px 4px 6px 0px rgb(12 0 46 / 5%);box-shadow: 0px 4px 6px 0px rgb(12 0 46 / 5%);top: 0;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);/*background: var(--tm-menu-bg)*/;background: #fff;-webkit-box-shadow: 0px 4px 6px 0px rgb(12 0 46 / 5%);box-shadow: 0px 4px 6px 0px rgb(12 0 46 / 5%); }

header.sticky .custom-navbar .navbar-brand > img { width: 190px; }

header.sticky .custom-navbar .main-navbar-nav .nav-link { /*color: var(--tm-sub-primary);*/ }

.offcanvas.offcanvas-top .btn-close{ right: 20px; box-shadow: none; }

/* width */

.offcanvas-body::-webkit-scrollbar {width: 5px;}



/* Track */

.offcanvas-body::-webkit-scrollbar-track {background: #fff8ee;}



/* Handle */

.offcanvas-body::-webkit-scrollbar-thumb {background: var(--tm-primary);}



/* Handle on hover */

.offcanvas-body::-webkit-scrollbar-thumb:hover {background: var(--tm-primary);}

.carousel-indicators [data-bs-target] { background-color: var(--tm-sub-primary);width: 40px;height: 3px; }

.home-slide .carousel-item { /*transition: transform 1.5s ease-in-out;*//* border-radius: 10px; overflow: hidden;*/ }

/*.bounce-img {-webkit-animation: bounceimg 2s ease-in-out 0s infinite alternate;animation: bounceimg 2s ease-in-out 0s infinite alternate;}*/

@-webkit-keyframes bounceimg {

0% {

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px); 

}

50% {

   -webkit-transform: translateY(-10px);

     transform: translateY(-10px); 

} 

100% {

   -webkit-transform: translateY(-20px);

     transform: translateY(-20px); 

} 

}



@keyframes bounceimg {

0% {

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px); 

}

50% {

   -webkit-transform: translateY(-10px);

     transform: translateY(-10px); 

} 

100% {

   -webkit-transform: translateY(-20px);

     transform: translateY(-20px); 

} 

}





/*-- Searchbar Starts --*/



/*#search-menu {

  position: fixed;

  width: 100%;

  height: 20em;

  top: -20em;

  left: 0;

  right: 0;

  white-space: nowrap;

  z-index: 9999;

  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(50%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.01)));

  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);

  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);

  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc000000", endColorstr="#1a000000",GradientType=0);

  opacity: 0;

  visibility: hidden;

  -webkit-transition: 500ms ease all;

  -moz-transition: 500ms ease all;

  transition: 500ms ease all;

}

#search-menu.toggled {  top: 0;  opacity: 1;  visibility: visible;}

#search-menu .wrapper { position: relative; margin: 3em auto 0 auto; padding: 0 1em;}

#search-menu .wrapper input {width: 60%;margin: 0 auto;padding: 0 0 0.125em 0;background: transparent;border: none;border-bottom: 3px solid #bfbfbf;font-size: var(--heading-sm-fs);color: #bfbfbf;display: block;}

#search-menu .wrapper input:focus {outline: none;}

#search-menu .wrapper button {  position: absolute;  display: block;  width: 10%;  right: 0;  top: 0;  background: transparent;  border: none;  color: #bfbfbf;  font-size: 4em;  -webkit-transition: 500ms ease all;  -moz-transition: 500ms ease all;  transition: 500ms ease all;}

#search-menu .wrapper button:hover { color: #fff;}

#search-menu .wrapper button:focus { outline: none;}*/



/*-- Searchbar Ends --*/



.nivida img { width: 18px; filter: grayscale(1); transition: var(--tm-transition); }

.nivida a:hover img { filter: grayscale(0); }

.nivida { text-align: right; }

.copyright-wrap p { font-size: var(--xxs-font);font-weight:300; }

.copyright-wrap::before { position: absolute; content: ""; height: 1px; width:100%; left: 0; right:0; top:0; margin: auto; background-color: #fff; opacity: 0.2; }

.home-slide .carousel-inner .carousel-item > img { object-fit: cover; width: 100%; min-height: 400px; height: 400px;}

.home-slide .carousel-inner .carousel-item::before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top:0; opacity: 0.4; }

.home-slide .carousel-caption { width: 90%; max-width: 650px; right: unset; left: 0; top: 50% !important; right: 0; height: unset;margin: auto;bottom: unset!important;display: inline-block;transform: translateY(-50%);}

.home-slide .carousel-caption p { color: var(--tm-black); /*max-width: 50%;*/ /*margin: auto;*/ }

.home-slide .carousel-caption  h2 { color: var(--tm-black); font-size: var(--xl-font); font-weight: 700; }

.section-heading h2, .section-heading h1 { font-size: var(--lg-font); font-weight: 500; color: var(--tm-black); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0; position: relative;}

.section-heading h1 { text-transform: capitalize;    text-shadow: 0 0 10px black; }

.custom-btn {z-index: 0; display: inline-block; overflow: hidden; text-decoration: none; position: relative; text-transform: uppercase; font-size: var(--sm-font); letter-spacing: 1px; color: #fff; font-weight: 600; padding: 12px 35px; border: 1px solid var(--tm-primary);  transition: var(--tm-transition); background: var(--tm-primary);border-radius: 5px;}

.custom-btn i { margin-left: 5px; }

.custom-btn:hover { color: #fff; }

.custom-btn::after { position: absolute; content: ""; border-radius: 5px; height: 0%; width: 0%;transition: var(--tm-transition); background-color: var(--tm-black); opacity: 0.1; z-index: -1; left: 0%; top:0%; bottom:0; right:0; margin: auto; }

.custom-btn:hover::after { height: 100%; width: 100%; }

.section-heading h5 { font-size: var(--xs-font); text-transform: uppercase; font-weight: 700; letter-spacing: 3px; color: var(--tm-primary);display: inline-block; margin-bottom: 10px; }

.section-sub-heading h4 { color: var(--tm-sub-primary); }

.section-sub-heading a { text-decoration: none; }

.text-white a { color: #fff }

.abt-img { position: relative; }

.abt-img > img { border-radius: 7px; box-shadow: 0px 5px 25px 10px rgb(0 0 0 / 10%); }

.abt-img::before {

    position: absolute;

    content: "";

    height: 100%;

    width: 90%;

    background-color: var(--tm-primary);

    opacity: 0.5;

    left: 0;

    bottom: -20px;

    z-index: -1;

    right: 0;

    margin: auto;

    border-radius: 5px;

}

/*.overlay-purple::before {position: absolute;content: "";height: 100%;width: 100%;background-color: var(--tm-primary);left: 0;top: 0;opacity: 0.8;z-index: -1;}*/

/*.video-block { background-size: cover; background-repeat: no-repeat; background-position: center; padding: 100px 0; z-index: 0;}*/

.play-now {

    position: relative;

    height: 85px;

    width: 85px;

    text-align: center;

    line-height: 92px;

    background-color: #fff;

    color: #fff;

    z-index: 1;

    font-size: 28px;

    padding-left: 5px;

    display: block;

    -webkit-transform-origin: center;

    transform-origin: center center;

    border-radius: 50%;

    margin: 0 auto;

}

.play-now .ripple, .play-now .ripple:before, .play-now .ripple:after {

    position: absolute;

    top: 50%;

    left: 50%;

    height: 85px;

    width: 85px;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    -webkit-transform-origin: center;

    transform-origin: center center;

    border-radius: 50%;

    -webkit-box-shadow: 0 0 0 0 #fff;

    -ms-box-shadow: 0 0 0 0 #fff;

    -o-box-shadow: 0 0 0 0 #fff;

    box-shadow: 0 0 0 0 #fff;

    -webkit-animation: ripple 3s infinite;

    animation: ripple 3s infinite;

}

.play-now .ripple, .play-now .ripple:before, .play-now .ripple:after {

    position: absolute;

    top: 50%;

    left: 50%;

    height: 85px;

    width: 85px;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    -webkit-transform-origin: center;

    transform-origin: center center;

    border-radius: 50%;

    -webkit-box-shadow: 0 0 0 0 #fff;

    -ms-box-shadow: 0 0 0 0 #fff;

    -o-box-shadow: 0 0 0 0 #fff;

    box-shadow: 0 0 0 0 #fff;

    -webkit-animation: ripple 3s infinite;

    animation: ripple 3s infinite;

}

.play-now .ripple:after {

    -webkit-animation-delay: .6s;

    animation-delay: .6s;

    content: "";

    position: absolute;

}

.play-now .ripple:before {

    -webkit-animation-delay: .9s;

    animation-delay: .9s;

    content: "";

    position: absolute;

}

@-webkit-keyframes ripple{70%{-webkit-box-shadow:0 0 0 20px transparent;box-shadow:0 0 0 20px transparent}100%{-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}}@keyframes ripple{70%{-webkit-box-shadow:0 0 0 20px transparent;box-shadow:0 0 0 20px transparent}100%{-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}}

.play-now i { color: var(--tm-primary); font-size: 30px; }

.number-wrap { margin-top: -30px;z-index: 1; border-radius: 20px; position: relative; }

.counter-value, .counter-value + span { font-size: var(--xxl-font); font-weight: 600; color: var(--tm-primary); }

.count-value-wrap { position: relative; }

.count-value-wrap::after { position: absolute; content: ""; height: 2px; width: 40px; background-color: var(--tm-sub-primary); bottom:0; left:0; right:0; margin: auto; transition: var(--tm-transition);}

.count-main:hover .count-value-wrap::after { width: 80px; }

/*.service-box { border-radius: 0 0 10px 10px; transition: var(--tm-transition); position: relative;overflow: hidden; }

.service-box:hover { transform: translateY(-10px); }

.service-box > p { font-size: var(--sm-font); margin-bottom: 0;}

.service-box > h5 { font-size: var(--heading-sm-fs); font-weight: 700; }

.service-box { box-shadow: 0 1rem 1.5rem rgba(0,0,0,.15); background-color: #fff; }

.service-box::before {position: absolute;content: "";height: 3px;width: 0;margin: auto;top: 0;left: 0; right: 0;background-color: var(--tm-sub-primary); transition: var(--tm-transition);}

.service-box::before { width: 100%; }*/

.custom-btn.btn-white { color: #fff; border-color: #fff; }

.custom-btn.btn-white:hover { color: var(--tm-primary); }

.custom-btn.btn-white::after { background-color: #fff; }

.text-center > p { text-align: center; }

/*.home-slide { padding: 5px 70px; }*/

.carousel-control-next, .carousel-control-prev {width: 50px;height: 50px;background-color: transparent;top: 0;bottom: 0;margin: auto 35px;border-radius: 50%;opacity: 1;border: 1px solid var(--tm-black);}

.carousel-control-next:hover, .carousel-control-prev:hover, .carousel-control-next:focus, .carousel-control-prev:focus, 

.carousel-control-next:active, .carousel-control-prev:active { opacity: 1; }

/*.carousel-control-prev-icon, .carousel-control-next-icon { filter: invert(1); }*/

.carousel-control-next-icon { background: url(../images/right-chevron.png); background-repeat: no-repeat; background-position: center; background-size: contain; width: 1.3rem; }

.carousel-control-prev-icon { background: url(../images/left-chevron.png); background-repeat: no-repeat; background-position: center; background-size: contain; width: 1.3rem; }

/*.scroll-down-arrow > span{

    left: 50%;

    transform: translateY(0%) rotate(45deg);

    opacity: 0;

}

.scroll-down-arrow > span:first-child {

width: 1.5em; height: 1.5em; background-color: transparent; z-index: 80; 

            bottom: 30px; position: absolute; border-width: 0 0.2em 0.2em 0; border-style: solid; border-color: var(--tm-sub-primary); animation: scrolldown 1.2s ease-in-out infinite 0.15s;

}

.scroll-down-arrow > span:last-child {

width: 1.5em; height: 1.5em; background-color: transparent; z-index: 80; 

            bottom: 40px; position: absolute; border-width: 0 0.2em 0.2em 0; border-style: solid; border-color: var(--tm-sub-primary); animation: scrolldown 1.2s ease-in-out infinite;

}

@keyframes scrolldown {

    0%{

        transform: translateY(20%) rotate(45deg);

        opacity: 0.7;

    }

    50%{

        transform: translateY(0%) rotate(45deg);

        opacity: 0.2;

    }

    100%{

        transform: translateY(20%) rotate(45deg);

        opacity: 0.7;

    }

}*/

.about-section {position: relative;z-index: 1;}

.about-section .desc p{
  position: relative;
  padding-left: 30px;
}
.about-section .desc p::before{
  position: absolute;
  content: '\2192';
  color: var(--tm-primary);
  top: -2px;
  left: 0;
  font-size: 19px;

}

.about-section::before { position: absolute;content: "";height: 200px;width: 200px;background-image: url(../images/NE-logo.png);background-repeat: no-repeat;background-position: left center;background-size: contain;z-index: 0;left: 20px;top: 20px;bottom: 0;opacity: 0.3; filter: grayscale(1); }

.about-section::after {position: absolute;content: "";height: 80%;width: 100%;background-image: url(../images/product-bg.png);background-repeat: no-repeat;background-position: right bottom;background-size: contain;z-index: 0;right: 0;bottom: 0;/*opacity: 0.3;*/ max-width: 100px; max-height: 430px;}

.service-section {position: relative;}

.service-section::before {position: absolute;content: "";height: 100%;width: 100%;/*background-image: url(../images/bg.jpg);*/background-repeat: no-repeat;background-position: right top;background-size: cover;z-index: -1;right: 0;top: 0;opacity: 0.5;}

.project-info-wrap { position: relative; overflow: hidden; z-index: 0; border-radius: 10px; }

.project-info-wrap .project-info-overlay { position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px;z-index: 1; text-align: center; }

.project-info-wrap > img { transition: var(--tm-transition); }

.project-info-wrap .project-info-overlay > h5 > a { text-decoration: none; position: relative; color: #fff; font-weight: 600; text-align: center; display: inline-block; margin-bottom: 0; padding-bottom: 20px; }

.project-info-wrap::before {position: absolute;content: "";height: 40%;width: 100%;left: 0;bottom: 0;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,302663+100&0+0,0.65+100 */

background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(48,38,99,0.90) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(48,38,99,0.90) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(48,38,99,0.90) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6302663',GradientType=0 ); /* IE6-9 */

z-index: 1;

}

.abt-img::after {

    position: absolute;

    content: "";

    height: 100%;

    width: 75%;

    background-color: var(--tm-primary);

    opacity: 0.2;

    left: 0;

    bottom: -35px;

    z-index: -1;

    right: 0;

    margin: auto;

    border-radius: 5px;

}

.project-info-wrap:hover > img { transform: scale(1.2); }

.project-info-wrap .project-info-overlay > h5 > a::after  { transition: var(--tm-transition);

    position: absolute; content: ""; height: 2px; width: 0; margin: 0 auto; background-color: var(--tm-sub-primary); left: 0; right: 0; bottom: 6px;

}

.project-info-wrap:hover .project-info-overlay > h5 > a::after  { width: 100%; }

.project-ongoing-item { display: flex; align-items: center; justify-content: center; margin-bottom: 40px;}

.project-ongoing-item .main-img { width: 50%; z-index: 1;}

.project-ongoing-item .main-content { width: 50%;padding: 50px 50px 0px 150px;border: 3px solid var(--tm-sub-primary);margin-left: -100px;z-index: 0;}

.project-ongoing-item .sub-img { position: relative;margin-bottom: -40px;margin-top: 50px;}

.main-content p { font-size: var(--sm-font); }

.project-ongoing-item .main-content .project-name { font-weight: 700; font-size: var(--lg-font); color: var(--tm-primary); margin-bottom: 20px;}

.owl-custom .owl-prev, .owl-custom .owl-next { position: absolute;top: 0;bottom: 0;margin: auto;border: 1px solid var(--tm-sub-primary) !important;height: 45px;width: 45px;border-radius: 50%;}

.owl-custom .owl-prev { left: -60px; }

.owl-custom .owl-next { right: -60px; }

.owl-custom .owl-prev:focus , .owl-custom .owl-next:focus { box-shadow: none; }

.owl-custom .owl-prev > img, .owl-custom .owl-next > img { width: 17px; }



/*--- Footer CSS Starts ---*/



footer { background-color: var(--tm-black); padding: 0 70px 0; }

.main-ft {padding: 60px 0 40px; position: relative; z-index: 0;}

.main-ft::before { position: absolute; content: ""; height: 90%; width:40%; right: 0; top: 20px; background-image: url(../images/NE-logo.png); background-repeat: no-repeat; background-size: contain; background-position: right top; filter: grayscale(1) brightness(9); opacity: 0.1;z-index: -1; }

.footer-list > li { list-style-type: none; margin-bottom: 5px; }

.footer-list > li:last-child { margin-bottom: 0; }

.f-title { color: #fff; font-weight: 400; text-transform: uppercase; font-size: var(--xs-font); letter-spacing: 1px; margin-bottom: 10px; }

.footer-list > li > span, .footer-list > li > p, .footer-list > li > a { font-weight: 300; font-size: var(--xs-font); color: #c9c9c9; margin-bottom: 0;  text-decoration: none;}

.footer-list > li > a:hover { color: #fff; }

.footer-list > li i { color: #c9c9c9; padding-top: 3px; margin-right: 5px; }

footer .download-brouchers-btn{
  text-decoration: none;
    color: #fff;
    background: var(--tm-primary);
    padding: 15px 15px;
    margin-top: 15px;
}
footer .download-brouchers-btn i{
  font-size: 18px;
}



/*--- Footer CSS Ends ---*/



.blog-item { position: relative; overflow: hidden; border-radius: 10px; margin: 10px 15px 30px; background-color: #fff; }

.blog-detail-overlay {

    /*position: absolute;*/

    content: "";

    width: 100%;

    left: 0;

    bottom: 0;

    padding: 10px; z-index: 1;

    transition: var(--tm-transition);

}

.blog-detail-overlay::before {

    position: absolute;

    content: "";

    width: 100%;

    z-index: -1;

    transition: var(--tm-transition);

}

.blog-detail-overlay .blog-title > a  { font-size: var(--sm-font); color: var(--tm-black);text-decoration: none; font-weight: 600; }

.blog-detail-overlay .blog-title a:hover { color: var(--tm-sub-primary); }

.blog-detail-overlay .blog-title { line-height: 20px; }

.blog-update-date {

    color: var(--tm-black);

    font-size: var(--xs-font);

    transition: all 300ms ease-in-out;

}
.intro_sec-wrap p:nth-last-child(1){
  display: none;
}
.blog-item:hover img {

   transform: scale(1.1);

}

.blog-thumb img { transition: var(--tm-transition);}

.social-links > li { list-style-type: none; display: inline-block; margin-right: 10px; }

.social-links > li > a { color: #c9c9c9; font-size: 28px; }

.social-links > li > a:hover { color: var(--tm-primary); }

.social-links > li:last-child { margin-right: 0; }

.bg-light { background-color: #f9f9f9 !important; }

.testimonial-item .profile-img { position: absolute; border-radius: 50%; height: 100px; width: 100px; object-fit: cover; top: -50px; left: 0; right: 0; }

.testimonial-item { margin: 50px 30px 30px;/* border-radius: 15px; */padding-top: 60px; background-color: #fff; position: relative; }

.testimonial-item .t-desc p { text-align: center; font-size: var(--md-font); color: var(--tm-black); line-height: 1.6; }

.testimonial-item::after { position: absolute; content: url(../images/quote.png); left: 50px;top: 50px; opacity: 0.3; }

/*.testimonial-section::before { position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 50%; background-color: var(--tm-sub-primary); }*/

.testimonial-section {z-index: 0;}

.testimonial-vid-item > iframe {width: 100%; height: 470px; border: 0;}

.testimonial-item::before { position: absolute;content: "";height: 100%;width: 100%;left: -25px;top: -25px;border: 2px solid var(--tm-sub-primary);z-index: -1;/*border-radius: 20px;*/}

.t-name{ color: var(--tm-black); margin-bottom: 5px; }

.t-designation { color: var(--tm-dark-gray); font-size: var(--xs-font); text-transform: uppercase; font-weight: 500; letter-spacing: 1px;margin-top: 0; }

.t-desc { border-bottom: 1px solid rgba( var(--tm-sub-primary-rgb) / 30%); }

.bg-img { background-position: center; background-repeat: no-repeat; background-size: cover; }

.career-overlay::before {position: absolute;content: "";height: 100%;width: 100%;left: 0; top: 0; background-color: rgb(0,0,0);z-index: -1; opacity: 0.6;}

.career-block { /*min-height: 700px; position: relative;*/ }

.career-overlay {z-index: 0;}

.blog-update-date { display: inline-block; }

.blog-thumb { position: relative; overflow: hidden; }

.blog-item .blog-update-date { display: inline-block; padding: 5px 0; background-color: transparent; color: var(--tm-dark-gray); font-size: var(--xs-font); }

.blog-update-date + span { color: var(--tm-dark-gray); font-size: var(--xs-font); }

.custom-link { text-transform: uppercase; color: var(--tm-primary); transition: var(--tm-transition); letter-spacing: 1px; font-size: var(--xs-font);  text-decoration: none; font-weight: 600; display: inline-block;padding: 10px 30px 10px 20px;background-image: url(../images/half-ring.png);background-position: top left;background-size: contain;background-repeat: no-repeat;}

.custom-link > i { transition: var(--tm-transition); }

.custom-link:hover { color: var(--tm-primary); }

.custom-link:hover > i { color: var(--tm-primary); padding-left: 10px; }

.blog-detail-overlay p { font-size: var(--xs-font); font-weight: 300;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }



/*--- ---*/



/* Reveal block */

.reveal-holder {

  position: relative;

  display: inline-block;

  overflow: hidden;

}

.reveal-holder .reveal-block {

  position: absolute;

  top: 0;

  width: 100%;

  height: 101%;

  background: white;

}

.reveal-holder .reveal-block::before {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: lightgray;

  transition-property: transform;

  transition-duration: 0.5s;

}



.reveal-block.gradient::before {

  background: linear-gradient(to left, #e6b77f, #e6b77f);

}



.reveal-block.gradient-two::before {

  background: linear-gradient(to left, #302663, #302663);

}



.reveal-block.gradient-three::before {

  background: linear-gradient(to left, #808080, #808080);

}



.reveal-block.extra {

  background: #302663;

}

.reveal-block.extra::before {

  background: #e6b77f;

}



.reveal-block.top.aos-animate::before,

.reveal-block.bottom.aos-animate::before {

  transform: scaleY(1);

}



.reveal-block.left.aos-animate::before,

.reveal-block.right.aos-animate::before {

  transform: scaleX(1);

}



.reveal-block.top::before {

  transform: scaleY(0);

  transform-origin: 0% 100%;

}



.reveal-block.left::before {

  transform: scaleX(0);

  transform-origin: 100% 0%;

}



.reveal-block.right::before {

  transform: scaleX(0);

  transform-origin: 0% 100%;

}



.reveal-block.bottom::before {

  transform: scaleY(0);

  transform-origin: 100% 0%;

}



/* AOS animate */

[data-aos=reveal-top],

[data-aos=reveal-left],

[data-aos=reveal-right],

[data-aos=reveal-bottom] {

  transition-property: transform;

  transition-delay: 0.5s;

}



[data-aos=reveal-top] {

  transform: scaleY(1);

}

[data-aos=reveal-top].aos-animate {

  transform: scaleY(0);

  transform-origin: 100% 0%;

}



[data-aos=reveal-left] {

  transform: scaleX(1);

}

[data-aos=reveal-left].aos-animate {

  transform: scaleX(0);

  transform-origin: 0% 100%;

}



[data-aos=reveal-right] {

  transform: scaleX(1);

}

[data-aos=reveal-right].aos-animate {

  transform: scaleX(0);

  transform-origin: 100% 0%;

}



[data-aos=reveal-bottom] {

  transform: scaleY(1);

}

[data-aos=reveal-bottom].aos-animate {

  transform: scaleY(0);

  transform-origin: 0% 100%;

}



[data-aos=reveal-item] {

  visibility: hidden;

  transition-property: visibility;

  transition-duration: 0s;

}

[data-aos=reveal-item].aos-animate {

  visibility: visible;

}

.service-section, .career-bg { position: relative; }

.service-section::before, .career-bg::before {

    position: absolute;

    content: ""; height: 100%;width: 100%; left: 0; top: 0; background-image: url(../images/bg1.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: top center;

    opacity: 0.5;

}

.count-content h6 { font-weight: 600; font-size: 20px; }

.bg-fixed { background-attachment: fixed; }

.owl-custom .owl-dots { text-align: center; margin-top: 20px; }

.owl-custom .owl-dot > span {display: inline-block;height: 10px;width: 10px;background-color: transparent;margin: 0 3px;border-radius: 50%; border: 1px solid var(--tm-black);}

.owl-custom .owl-dot { outline: none; }

.owl-custom .owl-dot.active > span { background-color: var(--tm-black); }

.carousel-caption .breadcrumb, .carousel-caption .breadcrumb .breadcrumb-item { display: inline-block; color: var(--tm-primary); }

.carousel-caption .breadcrumb .breadcrumb-item > a {color: var(--tm-primary); text-decoration: none;}

.carousel-caption .breadcrumb .breadcrumb-item.active, .carousel-caption .breadcrumb-item+.breadcrumb-item::before { color: var(--tm-dark-gray); }

.vacant-box h4 { font-weight: 600; color: var(--tm-primary); font-size: var(--sm-font); }

.vacant-box { transition: var(--tm-transition); }

.vacant-box:hover { box-shadow: 10px 10px 20px 1px rgba(0, 0, 0, 0.05); }

.vacant-box h5 { font-size: var(--xs-font); }

.vacant-box .desc > p { font-size: var(--xs-font); min-height: 42px; }

.h-news-inner-a > a {text-decoration: none; font-weight: bold; text-transform: uppercase; color: var(--tm-black); font-size: var(--sm-font); letter-spacing: 1px;}

.desc > p, .desc > ul > li, .desc > ol > li {/*text-align: justify;*/ margin-bottom: 10px;font-family: var(--tm-desc-ff);font-size: var(--sm-font); font-weight: 300; }

.desc > p > span{

  color: #000000a6;

  font-weight: 600;

}



.accordion-item{

  margin-bottom: 20px;

}

.accordion-button{

  text-transform: uppercase;

  letter-spacing: 2px;

  color: #000;

}

.accordion-item:not(:first-of-type){

  border: 1px solid rgba(0,0,0,.125) !important;

}

.accordion-button:not(.collapsed){

  background-color: #fcf6ef9c;

  color: #000;

  font-weight: 700;

}

.accordion-button:not(.collapsed) i{

  color: #e6b77f;

}

.accordion-body{

  letter-spacing: 0.5px;

}

.accordion-header i{

  font-size: 30px;

    padding-right: 10px;

}

.accordion-button:focus{

  box-shadow: none;

}



.h-date-soc p, .h-date-soc span { font-size: var(--md-font);  }

.custom-tab-cat > li { list-style-type: none; display: inline-block;margin: 0 3px; }

.custom-tab-cat > li > a { display: inline-block; padding: 10px 20px;margin: 10px 0; border: 1px solid var(--tm-dark-gray); color: var(--tm-dark-gray); text-decoration: none; border-radius: 5px; }

.custom-tab-cat > li > a:hover { border-color: var(--tm-primary); color: var(--tm-primary); background-color: #fff; }

.custom-tab-cat > li.active > a, .custom-tab-cat > li > a.active { background-color: var(--tm-primary); color: #fff; border-color: var(--tm-primary); }

.img-gallery { height: 230px; object-fit: cover; width: 100%; }

.fancy-anch { position: relative; overflow: hidden; border-radius: 5px; }

.fancy-anch::before {

    position: absolute;content: "\f00e"; height: 0%; width: 0%; left: 0; right: 0; background: var(--tm-primary); opacity: 0;

    transition: var(--tm-transition);font-family: 'Line Awesome Free'; top: 0; bottom: 0; margin: auto;

    font-weight: 900; display: grid; align-items: center; color: #fff; font-size: 30px; text-align: center;

}

.fancy-anch:hover::before { height: 100%; width: 100%; opacity: 0.8; }

.map-block iframe { width: 100%; height: 350px; border: 0; }

.contact-info-list > li { list-style-type: none; margin-bottom: 25px; }

.contact-info-list > li:last-child { margin-bottom: 0; }

.contact-info-list > li > i { font-size: var(--lg-font); color: var(--tm-sub-primary); margin-bottom: 10px; }

.contact-info-list .cp { margin-bottom: 15px; }

.contact-info-list .cp:last-child { margin-bottom: 0; }

.contact-info-list a, .contact-info-list p { text-decoration: none; font-size: var(--sm-font); color: var(--tm-dark-gray); }

.contact-info-list > li h5 { font-weight: 600; color: var(--tm-black); }

.career-form {max-width: 900px;width: 100%;margin: auto;}

.career-form label{letter-spacing: 1px;border-radius: 0px !important;}

.about-company-wrap { margin-bottom: 120px; }

.about-company-wrap:last-child { margin-bottom: 0; }

.mv-box h3 { font-size: var(--md-font); text-transform: uppercase; color: var(--tm-black); font-weight: 600;margin-bottom: 15px;}

.bg-moto { position: relative; }

.bg-moto::before {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    left: 0;

    top: 0;

    background-image: url(../images/bg-tri.png);

    background-size: cover;

    background-repeat-y: repeat;

    background-position: top center;

    opacity: 0.5;

    z-index: -1;

}

.mv-box p { min-height: 165px; }

.mv-box { background-color: #fff; border-top: 3px solid var(--tm-sub-primary);box-shadow: 0 1rem 1.5rem rgb(0 0 0 / 15%); border-radius: 0 0 10px 10px; }

.ethos-info { position: relative;border-left: 2px solid var(--tm-sub-primary); padding-left: 30px; padding-bottom: 50px; }

.ethos-info::before{position: absolute;content: "";height: 10px;width: 10px;border-radius: 50%;background-color: var(--tm-sub-primary);left: -6px;top: 0;}

.ethos-info > h3 {color: var(--tm-sub-primary);}

.amn-box {

    box-shadow: 0 1rem 1.5rem rgb(0 0 0 / 15%);

    background-color: #fff;

    border-radius: 0 0 10px 10px;

    transition: var(--tm-transition);

    position: relative;

    overflow: hidden;

}

.amn-box::before {

    position: absolute;

    content: "";

    height: 3px;

    width: 100%;

    margin: auto;

    top: 0;

    left: 0;

    right: 0;

    background-color: var(--tm-sub-primary);

    transition: var(--tm-transition);

}

.amn-box h3 { font-size: 22px; color: var(--tm-black); }

.amn-box { margin-bottom: 30px; }

.bg-theme { background-color: var(--tm-primary); }

.client-logo > img { /*filter: grayscale(1);*/ transition: var(--tm-transition); max-width: 150px; margin: 0 auto;}

.client-logo:hover > img { /*filter: grayscale(0);*/ }

.product-item { background-color: transparent; padding: 20px; /*border-radius: 8px;*/ display: block; text-decoration: none;/*box-shadow: 0 0 30px rgb(0 0 0 / 5%);*/margin: 30px 0;border: 1px solid #e5e5e5;}

.product-item:hover {border-color: transparent;}

.product-slider .owl-item { padding: 0 10px; }

h5.product-name {font-size: var(--xs-font); text-transform: uppercase; display: block;text-align: center;font-weight: 400;color: var(--tm-black);line-height: 1.4; transition: var(--tm-transition);}

.product-item:hover h5.product-name {/*color: var(--tm-primary);*/ text-decoration: underline;}

.product-heading > h2 {

 font-weight: 400;

 font-size: 35px;

 color: var(--tm-gray);

 writing-mode: vertical-lr;

}

.product-slider {

    /*background: #f7f7f7;*/

    padding: 0 30px;

    border-radius: 10px;

}

.product-item > .thumb { position: relative; }

.product-item > .thumb > img {    transition: var(--tm-transition);
  /* height: 200px; */
  height: 150px;
  object-fit: cover;
  margin-bottom: 15px; }

.product-item:hover > .thumb > img { transform: scale(1.1); }

.product-slider .owl-stage-outer {

    /*background: #f7f7f7;*/

    /*padding: 30px 0;*/

    border-radius: 10px;

}

/*.section-heading > h2::before { position: absolute; content: ""; height: 2px; width: 100px;background-color: var(--tm-black); top:0; left:0; bottom: 0; margin: auto; }*/

.facility-listing > li { font-size: var(--sm-font); font-weight: 400; text-transform: capitalize; margin-bottom: 5px; list-style-type: none; position: relative;padding-left: 15px; }

.facility-listing > li:last-child { margin-bottom: 0; }

.facility-listing > li::before { position: absolute; content: ""; height: 7px; width: 7px; background-color: #fff;border:2px solid var(--tm-primary); border-radius: 50%; top:7px; left: 0;  }

.contact-home::after { position: absolute;content: "";height: 50px;width: 100%;background-color: var(--tm-black);left: 0;bottom:0;z-index: -1;/*transform: skewY(-2deg);*/}

.form-floating textarea.form-control { height: 100px!important; }

.custom-form .form-control { line-height: 2.875; }

.form-wrap {border-radius: 10px;}

.form-floating>.form-control:focus {

    border-color: var(--tm-gray);

}

.map iframe {

    width: 100%;

    border: 0;

    height: 400px;

}

.contact-info > li {

    list-style-type: none;

    display: flex;

    margin-bottom: 15px;

}

.contact-info > li .info-wrap > a { text-decoration: none; display: block; color: var(--tm-black); }

.contact-info > li .info-wrap > a:hover { color: var(--tm-primary); }

.contact-info > li .info-wrap > p {

    font-size: var(--sm-font); margin-bottom: 0;

}

.contact-info > li i { margin-right: 15px; font-size: var(--md-font); }

.bg-light { background: #f8fdf4 !important; background-color: #f8fdf4 !important; z-index: 1;}

.mv-wrap ul li { list-style-type: none; margin-bottom: 7px; position: relative; padding-left: 20px;}

.mv-wrap ul li span{

  font-size: 14px;

  color: gray;

}

.c_overview{

  margin: 30px 0 160px;

}

/* .c_overview-wrap .inner-block {

      background: #fffbef;

} */



.member_card{

  padding: 15px;

  background-color: #f8fced;

  border-radius: 5px;

  box-shadow: 0 0 10px #80808078;

  margin-bottom: 20px;

}

.about_company {

  padding: 70px 0;

  position: relative;

  z-index: 9;

}

.about_company  p{

  color: #fff;

}

.about_company  p i{

  color: var(--tm-primary);

  margin: 0 10px 0 0;

}



.about_company-wrap{

  background-image: url('../images/electronic.jpg');

background-size: cover;

  background-position: center;

  position: relative;

  background-attachment: fixed;

}

.about_overlay{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #000000c2;

}

.about_company-wrap ul {

  list-style: none;

}

.member_card h4{

  color: #fff;

  padding: 10px 15px;

  margin: 5px -15px 10px;

  background: var(--tm-primary);

  font-weight: 600  ;

}



.overview_details{

  margin: 20px 50px -90px -90px;

  position: relative;

  z-index: 9;

  background: #fffbef;

  padding: 40px 20px;

  box-shadow: 0 0 15px #80808069;

}

.mv-wrap ul li:last-child { margin-bottom: 0; }

.mv-wrap ul { padding-left: 0; margin-bottom: 0; }

.mv-wrap { margin-bottom: 30px;padding: 15px; box-shadow: 0 0 20px 2px rgb(0 0 0 / 5%); position: relative; overflow: hidden; background-color: #fff; }

.product-item { position: relative; overflow: hidden; }

.mv-wrap:last-child { margin-bottom: 0; }

.org-section .order-first { padding-top: 110px; }

.org-section .order-last { padding-top: 110px; }

.la-icon i { display: grid; width: 35px; height: 35px; align-items: center; background-color: var(--tm-primary); color: #fff; text-align: center; border-radius: 50%; }

.mv-wrap > h3 {text-transform: uppercase;font-size: var(--md-font);font-weight: 600;margin-bottom: 20px;}

.mv-wrap > h6 {

    font-size: var(--sm-font);

    font-weight: 600;

    margin-bottom: 15px;

}

.mv-wrap > img  {

    margin-bottom: 20px;

    width: 50px;

}

.mv-wrap ul li::before {

    position: absolute;

    content: "";

    height: 1px;

    width: 7px;

    background-color: var(--tm-black);

    left: 0;

    top: 10px;

}

.inner-block {

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 0;

}

.inner-block::before, .inner-block::after, .top-right::before, .top-right::after {

    position: absolute;

    content: "";

    height: 0%;

    width: 2px;

    left: 0;

    bottom: 0;

    transition: all 500ms ease-in-out;

    -o-transition: all 500ms ease-in-out;

    -webkit-transition: all 500ms ease-in-out;

    -ms-transition: all 500ms ease-in-out;

    -moz-transition: all 500ms ease-in-out;

    background-color: var(--tm-primary);

}

.top-right::before, .top-right::after {

    background-color: var(--tm-primary);

    left: 0;

    bottom: unset;

    top: 0;

}

.top-right::before {

    height: 2px;

    width: 0%;

}

.top-right::after {

    top: unset;

    bottom: 0;

    width: 2px;

    height: 0%;

    left: unset;

    bottom: unset;

    top: 0;

    right: 0;

}

.inner-block::after {

    width: 0%;

    height: 2px;

    left: unset;

    right: 0;

}

.mv-wrap:hover .inner-block::before, .mv-wrap:hover .top-right::after,

.product-item:hover .inner-block::before, .product-item:hover .top-right::after {

    height: 100%;

}

.mv-wrap:hover .inner-block::after, .mv-wrap:hover .top-right::before,

.product-item:hover .inner-block::after, .product-item:hover .top-right::before {

    width: 100%;

}



/*=== Line CSS Starts ===*/





.lines {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  height: 100%;

  margin: auto;

  width: 90vw;

  z-index: -1;

  background: transparent;

}



.line {

  position: absolute;

  width: 1px;

  height: 100%;

  top: 0;

  left: 50%;

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

  overflow: hidden;

}

.line::after {

  content: "";

  display: block;

  position: absolute;

  height: 15vh;

  width: 100%;

  top: -50%;

  left: 0;

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, var(--tm-primary) 75%, var(--tm-primary) 100%);

  -webkit-animation: drop 20s 0s infinite;

          animation: drop 20s 0s infinite;

  -webkit-animation-fill-mode: forwards;

          animation-fill-mode: forwards;

  -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);

          animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);

}

.line:nth-child(1) {

  margin-left: -25%;

}

.line:nth-child(1)::after {

  -webkit-animation-delay: 2s;

          animation-delay: 2s;

}

.line:nth-child(3) {

  margin-left: 25%;

}

.line:nth-child(3)::after {

  -webkit-animation-delay: 2.5s;

          animation-delay: 2.5s;

}



@-webkit-keyframes drop {

  0% {

    top: -50%;

  }

  100% {

    top: 110%;

  }

}



@keyframes drop {

  0% {

    top: -50%;

  }

  100% {

    top: 110%;

  }

}



/*=== Line CSS Ends ===*/



.fac-wrap {padding: 15px;}

.fac-wrap img {    
  transition: var(--tm-transition);
height: 100px;
object-fit: cover;
}

.fac-wrap p { margin-bottom: 0; margin-top: 15px; font-size: var(--xs-font); text-transform: uppercase; }

.fac-wrap:hover img { transform: scale(1.1); }

.custom-form .form-control, .custom-form .form-select { border:0; background-color: #f7f7f7; }

.custom-form .form-floating .form-label{ color: var(--tm-black); }

.ib-caption { position: absolute; left: 0; top: 0; bottom:0; right:0; margin: auto; display: flex; align-items: center; justify-content: center; }

.map iframe {width: 100%;height: 350px;}

.breadcrumb {display: inline-block; background-color: transparent;}

.breadcrumb .breadcrumb-item { display: inline-block;    text-shadow: 0 0 10px black; }

.breadcrumb .breadcrumb-item a { color: var(--tm-black); }

hr { opacity: 0.15; }

.blog-detail-content-wrap .blog-detail-overlay p {

    font-size: var(--sm-font);

    font-weight: 400;

}

.blog-detail-content-wrap .blog-detail-overlay ul {padding-left: 0;}

.blog-detail-content-wrap .blog-detail-overlay ul li {

    margin-bottom: 10px;

    padding-left: 20px;

    position: relative;

    list-style-type: none;

}

.blog-detail-content-wrap .blog-detail-overlay ul li:last-child { margin-bottom: 0; }

.blog-detail-content-wrap .blog-detail-overlay h6 { margin-bottom: 20px; margin-top: 15px; }

.blog-detail-content-wrap .blog-detail-overlay ul li::before {

    position: absolute;

    content: "";

    height: 8px; width: 8px;

    left: 0;

    top: 8px; transform: rotate(45deg);

    background-color: var(--tm-primary);

}

.blog-list .blog-title { padding-left: 25px; text-decoration: none; color: var(--tm-black); font-size: var(--sm-font); display: block; padding-bottom: 7px; font-weight: 600; position: relative; }

.blog-list li { list-style-type: none; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}

.blog-list li:last-child { border-bottom: 0; }

.blog-list li:first-child { padding-top: 0; }

.blog-list .blog-title:hover {

    color: var(--tm-primary);

}

.blog-list .blog-title::before {

    position: absolute;

    content: "";

    height: 8px;

    width: 8px;

    left: 0;

    top: 8px;

    background-color: var(--tm-primary);

    transform: rotate(45deg);

}

.vr-vector-bg, .vector-bg { position: relative; overflow: hidden; }

.vector-bg::before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background-image: url(../images/bg-tri.png); background-repeat: no-repeat; background-size: cover; background-position: top ;z-index: -1; }

.vr-vector-bg::before { position: absolute; content: ""; height: 300px; width: 300px; left: 0; top: 50px; background-image: url(../images/dotted-pattern-green.png); background-repeat: no-repeat; /*background-repeat: repeat-x;*/

 background-size: contain; background-position: top left;z-index: -1; }

 .vr-vector-bg::after {

position: absolute; content: ""; height: 300px; width: 300px; right: 0; bottom: 0; background-image: url(../images/dotted-pattern-green.png); 

background-repeat: no-repeat;background-size: contain; background-position: top left;z-index: -1; }



.navbar-toggler.collapsed .navbar-toggler-icon{

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}

.navbar-toggler .navbar-toggler-icon{

  background-image: url("https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-close-512.png");

}



.navbar-toggler:focus{

  box-shadow: none;

  border: 1px solid var(--tm-primary);

}

.navbar-light .navbar-toggler

{

  border: 1px solid var(--tm-primary) !important;

}

.navbar-toggler.collapsed .navbar-toggler-icon[aria-expanded="true"]{

  background-color: #000;

}



/* Toggle icon CSS Start */



.navbar-toggler {

  border: none;

  padding: 0;

  outline: none;

}

.navbar-toggler:focus {

  box-shadow: none;

}

.navbar-toggler .hamburger-toggle {

  position: relative;

  display: inline-block;

  width: 40px;

  height: 40px;

  z-index: 11;

  float: right;

}

.navbar-toggler .hamburger-toggle .hamburger {

  position: absolute;

  transform: translate(-50%, -50%) rotate(0deg);

  left: 50%;

  top: 50%;

  width: 50%;

  height: 50%;

  pointer-events: none;

}

.navbar-toggler .hamburger-toggle .hamburger span {

  width: 100%;

  height: 3px;

  position: absolute;

  background: var(--tm-primary);

  border-radius: 2px;

  z-index: 1;

  transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;

  left: 0px;

}

.navbar-toggler .hamburger-toggle .hamburger span:first-child {

  top: 10%;

  transform-origin: 50% 50%;

  transform: translate(0% -50%) !important;

}

.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {

  top: 50%;

  transform: translate(0, -50%);

}

.navbar-toggler .hamburger-toggle .hamburger span:last-child {

  left: 0px;

  top: auto;

  bottom: 10%;

  transform-origin: 50% 50%;

}

.navbar-toggler .hamburger-toggle .hamburger.active span {

  position: absolute;

  margin: 0;

}

.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {

  top: 45%;

  transform: rotate(45deg);

}

.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {

  left: 50%;

  width: 0px;

}

.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {

  top: 45%;

  transform: rotate(-45deg);

}

.img_focus img{

  border-radius: 6px;

}



/* Toggle icon CSS End  */

/* 

.navbar-toggler .navbar-toggler-icon{

  background-image: url("https://uxwing.com/wp-content/themes/uxwing/download/checkmark-cross/close-icon.png");

} */

/* 

.navbar-toggler .navbar-toggler-icon{

  background-image: url("https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-close-512.png");

} */





.product_box{

  background: #fff;

  overflow: hidden;

  text-decoration: none;

  text-align: center;

  border-radius: 12px;

  /* -webkit-box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 10%);

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

  transition: 0.3s;

  border: 1px solid var(--tm-primary);

  margin: 0 0 15px 0;

}

.product_box img{

  /* height: 300px; */

  border-radius: 10px 10px 0 0;
  /* height: 300px; */
  height: 260px;
  width: 100%;
  object-fit: cover;
  padding: 12px;

}

.product_box:hover h4{

  color: fff
}

.product_details .new_table ul{
  list-style-type: none;
  padding-left: 0;
}
.product_details .new_table ul li{
  margin-bottom: 15px;
  position: relative;
  padding-left: 25px;
}
.product_details .new_table ul li::before{
  content: '\276F';
  position: absolute;
  left: 0;
  top: 0;
  color: var(--tm-primary);
}
.product_details .new_table ul li:last-child{
  margin-bottom: 0;
}
.product_details .new_table ul li strong{
  font-weight: 600;
}

.product_box:hover{

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

}

.product_box h4{

  text-decoration: none;

  /* color: gray;

  padding: 0px 10px; */

  color: #fff;
    padding: 15px 10px;

  display: flex;

  /* height: 80px; */

  justify-content: center;

  margin: 0;

  align-items: center;
/* 
  font-size: 20px; */

  font-family: var(--tm-desc-ff);
  font-size: 17px;
  text-transform: uppercase;
  background-color: var(--tm-primary);

}
/* .product_box h4:hover{
  background-color: #000;
  color: #fff;
} */

.new_table td{

  padding: 5px 10px;

  font-size: 18px;

  white-space: nowrap;

}

.new_table{

  overflow-x: auto;

}

.product_details .accordion-button{

  font-size: 20px;

}
.thank-you-section .thank-you-box{
  background: #fff;
  /* border-left: 1px solid var(--tm-primary);
  padding-left: 10px; */
    /* padding: 20px 30px; */
    /* box-shadow: 0px 13px 19px rgb(0 0 0 / 7%); */
}
.thank-you-section{
  padding: 80px 0 80px 0 !important;
}
.about_company-wrap ul li{
  color: #fff;
}
.product_details table:first-child{
  margin-top: 0;
}
.product_details table{
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: #dee2e6;
  margin-top: 60px;
}
.product_details table tr{
  border-bottom: 1px solid #e0e0e0;
}
.product_details table tr:hover{
  background-color: #ececec;
}
.product_details table tr:nth-child(odd) {background-color: #f2f2f2;}

.product_details table tbody tr th{
  width: 25%;
  padding: 0.5rem 0.5rem 2%;
}
.about_company-wrap ul li{
  position: relative;
  padding-left: 20px;
  margin-bottom: 1.5rem;
}
.about_company-wrap ul li:last-child{
  margin-bottom: 0;
}
.about_company-wrap ul li::before{
    content: "\00BB";
    left: 0;
    top: -7px;
    color: var(--tm-primary);
    font-size: 23px;
    padding-right: 8px;
    position: absolute;
}

.enquiry-now-btn {
  /* margin-top: 50px;
  text-align: center; */
    position: fixed;
    right: -67px;
    top: 50%;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}
.enquiry-now-btn a{
  z-index: 0;
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
    font-size: var(--sm-font);
    letter-spacing: 1px;
    color: #fff;
    font-weight: 600;
    padding: 15px 35px;
    border: 1px solid #222b32;
    transition: var(--tm-transition);
    background: #222b32;
    border-radius: 5px;
    transition: 0.3s;
}
.enquiry-now-btn a:hover{
  background-color: var(--tm-primary);
  color: #fff;
  border: 1px solid var(--tm-primary);
}
.inquiry-form-modal-popup .modal-title{
  color: #000;
}
.inquiry-form-modal-popup .form-floating>.form-control{
  color: #000;
}

.about_company-wrap .certificate-img img{
  border-radius: 10px;
}
.about_company-wrap .certificate-title{
    font-size: 30px;
    color: #fff;
    margin-top: 15px;
    text-align: center;
}

.epoxy-insulators .owl-custom .owl-prev,
.epoxy-insulators .owl-custom .owl-next{
  top: -50px;
}

.application-section .application-content-wrap{
  margin-bottom: 40px;
}
.application-section .application-content-wrap:last-child{
  margin-bottom: 0;
}
.application-section .application-images-wrap-box .application-img img{
  width: 100%;
  height: auto;
}
.application-section .application-title{
  margin-bottom: 15px;
}
.application-section .application-title h4{
  font-size: var(--lg-font);
    text-transform: uppercase;
    border-bottom: 1px solid var(--tm-primary);
    width: fit-content;
    padding-bottom: 3px;
    color: var(--tm-black);
}
.gallery-section .img_focus img{
  border: 1px solid var(--tm-primary);
}