:root {
    --pc: #b51817;
    --sc: #ffffff;
    --global-bg:#031d2e;
    --black: #003a34;
    --muted: #bfbcbc;
    --white: #fff;
    --black: #000;
    scroll-behavior: smooth;
}

/*body {*/
/*    color: var(--white);*/
/*    background: var(--sc);*/
/*}*/

body a {
    text-decoration: none;
    transition: all .4s ease;
}

p {
    font-size: 16px;
    line-height: 1.8;
    /*color: rgba(0, 0, 0, 0.8);*/
}

/*------------------------topbar-start--------------------------*/

.topbar {
    background: var(--pc);
}

.topbar ul li a {
    font-size: 14px;
    color: #F3F3F3;
}

.top-between {
    z-index: 0;
    position: relative;
}

.topbar:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 400px;
    background: url(../img/logo-bg.webp) no-repeat center/cover;
    /*background: var(--pc);*/
    transform: scale(-1);
    z-index: -1;
}

.topbar:before {
    content: '';
    position: absolute;
    border-right: 3px solid var(--white);
    height: 60px;
    width: 0;
    transform: rotate(22deg);
    right: 360px;
    top: -3px;
}

.flex-social-media li a {
    background: var(--white);
    border-radius: 50%;
}

/*------------------------Header-start--------------------------*/

.header {
    box-shadow: 0px -1px 7px 0px rgba(0, 0, 0, 0.25);
    background: var(--white);
}

.site-logo {
    font-weight: 700;
    color: var(--sc);
    font-size: 34px;
}

.site-logo span {
    color: var(--pc);
}

@keyframes smoothSticky {
    0% {
        transform: translateY(-100%);
    }

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

.headerUp .widget_bwe-service-logo-widget .bwe-service-logo img {
    filter: unset !important;
}

.header.headerUp:after {
    display: none !important;
}

.dropdown ul {
    box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
    border: 1px solid #f5f5f5;
    background: var(--white);
    transition: all 0.3s ease-out 0s;
    border-radius: 10px;
}

.header nav ul li a {
    color: var(--black);
}

.header nav ul li a:hover {
    --black: var(--pc);
}

[class*="-btn"] {
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    border: unset;
}

.pc-btn {
    background: var(--pc);
    color: var(--white);
}

.sc-btn {
    background: var(--white);
    color: var(--pc);
    border: 1px solid var(--pc)
}

[class*="-btn"]:hover::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: var(--white);
    border-radius: 5px;
    animation: ripple 0.4s ease-out;
    opacity: 0;
}

@keyframes ripple {
    0% {
        transform: scale(0);
        opacity: 1;
    }

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


/*---------single-pg--------and-siite-seprator----------------*/

.single-page-content figure img {
    border-radius: 5px;
}

.single-page-content ul:not(.flex-social-media) {
    list-style: disc;
}

.single-page-content ol {
    list-style: decimal;
}

.single-page-content a:not([class*="-btn"]) {
    color: var(--pc);
    font-weight: 600
}

.single-page-content a:not([class*="-btn"]):hover {
    text-decoration: underline;
}

.flex-breadcrumb a {
    color: var(--pc);
}

.flex-seprator span:after {
    content: '';
    position: absolute;
    height: 7px;
    width: 7px;
    top: -3px;
    background: var(--pc);
}

hr {
    opacity: .2;
}

/*---------blog-card----------------*/

.flex-col-blog-card {
    border:1px solid #ccc;
    background: var(--white);
    border-radius: 10px;
}

.calender span:first-child {
    padding: 4px 12px;
    background: #fff1f1;
}

.calender span:last-child {
    background: var(--pc);
    padding: 4px 12px;
    color: var(--sc);
}

.catg {
    color: var(--pc);
    width: fit-content;
}

.crd-title {
    color: #0000;
    transition: .4s;
    font-size: 20px;
    font-weight: 600;
    background: linear-gradient(90deg, var(--pc) 50%, #000 0) var(--_p, 100%) / 200% no-repeat;
    background-clip: text;
}

.flex-Btnread {
    margin-top: auto;
    width: fit-content;
    transition: all .3s ease-out 0s;
    color: var(--pc);
}

.crd-title:hover {
    --_p: 0%;
}


/*----------------- Footer css starts -------------*/
.footer {
    background: var(--black);
}

.footer .newsletter {
    position: relative;
}

.newsletter form input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #7f7d7dbf;
    color: #919191;
    font-size: 16px;
}

.newsletter form input:focus {
    border: unset;
    border-bottom: 1px solid #7f7d7dbf;
    outline: unset;
}

.footer .footer-right span,
.footer .list-heading {
    font-size: 20px;
    color: #e5e5e5;
    font-family: 'Philosopher';
    font-weight: 700;
}

.footer-right ul li a {
    display: inline-block;
    transition: all 0.2s;
}

.footer p:not(.btm-footer p) {
    color: var(--white) !important;
    font-size: 15px;
    margin-top: 15px;
}

.footer-left p,
.footer-right ul li a,
.btm-footer p,
.footer .footer-site-info a {
    color: #919191;
}

.footer-right ul li a:hover {
    transform: translateX(10px);
    color: var(--pc);
}

.btm-footer {
    background: #0e0e0e;
}

.btm-footer p>a {
    color: var(--pc);
}

.media ul li a:hover {
    transform: rotate(360deg);
}

.footer-site-info {
    background: #131313a6;
    padding: 5px 30px 30px;
}

.btm-footer .bwe-service-logo {
    background: var(--white);
    padding:  20px;
    position: relative;
}

.btm-footer .bwe-service-logo:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 45px;
    background: var(--white);
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    top: -44.5px;
    left: 0px;
}

