@charset "utf-8";

@font-face {
    font-family: "MuseoSlab-700";
    src: url("../fonts/MuseoSlab700.eot"); /* IE9 Compat Modes */
    src: url("../fonts/MuseoSlab700.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/MuseoSlab700.otf") format("opentype"), /* Open Type Font */
    url("../fonts/MuseoSlab700.svg") format("svg"), /* Legacy iOS */
    url("../fonts/MuseoSlab700.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/MuseoSlab700.woff") format("woff"), /* Modern Browsers */
    url("../fonts/MuseoSlab700.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}
/* font converted using font-converter.net. thank you! */
@font-face {
    font-family: "MuseoSansRounded-300";
    src: url("../fonts/MuseoSansRounded300.eot"); /* IE9 Compat Modes */
    src: url("../fonts/MuseoSansRounded300.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/MuseoSansRounded300.otf") format("opentype"), /* Open Type Font */
    url("../fonts/MuseoSansRounded300.svg") format("svg"), /* Legacy iOS */
    url("../fonts/MuseoSansRounded300.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/MuseoSansRounded300.woff") format("woff"), /* Modern Browsers */
    url("../fonts/MuseoSansRounded300.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    background: url(../images/bg-body.png) repeat #2b2870;
    font-family: "MuseoSansRounded-300";
    margin: 0px;
    padding: 0px;
    color: #6A6A6A;
    font-size: 15px;
    line-height: 26px;
    font-weight: normal;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

ul, ol {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
    color: #196666;
}

    a:hover, a:focus {
        text-decoration: none;
        outline: none;
    }

img:focus, input:focus, textarea:focus, button:focus {
    outline: none;
}

.form-control:focus {
    box-shadow: none;
}

p {
    color: #6A6A6A;
    font-size: 15px;
    line-height: 173%;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    font-weight: 400;
}

.defult-btn {
    background: #F89621;
    border-radius: 8px;
    border: none;
    font-size: 23px;
    line-height: 20px;
    text-align: center;
    color: #000;
    min-width: 200px;
    display: inline-block;
    padding: 15px;
    transition: all 0.2s;
    cursor: pointer;
    position: relative;
}

.page-wrapper {
    overflow: hidden;
}

.page-container {
    max-width: 894px;
    padding: 0 15px;
    margin: 0 auto;
    width: 100%;
}

.logo-div {
    margin: 60px 0 35px;
    text-align: center;
}

    .logo-div a {
        display: inline-block;
    }

.top-content-div {
    text-align: center;
}

    .top-content-div h3 {
        font-family: "MuseoSansRounded-300";
        margin-bottom: 0;
        margin-top: 0;
        font-size: 23px;
        line-height: 1.4;
        color: #fff;
    }

.circel-boxdiv {
    margin: 50px 0;
    position: relative;
}

.rasi-circle {
    position: relative;
    border: 1px solid #f69534;
    background: #2b2870;
    padding: 0;
    margin: 0;
    width: 864px;
    height: 864px;
    border-radius: 100%;
    list-style: none;
    overflow: hidden;
}

    .rasi-circle .text {
        position: absolute;
        left: -100%;
        width: 200%;
        height: 200%;
        text-align: center;
        -webkit-transform: skewY(60deg) rotate(15deg);
        -ms-transform: skewY(60deg) rotate(15deg);
        transform: skewY(60deg) rotate(15deg);
        padding-top: 20px;
    }

        .rasi-circle .text img {
            width: 180px;
        }

    .rasi-circle li:first-child .text img {
        transform: skewY(0deg) rotate(-15deg);
    }

    .rasi-circle li:nth-child(2) .text img {
        transform: skewY(0deg) rotate(-45deg);
        margin-top: 5px;
        width: 120px;
        margin-right: 20px;
    }

    .rasi-circle li:nth-child(3) .text img {
        transform: skewY(0deg) rotate(-75deg);
        margin-top: 20px;
        margin-left: -10px;
    }

    .rasi-circle li:nth-child(4) .text img {
        transform: skewY(0deg) rotate(-105deg);
        width: 170px;
        margin-left: -15px;
    }

    .rasi-circle li:nth-child(5) .text img {
        transform: skewY(0deg) rotate(-135deg);
    }

    .rasi-circle li:nth-child(6) .text img {
        transform: skewY(0deg) rotate(-165deg);
        margin-top: 30px;
        margin-left: 15px;
        width: 175px;
    }

    .rasi-circle li:nth-child(7) .text img {
        transform: skewY(0deg) rotate(165deg);
        width: 140px;
        margin-top: 15px;
        margin-left: -20px;
    }

    .rasi-circle li:nth-child(8) .text img {
        transform: skewY(0deg) rotate(135deg);
        margin-top: 15px;
        margin-left: 25px;
    }

    .rasi-circle li:nth-child(9) .text img {
        transform: skewY(0deg) rotate(105deg);
        margin-left: -40px;
        width: 190px;
    }

    .rasi-circle li:nth-child(10) .text img {
        transform: skewY(0deg) rotate(75deg);
        margin-top: 22px;
        width: 190px;
    }

    .rasi-circle li:nth-child(11) .text img {
        transform: skewY(0deg) rotate(45deg);
        margin-top: 22px;
        margin-left: 15px;
    }

    .rasi-circle li:nth-child(12) .text img {
        transform: skewY(0deg) rotate(15deg);
        width: 175px;
        margin-top: 5px;
    }


    .rasi-circle .text p {
        font-family: "MuseoSansRounded-300";
        margin-bottom: 0;
        margin-top: 0;
        font-size: 23px;
        line-height: 1.4;
        color: #fff;
        position: absolute;
        top: 15px;
        left: 0;
        right: 0;
    }

    .rasi-circle li:first-child .text p {
        margin-left: 30px;
        transform: skewY(0deg) rotate(-15deg);
    }

    .rasi-circle li:nth-child(2) .text p {
        margin-top: 15px;
        margin-right: -95px;
        transform: skewY(0deg) rotate(-45deg);
    }

    .rasi-circle li:nth-child(3) .text p {
        margin-top: 15px;
        margin-right: -135px;
        transform: skewY(0deg) rotate(-75deg);
    }

    .rasi-circle li:nth-child(4) .text p {
        margin-top: 15px;
        margin-right: -135px;
        transform: skewY(0deg) rotate(-105deg);
    }

    .rasi-circle li:nth-child(5) .text p {
        margin-top: 15px;
        margin-right: 90px;
        transform: skewY(0deg) rotate(-135deg);
    }

    .rasi-circle li:nth-child(6) .text p {
        margin-top: 15px;
        margin-right: 90px;
        transform: skewY(0deg) rotate(-165deg);
    }

    .rasi-circle li:nth-child(7) .text p {
        margin-top: 10px;
        margin-right: -15px;
        transform: skewY(0deg) rotate(165deg);
    }

    .rasi-circle li:nth-child(8) .text p {
        margin-top: 20px;
        margin-right: 85px;
        transform: skewY(0deg) rotate(135deg);
    }

    .rasi-circle li:nth-child(9) .text p {
        margin-top: 35px;
        margin-right: -130px;
        transform: skewY(0deg) rotate(105deg);
    }

    .rasi-circle li:nth-child(10) .text p {
        margin-top: 20px;
        margin-right: -140px;
        transform: skewY(0deg) rotate(75deg);
    }

    .rasi-circle li:nth-child(11) .text p {
        margin-top: 10px;
        margin-right: -120px;
        transform: skewY(0deg) rotate(45deg);
    }

    .rasi-circle li:nth-child(12) .text p {
        margin-top: 5px;
        margin-right: -110px;
        transform: skewY(0deg) rotate(15deg);
    }

    .rasi-circle li {
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 50%;
        transform-origin: 0% 100%;
        border: 1px solid #f69534;
        cursor: pointer;
    }

        .rasi-circle li a {
            display: block;
        }

        .rasi-circle li:hover, .rasi-circle li.active {
            background: #f69534;
        }

        .rasi-circle li:first-child {
            -webkit-transform: rotate(0deg) skewY(-60deg);
            -ms-transform: rotate(0deg) skewY(-60deg);
            transform: rotate(0deg) skewY(-60deg);
        }

        .rasi-circle li:nth-child(2) {
            -webkit-transform: rotate(30deg) skewY(-60deg);
            -ms-transform: rotate(30deg) skewY(-60deg);
            transform: rotate(30deg) skewY(-60deg);
        }

        .rasi-circle li:nth-child(3) {
            -webkit-transform: rotate(60deg) skewY(-60deg);
            -ms-transform: rotate(60deg) skewY(-60deg);
            transform: rotate(60deg) skewY(-60deg);
        }

        .rasi-circle li:nth-child(4) {
            -webkit-transform: rotate(90deg) skewY(-60deg);
            -ms-transform: rotate(90deg) skewY(-60deg);
            transform: rotate(90deg) skewY(-60deg);
        }

        .rasi-circle li:nth-child(5) {
            -webkit-transform: rotate(120deg) skewY(-60deg);
            -ms-transform: rotate(120deg) skewY(-60deg);
            transform: rotate(120deg) skewY(-60deg);
        }

        .rasi-circle li:nth-child(6) {
            -webkit-transform: rotate(150deg) skewY(-60deg);
            -ms-transform: rotate(150deg) skewY(-60deg);
            transform: rotate(150deg) skewY(-60deg);
        }

        .rasi-circle li:nth-child(7) {
            -webkit-transform: rotate(180deg) skewY(-60deg);
            -ms-transform: rotate(180deg) skewY(-60deg);
            transform: rotate(180deg) skewY(-60deg);
        }

        .rasi-circle li:nth-child(8) {
            -webkit-transform: rotate(210deg) skewY(-60deg);
            -ms-transform: rotate(210deg) skewY(-60deg);
            transform: rotate(210deg) skewY(-60deg);
        }

        .rasi-circle li:nth-child(9) {
            -webkit-transform: rotate(240deg) skewY(-60deg);
            -ms-transform: rotate(240deg) skewY(-60deg);
            transform: rotate(240deg) skewY(-60deg);
        }

        .rasi-circle li:nth-child(10) {
            -webkit-transform: rotate(270deg) skewY(-60deg);
            -ms-transform: rotate(270deg) skewY(-60deg);
            transform: rotate(270deg) skewY(-60deg);
        }

        .rasi-circle li:nth-child(11) {
            -webkit-transform: rotate(300deg) skewY(-60deg);
            -ms-transform: rotate(300deg) skewY(-60deg);
            transform: rotate(300deg) skewY(-60deg);
        }

        .rasi-circle li:nth-child(12) {
            -webkit-transform: rotate(330deg) skewY(-60deg);
            -ms-transform: rotate(330deg) skewY(-60deg);
            transform: rotate(330deg) skewY(-60deg);
        }


.rasi-circle-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #2b2870;
    border: 1px solid #f69534;
    padding: 0;
    margin: 0;
    width: 430px;
    height: 430px;
    border-radius: 100%;
    overflow: hidden;
}

    .rasi-circle-inner .text {
        position: absolute;
        left: -100%;
        width: 200%;
        height: 200%;
        text-align: center;
        -webkit-transform: skewY(60deg) rotate(15deg);
        -ms-transform: skewY(60deg) rotate(15deg);
        transform: skewY(60deg) rotate(15deg);
        padding-top: 20px;
    }

    .rasi-circle-inner li {
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 50%;
        transform-origin: 0% 100%;
        /* border: 1px solid #f69534;    */
    }

        .rasi-circle-inner li:first-child {
            -webkit-transform: rotate(0deg) skewY(-60deg);
            -ms-transform: rotate(0deg) skewY(-60deg);
            transform: rotate(0deg) skewY(-60deg);
        }

        .rasi-circle-inner li:nth-child(2) {
            -webkit-transform: rotate(30deg) skewY(-60deg);
            -ms-transform: rotate(30deg) skewY(-60deg);
            transform: rotate(30deg) skewY(-60deg);
        }

        .rasi-circle-inner li:nth-child(3) {
            -webkit-transform: rotate(60deg) skewY(-60deg);
            -ms-transform: rotate(60deg) skewY(-60deg);
            transform: rotate(60deg) skewY(-60deg);
        }

        .rasi-circle-inner li:nth-child(4) {
            -webkit-transform: rotate(90deg) skewY(-60deg);
            -ms-transform: rotate(90deg) skewY(-60deg);
            transform: rotate(90deg) skewY(-60deg);
        }

        .rasi-circle-inner li:nth-child(5) {
            -webkit-transform: rotate(120deg) skewY(-60deg);
            -ms-transform: rotate(120deg) skewY(-60deg);
            transform: rotate(120deg) skewY(-60deg);
        }

        .rasi-circle-inner li:nth-child(6) {
            -webkit-transform: rotate(150deg) skewY(-60deg);
            -ms-transform: rotate(150deg) skewY(-60deg);
            transform: rotate(150deg) skewY(-60deg);
        }

        .rasi-circle-inner li:nth-child(7) {
            -webkit-transform: rotate(180deg) skewY(-60deg);
            -ms-transform: rotate(180deg) skewY(-60deg);
            transform: rotate(180deg) skewY(-60deg);
        }

        .rasi-circle-inner li:nth-child(8) {
            -webkit-transform: rotate(210deg) skewY(-60deg);
            -ms-transform: rotate(210deg) skewY(-60deg);
            transform: rotate(210deg) skewY(-60deg);
        }

        .rasi-circle-inner li:nth-child(9) {
            -webkit-transform: rotate(240deg) skewY(-60deg);
            -ms-transform: rotate(240deg) skewY(-60deg);
            transform: rotate(240deg) skewY(-60deg);
        }

        .rasi-circle-inner li:nth-child(10) {
            -webkit-transform: rotate(270deg) skewY(-60deg);
            -ms-transform: rotate(270deg) skewY(-60deg);
            transform: rotate(270deg) skewY(-60deg);
        }

        .rasi-circle-inner li:nth-child(11) {
            -webkit-transform: rotate(300deg) skewY(-60deg);
            -ms-transform: rotate(300deg) skewY(-60deg);
            transform: rotate(300deg) skewY(-60deg);
        }

        .rasi-circle-inner li:nth-child(12) {
            -webkit-transform: rotate(330deg) skewY(-60deg);
            -ms-transform: rotate(330deg) skewY(-60deg);
            transform: rotate(330deg) skewY(-60deg);
        }

        .rasi-circle-inner li:first-child .text img {
            transform: skewY(0deg) rotate(-15deg);
        }

        .rasi-circle-inner li:nth-child(2) .text img {
            transform: skewY(0deg) rotate(-45deg);
        }

        .rasi-circle-inner li:nth-child(3) .text img {
            transform: skewY(0deg) rotate(-75deg);
        }

        .rasi-circle-inner li:nth-child(4) .text img {
            transform: skewY(0deg) rotate(-105deg);
        }

        .rasi-circle-inner li:nth-child(5) .text img {
            transform: skewY(0deg) rotate(-135deg);
        }

        .rasi-circle-inner li:nth-child(6) .text img {
            transform: skewY(0deg) rotate(-165deg);
        }

        .rasi-circle-inner li:nth-child(7) .text img {
            transform: skewY(0deg) rotate(165deg);
        }

        .rasi-circle-inner li:nth-child(8) .text img {
            transform: skewY(0deg) rotate(135deg);
        }

        .rasi-circle-inner li:nth-child(9) .text img {
            transform: skewY(0deg) rotate(105deg);
        }

        .rasi-circle-inner li:nth-child(10) .text img {
            transform: skewY(0deg) rotate(75deg);
        }

        .rasi-circle-inner li:nth-child(11) .text img {
            transform: skewY(0deg) rotate(45deg);
        }

        .rasi-circle-inner li:nth-child(12) .text img {
            transform: skewY(0deg) rotate(15deg);
        }

.world-map-div {
    position: absolute;
    height: 255px;
    width: 255px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bottom-content-div {
    text-align: center;
    margin-bottom: 60px;
}

    .bottom-content-div h3 {
        font-family: "MuseoSansRounded-300";
        margin: 0 auto;
        max-width: 570px;
        font-size: 23px;
        line-height: 1.4;
        color: #fff;
    }

    .bottom-content-div .defult-btn {
        margin-top: 35px;
    }

.bottom-link-div {
    width: 90%;
    border-top: 2px solid #3b58b9;
    padding-top: 30px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.bottom-link-list {
    text-align: center;
}

    .bottom-link-list p {
        font-family: "MuseoSansRounded-300";
        font-size: 14px;
        color: #3b58b9;
        line-height: 22px;
    }

        .bottom-link-list p strong {
            font-family: "MuseoSlab-700";
        }

        .bottom-link-list p a {
            color: #3b58b9;
            transition: all 0.2s;
        }

            .bottom-link-list p a:hover {
                color: #fff;
            }

.rasi-content-bottom p a {
    color: #3b58b9 !important;
    transition: all 0.2s;
}

    .rasi-content-bottom p a:hover {
        color: #fff !important;
    }

.rasi-popup {
    display: none;
}

.fancybox-overlay {
    background: none;
}

.fancybox-wrap {
    width: 100% !important;
    max-width: 700px;
}

.fancybox-skin {
    background: #2b2870;
    border: 1px solid #f89621;
    padding: 25px !important;
}

.fancybox-inner {
    width: 100% !important;
}

.fancybox-skin {
    border-radius: 8px;
}

.fancybox-prev {
    right: 0;
    height: auto;
    top: auto;
    bottom: 0;
    display: block;
    width: auto;
    float: left;
}

    .fancybox-prev span {
        background: url(../images/left-arrow.png) no-repeat left center;
        padding-left: 15px;
        font-family: "MuseoSansRounded-300";
        font-size: 13px;
        line-height: 26px;
        text-transform: uppercase;
        color: #f89621;
        position: static;
        visibility: visible;
    }

.fancybox-next {
    right: 0;
    height: auto;
    top: auto;
    bottom: 0;
    display: block;
    width: auto;
    float: right;
}

    .fancybox-next span {
        background: url(../images/right-arrow.png) no-repeat right center;
        padding-right: 15px;
        font-family: "MuseoSansRounded-300";
        font-size: 13px;
        line-height: 26px;
        text-transform: uppercase;
        color: #f89621;
        position: static;
        visibility: visible;
    }

.fancybox-close {
    background: url(../images/close.png) no-repeat center;
    right: 5px;
    top: 5px;
}

.rasi-popup h1 {
    font-family: "MuseoSlab-700";
    font-size: 36px;
    line-height: 42px;
    width: 100%;
    color: #f89621;
    margin: 0 0 20px;
}

.rasi-popup p {
    font-family: "MuseoSansRounded-300";
    font-size: 18px;
    line-height: 150%;
    color: #fff;
    font-weight: 300;
}

    .rasi-popup p a {
        color: #fff;
    }

.rasi-popup span {
    font-family: "MuseoSansRounded-300";
    font-weight: 300;
    font-size: 18px;
    line-height: 150%;
    color: #f89621;
}

.rasi-popup ul li {
    font-family: "MuseoSansRounded-300";
    font-size: 18px;
    line-height: 150%;
    color: #fff;
    margin: 0 0 10px;
}

    .rasi-popup ul li span {
        font-weight: 300;
        color: #f89621;
        margin-right: 5px;
    }

.rasi-content-top {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 0 25px;
    margin: 0 0 30px;
    border-bottom: 1px dotted #f89621;
}

    .rasi-content-top .rct-right {
        display: flex;
        align-items: center;
        flex: 0 0 40%;
        width: 40%;
    }

        .rasi-content-top .rct-right img {
            max-width: 100%;
            max-height: 173px;
            display: block;
            margin: 0 auto;
        }

.rasi-content-bottom {
    padding-bottom: 50px;
}

    .rasi-content-bottom span {
        display: block;
        margin: 0 0 8px;
    }

@media screen and (max-width: 767px) {
    .fancybox-wrap {
        max-width: 570px;
    }

    .rasi-popup h1 {
        font-size: 30px;
    }

    .rasi-content-top .rct-right img {
        max-height: 146px;
    }

    .rasi-content-top .rct-right {
        flex: 0 0 30%;
        width: 30%;
    }

    .rasi-popup ul li, .rasi-popup p, .rasi-popup span, .rasi-popup ul li span {
        font-size: 15px;
        line-height: normal;
    }
}

@media screen and (max-width: 639px) {
    .fancybox-skin {
        padding: 12px !important;
    }

    .fancybox-wrap {
        max-width: calc(100% - 20px);
        left: 10px !important;
    }

    .rasi-popup h1 {
        font-size: 24px;
        line-height: normal;
        margin: 0 0 15px;
    }

    .rasi-popup span, .rasi-popup ul li span {
        font-size: 13px;
    }

    .rasi-popup ul li, .rasi-popup p {
        font-size: 12px;
        line-height: normal;
    }

    .rasi-popup ul li {
        margin: 0 0 8px;
    }

    .rasi-content-top .rct-right img {
        max-height: 113px;
    }

    .fancybox-prev span, .fancybox-next span {
        font-size: 11px;
    }

    .rasi-content-top {
        padding: 0 0 15px;
        margin: 0 0 15px;
    }

    .rasi-content-bottom {
        padding-bottom: 40px;
    }
}

/* Media Query CSS */
@media (max-width: 1199px) {
}

@media (max-width: 991px) {
    .page-container {
        padding: 0 30px;
    }

    .top-content-div h3, .bottom-content-div h3 {
        font-size: 22px;
    }

    .rasi-circle {
        width: 708px;
        height: 708px;
        margin: 0 auto;
    }

    .rasi-circle-inner {
        height: 370px;
        width: 370px;
    }

    .world-map-div, .world-map-div img {
        height: 200px;
        width: 200px;
    }

    .rasi-circle .text p {
        font-size: 19px;
    }

    .rasi-circle .text img {
        width: 140px;
    }

    .rasi-circle li:nth-child(2) .text img {
        width: 100px;
    }

    .rasi-circle li:nth-child(4) .text img {
        width: 135px;
        margin-left: -10px;
    }

    .rasi-circle li:nth-child(6) .text img {
        width: 135px;
    }

    .rasi-circle li:nth-child(7) .text img {
        width: 115px;
    }

    .rasi-circle li:nth-child(9) .text img {
        width: 150px;
    }

    .rasi-circle li:nth-child(10) .text img {
        margin-top: 10px;
        width: 150px;
    }

    .rasi-circle li:nth-child(12) .text img {
        width: 135px;
    }

    .rasi-circle li:nth-child(3) .text p {
        margin-right: -110px;
    }

    .rasi-circle li:nth-child(4) .text p {
        margin-right: -120px;
    }

    .rasi-circle li:nth-child(5) .text p {
        margin-top: 5px;
        margin-right: 60px;
    }

    .rasi-circle li:nth-child(6) .text p {
        margin-top: 5px;
        margin-right: 65px;
    }

    .rasi-circle li:nth-child(7) .text p {
        margin-top: 5px;
    }

    .rasi-circle li:nth-child(8) .text p {
        margin-top: 15px;
        margin-right: 65px;
    }

    .rasi-circle li:nth-child(9) .text p {
        margin-top: 30px;
        margin-right: -105px;
    }

    .rasi-circle li:nth-child(10) .text p {
        margin-top: 15px;
        margin-right: -110px;
    }

    .rasi-circle li:nth-child(11) .text p {
        margin-top: 5px;
        margin-right: -110px;
    }

    .rasi-circle li:nth-child(12) .text p {
        margin-top: 0px;
        margin-right: -90px;
    }
}

@media (max-width: 767px) {
    .logo-div {
        margin: 50px 0 30px;
    }

    .bottom-link-list p {
        font-size: 12px;
    }

    .circel-boxdiv {
        margin: 40px 0;
    }

    .defult-btn {
        font-size: 20px;
    }

    .bottom-content-div {
        margin-bottom: 40px;
    }

    .bottom-link-div {
        background: #2b2870;
        border-top: none;
        padding-top: 40px;
    }

        .bottom-link-div .page-container {
            padding: 0;
        }

    .rasi-circle {
        width: 540px;
        height: 540px;
        margin: 0 auto;
    }

    .rasi-circle-inner {
        height: 280px;
        width: 280px;
    }

    .world-map-div, .world-map-div img {
        height: 160px;
        width: 160px;
    }

    .rasi-circle .text p {
        font-size: 15px;
    }

    .rasi-circle .text img {
        width: 106px;
    }

    .rasi-circle li:nth-child(2) .text img {
        width: 70px;
    }

    .rasi-circle li:nth-child(3) .text img {
        margin-top: 10px;
        margin-left: -5px;
    }

    .rasi-circle li:nth-child(4) .text img {
        width: 100px;
        margin-left: -10px;
    }

    .rasi-circle li:nth-child(6) .text img {
        width: 100px;
        margin-top: 15px;
        margin-left: 10px;
    }

    .rasi-circle li:nth-child(7) .text img {
        width: 85px;
        margin-top: 5px;
        margin-left: -15px;
    }

    .rasi-circle li:nth-child(8) .text img {
        margin-top: 0px;
        margin-left: 40px;
    }

    .rasi-circle li:nth-child(9) .text img {
        width: 110px;
        margin-left: -35px;
    }

    .rasi-circle li:nth-child(10) .text img {
        margin-top: 0px;
        width: 110px;
    }

    .rasi-circle li:nth-child(11) .text img {
        margin-top: 5px;
        margin-left: 10px;
    }

    .rasi-circle li:nth-child(12) .text img {
        width: 95px;
    }

    .rasi-circle li:nth-child(2) .text p {
        margin-top: 10px;
        margin-right: -70px;
    }

    .rasi-circle li:nth-child(3) .text p {
        margin-right: -90px;
        margin-top: 5px;
    }

    .rasi-circle li:nth-child(4) .text p {
        margin-right: -75px;
        margin-top: 10px;
    }

    .rasi-circle li:nth-child(5) .text p {
        margin-top: 0px;
        margin-right: 55px;
    }

    .rasi-circle li:nth-child(6) .text p {
        margin-top: 5px;
        margin-right: 55px;
    }

    .rasi-circle li:nth-child(8) .text p {
        margin-top: 10px;
        margin-right: 45px;
    }

    .rasi-circle li:nth-child(9) .text p {
        margin-top: 20px;
        margin-right: -75px;
    }

    .rasi-circle li:nth-child(10) .text p {
        margin-top: 5px;
        margin-right: -80px;
    }

    .rasi-circle li:nth-child(11) .text p {
        margin-top: 0px;
        margin-right: -82px;
    }

    .rasi-circle li:nth-child(12) .text p {
        margin-top: 0px;
        margin-right: -65px;
    }

    .rasi-circle-inner .text {
        padding-top: 15px;
    }

    .rasi-circle-inner li .text img {
        width: 35px;
    }

    .rasi-circle-inner li:nth-child(8) .text img {
        width: 32px;
    }

    .rasi-circle-inner li:first-child .text img, .rasi-circle-inner li:nth-child(3) .text img, .rasi-circle-inner li:nth-child(7) .text img {
        width: 30px;
    }
}

@media (max-width: 599px) {
    .top-content-div h3, .bottom-content-div h3 {
        font-size: 21px;
    }

    .rasi-circle {
        width: 421px;
        height: 421px;
        margin: 0 auto;
    }

    .rasi-circle-inner {
        height: 230px;
        width: 230px;
    }

    .world-map-div, .world-map-div img {
        height: 130px;
        width: 130px;
    }

    .rasi-circle .text p {
        font-size: 14px;
    }

    .rasi-circle .text img {
        width: 82px;
    }

    .rasi-circle li:first-child .text img {
        margin-left: -5px;
    }

    .rasi-circle li:nth-child(2) .text img {
        width: 55px;
        margin-top: 0;
        margin-right: 12px;
    }

    .rasi-circle li:nth-child(3) .text img {
        margin-top: 2px;
        margin-left: -5px;
    }

    .rasi-circle li:nth-child(4) .text img {
        width: 70px;
        margin-left: -10px;
    }

    .rasi-circle li:nth-child(6) .text img {
        width: 75px;
        margin-top: 10px;
        margin-left: 5px;
    }

    .rasi-circle li:nth-child(7) .text img {
        width: 65px;
        margin-top: 0;
        margin-left: -15px;
    }

    .rasi-circle li:nth-child(8) .text img {
        margin-top: 0px;
        margin-left: 25px;
    }

    .rasi-circle li:nth-child(9) .text img {
        width: 90px;
        margin-left: -20px;
        margin-top: -10px;
    }

    .rasi-circle li:nth-child(10) .text img {
        margin-top: 0px;
        width: 82px;
    }

    .rasi-circle li:nth-child(11) .text img {
        margin-top: 0px;
        margin-left: 10px;
    }

    .rasi-circle li:nth-child(12) .text img {
        width: 82px;
        margin-top: -5px;
    }

    .rasi-circle li:nth-child(2) .text p {
        margin-top: 4px;
        margin-right: -50px;
    }

    .rasi-circle li:nth-child(3) .text p {
        margin-right: -65px;
        margin-top: 0px;
    }

    .rasi-circle li:nth-child(4) .text p {
        margin-right: -55px;
        margin-top: 5px;
    }

    .rasi-circle li:nth-child(5) .text p {
        margin-top: 0px;
        margin-right: 40px;
    }

    .rasi-circle li:nth-child(6) .text p {
        margin-top: 0px;
        margin-right: 40px;
    }

    .rasi-circle li:nth-child(7) .text p {
        margin-top: 0;
    }

    .rasi-circle li:nth-child(8) .text p {
        margin-top: 5px;
        margin-right: 26px;
    }

    .rasi-circle li:nth-child(9) .text p {
        margin-top: 15px;
        margin-right: -64px;
    }

    .rasi-circle li:nth-child(10) .text p {
        margin-top: 4px;
        margin-right: -64px;
    }

    .rasi-circle li:nth-child(11) .text p {
        margin-top: 0px;
        margin-right: -60px;
    }

    .rasi-circle li:nth-child(12) .text p {
        margin-top: -7px;
        margin-right: -45px;
    }

    .rasi-circle-inner .text {
        padding-top: 10px;
    }

    .rasi-circle-inner li .text img {
        width: 30px;
    }

    .rasi-circle-inner li:nth-child(8) .text img {
        width: 27px;
    }

    .rasi-circle-inner li:first-child .text img, .rasi-circle-inner li:nth-child(3) .text img, .rasi-circle-inner li:nth-child(7) .text img {
        width: 25px;
    }
}

@media (max-width : 480px) {
    .top-content-div h3, .bottom-content-div h3 {
        font-size: 18px;
    }

    .logo-div {
        margin: 40px 0 25px;
    }

    .page-container {
        padding: 0 20px;
    }

    .rasi-circle {
        width: 335px;
        height: 335px;
        margin: 0 auto;
    }

    .rasi-circle-inner {
        height: 175px;
        width: 175px;
    }

    .world-map-div, .world-map-div img {
        height: 90px;
        width: 90px;
    }

    .rasi-circle .text p {
        font-size: 12px;
        letter-spacing: 0.2px;
    }

    .rasi-circle .text img {
        width: 64px;
    }

    .rasi-circle li:nth-child(2) .text img {
        width: 44px;
        margin-top: 0;
        margin-right: 14px;
    }

    .rasi-circle li:nth-child(3) .text img {
        margin-top: 2px;
        margin-left: -5px;
    }

    .rasi-circle li:nth-child(4) .text img {
        width: 58px;
        margin-left: -5px;
        margin-top: -3px;
    }

    .rasi-circle li:nth-child(5) .text img {
        margin-top: -2px;
    }

    .rasi-circle li:nth-child(6) .text img {
        width: 62px;
        margin-top: 6px;
        margin-left: 5px;
    }

    .rasi-circle li:nth-child(7) .text img {
        width: 50px;
        margin-top: 2px;
        margin-left: -10px;
    }

    .rasi-circle li:nth-child(8) .text img {
        margin-top: 0px;
        margin-left: 20px;
    }

    .rasi-circle li:nth-child(9) .text img {
        width: 72px;
        margin-left: -20px;
        margin-top: -15px;
    }

    .rasi-circle li:nth-child(10) .text img {
        margin-top: -5px;
        width: 70px;
        margin-left: -8px;
    }

    .rasi-circle li:nth-child(11) .text img {
        margin-top: 0px;
        margin-left: 6px;
    }

    .rasi-circle li:nth-child(12) .text img {
        width: 62px;
        margin-top: -2px;
    }

    .rasi-circle li:nth-child(2) .text p {
        margin-top: 0px;
        margin-right: -20px;
    }

    .rasi-circle li:nth-child(3) .text p {
        margin-right: -50px;
        margin-top: 0px;
    }

    .rasi-circle li:nth-child(4) .text p {
        margin-right: -45px;
        margin-top: 0;
    }

    .rasi-circle li:nth-child(5) .text p {
        margin-top: -3px;
        margin-right: 30px;
    }

    .rasi-circle li:nth-child(6) .text p {
        margin-top: -5px;
        margin-right: 25px;
    }

    .rasi-circle li:nth-child(7) .text p {
        margin-top: -2px;
        margin-right: -5px;
    }

    .rasi-circle li:nth-child(8) .text p {
        margin-top: 2px;
        margin-right: 18px;
    }

    .rasi-circle li:nth-child(9) .text p {
        margin-top: 12px;
        margin-right: -50px;
    }

    .rasi-circle li:nth-child(10) .text p {
        margin-top: 2px;
        margin-right: -50px;
    }

    .rasi-circle li:nth-child(11) .text p {
        margin-top: -5px;
        margin-right: -45px;
    }

    .rasi-circle li:nth-child(12) .text p {
        margin-top: -8px;
        margin-right: -35px;
    }

    .rasi-circle-inner .text {
        padding-top: 9px;
    }

    .rasi-circle-inner li .text img {
        width: 25px;
    }

    .rasi-circle-inner li:nth-child(8) .text img {
        width: 22px;
    }

    .rasi-circle-inner li:first-child .text img, .rasi-circle-inner li:nth-child(3) .text img, .rasi-circle-inner li:nth-child(7) .text img {
        width: 20px;
    }

    .bottom-content-div .defult-btn {
        margin-top: 30px;
        font-size: 18px;
        min-width: 160px;
        padding: 10px;
    }

    .bottom-link-div {
        padding-top: 30px;
    }
}

@media (max-width : 374px) {
    .top-content-div h3, .bottom-content-div h3 {
        font-size: 16px;
    }

    .page-container {
        padding: 0 15px;
    }

    .rasi-circle {
        width: 290px;
        height: 290px;
        margin: 0 auto;
    }

    .rasi-circle-inner {
        height: 145px;
        width: 145px;
    }

    .world-map-div, .world-map-div img {
        height: 70px;
        width: 70px;
    }

    .rasi-circle .text p {
        font-size: 10px;
    }

    .rasi-circle .text img {
        width: 56px;
    }

    .rasi-circle li:first-child .text img {
        margin-left: -2px;
        margin-top: -4px;
    }

    .rasi-circle li:nth-child(2) .text img {
        width: 40px;
        margin-top: -6px;
        margin-right: 11px;
    }

    .rasi-circle li:nth-child(3) .text img {
        margin-top: 0px;
        margin-left: -2px;
        width: 58px;
    }

    .rasi-circle li:nth-child(4) .text img {
        width: 48px;
        margin-left: -5px;
        margin-top: -2px;
    }

    .rasi-circle li:nth-child(5) .text img {
        margin-top: -3px;
    }

    .rasi-circle li:nth-child(6) .text img {
        width: 52px;
        margin-top: 6px;
        margin-left: 5px;
    }

    .rasi-circle li:nth-child(7) .text img {
        width: 44px;
        margin-top: 0px;
        margin-left: -8px;
    }

    .rasi-circle li:nth-child(8) .text img {
        margin-top: -2px;
        margin-left: 20px;
    }

    .rasi-circle li:nth-child(9) .text img {
        width: 65px;
        margin-left: -20px;
        margin-top: -15px;
    }

    .rasi-circle li:nth-child(10) .text img {
        margin-top: -5px;
        width: 60px;
        margin-left: -6px;
    }

    .rasi-circle li:nth-child(12) .text img {
        width: 52px;
        margin-top: -2px;
    }

    .rasi-circle li:first-child .text p {
        margin-left: 20px;
        margin-top: -5px;
    }

    .rasi-circle li:nth-child(2) .text p {
        margin-top: -5px;
        margin-right: -15px;
    }

    .rasi-circle li:nth-child(3) .text p {
        margin-right: -40px;
        margin-top: -5px;
    }

    .rasi-circle li:nth-child(4) .text p {
        margin-right: -35px;
        margin-top: 0px;
    }

    .rasi-circle li:nth-child(5) .text p {
        margin-top: -4px;
        margin-right: 25px;
    }

    .rasi-circle li:nth-child(6) .text p {
        margin-top: -5px;
        margin-right: 15px;
    }

    .rasi-circle li:nth-child(7) .text p {
        margin-top: -4px;
        margin-right: -5px;
    }

    .rasi-circle li:nth-child(8) .text p {
        margin-top: 0px;
        margin-right: 15px;
    }

    .rasi-circle li:nth-child(9) .text p {
        margin-top: 8px;
        margin-right: -40px;
    }

    .rasi-circle li:nth-child(10) .text p {
        margin-top: -1px;
        margin-right: -40px;
    }

    .rasi-circle li:nth-child(11) .text p {
        margin-top: -6px;
        margin-right: -40px;
    }

    .rasi-circle li:nth-child(12) .text p {
        margin-top: -8px;
        margin-right: -30px;
    }

    .rasi-circle-inner .text {
        padding-top: 9px;
    }

    .rasi-circle-inner li .text img {
        width: 18px;
    }

    .rasi-circle-inner li:nth-child(8) .text img {
        width: 16px;
    }

    .rasi-circle-inner li:first-child .text img, .rasi-circle-inner li:nth-child(3) .text img, .rasi-circle-inner li:nth-child(7) .text img {
        width: 14px;
    }

    .circel-boxdiv {
        margin: 30px 0;
    }
}