/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- - - : Global Css
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
:root {
    --white : #ffffff;
    --441214: #441214;
    --5d292b: #5d292b;
    --ffff00: #ffff00;
    --f4bd00: #f4bd00;
    --black : #000000;

    --font-14 : 14px;
    --lineH-20: 20px;

    --font-28 : 28px;
    --lineH-34: 34px;
}

@font-face {
    font-family: 'ArialMT Regular';
    src        : url('../fonts/Arial_MT.otf');
}

@font-face {
    font-family: 'ArialMT Bold';
    src        : url('../fonts/ARIALBOLDMT.OTF');
}

@font-face {
    font-family: 'ArialMT Black';
    src        : url('../fonts/ARIALMTBLACK.TTF');
}

html {
    scroll-behavior: smooth;
}

body {
    margin     : 0;
    padding    : 0;
    font-family: 'ArialMT Regular';
    font-size  : var(--font-14);
    line-height: var(--lineH-20);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

ul {
    list-style  : none;
    padding-left: 0 !important;
}

a {
    text-decoration: none !important;
    transition     : 0.3s;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.btn {
    text-decoration: none;
    transition     : 0.3s;
}

.container {
    max-width   : 1500px;
    margin-left : auto;
    margin-right: auto;
    display     : block;
}

.x-space {
    padding-left : 50px;
    padding-right: 50px;
}

.row {
    display   : flex;
    flex-wrap : wrap;
    column-gap: 30px;
}

.w-100 {
    width: 100% !important;
}

.h-100 {
    height: 100% !important;
}

.fit-image {
    object-fit: cover;
}

.pos-absolute {
    position: absolute;
}

.pos-relative {
    position: relative;
}

.d-flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.align-items-center {
    align-items: center;
}

.justify-content-center {
    justify-content: center;
}

.text-uppercase {
    text-transform: uppercase;
}

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

.text-white {
    color: var(--white) !important
}

.text-black {
    color: var(--black) !important;
}

.column {
    width: calc(50% - 15px);
}

.mx-auto {
    margin-left : auto !important;
    margin-right: auto !important;
}

.secTitle {
    width        : 170px;
    height       : fit-content;
    top          : -65px;
    left         : 0;
    margin       : auto;
    right        : 0;
    background   : var(--white);
    z-index      : 9;
    border-radius: 200px 200px 0 0;
    padding      : 30px 15px 0;
}

.secTitle>h2 {
    font-size  : var(--font-28);
    line-height: var(--lineH-34);
    font-weight: 400;
}

.trans {
    transition: 0.3s;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- - - : Header Css
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
header {
    position  : fixed;
    top       : 15px;
    z-index   : 99;
    transition: 0.5s;
}

/*header .logo img {
    height: 60px;
    object-fit: contain;
}*/
header nav {
    color          : white;
    justify-content: space-between;
    padding        : 10px 0px;
}

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

header.sticky nav ul li a {
    color: var(--black);
}

header nav ul li a {
    font-family    : 'ArialMT Bold';
    color          : var(--white);
    text-decoration: none;
    transition     : color 0.3s;
    text-transform : uppercase;
    font-size      : var(--font-14);
    line-height    : var(--lineH-20);
    padding        : 0 18px;
    position       : relative;
}

header nav ul li a:hover,
header nav ul li a.active {
    color: var(--white);
}

header nav>ul>li>a::before {
    content   : '';
    width     : 100%;
    position  : absolute;
    height    : 0;
    bottom    : -5px;
    background: var(--441214);
    left      : 0;
    z-index   : -1;
    transition: 0.3s;
}

header nav>ul>li>a:hover::before,
header nav>ul>li>a.active::before,
header nav>ul>li.parent>a::before {
    height: calc(100% - -105px);
}

header nav .checkbtn {
    font-size: 30px;
    color    : white;
    cursor   : pointer;
    display  : none;
}

header nav #check {
    display: none;
}

header.sticky {
    background: var(--white);
    top       : 0;
}

header nav #check:checked+.checkbtn>i::before {
    content: "\f00d";
}

nav>ul>li.has-children {
    position: relative;
}

nav>ul>li.has-children>ul.sub-menu {
    opacity       : 0;
    visibility    : hidden;
    transition    : 0.3s;
    position      : absolute;
    top           : 100%;
    background    : #fff;
    padding       : 0;
    min-width     : 200px;
    max-width     : fit-content;
    list-style    : none;
    display       : flex;
    flex-direction: column;
    box-shadow    : 0 0 10px -1px rgba(0, 0, 0, 0.3);
    border-radius : 3px;
}

nav>ul>li.has-children>ul.sub-menu>li>a {
    color        : var(--black);
    padding      : 10px 15px;
    display      : block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    font-size    : 13px;
}

nav>ul>li.has-children>ul.sub-menu>li:last-child>a {
    border-bottom: 0;
}

nav>ul>li.has-children:hover>a+ul.sub-menu {
    opacity   : 1;
    visibility: visible;
    transform : translateY(20px);
}

nav>ul>li.has-children>ul.sub-menu>li>a:hover,
nav>ul>li.has-children>ul.sub-menu>li.active>a {
    background  : var(--5d292b);
    color       : var(--white);
    border-color: var(--5d292b);
}

.innerPage nav>ul>li.has-children ul.sub-menu li>a:hover,
.innerPage nav>ul>li.has-children ul.sub-menu li>a.active {
    color     : var(--white);
    background: var(--black) !important;
}

nav>ul>li.has-children>ul.sub-menu>li>a:hover i,
nav>ul>li.has-children>ul.sub-menu>li.active>a i {
    color     : var(--5d292b);
    background: var(--f4bd00) !important;
}

nav>ul>li.has-children>ul.sub-menu li:has(.sub-menu) {
    position: relative;
}

nav>ul>li.has-children>ul.sub-menu .sub-menu {
    transition    : 0.3s;
    position      : absolute;
    top           : 0;
    background    : #fff;
    padding       : 0;
    min-width     : 150px;
    max-width     : fit-content;
    list-style    : none;
    display       : flex;
    flex-direction: column;
    box-shadow    : 0 0 10px -1px rgba(0, 0, 0, 0.3);
    border-radius : 3px;
    left          : 100%;
    opacity       : 0;
    visibility    : hidden;
}

nav>ul>li.has-children>ul.sub-menu .sub-menu li a {
    color        : var(--black);
    padding      : 10px 15px;
    display      : block;
    border-bottom: 1px solid var(--global-color-preset-3);
    font-size    : 13px;
}

nav>ul>li.has-children>ul.sub-menu .sub-menu li a:hover {
    background  : var(--5d292b);
    color       : var(--white);
    border-color: var(--5d292b);
}

nav>ul>li.has-children>ul.sub-menu li:has(.sub-menu):hover ul.sub-menu {
    opacity   : 1;
    visibility: visible;
}

nav>ul>li.has-children>ul.sub-menu li:has(.sub-menu)>a>i {
    position       : absolute;
    right          : 10px;
    width          : 30px;
    height         : 30px;
    aspect-ratio   : 1;
    top            : 50%;
    transform      : translateY(-50%);
    display        : flex;
    align-items    : center;
    justify-content: center;
    z-index        : 1;
    background     : #eaeaea;
}

nav>ul>li.has-children>ul.sub-menu li:has(.sub-menu)>i {
    position       : absolute;
    top            : 8px;
    right          : 10px;
    width          : 30px;
    height         : 30px;
    aspect-ratio   : 1;
    display        : flex;
    align-items    : center;
    justify-content: center;
    z-index        : 1;
    background     : #eaeaea;
}

nav>ul>li.has-children>ul.sub-menu {
    z-index: 11;
}

nav>ul>li.has-children>ul.sub-menu>li.active>a {
    background: var(--black);
    color     : var(--white);
}

@media only screen and (max-width: 767px) {
    nav>ul>li.has-children>ul.sub-menu {
        display      : none;
        opacity      : 1;
        visibility   : visible;
        position     : relative;
        width        : 100%;
        right        : auto;
        height       : auto;
        top          : auto;
        transform    : translateY(0) !important;
        max-width    : 100%;
        border-radius: 0;
    }

    nav>ul>li.has-children>ul.sub-menu .sub-menu {
        display: none;
    }

    nav>ul>li.has-children>ul.sub-menu .sub-menu {
        position     : relative;
        top          : 0;
        opacity      : 1;
        visibility   : visible;
        left         : 0;
        box-shadow   : none;
        width        : 100%;
        max-width    : 100%;
        border-radius: 0;
        height       : fit-content;
    }
}

.socialFixed {
    position      : fixed;
    top           : calc(50% - 85px);
    right         : 0;
    z-index       : 22;
    list-style    : none;
    flex-direction: column;
    gap           : 10px;
    margin        : 0;
}

.socialFixed a {
    width        : 60px;
    height       : 50px;
    border-radius: 50px 0 0 50px;
    background   : var(--5d292b);
    transition   : 0.3s;
}

.socialFixed a:hover {
    background: var(--black);
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- - - : Banner Css
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#bannerSlider .column {
    width  : calc(50% - 15px);
    padding: 170px 0 140px;
}

#bannerSlider .column .content {
    padding-right: 20%;
}

/*#bannerSlider .owl-item > .row > img {
  z-index: -1;
}*/
#bannerSlider img.mobile,
#productBanner img.mobile {
    display: none;
}

