/*
Theme Name: Gear One
Theme URI: https://wordpress.org/
Author: Esigners
Author URI: https://www.esigners.in
Description: Gear One WordPress theme.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: Gear One
*/

body {
    overflow-x: hidden;
    background-color: #000 !important;
}


img {
    min-width: 100%;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.clear {
    clear: both;
}

.iconRounded {
    border: 1px solid #0033a7;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #0033a7;
    padding: 6px;
    letter-spacing: normal;
    vertical-align: middle;
}


/* Main Css */
 /* Desktop Navigation */
nav {
    background: #000;
    text-align: right;
    position: relative;
    z-index: 99;
    margin: 10px 0;
}

/*nav > ul {
    list-style: none;
    display: flex;
}
*/
nav > ul > li {
    position: relative;
    flex: 1;
    text-align: center;
    display: inline-block;
}

nav li a {
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    font-weight: 500;
    padding-left: 35px;
    /* border-radius: 5px; */
    transition: all 0.3s ease;
    font-family: "Montserrat", sans-serif;
}

/*nav li a:hover {
    background: #555;
}*/

/* Desktop Submenus */
nav ul ul {
        display: none;
    position: absolute;
    top: 100%;
    left: 25px;
    background: #000;
    min-width: 175px;
    text-align: left;
}

nav ul ul ul {
    left: 100%;
    top: auto;
    margin: -27px 0 0 0;
}

nav li:hover > ul {
    display: block;
}
.topsocialicon{
    margin: 20px 0 0 0;
}

/* Mobile Toggle Button */
.mobile-toggle {
    display: none;
    padding: 1rem;
    background: #000;
    color: white;
    cursor: pointer;
    justify-content: space-between;
}

.mobile-toggle::before {
    content: '☰';
    font-size: 25px;
}

/* Mobile Close Button (hidden by default) */
.mobile-close {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem;
    color: white;
    cursor: pointer;
    z-index: 100;
}

.mobile-close::before {
    content: '×';
    font-size: 1.5rem;
}

.visually-hidden {
    display: none;
}

/* Mobile Styles */
@media only screen and (max-width: 768px) {
    /* Hide desktop nav initially */
    .logo img {
    width: 100%;
    max-width: 100% ;
    }
    nav > ul {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #000;
        overflow-y: auto;
        z-index: 99;
        padding-top: 3rem;
    }
    
    /* Show mobile toggle */
    .mobile-toggle {
        display: block;
    }
    
    /* Show menu when checkbox is checked */
    #mobile-menu:checked ~ nav > ul {
        display: block;
    }
    
    /* Show close button when menu is open */
    #mobile-menu:checked ~ .mobile-close {
        display: block;
    }
    
    /* Change toggle icon when menu is open */
    #mobile-menu:checked ~ .mobile-toggle::before {
        content: '';
    }
    
    /* Navigation items */
    nav li {
        position: relative;
        border-bottom: 1px solid #1C1C1C;
    }
    
    /* Submenu indicator arrow (for items with submenus) */
    li:has(ul) > a::after {
        content: '▼';
        position: absolute;
        right: 1rem;
        transition: transform 0.3s;
    }
    
    /* Up arrow when submenu is open */
    li:has(ul) > a:focus::after,
    li:has(ul):focus-within > a::after {
        content: '▲';
    }
    
    /* Submenu styles */
    nav ul ul {
        display: none;
        position: static;
        background: #000;
        padding: 0 30px;
    }
    
    nav ul ul ul {
        background: #000;
        border-left: 3px solid #1C1C1C;
        padding: 20px;
    }
    
    /* Show submenu when parent is clicked */
    li:has(ul) > a:focus + ul,
    li:has(ul):focus-within > ul {
        display: block;
    }
    
    /* Hide focus outline for better UX */
    li:has(ul) > a:focus {
        outline: none;
    }
}

.logo img{
    width: auto;
    min-width: auto;
}
.topsocialicon ul li{
    display: inline-block;
}

.topsocialicon ul li a {
    color: #aff000;
    font-family: "Montserrat", sans-serif;
    padding-left: 0px;
}

.topsocialicon ul li {
    display: inline-block;
    color: #aff000;
}
.topsocialicon ul li i {
    border: 1px solid #aff000;
    border-radius: 50%;
    padding: 5px;
    font-size: 12px;
}
.topsocialicon ul li:nth-child(2) {
    padding-left: 10px;
}

