html {
    font-size: 68.75%
}

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

a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
tt,
ul,
var {
    border: 0;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: none !important;
    padding: 0;
    vertical-align: baseline;
}

p {
    font-family: "Josefin Sans", sans-serif;
}

body {
    margin: 0;
    padding: 0;
    background: #0a051d;
    background-repeat: repeat-x;
    font-size: 1.7rem;
    color: #a3a1a1;
    overflow-x: hidden;
    font-family: "Josefin Sans", sans-serif;
}

a {
    color: inherit;
    outline: none !important;
    text-decoration: none;
    transition: 0.5s all ease-in-out;
}

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

.dropdown-toggle::after {
    border: none !important;
    content: "";
    font-family: "fontAwesome";
    top: 8px;
    right: -8px;
    position: absolute
}

button:focus {
    outline: none !important
}

ol {
    padding-left: 0
}

ol li {
    list-style: inherit
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Philosopher', sans-serif;
    font-weight: 600
}

h2 span {
    font-family: 'Philosopher', 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
}

.btn {
    border: none !important
}

.btn:focus {
    box-shadow: none;
    border: none;
    outline: 0
}

.text-justify {
    text-align: justify;
}

.btn:focus,
.form-control:focus,
.resizeselect:focus {
    box-shadow: none;
    border: none;
    outline: 0
}

.cmn-btn,
.cmn-btn:hover {
    color: #ff6f00
}

.cmn-btn:after,
.cmn-btn:before {
    width: 0%;
    background-color: #fff;
    -webkit-transition: .5s;
    border-radius: 30px;
    z-index: -1;
    content: '';
    top: 0
}

.cmn-btn,
.service-item {
    z-index: 1;
    overflow: hidden
}

.cmn-btn:after,
.cmn-btn:before {
    position: absolute
}

.cmn-btn:hover:after,
.cmn-btn:hover:before {
    width: 100%
}

.cmn-btn {
    line-height: 50px;
    display: inline-block
}

.cmn-btn {
    background-color: #ff6f00;
    border-radius: 5px;
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
    height: 50px;
    color: #fff;
    font-size: 18px;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 600;
}

.cmn-btn:before {
    height: 100%;
    left: 0;
    transition: .5s
}

.cmn-btn:after {
    height: 100%;
    right: 0;
    transition: .5s;
    opacity: .4
}

.cmn-btn i {
    position: relative
}

.cmn-btn i {
    display: inline-block;
    font-size: 14px;
    top: 0px;
    -webkit-animation: unset;
    animation: unset;
}

.cmn-btn:hover i {
    -webkit-animation: .8s linear infinite cmn-rotate-ani;
    animation: .8s linear infinite cmn-rotate-ani
}

.section-padding {
    padding: 80px 0;
}

.heading-shape {
    margin: -25px 0px 0px 0px;
}

{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Hind Siliguri', sans-serif;
           
            color: #333;
            line-height: 1.6;
            padding: 0;
            margin: 0;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }
        
        header {
            text-align: center;
            padding: 30px 20px;
            background: linear-gradient(135deg, #c33c3c 0%, #8e2a2a 100%);
            color: white;
            border-radius: 10px;
            margin-bottom: 30px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
        header h1 {
            font-size: 2.5rem;
            margin-bottom: 15px;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
        }
        
        header p {
            font-size: 1.2rem;
            max-width: 800px;
            margin: 0 auto;
        }
        
        .intro-box {
            background-color: #fff;
            padding: 25px;
            border-radius: 10px;
            margin-bottom: 30px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            border-left: 5px solid #c33c3c;
        }
        
        .intro-box h2 {
            color: #c33c3c;
            margin-bottom: 15px;
            font-size: 1.8rem;
        }
        
        .benefits-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            margin-bottom: 30px;
        }
        
        .benefit-card {
            background: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            text-align: center;
            transition: transform 0.3s ease;
        }
        
        .benefit-card:hover {
            transform: translateY(-5px);
        }
        
        .benefit-card i {
            font-size: 2.5rem;
            color: #c33c3c;
            margin-bottom: 15px;
        }
        
        .benefit-card h3 {
            color: #c33c3c;
            margin-bottom: 10px;
        }
        
        .zodiac-section {
            background-color: #fff;
            padding: 30px;
            border-radius: 10px;
            margin-bottom: 30px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        
        .zodiac-section h2 {
            color: #c33c3c;
            text-align: center;
            margin-bottom: 25px;
            font-size: 2rem;
            position: relative;
            padding-bottom: 10px;
        }
        
        .zodiac-section h2:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 3px;
            background-color: #c33c3c;
        }
        
        .zodiac-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
        }
        
        .zodiac-card {
            background: linear-gradient(135deg, #f8f3e6 0%, #f5ebd8 100%);
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            border-top: 4px solid;
            transition: transform 0.3s ease;
        }
        
        .zodiac-card:hover {
            transform: translateY(-5px);
        }
        
        .zodiac-card h3 {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
            font-size: 1.4rem;
        }
        
        .zodiac-card h3 span {
            margin-right: 10px;
            font-size: 1.8rem;
        }
        
        .zodiac-card ul {
            list-style-type: none;
            padding-left: 0;
        }
        
        .zodiac-card li {
            margin-bottom: 10px;
            padding-left: 25px;
            position: relative;
        }
        
        .zodiac-card li:before {
            content: '•';
            position: absolute;
            left: 10px;
            color: #c33c3c;
            font-weight: bold;
        }
        
        .general-rules {
            background-color: #fff;
            padding: 30px;
            border-radius: 10px;
            margin-bottom: 30px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        
        .general-rules h2 {
            color: #c33c3c;
            text-align: center;
            margin-bottom: 25px;
            font-size: 2rem;
            position: relative;
            padding-bottom: 10px;
        }
        
        .general-rules h2:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 3px;
            background-color: #c33c3c;
        }
        
        .rules-list {
            list-style-type: none;
            padding-left: 0;
        }
        
        .rules-list li {
            margin-bottom: 15px;
            padding: 15px;
            background-color: #f9f5eb;
            border-radius: 8px;
            display: flex;
            align-items: center;
        }
        
        .rules-list li i {
            color: #c33c3c;
            margin-right: 15px;
            font-size: 1.2rem;
        }
        
        .conclusion {
            background: linear-gradient(135deg, #c33c3c 0%, #8e2a2a 100%);
            color: white;
            padding: 40px;
            border-radius: 10px;
            text-align: center;
            margin-bottom: 30px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
        .conclusion h2 {
            margin-bottom: 20px;
            font-size: 2rem;
        }
        
        .cta {
            background-color: #fff;
            padding: 30px;
            border-radius: 10px;
            text-align: center;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            margin-bottom: 30px;
        }
        
        .cta h3 {
            color: #c33c3c;
            margin-bottom: 20px;
            font-size: 1.5rem;
        }
        
        .cta-button {
            display: inline-block;
            background: linear-gradient(135deg, #c33c3c 0%, #8e2a2a 100%);
            color: white;
            padding: 15px 30px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: bold;
            font-size: 1.1rem;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(195, 60, 60, 0.4);
        }
        
        .cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(195, 60, 60, 0.6);
        }
        
        footer {
            text-align: center;
            padding: 20px;
            color: #777;
            font-size: 0.9rem;
        }
        
        @media (max-width: 768px) {
            header h1 {
                font-size: 2rem;
            }
            
            .zodiac-grid {
                grid-template-columns: 1fr;
            }
            
            .benefits-grid {
                grid-template-columns: 1fr;
            }
        }
/*========== Background Image ==========*/
.bg_image1 {
    background: url(../images/horocurty.jpg) no-repeat;
}

.bg_image2 {
    background: url(../images/roadmap_bg2.png) no-repeat;
}

.bg_image3 {
    background: url(../images/home-team.png) no-repeat;
}

.bg_image4 {
    background: url(../images/background/bg2.jpg)
}

.bg_image5 {
    background: url(../images/background/form_bg.jpg) no-repeat;
}

.bg_image6 {
    background: url(../images/background/bg5.png);
}




@-webkit-keyframes cmn-rotate-ani {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

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

@keyframes cmn-rotate-ani {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

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

@-webkit-keyframes move_horizontal {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes move_horizontal {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

.move_horizontal {
    -webkit-animation: 3s ease-in-out infinite move_horizontal;
    animation: 3s ease-in-out infinite move_horizontal;
}

@keyframes up-down {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px)
    }
}

.move_vertical {
    animation: 2s infinite alternate-reverse up-down;
}


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: #ff6f00 !important
}

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

.navbar .navbar-nav .nav-link:focus {
    color: #ff6f00 !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 span:first-child {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: solid 2px rgba(255, 255, 255, .2784313725);
    border-radius: 50%;
    text-align: center;
}

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

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

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

.header-cart i {
    color: var(--bs-orange);
    font-size: 25px;
}

.header-cart .badge-circle {
    position: absolute;
    top: -19px;
    right: -6px;
    background: #fff;
    color: #000;
    height: 16px;
    line-height: 19px;
    width: 16px;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
}

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

.banner-hero-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-hero-section .img-main-abnner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

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

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

.banner-hero-section .banner-text-home .btn-get-btn {
    padding: 12px 26px 10px 26px;
    color: #0a051d !important;
    border: solid 2px rgba(255, 255, 255, .2588235294) !important;
    border-radius: 5px;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: capitalize;
    background: #fff;
    transition: all .5s linear
}

    .banner-hero-section .banner-text-home .btn-get-btn:hover {
        background: #fff !important;
        color: #ff6f00 !important;
    }

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

.banner-hero-section .banner-text-home .img-rounds-div {
    width: 85%
}

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

.banner-hero-section .banner-text-home p {
    color: #ececec;
    font-size: 2rem;
    font-weight: 300;
    font-family: "Josefin Sans", sans-serif;
}

.main {
    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
}

.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%);
    
    transition: all .5s
}

.icon-block:hover {
    background: #ff6f00
}

.icon-block img {
    margin: 0px 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%)
}

.center-logo img {
    max-width: 200px
}

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

.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: 90px;
    border-radius: 50%;
    overflow: hidden;
    padding: 10px
}

.comon-felature01 .c-img img {
    filter: brightness(0) invert(1)
}

.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: #ff6f00
}

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

.about-part-section {
    padding: 140px 0 80px 0;
    background-size: contain;
}

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

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

.about-part-section p {
    font-size: 16px;
    color: #dbdbdb;
    font-weight: 400;
    text-align: justify;
}

.read-btn {
    position: relative;
    overflow: hidden;
    padding: 12px 26px 10px 26px;
    color: #0a051d !important;
    border: solid 2px rgba(255, 255, 255, .2588235294) !important;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    background: #fff;
    font-family: "Josefin Sans", sans-serif;
}

.read-btn span {
    position: relative;
    z-index: 2
}

.read-btn::before {
    width: 0;
    transition: width .5s linear;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    background: #ff6f00;
    content: ""
}

.read-btn:hover {
    border-color: #ff6f00 !important;
    color: #fff !important
}

.read-btn:hover::before {
    width: 100%
}

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

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

.visit-text-links {
    text-align: center;
    margin-top: 21px;
    display: block;
    font-size: 18px !important;
    font-weight: 600 !important
}

.visit-text-links a {
    color: #ff6f00;
    text-decoration: underline;
    transition: 0.5s all ease-in-out;
    text-align: center !important;
}

.visit-text-links a:hover {
    color: #fff
}

.about-part-section .wt-yeras {
    position: absolute;
    width: 150px;
    height: 80px;
    background: #3d3a69;
    left: 0;
    right: 0;
    color: #fff;
    display: flex;
    height: 100px;
    top: 0;
}

.about-part-section .wt-yeras h4 {
    font-size: 35px
}

.about-part-section .wt-yeras h4 span {
    font-size: 15px;
    margin-top: 4px
}

.moon-img {
    position: absolute;
    right: 0;
    transform: rotate(-95deg);
    top: -60px;
    z-index: -1;
}

.lal-kitab-sub-title {
    font-size: 17px;
    color: #fff;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 600;
}

.bg-round-im {
    position: relative;
    width: 120px;
    margin: auto;
    height: 105px;
    display: grid;
    align-content: center;
    margin-top: 35px
}

.bg-round-im>img {
    position: absolute;
    width: 79px;
    top: -8px;
    left: 0;
    right: 0;
    margin: auto;
    transition: all .5s linear
}

.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: #ff6f00;
    font-size: 18px;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
}

.comon-heading .comon-heading {
    font-size: 36px;
    text-transform: capitalize;
    font-weight: 900;
}

.orange-text {
    color: #ff6f00;
}

.choose-div-signu {
    background-size: cover;
    width: 100%;
    background-position: center left;
    padding: 50px 0;
    min-height: 750px
}

.choose-div-signu .comon-zodic {
    height: 220px;
    border: solid 4px rgba(255, 255, 255, .0784313725);
    border-radius: 5px;
    position: relative;
    transition: all .5s linear;
    margin-bottom: 15px;
}

.choose-div-signu .comon-zodic .round-imog {
    position: relative;
    width: 80px;
    margin: auto;
    height: 95px;
    display: grid;
    align-content: center
}

.choose-div-signu .comon-zodic .round-imog>img {
    position: absolute;
    width: 79px;
    filter: brightness(0) invert(1);
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: all .5s linear
}

.choose-div-signu .comon-zodic .img-out {
    width: 40px;
    margin: auto;
    display: block;
    position: relative;
    height: 54px
}

.choose-div-signu .comon-zodic .img-out img {
    position: relative;
    z-index: 2;
    transition: all .5s linear;
    filter: brightness(0) invert(1)
}

.choose-div-signu .comon-zodic .textr-dels {
    position: relative;
    z-index: 2
}

.choose-div-signu .comon-zodic .textr-dels .horoscope-type-text {
    font-size: 1.6rem;
    font-weight: 600;
    transition: all .5s linear;
    transform: scale(1);
    text-transform: uppercase;
    color: #ff6f00 !important;
    font-family: "Josefin Sans", sans-serif;
}

.choose-div-signu .comon-zodic .textr-dels p {
    font-weight: 600;
    font-size: 1.4rem;
    color: #bbb;
    transition: all .5s linear
}

.choose-div-signu .comon-zodic:hover {
    background: #fff
}

.choose-div-signu .comon-zodic:hover .round-imog>img {
    animation: spin 7s infinite linear;
    -webkit-animation: spin 7s infinite linear;
    -moz-animation: spin 7s infinite linear;
    filter: brightness(1)
}

.choose-div-signu .comon-zodic:hover .img-out img {
    filter: brightness(1)
}

.choose-div-signu .comon-zodic:hover .textr-dels .horoscope-type-text {
    color: #0a051d !important;
    font-weight: 700 !important;
    transform: scale(1.1)
}

.choose-div-signu .comon-zodic:hover .textr-dels p {
    color: #ff6f00
}

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

.banner-section .img-anim {
    z-index: -1;
}

.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
}

.astrologer-img {
    text-align: center;
    top: 43px;
    left: -46px;
}

.tipsoft {
    background: #ff6f00;
    padding: 30px 25px;
    position: relative;
    top: -12px;
    z-index: 3
}

.tipsoft h3 {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase
}

.tipsoft p {
    color: #0a051d;
    font-weight: 600;
    font-size: 1.8rem
}

.horosocpe-div.astrology-service-section.d-inline-block.w-100 {
    background-position-x: 0%, 0%;
    background-position-y: 0%, 0%;
    background-size: auto, auto;
    background-size: cover;
    background-position: center, bottom;
    padding: 80px 0 0;
}

.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 .astrologer-work-title {
    font-size: 20px;
    font-weight: 700;
    color: #ff6f00 !important;
    transition: .5s linear;
    font-family: 'Philosopher', sans-serif;
}

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

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

.learn-more-links {
    color: #ff6f00;
    text-decoration: underline;
    transition: 0.5s all ease-in-out;
}

.learn-more-links:hover {
    color: #fff
}

.comon-services02:hover .astrologer-work-title {
    color: #fff !important
}

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

/* service css start */
.as_service_box {
    background-color: #0b0d2266;
    padding: 50px 22px;
    margin-top: 20px;
    backdrop-filter: blur(5px);
    border-radius: 5px;
    box-shadow: 0px 0px 14px 8px #00000024;
}

.as_service_box .as_icon {
    width: 100px;
    background-color: #1d204d;
    height: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    position: relative;
    transition: all 0.3s linear;
    padding: 15px;
}

.as_service_box .as_icon:after {
    border: 1px dashed #1d204d;
    content: '';
    position: absolute;
    left: -10px;
    top: -10px;
    bottom: -10px;
    right: -10px;
    border-radius: 100%;
}

.as_service_box:hover .as_icon {
    background-color: #ff6f00;
}

.as_service_box:hover .as_icon:after {
    border-color: #ff6f00;
    animation: spin 9s infinite linear;
    -webkit-animation: spin 9s infinite linear;
    -moz-animation: spin 9s infinite linear;
}

.as_service_box .as_subheading {
    padding-bottom: 16px;
    position: relative;
    color: #fff;
    font-weight: 600;
    font-size: 19px;
    font-family: 'Philosopher', sans-serif;
}

