* {
    margin: 0;

    padding: 0;

    box-sizing: border-box;
}

/*

@font-face {

    font-family: DiodrumCyrillic-400;

    src: url('../fonts/DiodrumCyrillic-Regular.ttf');

}



@font-face {

    font-family: DiodrumCyrillic-500;

    src: url('../fonts/DiodrumCyrillic-Medium.ttf');

}



@font-face {

    font-family: DiodrumCyrillic-600;

    src: url('../fonts/DiodrumCyrillic-Semibold.ttf');

}





*/

@font-face {
    font-family: Dax Regular;

    src: url("../fonts/Dax Regular.ttf");
}

@font-face {
    font-family: Dax Black;

    src: url("../fonts/Dax Black.ttf");
}

@font-face {
    font-family: julis;

    src: url("../fonts/Serpentine-MediumOblique.otf");
}

@font-face {
    font-family: Serpentine;

    src: url("../fonts/Serpentine_ICG_Bold.ttf");
}

html {
    -webkit-text-size-adjust: 100%;

    -webkit-tap-highlight-color: rgb(0 0 0 / 0%);

    overflow-x: hidden;
}

body {
    font-family: "Jost", sans-serif;

    font-weight: 400;

    color: #333;

    font-size: 15px;

    font-weight: 400;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;

    margin-bottom: 0.5rem;

    line-height: 1.2;
}

p,
span,
div {
}

.box-container {
    max-width: 1240px;

    margin: 0 auto;
}

.btn {
    background: transparent;

    padding: 10px 35px;

    border: 2px solid #f2f0ef;

    color: #fff;

    border-radius: 50px;

    font-size: 14px;

    /* transition: all .14s ease; */

    font-weight: 500;

    text-transform: uppercase;

    position: relative;

    text-decoration: none;

    align-items: center;

    justify-content: center;

    background-size: 300%;

    transition: all 0.9s;

    background-image: linear-gradient(
        20deg,
        rgba(255, 255, 255, 0) 50%,
        #e4001c 50%
    );
}

.contact-btn {
    color: #fff;

    font-size: 15px;

    font-weight: 500;

    text-transform: uppercase;

    border: 2px solid #e4001c !important;

    background: #e4001c;
}

.contact-btn a {
    color: #fff;

    text-decoration: none;
}

.right-animate {
    color: #e4001c;

    background-image: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 50%,
        #e4001c 50%
    );
}

.btn:hover {
    color: #fff;

    background-position: 99% -10%;

    border: 2px solid #e4001c;
}

.fiiled {
    background: #e4001c;

    color: #fff;

    border-radius: 0px;

    font-size: 13px;

    padding: 10px 17px;

    border: none;

    font-weight: 500;
}

.fiiled__second {
    background: #333;

    color: #fff;

    border-radius: 0px;

    font-size: 13px;

    padding: 10px 17px;

    border: none;

    font-weight: 500;

    margin-left: 10px;
}

.fiiled a {
    color: #fff;

    text-decoration: none;
}

.fiiled__second a {
    color: #fff;

    text-decoration: none;
}

.grid-col-2 {
    display: grid;

    /*grid-template-columns: 1fr 1fr;*/

    align-items: center;

    grid-auto-columns: minmax(0, 1fr);

    grid-auto-flow: column;
}

.grid-col-3 {
    display: grid;

    grid-template-columns: 1fr 1fr 1fr;
}

.julis {
    font-family: julis;

    font-weight: bold;

    letter-spacing: 1px;
}

/* Navbar */

.page-top {
    background: #2d4059;

    color: #fff;

    text-align: center;

    padding: 13px;
}

.page-top .social-icons {
    display: flex;
}

.page-top .social-icons a {
    text-decoration: none;

    color: #e4001c;

    font-size: 22px;

    margin-left: 10px;

    background: #fff;

    height: 35px;

    width: 35px;

    border-radius: 50%;

    padding: 4px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;
}

.mail-icon {
    font-size: 20px;
}

.page-top span {
    font-size: 14px;
}

/**************************/

/* HEADER */

/**************************/

.nav-top {
}

.nav-top {
    display: flex;

    justify-content: space-between;

    align-items: center;

    background: rgb(255 255 255);

    z-index: 100;

    height: 70px;

    padding: 2px 0px;

    position: relative;

    margin: 5px auto;
}

.company-logo {
    z-index: 100;
}

.overflow {
    overflow: hidden;
}

.logo {
    max-width: 200px;
}

/**************************/

/* NAVIGATION */

/**************************/

.main-nav-list {
    list-style: none;

    display: flex;

    align-items: center;

    gap: 30px;

    margin-bottom: 0px;
}

.main-nav-link:link,
.main-nav-link:visited {
    display: inline-block;

    text-decoration: none;

    color: #333;

    font-weight: 500;

    font-size: 17px;

    transition: all 0.3s;
}

.main-nav-link:hover,
.main-nav-link:active {
    color: #d1072b;
}

.main-nav-link.last-child {
    padding: 7px 30px;

    background: #015826;

    color: #fff;

    border-radius: 25px;
}

/* MOBILE */

.btn-mobile-nav {
    border: none;

    background: none;

    cursor: pointer;

    display: none;
}

.icon-mobile-nav {
    height: 40px;

    width: 4.8rem;

    color: #333;
}

.icon-mobile-nav[name="close-outline"] {
    display: none;
}

/* STICKY NAVIGATION */

.sticky .header {
    position: fixed;

    top: 0;

    bottom: 0;

    width: 100%;

    height: 80px;

    padding-top: 0;

    padding-bottom: 0;

    background-color: rgba(255, 255, 255, 0.97);

    z-index: 111999;

    box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;

    max-width: 100%;

    padding: 0px 10px;
}

