body{
    margin: 0;
    padding: 0;
    font-family: Poppins, sans-serif;
    
}
h1,h2,h3,h4,h5,h6,ol,p,ul {
    margin: 0;
    padding: 0;
}
@font-face {
    font-family: Poppins;
    src: url('fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;

}

@font-face {
    font-family: Poppins;
    src: url('fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    
}

@font-face {
    font-family: Poppins;
    src: url('fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
    
}

.about-txt,.footer-about,.main,.nav-bottom-left,.navbar-expand-lg,.testi-grid,.top-center1,.top-right1,.top-social-icon1,.tophead-left1,body,ol,ul {
    padding: 0
}

.top-right2 p .bi,.top-social-icon2 ul li:nth-child(2) a i svg {
    width: 20px;
    height: 20px
}

body {
    font-family: Poppins,serif;
    color: #b60807
}

:focus-visible {
    outline: -webkit-focus-ring-color auto 0
}

.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
    outline: -webkit-focus-ring-color auto 0;
    outline-offset: -0px
}

a,a:focus,a:hover {
    color: #000;
    text-decoration: none
}

img {
    max-width: 100%
}

ol,ul {
    list-style: none
}

.bi {
    display: inline-block;
    vertical-align: -.125em;
    fill: currentcolor
}

.main {
    width: 90%;
    margin: 0 auto
}

.head-align {
    align-items: center
}

.head-align1 {
    align-items: end
}

.top-sec {
    padding: 7px 0;
    background: #fff
}

.top-social-icon2 ul {
    display: flex;
    align-items: center
}

.top-social-icon2 ul li {
    display: inline-block;
    padding: 0 4px
}

.top-social-icon2 ul li span {
    display: inline-block;
    padding: 0 49px 0 0;
    font-weight: 600;
    font-size: 17px;
    text-transform: uppercase;
    position: relative
}

.top-social-icon2 ul li span:before {
    content: "";
    position: absolute;
    background: #0000007a;
    z-index: 0;
    width: 43px;
    height: 1px;
    right: 0;
    top: 11px
}

.copyright,.top-social-icon2 ul li a:hover {
    background: #fff
}

.top-social-icon2 ul li a {
    color: #fff;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 34px;
    text-align: center;
    border-radius: 50%;
    text-shadow: 1px 0 20px #fff;
    border: 2px solid #ffb600;
    position: relative;
    overflow: hidden;
    background: #ffb600
}

.top-social-icon2 ul li a i svg {
    fill: #000000;
    height: 17px;
    width: 17px;
    transition: transform 1s;
    position: relative;
    z-index: 1
}

.top-social-icon2 ul li:nth-child(2) a {
    line-height: 30px
}

.top-social-icon2 ul li a:hover i svg {
    transform: rotate(-10deg) scale(1.3);
    fill: #b60807
}

.top-right2 p {
    padding: 3px 0;
    color: #000;
    text-align: right;
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize
}

.fixed-top .navbar-collapse .navbar-nav,.top-center2 p,.top-nav-center1 {
    text-align: center
}

#callbook ul li a span,.about-txt a,.about-txt span,.bttm-line ul li a,.copy span,.head-count,.nav-bottom-left p,.top-center2 span,a.top-nav-call b {
    text-transform: uppercase
}

.top-right2 p .bi {
    fill: #ffb600;
    margin: 0 0 0 2px
}

#area .wave-animation {
    transform: rotate(180deg)
}

.wave-animation {
    display: block;
    width: 100%;
    height: 25px;
    max-height: 100vh;
    margin: 0;
    position: absolute;
    right: 0;
    left: 0
}

.wave-bg>use {
    -webkit-animation: 20s linear infinite move-forever;
    animation: 5s linear infinite move-forever;
    fill: #ffffff38
}

.wave-bg>use:first-child {
    animation-delay: -2s
}

.wave-bg>use:nth-child(2) {
    animation-delay: -2s;
    animation-duration: 10s
}

.wave-bg>use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 8s
}

@keyframes move-forever {
    0% {
        transform: translate(-90px,0)
    }

    100% {
        transform: translate(85px,0)
    }
}

.top-center2 p {
    padding: 0 0 3px;
    color: #1d1d1d;
    font-size: 18px;
    font-weight: 500
}