#bannerSlider .content h1 {
    font-size          : 69px;
    font-family        : 'ArialMT Black';
    -webkit-text-stroke: 2px #ffeeb3;
    text-shadow        : 0px 5px 5px #cfb55c;
    margin-bottom      : 38px;
}

#bannerSlider .content h3 {
    font-size              : 42px;
    font-family            : 'Arial';
    text-shadow            : 0px 5px 5px #282828;
    -webkit-text-stroke    : 1px var(--white);
    -webkit-text-fill-color: var(--black);
    font-weight            : 900;
    max-width              : 450px;
    margin                 : auto;
    line-height            : 42px;
}

#bannerSlider .owl-dots,
#productBanner .owl-dots {
    position: absolute;
    bottom  : 80px;
    left    : 0;
    margin  : auto;
    right   : 0;
}

#bannerSlider .owl-dots button,
#productBanner .owl-dots button {
    border       : 1px solid transparent;
    border-radius: 50%;
    width        : 18px;
    height       : 18px;
    transition   : 0.3s;
    margin       : 0 2px;
}

#bannerSlider .owl-dots button:hover,
#bannerSlider .owl-dots button.active {
    border: 1px solid #b08c07;
}

#bannerSlider .owl-dots button>span,
#productBanner .owl-dots button>span {
    width     : 12px;
    height    : 12px;
    background: #b08c07;
    margin    : 2px;
}

.innerBanner:has(#productBanner) {
    padding: 0px;
}

#productBanner .owl-dots {
    bottom: 65px;
}

#productBanner .owl-dots button>span {
    background: var(--f4bd00);
}

#productBanner .owl-dots button:hover,
#productBanner .owl-dots button.active {
    border: 1px solid var(--f4bd00);
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- - - : About Section Css
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.aboutSec {
    background: var(--5d292b);
    padding   : 60px 100px;
}

.aboutSec .secTitle,
.peopleSec .secTitle {
    background: var(--5d292b);
}

.aboutSec .secTitle>h2 {
    max-width: 120px;
}