.sticky .section-hero {
    margin-top: 9.6rem;
}

.main-nav-list .page-active {
    color: #e4001c;
}

/* Hero section */

.Hero-section {
    /* background: url('http://165.22.211.204/dencoat/public/assets/img/home-page/banner-image.jpg'); */

    /* height: 100vh; */

    position: relative;

    color: #fff;
}

.mobile__hero__banner {
    background: url("http://165.22.211.204/dencoat/public/assets/img/home-page/banner-image.jpg");

    position: relative;

    color: #fff;
}

.banner {
    position: relative;
}

.banner img {
    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    object-fit: cover;

    object-position: right 85%;

    z-index: -1;
}

/* .banner-overlay {

    position: relative;

    background: rgba(28, 28, 28, 0.376);

    padding: 300px 0 300px;

    color: #ffffff;

} */

.banner-overlay__home {
    position: relative;

    background: rgba(28, 28, 28, 0.376);

    padding: 300px 0 300px;

    color: #ffffff;
}

.banner-title {
    width: 85%;

    margin: 0 auto;

    color: rgb(251, 250, 250);

    font-weight: 400;

    font-size: 16px;
}

.banner-title h1 {
    font-weight: 600;

    font-size: 40px;

    margin-bottom: 20px;

    text-shadow: 2px 2px 4px #00000079;
}

.dencryle__system .banner-title h1,
.dencryl__system .banner-title h1,
.denpox__system .banner-title h1,
.dencrete__system .banner-title h1,
.denpur__system .banner-title h1,
.denspartic__system .banner-title h1,
.dencoat__system .banner-title h1 {
    font-weight: 400;

    font-size: 60px;

    margin-bottom: 20px;

    text-shadow: 5px 5px 5px #fff;

    font-family: Serpentine, sans-serif;

    position: absolute;

    top: 85%;

    left: 25%;
}

.dencryl__system .banner-title h1,
.dencryle__system .banner-title h1 {
    color: #54b9e5;
}

.denpox__system .banner-title h1 {
    color: #ffd150;
}

.dencrete__system .banner-title h1 {
    color: #006c3e;
}

.denpur__system .banner-title h1 {
    color: #00b169;
}

.denspartic__system .banner-title h1 {
    color: #e89e27;
}

.dencoat__system .banner-title h1 {
    color: #990033;
}

.p-discription h1 {
    font-family: Serpentine, sans-serif;
}

.system-landing-page .p-discription h1 {
    font-family: Dax Regular, sans-serif;

    font-size: 72px;

    padding-bottom: 2%;

    text-align: left !important;
}

.dencryl__system .font-family-bold,
.dencryle__system .font-family-bold {
    color: #54b9e5;

    font-family: Dax Black, sans-serif;
}

.denpox__system .font-family-bold {
    color: #ffd150;

    font-family: Dax Black, sans-serif;
}

.dencrete__system .font-family-bold {
    color: #006c3e;

    font-family: Dax Black, sans-serif;
}

.denpur__system .font-family-bold {
    color: #00b169;

    font-family: Dax Black, sans-serif;
}

.denspartic__system .font-family-bold {
    color: #e89e27;

    font-family: Dax Black, sans-serif;
}

.dencoat__system .font-family-bold {
    color: #990033;

    font-family: Dax Black, sans-serif;
}

.banner-title p {
    margin-bottom: 35px;

    font-size: 16px;

    color: rgb(251, 250, 250);

    text-shadow: 2px 2px 4px #0000007b;
}

.heading-title {
    font-size: 36px;

    color: #015826;

    font-weight: 600;
}

.Discover-products {
    margin: 75px 0px 90px 0px;

    overflow-x: hidden;
}

.Discover-products .grid-col-2 {
    /* grid-template-columns: 40fr 50fr;

    gap: 50px; */
}

.discover-box {
    margin: 50px 0px;
}

.discover-text {
    /* padding: 50px; */

    width: 83%;

    margin: auto;
}

.l-tx .discover-text {
    margin-left: 0px;
}

.discover-text h2 {
    font-size: 30px;

    line-height: 1.5;

    font-weight: 500;
}

.discover-text p {
    font-size: 17px;

    margin: 10px 0px 0;

    color: #444;

    line-height: 1.6;

    letter-spacing: 1;

    text-align: justify;
}

.discover-text p strong {
    color: #015826;
}

.discover-text .btn {
    color: #272727;

    border: 2px solid #777;
}

.discover-text .btn:hover,
.discover-text .btn:active {
    color: #fff;

    border: 2px solid #e4001c;
}

.discover-img img {
    height: 50%;

    border-radius: 10px;

    width: 100%;
}

.quality-product .banner-overlay {
    padding: 210px 0px 200px;
}

.quality-product .banner-title {
    width: 100%;

    text-align: center;
}

.quality-product .banner-title h1 {
    font-weight: 600;

    font-size: 46px;
}

.quality-product .btn {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    margin-top: 10px;
}

/* About us on Home */

.aboutUs-home {
    display: block;

    margin-top: 100px;

    margin-bottom: 100px;

    max-width: 100%;
}

.about-intro {
    display: flex;

    margin-bottom: 70px;

    gap: 100px;

    background: #f8f4f2;

    padding-left: 20px;

    align-items: center;

    overflow-x: hidden;
}

.about-intro .about-info {
    padding-left: 40px;
}

.about-intro .about-info h2 {
    font-size: 38px;

    position: relative;

    border-bottom: 2px outset #e4001c;

    width: fit-content;
}

