/*Reset CSS*/
html, body {height: 100%;}
html{scroll-behavior: smooth;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body,*{padding:0;margin:0;-webkit-overflow-scrolling:touch;box-sizing:border-box;}
body{margin: 0 auto;padding: 0px;font-family: 'Poppins', sans-serif;font-size: 16px;line-height: 1.1;color: #000;font-weight: 400;}
ol,ul,li{list-style:none;padding:0;margin:0}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none;outline:none}
a:focus,img:focus,input:focus,button:focus,div:focus{outline:none;}
*, ::after, ::before {box-sizing:border-box;}
a, button {cursor: pointer;text-decoration: none;}
body::-webkit-scrollbar {width: 5px;}
body::-webkit-scrollbar-track {background: rgba(255,255,255,.1); }
body::-webkit-scrollbar-thumb {background: #e0e0e0; border-radius: 25px;}
/*Reset CSS*/

/*Common CSS*/
.max-width-class{max-width: 1220px;margin: 0 auto;display: block;position: relative;}
.sec-ttl{font-family: 'poppins',sans-serif;font-size: 25px;color:#000;text-align: center;font-weight: 600;}
.ttl-desc{font-family: 'poppins',sans-serif;font-size: 20px;color:#000;margin: 15px auto 50px;text-align: center;max-width: 830px;line-height: 28px;}
/*Common CSS*/

/*Header CSS*/
.top-bar{background-color: #e0e0e0;padding: 5px 0;}
.top-wrap{display: flex;align-items: center;justify-content: flex-end;}
.social-lnks{background:url('../images/soc-icons.png');background-size: cover;background-repeat: no-repeat;width: 25px;height: 25px;display: inline-block;}
.social-lnks.fb{background-position-x:-34px;}
.social-lnks.tw{background-position-x:-69px;}
.bck-lnk{font-family: 'Poppins',sans-serif;font-size: 12px;color:#707070;display: inline-block;margin-left: 120px;}
.sadak-header{background-color:rgb(255,255,255);position: relative;top: 0;z-index: 9;width: 100%;padding: 11px 0;}
.header-inner{display: flex;align-items: center;justify-content: space-between;}
.hamburger-container {cursor: pointer;display: none;}
.bar1, .bar2, .bar3 {width: 28px;height: 3px;background-color: #171101;margin: 6px 0;transition: 0.4s;}
.change .bar1 {transform: translate(0, 11px) rotate(-45deg);}
.change .bar2 {opacity: 0;}
.change .bar3 {transform: translate(0, -7px) rotate(45deg);}
.brand-logo{display: block;margin-right: 150px;}
.nav-list{display: flex;align-items: center;justify-content: space-between;position: relative;top: -80px;}
.nav-links{font-size: 22px;color: #000;font-weight: 400;font-family: 'Poppins', sans-serif;line-height: 27px;padding: 0 8px;border-right: 1px solid #000;}
.nav-menus:last-child .nav-links{border-right: 0;}
/*Header CSS*/

/*Banner CSS*/
.banner-section{background:url('../images/banner-img.jpg');background-size: cover;background-repeat: no-repeat;padding: 111px 0;}
.banner-wrap{display: flex;align-items: center;}
.banner-cont{padding-left: 30px;}
.banner-txt{font-family: 'Poppins',sans-serif;font-size: 17px;font-weight: 700;color:#fff;line-height: 38px;}
.banner-txt span{color:#ffd400;display: block;font-size: 17px;line-height: 28px;font-weight: 400;padding-right: 60px;}
/*Banner CSS*/

/*About CSS*/
.about-sect{padding: 75px 0 50px 0;position: relative;background:url('../images/abt1.png');background-size: auto;background-repeat: no-repeat;background-position: 100% 33%;}
.about-sect .sec-ttl{margin-bottom: 15px;}
.abt-img{margin: 0 auto 10px;display: block;width: 675px;}
.anthem-bt{font-family: 'Poppins',sans-serif;font-size: 20px;display: flex;align-items: center;justify-content: center;cursor: pointer;width: 270px;margin: 0 auto;}
.download-img{margin-left: 20px;}
.dwn-arr{position: absolute;right: 68px;bottom:27%;}
.slow{position: absolute;bottom: 22.5%;width: 7%;}
/*About CSS*/

/*Key CSS*/
.key-sect{background:url('../images/vid1.png');background-size: auto;background-repeat: no-repeat;}
.key-slider{width: 80%;margin: 30px auto 0 auto;z-index: 1;}
.key-slide{padding: 0 15px;}
.key-sect .sec-ttl{margin-top: 15px;}
.key-img{width: 100%;height: 350px;}
.key-name{color:#000000;font-family: 'Poppins',sans-serif;font-size: 25px;line-height: 30px;font-weight: 600;margin-top:20px;text-align: center;}
.key-desc{color:#000000;font-family: 'Poppins',sans-serif;font-size: 15px;line-height: 18px;text-align: center;}
.keysli-bg{height: 441px;background-color: #FFD400;width: 100%;margin-top:-25%;position: relative;}
.key-slider .slick-next:before, .key-slider .slick-prev:before{color:transparent;content: '';}
.key-slider .slick-next{transform: rotate(180deg);right: -40px;}
.key-slider .slick-prev{left: -38px;}
.key-slider .slick-prev:before{background: url('../images/black-arr.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 36px;
    width: 36px;
    display: block;}
    .key-slider .slick-next:before{background: url('../images/black-arr.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 36px;
    width: 36px;
    display: block;}
.lin-img{position: absolute;top: 23px;left: 0;transform: rotate(-32deg);}
.stnd-img{position: absolute;bottom: 0;left: 8%;}
.dig-img{position: absolute;bottom: 0;right: 8%;}
/*Key CSS*/

/*Video CSS*/
.video-sect{background:url('../images/vid1.png');background-size: cover;background-repeat: no-repeat;padding: 50px 0;background-position: 100% 130%;}
.video-wrap{display: flex;margin:20px auto 0;max-width: 1100px;justify-content: center;}
.vid-card{position: relative;padding-right: 20px}
/* .vid-img{width: 100%;} */
.play-ic{position: absolute;left: 0;right: 0;margin: 0 auto;top:37%; cursor: pointer;}
.vid-card:last-child {padding-right: 0;}
/* .vid-card:first-child .vid-img{width: 480px;}
.vid-card:first-child .play-ic{width: 66px;top:33%;display: block;} */
.vid-desc{font-family: 'Poppins',sans-serif;font-size: 15px;line-height: 18px;color:#000;font-weight: 400;margin-top:13px;}
.vm-bt{background-color: #d9c907;padding:8px 12px;border-radius: 6px;color:#000;font-family: 'Poppins',sans-serif;font-size: 16px;font-weight: 600;width: 108px;position: absolute;right: 140px;bottom: -38px }
/*Video CSS*/

/*Article CSS*/
.article-slider{margin:15px auto 0;max-width: 80%;}
.article-slide{padding: 0 7px;}
.art-img{width: 100%;height: 170px;}
.art-desc{font-family: 'poppins',sans-serif;font-size: 16px;color: #000;margin-top:14px;line-height: 20px;}
.article-slider .slick-prev{left: -64px;top:28%;z-index: 9;}
.article-slider .slick-next{right: -50px;top:28%;}
.article-slider .slick-prev:before{background: url(../images/prev.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 36px;
    width: 36px;
    display: block;}
    .article-slider .slick-next:before{background: url(../images/nxt.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 36px;
    width: 36px;
    display: block;}
.art-lnk{color:#000;}
.article-slider .slick-next:before, .article-slider .slick-prev:before{color: transparent;}
.rd-mr{color:#D9C907;text-decoration: underline;font-style: italic;display: inline-block;margin-left: 5px;}
/*Article CSS*/

/*Info CSS*/
.infographic{margin:50px 0 70px 0;}
.info-wrap{display: flex;}
.info-qiz{width: 50%;}
.info-imgs{width: 100%;height: 432px;}
.info-slider .slick-next:before, .info-slider .slick-prev:before{color:transparent;content:'';}
.info-slider .slick-prev{left: unset;z-index: 9;top: unset;bottom: -50px;right: 29%;}
.info-slider .slick-next{z-index: 9;top: unset;bottom: -50px;right: 22%;}
.info-slider .slick-prev:before{background: url(../images/prev.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 36px;
    width: 36px;
    display: block;}
    .info-slider .slick-next:before{background: url(../images/nxt.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 36px;
    width: 36px;
    display: block;}
/*Info CSS*/

/*In Picture CSS*/
.saperator{width: 100%;margin: 34px 0;}
.picture-slider{margin-top:30px;}
.picture-wrap{position: relative;padding-bottom: 30px;}
.pic-img{width: 100%}
.pict-slide{padding: 0 10px;position: relative;cursor: pointer;}
.picture-slider .slick-dots li button:before{opacity: 1;color:#e4e4e4;font-size: 8px;}
.picture-slider .slick-dots .slick-active button:before {opacity: 1; color: #cecece;font-size: 16px;}
.picture-slider .slick-dots li{margin: 0;}
.picture-slider .slick-dots li button{padding: 0;}
.pict-slide:hover .caption{ opacity: 1;}
.photo-wrp .vid-img{cursor: pointer;}
.caption {position: absolute;bottom: 0; background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.5);width: 96%;transition: .5s ease;opacity:0;font-size: 14px;color: #ffffff;font-weight: 400;padding: 13px 25px;}
.hover-shadow:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
/*In Picture CSS*/

/*Partner CSS*/
.partner-sect{padding: 40px 0;}
.part-name{font-family: 'poppins',sans-serif;font-size: 12px;line-height: 15px;content: #000;font-weight: 400;}
.partner-slide{margin: 0 auto;display: table;text-align: center;}
/*Partner CSS*/

/*Footer CSS*/
.sadak-footer{background-color: #f20000;padding: 13px 0;}
.footer-wrap{display: flex;align-items: center;justify-content: space-between;}
.cp-right{font-family: 'poppins',sans-serif;font-size: 12px;color: #fff;}
.foot-lnk{font-family: 'poppins',sans-serif;font-size: 12px;color: #fff;}
.foot-lnk:last-child{margin-left: 100px;}
/*Footer CSS*/
/* video pop up */
.popup_overlay{display:block;}
.popup_overlay{position: fixed; top:0; bottom: 0; left: 0; right: 0; background-color: rgba(231,226,226,0.7); z-index: 9999;}
.popup_overlay .closed{ width: 25px; height: 25px; border-radius: 100%; background-color: #fff; cursor: pointer; font-size: 12px; line-height: 25px; text-align: center; display: block; color: #000; margin-left: auto; position: absolute; right: 10px; top:10px; z-index: 99;font-weight: 600;}
.waterthon_popup{ position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 101;max-width: 800px;margin: 0 auto;padding: 20px;box-sizing: border-box;width: 100%}
.waterthon_popup .preap{position: relative;width: 100%;padding-bottom: 56.25%;height: 0;margin-bottom: 15px;}
.waterthon_popup .preap iframe{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;
}
/* inner video page */
.video-sect-inner { padding: 50px 0;}
.video-wrap-inner{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding:20px 0;}
.vid-slide-wrp{padding: 12px }
.video-sect-inner .sec-ttl {font-size:34px;}
.vid-card-inner{padding: 10px;background-color: #e0e0e0;position: relative;}
.vid-card-inner .vid-img{width:250px;height:150px;}
.vid-card-inner .vid-desc{margin-top: 11px;width: 250px;}
.load-more-btn{right: 45%;bottom: -30px;cursor:pointer;}
/* inner video page */
/* photogallary-pop */
.image-popup {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);display: flex;justify-content: center; align-items: center;z-index: 9;}
.image-popup img {max-width: 100%;max-height: 100%;}
.close {position: absolute;top: 40px;right: 30px;font-size: 34px;color: white;cursor: pointer;}
.prev,.next {position: absolute;top: 50%;transform: translateY(-50%);font-size: 30px;color: #000;;cursor: pointer;}
.prev {left: 20px;}
.next {right: 20px;}
@media(max-width: 1024px){
    .max-width-class{padding: 0 10px;width: 100%;}
    .sec-ttl{font-size: 20px;}
    .ttl-desc{font-size: 14px;margin: 10px 0;}
    /*Header CSS*/
    .top-bar{position: relative;z-index: 9999;}
    .top-wrap{justify-content: space-between;}
    .header-inner{align-items: unset;}
    .sadak-header{opacity: 1;}
    .hamburger-container{display: block;position: relative;z-index: 9;width: 35%;height: 10%;}
    .nav-list{display:block;background-color:#fff;padding: 50px 10px;position: absolute;top: -10px;height: 100vh;left: -70%;transition: .5s all;width: 70%;}
    .nav-list.open-nav{left: 0;transition: .5s all;box-shadow: 0px 0px 0px 9999px rgba(0, 0, 0, 0.831)}
    .nav-list li{margin-bottom: 15px;}
    .nav-links{font-size: 16px;line-height: 24px;padding: 0;border-right: 0}
    .sur-lg{width: 50%;}
    .brand-logo{margin-right: 0;}
    /*Header CSS*/

    /*Banner CSS*/
    .banner-wrap{flex-direction: column;}
    .banner-vid{position: relative;overflow: hidden;width: 100%;padding-top: 56.25%;}
    .banner-vid iframe{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;}
    .banner-cont{padding-left: 0;margin-top:10px;}
    .banner-txt{font-size: 16px;line-height: 28px;}
    /*Banner CSS*/

    /*About CSS*/
    .about-sect{padding: 20px 0;background:unset;}
    .abt-img{width: 100%;}
    .anthem-bt{font-size: 14px;width: 202px;}
    .dwn-arr{display: none;}
    .slow{display: none;}
    /*About CSS*/

    /*Key CSS*/
    .key-sect{background: unset;}
    .key-slider{width: 100%;}
    .keysli-bg{margin-top:-78%;}
    .dig-img{width: 10%;}
    .key-slider .slick-prev {left: 15px;z-index: 1;}
    .key-slider .slick-next {right: 15px;z-index: 1;}
    /*Key CSS*/

    /*Video CSS*/
    .video-sect{padding: 58px 0;background-position: 7%;}
    .video-wrap{flex-direction: column;}
    .vid-card {padding: 10px;padding-right: 0;}
    .vid-card:last-child{padding-right: 0;}
    .vid-img{width: 100%;} 
    .vid-card:first-child iframe{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;}
    .vid-desc{margin-top:5px;}
    .info-wrap{flex-direction: column;}
    .info-qiz{width: 100%;}
    .info-slider .slick-next{right: 13%;}
    .info-slider .slick-prev{right: 40%;}
    .info-imgs{height: auto;}
    .play-ic{top:40%;}
    /*Video CSS*/

    /*Article CSS*/
    .article-slider{max-width: 100%;}
    .article-slider .slick-prev{left: 13px;top:35%;}
    .article-slider .slick-next{right: 26px;top:35%;}
    /*Article CSS*/

    /*Partner CSS*/
    .partner-sect{padding: 40px 0;}
    .saperator{margin: 20px 0;}
    /*Partner CSS*/

    /*Footer CSS*/
    .footer-wrap{flex-direction: column;}
    .cp-right{margin-bottom: 10px;}
    .foot-lnk:last-child{margin-left: 0;}
    .footer-links{display: flex;align-items: center;justify-content: space-between;width: 100%;}
    /*Footer CSS*/
    .waterthon_popup{top:40%;}
    .vm-bt{right: 20px;bottom: -24px}
    .banner-txt span{padding-right: 0px;}
    .load-more-btn {right: 35%;}
    .close{top: 120px;}
}