.as_service_box .as_subheading:after {
    width: 70px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.as_service_box p {
    font-size: 14px;
    line-height: 24px;
}

.as_link {
    font-size: 14px;
    color: #ff6f00;
    letter-spacing: 0.6px;
    font-weight: 600;
    font-size: 17px;
}

/* service css end */
.as_icon img {
    transform: scale(1);
    transition: all .5s;
    filter: brightness(0) invert(1);
    width: 90px;
    position: relative;
}

.comin-divu-main {
    background: rgba(255, 255, 255, .1215686275);
    box-shadow: #0c071e 1px 2px 30px;
    padding: 0 10px 0 20px;
    height: 170px;
    margin: 25px 0;
    border-radius: 10px
}

.comin-divu-main .nu01 {
    width: 90px;
    height: 90px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    position: relative;
    display: grid;
    align-content: center;
    justify-content: center;
    margin: auto
}

.comin-divu-main .nu01 h2 {
    font-weight: 800;
    color: #0a051d;
    font-size: 40px;
    padding-top: 10px
}

.comin-divu-main .nu01::after {
    position: absolute;
    right: -20px;
    top: -2px;
    content: "";
    width: 2px;
    height: 100px;
    background: rgba(255, 255, 255, .2196078431);
    border-radius: 10px
}

.comin-divu-main figure {
    width: 90px;
    position: relative
}

.comin-divu-main figure::after {
    position: absolute;
    right: -20px;
    top: -2px;
    content: "";
    width: 2px;
    height: 100px;
    background: rgba(255, 255, 255, .2196078431);
    border-radius: 10px
}

.comin-divu-main figure img {
    transform: scale(1);
    transition: all .5s;
    filter: brightness(0) invert(1)
}

.comin-divu-main h5 {
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #ff6f00 !important
}

.comin-divu-main h5 span:first-child {
    text-transform: uppercase
}

.comin-divu-main p {
    color: #fff;
    font-weight: 300;
    font-size: 1.8rem
}

.comin-divu-main .btn {
    color: #fff !important;
    padding: 0 !important;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: capitalize;
    transition: all .5s linear
}

.comin-divu-main .btn:hover {
    color: #ff6f00 !important
}

.comin-divu-main:hover figure img {
    transform: scale(1.1);
    filter: brightness(0) invert(1)
}

.nuoi {
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    color: #0a051d !important;
    line-height: 88px;
    font-weight: 800;
    margin-right: 10px
}

/*========================= zoid-from-section ============*/
.zoid-from-section.section-padding {
    background-color: #100b22 !important;
    min-height: auto;
}

.zoid-from-section .container {
    z-index: 1;
}

.moon-bg {
    -webkit-animation: 3s ease-in-out infinite move_horizontal;
    animation: 5s ease-in-out infinite move_horizontal;
    position: absolute;
    bottom: 0;
    z-index: 0;
}

.konow-more-zoidc {
    position: relative;
    overflow: hidden;
    min-height: 750px;
    margin: 50px 0 0 0;
    background: #1d1a28
}

.konow-more-zoidc::before {
    background: #0a051d url(../images/shapes/bg_shapes.png);
    width: 100%;
    height: 50px;
    position: absolute;
    top: 0px;
    content: "";
    z-index: 0;
}

.konow-more-zoidc .form-zodiuc {
    /* padding: 50px 50px 50px 0 */
}

.konow-more-zoidc .form-zodiuc p {
    font-weight: 300;
    font-size: 2rem;
    margin-bottom: 30px
}

.zodiuc-home-form {
    background: #191c3cc7;
    padding: 25px 15px 45px;
}

.konow-more-zoidc .form-zodiuc .form-group {
    margin-bottom: 25px
}

.konow-more-zoidc .form-zodiuc .form-group label {
    color: #fff;
    margin-bottom: 8px;
    font-family: 'Philosopher', sans-serif;
}

.konow-more-zoidc .form-zodiuc .form-group .form-control {
    height: 45px;
    font-size: 1.6rem
}

.form-select.select-fild {
    height: 45px;
    font-weight: 600;
    font-size: 1.6rem;
    color: #727a82;
}

.konow-more-zoidc .form-zodiuc .btn-submit {
    padding: 12px 26px 10px 26px;
    color: #0a051d !important;
    border-radius: 5px;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: capitalize;
    background: #ff6f00;
    color: #fff !important;
    position: relative;
    overflow: hidden;
    transition: all .5s
}

.konow-more-zoidc .form-zodiuc .btn-submit:hover {
    color: #0a051d !important;
    border-color: #fff !important;
    background: #fff !important
}

.konow-more-zoidc .img-bh {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%
}

.konow-more-zoidc .img-bh img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.btn-more01 {
    position: relative;
    overflow: hidden;
    padding: 12px 26px 10px 26px;
    color: #0a051d !important;
    border: solid 2px rgba(255, 255, 255, .2588235294) !important;
    border-radius: 5px;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: capitalize;
    background: #fff
}

.btn-more01 span {
    position: relative;
    z-index: 2
}

.btn-more01::before {
    width: 0;
    transition: width .5s linear;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    background: #ff6f00;
    content: ""
}

.btn-more01:hover {
    border-color: #ff6f00 !important;
    color: #fff !important
}

.btn-more01:hover::before {
    width: 100%
}

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

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

.items-astro {
    background: #fff;
    height: 330px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    display: inline-block
}

.items-astro::before {
    position: absolute;
    left: 0;
    right: 0;
    width: 0;
    transition: width .5s linear;
    background: #ff6f00;
    content: "";
    top: 0;
    height: 100%
}

.items-astro .img-user {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 50%;
    border: solid 5px #e7e7e7;
    position: relative;
    z-index: 2;
    transform: scale(1);
    transition: all .5s
}

.items-astro .img-user img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.items-astro .asto-te-dl {
    width: 100%;
    border-radius: 5px;
    padding: 20px 0;
    position: relative;
    z-index: 2
}

.items-astro .asto-te-dl h5 {
    color: #0a051d;
    font-size: 2rem;
    font-weight: 700;
    transition: all .5s
}

.items-astro .asto-te-dl p {
    color: #0a051d;
    font-weight: 300;
    transition: all .5s
}

.items-astro .asto-te-dl span {
    color: #0a051d;
    font-size: 1.6rem;
    transition: all .5s
}

.items-astro .asto-te-dl span svg {
    color: #ff6f00;
    transition: all .5s
}

.items-astro .asto-te-dl ul li {
    font-size: 16px;
    font-weight: 400;
    color: #0a051d
}

.items-astro .asto-te-dl h4 {
    color: #ff6f00;
    font-weight: 700;
    font-size: 2.6rem;
    display: flex;
    align-items: center
}

.items-astro .asto-te-dl h4 svg {
    width: 25px;
    height: 25px
}

.items-astro .img-bh {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%
}

.items-astro .img-bh img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.items-astro:hover::before {
    width: 100%
}

.items-astro:hover h5,
.items-astro:hover h4,
.items-astro:hover svg,
.items-astro:hover li {
    color: #fff !important
}

.items-astro:hover span {
    color: #fff !important
}

.items-astro:hover span svg {
    color: #fff !important
}

.items-astro:hover .img-user {
    transform: scale(1.1)
}

.items-astro:hover .bg-round-im>img {
    animation: spin 7s infinite linear;
    -webkit-animation: spin 7s infinite linear;
    filter: brightness(0) invert(1)
}

.feate h2 {
    font-size: 45px;
    font-weight: 600
}

.feate img {
    filter: brightness(0) invert(1);
    width: 62px;
    margin-bottom: 20px;
    position: relative;
    transition: all .5s;
    transform: translateY(0);
}

.feate:hover img {
    transform: translateY(-10px);
}

.feate p {
    color: #ff6f00 !important
}

.subi-text {
    font-size: 1.8rem;
    color: #a3a1a1;
    font-weight: 400;
    font-family: "Josefin Sans", sans-serif;
}

.funfact-astroly {
    padding-top: 90px;
}

.fade-updown-anim::after {
    background: url(../images/roadmap_bg2.png) no-repeat;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position-x: -102px;
    animation: 3s infinite alternate-reverse up-down;
}

.rmt-comon {
    background: #fff;
    display: inline-block;
    width: 100%;
    padding: 15px;
    border-radius: 5px;
    transition: all .5s;
    transform: scale(1)
}

.rmt-comon:hover {
    background: #ff6f00;
    transform: scale(1.1)
}

.rmt-comon .imgobokk {
    width: 35px;
    margin-bottom: 8px
}

.rmt-comon h5 {
    font-size: 1.6rem;
    color: #0a051d;
    font-weight: 700;
    text-transform: uppercase
}

.rmt-comon p {
    font-weight: 300;
    color: #0a051d;
    font-size: 1.4rem;
    font-weight: 400
}

.rmt-comon i {
    color: #ff6f00
}

.tryu {
    margin-top: 80px
}


.items-storty {
    border: solid 3px rgba(255, 255, 255, .168627451);
    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 #ff6f00
}

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

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

.items-storty .usertcbg ul li i {
    color: #ff6f00;
    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: 1.8rem;
    font-weight: 300
}

.daily-horp {
    padding: 80px 0 0 0;
    background-size: contain;
    background-position: top left
}

.daily-horp .nav-pills .nav-link {
    padding: 14px 26px 10px 26px;
    color: #0a051d !important;
    border: solid 2px rgba(255, 255, 255, .2588235294) !important;
    border-radius: 5px;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: capitalize;
    color: #fff !important;
    margin: 0 10px;
    transition: .5s linear
}

.daily-horp .nav-pills .nav-link:hover {
    background: #fff !important;
    color: #0a051d !important
}

.daily-horp .nav-pills .active {
    background: #fff !important;
    color: #0a051d !important;
    font-weight: 700
}

.blogs-part-div {
    padding: 80px 0
}

.blogs-part-div .items-blogs {
    height: 400px
}

.blogs-part-div .items-blogs h6 {
    margin: 15px 0;
    font-size: 16px
}

.blogs-part-div .items-blogs h3 {
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 10px;
    transition: .5s linear
}

.blogs-part-div .items-blogs h5 {
    color: #fff !important;
    font-weight: 600;
    font-size: 1.5rem;
    margin-top: 10px;
    transition: .5s linear
}

.blogs-part-div .items-blogs p {
    font-size: 1.7rem;
    font-weight: 300
}

.blogs-part-div .items-blogs .blogs-imgs {
    height: 230px;
    position: relative;
    width: 100%;
    overflow: hidden
}

.blogs-part-div .items-blogs .blogs-imgs img {
    transform: scale(1);
    transition: .5s linear;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.blogs-part-div .items-blogs .blogs-imgs .items012-texr {
    background: #ff6f00;
    padding: 15px 20px;
    position: absolute;
    color: #fff;
    bottom: 13px;
    left: 15px;
    font-size: 14px;
    font-weight: 600
}

.blogs-part-div .items-blogs:hover .blogs-imgs img {
    transform: scale(1.1)
}

.blogs-part-div .items-blogs:hover h5,
.blogs-part-div .items-blogs:hover h3 {
    color: #ff6f00 !important
}

@media only screen and (min-width:1200px) {
    .items-storty {
        height: 380px;
    }
}

/*============== Case Studies ==================*/
.cash-studies-section,
.lifewith-section.section-padding {
    background-size: contain;
}

.cash-studies-bg {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
    opacity: 0.1;
    top: 0;
}

.background_top_shape::before {
    background: #0a051d00 url(../images/shapes/bg_shapes.png);
    width: 100%;
    height: 50px;
    position: absolute;
    content: "";
}

.cash-studies-section::before {
    top: -4px;
    transform: rotateX(202deg);
}

.studies-imgs {
    height: 180px;
    width: 100%;
    overflow: hidden;
}

.studies-imgs img {
    transition: 0.5s;
    cursor: default;
}

.studies-items:hover img {
    transform: scale(1.1);
}

.studies-imgs::after {
    background: #00000078;
    width: 100%;
    height: 0;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 400ms ease;
    transform: scale(0, 0);
    backdrop-filter: blur(5px);
}

.studies-items:hover .studies-imgs::after {
    height: 50px;
    transition: all 400ms ease;
    transform: scale(1);
}

.view-detail-btn {
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 0;
    text-align: center;
    font-weight: 600 !important;
    color: #fff;
    transition: all 400ms ease;
    transform: scale(0, 0);
    z-index: 1;
}

.studies-items:hover .view-detail-btn {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms;
}

.studies-text {
    font-weight: 500;
}


.news-letter-div {
    background: url(../images/homu.png) no-repeat;
    background-position: center 100px;
    padding-top: 0;
    height: 500px;
    margin-top: 20px
}

.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: #ff6f00;
    padding: 12px 26px 10px 26px;
    border-radius: 50px;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: capitalize
}

.bookj {
    padding-top: 80px;
    background: url(../images/ruiy-img01.jpg) no-repeat;
    background-position: right bottom
}



.details-page-details .left-dels-hor .sub {
    color: #ff6f00;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase
}

.details-page-details .left-dels-hor h2 {
    font-size: 45px
}

.btn-moreh {
    border: solid 2px #fff !important;
    color: #fff;
    padding: 14px 26px 10px 26px;
    border-radius: 5px;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-right: 10px;
    transition: all .5s linear
}

.btn-moreh:hover {
    background: #fff !important;
    color: #ff6f00
}

.left-dels-hor p {
    color: #bfbfbf;
    font-weight: 300;
    font-size: 21px;
    margin-bottom: 30px
}

.left-dels-hor p span {
    font-weight: 600
}

.right-details01 h2 {
    color: #0a051d;
    font-weight: 700;
    font-size: 25px
}

.right-details01 .comon-match {
    border: solid 2px #f1f1f1;
    border-radius: 10px;
    padding: 10px;
    position: relative
}

.right-details01 .comon-match .img-out {
    width: 40px;
    margin: auto;
    display: block;
    position: relative;
    height: 54px
}

.right-details01 .comon-match .round-imog {
    position: relative;
    width: 80px;
    margin: auto;
    height: 95px;
    display: grid;
    align-content: center;
    margin-top: 10px
}

.right-details01 .comon-match .round-imog img {
    position: absolute;
    width: 79px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: all .5s linear
}

.right-details01 .comon-match h5 {
    font-size: 18px;
    color: #0a051d;
    text-transform: capitalize
}

.right-details01 .comon-match p {
    color: #ff6f00;
    font-size: 16px
}

.comr-rating {
    border-bottom: solid 1px #f9f9f9;
    padding: 11px 0
}

.comr-rating h5 {
    color: #0a051d;
    font-size: 20px;
    margin-bottom: 10px
}

.comr-rating .st-rating {
    color: #ff6f00
}

.comon-links-do {
    position: relative;
    border: solid 2px #f1f1f1;
    padding: 10px;
    display: inline-block;
    width: 100%;
    transform: scale(1);
    transition: all .5s;
    text-align: center;
    margin-bottom: 20px
}

.comon-links-do .crm-nu {
    width: 60px;
    height: 60px;
    background: #0a051d;
    border-radius: 50%;
    overflow: hidden;
    color: #fff;
    line-height: 62px;
    font-size: 28px;
    margin: auto;
    margin-bottom: 10px
}

.comon-links-do p {
    font-size: 14px;
    color: #ff6f00
}

.comon-links-do:hover {
    transform: scale(1.1)
}

.comon-links-do .img-out {
    width: 23px;
    margin: auto;
    display: block;
    position: relative;
    height: 37px
}

.comon-links-do .round-imog {
    position: relative;
    width: 51px;
    margin: auto;
    height: 65px;
    display: grid;
    align-content: center;
    margin-top: 10px
}

.comon-links-do .round-imog img {
    position: absolute;
    width: 79px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: all .5s linear
}

.crm-nu {
    width: 60px;
    height: 60px;
    background: #0a051d;
    border-radius: 50%;
    overflow: hidden;
    color: #fff;
    line-height: 62px;
    font-size: 28px;
    margin-bottom: 10px
}

.navbar .dropdown-toggle::after {
    border: none !important;
    content: "";
    font-family: "fontAwesome";
    top: 6px;
    right: -8px;
    position: absolute;
    font-size: 13px
}

.list-serach-acd .accordion-button:not(.collapsed) {
    background-color: #ff6f00;
    border: none;
    box-shadow: none !important;
    color: #fff;
    font-weight: 600
}

.list-serach-acd .accordion-button {
    font-size: 20px;
    padding: 15px 25px
}

.list-serach-acd .accordion-item {
    background: none !important
}

.list-serach-acd label {
    font-size: 18px;
    color: #fff;
    font-weight: 300
}

.list-serach-acd .form-check {
    position: relative
}

.list-serach-acd .form-check .form-check-input {
    margin-top: 0;
    position: relative
}

.list-serach-acd .form-check .form-check-input::before {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    content: "";
    left: -3px;
    top: -2px;
    display: inline-block
}

.list-serach-acd .form-check .form-check-input:checked::before {
    background: #ff6f00;
    content: "";
    font-family: "fontAwesome";
    font-size: 14px;
    color: #fff;
    text-align: center
}

.list-serach-acd .form-check {
    margin-bottom: 20px
}

.comon-items-d1 {
    background: #fff;
    padding: 15px;
    border-radius: 8px
}

.comon-items-d1 .top-asto .profile-astro {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block
}

.comon-items-d1 .top-asto .profile-astro img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.comon-items-d1 .le-astro h5 {
    color: #0a051d;
    font-size: 20px;
    font-weight: 700
}

.comon-items-d1 .le-astro p {
    font-size: 14px;
    margin-top: 5px
}

.comon-items-d1 .le-astro p span {
    color: #ff6f00
}

.comon-items-d1 .right-usert h5 {
    color: #0a051d;
    font-size: 16px
}

.comon-items-d1 .right-usert p {
    color: #0a051d;
    font-weight: 700
}

.comon-items-d1 .lang-ved {
    color: #0a051d;
    display: flex;
    align-items: center
}

.comon-items-d1 .lang-ved i {
    color: #ff6f00;
    font-size: 25px
}

.comon-items-d1 .btn-comij {
    background: #0a051d;
    font-size: 17px;
    padding: 10px 25px 8px 25px;
    text-transform: uppercase;
    color: #fff !important
}

.comon-items-d1 .btn-comij-call {
    background: #ff6f00;
    color: #fff;
    font-size: 17px;
    padding: 10px 25px 8px 25px;
    text-transform: uppercase
}

.dfg {
    font-size: 17px;
    padding: 10px 25px 8px 25px
}

.page-item.active .page-link {
    background: #ff6f00 !important;
    border-color: #ff6f00 !important;
    color: #fff !important
}

.page-link {
    color: #ff6f00 !important
}

.top-pro {
    border-radius: 8px
}

.top-pro h2 {
    font-size: 30px;
    color: #0a051d
}

.top-pro h2 span {
    color: green
}

.top-pro h5 {
    font-size: 18px;
    color: #0a051d
}

.top-pro p {
    color: #0a051d
}

.top-pro p i {
    font-size: 16px
}

.top-pro p span {
    font-size: 16px
}

.top-pro p span i {
    color: #ff6f00
}

.top-pro .rte {
    font-size: 25px;
    font-weight: 700
}

.top-pro .rte i {
    color: #ff6f00;
    font-size: 16px
}

.top-pro figure {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    display: grid;
    align-content: center
}

.top-pro figure img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.folow-divd h5 {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase
}

.folow-divd span .btn {
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    align-content: center;
    line-height: 37px;
    font-size: 18px;
    margin-right: 5px
}

.folow-divd span .fac {
    background: #18b6ff
}

.folow-divd span .twitterb {
    background: #0ef
}

.folow-divd span .intsga {
    background: #f07
}

.mapte svg {
    width: 25px;
    height: 25px;
    color: #ff6f00
}

.book-btn {
    background: #ff6f00;
    width: 100%;
    color: #fff;
    padding: 15px 25px;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase
}

.book-btn i {
    margin-right: 8px
}

.call-btn {
    background: #fff;
    width: 100%;
    color: #0a051d;
    padding: 15px 25px;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}

.call-btn i {
    margin-right: 8px
}

.offline {
    color: #bbb !important;
    font-size: 14px !important
}

#calendar {
    max-width: 1100px;
    margin: 40px auto
}

.tabs-diub h2 {
    color: #0a051d;
    margin-bottom: 15px;
    color: #ff6f00
}

.tabs-diub p {
    font-size: 19px;
    font-weight: 300;
    color: #fff
}

.tabs-diub span {
    color: #fff
}

.tabs-diub .accordion-item {
    background: none !important
}

.tabs-diub .accordion-button {
    background: #ff6f00;
    font-size: 20px;
    font-weight: 700;
    padding: 15px 25px 10px 25px
}

.tabs-diub .fc-event-title-container {
    text-align: center
}

.tabs-diub .accordion-button:not(.collapsed) {
    background-color: #ff6f00;
    color: #fff
}

.tabs-diub #calendar .btn-primary {
    background: #ff6f00;
    font-size: 19px
}

.tabs-diub #calendar .active {
    background: #fff !important;
    color: #0a051d !important
}

.tabs-diub #calendar table {
    background: #fff;
    padding: 15px
}

.tabs-diub #calendar .fc-col-header-cell-cushion {
    color: #0a051d
}

.tabs-diub #calendar .fc-h-event {
    background: #ff6f00;
    border: none !important
}

.tabs-diub .comon-com-div {
    display: inline-block;
    width: 100%;
    padding: 15px;
    background: #fff;
    margin-bottom: 20px;
    border-bottom: 5px;
    overflow: hidden
}

.tabs-diub .comon-com-div figure {
    width: 63px;
    height: 63px;
    overflow: hidden;
    border-radius: 5px
}

.tabs-diub .comon-com-div .comment-text {
    width: 89%
}

.tabs-diub .comon-com-div .comment-text h5 {
    color: #0a051d;
    font-size: 18px
}

.tabs-diub .comon-com-div .comment-text span {
    color: #ff6f00
}

.tabs-diub .comon-com-div .comment-text p {
    color: #0a051d
}

.card-reda-cm {
    height: 400px;
    background: rgba(255, 255, 255, 0.1215686275);
    box-shadow: #0c071e 1px 2px 30px;
    padding: 20px;
    border-radius: 10px
}

.card-reda-cm h5 {
    font-size: 25px
}

.card-reda-cm a {
    color: #fff
}

.card-reda-cm p {
    font-weight: 300;
    font-size: 16px;
    margin: 15px 0
}

.rating-box {
    padding: 25px 50px;
    background-color: #f1f1f1;
    border-radius: 25px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .08);
    text-align: center
}

.rating-box h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px
}

.rating-box .stars {
    display: flex;
    align-items: center;
    gap: 25px
}

.stars i {
    font-size: 20px;
    color: #b5b8b1;
    transition: all .2s;
    cursor: pointer
}

.stars i.active {
    color: #ff6f00;
    transform: scale(1.2)
}

.leave-sec-part .form-control,
.conatct-form-div .form-control {
    border: none;
    background: #fff;
    height: 45px;
    font-size: 19px;
    margin-bottom: 20px
}

.leave-sec-part textarea,
.conatct-form-div textarea {
    height: 100px !important;
    resize: none;
    font-size: 19px
}

.leave-sec-part .subimt-comment,
.subimt-message,
.quick-contact .subimt-comment {
    background: #ff6f00;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px 25px 10px 25px;
    border-radius: 50px;
    font-size: 16px
}

.rt01 {
    font-size: 16px
}

.rt01 i {
    color: #ff6f00;
    font-size: 14px !important
}

.astrology-page-details {
    padding-bottom: 80px
}

.hert-text {
    font-size: 20px;
    font-weight: 600;
    color: #0a051d
}

.hert-text i {
    color: #ff6f00;
    margin-right: 8px
}

.click-here {
    background: #fff;
    color: #0a051d;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    padding: 15px 25px 10px 25px;
    margin-top: 25px
}

.choose-card li a {
    width: 100%;
    display: inline-block;
    transform: scale(1);
    transition: all .5s
}

.choose-card li a .img-bo-div {
    width: 100%;
    height: 250px;
    display: inline-block
}

.choose-card li a .img-bo-div img {
    margin: auto;
    text-align: center
}

.choose-card li a:hover {
    transform: scale(1.1)
}

.choose-div-modal .btn-close {
    background: #0a051d !important;
    width: 30px;
    height: 30px;
    position: relative;
    right: -20px;
    top: -20px;
    opacity: 9;
    border-radius: 50%;
    transition: all .5s
}

.choose-div-modal .btn-close svg {
    color: #fff
}

.choose-div-modal .btn-close:hover {
    background: #ff6f00 !important
}

.choose-div-modal h2 {
    color: #0a051d;
    font-size: 28px;
    font-weight: 600
}

.btn-submit {
    background: #0a051d;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    padding: 15px 25px 10px 25px;
    color: #fff;
    text-transform: uppercase;
    display: table !important;
    width: 170px !important;
    margin: auto;
    transition: all .5s linear;
    margin-bottom: 20px
}

.btn-submit:hover {
    background: #ff6f00
}

.list-group-item {
    border: none !important;
    background: none !important
}

.item.list-group-item {
    float: none;
    width: 100%;
    background: #fff !important
}

.inside-div01 {
    padding: 20px !important;
    background: #fff !important
}

.item.list-group-item .inside-div01 {
    float: none;
    width: 100%;
    -ms-flex: 0 0 48%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    border: 0;
    height: 271px;
    border-radius: 8px;
    transition: all .5s;
    display: flex
}

.grid-group-item .left-div-list {
    height: 180px;
    overflow: hidden
}

.left-details-info .moni {
    height: 400px
}

.left-details-info .moni img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.left-details-info h1 {
    color: #fff;
    font-size: 3rem;
    font-family: 'Philosopher', sans-serif
}

.left-details-info .share-div li {
    margin-right: 15px;
    color: #fff
}

.left-details-info .share-div li i {
    color: #ff6f00
}

.left-details-info .share-div a {
    cursor: pointer
}

.oqute {
    border: solid 1px rgba(0, 0, 0, .05) !important;
    background: rgba(0, 0, 0, .05);
    background: #fff
}

.oqute span i {
    color: #0a051d;
    font-size: 35px
}

.oqute h2 {
    color: #0a051d
}

.comon-items-d1 {
    display: flex;
    justify-content: space-between;
    padding: 0;
    flex-wrap: wrap;
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    border: solid 1px rgba(0, 0, 0, .05) !important;
    border-radius: 0 !important;
    padding: 20px !important;
    transition: all .5s
}

.item.list-group-item .left-div-list {
    width: 40%;
    position: relative;
    border-radius: 5px;
    height: 229px
}

.item.list-group-item .left-div-list img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.right-list-div {
    padding-top: 20px
}

.right-list-div p {
    font-size: 16px;
    font-weight: 300
}

.right-list-div h6 {
    color: #ff6f00;
    font-size: 1.5rem;
    margin-bottom: 10px
}

.right-list-div h6 i {
    margin-right: 5px
}

.right-list-div h5 {
    color: #0a051d;
    font-size: 1.7rem;
    font-weight: 600
}

.right-list-div .admin-t {
    margin-top: 5px;
    margin-right: 8px
}

.right-list-div .admin-t span {
    font-size: 1.2rem
}

.right-list-div .admin-t i {
    color: #ff6f00
}

.ashow {
    font-size: 20px;
    color: #fff
}

.blogs-info-div .right-comon-linst05 h3 {
    font-family: 'Philosopher', sans-serif;
    color: #fff;
    font-weight: 600;
    font-size: 3.2rem
}

.blogs-info-div .right-comon-linst05 ul li {
    border-bottom: solid 1px #f5f5f5;
    padding-bottom: 10px;
    margin-bottom: 15px;
    position: relative
}

.blogs-info-div .right-comon-linst05 ul li:last-child {
    border-bottom: none
}

.blogs-info-div .right-comon-linst05 ul li::before {
    position: relative;
    display: inline-block;
    content: "";
    font-family: "FontAwesome";
    color: #ff6f00;
    margin-right: 5px
}

.blogs-info-div .post-cmonk {
    margin-bottom: 20px
}

.blogs-info-div .post-cmonk .img-small01 {
    width: 120px;
    height: 80px;
    border-radius: 5px;
    overflow: hidden
}

.blogs-info-div .post-cmonk .img-small01 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.blogs-info-div .post-cmonk .right-details-yui {
    width: 85%;
    padding-left: 15px
}

.blogs-info-div .post-cmonk .right-details-yui h5 {
    font-weight: 700;
    font-size: 1.6rem;
    color: #fff;
    margin-top: 4px
}

.blogs-info-div .right-comon-linst05 ul li a {
    font-weight: 600;
    font-size: 1.6rem;
    transition: all .5s;
    text-transform: capitalize;
    color: #fff
}

.tabs-links li::before {
    display: none !important
}

.tabs-links a {
    border: solid 1px #efefef !important;
    margin-bottom: 10px
}

.blogs-info-div .right-comon-linst05 {
    padding: 20px
}

.item.list-group-item .right-list-div {
    padding-top: 0;
    padding-bottom: 0;
    width: 60%;
    padding-left: 20px
}

.listed-bn li {
    margin-right: 10px
}

.listed-bn a {
    color: #bbb;
    cursor: pointer
}

.listed-bn a i {
    font-size: 1.8rem
}

.listed-bn a.active {
    color: #ff6f00
}

.hvert {
    position: absolute;
    left: 20px;
    top: 20px;
    background: #ff6f00;
    border-radius: 5px;
    display: grid;
    width: 70px;
    height: 70px;
    text-align: center;
    align-content: center;
    color: #fff;
    font-size: 1.5rem
}

.comment-sec-part {
    margin-top: 80px
}

.comment-sec-part .comon-com-div {
    margin-bottom: 30px;
    background: #fff;
    padding: 20px;
    border-radius: 5px
}

.comment-sec-part h2 {
    color: #fff;
    font-size: 3rem;
    font-family: 'Philosopher', sans-serif;
    margin-bottom: 30px
}

.comment-sec-part figure {
    width: 63px;
    height: 63px;
    overflow: hidden;
    border-radius: 50%
}

.comment-sec-part .comment-text {
    width: 89%
}

.comment-sec-part .comment-text p {
    margin-top: 10px
}

.comment-sec-part .comment-text span {
    color: #ff6f00;
    font-size: 16px
}

.comment-sec-part .comment-text h5 {
    font-weight: 600;
    color: #0a051d;
    font-size: 1.6rem
}

.leave-sec-part {
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    box-shadow: 5px 7px 15px 2px rgba(82, 90, 101, .12);
    margin: 30px 0;
    padding-bottom: 20px
}

.leave-sec-part h2 {
    color: #fff;
    font-size: 3rem;
    font-family: 'Philosopher', sans-serif;
    margin-bottom: 30px
}


.contact-us-page .conatct-form-div h6 {
    font-size: 2.2rem;
    text-transform: capitalize;
    color: #fff
}

.contact-us-page .conatct-form-div h2 {
    font-size: 3rem;
    font-weight: 700;
    color: #fff
}

.contact-us-page .conatct-form-div .form-control {
    font-size: 1.4rem;
    margin-bottom: 20px
}

.contact-us-page .conatct-form-div .ter {
    height: 150px !important
}

.contact-us-page .conatct-form-div .subimt-message {
    width: 100px;
    transition: all .5 linear;
    color: #fff !important;
    text-transform: uppercase
}

.contact-us-page .conatct-form-div .subimt-message:hover {
    background: #0a051d
}

.contact-form01 h2 {
    color: #0a051d;
    font-size: 28px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center
}

.contact-form01 .form-group {
    margin-bottom: 25px
}

.contact-form01 .form-group .form-control {
    height: 45px;
    font-size: 18px
}

.contact-form01 .form-group label {
    color: #0a051d;
    margin-bottom: 8px
}

.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
}

.side-media {
    list-style-type: none;
    margin-top: 15px;
    display: flex
}

.side-media li {
    margin: 0 5px
}

.side-media li a {
    background: #212529;
    color: #fff;
    padding: 8px 12px;
    border-radius: 8px;
    display: inline-block
}

.offcanvas .navbar-expand .navbar-nav .dropdown-menu {
    position: relative
}