.about-intro .about-info p {
    font-size: 19px;

    margin: 40px 0px 20px 0px;

    color: #111;
}

.about-intro img {
    max-width: 100%;
}

.about-box {
    display: flex;

    flex-direction: column;

    align-items: center;

    min-height: 400px;

    text-align: center;

    box-shadow: rgb(100 100 111 / 22%) 0px 7px 29px 0px;

    padding: 27px 20px;

    margin-right: 25px;
}

.about-box img {
    max-width: 100%;

    height: 121px;
}

.about-box h4 {
    font-size: 24px;

    font-weight: 600;

    margin: 30px 0px 20px 0px;
}

.about-box p {
    font-size: 18px;

    line-height: 1.6;
}

/*=======  innovations-section ====================== */

.innovations-section {
    margin: 80px 0px;

    overflow-x: hidden;
}

.innovations-section .top-headings {
    text-align: center;

    margin-bottom: 52px;
}

.innovations-section .top-headings h2 {
    font-weight: 600;

    font-size: 42px;

    line-height: 48px;
}

.top-headings .bottom-line {
    width: 5%;

    height: 3px;

    border-radius: 5px;

    margin: 40px auto;

    background: #e05b72;
}

.top-headings p {
    width: 65%;

    margin: 0 auto;

    font-size: 16px;

    line-height: 1.7;

    color: #444444;
}

/* progress slider */

.slider {
    margin: 30px auto 50px;
}

.sr-only {
    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0;
}

.content {
    margin: auto;

    padding: 20px 20px 20px 20px;

    background-color: white;
}

.sliderDemo {
    margin: 30px auto 0;
}

.sliderDemo .bannerContainer {
    width: 280px;

    height: 380px;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    margin: 7px 7px 21px 7px;

    display: flex !important;

    flex-flow: column nowrap;

    justify-content: flex-start;

    align-items: center;

    padding: 0;

    position: relative;
}

.sliderDemo .bannerContent.full {
    width: 100%;

    height: 100%;

    background-color: transparent;

    justify-content: flex-start;

    color: white;

    box-shadow: none;
}

.progressBar {
    display: block;

    width: 60%;

    height: 3px;

    border-radius: 3px;

    overflow: hidden;

    background-color: #f5f5f5;

    background-image: linear-gradient(to right, #e4001c, #e4001c);

    background-repeat: no-repeat;

    background-size: 50% 100%;

    margin: 0 auto;

    transition: background-size 0.4s ease-in-out;

    margin-top: 22px;
}

.progressBar.progressBarLabel {
    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0;
}

.slick-arrow {
    z-index: 2;
}

.slick-arrow.slick-prev,
.slick-arrow.slick-next {
    width: 20px;

    height: 56px;
}

.slick-arrow.slick-prev {
    left: 22px;
}

.slick-arrow.slick-next {
    right: 22px;
}

.darkOverlay {
    position: absolute;

    bottom: 0;

    left: 0;

    height: 100%;

    width: 100%;
}

.darkOverlay.top {
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.6) 0%,
        rgba(0, 0, 0, 0) 70%
    );
}

.darkOverlay.right {
    background: linear-gradient(
        270deg,
        rgba(0, 0, 0, 0.6) 0%,
        rgba(0, 0, 0, 0) 70%
    );
}

.darkOverlay.bottom {
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.6) 0%,
        rgba(0, 0, 0, 0) 70%
    );
}

.darkOverlay.left {
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.6) 0%,
        rgba(0, 0, 0, 0) 70%
    );
}

.sliderDemo .slick-list {
    max-width: 1200px;

    margin: 0 auto;

    overflow: visible;
}

.info-box {
    margin-right: 40px;

    box-shadow: 0 0 15px 0 rgb(201 201 201 / 50%);

    height: inherit;
}

.info-box .top {
    display: flex;

    max-width: 100%;
}

.info-box .top img {
    height: 200px;
}

.info-box .top h4 {
    padding: 5% 5% 0 5%;

    line-height: 150%;

    font-size: 28px;
}

.info-box .discription {
    color: #fff;

    font-size: 15px;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 45px 40px;
}

.info-box:first-child .discription {
    background-color: #128370;
}

.bannerItem_02 .info-box .discription {
    background-color: #ff9e19;
}

.bannerItem_03 .info-box .discription {
    background-color: #e4001c;
}

.slick-list {
    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

    margin-bottom: 54px;
}

.slick-prev,
.slick-next {
    font-size: 0;

    line-height: 0;

    position: absolute;

    top: 50%;

    display: block;

    width: 20px;

    height: 20px;

    padding: 0;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);

    cursor: pointer;

    color: rgb(0 0 0 / 0%);

    border: none;

    outline: none;

    background: rgba(243, 29, 29, 0);
}

.slick-arrow.slick-prev {
    left: 0px;
}

.slick-arrow.slick-next {
    right: 21px;
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";

    font-size: 25px;

    line-height: 1;

    opacity: 1;

    color: rgb(255 255 255);

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    background-color: rgb(225, 225, 225);

    color: rgb(0, 0, 0);

    padding: 20px;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0;
}

.slick-prev:before {
    content: "";

    background-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMiAzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiB3aWR0aD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMzEuMTA2IDE1aC0yNy44MjhsOC4zMjUtOC4yOTNjLjM5MS0uMzkxLjM5MS0xLjAyNCAwLTEuNDE0LS4zOTEtLjM5MS0xLjAyNC0uMzkxLTEuNDE0IDBsLTkuOSA5Ljg5OWMtLjM4NS4zODUtLjM4NSAxLjAyOSAwIDEuNDE0bDkuOSA5LjljLjM5MS4zOTEgMS4wMjQuMzkxIDEuNDE0IDAgLjM5MS0uMzkxLjM5MS0xLjAyNCAwLTEuNDE0bC04LjMyNS04LjA5MmgyNy44MjhjLjU1MiAwIDEtLjQ0OCAxLTFzLS40NDgtMS0xLTF6IiBmaWxsPSIjMTIxMzEzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);

    background-size: 50%;

    background-repeat: no-repeat;

    background-position: center;
}