.aboutSec h3 {
    font-size              : 6vw;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height            : 6vw;
    font-weight            : 900;
    font-family            : 'Arial';
    background-image       : linear-gradient(180deg, #ba484d, #fffabc, #ebb600);
    filter                 : drop-shadow(0px 5px 6px #261111);
    margin-bottom          : 30px;
}

.aboutSec ul li>strong {
    color: var(--f4bd00);
}

.aboutSec .btn {
    color        : var(--black);
    background   : var(--f4bd00);
    padding      : 15px 32px;
    font-size    : 16px;
    border-radius: 6px;
    margin-top   : 20px;
    display      : inline-block;
}

.aboutSec .btn:hover {
    color     : var(--f4bd00);
    background: var(--black);
}

.aboutSec ul li:not(:last-of-type) {
    margin-bottom: 12px;
}

.aboutSec ul li {
    background         : url(../images/right-arrow.png) no-repeat;
    background-position: top left;
    background-size    : 30px;
    padding-left       : 50px;
}

.aboutSec .row {
    column-gap: 130px;
}

.aboutSec .column {
    width: calc(50% - 65px);
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- - - : Services Css
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.serviceSec {
    padding   : 65px 0 110px;
    background: var(--f4bd00);
}

.mainTitle,
.serviceSec .secTitle,
.mainTitle .secTitle {
    background: var(--f4bd00);
}

.serviceSec .secTitle {
    padding-top: 30px;
}

.serviceSec .boxes {
    display              : grid;
    grid-template-columns: auto auto auto auto auto auto;
    max-width            : 1050px;
    gap                  : 30px;
}

.serviceSec .boxes>.box>a {
    background   : var(--5d292b);
    width        : 100%;
    padding      : 20px;
    border-radius: 6px;
}

.serviceSec .boxes>.box:hover>a {
    background: var(--white);
}

.serviceSec .boxes>.box:hover>h4 {
    color: var(--5d292b) !important;
}

.serviceSec .boxes>.box>h4 {
    font-size  : 17px;
    margin-top : 12px;
    font-weight: 700;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- - - : Product Section Css
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.productSec {
    padding: 80px 0 100px;
}

.productSec,
.productSec .secTitle,
.clientSec,
.clientSec .secTitle {
    background: #269786;
}

.productSec .row {
    column-gap   : 60px;
    padding      : 50px 30px;
    border-radius: 10px;
    border       : 1px solid var(--white);
}

.productSec .row>.column {
    width: calc(50% - 30px);
}

.productSec .row>.column:has(.content) {
    align-self: center;
}

#productSlider {
    max-width: 1260px;
}

.productSec .content h3 {
    font-size  : 56px;
    line-height: 56px;
    font-family: 'ArialMT Black';
}

.productSec .content .btn {
    font-size    : 11px;
    background   : var(--5d292b);
    padding      : 10px 20px;
    border-radius: 5px;
    display      : inline-block;
    margin-top   : 30px;
    transition   : 0.3s;
}

.productSec .content .btn:hover {
    color     : var(--black) !important;
    background: var(--f4bd00);
}

#productSlider .owl-nav,
#productSlider .owl-nav.disabled,
#clientSlider .owl-nav,
#clientSlider .owl-nav.disabled {
    display        : flex;
    flex-wrap      : wrap;
    justify-content: center;
    margin-top     : 30px;
}

.productSec .row::after {
    content   : '';
    width     : 1px;
    position  : absolute;
    height    : calc(100% - 100px);
    top       : 50px;
    background: var(--white);
    left      : 50%;
}

#productSlider .owl-nav>button,
#clientSlider .owl-nav>button,
.featuring_product_container.owl-carousel .owl-nav>button {
    display       : flex;
    flex-wrap     : nowrap;
    align-items   : center;
    column-gap    : 8px;
    background    : transparent;
    color         : var(--white);
    text-transform: uppercase;
    font-family   : 'ArialMT Bold' !important;
    transition    : 0.3s;
}

#productSlider .owl-nav>button:hover,
#clientSlider .owl-nav>button:hover,
.featuring_product_container.owl-carousel .owl-nav>button:hover {
    color: var(--5d292b);
}

#productSlider .owl-nav>button>img,
#clientSlider .owl-nav>button>img {
    filter    : invert(100) brightness(100);
    transition: 0.3s;
}

#productSlider .owl-nav>button:hover>img,
#clientSlider .owl-nav>button:hover>img,
.serviceSec .boxes>.box:hover img,
.featuring_product_container.owl-carousel .owl-nav>button:hover>img {
    filter: brightness(0) saturate(100%) invert(21%) sepia(13%) saturate(4777%) hue-rotate(334deg) brightness(94%) contrast(97%);
}

#productSlider .owl-nav>button>img,
#clientSlider .owl-nav>button>img {
    transition: 0.3s;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- - - : Key People Css
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.peopleSec {
    background: var(--5d292b);
    padding   : 70px 50px 100px;
}

.peopleSec .row {
    max-width : 870px;
    column-gap: 60px;
}

.peopleSec .box {
    border       : 1px solid var(--f4bd00);
    border-radius: 300px;
    width        : calc(33% - 40px);
}

.peopleSec .box>span>img {
    width        : 218px;
    height       : 218px;
    border       : 15px solid var(--f4bd00);
    border-radius: 50%;
}

.peopleSec .box .title {
    font-size  : 17px;
    font-weight: 400 !important;
    padding    : 20px 10px;
}

.peopleSec .box .desig {
    background     : var(--f4bd00);
    font-family    : 'ArialMT Bold';
    border-radius  : 50px;
    display        : flex;
    height         : 40px;
    vertical-align : middle;
    align-items    : center;
    justify-content: center;
    width          : 150px;
    margin         : auto;
    line-height    : 15px;
}

.peopleSec .box .social {
    display              : grid;
    grid-template-columns: auto auto;
    width                : 110px;
    row-gap              : 20px;
    justify-content      : space-between;
    margin               : 22px 0 40px;
}

.peopleSec .box .social a {
    width        : 40px;
    height       : 40px;
    border       : 1px solid var(--f4bd00);
    border-radius: 50%;
}

.peopleSec .box .social a,
.peopleSec .box .social a img,
footer .copyRight .social a>img {
    transition: 0.3s;
}

.peopleSec .box .social a:hover,
footer .copyRight .social a:hover {
    background: var(--f4bd00);
}

.peopleSec .box .social a:hover img,
footer .copyRight .social a:hover>img,
.servArea .tabs-nav li>a>img {
    filter: invert(0) brightness(0);
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- - - : Client Says Section Css
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.clientSec {
    padding: 90px 70px 100px;
}

.clientSec .clients {
    border-radius: 10px;
    border       : 1px solid var(--white);
    padding      : 80px 20px 15px;
}

.clientSec .clients .profImg {
    width        : 98px;
    height       : 98px;
    border       : 1px solid var(--white);
    border-radius: 50%;
    left         : 0;
    right        : 0;
    top          : 0;
    transform    : translate(0, -50%);
    overflow     : hidden;
}

.clientSec .owl-carousel .owl-item .clients>img {
    width: 50px;
    top  : 20px;
    right: 25px;
}

.clientSec .owl-carousel .owl-item {
    padding-top: 50px;
}

.clientSec .clients p {
    line-height: 16px;
    max-width  : 268px;
}

.clientSec .clients h3 {
    border-top : 1px solid var(--white);
    margin     : 30px 0 0;
    padding-top: 18px;
}

.clientSec .clients h3>small {
    font-family: 'ArialMT Regular';
}

#clientSlider .owl-nav,
#clientSlider .owl-nav.disabled {
    margin-top: 40px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- - - : Contact Section Css
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.contactSec {
    padding: 35px 55px 55px;
}

.contactSec,
.contactSec .secTitle {
    background: var(--f4bd00);
}

.contactSec .secTitle {
    padding: 50px 0 0px;
}

.contactSec .contDtls {
    gap: 30px;
}

.contactSec .contDtls>.dtls {
    width        : calc(25% - 43px);
    background   : var(--white);
    border-radius: 10px;
    padding      : 35px 10px 15px;
}

.contactSec .contDtls>.dtls span {
    font-family : 'ArialMT Bold';
    font-size   : 17px;
    column-gap  : 10px;
    width       : fit-content;
    margin      : auto;
    padding-left: 50px;
    text-align  : left;
}

.contactSec .contDtls>.dtls>.top {
    padding-bottom: 25px;
    border-bottom : 1px dashed var(--black);
    margin-bottom : 15px;
}

.contactSec .contDtls>.dtls span img {
    position: absolute;
    left    : 0;
}

.contactSec .contDtls>.dtls>ul a {
    column-gap: 10px;
}

.contactSec .contDtls>.dtls>ul {
    column-gap: 20px;
}

.contactSec .contDtls>.dtls a {
    color     : var(--black);
    transition: 0.3s;
}

.contactSec .contDtls>.dtls a:hover {
    color: var(--5d292b);
}

.contactSec .form {
    background   : #272727;
    border-radius: 10px;
    overflow     : hidden;
    margin-top   : 30px;
}

.contactSec .form .formBox {
    padding: 30px 0px 30px 20px;
}

.contactSec .form .formBox label {
    margin-bottom: 10px;
    display      : block;
}

.contactSec .form .formBox form input,
.contactSec .form .formBox form textarea {
    background   : transparent;
    border       : 0;
    border-bottom: 1px solid var(--white);
    padding      : 0 0 5px;
    outline      : 0;
    font-family  : 'ArialMT Regular';
    color        : var(--white);
}

.contactSec .form .formBox form input::placeholder,
.contactSec .form .formBox form textarea::placeholder {
    color  : #4e4e4e;
    opacity: 1;
}

.contactSec .form .formBox form textarea {
    height: 60px;
}

.contactSec .form .formBox form>.row::before {
    content    : '';
    width      : 1px;
    position   : absolute;
    height     : 100%;
    border-left: 1px dashed var(--white);
    left       : 50%;
    top        : 0;
}

.contactSec .form .formBox form>.row {
    padding: 15px 0;
}

.contactSec .form .formBox form>.row:not(:last-of-type) {
    padding-bottom: 30px;
}

.contactSec .form .formBox form>.row:last-of-type {
    margin-bottom: 30px;
}

.contactSec .form .formBox>h3 {
    font-family  : 'ArialMT Bold';
    font-size    : 21px;
    margin-bottom: 50px;
}

.contactSec .form .formBox form button[type="submit"] {
    width      : 100%;
    border     : 0;
    font-family: 'ArialMT Bold';
    font-size  : 17px;
    padding    : 10px 15px;
    outline    : 0;
    margin     : 20px 0 0;
    transition : 0.3s;
    cursor     : pointer;
}

.contactSec .form .formBox form button[type="submit"]:hover {
    background: var(--f4bd00);
}

.contactSec .form iframe {
    height: 100%;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- - - : Footer Css
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
footer {
    background: var(--5d292b);
    padding   : 50px 55px 0;
}

footer .ftBody {
    justify-content: space-between;
    flex-wrap      : nowrap;
}

footer .ftNav li:not(:last-of-type),
footer .contact>li>a:not(:last-of-type) {
    margin-bottom: 3px;
}

footer a {
    color      : var(--white);
    transition : 0.3s;
    font-weight: normal;
}

footer a:hover {
    color: var(--f4bd00);
}

footer .ftBody>.column:first-of-type {
    width: 334px;
}

footer .ftBody>.column:nth-of-type(2) {
    width: 150px;
}

footer .ftBody>.column:nth-of-type(3) {
    width: 260px;
}

footer .ftBody>.column:last-of-type {
    width: 535px;
}

footer h3 {
    font-size     : 17px;
    font-weight   : normal;
    padding-bottom: 15px;
    margin-bottom : 15px;
}

footer h3::after {
    content   : '';
    width     : 150px;
    position  : absolute;
    height    : 1px;
    background: var(--f4bd00);
    bottom    : 0;
    left      : 0;
}

footer .contact>li:not(:last-of-type) {
    margin-bottom: 20px;
}

footer .contact>li>a:not(:last-of-type) {
    display: block;
}

footer .contact>li:first-of-type {
    margin-top: 28px;
}

footer .contact>li {
    padding-left: 50px;
}

footer .contact>li>img {
    left: 0;
    top : -12px;
}

footer .waterMark {
    color      : #7e383b;
    font-size  : 8vw;
    line-height: 8vw;
    font-weight: normal;
    margin-top : 30px;
}

footer .copyRight {
    border-top: 1px dotted var(--f4bd00);
}

footer .copyRight p {
    color: #885052;
}

footer .copyRight .social {
    gap: 20px;
}

footer .copyRight .social a {
    width        : 30px;
    height       : 30px;
    border       : 1px solid var(--f4bd00);
    border-radius: 50%;
    transition   : 0.3s;
}

footer .copyRight .social a>img {
    width     : 15px;
    height    : 15px;
    object-fit: contain;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- - - : Inner Page Common Css
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.innerPage header nav ul li a {
    color: var(--white);
}

.innerPage header.sticky nav ul li a {
    color: var(--black);
}

.innerPage header nav ul li a::before,
.innerPage .checkbtn,
.innerPage .socialFixed a {
    background: var(--f4bd00);
}

.innerPage .socialFixed {
    top: 130px;
}

.innerPage .socialFixed a:hover {
    background: var(--white);
}

.innerPage header nav ul li a:hover,
.innerPage header nav ul li a.active,
.innerPage header nav>ul>li.parent>a {
    color: var(--5d292b);
}

.innerBanner {
    background     : url(../images/service-banner.jpg) center no-repeat;
    background-size: cover;
    padding        : 200px 50px;
}

.innerBanner h1 {
    font-size  : 69px;
    font-family: 'ArialMT Bold';
    line-height: 72px;
    text-shadow: 0 10px 5px #391819;
}

.innerBanner.small {
    padding: 180px 50px 120px;
}

.innerPage .checkbtn>i::before {
    color: var(--5d292b);
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- - - : Service Page Css
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.innerPage .contactSec {
    padding-bottom: 0;
}

.innerPage .contactSec,
.innerPage .contactSec .secTitle {
    background: var(--5d292b);
}

.serviceSec.servArea {
    padding: 32px 50px 80px;
}

.servArea {
    scroll-margin-top: 50px;
}

.servArea .tabs {
    max-width: 870px;
    font-size: 17px;
}

.servArea .tabs-nav {
    justify-content: space-between;
    max-width      : 750px;
    margin-bottom  : 40px;
}

.servArea .tabs-stage [id*="tab"]>h2 {
    font-size     : 28px;
    font-family   : 'ArialMT Bold';
    max-width     : 750px;
    border-bottom : 1px solid var(--black);
    padding-bottom: 20px;
    margin-bottom : 30px;
}

.servArea .tabs-nav li>a {
    width        : 100px;
    height       : 100px;
    border-radius: 50% !important;
    background   : var(--white);
}

.servArea .tabs-nav li:hover>a,
.servArea .tabs-nav li.tab-active>a {
    background: var(--5d292b);
}

.servArea .tabs-nav li:hover>a>img,
.servArea .tabs-nav li.tab-active>a>img {
    filter: invert(1) brightness(100);
}

.serviceSec:has(.tabs-nav .tab-1.tab-active) {
    background     : url(../images/toto-bg.png) var(--f4bd00) center no-repeat;
    background-size: contain;
}

.servArea .tabs-stage .tabBox {
    max-width: 765px;
}

.servArea .tabBox ul li:not(:last-of-type) {
    margin-bottom: 20px;
}

.servArea .tabBox ul li {
    position    : relative;
    padding-left: 50px;
}

.servArea .tabBox ul li::before {
    content      : '';
    width        : 15px;
    position     : absolute;
    height       : 15px;
    top          : 3px;
    background   : var(--black);
    left         : 0;
    border-radius: 50%;
}

.servArea .tabBox .fullDesc {
    margin-top: 45px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- - - : Products Page Css
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#productBanner .owl-item img {
    height    : 450px;
    object-fit: cover;
}

.productsSec:first-of-type {
    background-size    : auto 95%;
    background-position: center top 35px;
    z-index            : 1;
}

.productsSec {
    background-color     : var(--f4bd00);
    background-image     : url(../images/bg-logo.png);
    background-size      : contain;
    background-position  : center;
    background-repeat    : no-repeat;
    background-blend-mode: screen;
    padding              : 100px 30px 30px;
}

.productsSec::before {
    content       : '';
    width         : 62%;
    position      : absolute;
    height        : 100%;
    top           : 0;
    clip-path     : polygon(0 0, 68% 0, 100% 100%, 0% 100%);
    left          : 0;
    background    : rgba(255, 255, 255, 0.3);
    pointer-events: none;
}

.productsSec .secTitle {
    z-index: -1;
}

.productsSec.right::before {
    clip-path: polygon(32% 0, 100% 0, 100% 100%, 0% 100%);
    left     : auto;
    right    : 0;
}

.productsSec>.container {
    max-width: 1160px;
}

.productsSec .colors>li>a {
    width        : 50px;
    height       : 50px;
    border-radius: 50%;
    margin-bottom: 50px;
}

.productsSec .colors>li>a::before {
    content      : '';
    width        : 60px;
    position     : absolute;
    height       : 60px;
    top          : -6px;
    border       : 1px solid transparent;
    border-radius: 50%;
    left         : -6px;
}

.productsSec .colors li.tab-active>a::before {
    border-color: var(--black);
}

.productsSec .colors,
.productsSec .colorTitle {
    max-width  : 330px;
    font-family: 'ArialMT Bold';
}

.productsSec .colors {
    gap            : 20px;
    justify-content: center;
}

.productsSec .column {
    z-index: 2;
}

.productsSec.right .row {
    flex-direction: row-reverse;
}

.colorTitle::after {
    content   : '';
    width     : 100%;
    position  : absolute;
    height    : 2px;
    top       : calc(50% - 1px);
    background: var(--black);
    left      : 0;
    z-index   : -1;
}

.colorTitle>p {
    padding   : 0 5px;
    background: #f7d14d;
}

.productsSec .protList>li {
    font-size     : 17px;
    text-transform: uppercase;
    font-family   : 'ArialMT Regular';
    color         : var(--black);
    position      : relative;
    padding-left  : 35px;
}

.productsSec .protList>li:not(:last-of-type) {
    margin-bottom: 25px;
}

.productsSec .protList>li::before {
    content      : '';
    width        : 15px;
    position     : absolute;
    height       : 15px;
    top          : 3px;
    background   : var(--5d292b);
    left         : 0;
    border-radius: 50%;
}

.productsSec .vwDetails {
    font-family: 'ArialMT Regular';
    background : var(--5d292b);
    padding    : 12px 20px;
    margin     : 20px 0 30px 35px;
    display    : inline-block;
}

.productsSec .vwDetails:hover {
    background: var(--white);
    color     : var(--5d292b) !important;
}

.productsSec.right .protList,
.productsSec .flexEnd {
    width: fit-content;
}

.productsSec .column:has(.flexEnd) {
    justify-content: flex-end;
}

.productsSec .subTitle::before {
    content   : '';
    width     : 45px;
    position  : absolute;
    height    : 1px;
    top       : 50%;
    background: var(--black);
    left      : 0;
}

.productsSec .subTitle {
    font-family  : 'ArialMT Regular';
    font-size    : 21px;
    padding-left : 50px;
    margin-bottom: 15px;
    display      : inline-block;
    color        : var(--black);
}

.productsSec .proTitle {
    font-size    : 42px;
    font-family  : 'ArialMT Bold';
    color        : var(--black);
    margin-bottom: 30px;
    line-height  : 42px;
}

.productsSec .image img {
    height    : 448px;
    object-fit: contain;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- - - : Product Details Page Css
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.featuring_product_container {
    max-width: 1400px;
}

.featuring_product,
.featuring_product .secTitle {
    background: var(--f4bd00);
}

.featuring_product {
    position: relative;
    padding : 80px 70px 70px;
}

.featuring_product .secTitle {
    padding-top: 50px;
}

.productTitle_wrapper {
    text-align: center;
    padding   : 40px 0;
}

.productTitle_wrapper h1 {
    font-size     : 40px;
    text-transform: uppercase;
    color         : #000;
}

.productTitle_wrapper .product_title {
    font-size              : 83px;
    background             : -webkit-linear-gradient(#d78d00, #a74f00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform         : uppercase;
}

.featuring_product .featuring_product_bg {
    position: absolute;
    left    : 0;
    top     : 0;
    right   : 0;
    bottom  : 0;
    z-index : -1;
}

.featuring_product .featuring_product_bg img {
    height    : 100%;
    width     : 100%;
    object-fit: cover;
}

.featuring_product_wrapper {
    display        : flex;
    justify-content: space-evenly;
    border         : 1px solid var(--black);
}

.featuring_product_wrapper .featuring_list ul {
    padding       : 0;
    display       : flex;
    flex-direction: column;
    grid-row-gap  : 20px;
}

.featuring_product_wrapper .featuring_img {
    width       : 40%;
    padding     : 30px;
    border-right: 1px solid var(--black);
    margin-right: -1px;
}

.featuring_product_wrapper .left_list {
    width         : 60%;
    padding       : 100px 30px;
    border-left   : 1px solid var(--black);
    display       : flex;
    flex-wrap     : wrap;
    align-self    : center;
    flex-direction: column;
}

.featuring_product_wrapper .featuring_img .featuring_img_wrapper {
    height: 100%;
}

.featuring_product_wrapper .featuring_img .featuring_img_wrapper img {
    height    : 450px;
    width     : 100%;
    object-fit: contain;
}

.featuring_product_wrapper .featuring_img .featuring_img_wrapper {
    text-align     : center;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.featuring_product_wrapper .featuring_list.left_list>h3 {
    font-family  : 'ArialMT Bold';
    font-size    : 42px;
    line-height  : 42px;
    margin-bottom: 30px;
}

.featuring_product_wrapper .featuring_list.left_list ul li {
    position    : relative;
    font-size   : 17px;
    padding-left: 42px;
}

.featuring_product_wrapper .featuring_list.left_list ul li::after {
    content      : '';
    width        : 15px;
    height       : 15px;
    background   : var(--black);
    position     : absolute;
    left         : 0;
    top          : 3px;
    border-radius: 50%;
}

.featuring_product_container.owl-carousel .owl-dots {
    position: relative;
    padding : 30px 0;
    margin  : 40px auto 0;
    display : block !important;
}

.featuring_product_container.owl-carousel .owl-dots .owl-dot button {
    border    : 0;
    background: transparent;
    padding   : 0 6px;
    cursor    : pointer;
}

.featuring_product_container.owl-carousel .owl-dots .owl-dot div {
    width         : 50px;
    height        : 50px;
    pointer-events: none;
    border-radius : 50%;
    cursor        : pointer;
}

.featuring_product_container.owl-carousel .owl-dots .owl-dot.active div {
    box-shadow: 0 0 0 4px var(--f4bd00) inset;
    border    : 1px solid currentColor;
}

.featuring_product_container.owl-carousel .owl-dots::before {
    content             : 'Available In Colors';
    text-transform      : uppercase;
    font-size           : 14px;
    font-weight         : 600;
    position            : absolute;
    top                 : 0;
    left                : 50%;
    right               : 0;
    background          : var(--f4bd00);
    /* background       : #5d292c; */
    /* color            : #FFF; */
    width               : 180px;
    margin              : 0 auto;
    padding             : 0 5px;
    transform           : translate(-50%, 0);
}

.featuring_product_container.owl-carousel .owl-dots::after {
    /* content   : '';
    position  : absolute;
    top       : 7px;
    left      : 50%;
    right     : 0;
    width     : 300px;
    height    : 2px;
    background: #dc0d0d;
    margin    : 0 auto;
    z-index   : -1;
    transform : translate(-50%, 0); */
}

.featuring_product_container .custom-controls-wrapper {
    width   : fit-content;
    margin  : auto;
    position: relative;
}

.featuring_product_container.owl-carousel .owl-nav {
    position       : absolute;
    left           : -95px;
    margin         : auto;
    right          : -95px;
    bottom         : 46px;
    display        : flex;
    flex-wrap      : wrap;
    justify-content: space-between;
    pointer-events : none;
}

.featuring_product_container.owl-carousel .owl-nav>button {
    pointer-events: auto;
    opacity       : 1;
    z-index       : 0;
    background    : transparent !important;
}

.featuring_product_container.owl-carousel .owl-nav>button>span {
    font-size: 0;
}

.featuring_product_container.owl-carousel .owl-nav>button.disabled {
    cursor : not-allowed;
    opacity: 0.5;
}

/* PRODUCT COLOR TOOL TIP */
#slideText {
    text-align    : center;
    width         : 100%;
    font-size     : 0.9rem;
    text-transform: uppercase;
    /* x-offset, y-offset, blur, color */
    text-shadow   : 2px 2px 4px rgba(0, 0, 0, 0.5);
    font-weight   : bold;
    margin-top    : -10px;
    margin-bottom : 20px;
}

.featuring_product_wrapper .featuring_img .featuring_img_wrapper>a[data-tooltip] {
    /*  position: relative;*/
}

.featuring_product_wrapper .featuring_img .featuring_img_wrapper>a[data-tooltip]::after {
    font-family    : 'ArialMT Regular';
    content        : attr(data-tooltip);
    color          : var(--white);
    position       : absolute;
    opacity        : 0;
    z-index        : 999;
    width          : 80px;
    height         : 80px;
    top            : var(--y);
    left           : var(--x);
    background     : rgba(93, 41, 43, 0.8);
    border-radius  : 50%;
    display        : flex;
    align-items    : center;
    justify-content: center;
    font-size      : 14px;
    line-height    : 18px;
    text-transform : capitalize;
}

.featuring_product_wrapper .featuring_img .featuring_img_wrapper>a[data-tooltip]:hover::after {
    opacity: 1;
}

.featuring_product_container.owl-carousel .owl-dots .owl-dot>button>div {
    position: relative;
}

.featuring_product_container.owl-carousel .owl-dots .owl-dot>button>div::after {
    --tooltipScale: 0;
    content       : attr(data-tooltip);
    position      : absolute;
    bottom        : -28px;
    left          : 50%;
    transform     : translate(-50%, 0) scale(var(--tooltipScale));
    transition    : 0.5s transform;
    margin        : auto;
    right         : 0;
    color         : var(--white);
    background    : var(--5d292b);
    width         : max-content;
    clip-path     : polygon(50% 0, 60% 20%, 100% 20%, 100% 100%, 0 100%, 0 20%, 40% 20%);
    padding       : 10px 8px 4px;
    font-family   : 'ArialMT Regular';
}

.featuring_product_container.owl-carousel .owl-dots .owl-dot>button:hover>div::after {
    --tooltipScale: 1;
}

.techSpec {
    padding: 70px 50px 150px;
}

.techSpec,
.techSpec .secTitle {
    background: var(--5d292b);
}

.techSpec .secTitle {
    padding-top: 50px;
}

.techSpec .secTitle>h2 {
    width    : 250px;
    transform: translate(-35px, 0);
}

.techSpec .tabs-nav li:hover>a,
.techSpec .tabs-nav li.tab-active>a {
    background: var(--f4bd00);
}

.techSpec .tabs-nav li:hover>a>img,
.techSpec .tabs-nav li.tab-active>a>img {
    filter: brightness(0) saturate(100%) invert(21%) sepia(13%) saturate(4777%) hue-rotate(334deg) brightness(94%) contrast(97%);
}

.techSpec .tabs-nav li>a>span {
    font-family: 'ArialMT Bold';
    font-size  : 17px;
    bottom     : -38px;
    transition : 0.3s;
}

.techSpec .tabs-nav li:hover>a>span,
.techSpec .tabs-nav li.tab-active>a>span {
    color: var(--f4bd00)
}

.techSpec .tabs {
    max-width: 1400px;
}

.techSpec .tabs-stage .tabBox {
    max-width : 100%;
    margin-top: 110px;
}

.techSpec .tabs-stage .tabBox .row {
    column-gap: 105px;
}

.techSpec .tabs-stage .tabBox .row>.column {
    width: calc(50% - 53px);
}

.techSpec .tabBox .content ul {
    margin: 0;
}

.techSpec .tabBox .content ul li:not(:last-of-type) {
    margin-bottom: 10px;
}

.techSpec .tabBox .content ul li::before {
    display: none;
}

.techSpec .tabBox .content ul li {
    font-size      : 17px;
    font-family    : 'ArialMT Regular';
    list-style     : none;
    padding-left   : 0;
    text-align     : center;
    justify-content: space-between;
}

.techSpec .tabBox .content ul li>strong,
.techSpec .tabBox .content ul li>span {
    padding: 15px;
}

.techSpec .tabBox .content ul li>strong {
    width         : 120px;
    background    : var(--f4bd00);
    text-transform: uppercase;
}

.techSpec .tabBox .content ul li>span {
    width     : calc(100% - 220px);
    background: var(--white);
}

.techSpec .tabBox .imgBox {
    /* white border removed - nir */
    /* border : 1px solid var(--white); */
    padding: 10px 30px;
}

.techSpec .tabs-stage [id*="tab"]>h2 {
    border-color: var(--white);
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- - - :  Css
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- - - : Responsive Css
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - 1366px - - - */
@media only screen and (max-width: 1366px) {
    header .logo img {
        width: 250px;
    }

    #bannerSlider .column .content {
        padding-right: 10%;
    }

    .aboutSec {
        padding: 60px 70px;
    }

    .aboutSec .row {
        column-gap: 100px;
    }

    .aboutSec .column {
        width: calc(50% - 50px);
    }

    .productSec {
        padding: 80px 50px 110px;
    }

    .clientSec {
        padding: 90px 50px 100px;
    }

    .contactSec .contDtls>.dtls span {
        font-size   : 15px;
        padding-left: 40px;
    }

    .contactSec .contDtls>.dtls span img {
        width: 30px;
    }

    .contactSec .contDtls>.dtls {
        padding: 22px 10px 15px;
    }

    .contactSec .contDtls>.dtls>.top {
        padding-bottom: 18px;
    }

    .contactSec .contDtls>.dtls>ul {
        column-gap: 10px;
    }

    .contactSec .contDtls>.dtls>ul a {
        column-gap : 5px;
        align-items: flex-start;
    }

    .contactSec .contDtls>.dtls>ul a>img {
        height: 15px;
    }

    footer .ftBody>.column:first-of-type {
        width: 250px;
    }

    footer .ftBody>.column:nth-of-type(3) {
        width: 320px;
    }

    footer h3::after {
        width: 118px;
    }

    footer .contact>li:first-of-type {
        margin-top: 20px;
    }

    footer .contact>li:not(:last-of-type) {
        margin-bottom: 15px;
    }

    footer .contact>li {
        padding-left: 40px;
    }

    footer .contact>li>img {
        top  : -8px;
        width: 30px;
    }

    .innerBanner {
        padding: 180px 40px;
    }

    .innerBanner h1 {
        font-size  : 60px;
        line-height: 64px;
    }

    .innerBanner.small {
        padding: 150px 50px 100px;
    }

    .techSpec .tabs-stage .tabBox .row {
        column-gap: 60px;
    }

    .techSpec .tabs-stage .tabBox .row>.column {
        width: calc(50% - 30px);
    }

    .featuring_product_wrapper .left_list {
        padding: 60px 30px;
    }

    .featuring_product_wrapper .featuring_list.left_list>h3 {
        margin-bottom: 20px;
    }

    .innerBanner:has(#productBanner) {
        padding: 0px;
    }

    #productBanner .owl-item img {
        height: 350px;
    }

    .productsSec .subTitle {
        margin-bottom: 10px;
    }

    .featuring_product_wrapper .featuring_img .featuring_img_wrapper,
    .featuring_product_wrapper .featuring_img .featuring_img_wrapper>a {
        display   : flex;
        align-self: center;
    }

    .featuring_product_wrapper .featuring_img .featuring_img_wrapper img {
        height: 380px;
    }

    .productsSec::before {
        width: 60%;
    }
}

/* - - - 1199px - - - */
@media only screen and (max-width: 1199px) {
    .x-space {
        padding-left : 30px;
        padding-right: 30px;
    }

    header .logo img {
        width: 200px;
    }

    header nav ul li a {
        padding: 0 12px;
    }

    .socialFixed {
        top: calc(50% - 50px);
        gap: 5px;
    }

    .socialFixed a {
        width : 50px;
        height: 40px;
    }

    .socialFixed img {
        height: 18px;
    }

    #bannerSlider .column {
        padding: 140px 0 100px;
    }

    #bannerSlider .content h1 {
        font-size    : 55px;
        margin-bottom: 28px;
    }

    #bannerSlider .content h3 {
        font-size  : 30px;
        max-width  : 320px;
        line-height: 32px;
    }

    #bannerSlider .owl-dots button,
    #productBanner .owl-dots button {
        width : 16px;
        height: 16px;
        margin: 0 1px;
    }

    #bannerSlider .owl-dots button>span,
    #productBanner .owl-dots button>span {
        width : 10px;
        height: 10px;
    }

    .aboutSec,
    .serviceSec {
        padding: 50px;
    }

    .serviceSec {
        padding-bottom: 90px;
    }

    .aboutSec .row {
        column-gap: 50px;
    }

    .aboutSec .column {
        width: calc(50% - 25px);
    }

    .serviceSec .boxes {
        gap: 20px;
    }

    .serviceSec .boxes>.box img {
        height: 50px;
    }

    .productSec .content h3 {
        font-size  : 45px;
        line-height: 45px;
    }

    .productSec .content .btn {
        margin-top: 20px;
    }

    .productSec {
        padding: 80px 40px 100px;
    }

    .productSec .row {
        column-gap: 40px;
        padding   : 30px 20px;
    }

    .productSec .row>.column {
        width: calc(50% - 20px);
    }

    .productSec .row::after {
        height: calc(100% - 60px);
        top   : 30px;
    }

    .clientSec {
        padding: 90px 40px 100px;
    }

    .contactSec .contDtls {
        gap: 20px;
    }

    .contactSec .contDtls>.dtls {
        width: calc(50% - 30px);
    }

    .contactSec {
        padding: 30px 50px 55px;
    }

    .contactSec .form {
        margin-top: 20px;
    }

    footer .ftBody>.column:nth-of-type(2) {
        width: 200px;
    }

    footer h3 {
        font-size     : 16px;
        padding-bottom: 10px;
    }

    footer {
        padding: 40px 40px 0;
    }

    .innerBanner {
        padding: 160px 30px;
    }

    .innerBanner h1 {
        font-size  : 50px;
        line-height: 54px;
    }

    .servArea {
        scroll-margin-top: 40px;
    }

    .productsSec {
        padding: 70px 30px 30px;
    }

    .productsSec .proTitle {
        font-size  : 35px;
        line-height: 35px;
    }

    .productsSec .subTitle {
        font-size    : 18px;
        margin-bottom: 8px;
    }

    .productsSec .colors>li>a {
        width        : 40px;
        height       : 40px;
        margin-bottom: 20px;
    }

    .productsSec .colors>li>a::before {
        width : 46px;
        height: 46px;
        top   : -4px;
        left  : -4px;
    }

    .productsSec .colors {
        gap: 15px;
    }

    .productsSec .protList>li:not(:last-of-type) {
        margin-bottom: 18px;
    }

    .productsSec .protList>li {
        font-size   : 16px;
        padding-left: 25px;
    }

    .productsSec .protList>li::before {
        width : 12px;
        height: 12px;
    }

    .productsSec .colors,
    .productsSec .colorTitle {
        max-width: 260px;
    }

    .colorTitle>p {
        margin: 5px 0;
    }

    .techSpec .tabs-stage .tabBox .row {
        column-gap: 30px;
    }

    .techSpec .tabs-stage .tabBox .row>.column {
        width: calc(50% - 15px);
    }

    .techSpec .tabBox .content ul li>span {
        width: calc(100% - 190px);
    }

    .techSpec .tabs-stage .tabBox {
        margin-top: 80px;
    }

    .featuring_product {
        padding: 70px 30px 70px;
    }

    .featuring_product_wrapper .left_list {
        padding: 30px;
    }

    .featuring_product_wrapper .featuring_list.left_list>h3 {
        font-size    : 32px;
        line-height  : 32px;
        margin-bottom: 10px;
    }

    .featuring_product_wrapper .featuring_list ul {
        grid-row-gap: 15px;
    }

    .techSpec {
        padding: 70px 50px 120px;
    }

    #productBanner .owl-item img {
        height: 300px;
    }

    .featuring_product_wrapper .featuring_img .featuring_img_wrapper img {
        height: 350px;
    }

    .productsSec .image img {
        height: 400px;
    }

    .productsSec::before {
        width: 57%;
    }
}

