/* reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,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{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
/* reset end*/

body {
    background: #000 url(../images/bg.webp) top center no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    background-size: cover;
    min-height: 100vh;
}
.logocon {
    max-width: 720px;
    margin: 20px auto 0px auto;
    text-align: center;
}
.logocon img {
    width: 90px;
}
.socmedcon {
    max-width: 396px;
    margin: 0px auto;
    text-align: center;
    position: relative;
}

.socmedcon .socbg {
    width: 100%;
}
.socmedicon {
    position: absolute;
    top: 42%;
    width: 100%;
    margin-top: -41.5px;
}
.socmedicon ul li {display: inline-block;margin: 20px 20px 0px 20px;}
.socmedicon ul li img {
    width: 60px;
}
.bannercon {
    max-width: 620px;
    margin: 0px auto;
}
.slick-dots li button:before {
    font-size: 12px;
    line-height: 14px;
    width: 12px;
    height: 12px;
    opacity: .75;
    color: rgb(255 255 255 / 50%);
    border-radius: 0px;
    content: '';
    background: rgb(255 255 255 / 50%);
    /* color: #e93075; */
    /* border: 1px solid #e93075; */
    /* border-radius: 100%; */
    /* opacity: 1; */
    box-shadow: 4px 3px 0px 1px rgba(0,0,0,0.75);
-webkit-box-shadow: 4px 3px 0px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 3px 0px 1px rgba(0,0,0,0.75);
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    background: #e93075;
    box-shadow: 4px 3px 0px 1px rgba(0,0,0,1);
    -webkit-box-shadow: 4px 3px 0px 1px rgba(0,0,0,1);
    -moz-box-shadow: 4px 3px 0px 1px rgba(0,0,0,1);
}
/* .btncon {
    max-width: 720px;
    text-align: center;
    margin: 100px auto 50px auto;
} */
.btncon {
    max-width: 720px;
    text-align: center;
    margin: 60px auto 40px auto;
}
.btncon a {
    display: inline-block;
    margin: 0px 2%;
    width: 42%;
}
/* .btncon a {
    display: block;
    margin: 0px auto;
     width: 42%; 
    max-width: 280px;
    text-align: center;

}
.btncon a.btn2con { width: 240px; } */
.btncon img { width: 100%; }
.slick-slide img {
    width: 100%;
}
.btncon.mobile, .downloadcon { display: none; }
.footerLink {
    padding: 10px 0px 20px 0px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.footerLink a {
    display: inline-block;
    margin: 0px auto;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
}
.footerLink a:hover { font-weight: bold; }
@media screen and (min-width: 1200px) and (max-height: 767px) { 
    .bannercon {
        max-width: 520px;
       
    }
    .socmedcon {
        max-width: 350px;
    }
    .socmedicon ul li {
        margin-top: 22px;
    }
    .socmedicon ul li img {
        width: 55px;
    }
    .btncon a {
        width: 40%;
    }
    .btncon {
        margin-top: 35px;
    }
}
@media screen and (max-width: 767px) {
body {
    background-image: url(../images/bg-m.webp);
    min-height: 100vh;
}
.logocon { 
    margin-top:40px;
}
.logocon img {
    width: 120px;
}

.btncon {

    margin:60px auto 50px auto;
    text-align: center;
}
.btncon.web { display: none; }
.btncon.mobile { display: block; }
.btncon a{ display: block; margin: 0px auto; }
.socmedcon .socbg {
    width: 80%;
}
.socmedicon ul li img {
    width: 60px;
}
.socmedicon ul li {margin: 20px 15px 0px 15px;}
.downloadcon {position: fixed; top: 0px; display: block;}
.downloadcon img { width: 100%;  }
header { padding-top: 50px; }
}
@media screen and (max-width: 550px) {
 
.socmedicon ul li img { width: 60px; }
}
@media screen and (max-width: 450px) {
    .socmedicon ul li {margin: 25px 15px 0px 15px;}
    .socmedicon ul li img {
        width: 50px;
    }
    }
    @media screen and (max-width: 413px) {
        .socmedicon ul li {margin: 25px 15px 0px 15px;}
        .socmedicon ul li img {
            width: 45px;
        }
        }
    