.slick-next::before {
    content: "";

    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSLQodC70L7QuV8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMyLDE2LjAwOWMwLTAuMjY3LTAuMTEtMC41MjItMC4yOTMtMC43MTQgIGwtOS44OTktOS45OTljLTAuMzkxLTAuMzk1LTEuMDI0LTAuMzk0LTEuNDE0LDBjLTAuMzkxLDAuMzk0LTAuMzkxLDEuMDM0LDAsMS40MjhsOC4xOTMsOC4yNzVIMWMtMC41NTIsMC0xLDAuNDUyLTEsMS4wMSAgczAuNDQ4LDEuMDEsMSwxLjAxaDI3LjU4NmwtOC4xOTIsOC4yNzVjLTAuMzkxLDAuMzk0LTAuMzksMS4wMzQsMCwxLjQyOGMwLjM5MSwwLjM5NCwxLjAyNCwwLjM5NCwxLjQxNCwwbDkuODk5LTkuOTk5ICBDMzEuODk0LDE2LjUzNCwzMS45OTcsMTYuMjc0LDMyLDE2LjAwOXoiIGZpbGw9IiMxMjEzMTMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IkFycm93X0ZvcndhcmQiLz48Zy8+PGcvPjxnLz48Zy8+PGcvPjxnLz48L3N2Zz4=);

    background-size: 50%;

    background-repeat: no-repeat;

    background-position: center;
}

.sliderDemo .slick-slider {
    overflow: hidden;

    transition: 0.333s;
}

/* .sliderDemo .slick-list {

    overflow: visible;

    padding: 10px 0;

    margin: 0 auto;

    display: flex;

    max-width: calc(1252px);

} */

.our-value {
    margin: 110px 0px;
}

.our-value h4 {
    font-size: 28px;

    padding-right: 120px;

    margin: 40px 0px;

    /* font-family: DiodrumCyrillic-500; */
}

.our-value .btn {
    color: #272727;

    border: 2px solid #777;
}

.our-value .btn:hover,
.our-value .btn:active {
    color: #fff;

    border: 2px solid #e4001c;
}

.our-value img {
    max-width: 100%;
}

.divider {
    background-color: rgb(228 0 28);

    height: 1px;

    width: 42px;

    margin-top: 11px;
}

.card-title {
    height: 56px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 14px;

    -webkit-box-shadow: 0 0 5px 0 #a6a6a6;

    -moz-box-shadow: 0 0 5px 0 #a6a6a6;

    box-shadow: 0 0 5px 0 #a6a6a6;

    text-decoration: none;
}

.feature-wraper {
    row-gap: 10px;

    padding: 50px 0px 10px 0px;

    display: grid;

    grid-template-columns: repeat(5, 1fr);
}

.feature-wraper .hover-list-item {
    padding: 13px;
}

.feature-wraper .list-item {
    box-shadow: 0px 0px 10px 0px #e5e5e5;

    padding: 15px;
}

.feature-wraper img {
    max-width: 100%;
}

.hover-list-item a {
    color: #000000;
}

.featuredBlock {
    max-width: 1440px;

    background-position: 0 -1% !important;

    min-height: 700px;

    background-size: cover !important;
}

.featuredBlock-col {
    background: #fff;

    padding: 100px 75px 100px 75px;
}

.featuredBlock-col .btn a {
    text-decoration: none;
}

.featuredBlock .btn {
    border: 2px solid #333;

    border-radius: 25px;

    font-size: 15px;

    color: #333;
}

.featuredBlock .btn:hover,
.featuredBlock .btn:active {
    color: #fff;

    border: 2px solid #e4001c;
}

.featuredBlock-col .body2 p {
    margin: 50px 0px;

    font-size: 14px;

    line-height: 28px;

    letter-spacing: 0;
}

/*========== Footer wrap =============== */

.footer-wrapper {
    display: flex;

    /* grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

   gap: 50px; */

    /* flex-wrap: wrap; */

    justify-content: space-between;
}

.footer {
    background: url("https://i.ibb.co/kJZyFyR/footer.png");

    padding: 70px 0px;

    margin-top: 90px;

    padding-bottom: 40px;

    color: #000;
}

.box-container-footer {
    max-width: 1440px;

    margin: 0 auto;
}

.footer-logo {
    width: 20%;

    height: fit-content;
}

.footer-logo img {
    width: 100%;

    margin-bottom: 15px;

    background: #fff;
}

.footer-logo p {
    font-size: 15px;
}

.footer-box {
    display: flex;

    flex-direction: column;

    align-items: flex-start;
}

.footer-box h6 {
    font-size: 15px;

    font-weight: 600;

    margin-bottom: 30px;
}

.footer-box a {
    text-decoration: none;

    color: #000;

    margin-bottom: 14px;

    font-size: 13px;
}

.footer-box a:hover,
.footer-box a:active {
    text-decoration: underline;

    color: #d1072b;
}

.footer-social a {
    font-size: 22px;

    margin-left: 20px;
}

.footer-social a:first-child {
    margin-left: 0px;
}

/* ======== FOOTER ============== */