.btm-footer .bwe-service-logo:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 45px;
    background: #929292b8;
    clip-path: polygon(0 0, 100% 100%, 0 100%);
    top: -45px;
    right: -35px;
}

/*review-cards------start*/

.flex-col-rev-card {
    border: 1px solid #eee;
    padding: 25px;
    border-radius: 5px;
}

.flex-col-rev-card .flex-rev-detl .flex-rev-bg-nm {
    font-size: 35px;
    background: var(--pc);
    color: var(--white);
    border-radius: 50%;
}

.flex-col-rev-rating span {
    font-weight: 600;
    font-size: 18px;
}

.flex-col-rev-rating div {
    color: #7c7979;
}

.contact-bg-wrap {
    position: relative;
    z-index: 0;
    padding-block: 50px;
}

.contact-bg-wrap:after,
.contact-bg-wrap:before {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0;
    height: 100%;
}

.contact-bg-wrap:after {
    width: 53% ;
    background: var(--white);
}

.single-page-content .contact-bg-wrap:after {
    width: 100% !important;
}

.single-page-content .contact-bg-wrap .h6 {
    margin-top:0 !important;
}

.contact-bg-wrap:before {
    width: 100%;
    background: url(../img/contact-bg.webp) no-repeat center center / cover;
}

.contact-bg-wrap .col-lg-6 :is(h2, p),
.single-page-content .contact-bg-wrap :is(div, h2, p, span){
    color: var(--black);
}

form :is(input, select, textarea) {
    background: var(--white);
    border: 1px solid #C3C3C3;
    border-radius: 4px;
    color: #6a6a6a;
    font-size: 16px;
}

form :is(input, select, textarea):focus {
    border: 1px solid var(--pc);
    outline: none;
}

form textarea {
    height: 100px;
    resize: vertical;
}

