@import url('font.css');

body {
    background-color: black;
    padding: 0;
    margin: 0;
    font-family: IRANSans !important;
    direction: rtl
}

p, p a, p a:hover {
    color: white;
    background-color: gray;
}


.Pool {
    position: relative;
    top: 0;
    right: 0;
}

.PoolImage {
    position: relative;
    width: 100%;
    height: auto;
}

.PoolTitleImage {
    position: absolute;
    width: 40%;
    height: auto;
    top: 1%;
    right:60.5%;
    opacity: 0.8 !important;
}

.PoolPart1Image {
    position: absolute;
    width: 15%;
    height: auto;
    opacity: 0.8;
    bottom: 5%;
    right: 62.6%;
}

.PoolPart2Image {
    position: absolute;
    width: 15%;
    height: auto;
    opacity: 0.8;
    bottom: 11%;
    right: 71%;
}

.PoolPart3Image {
    position: absolute;
    width: 15%;
    height: auto;
    opacity: 0.8;
    bottom: 5%;
    right: 76%;
}

.PoolPart4Image {
    position: absolute;
    width: 13%;
    height: auto;
    opacity: 0.8;
    bottom: 6%;
    right: 85%;
}

.PoolInfoImage {
    position: absolute;
    width: 35%;
    height: auto;
    opacity: 0.8;
    bottom: 52%;
    right: 62%;
    z-index: 5;
}

.PoolInfoText {
    position: absolute;
    top: 39.5%;
    right: 67%;
    color: white;
    font-size: 2.5vw;
    width: 50%;
    text-align: justify;
    text-justify: inter-word;
    font-family: 'BYekan';
    z-index: 6;
}

.PoolInfoImage1 {
    position: absolute;
    width: 40%;
    height: auto;
    opacity: 0.8;
    bottom: 35%;
    right: 60%;
}

.PoolInfoText2 {
    position: absolute;
    top: 47.2%;
    right: 62%;
    color: black;
    font-size: 3vw;
    width: 35%;
    text-align: justify;
    text-justify: inter-word;
    font-family: 'Mj_VanillaUltraLight';
    z-index: 7;
}

.btnMoreInfo {
    border-radius: 25px;
    background-color: black;
    color: white;
    border: none;
    position: absolute;
    opacity: 0.8;
    left: 90%;
    bottom: 5%;
}

    .btnMoreInfo:hover {
        background-color: white;
        color: black;
    }

.Kids {
    position: relative;
    top: 0;
    right: 0;
}

.KidsImage {
    position: relative;
    width: 100%;
    height: auto;
}

.KidsTitleImage {
    position: absolute;
    width: 40%;
    height: auto;
    opacity: 0.8;
    top: 2%;
    right: 0;
}

.KidsPart1Image {
    position: absolute;
    width: 15%;
    height: auto;
    opacity: 0.8;
    bottom: 5%;
    right: 59.6%;
}

.KidsPart2Image {
    position: absolute;
    width: 15%;
    height: auto;
    opacity: 0.8;
    bottom: 11%;
    right: 68%;
}

.KidsPart3Image {
    position: absolute;
    width: 15%;
    height: auto;
    opacity: 0.8;
    bottom: 5%;
    right: 73%;
}

.KidsPart4Image {
    position: absolute;
    width: 18%;
    height: auto;
    opacity: 0.8;
    bottom: 6.5%;
    right: 81.5%;
}

.KidsInfoImage {
    position: absolute;
    width: 40%;
    height: auto;
    opacity: 0.8;
    bottom: 35%;
    right: 0%;
}

.PoolInfoText4 {
    position: absolute;
    top: 47.2%;
    right: 4%;
    color: black;
    font-size: 2.2vw;
    width: 36%;
    text-align: justify;
    text-justify: inter-word;
    font-family: 'Mj_VanillaUltraLight';
    z-index: 9;
}

.Academy {
    position: relative;
    top: 0;
    right: 0;
}

.AcademyImage {
    position: relative;
    width: 100%;
    height: auto;
}