footer {
    margin-top: 50px;

    /*background: url(https://i.ibb.co/JF2jwX4/Images-1.png);*/

    background: url(https://i.ibb.co/kJZyFyR/footer.png);

    /*background-size: contain;*/

    background-repeat: no-repeat;

    /*background-position: 860px -66px;*/

    position: relative;
}

footer .footer-bg-image {
    position: absolute;

    top: -50px;

    right: -15px;

    width: 500px;
}

.footer__logo img {
    width: 400px;

    margin-left: 0;
}

.form__ar input {
    padding: 10px;

    border: 1px solid #c1c1c1;

    height: 40px;

    width: 270px;
}

.form__ar button {
    height: 40px;

    padding: 0 15px;

    background: var(--button-bg-color);

    outline: 0;

    border: 0;

    color: #fff;

    cursor: pointer;
}

.subscribe__news__form h5 {
    font-size: 28px;
}

.subscribe__news__form p {
    font-size: 16px;
}

.ftr__mn__frt {
    display: flex;

    list-style: none;

    gap: 15px;

    justify-content: end;

    font-size: 20px;

    padding-bottom: 25px;
}

.ftr__mn__frt a {
    font-size: 16px;

    color: #2b2b2b;
}

.ftr__mn__scd {
    display: flex;

    list-style: none;

    gap: 15px;

    justify-content: end;

    font-size: 20px;

    padding-bottom: 25px;
}

.ftr__mn__scd a {
    font-size: 16px;

    color: #2b2b2b;
}

.footer__social__media ul {
    display: flex;

    justify-content: end;

    list-style: none;

    gap: 15px;
}

.footer__social__media ul li a i {
    height: 40px;

    padding: 10px;

    border-radius: 50%;

    width: 40px;

    font-size: 18px;

    text-align: center;

    background: #d10429;

    color: #fff;
}

.footer__menus.text-right {
    /*margin-top: 19%;*/
}

.left__txt p {
    font-size: 20px;

    color: #fff;

    margin-bottom: 0;
}

.footer__last {
    display: flex;

    align-items: center;

    gap: 25px;
}

.left__txt p span {
    font-size: 24px;
}

.store__icons img {
    width: 130px;
}

.footer__mn {
    padding: 60px 0 0;
}

.left__txt a {
    font-size: 16px;

    color: #f59b1f;
}

.border__top___ftr {
    border-top: 1px solid var(--border-color);
}

/* ======== FOOTER ============== */

.contact {
    display: flex;

    flex-direction: column;
}

.contact a {
    display: flex;
}

.contact-box {
    width: 100%;

    display: flex;

    justify-content: space-between;

    gap: 80px;
}

.copywirte {
    border-top: 2px solid #526073;

    margin-top: 40px;

    padding-top: 30px;
}

/*================================== Product page ==================================================== */

.page-indicator {
    margin-top: 20px;

    padding-bottom: 5px;

    border-bottom: 2px solid #f0f0f0;

    color: #212121;

    margin-top: 15px;
}

.page-indicator p {
    margin-bottom: 5px;
}

.page-indicator span {
    color: #e4001c;
}

.top-products-listing {
    margin-top: 15px;
}

.products {
    background: #fff;

    min-height: 370px;

    width: 95%;

    margin: 0 auto;
}

.collection .product-grid {
    display: grid;

    grid-template-columns: 25fr 75fr;

    align-items: flex-start;
}

.system-landing-page .product-grid {
    display: grid;

    grid-template-columns: 20fr 80fr;

    align-items: flex-start;
}

.product-grid {
    display: grid;

    grid-template-columns: 20fr 50fr 25fr;

    align-items: flex-start;
}

.products .products-list {
    padding: 5px 0px 20px 0px;

    margin: 0 10px;
}

.products-list .dropdown-toggle {
    font-weight: 500;

    width: 100%;

    text-align: start;

    padding: 6px 8px;

    background: #ebeaea;
}

.products-list .dropdown-toggle.dencryl {
    background: #54b9e5;
}

.products-list .dropdown-toggle.dencrete {
    background: #006c3e;
}

.products-list .dropdown-toggle.denpox {
    background: #ffd150;
}

.products-list .dropdown-toggle.denpur {
    background: #00b169;
}
.products-list .dropdown-toggle.denspartic {
    background: #e89e27;
}
.products-list .dropdown-toggle.dencoat {
    background: #990033;
}

.products-list .dropdown-toggle:hover,
.products-list .dropdown-toggle:active {
    background: #dee1e7;
}

.products-list .dropdown {
    margin-bottom: 4px;
}

.products h5 {
    font-weight: 600;

    font-size: 18px;

    border-bottom: 2px solid #dee1e7;

    padding: 10px 0 10px;

    margin: 0 10px 5px;
}

.products button {
    background: none;

    color: #fff;

    border: none;

    transform: none;
}

.products button i {
    float: right;

    font-size: 20px;
}

.products button:hover,
.products button:active {
    background: none;

    color: #212121;

    border: none !important;

    box-shadow: none;
}

.products .dropdown-menu {
    position: relative !important;

    margin: 0px;

    transform: translate(0px, 1px) !important;

    background: #f0f0f0;
}

.products .dropdown-item.active,
.products .dropdown-item:active {
}

.products .dropdown-item {
    font-size: 15px;
}

.products .dropdown-toggle::after {
    display: none !important;
}

.products .dropdown-menu {
    border: none;

    padding: 0px;

    padding-bottom: 12px;
}

.p-discription {
    padding: 0px 50px;
}

.p-discription h2.p-heading {
    font-size: 36px;

    font-weight: 600;
}

.p-discription.dencryl h2.p-heading,
.p-discription.dencrete h2.p-heading,
.p-discription.denpox h2.p-heading,
.p-discription.denpur h2.p-heading,
.p-discription.denspartic h2.p-heading,
.p-discription.dencoat h2.p-heading {
    font-family: Serpentine, sans-serif;
}

.p-discription h2.p-heading span {
    font-family: Jost;

    color: black;

    /*font-size: 20px;*/

    /*vertical-align: top;*/

    /*line-height: 36px;*/
}

.p-discription.dencrete h2.p-heading {
    color: #006c3e;
}

.p-discription.dencoat h2.p-heading {
    color: #990033;
}

.p-discription.denspartic h2.p-heading {
    color: #e89e27;
}

.dencryl .p-heading {
    color: #54b9e5;
}

.denpur .p-heading {
    color: #00b169;
}

.denspartic .p-heading {
    color: #e89e27;
}

.denpox .p-heading {
    color: #ffd150;
}

.p-discription p {
    line-height: 1.8;

    color: #2a2829;

    font-size: 16px;

    text-align: justify;
}

.p-discription.dencrete p {
    text-align: justify;

    font-size: 16px;

    letter-spacing: 0.5px;
}

.p-img img {
    max-width: 100%;

    margin-top: 50px;
}

.system-data .p-img img {
    margin-top: 5px;
}

.view-products {
    margin: 80px 0px;
}

.feature-grid {
}

.feature-grid .wraaper {
    max-width: 1120px;

    display: grid;

    grid-template-columns: 40fr 40fr;

    margin: 0 auto;

    gap: 60px;

    justify-content: space-between;

    align-items: center;

    padding: 60px 0px;
}

/* System Page */

.product-box {
    box-shadow: 0 0 4px #cfcfcf;

    border-radius: 10px;

    padding-bottom: 10px;
}

.product-box img {
    border-radius: 10px 10px 0 0;
}

.product-box .product-content {
    padding: 5px 10px 0;

    min-height: 125px;
}

.product-box h3 {
    font-family: Serpentine, sans-serif;
}

.product-box.dencryl h3 {
    color: #54b9e5;
}

.product-box.dencrete h3 {
    color: #006c3e;
}

.product-box.denpox h3 {
    color: #ffd150;
}

.product-box.denpur h3 {
    color: #00b169;
}
.product-box.dencoat h3 {
    color: #990033;
}
.product-box.denspartic h3 {
    color: #e89e27;
}

.product-box h3 span {
    position: absolute;

    font-size: 16px;

    font-family: Serpentine, sans-serif;

    margin-left: 5px;
}

.product-view-btn {
    padding: 5px 10px 0;
}

.product-view-btn .view-btn {
    text-decoration: none;

    padding: 6px 10px;

    font-weight: 500;

    border: 2px solid #015826;

    text-transform: capitalize;

    color: #015826;

    margin-top: 0px;

    border-radius: 0px;

    background-image: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 50%,
        #015826 50%
    );
}