.contact-bg-wrap .title {
    font-size: 40px;
    line-height: 75px;
    text-transform: uppercase;
    text-align: center;
    background: linear-gradient(0deg, rgb(7 39 60) 6.59%, #07273c47 74.63%, rgb(255 255 255) 74.63%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.flex-con-info .flex-info-con-icn {
    background: var(--white);
    border-radius: 50%;
}

.flex-con-info a {
    color: #ddc8c8;
}

.flex-con-info a:hover {
    color: var(--white);
}

.abt-slide-img:before,
.abt-slide-img:after {
    position: absolute;
    content: '';
}

.abt-slide-img:before {
    left: 70px;
    bottom: 0;
    border-left: 2px solid var(--pc);
    border-bottom: 2px solid var(--pc);
    width: 90px;
    height: 90px;
}

.abt-slide-img:after {
    top: 95px;
    left: 70px;
    background-color: #b5181705;
    width: 70%;
    height: 450px;
    z-index: -1;
}

.swiper-pagination-bullet {
    background-color: #ccc !important;
    opacity: unset;
}

.swiper-pagination-bullet-active {
    background-color: var(--pc) !important;
}

.abt-container .swiper-pagination {
    left: 100px !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
    top: 50% !important;
    width: fit-content !important;
}

.flex-callBtn a {
    color: rgba(0,0,0,80%);
}

.flex-callBtn .flex-callBtnIcn {
    border: 1px solid var(--pc);
    border-radius: 50%;
}

.bg-secondary {
    background-color:#b5181705;
    padding-block: 50px;
    position: relative;
    z-index: 0;
}

.flex-col-wcu .flex-wcu-no span {
    font-size: 24px;
    font-weight: 700;
}

.flex-col-wcu .flex-wcu-no img {
    transition: all .3s ease;
    z-index: -1;
    position: relative;
}

.flex-col-wcu:hover .flex-wcu-no img {
    transition: all .3s ease;
    transform: rotate(90deg);
}

.rev-slide-card {
    background-color: var(--white);
    color: var(--black);
    gap: 0;
}

.rev-slide-card .flex-rev-bg-nm {
    padding: 5px !important;
    background-color: #e7e7e7 !important;
}

.rev-slide-card .flex-rev-bg-nm img {
    border-radius: 50%;
    height: 60px;
    width: 100%;
    object-fit: cover;
    opacity:0.5;
}

.flex-col-team-card {
    background: var(--white);
    border-radius: 10px;
    padding: 15px;
    border: 1px solid #ccc;
}

.flex-col-team-card :is(.h4, span) {
    color: var(--black);
}

.bg-img {
    background: url(../img/contact-bg.webp) no-repeat center center / cover;
}


.hero-bg :is(.swiper-button-prev, .swiper-button-next) {
    background: var(--pc);
    height: 50px;
    width: 50px;
    border-radius: 50%;
    bottom: 0;
    top: unset;
}

.hero-bg .swiper-button-next {
    right: 200px;
}

.hero-bg .swiper-button-prev {
    left: 300px;
}

.hero-bg :is(.swiper-button-prev, .swiper-button-next):after {
    color: var(--white);
    font-size: 20px;
}

.border-bottom{
    border-bottom:1px solid var(--muted);
}

.single-page-hero:after,
.hero-slider .hero-slide-detl:after{
  content: '';
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.hero-slider .hero-slide-detl:after{
    z-index: unset !important;
}

.sign-form {
    background: #031d2e;
    padding: 30px;
    border-radius: 10px;
}

.sign-form form .pc-btn {
    width: 100%;
    margin-top: 35px;
    padding: 10px 12px;
}

.flex-col-srvc-card {
    border: 1px solid #ccc;
    border-radius: 10px;
    background:var(--white);
}

.flex-col-srvc-card img{
    border-radius:50%;
}

.bg-img :is(p, div, span, label, h1),
.contact-bg-wrap .h5, .contact-bg-wrap .col-lg-5 h2{
    color: var(--white);
}

.bg-img .flex-seprator span,
.bg-img .flex-seprator span:after{
    background:var(--white);
}

.flex-sm-srvc-card {
    background: var(--pc);
    border-radius: 10px;
    color: var(--white);
}

.flex-sm-srvc-card .flex-sm-srvc-icn {
    background: var(--white);
    border-radius: 10px;
    height: 70px;
    width: 70px;
}

.flex-col-srvc-card .flex-srvc-icn {
    height: 80px;
    width: 80px;
    outline-offset: 5px;
    background: #031521ba;
    outline: 1px dashed #7e7e7e;
    border-radius: 50%;
}

.flex-col-pckg-card {
    background: var(--white);
    height: 100%;
}

.flex-col-pckg-card :is(div, span, p, h4, ul) {
    color: var(--black);
    margin-block: 0 !important;
}

.flex-col-pckg-card h4 {
    padding: 20px 25px;
    background: var(--pc);
    color: var(--white);
}

.flex-col-pckg-card .grid-pckgBtn-wrap .flex-col-price-wrap {
    background: #f4812038;
    line-height: 1;
}

.flex-col-pckg-card .grid-pckgBtn-wrap .pc-btn {
    border-radius: unset;
    font-weight: 600;
}

.flex-col-pckg-card .grid-pckgBtn-wrap .flex-mrp>div {
    text-decoration: line-through;
    color: #606060;
}

.flex-col-pckg-card .grid-pckgBtn-wrap .flex-mrp>span {
    color: var(--pc);
}

.astro-img img{
         height:100%;
         width:100%;
         border-radius:10px
      }
      
      details{
   margin-bottom: 20px;
}

details summary{
   background: var(--pc);
   padding: 20px;
}

details .content{
   padding: 20px;
   background: #00000069;
}

.table thead th {
    background-color: var(--pc);
    color: var(--white);
    font-weight: 600;
}

.table-striped tbody tr:nth-of-type(odd),
.table-hover tbody tr:hover {
    background-color: #00000069;
}

.table-bordered th,
.table-bordered td {
    /*white-space: nowrap;*/
    border: 1px solid #dee2e6;
    text-align: left;
}

.table-striped tbody tr td a {
    color: var(--sc);
    text-decoration: underline;
}