@font-face {
    font-family: 'HankenGrotesk';
    src: url('../fonts/HankenGrotesk-Light.woff') format('woff'), url('../fonts/HankenGrotesk-Light.ttf') format('truetype');
    font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'HankenGrotesk';
    src: url('../fonts/HankenGrotesk-Regular.woff') format('woff'), url('../fonts/HankenGrotesk-Regular.ttf') format('truetype');
    font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'HankenGrotesk';
    src: url('../fonts/HankenGrotesk-Medium.woff') format('woff'), url('../fonts/HankenGrotesk-Medium.ttf') format('truetype');
    font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'HankenGrotesk';
    src: url('../fonts/HankenGrotesk-SemiBold.woff') format('woff'), url('../fonts/HankenGrotesk-SemiBold.ttf') format('truetype');
    font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'HankenGrotesk';
    src: url('../fonts/HankenGrotesk-Bold.woff') format('woff'), url('../fonts/HankenGrotesk-Bold.ttf') format('truetype');
    font-weight: 700; font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'PlusJakartaSans';
    src: url('../fonts/PlusJakartaSans-Regular.woff') format('woff'), url('../fonts/PlusJakartaSans-Regular.ttf') format('truetype');
    font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'PlusJakartaSans';
    src: url('../fonts/PlusJakartaSans-Bold.woff') format('woff'), url('../fonts/PlusJakartaSans-Bold.ttf') format('truetype');
    font-weight: 600; font-style: normal; font-display: swap;
}