.AcademyTitleImage {
    position: absolute;
    width: 40%;
    height: auto;
    opacity: 0.8;
    top: 2%;
    right: 0;
}

.AcademyPart1Image {
    position: absolute;
    width: 15%;
    height: auto;
    opacity: 0.8;
    bottom: 5%;
    right: 62.6%;
}

.AcademyPart2Image {
    position: absolute;
    width: 15%;
    height: auto;
    opacity: 0.8;
    bottom: 11%;
    right: 71%;
}

.AcademyPart3Image {
    position: absolute;
    width: 15%;
    height: auto;
    opacity: 0.8;
    bottom: 5%;
    right: 76%;
}

.AcademyPart4Image {
    position: absolute;
    width: 13%;
    height: auto;
    opacity: 0.8;
    bottom: 6%;
    right: 85%;
}

.AcademyInfoImage {
    position: absolute;
    width: 40%;
    height: auto;
    opacity: 0.8;
    bottom: 35%;
    right: 0%;
}

.PoolInfoText3 {
    position: absolute;
    top: 47.2%;
    right: 4%;
    color: black;
    font-size: 2.4vw;
    width: 35%;
    text-align: justify;
    text-justify: inter-word;
    font-family: 'Mj_VanillaUltraLight';
    z-index: 8;
}

.OutPool {
    position: relative;
    top: 0;
    right: 0;
}

.OutPoolImage {
    position: relative;
    width: 100%;
    height: auto;
}

.OutPoolTitleImage {
    position: absolute;
    width: 40%;
    height: auto;
    opacity: 0.8;
    top: 2%;
    right: 0;
}

.OutPoolPart1Image {
    position: absolute;
    width: 15%;
    height: auto;
    opacity: 0.8;
    bottom: 5%;
    right: 62.6%;
}

.OutPoolPart2Image {
    position: absolute;
    width: 15%;
    height: auto;
    opacity: 0.8;
    bottom: 11%;
    right: 71%;
}

.OutPoolPart3Image {
    position: absolute;
    width: 15%;
    height: auto;
    opacity: 0.8;
    bottom: 5%;
    right: 76%;
}

.OutPoolPart4Image {
    position: absolute;
    width: 13%;
    height: auto;
    opacity: 0.8;
    bottom: 6%;
    right: 85%;
}

.OutPoolInfoImage {
    position: absolute;
    width: 40%;
    height: auto;
    opacity: 0.8;
    bottom: 35%;
    right: 0%;
}



.IndoorTitle {
    background-image: url('../images/Pic/Pool/Indoor_Title.png');
    width: 800px;
    height: 259px;
    position: absolute;
    top: 20px;
    right: 0px;
    opacity: 0.8;
}

.IndoorPart1 {
    background-image: url('../images/Pic/Pool/Indoor_Part1.png');
    width: 300px;
    height: 240px;
    position: absolute;
    bottom: 80px;
    right: 5px;
    opacity: 0.8;
}

.IndoorPart2 {
    background-image: url('../images/Pic/Pool/Indoor_Part2.png');
    width: 300px;
    height: 170px;
    position: absolute;
    bottom: 140px;
    right: 175px;
    opacity: 0.8;
}

.IndoorPart3 {
    background-image: url('../images/Pic/Pool/Indoor_Part3.png');
    width: 260px;
    height: 150px;
    position: absolute;
    bottom: 100px;
    right: 295px;
    opacity: 0.8;
}

.IndoorPart4 {
    background-image: url('../images/Pic/Pool/Indoor_Part4.png');
    width: 208px;
    height: 190px;
    position: absolute;
    bottom: 100px;
    right: 465px;
    opacity: 0.8;
}

.IndoorInfo {
    background-image: url('../images/Pic/Pool/Indoor_info.png');
    width: 772px;
    height: 278px;
    position: absolute;
    bottom: 350px;
    right: 10px;
    opacity: 0.8;
}


.ArmaghanCard {
    display: table;
    width: auto;
    min-height: 100%;
    height: 100vh;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    background-image: url('../images/Pic/Pool/ArmaghanCard.jpg');
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
}