@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Teko:wght@300;400;500;600;700&display=swap");
@font-face {
    font-family: 'CustomFont';
    src: url("../fonts/custom-font-bold.otf");}
@font-face {
	font-family: 'calibri-regular';
	src: url('../fonts/calibri-regular.ttf');}
*{
	margin:0px; padding:0px; outline: none; scroll-behavior: smooth; box-sizing:border-box;}
body{
	margin: 0px; padding: 0px;  overflow-x:hidden; background: var(--main-bg);}
#sticky{
	position:fixed; width:100%; top:0; margin:0px; padding:10px 0; background:#fff;  display:none; z-index:99999; animation:sticky 1s; box-shadow:2px 2px 10px rgb(0,0,0,0.2)}
#sticky:before,#fixedbar:after{
	display:block;}
@keyframes sticky{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}
.gCdMUP{display:none !important;}
img[alt]{color:#000; font-size:12px; text-align:center; font-weight:550;}
.tus_rlogo img{margin:0px; height:50px;}
[title=""]{margin:0px; padding:7px; background-color:#000; color:#fff; font-size:7px !important;}
.tus_fixm{margin:0px; padding:0px; float:right}
.tus_success{
	margin:0px; padding:8px 10px; background-color:#d4edda; position:absolute; z-index:99999; width:23%; bottom:-15px; 
	right:2%; color:#000; display:none; font-size:14px; text-align:center; font-weight:bold;}
#message{margin:0px; padding:0px; font-size:14px; text-transform:capitalize; color:#fff;}
.tus_minslde{
	margin:0px; padding:0px; position:relative;}
.tus_itemslde{
	margin:0px; padding:0px; position:relative;}
.tus_itemslde img{
	margin:0 auto; padding:0px; width:100%; height:auto;}
.tus_srcbxs{
	margin:0px auto; padding:0px; position:relative; width:50%;}
.tus_inpsrch{
	margin:0px; padding:10px 15px; background:#fff; border:solid 1px #ccc; width:100%; color:#000; font-size:13px;}
.sbmsrh{
	margin:-33px 10px 0 0; padding:0px; float:right; position:relative; background-color:transparent; color:#000; border:none}
.tus_hdnv{
	margin:0px; padding:0px;}
.site_logo img{margin:15px 0;}
/*----- Content Aera ------*/
:root {
    /* --main-color: #ec3237; */
    --main-color:#0778e2;
    --main-bg: #1d1d1d;
    --main-bg-lite: #292929;
    --border-color: #b6b6b6;
    --white: #ffffff;
    --black: #000000;
}

/* header */

header {
    background: var(--white);
    position: relative;
    &::before {
        content: "";
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 51px;
        background: var(--black);
        z-index: 0;
    }
}

header .header-top {
    /* background-color: var(--black); */
    padding: 10px 0;
    .container {
        position: relative;
        z-index: 2;
        padding: 0;
    }
}

header .header-contact {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "Raleway", Arial, Helvetica, sans-serif;
    li {
        display: inline-block;
        a {
            display: inline-flex;
            align-items: center;
            justify-content: start;
            line-height: 1;
            i {
                font-size: 16px;
                margin-inline-end: 8px;
                color: var(--main-color);
            }
            span {
                font-size: 14px;
                font-weight: 500;
                color: var(--white);
            }

            &:hover {
                span {
                    text-decoration: underline;
                }
            }
        }
        &:first-child {
            margin-inline-end: 10px;
        }
    }
}

header .search-form {
    display: flex;
    align-items: center;
    justify-content: start;
    button {
        display: inline-block;
        width: fit-content;
    }
    input {
        flex-grow: 1;
        &::placeholder {
            text-transform: capitalize;
        }
        &:focus {
            background: var(--main-bg-lite) !important;
        }
    }
    input,
    button {
        padding: 5px 10px;
        font-family: "Poppins";
        font-size: 14px;
        background: transparent;
        border: 0;
    }
    /* &:has(> input:focus){
        background: var(--main-bg) !important;
    } */
}

header .header-nav {
    text-align: right;
    ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline-block;
        li {
            display: inline-block;
            a {
                line-height: 1;
                display: block;
                span {
                    display: block;
                    font-size: 16px;
                    font-family: "Raleway", Arial, Helvetica, sans-serif;
                    text-transform: uppercase;
                    font-weight: 600;
                    color: var(--black);
                    margin: 0 10px;
                    padding: 35px 0px;
                    position: relative;
                    &::before {
                        content: "";
                        position: absolute;
                        width: 100%;
                        height: 2px;
                        background: var(--main-color);
                        top: 0%;
                        left: 50%;
                        transform: translateX(-50%);
                    }
                    &::after {
                        content: "";
                        width: 0;
                        height: 0;
                        border-left: 7px solid transparent;
                        border-right: 7px solid transparent;
                        border-top: 7px solid var(--main-color);
                        position: absolute;
                        top: 2px;
                        left: 50%;
                        transform: translateX(-50%);
                    }
                    &::before,
                    &:after {
                        opacity: 0;
                        visibility: hidden;
                        transition: all 0.25s ease-in-out;
                    }
                }
                &:hover {
                    span::before,
                    span::after {
                        opacity: 1;
                        visibility: visible;
                    }
                }
            }
        }
    }
}

header .header-right-menu {
    padding: 10px 20px;
    height: 100%;
    background: var(--main-color);
    position: relative;
    z-index: 2;
    width: 60%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    ul {
        margin: 0 0 15px 0;
        padding: 0 0 15px 0;
        list-style: none;
        display: flex;
        align-items: center;
        gap: 5px;
        border-bottom: 1px solid var(--white);
        li {
            a {
                display: block;
                i {
                    height: 20px;
                    width: 20px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: 14px;
                    color: var(--white);
                    &:hover {
                        color: var(--main-bg);
                    }
                }
            }
        }
    }
    a.inquiry-btn {
        display: block;
        font-size: 14px;
        text-transform: uppercase;
        font-family: "Raleway", Arial, Helvetica, sans-serif;
        font-weight: 600;
        color: var(--white);
        &:hover {
            span {
                text-decoration: underline;
            }
        }
    }
}

/* site_heading */

.site_heading {
    h2 {
        font-size: clamp(24px, 3vw + 5px, 36px);
        color: var(--white);
        margin: 0 0 1.25rem 0;
        padding: 0;
        font-family: "CustomFont";
        text-transform: capitalize;
        line-height: 1;
        position: relative;
        &::before {
            content: "";
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: calc(100% + 10px);
            width: 50px;
            height: 2px;
            background-color: var(--main-color);
        }
    }
}

/* main-categories */

.main-categories {
    padding: 4rem 0;
    .site_heading {
        h2 {
            margin-bottom: 2rem;
        }
    }
    .cat_slide {
        border-right: 5px solid var(--main-color); position:relative;
    }
    .swiper-slide:has(> .cat_slide):nth-child(even) {
        margin-top: 30px;
    }
}
.cat_slide h4{
    margin:0px; padding:0px; color:#fff; font-size:20px; position: absolute; text-transform: capitalize; bottom:35px; left:15px;
    font-weight:bold; transition:0.8s;}
.cat_slide:hover h4{
    bottom:25%; color:var(--main-color);}
.cat_slide p{
    margin:0px; padding:0px; color:var(--main-color); font-size:15px; position: absolute; text-transform: capitalize; bottom:15px; left:15px;
    font-weight:550; transition:0.8s;}
.cat_slide:hover p{
    bottom:15%; color:#fff;}
    .tus_uparo{
    margin:0px; padding:0px; position:relative;
}
.tus_uparo i{
    margin: -170px 0 0 0;
    padding: 0px;
    color: #fff;
    position: absolute;
    left: 3%;
}
.tus_downaro{
    margin:0px; padding:0px; position:relative;
}
.tus_downaro i{
    margin: -170px 0 0 0;
    padding: 0px;
    color: #fff;
    position: absolute;
    right: 3%;
}
/* available technologies */

.ava-tech {
    padding: 3rem 0;
    .site_heading {
        h2 {
            margin-bottom: 2rem;
        }
    }
    .tech-item {
        text-align: center;
        .dtls {
            border-top: 3px solid var(--main-color);
            h4 {
                margin: 1rem 0;
                font-size: 20px;
                color: var(--white);
                font-family: "Poppins", Arial, Helvetica, sans-serif;
                font-weight: 500;
                text-transform: capitalize;
            }
            p {
                color: var(--white);
                font-size: 14px;
                font-family: "Raleway", Arial, Helvetica, sans-serif;
                line-height: 1.25;
                font-weight: normal;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 4;
                line-clamp: 4;
                text-overflow: ellipsis;
                overflow: hidden;
            }
        }
        &.even {
            margin-top: 40px;
        }
    }
}

/* wp-container */

.wp-container {
    padding: 4rem 0;
    background: var(--main-bg-lite);
    .site_heading {
        h2 {
            margin-bottom: 3rem;
        }
    }
}

.wp-item {
    display: block;
    padding: 2.5rem;
    font-family: "Poppins", Arial, Helvetica, sans-serif;
    border-bottom: 2px solid var(--border-color);
    border-left: 2px solid var(--border-color);
    position: relative;
    &::before {
        content: "";
        position: absolute;
        width: 30px;
        height: 2px;
        top: 0%;
        left: 0%;
        background-color: var(--border-color);
    }
    h5 {
        font-size: 24px;
        text-transform: capitalize;
        margin: 0 0 10px 0;
        color: var(--white);
    }
    .text {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        color: var(--white);
        gap: 20px;
        p {
            font-size: 14px;
            line-height: 1.25;
            padding: 0;
            margin: 0;
            font-family: "Raleway", Arial, Helvetica, sans-serif;
            font-weight: 500;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;
            line-clamp: 4;
            text-overflow: ellipsis;
            overflow: hidden;
        }
        span {
            font-size: 16px;
            text-transform: capitalize;
            font-weight: medium;
            color: var(--main-color) !important;
        }
    }
    .item-dot {
        --dot-size: 20px;
        position: absolute;
        height: var(--dot-size);
        width: var(--dot-size);
        aspect-ratio: 1/1;
        border: 2px solid var(--main-color);
        border-radius: var(--dot-size);
        background-color: var(--main-bg-lite);
        z-index: 9;
    }
    .item-dot.bottom {
        bottom: calc(0% - (var(--dot-size) / 2));
    }
    .item-dot.top {
        top: calc(0% - (var(--dot-size) / 2));
    }
    .item-dot.left {
        left: calc(0% - (var(--dot-size) / 2));
    }
    .item-dot.right {
        right: calc(0% - (var(--dot-size) / 2));
    }
    .item-dot.center {
        left: 50%;
        transform: translateX(-50%);
    }
}

.wp-item.scnd-row {
    border-bottom: 0;
    &::before {
        display: none;
    }
}

.wp-item.scnd-row.last {
    border-right: 2px solid var(--border-color);
}

.wp-item.trd-row {
    border: 0;
    border-top: 2px solid var(--border-color);
    border-right: 2px solid var(--border-color);
    &::before {
        bottom: 0;
        top: auto;
        right: 0;
        left: auto;
    }
    .item-dot.bottom.left {
        display: none;
    }
}

/* LATEST PRODUCTS */

.ltst-prds {
    font-family: "Poppins";
    padding: 4rem 0;
}

.ltst-prod-txt {
    padding: 0 2rem;
    h5 {
        font-size: 24px;
        text-transform: capitalize;
        font-weight: 500;
        font-family: "CustomFont";
        color: var(--white);
        margin: 0;
        padding: 0 0 0 50px;
        position: relative;
        &::before {
            content: "";
            position: absolute;
            top: 50%;
            left: 0%;
            transform: translateY(-50%);
            width: 40px;
            height: 2px;
            background-color: var(--main-color);
        }
    }
    p {
        font-size: 14px;
        line-height: 1.25;
        padding: 1rem 0;
        margin: 0;
        font-family: "Raleway", Arial, Helvetica, sans-serif;
        font-weight: 500;
        color: var(--white);
    }
    a {
        position: relative;
        margin: 0;
        padding: 0;
        overflow: hidden;
        display: inline-block;
        transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
        i {
            position: absolute;
            top: 50%;
            left: -20%;
            transform: translateY(-50%);
            font-size: 14px;
            transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
            color: var(--main-color);
        }
        span {
            font-size: 14px;
            text-transform: capitalize;
            font-weight: 500;
            color: var(--main-color);
        }
    }
    a:hover {
        padding-left: 25px;
        i {
            left: 2%;
        }
        span {
            text-decoration: underline;
        }

    }
    .slider-btns {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        button {
            height: 36px;
            width: 36px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 0;
            background-color: var(--white);
            color: var(--black);
            transition:
                color 0.25s ease-in-out,
                background-color 0.25s ease-in-out;
        }
        button:hover {
            background-color: var(--main-color);
            color: var(--white);
        }
    }
}

.prod-slider {
    padding: 2rem 0 0 0;
    position: relative;
    &::before {
        content: "";
        position: absolute;
        width: 60%;
        height: 70%;
        top: 0%;
        right: 0%;
        background-color: var(--main-color);
    }
}

.ltst-prod-slide {
    border: 1px solid #fff;
    padding: 10px;
    background: var(--white);
    text-align: center; margin-bottom:15px;
    transition: all 0.25s ease-in-out;
    .item-img {
        padding: 10px;
    }
    .prod-dtls {
        margin-top: 10px;
        h4 {
            font-size: 18px;
            text-transform: capitalize;
            font-weight: 500;
            margin: 0;
            padding: 0;
            color: var(--black);
        }
        span {
            font-size: 14px;
            text-transform: none;
            color: var(--main-color);
            font-weight: 500;
        }
    }
    &:hover {
        filter: brightness(0.9);
    }
}

/* FOOTER */

.footer-container {
    margin: 0;
    padding-top: 4rem;
    position: relative;
    z-index: 2;
}

.footer-container::before {
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    left: 0%;
    bottom: 0%;
    background-image: url("../../images/footer-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
}

footer .footer-form {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;

    label {
        grid-column: 1 / -1;
    }
    input {
        grid-column: span 2;
    }
    textarea {
        grid-column: span 5;
    }
    button {
        grid-column: span 1;
    }

    label {
        text-align: center;
        font-size: 24px;
        text-transform: capitalize;
        color: var(--white);
        font-weight: normal;
        font-family: "Poppins", Arial, Helvetica, sans-serif;
        margin-bottom: 1rem;
    }

    input,
    textarea,
    button {
        font-size: 14px;
        font-family: "Poppins", Arial, Helvetica, sans-serif;
        padding: 10px !important;
        border: 0;
        background-color: #2a2a2a;
        color: var(--white);
        border-radius: 4px;
    }

    input::placeholder,
    textarea::placeholder {
        text-transform: capitalize;
    }

    textarea {
        min-height: calc(41px);
    }

    button {
        background-color: var(--main-color);
        transition: all 0.25s ease-in-out;
        /* height: fit-content; */
        &:hover {
            background-color: var(--black);
            color: var(--white);
        }
    }
}

footer .footer-social-links {
    margin: 2rem 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    li {
        a {
            display: block;
            i {
                --icon-size: 40px;
                height: var(--icon-size) !important;
                width: var(--icon-size) !important;
                aspect-ratio: 1/1 !important;
                border-radius: var(--icon-size);
                background-color: var(--main-bg-lite);
                background-color: var(--main-color);
                display: flex;
                justify-content: center;
                align-items: center;
                color: var(--white);
                transition: all 0.25s ease-in-out;
                &:hover {
                    background-color: var(--black);
                    box-shadow: 0 0 15px var(--main-bg-lite);
                }
            }
        }
    }
}

footer .footer-abt-links {
    text-align: center;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.5;
    font-family: "Poppins";
    li {
        a {
            display: inline-block;
            color: var(--white);
            font-size: 14px;
            &:hover {
                span {
                    text-decoration: underline;
                }
            }
        }
    }
}

footer .copy-section {
    padding: 1rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    font-family: "Poppins", Arial, Helvetica, sans-serif;
    color: var(--white);
    margin-top: 2rem;
    border-top: 2px solid var(--main-color);
    span {
        font-size: 14px;
        a {
            color: var(--white);
            &:hover {
                color: var(--main-color);
                text-decoration: underline;
            }
        }
    }
}

/*----- Nxt Page ------*/
.about_txt{
	margin:0px 0 30px 0; padding:0px;}
.about_txt p{
	margin:0px; padding:0px; color:#999; font-size:14px;}
.tus_nheading{
	margin:15px 0 15px 0; padding:10px 15px; position:relative; background-color:#000; border-bottom:solid 3px var(--main-color)}
.tus_nheading a{
	margin:0px; padding:0px; color:#fff; font-size:15px; text-transform:capitalize; transition:0.8s}
.tus_nheading span{
	color:#fff; margin:0 5px}
.tus_nheading a:hover{
	color:#0778e2; text-decoration:none;}
.wa-chat-box-poweredby{display:none !important;}
.tus_nxtheading{
	margin:20px 0 30px 0; padding:0px; position:relative}
.tus_nxtheading h1{
	margin:0px; padding:0px;  font-size:25px; color:#000; text-transform:uppercase; text-align:center; font-weight:bold}
.tus_nxtheading:before{
	content:''; position:absolute; background-color:#999; width:70px; bottom:-10px; left:50%; height:2px; transform:translate(-50%,-50%);}
.tus_lefth h4{
	margin:15px 0 10px 0; padding:8px 10px; color:#000;  font-size:22px; text-transform:uppercase; border-bottom:solid 1px #0778e2;
	background-color:#fff; border-top:solid 1px #0778e2;}
.tus_nextmenu{
	margin:14px 0 15px 0; padding:10px 10px; background-color:#fff; border-bottom:solid 1px #0778e2; border-top:solid 1px #0778e2;}
.tus_nextmenu a{
	margin:0px; padding:0px;  font-size:15px; text-transform:capitalize; color:#000; width:100%; letter-spacing:1px}
.tus_nextmenu span{
	margin:0px 3px; font-size:15px}
.tus_nextmenu a:hover{
	color:#999; text-decoration:none;}
.tus_conactf{
	margin:0px 0 20px 0; padding:0px;}
.tus_conactf h4{
	margin:0px 0 10px 0; padding:0px 0 10px 0; font-size:16px; color:#fff; text-transform:uppercase; border-bottom:solid 1px #ccc;
	font-weight:600; letter-spacing:2px}
.tus_conactf p{
	margin:0px 0 10px 0; padding:0px; font-size:16px; color:#0778e2;}
.tus_continp{
	margin:0px 0 15px 0; padding:10px 15px; border:1px solid #ccc; width:100%; color:#666;  font-size:14px; background-color:transparent;
	transition:0.8s}
.tus_qcontinp{
	margin:0px 0 15px 0; padding:10px 15px; border:none; border-bottom: 1px solid #ccc; width:100%; color:#0778e2;  
	font-size:14px; background-color:transparent; transition:0.8s}
.tus_contsbmt{
	margin:0px; padding:10px 16px; background-color:#0778e2; color:#fff; text-align:center; text-transform:uppercase;  font-size:13px;
	border:none; transition:0.8s; position:relative; z-index:1}
.tus_contsbmt:hover{
	background-color:#0778e2; color:#fff; text-decoration:none;}
.tus_continp:focus{
	border:solid 1px #999}
.tus_abanner{
	margin:0px; padding:0px; position:relative; z-index:1}
.tus_abanner img{
	margin:0 auto; padding:0px;}
.tus_abtxt{
	margin:0px auto; padding:0px; position:absolute; bottom:30%; left:0; right:0; text-align:center; width:50%}
.tus_abtxt h4{
	margin:0px 0 10px 0; padding:0px; color:#fff; font-size:35px; text-transform:uppercase; text-shadow: 1px 2px #353535; font-weight:bold; letter-spacing:1px}
.tus_abtxt h5{
	margin:0px 0 10px 0; padding:0px; color:#fff; font-size:15px; text-transform:uppercase; font-weight:400}
.tus_abtxt p{
	margin:0px 0 10px 0; padding:0px; color:#fff; font-size:14px; font-weight:400}
.tus_abtxt:before{
	content:''; position:absolute; border:solid 1px #0778e2; width:10%; height:7%; bottom:-20px; left:50%; transform:translate(-50%,-50%);}
.tus_abtxt:after{
	content:''; position:absolute; background-color:#0778e2; width:5%; height:7%; bottom:-20px; left:47%; transform:translate(-50%,-50%);}
.tus_leftct{
	margin:15px 0 15px 0; padding:8px 15px; color:#fff; font-size:18px; text-transform:uppercase;  background-color:#000;
	border-bottom:solid 3px #0778e2}
.tus_cdetail{
	margin:0px; padding:0px;}
.tus_cdetail h4{
	margin:0px 0 15px 0; padding:0px 0 10px 0; color:#fff; font-size:18px; border-bottom:solid 1px #eee; font-weight:600}
.tus_cdetail p{
	margin:0px; padding:0px; color:#999; font-size:16px; font-weight:400}
.tus_prodetail{
	margin:0px; padding:0px;}
.tus_prodetail h1{
	margin:0px 0 15px 0; padding:0px 0 10px 0; color:#fff; font-size:18px; text-transform:capitalize;  border-bottom:solid 1px #eee;}
.tus_prodetail h2{
	margin:0px 0 15px 0; padding:0px 0 10px 0; color:#0778e2; font-size:15px; text-transform:capitalize;  border-bottom:solid 1px #eee;
	text-align:left}
.tus_prodetail p{
	margin:0px; padding:0px; color:#999; font-size:14px;}
.tus_prodetail p span{
	color:#fff; font-size:14px; font-weight:600}
.modal-title{font-size:16px !important; }
.tus_whatsup{
	margin:0px; padding:7px 15px; color:#000; font-size:12px; text-transform:capitalize; text-align:center; border:solid 1px #0778e2;
	transition:0.8s}
.tus_whatsup:hover{
	background-color:#343434; color:#fff;}
.tus_whatsup i{
	font-size:14px;}
.tus_pdnav{
	margin:0px 0 20px 0; padding:5px 0; background-color:rgba(206, 206, 206, 1); position:relative}
.tus_admre{
	margin:2px 0 0 0; padding:0px; color:#000; font-size:14px; float:right; font-weight:450; transition:0.8s}
.tus_admre:hover{
	color:#0778e2;}
.tus_mineets{
	margin:0px 0 15px 0; padding:0px; border:solid 1px #ccc;}
.tus_mineets img{
	margin:0 auto; padding:0px; width:100%; height:auto;}
.tus_mineets h4{
	margin:15px 0 10px 0; padding:0px; color:#0778e2; font-size:26px; text-transform:capitalize; font-weight:500; text-align:center}
.tus_mineets p{
	margin:0px; padding:0px; color:#666; font-size:16px; text-align:center}
.tus_inpfrm{
	margin:0px 0 15px 0; padding:7px 10px; width:100%; border:solid 1px #eee; font-size:14px; color:#666;}
.tus_cdetail label{
	font-size:14px; color:#3f3f3f}
.tus_cdetail label span{
	color:#ff0000;}
.tus_sbmfrm{
	margin:0px; padding:10px 20px; background-color:#0778e2; color:#fff; font-size:14px; border:none; transition:0.8s}
.tus_sbmfrm:hover{
	background-color:#000; border-radius:2em}
/*----- Basket ------*/
.tus_mincart{
	margin:0px; padding:0px; position:relative; display:flex;}
.tus_mncrimg{
	margin:0px; padding:0px; position:relative; width:30%;}
.tus_mncrimg img{
	margin:0px auto; padding:0px;}
.tus_mncrtxt{
	margin:0px; padding:0px;}
.cartRemove{
	margin:0px; padding:0px; color:#999; font-size:18px; position:absolute; top:0; right:4px; transition:0.8s}
.cartRemove:hover{
	color:#000;}
.tus_mincart h3{
	margin:13px 0 3px 0; padding:0px; color:#000; font-size:14px; text-transform:capitalize;}
.tus_mncrtxt h4{
	margin:0px 0 3px 0; padding:0px; color:#000; font-size:14px; text-transform:capitalize;}
.tus_mincart p{
	margin:0px; padding:0px; color:#0778e2; font-size:14px; text-transform:capitalize;}
.tus_mincart h2{
	margin:0px; padding:0px; color:#fff; font-size:10px; text-transform:uppercase; background-color:rgb(0,0,0,0.8); width:20px; height:20px; 
	text-align:center; position:absolute; top:5px; left:10px; border-radius:100%; line-height:20px}
.tus_qtys{
	margin:8px 0 4px 0; padding:3px 4px; width:100%; font-size:13px; border:solid 1px #ccc}
.tus_updte{
	margin:0px; padding:0px; background-color:transparent; color:#000; font-size:13px; text-transform:uppercase; border:none;
	font-weight:500}
.tus_totlas{
	margin:5px 0 15px 0; padding:0px; background-color:#ccc;}
.tus_totlas h5{
	margin:0px; padding:15px 10px; color:#000; font-size:14px; text-transform:capitalize; text-align:center}
.tus_bskempt{
	margin:20px auto 40px auto; padding:0px; text-align:center}
.tus_bskempt h6{
	margin:0px 0 10px 0; padding:15px 10px; color:#fff; font-size:20px; text-align:center; text-transform:capitalize}
.tus_bskempt a{
	margin:0px; padding:10px 20px; background-color:#ccc; font-size:16px; text-transform:capitalize; color:#000; border-radius:2em; transition:0.8s}
.tus_bskempt a:hover{
	background-color:#0778e2; color:#fff;}
.tus_cartfrm{
	margin:0px 0 15px 0; padding:20px 25px; background-color:#fff; border:solid 1px #eee;}
.tus_cartfrm h4{
	margin:0px 0 5px 0; padding:0px; color:#000; font-size:18px; text-transform:capitalize; font-weight:550}
.yourCart{
    width:100%; text-align:left; text-transform:uppercase; padding:15px; background:#ccc; font-weight:500; font-size:15px;
	margin-bottom:5px}
.cartProduct{
	margin:0px; padding:10px 10px; background-color:#fff; border-bottom:solid 1px #ccc; position:relative}
.cartProduct:last-child{
	margin-bottom:5px; margin-top:5px;}
.cartPdctImage{
    position:relative; margin:0px; padding:0px;}
.cartPdctImage img{
	margin:0px; padding:0px; height:110px; border:solid 1px #ccc}
.cartPdctName{
     padding:0px; color:#0778e2; font-size:15px; text-transform:capitalize; font-weight:bold}
.cartPdctArt{
	 padding:0px; color:#0778e2; font-size:15px; font-weight:450}
.cartPdctSize{
	 padding:5px 0 10px; color:#0778e2}
.cartQuantity{
	font-weight:400; color:#0778e2; width:50%; border:solid 1px #ccc; padding:6px 5px; text-align:center; font-size:15px;
	margin-top:15px}
.cartSubmit{
	margin:10px 0; background:#000;  border:none; padding:7px 20px; font-size:14px; color:#fff}
.cartRemove{
	margin:10px 0;  font-size:14px; color:#000; text-transform:uppercase;}
.cartRemove:hover{
	color:#fff; text-decoration:none; background-color:#000}
.cartPdctPrice{
	 padding:20px; text-align:right ; color:#fa5400}
.summery{
	background:#eee; margin-bottom:40px;}
.summeryTxt{
	 padding:20px; color:#000; font-size:15px; border-bottom:#000 1px solid;}
.summeryTotal{
	 padding:10px 25px; color:#000; font-size:15px; border-bottom:#000 1px solid; text-transform:uppercase; font-weight:500}
.summeryTotal > span{
	float:right}
.summeryOr{
	 color:#ffffff; font-size:16px;text-align:center}
.cartSend{
	padding:15px 0; text-align:center}
.cartSend > a{
	 padding:8px 10px; color:#ffffff; font-size:14px; text-transform:capitalize; background:#0778e2; display:inline-block; border-radius:3px; 
	 font-weight:400; text-decoration:none; transition:0.8s}
.cartSend > a:hover{
	background:#000; text-decoration:none; color:#fff}
.cartAddMore{
	padding:15px 30px; border-top:#0778e2 1px solid; text-align:center}
.cartAddMore > a{
    padding:10px; color:#ffffff; font-size:14px; text-transform:uppercase; background:#0778e2; display:block; border-radius:3px;  font-weight:bold; text-decoration:none}
.cartAddMore > a:hover{
	background:#fff; text-decoration:none; color:#000}
.cartBasketEmpty{
	 padding:60px 20px ; color:#fff; font-size:25px; background:#666; text-align:center; margin:20px 0 40px; width:100%}
.tus_minbskt{
	margin:0px 0 5px 0; padding:0px; background-color:#ccc;}
.tus_minbskt h3{
	margin:0px; padding:13px 0; color:#000; font-size:15px; text-transform:uppercase;}
.cartRemoveupd{
	margin:10px 0 0 15px; padding:0px; background-color:transparent; border:none; color:#000; font-size:15px; text-transform:capitalize;}
.cartRemovebsk{
	margin:0px 0 0px 18px; padding:0px; color:#000; font-size:25px; text-align:center; position:relative; top:25px; transition:0.8s}
.cartRemovebsk:hover{
	color:#0778e2;}
.cartQuantitymb{
	margin:0px 0 10px 0; padding:0px 6px; width:25%; border:solid 1px #ccc;}
.cartRemovemb{
	margin:0px; padding:5px 10px; background-color:#000; color:#fff; font-size:13px; text-transform:capitalize; text-align:center; border:none;
	transition:0.8s}
.cartRemovemb:hover{
	background-color:#0778e2; color:#fff;}
.sitemap_cate{
	margin:0px 0 20px 0; padding:0px;}
.sitemap_cate h4{
	margin:0px 0 10px 0; padding:0px 0 5px 0;  font-size:15px; color:#fff; text-transform:uppercase; font-weight:500; 
	border-bottom:solid 1px #999;}
.sitemap_cate p{
	margin:0px 0 0px 0; padding:0px 0 0px 0;  font-size:16px; color:#666;}
.sitemap_cate p:hover{
	color:#0778e2; text-decoration:none;}
.sitem_menu{
	margin:0px 0 15px 0; padding:0px; text-align:center}
.sitem_menu ul{
	margin:0px; padding:0px;}
.sitem_menu ul li{
	margin:0px 10px; padding:0px; list-style:none; display:inline-block;}
.sitem_menu ul li a{
	margin:0px; padding:0px;  font-size:16px; color:#fff; text-transform:capitalize;}
.sitem_menu ul li a:hover{
	color:#0778e2; text-decoration:none;}
#tus_margin{
	margin:0px; padding:0px;}
.tus_mobile{
	margin:0px; padding:5px 15px; position:relative; display:flex; justify-content:space-between; align-items:center; background-color:#fff;}
.tus_mblogo{
	margin:0px; padding:0px 5px;}
.tus_mblinks{
	margin:0px; padding:0px; position:relative}
.tus_mblinks a{
	margin:0px 0px; padding:7px 9px 5px 9px; color:#000; font-size:16px; border:solid 1px #000;}
.tus_mbnav{
	margin:0px; padding:25px 10px 15px 10px; width:80%; position:fixed; background-color:#fff; z-index:1; top:0; left:0; height:100%; z-index:3434349; overflow-y: scroll;}
.tus_mbnav a{
	margin:0px; padding:5px 0 5px 0; display:block; color:#000; font-size:14px; text-transform:capitalize; transition:0.8s; border-bottom:solid 1px #eee;
	font-weight:400}
.tus_mbnav a:hover{
	color:#0778e2;}
.tus_mbnav a i{
	margin:5px 15px 0 0; padding:0px; font-size:12px; float:right;}
.tus_close{
	margin:0px; padding:0px; position:absolute; top:10px; right:25px}
.tus_close a{
	margin:0px; padding:0px 6px; background-color:#000; color:#fff; font-size:16px;}
.tus_close2{
	margin:0px; padding:0px; position:absolute; top:10px; right:25px}
.tus_close2 a{
	margin:0px; padding:0px 6px; background-color:#000; color:#fff; font-size:16px;}
.tus_popsearch{
	margin:0px; padding:60px 20px 20px 20px; background-color:#fff; position:absolute; top:0; left:0; width:100%; z-index:34343499}
.tus_mbsrch{
	margin:0px; padding:8px 10px; width:100%; background-color:#000; color:#fff; font-size:14px; border:none}
.tus_mbsbmsrch{
	margin:-38px 0 0 0; padding:8.5px 12px; background-color:#999; color:#fff; font-size:14px; text-transform:uppercase; text-align:center; float:right; position:relative;
	border:none;}
.tus_close3{
	margin:0px; padding:0px; position:absolute; top:10px; right:25px}
.tus_close3 a{
	margin:0px; padding:5px 12px; background-color:#000; color:#fff; font-size:16px; border-radius:100%}
.tus_close4{
	margin:0px; padding:0px; position:absolute; top:5px; right:10px}
.tus_close4 a{
	margin:0px; padding:0px; color:#000 !important; font-size:22px !important; border:none !important}
.tus_mblogo img{
	margin:0px 0 5px 0; padding:0px; height:55px}
.tus_gallery{
	margin:0px 0 15px 0; padding:0px; position:relative; overflow:hidden}
.tus_gallery img{
	margin:0 auto; padding:0px; width:100%; height:auto;}
.tus_gallery h4{
	margin:0px; padding:8px 0; color:#fff; font-size:17px; text-transform:capitalize; border-bottom:solid 1px #ccc; font-weight:600}
.tus_gallery:before{
	content:''; position:absolute; background-color:rgb(0,0,0,0.6); width:100%; height:100%; top:0; left:0; transition:0.8s; opacity:0}
.tus_gallery:after{
	content:''; position:absolute;  width: 0; height: 0; border-bottom: 100px solid #0778e2; border-left: 120px solid transparent; 
	bottom:0; right:-100%; transition:0.8s;}
.tus_gallery i{
	margin:0px; padding:0px; color:#fff; font-size:25px; position:absolute; bottom:5%; right:4%; z-index:1; transition:0.8s; opacity:0; transition-delay:0.2s}
.tus_gallery:hover:before{
	opacity:1;}
.tus_gallery:hover:after{
	right:0;}
.tus_gallery:hover i{
	opacity:1;}
.cate{
	margin:0px; padding:0px; position:relative;}
.swiper-next{
	margin:0px; padding:0px; color:#0778e2; font-size:20px; position:absolute; top:45%; right:-105%; z-index:-1}
.swiper-prev{
	margin:0px; padding:0px; color:#0778e2; font-size:20px; position:absolute; top:45%; left:-7%; z-index:-1}

















@media screen and (max-width: 992px) {
    .desk-header {
        display: none;
    }
    /* work process */
    .wp-container {
        padding: 3rem 0;
        .site_heading {
            h2 {
                margin-bottom: 2rem;
            }
        }
    }
    .wp-item {
        padding: 1.5rem;
        h5 {
            font-size: 18px;
        }
        .text {
            gap: 16px;
            p {
                font-size: 13px;
            }
        }
    }
    .wp-item.last {
        &::before {
            display: none;
        }
    }
    .wp-item.trd-row:not(.last) {
        &::before {
            display: none;
        }
    }
    .wp-item.trd-row {
        &::before {
            display: block;
        }
    }
    /* latest-products */
    .ltst-prds {
        padding: 3rem 0;
    }
    .prod-slider {
        &::before {
            width: 100%;
        }
    }
    .ltst-prod-txt {
        padding: 0 2rem 2rem 2rem;
    }
    /* maincategories */
    .main-categories {
        padding: 2rem 0;
    }
    /* ava-tech */
    .ava-tech {
        padding: 2rem 0;
    }
    /* footer */
    footer .footer-form {
        input {
            grid-column: span 3;
        }
        input[phone] {
            grid-column: 1 / -1;
        }
        textarea {
            grid-column: 1 / -1;
        }
        button {
            grid-column: 1 / -1;
        }

        label {
            font-size: 18px;
        }
    }
}

@media screen and (max-width: 576px) {
    /* work process */
    .wp-item:not(.frst) {
        &::before {
            display: none;
        }
    }
    .wp-item.scnd-row {
        border-bottom: 2px solid var(--border-color);
    }
    .wp-item.scnd-row.last {
        border-right: 0;
    }
    .wp-item.trd-row {
        border-bottom: 2px solid var(--border-color);
        border-left: 2px solid var(--border-color);
        border-top: 0;
        border-right: 0;
        .item-dot.bottom.left {
            display: block;
        }
        .item-dot.top.right {
            display: none;
        }
    }
    .item-dot.top.center,
    .item-dot.bottom.center {
        display: none !important;
    }
    /* footer */
    footer .footer-form {
        input {
            grid-column: 1 / -1;
        }
    }
    /* tech */
    .tech-item.even {
        margin: 0 !important;
    }
    /* maincategories */
    .main-categories {
        .swiper-slide:has(> .cat_slide):nth-child(even) {
            margin-top: 0px;
        }
    }
}

@media screen and (max-width: 450px) {
    /* footer */
    .footer-container {
        padding-top: 2rem;
    }
    footer .copy-section {
        padding: 10px;
        span {
            font-size: 12px;
        }
    }
    footer .footer-social-links {
        margin: 1.5rem 0;
        li {
            a {
                i {
                    --icon-size: 35px;
                    font-size: 14px;
                }
            }
        }
    }
    /* latest products */
    .ltst-prds {
        padding: 2rem 0;
    }
    .ltst-prod-txt {
        padding: 0 1.5rem 1.5rem 1.5rem;
    }
    .ltst-prod-slide {
        .prod-dtls {
            h4 {font-size: 16px;}
            span {font-size: 13px;}
        }
    }
}