*{
    margin: 0;
}
html,
body{
    height: 100%;
}
body::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #333333;
}
body::-webkit-scrollbar{
    width: 6px;
    background-color: #333333;
}
body::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #dddddd;
}
#loader{
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    background-color: #000;
}
#loader .load{
    position: fixed;
    width: 206px;
    left: 50%;
    margin-left: -103px;
    top: 45%;
    margin-top: -103px;
}
#loader .load .cl{
    left: 50%;
    margin-left: -36px;
    top: 45%;
    margin-top: 63px;
    opacity: 0.8;
    position: absolute;
}
#loader .load .cl img{
    position: absolute;
}
/*Main Container Css*/
.anweshippinKandethumPage{
    padding: 0;
    margin: 0;
    font-family: "OswaldRegular", sans-serif;
    height: auto !important;
    font-size: 1.4rem;
    color: #fff;
    overflow-x: hidden;
}
.section{position: relative;}
.homeSection .absoluteContainer{
    position: absolute;
    left: 5%;
    top: 10%;
    width: 40%;
}
.homeSection .police_strip_1{
    position: absolute;
    width: 105%;
    bottom: -10%;
    z-index: 9;
}
.secondSection .absoluteContainer{
    position: absolute;
    top: 5%;
    left: 0;
    right: 0;
    width: 60%;
    margin: 0 auto;
    text-align: center;
}
.secondSection .videoSec{
    margin: 0 auto;
    width: 60%;
    text-align: center;
}
.secondSection .video-item{
    background-color: #F2DEAB;
    padding: 20px;
}
.secondSection .video-item .text{margin: 0;color: #000;font-size: 2rem;font-weight: bold;font-family: "OswaldRegular", sans-serif;}
.secondSection .owl-controls .owl-prev,
.secondSection .owl-controls .owl-next{
    position: absolute;
    width: auto;
    top: 35%;
    font-size: 7rem;
    color: #F2DEAB;
}
.secondSection .owl-controls .owl-prev{left: -9%;}
.secondSection .owl-controls .owl-next{right: -9%;}

.secondSection .synopsis{width: 80%;text-align: center;margin: 0 auto;margin-top: 10%;}
.secondSection .h3_heading{font-size: 4rem;font-weight: bold;font-family: "OswaldRegular", sans-serif;margin-bottom: 1rem;}
.secondSection .text{font-size: 2.3rem;}

.secondSection .police_strip_1{
    position: absolute;
    width: 105%;
    bottom: -3%;
    left: 0;
    z-index: 9;
}
.secondSection .police_strip_2{
    position: absolute;
    width: 105%;
    bottom: -3%;
    left: 0;
    z-index: 9;
}
.thirdSection .absoluteContainer{
    position: absolute;
    right: 10%;
    top: 25%;
    width: 40%;
    text-align: center;
}
.thirdSection .h3_heading{font-size: 4rem;font-weight: bold;font-family: "OswaldRegular", sans-serif;margin-bottom: 1rem;}
.thirdSection .text{font-size: 2.5rem;}

@media screen and (min-width:320px) and (max-width: 767px){
    .homeSection .absoluteContainer{
        position: absolute;
        left: 0%;
        right: 0%;
        top: 60%;
        width: 90%;
        margin: 0 auto;
        z-index: 99;
    }
    .homeSection .home-layer{
        position: absolute;
        width: 100%;
        bottom: -5%;
        left: 0;
        right: 0;
    }
    .homeSection .police_strip_1{bottom: -3%;width: 130%;}
    .secondSection .absoluteContainer{
        width: 90%;
        top: 2%;
    }
    .secondSection .videoSec{
        width: 70%;
    }
    .secondSection .video-item{
        padding: 10px;
    }
    .secondSection .video-item .text{font-size: 1.3rem;}
    .secondSection .owl-controls .owl-prev,
    .secondSection .owl-controls .owl-next{
        top: 20%;
        font-size: 5rem;
    }
    .secondSection .owl-controls .owl-prev{left: -18%;}
    .secondSection .owl-controls .owl-next{right: -18%;}

    .secondSection .synopsis{width: 90%;text-align: center;margin: 0 auto;margin-top: 5%;}
    .secondSection .h3_heading{font-size: 2rem;}
    .secondSection .text{font-size: 1.3rem;}

    .thirdSection .absoluteContainer{
        position: absolute;
        right: 0%;
        left: 0%;
        top: 15%;
        width: 80%;
        margin: 0 auto;
    }
    .thirdSection .h3_heading{font-size: 2rem;}
    .thirdSection .text{font-size: 1.5rem;}

    .secondSection .police_strip_1, .secondSection .police_strip_2{bottom: -2%;width: 130%;}
}
@media screen and (min-width: 769px) and (max-width: 1024px){
    .secondSection .h3_heading, .thirdSection .h3_heading{font-size: 2.4rem;}
    .secondSection .text, .thirdSection .text{font-size: 1.5rem;}
}
@media screen and (min-width: 1025px) and (max-width: 1275px){
    .secondSection .h3_heading, .thirdSection .h3_heading{font-size: 2.4rem;}
    .secondSection .text, .thirdSection .text{font-size: 2rem;}
}
@media screen and (min-width: 1280px) and (max-width: 1365px){
    .secondSection .h3_heading, .thirdSection .h3_heading{font-size: 3rem;}
    .secondSection .text, .thirdSection .text{font-size: 2rem;}
}
@media screen and (min-width: 1680px) and (max-width: 1920px){
    .secondSection .h3_heading, .thirdSection .h3_heading{font-size: 5rem;}
    .secondSection .text, .thirdSection .text{font-size: 2.7rem;}
}
@media screen and (min-width: 1921px) and (max-width: 3000px){
    .secondSection .h3_heading, .thirdSection .h3_heading{font-size: 6rem;}
    .secondSection .text, .thirdSection .text{font-size: 4rem;}
}