:root {scroll-behavior: unset;}
html {scroll-behavior: unset;}

@font-face {
    font-family: 'tintacoated-regular';
    src: url('../fonts/tintacoated-regular-webfont.woff2') format('woff2'),
         url('../fonts/tintacoated-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Cantarell';
    src: url('../fonts/Cantarell-Regular.eot');
    src: url('../fonts/Cantarell-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Cantarell-Regular.woff') format('woff'),
        url('../fonts/Cantarell-Regular.ttf') format('truetype'),
        url('../fonts/Cantarell-Regular.svg#Cantarell-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {font-family: 'Cantarell'; letter-spacing: 1px; font-weight:bold; overflow-x: hidden;}

body::-webkit-scrollbar {
  width: 5px;
}
body::-webkit-scrollbar-track {
  border-radius: 0px;
}
body::-webkit-scrollbar-thumb {
  background: #454545;
  border-radius: 0px;
}
body::-webkit-scrollbar-thumb:hover {
  background:#fff;
}
.clrwh {color: #fff !important;}
ul{list-style:none;}
a{ text-decoration :none;}
a:hover{text-decoration :none;}
a:focus{text-decoration :none; outline:none;}
img {max-width: 100%; object-fit: cover; object-position: center;}
p{font-family: 'Cantarell'; font-size:16px; line-height:1.5; color:#454545; font-weight:normal;}
p:nth-last-child(1){ margin-bottom:0;}
h1, h2, h3, h4, h5, h6{font-family: 'tintacoated-regular'; line-height:1.5;}
.hd{font-size: 38px; margin-bottom:25px; line-height:1.5; color:#454545; font-weight:normal; font-family: 'tintacoated-regular'; text-transform:uppercase;}
.h4{line-height:1.5 !Important;}
.pad80 {padding: 80px 0;}
.pad40{padding:40px 0;}
.overlay{ width:100%; position:relative;}
.overlay:after{content:''; width:100%; height:100%; background:rgb(0 0 0 / 19%); position:absolute; top:0; left:0;}
.grey{background: #f9f4ed;}
.grey2 {background: #efe8dd;}

/*Wow Animation*/
.animated {visibility: visible; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-play-state: running; -moz-animation-play-state: running; -ms-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running;}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}

.t_mrg{margin-top:100px;}

header{width:100%; position:fixed; top:0; left:0; overflow:hidden; z-index:99; transition:all 0.85s ease;}
header.sticky {transform:translateY(0%); background:#FFFCF8;}
header.sticky .logo a svg{width:100%; fill:#000}
.logo{ width:100%; overflow:hidden; display:flex; align-items: center; justify-content: center; padding: 25px 0px;}
.logo a{display:flex; width:120px; }
.logo a svg{width:100%; fill:#fff}
.logo svg{width:300px; fill:#000}
.logo img{width:200px;}

.ban_on_logo{position:absolute; z-index:3;}

.banner{width:100%; height:100vh; overflow:hidden; position:relative;}
.banner_img,.banner_img img{ width:100%; height:100%; display: flex; align-items: center; justify-content: center;}

.pdf_icon{ width:100%; margin-top:25px; border:0.5px solid #00000014; position:relative}
.pdf_icon a{display: flex; align-items: center; justify-content: center; padding:40px; position: relative; z-index: 9;}
.pdf_icon a img{ width:60px; filter: grayscale(100%); transition:all 0.85s ease; transform:scale(1);}
.pdf_icon a:hover img{filter: grayscale(0%); transform:scale(1.3);}

.pdf_icon .circle_btn{ width:40px; height:40px; background:transparent; display:flex; align-items:center; justify-content:center; position:absolute; bottom:10px; right:10px;}
.pdf_icon .circle_btn i{transition:all 0.5s ease; color:#454545;}
.pdf_icon:hover .circle_btn i{ transform:rotate(180deg);}

.title_d{ width:100%; display:block; text-align:center; margin-top:15px; font-weight:500;}

.copyright {width:100%; margin:0; padding:8px 0px !important; background:#000; position:relative;}
.copyright p {font-size:12px; color:#fff; padding:0; margin:0;}
.cclogowrap{ top:4px; right:5%; position:absolute;}
.cclogowrap a{display:block}
.cclogowrap a img{ width:24px; opacity:0.2;}

@media (max-width:991px){
    .hd{font-size:25px;}
    .container{padding:0 30px;}
    .pad80{padding:60px 0px;}
    .logo svg {width: 200px;fill: #000;}
}

@media (max-width:600px){
    .title_d br{display:none;}
}