html, body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    height: 100%;
}
body{
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    overflow-x: hidden;
    height: auto;
}
html{
    background: #000;   
}
body,
header{
    background: #000;
}
* + p{
    margin-top: inherit;
}

.cta-btn{
    display: inline-block;
    background: #c08c35;
    color: #fff;
    padding: 16px 40px;
    border-radius: 40px;
    text-transform: uppercase;
    font-weight: 500;
}
.cta-btn:hover{
    background: #b97f1f;
    color: #fff;
}
.about-section .content h2,
.new-design-section .img-block h3,
.new-design-section h2,
.why-section .title-text h2,
.category-section h2.title,
.category-section .img-block h3,
.our-mission-section h2{
    color: #fff;
}

.about-section .img-block::after{
    background: #1e1e1e;
}

header .navbar ul li a,
.about-section .content p,
.why-section p,
.why-section ul li,
.our-mission-section p{
    color: #7E7E7E;
}
header .navbar ul li a.active,
header .navbar ul li a:hover{
    color: #c08c35;
}

.why-section .list-point li{
    background: url(../images/grey-tick-icon.svg) no-repeat -3px top;
    background-size: 24px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
}

.modal-backdrop.show{
    opacity: 0.85;
}

#downloadmodal .modal-content{
    background: #242424;
}
#downloadmodal .modal-header h3{
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}
#downloadmodal .modal-header .btn-close{
    color: #fff;
}
#downloadmodal .modal-header{
    border-bottom: #3c3c3c solid 1px;
}
#downloadmodal .modal-body .form-label{
    color: #7E7E7E;
}
#downloadmodal .modal-body .form-control{
    background: rgba(255,255,255,.03);
    border: solid 1px rgba(255,255,255,.2);
}
#downloadmodal .modal-footer .cta-btn.btn-secondary{
    display: inline-block;
    background: #515151;
    color: #fff;
    border-radius: 40px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 12px 32px;
    border: 0;
}
#downloadmodal .modal-footer .cta-btn.btn-secondary:hover{
    background: #fff;
    color: #000;
}
#downloadmodal .modal-footer .cta-btn.btn-primary{
    padding: 12px 32px;
    border: 0;
}
#downloadmodal .modal-footer{
    border-top: #3c3c3c solid 1px;
}

.category-section{
    background: #000 url(../images/product-bg.png) no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.category-section .img-block h3,
.new-design-section .img-block h3{
    font-weight: 500;
}

.about-section{
    background: url(../images/pattern-1.svg) no-repeat;
    background-size: cover;
}
.our-mission-section{
    /* background: #111; */
    background: linear-gradient(275deg, #090909, #2c2c2c, #131313, #2c2c2c, #090909);
    background-size: 300% 300%;
    -webkit-animation: AnimationName 26s ease infinite;
    -moz-animation: AnimationName 26s ease infinite;
    animation: AnimationName 26s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@keyframes AnimationName {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
.our-mission-section h2{
    color: #fff;
}