@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&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

figure,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

section {
    padding: 60px 0;
}

h1 {
    font-size: 70px;
}

h2 {
    font-size: 60px;
    font-weight: bold;
}

p {
    font-size: 20px;
}

.heading {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

body {
    overflow-x: hidden;
}

body,
html {
    font-family: "Poppins", serif;
}

.table_wrap {
    overflow-x: scroll;
}

.table_wrap table th {
    background: #d49806;
}

.table_wrap table tbody tr:nth-child(odd) td {
    background: #edd3b0;
}

.table_wrap table tbody tr:nth-child(even) td {
    background: #ffffff;
}

.pQuery .col-lg-5 {
    position: relative;
    z-index: 2;
}


/* header css strat */

#bodyArea.page-id-21 .sub1,
#bodyArea.page-id-17 .sub2,
#bodyArea.page-id-166 .sub1,
#bodyArea.page-id-167 .sub1,
#bodyArea.page-id-168 .sub1 {
    display: none;
}

#bodyArea.page-id-21 .modal-body .sameBtn,
#bodyArea.page-id-17 .modal-body .sameBtn,
#bodyArea.page-id-166 .modal-body .sameBtn,
#bodyArea.page-id-167 .modal-body .sameBtn,
#bodyArea.page-id-168 .modal-body .sameBtn {
    margin: 0;
}

.about {
    padding: 0;
}

header {
    height: 100px;
}

header>.navbar .withSer {
    display: flex;
    gap: 20px;
    align-items: center;
}

header>.navbar .withSer>ul {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    margin: 0;
    list-style: none;
    gap: 30px;
}

header .navbar ul li a {
    color: #000;
    text-decoration: none;
}

header .logo img {
    width: 160px;
}

header>.navbar {
    align-items: self-start;
    display: flex;
    padding: 8px 50px;
    justify-content: space-between;
    z-index: 9;
}

header>.navbar .withSer>ul li a {
    position: relative;
}

header>.navbar .withSer>ul>li>a::before {
    position: absolute;
    content: "";
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
    background: #000000;
    width: 0;
    height: 2px;
    transition: all 0.5s;
}

header>.navbar .withSer>ul>li>a.active::before {
    width: 100%;
}

header .navbar .withSer ul li a {
    font-size: 20px;
    padding: 0 0 7px;
}

header .navbar .withSer ul li a:hover::before {
    width: 100%;
}

.banner .slick-list,
.banner .slick-track,
.banner .slick-slide,
.banner .slick-slide>div,
.banner .slick-list>div .item,
.banner .slick-list>div .item figure {
    height: 100%;
}

.banner .slick-list>div .item figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.banner .slick-dots,
.about .slick-dots {
    display: flex;
    justify-content: center;
    gap: 5px;
    list-style: none;
}

.banner .slick-dots li button,
.about .slick-dots li button {
    color: transparent;
    width: 10px;
    height: 10px;
    border: none;
    border-radius: 50%;
    background: #2d2d2d;
}

.banner .slick-dots,
.about .slick-dots {
    margin-top: -30px;
    position: relative;
}

.banner .slick-dots li.active button,
.about .slick-dots li.active button {
    background: red;
}

.banner .slick-dots li.slick-active button,
.about .slick-dots li.slick-active button {
    background: #ffffff;
}

.banner {
    height: calc(100vh - 100px);
    padding: 0;
}

.banner .slick-list {
    height: 100%;
}


/* header css end */


/* menu css start */

.menu.fullWidth {
    width: 500px;
    right: 0;
    overflow: auto;
}

.menuBtn {
    cursor: pointer;
    overflow: hidden;
    width: 54px;
    height: 55px;
    background: #000000;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menuBtn span {
    position: absolute;
    display: block;
    width: 20px;
    height: 2px;
    background: #ffffff;
    transition: all .6s;
    left: 13px;
}

li.nav-item.dropdown>ul {
    padding: 20px;
    border: none;
    box-shadow: 2px 3px 4px 3px #00000042;
    border-radius: 0;
}

.menuBtn.close span {
    left: 17px;
}

body {
    overflow-x: hidden;
}