.grey-bg {
    background: #eaeaea;
}

.grey-bg .product-info {
    padding-left: 0px;
}

.product-img img {
    max-width: 100%;

    height: 400px;
}

.product-info {
    padding-left: 50px;
}

.product-info h3 {
    font-family: Serpentine, sans-serif;

    font-size: 46px;

    position: relative;
}

.product-info h3::before {
    content: "";

    height: 5px;

    width: 30px;

    background: rgb(228 0 28);

    position: absolute;

    top: 50%;

    left: -10%;

    border-radius: 2px;
}

.product-info h3 span {
    position: absolute;

    font-size: 17px;

    font-family: Serpentine, sans-serif;
}

.product-info .heading-blue {
    color: #54b9e5;
}

.product-info .heading-green {
    color: #006c3e;
}

.product-info .heading-yellow {
    color: #ffd150;
}

.product-info .heading-parrot {
    color: #00b169;
}

.short-discription {
    color: #333;
}

.product-info ul {
    list-style: none;

    padding-left: 1px;
}

.product-info ul li {
    color: #333;

    margin-bottom: 10px;
}

.product-info ul li i {
    color: #e4001c;
}

.view-btn {
    text-decoration: none;

    padding: 8px 20px;

    font-weight: 600;

    border: 2px solid #2d4059;

    text-transform: uppercase;

    color: #2d4059;

    margin-top: 18px;

    border-radius: 0px;

    background-image: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 50%,
        #2d4059 50%
    );
}

.view-btn:hover,
.view-btn:active {
    border: 2px solid #2d4059;

    color: #fff;
}

.view-btn a {
    font-size: 13px;

    text-decoration: none;

    color: inherit;
}

.contact-us {
    background: #2d4059;

    padding: 35px 10px;
}

.contact-us h4 {
    color: #fff;

    font-size: 32px;
}

/*==================== Prodcut Detail ========================== */

.products-list .dropdown-item.active,
.dropdown-item:active {
    background: transparent;

    color: #d1072b;

    font-weight: 500;
}

.Recommended-uses {
    margin: 0px 0px 0px 0px;

    background: #eaeaea;

    padding: 40px 0px;
}

.recommended-wrap {
    display: flex;

    /* grid-template-columns: 1fr 1fr 1fr; */

    justify-content: space-between;

    align-items: center;

    row-gap: 20px;

    margin-top: 40px;

    flex-wrap: wrap;
}

.recommended-wrap .recomend-item {
    font-weight: 500;

    font-size: 15px;

    color: #333;

    width: 26%;
}

.recommended-wrap .recomend-item i {
    color: #e4001c;

    margin-right: 4px;
}

/*================== Properties Detail ===================== */

