html {
    font-size: 68.75%
}

*,
::after,
::before {
    box-sizing: border-box
}

a,
blockquote,
body,
div,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
label,
legend,
li,
object,
ol,
p,
span,
tt,
ul,
var {
    border: 0;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: none !important;
    padding: 0;
    vertical-align: baseline;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
    margin: 0;
    padding: 0;
    background: #0a051d;
    background-repeat: repeat-x;
    font-size: 1.7rem;
    color: #a3a1a1;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
    color: inherit;
    outline: none !important;
    text-decoration: none
}

a:hover {
    color: inherit;
    text-decoration: none
}

button:focus {
    outline: none !important
}


ol li {
    list-style: inherit
}

h1,
h2 {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600
}

h2 span {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

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

ul li {
    list-style: none
}

img {
    vertical-align: top;
    max-width: 100%;
    border: none;
    outline: none
}
.co2 p {
margin-bottom: 12px;
}

.btn {
    border: none !important
}
.logo {
    width: 49px;
    height: auto;
}
.clear {
	clear: both;
}
.br {
    padding-bottom: 0;
}
header {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 4;
    backdrop-filter: blur(10px);
    background: rgba(8, 11, 52, .1607843137);
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.navbar .navbar-nav .nav-item {
    margin-right: 12px
}

.navbar .navbar-nav .nav-link {
    font-size: 1.3rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase
}

.navbar .navbar-nav .nav-link:hover {
    color: #E7C79C !important
}

.navbar .navbar-nav .nav-link:active {
    color: #E7C79C !important
}

.navbar .navbar-nav .nav-link:focus {
    color: #E7C79C!important
}

.right-menui ul {
    display: flex;
    align-items: center
}

.right-menui ul li {
    margin-right: 20px
}

.right-menui ul a {
    color: #fff;
    font-size: 1.5rem
}

.right-menui ul .consult-btn {
    font-size: 1.3rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #0a051d;
    background-color: #fff;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #2a2a2a !important;
    border-radius: 5px;
    padding: 15px 26px 12px 26px
}

.right-menui ul .cusotme-ph {
    color: #fff;
    display: flex;
    align-items: center
}


.right-menui ul .cusotme-ph span svg {
    width: 23px;
    height: 23px;
    color: #fff
}

.right-menui ul .cusotme-ph span:last-child {
    font-size: 1.5rem;
    margin-top: 2px;
    margin-left: 8px;
    border: none;
    padding: 0;
    border-radius: 0
}

.right-menui ul .cusotme-ph span:last-child b {
    font-size: 17px;
    font-weight: 300
}

.banner-section {
    position: relative;
    min-height: 740px;
    z-index: 1;
    overflow: hidden
}

.banner-section .main-bg-start {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 1px;
    width: 1px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: -42vw -4vh 0px 0px #fff, 25vw -41vh 0px 0px #fff, -20vw 49vh 0px 1px #fff, 5vw 40vh 1px 1px #fff, 29vw 19vh 1px 0px #fff, -44vw -13vh 0px 0px #fff, 46vw 41vh 0px 1px #fff, -3vw -45vh 0px 1px #fff, 47vw 35vh 1px 0px #fff, 12vw -8vh 1px 0px #fff, -34vw 48vh 1px 1px #fff, 32vw 26vh 1px 1px #fff, 32vw -41vh 1px 1px #fff, 0vw 37vh 1px 1px #fff, 34vw -26vh 1px 0px #fff, -14vw -49vh 1px 0px #fff, -12vw 45vh 0px 1px #fff, -44vw -33vh 0px 1px #fff, -13vw 41vh 0px 0px #fff, -36vw -11vh 0px 1px #fff, -23vw -24vh 1px 0px #fff, -38vw -27vh 0px 1px #fff, 16vw -19vh 0px 0px #fff, 28vw 33vh 1px 0px #fff, -49vw -4vh 0px 0px #fff, 16vw 32vh 0px 1px #fff, 36vw -18vh 1px 0px #fff, -25vw -30vh 1px 0px #fff, -23vw 24vh 0px 1px #fff, -2vw -35vh 1px 1px #fff, -25vw 9vh 0px 0px #fff, -15vw -34vh 0px 0px #fff, -8vw -19vh 1px 0px #fff, -20vw -20vh 1px 1px #fff, 42vw 50vh 0px 1px #fff, -32vw 10vh 1px 0px #fff, -23vw -17vh 0px 0px #fff, 44vw 15vh 1px 0px #fff, -40vw 33vh 1px 1px #fff, -43vw 8vh 0px 0px #fff, -48vw -15vh 1px 1px #fff, -24vw 17vh 0px 0px #fff, -31vw 50vh 1px 0px #fff, 36vw -38vh 0px 1px #fff, -7vw 48vh 0px 0px #fff, 15vw -32vh 0px 0px #fff, 29vw -41vh 0px 0px #fff, 2vw 37vh 1px 0px #fff, 7vw -40vh 1px 1px #fff, 15vw 18vh 0px 0px #fff, 25vw -13vh 1px 1px #fff, -46vw -12vh 1px 1px #fff, -18vw 22vh 0px 0px #fff, 23vw -9vh 1px 0px #fff, 50vw 12vh 0px 1px #fff, 45vw 2vh 0px 0px #fff, 14vw -48vh 1px 0px #fff, 23vw 43vh 0px 1px #fff, -40vw 16vh 1px 1px #fff, 20vw -31vh 0px 1px #fff, -17vw 44vh 1px 1px #fff, 18vw -45vh 0px 0px #fff, 33vw -6vh 0px 0px #fff, 0vw 7vh 0px 1px #fff, -10vw -18vh 0px 1px #fff, -19vw 5vh 1px 0px #fff, 1vw 42vh 0px 0px #fff, 22vw 48vh 0px 1px #fff, 39vw -8vh 1px 1px #fff, -6vw -42vh 1px 0px #fff, -47vw 34vh 0px 0px #fff, -46vw 19vh 0px 1px #fff, -12vw -32vh 0px 0px #fff, -45vw -38vh 0px 1px #fff, -28vw 18vh 1px 0px #fff, -38vw -46vh 1px 1px #fff, 49vw -6vh 1px 1px #fff, -28vw 18vh 1px 1px #fff, 10vw -24vh 0px 1px #fff, -5vw -11vh 1px 1px #fff, 33vw -8vh 1px 0px #fff, -16vw 17vh 0px 0px #fff, 18vw 27vh 0px 1px #fff, -8vw -10vh 1px 1px #fff;
    box-shadow: 24vw 9vh 1px 0px #fff, 12vw -24vh 0px 1px #fff, -45vw -22vh 0px 0px #fff, -37vw -40vh 0px 1px #fff, 29vw 19vh 0px 1px #fff, 4vw -8vh 0px 1px #fff, -5vw 21vh 1px 1px #fff, -27vw 26vh 1px 1px #fff, -47vw -3vh 1px 1px #fff, -28vw -30vh 0px 1px #fff, -43vw -27vh 0px 1px #fff, 4vw 22vh 1px 1px #fff, 36vw 23vh 0px 0px #fff, -21vw 24vh 1px 1px #fff, -16vw 2vh 1px 0px #fff, -16vw -6vh 0px 0px #fff, 5vw 26vh 0px 0px #fff, -34vw 41vh 0px 0px #fff, 1vw 42vh 1px 1px #fff, 11vw -13vh 1px 1px #fff, 48vw -8vh 1px 0px #fff, 22vw -15vh 0px 0px #fff, 45vw 49vh 0px 0px #fff, 43vw -27vh 1px 1px #fff, 20vw -2vh 0px 0px #fff, 8vw 22vh 0px 1px #fff, 39vw 48vh 1px 1px #fff, -21vw -11vh 0px 1px #fff, -40vw 45vh 0px 1px #fff, 11vw -30vh 1px 0px #fff, 26vw 30vh 1px 0px #fff, 45vw -29vh 0px 1px #fff, -2vw 18vh 0px 0px #fff, -29vw -45vh 1px 0px #fff, -7vw -27vh 1px 1px #fff, 42vw 24vh 0px 0px #fff, 45vw -48vh 1px 0px #fff, -36vw -18vh 0px 0px #fff, -44vw 13vh 0px 1px #fff, 36vw 16vh 0px 1px #fff, 40vw 24vh 0px 0px #fff, 18vw 11vh 0px 0px #fff, -15vw -23vh 1px 0px #fff, -24vw 48vh 0px 1px #fff, 27vw -45vh 1px 0px #fff, -2vw -24vh 0px 1px #fff, -15vw -28vh 0px 0px #fff, -43vw 13vh 1px 0px #fff, 7vw 27vh 1px 0px #fff, 47vw 5vh 0px 0px #fff, -45vw 15vh 1px 1px #fff, -5vw -28vh 0px 1px #fff, 38vw 25vh 1px 1px #fff, -39vw -1vh 1px 0px #fff, 5vw 0vh 1px 0px #fff, 49vw 13vh 0px 0px #fff, 48vw 10vh 0px 1px #fff, 19vw -28vh 0px 0px #fff, 4vw 7vh 0px 0px #fff, 21vw 21vh 1px 1px #fff, -15vw -15vh 0px 1px #fff, -6vw -42vh 1px 0px #fff, -15vw 48vh 1px 1px #fff, -23vw 25vh 1px 1px #fff, -48vw 25vh 0px 1px #fff, -31vw -19vh 0px 1px #fff, 4vw 37vh 1px 1px #fff, -43vw 28vh 0px 0px #fff, 3vw -25vh 0px 1px #fff, -39vw 14vh 0px 1px #fff, -40vw 31vh 0px 1px #fff, 35vw -36vh 1px 1px #fff, 16vw 49vh 0px 0px #fff, 6vw 39vh 0px 0px #fff, 3vw -35vh 0px 1px #fff, -44vw -2vh 1px 0px #fff, -6vw 21vh 1px 0px #fff, 48vw 9vh 1px 1px #fff, -43vw 30vh 1px 1px #fff, 29vw -12vh 1px 1px #fff, -48vw 13vh 1px 0px #fff, -42vw 32vh 1px 1px #fff, 34vw 15vh 1px 1px #fff, 29vw -37vh 1px 1px #fff, 28vw 2vh 0px 0px #fff;
    animation: zoom 6s alternate infinite
}

.banner-section .img-main-abnner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.banner-section .img-main-abnner img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.banner-section .banner-text-home {
    position: relative;
    z-index: 2;
    min-height: 732px;
    display: grid;
    align-content: center
}



.banner-section .banner-text-home .spm-smalll {
    color: #E7C79C;
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600
}

.banner-section .banner-text-home h1 {
    font-size: 5rem;
    font-weight: 600
}

.banner-section .banner-text-home p {
    color: #ececec;
    font-size: 2rem;
    font-weight: 300
}

.main,.main2 {
    margin: 0px auto;
    width: 450px;
    height: 450px;
    position: relative
}
.big-circle {
    height: 100%;
    width: 100%;
    position: relative;
    border: 8px solid rgba(255, 255, 255, .0901960784);
    border-radius: 50%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    animation: Rotate 20s linear infinite;
    -webkit-animation: Rotate 20s linear infinite
}
.d-block4 {
    display: block;
    font-size: 36px;
}
@media (max-width:1199px){
.d-block4 {
    font-size: 33px;
}
}
@media (max-width:489px){
    .d-block4 {
        font-size: 26px;
    }
    }
@media (max-width:399px){
    .d-block4 {
        font-size: 23px;
    }
    }
.icon-block {
    width: 54px;
    height: 54px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    background: #ff7a18;
    background: -moz-linear-gradient(-45deg, #ff7a18 0%, #d3193e 50%, #36acb4 99%);
    background: -webkit-linear-gradient(-45deg, #ff7a18 0%, #d3193e 50%, #36acb4 99%);
    background: linear-gradient(135deg, #ff7a18 0%, #d3193e 50%, #36acb4 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff7a18", endColorstr="#36acb4", GradientType=1);
    transition: all .5s
}

.icon-block:hover {
    background: #3f9bf7
}

.icon-block img {
    margin: 0 auto;
    width: 86%;
    animation: Rotate-reverse 20s linear infinite;
    -webkit-animation: Rotate-reverse 20s linear infinite
}

.icon-block:first-child {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.icon-block:nth-child(2) {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%)
}

.icon-block:nth-child(3) {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    -webkit-transform: translate(-50%, 50%)
}

.icon-block:nth-child(4) {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.icon-block:nth-child(5) {
    top: 20%;
    left: 40px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.icon-block:nth-child(6) {
    top: 20%;
    right: -24px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.icon-block:nth-child(7) {
    top: 10%;
    right: 40px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.circle {
    animation: circle-rotate 20s linear infinite;
    -webkit-animation: circle-rotate 20s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    width: 75%;
    height: 75%;
    border: 8px solid rgba(255, 255, 255, .0901960784);
    border-radius: 50%
}

.circle .icon-block img {
    animation: img-rotate 20s linear infinite;
    -webkit-animation: img-rotate 20s linear infinite
}

.center-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}



.div01-top .row>div:nth-child(2) .comon-felature01 {
    border-style: solid;
    background: #24049a
}

.div01-top .row>div:nth-child(2) .comon-felature01 p {
    color: #fff
}

.comon-felature01 {
    padding: 30px 30px 30px 30px;
    height: 330px;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: .5s linear
}

.comon-felature01 .c-img {
    width: 120px;
    border-radius: 50%;
    overflow: hidden;
    padding: 10px
}


.comon-felature01 h5 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.8rem
}

.comon-felature01 p {
    margin-top: 15px;
    font-size: 1.6rem;
    color: #a3a1a1;
    font-weight: 300
}

.comon-felature01:hover {
    background: #130057
}

.comon-felature01:hover p {
    color: #fff !important
}

.about-part-section {
    padding: 140px 0 80px 0
}

.about-part-section h5 {
    color: #e7c79c;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase
}

.about-part-section h2 {
    font-size: 45px;
    text-transform: capitalize
}

.about-part-section p {
    font-size: 1.7rem;
    color: #a3a1a1;
    font-weight: 300
}

.about-part-section .big-imog {
    position: absolute;
    top: -50px;
    right: 0;
    overflow: hidden
}

.about-part-section .big-imog img {
    object-fit: cover;
    width: 100%;
    height: 100%
}



.fixed-menu {
    background: #0a051d;
    position: fixed;
    top: 0;
    animation: slide-down .7s;
    z-index: 5
}

@keyframes slide-down {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(50%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.sub-heading {
    color: #e7c79c;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase
}

.comon-heading {
    font-size: 45px;
    text-transform: capitalize
}

.img-anim {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    text-align: center
}

.img-anim img {
    animation: spin 7s infinite linear;
    -webkit-animation: spin 7s infinite linear;
    -moz-animation: spin 7s infinite linear
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

.middle-io figure {
    position: relative;
    z-index: 2
}

.comon-services02 {
    text-align: center;
    margin-bottom: 30px
}

.comon-services02 figure {
    width: 65px;
    margin: auto !important;
    position: relative;
    z-index: 2;
    transition: all .5s;
    transform: translateY(0)
}

.comon-services02 figure img {
    filter: brightness(0) invert(1)
}

.comon-services02 h4 {
    font-size: 1.8rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #e7c79c !important;
    transition: .5s linear
}

.comon-services02 p {
    color: #a3a1a1;
    font-weight: 300;
    font-size: 1.6rem
}

.comon-services02 span.d-block i {
    color: #fff;
    font-size: 1.6rem
}

.comon-services02:hover h4 {
    color: #fff !important
}

.comon-services02:hover figure {
    transform: translateY(-10px)
}


.our-astroly {
    padding: 80px 0;
    background: url(../images/home-team.png), url(../images/moon-phasing1.png) no-repeat;
    background-size: contain;
    background-position: center, bottom
}

.our-astroly .comon-heading h6 {
    color: #a3a1a1 !important;
    font-size: 2rem;
    font-weight: 300
}

.subi-text {
    font-size: 1.8rem;
    color: #a3a1a1;
    font-weight: 300
}

.review-main-astroly {
    background: url(../images/home-partners012.png) no-repeat;
    background-position: right top;
    background-size: contain
}


.tryu {
    margin-top: 80px
}

.items-storty {
    height: auto;
    padding: 20px;
    width: 100%;
    
}

.items-storty figure {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
    margin-top: 10px;
    border: solid 4px #e7c79c
}

.items-storty .usertcbg {
    margin-top: 15px
}

.items-storty .usertcbg h5 {
    color: #e7c79c;
    font-size: 1.8rem;
    font-weight: 600
}

.items-storty .usertcbg ul li i {
    color: #e7c79c;
    font-size: 14px
}

.items-storty .qote {
    width: 40px;
    height: 40px;
    color: #fff;
    margin: auto
}

.items-storty .qote svg {
    width: 40px;
    height: 40px;
    color: #fff
}

.items-storty p {
    font-size: 14px
}

.news-letter-div {
    background: url(../images/homu.png) no-repeat;
    background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
    padding-top: 0;
    height: 400px;
    margin-top: 2px
}

.news-letter-div p {
    color: #fff;
    font-size: 2rem;
    font-weight: 300
}

.news-letter-div .subcribe-section {
    background: #fff;
    border-radius: 50px;
    overflow: hidden;
    height: 45px
}

.news-letter-div .subcribe-section .form-control {
    height: 45px;
    border: none !important;
    font-size: 1.6rem;
    margin-left: 15px
}

.news-letter-div .subcribe-section .subscribe {
    background: #e7c79c;
    padding: 12px 26px 10px 26px;
    border-radius: 50px;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: capitalize
}

footer i {
    color: #fff !important;
    margin: 0 5px;
    font-size: 16px
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
}

button.close-menu {
    color: #fff;
    background: #212529;
    border-radius: 5px;
    display: block;
    margin: 40px 0 0 0;
    width: 100px
}

.mobile-menu-sec li a,
.mobile-menu-sec li .dropdown .btn {
    text-decoration: none;
    color: #212529;
    padding: 10px 5px 10px 10px;
    display: block;
    margin-bottom: 3px;
    width: 100%;
    text-align: left;
    border-bottom: solid 1px #f1f1f1;
    font-size: 19px
}

.offcanvas .navbar-nav {
    display: block;
    width: 100%
}

.offcanvas .navbar .navbar-nav .nav-link {
    color: #0a051d
}
.offcanvas .navbar-expand .navbar-nav .dropdown-menu {
    position: relative
}


@media(min-width: 1400px) {
    .navbar .navbar-nav .nav-link {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(max-width: 1180px) {
    .navbar .navbar-nav .nav-link {
        font-size: 17px
    }

    .right-menui ul .cusotme-ph span:last-child {
        font-size: 1rem
    }

    .right-menui ul .consult-btn {
        font-size: 1rem
    }

    .banner-section {
        min-height: 780px
    }

    .banner-section .banner-text-home {
        min-height: 780px
    }

    .banner-section .banner-text-home h1 {
        font-size: 4rem;
        font-weight: 600
    }

    .banner-section .banner-text-home p {
        font-size: 2rem
    }

    .comon-heading {
        font-size: 40px
    }

}
@media(max-width: 992px) {
.colo1 {
margin-top: 106px;
margin-bottom: 20px;
}
.br {
    padding-bottom: 70px;
}
}
@media(max-width: 910px) {
    .img-anim {
        width: 49%
    }
}

@media(max-width: 820px) {
    .comon-felature01 {
        padding: 10px 20px;
        height: 380px;
        border: solid 3px #3b3b3b
    }

    .about-part-section h5 {
        margin-top: 130px !important;
        font-size: 16px;
        z-index: 3;
        position: relative
    }

    .about-part-section h2 {
        font-size: 30px
    }

    .horosocpe-div {
        margin-top: 80px
    }

    .comon-felature01 h5 {
        font-size: 1.5rem
    }
}

@media(max-width: 667px) {
    .about-part-section h2 {
        font-size: 30px
    }

    .comon-heading {
        font-size: 25px
    }

    .banner-section {
        min-height: 560px
    }

    .banner-section .banner-text-home {
        min-height: 560px
    }

    .banner-section .banner-text-home h1 {
        font-size: 4rem;
        font-weight: 600
    }

    .banner-section .banner-text-home p {
        font-size: 2rem
    }

}


.navbar-toggler {
    color: #fff !important;
    font-size: 24px
}
@media (max-width:578px){
    .main2 {
        width: 350px;
        height: 350px;
    }
    .icon-block {
        width: 38px;
        height: 38px;
    }
    .icon-block:nth-child(5) {
        left: 30px;
    }
    
    .icon-block:nth-child(6) {
       right: -10px;
    }
    .big-circle,.circle {
        border: 6px solid rgba(255, 255, 255, .0901960784);
    }
    .center-logo img {
        max-width: 140px
    }
    
}
@media (max-width:408px){
    .main2 {
        width: 280px;
        height: 280px;
    }
    .icon-block {
        width: 32px;
        height: 32px;
    }
    
}

@media(max-width: 480px) {
    .navbar-toggler {
        color: #fff !important;
        font-size: 24px
    }

    .banner-section {
        min-height: 522px
    }

    .banner-section .banner-text-home {
        min-height: 522px
    }

    .banner-section .banner-text-home h1 {
        font-size: 3rem;
        font-weight: 600
    }

    .banner-section .banner-text-home p {
        font-size: 1.2rem
    }

    .about-part-section h2 {
        font-size: 30px
    }
    .comon-heading {
        font-size: 25px
    }

    .comon-services02 h4 {
        font-size: 1.6rem
    }

    .sub-heading {
        font-size: 15px
    }


    .comon-felature01 h5,
    .comin-divu-main h5 {
        font-size: 1.6rem
    }


}








@keyframes Rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes Rotate {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes Rotate-reverse {
    from {
        transform: rotate(360deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@-webkit-keyframes Rotate-reverse {
    from {
        -webkit-transform: rotate(360deg)
    }

    to {
        -webkit-transform: rotate(0deg)
    }
}

@keyframes circle-rotate {
    from {
        transform: translate(-50%, -50%) rotate(45deg)
    }

    to {
        transform: translate(-50%, -50%) rotate(405deg)
    }
}

@-webkit-keyframes circle-rotate {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(45deg)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(405deg)
    }
}

@keyframes img-rotate {
    from {
        transform: rotate(-45deg)
    }

    to {
        transform: rotate(-405deg)
    }
}

@-webkit-keyframes img-rotate {
    from {
        -webkit-transform: rotate(-45deg)
    }

    to {
        -webkit-transform: rotate(-405deg)
    }
}

@keyframes zoom {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.5)
    }
}

.dropdown-menu1:hover>ul {
    display: block
}

.dropdown-menu1 {
    top: 80px;
    opacity: 0;
    transition: top .8s ease;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    display: block
}

.dropdown:hover>.dropdown-menu1 {
    top: 100%;
    height: inherit;
    opacity: inherit;
    opacity: 1;
    visibility: visible
}

.navbar-nav .dropdown-menu {
    border: none !important;
    filter: drop-shadow(-1px 10px 18px rgba(50, 50, 0, 0.1));
    min-width: 16rem !important
}

.navbar-nav .dropdown-menu .dropdown-item {
    font-size: 16px;
    font-weight: 400;
    padding: 10px 15px;
    line-height: normal;
    transition: all .5s;
    position: relative;
    cursor: pointer
}

.navbar-nav .dropdown-menu .dropdown-item:hover {
    background: none !important;
    color: #d3a417
}

.navbar-nav .dropdown-menu .dropdown-item:hover:before {
    transform: translateX(0);
    opacity: 9;
    width: 21px;
    background: #d3a417 !important
}

.navbar-nav .dropdown-menu .dropdown-item::before {
    position: relative;
    content: "";
    display: inline-block;
    width: 0;
    height: 2px;
    left: 0;
    top: 9px;
    background: #fff;
    transition: all .5s;
    float: left;
    margin-right: 7px;
    border-radius: 8px;
    transform: translateX(0);
    opacity: 0
}
.d-bblock:hover {
color: #d3a417;
}
@media (max-width:990px){
.d-none3 {
position: absolute;
left: 50%;
margin-left: -76px;
}
}
.dip {
    margin: 18px auto 0;
	text-align: center;
	position: relative;
    max-width: 800px;
}
.red {
    color: red;
    font-size: 14px;
    display: block;
    margin: 18px 0;
}
.dipp {
	display: inline-block;
	width: 15%;
	margin:10px .5% 10px;
	vertical-align: top;
}
.dipp img{
	width: 98%;
	height: auto;
}
@media (max-width:790px){
.dipp {
	width: 30%;
	margin:10px 1%;
}
}
.whatsapp-button {
    position: fixed;
    left: 80px;
    bottom: 20px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    z-index: 9999;
    background-color: #25D366;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='%23FFF' d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/%3e%3c/svg%3e");    
    background-size: 50%; 
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.whatsapp-button:before,
.whatsapp-button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 1px solid #25D366;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: border-animate 1.5s linear infinite;
    opacity: 0;
}
.whatsapp-button:after{
    animation-delay: .5s;
}
@keyframes border-animate
{
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}



.overlay {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 999;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
   }
   .overlay:target {
    visibility: visible;
    opacity: 1;
   }
   .popup, .panel a#join_form {
    background-color: #fff;
    border: 1px solid #fff;
    display: inline-block;
    left: 50%;
    opacity: 0;
    padding: 10px;
    position: fixed;
    text-align: justify;
    top: 40%;
    visibility: hidden;
    z-index: 99999;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
    min-width: 320px;
    max-width: 340px;
   }
   .overlay:target + .popup {
    top: 50%;
    opacity: 1;
    visibility: visible;
   }
   .bl-imp, label, textarea {
    display: block;
    width: 100%;
   }
   .bl-imp, textarea {
    margin: 0 0 4px 0;
    border: 2px solid #DDD;
    padding: 7px 2%;
   }
   input.submit_button {
    font-size: 15px;
    line-height: 19px;
    display: block;
    padding: 9px 3%;
    background-color: #011BD3;
    font-variant: normal;
    font-weight: bold;
    color: #FFF;
    width: 100%;
    cursor: pointer;
    border: none;
    z-index: 99;
    text-shadow: 1px 1px #000;
   }
   input.submit_button:hover {
    background-color: #CC0000;
   }
   span.required, span.error {
    color: #ff0000;
   }
   span.required {
    font-size: 18px;
   }
   span.error {
    font-size: 11px;
    display: block;
   }
   .alter {
    color: #011BD3;
    cursor: pointer;
    font-size: 34px;
    position: absolute;
    right: 7px;
    top: 7px;
    font-weight: bold;
   }
   .alter:visited {
   color: #011BD3;
   }
   .alter:hover {
    color: #810002;
   }
   .ftxt {
    font-size: 17px;
    margin: 16px auto;
    display: block;
    text-align: center;
    font-weight: bold;
   }
   .com-name {
    display: none
   }
   input[name="surname"] {
    display: block;
    width: 2px;
    height: 3px;
    margin-bottom: -3px;
    opacity: 0.01;
   }
   .checkbox {
    width: 360px;
    text-align: left;
    margin: 14px auto 10px;
    position: relative;
    max-width: 96%;
    padding: 4px 0;
   }
   .custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
   }
   .custom-checkbox + label {
    display: inline-flex;
    align-items: center;
    user-select: none;
   }
   .chx, .chx a, .chx a:visited {
    font-size: 10px;
    color: #474747;
   }
   .custom-checkbox + label::before {
    content: "x";
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    padding: 0 15px 0 5px;
    display: block;
    width: 18px;
    height: 25px;
    position: relative;
    top: -2px;
    border: 1px solid #1B242D;
    border-radius: 0.25em;
    margin-right: 0.8em;
   }
   .custom-checkbox:not(:disabled):not(:checked) + label:hover::before {
    border-color: #b3d7ff;
   }
   .custom-checkbox:not(:disabled):active + label::before {
    background-color: #b3d7ff;
    border-color: #b3d7ff;
   }
   .custom-checkbox:focus + label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   }
   .custom-checkbox:focus:not(:checked) + label::before {
    border-color: #80bdff;
   }
   .custom-checkbox:checked + label::before {
    border-color: #0b76ef;
    background-color: #0b76ef;
   }
   .custom-checkbox:disabled + label::before {
    background-color: #e9ecef;
   }
   @media (max-width:390px) {
    .popup, .panel a#join_form {
     max-width: 320px;
    }
   }