body{margin: 0; padding: 0; overflow-x: hidden;}
*{font-size: var(--normal);}
::-webkit-scrollbar{width: 10px;}
::-webkit-scrollbar-thumb{border-radius: 10px; background-color: var(--sec);}
/* body style 1 gives padding to it major elements */
.body-style-1{
    nav{padding: 30px; padding-left: 100px; padding-right: 100px;}
    footer{padding: 30px; padding-left: 100px; padding-right: 100px;}
    .section{padding: 30px; padding-left: 100px; padding-right: 100px;}
}


main{min-height: 85vh;}
.banner{min-height: 65vh;}
.carousel-banner .carousel{height: 60vh; overflow: hidden; background-color: var(--dark);}
.carousel-banner .carousel-inner{width: 100%; height: 100%;}
.carousel-banner .carousel-item{width: 100%; height: 100%;}