body.fixedBody {
    overflow: hidden;
}

.menuBtn span:first-child {
    transform: translateY(-12px) translateX(-1px);
    transition-delay: 0s;
}

.menuBtn span:nth-child(2) {
    transition-delay: .12s;
    transform: translateX(9px);
}

.menuBtn span:last-child {
    transform: translateY(12px) translateX(-1px);
    transition-delay: 0s;
}

.menuBtn.close span:first-child {
    transform: translateY(0) translateX(0) rotate(45deg);
    transition-delay: .1s;
}

.menuBtn.close span:nth-child(2) {
    transform: translateX(110px);
    transition-delay: 0s;
}

.menuBtn.close span:last-child {
    transform: translateY(0) translateX(0) rotate(314deg);
    transition-delay: .1s;
}

.toggleBtn {
    position: absolute;
    display: none;
}

.navbar .dropdown-menu {
    position: absolute;
    transform: unset !important;
}


/* menu css end */


/* sameBtn css start */

.sameBtn a {
    display: inline-block;
    padding: 5px 20px;
    font-size: 20px;
    text-decoration: none;
    color: #000000;
    border: 2px solid #000;
    position: relative;
    z-index: 1;
    transition: all 0.5s;
}

.sameBtn {
    margin-top: 25px;
}

.sameBtn a::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 100%;
    transform: translate(-50%, -50%);
    content: "";
    background: #000;
    transition: all 0.5s;
    z-index: -1;
}

.sameBtn a:hover::after {
    width: 100%;
}

.sameBtn a:hover {
    color: #fff;
}


/* sameBtn css end */


/* diamond css start */

.diamond .row {
    --bs-gutter-x: 50px;
    gap: 150px 0;
}

.diamond h2 {
    padding-bottom: 50px;
}

.diamond h3 {
    font-size: 40px;
    font-weight: 600;
    text-transform: capitalize;
}

.diamond figure,
.multiCon figure {
    position: relative;
    overflow: hidden;
}

.diamond figure a,
.multiCon figure a {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #00000080;
    width: 0;
    height: 0;
    display: grid;
    place-content: center;
    text-decoration: none;
    font-size: 0;
    color: #fff;
    transition: all 0.5s;
    transform: translate(-50%, -50%);
}

.diamond figure:hover,
.multiCon figure:hover {
    cursor: pointer;
}

.diamond figure:hover a,
.multiCon figure:hover a {
    width: 100%;
    height: 100%;
    font-size: 35px;
}

.diamond figure:hover img,
.multiCon figure:hover img {
    scale: 1.1;
}

.diamond figure img,
.multiCon figure img {
    transition: all 0.5s;
}


/* diamond css end */


/* search css start */


/* search css end */


/* product page css start */

.sameBanner {
    background-image: linear-gradient(#00000000, #000000c4);
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    display: flex;
    align-items: end;
    color: #fff;
    padding: 0;
    position: relative;
}

.sameBanImg,
.sameBanImg figure,
.sameBanImg figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.sameBanner h1 {
    position: absolute;
    bottom: 40px;
    left: 100px;
}

.prodetail h2 {
    padding-bottom: 20px;
}

.prodetail p {
    padding: 20px 0;
}

.searchMode .modal-body .form_sec2 button {
    background: #000000;
    width: 40px;
    border: none;
    border-radius: 0;
}

.searchMode .modal-body .form_sec2 button i {
    color: white;
}

.searchMode .modal-body .form_sec2 input {
    border-radius: 0;
}

.searchMode .modal-body .form_sec2 .clSrcb {
    display: none;
}

.pro {
    padding: 20px 0px 60px 0;
}

.pro h3 {
    padding-bottom: 15px;
}

.proDe .row {
    --bs-gutter-x: 70px;
    align-items: center;
}

.proDe figure {
    background: #f3f3f3;
    padding: 50px;
    border-radius: 5px;
    overflow: hidden;
}

.proDe figure img {
    mix-blend-mode: darken;
}

.prodt h3 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000000;
    border-bottom: 5px solid #000;
    width: fit-content;
}

.prodt {
    padding-top: 0;
}

.prodt p {
    padding: 10px 0 30px;
}

