/* Inner Banner */
.innerBannerSection {position: relative;}
.insideBanner {overflow: hidden; position: relative; height: 80vh;}
.insideBanner img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.insideBanner:after {content:'';width:100%;height:100%; display:block;position:absolute;top:0;left:0;background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.5) 50%);}


/* Breadcrumb */
.breadcrumb {position: absolute; bottom: 30px; color: #fff; right: 0; width: 100%; padding: 0 10px}
.breadcrumb li {font-size: 1rem; position: relative; text-transform: capitalize; letter-spacing: 1px;}
.breadcrumb li:not(:last-child) {margin-right: 10px; padding-right: 10px;}
.breadcrumb li:not(:last-child)::before {content: '\00BB';  position: absolute; right: -5px; top: -3px; display: block; font-size: 25px;
    font-weight: 100;}


/* Scroll Down */
.scrollupBtn {width: 100px; height: 50px; z-index: 1; padding: 0; position: absolute; bottom: 40px;  right: 10px; display: none; background: none; border: 0;}
.scrollupBtn p {color: #fff; transform: rotate(-270deg); font-size: 15px;}
.scrollIcon {width: 30px; height: 30px; margin-top: 25px;}


/* About us */
.aboutNeotra p, .addressInfo p, .mobileInfo p, .formSec p {font-weight: 400;}
.aboutNeotra p:first-child {font-style: italic;}
.aboutNeotra:after, .aboutNeotra::before{content: ""; position: absolute; width: 15%; height: 100%;  box-sizing: border-box; border: 2px solid #F3F1EE; border-width: 15px;}
.aboutNeotra:before{top:0; left: 0; border-right: none;}
.aboutNeotra:after{bottom: 0; right: 0; border-left: none;}
.aboutNeotra h2 {color: #003D4D; font-weight: 900; margin-bottom: 15px;}
.aboutNeotra a {color: #003D4D; text-decoration: underline;}
.aboutUs{background-color: #F4F2EF;}
.neoScudotech:before, .neoForte:before, .neoSenso:before{content: ''; position: absolute; top: 0; left: 0; background: #003D4D; width: 4px; height: 100%}
.neoScudotech img, .neoSenso img, .neoForte img {width: 45%; margin-left: 10px; height: 55px;}
.neoScudotech, .neoSenso, .neoForte {position: relative;}
.neoScudotech img {width: 60%;}

/* >>>>>>>>>>>>>>>>>>>>>>>>> Contact added Wp Specific Classes as well */
.contact footer, .certific footer, .page-template-privacy-policy footer, .page-template-contact footer, .page-template-industry-certification footer, .page-template-dealership footer {margin-top: 0; padding-top: 5%;}
.contactSection {border-bottom: 1px solid #B4B4B4;}
.contactForm .form-control, .productForm .form-control {border-radius: 0; border-color: #B4B4B4; height: 50px;}
.contactForm .textArea {height: auto;}
.addressInfo h5 {font-size: 14px; font-weight: 400; letter-spacing: 1px;}
.contactForm .form-control:focus, .contactForm .form-control:focus-visible, .fancybox__content :focus:not(.carousel__button.is-close) {outline: none; box-shadow: none;}
.contactForm .ctaBtn:hover, .contactForm .ctaBtn, .productForm .ctaBtn:hover, .productForm .ctaBtn {border: none;}
.form-check-input:checked {background-color: #003D4D; border-color: #003D4D;}
.form-check-input:checked:focus, .form-check-input:focus  {box-shadow: unset; border-color: #003D4D;}

/* >>>>>>>>>>>>>>>>>>>>>>>>> Changed After Wp Integration */
/* .selectClass {font-weight: 600; margin-right: 20px;} */
.selectClass {font-weight: 600; margin-right: 10px; letter-spacing: 0.1px; color: #212529;}

.relatedProduct .colName {color: var(--black);}
.relatedProduct .colName::after {background-image: url("data:image/svg+xml,<svg fill='none' height='20' viewBox='0 0 32 32' width='20' xmlns='http://www.w3.org/2000/svg'><g clip-rule='evenodd' fill='%23171717' fill-rule='evenodd'><path d='m4 16c0-.5523.44772-1 1-1h22c.5523 0 1 .4477 1 1s-.4477 1-1 1h-22c-.55228 0-1-.4477-1-1z'/><path d='m17.2929 6.29289c.3905-.39052 1.0237-.39052 1.4142 0l9 9.00001c.3905.3905.3905 1.0237 0 1.4142l-9 9c-.3905.3905-1.0237.3905-1.4142 0s-.3905-1.0237 0-1.4142l8.2929-8.2929-8.2929-8.29289c-.3905-.39053-.3905-1.02369 0-1.41422z'/></g></svg>"); background-repeat: no-repeat; background-position: center; background-size: 100%;}
.collectionpagePic {height: 0; padding-top: 100%; overflow: hidden; position: relative;}
.collectionpagePic img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; transition: all 0.3s ease-in-out;}
.collectionsliderImg {height: 0; padding-top: 40%; overflow: hidden; position: relative;}
.collectionsliderImg img {height: 100%; width: 100%; object-fit: cover; position: absolute; top: 0; left: 0; object-position: center; transition:all 9s linear;}
.semiTitle {text-transform: capitalize; font-size: 25px;}
.smallText {color: #fff; font-weight: 600; font-size: 16px;}
.latoTitle{line-height: 35px; font-size: 45px; text-transform: uppercase; font-weight: 600;letter-spacing: 1px; font-family: 'Poiret One', sans-serif;}
.colBox .collectionpagePic::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(19, 30, 42, 0.6); mix-blend-mode: multiply; opacity: 0; transition: all 0.3s ease-in-out;}
.colBox:hover .collectionpagePic::after {opacity: 1;}
.colBox:hover .collectionpagePic img {transform: scale(1.1) rotate(-5deg);}
.para {margin: 0 auto; max-width: 750px;}
.paraOne {margin: 0 auto; max-width: 665px;}
.catalogueText h3, .contactInfo h3 {font-family: 'Poiret One', sans-serif; font-weight: 600; font-size: 22px;}
.catalogueText h5{font-family: 'Poiret One', sans-serif; font-weight: 600; font-size: 22px;}
.catalogueText p{font-size:14px;}
.catalogueImg {width: 100px; height: 100px; background-color: #E6E7E8; border-radius: 50%; display: flex; justify-content: center; align-items: center; padding: 25px;}
.contactInfo h3 {font-size: 35px;}
.poSize {text-decoration: underline; font-weight: 700;}
.sizes p {font-weight: 500;}
.poIcon::before {content:""; background: url(../images/st.svg) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; width: 15px; height: 20px;} 
.poIcon {position: relative; padding-left: 25px;}
.specification {color: var(--black); font-size: 16px; font-weight: 500;}
.fw500{font-weight: 500;}
.imIcon img {width: 50px; height: 50px;}
.imIcon p{margin-bottom: 0;}

.featColTxtWrp .smallTitle {color: #045D74;}
.featColTxtWrp .smallTitle:after {background: var(--white);}
.featSwiper .swiper-slide {height: auto;}
.featColBox, .appColBox {text-align: center; color: var(--black); text-transform: capitalize; position: relative; height: 100%; padding: 0 2rem;}
.featColBox::before {content: ''; position: absolute; top: 10px; bottom: 10px; right: 0; width: 1px; background: #737373;}
.featColBox img, .appColBox img {width: 64px; height: 64px; display: block; margin: 0 auto 15px auto}
.appColBox{font-size: 16px; letter-spacing: 1px;}

.mm img{width: 135px; height: 135px;}
.mmText span{font-size: 18px; background-color: #F4F2EF; padding: 8px 25px; border-radius: 25px; font-weight: 600; margin-bottom: 10px;}

.gallerySwiper {overflow: inherit;}


/* Table */
.applicationTable thead tr th {background: var(--pitch); color: var(--black); text-transform: uppercase; letter-spacing: 1px;}
.applicationTable th, .applicationTable td{padding: 20px; vertical-align: top; letter-spacing: 1px;}
.applicationTable tbody td:nth-child(odd){background: #F4F2EF;}
.applicationTable tbody td:nth-child(even){background: #EBE8E3;}
.applicationTable tbody tr {border-bottom: 1px solid #D4D0D0;}
.applicationTable {border: 1px solid #F4F2EF;}
.application .insideBanner:after{background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 50%);}

.table {width: 100%;border-collapse: collapse;}

.popUp{ background:#fff; padding:50px; overflow: hidden;}
.popUp h3{font-size: 1.2rem;}
.fancybox__content{background: none; padding: 0;}
.fancybox__backdrop{background: #0a1933ed;}
.thankyou-header li a {color: #000000;}
.featuresTitle .smallTitle p {display: block;position: relative;letter-spacing: 8px;text-transform: uppercase; color: var(--black); font-weight: 400; margin-bottom: 0;}
.featuresTitle .smallTitle {margin-bottom: 0;}
.relatedProducts .title {font-size: 40px;}
/* .prodImg img {background: #F0F0F0;} */

.sliderImg{position: relative; height: 0; padding-top: 85%; overflow: hidden;}
.sliderImg img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

.productBrief .collectionSwper .hb-dots-arw {bottom: 1%;}


/*responsive*/ 

@media(min-width:991.99px){
    .gallerySwiper {position: relative;}
}

@media(max-width:991.99px){
  .dBtn {text-align: center; margin-top: 15px;}
  .aboutP1, .aboutP2 {padding: 0 25px;}
  .applicationTable th, .applicationTable td {padding: 10px;}
  .popUp {padding: 30px 20px;}
  #productenquiry {width: auto!important;}
  footer img {width: 40%;}
  .spaInmensaCatalogue {text-align: center;}
  .spaInmensaCatalogue::before {display: none;}
  .catlogueData{margin-bottom: 2em;}
}

@media(max-width:767px){
    .siCatlogue, .pasCatlogue, .catlogueData{margin-bottom: 2em;}
    .mb-0 {margin-bottom: 15px!important;}
    .certification h3, .certification p {color: #000!important;}
    .certification h3 {font-size: 24px;}
    .certification p {margin-bottom: 35px;}
}

@media (max-width:575.99px) {
    .breadcrumb {color: #000; bottom: 0; margin-top: 20px;}
    .catalogueImg {width: 80px; height: 80px;}
    .aboutNeotra:after, .aboutNeotra:before{width: 100%; height: 25%; }
    .aboutNeotra:after{border-top: none; border-left: solid #F3F1EE; border-width: 10px;}
    .aboutNeotra:before {border-right: solid #F3F1EE; border-bottom: none; border-width: 10px;}

    /* table */
    .table thead {display: none;}
    .table,.table tbody,.table tr,.table td {display: block;width: 100%;}
    .table tr {margin-bottom: 15px;}
    .table td {padding-left: 50%;text-align: left;position: relative;}
    .table td::before {content: attr(data-title);position: absolute;left: 0;width: 50%;padding-left: 15px;font-size: 15px;font-weight: bold;text-align: left;}


    .scrollupBtn p {font-size: 14px;}
    .scrollIcon {width: 20px; height: 20px; margin-top: 20px;}

    .neoScudotech img {width: 80%;}
    
    .neoSenso img, .neoForte img {width: 60%}


}  

@media screen and (min-width:767px) and (max-width:991.99px){
    .neoScudotech img {width: 40%;}
    .neoSenso img, .neoForte img {width: 30%;}
}


.newIcons img {width: 100%; height: 45px; object-fit:contain;}
.scudotechList{padding-left: 25px;}
.scudotechList li{list-style-type: disc; margin-bottom: 5px; color: #4B5058; font-weight: 300; letter-spacing: 1px;}
.spaInmensaCatalogue{position: relative;}
.spaInmensaCatalogue::before{content: ""; position: absolute; top:0; left:0 ;height: 100%; width: 2px; border:1px solid #F3F1EE;}


.abtFirstImg img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
.abtFirstImg{position: relative; height: 0; padding-top: 50%; overflow: hidden;}

.certification h3, .certification p {color: #fff;}
.certification .title{font-size: 2.5rem; margin-bottom: 20px;}

.bg-greys {background: #D9D9D9;}
.bg-para{max-width: 1000px; margin: 0 auto;}
.mb-20 {margin-bottom: 20px;}

.bg-greys h5{font-size: 16px;}