/* - - - 991px - - - */
@media only screen and (max-width: 991px) {
    :root {
        --font-28 : 22px;
        --lineH-34: 28px;
    }

    .secTitle {
        width  : 120px;
        top    : -55px;
        padding: 25px 15px 0;
    }

    header {
        top: 5px;
    }

    header .logo img {
        width: 150px;
    }

    header nav ul li a {
        padding       : 0 6px;
        font-size     : 11px;
        letter-spacing: 0.5px;
    }

    nav>ul>li.has-children>ul.sub-menu>li>a,
    nav>ul>li.has-children>ul.sub-menu .sub-menu li a {
        padding  : 8px 15px;
        font-size: 11px;
    }

    .x-space {
        padding-left : 20px;
        padding-right: 20px;
    }

    .socialFixed a {
        width : 40px;
        height: 30px;
    }

    .socialFixed img {
        height: 15px;
    }

    #bannerSlider .column {
        padding: 100px 0 80px;
    }

    #bannerSlider .content h1 {
        font-size    : 45px;
        margin-bottom: 20px;
    }

    #bannerSlider .content h3 {
        font-size  : 25px;
        line-height: 26px;
    }

    #bannerSlider .owl-dots {
        bottom: 60px;
    }

    .aboutSec h3 {
        margin-bottom: 20px;
    }

    .aboutSec ul li {
        background-size: 22px;
        padding-left   : 35px;
    }

    .aboutSec .btn {
        padding   : 10px 25px;
        font-size : 14px;
        margin-top: 10px;
    }

    .aboutSec,
    .serviceSec {
        padding: 40px 20px 60px;
    }

    .serviceSec {
        padding-bottom: 80px;
    }

    .aboutSec .row {
        column-gap: 30px;
    }

    .aboutSec .column {
        width: calc(50% - 15px);
    }

    .aboutSec .secTitle>h2 {
        max-width: 100px;
    }

    .serviceSec .secTitle {
        padding-top: 20px;
    }

    .serviceSec .boxes {
        gap: 15px;
    }

    .serviceSec .boxes>.box img {
        height: 40px;
    }

    .serviceSec .boxes>.box>a {
        padding: 15px;
    }

    .serviceSec .boxes>.box>h4 {
        font-size : 15px;
        margin-top: 8px;
    }

    .productSec,
    .peopleSec {
        padding: 50px 30px 80px;
    }

    .productSec .row {
        column-gap: 30px;
        padding   : 20px 15px;
    }

    .productSec .row>.column {
        width: calc(50% - 15px);
    }

    .productSec .row::after {
        height: calc(100% - 40px);
        top   : 20px;
    }

    .productSec .content h3 {
        font-size  : 35px;
        line-height: 35px;
    }

    .productSec .content .btn {
        font-size : 10px;
        padding   : 5px 15px;
        margin-top: 10px;
    }

    #productSlider .owl-nav,
    #productSlider .owl-nav.disabled,
    #clientSlider .owl-nav,
    #clientSlider .owl-nav.disabled {
        margin-top: 20px;
    }

    .peopleSec .row {
        max-width : 668px;
        column-gap: 30px;
    }

    .peopleSec .box {
        width: calc(33% - 20px);
    }

    .peopleSec .box>span>img {
        width : 182px;
        height: 182px;
        border: 10px solid var(--f4bd00);
    }

    .peopleSec .box .desig {
        width: calc(100% - 100px);
    }

    .peopleSec .box .title {
        font-size: 14px;
        padding  : 12px 10px;
    }

    .peopleSec .box .desig {
        width      : 110px;
        height     : 30px;
        font-size  : 12px;
        line-height: 12px;
    }

    .peopleSec .box .social {
        width  : 90px;
        row-gap: 15px;
        margin : 15px 0 30px;
    }

    .peopleSec .box .social a {
        width : 30px;
        height: 30px;
    }

    .peopleSec .box .social a img {
        width     : 14px;
        height    : 14px;
        object-fit: contain;
    }

    .clientSec .clients {
        padding: 60px 15px 10px;
    }

    .clientSec .clients .profImg {
        width : 70px;
        height: 70px;
    }

    .clientSec .owl-carousel .owl-item .clients>img {
        width: 40px;
        top  : 15px;
        right: 20px;
    }

    .clientSec {
        padding: 60px 40px 80px;
    }

    .contactSec {
        padding: 25px 30px 30px;
    }

    .contactSec .secTitle {
        padding: 30px 0 20px;
        width  : 150px;
    }

    .contactSec .form>.column {
        width: 100%;
    }

    .contactSec .form .formBox {
        padding: 30px 20px;
    }

    .contactSec .form iframe {
        height: 40vw;
    }

    footer .ftBody>.column:first-of-type {
        width: 210px;
    }

    footer .ftBody>.column:nth-of-type(2) {
        width: 140px;
    }

    footer .ftBody>.column:nth-of-type(3) {
        width: 260px;
    }

    footer .ftBody>.column:last-of-type {
        width: 135px;
    }

    footer h3 {
        font-size     : 14px;
        padding-bottom: 5px;
    }

    footer .waterMark {
        font-size  : 6vw;
        line-height: 6vw;
        margin-top : 20px;
    }

    footer a {
        font-size: 12px;
    }

    footer {
        padding: 40px 30px 0;
    }

    footer .copyRight>.column:last-of-type {
        width: calc(40% - 15px);
    }

    footer .copyRight>.column:first-of-type {
        width: calc(60% - 15px);
    }

    .innerBanner {
        padding: 120px 30px;
    }

    .innerBanner h1 {
        font-size  : 40px;
        line-height: 44px;
    }

    .serviceSec.servArea {
        padding: 20px 30px 60px;
    }

    .servArea .tabs-nav li>a {
        width : 80px;
        height: 80px;
    }

    .servArea .tabs-nav li>a>img {
        height: 40px;
    }

    .servArea .tabs-nav,
    .servArea .tabs-stage [id*="tab"]>h2 {
        max-width: 600px;
    }

    .socialFixed {
        top: 100px;
    }

    .serviceSec {
        padding-bottom: 70px;
    }

    .innerBanner.small {
        padding: 70px 15px;
    }

    .productsSec {
        padding: 50px 20px 20px;
    }

    .productsSec .proTitle {
        font-size  : 25px;
        line-height: 25px;
    }

    .productsSec .subTitle {
        font-size    : 14px;
        margin-bottom: 5px;
        padding-left : 30px;
    }

    .productsSec .subTitle::before {
        width: 25px;
    }

    .productsSec .colors>li>a {
        width        : 30px;
        height       : 30px;
        margin-bottom: 10px;
    }

    .productsSec .colors>li>a::before {
        width : 36px;
        height: 36px;
        top   : -4px;
        left  : -4px;
    }

    .productsSec .colors {
        gap: 10px;
    }

    .productsSec .protList>li:not(:last-of-type) {
        margin-bottom: 10px;
    }

    .productsSec .protList>li {
        font-size   : 15px;
        padding-left: 20px;
    }

    .productsSec .protList>li::before {
        width : 10px;
        height: 10px;
    }

    .productsSec .colors,
    .productsSec .colorTitle {
        max-width: 190px;
    }

    .colorTitle>p {
        font-size: 12px;
        margin   : 0;
    }

    .productsSec .vwDetails {
        padding  : 8px 15px;
        margin   : 5px 0 0px 20px;
        font-size: 13px;
    }

    .techSpec .tabBox .content ul li {
        font-size: 15px;
    }

    .techSpec .tabBox .content ul li>strong,
    .techSpec .tabBox .content ul li>span {
        padding: 10px 5px;
    }

    .techSpec .tabBox .content ul li>span {
        width: calc(100% - 145px);
    }

    .techSpec .tabBox .content ul li:not(:last-of-type) {
        margin-bottom: 5px;
    }

    .techSpec {
        padding: 40px 30px 100px;
    }

    .techSpec .tabs-stage .tabBox {
        margin-top: 60px;
    }

    .techSpec .secTitle {
        padding-top: 40px;
    }

    .techSpec .secTitle>h2 {
        width: 195px;
    }

    .featuring_product_wrapper .featuring_img,
    .featuring_product_wrapper .left_list {
        padding: 30px 15px;
    }

    .featuring_product_wrapper .featuring_list.left_list>h3 {
        font-size    : 22px;
        line-height  : 22px;
        margin-bottom: 15px;
    }

    .featuring_product_wrapper .featuring_list ul {
        grid-row-gap: 10px;
        margin      : 0;
    }

    .featuring_product_wrapper .featuring_list.left_list ul li {
        font-size   : 14px;
        padding-left: 20px;
    }

    .featuring_product_wrapper .featuring_list.left_list ul li::after {
        width : 10px;
        height: 10px;
    }

    .featuring_product {
        padding: 70px 30px 50px;
    }

    .featuring_product .secTitle {
        padding-top: 40px;
    }

    .innerBanner:has(#productBanner) {
        padding: 0px;
    }

    #productBanner .owl-item img {
        height: 220px;
    }

    #productBanner .owl-dots {
        bottom: 55px;
    }

    .featuring_product_wrapper .featuring_img .featuring_img_wrapper img {
        height: 300px;
    }

    .productsSec .image img {
        height: 350px;
    }
}