.top-center2 span {
    color: #b60807;
    font-weight: 600;
    padding: 0 3px 0 0
}

.top-center2 span i {
    font-style: normal
}

.loading__letter {
    animation-name: bounce;
    animation-duration: 3s;
    animation-iteration-count: 1;
    display: inline-block;
    margin: 0 -2px
}

.head-count,.navbar-collapse .navbar-nav {
    display: block
}

.loading__letter:nth-child(2) {
    animation-delay: .1s
}

.loading__letter:nth-child(3) {
    animation-delay: .2s
}

.loading__letter:nth-child(4) {
    animation-delay: .3s
}

.loading__letter:nth-child(5) {
    animation-delay: .4s
}

.loading__letter:nth-child(6) {
    animation-delay: .5s
}

.loading__letter:nth-child(7) {
    animation-delay: .6s
}

.loading__letter:nth-child(8) {
    animation-delay: .8s
}

.loading__letter:nth-child(9) {
    animation-delay: 1s
}

.loading__letter:nth-child(10) {
    animation-delay: 1.2s
}

@keyframes bounce {
    0%,100%,80% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-40px)
    }
}

.tophead-left2 a {
    display: inline-block;
    background: #fff;
    padding: 10px;
    border-radius: 0 0 20px 20px
}

.tophead-left2 img {
    aspect-ratio: 289/138;
    height: auto
}

.top-nav-call {
    position: absolute;
    top: 0;
    background-color: #fff;
    padding: 17px 13px 0 12px;
    color: #000;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    width: 44px;
    height: 129px;
    overflow: hidden;
    transition: .5s ease-in-out;
    z-index: 1;
    right: 12px
}

a.top-nav-call b {
    font-size: 15px;
    line-height: 16px;
    color: #5c5757;
    white-space: pre;
    transform: translate(-30px,16px) rotate(90deg);
    letter-spacing: .5px;
    display: inline-block;
    font-weight: 600
}

a.top-nav-call .icon {
    position: absolute;
    bottom: -2px;
    background: #b60807;
    width: 38px;
    height: 38px;
    line-height: 46px;
    border-radius: 30px;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: 1s ease-in-out
}

a.top-nav-call .icon .bi {
    width: 22px;
    height: 22px;
    fill: #fff
}

a.top-nav-call:hover .icon {
    bottom: 3px
}

.head-navigation-num1 {
    padding: 12px
}

.head-navigation-num2 {
    border: 1px dashed #ffffff4d;
    padding: 0 12px
}

.head-count {
    padding: 5px 0;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    border-right: 1px dashed #ffffff4d
}

.head-count:nth-child(4) {
    border-right: 0
}

.head-count span {
    color: #fff;
    font-size: 28px;
    display: block;
    font-weight: 600;
    padding: 0 0 2px;
    border-bottom: 1px dashed #ffffff4d;
    margin: 0 0 8px
}

.head-navigation-num a {
    font-weight: 600;
    font-size: 35px;
    animation: 2s infinite blk;
    display: inline-block;
    padding: 6px 0 0;
    color: #000
}

@keyframes blk {
    0%,100% {
        color: #b60807;
        opacity: 0
    }

    50% {
        color: #000;
        opacity: 1
    }
}

.head-navigation-num ul {
    border-top: 1px solid #ffffff4d
}

.head-navigation-num ul li {
    line-height: 24px;
    padding: 5px 7px 5px 15px;
    color: #fff;
    position: relative;
    font-weight: 500;
    margin: 8px 0;
    font-size: 16px;
    display: inline-block;
    text-transform: capitalize
}

.head-navigation-num ul li:before {
    position: absolute;
    content: "\1424";
    font-family: 'Glyphicons Halflings';
    color: #b60807;
    font-size: 22px;
    font-weight: 600;
    left: 0;
    top: 9px
}

.nav-bottom-left p {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    padding: 2px 0 8px
}

.about-heading span,.breadcrumb-list ul li,.breadcrumb-section h1,.category-1 p,.copy ul li,.copy-center p,.nav-bottom-mark p,.not-found-page a,.not-found-page p,.sitemap-heading aside,.testi-contact a,.testi-reviews p,.testimonials-2 strong,.top-nav-center1 {
    text-transform: capitalize
}