.colis-btn {
    background: #0a051d !important;
    opacity: 9 !important;
    color: #fff !important;
    width: 30px;
    height: 30px;
    border-radius: 50%
}
.brand-logo {
	width: 150px;
}
@media(min-width: 992px) {
    .brand-logo {
        width: 130px;
    }
}
@media(min-width: 1080px) {
    .brand-logo {
        width: 150px;
    }
}
@media(min-width: 1200px) {
    .brand-logo {
        width: 190px;
    }
}
@media(min-width: 1400px) {
    .navbar .navbar-nav .nav-link {
        padding-left: 15px;
        padding-right: 15px
    }
    .brand-logo {
        width: 200px;
    }
}





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

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

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

    .banner-section {
        min-height: 350px;
    }

    .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
    }


    .top-pro h2 {
        font-size: 22px;
        color: #0a051d
    }

    .book-btn,
    .call-btn {
        font-size: 12px
    }
}

@media(max-width: 910px) {
    .banner-section .main-bg-start {
        display: none
    }

    .img-anim {
        width: 49%
    }
}

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

    .top-pro h2 {
        font-size: 30px;
        color: #0a051d
    }

    .book-btn,
    .call-btn {
        font-size: 16px
    }

    .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
    }

    .comin-divu-main {
        height: 360px;
        text-align: center
    }

    .comin-divu-main figure::after {
        display: none
    }

    .colm-footer {
        margin-bottom: 40px
    }

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

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

    .choose-div-signu {
        height: auto
    }

    .daily-horp .nav-pills .nav-link {
        font-size: 1.2rem;
        margin-bottom: 25px
    }

    .comin-divu-main {
        height: 358px;
        text-align: center
    }

    .comin-divu-main figure::after {
        display: none
    }

    .rmt-comon h5 {
        font-size: 1.2rem
    }

    .colm-footer {
        margin: 20px 0
    }

    .banner-section {
        min-height: 340px;
    }

    .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
    }

    .right-list-div .admin-t span {
        font-size: 1rem
    }

    .left-details-info .share-div li,
    .left-details-info .share-div a {
        font-size: 1.1rem
    }

    .banner-section h2 {
        font-size: 30px
    }

    .banner-section,
    .banner-section .container {
        height: 230px
    }
}

.feate {
    margin-bottom: 40px;
    background: #ffffff05;
    padding: 24px;
    backdrop-filter: blur(12px);
    border: 2px solid #ffffff0d;
    transform: translateY(0) !important;
}

.feate:hover {
    transform: translateY(-10px) !important;
}

.navbar-toggler {
    color: #fff !important;
    font-size: 24px
}

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



    .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
    }

    .choose-div-signu {
        height: auto
    }


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

    .tipsoft h2 {
        font-size: 25px
    }

    .comin-divu-main {
        height: 350px;
        text-align: center
    }

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

    .comin-divu-main figure::after {
        display: none
    }

    .daily-horp .nav-pills .nav-link {
        font-size: 1rem;
        margin-bottom: 15px
    }

    .konow-more-zoidc .form-zodiuc {
        padding: 0 20px
    }

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

    .feate {
        margin-bottom: 30px
    }

    .feate h2 {
        font-size: 35px
    }

    .feate p {
        font-size: 16px
    }

    .colm-footer {
        margin: 20px 0;
        display: inline-block
    }

    .comon-items-d1 .btn-comij,
    .comon-items-d1 .btn-comij-call {
        font-size: 14px
    }
}

@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: #ff6f00
}

.navbar-nav .dropdown-menu .dropdown-item:hover:before {
    transform: translateX(0);
    opacity: 9;
    width: 21px;
    background: #ff6f00 !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
}




































/**************------ SHOP SINGLE CSS END -------*******************/

/*======================== Home 1 css start===================*/
.hs_sign_main_wrapper {
    background: url(../images/horocurty.jpg) no-repeat;
    background-position: center 0;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    width: 100%;
    height: 100%;
    padding-top: 100px;
    padding-bottom: 100px;

}

.hs_sign_heading_wrapper {
    float: left;
    width: 100%;
}

.hs_sign_left_wrapper {
    float: left;
    width: 25%;
    margin-top: 60px;
    position: relative;
}

.hs_sign_center_wrapper {
    float: left;
    width: 50%;
    margin-top: 60px;
}

.hs_sign_right_wrapper {
    float: left;
    width: 25%;
    margin-top: 60px;
    position: relative;
}

.hs_sign_left_tabs_wrapper_2 {
    margin-top: 25px;
    float: left;
    width: 100%;
}