/* - - - 767px - - - */
@media only screen and (max-width: 767px) {
    :root {
        --font-28 : 18px;
        --lineH-34: 24px;
    }

    .secTitle {
        width  : 100px;
        top    : -45px;
        padding: 20px 10px 0;
    }

    .x-space {
        padding-left : 15px;
        padding-right: 15px;
    }

    .column,
    .aboutSec .column {
        width: 100%;
    }

    header {
        top: 0px;
    }

    .checkbtn {
        order          : 1;
        font-size      : 16px !important;
        background     : var(--5d292b);
        width          : 32px;
        height         : 32px;
        display        : flex !important;
        align-items    : center;
        justify-content: center;
    }

    header nav #check:checked~.overlay {
        width          : 100%;
        height         : 100vh;
        position       : absolute;
        top            : 0;
        left           : 0;
        z-index        : -1;
        backdrop-filter: blur(10px);
        background     : rgba(0, 0, 0, 0.5);
        pointer-events : none;
    }

    header nav {
        padding: 5px 0px;
    }

    header nav>ul {
        position        : fixed;
        top             : 0;
        right           : -100%;
        background-color: var(--5d292b);
        width           : 300px;
        height          : 100vh;
        display         : flex;
        flex-direction  : column;
        justify-content : center;
        align-items     : center;
        transition      : all 0.3s;
        z-index         : -1;
    }

    header nav>ul>li:last-of-type {
        margin-bottom: 80px;
    }

    header nav ul li a {
        padding: 0;
    }

    header nav>ul>li {
        margin: 12px 0;
    }

    header nav ul li a {
        font-size: 12px;
        color    : var(--white) !important;
    }

    nav>ul>li.has-children>a {
        width          : 100%;
        display        : flex;
        justify-content: space-between;
    }

    header nav ul li a::before {
        display: none;
    }

    header nav ul li a:hover,
    header nav ul li a.active,
    header nav>ul>li.parent>a:hover {
        color: var(--f4bd00) !important;
    }

    header nav #check:checked~ul {
        right          : 0;
        justify-content: flex-start !important;
        display        : block;
        padding        : 50px 15px 0 !important;
        overflow-y     : scroll;
    }

    nav>ul>li.has-children>a>i {
        padding   : 5px 8px;
        background: var(--f4bd00);
        color     : var(--5d292b);
    }

    nav>ul>li.has-children>ul.sub-menu li:has(.sub-menu)>a>i {
        width : 24px;
        height: 24px;
        color: #5d292b;
    }

    nav>ul>li.has-children>ul.sub-menu>li a.submenu_show>i::before {
        content: "\f107""";
    }

    nav>ul>li.has-children>ul.sub-menu>li>a:hover,
    nav>ul>li.has-children>ul.sub-menu>li>a.active,
    nav>ul>li.has-children>ul.sub-menu .sub-menu li a:hover,
    nav>ul>li.has-children>ul.sub-menu .sub-menu li a.active {
        color       : var(--white) !important;
        background  : var(--f4bd00);
        border-color: var(--f4bd00);
    }

    nav>ul>li.has-children>ul.sub-menu>li>a:hover i,
    nav>ul>li.has-children>ul.sub-menu>li>a.active i {
        color     : var(--white);
        background: var(--5d292b) !important;
    }

    nav>ul>li.has-children>ul.sub-menu>li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }

    nav>ul>li.has-children>ul.sub-menu>li>a {
        border-bottom: 0;
    }

    .innerPage header nav>ul>li.parent>a {
        color: var(--f4bd00);
    }

    .socialFixed a {
        width : 30px;
        height: 24px;
    }

    .socialFixed img {
        height: 12px;
    }

    #bannerSlider img:has(+ .mobile),
    #productBanner img:has(+ .mobile) {
        display: none;
    }

    #bannerSlider img.mobile,
    #productBanner img.mobile {
        display: block;
    }

    #bannerSlider .owl-item {
        padding-top: 46px;
    }

    #bannerSlider .owl-item>.row {
        flex-direction: column-reverse;
    }

    #bannerSlider .column {
        width  : 100% !important;
        padding: 0;
    }

    #bannerSlider .column:first-of-type {
        padding: 30px 0 60px;
    }

    #bannerSlider .column .content {
        padding-right: 0;
    }

    #bannerSlider .content h1 {
        font-size    : 30px;
        margin-bottom: 15px;
    }

    #bannerSlider .content h3 {
        max-width  : 100%;
        font-size  : 22px;
        line-height: 22px;
    }

    #bannerSlider .owl-dots button,
    #productBanner .owl-dots button {
        width : 14px;
        height: 14px;
    }

    #bannerSlider .owl-dots button>span,
    #productBanner .owl-dots button>span {
        width : 8px;
        height: 8px;
    }

    #bannerSlider .owl-dots {
        bottom: 45px;
    }

    .aboutSec {
        text-align: center;
    }

    .aboutSec ul li {
        background-size    : 18px;
        padding-left       : 28px;
        text-align         : left;
        background-position: left top 3px;
    }

    .aboutSec,
    .serviceSec {
        padding: 30px 15px 40px;
    }

    .serviceSec {
        padding-bottom: 60px;
    }

    .aboutSec .column:last-of-type {
        margin-top: 20px;
    }

    .aboutSec .secTitle>h2 {
        max-width: 80px;
    }

    .aboutSec h3 {
        margin: 10px 0 20px;
    }

    .serviceSec .boxes {
        grid-template-columns: auto auto auto;
        max-width            : 500px;
        margin-top           : 10px;
    }

    .productSec,
    .peopleSec,
    .clientSec {
        padding: 40px 15px 60px;
    }

    #productSlider,
    #clientSlider {
        max-width: 430px;
    }

    #productSlider .owl-nav>button,
    #clientSlider .owl-nav>button,
    .featuring_product_container.owl-carousel .owl-nav>button {
        font-size: 12px !important;
    }

    #productSlider .owl-nav>button>img,
    #clientSlider .owl-nav>button>img,
    .featuring_product_container.owl-carousel .owl-nav>button>img {
        max-width: 25px;
    }

    #productSlider .owl-nav,
    #productSlider .owl-nav.disabled,
    #clientSlider .owl-nav,
    #clientSlider .owl-nav.disabled {
        margin-top: 10px;
    }

    .peopleSec .row {
        max-width : 423px;
        column-gap: 15px;
    }

    .peopleSec .box {
        width: calc(50% - 10px);
    }

    .clientSec .owl-carousel .owl-item .clients>img {
        width: 30px;
        top  : 10px;
        right: 15px;
    }

    .clientSec .clients {
        padding: 45px 15px 10px;
    }

    .clientSec .clients h3 {
        margin     : 20px 0 0;
        padding-top: 10px;
    }

    .contactSec {
        padding: 30px 15px 25px;
    }

    .contactSec .form .formBox>h3 {
        font-size    : 16px;
        margin-bottom: 15px;
    }

    .contactSec .form .formBox .row>.column {
        width: calc(50% - 15px);
    }

    .contactSec .form .formBox form>.row:not(:last-of-type) {
        padding-bottom: 10px;
    }

    .contactSec .form .formBox form>.row:last-of-type {
        margin-bottom: 15px;
    }

    .contactSec .form .formBox form textarea {
        height: 40px;
    }

    .contactSec .form .formBox form button[type="submit"] {
        font-size: 15px;
        padding  : 8px 15px;
        margin   : 5px 0 0;
    }

    .contactSec .form .formBox {
        padding: 30px 15px;
    }

    footer .ftBody {
        flex-wrap: wrap;
    }

    footer .ftBody>.column {
        width: calc(25% - 15px) !important;
    }

    footer .ftBody>.column:nth-of-type(3) {
        width: calc(50% - 30px) !important;
    }

    footer .ftBody>.column:first-of-type,
    footer .ftBody>.column:nth-of-type(2) {
        margin-bottom: 15px;
    }

    footer h3::after {
        width: 100%;
    }

    footer {
        padding: 30px 15px 0;
    }

    footer .ftBody>.column:last-of-type {
        width: 100% !important;
    }

    footer .waterMark {
        font-size  : 8vw;
        line-height: 8vw;
        margin-top : 5px;
    }

    footer .copyRight {
        flex-direction: column-reverse;
        margin-top    : 15px;
    }

    footer .copyRight>.column,
    .techSpec .tabs-stage .tabBox .row>.column {
        width: 100% !important;
    }

    footer .copyRight .social {
        gap          : 10px;
        margin-bottom: 0;
    }

    .innerBanner {
        padding: 80px 30px;
    }

    .innerBanner h1 {
        font-size  : 25px;
        line-height: 28px;
    }

    .services header nav ul li a:hover,
    .services header nav ul li a.active {
        color: var(--f4bd00) !important;
    }

    .serviceSec.servArea {
        padding: 20px 15px 60px;
    }

    .servArea .tabs {
        font-size: 14px;
    }

    .servArea .tabs-stage [id*="tab"]>h2 {
        font-size     : 22px;
        padding-bottom: 10px;
        margin-bottom : 15px;
    }

    .servArea .tabs-nav {
        margin-bottom: 20px;
    }

    .servArea .tabBox .fullDesc {
        margin-top: 20px;
    }

    .servArea .tabs-nav {
        max-width: 420px;
    }

    .servArea .tabs-nav li>a {
        width : 60px;
        height: 60px;
    }

    .servArea .tabs-nav li>a>img {
        height: 32px;
    }

    .servArea .tabBox ul li:not(:last-of-type) {
        margin-bottom: 12px;
    }

    .servArea .tabBox ul li {
        padding-left: 20px;
    }

    .servArea .tabBox ul li::before {
        width : 10px;
        height: 10px;
    }

    .services .socialFixed {
        top: 70px;
    }

    .servArea {
        scroll-margin-top: 20px;
    }

    .productsSec .colorTitle,
    .productsSec .protList {
        margin: auto;
    }

    .productsSec .colors {
        margin: 15px auto;
    }

    .productsSec .protList,
    .productsSec .vwDetails,
    .productsSec .subTitle {
        width: fit-content;
    }

    .productsSec .vwDetails {
        padding  : 8px 15px;
        margin   : 20px auto 0;
        font-size: 12px;
        display  : block;
    }

    .productsSec.left .row {
        flex-direction: column-reverse;
    }

    .productsSec .subTitle {
        margin : 0 auto 5px;
        display: block;
    }

    .productsSec .proTitle {
        font-size    : 22px;
        line-height  : 22px;
        text-align   : center;
        margin-bottom: 15px;
    }

    .productsSec .column:has(.flexEnd) {
        justify-content: center;
    }

    .productsSec:not(#productOne) {
        padding: 30px 15px;
    }

    .productsSec.right .row {
        flex-direction: column-reverse;
    }

    #productThree.productsSec {
        padding-bottom: 70px;
    }

    .techSpec .tabBox .content ul {
        margin: 0 0 22px;
    }

    .techSpec {
        padding: 40px 15px 70px;
    }

    .techSpec .secTitle {
        padding-top: 35px;
    }

    .techSpec .secTitle>h2 {
        width: 175px;
    }

    .techSpec .tabs-nav li>a>span {
        font-size: 15px;
        bottom   : -30px;
    }

    .techSpec .tabs-stage .tabBox {
        margin-top: 45px;
    }

    .featuring_product_wrapper {
        flex-wrap: wrap;
    }

    .featuring_product_wrapper .featuring_img {
        border-bottom: 1px solid var(--black);
    }

    .featuring_product_wrapper .featuring_img,
    .featuring_product_wrapper .left_list {
        width: 100%;
    }

    .featuring_product_wrapper .left_list {
        border-left: 0;
    }

    .featuring_product_container.owl-carousel .owl-dots .owl-dot div {
        width : 30px;
        height: 30px;
    }

    .featuring_product_container.owl-carousel .owl-dots .owl-dot button {
        padding: 0 3px;
    }

    .featuring_product_container.owl-carousel .owl-dots .owl-dot.active div {
        box-shadow: 0 0 0 2px var(--f4bd00) inset;
    }

    .featuring_product_container.owl-carousel .owl-nav {
        bottom: 36px;
        left  : -75px;
        right : -75px;
    }

    .featuring_product {
        padding: 60px 15px 30px;
    }

    .featuring_product_container.owl-carousel .owl-dots::before {
        width    : 150px;
        font-size: 11px;
    }

    .featuring_product_container.owl-carousel .owl-dots::after {
        top   : 9px;
        width : 220px;
        height: 1px;
    }

    .productsSec:first-of-type {
        background-size    : contain;
        background-position: center top 30px;
    }

    .innerBanner:has(#productBanner) {
        padding: 0px;
    }

    #productBanner .owl-item img {
        height: auto;
    }

    #productBanner .owl-dots {
        bottom: 45px;
    }

    .featuring_product_container.owl-carousel .owl-dots .owl-dot>button>div::after {
        bottom   : -20px;
        clip-path: polygon(50% 0, 60% 20%, 100% 20%, 100% 100%, 0 100%, 0 20%, 40% 20%);
        padding  : 8px 5px 3px;
        font-size: 9px;
    }

    .featuring_product_wrapper .featuring_img .featuring_img_wrapper,
    .featuring_product_wrapper .featuring_img .featuring_img_wrapper>a {
        justify-content: center;
    }

    .productsSec .image img {
        height: 300px;
    }

    .productsSec::before {
        width    : 100%;
        clip-path: polygon(0 0, 38% 0, 70% 100%, 0% 100%);
    }
    nav > ul > li.has-children > ul.sub-menu .sub-menu, nav > ul > li.has-children > ul.sub-menu {
        background: rgba(255,255,255,0.3);
    }
}

