@font-face {
    font-family: 'GothamBlack';
    src: url('../fonts/Gotham-Black.woff') format('woff2'), url('../fonts/Gotham-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GothamBold';
    src: url('../fonts/Gotham-Bold.woff') format('woff2'), url('../fonts/Gotham-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GothamMedium';
    src: url('../fonts/Gotham-Medium.woff') format('woff'), url('../fonts/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GothamBook';
    src: url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GothamLight';
    src: url('../fonts/Gotham-Light.woff') format('woff'), url('../fonts/Gotham-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

body::-webkit-scrollbar {
    width: 10px;
}
body::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px !important;
    border-radius: 10px;
    background: #144B83;
}
body::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px !important;
    border-radius: 10px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'GothamBold';
    font-weight: 700;
}

html {
    overflow-x: hidden;
}

body {
    font-family: 'GothamBook';
    overflow-x: hidden;
}

p {
    font-family: 'GothamBook';
}

a {
    text-decoration: none !important;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    font-weight: 300;    
}

a:focus {
    outline: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.header .navbar {
    display: block;
    padding: 10px 0;
}
.header .container .row {
    width: 100%;
    align-items: center;
}
.top-menu {
    display: flex;
    justify-content: flex-end;
    border-bottom: 1px solid rgba(255, 255, 255, .6);
    padding-bottom: 5px;
}
.top-menu > ul {
    display: flex;
    justify-content: end;
    align-items: center;
    position: relative;
    /* padding-right: 30px; */
}
/* .top-menu > ul::before {
    content: "";
    width: 100%;
    max-width: 398px;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    background-color: #253c7f;
}
.top-menu > ul::after {
    content: "";
    width: 100%;
    max-width: 30px;
    position: absolute;
    height: calc(100% + 4%);
    top: -1px;
    left: -29px;
    z-index: -1;
    background-color: #253c7f;
    clip-path: polygon(100% 0, 100% 1%, 100% 99%, 0% 100%);
} */
.top-menu > ul>li {
    margin-left: 40px;
}
.top-menu > ul>li>a {                 
    color: #fff;    
    font-family: 'sans-serif';
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight:600;
}
.top-menu>ul>li:not(.multi-language)>a {
    display: block;
    padding: 12px 0;
}
ul>li.multi-language {
    position: relative;
    width: 120px;
}
ul>li.multi-language ul {
    display: block;
    position: absolute;
    right: 0;
    top: -14px;
    width: 58px;
    /* background-color: #253c7f; */
    z-index: 1;
    padding-top: 26px;
}
ul>li.multi-language ul li:not(.is-active) {
    background-color: #253c7f;
}
ul>li.multi-language ul li {
    display: none;
    margin: 0;
}
ul>li.multi-language ul li a {
    color: #fff;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
ul>li.multi-language ul li.is-active {
    display: block;
    position: absolute;
    top: 0;
}
ul>li.multi-language ul:hover li {
    display: block;
}
ul>li.multi-language ul li:not(.is-active)>a {
    padding: 20px 10px;
}
.navbar-collapse ul {
    margin-left: auto;
    margin-right: 0 !important;
    position: relative;
}
.dropdown-toggle::after {
    width: 12px;
    height: 12px;
    background: url(../images/arrow-down.svg) no-repeat center;
    background-size: 12px;
    border: none;
    vertical-align: middle;
    margin: 0;
} 
ul.navbar-nav>li>a {
    color: #fff;
    font-family: 'sans-serif';
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    position: relative;
    padding: 18px 21px !important;
}
ul.navbar-nav>li>a.Search-icon {
    padding: 0 !important;
}
ul.navbar-nav>li>a:hover {
    color: #fff;
}
ul.navbar-nav>li>a.Search-icon:before {
    display: none;
}
ul.navbar-nav>li.mob-item {
    display: none;
}
.navbar-expand-lg .navbar-nav {
    align-items: center;
}
.main-menu .form-select {
    color: #fff;
    background-color: transparent;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    padding: 2px 27px 0px 12px;
}
.main-menu .form-select:focus {
    box-shadow: none;
    outline: none;
}
.lightTheme .header.sticky .main-menu .form-select {
    color: #000;
    filter: none;
    -webkit-filter: none;
}
.main-menu .form-select option {
    color: #000;
}
.header.stickyHead{position: relative;}
.header.stickyHead ul.navbar-nav>li>a{color: #000}
.header.stickyHead .whiteLogo{display: none;}
.header.stickyHead .blueLogo{display: block;}
.logo {
    display: block;
    padding: 0;
    width: 160px;
}
.navbar-brand img {
    width: 200px;
}
.top-menu > ul>li>a>i {
    margin-right: 5px;
}
.header.sticky {
    position: fixed;
    background: #fff;
    z-index: 99;
    width: 100%;
    top: 0;
    left: 0;
    animation: sticky 1.2s;
    box-shadow: 0 5px 10px rgb(0 0 0 / 15%);
}
@-webkit-keyframes sticky {
    0% {
        top: -200px;
    }
    100% {
        top: 0;
    }
}
@keyframes sticky {
    0% {
        top: -200px;
    }
    100% {
        top: 0;
    }
}
/* .header .whiteLogo, .header.darkTheme .blueLogo, .lightTheme .header.darkTheme .whiteLogo{display: block;}
.header.darkTheme .whiteLogo, .lightTheme .header.darkTheme .blueLogo{display: none;}
.header.sticky .top-menu {
    display: none;
} */
.blueLogo {
    display: none;
}
.header.sticky .row {
    align-items: center;
}
.bodyFix .header.sticky .whiteLogo {
    display: none;
}
.bodyFix .header.sticky .blueLogo {
    display: block;
}
.bodyFix:not(.lightTheme) .header.darkTheme.sticky .whiteLogo {
    display: block;
}
.bodyFix:not(.lightTheme) .header.darkTheme.sticky .blueLogo {
    display: none;
}
.Search-icon {
    width: 30px;
    height: 30px;
    background: #FECB00;
    display: block;
    border-radius: 50%;
    background-image: url(../images/search.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
ul>li.multi-language ul>li:first-child .language-link::after {
    content: "";
    width: 13px;
    height: 13px;
    background: url(../images/arrow-search.png) no-repeat center;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
.header .navbar .main-menu {
    position: relative;
}
.header .navbar .main-menu .btn-right {
    display: none;
}
body.scroll-hidden {
	overflow: hidden !important;
}
.banner {
    /* background: url(../images/banner.jpg) no-repeat center; */
    background: #fff;
    padding: 0;
    height: 580px;
    background-size: cover !important;
    z-index: 1;
    position: relative;
}
.banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,rgba(2,4,35,0.76) 0%,rgba(3,7,55,0.0532) 28.76%);
    animation: fade_in 3s;
    z-index: -1;
}
.banner .section-title p {
    font-size: 16px;
    color: #fff;
}
.section-title h2 {
    font-size: 45px;
    line-height: 52px;
    font-family: 'GothamBold';
    font-style: normal;
    font-weight: 700;
    color: #1B1B1B;
    margin-bottom: 20px;
}
.section-title p {
    color: #1B1B1B;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.section-title p:last-child {
    margin: 0;
}
.bannerHome .section-title h2 {
    font-size: 52px;
    line-height: 53px;
}
.banner .slick-arrow {
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border: none;
    font-size: 0;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    z-index: 1;
}
.banner .slick-prev {
    left: 47%;
}
.banner .slick-next {
    left: 53%;
}
.banner .slick-slide {
    margin: 40px 0;
    z-index: 1;
}
.banner .slick-slide img {
    transition: all linear 0.3s;    
}
.banner .slick-slide.slick-current.slick-active {
    z-index: 2;
}
.banner .slick-slide.slick-current.slick-active img {
    transform: scale(1.2);
    z-index: 1;
}
.block-global {
    position: relative;
    background: #fff;
    z-index: 1;
    padding: 30px 0;
}
.block-global::before {
    content: "";
    position: absolute;
    left: 40px;
    width: calc(100% - 40px);
    top: 90px;
    display: block;
    height: calc(100% - 150px);
    background: #fff;
    z-index: -1;
}
.global-content {
    position: absolute;
    left: 0;
    width: 100%;
    top: 15%;
}

@keyframes rotate {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 630px 0;
  }
}

/* .global-map img { */
	/* animation: rotate-animation 30s infinite linear; */
	/* margin-left: 90px; */
/* } */
@keyframes rotate-animation {
	0% {
		transform: rotate(0deg);
  }
  50% {
		transform: rotate(180deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.presense {
    margin-top: 30px;
}
.presense h3 {
    color: #1B1B1B;
    font-family: 'GothamBold';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
}
/* ul.continent>li {
    width: 33.333333%;
} */
ul.continent>li>a {
    color: #1B1B1B;
    font-family: 'GothamLight';
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    border: 1px solid #1B1B1B;
    background: #FFF;
    padding: 8px 20px;
    margin-top: 10px;
    margin-right: 10px;
    cursor: pointer;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
ul.continent>li.current>a::after {
    content: "";
    border: 6px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
}
ul.continent>li>a:hover {
    background: #173880;
    color: #fff !important;
    border: 1px solid #173880;
}
ul.continent {
    display: flex;
    align-items: center;
    max-width: 420px;
    width: 100%;
    flex-wrap: wrap;
}
.continent-content{
    margin-top: 0 !important;
}
.continent-content .tab-content {
    background: #fff;
    -webkit-box-shadow: 0 5px 33px 0 rgba(82,156,219,.17);
    -moz-box-shadow: 0 5px 33px 0 rgba(82,156,219,.17);
    box-shadow: 0 5px 33px 0 rgba(82,156,219,.17);
    padding: 20px;
}
.presense ul>li.current>a {
    background: #173880;
    color: #fff;
    border: 1px solid transparent;
}
.continent-content h3 {
    margin-bottom: 0;
}
.continent-content ul {
    font-size: 0;
}
.continent-content ul>li {
    width: 33.333333%;
    display: inline-block;
}
.continent-content ul>li>a {
    color: #1B1B1B;
    font-family: 'GothamLight';
    font-size: 13px;
    font-weight: 300;
    line-height: normal;
    padding: 6px 8px;
    margin-top: 10px;
    margin-right: 5px;
    display: block;
    position: relative;
    text-align: left;
    text-transform: uppercase;
}
/* .continent-content ul>li>a::before {
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/sun.jpg) no-repeat center;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0;
} */
.footer {
    padding-top: 45px;
    overflow: hidden;
    border:1px solid black;
}
.footer-text h3 {
    color: #000;
    font-family: 'GothamBold';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}
.footer-text h3>a {
    color: #000;
}
.footer-text p {
    color: #1B1B1B;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 15px;
}
.pr-cust {
    padding-left: 160px;
}
.footer-text ul.contact>li {
    position: relative;
    padding-left: 26px;
    white-space: nowrap;
}
.footer-text ul>li:not(:last-child) {
    margin-bottom: 15px;
}
.footer-text ul>li>a {
    color: #000000;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    display: block;
}
.footer-text ul>li>a:hover, .footer-contact ul>li>a:hover {
    color: #173880;
}
.footer-text ul.contact>li::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 26px;
    left: 0;
    top: 0;
}
.footer-text ul>li:nth-child(1)::before {
    background: url(../images/call.svg) no-repeat 0 4px;
}
.footer-text ul>li:nth-child(2)::before {
    background: url(../images/mail.svg) no-repeat 0 4px;
}
.middle-footer {
    padding: 20px 0;
}
.btn-custom {
    color: #000;
    font-family: Gotham;
    font-size: 15.827px;
    font-style: normal;
    font-weight: 700;
    line-height: 250%;
    font-family: 'GothamBold';
}
.btn-custom {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 250%;
    font-family: 'GothamBold';
    padding: 2px 19px;
    border: 1px solid #000;
    border-radius: 0px;
}
.btn-custom:hover {
    background: #173880 !important;
    color: #fff !important;
}
.bottom-footer p, .bottom-footer span {
    color: #1B1B1B;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin: 0;
}
.bottom-footer {
    border-top: 1px solid #ECD853;
    padding: 10px 0;
}
.social-media {
    text-align: right;
}
.social-media ul>li {
    display: inline-block;
}
.social-media ul>li>a {
    color: #fff;
    font-size: 14px;
    display: block;
    padding: 0 6px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: #2D387D;
    text-align: center;
    border-radius: 50%;
    border: 1px solid transparent;
}
.social-media ul>li>a:hover {
    background: transparent;
    border: 1px solid #2D387D;
    color: #2D387D;
}
.social-media ul>li>a:hover {
    color: #173880;
}

#tranding .tranding-slider {
    height: 32rem;
    padding: 2rem 0;
    position: relative;
  }

  .tranding-slide {
    width: 224px;
    height: 390px;
    position: relative;
  }

  .tranding-slide .tranding-slide-img img, .tranding-slide-img img {
    object-fit: cover;
    border-radius: 72px;
    width: 100%;
    box-shadow: 0 10px 20px #00000080, 0 -1px #ffffff80;
}
  
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right {
    display: none;
  }
  
  .tranding-slider-control {
    position: relative;
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .tranding-slider-control .swiper-button-next {
    left: 54% !important;
    transform: translateX(-54%) !important;
  }
  
 .tranding-slider-control .slider-arrow {
    background: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    left: 46%;
    transform: translateX(-46%);
    filter: drop-shadow(0px 8px 24px rgba(18, 28, 53, 0.1));
  }
    
.tranding-slider-control .slider-arrow::after {
    content: "";
    width: 35px;
    height: 35px;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.tranding-slider-control .swiper-button-prev.slider-arrow::after {
    background: url(../images/arrow-prev.png);
}
.tranding-slider-control .swiper-button-next.slider-arrow::after {
    background: url(../images/arrow-next.png);
}

ul.navbar-nav>li:hover .dropdown-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
ul.navbar-nav>li.static:hover .dropdown-menu {
    display: block;
}
ul.navbar-nav>li.static .dropdown-menu {
    padding: 0;
    background: transparent;
}
ul.navbar-nav>li.static .dropdown-menu::before {
    content: none;
}
ul.navbar-nav>li.static .dropdown-menu li a {
    display: block;
    padding: 8px 0;
    color: #fff;
    font-size: 14px;
    transition: all linear 0.3s;
}
ul.navbar-nav>li.static .dropdown-menu li a:hover {
    font-size: 18px;
}
.nav-item.position-static .dropdown-menu .menu-item {
    display: block;
    text-align: center;
}
.navbar-nav .dropdown-menu::before {
    content: "";
    border: 10px solid transparent;
    border-bottom-color: rgba(255,255,255,1);
    position: absolute;
    top: -19px;
    left: 0%;
}
ul.navbar-nav>li.nav-item.solar-menu .dropdown-menu:before {
    left: 5%;
}
ul.navbar-nav>li .dropdown-toggle {
    opacity: 0;
    visibility: hidden;
    display: none;
}
ul.navbar-nav>li:not(:last-child)>a:before {
    position: absolute;
    content: "";
    /* background-image: url(../images/menu-active.svg); */
    z-index: 0;
    left: 0;
    right: 100%;
    bottom: 8px;
    height: 2px;
    border-radius: 0px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background: #fff;
}
ul.navbar-nav>li:hover a::before, ul.navbar-nav>li>a.active::before {
    right: 0;
}
.nav-item.position-static .dropdown-menu {
    width: 100%;
    left: 0;
    max-width: 100%;
    top: 74px;
    border: none;
    background: rgba(255,255,255,0.85);
    border-radius: 0px;
    padding: 15px 30px;
}
.dropdown-menu>div>div {
    width: 20%;
    text-align: center;
}
.menu-icon img {
    margin-bottom: 5px;
}
.menu-icon p {
    margin: 0;
    color: #010101;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    letter-spacing: 0px;
}
.subscribe-btn .btn-custom {
    margin: 0;
}
.subscribe-form {
    transition: all linear 0.3s;
    padding: 58px 50px 50px 52px;
    position: fixed;
    right: 25px;
    bottom: 25px;
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
    border-radius: 30px;
    z-index: 1;
    max-width: 436px;
    width: 100%;
    text-align: left !important;
    visibility: hidden;
    opacity: 0;
}
.subscribe-form.open {
    visibility: visible;
    opacity: 1;
}
.subscribe-form h2 {
    font-size: 32px;
    margin-bottom: 20px;
    color: #000;
    font-family: 'GothamBold';
    font-weight: 700;
}
.subscribe-form .form-group:not(:last-child) {
    margin-bottom: 15px;
}
.subscribe-form .form-group .form-control {
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #000;
    padding-left: 0;
    height: 40px;
    box-shadow: none;
    outline: none;
    font-family: 'GothamBook';
    font-weight: 400;
}
.subscribe-form .form-group span {
    font-size: 14px;
    font-weight: 400;
    color: #212529;
    font-family: 'GothamBook';
}
.subscribe-form .form-group span a {
    color: #212529;
}
.subscribe-submit {
    padding: 0 26px;
    line-height: 55px;
    text-align: center;
    background: #173880;
    border: none;
    border-radius: 30px;
    color: #fff;
    font-family: 'GothamMedium';
    font-weight: 500;
    font-size: 16px;
}
.close-btn {
    width: 25px;
    height: 25px;
    border: none;
    background: transparent;
    position: absolute;
    top: 10px;
    right: 25px;
}
.header .search-bar {
    background-color: #F1F1F1;
    padding: 10px 50px;
    width: 100%;
    border-top: 1px solid #dfe3e8;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    visibility: hidden;
    opacity: 0;
    border-bottom: 1px solid #dfe3e8;
    position: absolute;
    left: 0;
}
.header .search-bar .form-group form {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.header .search-bar .form-group input[type="search"] {
    max-width: 300px;
    height: 40px;
    border-radius: 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 27px;
    color: #000000;
    outline: none;
    box-shadow: none;
    margin-right: 10px;
    width: 300px;
    border: 1px solid #ced4da;
    padding-left: 15px;
}
.header .search-bar .form-group input[type="submit"] {
    background: #173880;
    border-radius: 0;
    color: #fff;
    height: 40px;
    font-size: 16px;
    border: 1px solid #173880;
    padding: 0 12px;
}
.header .search-bar.active {
    bottom: -62px;
    z-index: 9;
    visibility: visible;
    opacity: 1;
}
.header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}
.Search-icon.open {
    background-image: url(../images/close-btn.png);
    background-size: 12px;
}

.wahtsapp {
    position: fixed;
    bottom: 165px;
    right: 20px;
    cursor: pointer;
    z-index: 9;
    width: 45px;
    height: 45px;
}
.btn-custom {
    margin-right: 100px;
}
.cd-top {
    display: inline-block;
    height: 35px;
    width: 35px;
    position: fixed;
    bottom: 40px;
    left: 3.5%;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url(../images/slide-arrow.png) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;    
    background-size: 35px;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
    /* z-index: 9999999; */
    z-index: 98;
}
.cd-top.cd-fade-out {
    opacity: 1;
    z-index: 1039;
}
.flag {
    border-radius: 50%;
    margin-right: 5px;
}
.bredcrum {
    background: #FBFBFB;
    margin-bottom: 20px;
}
.bredcrum-list ul>li {
    display: inline-block;
    margin-right: 10px;
    color: #252424;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;    
    font-family: 'GothamBook';
    padding: 15px 0;
}
.bredcrum-list ul>li>a{
    color: #252424;
    display: block;
}
.bredcrum-list ul>li>a::after {
    content: "|";
    margin-left: 10px;
}
.btn-orange {
    background: #DA5E27;
    color: #FFF;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    border-radius: 10px;
    padding: 15px 26px;
}
.btn-orange:hover {
    background: #173880 !important;
    color: #fff !important;
}
.block-about {
    padding-top: 45px;    
}
.bg-grey {
    background: #F9F9FB;
}
.about-image {

    position: relative;
    z-index: 1;
}
.about-image::before {
    content: "";
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    border-radius: 30px;
    /*background: #173880;*/
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.about-content {
    padding-left: 30px;
}
.about-image img {
    border-radius: 30px;
}
.header-inner {
    border-bottom: 1px solid #ebe6e6;
}

.block-milestone {
    padding: 60px 0 30px;
}
.timeline-slider::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #D4D4D4;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.timeline-slider .slick-arrow {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: #f9f9fb;
    border: none;
    width: 40px;
    height: 40px;
    font-size: 0;
    z-index: 1;
}
.timeline-slider .slick-arrow::before {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}
.timeline-slider .slick-prev::before {
    background: url(../images/arrow-prev-sl.png) no-repeat center;
}
.timeline-slider .slick-next::before {
    background: url(../images/arrow-next-sl.png) no-repeat center;
}
.timeline-slider .slick-next {
    left: auto;
    right: 0;
}
.timeline-img {
    margin-bottom: 70px;
    position: relative;
}
.timeline-img::after {
    content: "";
    width: 40px;
    height: 37px;
    background: url(../images/timeline-logo.png) no-repeat center;
    display: block;
    position: absolute;
    bottom: -55px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.timeline-slider {
    height: 465px;
}
.timeline-box {
    max-width: 220px;
    margin: auto;
    width: 100%;
    display: flex;
    align-items: start;
}
.timeline-slider>div, .timeline-slider>div>div {
    height: 100%;
}
.timeline-box.timeline-bottom {
    height: 100%;
    margin-top: 0;
    align-items: end;
}
.timeline-bottom .timeline-img {
    margin-bottom: 0;
}
.timeline-bottom .timeline-content {
    margin-bottom: 70px;
    min-height: 115px;
    display: flex;
    align-items: end;
}
.timeline-content h2 {
    color: #1B1B1B;
    text-align: center;
    font-family: 'GothamBold';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
}
.timeline-content p {
    margin: 0;
    color: #1B1B1B;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
}
.timeline-content {
    min-height: 106px;
}
.timeline-box.timeline-bottom .timeline-content h2 {
    margin: 0;
}
.timeline-box.timeline-bottom .timeline-content p {
    margin: 0.5rem;
}
.timeline-box.timeline-bottom .timeline-img::after {
    bottom: auto;
    top: -57px;
}
/*Sloar landing page start*/
.solar-banner {
	background: url(../images/solar-banner.jpg) no-repeat center;	
    width: 100%;
    background-size: cover !important;
}
.solar-banner .section-title h2 {
    margin-bottom: 10px;
}
.banner .section-title h4 {
    color: #fff;
	font-family: 'GothamBold';
	font-size: 26px;
	font-weight: 700;
	letter-spacing: 0em;
}	
.tranding-slide .tranding-slide-img, .tranding-slide-img {
    position: relative;
    width: 100%;
    display: inline-block;
}
.tranding-slide .tranding-slide-img h3, .tranding-slide-img h3 {
    color: #010101;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: absolute;
    left: 0;
    bottom: 15px;
    text-align: center;
    width: 100%;
} 
.block-product-illustration {
    padding: 45px 0;
}
.block-product-illustration .section-title {
    margin-bottom: 28px;
}
.tab-theme {
    width: 100%;
    position: relative;
}

.tab-theme nav {
    width: 100%;
    max-width: 991px;
    margin: 0 auto 30px;
}

.tab-theme nav .nav-tabs {
    border: 0;
    border-radius: 100px;
    background: #F0F3F7;
    padding: 8px 14px;
    justify-content: space-between;
}
.tab-theme nav .nav-tabs .nav-link {
    color: #1B1B1B;
    text-align: center;
    font-family: 'GothamBook';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.32px;
    border: 0;
    border-radius: 180px;
}
.tab-theme nav .nav-tabs .nav-link.active {
    color: #FFF;
    font-family: 'GothamBold';
    font-weight: 700;
    letter-spacing: 0.32px;
    background: #DA5E27;
    border: 0;
    border-radius: 180px;
    padding: 10px 26px;
}
.tab-theme .tab-content .product-illustration-img {
    width: 100%;
    position: relative;
    text-align: center;
}
.tab-theme .tab-content .product-illustration-img img {
    border-radius: 20px;
} 
.block-hero-product {
    background: url(../images/hero-product-bg.jpg) no-repeat center;
    padding: 45px 0;
    height: 688px;
    background-size: cover !important;
}
.block-hero-product .hero-content {
    border-radius: 10px;
    background: rgba(10, 61, 127, 0.90);
    width: 100%;
    padding: 50px 30px;
}
.block-hero-product .hero-content .section-title {
    margin-bottom: 20px;
}
ul.solar-check {
    font-size: 0;
}
ul.solar-check li {
    width: 50%;
    padding: 15px 25px 15px 30px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
ul.solar-check li:nth-child(odd)::after {
    content: "";
    width: 1px;
    height: 49px;
    position: absolute;
    top: 7px;
    right: 16px;
    background: #5B89C4;
}
ul.solar-check li::before {
    position: absolute;
    top: 15px;
    left: 0;
    content: "";
    width: 23px;
    height: 21px;
    background: url(../images/solar-check.svg) no-repeat center;
    background-size: 23px;
}
ul.solar-check li h3 {
    color: #DA5E27;
    font-family: 'GothamBold';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}
ul.solar-check li p {
    color: #FFF;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
}
ul.solar-check li:last-child {
	padding-bottom: 0;
}
.block-product-blogs {
    padding: 45px 0;
}
.block-product-blogs .section-title {
    margin-bottom: 28px;
}
.block-product-blogs .owl-carousel {
	padding: 0 20px;
}
.block-product-blogs .owl-carousel .item {
    width: 100%;
    position: relative;
}
.block-product-blogs .owl-carousel .item .info {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding: 15px 0;
    color: #1B1B1B;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
.block-product-blogs .owl-carousel .item .info .date {
    display: flex;
    align-items: center;
    padding-right: 5px;
}
.block-product-blogs .owl-carousel .item .info .date img {
    display: inline-block;
    width: auto;
    margin-right: 10px;
}
.block-product-blogs .owl-carousel .item .info a {
    color: #DA5E27;
    font-family: 'GothamBook';
    padding-left: 5px;
}
.block-product-blogs .owl-carousel .item .title {
    color: #1B1B1B;
    font-family: 'GothamBold';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; 
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 47px;
}
.block-product-blogs .owl-carousel .owl-nav {
	display: block;
}
.block-product-blogs .owl-carousel .owl-nav button {
    position: absolute;
    top: 35%;
    width: 40px;
    height: 40px;
    height: 40px;
    line-height: 36px;
    border-radius: 50%;
    border: 2px solid #1B1B1B;
    transition: .3s;
    background: #1B1B1B;
}
.block-product-blogs .owl-carousel .owl-nav button.owl-prev {
	left: 0;
}
.block-product-blogs .owl-carousel .owl-nav button.owl-next {
	right: 0;
}
.block-product-blogs .owl-carousel .owl-nav button span {
	position: relative;
	color: #fff;
	font-size: 30px;
	display: block;
	line-height: 36px;
	margin-top: -5px;
}
.block-product-blogs .btn-orange {
    border-radius: 10px;
}
.video-slider {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}
.video-slider.owl-carousel .owl-stage-outer {
    height: 100%;
}
/* .video-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
} */
.video-overlay:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient( 180deg, rgba(2, 4, 35, 0.76) 0%, rgba(3, 7, 55, 0.0532) 100% );
}
.video-overlay video {
    width: 100%;
    height: 100%;
}
.homeVideo .video-overlay:before {
    height: 100vh;
}
.continent-content .tab-content {
    display: none;
}
.continent-content .tab-content.current {
    display: inherit;
}
/*Sloar landing page close*/
#chartdiv {
    width: 100%;
    height: 500px;
    max-width: 100%;
    background-color: #000033;
}
.top-map {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.block-grid {
    padding: 35px 0;
}
.block-grid>div {
    padding: 0 60px;
}
.grid-image {
    border-radius: 20px;
    background: #F9F9FB;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 30px;
    min-height: 535px;
}
.grid-content h2 {
    color: #1B1B1B;
    font-family: 'GothamBold';
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
}
.grid-content p {
    color: #1B1B1B;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
.grid-content p:last-child {
    margin-bottom: 0;
}
.pl-60 {
    padding-left: 55px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    background: rgba(255,255,255,1);
    border-radius: 0px;
    padding: 15px 20px;
    border: none;
    top: 100%;
    min-height: 87px;
}
ul.navbar-nav>li.nav-item.solar-menu:nth-child(2) .dropdown-menu:before {
    left: 18%;
}
ul.navbar-nav>li.nav-item.solar-menu:nth-child(3) .dropdown-menu:before {
    left: 30%;
}
ul.navbar-nav>li.nav-item.solar-menu:nth-child(4) .dropdown-menu:before {
    left: 38%;
}
ul.navbar-nav>li.nav-item.solar-menu:nth-child(5) .dropdown-menu:before {
    left: 54%;
}
.swiper.tranding-slider {
    max-width: 700px;
    margin: auto;
    width: 100%;
}
.pr-60 {
    padding-right: 60px;
}
.block-grid>div>div:not(:last-child) {
    margin-bottom: 45px;
}
/* .tranding-slide .tranding-slide-img img {
    max-width: 200px;
} */

/* Solar Inverter CSS */
.video-content {
    position: absolute;
    top: 54px;
    left: 0;
    width: 100%;
    text-align: center;
}
.video-content p {
    color: #FFF;
    text-align: center;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
}
.series-box {
    border-radius: 15px;
    background: linear-gradient(0deg, #273D83 -0.88%, #3254C0 100%);
    padding: 30px 30px 0;
    transition: all linear 0.3s;
}
.series-box:hover {
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.20);
}
.series-content h3 {
    color: #FFF;
    font-family: 'GothamBold';
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 74px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.series-content p {
    color: #FFF;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
    margin-bottom: 30px;
}
.series-box.bg-grey h3, .series-box.bg-grey p {
    color: #1B1B1B;
}
.bg-grey {    
    background: #F0F3F7;    
}
.block-application {
    padding: 45px 0;
}
.app-box img {
    margin-bottom: 15px;
    display: inline-block !important;
    width: auto !important;
}
.app-box h3 {
    color: #1B1B1B;
    font-family: 'GothamBold';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 10px;
}
.app-box p {
    color: #1B1B1B;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 171.429% */
    margin-bottom: 0;
    min-height: 96px;
}
.app-box {
    border-radius: 12px;
    border: 1px solid #E7E7E7;
    background: #FFF;
    padding: 15px 10px;
}
.app-icon {
    display: flex;
    height: 64px;
    align-items: center;
}
.custom-arrow .owl-nav button {
    position: absolute;
    top: 35%;
    width: 40px;
    height: 40px;
    line-height: 36px;
    border-radius: 50%;
    border: 2px solid #1B1B1B;
    transition: .3s;
    background: #1B1B1B !important;
}
.custom-arrow .owl-nav button.owl-prev {
    left: 0;
}
.custom-arrow .owl-nav button.owl-next {
    right: 0;
}
.custom-arrow .owl-nav button span {
    position: relative;
    color: #fff;
    font-size: 30px;
    display: block;
    line-height: 36px;
    margin-top: -5px;
}
.application-slider .owl-nav button.owl-prev {
    left: -20px;
}
.application-slider .owl-nav button.owl-next {
    right: -20px;
}
.rProduct-img {
    border-radius: 20px;
    background: #FBFBFD;
    padding: 30px 25px;
    margin-bottom: 15px;
    transition: all linear 0.3s;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.block-rProduct .rProduct-img {
    background: #ECF5FC;
}
.rProduct-box:hover .rProduct-img {
    box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.12);
}
.rProduct-content h3 {
    color: #1B1B1B;
    font-family: 'GothamBold';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    min-height: auto;
    margin: 0;
}
.rProduct-content p {
    color: #1B1B1B;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: capitalize;
}
.block-datasheet .rProduct-content h3 {
    text-transform: uppercase;
    font-family: 'GothamBook';
    font-weight: 400;
    width: calc(100% - 35px);
    flex: 0 0 calc(100% - 35px);
    overflow-wrap: break-word;
}
.rProduct-content {
    display: flex;
    align-items: start;
    justify-content: space-between;
}
.rProduct-slider .rProduct-content {
    display: block;
    width: 100%;
}
.rProduct-slider .rProduct-content h3 {
    margin: 0 0 10px;
    min-height: auto;
}
.block-rProduct {
    padding-bottom: 45px;
}
.rProduct-content .btn-round {
    padding: 0;
    width: 30px;
}
.rProduct-slider.owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: fill;
}
.block-rProduct .rProduct-content .btn-round {
    display: none;
}
.series-banner {
    height: 530px;
}
.block-eco-inverter {
    background: #F0F3F7;
    padding: 45px 0;
    position: relative;
}
.block-eco-inverter::before {
    content: "";
    border: 30px solid transparent;
    border-bottom-color: #f0f3f7;
    position: absolute;
    top: -2.8%;
    left: 6%;
}
.pb-80 {
    padding-bottom: 45px;
}
.pSpecification-tab-content {
    display: none;
    padding: 0 !important;
}
.pSpecification-tab-content.current {
    display: inherit;
}
/* ul.pSpecificationul>li {
    border-radius: 10px 10px 0px 0px;
    background: #F0F3F7 !important;
    display: inline-block !important;
    padding: 19px 62px !important;
    color: #1B1B1B !important;
    font-family: 'GothamBook';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    cursor: pointer;
    margin: 0 !important;
    text-align: center;
}
ul.pSpecificationul>li>a {
    padding: 0px !important;
}
ul.pSpecificationul>li.current, ul.pSpecificationul>li.ui-tabs-active.ui-state-active {
    background: #2B469A !important;
    color: #ffffff !important;
    font-family: 'GothamBold';
}
ul.pSpecificationul>li.ui-tabs-tab {
    padding: 0px !important;
}
ul.pSpecificationul>li.ui-tabs-tab>a {
    padding: 19px 20px !important;
    display: block !important;
    text-align: center !important;
} */
.pSpecification .grid-content h2, .whiteBox .grid-content h2 {
    margin-bottom: 20px;
    font-size: 28px;
}
.pSpecification {
    background: #fff;
    padding: 0;
    border: none !important;
}
.sp-box {
    height: 498px;
    background-size: cover !important;
    padding: 30px;
    margin-bottom: 40px;
}
.sp-content h3 {
    color: #FFF;
    font-family: 'GothamBold';
    font-size: 57px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.57px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.sp-content h4 {
    color: #FFF;
    font-family: 'GothamBold';
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 153.846% */
    margin-bottom: 20px;
}
.sp-content p {
    color: #FFF;
    font-family: 'GothamBook';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 187.5% */
}
.table-striped, .table-striped tr td, .table-striped tr th {
    border: 1px solid #C1C1C1;
    color: #1B1B1B;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.table-striped>thead>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: #F4F4F4;
}
.table-striped tr th, .table-striped thead tr td:first-child {
    font-family: 'GothamBold';
    font-weight: 700;
}
.table>:not(caption)>*>* {
    padding: 1rem;
}
.table-striped tr th:nth-child(2), .table-striped tr td:nth-child(2) {
    background: #2B469A;
    color: #fff;
    --bs-table-accent-bg: transparent;
}
.feature-wrapper {
    margin-top: 30px;
}
ul.featuresUl>li {
    color: #1B1B1B;
    text-align: center;
    font-family: 'GothamBold';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    display: inline-block;
}
ul.featuresUl>li {
    color: #1B1B1B;
    text-align: center;
    font-family: 'GothamBold';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    display: inline-block;
    padding: 6px 14px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}
ul.featuresUl>li.current {
   border-bottom: 2px solid #DA5E27;
}
.features-box {
    border: 1px solid #EFEFEF;
    background: #FFF;
    padding: 40px;
}
.features-box .pf-box:not(:last-child) {
    margin-bottom: 20px;
}
.features-box h4 {
    color: #2b469a;
    font-family: 'GothamBold';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 20px;
}
.features-box h5 {
    color: #1B1B1B;
    font-family: 'GothamBold';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 10px;
}
.features-box ul>li {
    color: #1B1B1B;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 3px 0;
    position: relative;
    padding-left: 15px;    
}
.features-box ul>li::before {
    content: "";
    width: 4px;
    height: 4px;
    background: #1B1B1B;
    display: block;
    position: absolute;
    top: 13px;
    left: 0;
    border-radius: 50%;
}
.feature-tab-content {
    display: none;
}
.feature-tab-content.current {
    display: inherit;
}
.coming-soon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.coming-soon h2 {
    color: #DA5E27;
    text-align: center;
    font-family: 'GothamBold';
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    font-style: italic;
}
.coming-soon h2 span {
    color: #1B1B1B;
    font-size: 32px;
    display: block;
    font-style: normal;
}
.block-hero-product .section-title h2 {
    margin-bottom: 10px;
    color: #0A3D7F;
}
.block-hero-product .section-title p {
    margin-bottom: 20px;
}
.specification-wraaper {
    max-width: 640px;
    width: 100%;
}
.key-specification.text-end {
    position: relative;
    margin-top: -26%;
}
.product-blog.owl-carousel .owl-item > .item > img {
    border-radius: 20px;
}
.hero-specification .owl-nav {
    position: absolute;
    right: 30px;
    bottom: -28px;
    width: 85px;
}
.hero-specification.custom-arrow .owl-nav button {
    background: #fff !important;
}
.hero-specification.custom-arrow .owl-nav button.owl-prev {
    background: #E8D628 !important;
}
.hero-specification.custom-arrow .owl-nav button span {
    position: relative;
    color: #000;
    font-size: 30px;
    display: block;
    line-height: 36px;
    margin-top: -5px;
}
/* End Solar Inverter CSS */


/*Amit Style CSS*/

.innerBannerStyle{position: relative;}
.innerBannerStyle .background-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.innerBannerStyle .background-bg img{width: 100%;height: 100%;object-fit: cover;}
.radioStyle{border-radius: 28px;}
.mainTabbingDesign .slideFlex{width: 100%; border-radius: 15px;background: #F0F3F7;padding: 30px 20px 15px; box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, 0.12); position: relative;}
.mainTabbingDesign .item:hover .slideFlex, .mainTabbingDesign .item .slideFlex.active{background: linear-gradient(0deg, #273D83 -0.88%, #3254C0 100%);}
.mainTabbingDesign .slideFlex .slideTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #1B1B1B;
}
.slideFlex .slideTitle h2 {
    font-size: 24px;
    color: #1B1B1B;
    min-height: 62px;
    display: flex;
    align-items: center;
	white-space: normal;
}
.mainTabbingDesign .btn-round img{transition: .2s ease-out 100ms;}
.slideFlex p{font-size: 14px;line-height: 24px;color: #1B1B1B;white-space: initial; min-height: 96px; }
.mainTabbingDesign .item:hover .slideTitle h2, .mainTabbingDesign .item:hover p,
.mainTabbingDesign .item .slideFlex.active h2, .mainTabbingDesign .item .slideFlex.active p{color: #fff;}
.mainTabbingDesign li.ui-tabs-active h2, .mainTabbingDesign li.ui-tabs-active p{color: #fff;}
.mainTabbingDesign li.ui-tabs-active .slideFlex{background: linear-gradient(0deg, #273D83 -0.88%, #3254C0 100%);}
.slideFlex .btn-round {
    text-align: center;
    display: block;
    line-height: 1;
    padding: 30px 0 10px;
}
.mainTabbingDesign .item:hover .btn-round {
    color: #fff !important;
}
.slideFlex .sideImg {
    display: block;
    position: relative;
    width: 100%;
    height: 230px;
}
.slideFlex .sideImg img {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    object-fit: contain;
}
.owlNavButton.owl-carousel .owl-nav button {
    position: absolute;
    top: 50%;
        transform: translate(0, -50%);
    width: 40px;
    height: 40px;
    height: 40px;
    line-height: 36px;
    border-radius: 50%;
    border: 2px solid #1B1B1B;
    transition: .3s;
    background: #1B1B1B;
}
.owlNavButton .owl-nav button.owl-prev {
    left: 10px;
}
.owlNavButton .owl-nav button.owl-next {
    right: 10px;
}
.owlNavButton .owl-nav button span {
    position: relative;
    color: #fff;
    font-size: 30px;
    display: block;
    line-height: 36px;
    margin-top: -5px;
}
.applicationsSec{padding: 45px 0; position: relative;}
.appGridSlider{margin-top: 35px;}
.appGridSlider .item{padding: 10px 5px;}
.appGridSlider .appSlideFlex{display: flex;flex-direction: column;padding: 40px 22px;border-radius: 12px;border: 0.6px solid #E7E7E7;background: #FFF;transition: .2s ease-out 100ms;}
.appGridSlider .appSlideFlex:hover{box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.05);border-color: transparent;}
.appGridSlider .appSlideFlex .imgIcon{margin-bottom: 20px;}
.appGridSlider .appSlideFlex .imgIcon img{width: auto;}
.appGridSlider .appSlideFlex h4{font-family: 'GothamBold';font-size: 16px;color: #1B1B1B;line-height: 48px;margin: 0;}
.appGridSlider .appSlideFlex p{font-size: 14px;color: #1B1B1B;line-height: 24px;margin: 0;}
.owlNavButton .owl-nav.disabled{display: block;}
.appGridSlider.owlNavButton.owl-carousel .owl-nav button{top: -150px;transform: translate(0, 0);}
.appGridSlider.owlNavButton .owl-nav button.owl-prev{left: auto;right: 60px;}
.relatedProductsSlider{position: relative;margin-top: 30px;}
.relatedProductsSec .item{padding: 10px;}
.productFlex{display: flex;flex-direction: column;padding: 10px;}
.productFlex .productimg{border-radius: 20px;background: #FBFBFD;display: flex;height: 370px;align-items: center;margin-bottom: 30px;justify-content: center;transition: .2s ease-out 100ms;}
.relatedProductsSec .item:hover .productimg{box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.12);}
.productFlex .productimg img{width: auto;max-width: 100%;}
.productFlex h4{font-family: 'GothamBold';font-size: 18px;color: #1B1B1B;margin: 0 0 5px;}
.productFlex p{font-size: 14px;color: #1B1B1B;line-height: 24px;margin: 0 0 10px;}
.productFlex .btn-round{padding: 0;}
.productFlex .btn-round img{width: auto;}
.relatedProductsSec{padding-bottom: 45px;}
.relatedProductsSec.owlNavButton .owl-nav button.owl-prev {left: -20px;}
.relatedProductsSec.owlNavButton .owl-nav button.owl-next {right: -20px;}
.GTinverter{position: relative;}
.lightBlueBg{background: #fff; padding:0; margin-top: 0;}
.tabbingStyle.ui-widget.ui-widget-content{border: none;}
.tabbingStyle.ui-tabs .ui-tabs-nav{    padding: 0;
    border: none;
    background: transparent;}
    .tabbingStyle.ui-tabs .ui-tabs-nav li{float: none;margin: 0!important;border: none;background: transparent;display: flex;}
.tabbingStyle .mainTabbingDesign li.ui-tabs-active{position: relative;}
/* .tabbingStyle .mainTabbingDesign li.ui-tabs-active:after{
    position: absolute;
    content: '';
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 40px solid #F0F3F7;
    bottom: 0;
    left: 0;

} */
.tabbingStyle .mainTabbingDesign li.ui-tabs-active .btn-round img{    transform: rotate(90deg);}
/* .whiteBox{background: #fff;padding: 45px; border: none !important;} */
.whiteBox{background: #fff;padding: 0; border: none !important;}
.SpecificationsBox{height: 420px; background-size: cover !important;}
.SpecificationsBox .row{height: 100%;}
.SpecificationContent{height: 100%;display: flex;flex-direction: column;height: 100%;justify-content: center;padding: 0 50px;}
.SpecificationContent h3{color: #FFF;font-family: 'GothamBold';font-size: 57px;font-style: normal;font-weight: 700;letter-spacing: -0.57px;text-transform: uppercase;margin-bottom: 20px;}
.SpecificationContent h4{color: #FFF;font-family: 'GothamBold';font-size: 26px;font-style: normal;font-weight: 700;line-height: 40px;margin-bottom: 20px;}    
.SpecificationContent p {color: #FFF;font-family: 'GothamBook';font-size: 16px;font-style: normal;font-weight: 400;line-height: 30px;    }
.SpecificationImg{    height: 100%;display: flex;align-items: center;justify-content: center;}
.tableDesign{margin-top: 30px; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.tableDesign table{width: 100%;border-collapse: collapse;}
.tableDesign table th{font-family: 'GothamBold';font-size: 14px;padding: 12px 30px; line-height: 1; border: 1px solid #EFEFEF;}
.tableDesign table td{font-size: 14px;padding: 12px 30px;border: 1px solid #EFEFEF; line-height: 1;}
.tableDesign table tr:nth-child(even){background: #FAFAFA;}
.tableDesign table tr:nth-child(odd){background: #fff;}
.tableDesign .blurbg{background: #2B469A;color: #fff;}
.flexColum{display: flex;}
.tabbingStyle .mainTabbingDesign.flexColum li {
    flex: 1;
    margin: 0 10px 35px!important;
}
.block-eco-inverter::before{content: none;}



.static-slider {
    max-width: 682px;
    width: 100%;
    margin: 45px auto 0;
}
.static-slider>div>div {
    transition: all linear 0.3s;
    transform: scale(1);
}
.static-slider>div>div:hover {
    z-index: 9;
    transition: all linear 0.3s;
    transform: scale(1.08);
}
.global-map{position: relative; width: 100%; height: 900px; right: -150px; z-index: 9}
.earthMap{top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; position: absolute !important;}
.ptb-60 {
    padding: 45px 0;
}
.static-slider.custom-row {
    max-width: 802px;
}
.carbon-product {
    height: auto;
    padding: 90px 0;
}
.carbon-product .key-specification {
    position: absolute;
    top: 34%;
    right: -6%;
    margin: 0;
    z-index: 1;
    width: 324px;
}
.pt-80 {
    padding-top: 45px;
}
.fullGridSlider2.owlNavButton .owl-nav.disabled {
    display: none;
}
.card-slide2 {
    margin-top: 8px;
    margin-left: -40px;
}
.card-slide3 {
    margin: 15px 0 0 -25px;
    z-index: 2;
}
.card-slide4 {
    margin-top: 8px;
    margin-left: -25px;
    z-index: 1;
}

.tabbingStyle.border-none .mainTabbingDesign li.ui-tabs-active:after {    
    content: none;
}
.center-slide {
    margin: 12px -30px 0;
    z-index: 1;
}
.bannerHome{background: transparent;transition: .4s ease-out 100ms;height: 100vh; min-height: 660px; background-size: cover;}
.darkTheme.header.sticky{background: transparent;box-shadow: none}
.darkTheme.header.sticky ul.navbar-nav>li>a{color: #fff}
.darkTheme.header.sticky ul.navbar-nav>li:not(:last-child)>a:before{background: #fff}
.lightTheme .header.sticky{background: #fff;    box-shadow: 0 5px 10px rgb(0 0 0 / 15%);}
.lightTheme .header.sticky ul.navbar-nav>li>a{color: #000}
.lightTheme .header.sticky ul.navbar-nav>li:not(:last-child)>a:before{background: #000}
/*.homeVideo, .bodyFix .bannerHome {
    height: 100%;
    transition: .4s ease-out 100ms;
    width: 100%;
    position: fixed!important;
    top: 0;
    left: 0;
}*/
.header.sticky ul.navbar-nav>li>a {
    color: #000;
}

/*.bodyFix .homeVideo{position: fixed;top: 0;left: 0;width: 100%;height: 100vh}*/
.cesium-credit-textContainer{display: none;}
/*.bodyFix .global-map{margin-top: 0;transition: .4s ease-out 100ms;}*/
.video-overlay video {width: 100%;height: 100vh;object-fit: cover;}
/*.bodyFix section.block-global {
    margin-top: 60%;
    z-index: 10;
}*/
.footer{ 
    position: relative;
    background: #fff;
    padding-left: 15px;
    padding-right: 15px;
}
.tabbingStyle.ui-tabs .ui-tabs-nav li:focus {
    border: none;
    box-shadow: none;
    outline: none;
}
/* .pSpecificationul {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
} */

/* New Features CSS Start */
.tabbingStyle.ui-tabs .featuresUl.ui-tabs-nav li {
    display: inline-block;
    padding: 0;
}
.tabbingStyle.ui-tabs .featuresUl.ui-tabs-nav li {
    display: inline-block;
    padding: 0;
}
.feature-wrapper .ui-tabs-tab {
    position: relative;
}
.feature-wrapper .ui-tabs-tab a{
    color: #1B1B1B;
}
/* .feature-wrapper .ui-state-active::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #DA5E27;
    position: absolute;
    bottom: -5px;
    left: 0;
} */

.feature-wrapper .ui-widget.ui-widget-content {
    border: none;
}
.feature-wrapper .ui-tabs .ui-tabs-panel {
    padding: 0;
}
.tabbingStyle.ui-tabs .featuresUl.ui-tabs-nav {
    line-height: normal;
}
/* New Features CSS Close */

.blurbg table tr td {
    background: #2B469A;
    color: #fff;
}
.block-contact {
    background: #F9F9FB;
    padding: 40px 0 60px;
}
.contact-list {
    margin-top: 30px;
}
.contact-list ul>li {
    color: #858585;
    font-family: 'GothamBook';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 134.8%;
}
.contact-list ul>li span {
    display: block;
    color: #1B1B1B;
    margin-top: 3px;
}
.contact-list ul>li:not(:last-child) {
    margin-bottom: 25px;
}
.contact-list ul.social-icon>li {
    display: inline-block;
    margin: 0 7px 0 0;
}
ul.social-icon>li>a {
    width: 28px;
    height: 28px;
    display: block;
    text-align: center;
    line-height: 28px;
    border-radius: 50%;
    font-size: 12px;
    background: #DA5E27;
    color: #fff;
}
/*.form-wrapper {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.12);
    padding: 40px;
}
.form-wrapper .section-title, .form-box .form-group {
    margin-bottom: 30px;
}
.form-box .form-group .form-control {
    border: none;
    border-bottom: 1px solid rgb(193, 193, 193, 0.6);
    border-radius: 0px;
    padding: 15px 0;
    padding-left: 0;
    font-size: 14px;
    color: #1B1B1B;
}
.form-box .form-group .form-control::placeholder {
    color: #1B1B1B;
}
.form-box .form-group .form-control:focus {
    box-shadow: none;
}
.form-box .form-group textarea.form-control {
    height: 120px;
}
.btn-submit {
    color: #FFF;
    font-family: 'GothamMedium';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    background: #DA5E27;
    border-radius: 0px;
    padding: 15px 34px;
}
.form-box .form-group.select {
    position: relative;
}
.form-box .form-group.select::after {
    content: "";
    width: 15px;
    height: 15px;
    background: url(../images/arrow-down.svg) no-repeat center;
    display: block;
    position: absolute;
    right: 0;
    top: 18px;
    background-size: 15px;
}*/
.form-distributer {
    padding: 0 60px;
}
.form-distributer .section-title {
    margin-bottom: 30px;
}
.form-distributer .form-group .form-control {
    color: #000;
}
.form-distributer .form-group .form-control::placeholder {
    color: #000;
}
.checkbox-wrap span {
    color: #000;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-right: 10px;
}
.block-application .col-lg-6 {
    width: 100%;
    max-width: 860px;
    text-align: center;
    margin: auto;
}
.block-bredcrum {
    background: #FBFBFB;
}
.block-bredcrum ul>li {
    display: inline-block;
    color: #1B1B1B;
    font-family: 'GothamBold';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}
.block-bredcrum ul>li>a {
    color: #1B1B1B;
    display: block;
    padding: 13px 0px;
}
.block-bredcrum ul>li>a::after {
    content: "|";
    margin: 0 11px 0 15px;
}
.catalogues ul.featuresUl>li {
    color: #D4D4D4;
    border-bottom: 1px solid rgb(212, 212, 212, 0.6);
    padding: 6px 20px;
    font-family: 'GothamBook';
}
.catalogues ul.featuresUl>li>a {
    color: #C1C1C1;
}
.catalogues ul.featuresUl>li.current {
    color: #1B1B1B;
    border-bottom: 4px solid #DC6834;
}
.catalogues ul.featuresUl>li.current>a {
    color: #1B1B1B;
}


.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none
}
.tree ul {
    margin-left: 2rem;
    position: relative;
}
.tree ul ul {
    margin-left: 1.5em;
    margin-top: 10px;
}
.tree li {
    margin:0;
    padding:0;
    position:relative;
    color: #1B1B1B;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}
.indicator {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    background: transparent;
    border: 1px solid #C1C1C1;
}
.indicator.glyphicon-minus-sign {
    background: #DA5E27;
}
.indicator::before, .indicator::after {
    content: "";
    width: 6px;
    height: 1px;
    background: #6D6D6D;
    display: block;
    position: absolute;
    top: 9px;
    left: 7px;
}
.indicator.glyphicon-minus-sign::before, .indicator.glyphicon-minus-sign::after {
    background: #fff;
}
.indicator.glyphicon-plus-sign::after {
    transform: rotate(89deg);
}
.tree ul>li {
    margin-bottom: 10px;
}
.tree li a {
    text-decoration: none;
    color: #000;
    line-height: normal;
    margin-bottom: 10px;
    display: inline-block;
}
.tree>li:not(:last-child) {
    margin-bottom: 5px;
}
.panel-description {
    padding: 0;
}
.tree ul>li>ul>li {
    margin: 15px 0 15px 5px;
}

/* The Checkbox */
.check-box {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}
  .check-box input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  .check-box .checkmark {
    position: absolute;
    top: -2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 1px solid #C1C1C1;
}
.check-box input:checked ~ .checkmark {
    background-color: #DA5E27;
}
  .check-box input:checked ~ .checkmark {
    background-color: #DA5E27;
  }
  .check-box .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  .check-box input:checked ~ .checkmark:after {
    display: block;
  }
  .check-box .checkmark:after {
    left: 8px;
    top: 6px;
    width: 3px;
    height: 6px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.left-panel {
    border-radius: 20px;
    border: 1px solid #C1C1C1;
    background: #FFF;
    padding: 20px 15px;
    width: 85%;
}
.left-panel h2 {
    color: #1B1B1B;
    font-family: 'GothamBlack';
    font-size: 22px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.catalogues .featuresUl {
    margin-bottom: 40px;
    position: relative;
    font-size: 0;
}
/* .catalogues .featuresUl::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #C1C1C1;
    display: block;
    position: absolute;
    bottom: 0;
    max-width: 778px;
    z-index: -1;
} */
.catalogue-box {
    margin-bottom: 30px;
}
.catalogue-img {
    margin-bottom: 10px;
}
.catalogue-box p {
    color: #000;
    font-family: 'GothamBold';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}
.date span {
    color: #DA5E27;
    color: #1B1B1B;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    display: inline-block;
    margin-right: 7px;
}
.date span a, .date span i {
    color: #DA5E27;
}
.date span i {
    font-size: 16px;
}
.date span:not(last-child)::after {
    content: "/";
    color: #1B1B1B;
    margin-left: 7px;
}
.date span:last-child::after {
    content: none;
}
.blog-content h2 {
    color: #1B1B1B;
    font-family: 'GothamBold';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 35px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 70px;
}
.blog-content h2>a {
    color: #1B1B1B;
}
.blog-content p {
    color: #1B1B1B;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.date {
    margin-bottom: 10px;
}
.blog-img {
    margin-bottom: 20px;
}
.blog-img img, .blog-detail-img > img{
    border-radius: 12px;
}
.blog-detail-img {
    margin-bottom: 25px;
}
.blog-detail h2 {
    color: #1B1B1B;
    font-family: 'GothamBold';
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0.3px;
    margin-bottom: 15px;
}
.blog-detail p {
    color: #1B1B1B;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 25px;
}
.blog-detail ul.social-icon{
    margin-top: 50px;
}
.blog-detail ul.social-icon>li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.blog-detail ul.social-icon span {
    color: #1B1B1B;
    font-family: 'GothamBold';
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.block-datasheet .rProduct-box {
    border-radius: 14px;
    padding: 30px;
    margin-bottom: 20px;
    padding: 0;
}
.block-datasheet .rProduct-content .btn-round {
    line-height: 0;
    width: 25px;
    flex: 0 0 25px;
}
/* .block-datasheet .rProduct-box:hover .rProduct-img {
    box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.12)
} */
.block-datasheet .rProduct-img {
    height: auto;
}
.block-datasheet .rProduct-content .btn-round {
    transform: rotate(90deg);
    margin-top: -5px;
    margin-left: 10px;
}
.block-datasheet ul.pagination {
    margin-top: 40px;
    padding: 0;
    background: transparent;
    border: none;
}
.block-datasheet ul.pagination>li {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
}
.block-datasheet ul.pagination>li>a:focus {
    outline: none;
    box-shadow: none;
}
.block-datasheet ul.pagination>li>a {
    border: none;
    width: 40px;
    height: 40px;
    line-height: 28px;
    border-radius: 50% !important;
    color: #1B1B1B;
    text-align: center;
    font-family: 'GothamBold';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}
.block-datasheet ul.pagination>li.active>a,
.block-datasheet ul.pagination>li.ui-tabs-active.ui-state-active>a {
    background-color: #DA5E27;
    color: #fff;
}
.block-datasheet .ui-state-active::after {
    content: none;
}
.block-datasheet ul.pagination>li:not(:last-child) {
    margin-right: 10px;
}
.feature-wrapper.allTabs.ui-widget.ui-widget-content {
    border: none !important;
    padding: 0;
    background: transparent;
}
.feature-wrapper.allTabs .feature-tab-content {
    padding: 0;
}
.w-80 {
    width: 80% !important;
}
.inner-page {
    height: 540px;
    padding: 60px 0 90px;
}
.page-title h1 {
    color: #FFF;
    font-family: 'GothamBold';
    font-size: 57px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.57px;
}
.page-title p {
    color: #FFF;
    font-family: 'GothamMedium';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 187.5% */
    margin: 0;
}
/* .block-faq .accordion-button::before, .block-faq .accordion-button::after {
    content: "";
    background: #DA5E27;
    width: 16px;
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
}
.block-faq .accordion-button::after {
    transform: rotate(90deg);
}
.block-faq .accordion-button:not(.collapsed)::after {
    transform: rotate(0deg);
} */
.block-faq .accordion-button {
    outline: none;
    box-shadow: none;
}
.block-faq .accordion-button {
    color: #1B1B1B;
    font-family: 'GothamBold';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-transform: capitalize;
    padding: 20px 0;
    padding-left: 30px;
}
.block-faq .accordion-button:not(.collapsed) {
    color: #1B1B1B;
    background-color: #fff;
    box-shadow: none;
}
.block-faq .accordion-body {
    padding: 0;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 20px;
    width: 100%;
    border-top: 1px solid #eee;
    padding-top: 25px;
	padding-bottom: 25px;
}
.block-faq .accordion-button::after {
    margin-right: 20px;
}
.block-faq .accordion-body p {
    color: #1B1B1B;
    text-align: justify;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
.accordion-flush {
    padding: 0 30px;
}
.block-certification {
    background: #F8F8F8;
    margin-top: 45px;
}
.certificate-box {
    max-width: 930px;
    margin: 30px auto;
    background: #FFFFFF;
    padding: 30px 60px;
    width: 100%;
}
.certificate-box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 -15px;
}
.certificate-box ul>li {
    width: 20%;
    margin: 15px 20px;
    padding: 0 15px;
}
.contact-banner {
    height: 690px;
    position: relative;
}
.contact-banner .container.h-100 {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    right: 0;
    bottom: 0;
}
.contact-banner .video-overlay {
    width: 100%;
    height: 100%;
}
.contact-banner .video-overlay video {
    height: 100%;
    background-size: cover;
}
.contact-banner .swiper.tranding-slider {
    max-width: 495px;
}
.block-contact-v1 {
    background: #F9F9FB;
}
.block-contact-v1 .form-box .form-group .form-control {
    background: #F9F9FB;
}
.btn-download {
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border-radius: 4px;
    border: 1px solid transparent;
    color: #fff !important;
    background: #2B469A;
}
.btn-download:hover {
    background: transparent;
    color: #1B1B1B !important;
    border: 1px solid #C1C1C1 !important;
}
.btn-download img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.btn-download:hover img {
    filter: none;
    -webkit-filter: none;
}

/*.footer-submenu {
    display: none;
}
.footer-text ul>li {
    position: relative;
}
.footer-text ul>li.footer-menu>a {
    display: inline-block;
}
 .child-trigger {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 0;
    cursor: pointer;
}
.child-trigger::before, .child-trigger::after {
    content: "";
    width: 10px;
    height: 2px;
    background: #54595f;
    position: absolute;
    left: 50%;
    top: 50%;
}
.child-trigger::after {
    transform: rotate(90deg);
}
.child-trigger.child-open::after {transform: rotate(0deg);}
ul.footer-submenu>li>a::before {
    content: "-";
    margin-right: 5px;
}
ul.footer-submenu>li>a {
    padding-left: 15px;
    font-size: 13px;
    line-height: 24px;
} */
.contact-row {
    display: flex;
    align-items: center;
}
.contact-icon {
    width: 50px;
    height: 50px;
    background: #DA5E27;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    margin-right: 15px;
}
.contact-text {
    color: #1B1B1B;
    font-family: 'GothamBold';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 134.8%;
}
.contact-text>a {
    color: #1B1B1B;
}
.contact-text span {
    display: block;
    color: #858585;
    font-family: 'GothamBook';
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
}
.contact-text .social-media ul>li>a {
    font-size: 16px;
}
.address-wrap {
    border: 1px solid #ADADAD;
    background: #FFF;
    padding: 45px 45px;
}
.address-row span {
    color: #858585;
    font-family: 'Gothambook';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 134.8%;
    display: block;
    margin-bottom: 10px;
}
.address-row h4 {
    color: #1B1B1B;
    font-family: 'Gothambold';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 134.8%;
    margin-bottom: 10px;
}
.address-row p {
    color: #1B1B1B;
    font-family: 'Gothambook';
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 134.8%;
    margin-bottom: 0;
    position: relative;
    padding-left: 25px;
}
.address-row p:first-child {
    padding-left: 0;
}
.address-row img {
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 2px;
}
.block-distributer .section-title p > a {
    color: #1B1B1B;
}
.address-wrap>div {
    cursor: pointer;
    transition: all linear 0.3s;
}
/* .address-wrap>div.current {
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid #da5e27;
} */
.address-wrap>div:not(:last-child) {
    margin-bottom: 40px;
}
.whyUsSec {
    background: #fff;
    padding: 45px 0;
    position: relative;
}
.whyUsSec .box {
    padding: 40px 25px;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.whyUsSec .box .box-icon {
    min-width: 102px;
    height: 102px;
    background: #F9F9FB;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.whyUsSec .box h5 {
    font-family: 'gothambold';
    font-size: 18px;
    margin: 30px 0 10px;
    color: #1B1B1B;
}
.whyUsSec .box p {
    color: #1B1B1B;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    text-align: center;
}
.whyUsSec .box:hover .box-icon {
    background: #DA5E27;
}
.whyUsSec .box:hover .box-icon img {
    filter: brightness(0) invert(1);
}
.lightTheme .header.sticky .top-menu > ul>li>a, .lightTheme .header.sticky ul>li.multi-language ul li a,
.header.sticky .top-menu > ul>li>a, .header.stickyHead .top-menu > ul>li>a,
.header.stickyHead ul>li.multi-language ul li a{
    color: #1B1B1B;
}
.header.sticky .top-menu, .lightTheme .header.sticky .top-menu, .header.stickyHead .top-menu {
    border-bottom: 1px solid #8A8080;
}
ul.navbar-nav>li:last-child {
    padding-right: 0;
}
.dropdown-icon::after {
    content: '';
    width: 16px;
    height: 16px;
    background: url(../images/arrow-down.svg) no-repeat center;
    background-size: 14px;
    border: none;
    vertical-align: middle;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    margin-left: 3px;
    display: inline-block;
}
.bodyFix .header.sticky .dropdown-icon::after, .header.stickyHead .dropdown-icon::after {
    filter: none;
    -webkit-filter: none;
}
.lithium-menu ul.navbar-nav>li {
    padding: 8px 10px;
}
.darkTheme.header.sticky .top-menu > ul>li>a{
    color: #fff;
}
.lightTheme .header.sticky .top-menu > ul>li>a, 
.header.sticky ul>li.multi-language ul li.is-active a{
    color: #1B1B1B;
}
.ui-tabs .ui-tabs-panel {
    padding: 0 !important;
}
b, strong {
    font-family: 'GothamBold';
}
/*.mainTabbingDesign .slideFlex {
    height: 455px;
}*/ 
.series-img {
    max-width: 480px;
    width: 100%;
    margin: auto;
}
.tableDesign > table > thead > tr:first-child {
    background: #DA5E27;
    color: #fff;
}
.tableDesign > table > thead > tr:first-child th, .tableDesign > table > thead > tr:first-child td {
    background: #2b469a;
    color: #fff;
}
/*.top-footer > div > .row > .col-lg-2 {
    width: 10.333333%;
}
.top-footer > div > .row > .col-lg-2:nth-child(1) {
    width: 8%;
}
.top-footer > div > .row > .col-lg-2:nth-child(2) {
    width: 12%;
}
.top-footer > div > .row > .col-lg-2:nth-child(3) {
    width: 11%;
}
.top-footer > div > .row > .col-lg-2:nth-child(4) {
    width: 15%;
}
.top-footer > div > .row > .col-lg-2:nth-child(5) {
    width: 18%;
}
.top-footer > div > .row > .col-lg-2:nth-child(6) {
    width: 15%;
}*/
.arrow-rotate {
    transform: rotate(90deg);
}
.header.sticky .navbar {
    padding: 0px;
}
.block-product-blogs .owl-carousel .item>a>img {
    border-radius: 10px;
}
.video-container {
    line-height: 0;
}
.video-container video {
    width: 100%;
    height: 100%;
}
.nav-link:focus, .nav-link:hover {
    color: #fff;
}

/*research-and-development CSS Start*/

h2 span{display: block;}
.boxSpace{padding: 0 100px}
.livesSec .col-md-3{display: flex;
    flex-direction: column;text-align: center;
    align-items: center;}
.livesSec h6{font-size: 18px}
.livesSec h6 span{display: block;}
.livesSec .col-md-3 figure {
    width: 102px;
    height: 102px;
    border-radius: 50%;
    background: #F9F9FB;
    display: flex;
    align-items: center;
    justify-content: center;
}
.livesSec .col-md-3:hover figure{background: #DA5E27}
.livesSec .col-md-3:hover img{filter: brightness(0) invert(1);}
.memberSec{max-width: 1006px; width: 100%; height: 240px;background: url(../images/mamber-bg.png) no-repeat center center;text-align: center;margin: 60px auto 0;}
.memberSec h2{color: #DA5E27;font-size: 183px;display: flex;justify-content: center;align-items: center;}
.memberSec h2 span{    font-size: 75px;color: #000;text-align: left;margin-left: 40px;line-height: 75px;}
.memberSec h2 span .spanBlock{display: block;margin: 0}
.researchSec{position: relative;background: #F9F9FB;padding: 45px 0}
.researchSpace{padding: 0 30px}
.researchFlex{display: flex;flex-wrap: wrap;margin: 30px -12px 0}
.researchFlex .box{width: 20%;padding: 0 12px;margin-bottom: 20px}
.researchFlex .box>div {
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    border-radius: 12px;
    padding: 25px 22px;
}
.researchFlex .box h5{font-size: 15px;line-height: 22px;color: #1B1B1B;height: 70px}
.edgeSec{position: relative;background: url(../images/edge-bg.jpg) no-repeat center center;padding: 45px 0;background-size: cover;}
.edgeSec .grid-content{text-align: center;}
.edgeSec .grid-content h2, .edgeSec .grid-content p, .edgeSec .grid-content h3{color: #fff}
.edgeSec .grid-content h3{margin: 25px 0 20px}
.edgeFlex{background: rgba(35, 30, 30, 0.5);backdrop-filter: blur(11.5px);border-radius: 20px;display: flex;color: #fff;padding: 50px 0 20px}
.edgeFlex .edgeElement{text-align: center;flex: 1;padding: 0 15px}
.edgeFlex .edgeElement .box{margin-bottom: 30px}
.edgeFlex .edgeElement h4{font-size: 18px;border-bottom: 1px solid #AEAEAE;height: 45px;padding-bottom: 65px}
.edgeFlex .edgeElement h4 span{display: block;}
.edgeFlex .edgeElement p{font-size: 15px;line-height: 24px;padding: 0 20px}
.edgeOwl.owl-carousel .owl-nav button {    position: absolute;top: 50%;width: 40px;height: 40px;height: 40px;line-height: 36px;border-radius: 50%;border: 2px solid #fff;transition: .3s;background: #fff;}
.edgeOwl.owl-carousel .owl-nav button span {position: relative;color: #000;font-size: 30px;display: block;line-height: 36px;margin-top: -5px;}
.edgeOwl.owl-carousel .owl-nav button.owl-prev {left: -50px;}
.edgeOwl.owl-carousel .owl-nav button.owl-next {right: -50px;}
.filedSec{position: relative;background: #2C479E;padding: 40px 0}
.filedSec h2{color: #fff;text-align: center;margin-bottom: 30px}
.flexFiled{max-width: 800px; width: 100%; margin: 0 auto;display: flex;justify-content: space-between;}
.flexFiled h3{color: #fff;font-size: 85px;text-align: center;}
.flexFiled h3 span{display: block;font-size: 18px;font-family: 'GothamBook';font-weight: normal;}
.storageSec{position: relative; padding-bottom: 30px;}
.storageSec .col-md-6, .storageSec .container-fluid{padding: 0}
.storageSec .detail{    padding: 0 100px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;}
.storageSec .detail h3{font-size: 25px;margin: 30px 0 20px;color: #000}
.storageSec .detail p{font-size: 18px;line-height: 33px;color: #000}
.storageOwl.owl-carousel .owl-nav button {    position: absolute;top: 80%;width: 40px;height: 40px;height: 40px;line-height: 36px;border-radius: 50%;border: 2px solid #1B1B1B;transition: .3s;background: #1B1B1B;}
.storageOwl.owl-carousel .owl-nav button span {position: relative;color: #fff;font-size: 30px;display: block;line-height: 36px;margin-top: -5px;}
.storageOwl .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}
.storageOwl.owl-carousel .owl-nav button.owl-prev { left: 15px; right:auto;}
.storageOwl.owl-carousel .owl-nav button.owl-next {right: 15px;}
.manufacturingBanner{height: 100vh}
.manufacturingBanner h2{text-align: left;margin: 80px 0!important}
.manufacturingBanner .section-title{text-align: left;}
.manufacturingBanner .section-title ul{width: 100%;display: flex;flex-wrap: wrap;}
.manufacturingBanner .section-title ul li{width: 50%;margin-bottom: 30px}
.manufacturingBanner .section-title ul li h4{
 font-size: 70px;   color: #fff;
}
.manufacturingBanner .section-title ul li h4 sub{font-family: 'GothamLight';font-weight: normal;font-size: 30px}
.manufacturingBanner .section-title ul li h4 span{display: block;font-family: 'GothamLight';font-weight: normal;font-size: 30px}
.manufacturingSec{position: relative; padding: 80px 0}
.paddLeft0{padding-left: 0}
.manufacturingSec figure img{width: 100%; border-radius: 20px;}
.manufacturingSec .detail{height: 100%;display: flex;flex-direction: column;justify-content: center;padding: 0 150px 0 30px}
.manufacturingSec .detail h2{margin-bottom: 30px}
.productfactur{position: relative;background: #F9F9FB;padding: 80px 0}
.productfactur h2{text-align: center;}
.productfactur ul{max-width: 1000px; width: 100%; margin: 30px auto 0;display: flex;}
.productfactur ul li{margin: 0 15px;text-align: center;padding: 30px 20px;border: 1px solid #E7E7E7;border-radius: 12px;width: 33.333333%}
.productfactur ul li:hover{background: #fff;border-color: transparent;}
.productfactur ul li h6{color: #000;font-size: 15px;line-height: 22px}
.productfactur ul li h6 span{display: block;}
.manufacturingVideo img{width: 100%}
.acidBatteries{display: flex;justify-content: space-between;}
.acidBatteries li{text-align: center;}
.acidBatteries li h2{margin: 0 0 10px!important}
.acidBatteries li p{font-size: 16px;font-family: 'GothamLight';}
.acidBatteries li p span{display: block;}
.manufacturingOwl .item{position: relative;}
.manufacturingOwl .center .item:after{content: none}
.manufacturingOwl .item:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';background: linear-gradient(180deg, rgba(255, 252, 252, 0.85) 53.13%, rgba(255, 255, 255, 0) 100%);}
.manufacturingOwl.owl-carousel .owl-nav button { transform: translateY(-50%); position: absolute;top: 50%;width: 40px;height: 40px;height: 40px;line-height: 36px;border-radius: 50%;border: 2px solid #DA5E27;transition: .3s;background: #DA5E27;}
.manufacturingOwl.owl-carousel .owl-nav button:hover{background: #fff;border-color: #fff}
.manufacturingOwl.owl-carousel .owl-nav button span {position: relative;color: #fff;font-size: 30px;display: block;line-height: 36px;margin-top: -5px;}
.manufacturingOwl.owl-carousel .owl-nav button:hover span{color: #000;}
.manufacturingOwl.owl-carousel .owl-nav button.owl-prev {left: 50px;}
.manufacturingOwl.owl-carousel .owl-nav button.owl-next {right: 50px;}
.manufacturingGallery{padding-bottom: 80px}
.plantSec{position: relative;background: #F8F8F8;padding: 80px 0}
.plantSec h2{text-align: center;color: #144B83;font-size: 55px}
.plantSec h2 span{font-family: 'GothamLight';font-weight: normal;}
#sample_video {
    width: 100%;
}
/*research-and-development CSS End*/
   .world {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    cursor: move;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: grab;
}

.world-bg {
    position: absolute;
    background: transparent!important;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-size: cover;
}

.world-globe {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
}

.world-globe-pole {
    position: absolute;
    width: 530px;
    height: 530px;
    left: -265px;
    top: -265px;
    border-radius: 50% 50%;
    background-color: #fff;
}

.world-globe-doms-container {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
}

.world-globe-halo {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 730px;
    height: 700px;
    margin-left: -368px;
    margin-top: -350px;
}
.dg.ac, #stats{z-index: 99999!important;display: none!important}
.nav-item.ess-menu .dropdown-menu {
    max-width: 282px;
    left: 38%;
}
.nav-item.ps-menu .dropdown-menu {
    max-width: 320px;
    left: 50%;
}
.nav-item.ps-menu .dropdown-menu::before {
    left: 42%;
}
.navbar-nav .ess-menu .dropdown-menu::before {
    left: 50%;
    transform: translateX(-50%);
}
.bg-grey2 {
    background: #F9F9FB;
}
.storageOwl .item .row {
    margin: 0;
}
.page-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 600px;
    height: 100vh;
    background: #144B83;
}
.image-404 {
    margin: 60px 0 30px;
}
.image-404 img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.page-container p {
    margin-bottom: 30px;
}
.btn-white {
    border-color: #fff;
    color: #fff;
    margin: 0;
}
.table-title {
    font-size: 22px;
    margin: 35px 0 0;
    color: #1B1B1B;
}
.block-brands {
    background: #F8F8F8;
}
.brand-box ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -20px;
}
.brand-box ul>li {
    width: 33.333333%;
    flex: 0 0 auto;
    padding: 0 20px;
    margin: 15px 0;
}
#sample_video {
    width: 100%;
}
.manufacturOwl.owl-carousel .owl-nav button.owl-prev {
    left: 10px;
}
.manufacturOwl.owl-carousel .owl-nav button.owl-next {
    right: 10px;
}
.RDitem-content .RDitem-tab-content {
    display: block;
    height: 0;
    overflow: hidden;
}
.RDitem-content .RDitem-tab-content.current {
    height: auto;
}
ul.RDitem {
    padding: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -10px 30px;
    align-items: center;
}
ul.RDitem>li {
    font-family: 'gothambook';
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
    margin: 0;
    display: block;
    padding: 12px 30px;
    cursor: pointer;
    position: relative;
    background: #f9f9fb;
}
ul.RDitem>li.current {
    background: #2C479E;
    box-shadow: 1.03652px -3.10955px 20px rgba(61, 49, 49, 0.3);
    color: #fff;
}
ul.RDitem>li.current::after {
    content: "";
    border: 10px solid transparent;
    border-top-color: #2C479E;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -19px;
}
.researchFlex .box>div>figure>img {
    height: 45px;
}
.fullGridSlider1 .owl-nav.disabled {
    display: none;
}
.list-item, .block-faq .accordion-body ol {
    margin: 0;
    padding: 0;
    margin-bottom: 25px;
}
.list-item>li, .block-faq .accordion-body ol li {
    color: #1B1B1B;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    position: relative;
    padding-left: 25px;
}
.list-item>li:not(:last-child), .block-faq .accordion-body ol li:not(:last-child) {
    margin-bottom: 8px;
}
.list-item>li::before, .block-faq .accordion-body ol li::before {
    content: "";
    width: 15px;
    height: 15px;
    background: url(../images/favicon.ico) no-repeat center;
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    background-size: cover;
}

.frameMenu {
    transition: .2s ease-out 100ms;
    position: fixed;
    top: 0;
    right: -100%;
    width: 300px;
    height: 100%;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    padding-top: 60px;
    background: #fff;
    box-shadow: -20px 0px 22px 0px rgba(0, 0, 0, 0.05);
    z-index: 10;
}
.frameMenu.active {
    right: 0;
}
.closeMenu {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
}
/* .closeMenu img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
} */

.frameMenu li {
    position: relative;
    transition: .2s ease-out 100ms;
    border-top: 1px solid rgba(0,0,0,0.2);
}
.frameMenu li a {
    font-size: 14px;
    padding: 10px 20px;
    color: #000;
    display: block;
    position: relative;
}
.frameMenu li .subMenu a {
    padding: 8px 30px;
}
.frameMenu li.active .plusMenu img {
    transform: rotate(0deg);
}
.toggleButton {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.header.sticky .toggleButton {
    filter: none;
    -webkit-filter: none;
}
.toggleButton img {
    width: 32px;
}
.sup {
    top: 0;
}

.child-trigger {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 4px;
    right: 5px;
    cursor: pointer;
}
.child-trigger::before, .child-trigger::after {
    content: "";
    width: 10px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 50%;
    top: 50%;    
}
.child-trigger::after {
    transform: rotate(90deg);
}
.child-trigger.child-open::after {
    transform: rotate(0deg);
}
.frameMenu li.menu-item-has-children a {
    display: inline-block;
}
.subMenu{
    display: none;
}
.frameMenu ul ul ul a {
    padding-left: 45px !important;
}
.top-footer > div > .row > div .footer-text:not(:last-child) {
    margin-bottom: 20px;
}

.subscribe-form .js-form-item {
    margin-bottom: 10px;
}
.subscribe-form .js-form-item .form-email {
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #000;
    padding-left: 0;
    height: 40px;
    box-shadow: none;
    outline: none;
    font-family: 'GothamBook';
    font-weight: 400;
    width: 100%;
}
.subscribe-form .js-form-item .description, .form-item-message {
    font-family: 'GothamBook';
    font-weight: 400;
    font-size: 14px;
    margin-top: 10px;
}
.subscribe-form .form-submit {
    padding: 0 26px;
    line-height: 55px;
    text-align: center;
    background: #173880;
    border: none;
    border-radius: 30px;
    color: #fff;
    font-family: 'GothamMedium';
    font-weight: 500;
    font-size: 16px;
}
.webform-submission-become-a-distributor-form, .webform-submission-get-support-form {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
    box-sizing: border-box;
}
.webform-submission-become-a-distributor-form>*,
.webform-submission-get-support-form>* {
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-top: var(--bs-gutter-y);
}
.webform-submission-become-a-distributor-form .form-group,
.webform-submission-get-support-form .form-group {
    margin-bottom: 30px;
}
.webform-submission-become-a-distributor-form .form-group .form-control, 
.webform-submission-get-support-form .form-group .form-control {
    border: none;
    border-bottom: 1px solid rgb(193, 193, 193, 0.6);
    border-radius: 0px;
    padding: 15px 0;
    padding-left: 0;
    font-size: 14px;
    margin-top: 0;
}
.webform-submission-become-a-distributor-form .form-group .form-control:focus,
.webform-submission-get-support-form .form-group .form-control:focus {
    box-shadow: none;
}
.webform-submission-become-a-distributor-form .radios--wrapper {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    align-items: center;
}
.webform-submission-become-a-distributor-form .radios--wrapper legend {
    width: auto;
}
.webform-submission-become-a-distributor-form .radios--wrapper span {
    font-size: 14px;
    margin-right: 15px;
}
.webform-submission-become-a-distributor-form .form-submit,
.webform-submission-get-support-form .form-submit {
    color: #FFF;
    font-family: 'GothamMedium';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    background: #DA5E27;
    border-radius: 0px;
    padding: 15px 34px;
    border: none;
	margin-top: 30px;
}
.webform-submission-become-a-distributor-form .js-form-type-radio {
    display: inline-block;
    margin-right: 5px;
}
.header.stickyHead .toggleButton {
    filter: none;
    -webkit-filter: none;
}
.block-contact-v1 .contact-text p {
    margin-bottom: 5px;
}
.video-wrapper {
    position: relative;
    height: 100%;
    margin-bottom: 30px;
}
.video-image {
    position: relative;
}
.video-image::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(2, 4, 35, 0.76) 0%, rgba(3, 7, 55, 0.0532) 28.76%);
    opacity: 0.4;
    border-radius: 15px;
}
.video-image img {
    border-radius: 15px;
}
.video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.video-text p {  
    font-family: 'GothamBook';
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-top: 20px;
}
.video-play-btn img {
    width: 42px;
    cursor: pointer;    
}
.eastman-modal .modal-content {
    background: #000;
}
.eastman-modal .btn-close {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
}
.eastman-modal .btn-close {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    opacity: 1;
}
.eastman-modal .modal-body {
    padding: 45px;
}
.eastman-modal .modal-body h5 {
    margin: 0 0 20px;
    font-family: 'GothamMedium';
    font-weight: 500;
    font-size: 24px;
    color: #fff;
}
.modal_video_outer {
    width: 100%;
    padding-top: 56.25%;
    height: 0;
    position: relative;
}
.modal_video_outer iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}
.map-video {
    margin-right: -100px;
}
.map-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.homeVideo {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}

.block-automotive .grid-content {
    padding: 25px 15px;
    text-align: center;
    background: #ECF5FC;
    min-height: 365px;
}
.block-automotive .grid-content h2 {
    font-size: 20px;
    line-height: 30px;
    color: #1B1B1B;
    font-family: 'GothamBold';
    margin-bottom: 20px;
}
.block-automotive .grid-content h2 span {
    font-size: 38px;
    line-height: 30px;
    text-transform: uppercase;
    color: #253C7F;
    margin-top: 5px;
}
.block-automotive .grid-content h3 {
    font-size: 14px;
    line-height: 24px;
    font-family: 'GothamBold';
    color: #1B1B1B;
    min-height: 48px;
}
.menu-wrap {
    padding-left: 30px;
}
.tabbingStyle.ui-tabs .pSpecificationul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.5px;
}
.tabbingStyle.ui-tabs .pSpecificationul li {
    float: none;
    border: none;
    background: transparent;
    flex: 0 0 16.666666%;
    width: 16.666666%;
    padding: 0 2.5px !important;
    margin: 0 0 5px !important;
    display: block;
}
.pSpecificationul>li>a {
    display: block;
    float: none !important;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
    background: #F0F3F7 !important;
    color: #1B1B1B !important;
    padding: 16px 10px !important;
}
.pSpecificationul>li.ui-tabs-active>a {
    background: #2B469A!important;
    color: #fff !important;
}
.menu-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    left: 0;
    top: 0;
    right: 0;
    background: rgba(0,0,0,0.80);
    bottom: 0;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: all linear 0.3s;
}
.menu-overlay.active {
    visibility: visible;
    opacity: 1;
}
.bannerHome.active {
    filter: blur(8px);
    -webkit-filter: blur(8px);
}
ul.navbar-nav>li:hover>a::after {
    transform: rotate(180deg);
    transition: all linear 0.3s;
}
.header.header_style:not(.sticky) .whiteLogo {
    display: block;
}
.header.header_style:not(.sticky) .blueLogo {
    display: none;
}
.header.header_style:not(.sticky) .top-menu>ul>li:not(.multi-language)>a,
.header.header_style:not(.sticky) ul.navbar-nav>li>a {
    color: #fff;
}
.header.header_style:not(.sticky) .dropdown-icon::after,
.header.header_style:not(.sticky) .toggleButton img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.accordion-button:focus, .accordion-button:hover {
    z-index: 0;
}
.block-faq .accordion-flush .accordion-item {
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.10);
    margin-bottom: 10px;
}
.blog-wrapper {
    margin-bottom: 25px;
}
.btn-round {
    font-family: 'GothamBold';
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    color: #253C7F;
    transition: all linear 0.3s;
    display: inline-block;
}
.btn-round:hover {
    text-decoration: underline !important;
    color: #253C7F !important;
}
.btn-round>img {
    margin-left: 5px;
    width: auto !important;
    display: inline-block !important;
}

/* New product box on landing page */
.product-box {  
    padding: 35px 15px;
    background: #F0F3F7;
    box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, 0.12);
    border-radius: 15px;
    transition: all linear 0.3s;
}
.product-box:hover {
    background: linear-gradient(0.68deg, #273D83 2.02%, #3254C0 99.41%);
}
.product-box .slideTitle h2 {
    font-family: 'GothamBold';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    color: #1B1B1B;
    margin-bottom: 15px;
}
.product-box .slideTitle p {
    font-family: 'GothamBook';
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #1B1B1B;
    margin-bottom: 0;    
    min-height: 72px;
}
.product-box:hover .slideTitle p,
.product-box:hover .slideTitle h2,
.product-box:hover .btn-round {
    color: #fff;
}
.product-box:hover .btn-round img,
.mainTabbingDesign .item:hover .btn-round img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.product-box .slideTitle {
    margin-bottom: 35px;
}
.product-box .sideImg {
    display: block;
    position: relative;
    width: 100%;
    height: 165px;
}
.product-box .sideImg img {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    object-fit: contain;
}
.product-box .btn-round {
    line-height: 1;
    margin-top: 40px;
    display: block;
    text-align: center;
}
.product-box .btn-round > img {
    width: 8px;
    vertical-align: middle;
    margin-left: 10px;
}
.tabbingStyle.ui-tabs .featuresUl.ui-tabs-nav li>a {
    background: #f0f3f7;
    border-radius: 5px 5px 0 0;
}
.tabbingStyle.ui-tabs .featuresUl.ui-tabs-nav li.ui-tabs-active>a {
    background: #2b469a;
    color: #fff;
}
/* New product box on landing page end */
.block-faq .list-item>li::before, .block-faq .accordion-body ol li::before {
    content: "";
    width: 4px;
    height: 4px;
    background: #1B1B1B;
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    border-radius: 50%;
}
.block-faq .accordion-body ol li::marker {
    content: none;
}
.footer-contact ul>li {
    display: inline-block;
    vertical-align: middle;
}
.footer-contact ul>li:not(:last-child) {
    margin-right: 10px;
}
.footer-contact ul>li:first-child {
    margin-right: 5px;
}
.footer-contact ul>li>a {
    color: #000;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.footer-contact ul>li:first-child>a {
    color: #000;
    font-family: 'GothamBold';
    font-weight: 700;
}
.footer-contact ul>li:last-child::before {
    content: "|";
    margin-right: 12px;
}

.block-search {
    padding: 35px 0;
}
#search-form .js-form-item {
    max-width: 400px;
    width: 100%;
}
#search-form .js-form-item label {
    letter-spacing: 1.12px;
    color: #555555;
    text-transform: uppercase;
    font-size: 16px;
    margin: 0 0 5px;
    line-height: 30px;
    width: 100%;
}
#search-form .js-form-item input[type="search"] {
    border: 1px solid #ced4da;
    outline: none !important;
    box-shadow: none !important;
    font-size: 16px;
    padding: 0px 10px;
    height: 42px;
    line-height: 40px;
    border-radius: 0;
    position: relative;
    color: #555555;
    width: 100%;
}
#search-form input[type="submit"] {
    background-color: #173880;
    color: #fff !important;
    border-radius: 0;
    border: 0;
    transition: all .4s ease-in-out;
    height: 42px;
    width: auto;
    padding: 0 15px;
    font-size: 16px;
    margin-left: 10px;
}
.sr-wrapper-box .sr-box {
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
    padding: 15px;
    margin-bottom: 15px;
}
.sr-wrapper-box .sr-box h3>a {
    font-size: 20px;
    color: #2b469a;
    font-family: 'GothamBold';
    font-weight: 700;
}
.sr-wrapper-box .sr-box p {
    color: #1B1B1B;
    font-family: 'GothamBook';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.pager__items {
    text-align: center;
    margin-top: 45px;
}
.pager__items>li {
    display: inline-block;
}
.pager__items>li>a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    background: transparent;
    font-size: 16px;
    color: #1B1B1B;
    padding: 0 15px;
    border-radius: 50%;
    font-family: 'GothamBold';
    font-weight: 700;
}
.pager__items>li.is-active>a {
    background-color: #DA5E27;
    color: #fff;
}
.pager__items>li.pager__item--next>a,
.pager__items>li.pager__item--last>a,
.pager__items>li.pager__item--first>a,
.pager__items>li.pager__item--previous>a{
    width: auto;
    border-radius: 0px;
}

.gt_switcher_wrapper {
    position: absolute !important;
    top: -13px !important;
    right: 0 !important;
    left: auto !important;
	z-index: 1 !important;
}
.gt_container--hich1m .gt_switcher {
    width: 118px !important;
}
.gt_container--hich1m .gt_switcher a {
    font-size: 14px !important;
}
.gt_container--hich1m .gt_switcher .gt_selected {
    background: transparent !important;
}
.gt_container--hich1m .gt_switcher .gt_selected a,
.header.stickyHead.header_style:not(.sticky) .gt_container--hich1m .gt_switcher .gt_selected a {
    border: none !important;
    color: #fff !important;
	font-family: 'GothamBook';
    padding: 0 !important;
    width: 142px !important;
    background: transparent !important;
}
.gt_container--hich1m .gt_switcher .gt_selected a:after,
.header.stickyHead.header_style:not(.sticky) .gt_container--hich1m .gt_switcher .gt_selected a:after{
    filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}
.header.stickyHead .gt_container--hich1m .gt_switcher .gt_selected a,
.header.sticky .gt_container--hich1m .gt_switcher .gt_selected a {
    color: #1B1B1B !important;
    font-family: 'GothamBook';
    font-weight: 400;
}
.header.stickyHead .gt_container--hich1m .gt_switcher .gt_selected a:after,
.header.sticky .gt_container--hich1m .gt_switcher .gt_selected a:after{
    filter: none;
}

.contact-text .social-media ul>li:not(:last-child) {
    margin-right: 4px;
}
.contact-text .social-media ul>li>a {
    width: 30px;
    height: 30px;
    line-height: 26px;
}
.contact-text .social-media ul>li>a>img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    width: 15px;
}
.contact-text .social-media ul>li:hover>a>img {
    filter: none;
    -webkit-filter: none;
}
.block-automotive .container {
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
}
.tabbingStyle.ui-tabs .no-btn .owl-nav {
    display: none;
}
.product-box:hover .btn-round {
    color: #fff !important;
    text-decoration: underline !important;
}
.tree > li > a {
    color: #0d6efd;
}
.owl-carousel .owl-stage {
    margin: 0 auto;
}
.search-help-link {
    display: none;
}
.search-result-wrap .container-inline {
    margin-bottom: 15px;
}
.mainTabbingDesign li.ui-tabs-active .slideFlex .btn-round {
    color: #fff;
}
.mainTabbingDesign li.ui-tabs-active .slideFlex .btn-round img{
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.gt_container--hich1m>div:first-child {
    display: none !important;
}
.lithium-tranding-slider {
    width: 100%;
    max-width: 520px;
}
.custom-height .tranding-slide {
    height: auto;
}
.cs {
    padding-bottom: 30px;
}
div[aria-label="Status message"] {
    padding: 5px;
    text-align: center;
    font-size: 14px;
    color: #0f5132;
    background-color: #d1e7dd;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}

.bannerHome .section-title h3 {
    font-size: 32px;
    margin-bottom: 20px;
    font-family: 'GothamBold';
    font-weight: 700;
    color: #fff;
}
.bannerHome .section-title h3 span {
    color: #D75D26;
}
.bannerHome .section-title p {
    font-size: 16px;
}
.frameMenu>ul>li:not(.menu-item-has-children) {
    display: none;
}
.static-slider>.row {
    justify-content: center;
}

.user-login-form, .user-register-form, .user-pass {
    margin: 120px auto 40px;
    max-width: 500px;
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 20px;
    padding: 20px 20px 35px 20px;
    position: relative;
    overflow: hidden;
    border: 1px solid #e6e6e6;
    box-shadow: 0px 14px 38px 3px #eeeeeec9;
}
.user-login-form .js-form-item {
    width: 100%;
    display: inline-block;
    text-align: left;
    margin-bottom: 30px;
}
#user-login-form label, #user-register-form label, #user-pass label {
    display: block;
    font-weight: 400;
    text-align: left;
}
#user-login-form .form-text, #user-register-form .form-text, #user-register-form .form-email, #user-pass .form-text {
    color: #323232;
    height: 45px;
    outline: none;
    border: 1px solid #dedede;
    font-size: 16px;
    font-weight: 300;
    display: block;
    width: 100%;
    padding: 6px 12px;
    line-height: 1.42857143;
}
.user-login-form .js-form-item .description {
    margin: 0;
    font-size: 14px;
}
#user-login-form .description, #user-register-form .description {
    font-weight: 300;
    min-height: auto;
    font-size: 12px;
    text-align: left;
}
#user-login-form #edit-submit, #user-register-form #edit-submit, #user-pass #edit-submit {
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center;
    padding: 10px 30px;
    font-size: 16px;
    background-color: #173880;
    text-transform: uppercase;
    font-weight: 600;
    outline: none;
    border: 1px solid transparent;
    color: #fff;
    margin-right: 0px;
}

.custom-container {
    max-width: 960px;
    width: 100%;
    margin: auto;
}
ul.video-box {
    text-align: center;
    background: #F0F3F7;
    width: 100%;
    max-width: 620px;
    margin: 0 auto 0;
    font-size: 0;
    padding: 8px 10px;
    position: relative;
    bottom: -12px;
    border-radius: 10px;
}
ul.video-box>li {
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    border-radius: 10px;
    background: #F0F3F7;
    color: #1B1B1B;
    padding: 12px 10px;
    text-align: center;
    width: 33.333333%;
}
ul.video-box>li.active {
    background: #2B469A;
    color: #fff;
}
.sp-image {
    height: 440px;
    position: relative;
}
.sp-image img {
    object-fit: cover;
    height: 100%;
    width: auto;
}
.olive-logo {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.footer-contact p {
    font-size: 14px;
}

/* Testimonial CSS */
.block-testimonial {
    padding: 45px 0;
}
.hpartner {
    background: #dde4ef;
    padding: 40px 30px;
    border-radius: 15px;
    position: relative;
    margin-top: 20px;
}
.hpartner::before {
    content: "";
    position: absolute;
    top: -20px;
    right: 50px;
    z-index: 1;
    font-size: 20px;
    width: 40px;
    height: 40px;
    background: url(../images/quote-right.svg) no-repeat center;
    background-size: cover;
}
.happyPartner .innerSectionHeading h2 {
    margin-bottom: 40px;
}
.title-partner h3 {
    line-height: normal;
    font-size: 16px;
    margin-bottom: 0;
    color: #173880;
}
.title-partner p {
    margin-bottom: 20px;
    font-family: 'GothamBook';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
	min-height: 168px;
}
.testimonial-slider .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all linear 0.3s;
    z-index: 1;
	display: none;
}
.testimonial-slider:hover .owl-nav {
    opacity: 1;
    visibility: visible;
}
.testimonial-slider .owl-nav button {
    width: 30px;
    height: 30px;
    background: #fff !important;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.testimonial-slider .owl-nav button.owl-next {
    right: 10px;
    left: auto;
}
/* End Testimonial CSS */

.banner h1 {
    font-size: 45px;
    line-height: 52px;
    font-family: 'GothamBold';
    font-style: normal;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 20px;
}

/* Campaign Landing CSS */
.campaign-form {
    background: #FFFFFF;
    box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.12);
    border-radius: 20px;
    position: relative;
    padding: 30px;
    z-index: 1;
}
.banner .campaign-form .section-title h2 {
    margin-bottom: 0px;
}
.banner .campaign-form .section-title p {
    color: #000;
    color: #1B1B1B;
    margin-bottom: 30px;
}
.bannerHome {
    background-size: cover !important;
}
.feature-product {
    padding: 45px 0 45px 90px;
}
.feature-slider.owl-carousel .owl-nav {
    display: block;
}
.feature-slider.owl-carousel .owl-nav button {
    position: absolute;
    top: -26%;
    width: 40px;
    height: 40px;
    height: 40px;
    line-height: 36px;
    border-radius: 50%;
    border: 2px solid #1B1B1B;
    transition: .3s;
    background: #1B1B1B;
}
.feature-slider.owl-carousel .owl-nav button.owl-prev {
    right: 140px;
}
.feature-slider.owl-carousel .owl-nav button.owl-next {
    right: 90px;
}
.feature-slider.owl-carousel .owl-nav button span {
    position: relative;
    color: #fff;
    font-size: 30px;
    display: block;
    line-height: 36px;
    margin-top: -5px;
}
.feature-product .product-box .slideTitle p {
    min-height: 120px;
}
.campaign-banner {
    height: auto;
    min-height: auto;
    padding: 45px 0;
}
.bodyFix .campaign-banner {
    height: auto;
}
.partner-box {
    text-align: center;
    margin-top: 25px;
}
.partner-icon {
    background: #EAEAEA;
    width: 130px;
    height: 130px;
    line-height: 1;
    border-radius: 50%;
    font-size: 22px;
    text-align: center;
    font-family: 'GothamBold';
    font-weight: 700;
    color: #283F87;
    margin: 0 auto 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all linear 0.3s;
}
.partner-icon:hover {
    background: #283E86;
    color: #fff;
}
.partner-icon:hover .hover-icon {
    filter: brightness(0) invert(1);
}
.partner-text {
    font-size: 14px;
    line-height: 18px;
    color: #1B1B1B;
    font-family: 'GothamBook';
    font-weight: 400;
}
/* .video-cl {
    width: 70%;
    margin: 0 auto;
    padding: 0 10px;
} */
.video-banner {
    width: 100%;
    /* padding-top: 56.25%;
    height: 0;
    position: relative; */
}
.video-banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; */
}
.feature-slider {
    display: block;
}
.webform-submission-first-campaign-form {
    display: flex;
    flex-wrap: wrap;
    margin: 20px -10px 0;
}
.webform-submission-first-campaign-form>div {
    flex: 0 0 auto;
    width: 50%;
    padding: 0 10px;
    margin-bottom: 20px;
}
.webform-submission-first-campaign-form>div label {
    font-size: 12px;
}
.webform-submission-first-campaign-form>div.form-item-country label {
    min-height: 36px;
}
.webform-submission-first-campaign-form>div input, .webform-submission-first-campaign-form>div select {
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    height: 28px;
    font-size: 12px;
    margin: 0;
	padding-left: 0;
}
.webform-submission-first-campaign-form>div input:focus, .webform-submission-first-campaign-form>div select:focus {
	outline: none;
	box-shadow: none;
}
.webform-submission-first-campaign-form>div.js-form-type-url,
.webform-submission-first-campaign-form>div.captcha {
    width: 100%;
}
.webform-submission-first-campaign-form>div input[type="submit"] {
    background: #DA5E27;
    font-size: 12px;
    padding: 12px 30px !important;
    height: auto;
    color: #fff;
}
.webform-submission-first-campaign-form>div:last-child {
    margin-bottom: 0;
	width: 100%;
}
.webform-submission-first-campaign-form .form-item--error-message {
    font-size: 12px;
    color: red;
}
.webform-submission-first-campaign-form .form-item--error-message .placeholder {
    background: transparent;
    color: red;
    opacity: 1;
}
.webform-submission-first-campaign-form>div.js-form-type-tableselect,
.webform-submission-first-campaign-form>div.form-item-which-solar-products-are-you-interested-in{
    width: 100%;
}
.bannerHome .campaign-form .section-title h2 {
    font-size: 45px;
    line-height: normal;
}
.webform-submission-first-campaign-form>div.form-item-which-solar-products-are-you-interested-in select {
    height: 100px;
}
.webform-submission-first-campaign-form > fieldset .fieldset-legend {
    font-size: 12px;
}
.webform-submission-first-campaign-form > fieldset {
    padding: 0 10px;
    margin-bottom: 20px;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding-bottom: 10px;
}
.webform-submission-first-campaign-form > fieldset .fieldset-wrapper>div>div:not(:last-child) {
    margin-right: 20px;
}
.webform-submission-first-campaign-form > fieldset .fieldset-wrapper>div>div {
    margin-top: 5px;
    display: inline-block;
    font-size: 12px;
}
.webform-submission-first-campaign-form > fieldset legend {
    line-height: 1;
    float: none;
}
/* End Campaign Landing CSS */
.social-media ul>li>a.twitter-icon img {
    filter: brightness(0) invert(1);
}
.social-media ul>li>a.twitter-icon:hover img {
    filter: none;
}

 #eventModal .modal-dialog {
	 max-width: 834px;
	 width: 100%;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 position: absolute;
}
#eventModal .modal-body {
	padding: 0;
}
#eventModal .modal-content {
	display: block;
}
#eventModal .btn-close {
	position: absolute;
	top: -10px;
	right: -10px;
	opacity: 1;
	box-shadow: none;
	z-index: 1;
	border: 1px solid #fff;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	background-size: 12px;
	filter: brightness(0) invert(1);
}

.rProduct-slider .item a {
    color: #1B1B1B;
}


.block-partners .btn-round {
    transform: rotate(90deg);
}
.brand-logo {
    border-bottom: 1px solid #e4dcdc;
    border-radius: 2px;
    padding-bottom: 20px;
}
.block-partners .btn-round>img {
    margin: 0;
}

.mx-100 {
    max-width: 100% !important;
}
.block-partners .rProduct-img {
    display: block;
    padding: 0;
    height: auto;
    width: 100%;
    background: transparent;
}
.block-partners .rProduct-img img {
    width: 100%;
}
.block-partners .rProduct-box {
    margin-bottom: 20px;
}

/*Case Studies CSS*/
.blogContainer .blogDetail span {
    color: #fff;
    font-family: 'gothambold';
    font-size: 14px;
    padding: 15px 22px;
    background: #F27E00;
}
.case-studies .blogContainer {
	background-color: #f8f8f8;
	border-radius: 20px;
}
.case-studies .blogContainer .blogDetail {
	padding: 30px 20px 20px;
	position: static;
}
.case-studies .blogContainer figure img {
    border-radius: 20px;
    width: 100%;
    height: auto;
}
.case-studies .blogContainer .blogDetail p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 44px;
	margin: 0;
}
.case-studies .blogContainer .blogDetail h2 {
	font-size: 18px;
	line-height: normal;
	margin-bottom: 2px;
	color: #000;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 42px;
}
.case-studies .blogContainer .blogDetail span {
	padding: 0;
	color: #e46f23;
	background: transparent;
	position: relative;
}
.case-studies .blogContainer .blogDetail span img {
	margin-left: 5px;
}
.casePopup .btn-close {
	position: absolute;
	right: 10px;
	top: 10px;
	box-shadow: none;
	z-index: 9;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	opacity: 1;
	background-size: 12px;
	border: 2px solid #000;
}	
.casePopup h2 {
	font-size: 18px;
	line-height: normal;
	margin-bottom: 20px;
	color: #000;
}
.casePopup p {
	font-size: 14px;
	line-height: 28px;
	font-family: 'gothambook';
	color: #0F0F0F;
}
ul.case_store {
	text-align: center;
}
ul.case_store li {
	background: none;
	color: #0F0F0F;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
	font-size: 16px;
	border-bottom: 3px solid transparent;
	font-family: 'gothambold';
	font-weight: 700;
	position: relative;
	transition: all linear 0.3s;
}

ul.case_store li.current,
ul.case_store li:hover {
	color: #e46f23;
	border-bottom: 3px solid #e46f23;		
}
ul.case_store li.current::after,
ul.case_store li:hover::after {
	content: "";
	border: 6px solid transparent;
	border-bottom-color: #e46f23;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.case_store_content .case_tab_content {
	display: none;
}

.case_store_content .case_tab_content.current {
	display: inherit;
}
ul.location_product {
	position: absolute;
	bottom: 20px;
	left: 20px;
}
ul.location_product>li {
	display: inline-block;
	font-size: 12px;
	color: #fff;
	background: #f27e00;
	padding: 1px 6px;
	border-radius: 5px;
}
.casePopup .modal-body {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
	padding: 0;
}
.casePopup .modal-body>div {
	padding: 0 10px;
	flex: 0 0 auto;
}
.casePopup .modal-body .case-img {
	width: 60%;
}
.casePopup .modal-body .case-description {
	width: 35%;
	padding: 60px 10px 30px;
	height: 362px;
	overflow: hidden;
	overflow-y: auto;
}
.casePopup .modal-body .case-description .location_product {
	bottom: auto;
	left: 10px;
	top: 20px;
}
.casePopup .modal-content {
	border-radius: 20px;
	overflow: hidden;
}
.blogContainer {
    position: relative;
    margin-top: 40px;
}
.blogContainer figure {
    position: relative;
	margin: 0;
}
.blogSec {
    position: relative;
    padding: 60px 0;
}
.popup-slider .owl-nav button {
    display: block;
    width: 30px;
    height: 30px;
    background: #000 !important;
    position: absolute;
    color: #fff !important;
    font-size: 20px !important;
}
.popup-slider .owl-nav button.owl-prev {
    left: 0;
}
.popup-slider .owl-nav button.owl-next {
    right: 0;
}
.popup-slider .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.addrow .row .row{margin:0}
/*Case Studies CSS End*/

/*Resource CSS*/
.grey-bg {
    background: linear-gradient(360deg, #EBEBEB 0%, #F4F4F4 100%);
}
.fixed-nav {
    position: fixed;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 5px;
    z-index: 9;
    width: 100px;
}
.nav-dot {
  width: 100%;
  height: 26px;
  cursor: pointer;
  transition: background 0.3s, transform 0.3s;
  position: relative;
  border-right: 2px solid #ccc;
}
.nav-dot.active {
  border-right: 2px solid #FF9900;
}
.nav-dot>.pointerText {
    display: none;
    opacity: 0;
}  
.nav-dot.active>.pointerText, .nav-dot:hover>.pointerText {
  position: absolute;
  display: block;
  top: 0px;
  font-size: 12px;
  color: #fff;
  width: 120px;
  height: 26px;
  opacity: 1;
  line-height: 26px;
  right: 2px;
  background-color: rgba(4,58,91,0.6);
  text-align: left;
  padding-left: 25px;
  animation-name: cssHide;
  animation-duration: 6s;
}
.nav-dot.active>.pointerText::after, .nav-dot:hover>.pointerText::after {
  content: "";
  width: 10px;
  height: 1px;
  background: #FF9900;
  display: block;
  position: absolute;
  right: 0;
  top: 13px;
  z-index: 1;
}
.ls-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
}
.ls-img {
    position: relative;
    height: 100vh;
}
.ls-img::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.90) 0%, rgba(99, 99, 99, 0) 100%);
}
.ls-content .section-title {
    max-width: 862px;
    width: 100%;
}
.ls-content .section-title h2 {
    margin-bottom: 24px;
    font-size: 45px;
    line-height: normal;
}
.lead-stories .slick-dots {
    position: absolute;
    bottom: 5%;
    z-index: 1;
    text-align: center;
    width: 100%;
}
.lead-stories .slick-dots>li {
    display: inline-block;
    margin: 0 3px;
}
.lead-stories .slick-dots>li>button {
    border: none;
    background: #eee;
    font-size: 0;
    width: 30px;
    height: 3px;
}
.lead-stories .slick-dots>li.slick-active>button {
    background: #FF9900;
}
.press-release .slick-dots {
    position: absolute;
    bottom: 38%;
    width: 100%;
    text-align: center;
}
.press-release .slick-dots>li {
    display: inline-block;
    margin: 0 3px;
}
.press-release .slick-dots>li>button {
    background: transparent;
    border: 1px solid #fff;
    margin: 0;
    padding: 0;
    width: 12px;
    height: 12px;
    font-size: 0px;
    border-radius: 50%;
}
.press-release .slick-dots>li.slick-active>button {
    background: #fff;
}
.newsbox {
    position: relative;
}
.news-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.news-text .category ul>li,
.news-text .media-text h3 {
    color: #fff;
}
.md-arrows .slick-arrow {
    position: absolute;
    top: 20px;
    right: 20px;
    background: url(../images/arrow-right.png) no-repeat center;
    font-size: 0;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 50%;
    z-index: 1;
}
.md-arrows .slick-prev {
    background: url(../images/arrow-right.png) no-repeat center;
    right: 60px;
    transform: rotate(180deg);
}
.news-img {
    position: relative;
}
.news-img::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.30);
    position: absolute;
}
.whitepaper-slider .slick-list {
    margin: 0 -7px;
}
.whitepaper-slider .slick-list .slick-slide {
    padding: 0 7px;
}
.resorce-section:not(.ls-content) .section-title {
    margin-bottom: 25px;
}
.md-arrows.blue-arrow .slick-arrow {
    top: -58px;
    right: 0;
    border: 1px solid #144B83;
    background: url(../images/md-arrow-prev-bl.html) no-repeat center;
}
.md-arrows.blue-arrow .slick-prev {
    right: 40px;
}
.video-section .press-release .slick-dots {
    bottom: 15px;
}
.whitepaper-section .media-text h3 {
    margin: 0 0 15px;
    min-height: 48px;
}
.video-wrapper {
    margin-top: 60px;
    padding-left: 9%;
}
.video-hm .slick-list {
    margin: 0 -7px;
}
.video-hm .slick-list .slick-slide{
    padding: 0 7px;
}
.video-hm.md-arrows.blue-arrow .slick-arrow {
    right: 8%;
    top: -45px;
}
.video-hm.md-arrows.blue-arrow .slick-prev {
    right: 11%;
}
.social-wrapper {
    position: relative;
}
.social-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px 20px;
    max-width: 600px;
}
.social-feed-icon {
    margin-bottom: 20px;
}
.social-content h3{
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    margin-bottom: 12px;
    font-family: 'gothambook';
    font-weight: 400;
}
.social-content span {
    margin-bottom: 0;
    font-size: 14px;
}
.social-image-bg {
    position: relative;
}
.social-image-bg::before {
    content: "";
    position: absolute;
    width: 100%;
    background: rgba(59, 89, 152, 0.7);
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.instagram-bg::before, .linkedin-bg::before {
    content: "";
    position: absolute;
    width: 100%;
    padding: 0;
    background-position: center !important;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat !important;
    right: 0;
    background-size: cover !important;
}
.instagram-bg::before {
    background: url(../images/insta_shade.png);
}
.linkedin-bg::before {
    background: url(../images/linkedin_shade.png);
}
.social-feed-icon img {
    width: 40px;
}
.whitepaper-section .category {
    margin-bottom: 5px;
}
.media-text>span {
    font-size: 14px;
    font-family: 'gothammedium';
    font-weight: 500;
    color: #144B83;
}
.news-slider .news-img {
    height: 511px;
}
.news-slider .news-img>img {
    height: 100%;
    object-fit: cover;
}
.video-section .news-slider .news-img {
    height: auto;
}
.video-section .media-img, .video-section .news-img {
    position: relative;
}
.video-section .media-img::before, .video-section .news-img::after {
    content: "";
    width: 42px;
    height: 30px;
    background: url(../images/yt-icon.png) no-repeat center;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: cover;
}
.media-text h3 {
    color: #000000;
    font-size: 16px;
    line-height: 24px;
    font-family: 'gothambook';
    font-weight: 400;
    margin: 0;
    min-height: 105px;
}
.resorce-section .media-text h3 {
    min-height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
.resorce-section .category {
    margin-bottom: 8px;
}
.facebook-bg {
    height: 424px;
}
.facebook-bg>img {
    height: 100%;
    object-fit: cover;
}
.media .media-img {
    position: relative;
    height: 317px;
}
.media .media-img>img {
    height: 100%;
    object-fit: cover;
    margin: auto;
}
.media .media-img::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.10);
}
.banner-category {
    display: inline-block;
    color: rgb(255, 255, 255);
    background-color: #173880;
    font-size: 13px;
    padding: 2px 8px;
	margin-bottom: 5px;
	border-left: 2px solid #FF9900;
	font-family: 'gothambook';
    font-weight: 400;
}
.media-wrap {
    position: relative;
    margin-top: 20px;
}
.media-wrap>h3 {
    font-size: 18px;
    font-family: 'gothamlight';
    color: #000;
    box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.2);
    font-weight: bold;
    display: inline-block;
    padding: 8px 20px;
    position: absolute;
    top: -22px;
    left: 15px;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.8);
    margin: 0;
}
.media-wrapper {
    background: #fff;
}
.media-text {
    padding: 15px;
}
.category ul>li {
    display: inline-block;
    font-size: 14px;
    color: #144B83;
    font-family: 'gothambook';
    font-weight: 400;
}
.ptb-80 {
    padding: 60px 0;
}
.resorce-section .btn-custom {
    font-family: 'gothambook';
    font-weight: 400;
    margin: 0;
}
.resorce-section .btn-custom img {
    display: inline-block;
    margin-left: 5px;
}
.blogs-section .media-img > img {
    width: 100%;
    height: auto;
}
.media-text h3>a {
    color: #000;
}
.blogs-slider .slick-list {
    margin: 0 -7px;
}
.blogs-slider .slick-slide {
    padding: 0 7px;
}
.linkedin-bg {
    height: 426px;
    overflow: hidden;
}
.linkedin-bg img {
    object-fit: cover;
    height: 100%;
}
.catalogue-slider .slick-list {
    margin: 0 -7px;
}
.catalogue-slider .slick-slide {
    padding: 0 7px;
}
.catalogue-slider .media-img {
    height: auto;
    background: #e6e6e6;
}
.catalogue-slider .media-img>img {
    width: auto;
    height: auto;
	margin: auto;
}
.resorce-section .btn-custom:not(.btn-white):hover img {
    filter: brightness(0) invert(1);
}
.linkedin-bg + .social-content .social-feed-icon {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
}
.linkedin-bg + .social-content .social-feed-icon img {
    width: auto;
}
.instagram-bg {
    height: 424px;
    overflow: hidden;
}
.resorce-section .catalogue-slider .category {
    display: none;
}
#section2 .media-text h3 {
    min-height: auto;
}
.media-img {
    position: relative;
}
.media-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(2, 4, 35, 0.46) 0%, rgba(3, 7, 55, 0.0432) 48.76%);
    animation: fade_in 3s;
}
/*Resource CSS End*/

@media (min-width:1601px){    
    .cs {
        height: 100vh;
    }
    .cs .row {
        align-content: center !important;
    }
    .container {
        max-width: 1500px;
    }
    .swiper.tranding-slider {
        max-width: 100%;
    }
    .tranding-slide {
        height: auto;
    }
}
@media (min-width:1400px){
    .banner {
        height: 620px;
    }
    .cs {
        height: 100vh;
    }
}

@media (max-width:1400px){
    .global-map{width: 800px; margin-top: 0px;}    
}
@media (max-width: 1399px) {
	.instagram-bg {
		height: 364px;
	}
	.linkedin-bg {
		height: 365px;
	}
	.facebook-bg {
		height: 365px;
	}
	.ls-content .section-title {
		max-width: 580px;
	}
	.ls-content .section-title h2 {
		font-size: 30px;
	}
	.bannerHome .campaign-form .section-title h2 {
		font-size: 35px;
	}
	.banner h1 {
		font-size: 24px;
		line-height: 28px;
	}
	.sp-image {
        height: 360px;
    }
    .swiper.tranding-slider {
        margin-top: 125px;
    }
    .bannerHome .section-title h3 {
        font-size: 24px;
    }
    .bannerHome .section-title h2 {
        font-size: 45px;
        line-height: 52px;
    }
    .bannerHome .section-title p {
        font-size: 14px;
    }
    .left-panel {
        width: 100%;
    }
    ul.featuresUl>li {
        font-family: 'GothamBook';
        font-size: 16px;
        font-weight: 400; 
    }
    .product-box .slideTitle h2 {
        font-size: 24px;
    }
    ul.navbar-nav>li>a {
        padding: 8px 12px !important;
    }
    .storageSec .detail p {
        font-size: 14px;
        line-height: 28px;
    }
    .livesSec h6 {
        font-size: 14px;
    }
    .manufacturingBanner .section-title ul li h4 {
        font-size: 45px;
    }
    .manufacturingBanner .section-title ul li h4 span,
    .manufacturingBanner .section-title ul li h4 sub {
        font-size: 20px;
    }
    .block-product-blogs .action.mt-5 {
        margin-top: 1.5rem !important;
    }
    .block-rProduct .mb-5, .block-application .row.mb-5 {
        margin-bottom: 1.5rem !important;
    }
    /* .rProduct-slider.owl-carousel .owl-item img {
        max-width: 165px;
    } */
    .rProduct-slider.owl-carousel .owl-item .btn-round:focus {
       border: none;
    }
    .rProduct-slider.owl-carousel .owl-item .btn-round img {
        max-width: 100% !important;
    }
    
    .btn-orange {
        padding: 10px 18px;
    }
    .block-product-blogs .owl-carousel .item .title {
        font-size: 14px;
        line-height: 24px;
    }
    .blog-content h2 {
        min-height: 52px;
    }
    .block-grid .row .col-lg-5 {
        width: 33.333333%;
    }
    .block-grid .row .col-lg-7 {
        width: 66.666666%;
    }
    .block-product-blogs .owl-carousel .item .info {
        padding: 10px 0;
        font-size: 12px;
        line-height: 20px;
    }
    .block-product-blogs .product-blog3 .item .title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .block-product-blogs .section-title h2 {
        margin-bottom: 10px;
    }
    .block-product-blogs .section-title {
        margin-bottom: 15px;
    }
    .key-specification.text-end img {
        max-width: 278px;
    }    
    /*.sp-image {
        max-width: 280px;
        margin: auto;
    }*/
    .grid-image {
        padding: 10px;
        min-height: 320px;
    }
    .static-slider {
        max-width: 602px;        
    }
    .static-slider.custom-row {
        max-width: 702px;
    }
    .contact-banner {
        height: 580px;
    }
    .section-title h2, .grid-content h2, .banner .section-title h2, .page-title h1, .sp-content h3 {
        font-size: 24px;
        line-height: 28px;
    }   
    .bannerHome .section-title h2 {
        font-size: 35px;
        line-height: 38px;
    }   
    .banner .section-title h4, .blog-content h2, .left-panel h2, .sp-content h4 {
        font-size: 18px;
        line-height: 26px;
    }
    .catalogues ul.featuresUl>li {
        font-size: 14px;
    }
    .sp-content p {
        font-size: 14px;
        line-height: 26px;
    }
    .date span {
        font-size: 12px;
    }
    .catalogues ul.featuresUl>li.current {
        border-bottom: 2px solid #DC6834;
    }
    .blog-content h2 br {
        display: none;
    }
    .sp-box {
        height: 420px;
        margin-bottom: 20px;
    }
    .block-rProduct, .block-series {
        padding-bottom: 45px;
    }
    .block-application {
        padding: 45px 0;
    }
    .block-series + .block-application {
        padding-top: 0px;
    }
    .banner .section-title p {
        font-size: 14px;
    }
    .tranding-slide .tranding-slide-img h3, .tranding-slide-img h3 {
        font-size: 16px;
    }
    .btn-custom {
        font-size: 14px;
    }
    ul.navbar-nav>li>a{
        font-family: 'sans-serif';
    }    
    ul.pSpecificationul>li {
        font-size: 14px;
    }
    .SpecificationContent h3 {
        font-size: 24px;
    }
    .SpecificationContent h4 {
        font-size: 16px;
        line-height: 24px;
    }
    .SpecificationContent p, .page-title p {
        font-size: 14px;
        line-height: 24px;
    }
    .block-grid>div {
        padding: 0 100px;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        padding: 8px 20px;
    }    
    .tabbingStyle .whiteBox .grid-content h2, .tabbingStyle .pSpecification .grid-content h2 {
        font-size: 24px;
    }
}
@media (max-width: 1365px) {
    .product-box .slideTitle p {
        min-height: 96px;
    }
    .swiper.tranding-slider {
        margin-top: 45px;
    }
    .social-media ul>li>a {
        width: 32px;
        height: 32px;
        line-height: 32px;
    }
    .banner .section-title h4 br {
        display: none;
    }
    .key-specification.text-end {
        position: relative;
        margin-top: -4%;
    }
    .tranding-slide {
        width: 208px;
        height: 362px;
        position: relative;
    }    
    .swiper.tranding-slider {
        max-width: 642px;
    }
    .top-menu > ul::after {
        top: -0.5px;
    }
    
}
@media (max-width: 1199px) { 
	.media-wrap .accordion-flush {
		padding: 0;
	}
	.instagram-bg {
		height: 366px;
	}
	.casePopup .modal-body .case-description .location_product {
		left: 30px;
	}
	.casePopup .modal-body .case-description {
		padding: 60px 30px 30px;
		height: auto;
	}
	ul.video-box {
		font-size: 0;
	}
	ul.video-box>li {
		width: 33.333333%;
		font-size: 14px;
	}
    .frameMenu>ul>li:not(.menu-item-has-children) {
        display: block;
    } 
    .block-automotive .grid-content p {
        min-height: 119px;
    }
    .form-distributer>div>div {
        width: 50%;
        margin: 10px 0;
    }
    .contact-row {
        justify-content: start !important;
    }
    .social-media ul>span {
        display: none;
    } 
    .subscribe-btn .btn-custom {
        margin: 0;
        line-height: 1.4;
    }
    .gt_switcher_wrapper {
        top: 5px !important;
        right: 85px !important;
    }
    .tabbingStyle.ui-tabs .no-btn .owl-nav {
        display: block;
    }
    .footer-text h3>a br {
        display: none;
    }
    .catalogues .featuresUl {
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
    }
    .flexFiled h3 {
        font-size: 65px;
    }
    .edgeFlex .edgeElement .box {
        height: auto;
    }
    .storageSec .detail {
        padding: 0 30px;
    }
    .researchFlex .box {
        width: 25%;
    }
    .plantSec h2 {
        font-size: 45px;
    }
    .manufacturingBanner .section-title ul {
        display: none;
    }
    .manufacturingSec .detail {
        padding: 0;
    }
    .pt-80 {
        padding-top: 45px;
    }
    .whyUsSec, .manufacturingSec, .productfactur, .plantSec, .researchSec, .edgeSec {
        padding: 45px 0;
    }
    .navbar-expand-lg .navbar-nav {
        text-align: left !important;
    }
    .banner, .series-banner {
        height: 480px;
    }
    .top-footer > div > .row > .col-lg-2 {
        width: 25% !important;
        margin-bottom: 20px;
    }
    .nav-item .dropdown-menu .menu-item {
        text-align: left;
    }
    ul.navbar-nav>li>a {
        display: inline-block;
    }    
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        border-radius: 0px;
        position: static;
        width: 100%;
        min-height: auto;
        background: transparent;
        padding: 5px 0px;
    }
    
    .swiper.tranding-slider {
        margin-top: 0px;
    }
    .banner {
        padding: 110px 0 60px;
    }    
    .SpecificationsBox {
        height: auto;
        padding: 30px 0;
    }
    .video-content {
        top: 20px;
    }
    .pl-60 {
        padding-left: 0;
    }
    .block-grid>div {
        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-left: calc(var(--bs-gutter-x)* .5);
    }
    .global-map{right: -100px}
	.header .logo img {
		max-width: 150px;
	}	
	.header .logo {
		padding: 0;
	}
	.header {
		padding: 15px 0;
	}
	.header .navbar .main-menu {
		position: absolute;
		right: 0;
		top: 0;
	}
	.header .navbar .main-menu .btn-right {
		display: flex;
		align-items: center;
		position: absolute;
		right: 0px;
		top: 25px;
	}
	.header .navbar .main-menu .btn-right .Search-icon {
		margin: 0 15px;
	}
	.header .navbar .main-menu .btn-right .language select {
		color: #1B1B1B;
		font-family: 'GothamBook';
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		border-color: #2b4c83;
		outline: none;
		box-shadow: none;
		min-width: 50px;
		background-position: right 0.25rem center;
		padding: 5px 20px 5px 5px;
	}
	ul.navbar-nav>li.search {
		display: none;
	}
	ul.navbar-nav>li.mob-item {
		display: block;
	}
    .navbar-expand-lg .navbar-toggler {
        display: block;
        background-color: transparent;
        z-index: 99;
        border: 0;
        padding: 0;
        outline: none;
        box-shadow: none;
    }
    .dropdown-toggle::after {
        filter: brightness(0) invert(1);
         -webkit-filter: brightness(0) invert(1);
    }
    .navbar-expand-lg .navbar-toggler-icon {
        background-image: url(../images/menu.png);
        background-size: 35px 23px;
        filter: brightness(0) invert(1);
         -webkit-filter: brightness(0) invert(1);
    }
    .header.stickyHead .navbar-expand-lg .navbar-toggler-icon, .header.stickyHead .main-menu .form-select,
    .header.sticky .main-menu .form-select {
        filter: none;
         -webkit-filter: none;
    }
    .bodyFix .navbar-expand-lg .navbar-toggler-icon {
        filter: none;
         -webkit-filter: none;
    }
    .navbar-expand-lg .navbar-toggler span {
        width: 2em;
        height: 2em;
    }
    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        position: fixed;
        right: -310px;
        top: 0;
        bottom: 0;
        width: 310px;
        height: 100%;
        min-height: 100vh;
        z-index: 9;
        background: linear-gradient(0deg, #273D83 -0.88%, #3254C0 100%);        
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
        padding: 80px 15px 30px;
        overflow: hidden;
        overflow-y: hidden;
        overflow-y: auto;
        display: block;
        -webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }
    .collapse:not(.show), .mc_pos_cover {
        display: none !important;
    }
    .navbar-expand-lg .navbar-collapse.show {
        right: 0;
        display: block !important;
    }
    .navbar-expand-lg .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        background-image: url(../images/close-btn.png);
        background-size: 20px;
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: column;
        display: block;
    }
    .dropdown-icon::after {
        content: none;
    }
    ul.navbar-nav>li:not(:last-child) {
        padding-bottom: 5px;
        margin-right: 0;
        border-bottom: 1px dashed rgba(255, 255, 255, .6);
    }
    ul.navbar-nav>li:hover .dropdown-menu {
        display: none;
    }
    .dropdown-menu.show {
        display: block !important;
        position: static !important;
        background: transparent !important;
        padding: 0 !important;
    }
    .menu-icon {
        display: flex;
        align-items: center;
    }
    .menu-icon img {
        margin-right: 10px;
        margin-bottom: 0;
        display: none;
    }
    .dropdown-menu>div>div {
        width: 100%;
        text-align: left;
    }    
    ul.navbar-nav>li:not(:last-child)>a:before {
        content: none;
    }
    .dropdown-menu>div>div {
        margin: 10px 0;
    }
	ul.navbar-nav>li .dropdown-toggle {
		position: absolute;
		right: 0;
		top: 13px;
		width: 20px;
		height: 20px;
		opacity: 1;
		visibility: visible;
		text-align: center;
		display: block;
		padding: 0;
	}
	.navbar-nav .dropdown-menu::before {
		display: none;
	}
    ul.navbar-nav>li>a {
        color: #fff !important;
        padding: 10px 0 !important; 
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu>li {
        border-top: 1px dashed rgba(255, 255, 255, .6);
    }
    .menu-icon p {
        color: #fff;
        font-size: 13px;
    }
	.nav-item .dropdown-menu li {
        padding: 10px 0;
    }
	.menu-icon p br {
		display: none;
	}
    .pr-cust {
        padding-left: 25px;
    }
    .top-menu {
        display: none;
    }
    .custom-height {
        height: auto;
    }
    .contact-banner .video-overlay {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
    .contact-banner .container.h-100 {
        position: relative;
    }
    .footer {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 1024px) {
    .product-box .slideTitle p {
        min-height: 119px;
    }
}
@media (max-width: 991px) {
	.social-content {
    overflow: hidden;
    overflow-y: auto;
}
	.resorce-section .row>div:not(:last-child) {
    margin-bottom: 30px;
}
	.fixed-nav {
		display: none;
	}
	.ls-img {
		height: 520px;
	}
	.ls-img img {
		object-fit: cover;
		height: 100%;
	}
	.ls-content {
    text-align: center;
}
	.popup-slider .item {
		height: auto;
	}
	.blogSec {
		padding: 45px 0;
	}
	.casePopup .modal-body>div {
		width: 100% !important;
	}
	.casePopup .btn-close {
		filter: brightness(0) invert(1);
	}
	
	#eventModal .btn-close {
		top: -20px !important;
		right: 10px !important;
	}
	.feature-product .section-title.mb-5 {
		margin-bottom: 2rem !important;
	}
	.feature-slider.owl-carousel .owl-nav {
		display: none;
	}
	.feature-product {
		padding: 35px 15px;
	}
	.banner h1 {
		text-align: center;
	}
    .social-media ul>li>a {
        width: 29px;
        height: 29px;
        line-height: 29px;
        font-size: 15px;
    }
    .block-automotive .grid-content p {
        min-height: auto;
    }
    .block-automotive>div>div>div:not(:last-child) {
        margin-bottom: 25px;
    } 
    .tabbingStyle.ui-tabs .pSpecificationul li {
        flex: 0 0 25%;
        width: 25%;
    }
	.webform-submission-become-a-distributor-form .form-group,
	.webform-submission-get-support-form .form-group {
		margin-bottom: 20px;
		width: 100%;
	}
    .brand-box {
        margin-top: 20px;
    }   
    .presense {
        margin: 30px 0;
    }
    .world{transform:scale(.6)}    
    .grid-content p br {
        display: none;
    }
    .edgeFlex {
        display: block;
    }
    .edgeFlex .edgeElement {
        width: 100%;
        flex: 0 0 auto;
    }
    .edgeFlex .edgeElement h4 {
        height: auto;
        padding-bottom: 20px;
    }
    .researchFlex .box {
        width: 33.333333%;
    }
    .storageOwl .owl-nav {
        position: absolute;
        top: 50%;
        width: 100%;
        transform: translateY(-50%);
    }
    .storageOwl.owl-carousel .owl-nav button.owl-prev {
        left: 10px;
    }
    .storageOwl.owl-carousel .owl-nav button.owl-next {
        right: 10px;
    }
    .boxSpace {
        padding: 0;
    }
    .memberSec h2 {
        font-size: 130px;
        height: 100%;
    }
    .memberSec h2 span {
        font-size: 50px;
        line-height: 54px;
    }
    .productfactur ul li {
        margin: 0 10px;
        padding: 15px 10px;
    }
    .sp-box {
        height: auto;
        padding: 15px;
    }
    .left-panel {
        margin-bottom: 20px;
    }
    .contact-row {
        margin-bottom: 30px;
    }
    .form-distributer {
        padding: 0;
    }
    .page-title {
        text-align: center;
        margin-bottom: 20px;
    }
    .tabbingStyle .whiteBox .grid-content h2, .tabbingStyle .pSpecification .grid-content h2 {
        text-align: left !important;
    }
    .whiteBox, .pSpecification {
        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-left: calc(var(--bs-gutter-x)* .5);
    }
    ul.pSpecificationul>li {
        padding: 16px 50px !important;
    }
    .features-box {
        padding: 20px;
    }
    .feature-wrapper .ui-state-active::after {
        bottom: -2px;
    }
    .video-content p {
        padding: 0 15px;
    }
    .block-bredcrum ul>li {
        font-family: 'GothamBook';
        font-weight: 400;
    }
    .block-bredcrum ul>li>a {
        padding: 10px 0px;
    }
    .static-slider > .row {
        overflow: hidden;
        overflow-x: scroll;
        display: block;
        white-space: nowrap;
        font-size: 0;
        text-align: center;
    }
    .static-slider>div>div {
        width: 33.333333%;
        margin: 0;
        padding: 5px;
        display: inline-block;
    }
    .block-video {
        background: #051f5a;
        position: static !important;
        padding: 0 0 30px;
    }
    .video-content {
        position: static;
        margin-top: 20px;
    }    
    .static-slider {
        margin: 0px auto 0;
    }
    .block-grid .row .col-lg-5, .block-grid .row .col-lg-7 {
        width: 100%;
    }
    .block-grid>div>div:not(:last-child) {
        margin-bottom: 30px;
    }
    .pr-60 {
        padding-right: 0;
    }
    .grid-image {
        padding: 30px;
        min-height: auto;
    }
    .block-grid {
        padding: 45px 0;
    }
    .block-grid .row .col-lg-5 {
        order: 1;
    }
    .grid-content {
        text-align: center !important;
    }
    .block-grid .row .col-lg-7 {
        order: 2;
    }
    .video-content p br {
        display: none;
    }
    .grid-image {
        margin-bottom: 20px;
    }
    .hero-img.text-end {
        text-align: center !important;
    }
    .section-title {
        text-align: center;
    }
    .bannerHome .section-title {
        margin-bottom: 20px;
    }
    .bannerHome {
        padding-top: 45px;
    }
    .block-global::before {
        left: 30px;
        width: calc(100% - 30px);
        top: 45px;
    }
    .presense ul {
        max-width: 100%;
        justify-content: center;
    }    
    .block-global .global-content .section-title{
        max-width: 100%;
    }
    .banner .section-title {
        text-align: center;
        margin-bottom: 30px;
    }
    .block-global {
        padding: 60px 0;
    }
    .global-content {
        position: static;
        transform: translateY(0%);
    }
    .block-global .section-title {
        max-width: 520px;
    }
    .global-map {
        margin-top: 0;
        position: relative;
        width: 100%;
        top: 0;
        right: 0;
        height: 550px;
    }
    .block-global::before {
        height: calc(100% - 30px);
        background: rgba(255,255,255,0.8);
        z-index: 0;
    }
    .pr-cust {
        padding-left: 0;
        margin-top: 30px;
    }
    .cd-top {
        height: 40px;
        width: 40px;
        bottom: 30px;       
    }
    .btn-custom {
        margin-right: 70px;
    }
	.block-hero-product .hero-content {
		padding: 30px;
	}
	.block-hero-product {
		height: auto;
	}
	.block-hero-product .hero-img {
		margin-top: 30px;
	}	
	.tab-theme nav .nav-tabs {
		border-radius: 10px;
		padding: 8px;
		justify-content: inherit;
	}
	.tab-theme nav .nav-tabs .nav-link {
		font-size: 14px;
		padding: 5px 15px;
	}	
	.tab-theme nav .nav-tabs .nav-link.active {
		padding: 5px 15px;
	}
    .social-section .mt-4 {
		margin-top: 0rem !important;
	}
    
}
@media (max-width: 767px) {
	.media-wrap>h3 {
		font-size: 14px;
		left: 50%;
		transform: translateX(-50%);
	}
	.ptb-80 {
		padding: 45px 0;
	}
	.ls-content .section-title h2 {
    	text-align: center;
		font-size: 24px;
        line-height: normal;
	}
	.casePopup .modal-body .case-description .location_product {
		position: static;
		margin-bottom: 15px;
	}
	.casePopup .modal-body .case-description {
		padding: 20px;
	}
	.webform-submission-first-campaign-form > fieldset .fieldset-wrapper>div>div:not(:last-child) {
		margin-right: 8px;
	}
	.bannerHome .campaign-form .section-title h2 {
		font-size: 24px;
	}
	.partner-icon {
		width: 90px;
		height: 90px;
		font-size: 14px;
	}
	.block-testimonial {
    	padding: 40px 0;
	}
    .video-overlay video {
        min-height: 660px;
    }
    .contact-banner .video-overlay video {
        min-height: auto;
    }
    .product-box .slideTitle p {
        min-height: 96px;
    }
    .pager__items>li>a {
        width: 32px;
        height: 32px;
        line-height: 32px;
        padding: 0 10px;
        font-size: 14px;
    }
    .bannerHome .section-title h3 {
        font-size: 18px;
    }
    .the-wise-choice {
        text-align: center !important;
    }
    #search-form .js-form-item label {
        font-size: 14px;
    }
    .sr-wrapper-box .sr-box h3>a {
        font-size: 16px;
    }
    .search-result-wrap #search-form .js-form-item {
        max-width: 230px;
    }
    .footer-contact {
        margin-bottom: 15px;
    }
	.header .search-bar .form-group input[type="search"] {
		width: 230px;
	}
    .tranding-slide {
        width: 168px;
        height: auto;
    }
    
    .tabbingStyle.ui-tabs .pSpecificationul li {
        flex: 0 0 33.333333%;
        width: 33.333333%;
    }
    .storageOwl .item {
        margin-bottom: 20px;
    }
    .manufacturingBanner h2 {
        text-align: center;
    }
    .edgeFlex .edgeElement p {
        font-size: 14px;
        padding: 0;
    }
    .livesSec .col-md-3 {
        width: 50%;
    }
    .flexFiled h3 {
        font-size: 45px;
    }
    .flexFiled h3 span, .livesSec h6 {
        font-size: 13px;
    }
    .researchFlex {
        padding: 0;
    }
    .researchFlex .box {
        width: 50%;
    }
    .researchFlex .box>div {
        padding: 25px 10px;
    }
    .memberSec {
        height: auto;
        padding: 40px 0;
    }
    .memberSec h2 {
        font-size: 65px;
        height: 100%;
    }
    .memberSec h2 span {
        font-size: 30px;
        line-height: 32px;
        margin-left: 20px;
    }
    .certificate-box {
        padding: 20px;
        margin-bottom: 0;
    }
    .certificate-box ul>li {
        width: 30.333333%;
        margin: 0;
    }
    .acidBatteries li p {
        font-size: 14px;
    }
    .plantSec h2 {
        font-size: 35px;
    }
    .whyUsSec, .manufacturingSec, .productfactur, .plantSec, .researchSec, .edgeSec {
        padding: 40px 0;
    }
    .paddLeft0 {
        padding-left: 12px;
    }
    .manufacturingSec figure img {
        border-radius: 20px;
    }
    .slideFlex .slideTitle h2 {
        font-size: 24px;
    }
    .tabbingStyle .mainTabbingDesign li.ui-tabs-active:after {
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 25px solid #F0F3F7;
    }
    .SpecificationContent, .SpecificationImg {
        padding: 0 15px;
    }
    .catalogues ul.featuresUl>li {
        font-size: 16px;
        width: auto;
        padding: 6px 6px;
        line-height: 22px;
        font-family: 'GothamMedium';
        font-weight: 500;
    }
    .address-wrap>div:not(:last-child) {
        margin-bottom: 30px;
    }
    .contact-icon {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }
    .address-wrap {
        padding: 30px;
    }
    .address-row h4, .address-row p {
        font-size: 14px;
    }
    .contact-row {
        justify-content: start !important;
    }
    .whyUsSec, .ptb-60 {
        padding: 40px 0;
    }
    .application-slider .owl-nav button.owl-prev {
        left: 0;
    }
    .application-slider .owl-nav button.owl-next {
        right: 0;
    }
    .top-footer > .container > .row > .col-lg-2:first-child {
        text-align: center;
    }
    .block-rProduct, .block-series {
        padding-bottom: 40px;
    }
    .rProduct-content {
        text-align: center;
    }
    .rProduct-content h3 {
        min-height: auto;
    }
    ul.featuresUl>li {
        width: auto;
        font-size: 16px;
    }
    ul.featuresUl>li:not(:last-child) {
        margin-right: 0;
    }
    .feature-wrapper {
        margin-top: 40px;
    }
    .application-slider .owl-nav, .application-slider3 .owl-nav {
        width: 68px;
    }
    .featuresUl {
        font-size: 0;
    }
    .custom-arrow .owl-nav button {
        width: 30px;
        height: 30px;
        line-height: 30px;
        border: 1px solid #1B1B1B;
    }    
    .grid-content, .app-box {
        text-align: center;
    }
    .app-icon {
        justify-content: center;
    }    
    .block-application, .block-grid {
        padding: 40px 0;
    }
    .block-application .row.mb-5 {
        margin-bottom: 1rem !important;
    }
    .key-specification.text-end {
        margin-top: 5%;
        text-align: center !important;
    }
    .key-specification.text-end img {
        width: 100%;
    }
    .block-global::before {
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
    }
    .block-hero-product .hero-img {
        width: 80%;
        margin: 20px auto 0;
    }
    .block-global, .block-product-blogs {
        padding: 40px 0;
    }
    .section-title p br, .video-content p br, .grid-content p br {
        display: none;
    }    
    .global-map{height: 350px}
	.header .logo img, .header.sticky .logo img {
		max-width: 140px;
	}
	.header.sticky .navbar .main-menu .btn-right {
		top: 12px;
	}
	.header .navbar .main-menu .btn-right .language select {
		padding: 3px 5px;
		line-height: 18px;
	}
    .navbar-expand-lg .navbar-toggler span {
        width: 30px;
        height: 30px;
        background-size: 30px;
    }
	.header .navbar .main-menu .btn-right .Search-icon {
		width: 30px;
		height: 30px;
		background-size: 15px;
	}
    .block-about {
        padding-top: 40px;
    }
	.block-product-illustration, .block-hero-product, .block-product-blogs {
		padding: 40px 0;
	}
    .about-content {
        padding-left: 0;
        text-align: center;
    }
    .about-image {
        margin-bottom: 30px;
    }
    .block-milestone {
        padding: 40px 0 20px;
    }
    .btn-custom {
        margin-right: 0;
    }
    .wahtsapp {
        right: 15px;
        bottom: 86px;
    }
    .wahtsapp img {
        width: 45px;
    }
    .logo {
        padding: 5px 0;
        padding-left: 15px;
        width: 190px;
    }    
    .tranding-slider-control .slider-arrow {
        left: 40%;
        transform: translateX(-40%);
    }
    .tranding-slider-control .swiper-button-next {
        left: 60% !important;
        transform: translateX(-60%) !important;
    }
    .bannerHome .section-title h2 {
        font-size: 24px;
        line-height: 24px;
    }
    .footer {
        padding-top: 40px;
    }
    .top-footer > div > .row > .col-lg-2 {
        width: 100% !important;
        margin-bottom: 20px;
    }
    .top-footer > div > .row > .col-lg-2:last-child {
        margin-bottom: 0px;
    }
    .pr-cust {
        margin-top: 20px;
    }
    .footer-text p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .footer-text ul>li>a {
        line-height: 24px;
    }
    .footer-text ul>li:not(:last-child) {
        margin-bottom: 10px;
    }
    
    .middle-footer, .subscribe-btn.text-end, .bottom-footer p, .social-media {
        text-align: center !important;
    }
    .footer-logo {
        margin-bottom: 10px;
    }
    .subscribe-form {
        right: 15px;
        bottom: 15px;
        width: calc(100% - 30px);
        padding: 40px;
    }
	.block-hero-product .hero-content {
		padding: 15px;
	}
	ul.solar-check li {
		padding: 15px 0 15px 40px;
        width: 100%;
	}
    ul.solar-check li:nth-child(odd)::after {
        content: none;
    }
    .pt-80 {
        padding-top: 40px;
    }
    .block-bredcrum ul {
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
    }
    .tabbingStyle .whiteBox .grid-content h2, .tabbingStyle .pSpecification .grid-content h2 {
        font-size: 24px;
    }
    .top-footer > div > .row > .col-lg-2:nth-child(5) ul.footer-submenu>li {
        width: 100%;
    }

}
@media (max-width: 600px) {
     .product-box .slideTitle p {
            min-height: auto;
        }
    .form-distributer>div>div {
        width: 100%;
        margin: 0;
    }
    .block-product-box>div>div>div {
        width: 100%;
    }
    .product-box .slideTitle p {
        min-height: auto;
    }
}
@media (max-width: 480px) {	
	.webform-submission-first-campaign-form>div label {
		display: block;
		line-height: normal;
	}
	.webform-submission-first-campaign-form>div {
		width: 100%;
	}
	.campaign-form {
		padding: 30px 15px;
	}
	ul.pSpecificationul>li {
		font-size: 12px;
	}
	.pSpecificationul>li>a {
		padding: 12px 5px !important;
	}
	ul.video-box>li {
		width: 100%;
		margin-bottom: 5px;
	}
    .footer-contact ul>li {
        vertical-align: middle;
    }
    .footer-contact ul>li:last-child::before {
        content: none;
    }
    .block-product-box>div>div>div:last-child {
        margin-bottom: 0;
    }
    .tabbingStyle.ui-tabs .pSpecificationul li {
        flex: 0 0 50%;
        width: 50%;
    }
    .brand-box ul {
        margin: 0 -7px;
    }
    .brand-box ul>li {
        padding: 0 7px;
        margin: 7px 0;
    }
    .presense ul {
        gap: 10px;
    }
    ul.continent>li>a {
        margin-top: 0;
        margin-right: 0;
    }
    .presense ul>li {
        width: calc(50% - 10px);
    }
    .productfactur ul {
        display: block;
    }
    .productfactur ul li {
        width: 100%;
    }
    .productfactur ul li:not(:last-child) {
        margin-bottom: 15px;
    }
    .top-footer > .container > .row > .col-lg-2:nth-child(3) ul.footer-submenu>li {
        width: 100%;
    }
    .header .search-bar {
        padding: 10px 15px;
    }
    /* shivam-css-start */
    .tabbingStyle .slideFlex p{
        min-height: 192px;
    }
    /* shivam-css-start */
}
.online-ups-bg{
	background: url(../images/sol-banner.jpg);
}
.homeinverter-bg{
background: url(../images/home-inverters2.jpg);	
}

.electrical-bg{
background: url(../images/surge-protector-bg2.jpg);	
}

.singlephase-bg{
background: url(../images/ES-3.6K-img.jpg);		
}

.threephase-bg{
background: url(../images/ES-4K-bg.jpg);		
}

.lifepo4-bg{
background: url(../images/ES25-6V-bg.jpg);		
}

.rack-type-bg{
background: url(../images/ES25-6V-bg.jpg);		
}

.high-voltage-bg{
background: url(../images/ES25-6V-bg.jpg);		
}
.portable-bg{
background: url(../images/EM250-PS-BG.jpg);		
}

.leadacid-bg{
background: url(../images/EM12-8-BG.jpg);		
}

.regular-series-bg {
	background: url(../images/regular-series-bg2.jpg);	
}

.daimond-bg {
	background: url(../images/diamond-series-bg.jpg);	
}

.smart-series-bg {
background: url(../images/ES-220SS-BG.jpg);		
}

.dawn-series-bg {
background: url(../images/dawn-series-bg.jpg);		
}

.platinum-series-bg {
background: url(../images/platinum-series-bg2.jpg);		
}

.short-bg {
background: url(../images/stmf-bg2.jpg);		
}

.smart-series-bg {
background: url(../images/home-inverters2.jpg);		
}

.front-terminal-bg {
background: url(../images/Front-Terminal-Bg.jpg);		
}

.high-rate-bg {
background: url(../images/high-rate-bg2.jpg);		
}
.twoV-bg {
    background: url(../images/deep-cycle-bg2.jpg);		
}

.gel-bg {
background: url(../images/GEL-100-Bg.jpg);		
}

.carbon-bg {
background: url(../images/carbon-batteries-200-bg.jpg);		
}

.solar-panel-bg{
background: url(../images/solar-panel-450-BG.jpg);			
}

.mppt-bg{
background: url(../images/ES-40A-Bg.jpg);		
}

.mppt-es-bg{
background: url(../images/mppt-ES-15A-bg.jpg);	
}	

.mppt-advance-bg{
background: url(../images/mppt-ES-30A-bg.jpg);		
}

.mppt-cutting-bg{
background: url(../images/mppt-es-80a.jpg);	
}

.ongrid-bg{
background: url(../images/30k-gt.jpg);		 
 }
 
 .sol-bg{
background: url(../images/3.2KW.jpg);		 
 }
 
 .sol-ultra-bg{
	background: url(../images/8kw.jpg); 
 }
 
 .max-bg{
background: url(../images/eco-inverter-1.2kw.jpg); 	 
 }
 
 .max-pro-bg{
background: url(../images/pro-max-4kw.jpg); 	  
 }
 
.single-phase-bg{
background: url(../images/single-phase-bg.jpg); 	  
 }
 
.three-phase-bg{
background: url(../images/H1-Epic-5KW-bg.jpg); 	 
 }
 
 .split-phase-bg{
background: url(../images/split-phase-bg.jpg);	 
 }

.golfcart-bg{
    background: url(../images/golf-cart-lower-banner.jpg);	 
 }
 .rv-marine-bg {
    background: url(../images/rv-marine-lower-banner.jpg);
 }
 
 
 
 /*===========================Index css===========================*/
 
        :root {
            --primary-color: #e63946;
            --secondary-color: #1d3557;
            --accent-color: #457b9d;
            --light-color: #f1faee;
            --dark-color: #1d3557;
            --text-color: #333;
            --light-gray: #f8f9fa;
        }
        
       
  
        
        .section-title {
            margin-bottom: 40px;
            text-align: center;
        }
        
        .section-title h2 {
            font-size: 2.5rem;
            color: var(--secondary-color);
            margin-bottom: 15px;
            position: relative;
            display: inline-block;
        }
        
        .section-title h2:after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 3px;
            background: var(--primary-color);
        }
        
        .btn-main {
            background: var(--primary-color);
            color: white;
            padding: 12px 30px;
            border: none;
            border-radius: 4px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            transition: all 0.3s ease;
            cursor: pointer;
            display: inline-block;
            text-decoration: none;
        }
        
        .btn-main:hover {
            background: var(--secondary-color);
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        
        /* Banner Section */
        .bannerHome {
            position: relative;
            height: 100vh;
            display: flex;
            align-items: center;
            background: linear-gradient(rgba(29, 53, 87, 0.8), rgba(29, 53, 87, 0.7)), url('img/background-pattern.png');
            overflow: hidden;
        }
        
        .homeVideo {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
        }
        
        .video-overlay video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .banner-content {
            color: white;
            max-width: 600px;
        }
        
        .banner-content h1 {
            font-size: 3.5rem;
            margin-bottom: 20px;
            line-height: 1.2;
        }
        
        .banner-content h1 span {
            color: var(--primary-color);
        }
        
        .banner-content p {
            font-size: 1.2rem;
            margin-bottom: 30px;
            opacity: 0.9;
        }
        
        /* Updated Slider Styles - Removed titles and full size images */
        .product-slider-container {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 50%;
            padding-right: 50px;
        }
        
        .product-slider {
            width: 100%;
            padding: 20px 0;
        }
        
        .swiper-slide {
            display: flex;
            justify-content: center;
            align-items: center;
            transition: transform 0.3s ease;
        }
        
        .product-card {
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(10px);
            border-radius: 15px;
            padding: 0;
            text-align: center;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.18);
            transition: all 0.3s ease;
            height: 350px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            overflow: hidden;
        }
        
        .product-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
            background: rgba(255, 255, 255, 0.25);
        }
        
        .product-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        /* Remove product title */
        .product-title {
            display: none;
        }
        
        .slider-controls {
            display: flex;
            justify-content: center;
            margin-top: 20px;
        }
        
        .swiper-button-next, .swiper-button-prev {
            color: white;
            background: rgba(255, 255, 255, 0.2);
            width: 50px;
            height: 50px;
            border-radius: 50%;
            backdrop-filter: blur(5px);
        }
        
        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 1.2rem;
        }
        
        .swiper-pagination-bullet {
            background: white;
            opacity: 0.5;
        }
        
        .swiper-pagination-bullet-active {
            opacity: 1;
            background: var(--primary-color);
        }
        
        /* About Section */
        .about-section {
            padding: 100px 0;
            background: var(--light-gray);
        }
        
        .about-container {
            display: flex;
            align-items: center;
            gap: 50px;
        }
        
        .about-content {
            flex: 1;
        }
        
        .about-content h2 {
            font-size: 2.5rem;
            color: var(--secondary-color);
            margin-bottom: 20px;
        }
        
        .about-content p {
            margin-bottom: 20px;
            line-height: 1.7;
        }
        
        .about-image {
            flex: 1;
            text-align: center;
        }
        
        .about-image img {
            max-width: 100%;
            border-radius: 10px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }
        
        /* India Map Section */
        .india-map-section {
            padding: 100px 0;
            background: white;
        }
        
        .map-container {
            display: flex;
            align-items: center;
            gap: 50px;
        }
        
        .map-image {
            flex: 1;
            text-align: center;
        }
        
        .map-image img {
            max-width: 100%;
            filter: drop-shadow(0 10px 20px rgba(0,0,0,0.1));
        }
        
        .map-content {
            flex: 1;
        }
        
        .map-content h2 {
            font-size: 2.5rem;
            color: var(--secondary-color);
            margin-bottom: 20px;
        }
        
        .map-content p {
            line-height: 1.7;
            margin-bottom: 30px;
        }
        
        /* Why Choose Section */
        .why-choose-section {
            padding: 100px 0;
            background: var(--light-gray);
        }
        
        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .feature-card {
            background: white;
            padding: 40px 30px;
            border-radius: 10px;
            text-align: center;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            transition: all 0.3s ease;
        }
        
        .feature-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        }
        
        .feature-icon {
            font-size: 3rem;
            margin-bottom: 20px;
            color: var(--primary-color);
        }
        
        .feature-title {
            font-size: 1.5rem;
            margin-bottom: 15px;
            color: var(--secondary-color);
        }
        
        .feature-text {
            line-height: 1.6;
        }
        
        /* SIMPLE Testimonials Section */
        .testimonials-section {
            padding: 100px 0;
            background: white;
            text-align: center;
        }
        
        .simple-testimonial-slider {
            max-width: 800px;
            margin: 0 auto;
        }
        
        .simple-testimonial {
            padding: 0 20px;
        }
        
        .testimonial-text {
            font-size: 1.2rem;
            line-height: 1.8;
            margin-bottom: 30px;
            color: var(--text-color);
            font-style: italic;
        }
        
        .testimonial-author {
            font-weight: 600;
            font-size: 1.1rem;
            color: var(--secondary-color);
        }
        
        .testimonial-location {
            color: var(--accent-color);
            font-size: 1rem;
        }
        
        .testimonial-nav {
            margin-top: 30px;
            display: flex;
            justify-content: center;
            gap: 15px;
        }
        
        .testimonial-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #ddd;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .testimonial-dot.active {
            background: var(--primary-color);
            transform: scale(1.2);
        }
        
        /* Responsive Styles */
        @media (max-width: 992px) {
            .banner-content h1 {
                font-size: 2.8rem;
            }
            
            .product-slider-container {
                width: 100%;
                position: relative;
                top: auto;
                transform: none;
                padding: 0 20px;
                margin-top: 50px;
            }
            
            .bannerHome {
                height: auto;
                padding: 100px 0;
            }
            
            .about-container, .map-container {
                flex-direction: column;
            }
        }
        
        @media (max-width: 768px) {
            .banner-content h1 {
                font-size: 2.2rem;
            }
            
            .section-title h2 {
                font-size: 2rem;
            }
            
            .about-content h2, .map-content h2 {
                font-size: 2rem;
            }
            
            .testimonial-text {
                font-size: 1.1rem;
            }
        }

       /* ==================== ENHANCED RESPONSIVE STYLES ==================== */

/* Large Desktop Screens (1200px and above) */
@media (min-width: 1200px) {
    .banner-content h1 {
        font-size: 4rem;
    }
    
    .banner-content {
        max-width: 600px;
    }
}

/* Tablet Devices (768px to 1024px) */
@media (max-width: 1024px) {
    .bannerHome {
        height: auto;
        min-height: 100vh;
        padding: 120px 0 80px;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    
    .banner-content {
        text-align: center;
        margin: 0 auto;
        padding: 0 20px;
        max-width: 100%;
    }
    
    .banner-content h1 {
        font-size: 3rem;
        line-height: 1.3;
    }
    
    .banner-content h2 {
        font-size: 1.8rem;
        margin: 15px 0;
    }
    
    .product-slider-container {
        position: relative;
        width: 100%;
        padding: 0 30px;
        margin-top: 60px;
        transform: none;
        top: auto;
        right: auto;
    }
    
    .product-card {
        height: 300px;
    }
    
    .about-section,
    .india-map-section,
    .why-choose-section,
    .testimonials-section {
        padding: 80px 0;
    }
    
    .about-container,
    .map-container {
        gap: 40px;
    }
}

/* Mobile Devices (767px and below) */
@media (max-width: 767px) {
    .bannerHome {
        padding: 80px 0 40px;  
        min-height: auto;
        text-align: center;
    }
    
    .banner-content {
        padding: 0 15px;
        margin-top: 15px;
    }
    
    .banner-content h1 {
        font-size: 2.2rem;
        margin-bottom: 10px;
        line-height: 1.2;
    }
    
    .banner-content h2 {
        font-size: 1.3rem;
        margin: 10px 0;
    }
    
    .banner-content p {
        font-size: 1rem;
        margin-bottom: 10px;
        line-height: 1.2;
    }
    
    .btn-main {
        padding: 12px 30px;
        font-size: 0.9rem; 
        display:none;
    }
    
    .product-slider-container {
        margin-top: 0px;
        padding: 0 15px;
        height:400px;
    }
    
    .product-slider {
        padding: 10px 0;
    }
    
    .product-card {
        height: 200px;
        border-radius: 10px;
    }
    
    .swiper-button-next, 
    .swiper-button-prev {
        width: 35px;
        height: 35px;
        display: none; /* Hide arrows on mobile for cleaner look */
    }
    
    .swiper-pagination {
        bottom: -5px !important;
    }
    
    .section-title {
        margin-bottom: 30px;
    }
    
    .section-title h2 {
        font-size: 1.8rem;
    }
    
    .about-section,
    .india-map-section,
    .why-choose-section,
    .testimonials-section {
        padding: 50px 0;
    }
    
    .about-content h2,
    .map-content h2 {
        font-size: 1.6rem;
        margin-bottom: 15px;
        text-align: center;
    }
    
    .about-content p,
    .map-content p {
        font-size: 0.95rem;
        line-height: 1.6;
        text-align: center;
    }
    
    .about-container,
    .map-container {
        gap: 30px;
        text-align: center;
    }
    
    .features-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .feature-card {
        padding: 25px 20px;
        margin: 0 10px;
    }
    
    .feature-icon {
        font-size: 2.2rem;
        margin-bottom: 15px;
    }
    
    .feature-title {
        font-size: 1.3rem;
    }
    
    .feature-text {
        font-size: 0.9rem;
    }
    
    .simple-testimonial-slider {
        padding: 0 10px;
    }
    
    .testimonial-text {
        font-size: 1rem;
        line-height: 1.6;
    }
    
    .testimonial-author {
        font-size: 1rem;
    }
    
    .testimonial-location {
        font-size: 0.9rem;
    }
}

/* Small Mobile Devices (480px and below) */
@media (max-width: 480px) {
    .bannerHome {
        padding: 60px 0 30px;
    }
    
    .banner-content h1 {
        font-size: 1.8rem;
    }
    
    .banner-content h2 {
        font-size: 1.2rem;
    }
    
    .banner-content p {
        font-size: 0.9rem;
    }
    
    .product-card {
        height: 100%;
        max-height:380px;
    }
    
    .section-title h2 {
        font-size: 1.6rem;
    }
    
    .about-content h2,
    .map-content h2 {
        font-size: 1.4rem;
    }
    
    .about-container,
    .map-container {
        gap: 25px;
    }
    
    .feature-card {
        padding: 20px 15px;
    }
    
    .feature-icon {
        font-size: 2rem;
    }
    
    .feature-title {
        font-size: 1.1rem;
    }
}

/* Landscape Mobile */
@media (max-height: 500px) and (orientation: landscape) {
    .bannerHome {
        height: auto;
        min-height: 100vh;
        padding: 80px 0 40px;
    }
    
    .banner-content h1 {
        font-size: 2rem;
    }
    
    .product-slider-container {
        margin-top: 30px;
    }
    
    .product-card {
        height: 150px;
    }
}

.banner-slider-wrapper {
  width: 100%;
  height: 535px;
  overflow: hidden;
  position: relative;
}

.banner-slider {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 0.8s ease-in-out;
}

.banner-slide {
  min-width: 100%;
  height: 100%;
  position: relative;
}

.banner-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Text Overlay Styling */
.slide-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
}

.about-us-text {
  font-size: 3rem;
  font-weight: bold;
  color: white;
  text-align: center;
  margin: 0;
  text-shadow: 2px 2px 8px rgba(0,0,0,0.7);
  letter-spacing: 2px;
}

/* Responsive */
@media(max-width: 768px) {
  .banner-slider-wrapper { height: 380px; }
  .about-us-text { font-size: 2.5rem; }
}

@media(max-width: 480px) {
  .banner-slider-wrapper { height: 280px; }
  .about-us-text { font-size: 2rem; }
}