.properties {
    background: url("../img/properties.png");

    background-position: center;

    background-repeat: no-repeat;

    background-position: center;

    color: #fff;

    background-size: cover;
}

.properties-detail {
    padding: 60px;
}

.properties-detail h3 {
    font-size: 36px;

    font-weight: 600;

    margin-bottom: 20px;

    margin-top: 200px;
}

.properties-detail .short-disc {
    width: 80%;

    margin: 30px 0px;

    font-weight: 400;
}

.fill-btn {
    border: 2px solid #e4001c;

    color: #000;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 600;

    color: #e4001c;
}

.properties-detail h4 {
    background: #2a2928;

    padding: 15px 10px;

    margin: 0px;

    font-size: 22px;
}

.properties-detail table {
    background: #fff;
}

.properties-detail table tbody {
    padding-top: 10px;
}

.properties-detail th {
    padding-left: 20px;

    text-transform: capitalize;

    padding: 20px;

    font-size: 15px;
}

.properties-detail th:first-child {
    border-right: 2px solid #666;
}

.properties-detail .extra-space {
    padding-top: 20px;
}

.properties-detail td {
    border-bottom: 0px;

    width: 50%;

    font-size: 14px;

    padding: 5px 0px;

    padding-left: 20px;

    font-weight: 500;
}

.properties-detail td:first-child {
    border-right: 2px solid #666;
}

.properties-detail tr:first-child td {
    padding-top: 20px;
}

.properties-detail tr:last-child td {
    padding-bottom: 30px;
}

.properties .banner-overlay {
    position: relative;

    background: rgb(28 28 28 / 38%);

    padding: 80px 0 85px;
}

/* =============================== Benefits ================================= */

.comman-heading {
    font-size: 24px;

    font-weight: 600;

    margin: 50px 0px;

    color: #444;
}

.Benefits .benefits-wrap {
    display: flex;

    justify-content: space-between;

    gap: 40px;

    flex-wrap: wrap;

    padding-bottom: 40px;
}

.Benefits .benefits-wrap .items {
    width: 22%;
}

.benefits-wrap .items p {
    margin-bottom: 5px;

    font-size: 13px;

    color: #444444;

    width: 70%;
}

.benefits-wrap .items .disc {
    margin-bottom: 7px;

    font-size: 15px;

    width: 100%;
}

.benefits-wrap .items .disc b {
    font-weight: 600;
}

.Benefits .benefits-wrap .items img {
    max-width: 60%;

    margin-bottom: 25px;
}

.Benefits hr {
    background: #f0f0f0;

    opacity: 1;
}

.Benefits hr:not([size]) {
    height: 2px;
}

/*=========================== color selection =========================== */

.color-box img {
    display: none;
}

.color-selection .comman-heading {
    margin-bottom: 30px;
}

.color-selection span {
    font-size: 14px;

    color: #444444;
}

.color-box {
    margin-top: 20px;
}

.color-box input[type="color" i] {
    width: 72px;

    height: 43px;

    margin-right: 20px;

    border: 2px solid transparent;

    padding: 2px;

    background: transparent;
}

.color-box input[type="color" i]:hover,
.color-box input[type="color" i]:active {
    border: 2px solid #e4001c;
}

.color-box input[type="color" i]:focus {
    border: 2px solid #e4001c;
}

/* ====================== Applications =========================== */

.Applications {
    background: #eaeaea;

    padding: 30px 0px;

    margin-top: 60px;

    color: #333;
}

.Applications .comman-heading {
    margin-top: 30px;
}

.Applications .item {
    padding: 20px;

    text-align: center;

    font-weight: 400;

    color: #fff;
}

.Applications .application-name {
    background: #272727;

    padding: 13px 13px;

    display: flex;

    align-items: center;

    justify-content: space-between;
}

.Applications .application-name ion-icon {
    font-size: 20px;
}

.Applications .item img {
    max-width: 100%;
}

.Applications .item span {
    display: block;

    font-size: 15px;
}

/* ====================== Applications =========================== */

.Related-products {
    padding: 30px 0px 0px 0px;

    margin-top: 10px;

    color: #fff;
}

.Related-products .comman-heading {
    margin-top: 30px;
}

.Related-products .item {
    padding: 20px;

    text-align: center;
}

.Related-products .item img {
    max-width: 100%;

    height: 180px;

    object-fit: cover;
}

.Related-products .item span {
    margin-top: 20px;

    display: block;

    font-size: 18px;

    /*color: #2a2829;*/

    font-weight: 600;
}

.applications .slick-prev.slick-disabled:before,
.applications .slick-next.slick-disabled:before {
    opacity: 1;

    z-index: 100;
}

.applications .slick-arrow.slick-prev {
    left: -22px;
}

.applications .slick-arrow.slick-next {
    right: -2px;
}

.box-container-footer {
    padding: 0px 25px;
}

/*========================== Contact Page ==================================================*/

.Contact-us-bannner .banner-overlay {
    padding: 200px 0px 200px 0px;
}

.contact-form {
    margin: 50px 0px;

    background: #105b2d;

    padding: 50px 0;
}

.form-control {
    border: none;

    border-bottom: 1px solid #ccc;

    padding-left: 10px;

    padding-right: 0;

    border-radius: 0;

    background: none;
}

.form-control:active,
.form-control:focus {
    outline: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    border-color: #000;
}

.col-form-label {
    color: #000;

    font-size: 13px;
}

.form-control,
.custom-select {
    height: 45px;

    background: #fff;

    border-radius: 4px;
}

.custom-select:active,
.custom-select:focus {
    outline: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    border-color: #000;
}