/* - - - 575px - - - */
@media only screen and (max-width: 575px) {
    header nav ul li {
        margin: 5px 0;
    }

    #bannerSlider .content h1 {
        margin-bottom: 10px;
    }

    #bannerSlider .owl-dots button {
        width : 12px;
        height: 12px;
    }

    #bannerSlider .owl-dots button>span {
        width : 6px;
        height: 6px;
    }

    .aboutSec .btn {
        padding   : 6px 20px;
        font-size : 13px;
        margin-top: 0px;
    }

    .serviceSec .boxes {
        max-width: 400px;
    }

    .serviceSec .boxes>.box>a {
        padding        : 10px;
        display        : flex;
        align-items    : center;
        justify-content: center;
    }

    .serviceSec .boxes>.box img {
        height: 30px;
    }

    .serviceSec .boxes>.box>h4 {
        font-size : 12px;
        margin-top: 2px;
    }

    .peopleSec .row {
        max-width: 203px;
        gap      : 30px;
    }

    .peopleSec .box,
    .contactSec .contDtls>.dtls,
    .contactSec .form .formBox .row>.column {
        width: 100%;
    }

    .contactSec .form .formBox form>.row::before {
        display: none;
    }

    .contactSec .form .formBox form>.row {
        padding: 10px 0;
        gap    : 20px;
    }

    footer .ftBody>.column:first-of-type {
        width: 100% !important;
    }

    footer .logo img {
        width: 200px !important;
    }

    footer .ftBody>.column:nth-of-type(2) {
        width: 35% !important;
    }

    footer .ftBody>.column:nth-of-type(3) {
        width: calc(65% - 30px) !important;
    }

    footer .copyRight .social a {
        width : 24px;
        height: 24px;
    }

    footer .copyRight .social a>img {
        width : 12px;
        height: 12px;
    }

    .innerBanner h1 {
        font-size  : 22px;
        line-height: 25px;
    }

    .servArea .tabs-nav {
        max-width: 280px;
    }

    .servArea .tabs-nav li>a {
        width : 40px;
        height: 40px;
    }

    .servArea .tabs-nav li>a>img {
        height: 22px;
    }

    .servArea .tabs-stage [id*="tab"]>h2 {
        font-size     : 18px;
        padding-bottom: 5px;
        margin-bottom : 10px;
    }

    .servArea .tabBox ul li {
        padding-left: 15px;
    }

    .servArea .tabBox ul li::before {
        width : 6px;
        height: 6px;
        top   : 5px;
    }

    .productsSec .protList>li {
        font-size: 13px;
    }

    .productsSec .colors>li>a {
        width        : 20px;
        height       : 20px;
        margin-bottom: 0px;
    }

    .productsSec .colors>li>a::before {
        width : 24px;
        height: 24px;
        top   : -3px;
        left  : -3px;
    }

    .productsSec .protList>li:not(:last-of-type) {
        margin-bottom: 5px;
    }

    .colorTitle>p,
    .productsSec .vwDetails {
        font-size: 11px;
    }

    .productsSec .vwDetails {
        padding: 5px 15px;
        margin : 10px auto 0;
    }

    .techSpec .tabBox .content ul li {
        font-size: 13px;
    }

    .techSpec .tabBox .content ul li>strong {
        width: 100px;
    }

    .techSpec .tabBox .content ul li>strong,
    .techSpec .tabBox .content ul li>span {
        font-size: 11px;
        padding  : 5px;
    }

    .techSpec .tabBox .content ul li>span {
        width: calc(100% - 125px);
    }

    .techSpec .tabs-nav {
        max-width: 300px;
    }

    .techSpec .tabs-nav li>a>span {
        font-size: 11px;
        bottom   : -22px;
    }

    .techSpec .tabs-stage .tabBox {
        margin-top: 30px;
    }

    .featuring_product_wrapper .featuring_img .featuring_img_wrapper img {
        height: 220px;
    }

    .productsSec .image img {
        height: 250px;
    }

    .productsSec::before {
        clip-path: polygon(0 0, 32% 0, 80% 100%, 0% 100%);
    }
}