.hs_sign_left_tabs_wrapper .hs_slider_tabs_icon_wrapper {
    float: left;
    width: 80px;
    height: 80px;
    border: 8px solid rgba(0, 0, 0, 0.0784313725490196);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.round-anim img {
    filter: brightness(0) invert(1);
}

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

.zodiac-icon {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 6px;
}

.round-anim {
    position: relative;
    width: 82px;
    height: 82px;
    display: grid;
    align-content: center;
    text-align: center;
    align-items: center;
}

.hs_sign_left_tabs_wrapper .hs_slider_tabs_icon_wrapper i {
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    background: #191c3c;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0 auto;
    text-align: center;
    display: block;
}

.hs_sign_left_tabs_wrapper .hs_slider_tabs_icon_wrapper i::before {
    margin-left: 0;
    color: #ffffff;
    font-size: 34px;
}

.hs_sign_left_tabs_wrapper .hs_slider_tabs_icon_cont_wrapper {
    float: left;
    width: calc(100% - 80px);
    padding-top: 15px;
    padding-left: 15px;
}

.hs_sign_left_tabs_wrapper .hs_slider_tabs_icon_cont_wrapper li:last-child {
    font-size: 16px;

}

.hs_sign_left_tabs_wrapper li .hs_tabs_btn {
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    background: transparent;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_right_wrapper .hs_slider_tabs_icon_cont_wrapper {
    float: left;
    width: calc(100% - 80px);
    padding-top: 15px;
    padding-right: 15px;
}

.hs_cycle_main_wrapper {
    float: left;
    margin-left: 141px;
    margin-top: 147px;
}

.hs_cycle_img {
    position: relative;
}

.hs_cycle_img:after {
    content: '';
    border: 45px solid #000000;
    position: absolute;
    width: 295px;
    height: 295px;
    left: 0;
    top: 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.hs_cycle_img span {
    position: absolute;
    top: 39px;
    left: 37px;
}

.pulse {
    margin: 100px;
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(55, 164, 221, 0.5803921568627451);
    cursor: pointer;
    box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
    animation: pulse 2s infinite;
}

.pulse:hover {
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(55, 164, 221, 0.51);
    }

    70% {
        -webkit-box-shadow: 0 0 0 25px rgba(204, 169, 44, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(55, 164, 221, 0.51);
        box-shadow: 0 0 0 0 rgba(55, 164, 221, 0.51);
    }

    70% {
        -moz-box-shadow: 0 0 0 25px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 25px rgba(204, 169, 44, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

.hs_cycle_img img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 295px;
    height: 295px;
    position: relative;
}

.hs_tab_shap1 svg {
    fill: #91c8cb;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_tab_shap2 svg {
    fill: #c1aa36;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_tab_shap3 svg {
    fill: #c48c59;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_tab_shap4 svg {
    fill: #c95854;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_tab_shap5 svg {
    fill: #c06175;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_tab_shap6 svg {
    fill: #9d4e69;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_tab_shap7 svg {
    fill: #b099b6;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_tab_shap8 svg {
    fill: #8da1c0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_tab_shap9 svg {
    fill: #91c8cb;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_tab_shap10 svg {
    fill: #618967;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_tab_shap11 svg {
    fill: rgb(204, 145, 39);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_tab_shap12 svg {
    fill: #8c8b3b;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_tab_shap1 p,
.hs_tab_shap2 p,
.hs_tab_shap3 p,
.hs_tab_shap4 p,
.hs_tab_shap5 p,
.hs_tab_shap6 p,
.hs_tab_shap7 p,
.hs_tab_shap8 p,
.hs_tab_shap9 p,
.hs_tab_shap10 p,
.hs_tab_shap11 p,
.hs_tab_shap12 p {
    position: absolute;
    color: #ffffff;
    color: #ffffff;
    top: 18px;
}

.hs_tab_shap1 {
    position: absolute;
    -moz-transform: rotate(-62deg);
    -webkit-transform: rotate(-62deg);
    -o-transform: rotate(-62deg);
    -ms-transform: rotate(-62deg);
    transform: rotate(-62deg);
    top: 29px;
    left: 35px;
    z-index: 1;
}

.hs_tab_shap2 {
    position: absolute;
    -moz-transform: rotate(-31deg);
    -webkit-transform: rotate(-31deg);
    -o-transform: rotate(-31deg);
    -ms-transform: rotate(-31deg);
    transform: rotate(-31deg);
    top: 1px;
    left: 87px;
    z-index: 1;
}

.hs_tab_shap3 {
    position: absolute;
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
    top: 3px;
    left: 146px;
    z-index: 1;
}

.hs_tab_shap4 {
    position: absolute;
    -moz-transform: rotate(29deg);
    -webkit-transform: rotate(29deg);
    -o-transform: rotate(29deg);
    -ms-transform: rotate(29deg);
    transform: rotate(29deg);
    top: 35px;
    left: 196px;
    z-index: 1;
}

.hs_tab_shap5 {
    position: absolute;
    -moz-transform: rotate(57deg);
    -webkit-transform: rotate(57deg);
    -o-transform: rotate(57deg);
    -ms-transform: rotate(57deg);
    transform: rotate(57deg);
    top: 87px;
    left: 224px;
    z-index: 1;
}

.hs_tab_shap6 {
    position: absolute;
    -moz-transform: rotate(88deg);
    -webkit-transform: rotate(88deg);
    -o-transform: rotate(88deg);
    -ms-transform: rotate(88deg);
    transform: rotate(88deg);
    top: 145px;
    left: 223px;
    z-index: 1;
}

.hs_tab_shap7 {
    position: absolute;
    -moz-transform: rotate(118deg);
    -webkit-transform: rotate(118deg);
    -o-transform: rotate(118deg);
    -ms-transform: rotate(118deg);
    transform: rotate(118deg);
    top: 195px;
    left: 193px;
    z-index: 1;
}

.hs_tab_shap8 {
    position: absolute;
    -moz-transform: rotate(148deg);
    -webkit-transform: rotate(148deg);
    -o-transform: rotate(148deg);
    -ms-transform: rotate(148deg);
    transform: rotate(148deg);
    top: 223px;
    left: 142px;
    z-index: 1;
}

.hs_tab_shap9 {
    position: absolute;
    -moz-transform: rotate(179deg);
    -webkit-transform: rotate(179deg);
    -o-transform: rotate(179deg);
    -ms-transform: rotate(179deg);
    transform: rotate(179deg);
    top: 222px;
    left: 83px;
    z-index: 1;
}

.hs_tab_shap10 {
    position: absolute;
    -moz-transform: rotate(209deg);
    -webkit-transform: rotate(209deg);
    -o-transform: rotate(209deg);
    -ms-transform: rotate(209deg);
    transform: rotate(209deg);
    top: 191px;
    left: 32px;
    z-index: 1;
}

.hs_tab_shap11 {
    position: absolute;
    -moz-transform: rotate(238deg);
    -webkit-transform: rotate(238deg);
    -o-transform: rotate(238deg);
    -ms-transform: rotate(238deg);
    transform: rotate(238deg);
    top: 140px;
    left: 4px;
    z-index: 1;
}

.hs_tab_shap12 {
    position: absolute;
    -moz-transform: rotate(267deg);
    -webkit-transform: rotate(267deg);
    -o-transform: rotate(267deg);
    -ms-transform: rotate(267deg);
    transform: rotate(267deg);
    top: 80px;
    left: 5px;
    z-index: 1;
}

.hs_sign_left_tabs_border_wrapper1 span {
    position: absolute;
    top: 45px;
    width: 10px;
    height: 10px;
    background: #565656;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper1 span:after {
    content: '';
    border: 1px dashed #565656;
    width: 228px;
    position: absolute;
    left: 2px;
    -moz-transform: rotate(201deg);
    -webkit-transform: rotate(201deg);
    -o-transform: rotate(201deg);
    -ms-transform: rotate(201deg);
    transform: rotate(201deg);
    top: 47px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper1 span:before {
    content: '';
    border: 1px dashed #565656;
    width: 25px;
    position: absolute;
    -moz-transform: rotate(231deg);
    -webkit-transform: rotate(231deg);
    -o-transform: rotate(231deg);
    -ms-transform: rotate(231deg);
    transform: rotate(231deg);
    top: 99px;
    left: 219px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper2 span {
    position: absolute;
    top: 72px;
    width: 10px;
    height: 10px;
    background: #565656;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper2 span:after {
    content: '';
    border: 1px dashed #565656;
    width: 173px;
    position: absolute;
    left: 8px;
    -moz-transform: rotate(193deg);
    -webkit-transform: rotate(193deg);
    -o-transform: rotate(193deg);
    -ms-transform: rotate(193deg);
    transform: rotate(193deg);
    top: 24px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper3 span {
    position: absolute;
    top: 72px;
    width: 10px;
    height: 10px;
    background: #565656;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper3 span:after {
    content: '';
    border: 1px dashed #565656;
    width: 136px;
    position: absolute;
    left: 8px;
    -moz-transform: rotate(181deg);
    -webkit-transform: rotate(181deg);
    -o-transform: rotate(181deg);
    -ms-transform: rotate(181deg);
    transform: rotate(181deg);
    top: 5px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper4 span {
    position: absolute;
    top: 72px;
    width: 10px;
    height: 10px;
    background: #565656;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper4 span:after {
    content: '';
    border: 1px dashed #565656;
    width: 141px;
    position: absolute;
    left: 8px;
    -moz-transform: rotate(169deg);
    -webkit-transform: rotate(169deg);
    -o-transform: rotate(169deg);
    -ms-transform: rotate(169deg);
    transform: rotate(169deg);
    top: -9px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper5 span {
    position: absolute;
    top: 72px;
    width: 10px;
    height: 10px;
    background: #565656;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper5 span:after {
    content: '';
    border: 1px dashed #565656;
    width: 193px;
    position: absolute;
    left: 5px;
    -moz-transform: rotate(160deg);
    -webkit-transform: rotate(160deg);
    -o-transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    transform: rotate(160deg);
    top: -30px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper6 span {
    position: absolute;
    top: 71px;
    width: 10px;
    height: 10px;
    background: #565656;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper6 span:after {
    content: '';
    border: 1px dashed #565656;
    width: 245px;
    position: absolute;
    left: -2px;
    -moz-transform: rotate(154deg);
    -webkit-transform: rotate(154deg);
    -o-transform: rotate(154deg);
    -ms-transform: rotate(154deg);
    transform: rotate(154deg);
    top: -53px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper6 span:before {
    content: '';
    border: 1px dashed #565656;
    width: 35px;
    position: absolute;
    -moz-transform: rotate(132deg);
    -webkit-transform: rotate(132deg);
    -o-transform: rotate(132deg);
    -ms-transform: rotate(132deg);
    transform: rotate(132deg);
    top: -121px;
    left: 227px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper1 span {
    position: absolute;
    top: 46px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #565656;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper1 span:after {
    content: '';
    border: 1px dashed #565656;
    width: 222px;
    position: absolute;
    left: -215px;
    -moz-transform: rotate(160deg);
    -webkit-transform: rotate(160deg);
    -o-transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    transform: rotate(160deg);
    top: 43px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper1 span:before {
    content: '';
    border: 1px dashed #565656;
    width: 35px;
    position: absolute;
    -moz-transform: rotate(132deg);
    -webkit-transform: rotate(132deg);
    -o-transform: rotate(132deg);
    -ms-transform: rotate(132deg);
    transform: rotate(132deg);
    top: 95px;
    left: -239px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper2 span {
    position: absolute;
    top: 70px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #565656;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper2 span:after {
    content: '';
    border: 1px dashed #565656;
    width: 166px;
    position: absolute;
    left: -161px;
    -moz-transform: rotate(166deg);
    -webkit-transform: rotate(166deg);
    -o-transform: rotate(166deg);
    -ms-transform: rotate(166deg);
    transform: rotate(166deg);
    top: 24px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper3 span {
    position: absolute;
    top: 70px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #565656;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper3 span:after {
    content: '';
    border: 1px dashed #565656;
    width: 145px;
    position: absolute;
    left: -139px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 4px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper4 span {
    position: absolute;
    top: 70px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #565656;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper4 span:after {
    content: '';
    border: 1px dashed #565656;
    width: 145px;
    position: absolute;
    left: -139px;
    -moz-transform: rotate(196deg);
    -webkit-transform: rotate(196deg);
    -o-transform: rotate(196deg);
    -ms-transform: rotate(196deg);
    transform: rotate(196deg);
    top: -16px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper5 span {
    position: absolute;
    top: 70px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #565656;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper5 span:after {
    content: '';
    border: 1px dashed #565656;
    width: 184px;
    position: absolute;
    left: -175px;
    -moz-transform: rotate(205deg);
    -webkit-transform: rotate(205deg);
    -o-transform: rotate(205deg);
    -ms-transform: rotate(205deg);
    transform: rotate(205deg);
    top: -37px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper6 span {
    position: absolute;
    top: 70px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #565656;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper6 span:after {
    content: '';
    border: 1px dashed #565656;
    width: 216px;
    position: absolute;
    left: -201px;
    -moz-transform: rotate(210deg);
    -webkit-transform: rotate(210deg);
    -o-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
    top: -52px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_right_tabs_border_wrapper6 span:before {
    content: '';
    border: 1px dashed #565656;
    width: 43px;
    position: absolute;
    -moz-transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    -o-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    transform: rotate(44deg);
    top: -122px;
    left: -225px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_left_tabs_wrapper:hover .hs_slider_tabs_icon_wrapper i {
    background: #ff7e00;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_left_tabs_wrapper:hover .hs_slider_tabs_icon_cont_wrapper li .hs_tabs_btn {
    color: #ff7e00 !important;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper1:hover span,
.hs_sign_left_tabs_border_wrapper2:hover span,
.hs_sign_left_tabs_border_wrapper3:hover span,
.hs_sign_left_tabs_border_wrapper4:hover span,
.hs_sign_left_tabs_border_wrapper5:hover span,
.hs_sign_left_tabs_border_wrapper6:hover span,
.hs_sign_right_tabs_border_wrapper1:hover span,
.hs_sign_right_tabs_border_wrapper2:hover span,
.hs_sign_right_tabs_border_wrapper3:hover span,
.hs_sign_right_tabs_border_wrapper4:hover span,
.hs_sign_right_tabs_border_wrapper5:hover span,
.hs_sign_right_tabs_border_wrapper6:hover span {
    background: #ff7e00;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_sign_left_tabs_border_wrapper1:hover span:before,
.hs_sign_left_tabs_border_wrapper1:hover span:after,
.hs_sign_left_tabs_border_wrapper2:hover span:before,
.hs_sign_left_tabs_border_wrapper2:hover span:after,
.hs_sign_left_tabs_border_wrapper3:hover span:before,
.hs_sign_left_tabs_border_wrapper3:hover span:after,
.hs_sign_left_tabs_border_wrapper4:hover span:before,
.hs_sign_left_tabs_border_wrapper4:hover span:after,
.hs_sign_left_tabs_border_wrapper5:hover span:before,
.hs_sign_left_tabs_border_wrapper5:hover span:after,
.hs_sign_left_tabs_border_wrapper6:hover span:before,
.hs_sign_left_tabs_border_wrapper6:hover span:after,
.hs_sign_right_tabs_border_wrapper1:hover span:before,
.hs_sign_right_tabs_border_wrapper1:hover span:after,
.hs_sign_right_tabs_border_wrapper2:hover span:before,
.hs_sign_right_tabs_border_wrapper2:hover span:after,
.hs_sign_right_tabs_border_wrapper3:hover span:before,
.hs_sign_right_tabs_border_wrapper3:hover span:after,
.hs_sign_right_tabs_border_wrapper4:hover span:before,
.hs_sign_right_tabs_border_wrapper4:hover span:after,
.hs_sign_right_tabs_border_wrapper5:hover span:before,
.hs_sign_right_tabs_border_wrapper5:hover span:after,
.hs_sign_right_tabs_border_wrapper6:hover span:before,
.hs_sign_right_tabs_border_wrapper6:hover span:after {
    border: 1px dashed #ff7e00;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_tab_shap1:hover svg,
.hs_tab_shap2:hover svg,
.hs_tab_shap3:hover svg,
.hs_tab_shap4:hover svg,
.hs_tab_shap5:hover svg,
.hs_tab_shap6:hover svg,
.hs_tab_shap7:hover svg,
.hs_tab_shap8:hover svg,
.hs_tab_shap9:hover svg,
.hs_tab_shap10:hover svg,
.hs_tab_shap11:hover svg,
.hs_tab_shap12:hover svg {
    fill: #37a4dd;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

/*======================= Hover Change Text & Image ========================*/
.lifewith-section.section-padding {
    overflow-x: hidden;
}

.lifewith-section .container {
    border-top: 1px solid #1b152f;
    padding-top: 60px;
}

.lifewith-area {
    position: relative;
    display: flex;
}

.hover-image {
    position: absolute;
    right: 0;
    top: -8px;
    width: 100%;
}

.life-with-block-block img {
    width: 19%;
    position: absolute;
    transition: 0.5s all ease-in-out;
    padding: 8px;
    background: #fff;
    border-radius: 50%;
}

.life-with-block-block.active img {
    transform: scale(1.02);
    background: #ff6f00;
}

.hover-text {
    width: 100%;
    display: none;
    border: 1px solid #fff;
}

.inner-hover-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.lifewith-shubheading {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 20px;
    color: #fff !important;
    margin-bottom: 15px;
}

.producer-title {
    font-size: 27px;
    margin-bottom: 15px;
    color: #fff !important;
    font-weight: 600;
    text-transform: uppercase;
}

.hover-text {
    width: 400px;
    display: none;
    border: 1px solid #fff;
    height: 400px;
    padding: 30px;
    border-radius: 50%;
}

.life-with-block-block.active .hover-text {
    display: block;
}


@media only screen and (max-width:479px) {
    .life-with-block-block img {
        width: 100px;
        height: 100px;
    }

    .lifewith_img1 {
        left: 0;
        top: 0;
    }

    .lifewith_img2 {
        right: 0;
        top: 0;
    }

    .lifewith_img3 {
        left: 0;
        top: 130px;
    }

    .lifewith_img4 {
        right: 0;
        top: 130px;
    }

    .lifewith_img5 {
        right: 0;
        top: 246px;
        left: 0;
        margin: 0 auto;
    }

    .hover-text {
        width: 100%;
        height: 100%;
        border-radius: 0;
        margin-top: 365px;
    }

    .inner-hover-content {
        padding: 15px;
    }
}

@media only screen and (min-width:480px) {
    .lifewith_img1 {
        margin: 0 auto;
        text-align: center;
        left: 0;
        right: 0;
        top: -22px;
    }

    .lifewith_img2 {
        right: -14px;
        left: auto;
        top: 78px;
    }

    .lifewith_img3 {
        right: 0;
        left: auto;
        top: 293px;
    }

    .lifewith_img4 {
        left: 25px;
        top: 309px;
    }

    .lifewith_img5 {
        left: -24px;
        top: 77px;
    }
}


/*=====================*/
.review-main-astroly {
    overflow-x: hidden;
}

.a_Service-items.text-center {
    border: solid 3px rgba(255, 255, 255, .168627451);
    padding: 20px;
}

.icon-area {
    position: relative;
    display: flex;
    align-items: center;
}

.icon-area .a_service-shapes {
    max-width: 120px;
    margin: 0 auto 20px;
}

.a_service-icon {
    position: absolute;
    left: 0;
    margin: -16px auto 0;
    right: 0;
    max-width: 50px;
}

.lifemanagment-title {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 15px;
    color: #fff;
    font-family: 'Philosopher', sans-serif;
}

.a_Service-items p {
    font-weight: 300;
}

.moon-shape3 {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    -webkit-animation: rotated 120s infinite linear reverse;
    animation: rotated 120s infinite linear reverse;
    top: 0;
}

.moon-shape2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-animation: rotated 120s infinite linear;
    animation: rotated 120s infinite linear;
}


@-webkit-keyframes rotated {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

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

@keyframes rotated {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

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


/*========================== Customer Logo Secton =================*/
/* .logo-section {
	background: #100b22;
} */
.logo-section {
    background: #fff;
}

.customer-logo {
    height: 120px;
    align-items: center;
    background: #fff;
    display: flex;
}

.customer-logo .Logo {
    transition: 0.5s all ease-in-out;
    transform: scale(1);
}

.customer-logo .Logo:hover {
    transform: scale(1.09);
    cursor: pointer;
}

/*   Common page form Sectuion
=================================*/
.common-form-section {
    background-size: contain;
    background-position: center left;
    padding: 50px 0;
}

.common-form-section::after {
    background: #0a051ced;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
}

.common-form-section .container {
    z-index: 1;
}

.comon-form-text {
    font-size: 20px;
    font-weight: 400;
}

.common-form-area {
    padding: 30px 15px 0;
    background: #fff;
    border-radius: 15px;
}

.comon-form-title {
    font-family: 'Merriweather Sans';
    font-size: 20px;
    font-weight: 700;
}

.comon-form-heading p {
    color: #000;
}

.common-fild input,
.common-fild textarea {
    border: 1px solid #d9d9d9 !important;
    transition: 0.5s all ease-in-out;
}

.common-fild input:focus,
.common-fild textarea:focus {
    border: 1px solid #ff6f00 !important;
}

.submit-common-form {
    width: max-content;
    margin: 0 auto;
    border-radius: 10px;
    position: relative;
    top: 27px;
    background: #0a041c;
    padding: 10px;
}

.submit-form {
    padding: 17px 35px 11px;
    background: #ff6f00;
    font-size: 18px;
    border-radius: 10px;
    color: #fff;
    transition: 0.5s;
}

.submit-form:hover {
    color: #ff6f00;
    background: #fff;
}

@media only screen and (max-width:991px) {
    .common-form-area {
        margin-top: 23px;
    }
}

/*   Schedule Sectuion
=================================*/
.schedule-section {
    padding: 50px 0;
    background: #100b22;
}

.schedule-wrapper {
    z-index: 1;
}

.astrologer-name {
    font-size: 30px;
    font-weight: 600;
    color: #f95502;
}

.astrologer-text {
    color: #fff;
    font-size: 24px;
    text-shadow: 1px 2px 0 #000, 1px 0px 0 #000, 1px 3px 0 #000, 0px 1px 0 #000, 1px 3px 0 #000;
}

.call-area {
    margin-top: 15px
}

.call-area p {
    background: #ff6f00;
    padding: 15px;
    margin-right: 62px;
    color: #fff;
    font-size: 19px;
    width: fit-content;
    margin: 0 auto;
}

.call-number {
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    transition: 0.5s all ease-in-out;
}

.call-number:hover {
    color: #fff;
}

.arrow-svg-shape {
    position: absolute;
    margin-left: -144px;
    top: -40px;
    -webkit-animation: lineDash 90s linear infinite;
    animation: lineDash 90s linear infinite;
    transform: rotate(-281deg)
}


@media only screen and (min-width:768px) {



    /*   Schedule Sectuion */

    .schedule-details {
        display: flex;
        justify-content: center;
    }

    .schedule-details {
        justify-content: center;
    }


    .call-area p {
        margin-right: 62px;

    }

    .arrow-svg-shape {
        top: 15px;
        transform: rotate(22deg);
        margin-left: 12px;
    }

}

@media only screen and (min-width:1200px) {

    /*   Schedule Sectuion */
    .schedule-details {
        display: block
    }
}

/*  Animition Css 
================================*/
@-webkit-keyframes lineDash {
    0% {
        stroke-dashoffset: 0
    }

    100% {
        stroke-dashoffset: 1000
    }
}

@keyframes lineDash {
    0% {
        stroke-dashoffset: 0
    }

    100% {
        stroke-dashoffset: 1000
    }
}

@keyframes circle-animation-2 {
    0% {
        left: 0
    }

    50% {
        left: 100%
    }

    100% {
        left: 0
    }
}

@keyframes stroke {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes dash {
    to {
        background-position: 10000% 0%
    }
}

@keyframes dash1 {
    to {
        background-position: -10000% 0%
    }
}

@keyframes stroke1 {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes up-down {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px)
    }
}


/***========================== Footer Section =======================***/
.footer-logo img {
    width: 190px;
}

.widget-icon {
    font-size: 20px;
    color: #ff6f00;
    width: 27px;
    float: left;
    margin: 0 10px 0 0;
    position: relative;
    top: 6px;
}

.contact-info,
.address-info {
    font-weight: 300;
    color: #fff;
    font-size: 15px;
    font-family: 'Merriweather Sans';
    transition: 0.5s all ease-in-out;
}

.address-info {
    display: block;
    overflow: hidden;
}

.contact-info:hover {
    color: #ff6f00;
    padding-left: 3px;
}

.footer-social ul {
    justify-content: space-around;
}

.footer-social {
    border-top: 1px solid #1c1633;
}

.footer-social li {
    margin-right: 15px;
}

.footer-social a i {
    color: #ff6f00;
    transition: 0.5s;
}

.footer-social li a:hover i {
    color: #fff;
    transform: scale(1.1);
}

.widget-title {
    color: #ff6f00;
    font-size: 20px;
    font-weight: 600;
}

.widget-title::after {
    background: #ff6f00;
    width: 45px;
    height: 2px;
    position: absolute;
    left: 0;
    content: "";
    bottom: 0;
    border-radius: 20px;
    transition: 0.5s;
}

.widget-title:hover::after {
    width: 60px;
}

.footer-links-list a {
    color: #fff;
    font-family: 'Merriweather Sans';
    font-weight: 300;
    font-size: 15px;
    margin-bottom: 5px;
    display: block;
    position: relative;
    transition: 0.5s all ease-in-out;
    padding-bottom: 8px;
}

.footer-links-list a:hover {
    color: #ff6f00;
}

.single-artical a {
    display: flex;
    align-items: center;
    transition: 0.5s all ease-in-out;
}

.footer-links-list li a i {
    transition: 0.5s all ease-in-out;
    position: relative;
    margin-left: -15px;
    left: -12px;
    opacity: 0;
}

.footer-links-list a:hover i {
    margin-left: 5px;
    left: 0;
    opacity: 1;
}

.artical-img {
    width: 126px;
}

.artical-text {
    font-size: 14px;
    font-weight: 400;
}

.single-artical a:hover .artical-text {
    color: #ff6f00;
}

.artical-post-date {
    font-size: 15px;
    font-weight: 400;
}

.single-artical a:hover .artical-post-date {
    color: #fff;
}

.footer-recent-project li {
    width: 24%;
    display: inline-block;
    margin-bottom: 6px;
}

.copyright {
    border-top: 1px solid #1c1633;
    padding: 30px 0;
}

.copyright-widget p {
    color: #fff;
    font-weight: 300;
    font-size: 15px;
    font-family: 'Merriweather Sans';
}

.copyright-widget p a {
    color: #ff6f00;
    font-weight: 300;
    font-size: 15px;
    font-family: 'Merriweather Sans';
    transition: 0.5s all ease-in-out;
}

.copyright-widget a:hover {
    color: #fff;
}




@media only screen and (min-width:575px) {
    .moon-shape1 {
        width: 500px;
    }

    .moon-shape2 {
        top: 30px;
        width: 530px;
    }

    .moon-shape3 {
        top: 26px;
        width: 475px;
    }
}

@media only screen and (min-width:768px) {
    .footer-recent-project li {
        width: 48%
    }
}

@media only screen and (max-width:991px) {
    .footer-social {
        background: #17102f;
        padding: 15px 0;
    }
}

/**************------ Contact Us Section  -------*******************/

.banner-section {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    padding-top: 50px;
    box-shadow: 1px 1px 12px 1px #64626229;
}

.banner-section h2 {
    font-size: 2.5rem
}

.banner-text-heading {
    font-size: 24px !important;
}

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

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

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

.banner-section .container nav {
    text-align: center
}

.banner-section .container nav ol {
    justify-content: center
}

.banner-section .container nav ol li {
    color: #fff
}

.breadcrumb-item a {
    color: #ff6f00;
    transition: 0.5s all ease-in-out;
}

.breadcrumb-item a:hover {
    color: #fff
}

.dividline-bradcamb {
    padding: 0 11px;
}

.contact-page-info,
.contact-page-form {
    height: 100%;
}

.conatct-form-div.mb-5.mt-5.mt-lg-0.contact-page-form {
    border: 1px solid #fff;
    padding: 20px;
}

@media only screen and (min-width:768px) {
    .banner-section h2 {
        font-size: 3rem
    }
}

@media only screen and (min-width:992px) {
    .banner-section h2 {
        font-size: 3rem
    }
}

@media only screen and (min-width:1200px) {
    .banner-section h2 {
        font-size: 4rem
    }
}

@media only screen and (min-width:1400px) {
    .banner-section h2 {
        font-size: 5rem
    }
}

/*---------- contact page details ------------*/

.contact-page-info {
    background: #ff6f00;
    border-radius: 5px;
    padding: 40px;
    height: 540px
}

.contact-page-info h2,
.conatct-form-div h3 {
    color: #fff;
    font-size: 30px;
}

.details-sub-heading {
    color: #fff;
    font-size: 20px
}

.contact-page-info ul {
    margin-top: 40px !important
}

.contact-page-info ul li {
    margin-bottom: 20px
}

.contact-title-info {
    color: #fff;
    font-size: 1.6rem
}

.contactus-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: solid 1px #fff;
    color: #fff;
    margin-right: 10px
}

.contactus-icon i {
    font-size: 2rem
}

.contact-details a {
    color: #fff;
}

.content-section {
    background: #0b0d22;
}

/**************------ ABoutus Us Section  -------*******************/
.aboutus-left-image {
    text-align: left;
}

.aboutus-left-image::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -61px;
    border-left: 2px solid #ff6f00;
    border-bottom: 2px solid #ff6f00;
    width: 90px;
    height: 90px;
}

.aboutus-left-image::after {
    position: absolute;
    content: '';
    top: 115px;
    left: 0;
    background-color: #0f2966ab;
    width: 420px;
    height: 450px;
    z-index: -1;
}

.as_contact_expert {
    display: flex;
    background-color: #0d1d4e;
    border-radius: 10px;
    padding: 25px;
    margin-top: 40px;
    align-items: center;
    max-width: 470px;
}

.as_contact_expert .as_icon {
    width: 65px;
    height: 65px;
    background-color: #ff6f00;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
    position: relative;
}

.as_contact_expert .as_icon:before {
    position: absolute;
    left: -7px;
    top: -7px;
    bottom: -7px;
    right: -7px;
    border: 1px dashed #ff6f00;
    content: '';
    border-radius: 100%;
}

.as_contact_expert:hover .as_icon:before {
    animation: spin 9s infinite linear;
    -webkit-animation: spin 9s infinite linear;
    -moz-animation: spin 9s infinite linear;
}

.as_contact_expert .as_white {
    font-size: 21px;
    margin: 0 0 7px 0;
    text-transform: capitalize;
    font-weight: 500;
    color: #fff;
}

.as_contact_expert .as_orange {
    font-size: 34px;
    font-weight: 700;
    margin: 0 0 0 0;
    color: #ff6f00;
    font-family: 'Philosopher', sans-serif;
}

.as_aboutimg {
    position: relative;
    z-index: 1;
    padding: 0 0 40px;
    text-align: right;
}

.as_aboutimg img {
    display: inline-block;
}

.as_aboutimg::after {
    position: absolute;
    content: '';
    top: 95px;
    right: 84px;
    background-color: #17384e;
    width: 420px;
    height: 450px;
    z-index: -1;
}

.as_aboutimg::before {
    position: absolute;
    content: '';
    left: 17px;
    bottom: 0;
    border-left: 2px solid #17384e;
    border-bottom: 2px solid #17384e;
    width: 90px;
    height: 90px;
}

.as_about_slider {
    max-width: 520px;
    margin: 0 20px 0 auto;
}

.as_about_slider .slick-dots {
    position: absolute;
    left: -46px;
    bottom: 32px;
}

.as_about_slider .slick-dots li {
    display: flex;
    cursor: pointer;
    margin: 15px 0;
}

@media only screen and (min-width:768px) {
    .aboutus-left-image img {
        right: 25px;
    }

    .aboutus-left-image {
        text-align: right;
    }
}

/*-----------*/
.life-coach-section {
    background: #100b22;
}

.life-coach-section::before {
    top: -6px;
    background-color: #0a051d;
}

.life-coach-content h3 {
    font-size: 30px;
    color: #ff6f00;
    font-weight: 700;
}

/*-----------*/
.education-section::before {
    top: -7px;
    transform: rotateX(202deg);
}

.form_top_shape::before {
    top: -6px;
    transform: rotateX(202deg);
    z-index: 1;
}

.education-image img {
    z-index: 1;
    position: relative;
}

.as_text {
    font-size: 17px;
    text-align: justify;
}

@media only screen and (max-width:575px) {
    .education-image img {
        margin-top: 20px;
        width: 100%;
    }
}

@media only screen and (min-width:576px) {
    .education-image::after {
        position: absolute;
        content: "";
        width: 339px;
        height: calc(100% - -20px);
        right: 8px;
        top: 0;
        border: 2px solid #5d596c;
        border-radius: 180px 180px 0 0;
        z-index: -1;
    }
}

@media only screen and (min-width:767pxpx) {
    .education-image::after {
        width: 350px;
        right: 33px;
    }
}

/*---------------------*/
.box-section {

    position: relative;
    background-size: cover;
    background-position: center;
}

.box-section::after {
    background: #0a051d;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    z-index: 0;
    opacity: 0.9;
}

.box-section .container-fluid {
    position: relative;
    z-index: 1;
}

.box-conntent {
    padding: 40px 20px;
}

.box-text p {
    font-size: 17px;
    text-align: justify;
}

.box-image-wrap {
    width: 100%;
    height: 100%;
}

.box-image-wrap img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/*---------------------*/
.bg_blue {
    background: #100b22;
}

.activities-text p {
    margin-bottom: 10px;
    font-size: 17px;
}

/*---------------------*/
.company-title {
    font-weight: 500 !important;
    color: #fff;
    font-size: 17px !important;
}

@media only screen and (min-width:1200px) {
    .testimonial-items {
        height: 544px !important;
    }
}

/**************------ Astrology Reading Over Phone 15 Mints  -------*******************/
.banner-shape-bg img {
    width: 315px;
    right: 0;
    position: absolute;
}

.astrology-phone-section {
    background: #100b22;
}

.price-title {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    position: relative;
    top: 13px;
}

.price-service-box {
    margin-top: 40px;
    align-items: center;
    max-width: fit-content;
}

.price-service-box a {
    display: block;
    padding: 20px;
    transition: 0.5s all ease-in-out;
    border: 1px solid #fff;
    border-radius: 10px;
}

.price-service-box a:hover {
    background: #0d1d4e;
    border: 1px solid #0d1d4e;
}

.price-service-box .as_orange {
    font-size: 20px;
    padding: 10px 15px;
    display: block;
    margin-bottom: 10px;
    transition: 0.5s all ease-in-out;
    background: #fff;
    color: #ff6f00;
    font-weight: 600;
    border-radius: 5px;
}

.as_contact_expert .as_white {
    font-size: 21px;
    margin: 0 0 7px 0;
    text-transform: capitalize;
    font-weight: 500;
    color: #fff;
}

.price-service-box:hover .as_orange {
    color: #fff;
    background: #ff6f00;
}

.price-service-box .as_white {
    font-size: 16px;
    color: #fff;
    font-family: 'Merriweather Sans';
}

/**************------ Group Interaction  -------*******************/

.service-image-left img {
    z-index: 1;
}

.content-pera {
    font-size: 18px !important;
}

.vastu-service-contnet {
    padding-right: 40px;
}

.service-image-right img {
    z-index: 1;
}

@media only screen and (min-width:768px) {
    .service-image-left::after {
        position: absolute;
        content: "";
        width: 100%;
        height: calc(100% - 1px);
        right: -13px;
        top: 26px;
        border: 2px solid #5d596c;
    }

    .service-image-right::after {
        position: absolute;
        content: "";
        width: 100%;
        height: calc(100% - 1px);
        left: -30px;
        top: 26px;
        border: 2px solid #5d596c;
    }
}

@media only screen and (min-width:992px) {
    .service-image-left::after {
        right: -30px;
    }
}

/**************------ Finance & Succes -------*******************/
.service-box-wrap {
    background: #111431e3;
    padding: 20px;
    height: 100%;
}

.service-box-wrap img {
    border-radius: 15px;
}

.service-box-wrap .service-title {
    font-size: 30px;
    color: #ff6f00;
    font-weight: 600;
    margin-top: 23px;
}

.service-box-wrap p {
    font-size: 16px;
    color: #dbdbdb;
    font-weight: 400;
}

/**************------ progeny -------*******************/
.progeny-service-box {
    background: #111431;
    padding: 40px 20px 20px;
    margin-top: 40px;
    transition: 0.5s all ease-in-out;
}

.progeny-service-box:hover {
    background: #fff;
}

.progeny-title {
	width: fit-content;
	background: #11122f;
	padding: 9px 30px;
	border-left: 3px solid #11122f;
	border-radius: 0px 30px 30px 0;
	left: -21px;
	border: 5px solid #100b22;
	color: #fff;
	transition: 0.5s all ease-in-out;
	margin-top: -64px;
	position: relative;
}

.progeny-service-box:hover .progeny-title {
    background: #ff6f00;
}

.progeny-section p {
    font-size: 16px;
    color: #dbdbdb;
    font-weight: 400;
    transition: 0.5s all ease-in-out;
}

.progeny-service-box:hover p {
    color: #000;
}

/**************------ swot analysis -------*******************/
.service-list-points ul {
    padding-left: 33px;
}

.service-list-points li {
    list-style: square;
    transition: 0.5s all ease-in-out;
}

.service-list-points:hover li {
    color: #000
}

/*===============************** Gallery Page Section 
====================================================*/

.mixitup-control-active .tm-tab-icon {
    background-color: #fff;
    border-radius: 50%;
}

.gallery-item-link {
    border: 1px solid #cfd0d1;
    color: #999a9b;
    padding: 10px 25px;
    margin: 0 auto 5px;
    transition: 0.5s all ease-in-out;
    border-radius: 50px;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
}

.tm-tab-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #65636f;
    vertical-align: middle;
    margin-right: 4px;
    transition: 0.5s all ease-in-out;
}

.mixitup-control-active {
    background: #ff6f00;
    color: #fff;
    border: 1px solid #ff6f00;
    border-radius: 5px;
}

.mixitup-control-active span {
    color: #fff;
}

.gallery-col {
    padding: 0
}

.gallery-inner-blog {
    margin: 0 5px 5px 0;
    position: relative;
    overflow: hidden;
}

.gallery-inner-blog img {
    height: 280px;
    width: 100%;
    object-fit: cover;
}

/* .gallery-items-groups {
	padding-top: 30px;
	overflow: hidden;
} */
.gallery-inner-blog img {
    transition: 0.5s all ease-in-out;
}

.gallery-inner-blog:hover img {
    transform: rotate(3deg) scale(1.1);
}

.gallery-overlay {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    text-align: center;
    visibility: hidden;
    transition: all 0.5s;
    transform: scale(0);
}

.gallery-overlay::before {
    content: "";
    width: 0;
    height: 0;
    border-width: 0;
    position: absolute;
    left: 10%;
    top: 10%;
    transition: 50ms height ease 150ms;
    z-index: 3;
}

.gallery-overlay::after {
    content: "";
    width: 0;
    height: 0;
    border-width: 0;
    position: absolute;
    right: 10%;
    bottom: 10%;
    transition: 100ms width ease 200ms;
    z-index: 3;
}

.gallery-items-groups:hover .gallery-overlay::before {
    width: 80%;
    height: 80%;
    border-top: 1px solid #ff6f00;
    border-right: 1px solid #ff6f00;
    transition: width 0.1s ease 0.3s, height 0.1s ease 0.5s;
}

.gallery-items-groups:hover .gallery-overlay::after {
    width: 80%;
    height: 80%;
    border-bottom: 1px solid #ff6f00;
    border-left: 1px solid #ff6f00;
    transition: width 0.1s ease 0.6s, height 0.1s ease 0.7s;
}

.gallery-items-groups .mix:hover .gallery-overlay {
    visibility: visible;
    transform: scale(1);
}

.gallery-overlay .category {
    margin-top: 70px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}

.gallery-overlay .magnify-icon {
    height: 40px;
    width: 40px;
    border-radius: 20px;
    background: #ff6f00;
    cursor: pointer;
    display: inline-block;
    transition: all 0.25s;
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 11;
}

.gallery-overlay .magnify-icon:hover {
    background: #000;
}

.gallery-overlay .magnify-icon p span i {
    font-size: 15px;
    color: #fff;
    line-height: 40px;
    cursor: pointer;
}

/*===============************** Blog Page Section 
====================================================*/

.blog-image-area img,
.inner-blog-details .blog-btn,
.blog-image-area::before {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.inner-blog-details {
    margin: 0 0 25px;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}

.blog-article {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}

.blog-post-item {
    background: #c0b1ff1a;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #474259;
    height: 100%;
}

.blog-image-area {
    position: relative;
    display: block;
    clip-path: polygon(5.726% 0%, 93.274% 0%, 93.274% 0%, 94.364% 0.100%, 95.399% 0.464%, 96.364% 1.015%, 97.245% 1.755%, 98.029% 2.664%, 98.701% 3.723%, 99.249% 4.915%, 99.657% 6.219%, 99.912% 7.617%, 100% 9.091%, 100% 66.97%, 100% 66.97%, 99.732% 70.984%, 98.988% 73.969%, 97.863% 76.111%, 96.447% 77.599%, 94.835% 78.618%, 93.100% 79.355%, 91.39% 79.998%, 89.742% 80.733%, 88.268% 81.747%, 87.061% 83.227%, 87.061% 83.227%, 86.147% 85.185%, 85.483% 87.323%, 84.946% 89.551%, 84.409% 91.777%, 83.749% 93.91%, 82.839% 95.86%, 81.556% 97.535%, 79.775% 98.844%, 77.369% 99.696%, 74.215% 100%, 5.726% 100%, 5.726% 100%, 5.636% 99.881%, 4.601% 99.536%, 3.636% 98.985%, 2.755% 98.245%, 1.971% 97.336%, 1.299% 96.277%, 0.751% 95.085%, 0.343% 93.781%, 0.088% 92.383%, 0% 90.909%, 0% 9.091%, 0% 9.091%, 0.088% 7.617%, 0.343% 6.219%, 0.751% 4.915%, 1.299% 3.723%, 1.971% 2.664%, 2.755% 1.755%, 3.636% 1.015%, 4.601% 0.464%, 5.636% 0.100%, 5.726% 0%);
    overflow: hidden;
}

.blog-image-area img {
    position: relative;
    width: 100%;
    border-radius: 30px;
}

.blog-article:hover .blog-image-area img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.blog-btn {
    position: absolute;
    bottom: 4px;
    right: 5px;
    z-index: 1;
    font-size: 13px;
    background-color: #fff;
    color: #000;
    border-radius: 50%;
    width: 41px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-btn-icon {
    position: relative;
    overflow: hidden;
    display: inline-flex;
}

.blog-btn-icon::before {
    content: "\f061";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: 2px;
    right: -9px;
    width: 18px;
    height: auto;
    transform: scale(0.26) translate(-51px, 30px);
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

.blog-post-item:hover .blog-btn-icon::before {
    transform: scale(1) translate(-2px, 1px);
}

.blog-button-arrow {
    display: inline-block;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

.blog-post-item:hover .blog-btn .blog-button-arrow {
    transform: scale(0.26) translate(45px, -50px);
}

.blog-post-item:hover .blog-btn {
    background-color: #ff6f00;
    color: #fff;
}

.blog-post-date {
    background: #f2f2f2;
    padding: 5px 12px;
    border-radius: 50px;
    color: #000;
    font-size: 14px;
    font-family: 'Merriweather Sans';
    margin-bottom: 12px;
    width: fit-content;
}

.blog-link-title {
    font-size: 14px;
    font-family: 'Merriweather Sans';
    font-weight: 400;
    transition: 0.5s all ease-in-out;
}

.blog-link-title:hover {
    color: #fff;
    text-decoration: underline;
}

.blog-content-wrapper {
    margin-top: 10px;
}

.blog-post-title {
    font-size: 19px;
    font-family: 'Merriweather Sans';
    font-weight: 500;
    color: #fff;
    transition: 0.5s all ease-in-out;
}

.blog-post-item:hover .blog-post-title {
    color: #ff6f00;
}

.blog-content-wrapper p {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Merriweather Sans';
    font-size: 15px;
    margin-top: 7px;
}


/**************-------------------- CHINESE CSS END --------------*******************/
/**************------- BLOG CATEGORIES CSS START ---------*******************/
.hs_blog_left_sidebar_main_wrapper,
.hs_blog_right_sidebar_main_wrapper {
    float: left;
    width: 100%;
}

.hs_blog_box1_main_wrapper {
    float: left;
    width: 100%;
    padding-right: 30px;
}

.hs_blog_box1_img_wrapper img {
    width: 100%;
}

.big-image-links {
    position: absolute;
    top: 15px;
    left: 15px;
}

.big-image-links a {
    display: block;
    background: #fff;
    margin-bottom: 2px;
    color: #000;
    padding: 3px 12px 1px;
    transition: 0.5s all ease-in-out;
}

.big-image-links a:hover {
    background: #ff7e00;
    color: #fff;
}

.hs_blog_box1_img_wrapper {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
}

.hs_blog_box1_img_wrapper iframe {
    width: 100%;
    height: 350px;
    border: 0;
}

.hs_blog_Indx_date_wrapper {
    float: left;
    width: fit-content;
    height: 80px;
    background: #ff6f00;
    text-align: center;
    position: absolute;
    right: 30px;
    bottom: -112px;
    z-index: 100;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    padding: 10px 10px;
}

.hs_blog_box1_main_wrapper:hover .hs_blog_Indx_date_wrapper {
    bottom: 0px;
    z-index: 100;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_blog_Indx_date_wrapper li:first-child {
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
}

.hs_blog_Indx_date_wrapper li:last-child {
    font-size: 18px;
    color: #ffffff;
    font-family: 'Merriweather Sans';
    font-weight: 600;
}

.hs_blog_box1_cont_main_wrapper {
    /* float: left; */
    width: 100%;
    /* border: 1px dashed #acacac; */
    padding: 35px 0;
    /* background: #fff; */
    overflow: hidden;
}

.hs_blog_cont_heading_wrapper h2 {
    font-size: 28px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Merriweather Sans';
}

.hs_blog_cont_heading_wrapper h3 {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 20px;
}

.blog-heading-underline span {
    width: 8px;
    height: 8px;
    background: #ff7e00;
    display: inline-block;
    position: relative;
    margin-top: 10px;
}

.blog-heading-underline span:after {
    content: '';
    border: 1px solid #d8d8d8;
    width: 40px;
    position: absolute;
    left: 15px;
    top: 3px;
}

.hs_blog_cont_heading_wrapper p {
    padding-top: 20px;
    /* font-family: 'Merriweather Sans'; */
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 30px;
    border-bottom: 1px solid;
    padding-bottom: 20px;
    text-align: justify;
}

.big-first-letter::first-letter {
    color: #fff;
    padding: 0;
    font-size: 52px;
    line-height: 48px;
    display: inline-block;
    float: left;
    font-weight: 700;
    margin-right: 8px;
}

.blog-listing-contnet ul {
    padding-left: 37px;
}

.blog-listing-contnet li {
    margin-bottom: 14px;
    font-size: 15px;
    font-weight: 500;
    text-align: justify;
}

.blog-listing-contnet strong {
    font-weight: 700;
    color: #fff;
    position: relative;
}

.blog-listing-contnet strong::before {
    background: #fff;
    width: 6px;
    height: 6px;
    content: "";
    position: absolute;
    left: -13px;
    top: 4px;
    border-radius: 50%;
}

.hs_blog_single_first_cont_wrapper p {
    font-family: 'Merriweather Sans';
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 30px;
    text-align: justify;
    margin-top: 20px;
}

.hs_blog_box3_main_wrapper a {
    padding: 35px;
    border: 5px solid rgba(0, 0, 0, 0.14);
    border-right: 5px solid #ff7e00;
    display: block;
    background: #fff;
    color: #ff6f00;
    font-weight: 600;
    transition: 0.5s all ease-in-out;
}

.hs_blog_box3_main_wrapper a:hover {
    color: #000;
}




.hs_blog_cont_heading_wrapper h5 a {
    font-size: 16px;
    color: #37a4dd;
    padding-top: 20px;
    display: inline-block;
}

.hs_blog_cont_heading_wrapper h5 a i {
    position: relative;
    top: 2px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_blog_cont_heading_wrapper h5 a:hover i {
    padding-left: 5px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_blog_box1_bottom_cont_left li {
    float: left;
    margin-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
}

.hs_blog_box1_bottom_cont_left li:after {
    content: '';
    border: 1px solid rgba(0, 0, 0, 0.15);
    height: 15px;
    position: absolute;
    right: -15px;
    top: 19px;
}

.fw-bold {}

.hs_blog_box1_bottom_cont_left li a,
.hs_blog_box1_bottom_cont_right li a {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_blog_box1_bottom_cont_left li a:hover,
.hs_blog_box1_bottom_cont_right li a:hover {
    color: #ff7e00;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_blog_box3_right_cont_wrapper {
    float: left;
    width: 40%;
}

.hs_blog_quote {
    float: left;
    width: 20px;
    font-size: 20px;
    padding-top: 4px;
    color: #ff7e00;
}

.hs_blog_box3_client_main_wrapper {
    margin-top: 0;
}

/*------ blog right sidebar start ---------*/
.hs_blog_right_search_wrapper {
    float: left;
    width: 100%;
}

.hs_blog_right_search_wrapper input {
    float: left;
    width: calc(100% - 50px);
    height: 50px;
    padding-left: 20px;
    border: 1px dashed #cccccc;
    border-right: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_blog_right_search_wrapper input:hover,
.hs_blog_right_search_wrapper input:focus {
    border: 1px dashed #ff7e00;
    border-right: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_blog_right_search_wrapper button {
    float: left;
    width: 50px;
    height: 50px;
    border: 0;
    background: #ff7e00;
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_blog_right_search_wrapper button:hover {
    background: #37a4dd;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_blog_right_cate_list_heading_wrapper {
    float: left;
    width: 100%;
    background: #ff7e00;
    padding: 15px;
    margin-top: 60px;
}

.hs_blog_right_cate_list_heading_wrapper h2 {
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
}

.hs_blog_right_cate_list_cont_wrapper {
    float: left;
    width: 100%;
}

.hs_blog_right_cate_list_cont_wrapper ul {
    border: 1px dashed #cccccc;
}

.hs_blog_right_cate_list_cont_wrapper li a {
    display: block;
    padding: 15px 20px;
    border-bottom: 1px dashed #cccccc;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_blog_right_cate_list_cont_wrapper li:last-child a {
    border-bottom: 0;
}

.hs_blog_right_cate_list_cont_wrapper li a:hover {
    color: #ff7e00;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_blog_right_recnt_cont_wrapper {
    float: left;
    width: 100%;
    margin-top: 40px;
}

.hs_footer_ln_img_wrapper {
    float: left;
    width: 100px;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 10px;
}

.hs_footer_ln_cont_wrapper {
    float: left;
    width: calc(100% - 100px);
    padding-left: 20px;
    padding-top: 10px;
}

.hs_footer_ln_cont_wrapper h4 {
    font-size: 16px;
    color: #000000;
    line-height: 22px;
}

.hs_footer_ln_cont_wrapper p {
    font-size: 16px;
    color: #ff7e00;
    padding-top: 7px;
}

.hs_blog_right_insta_img_wrapper {
    float: left;
    width: 100%;
}

.hs_blog_right_insta_img_wrapper li {
    float: left;
    margin-right: 3px;
    margin-top: 3px;
}

.hs_blog_right_insta_img_wrapper ul {
    margin-top: 20px;
}

.pager_wrapper {
    margin-top: 80px;
    text-align: center;
}

.pagination {
    display: inline-block;
    margin: 0;
}

.pagination>li>a {
    color: #000000;
    font-weight: bold;
    background: #ffffff;
    border: 1px dashed #acacac;
    font-size: 16px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    width: 50px;
    height: 50px;
    line-height: 36px;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-right: 20px;
    z-index: 10;
}

.pagination>li:first-child>a {
    width: 50px;
    height: 50px;
    line-height: 36px;
    font-weight: bold;
    text-align: center;
    font-size: 26px;
    color: #000000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #ffffff;
    margin-right: 30px;
    background: #222222;
    color: #ffffff;
    z-index: 10;
}

.pagination>li:last-child>a {
    width: 50px;
    height: 50px;
    line-height: 36px;
    font-weight: bold;
    text-align: center;
    font-size: 26px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #ffffff;
    margin-left: 10px;
    padding-right: 8px;
    background: #222222;
    color: #ffffff;
    z-index: 10;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    z-index: 2;
    color: #fff;
    border: 1px dashed #ff880e;
    background-color: #ff880e;
    border-color: none;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.pagination i:before {
    margin-left: 0;
}

.hs_blog_single_box3_main_wrapper {
    margin-top: 40px;
}

.hs_blog_single_second_main_wrapper {
    float: left;
    width: 100%;
    margin-top: 60px;
    border-radius: 15px;
    overflow: hidden;
}

.hs_blog_single_second_client_img_wrapper {
    float: left;
    width: 43%;
    background: #f9f9f9;
    padding: 39px 0 35px 15px;
    position: relative;
}

.hs_blog_single_second_client_img_wrapper::after {
    content: '';
    width: 100px;
    height: 168px;
    background: #f9f9f9;
    position: absolute;
    right: -47px;
    top: 0px;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    z-index: 1;
}

.hs_testi_client_blog_single_main_right_wrapper {
    margin-top: 0;
    position: relative;
    z-index: 10;
}

.hs_blog_single_second_client_img_cont_wrapper {
    float: left;
    width: 57%;
    padding: 14px 20px;
    padding-left: 84px;
    background: #ff7e00;
}

.hs_blog_single_second_client_img_cont_wrapper h2 {
    font-size: 22px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}

.hs_blog_single_second_client_img_cont_wrapper p {
    color: #ffffff;
    font-family: 'Merriweather Sans';
}

.hs_rs_comment_img_cont_wrapper span {
    font-size: 14px;
    color: #797979;
    padding-left: 10px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_rs_comment_img_cont_wrapper h2 a {
    font-size: 14px;
    color: #ff7e00;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_rs_comment_main_wrapper:hover .hs_rs_comment_img_cont_wrapper span,
.hs_rs_comment_main_wrapper:hover .hs_rs_comment_img_cont_wrapper h2 a {
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.hs_rs_blog_single_comment_img_cont_wrapper {
    padding-top: 20px;
}

.hs_testi_cont_main_wrapper {
    float: left;
    width: 100%;
    background: #ffffff;
    padding: 20px;
    position: relative;
}

.hs_testi_cont_main_wrapper:after {
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 46px solid #ffffff;
    position: absolute;
    bottom: -46px;
    right: 70px;
}

.hs_testi_cont_inner_wrapper {
    float: left;
    width: 100%;
    border: 1px dashed #cecece;
    padding: 40px;
}

.hs_testi_quote_wrapper {
    float: left;
    width: 30px;
}

.hs_testi_quote_wrapper i {
    font-size: 25px;
    color: #ff7e00;
    position: relative;
    top: -6px;
}

.hs_testi_quote_cont_wrapper {
    text-align: center;
    float: left;
    width: calc(100% - 30px);
}

.hs_testi_client_main_wrapper {
    float: left;
    width: 412px;
    background: #ffffff;
    /* margin-top: 70px; */
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 77px;
    padding-bottom: 0px;
}

.hs_testi_client_cont_img_sec {
    float: left;
    width: 94px;
}

.hs_testi_client_cont_img_sec img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 98px;
}

.hs_testi_client_cont_sec {
    float: left;
    width: calc(405px - 88px);
    border: 1px dashed #cecece;
    margin-top: 13px;
    padding-top: 7px;
    text-align: center;
    padding-bottom: 7px;
    position: relative;
    left: 11px;
    border-right: 0;
    -webkit-border-top-left-radius: 50px;
    -moz-border-top-left-radius: 50px;
    border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-bottom-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.hs_testi_client_cont_sec h2 {
    font-size: 22px;
    color: #000000;
    text-transform: uppercase;
}

.hs_testi_client_main_right_wrapper .hs_testi_client_cont_sec {
    -webkit-border-top-right-radius: 50px;
    -moz-border-top-right-radius: 50px;
    border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-bottom-right-radius: 50px;
    border-bottom-right-radius: 50px;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    left: -11px;
    border-right: 1px dashed #cecece;
    border-left: 0;
}

.author-title {
    font-family: 'Merriweather Sans';
    color: #4d4a4a;
    font-weight: 600;
}

.blog-details-inner-links {
    border-bottom: 1px solid #fff;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.blog-link-left li,
.blog-social-platform li {
    display: inline-block;
    position: relative;
}

.blog-link-left li::after {
    background: #ff6f00;
    width: 10px;
    height: 2px;
    position: absolute;
    right: 6px;
    top: 13px;
    content: "";
}

.blog-link-left li:first-child::after,
.blog-link-left li:last-child::after {
    display: none;
}

.Categories-title {
    color: #fff;
    font-size: 18px;
    font-family: 'Merriweather Sans';
}

.blog-link-left li a {
    font-size: 15px;
    font-family: 'Merriweather Sans';
    transition: 0.5s all ease-in-out;
    padding-right: 28px;
}

.blog-link-left li a:hover {
    color: #ff6f00;
}

.blog-social-platform li:first-child {
    color: #fff;
    padding-right: 21px;
    font-family: 'Merriweather Sans';
}

.blog-social-platform a {
    font-size: 16px;
    margin-right: 3px;
    border: 1px solid #fff;
    color: #fff;
    padding: 5px;
    width: 38px;
    display: inline-block;
    text-align: center;
    transition: 0.5s all ease-in-out;
}

.form-blog-details {
    margin-top: 5%;
    background: #fff;
    padding: 20px;
    border-radius: 15px;
}

.form-blog-details .blog-sidebar-title {
    color: #000;
    font-size: 24px;
}

.direction-blogs {
    display: flex;
    transition: 0.5s all ease-in-out;
    margin-top: 50px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}

.blog-prev,
.blog-next {
    width: 50%;
    position: relative;
}

.blog-prev {
    padding: 20px 20px 20px 35px;
}

.blog-next {
    padding: 20px 35px 20px 20px;
    text-align: right;
}

.direction-blogs i {
    font-size: 30px;
    position: absolute;
}

.blog-prev i {
    left: 0;
    top: 50%;
}

.blog-next i {
    right: 0;
    top: 35%;
}

.direction-blogs i:hover {
    color: #ff6f00;
}

.blog-nav-title:hover {
    color: #ff6f00;
}

.prev-blog-heading {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Merriweather Sans';
    color: #fff;
    transition: 0.5s all ease-in-out;
}

.direction-blogs a p:hover {
    color: #ff6f00;
}







.blog-sidebar-articles {
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 23px;
}

.blog-sidebar {
    margin-bottom: 20px;
}

.blog-sidebar-title {
    font-size: 20px;
    color: #000;
    font-weight: 600;
}

.artical-title {
    font-family: 'Merriweather Sans';
    font-size: 13px;
    color: #000;
    font-weight: 500;
    transition: 0.5s all ease-in-out;
}

.recent-single-blog {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #999;
}

.recent-single-blog:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.sidebar-articles-content p {
    font-size: 12px;
    color: #777;
    font-family: 'Merriweather Sans';
}

.artical-title:hover {
    color: #ff7e00;
}

.sidebar-articles-content {
    overflow: hidden;
}

.sidebar-project-image ul {
    display: grid;
    grid-template-columns: 48% 48%;
    gap: 5px 5px;
}

.b_top0 {
    border-top: none;
}

.b_bottom0 {
    border-bottom: none;
}

/*=================*/
.blog-images-area {
    display: grid;
    grid-template-columns: 49% 49%;
    gap: 15px;
    border: 1px solid #fff;
    padding: 10px;
    background: #fff;
}

.blog-single-img p {
    font-size: 15px;
    color: #000;
    text-align: center;
    margin-top: 5px;
}

.blog-lising-text p {
    padding-top: 20px;
    font-family: 'Merriweather Sans';
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 30px;
    border-bottom: 1px solid;
    padding-bottom: 20px;
    text-align: justify;
}

.blog-lising-text li {
    padding-top: 13px;
    font-family: 'Merriweather Sans';
    font-size: 15px;
}

.blog-contact-info p {
    text-align: center;
    padding: 10px;
    background: #fff;
    color: #000;
    font-weight: 600;
}

/*===================== Project Page ==============*/
.event-project-title {
    font-size: 20px !important;
}

.project-links span {
    font-family: 'Merriweather Sans';
    color: #fff;
    font-size: 16px;
}

.project-links a {
    font-family: 'Merriweather Sans';
    color: #ff6f00;
    font-size: 16px;
}

.project-links a:hover {
    color: #fff;
}

.project-links {
    margin-bottom: 15px;
}

.project-contnet .comon-heading .comon-heading {
    font-size: 30px;
}

.porject-left-content p {
    font-size: 16px;
    margin-bottom: 10px;
    font-family: 'Merriweather Sans';
}

.porject-left-content,
.project-left-image {
    padding-right: 15px;
}

.project-right-image,
.porject-right-content {
    padding-left: 15px;
}

.project-row {
    border-bottom: 1px solid #332b51;
}

.project-row:last-child {
    border-bottom: none
}

.project-contnet h3 a:hover {
    color: #ff6f00;
}

@media only screen and (max-width: 480px) {
    .cmn-btn {
        padding-right: 10px;
        padding-left: 10px;
        height: 40px;
        line-height: 40px;
    }

    .brand-logo {
        width: 126px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .lifewith-area {
        margin-left: 35px;
    }
}

@media only screen and (max-width: 991px) {
    .lifewith-col {
        margin-top: 40px;
    }

    .col-project-left-image {
        margin-bottom: 30px;
    }

    .col-project-right-image {
        order: 0;
        margin-bottom: 30px;
    }

    .col-project-left-contet {
        order: 1;
    }
}

@media only screen and (min-width: 992px) {
    .banner-section {
        height: 415px;
    }

    .col-lg-6.horosocpe-col-middle {
        order: 1;
    }

    .horosocpe-col-right {
        order: 2;
    }
}

@media only screen and (min-width: 1280px) {
    .choose-div-signu .row {
        display: grid;
        grid-template-columns: 16.8% 16.8% 16.8% 16.8% 16.8% 16.8%;
    }

    .choose-div-signu .row .col-lg-3 {
        width: 100%;
    }
}

/*==========================*/
.muhurat-box.text-center {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #5d596c;
}

.muhurat-icon img {
    width: 100px;
}

.career-price-box {
    margin-top: 20px;
}

@media only screen and (min-width:768px) {

    .career-price-box {
        margin-top: 130px;
    }
}

/*======= Payment Pages =============*/
.payment-section,
.astrology-page-details {
    background: url(../images/home-team.png);
}

.link-title a {
    font-size: 30px;
    color: var(--bs-orange);
    font-weight: 900;
    margin-bottom: 41px;
    display: block;
    transition: 0.5s;
    font-family: 'Philosopher', sans-serif;
}

.link-title a:hover {
    color: #fff
}

.payment-table table {
    background: #fff;
}

.payment-table th,
.payment-table td {
    padding: 10px;
}

.payment-details td {
    font-size: 16px;
}

.table-des-text p {
    font-size: 18px;
    margin-bottom: 30px;
    text-align: justify;
    margin-top: 20px;
}


.upi-payment-titlle h3 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 30px;
}

.payment-wrapper {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 30px 0;
    margin: 0 0 30px;
}

.payment-all-details {
    padding: 40px 20px 30px;
    background: #c0b1ff1a;
    border-radius: 10px;
    border: 1px solid #474259;
}

.payment-qr-code {
    background: #fff;
    padding: 30px 15px;
    border-radius: 10px;
    height: 100%;
}

.app-logo img {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    width: 156px;
    margin: 0 auto;
    background: #fff;
    border-radius: 5px;
    padding: 7px 20px;
    border: 5px solid #1d1634;
}

.payment-qr-code p {
    font-family: 'Merriweather Sans';
    font-size: 15px;
    color: var(--bs-gray-dark);
}

.qr-code-mail {
    font-family: 'Merriweather Sans';
    font-size: 16px;
    color: var(--bs-indigo);
}

.googlepay-payment-holder,
.payment-holder,
.upi-id-name {
    font-family: 'Merriweather Sans';
    font-weight: 600;
    color: var(--bs-dark);
}

.scane-title {
    font-family: 'Merriweather Sans';
    font-size: 15px;
    color: var(--bs-secondary);
    margin: 20px 0 15px;
}

.accepted-title {
    color: var(--bs-purple);
    font-weight: 600;
    font-family: 'Merriweather Sans';
}

.qrcode-image img {
    width: 200px;
    margin: 0 auto;
}

.upi-logo-name p {
    background: var(--bs-orange);
    width: fit-content;
    padding: 12px;
    border-radius: 50%;
    font-size: 19px;
    color: #fff;
    margin: 0 auto;
    top: -26px;
    position: absolute;
    left: 0;
    right: 0;
    border: 5px solid #1d1634;
}

.upi-mobile span {
    font-family: 'Merriweather Sans';
    font-size: 15px;
    color: var(--bs-gray-dark);
}

.upi-id-title,
.upi-id-details {
    font-weight: 700;
}

.paytm-upi p {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-top: 32px;
}

.account-info-tilte {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-top: 32px;
}

.bank-holder-title,
.bank-title,
.account-title,
.ifsc-code-title,
.micrcode-title {
    color: #fff;
    padding-right: 15px;
}




.payment-service-box .service-image {
    background: var(--bs-gradient);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    padding: 17px;
    margin: 0 auto 20px;
    line-height: 80px;
}

.payment-service-box:hover .service-image {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
    background: var(--bs-orange);
}

.payment-service-box {
    margin-bottom: 15px;
    background: #ffffff05;
    padding: 40px 15px;
    backdrop-filter: blur(12px);
    border: 2px solid #ffffff0d;
    transition: 0.5s all ease-in-out;
    overflow: hidden;
}

.payment-service-box:hover {
    transform: translateY(-10px);
}

.service-icon {
    filter: brightness(0) invert(1);
}

.service-name {
    transition: 0.5s all ease-in-out;
    color: #fff;
    margin-bottom: 11px;
}

.payment-service-box:hover .service-name {
    transform: translateY(-25px);
}

.read-more-btn {
    transition: 0.5s all ease-in-out;
    position: absolute;
    bottom: -27px;
    width: fit-content;
    margin: 0 auto;
}

.payment-service-box:hover .read-more-btn {
    font-size: 18px;
    bottom: 6px;
    margin: 0;
    background: var(--bs-orange);
    padding: 8px 10px;
    color: #fff;
}

.payment-service-box:hover .service-image {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
    transform: translateY(-18px);
}


.service-catalogue-text p {
	font-size: 17px;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
}
.catalogue-price {
	color: var(--bs-orange);
	margin: 20px 0 10px;
}
.catalogue-btn {
	border: transparent;
	background: var(--bs-orange);
	padding: 5px 20px;
	color: #fff;
	width: 100%;
	transition: 0.5s all ease-in-out;
	transform: translateY(15px);
	display: block;
}
.payment-service-box:hover .catalogue-btn {
	transform: translateY(0px);
	background: #fff;
	color: #000;
	border-radius: 5px;
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%);
    }

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

    51% {
        opacity: 1;
    }
}

/*=============== Payment Details PAge================*/
.payment-form {
    border-radius: 15px;
    background: #fff;
    padding: 40px 50px 0;
}

.dropdown.bootstrap-select.tabs-select.payment-select-fild.mt-2 {
    width: 100%;
}

.fild-label.w-100.d-block.select-label {
    padding-top: 4px;
}

.payment-select-fild .dropdown-toggle {
    background: transparent;
    padding-top: 11px;
    height: 45px;
    font-size: 19px;
    margin-bottom: 20px;
}

.payment-select-fild .dropdown-item.active {
    font-size: 15px;
    padding: 13px;
    background: var(--bs-light);
    color: var(--bs-dark);
}

.payment-select-fild .dropdown-item {
    font-size: 15px;
}

.payment-select-fild .form-control {
    font-size: 16px;
    background: var(--bs-theme-blue1);
    color: #fff;
    margin-bottom: 15px;
    font-weight: 600;
}

.payment-select-fild .dropdown-toggle::after {
    right: 11px
}

.payment-select-fild {
    height: 45px;
    font-size: 19px;
    margin-bottom: 20px;
    border: 1px solid #d9d9d9 !important;
    transition: 0.5s all ease-in-out;
}

.fild-label {
    color: var(--bs-gray-dark);
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
}

.radio-list {
    display: flex;
    width: 100%;
    justify-content: space-between;
    background: #f2f2f2;
    padding: 15px;
}

.radio-title {
    color: var(--bs-gray-dark);
    font-weight: 700;
    font-size: 17px;
    text-transform: uppercase;
}

.radio-list {
    flex: 0 0 20rem;
}

.payment-radio-btn {
    position: relative;
}

.payment-radio-btn:hover>.label-radio {
    color: var(--bs-blue);
}

.payment-radio-btn:hover>.label-radio::before {
    border: 5px solid var(--bs-blue);
    margin-right: 10px;
}

.input-radio-btn {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.input-radio-btn:checked+.label-radio {
    color: var(--bs-blue);
}

.input-radio-btn:checked+.label-radio::before {
    margin-right: 8px;
    border: 4px solid var(--bs-blue);
    background: var(--bs-cyan);
}

.label-radio {
    display: flex;
    align-items: center;
    padding: 0.75rem 0;
    color: var(--bs-dark);
    font-weight: 600;
    font-size: 19px;
    cursor: pointer;
    transition: all 0.25s linear;
    margin-bottom: 15px;
}

/* .label-radio::before {
	display: inline-block;
	content: "";
	height: 22px;
	width: 22px;
	margin-right: 0.625rem;
	border: 4px solid var(--bs-gray);
	border-radius: 50%;
	transition: all 0.25s linear;
} */
.payment-method-logo {
    width: 40px;
    margin: 0 10px;
}

.label-text {
    position: relative;
    top: 2px;
}

.qrcode-image {
    background: #f2f2f2;
    text-align: center;
    padding: 15px;
}


.checked-dott {
    background: var(--bs-white);
    width: 22px;
    height: 22px;
    position: relative;
    opacity: 1;
    border-radius: 50%;
    left: 0px;
    border: 4px solid var(--bs-gray);
    top: 0;
    transition: 0.5s all ease-in-out;
}

.input-radio-btn:checked+.checked-dott {
    background: var(--bs-info);
    width: 22px;
    height: 22px;
    position: relative;
    opacity: 1;
    border-radius: 50%;
    left: 0px;
    border: 4px solid var(--bs-blue);
    top: 0;
    margin-right: 5px;
}

.checkout-title.label-radio:hover .checked-dott {
    margin-right: 10px !important;
}

.checkout-title.label-radio:hover .label-text {
    color: var(--bs-blue);
}

.payment-detail {
    height: 302px;
}

.payment-detail img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    background: #f2f2f2;
    padding: 15px;
}

/*================== Cart Pages ======================*/
.cart-table th,
.cart-table td {
    padding: 30px 10px;
}

.table-head .text-white {
    border: none;
    padding: 15px 10px;
}

.cart-table-details tr {
    background: #140d2f;
    border-bottom: 10px solid #0a051d;
}

.cart-quantity {
    display: flex;
    align-content: center;
    justify-content: center;
}

.quantity-mins,
.quantity-plus {
    background: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    text-align: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 15px;
    align-items: center;
    background: var(--bs-orange);
    color: #000;
}

.cart-quantity input {
    background: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    text-align: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 17px;
    align-items: center;
    color: #000;
    border: 1px solid #fff;
    margin: 0 5px;
    font-weight: 600;
}

.cart-img {
    filter: brightness(0) invert(1);
}

.action-close {
    background: var(--bs-danger);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.action-close {
    background: var(--bs-danger);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 41px;
    color: #fff;
    font-size: 20px;
}

.action-close:hover {
    background: var(--bs-orange);
    color: #000;
}

.cart-coupon {
    background: #eaeaea;
    padding: 30px 20px;
}

.form-group.card-form-coupon {
    border: 1px solid var(--lt-color-gray-500);
    background: #fff;
    border-radius: 5px;
    padding: 11px 10px;
}

.card-form-coupon input {
    border: none;
    color: #000;
    font-size: 17px;
    opacity: 1;
}

.coupon-btn {
    font-size: 16px;
    background: #fff;
    border: none;
    font-weight: 600;
}

.cart-heading {
    font-size: 22px;
}

.cart-inner-info {
    padding: 30px;
    border: 1px solid #fff;
    border-radius: 10px;
    margin-top: 14px;
}

.card-offer .btn {
    background: #fff;
    padding: 10px;
    width: 100%;
    font-size: 20px;
    margin-bottom: 18px;
    font-family: 'Philosopher', sans-serif;
    font-weight: 600;
}

.card-offer .btn:hover {
    background: var(--bs-orange);
    color: #000;
}

.total-payment-info {
    display: flex;
    justify-content: space-between;
    margin: 15px 0;
}

.total-title {
    color: #fff;
    font-weight: 600;
}

.totla-amount {
    font-size: 20px;
    font-weight: 600;
    color: var(--bs-orange);
}

.save-text {
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
    border-bottom: 1px solid #fff;
    padding-bottom: 16px;
}

/*================== Video  Pages ======================*/
.grid-col-video {
    margin-bottom: 40px;
}

.video-tab-nav {
    z-index: 1;
    position: relative;
    width: fit-content;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    background: #0a051d;
    padding: 20px;
    border-radius: 10px;
}

.viedo-heading-area {
    text-align: center;
    padding: 80px 0 30px;
    background: #0d0a27;
    margin: -63px 0 50px;
    display: block;
    border-radius: 10px;
}

.video-image img {
    width: 100%;
}

.video-title {
    font-size: 28px;
    color: var(--bs-white);
    opacity: 1;
}

.video-image {
    border-radius: 10px;
    overflow: hidden;
}

.video-image i {
    position: absolute;
    left: 0;
    right: 0;
    color: #e60404fa;
    font-size: 24px;
    background: #fff;
    width: fit-content;
    margin: 0 auto;
    padding: 10px;
    border-radius: 10px;
    transition: 0.5s all ease-in-out;
    box-shadow: 0px 1px 11px 3px #00000082;
    opacity: 0;
    bottom: -50px;
}

.thumbnail-video:hover i {
    bottom: 40%;
    opacity: 1;
}

.thumbnail-video:hover .video-titel p {
    color: var(--bs-orange);
    letter-spacing: 1.01px;
}

.video-title p {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500;
    overflow: hidden;
    max-height: 4rem;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    margin-top: 15px;
}

.video-iframe {
    max-width: 600px;
    width: 100%;
    max-height: 500px;
    height: 350px;
}

.webinar-video-modal {
    display: none;
    position: fixed;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
}

.modal-content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 100%;
    height: 100%;
    background: #00000045;
}

.video-iframe {
    margin-right: 20px;
}

.close-button {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: xx-large;
    font-weight: bold;
    color: white;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.thumbnail {
    cursor: pointer;
}

#img {
    border-radius: 50%;
}


@media only screen and (max-width:991px) {
    .activities-conntent {
        margin-top: 42px;
    }
}

@media only screen and (max-width:767px) {
    .aboutus-content {
        margin-top: 40px;
    }

    .aboutus-left-image::after,
    .aboutus-left-image::before {
        display: none;
    }

    .life-astrology-img {
        overflow: hidden;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .service-image-left {
        width: 96%;
    }

    .aboutus-left-image::after {
        width: 100%;
        height: 100%
    }
}


/*================== Cources  Pages ======================*/
.cources-products {
    background: url(../images/home-team.png) repeat;
}

.cources-wrapper {
    margin-bottom: 70px;
}

.cources-title {
    font-weight: 700;
    font-size: 30px;
    background: #0a051d;
    width: max-content;
    margin: 0 auto;
    padding: 0 15px;
    margin-bottom: 60px;
}

.cource-categories-heading::before {
    background: #fff;
    width: 100%;
    height: 2px;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 19px;
    z-index: -1;
}

.cource-blogs {
    background: #100b22 padding-box;
    padding: 10px;
    box-shadow: 0px 5px 17px -4px #150b37;
    border: 1px solid var(--bs-dark);
    border-radius: 10px;
    height: 100%;
    transition: 0.5s all ease-in-out;
}

.cource-blogs:hover {
    transform: translateY(-5px);
    border: 1px solid var(--bs-orange);
}

.cources-details {
    padding: 20px 0 0;
}

.course-links {
    color: #fff;
    margin-bottom: 15px;
    display: block;
}

.cource-blogs:hover .course-links {
    color: var(--bs-orange);
}

.cource-area {
    display: flex;
    justify-content: space-between;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    align-items: center;
}

.cource-area::before {
    background: #000;
    width: 1px;
    height: 88%;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 2px;
}

.cource-price {
    color: var(--bs-dark);
    transition: 0.5s all ease-in-out;
}

.cource-blogs:hover .cource-price {
    color: var(--bs-orange);
}

.price-cart {
    background: var(--bs-primary-darkblue);
    width: 56px;
    display: block;
    height: 30px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    border-radius: 5px;
    transition: 0.5s all ease-in-out;
}

.price-cart:hover {
    background: var(--bs-orange);
    color: #000;
}








.gallery-tabs .nav-pills {
    display: block;
}

.gallery-tabs .nav-pills li {
    display: inline-block;
    margin-bottom: 24px;
}

.galleryTapsItems {
    margin: 0 5px;
}

.galleryTapsItems .galleryTabLinks {
    border: 1px solid #cfd0d1;
    color: #999a9b;
    padding: 10px 25px;
    margin: 0 auto 5px;
    transition: 0.5s all ease-in-out;
    border-radius: 50px;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
}

.galleryTapsItems .galleryTabLinks.active {
    background: #ff6f00;
    color: #fff;
    border: 1px solid #ff6f00;
    border-radius: 5px;
}

.galleryTapsItems .galleryTabLinks:hover {
    background: #ff6f00;
    color: #fff;
    border: 1px solid #ff6f00;
    border-radius: 5px;
}

.tm-tab-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #65636f;
    vertical-align: middle;
    margin-right: 4px;
    transition: 0.5s all ease-in-out;
}

.galleryTabLinks.active .tm-tab-icon {
    background-color: #fff;
    border-radius: 50%;
}

.galleryTabLinks:hover .tm-tab-icon {
    background-color: #fff;
    border-radius: 50%;
}

.galleryImages {
    column-count: 1;
    --webkit-column-count: 1;
    --moz-column-count: 1;
}

.galleryImages .image img {
    height: auto;
    width: 100%;
}

.galleryImages .image {
    margin-bottom: 15px;
}

@media screen and (min-width: 576px) {
    .galleryImages {
        column-count: 2;
        --webkit-column-count: 2;
        --moz-column-count: 2;
    }
}

@media screen and (min-width: 768px) {
    .galleryImages {
        column-count: 3;
        --webkit-column-count: 3;
        --moz-column-count: 3;
    }
}

@media screen and (min-width: 992px) {
    .galleryImages {
        column-count: 4;
        --webkit-column-count: 4;
        --moz-column-count: 4;
        gap: 1rem;
        padding: 40px 0;
    }
}

.pagination-nav ul {
    list-style-type: none;
    display: inline;
    font-size: 100%;
    margin: 0;
    padding: .5em;
}

.pagination-nav ul li {
    display: inline-block;
    font-size: 100%;
    width: auto;
    margin: 0 1px;
}

.pagination-title-arow {
    font-size: 16px;
}

.pagination-title-arow:hover,
.pagination-title-arow:focus {
    color: var(--bs-tertiary-color-rgb);
}

.pagination-nav ul li a {
    border: 1px solid #dee2e6;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
}

.pagination-nav ul li a:focus,
.pagination-nav ul li a:hover {
    color: var(--bs-orange);
    background: #fff3cd;
    border: 1px solid var(--bs-yellow);
}

.pagination-nav li.current a {
    color: var(--bs-orange);
    background: #fff3cd;
    border: 1px solid var(--bs-warning-border-subtle);
}

/*================================== Disclaimer Pages ==========================*/
.disclaimer-links a {
    margin-right: 10px;
    border: 1px solid #fff;
    padding: 5px 10px;
    border-radius: 5px;
    background: #fff;
    color: #000;
    margin-top: 10px;
    display: inline-block;
}

.disclaimer-links a:hover {
    background: var(--bs-orange);
    color: #fff;
    border: 1px solid var(--bs-orange);
    transform: translateY(-2px);
}

.pera-text {
    color: #a4a4a4;
}

.privacy-policy-content h2 {
    font-size: 30px;
}

.privacy-policy-content p {
    border-bottom: 1px solid #757575;
}

.type-app-list {
    list-style: lower-alpha inside;
    padding-left: 10px;
}

.lifetime-listing {
    padding-left: 40px;
}

.lifetime-listing li {
    position: relative;
}

.lifetime-listing span {
    width: 10px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 12px;
    left: -16px;
}

/*================================== Thank You Pages ==========================*/

.thankyou-details {
	margin: 100px auto 50px;
	width: 500px;
	text-align: center;
	background: #fff;
	padding: 50px;
	background: #ffffff05;
	backdrop-filter: blur(12px);
	border: 2px solid #ffffff0d;
}
.thankyou-details h1 {
	color: var(--bs-orange);
	font-size: 40px;
	margin-bottom: 10px;
}
.thankyou-details p {
	color: #fff;
	font-size: 20px;
	margin-bottom: 25px;
}
.back-home-btn a {
	color: #fff;
	background: var(--bs-orange);
	padding: 12px 30px;
	margin-top: 10px;
	display: block;
	width: fit-content;
	margin: 0 auto;
}
.back-home-btn a:hover{
	color: #000;
	background:#fff;
}



/*================================== Service Consultation Pages ==========================*/
.consultation-section {
	margin-top: 60px;
}
.price-consultation {
	font-size: 26px;
	color: #fff;
}
.consideration-form {
	background: #ffffff05;
	padding: 30px;
	backdrop-filter: blur(12px);
	border: 2px solid #ffffff0d;
    position: relative;
}
.consideration-finner-form h2 {
	text-align: center;
	margin-bottom: 10px;
	color: #fff;
	font-weight: 600;
	font-size: 26px;
}
.consideration-filds input, .consideration-filds select {
	border: none;
	background: #fff;
	height: 45px;
	font-size: 19px;
	margin-bottom: 14px;
	width: 100%;
}
.consideration-fees span {
	font-size: 20px;
	margin: 10px 0 22px;
	display: inline-block;
}
.consultation-price-title{
	color: #fff;
}
.consultation-price {
	color: var(--bs-orange);
}
.consideration-content p {
	text-align: justify;
}
.consultation-btn {
	width: 100%;
	background: var(--bs-orange);
	color: #fff;
	padding: 10px;
	border: none;
	margin-top: 10px;
	transition: 0.5s all ease-in-out;
}
.consultation-btn:hover {
	background: #fff;
	color: #000;
}
.share-links {
	margin-top: 30px;
	background: #ffffff05;
	padding: 30px;
	backdrop-filter: blur(12px);
	border: 2px solid #ffffff0d;
}
.share-links ul {
	display: flex;
	justify-content: space-evenly;
}
.share-links a {
	display: grid;
	width: 36px;
	background: #fff;
	text-align: center;
	font-size: 20px;
	height: 35px;
	align-items: center;
	text-align: center;
	border-radius: 5px;
	color: #000;
}
.share-links a:hover {
	background: var(--bs-orange);
	color: #fff;
	border-radius: 50%;
}


/*=========================== 
User information podel popUp
======================================*/

#userDetailsModal {
    display: none;  
    position: fixed;  
    z-index: 1000;  
    left: 0;
    top: 0;
    width: 100%;  
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0);  
    background-color: rgba(0,0,0,0.4);  
    padding-top: 60px;z-index: 1111;
}
 
.modal-content.cart-popup {
	background-color: #140d2fe0;
	margin: 5% auto;
	border: 3px solid #352a5e;
	width: 95%;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	backdrop-filter: blur(3px);
	height: auto;
	padding: 40px 20px;
}
 
.cart-popup .close {
	color: #939393;
	float: right;
	font-size: 28px;
	font-weight: bold;
	background: #281f4d;
	width: 30px;
	text-align: center;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 2px;
	top: 2px;
	border-radius: 5px;
    transition: 0.5s all ease-in-out;
}
.cart-popup .close:hover, .cart-popup .close:focus {
	color: #120b2b;
	text-decoration: none;
	cursor: pointer;
	background: #fff;
}
.modal-content.cart-popup input {
	font-family: 'Merriweather Sans';
	font-size: 16px;
}
.cart-popup input[type=text], input[type=email], .cart-popup input {
    width: 100%;  
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;  
    box-sizing: border-box;  
    transition: 0.3s; 
}
.cart-popup input:focus {
	background: #fff;
	border: 1px solid #ff7706;
	outline: none;
	box-shadow: none;
	color: #130157;
}
 
    .modal-content.consult-popup {
        background: #fff !important;
    }
@media only screen and (min-width:575px) {
    .modal-content.cart-popup {
        width: 500px;
        height: auto;
        padding: 40px;
    }
}
/*================================== Service Consultation Pages ==========================*/
.conferences-section {
	background: url(../images/home-team.png) repeat;
}
.conferences-deitals-sidebar, .sidebar-cancellation-policy, .purchese-inner-details {
	background: #ffffff05;
	padding: 20px;
	backdrop-filter: blur(12px);
	border: 2px solid #ffffff0d;
}
.sidebar-heading {
	font-size: 20px;
	color: #fff;
}
.conferences-left-side h3, .conferences-left-side h4, .conferences-left-side h5, .conferences-left-side h6 {
	font-family: "Josefin Sans", sans-serif;
	font-size: 20px;
}
.ticket-btn {
	background: var(--bs-orange);
	color: #fff;
	border: none;
	padding: 5px 20px;
}
.full-conference p {
	margin-bottom: 30px;
	margin-top: 10px;
}
.strong-title {
	color: #fff;
	font-weight: 600;
	margin-right: 10px;
}
.sidebar-image img, .feature-facilty img {
	display: inline-block;
	max-width: 100%; 
	padding: 10px;
	border: 1px solid #1b162c;
	border-radius: 4px; 
	transition: all .2s ease-in-out;
}
.sidebar-cancellation-policy h5 {
	font-size: 23px;
	margin-bottom: 20px;
}
.conferences-left-side h2 span {
	font-size: 30px;
	color: #fff;
}
.conferences-left-side h2 small {
	font-size: 18px; 
}

.feature-listing ul li span {
	background: #fff;
	width: 15px;
	height: 1px;
	display: inline-block;
	position: relative;
	top: -4px;
	margin-right: 10px;
}
 
.content-box p, .International-faculty p {
	font-size: 15px;
	text-align: justify;
}

.schedule-box strong {
	font-size: 24px;
	font-weight: 600;
}
.schedule-box small {
	font-family: "Josefin Sans", sans-serif;
	font-weight: 400;
}
.schedule-content h4 {
	font-family: "Josefin Sans", sans-serif;
}
.schedule-content p {
	font-size: 17px;
	margin-bottom: 20px;
}
.schedule-content h5 {
	font-size: 16px;
	font-family: "Josefin Sans", sans-serif;
}
.pricing-box h4 {
	font-size: 16px;
}
.pricing-box p {
	font-size: 17px;
}
.purchase-btn-links {
	background: var(--bs-orange);
	color: #fff;
	padding: 10px 20px;
	margin-top:20px;
	display: block;
	width: fit-content;
}
.purchase-btn-links:hover {
	background: #fff;
	color: #000
}
.conference-table {
	margin-top: 60px;
	display: block;
}
.table-head tr {
	background: #0c032d;
	color: #fff;
	border: 1px solid #1e1446;
}
.table-head tr th {
	font-size: 16px;
	font-weight: 500;
}
.table-tbody tr {
	background: #0f0a21;
	color: #fff;
	border: 1px solid #19103e;
	font-size: 16px;
}
.table-tbody tr:nth-of-type(2n+1) {
	background: #0a051d;
	color: #fff !important;
}
.table-tbody tr td {
	padding: 10px;
}
@media only screen and (min-width:768px) {
.schedule-box .shedule-details{
	display: grid;
	grid-template-columns: 50% 46%;
	gap: 29px;
}
.feature-facilty {
	display: grid;
	grid-template-columns: 40% 60%;
	gap: 33px;
	margin-top: 43px;
} 
.International-faculty img {
	float: left;
}
}

@media only screen and (max-width:767px) {
.International-faculty img{
    width: 100%;
    margin-bottom: 20px;
}
.schedule-image img {
	margin-top: 20px;
}
}
.feature-facilty img, .schedule-image img, .sidebar-image img {
    width: 100%;
}



/*=================Booking Popup==========================*/
.Event_content_modal {
    background: #fff;
    border-radius: 10px;
}

.popup-heading {
    font-family: "Josefin Sans", sans-serif;
    color: var(--bs-danger);
    font-size: 24px;
    font-weight: 900;
}

.popup-description {
    color: #000;
    margin-bottom: 20px;
    line-height: 25px;
}

.ok-popup-btn {
    padding: 5px 30px 2px;
    font-size: 20px;
}

    .ok-popup-btn:hover {
        background: var(--bs-orange);
        color: #fff;
    }

.modal#statusSuccessModal .modal-content svg, .modal#closeEventModal .modal-content svg {
    width: 100px;
    display: block;
    margin: 0 auto;
    border: 3px solid var(--bs-danger);
    border-radius: 50%;
}

.modal#statusSuccessModal .modal-content svg {
    border: 3px solid var(--bs-green);
}

.modal#closeEventModal .modal-content svg {
    border: 3px solid var(--bs-danger);
}

.modal#statusSuccessModal .modal-content .path,
.modal#closeEventModal .modal-content .path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
}

    .modal#statusSuccessModal .modal-content .path.circle,
    .modal#closeEventModal .modal-content .path.circle {
        -webkit-animation: dash 0.9s ease-in-out;
        animation: dash 0.9s ease-in-out;
    }

    .modal#statusSuccessModal .modal-content .path.line,
    .modal#closeEventModal .modal-content .path.line {
        stroke-dashoffset: 1000;
        -webkit-animation: dash 0.95s 0.35s ease-in-out forwards;
        animation: dash 0.95s 0.35s ease-in-out forwards;
    }

    .modal#statusSuccessModal .modal-content .path.check,
    .modal#closeEventModal .modal-content .path.check {
        stroke-dashoffset: -100;
        -webkit-animation: dash-check 0.95s 0.35s ease-in-out forwards;
        animation: dash-check 0.95s 0.35s ease-in-out forwards;
    }

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }

    100% {
        stroke-dashoffset: 900;
    }
}

@keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }

    100% {
        stroke-dashoffset: 900;
    }
}
.purchase-ticketBtn{border:none}

/*=====================End ========================*/


/*============= Vastu page package =================*/
.complete-vastu-section {
    background: #10082b;
    padding: 50px 0;
}

.vastu-package-title {
    color: var(--bs-orange);
    font-weight: 900;
    font-size: 22px;
    padding-bottom: 15px;
}

.inclusions-title {
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 17px;
    position: relative;
    border-bottom: 1px solid #fff;
    width: fit-content;
}
.inclusions-linst li {
    position: relative;
    padding-left: 35px;
}
.inclusions-linst span::before {
    width: 20px;
    height: 2px;
    background: #888;
    position: absolute;
    top: 11px;
    margin-right: 14px;
    content: "";
    left: 4px;
}


/*
/============ Error Page Css=============/
*/
canvas {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100vh !important
}

.error-details {
    padding: 70px 0 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    width: 95%
}

.error-img-block {
    width: fit-content;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

.error-page img {
    max-width: 85%;
    animation: img_bounce 3s ease-in-out 0 infinite alternate
}

@keyframes img_bounce {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
}

.error-title {
    position: relative;
    z-index: 99;
    width: fit-content;
    margin: 0 auto
}

    .error-title h1 {
        font-size: 80px;
        background: linear-gradient(70deg, var(--bs-blue) 35%,var(--bs-cyan) 56%,var(--bs-primary) 67%);
        -webkit-background-clip: content-box;
        -webkit-text-fill-color: transparent;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 900;
        padding-top: 30px;
    }

    .error-title p {
        font-size: 30px;
        color: var(--bs-info);
        font-weight: 900;
        margin-bottom: 15px;
    }

.error-text p {
    font-size: 22px;
    margin: 0 auto;
    padding-bottom: 15px;
    position: relative;
    z-index: 99;
    color: var(--bs-white)
}

.error-text,
.rz-different .accordion .card {
    margin-bottom: 10px
}

.error-page-btn {
    padding-bottom: 30px
}

    .error-page-btn span:first-child {
        margin-right: 20px
    }

.error-return {
    background: linear-gradient(70deg, var(--bs-blue) 35%,var(--bs-cyan) 56%,var(--bs-primary) 67%);
    padding: 12px 29px;
    border-radius: 33px;
    color: var(--bs-white);
    font-size: 21px;
    background-size: 200% auto;
    transition: .5s all ease-in-out;
    display: inline-block;
    position: relative;
    z-index: 99;
    margin-bottom: 15px;
}

    .error-return:hover {
        background-position: right center;
        color: var(--bs-white)
    }

.error-contact {
    padding: 10px 29px;
    border-radius: 33px;
    color: var(--bs-blue);
    font-size: 21px;
    transition: .5s all ease-in-out;
    display: inline-block;
    position: relative;
    z-index: 99;
    border: 2px solid var(--bs-blue);
}

    .error-contact:hover {
        background: var(--bs-white);
        border: 2px solid var(--bs-white);
        color: #000;
    }

@media (min-width:575px) {
    .error-page img {
        max-width: 500px
    }

    .error-return {
        margin-right: 15px
    }
}

@media (min-width:768px) {
    .error-details {
        width: 100%
    }

    .error-title h1 {
        margin-bottom: -20px
    }

    .error-text p {
        width: 46%
    }
}

@media (min-width:992px) {
    .error-text p {
        width:40%;
    }
}
 
/*============ Error Page Css=============*/
.review-banner-text.text-white {
	font-size: 26px;
}
.feedback-rating-wrapper {
	position: relative;
	z-index: 2;
	margin-top: -85px;
	background: #0b0d22;
	padding: 15px;
	box-shadow: 0px 0px 14px 8px #00000024;
}
.package-title {
	font-weight: 900;
	/* font-family: "Josefin Sans", sans-serif; */
	font-size: 26px;
}
.overview-rating-title {
	color: var(--bs-primary);
	font-weight: 600;
	font-size: 26px;
	border-top: 1px solid #1f234a;
}
.rating-star-gruops li {
	display: inline-block;
	margin-right: 2px;
}
.rating-star-gruops li:last-child {
	margin: 0;
}
.rating-star-gruops i {
	color: var(--bs-yellow);
}
.total-rating.position-relative {
	font-size: 25px;
	font-weight: 600;
}
.total-rating::after {
	background: #fff;
	width: 2px;
	height: 100%;
	position: absolute;
	right: -3px;
	top: 0;
	content: "";
	transform: rotate(21deg);
}
.out-of-rating {
	color: var(--bs-yellow);
	font-size: 25px;
	font-weight: 600;
}
.website-review i {
	color: var(--bs-yellow);
}
.feefo-logo {
	margin-bottom: 21px;
}
.gmb-title {
	font-size: 24px;
	font-weight: 900;
}
@media only screen and (min-width:767px) {
    .col-feefo-rating::after {
        background: #6c6c6c;
        width: 1px;
        height: 100%;
        position: absolute;
        right: 47px;
        top: 0;
        content: "";
    }
    .col-feefo-rating::before {
        background: #6c6c6c;
        width: 1px;
        height: 100%;
        position: absolute;
        left: 20px;
        top: 0;
        content: "";
    }

  }
  @media only screen and (min-width:768px) {
    .col-feefo-rating::after {
        right: 22px;
    }
      }
      @media only screen and (min-width:992px) {
        .package-rating-image img {
          height: 235px;
          width: 100%;
          object-fit: cover;
      }
  }
      @media only screen and (min-width:1200px) {
      .package-rating-image img {
        /* height: 209px; */
        width: 73%;
        object-fit: cover;
    }
}
      @media only screen and (max-width:767px) {
        .single-rating-overview {
            background: #0e112b;
            padding: 15px 10px;
            height: 100%;
        }
}
/*=========== form=========== */
.form-wrapper {
	background: #100b22;
	box-shadow: 0px 0px 14px 8px #00000024;
	padding: 20px;
}
.form-title {
	font-size: 26px;
}
.form-check.form-checkbox-fild {
	display: inline-block;
	padding: 0 0px 8px;
}
input.input-fild {
	height: 50px;
}
.input-fild, .input-textarea { 
	font-size: 18px;
	border: 1px solid #2c2644;
	background: #191b33;
	color: #fff;
}
.input-fild:focus, .input-textarea:focus {
	background: #0b0d22;
	border: 1px solid var(--bs-theme-blue5);
	color: #6ca7d9;
}
.tag-filds-groups {
	border: 1px solid #2c2644;
	padding: 10px 10px 0;
}
.tag-info {
	border: 1px solid #2c2644;
	background: #191b33;
	display: flex;
	align-items: center;
	gap: 0 5px;
	padding: 9px 13px;
	border-radius: 5px;
	cursor: pointer;
}
.tag-status {
	width: 34px;
	text-align: center;
	transition: 0.5s all ease-in-out;
}
.tag-status::before {
	content: "\f02b";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.checkbox-fild:checked + .tag-info .tag-status::before {
	content: "\f14a";
}
  .checkbox-fild:checked + .tag-info {
	color: #ffffff;
	text-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
	background: var(--bs-blue);
}
.checkbox-fild {
    position: absolute;
    display: none;
    color: #fff !important;
  }  

  .form-control.input-file::file-selector-button {
	padding: 13px;
}
.see-more-icon i {
	width: 31px;
	border-radius: 5px;
	background: #2c2644;
	text-align: center;
	padding: 7px;
	font-size: 15px;
	margin-left: 6px;
}











.top-review-inner {
	background: #100b22;
	padding: 20px;
	box-shadow: 0px 0px 14px 8px #00000024;
}
.comon-heading.top-review-heading {
	border-bottom: 2px solid #1d143c;
	padding-bottom: 23px;
}
.top-review-wrapper {
	height: fit-content;
}
.arrow-left {
	position: absolute;
	top: -80px;
	right: 31px;
}
.arrow-right {
	position: absolute;
	top: -80px;
	right: 0;
}
.cus-name-latter {
	background: var(--bs-blue);
	color: #fff;
	font-size: 26px;
	font-weight: 900;
	border-radius: 50%;
	width: 60px;
	text-align: center;
	height: 60px;
	line-height: 64px;
}
.cust-star {
	color: var(--bs-yellow);
}
.customer-head-details {
	display: flex;
	gap: 21px;
	align-items: center;
}
.cus-tiltle {
	font-size: 20px;
	font-weight: 600;
}
.pics-items img, .pics-items1 img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}
.cus-feedback-mention {
	border: 1px solid rgb(44, 38, 68);
	background: rgb(25, 27, 51);
	padding: 20px;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.review-mantion-title{
	font-size: 28px;
}
.feedback-tags li {
	border: 1px solid #2c2644;
	background: #191b33;
	width: fit-content;
	padding: 7px 21px;
	border-radius: 36px;
	margin: 0 10px 10px 0;
	display: inline-block;
	color: #fff;
}
.cus-tags-photos {
	border: 1px solid #2c2644;
	background: #191b33;
	padding: 20px;
	height: 243px;
}
.cus-tags-photos .owl-dots {
	display: none;
}
.cus-tags-photos .owl-prev, .cus-tags-photos .owl-next {
	position: absolute;
	top: 50%;
}
.cus-tags-photos .owl-prev {
	left: -18px;
}
.cus-tags-photos .owl-next {
	right: -18px;
}
.cus-tags-photos .owl-prev span, .cus-tags-photos .owl-next span {
	background: #fff;
	font-size: 33px;
	border-radius: 50%;
	height: 30px;
	display: block;
	width: 30px;
	line-height: 30px;
	color: #000;
	transition: 0.5s all ease-in-out;
}
/*=======================*/
.form-label.star-label{
	font-weight: 600;
	color: var(--bs-orange);
	text-transform: uppercase;
}
  .rating-widget .star-input {
    width: 0;
    height: 0;
    position: absolute;
    left: -5000px;
  }
  .rating-widget .star-input:checked + .star-input-label .orange {
    animation: enlarge 0.5s ease-in-out forwards;
  }
  .rating-widget .star-input:checked + .star-input-label:nth-of-type(2) .orange {
    animation-delay: 0.1s;
  }
  .rating-widget .star-input:checked + .star-input-label:nth-of-type(3) .orange {
    animation-delay: 0.2s;
  }
  .rating-widget .star-input:checked + .star-input-label:nth-of-type(4) .orange {
    animation-delay: 0.3s;
  }
  .rating-widget .star-input:checked + .star-input-label:nth-of-type(5) .orange {
    animation-delay: 0.4s;
  }
  .rating-widget .star-input-label {
	display: inline-block;
	text-indent: -5000px;
	line-height: 0;
	color: #dcdcdc;
	position: relative;
	cursor: pointer;
}
  .rating-widget .star-input-label:hover, .rating-widget .star-input-label.hovered {
    color: #a7a7a7;
  }
  .rating-widget .star-input-label i {
	display: block;
	font-size: 27px;
	text-indent: 0;
	background: #191b33;
	padding: 10px;
	border: 1px solid #2c2644;
	border-radius: 5px;
}
  .rating-widget .star-input-label i.orange {
	position: absolute;
	display: block;
	padding: 11px;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	color: orange;
	transform: scale(0);
}
  
  @keyframes enlarge {
    0% {
      transform: scale(0);
    }
    70% {
      transform: scale(1.25);
    }
    100% {
      transform: scale(1);
    }
  }


  .cmn-btn.rating-form-submit {
	border: none;
	width: 150px;
}
   
/*=======================  Numerology Pages ===================*/
.roboto-font{
    font-family: "Roboto", sans-serif;
}
.fw-900{
    font-weight: 900 !important;
}
.fw-700{
    font-weight: 700 !important;
}
.fw-600{
    font-weight: 600 !important;
}
.fw-500{
    font-weight: 500 !important;
}
.fw-400{
    font-weight: 400 !important;
}
.webinar-details-section.konow-more-zoidc {
	padding-bottom: 100px;
	background-color: #3f1885 !important;
}
.webinar-details-section.konow-more-zoidc2 {
	
    padding-bottom: 120px;
	background-color: #3f1885 !important;
}
.numerology-banner {
	background: url(../images/background/numerology_banner1.jpg);
	background-size: cover;
	background-position: 50%;
	padding-top: 43px;
}
.numerology-banner h1 {
	font-size: 48px;
	font-weight: 900;
}
.webinar-info {
	display: flex;
	align-items: center;
}
.webinar-date {
	font-size: 87px;
	margin-right: 10px;
	color: var(--bs-orange);
	font-family: "Roboto", sans-serif;
	font-weight: 900;
}
.webinar-maont {
	font-size: 30px;
	font-weight: 900;
	color: #fff;
	font-family: "Roboto", sans-serif;
}
.webinar-details p {
	font-size: 21px;
	font-weight: 500;
	font-family: "Roboto", sans-serif;
}
.numerology-banner h1 {
	font-size: 48px;
	font-weight: 900;
	font-family: "Roboto", sans-serif;
}
.numerology-banner h1 span{
	color: var(--bs-orange);
}
/*=================*/
.webinar-details-section.konow-more-zoidc::before {
	background: #9e39ae url(../images/shapes/webinar_shape1.png) !important;
}

.webinar-details-section.konow-more-zoidc2::before {
	background: #3f1885 url(../images/shapes/webinar_shape1.png) !important;
}
.webinar-details-section .container {
	/* padding-top: 50px; */
}
.webnaar-shadule li {
	display: inline-block;
}
.date-box {
	background: #ff7010;
	border-radius: 10px;
	text-align: center;
	padding: 0 15px 27px 15px;
	margin-right: 20px;
}
.shadule-icon {
	background: var(--bs-orange);
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	margin: 0 auto -15px;
	color: #fff;
	font-size: 27px;
	border: 5px solid #3f1885;
	position: relative;
	top: -32px;
	transition: 0.5s all ease-in-out;
}
.date-box:hover .shadule-icon {
	transform: rotateY(360deg);
}
.shadule-info {
	font-size: 20px;
	font-family: "Roboto", sans-serif;
	font-weight: 600;
	color: #fff;
	transition: 0.5s all ease-in-out;
}
.date-box:hover .shadule-info {
	color: #000
}
 
.btn-colors {
	padding: 15px 35px;
	background-color: #f00;
	color: #fff;
	border-radius: 5px;
	outline: 0;
	animation: change 5s linear infinite;
	display: block;
	width: fit-content;
	text-align: center;
}
.btn-colors:hover {
	 color: #fff
}
.webinar-text span{
    color: var(--bs-orange);
}
.webinar-text {
	font-size: 20px;
	color: #fff;
	margin-top: 15px;
	font-family: "Roboto", sans-serif;
	font-weight: 600;
}

@keyframes change {
  12.5% { background-color: #f0f; }
  25% { background-color: #00f; }
  37.5% { background-color: #0ff; }
  50% { background-color: #0f9; }
  62.5% { background-color: #0a0; }
  75% { background-color: #ff0; }
  87.5% { background-color: #fa0; }
  100% { background-color: #f00;}
}
 
.up_down_anim {
	animation-name: updown-anim;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@-webkit-keyframes updown-anim {
    0% {
      -webkit-transform: translateY(-20px);
      transform: translateY(-20px);
    }
    50% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
    }
    100% {
      -webkit-transform: translateY(-20px);
      transform: translateY(-20px);
    }
  }


  .highlight-box {
	background: url(../images/background/numerology_banner11.jpg);
	padding: 90px 3%;
	text-align: center;
	/* background-position: 50%; */
	color: #000;
	background-size: cover;
	/* top: -112px; */
	position: relative;
	/* margin-bottom: -50px; */
	border-radius: 10px;
	transition: 0.5s all ease-in-out;
    text-shadow: 1px 1px 3px black;
}
.highlight-box:hover {
	transform: scale(1.02);
}
.hight-light-title {
	color: #fff;
	font-weight: 400;
	font-size: 34px;
	font-family: "Roboto", sans-serif;
}
/*===================================================*/
.video-section {
	background: url(../images/background/numerology_banner1.jpg);
	background-size: cover;
	background-position: 50%;
}
.pera-text p {
	font-size: 22px;
}
.play-btn {
	display: inline-block;
	padding: 0;
	height: 75px;
	width: 75px;
	line-height: 75px;
	font-size: 20px;
	text-align: center;
	background: var(--bs-orange);
	color: #fff;
	position: relative;
	border-radius: 50%;
	z-index: 1;
}
.play-btn i::after {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	background-color:var(--bs-orange);
	border-radius: 50px;
	animation: ripple-wave 1s linear infinite;
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all .5s ease-in-out;
}
@keyframes ripple-wave {
    0% {
      opacity:.8;
      -webkit-transform:scale(.9);
      transform:scale(.9)
    }
    100% {
      opacity:0;
      -webkit-transform:scale(2);
      transform:scale(2)
    }
  }
 
  .achieve-box {
	background: #3f1885;
	padding: 35px 20px;
	border-radius: 10px;
	width: fit-content;
	box-shadow: 0px 12px 11px -4px #521982;
	transition: 0.5s all ease-in-out;
}
.achieve-box:hover {
	transform: translateY(-10px);
}
.box-icon {
	color: var(--bs-orange);
	font-size: 55px;
	position: relative;
	transition: 0.5s all ease-in-out;
}
.achieve-box:hover .box-icon {
	transform:rotateY(360deg);
}
.achieve-box p {
	color: #000;
	font-size: 18px;
}
.choose-webinar-section::before {
	background: #9f3ab0 url(../images/shapes/webinar_shape2.png) !important;
	width: 100%;
	height: 50px;
	position: absolute;
	top: 0px;
	content: "";
	z-index: 0;
}
@media (min-width:992px) {
.achieve-box {
	padding: 35px 80px
}
}
/*===================================================*/
.why-choose-section {
	background: #3f1885;
}
.why-choose-section::before {
	background: #2b0b66 url(../images/shapes/webinar_shape1.png) !important;
	width: 100%;
	height: 50px;
	position: absolute;
	top: 0px;
	content: "";
	z-index: 0;
}
.why-choose-section::after {
	background: #2b0b66 url(../images/shapes/webinar_shape1.png) !important;
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0px;
	content: "";
	z-index: 0;
	transform: rotateX(180deg);
}
.choose-webinar-section {
	background: #2b0b66;
}
.numerology-grid .progeny-service-box {
	background: #3f1885;
	border-radius: 10px;
	box-shadow: 0px 9px 0px 2px #310571;
}
.numerology-grid .progeny-title {
	background: var(--bs-orange);
	border: 5px solid #2b0b66;
	left: -23px;
    width:100%;
}
.numerology-grid .service-list-points p {
	transition: 0.5s all ease-in-out;
}
.numerology-grid:hover .service-list-points p {
	color: #fff;
}
.box-bg-icon {
	font-size: 102px;
	bottom: 0;
	right: 0;
	opacity: 0.2;
	position: absolute;
	transition: 0.5s all ease-in-out;
}
.progeny-service-box:hover .box-bg-icon {
	transform: scale(1.1);
	font-size: 120px;
	bottom: 10px;
	right: 10px;
}
/*===================================================*/
.numerology-banner .container {
	position: relative;
	z-index: 2;
	padding-top: 70px;
}
.numerology-subheading {
	font-size: 25px;
	margin-bottom: 20px;
	text-decoration: underline;
	color: #ff6f00;
}
.numerology-points li {
	list-style: disc inside;
}
p.numerology-text {
	font-weight: 500 !important;
	font-size: 20px !important;
}
.numerology-about-points li {
	width: 19%;
	display: inline-block;
}
.numerology-about-points .rashifal-details {
	padding: 35px 15px 20px;
}
/**/

.ast_whywe_info_box span {
	width: 120px;
	height: 120px;
	line-height: 90px;
	border-radius: 100%;
	background-color: #ff6f00;
	border: 10px solid #FFFFFF;
	box-shadow: -1px 0px 1px 0px #e1e1e1;
	align-items: center;
	display: flex;
	min-width: 120px;
	z-index: 1;
}
.ast_whywe_info_box span img {
	width: 65px;
	margin: 0 auto;
}
.ast_whywe_info_box_info {
	box-shadow: 0px 0px 1px 0px #e1e1e1;
	background: #fff;
	width: 100%;
	padding: 25px 0 25px 50px; 
	border-radius: 10px
}
.ast_whywe_info_box_info p {
	color: #333333;
}
.numerology-grid {
	margin-bottom: 55px;
}
@media (min-width:321px) {
.ast_whywe_info_box {
	display: flex;
	align-items: center;
}
.ast_whywe_info_box_info {
	padding: 25px 0 25px 50px;
	margin-left: -33px;
    border-radius: 0 10px 10px 0;
}
}
@media (max-width:320px) {
.ast_whywe_info_box span {
	margin: 0 auto -24px;
	z-index: 2;
	position: relative;
}
}
/*=================*/
 
.loin-label-section {
	background: url(../images/background/background1.jpg);
	background-size: cover;
	background-position: 50%;
}
/* .feqs-wrapper {
	background: url(../images/background/numerology_banner1.jpg);
	padding: 73px 30px;
	background-size: cover;
	background-position: 50%;
	border-radius: 15px;
	position: relative;
	overflow: hidden;
	box-shadow: 0px 4px 24px -6px #00000052;
} */
.feqs-area {
	padding: 43px 30px 25px;
	border-radius: 15px;
	position: relative;
	box-shadow: 0px 4px 24px -6px #00000052;
	height: 100%;
	background: linear-gradient(45deg, #020542 0%, #541885 100%);
}
.feqs-area .comon-heading {
	font-size: 30px; 
}
.checkbox-info .form-check-label {
	color: #fff;
	font-weight: 400;
	font-family: "Roboto", sans-serif;
	font-size: 21px;
}
.join-single-listing li {
	border-bottom: 1px dotted #fff;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.join-single-listing span {
	color: #fff;
	font-weight: 400;
	font-family: "Roboto", sans-serif;
	font-size: 21px;
}
.highlight-box.webinar-highlight-box {
	margin-top: 25px;
	top: 0;
	margin-bottom: 0;
	transition: 0.5s all ease-in-out;
}
.highlight-box.webinar-highlight-box:hover {
	transform: scale(1.02);
}
/*==========================-------------------======*/
.review-numerology-section {
	background-color: #2b0b66 !important;
}
@media (max-width:991.98px) {
.webinar-testimonials-slider .items-storty.webinar-testimonials {
	height: 100%;
}
}
@media (min-width:992px) {
    .webinar-testimonials-slider .items-storty.webinar-testimonials {
        height: 490px !important;
    }
}
@media (min-width:1200px) {
    .webinar-testimonials-slider .items-storty.webinar-testimonials {
        height: 450px !important;
    }
    }
/*==========================-------------------======*/
/* Main FAQ Section Background */
.feqs-section1 {
    padding: 20px;
    border-radius: 10px;
}

/* Accordion Item Styles */
.accordion-item.faqs-according-items {
    border: none;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}

/* Header (Collapsed) */
.faqs-headding {
    background: #19142a;
    color: #fff;
    padding: 15px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    text-transform: unset;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
}

    .faqs-headding:focus {
        outline: none;
    }

/*=============================*/
.webinar-form::after {
	background: #2f0462db; 
}
.webinar-form::before {
	display: none;
}
.webinar-form .submit-common-form {
	background: #290458
}
/*=============================*/
.webinar-footer {
	background: #2b0b66;
    z-index: -1;
}
.webinar-footer .footer-social, .webinar-footer .copyright {
	border-top: 1px solid #3e2d7d; 
}

/*==============   webinar-video-modal  =============== */
.webinar-video-iframe {
    max-width: 600px;
    width: 100%;
    max-height: 500px;
    height: 350px;
  }
  .webinar-video-modal {
	display: none;
	position: fixed;
	z-index: 9;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.8);
}
  
  .webinar-content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 100%;
    height: 100%;
  }
 
  .video-close-button {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: xx-large;
    font-weight: bold;
    color: white;
    background-color: transparent;
    border: none;
    cursor: pointer;
  }
  
  .thumbnail {
    cursor: pointer;
  }

/* card ccb css  */
.cardCCB {
    width: 88%;
    height: 200px;
    background-color: #4158D0;
    background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
    border-radius: 8px;
    color: white;
    overflow: hidden;
    position: relative;
    transform-style: preserve-3d;
    perspective: 1000px;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.320, 1);
    cursor: pointer;
    left: 84px;
}

.cardCCB-content {
    padding: 20px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: white;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
}

    .cardCCB-content .cardCCB-title {
        font-size: 24px;
        font-weight: 700;
        color: inherit;
        text-transform: uppercase;
    }

    .cardCCB-content .cardCCB-para {
        color: inherit;
        opacity: 0.8;
        font-size: 14px;
    }

.cardCCB:hover {
    transform: rotateY(10deg) rotateX(10deg) scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.cardCCB:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.1));
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.320, 1);
    z-index: 1;
}

.cardCCB:hover:before {
    transform: translateX(-100%);
}

.cardCCB:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.1));
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.320, 1);
    z-index: 1;
}

.cardCCB:hover:after {
    transform: translateX(100%);
}


.tag {
    height: min-content;
    width: 700px;
    padding: 0.5rem;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 21%;
    left: 65%;
    font-weight: 600;
}

.tagLabel {
    margin: 0;
    font-family: "Segoe UI", sans-serif;
    user-select: none;
}

.box1 {
    /* background-color: lightblue; */
    /* border: 4px solid rgb(127, 141, 160); */
}

.Alert-tag {
    background-color: lightsalmon;
    border: 2px solid lightcoral;
}

.box2 {
    background-color: #c5dca0;
    border: 4px solid #77b160;
}

.trend-tag {
    background-color: lightgreen;
    border: 2px solid #a8c256;
}


/* card ccb 2 */
.cardCCB2 {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4.75rem;
    padding: 1rem;
    width: 31.9rem;
    height: 330px;
    background-color: #ff6f00;
    background-image: radial-gradient(circle at 0% 0%, #ff7e00 15%, rgba(0, 0, 0, 0) 75%), radial-gradient(circle at 100% 100%, #ff9126 15%, rgba(0, 0, 0, 0) 150%), linear-gradient(135deg, rgba(24, 8, 28, 0) 0%, #ff0707 50%, rgba(24, 8, 28, 0) 100%);
    border-radius: 0.5rem;
    padding-top: 29px;
}

    /* .cardCCB2::before {
    content: "";
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 2rem;
    height: 2rem;
    background-color: #ff6f00;
    background-image: linear-gradient(0deg, #ffc107 0%, #ff7e00 75%);
    border-radius: 9999px;
    box-shadow: 0 1px 5px 3px #ff6f00,
  } */

    .cardCCB2 .title {
        font-size: 1rem;
        color: white;
        font-weight: 600;
    }

    .cardCCB2 .pricing {
        font-size: 1.5rem;
        color: white;
        font-weight: 600;
    }

        .cardCCB2 .pricing .pricing-time,
        .card .sub-title {
            font-size: 0.75rem;
            color: rgb(251 251 251);
            font-weight: 500;
        }

    .cardCCB2 .list {
        display: flex;
        flex-direction: column;
        gap: 0.80rem;
        font-size: 0.75rem;
        color: white;
        font-weight: 500;
        list-style: none;
        padding-top: 5px;
    }

        .cardCCB2 .list .list-item .check {
            margin-right: 0.25rem;
            font-size: 1rem;
            color: #ffc107;
            font-weight: 900;
        }

    .cardCCB2 .button {
        overflow: hidden;
        cursor: pointer;
        position: relative;
        margin-top: 1.0rem;
        padding: 0.5rem 0.75rem;
        width: 100%;
        height: fit-content;
        background-color: #ff6f00;
        font-size: 0.75rem;
        color: white;
        border: none;
        border-radius: 0.5rem;
        box-shadow: 0px 0px 2px 1px rgb(251 237 255);
        transition: all 0.3s cubic-bezier(1, 0, 0, 1);
        /* bottom: -118px; */
    }

        .cardCCB2 .button .text-button {
            position: relative;
            z-index: 10;
        }

        .cardCCB2 .button::before,
        .cardCCB2 .button::after {
            content: "";
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            transition: all 0.3s ease-in-out;
        }

        .cardCCB2 .button::before {
            left: 0;
            
        }

        .cardCCB2 .button::after {
            right: 0;
            
        }

        .cardCCB2 .button:hover {
            box-shadow: 0px 0px 20px 0 rgb(122, 48, 143);
        }

            .cardCCB2 .button:hover::before,
            .cardCCB2 .button:hover::after {
                width: 0;
                opacity: 0;
            }


.media-banner {
    background: url(../images/background/background1.jpg);
    background-size: cover;
    background-position: 50%;
    padding-top: 135px;
    /* height: 70vh; */
}

.media-banner-text {
    /* position: relative;
    top: 100px; */
    margin-top: -50px;
    padding: 30px 30px 30px 0
    /* width: 50%; */
}

.ccb2Header {
    background-color: #ff7e00;
    background-image: radial-gradient(circle at 0% 0%, #ff6f00 15%, rgba(0, 0, 0, 0) 75%), radial-gradient(circle at 100% 100%, #ffbf00c2 15%, rgba(0, 0, 0, 0) 150%), linear-gradient(135deg, rgba(24, 8, 28, 0) 0%, #ff0707 50%, rgba(24, 8, 28, 0) 100%);
    padding: 8px;
    border-radius: 7px;
}
/* profile media banner */

@import url('https://fonts.googleapis.com/css?family=Raleway');


.profile {
    width: 330px;
    height: 100px;
    position: relative;
    margin-top: 60px;
    /* top: 50%; */
    left: 17%;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    background-color: #2b0b66;
    box-shadow: 0 0 2rem #818087;
    animation: show-profile .5s forwards ease-in-out;
    bottom: 120px;
}

@keyframes show-profile {
    0% {
        width: 0;
    }
}

.photo, .content {
    box-sizing: border-box;
}

.photo {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    border: 5px solid #fafafa;
    background-color: #fafafa;
    margin-left: -50px;
    box-shadow: 0 0 .5rem #babbbc;
    animation: rotate-photo .5s forwards ease-in-out;
}

@keyframes rotate-photo {
    100% {
        transform: rotate(-360deg);
    }
}

.photo img {
    width: 100%;
}

.content {
    padding: 10px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-shadow: 1px 1px 2px black;
}

    .content::before {
        content: '';
        position: absolute;
        width: 230px;
        height: 150px;
        background-color: #3f1885;
        left: 0;
        top: -20px;
        z-index: -1;
        transform: rotate(-8deg);
    }

.text {
    margin-top: 20px;
    margin-left: 50px;
}

h3, h6 {
    font-weight: normal;
    margin: 3px 0;
    letter-spacing: .5px;
    
}

.btn {
    background-color: #a251ffa1;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 25px;
    top: 25px;
    border-radius: 50%;
    z-index: 1;
    cursor: pointer;
    transition-duration: .3s;
    animation: pop-btn .3s both ease-in-out .5s;
}

@keyframes pop-btn {
    0% {
        transform: scale(0);
    }

    80% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.btn:hover {
    box-shadow: 0 0 0 5px rgba(171, 171, 171, .5);
}

.btn span {
    width: 60%;
    height: 2px;
    position: absolute;
    background-color: white;
    top: 50%;
    left: 20%;
    transform: translateY(-50%);
    animation: to-hamburger .3s forwards ease-in-out;
}

    .btn span::before, .btn span::after {
        content: '';
        width: 100%;
        height: 2px;
        position: absolute;
        background-color: white;
        transition-duration: .3s;
        transform: rotate(0deg);
        right: 0;
    }

    .btn span::before {
        margin-top: -7px;
    }

    .btn span::after {
        margin-top: 7px;
    }

.btn.active span {
    animation: to-arrow .3s forwards ease-in-out;
}

    .btn.active span::before, .btn.active span::after {
        width: 60%;
        right: -1px;
    }

    .btn.active span::before {
        transform: rotate(45deg);
    }

    .btn.active span::after {
        transform: rotate(-45deg);
    }

@keyframes to-hamburger {
    from {
        transform: translateY(-50%) rotate(-180deg);
    }
}

@keyframes to-arrow {
    from {
        transform: translateY(-50%) rotate(0deg);
    }

    to {
        transform: translateY(-50%) rotate(180deg);
    }
}

.box {
    width: 150px;
    height: 150px;
    opacity: 0;
    border-radius: 50%;
    background-color: rgb(173 87 255 / 70%);
    position: absolute;
    top: 50%;
    right: -40%;
    transform: translate(-50%, -50%);
    transition-duration: .3s;
}

    .box svg {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: white;
        font-size: 15px;
        text-align: center;
        line-height: 50px;
        position: absolute;
        left: 18px;
        top: calc(75px - 50px / 2);
        box-shadow: 0 0 .5rem #babbbc;
        transition-duration: .3s;
        padding: 10px;
    }

        .box svg:hover {
            box-shadow: 0 0 0 5px #babbbc;
        }

    .box.open {
        opacity: 1;
    }

        .box.open svg {
            left: 60px;
        }

            .box.open svg:nth-of-type(1) {
                transform: rotate(-90deg) translateX(120px);
            }

            .box.open svg:nth-of-type(2) {
                transform: rotate(-45deg) translateX(120px);
            }

            .box.open svg:nth-of-type(3) {
                transform: rotate(0deg) translateX(120px);
            }

            .box.open svg:nth-of-type(4) {
                transform: rotate(45deg) translateX(120px);
            }

            .box.open svg:nth-of-type(5) {
                transform: rotate(90deg) translateX(120px);
            }


/* offer-section */



.offer-section {
    background: url(../images/background/background1.jpg);
    background-size: cover;
    background-position: 50%;
    padding-top: 43px;
}

.profile-section {
    padding-bottom: 40px;
    background: url(../images/background/background1.jpg);
    background-size: cover;
}

.profile_img > img {
    width: 400px;
}

/* slider awarred */
.awarrd-Section {
    padding-bottom: 40px;
    background: url(../images/background/background1.jpg);
    background-size: cover;
}

.container-slider {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /* height: 100vh; */
}

.carousel-wrapper {
    display: flex;
    overflow: hidden;
    width: 55em;
    gap: 1em;
}

.carousel-inner {
    display: flex;
    gap: 1em;
    transition: all 1s ease-in-out;
}

.carousel-card {
    border-radius: 0.5em;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

    .carousel-card img {
        display: block;
        width: 17.5em;
        border-radius: 0.5em 0.5em 0 0;
    }

.carousel-content {
    background-color: #0a2640;
    padding: 1em;
    text-align: center;
    border-radius: 0 0 0.5em 0.5em;
    width: 154px;
}

    .carousel-content h1 {
        color: #fff;
        font-size: 1.25rem;
        margin: 0.35em 0;
    }

    .carousel-content h3 {
        color: #ccc;
        font-size: 0.9rem;
        font-weight: 300;
        margin: 0.35em 0;
    }

.navigation-dots {
    margin-top: 1em;
}

.dot {
    background-color: #1a3d5e;
    border: none;
    cursor: pointer;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 0 0.125em;
    position: relative;
}

    .dot.active::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0.5em;
        height: 0.5em;
        background-color: #001d38;
        border-radius: 50%;
        transform: translate(-50%, -50%);
    }

@media screen and (max-width: 700px) {
    .profile {
        left: 56%;
        bottom: -20px;
    }
}

/* card ccb css  */
.cardCCB {
    width: 88%;
    height: 200px;
    background-color: #4158D0;
    background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
    border-radius: 8px;
    color: white;
    overflow: hidden;
    position: relative;
    transform-style: preserve-3d;
    perspective: 1000px;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.320, 1);
    cursor: pointer;
    left: 84px;
}

.cardCCB-content {
    padding: 20px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: white;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
}

    .cardCCB-content .cardCCB-title {
        font-size: 24px;
        font-weight: 700;
        color: inherit;
        text-transform: uppercase;
    }

    .cardCCB-content .cardCCB-para {
        color: inherit;
        opacity: 0.8;
        font-size: 14px;
    }

.cardCCB:hover {
    transform: rotateY(10deg) rotateX(10deg) scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.cardCCB:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.1));
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.320, 1);
    z-index: 1;
}

.cardCCB:hover:before {
    transform: translateX(-100%);
}

.cardCCB:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.1));
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.320, 1);
    z-index: 1;
}

.cardCCB:hover:after {
    transform: translateX(100%);
}


.tag {
    height: min-content;
    width: 700px;
    padding: 0.5rem;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 21%;
    left: 65%;
    font-weight: 600;
}

.tagLabel {
    margin: 0;
    font-family: "Segoe UI", sans-serif;
    user-select: none;
}

.box1 {
    /* background-color: lightblue; */
    /* border: 4px solid rgb(127, 141, 160); */
}

.Alert-tag {
    background-color: lightsalmon;
    border: 2px solid lightcoral;
}

.box2 {
    background-color: #c5dca0;
    border: 4px solid #77b160;
}

.trend-tag {
    background-color: lightgreen;
    border: 2px solid #a8c256;
}


/* card ccb 2 */
.cardCCB2 {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4.75rem;
    padding: 1rem;
    width: 31.9rem;
    height: 407px;
    background-color: #ff6f00;
    background-image: radial-gradient(circle at 0% 0%, #ff7e00 15%, rgba(0, 0, 0, 0) 75%), radial-gradient(circle at 100% 100%, #ff9126 15%, rgba(0, 0, 0, 0) 150%), linear-gradient(135deg, rgba(24, 8, 28, 0) 0%, #ff0707 50%, rgba(24, 8, 28, 0) 100%);
    border-radius: 0.5rem;
    padding-top: 29px;
}

    /* .cardCCB2::before {
    content: "";
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 2rem;
    height: 2rem;
    background-color: #ff6f00;
    background-image: linear-gradient(0deg, #ffc107 0%, #ff7e00 75%);
    border-radius: 9999px;
    box-shadow: 0 1px 5px 3px #ff6f00,
  } */

    .cardCCB2 .title {
        font-size: 1rem;
        color: white;
        font-weight: 600;
    }

    .cardCCB2 .pricing {
        font-size: 1.5rem;
        color: white;
        font-weight: 600;
    }

        .cardCCB2 .pricing .pricing-time,
        .card .sub-title {
            font-size: 0.75rem;
            color: rgb(251 251 251);
            font-weight: 500;
        }

    .cardCCB2 .list {
        display: flex;
        flex-direction: column;
        gap: 0.80rem;
        font-size: 0.75rem;
        color: white;
        font-weight: 500;
        list-style: none;
        padding-top: 5px;
    }

        .cardCCB2 .list .list-item .check {
            margin-right: 0.25rem;
            font-size: 1rem;
            color: #ffc107;
            font-weight: 900;
        }

    .cardCCB2 .button {
        overflow: hidden;
        cursor: pointer;
        position: relative;
        margin-top: 1.0rem;
        padding: 0.5rem 0.75rem;
        width: 100%;
        height: fit-content;
        background-color: #ff6f00;
        font-size: 0.75rem;
        color: white;
        border: none;
        border-radius: 0.5rem;
        box-shadow: 0px 0px 2px 1px rgb(251 237 255);
        transition: all 0.3s cubic-bezier(1, 0, 0, 1);
        /* bottom: -118px; */
    }

        .cardCCB2 .button .text-button {
            position: relative;
            z-index: 10;
        }

        .cardCCB2 .button::before,
        .cardCCB2 .button::after {
            content: "";
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            transition: all 0.3s ease-in-out;
        }

        .btn3{
            height:50px !important;
            font-size: 18pt !important;
        }
        .cardCCB2 .button::before {
            left: 0;
            
        }

        .cardCCB2 .button::after {
            right: 0;
            
        }

        .cardCCB2 .button:hover {
            box-shadow: 0px 0px 20px 0 rgb(122, 48, 143);
        }

            .cardCCB2 .button:hover::before,
            .cardCCB2 .button:hover::after {
                width: 0;
                opacity: 0;
            }


.media-banner {
    background: url(../images/background/background1.jpg);
    background-size: cover;
    background-position: 50%;
    padding-top: 135px;
    /* height: 70vh; */
}

.media-banner-text {
    /* position: relative;
    top: 100px; */
    margin-top: -50px;
    padding: 30px 30px 30px 0
    /* width: 50%; */
}

.ccb2Header {
    background-color: #ff7e00;
    background-image: radial-gradient(circle at 0% 0%, #ff6f00 15%, rgba(0, 0, 0, 0) 75%), radial-gradient(circle at 100% 100%, #ffbf00c2 15%, rgba(0, 0, 0, 0) 150%), linear-gradient(135deg, rgba(24, 8, 28, 0) 0%, #ff0707 50%, rgba(24, 8, 28, 0) 100%);
    padding: 8px;
    border-radius: 7px;
}
/* profile media banner */

@import url('https://fonts.googleapis.com/css?family=Raleway');


.profile {
    width: 330px;
    height: 100px;
    position: relative;
    margin-top: 60px;
    /* top: 50%; */
    left: 17%;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    background-color: #2b0b66;
    box-shadow: 0 0 2rem #818087;
    animation: show-profile .5s forwards ease-in-out;
}

@keyframes show-profile {
    0% {
        width: 0;
    }
}

.photo, .content {
    box-sizing: border-box;
}

.photo {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    border: 5px solid #fafafa;
    background-color: #fafafa;
    margin-left: -50px;
    box-shadow: 0 0 .5rem #babbbc;
    animation: rotate-photo .5s forwards ease-in-out;
}

@keyframes rotate-photo {
    100% {
        transform: rotate(-360deg);
    }
}

.photo img {
    width: 100%;
}

.content {
    padding: 10px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-shadow: 1px 1px 2px black;
}

    .content::before {
        content: '';
        position: absolute;
        width: 230px;
        height: 150px;
        background-color: #3f1885;
        left: 0;
        top: -20px;
        z-index: -1;
        transform: rotate(-8deg);
    }

.text {
    margin-top: 20px;
    margin-left: 50px;
}

h3, h6 {
    font-weight: normal;
    margin: 3px 0;
    letter-spacing: .5px;
    
}

.btn {
    background-color: #a251ffa1;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 25px;
    top: 25px;
    border-radius: 50%;
    z-index: 1;
    cursor: pointer;
    transition-duration: .3s;
    animation: pop-btn .3s both ease-in-out .5s;
}

@keyframes pop-btn {
    0% {
        transform: scale(0);
    }

    80% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.btn:hover {
    box-shadow: 0 0 0 5px rgba(171, 171, 171, .5);
}

.btn span {
    width: 60%;
    height: 2px;
    position: absolute;
    background-color: white;
    top: 50%;
    left: 20%;
    transform: translateY(-50%);
    animation: to-hamburger .3s forwards ease-in-out;
}

    .btn span::before, .btn span::after {
        content: '';
        width: 100%;
        height: 2px;
        position: absolute;
        background-color: white;
        transition-duration: .3s;
        transform: rotate(0deg);
        right: 0;
    }

    .btn span::before {
        margin-top: -7px;
    }

    .btn span::after {
        margin-top: 7px;
    }

.btn.active span {
    animation: to-arrow .3s forwards ease-in-out;
}

    .btn.active span::before, .btn.active span::after {
        width: 60%;
        right: -1px;
    }

    .btn.active span::before {
        transform: rotate(45deg);
    }

    .btn.active span::after {
        transform: rotate(-45deg);
    }

@keyframes to-hamburger {
    from {
        transform: translateY(-50%) rotate(-180deg);
    }
}

@keyframes to-arrow {
    from {
        transform: translateY(-50%) rotate(0deg);
    }

    to {
        transform: translateY(-50%) rotate(180deg);
    }
}

.box {
    width: 150px;
    height: 150px;
    opacity: 0;
    border-radius: 50%;
    background-color: rgb(173 87 255 / 70%);
    position: absolute;
    top: 50%;
    right: -40%;
    transform: translate(-50%, -50%);
    transition-duration: .3s;
}

    .box svg {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: white;
        font-size: 15px;
        text-align: center;
        line-height: 50px;
        position: absolute;
        left: 18px;
        top: calc(75px - 50px / 2);
        box-shadow: 0 0 .5rem #babbbc;
        transition-duration: .3s;
        padding: 10px;
    }

        .box svg:hover {
            box-shadow: 0 0 0 5px #babbbc;
        }

    .box.open {
        opacity: 1;
    }

        .box.open svg {
            left: 60px;
        }

            .box.open svg:nth-of-type(1) {
                transform: rotate(-90deg) translateX(120px);
            }

            .box.open svg:nth-of-type(2) {
                transform: rotate(-45deg) translateX(120px);
            }

            .box.open svg:nth-of-type(3) {
                transform: rotate(0deg) translateX(120px);
            }

            .box.open svg:nth-of-type(4) {
                transform: rotate(45deg) translateX(120px);
            }

            .box.open svg:nth-of-type(5) {
                transform: rotate(90deg) translateX(120px);
            }


/* offer-section */



.offer-section {
    background: url(../images/background/background1.jpg);
    background-size: cover;
    background-position: 50%;
    padding-top: 43px;
}

.profile-section {
    padding-bottom: 40px;
    background: url(../images/background/background1.jpg);
    background-size: cover;
}

.profile_img > img {
    width: 400px;
}

/* slider awarred */
.awarrd-Section {
    padding-bottom: 40px;
    background: url(../images/background/background1.jpg);
    background-size: cover;
}

.container-slider {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /* height: 100vh; */
}

.carousel-wrapper {
    display: flex;
    overflow: hidden;
    width: 55em;
    gap: 1em;
}

.carousel-inner {
    display: flex;
    gap: 1em;
    transition: all 1s ease-in-out;
}

.carousel-card {
    border-radius: 0.5em;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

    .carousel-card img {
        display: block;
        width: 17.5em;
        border-radius: 0.5em 0.5em 0 0;
    }

.carousel-content {
    background-color: #0a2640;
    padding: 1em;
    text-align: center;
    border-radius: 0 0 0.5em 0.5em;
    width: 154px;
}

    .carousel-content h1 {
        color: #fff;
        font-size: 1.25rem;
        margin: 0.35em 0;
    }

    .carousel-content h3 {
        color: #ccc;
        font-size: 0.9rem;
        font-weight: 300;
        margin: 0.35em 0;
    }

.navigation-dots {
    margin-top: 1em;
}

.dot {
    background-color: #1a3d5e;
    border: none;
    cursor: pointer;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 0 0.125em;
    position: relative;
}

    .dot.active::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0.5em;
        height: 0.5em;
        background-color: #001d38;
        border-radius: 50%;
        transform: translate(-50%, -50%);
    }

@media screen and (max-width: 700px) {
    .profile {
        left: 56%;
    }
}


  /* vedio box css */

  /* From Uiverse.io by EddyBel */ 
/* In this section you start by assigning a shape to the letter and an assigned size. */
.vBox{
    width: 606px;
    height: 57vh;
}



:root {
  --marquee-width: 80vw;
  --marquee-height: 20vh;
  /* --marquee-elements: 12; */ /* defined with JavaScript */
  --marquee-elements-displayed: 5;
  --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
  --marquee-animation-duration: calc(var(--marquee-elements) * 3s);
}

.marquee {
  width: var(--marquee-width);
  height: var(--marquee-height);
  background-color: #fff;
  color: #eee;
  overflow: hidden;
  position: relative;
}
.marquee:before, .marquee:after {
  position: absolute;
  top: 0;
  width: 10rem;
  height: 100%;
  content: "";
  z-index: 1;
}
.marquee:before {
  left: 0;
  background: linear-gradient(to right, #3f1885 0%, transparent 100%);
}
.marquee:after {
  right: 0;
  background: linear-gradient(to left, #3f1885 0%, transparent 100%);
}
.marquee-content {
  list-style: none;
  height: 100%;
  display: flex;
  animation: scrolling var(--marquee-animation-duration) linear infinite;
}
/* .marquee-content:hover {
  animation-play-state: paused;
} */
@keyframes scrolling {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements))); }
}
.marquee-content li {
  display: flex;
  justify-content: center;
  align-items: center;
  /* text-align: center; */
  flex-shrink: 0;
  width: var(--marquee-element-width);
  max-height: 100%;
  font-size: calc(var(--marquee-height)*3/4); /* 5rem; */
  white-space: nowrap;
}

.marquee-content li img {
  width: 100%;
  /* height: 100%; */
  /* border: 2px solid #eee; */
  padding-left: 30px;
}

@media (max-width: 600px) {
  html { font-size: 12px; }
  :root {
    --marquee-width: 100vw;
    --marquee-height: 16vh;
    --marquee-elements-displayed: 3;
  }
  .marquee:before, .marquee:after { width: 5rem; }

  .cardCCB2{
    width: 26rem;
  }


}



/* discont price tag  */


.discount-button {
    display: flex;
    align-items: center;
    background-color: #ff4d4d;
    padding: 10px 1px;
    border-radius: 50px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    width: 100px;
    height: 27px;
}

.price-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 26px;
    background-color: #ffcc33;
    border-radius: 50%;
    margin-right: 10px;
}

.price-icon span {
    font-size: 13px;
    font-weight: bold;
    color: #ff4d4d;
}

.price-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    line-height: normal;
}

.price-text .price {
    font-size: 13px;
    font-weight: bold;
    
}

.price-text .only {
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 0px;
}





 @media (max-width:575px) {
    .banner-hero-section { 
	min-height: auto; 
}
    .banner-hero-section .banner-text-home { 
	min-height: auto; 
	padding: 60px 0 0;
}
    .comon-heading .comon-heading {
	font-size: 26px; 
}
    .banner-hero-section .banner-text-home h1 {
	font-size: 26px; 
}
.banner-hero-section .banner-text-home p { 
	font-size: 16px; 
	line-height: normal;
	font-weight: 400;
}
.astrology-services {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
	gap: 10px;
}
.single-service {
	text-align: center;
	background: #0a081f82;
	padding: 20px 15px;
	border-radius: 5px;
	position: relative;
	border: 1px solid #161339;
}
.service-mobile-icon {
	width: 70px;
}
.service-links {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	margin: 15px 0 15px;
	display: block;
}
.service-btn.cmn-btn {
	display: block;
	width: fit-content;
	margin: 14px auto 0;
	padding: 7px 11px !important;
	height: auto;
	line-height: normal;
	font-size: 15px;
}
.astrologer-img { 
	left: 0;
}
.astrology-service-section {
    display: none !important;
}
header { 
	padding: 30px 0px; 
} 
.offcanvas_toggle {
	margin-right: 0 !important;
	position: relative;
	top: -4px;
}
/*----- Sticky bottom toolbar  -----*/
.section-padding { 
	padding-bottom: 53px !important;
}
.fixed-whatsapp {
	bottom: 86px !important;
}
.btn-whatsapp-pulse {
	width: 45px !important;
	height: 45px !important;
}
.btn-whatsapp-pulse svg {
	width: 24px !important;
}
.offcanvas-sticky-toolbar {
	position: fixed;
	bottom: 0;
	background: #fff;
	left: 0;
	right: 0;
	z-index: 99;
	-webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 9px rgba(0, 0, 0, 0.12);
	padding: 11px 20px 5px;
}
.sticky-toolbar-btn {
	position: relative;
	text-align: center;
}
.sticky-toolbar-icon {
	width: 40px;
	height: 40px;
	text-align: center;
	background: #FF6F00;
	border-radius: 50%;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto;
	padding: 7px;
    transition: 0.5s all ease-in-out;
}
.sticky-toolbar-list:hover .sticky-toolbar-icon {
	background: #0b061d;
}
.sticky-toolbar-label {
	display: block;
	font-size: 14px;
	font-weight: 500;
	margin-top: 6px;
	color: #000;
	transition: 0.5s all ease-in-out;
}
.sticky-toolbar-list:hover .sticky-toolbar-label {
	color: #ff6f00;
}
}
@media (min-width:576px) {
.offcanvas-sticky-toolbar {
	display: none;
}
}