.prArrows {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.prArrows .slick-arrow {
    background: #000000;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.prArrows .slick-arrow i {
    color: #fff;
    font-size: 30px;
}

.prodetail ul li {
    font-size: 20px;
    padding-bottom: 10px;
}

.table_wrap table {
    border: none;
}

.table_wrap table th,
.table_wrap table td {
    height: 30px;
    /* border: 1px solid #ccc; */
    text-align: left;
    line-height: 1.5;
    font-size: 14px;
    color: #000;
    padding: 10px 15px;
    white-space: nowrap;
}

.prForm {
    background: #dddddd;
}

.prForm h3 {
    font-size: 35px;
    padding-bottom: 20px;
}

.prForm form input {
    margin-bottom: 10px;
}

.table_wrap table {
    width: 100%;
    margin: 30px 0 50px;
}

.prodt figure {
    overflow: hidden;
}

.prodt figure:hover img {
    scale: 1.2;
}

.prodt figure img {
    transition: all 0.5s;
}

.prfC {
    background: #e3e3e3;
    padding: 50px;
}

.prfC form p br {
    display: none;
}

.prForm form textarea.form-control {
    border-radius: 0;
    border: none;
    height: 116px;
}

.prForm .sameBtn {
    margin-top: 15px;
}

.sameBtn input {
    display: inline-block;
    padding: 5px 20px;
    font-size: 20px;
    text-decoration: none;
    color: #000000;
    border: 2px solid #000;
    position: relative;
    z-index: 1;
    transition: all 0.5s;
}

.sameBtn input::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 100%;
    transform: translate(-50%, -50%);
    content: "";
    background: #000;
    transition: all 0.5s;
    z-index: -1;
}

.sameBtn input:hover::after {
    width: 100%;
}


/* product page css end */


/* product all page css start */

.multiCon figcaption {
    text-align: center;
    padding-top: 8px;
}

.multiCon .sameBtn {
    text-align: center;
    margin-top: 10px;
}

.recSlider figure img {
    width: 100%;
}

.recSlider .slick-list {
    margin: 0 -10px;
}

.recSlider .slick-list .slick-slide {
    margin: 0 10px;
}

.diaDiv {
    padding-top: 60px;
}

.diaDiv {
    padding-top: 60px;
    /* border-bottom: 2px solid #d5d5d5; */
}

.diaDiv .diamond:nth-child(even) {
    background: #f3f3f3;
}

.diaDiv h2 {
    padding-bottom: 30px;
}

.multiCon .sameBtn a {
    font-size: 15px;
    padding: 2px 10px;
}

.multiCon figcaption p {
    font-size: 16px;
}

.multiCon .heading {
    padding-bottom: 25px;
}

.multiCon .heading h3 {
    font-size: 35px;
    font-weight: bold;
}

.multiCon .row {
    gap: 30px 0;
}

.Recommended .prArrows {
    margin-top: 40px;
}

header .logo figure:last-child img,
footer .row .col-lg-4:first-child figure img:last-child {
    width: 100px;
}

header .logo figure:last-child,
footer .row .col-lg-4:first-child figure img:last-child {
    display: flex;
    align-items: center;
}


/* product all page css end */

.whatsapp {
    position: fixed;
    bottom: 0;
    background: #edd3b096;
    padding: 20px;
    border-radius: 0 50% 0 0;
    z-index: 999;
}

.whatsapp a i {
    color: #15940c;
    font-size: 60px;
}


/* about page css start */

.abCon .row {
    --bs-gutter-x: 70px;
    gap: 40px 0;
    align-items: center;
}

.abCon h2 {
    padding-bottom: 20px;
}

.searchMode .modal-body {
    display: flex;
    gap: 5px;
}

.searchMode .modal-body form {
    width: 100%;
}


/* about page css end */


/* contact page css start */

.pQuery .col-lg-5 .heading h2 {
    padding-bottom: 5px;
}

.pQuery .col-lg-5 .heading:first-child {
    padding-bottom: 65px;
    border-bottom: 2px solid #000;
    margin-bottom: 55px;
}

.pQuery .col-lg-5 .heading .sameBtn {
    margin-top: 30px;
}