header ul.nav-links li a.active {
    color: #aff000;
}
header ul.nav-links li a:hover {
    color: #aff000;
    text-decoration: none;
}

nav ul.nav-links li ul li{
    padding: 10px;
    line-height: 15px;
}

nav ul.nav-links li ul li:last-child{
    border-bottom: none;
}

nav ul.nav-links li ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight:400;
    padding: 0px;
    /* border-radius: 5px; */
    transition: all 0.3s ease;
    font-family: "Montserrat", sans-serif;
}
.nav-links li a.active::after {
    content: "";
    width: 20%;
    height: 2px;
    background: #aff000;
    position: absolute;
    text-align: left;
    margin: 25px 0px 0 -50px;
    /* left: 0; */
    color: #aff000;
}

/*------Home About Us------*/
.aboutusrightcontent p{
    font-size: 17px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
}

.aboutusleftsidetitle h1{
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    color: #fff;
    font-style: italic;
    line-height: 55px;
    margin-bottom: 0px;
}

.aboutusleftsidetitle h1 span{
    color: #aff000;
    font-size: 80px;
    line-height: 80px;
}

.aboutusrightcontent{
    position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.aboutuscontianer{
    background: #000000;
}

.aboutuscontianer {
    padding: 50px 0;
}

.aboutfirstimages img{
    width: 100%;
}

.aboutusbtn a{
    color: #000;
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    font-style: italic;
    line-height: 55px;
    margin-bottom: 0px;
    font-weight: 500;
}

.aboutusbtn a:hover{
    color: #000;
}


button.hex.small {
    font-size: 0.7rem;
}


button.hex {
    font-size: 1rem;
    color: #00025d;
    border: none;
    outline: none;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    height: 3.75em;
    width: 16em;
    padding: 0.5em 1.8em;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

button.hex:before {
    --btn-hex-size: 7%;
    --right-corner: calc(100% - var(--btn-hex-size));
    width: 100%;
    height: 100%;
    inset: 0;
    background: #aff000;
}

button.hex:after {
    --btn-hex-size: 6.8%;
    --right-corner: calc(100% - var(--btn-hex-size));
    display: block;
    position: absolute;
    background: #aff000;
    inset: 3px;
}

button.hex:before,
button.hex:after {
    content: "";
    display: block;
    position: absolute;
    transition: transform 0.25s ease, clip-path 0.25s ease;
    will-change: clip-path, transform;
    transform: rotate(0.0001deg);
}

button.hex:before {
    -webkit-clip-path: polygon(
        var(--btn-hex-size) 0%,
        var(--right-corner) 0%,
        100% 50%,
        var(--right-corner) 100%,
        var(--btn-hex-size) 100%,
        0% 50%
    );
}

button.hex:after {
    -webkit-clip-path: polygon(
        var(--btn-hex-size) 0%,
        var(--right-corner) 0%,
        99.5% 50%,
        var(--right-corner) 100%,
        var(--btn-hex-size) 100%,
        0.5% 50%
    );
}

button.hex > a{
    position: relative;
    z-index: 1;
    display: inline-block;
    transition: transform 0.2s ease, clip-path 0.2s ease;
    will-change: transform;
}

button.hex:hover:before {
    --btn-hex-size: 0%;
}

button.hex:hover:after {
    --btn-hex-size: 0.5%;
}

button.hex:active:after {
    transform: scale(1.03) scaleY(1.1);
}

button.hex:active:before {
    transform: scale(0.9);
}

.productsbtn {
    text-align: center;
    padding: 50px 0;
}
.productsbtn a{
    color: #000;
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    font-style: italic;
    line-height: 55px;
    margin-bottom: 0px;
    font-weight: 500;
}

.productsbtn a:hover{
    color: #000;
}

.blogsbtn {
    text-align: center;
    padding: 50px 0;
}
.blogsbtn a{
    color: #000;
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    font-style: italic;
    line-height: 55px;
    margin-bottom: 0px;
    font-weight: 500;
}

.blogsbtn a:hover{
    color: #000;
}

.aboutusbtn{
    text-align: center;
    padding: 50px 0 150px 0;
}
.bodymiddletitle{
    padding: 50px 0;
}

.proimagetitle img{
    width: auto;
    min-width: auto;
    padding-bottom: 50px;
}

.aboutusimagesec {
    background: #000000;
    background: url(assets/images/Car-bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 50px 0 0 0;
}

.bodymiddletitle{
    background: #000000;
    text-align: center;
}

.ourprocontainer h4{
    font-family: "Oswald", sans-serif;
    font-size: 25px;
    color: #fff;
    text-align: left;
    font-style: italic;
    line-height: 55px;
    margin-bottom: 0px;
}

.ourprocontainer h4 span.colorA{
    font-size: 25px;
    color: #aff000;
    font-style: normal;
}
.ourprocontainer h4 span.colorB{
    font-size: 25px;
    color: #fff;
    font-style: normal;
}
.ourprocontainer img{
    width: 100%;
}

.drop-menu li{
    padding: 0 15px 0 0px;
}
/*
.ourprocontainer ul li::before{
    content: '';
      background: url('../images/check-icon.png') no-repeat;
      width: 70px;
      height: 80px;
      display: inline-block;
      margin-right: 5px;
      z-index: 10;
      background-position: center;
      vertical-align: middle;
}*/

.ourprocontainer ul li{
    text-align: left;
}

.ourprocontainer ul li img{
    width: auto;
    min-width: auto;
}

.ourprocontainer ul{
    display: flex;
}

.ourprocontainer ul li:nth-child(2){
    font-size: 17px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    padding-left: 15px;
}

.middleproductbox{
    margin-top: 30px;
}

.blogsectioncontainer{
    background: #000000;
}

.blogsectioncontainer h2{
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    color: #fff;
    font-style: italic;
    margin-bottom: 30px;
    text-align: center;
}

.blogsectioncontainer h2 span{
    color: #aff000;
    font-size: 50px;
}

.rightsideblogsec img{
    width: 100%;
}

.rightsideblogsec h3{
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    color: #aff000;
    font-style: italic;
    margin: 30px 0 0 0;
    text-align: left;
}

.rightsideblogsec p{
    font-size: 17px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
}
.rightsideblogsec ul li{
    display: inline-block;
}

.rightsideblogsec ul li:nth-child(2){
    float: right;
}

.rightsideblogsec ul li p span{
    font-size: 15px;
    color: #bbb3b3;
    font-weight: 300;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
}
.rightsideblogsec ul li p{
    margin-bottom: 0px;
}

.rightsideblogsec ul{
    margin: 10px 0;
}

.blogonlytitltesec h3{
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    color: #000;
    font-style: italic;
    margin: 30px 0 0 0;
    text-align: left;
}

.blogonlytitltesec p{
    font-size: 17px;
    color: #000;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
} 

.blogonlytitltesec ul li{
    display: inline-block;
}

.blogonlytitltesec ul li:nth-child(2){
    float: right;
}

.blogonlytitltesec ul li p span{
    font-size: 15px;
    color: #000;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
}
.blogonlytitltesec ul li p{
    margin-bottom: 0px;
}

.rightsideblogsec ul{
    margin: 10px 0;
}

.leftsideblogsec{
    background: #aff000;
    padding: 5px 10px;
    clip-path: polygon(0% 3%, 100% 0%, 100% 100%, 0 100%);
}

.footercontaiuner{
    background: url(assets/images/footerbg.jpg) center center no-repeat;
    background-size: cover;
    padding: 50px 0 0 0;
    border-top: 2px solid #aff000;
}

.footwerlogosec img {
    width: auto;
    min-width: auto;
}
.footwerlogosec p{
    font-size: 17px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    margin: 20px 0 0 0;
}

.footermenu h6{
        font-family: "Oswald", sans-serif;
    font-size: 20px;
    color: #aff000;
    font-style: italic;
    margin: 0 0 20px 0;
    text-align: left;
}

.footermenu ul li a{
    font-size: 17px;
    color: #bbb3b3;
    font-weight: 300;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
}

.footermenu ul li a:hover{
    color: #aff000;
    text-decoration: none;
    transition: all 0.6s ease-in;
}

.footermenu ul li{
    padding: 0 0 5px 0;
}

.footerquickcontact h6{
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    color: #aff000;
    font-style: italic;
    margin: 0 0 20px 0;
    text-align: left;
}

.footerquickcontact ul li{
    display: inline-block;
    padding: 0 5px;
}

.footerquickcontact ul li i{
    color: #aff000;
}

.footerquickcontact ul li i:hover{
    color: #fff;
    transition: all 0.6s ease-in;
}

.subscribeemail .fa-angle-right {
    position: absolute;
    top: 0px;
    background: #aff000;
    padding: 15px;
    color: #000;
}

.subscribeemail input {
    width: auto;
    height: 46px;
    background: #ffffff00;
    border: 1px solid #fff;
    color: #1e1e1e;
    font-size: 15px;
    outline: none;
    padding: 0 10px;
}

.subscribeemail {
    position: relative;
    color: #aaa;
    font-size: 16px;
}

.footerquickcontact p {
    font-size: 17px;
    color: #bbb3b3;
    font-weight: 600;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    margin: 30px 0 20px 0;
}

.footersubscribe{
    position: relative;
}

.footersubscribe p::after {
    content: "";
    width: 20%;
    height: 2px;
    background: #aff000;
    position: absolute;
    text-align: left;
    margin: 30px 0px 0 0;
    left: 0;
}

.copyrightstext p{
    font-size: 17px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    text-align: center;
    margin-bottom: 0px;
    padding: 15px 0;
}

.copyrightstext p a{
    color: #bbb3b3;
}

.footercontaiuner .container-fluid{
    background: #0000004f;
}

.leftsideblogsec hr{
    opacity: 1;
    border-top: 1px solid #000;
}

.aboutuspagecontianer{
    padding: 50px 0;
    background: #000000;
}
.brandobjcontauibner{
    background: #000000;
}
.aboutustitle h1{
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    color: #fff;
    font-style: italic;
    margin-bottom: 30px;
    text-align: center;
}

.aboutustitle h1 span{
    color: #aff000;
    font-size: 50px;
}

.brandobjcontauibner h3{
    font-family: "Oswald", sans-serif;
    font-size: 25px;
    color: #aff000;
    text-align: left;
    font-style: italic;
    line-height: 55px;
    margin-bottom: 0px;
}

.leftbrandobjdesct p{
    font-size: 17px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
}

.leftbrandobjimg img{
    width: 100%;
}
.gearoneblackbox{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.rightbrandobjdesct p{
    font-size: 17px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    text-align: right;
    margin-left: 10px;
}
.rightbrandobjimg{
    margin: 100px 0 0 0;
}
.rightbrandobjdesct{
    margin: 100px 0 0 0;
}

.rightbrandobjimg img{
    width: 100%;
}

.corevaluescontiner{
    background: #aff000;
    padding: 100px 0;
}

.corevaluesbox h4{
    font-family: "Oswald", sans-serif;
    font-size: 22px;
    color: #000000;
    font-style: italic;
    line-height: 55px;
    text-align: center;
}

.corevaluesbox p{
    font-size: 17px;
    color: #000;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    text-align: center;
}

.corevaluesimg img {
    width: auto;
    min-width: auto;
}

.corevaluesimg{
    text-align: center;
}

.corevaluestitle{
    margin: 50px 0;
}

.corevaluestitle h2{
    font-family: "Oswald", sans-serif;
    font-size: 25px;
    color: #aff000;
    text-align: left;
    font-style: italic;
    line-height: 55px;
    margin-bottom: 0px;
}

.aboutuspagebanner img{
    width: 100%;
}

.innerpagebanner img{
    width: 100%;
}

.innertitle h2{
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    color:  #aff000;
    margin-bottom: 30px;
    text-align: center;
}

.contactuspagecontianer{
    background: #000000;
        padding: 50px 0;
}

.innertitle h2 span.colorA {
    font-size: 50px;
    color: #aff000;
    font-style: normal;
    text-transform: uppercase;
}

.innertitle h2 span.colorB {
    font-size: 50px;
    color: #fff;
    font-style: normal;
    text-transform: uppercase;
}

.contactfromcontainer .contactfromsmfield{
    width: 100%;
    border: 1px solid #aff000;
    height: 40px;
    color: #aff000;
    background: #ffffff00;
    margin-bottom: 10px;
    padding: 0 10px;
    outline: none;
}

.contactfromcontainer .contactfrombgfield{
    width: 100%;
    border: 1px solid #aff000;
    height: 140px;
    color: #aff000;
    background: #ffffff00;
    margin-bottom: 10px;
    padding: 0 10px;
    outline: none;
}

.contactpagebtn .submitBtn {
    color: #000;
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    font-style: italic;
    /* line-height: 55px; */
    margin-bottom: 0px;
    font-weight: 500;
    background: none;
    border: none;
}
.contactpagebtn.hex > .submitBtn {
    position: relative;
    z-index: 1;
    display: inline-block;
    transition: transform 0.2s ease, clip-path 0.2s ease;
    will-change: transform;
}
.contactpagebtn.hex.small {
    font-size: 0.7rem;
    float: right;
}


.contactpagebtn.hex {
    font-size: 1rem;
    color: #00025d;
    border: none;
    outline: none;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    height: 3.75em;
    width: 16em;
    padding: 0.5em 1.8em;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.contactpagebtn.hex:before {
    --btn-hex-size: 7%;
    --right-corner: calc(100% - var(--btn-hex-size));
    width: 100%;
    height: 100%;
    inset: 0;
    background: #aff000;
}

.contactpagebtn.hex:after {
    --btn-hex-size: 6.8%;
    --right-corner: calc(100% - var(--btn-hex-size));
    display: block;
    position: absolute;
    background: #aff000;
    inset: 3px;
}

.contactpagebtn.hex:before,
.contactpagebtn.hex:after {
    content: "";
    display: block;
    position: absolute;
    transition: transform 0.25s ease, clip-path 0.25s ease;
    will-change: clip-path, transform;
    transform: rotate(0.0001deg);
}

.contactpagebtn.hex:before {
    -webkit-clip-path: polygon(
        var(--btn-hex-size) 0%,
        var(--right-corner) 0%,
        100% 50%,
        var(--right-corner) 100%,
        var(--btn-hex-size) 100%,
        0% 50%
    );
}

.contactpagebtn.hex:after {
    -webkit-clip-path: polygon(
        var(--btn-hex-size) 0%,
        var(--right-corner) 0%,
        99.5% 50%,
        var(--right-corner) 100%,
        var(--btn-hex-size) 100%,
        0.5% 50%
    );
}

.contactpagebtn.hex > a{
    position: relative;
    z-index: 1;
    display: inline-block;
    transition: transform 0.2s ease, clip-path 0.2s ease;
    will-change: transform;
}

.contactpagebtn.hex:hover:before {
    --btn-hex-size: 0%;
}

.contactpagebtn.hex:hover:after {
    --btn-hex-size: 0.5%;
}

.contactpagebtn.hex:active:after {
    transform: scale(1.03) scaleY(1.1);
}

.contactpagebtn.hex:active:before {
    transform: scale(0.9);
}


.contactaddress p{
    font-size: 17px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    padding-right: 180px;
    margin-bottom: 0px;
}

.contactusinnersec h6{
    font-family: "Oswald", sans-serif;
    font-size: 25px;
    color: #aff000;
    text-align: center;
    font-style: italic;
    line-height: 55px;
    margin-bottom: 50px;
}

.contactusinnersec{
    background: #000000;
}

.clearppfcontianer h2{
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    color: #fff;
    font-style: italic;
    margin-bottom: 30px;
    text-align: center;
}

.clearppfcontianer h2 span{
        color: #aff000;
    font-size: 50px;
}
.clearppfcontianer{
    padding: 50px 0;
    background: #000000;
}
.innerpagebanner{
    background: #000;
}
.gearoneshieldinnerbody{
    background: #000;
}
.clearppfinnerbody h3{
        font-family: "Oswald", sans-serif;
    font-size: 25px;
    color: #aff000;
    text-align: left;
    font-style: italic;
    line-height: 55px;
    margin-bottom: 0px;
}

.clearppfinnerbody h3 span.colorA{
        font-size: 25px;
    color: #aff000;
    font-style: normal;
}

.clearppfinnerbody h3 span.colorB{
    font-size: 25px;
    color: #fff;
    font-style: normal;
}

.clearppfinnerbody p{
    font-size: 17px;
    color: #fff;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
}

.blogsec img{
    width: 100%;
}

.blogsec h3{
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    color: #fff;
    text-align: left;
    font-style: italic;
    margin: 10px 0;
}

.blogsec p{
    font-size: 17px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    padding-right: 180px;
}

.blogSidebar h4{
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    color: #fff;
    text-align: left;
    font-style: italic;
    margin: 10px 0;
}

.blogSidebar ul li{
    font-size: 17px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    list-style: disc;
    padding-bottom: 10px;
}
.blogSidebar ul li a{
    color: #fff;
    font-size: 17px;
    line-height: 20px;
}
.blogSidebar{
    padding-left: 20px;
}

.blogSidebar ul{
    padding: 0 20px;
}

.blogSidebar input{
    border: 1px solid #aff000;
    height: 40px;
    color: #aff000;
    background: #ffffff00;
    margin-bottom: 10px;
    padding: 0 10px;
    outline: none;
}

.wp-block-search__button{
    color: #000;
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    background: #aff000;
    border: none;
    padding: 10px 20px;
    height: 40px;
}

.hotspotsection img{
    /*width: 70%;
    min-width: 75%;*/
}
.hotspotsection{
    text-align: center;
}

.innerbodycontainer h2{
    font-family: "Oswald", sans-serif;
    font-size: 50px;
    color: #fff;
    font-style: italic;
    margin-bottom: 30px;
    text-align: center;
}
.innerbodycontainer {
    padding: 50px 0;
    background: #000000;
}

.innerbodycontainer p{
        font-size: 17px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
}

.coatingservicealllist ul li img{
    width: auto;
    min-width: auto;
}

.coatingservicealllist ul li {
    display: inline-block;
    width: 13%;
    text-align: center;
}

.coatingservicealllist ul li h5{
    font-family: "Oswald", sans-serif;
    font-size: 15px;
    color: #fff;
    font-style: italic;
    margin: 10px 0;
    text-align: center;
}
.coatingservicealllist ul {
    text-align: center;
}

.coatingtechlist{
    padding: 50px 0;
    background: #000;
}

.cotaingtechnology .row{
    border: 1px solid #aff000;
}

.containgboxtec h4{
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    color: #aff000;
    text-align: left;
    font-style: italic;
    line-height: 55px;
    margin-bottom: 0px;
}
.containgboxtec p{
        font-size: 17px;
    color: #fff;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    padding-right: 150px;
}

.containgboxtec ul li{
        font-size: 17px;
    color: #fff;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    padding-right: 150px;
    list-style: disc;
}
.containgboxtec ul{
    margin: 0 20px;
}
.coatingtechimg img{
    width: 100%;
}

.coatingtechimg{
    border-right:1px solid  #aff000;
    margin: 15px 0;
}

.containgboxtec{
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.cotaingtechnology{
    position: relative;
}


.signaturefeaturescontainer h2{
    font-family: "Oswald", sans-serif;
    font-size: 25px;
    color: #aff000;
    text-align: left;
    font-style: italic;
    line-height: 55px;
    margin-bottom: 0px;
}

.signaturefeaturescontainer{
    margin: 50px 0;
    background: #000;
}
.accordion-item{
    background: #ff000000;
    border: none;
    
}
.accordion-body{
    font-size: 17px;
    color: #fff;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
}
.accordion-button{
    background-color: #ffffff00 !important;
    font-family: "Oswald", sans-serif;
    font-size: 15px;
    color: #fff !important;
    font-style: italic;
    text-align: center;
}
.accordion-button:not(.collapsed){
    background-color: #ffffff00;
}

.accordion-header{
   border-left: 2px solid #aff000; 
    border-bottom: 2px solid #aff000; 
}


.accordion-button:focus{
    border-color: #86b7fe00 !important;
    outline: none !important;
}
.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}
/*-----Table CSS----*/
table {
  border: 1px solid #aff000;
  border-collapse: collapse;
  margin: 30px 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  border: 1px solid #aff000;
  padding: .35em;
}

table th,
table td {
  padding: 10px;
  text-align: center;
  color: #fff;
   border: 1px solid #aff000;
  font-size: 13px;
}

thead{
   background: #aff000; 
}
table th {
  font-family: "Montserrat", sans-serif;
  border-right: 2px solid #aff000;
    text-align: center;
    color: #000;
    font-size: 13px;
    font-weight: 400;
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}


.blogtitle p small{
   padding-bottom: 0px;
   margin-bottom: 0px;
}

.wp-block-search__label {
    width: 100%;
    display: none;
}

.blogFeaturedImage img{
    width: 100%;
}

.singleblogContainer h2{
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    color: #fff;
    text-align: left;
    font-style: italic;
    margin: 10px 0;
}

.postEntry p small{
    font-size: .875em;
    color: #aff000;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.postEntry p{
    font-size: 17px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.pagenotfoundbox h3{
    color: #fff;
    font-family: "Montserrat", sans-serif;
}

.pagenotfoundbox p{
    color: #fff;
    font-family: "Montserrat", sans-serif;
}

.pagenotfoundpage{
    margin: 50px 0;
}

.seachpagecontaioner h1{
        font-family: "Oswald", sans-serif;
    font-size: 20px;
    color: #fff;
    text-align: left;
    font-style: italic;
    margin: 10px 0;
}

.searchContainer img{
    width: 100%;
}

.searchContainer p{
    font-size: 17px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.searchContainer ul li{
    list-style: disc;
    font-size: 17px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.searchContainer ul{
    padding: 0 20px;
}

.seachpagecontaioner{
    margin: 50px 0;
}

#respond h3{
    font-size: 20px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#respond input{
    width: 100%;
    outline: none;
}

#respond textarea{
    width: 100%;
    height: 100px;
    outline: none;
}

#respond #submit{
    color: #000;
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    background: #aff000;
    border: none;
    padding: 10px 20px;
    height: 40px;
    width: auto;
}
#respond small{
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#respond{
        margin: 30px 0 0 0;
    border-top: 1px solid #fff;
    padding: 20px 0 0 0;
}

.rightsideblogsec p a{
    color: #bbb3b3;
    text-transform: capitalize;
}

.postEntry ul li{
    list-style: disc;
        font-size: 17px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.postEntry ul{
    padding: 0 20px;
}

.singleblogContainer{
    margin: 50px 0;
}

/* Remove Bootstrap's default arrow */
.accordion-button::after {
  display: none;
}

/* Position custom icon */
.accordion-button .fa-chevron-down {
  transition: transform 0.3s ease;
  margin-left: auto;
  color: #fff;
}

/* Rotate when accordion is open */
.accordion-button:not(.collapsed) .fa-chevron-down {
  transform: rotate(180deg);
  color: #aff000;
}

.gearoneshieldinnerbody h1{
    font-family: "Oswald", sans-serif;
    font-size: 25px;
    color: #aff000;
    text-align: left;
    font-style: italic;
    line-height: 55px;
    margin-bottom: 0px;
}

.gearoneshieldinnerbody h1 span.colorA {
    font-size: 25px;
    color: #aff000;
    font-style: normal;
}

.gearoneshieldinnerbody h1 span.colorB {
    font-size: 25px;
    color: #fff;
    font-style: normal;
}

.gearoneshieldbox h5{
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    color: #fff;
    font-style: italic;
    text-align: right;
}

.gearoneshieldbox p{
    font-size: 17px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    text-align: right;
    margin-left: 10px;
}
.gearoneshieldbox{
    margin: 30px 0 0 0;
}

.leftgearoneshieldbox h5{
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    color: #fff;
    font-style: italic;
    text-align: left;
}

.leftgearoneshieldbox p{
    font-size: 17px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    text-align: left;
    margin-left: 10px;
}

.productdatatable h2{
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    color: #fff;
    font-style: italic;
    text-align: left;
}

.reliableheadlamp{
    padding: 30px 0;
    background: #000;
}

.reliableheadlamp h2{
    font-family: "Oswald", sans-serif;
    font-size: 25px;
    color: #fff;
    font-style: italic;
    text-align: left;
}

.reliableheadlamp h3{
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    color: #fff;
    font-style: italic;
    text-align: left;
}

.reliableheadlampbody p{
    font-size: 17px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    text-align: left;
    margin-left: 10px;
}

.reliableheadlampbodyimg img{
    width: 100%;
}

.sunroofbody p{
    font-size: 17px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    text-align: left;
    margin-left: 10px;
}

.wrapcontainer{
    padding: 30px 0;
    background: #000;
}

.wrapcontainer h2{
    font-family: "Oswald", sans-serif;
    font-size: 25px;
    color: #fff;
    font-style: italic;
    text-align: left;
}

.wrapcontainerimg img{
    width: 100%;
}

.wrapbodytxt p{
    font-size: 17px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    text-align: right;
    margin-left: 10px;
}

.gearoneblackbox p{
    font-size: 17px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    text-align: right;
    margin-left: 10px;
}

.leftgearoneblackbox p{
    font-size: 17px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    text-align: left;
    margin-left: 10px;
}

.leftgearoneblackbox{
    margin: 30px 0 0 0;
}

.leftgearoneblackimg{
    margin: 30px 0 0 0;
}

.leftgearoneblackimg img{
    width: 100%;
}

.strikingvisualcontainer{
    padding: 30px 0;
    background: #aff000;
}

.strikingvisualcontainer h2{
        font-family: "Oswald", sans-serif;
    font-size: 25px;
    color: #000;
    font-style: italic;
    text-align: center;
}

.strikingvisualbody p{
    font-size: 17px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    text-align: left;
    margin-left: 10px;
}

.strikingvisualiconbpox ul li h6{
    font-family: "Oswald", sans-serif;
    font-size: 15px;
    color: #000;
    font-style: italic;
    margin: 10px 0;
    text-align: center;
}

.strikingvisualiconbpox ul li{
    display: inline-block;
    width: 19%;
    text-align: center;
}

.strikingvisualiconbpox ul{
    text-align: center;
}

.strikingvisualiconbpox ul li img{
        width: auto;
    min-width: auto;
    background: #aff000;
}

.worldclasscontainer{
    padding: 30px 0;
    background: #000;
}
.worldclasscontainer h2{
        font-family: "Oswald", sans-serif;
    font-size: 25px;
    color: #fff;
    font-style: italic;
    text-align: left;
}

.strikingvisualbody h4{
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    color: #fff;
    font-style: italic;
    text-align: right;
}

.strikingvisualbody p{
    font-size: 17px;
    color: #000;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    text-align: center;
}

.productdatatable{
    background: #000;
}

.worldclassbody p{
    font-size: 17px;
    color: #bbb3b3;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    text-align: right;
}

.worldclassbody h4{
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    color: #fff;
    font-style: italic;
    text-align: right;
}

.sunfilmcontainer h2{
        font-family: "Oswald", sans-serif;
    font-size: 25px;
    color: #aff000;
    text-align: left;
    font-style: italic;
    line-height: 55px;
    margin-bottom: 0px;
}

.sunfilmcontainerbox h3{
        font-family: "Oswald", sans-serif;
    font-size: 25px;
    color: #fff;
    font-style: italic;
    margin: 10px 0;
    text-align: center;
}

.sunfilmcontainerbox p{
    font-size: 17px;
    color: #fff;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    text-align: center;
}

.sunfilmcontainerbox img{
        width: auto;
    min-width: auto;
    background: #aff000;
    border-radius: 50%;
    margin: 0 auto;
    display: block;
}

.sunfilmcontainer{
    padding: 30px 0;
    background: #000;
}

.clearcoolcontainer{
    padding: 30px 0;
}

.clearcoolcontainebox h3{
        font-family: "Oswald", sans-serif;
    font-size: 20px;
    color: #fff;
    font-style: italic;
    text-align: left;
}

.clearcoolcontainebox p{
    font-size: 17px;
    color: #fff;
    font-weight: 400;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
}

.warrantyFormSection {
    width: 50%;
    margin: 0 auto;
}

.warrantyFormSection label {
    color: #bbb3b3;
}

.warrantyFormSection .fileUpload {
    margin: 0 0 10px 0;
}

.mobileslidercontainer{
    display: none;
}
.mobilebanner{
    display: none;
}

.clearppfinnerbody p b{
    color: #aff000;
}

.colouredwrapbtn{
    padding: 10px 0;
    text-align: left;
}

.colouredppfimg img{
    width: 100%;
}

.colouredppfimg{
    border-left: 1px solid #aff000;
    margin: 10px 0;
}

.desktopbanner img{
width: 100%;
}

.contactaddress h4{
    font-size: 20px;
    color: #aff000;
    font-weight:600;
    line-height: 28px;
    font-family: "Montserrat", sans-serif;
    padding-bottom: 0px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.contactaddress{
    box-shadow:#ffffff14 0px 4px 12px;
    padding: 0 10px 10px 10px;
    margin-bottom: 10px;
}

.colouredwrapbtn button.hex.small {
    font-size: 13px;
}

.productbutton a{
    background: #aff000;
    color: #000;
    padding: 10px 20px;
}

.productbutton{
    margin: 15px;
    text-align: center;
}