.form-btn {
    background: #35477d;

    color: #fff;

    padding: 5px 20px;

    letter-spacing: 2px;
}

.form-btn:hover {
    color: #fff;
}

.form-btn:active,
.form-btn:focus {
    outline: none;

    -webkit-box-shadow: none;

    box-shadow: none;
}

/* .contact-wrap {

    -webkit-box-shadow: 0 0px 10px 0 rgb(0 0 0 / 10%);

    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 10%);

} */

.contact-wrap .col-form-label {
    font-size: 14px;

    color: #e3e3e3;

    margin: 0 0 10px 0;

    display: inline-block;

    padding: 0;
}

.contact-wrap .col-form-label span {
    color: red;
}

/* .contact-wrap .form,

.contact-wrap .contact-info {

    padding: 40px;

} */

.contact-wrap .contact-info {
    color: rgb(255 255 255 / 50%);
}

.contact-wrap .contact-info {
    background: #105b2d;
}

.contact-wrap .contact-info ul li {
    margin-bottom: 26px;

    color: rgba(255, 255, 255, 0.5);
}

.contact-wrap .contact-info ul li .wrap-icon {
    font-size: 20px;

    color: #fff;

    margin-top: 5px;
}

.contact-info p {
    color: #fff;
}

.contact-info ul li {
    color: #fff !important;
}

.form-btn {
    background: #d01930;

    color: #fff;

    padding: 5px 20px;

    letter-spacing: 2px;

    border-color: #ffffff;

    border: 1px solid #b3b3b3;

    font-size: 16px;

    font-weight: 400;
}

/* .contact-wrap .form {

    background: #fff;

} */

.contact-wrap .form h3 {
    color: #fff;

    font-size: 20px;

    margin-bottom: 20px;

    padding-bottom: 20px;

    position: relative;
}

.contact-wrap .contact-info {
    background: #105b2d;
}

.contact-wrap .contact-info h3 {
    color: #fff;

    font-size: 20px;

    margin-bottom: 30px;
}

label.error {
    font-size: 12px;

    color: red;
}

.form-select {
    color: #606060;

    padding: 12px;
}

#message {
    resize: vertical;

    min-height: 100px;

    margin-top: 10px;

    border: 1px solid #cccccc;

    padding: 12px 10px;
}

#form-message-warning,
#form-message-success {
    display: none;
}

#form-message-warning {
    color: #b90b0b;
}

#form-message-success {
    color: #55a44e;

    font-size: 18px;

    font-weight: bold;
}

.submitting {
    float: left;

    width: 100%;

    padding: 10px 0;

    display: none;

    font-weight: bold;

    font-size: 12px;

    color: #000;
}

.icon {
    color: #fff;

    font-size: 24px;

    margin-right: 15px;
}

.contact-icon li {
    margin-bottom: 30px;
}

.about-hero .banner-overlay {
    padding: 170px 0px 146px 0px;
}

.aboutUs-main {
    margin-top: 90px;
}

.aboutUs-main .about-intro {
    background: #fff;

    gap: 70px;

    padding: 40px;
}

.aboutUs-main .about-intro .about-info p {
    font-size: 18px;
}

.aboutUs-main .about-intro img {
    border-radius: 20px;
}

/* for contact us multiple address  */

.multiple__address {
    padding-top: 90px;

    text-align: center;
}

.add__country {
    font-size: 20px;

    color: #35477d;

    font-weight: 600;

    padding-bottom: 3%;
}

.mul__add__box {
    padding: 20px;

    -webkit-box-shadow: 0 0px 10px 0 rgb(0 0 0 / 10%);

    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 10%);
}

/* for contact us multiple address  */

/* for technical downloads page  */

.technical__download {
    padding-top: 90px;
}

.tech_dwn__box tr {
    height: 60px;

    vertical-align: middle;

    text-align: left;
}

.tech_dwn__box ion-icon.md.hydrated {
    color: #2d4059;

    font-size: 22px;
}

/* for accordition  */

.accordion {
    background-color: #fff;

    color: #333;

    cursor: pointer;

    padding: 10px 20px;

    width: 100%;

    border: none;

    text-align: left;

    outline: none;

    font-size: 15px;

    transition: 0.4s;

    border: 1px solid #e9e9e9;

    margin: 10px 0;
}

.active,
.accordion:hover {
    background-color: #ebeaea;
}

.panel {
    padding: 0 18px;

    display: none;

    background-color: white;

    overflow: hidden;
}

/* button.accordion:after {

    content: '\002B';

    color: #777;

    font-weight: bold;

    float: right;

    margin-left: 5px;

} */

select {
    outline: 0;
}

/* for accordion end  */

/* for technical downloads page  */

/* for home page by anish  */

.work__logo__box img {
    width: 200px;

    height: 200px;
}

/* for contact u page  */

.contact__address a img {
    width: 35px;

    height: 35px;

    background: #ffff;

    border-radius: 50%;

    padding: 2px;

    margin: 0 1%;
}

.contact__address a {
    color: #35477d;
}

/* for home pag by anish end  */

/* for mobile sidebar menu  */

.sidenav {
    height: 100%;

    width: 0;

    position: fixed;

    z-index: 1;

    top: 0;

    right: 0;

    background-color: #005826;

    overflow-x: hidden;

    transition: 0.5s;

    padding-top: 30px;

    text-align: center;
}

.sidenav a {
    padding: 8px 0px 8px 0px;

    text-decoration: none;

    font-size: 20px;

    color: #fff;

    display: block;

    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;

    top: 0;

    right: 25px;

    font-size: 36px;

    margin-left: 50px;
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}

/* for mobile sidebar menu  */