body, h1, h2, h3, h4, h5, h6, p, ul, li, table { margin: 0px; padding: 0px; list-style: none; font-weight: normal; }
body { font-family: "HankenGrotesk", sans-serif; font-weight: normal; font-size: 16px; color: #000000; line-height: normal; padding-top: 90px !important; overflow: hidden; overflow-y: auto; }
/**, ::after, ::before { box-sizing: border-box; }*/
*{ margin: 0px; padding: 0px; }
[type="button"]:not(:disabled), button:not(:disabled) { outline: none; }


a { color: #000000; outline: none; -webkit-transition: all 400ms ease; -moz-transition: all ease 400ms; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; text-decoration: none; }
a:hover, a:focus { text-decoration: none; color: #000000; outline: none; }

/*.textcenter { text-align: center; }
.textright { text-align: right; }
.textleft { text-align: left !important; }*/

.justify { text-align: justify; letter-spacing: -0.20px; }
.capital { text-transform: capitalize !important; }
.upper { text-transform: uppercase !important; }

.form-control:focus{ box-shadow: none; }

.font1{ font-family: 'HankenGrotesk' !important; }
.font2{ font-family: 'PlusJakartaSans' !important; }

.light{ font-weight: 300 !important; }
.normal{ font-weight: normal !important; }
.medium{ font-weight: 500 !important; }
.sbold{ font-weight: 600 !important; }
.bold{ font-weight: bold !important; }

p{ margin-bottom: 20px; }
p:last-child{ margin-bottom: 0px; }

/*.txt-nogap{ hyphens: auto; -webkit-hyphens: auto; word-spacing: -0.05em; }*/
/*.letter-spacing1{ letter-spacing: -0.4px; }
.letter-spacing2{ letter-spacing: -0.1px; }*/
.lspac1{ letter-spacing: 1px; }

.lineH-1-5{ line-height: 1.5; }

[class*="font-"] { line-height: 1.2; }

.font-12 { font-size: 12px !important; }
.font-14 { font-size: 14px !important; }
.font-16 { font-size: 16px !important; }
.font-18 { font-size: 18px !important; }
.font-20 { font-size: 20px !important; }
.font-24 { font-size: 24px !important; }
.font-30 { font-size: 30px !important; }
.font-48 { font-size: 48px !important; }

@media (max-width: 1299px) {
    .font-24 { font-size: 22px !important; }
    .font-30 { font-size: 26px !important; }
    .font-48 { font-size: 42px !important; }
}
@media (max-width: 1199px) {
    .font-30 { font-size: 24px !important; }
    .font-48 { font-size: 38px !important; }
}
@media (max-width: 991px) {
    .font-18 { font-size: 16px !important; }
    .font-20 { font-size: 18px !important; }
    .font-24 { font-size: 20px !important; }
    .font-30 { font-size: 22px !important; }
    .font-48 { font-size: 32px !important; }
}


.white{ color: #ffffff !important; }
.black{ color: #000000 !important; }
.pink{ color: #f906de !important; }

.whitebg{ background-color: #ffffff !important; }
.blackbg{ background-color: #000000 !important; }
.blackbg2{ background-color: #0f1214 !important; }
.bluebg{ background-color: #2501fc !important; }
.blueVioletbg{ background-color: #7e00fe !important; }
.lightbg{ background-color: #f1f1f1 !important; }
.lightbg2{ background-color: #f7f7f7 !important; }


.row30 { row-gap: 26px; }
@media (min-width: 1300px) {
    .row30 { margin-left: -15px; margin-right: -15px; row-gap: 30px; }
    .row30 > [class*="col-"] { padding-left: 15px; padding-right: 15px; }
}

.link1{ text-decoration: underline; }
.link1:hover, .link1:focus { text-decoration: none; }

.link2{ text-decoration: none; }
.link2:hover, .link2:focus { opacity: 0.6; }

.link3{ text-decoration: none; }
.link3:hover, .link3:focus { text-decoration: underline; }

.btn{ -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.btn:focus { box-shadow: none; }

/*.primary-btn{  }
.secondary-btn{  }*/

.primary-btn { background-color: #f906de; color: #ffffff !important; font-size: 14px; font-weight: normal; text-decoration: none; letter-spacing: 1px; border: solid 1px #f906de; padding-inline: 20px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; min-width: 144px; min-height: 40px; transition: all 300ms ease-in-out; }
.primary-btn:hover, .primary-btn:focus { opacity: 0.7 !important; }
.white-btn { background-color: #ffffff; color: #000000 !important; border: solid 1px #ffffff; }
.black-btn { background-color: #000000; }
.black-btn2 { background-color: #000000; border: solid 1px #000000; }


.small-btn { font-size: 10px; font-weight: normal; text-decoration: none; letter-spacing: 1px; padding: 6px 12px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; min-width: unset; min-height: 24px; transition: all 300ms ease-in-out; }

.mw-auto{ min-width: unset; }

/*------------------------------------- Header Start -------------------------------------*/
/*-- Search --*/
.header-search-holder {
    position: absolute; top: 0; left: 0px; right: 0; height: 100%; width: 100%; 
    transition: all 0.2s; transform: translateY(-100%); opacity: 0; visibility: hidden;
    display: flex; flex-direction: column; justify-content: center !important;
    z-index: 1;
}
.header-search-holder.active { transition: all 0.2s; transform: translateX(0%); opacity: 1; visibility: visible; }
.header-search-container {
    display: inline-flex; align-items: center; border: solid 1px #dedede; background-color: #ffffff; margin-left: auto; width: calc(100% - 400px);
    min-height: 50px; border-radius: 12px; padding: 5px 15px;
}
.header-search-icon-holder { width: 20px; margin-right: 10px; flex-basis: 20px; max-width: 20px; flex-grow: 0; }
.header-search-input {
    background: transparent; border: none;
    color: #000000; font-size: 16px; min-width: 230px;
    flex-basis: calc(100% - 18px - 18px - 20px);
    max-width: calc(100% - 18px - 18px - 20px);
    flex-grow: 0; box-shadow: none; outline: none;
}
.header-search-input::placeholder { font-style: italic; }
.header-search-closer { text-decoration: none; width: 18px; margin-left: 10px; flex-basis: 18px; max-width: 18px; flex-grow: 0; display: flex; align-items: center; }
.header-search-closer .btn-close { box-shadow: none; }
/*-- Search End --*/

.headerContact{ display: flex; align-items: center; }

@media (min-width: 768px) {  
    .header{  }
    .header .navbar{ background-color: #ffffff; }
    .header.fixed .navbar { background-color: #ffffff; }

    .header .container{ min-height: 90px; align-items: unset; justify-content: unset; transition: all 250ms ease; }
    .header .navbar-brand{ max-width: 260px; display: flex; align-items: center; z-index: 2; }

    .main-navigation{ align-items: center; height: 100%; }
    .main-navigation .nav-item { position: static; height: 100%; }
    .main-navigation .nav-item .nav-link{ font-size: 14px; font-weight: 500; color: #000000; text-transform: uppercase; letter-spacing: 0.50px; height: 100%; align-items: center; display: flex; flex-wrap: wrap; position: relative; padding: 0px; margin-inline: 24px; transition: all .3s ease-in-out; }
    .main-navigation .nav-item .nav-link:before { background-color: #e433d7; bottom: 0; content: ""; height: 3px; left: 0; position: absolute; right: 0; transition: all .3s ease-in-out; width: 0; }
    .main-navigation .nav-item .nav-link:hover, .main-navigation .nav-item .nav-link.active { color: #000000; }
    .main-navigation .nav-item .nav-link:hover:before, .main-navigation .nav-item .nav-link.active:before { width: 100%; }
    .main-navigation .dropdown-toggle:after { content: ""; border: 0px; transition: all .25s; font-size: 14px; line-height: 1; 
        background-image: url("../images/dropdown-arrow.svg"); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 10px; height: 10px; margin-left: 10px;
    }
    .main-navigation .nav-item.dropdown:hover .dropdown-toggle:after{ transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
    .main-navigation .nav-item.dropdown:hover .nav-link:before{ width: 100%; }
    .main-navigation .dropdown-holder{ display: unset; }
    .main-navigation .dropdown-holder .container{ min-height: unset; }
    .main-navigation li.nav-item .dropdown-holder {
        background: #f7f7f7; position: absolute; left: 0; top: 100%; z-index: -1;
        overflow: hidden; visibility: hidden; opacity: 0; width: 100%; padding: 32px 0px; border-radius: 0; border: 0px; border-top: solid 1px #d7d7d8;
        transform: translateY(10%); transition: all .1s ease-in-out;
    }
    .main-navigation li.nav-item:hover .dropdown-holder { margin-top: 0px; border: 0px; border-top: 1px solid rgba(33,32,32,.2); display: block !important; visibility: visible !important; opacity: 1 !important; transform: translateY(0) !important; }
    
    .mm-box{ border-left: solid 2px #e9e9e9; padding-left: 30px; }
    ul.megamenu-nav{  }
    ul.megamenu-nav li{ padding-block: 3px; }

    .header-search{ margin-left: 10px; display: flex; align-items: center; }
    .header-search .searchicon { width: 22px; }


}


@media (max-width: 1299px) {
    body { padding-top: 70px !important; }
    .header .container { min-height: 70px; }
    .header .navbar-brand { max-width: 200px; }
}
@media (max-width: 991px) {
    .header .navbar-brand { max-width: 160px; z-index: 2; }
    .main-navigation .nav-item .nav-link{ margin-inline: 7px; font-size: 13px; }

    .header-search-container{ width: calc(100% - 240px); }

    .headerContact .primary-btn{ min-width: unset; }
}
@media (max-width: 767px) {
    body { padding-top: 60px !important; }
    .header .container{ min-height: 60px; }
    .header .navbar-toggler{ border: 0px; padding: 0px; min-height: 26px; 
        order: 2;
    }
    .header .navbar-toggler:focus{ box-shadow: unset; }
    .header .navbar-toggler:not(.collapsed) .navbar-toggler-icon{ background-color: transparent; }
    .header .navbar-toggler:not(.collapsed) .navbar-toggler-icon:before{ transform: rotate(-45deg); top: 0px; }
    .header .navbar-toggler:not(.collapsed) .navbar-toggler-icon:after{ transform: rotate(45deg); bottom: 0px; }
    .header .navbar-toggler .navbar-toggler-icon { background-image: unset; position: relative; background-color: #000000; width: 32px; height: 2px; }
    .header .navbar-toggler .navbar-toggler-icon:before, .header .navbar-toggler .navbar-toggler-icon:after{ content: ""; display: block; width: 26px; height: 2px; background-color: #000000; position: absolute; transition: all 250ms; }
    .header .navbar-toggler.collapsed .navbar-toggler-icon:before { top: -10px; }
    .header .navbar-toggler.collapsed .navbar-toggler-icon:after  { bottom: -10px; }

    .header .navbar { background-color: #ffffff; }
    .header .navbar-brand { max-width: 180px; }

    .header .navbar-text{ padding: 15px !important; }
    .header .navbar-text .text-decoration-underline{ white-space: nowrap; }

    .header .navbar-collapse{  
        position: fixed !important; top: 60px; left: -290px;
        min-width: 230px; height: calc(100vh - 60px) !important;
        overflow: hidden !important; overflow-y: scroll !important; opacity: 0;
        background-color: #ffffff;
        transition: all .1s !important;
        display: block !important;
        z-index: 99999;
    }
    .header .navbar-collapse.show{ width: 100%; left: 0; transition: all .1s !important; opacity: 1; }
    
    .main-navigation .nav-item { border-bottom: solid 1px rgba(0, 0, 0, 0.2); }
    .main-navigation .nav-item:last-child { border-bottom: 0px; }
    .main-navigation .nav-item .nav-link{ padding: 20px; font-size: 18px; font-weight: bold; color: #000000; position: relative; margin-inline: 0px; 
        display: flex; align-items: center;
    }
    .main-navigation .nav-item .nav-link:hover{ color: #000000; }
    .main-navigation .nav-item .nav-link.active{ color: #000000; }
    .main-navigation .nav-item .nav-link:after{ margin-left: auto; }

    .header-search{ background-color: #ffffff; /*padding: 20px;*/ 
        order: 1; margin-left: auto; margin-right: 22px;
    }
    .header-search .searchicon { width: 22px; }

    .main-navigation .dropdown-menu{ border-radius: 0px; border: 0px }

    .headerContact { padding: 20px; }
    .headerContact .primary-btn { min-width: 144px; }

}

@media (max-width: 575px) {
    .header-search-holder{ z-index: 2; }
    .header-search-container{ width: 100%; }
    .header-search-input{ min-width: unset; }
}

/*------------------------------------- Header End -------------------------------------*/

/*------------------------------------- Footer Start -------------------------------------*/
.footer{ background-color: #000000; font-family: 'PlusJakartaSans' !important; padding-top: 60px; padding-bottom: 25px; }
.footer a{ color: #ffffff }
.footer a:hover{ color: rgba(255, 255, 255, 0.6); }
.ft-logo{ display: block; max-width: 198px; padding-bottom: 25px; }

.footer-title{ font-size: 16px; font-weight: bold; text-decoration: underline; padding-bottom: 30px; }
.ft-inicon{ width: 100%; max-width: 16px; }
.footer-social-link:not(:last-child) {margin-right: 10px;}
.footer-social-link {display: inline-block; margin-right: 10px;}
.footer-social-link:not(:last-child) {margin-right: 10px;}

ul.ft-nav{  }
ul.ft-nav li{ padding-bottom: 20px; line-height: normal; }
ul.ft-nav li:last-child { padding-bottom: 0px; }
ul.ft-nav li a{ color: #ffffff; }
ul.ft-nav li a:hover{ color: rgba(255, 255, 255, 0.6); }

.copyright{ border-top: solid 1px #222223; padding-top: 25px; margin-top: 60px; display: flex; flex-wrap: wrap; align-items: center; font-size: 14px; }
@media (max-width: 991px) {
    /*.footer{ text-align: center; }
    .ft-logo{ margin-inline: auto; }*/
    /*.copyright{ justify-content: center; }*/
}
@media (max-width: 767px) {
    .footer{ padding-top: 50px; }
    .copyright{ display: table; width: 100%; margin-top: 40px; }
}
@media (max-width: 575px) {
    ul.ft-nav li{ padding-bottom: 15px; }
    .footer-title{ padding-bottom: 25px; }
}


/*---- Move Top Start ----*/
#move-top { width: 40px; height: 40px; /*border: solid 2px #f906de; border-radius: 50%;*/ font-size: 20px; color: #f906de; /*display: flex; align-items: center; justify-content: center;*/ text-align: center; position: fixed; bottom: 20px; right: 20px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; }
#move-top > img { width: 14px; }
#move-top.show { cursor: pointer; opacity: .4; visibility: visible; transition: all 250ms; padding-top: 10px; }
#move-top.show:hover { opacity: 1; visibility: visible; align-items: flex-start; transition: all 250ms; padding-top: 0px; }
@media (max-width: 575px) {
    #move-top { width: 36px; height: 36px; bottom: 20px; right: 20px; font-size: 18px; }
}
/*-- Move Top End --*/
/*------------------------------------- Footer End -------------------------------------*/


/*---- Index Page ----*/
/*Main Part Start*/
.main-banner{ /*height: calc(100vh - 90px);*/ /*height: 800px;*/ height: 650px; }
.main-banner .carousel-inner, .main-banner .carousel-item, .main-banner-thumb { height: 100%; }
.main-banner-thumb img{ width: 100%; height: 100%; object-fit: cover; }
.main-banner .carousel-caption{ top: 0px; bottom: 0px; left: 0px; right: 0px; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; text-align: left; }
.main-banner-data{ max-width: 400px; width: 100%; }

.main-banner .carousel-control-prev, .main-banner .carousel-control-next{ top: 50%; transform: translate(0%,-50%); bottom: unset; width: 40px; height: 40px; }
.main-banner .carousel-control-prev { left: 25px; }
.main-banner .carousel-control-next { right: 25px; }


/*@media (max-width: 1460px) {  
    .main-banner .carousel-caption{ padding-inline: 80px; }
    .main-banner .carousel-control-prev { left: 20px; }
    .main-banner .carousel-control-next { right: 20px; }
}*/
@media (max-width: 1299px) {  
    /*.main-banner{ height: calc(100vh - 70px); }*/
}
@media (max-width: 1199px) {  }
@media (max-width: 800px) {  
    .main-banner [class*="carousel-control"] {display: none;}
}
@media (max-width: 767px) {  
    /*.main-banner{ height: calc(100vh - 60px); }*/
    .main-banner{ height: 450px; }

    /*.main-banner .carousel-caption{ padding-inline: 65px; }
    .main-banner .carousel-control-prev { left: 15px; }
    .main-banner .carousel-control-next { right: 15px; }*/
}
/*End*/

.colorfullBox{ border-radius: 10px; background-color: #f906de; color: #ffffff; padding: 38px 36px; height: 100%; }
/*.colorfullBox.setHeight{ min-height: 250px; }*/
@media (max-width: 991px) {  
    .colorfullBox{ padding: 24px; }
}

ul.list1{  }
ul.list1 li{ position: relative; padding: 0px 0px 10px 30px; }
ul.list1 li:before{ content: ""; position: absolute; left: 0px; top: 2px; background-image: url(../images/yesicon.svg); background-repeat: no-repeat; background-position: center; width: 18px; height: 18px; }

.radius-8{ border-radius: 8px; }

.partsAlter-main{  }
.partsAlter{ margin-top: 80px; align-items: center; }
.partsAlter:first-child { margin-top: 0px; }
.partsAlter-data{ padding-inline: 50px; }
.partsAlter:nth-child(even){ flex-direction: row-reverse; }
@media (max-width: 1199px) {  
    .partsAlter{ align-items: flex-start; }
    .partsAlter-data { padding-inline: 30px; }
}
@media (max-width: 991px) {
    .partsAlter{ margin-top: 50px; }
    .partsAlter-data { padding-inline: 0px; }
}
@media (max-width: 767px) {  
    .partsAlter-data{ padding-top: 25px; }
}


.project-discuss{ background-color: #000000; border-radius: 10px; overflow: hidden; color: #ffffff; position: relative; display: flex; align-items: flex-end; }
.project-discuss-overly{ max-width: 430px; position: absolute; margin: 0px 0px 90px 90px; }
@media (max-width: 1199px) {  
    .project-discuss-overly{ margin: 0px 0px 70px 70px; }
}
@media (max-width: 991px) {  
    .project-discuss-overly{ margin: 0px 0px 50px 50px; max-width: 340px; }
}
@media (max-width: 767px) {
    .project-discuss{ display: block; /*background-color: transparent; color: #000000;*/ }
    .project-discuss-overly{ position: unset; margin: 0px; padding: 30px 25px; max-width: 100%; }
}
@media (max-width: 575px) {
    .project-discuss > img { min-height: 200px; object-fit: cover; }
}


.news-slider{  }
.news-slider .slick-arrow{ background-color: transparent; border: 0px; position: absolute; right: 0; bottom: -48px; width: 25px; }
.news-slider .slick-arrow.slick-disabled { opacity: 0.5; }
.news-slider .slick-prev{ right: 32px; }

.news-item{ position: relative; border-radius: 10px; overflow: hidden; }
.news-item .news-item-thumb { aspect-ratio: 1; }
.news-item .news-item-thumb img { width: 100%; height: 100%; object-fit: cover; }
.news-item-overly{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; padding: 25px; color: #ffffff; display: flex; flex-direction: column; justify-content: flex-end; }
.news-item-overly *{ position: relative;  }
.news-item-overly:before { content: ""; position: absolute; left: 0; bottom: 0; z-index: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0,0,0,0.60) 0%, rgba(0, 0, 0, 0) 49%); transform: translateY(0px); transition: all .3s; }

.news-slider .slick-list { margin: 0px -12px; }
.news-slider .slick-slide { margin: 0px 12px; }


.newsletterbox{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-block: 35px; gap: 15px; }
@media (max-width: 1199px) {
    .newsletterbox{ padding-block: 30px; }
}
/*---- Index Page End ----*/


.space-60{ padding-block: 60px; }
.space-90{ padding-block: 90px; }
@media (max-width: 1399px) {
    .space-90{ padding-block: 60px; }
}
@media (max-width: 1199px) {}
@media (max-width: 991px) {
    .space-90, .space-60{ padding-block: 50px; }
}
@media (max-width: 767px) {
    .space-90, .space-60{ padding-block: 40px; }
}
@media (max-width: 575px) {
    .space-90, .space-60{ padding-block: 30px; }
}


/*---- Title Start ----*/
.title-space{ padding-bottom: 40px; }
.title-space2{ padding-bottom: 20px; }
.title-space3{ padding-bottom: 30px; }
@media (max-width: 767px) {
    .title-space{ padding-bottom: 30px; }    
}


.title-sell{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; }
.title-sellLeft{ /*margin-right: 20px;*/ }
.title-sellRight{  }
.title-sell-sidebtns{ gap: 12px; display: flex; flex-wrap: wrap; align-items: center; }

.filter-buttons{ gap: 12px; display: flex; flex-wrap: wrap; align-items: center; }
.filter-buttons .primary-btn { background-color: transparent; color: #7d7d7d !important; border: solid 1px #7d7d7d; }
.filter-buttons .primary-btn.active { background-color: #f906de; color: #ffffff !important; border: solid 1px #f906de; }


.applications-gallery{  }
.applications-gallery .item.hide { display: none; }

/*---- Title End ----*/


.inner-heading{ background-color: #000000; color: #ffffff; }
.inner-heading-wrapper{ min-height: 130px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; padding-block: 20px; }
.inner-heading-wrapper .breadcrumb{ margin: 0px; }
.inner-heading-wrapper .breadcrumb li.breadcrumb-item{  }
.inner-heading-wrapper .breadcrumb li.breadcrumb-item:before{ color: #ffffff; }
.inner-heading-wrapper .breadcrumb li.breadcrumb-item a{ color: #ffffff; }
.inner-heading-wrapper .breadcrumb li.breadcrumb-item a:hover { color: rgba(255, 255, 255, 0.6); }
.inner-heading-wrapper .breadcrumb li.breadcrumb-item.active { color: #ffffff; }
@media (max-width: 1299px) {
    .inner-heading-wrapper { min-height: 100px; }
}

/*Last New Added for One Line*/
@media (max-width: 575px) {
    .inner-heading h2.font-30{ font-size: 16px !important; }
    .inner-heading-wrapper{ gap: 10px; min-height: 80px; }
    .inner-heading-wrapper .breadcrumb{ font-size: 14px; }
    .inner-heading-wrapper .breadcrumb-item + .breadcrumb-item { padding-left: 3px; }
    .inner-heading-wrapper .breadcrumb-item + .breadcrumb-item:before { padding-right: 3px; }
}
@media (max-width: 400px) {
    .inner-heading h2.font-30{ font-size: 16px !important; }
    .inner-heading-wrapper .breadcrumb{ display: none; }
}
/*Last New Added for One Line End*/


/*-- Contact --*/
.contactBlackBox{ border-radius: 10px; background-color: #000000; color: #ffffff; padding: 50px 36px 38px 36px; height: 100%; }
.contactBlackBoxFooter{ display: flex; flex-wrap: wrap; font-size: 12px; padding-top: 8px; }
@media (max-width: 1120px) {
    .contactBlackBox {padding: 40px 26px 28px 26px;}
    .contactBlackBoxFooter .primary-btn.black-btn {padding-inline: 0;text-align: center;}

}
@media (max-width: 767px) {
    .contactBlackBox { padding: 40px 25px 30px 25px; }
    .contactBlackBoxFooter .primary-btn.black-btn {letter-spacing: 0;}
}

.contact-form{  }
.contact-formgroup{ margin-bottom: 20px; }
.contact-forminput{ min-height: 55px; padding-inline: 20px; padding-block: .80rem; font-style: normal; border-radius: 4px; border-color: #cfcfcf !important; box-shadow: unset !important; }
.contact-forminput::placeholder{ font-style: italic; }

.contact-formgroup .form-check{ padding-left: 35px; }
.contact-formgroup .form-check .form-check-input{ margin-left: -35px; }
.contact-formgroup .form-check-input{ width: 24px; height: 24px; border-color: #cfcfcf; }
.contact-formgroup .form-check-input:focus{ box-shadow: unset; border-color: #cfcfcf; }
.contact-formgroup .form-check-input:checked{ background-color: #000000; border-color: #000000; }

.phone-input-wrapper { display: flex; /* align-items: center; */ border: 1px solid #cfcfcf; border-radius: 4px; overflow: hidden; max-width: 100%; }
.country-code { display: flex; align-items: center; background: #f9f9f9; padding: 0px 0px 0px 0px; border-right: 1px solid #cccccc; border-radius: 0px 4px 4px 0px;min-width: 122px; }
.country-code .select2-container {
	border: none;
	width: 100% !important;
	height: 100%;
	display: flex;
}
.country-code .select2-container .selection {
	width: 100%;
}
.country-code .select2-container .selection .select2-selection {
	border: none;
	background: transparent;
	height: 100%;
}
.country-code .select2-container .selection .select2-selection .select2-selection__rendered {
	height: 100%;
	line-height: 55px;
	padding-left: 15px;
}
.country-code .select2-container .selection .select2-selection .select2-selection__arrow {
	height: 100%;
}
.country-code .select2-container .selection .select2-selection .select2-selection__arrow > b {
	border: solid black;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 4px;
	transform: rotate(45deg) translateY(-50%) translateX(-50%);
	-webkit-transform: rotate(45deg) translateY(-50%) translateX(-50%);
	margin: 0px;
	left: 0;
}
.country-code .select2-container--default.select2-container--open .selection .select2-selection--single .select2-selection__arrow b {
	/* border-color: transparent transparent #888 transparent; */
	/* border-width: 0 4px 5px 4px; */
	/* transform: rotate(220deg) translateY(-50%) translateX(-50%); */
	/* -webkit-transform: rotate(220deg) translateY(-50%) translateX(-50%); */
	border: solid black;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 4px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
.country-code img { width: 20px; height: 14px; margin-right: 6px; }
.country-code select { border: none; background-color: transparent; font-size: 14px; padding: 8px 0; /*appearance: none;*/ cursor: pointer; outline: none; width: 80px; }
.contact-input { flex: 1; border: none; outline: none; }
.contact-input::placeholder { color: #888; font-style: italic; }

@media (max-width: 575px) { 
    .country-code {	min-width: 112px;}
}
/*Error Class*/
.contact-form .is-invalid{ border-color: red !important; }
.newsletter-form .is-invalid{ border-color: red !important; }

.status-msg{ margin-top: 20px; background-color: eeeeee; color: #000000; padding: 20px 10px; border-radius: 10px; text-align: center; }
.responseMessageSuccess{ background-color: #5c8245 !important; color: #fff !important; }
.responseMessageError{ background-color: #b63b3b !important; color: #fff !important; }

.status-msg .msgIcon{ margin-right: 10px; margin-top: -2px; }
/*-- Contact End --*/




/*-- Application --*/
.application-box{ padding-bottom: 20px; height: 100%; }
.application-boxthumb{ border-radius: 10px; overflow: hidden; margin-bottom: 25px; aspect-ratio: 1.4; }
.application-boxthumb img { width: 100%; height: 100%; object-fit: cover; }

.label-keyword{ background-color: #000000; color: #ffffff; font-size: 12px; font-weight: normal; letter-spacing: 1px; padding: 5px 12px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; min-height: 28px; margin: 10px 5px 0px 0px; }
/*-- Application End --*/

/*-- My Modal --*/
.myModal{  }
.myModal .modal-lg{ max-width: 720px; }
.myModal .btn-close{ margin-top: 20px; margin-right: 20px; margin-left: auto; opacity: 1; box-shadow: none !important; }
.myModal .modal-body{ padding: 0px 40px 40px 40px; }
.myModal .modal-content{ border-radius: 10px; }
/*-- My Modal End --*/


ul.listOne{ list-style: square inside; padding-bottom: 20px; }
ul.listOne li{ list-style: square inside; }


/*-- Product --*/
.productBox{  }
.productBoxThumb{ background-color: #ffffff; border-radius: 10px; aspect-ratio: 1; overflow: hidden; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; }
.productBoxThumb img{ width: 100%; height: auto; object-fit: cover; }


.product-details-slider { display: flex; gap: 0px 24px; overflow: hidden; aspect-ratio: 850/650; padding-right: 15px; /*height: 100%;*/ }
.detail-slider-main{ flex-basis: calc(100% - 130px - 12px); max-width: calc(100% - 130px - 12px); padding-bottom: 6px; }

.image-link {  }
.image-link:before { content: ""; background-image: url(../images/zoom-slide.svg); background-repeat: no-repeat; background-position: right top; position: absolute; right: 20px; top: 20px; width: 20px; height: 20px; z-index: 1; }

.detail-slider-main-img-holder{ width: 100%; height: 100% !important; /*aspect-ratio: 1;*/ }
.detail-slider-main-img-holder img{ width: 100%; height: 100%; object-fit: cover; }

.detail-slider-nav{ flex-basis: 130px; max-width: 130px; position: relative; }
.detail-slider-nav-img-holder{ cursor: pointer; /*aspect-ratio: 1;*/ /*margin-top: 15px;*/ }
.detail-slider-nav-img-holder:first-child { margin-top: 0px; }
.detail-slider-nav-imgholder-box{ padding-bottom: 15px; }
.detail-slider-nav-img-holder img{ width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1; }
.detail-slider-nav .slick-arrow{ position: absolute; left: 0px; right: 0px; z-index: 1; background-color: rgba(255, 255, 255, 0.5); border: 0px; color: #000000; font-size: 12px; padding: 2px 5px; width: 100%; max-width: 50px; margin-inline: auto; margin-block: 4px; transition: all 250ms; border-radius: 4px; }
.detail-slider-nav .slick-arrow:hover{ background-color: rgba(255, 255, 255); }
.detail-slider-nav .custom-prev{  }
.detail-slider-nav .custom-next{ /*bottom: 0px;*/ bottom: 5px; }
.detail-slider-nav .custom-prev.slick-disabled, .detail-slider-nav .custom-next.slick-disabled { opacity: 0; }

.detail-slider-nav .slick-list { height: 100%; }
.detail-slider-nav .slick-track{ height: 100% !important; }

.detail-slider-nav, .detail-slider-nav .slick-list, .detail-slider-nav .slick-list .slick-track,
.detail-slider-main, .detail-slider-main .slick-list, .detail-slider-main .slick-list .slick-track { height: 100%; }

@media (max-width: 1199px) {
    .product-details-slider{ padding-right: 0px; }
    .detail-slider-main{ padding-bottom: 0px; }
}
@media (max-width: 767px) {
    .detail-slider-nav .custom-next{ bottom: 0px; }
}
@media (max-width: 575px) {    
    .product-details-slider{ gap: 0px 10px; }
    .detail-slider-nav { flex-basis: 60px; max-width: 60px; }
    .detail-slider-main { flex-basis: calc(100% - 60px - 10px); max-width: calc(100% - 60px - 10px); }
    .detail-slider-nav-imgholder-box { padding-bottom: 10px; }
}


.size-btn { background-color: transparent; color: #000000 !important; font-size: 10px; font-weight: normal; text-decoration: none; letter-spacing: 1px; border: solid 1px #000000; padding:6px 12px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; min-height: 24px; transition: all 300ms ease-in-out; }
.size-btn:hover, .size-btn:focus, .size-btn.active { background-color: #000000; color: #ffffff !important; opacity: 1 !important; }

.download-icon{ width: 14px; }

.speak-product{ background-color: #000000; color: #ffffff; border-radius: 10px; padding: 30px 40px; display: flex; align-items: center; flex-wrap: wrap; gap: 15px; }
.speak-product-body{ flex-grow: 1; }
.speak-product-right{ flex-shrink: 0; }
@media (max-width: 575px) {
    .speak-product{ padding: 25px; }
}


/*-- Products Accordion Start --*/
.products-accordion{  }
.products-accordion .accordion-item{ border-radius: 0px; border: 0px; border-bottom: solid 1px #bababa; background-color: transparent; padding-block: 38px; /*margin-bottom: 38px;*/ }
.products-accordion .accordion-item:last-child { margin-bottom: 0px; }
.products-accordion .accordion-button{ border: 0px; border-radius: 0px !important; box-shadow: unset; padding: 0px; cursor: pointer; color: #000000; background-color: transparent; }
.products-accordion .accordion-button:after{ margin-left: 20px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 3.646a.75.75 0 0 1 1.06 0L6 6.939l3.293-3.293a.75.75 0 0 1 1.06 1.06l-3.823 3.824a.75.75 0 0 1-1.06 0L1.646 4.707a.75.75 0 0 1 0-1.06z'/%3e%3c/svg%3e"); opacity: 1; }
.products-accordion .accordion-button:not(.collapsed)::after { opacity: 0.5; }
.products-accordion .accordion-body{ padding: 38px 0px 0px 0px; }

@media (max-width: 767px) {
    .products-accordion .accordion-item{ padding-block: 30px; }    
}
/*-- Products Accordion End --*/


ul.product-specific{  }
ul.product-specific li{ padding-block: 3px; }
.specific{ color: #fa05dd; }

/*-- Product End --*/




/*-- My Modal --*/
.myModalSecond{  }
.myModalSecond .modal-md{ max-width: 510px; }
.myModalSecond .btn-close{ margin-top: 20px; margin-right: 20px; margin-left: auto; opacity: 1; box-shadow: none !important; display: flex; }
.myModalSecond .modal-body{ padding: 0px 35px 35px 35px; }
.myModalSecond .modal-content{ border-radius: 0px; background-color: transparent; border: 0px; }
.newsletter-modal-content{ border-radius: 10px; background-color: #ffffff; border: 1px solid rgba(0,0,0,.2); }
/*-- My Modal End --*/

/*-- Newsletter Form Start --*/
.newsletter-form{  }
.newsletter-formgroup{ margin-bottom: 15px; }
.newsletter-forminput{ min-height: 44px; padding-inline: 15px; padding-block: .30rem; font-style: normal; border-radius: 4px; border-color: #cfcfcf !important; box-shadow: unset !important; }
.newsletter-forminput::placeholder{ font-style: italic; }

#downloadmodelemail::placeholder{
    color: #000000 !important;
}
.newsletter-form select{  -webkit-appearance: none;
    appearance: none;
    background-image: url(../images/select-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30px;
    font-style: italic;
}

.newsletter-form select option{ font-style: normal; }

/*-- Newsletter Form End --*/


/*-- Single Blog Start --*/
.single-blog-thumb{ border-radius: 10px; overflow: hidden; margin-bottom: 30px; }
.single-blog-thumb > img { width: 100%; }
@media (max-width: 575px) {
    .single-blog-thumb > img { min-height: 200px; object-fit: cover; }
}
/*-- Single Blog End --*/


/*-- Inner Banner --*/
.innerbanner{ align-items: center; }
.innerbanner-data{ width: 100%; max-width: 480px; }
@media (max-width: 767px) {
    .innerbanner-data{ max-width: 100%; }
}
/*-- Inner Banner End --*/

/*-- Whatsapp --*/
.whatsapp-btn{ background-color: #25d366 !important; border-color: #25d366 !important; position: relative; top: 3px; }
.whatsapp-btn:before{ content: ""; width: 18px; height: 18px; background-image: url(../images/whatsapp-icon.png); background-repeat: no-repeat; background-position: left center; background-size: contain; margin-right: 7px; margin-left: -8px; }
/*-- Whatsapp End --*/


/*
.font1{ font-family: 'HankenGrotesk' !important; }
.font2{ font-family: 'PlusJakartaSans' !important; }

.light{ font-weight: 300 !important; }
.normal{ font-weight: normal !important; }
.medium{ font-weight: 500 !important; }
.sbold{ font-weight: 600 !important; }
.bold{ font-weight: bold !important; }
*/


/*---------------- Responsive ----------------*/
.container { width: 100%; padding-inline: 20px; max-width: 1340px; }
@media (max-width: 1399px) {}
@media (max-width: 1199px) {}
@media (max-width: 991px) {
    p{ margin-bottom: 15px; }
}
@media (max-width: 767px) {}
@media (max-width: 575px) {}



.list-dot,.list-dot > li{list-style: disc !important;}
.list-circle,.list-circle > li{list-style: circle !important;}
.list-square,.list-square > li{list-style: square !important;}