.nav-bottom-mark p {
    font-weight: 600;
    font-size: 18px;
    padding: 12px 15px 2px;
    border-radius: 20px 20px 0 0;
    background: #fff;
    color: #1d1d1d
}

.top-nav-center {
    padding: 0 15px
}

.top-nav-center1 {
    padding: 0 0 12px;
    font-size: 21px;
    color: #fff;
    font-weight: 600
}

.nav-section {
    background: linear-gradient(45deg,#b60807,#ffb600);
    position: relative;
    z-index: 1;
    overflow: hidden
}

.nav-section:before {
    content: "";
    position: absolute;
    background: url(../images/star-bg.webp) 0 0/cover no-repeat;
    z-index: -1;
    width: 100%;
    height: 100%
}

.head-navigation1 {
    padding: 0;
    width: 100%;
    background: #fff;
    position: relative;
    z-index: 1;
    border-radius: 0 0 20px 20px
}

.head-navigation2 {
    padding: 8px 0 0
}

.navbar-collapse {
    justify-content: center
}

.navbar-collapse .navbar-nav li {
    display: inline-block;
    padding: 0 20px
}

.navbar-collapse .navbar-nav li a.nav-link {
    display: inline-block;
    padding: 10px 5px;
    font-weight: 500;
    border-radius: 7px;
    transition: .5s ease-in;
    font-size: 16px;
    color: #333;
    text-transform: uppercase;
    position: relative;
    z-index: 0
}

.navbar-collapse .navbar-nav li a.nav-link:after {
    background: #b60807;
    content: "";
    top: -2px;
    left: 0;
    position: absolute;
    z-index: 2;
    height: 4px;
    width: 100%;
    margin: 0 auto;
    opacity: 0;
    transition: .5s;
    transform: translateX(-10px)
}

.navbar-collapse .navbar-nav li:hover a.nav-link:after {
    opacity: 1;
    transform: translateX(0)
}

.navbar-collapse .navbar-nav li a i {
    padding: 0 2px 0 0;
    font-weight: 600;
    font-size: 16px
}

.navbar-toggler {
    transition: .2s ease-in;
    display: none;
    text-align: right;
    width: 45px;
    height: 40px;
    border: 0;
    line-height: 2px;
    margin: 0;
    right: 45px;
    position: absolute;
    top: -80px;
    background: #b60807;
    border-radius: 8px;
    padding: 0 7px 4px 0
}

.toggle-design {
    height: 2px;
    width: 82%;
    background: #fff;
    display: inline-block;
    transition: .5s cubic-bezier(.62, .43, .35, 1.47)
}

.navbar-toggler:focus {
    box-shadow: none
}

.fixed-top {
    padding: 5px 0 0!important;
    box-shadow: 0 0 8px 0 #dfc7fc96
}

.fixed-top .tophead-left1 img {
    width: 130px
}

.copy ul li:last-child:before,.fixed-top .tophead-left1,.sitemap-services1 ul li:before {
    display: none
}

.bread-crumb img,.fixed-top .top-nav-center {
    width: 100%
}

.bread-crumb img {
    aspect-ratio: 1345 / 286;
    height: auto;
}

.testimonials-section {
    background: #ffb60057;
    position: relative;
    z-index: 1
}

.testi-contact a i,.testi-reviews1 {
    background: #fff;
    border-radius: 50px
}

.testimonials-section:before {
    content: "";
    background: url(../images/bg-testi.webp) top center/cover no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1
}

.testimonials-section:after {
    background: url(../images/testi-bg.webp) 50% no-repeat;
    bottom: -10px;
    content: "";
    height: 55px;
    position: absolute;
    width: 100%
}

.testimonials-heading strong {
    color: #b60807;
    font-size: 35px;
    font-weight: 700
}

.testimonials-heading p {
    color: #000;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500
}

.testi-grid:nth-child(2) {
    margin: -50px 0 0
}

.testimonials-1 {
    padding: 12px 22px
}

.testimonials-2 {
    padding: 0 20px 20px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #ffb600;
    text-align: right
}

.testimonials-2 b {
    text-align: left;
    display: block;
    padding: 12px 0 5px
}

.testimonials-2 b i .bi {
    width: 18px;
    height: 18px
}

.testimonials-2 strong {
    font-size: 16px;
    display: inline-block;
    font-weight: 600;
    color: #000;
    padding: 5px 15px;
    text-align: right;
    background: #ffb600;
    border-radius: 0 0 15px 15px
}

.testimonials-2 p {
    font-weight: 400;
    color: #282828;
    line-height: 28px;
    font-size: 15px;
    text-align: left
}

.rating i:first-child .bi {
    fill: green
}

.rating i .bi {
    fill: #ffb600;
    width: 19px;
    height: 18px
}

.testi-reviews1 {
    display: inline-block;
    padding: 8px 40px;
    margin: -35px 0 0;
    box-shadow: 0 0 8px #fff
}

.testi-reviews p {
    font-size: 18px;
    font-weight: 500;
    display: block;
    color: #000;
    padding: 0 0 7px
}

.testi-contact a {
    background: linear-gradient(90deg,#b60807,#ffb600);
    display: flex;
    padding: 6px 20px 6px 6px;
    border-radius: 50px;
    color: #fff;
    font-weight: 600;
    font-size: 19px;
    align-items: center;
    width: fit-content;
    justify-content: center;
    margin: -30px auto 0
}

.testi-contact a i {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 50px;
    margin: 0 8px 0 0
}

.testi-contact a i .bi {
    fill: #000000;
    width: 25px;
    height: 25px
}

.testimonials-inner-section .testi-contact {
    padding: 0!important
}

.about-heading {
    position: relative
}

.about-heading span {
    font-weight: 600;
    display: inline-block;
    font-size: 16px;
    padding: 9px 20px 8px;
    border: 1px solid #a8a8a852;
    border-radius: 30px;
    color: #b60807
}

.about-heading p {
    font-weight: 400;
    color: #282828;
    line-height: 30px;
    font-size: 15px;
    padding: 15px 0 0
}

.about-heading h1,.about-heading strong {
    font-size: 50px;
    font-weight: 700;
    display: block;
    text-transform: capitalize;
    padding: 0 0 10px;
    color: #000
}

.bttm-line ul li a,.category-1 span {
    display: inline-block;
    font-weight: 600
}

.category-1 p,.copy ul li p a:hover {
    color: #b60807
}

.about-heading h1 a b,.about-heading strong b,.bread-crumb-vashikaran .breadcrumb-section h1 {
    font-weight: 600
}

.about-heading h1 a,.breadcrumb-section h1 a,.copy ul li p a {
    color: #000
}

.fix-list {
    position: sticky;
    top: 55px;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 20px;
    padding: 0
}

.category-section-black-bg {
    background: #000
}

.category-1 {
    padding: 10px 8px;
    width: 20%;
    overflow: hidden;
    text-align: center
}

.category-1 a:hover img {
    transform: scale(1.1);
    transition: .6s linear;
    filter: saturate(1)
}

.category-1 a img {
    width: 100%;
    height: auto;
    transition: .6s linear;
    filter: saturate(.5)
}

.category-2 {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.category-2::after {
    content: "";
    position: absolute;
    top: 36px;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,#fff 17.5%,rgba(27,28,30,0) 50.06%);
    z-index: 1;
    margin: 0 auto
}

.bread-crumb:before,.breadcrumb-section,.not-found-page strong:after,.not-found-page strong:before {
    top: 0;
    height: 100%;
    position: absolute
}

.category-1 p {
    font-weight: 700;
    font-size: 23px;
    text-align: center;
    padding: 0 0 3px
}

.category-1 span {
    text-transform: uppercase;
    font-size: 16px;
    background: #ffb600;
    padding: 5px 20px 3px;
    border-radius: 20px
}

.about-txt span,.bttm-line p {
    font-weight: 600;
    padding: 0 0 12px
}

.bttm-line {
    background: #ffb600;
    padding: 20px 15px 25px
}

.bttm-line p {
    color: #000;
    font-size: 25px;
    text-transform: capitalize
}

.bttm-line ul li {
    display: inline-block;
    padding: 3px 3px 0
}

.bttm-line ul li a {
    color: #fff;
    font-size: 18px;
    text-align: center;
    background: #b60807;
    padding: 9px 20px;
    border-radius: 50px
}

.footer-section,.not-found-page-section {
    position: relative;
    background: #000;
    z-index: 1
}

.footer-section:before,.not-found-page-section:before,.sitemap-section:before {
    content: "";
    background: url(../images/star.webp) top center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1
}

.footer-about:nth-child(2) .footer-about1 {
    border-left: 1px solid #ffffff21;
    border-right: 1px solid #ffffff21;
    padding: 0 25px 40px
}

.footer-about:nth-child(3) .footer-about1 {
    padding: 0 12px 20px 25px
}

.footer-about1 {
    padding: 0 25px 20px 12px;
    border-bottom: 1px solid #ffffff21
}

.about-txt span {
    color: #fff;
    font-size: 22px;
    display: block
}

.about-txt p {
    color: #fff;
    font-weight: 300;
    line-height: 30px;
    font-size: 15px
}

.about-txt a {
    color: #ffd364;
    font-weight: 400;
    display: inline-block;
    padding: 0 0 0 7px;
    transition: .4s
}

.about-txt a:hover,.bread-crumb-love .breadcrumb-section h1 a,.bread-crumb-vashikaran .breadcrumb-section h1 a,.srv-list1-text ul li a {
    color: #fff
}

.srv-list1-text ul li {
    padding: 5px 0;
    text-transform: capitalize;
    color: #fff;
    line-height: 28px;
    font-weight: 300;
    font-size: 15px
}

.srv-list1-text ul li:before {
    content: "\279f";
    font-family: 'Glyphicons Halflings';
    font-weight: 100;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    padding: 0 2px 0 0
}

.footer-contac a {
    font-weight: 600;
    font-size: 30px;
    color: #fff;
    padding: 15px 0 2px;
    display: block
}

.footer-contac ul li {
    padding: 0 4px;
    display: inline-block
}

.footer-contac ul li a {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    background: linear-gradient(90deg,#b60807,#ffb600);
    padding: 5px 20px;
    text-transform: capitalize;
    font-weight: 500
}

.copy,.copy-center {
    padding: 5px 0
}

.copy span {
    font-weight: 600;
    color: #000
}

.copy ul li,.copy ul li a {
    color: #252525
}

.copy span img {
    margin: 0 9px 0 0;
}

.copy ul li {
    display: inline-block;
    padding: 2px 15px 4px 10px;
    font-weight: 500;
    font-size: 15px;
    position: relative
}

.copy ul li:before {
    content: "";
    position: absolute;
    font-size: 18px;
    width: 15px;
    height: 1px;
    background: #2525255e;
    right: -7px;
    top: 13px
}

.copy ul li:last-child {
    padding: 0 0 0 10px
}

.copy-center p {
    padding: 0;
    font-weight: 500;
    font-size: 16px;
    color: #252525;
    position: relative
}

.modal {
    border: 0
}

.modal-footer {
    border: 0;
    padding: 0 0 15px
}

.modal-dialog {
    width: 90%;
    background: #fff;
    max-width: 90%;
    padding: 13px 40px 51px;
    margin: 0 auto;
    box-shadow: 0 0 0 #a6a6a6;
    position: relative;
    z-index: 9999
}

.modal.show .modal-dialog {
    transform: translateY(45px)
}

.modal-footer button {
    color: #fff;
    background: #b60807;
    top: 4px;
    padding: 0 8px 2px;
    font-size: 18px;
    border: 0;
    position: relative;
    margin: 0;
    border-radius: 0
}

.modal-content {
    border: 0;
    text-align: left
}

.modal-backdrop.show {
    opacity: 0;
    z-index: 0
}

.sitemap-section {
    padding: 20px 42px 45px;
    background: #000;
    position: relative;
    z-index: 0;
    border-radius: 20px
}

.sitemap-services1 {
    padding: 20px;
    background: linear-gradient(45deg,#b60807,#ffb600);
    border-radius: 20px
}

.sitemap-services2 {
    text-align: left;
    padding: 8px 20px 20px;
    background: #ffe9b3;
    margin: 18px 0 0
}

.sitemap-heading aside {
    font-size: 25px;
    color: #fff;
    font-weight: 600;
    padding: 0 0 8px 28px;
    display: block
}

.sitemap-heading aside a {
    color: #fff!important
}

.sitemap-heading aside span img {
    height: 30px
}

.sitemap-heading aside:after {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    bottom: 18px;
    border-radius: 30px;
    left: 0;
    border: 4px solid #fbad00
}

.sitemap-services1 ul li,.sitemap-services1 ul li:last-child {
    text-transform: capitalize;
    padding: 10px 20px!important;
    position: relative;
    margin: 9px 5px;
    display: inline-block;
    border-radius: 50px;
    box-shadow: 0 0 8px #fff;
    background: #fff
}

.sitemap-services1 ul li a {
    color: #151515
}

.bread-crumb {
    background: linear-gradient(45deg,#faecd1,#eed2cf);
    position: relative
}

.bread-crumb:before {
    display: none;
    width: 100%;
    content: "";
    left: 0;
    background: linear-gradient(45deg,#ff9e13,#ff7366);
    opacity: .4
}

.breadcrumb-section {
    padding: 25px 58px 0 0;
    z-index: 9;
    width: 75%;
    margin: 0 auto;
    right: 0
}

.breadcrumb-section h1 {
    font-size: 35px;
    font-weight: 700;
    padding: 62px 0 6px
}

.bread-crumb-love .breadcrumb-section h1 {
    font-weight: 600;
    padding: 40px 0 15px;
    line-height: 50px
}

.breadcrumb-section .home {
    font-size: 15px;
    border-radius: 34px;
    padding: 9px 18px 8px;
    background: #b60807;
    display: inline-block;
    font-weight: 500;
    text-align: center;
    color: #fff;
    text-transform: uppercase
}

.breadcrumb-section .home .bi {
    color: #fff;
    height: 17px;
    width: 17px
}

.breadcrumb-list ul li {
    padding: 0 0 0 22px;
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-weight: 500
}

.bread-crumb-love .breadcrumb-list ul li {
    color: #000;
    font-weight: 600
}

.breadcrumb-list {
    padding: 0 0 12px;
    position: relative;
    width: fit-content;
    margin: 0 0 0 auto
}

.breadcrumb-list:after,.breadcrumb-list:before {
    content: "";
    background: #fff;
    position: absolute;
    height: 2px;
    bottom: 0;
    border-radius: 20px
}

.breadcrumb-list:before {
    width: 365px;
    right: 0
}

.breadcrumb-list:after {
    width: 7px;
    height: 7px;
    left: 235px;
    bottom: -2px;
    border: 2px solid #fff;
    background: 0 0
}

.bread-crumb-vashikaran .breadcrumb-list ul li {
    color: orange
}

.bread-crumb-vashikaran .home {
    color: #fff;
    background: linear-gradient(45deg,#b60807,#ffb600)
}

.not-found-page strong {
    font-size: 15pc;
    display: block;
    line-height: 1;
    position: relative;
    color: #fff;
    font-weight: 700;
    animation: 1s linear infinite alternate-reverse glitch-skew
}

.not-found-page strong:after {
    content: attr(data-text);
    width: 100%;
    left: -2px;
    text-shadow: -2px 0 #a8adaf,2px 2px #e9eaeb;
    animation: 1s linear infinite alternate-reverse glitch-anim2
}

.not-found-page strong:before {
    content: attr(data-text);
    width: 100%;
    left: 2px;
    text-shadow: -2px 0 #ffb600;
    clip: rect(44px,450px,56px,0);
    animation: 5s linear infinite alternate-reverse glitch-anim
}

@keyframes glitch-skew {
    0%,40%,90% {
        transform: skew(0)
    }

    10% {
        transform: skew(2deg)
    }

    100%,20% {
        transform: skew(4deg)
    }

    30%,50% {
        transform: skew(-3deg)
    }

    60%,80% {
        transform: skew(5deg)
    }

    70% {
        transform: skew(3deg)
    }
}

@keyframes glitch-anim {
    0% {
        clip: rect(63px,9999px,81px,0);
        transform: skew(.77deg)
    }

    5% {
        clip: rect(89px,9999px,45px,0);
        transform: skew(.75deg)
    }

    10% {
        clip: rect(99px,9999px,24px,0);
        transform: skew(.06deg)
    }

    15% {
        clip: rect(63px,9999px,71px,0);
        transform: skew(.18deg)
    }

    20% {
        clip: rect(51px,9999px,9px,0);
        transform: skew(.07deg)
    }

    25% {
        clip: rect(68px,9999px,75px,0);
        transform: skew(.79deg)
    }

    30% {
        clip: rect(97px,9999px,21px,0);
        transform: skew(.46deg)
    }

    35% {
        clip: rect(79px,9999px,96px,0);
        transform: skew(.96deg)
    }

    40% {
        clip: rect(59px,9999px,42px,0);
        transform: skew(.93deg)
    }

    45% {
        clip: rect(84px,9999px,74px,0);
        transform: skew(.25deg)
    }

    50% {
        clip: rect(45px,9999px,71px,0);
        transform: skew(.07deg)
    }

    55% {
        clip: rect(4px,9999px,37px,0);
        transform: skew(.46deg)
    }

    60% {
        clip: rect(64px,9999px,86px,0);
        transform: skew(.5deg)
    }

    65% {
        clip: rect(82px,9999px,29px,0);
        transform: skew(.76deg)
    }

    70% {
        clip: rect(19px,9999px,30px,0);
        transform: skew(.16deg)
    }

    75% {
        clip: rect(19px,9999px,4px,0);
        transform: skew(.23deg)
    }

    80% {
        clip: rect(93px,9999px,3px,0);
        transform: skew(.21deg)
    }

    85% {
        clip: rect(94px,9999px,3px,0);
        transform: skew(.53deg)
    }

    90% {
        clip: rect(12px,9999px,29px,0);
        transform: skew(.02deg)
    }

    95% {
        clip: rect(64px,9999px,37px,0);
        transform: skew(.61deg)
    }

    100% {
        clip: rect(54px,9999px,100px,0);
        transform: skew(.31deg)
    }
}

@keyframes glitch-anim2 {
    0% {
        clip: rect(29px,9999px,25px,0);
        transform: skew(.96deg)
    }

    5% {
        clip: rect(40px,9999px,3px,0);
        transform: skew(.46deg)
    }

    10% {
        clip: rect(7px,9999px,33px,0);
        transform: skew(.42deg)
    }

    15% {
        clip: rect(54px,9999px,25px,0);
        transform: skew(.96deg)
    }

    20% {
        clip: rect(77px,9999px,24px,0);
        transform: skew(.93deg)
    }

    25% {
        clip: rect(36px,9999px,42px,0);
        transform: skew(.37deg)
    }

    30% {
        clip: rect(29px,9999px,96px,0);
        transform: skew(.29deg)
    }

    35% {
        clip: rect(12px,9999px,87px,0);
        transform: skew(.51deg)
    }

    40% {
        clip: rect(55px,9999px,21px,0);
        transform: skew(.72deg)
    }

    45% {
        clip: rect(28px,9999px,13px,0);
        transform: skew(.68deg)
    }

    50% {
        clip: rect(90px,9999px,71px,0);
        transform: skew(.03deg)
    }

    55% {
        clip: rect(15px,9999px,3px,0);
        transform: skew(.67deg)
    }

    60% {
        clip: rect(26px,9999px,41px,0);
        transform: skew(.32deg)
    }

    65% {
        clip: rect(6px,9999px,94px,0);
        transform: skew(.74deg)
    }

    70% {
        clip: rect(1px,9999px,52px,0);
        transform: skew(.71deg)
    }

    75% {
        clip: rect(49px,9999px,80px,0);
        transform: skew(.24deg)
    }

    80% {
        clip: rect(39px,9999px,1px,0);
        transform: skew(.18deg)
    }

    85% {
        clip: rect(39px,9999px,21px,0);
        transform: skew(.04deg)
    }

    90% {
        clip: rect(98px,9999px,76px,0);
        transform: skew(.77deg)
    }

    95% {
        clip: rect(82px,9999px,14px,0);
        transform: skew(.89deg)
    }

    100% {
        clip: rect(67px,9999px,38px,0);
        transform: skew(.01deg)
    }
}

.not-found-page p {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    padding: 0 0 20px
}

.not-found-page a {
    color: #b60807;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    background: #ffb600;
    padding: 9px 30px 10px;
    border-radius: 50px
}