.pQuery .row {
    --bs-gutter-x: 70px;
}

.form textarea.form-control {
    min-height: auto;
    height: 180px;
}

.form form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.form form .form-control {
    border-radius: 0;
    border-color: #000;
    border-width: 2px;
    padding: 15px;
    font-size: 20px;
    font-weight: 500;
}

.contInfo {
    padding: 50px;
    background-color: #000000;
    color: #fff;
    margin-top: 50px;
}

.contInfo h3 {
    padding-bottom: 20px;
    text-transform: uppercase;
}

.contInfo .infoAd p:first-child {
    font-weight: 800;
    padding-bottom: 5px;
}

.contInfo .infoAd {
    padding-bottom: 25px;
    border-bottom: 2px solid #fff;
    margin-bottom: 25px;
}

.contInfo .infoAd p a {
    text-decoration: none;
    color: #fff;
}

.form .sameBtn {
    margin-top: 30px;
}

.pQuery .col-lg-7 h2 {
    padding-bottom: 20px;
}

.drift-zoom-pane.drift-open {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.logo {
    display: flex;
    gap: 10px;
}

footer ul li i {
    font-size: 30px;
}

.detail {
    position: relative;
}

.contInfo .infoAd:last-child {
    padding: 0;
    margin: 0;
    border: none;
}

section.map {
    padding: 0;
    display: flex;
    margin-top: -400px;
    position: relative;
    z-index: 1;
}

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

.pQuery {
    padding-bottom: 0;
}


/* contact page css end */


/* company news page css start */

.comNews .comAll {
    display: flex;
    gap: 50px;
    align-items: center;
    padding: 0px 50px 0 0px;
}

.comNews .row .col-lg-12 {
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.comNews .heading {
    padding-bottom: 50px;
}

.comNews .comAll figure {
    width: 35%;
}

.comNews .comAll .comCon {
    width: 65%;
}

.comNews .comAll .comCon h5 {
    font-size: 30px;
    font-weight: bold;
}

.comNews .comAll .comCon small {
    font-size: 20px;
    color: #d49806;
    padding-top: 10px;
    display: block;
}

.comNews .comAll .comCon p {
    font-size: 25px;
    padding-top: 15px;
}

.comNews .row .col-lg-12 .comAll:nth-child(odd) {
    background-color: #d4980630;
}

.comNews .row .col-lg-12 .comAll:nth-child(even) {
    background-color: #4747471a;
}


/* company news page css start */


/* new details page css start */

section.newDe {
    background: #ff980026;
}

.newDe h3 {
    font-size: 30px;
    font-weight: bold;
}

.newDe p {
    padding: 15px 0 30px;
}

.newDe ul {
    list-style: auto;
    padding-left: 17px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.postTime {
    padding: 10px;
    background: #d49806;
    color: #fff0d9;
    margin-top: 20px;
    width: fit-content;
}

.newDe figure {
    margin: 30px 0;
}

.prnx {
    display: flex;
    gap: 2px;
    flex-direction: column;
    margin: 20px 0;
    font-size: 20px;
}

.prnx a {
    color: #000;
    text-decoration: none;
}

.prnx>div {
    display: flex;
}

.prnx>div span {
    width: 95px;
}

.related>ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.related>ul li a {
    font-size: 20px;
    text-decoration: none;
    color: #000;
}

.related h4 {
    padding: 20px 0 10px;
    border-bottom: 2px solid #d49806;
    margin-bottom: 10px;
    font-weight: bold;
}

.newDe figure img {
    width: 100%;
}


/* new details page css end */


/* footer css start */

footer {
    background: #f3f3f3;
    padding: 60px 0;
    text-align: center;
}

footer img {
    width: 180px;
    mix-blend-mode: darken;
}

footer figure {
    padding-bottom: 20px;
    display: flex;
    align-items: center;
}

footer h5 {
    font-size: 30px;
    padding-bottom: 20px;
}

footer h4 {
    font-size: 20px;
    padding-bottom: 20px;
}

footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

footer ul li a {
    font-size: 20px;
    text-decoration: none;
    color: #000;
}


/* footer css end */