@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); * {
    list-style: none;
    text-decoration: none;
    line-height: 1.5;
    font-family: Roboto, sans-serif;
}

a {
    text-decoration: none !important;
}

body {
    line-height: 0 !important;
}

.swiper {
    width: 100%;
    height: 650px;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper_one {
    color: rgb(255, 255, 255);
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    appearance: none;
    margin: 0px;
}

.btn button {
    padding: 10px 40px;
    border: 1px solid;
    border-radius: 4px;
}

section.top {
    background: rgb(78, 80, 79);
    padding: 10px 0px;
    overflow: hidden;
}

.nav-item a.nav-link {
    transition: all 0.5s ease 0s;
    font-weight: 500 !important;
    color: rgba(1, 4, 6, 0.68) !important;
}

.nav-item a.nav-link:hover {
    font-weight: 500 !important;
    color: #cd2026 !important;
}

li.info_li a {
    color: rgb(255, 255, 255) !important;
}

li.info_li a i {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.5s ease-in 0s;
    border: 1px solid #cd2026;
    color: #cd2026 !important;
}

li.info_li a i:hover {
    color: white !important;
    background-color: #cd2026 !important;
}

section.main_header a img {
    width: 120px;
    height: 100%;
}

.main_header nav.navbar {
    background: rgb(255, 255, 255);
    padding: 0px;
    box-shadow: 0px 0px 6px 0px;
}

.sticky {
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0px;
    background: rgb(231, 231, 231);
    animation: 2s ease 0s 1 normal none running sticky;
    box-shadow: 0px -1px 4px 0px;
}

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

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

.main_header .btn_right button {
    padding: 4px 30px;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.55) 0px 2px 2px 1px;
    border: 1px solid;
    transition: all 0.5s ease 0s;
}

.main_header .btn_right button:hover {
    box-shadow: none;
}

.main_header .btn_right button a {
    color: rgb(0, 0, 0);
}

.main_header li.nav-item {
    padding-left: 0px;
}

marquee.brd {
    background: rgb(255, 255, 255);
    padding: 5px 0px;
    color: rgb(0, 0, 0);
}

#q-form {
    display: flex;
    align-items: center;
    justify-content: center;
}

section.quri {
    background: #cd2026;
    display: flex;
    align-items: center;
    height: 200px;
    margin-top: 50px;
    justify-content: center;
}

input.top_frm {
    height: 50px;
    margin-right: 15px;
}

.fr_cnt p {
    color: rgb(255, 255, 255);
    font-size: 30px;
    margin: 0px !important;
    padding: 0px !important;
}

input.top_frm {
    height: 50px;
    background: no-repeat;
    margin-right: 15px;
    border: 1px solid rgb(255, 255, 255);
    width: 50%;
    color: rgb(255, 255, 255) !important;
}

input.top_frm.btn {
    border: 1px solid;
}

input.top_frm.btn {
    border: 1px solid;
    background: rgb(181, 193, 200);
    box-shadow: rgb(80, 80, 80) 1px 0px 4px -1px;
    color: rgb(0, 0, 0) !important;
}

.form-control:focus {
    outline: 0px;
    background: none !important;
    box-shadow: none !important;
    color: rgb(255, 255, 255) !important;
}

.quri .form-control::placeholder {
    outline: 0px;
    background: none !important;
    box-shadow: none !important;
    color: rgb(255, 255, 255) !important;
}

.right_into a {
    border: 1px solid rgb(78, 80, 79);
    padding: 10px 40px;
    border-radius: 6px;
    box-shadow: rgb(78, 80, 79) 0px 3px 4px 0px;
    color: rgb(14, 74, 125);
    transition: all 0.5s ease 0s;
}

.right_into a:hover {
    box-shadow: none;
    color: rgb(0, 0, 0);
}

.about .col-lg-6.frist_col_6 {
    position: relative;
}

ul.footer_utubelist li {
    margin: 0px 0px 10px;
    padding: 0px 10px 0px 0px;
    list-style: none;
}

ul.footer_utubelist li img {
    width: 100%;
    cursor: pointer;
}

ul.footer_utubelist {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

ul.footer_utubelist li span {
    display: block;
    width: 100%;
    position: relative;
}

.btns {
    color: rgb(255, 255, 255);
    font-size: 70px;
    top: 40px;
    bottom: 0px;
    margin: auto;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding-left: 30px;
}

.about .video_box {
    border: 2px solid #cd2026;
    width: 360px;
    height: 200px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: baseline;
    text-align: center;
    padding: 40px;
    bottom: 0px;
    right: 5%;
    box-shadow: 1px 1px 6px 1px;
    border-radius: 10px;
    background: #cd2026;
    top: 210px;
}

.btns h6 {
    text-align: left;
    padding-left: 20px;
}

ul.about_ul {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
}

ul.about_ul li {
    width: 50%;
    line-height: 30px;
}

ul.about_ul li span.about_icon i {
    font-size: 24px;
    color: #fff;
}

.about .video_box p {
    font-size: 18px;
    font-weight: 500;
}

.about .col-lg-6.skind_col_6 h4 {
    padding-top: 20px;
}

section.demo {
    background: #cd2026;
}

.demo .col-md-2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.demo_btn button {
    padding: 8px 40px;
    border: 2px solid rgb(181, 193, 200);
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.26) 1px 8px 12px 0px;
    transition: all 0.5s ease 0s;
}

.demo_btn button:hover {
    box-shadow: none;
}

section.demo {
    background: #cd2026;
    height: 200px;
}

.demo h2 {
    font-size: 45px;
    font-weight: 600;
    color: rgb(255, 255, 255);
}

.cnt_demo h4 {
    color: rgb(241, 241, 241);
}

.demo_btn button a {
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-weight: 500;
}

.frist_img_in_about img {
    width: 100%;
}

.contact .col-lg-6.info.in p {
    padding: 0px;
    color: rgb(0, 0, 0);
    font-size: 16px;
    margin-bottom: 16px;
    font-weight: 500;
}

.form-group input::placeholder, .form-group textarea::placeholder {
    color: rgb(0, 0, 0);
}

.form-group input, .form-group textarea {
    border-radius: 0px;
    background: none;
    border: none;
    line-height: 30px !important;
    box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 1px 1px !important;
    color: rgb(0, 0, 0) !important;
}

.btnh input.form-control {
    background: #cd2026;
    color: rgb(255, 255, 255);
    border: none;
    border-radius: 0px;
    width: auto;
    margin-left: auto;
    padding: 14px 60px;
}


input.form-control1 {
    padding: 10px 43px;
    background: #cd2026;
    border-radius: 0px;
    border: none;
    color: #fff;
    font-weight: 500;
}


.mengent .col-lg-4 .main {
    height: 100%;
}

.info.in p {
    padding: 0px;
}

.contact .info_box i {
    background: #cd2026;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    color: rgb(78, 80, 79);
    justify-content: center;
    border-radius: 50%;
}

#contacts .main.cnt .form-group input#name:-internal-autofill-selected {
    box-shadow: none !important;
}

.contact .info_box h3 {
    font-weight: 600;
    font-size: 18px;
}

.info_cnt p > a {
    color: rgb(78, 80, 79);
    display: inline-flex;
}

.contact {
    background: url("../img/bg2.jpg") center center / cover no-repeat fixed;
    width: 100%;
    height: 100%;
}

.ftr li a {
    font-weight: 400;
    transition: all 0.5s ease 0s;
    color: rgb(255 255 255) !important;
}

.ftr li a:hover {
    padding-left: 2px;
    color: #cd2026 !important;
}

footer.ftr .top-ul i:hover {
    font-size: 20px;
    padding-right: 20px;
    transition: all 0.5s ease 0s;
    color: rgb(255, 255, 255) !important;
    font-weight: 400 !important;
}

.ftr .info i:hover {
    background: rgb(255 255 255);
    color: #cd2026 !important;
}

.ftr li {
    list-style: none;
    line-height: 35px;
}

.ftr-logo img {
    width: 120px !important;
}

h4.ftr-heding {
    font-size: 20px;
    font-weight: 700;
}

.fter-img img {
    width: 150px;
    height: 90px;
    transition: all 0.8s ease 0s;
    object-fit: cover;
}

.fter-img {
    overflow: hidden;
}

.fter-img img:hover {
    width: 150px;
    height: 90px;
    object-fit: cover;
    transform: scale(1.2);
}

.ftr h3 {
    font-size: 18px;
    padding: 0px 0px 0px 60px;
    font-weight: 600;
    margin-bottom: 5px;
    color: rgb(255 255 255);
}

.ftr .info a {
    color: rgb(255 255 255);
    font-size: 13px;
    font-weight: 500;
}

.ftr .info p {
    padding: 0px 0px 0px 60px;
    margin-bottom: 0px;
    font-size: 14px;
    color: rgb(255 255 255);
}

.ftr .info i {
    font-size: 16px;
    color: rgb(255, 255, 255);
    float: left;
    font-family: "Font Awesome 5 Pro";
    width: 40px;
    height: 40px;
    background: #cd2026;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    transition: all 0.3s ease-in-out 0s;
    font-style: normal !important;
}

.ftr .top-ul i {
    font-size: 20px;
    padding-right: 20px;
    transition: all 0.5s ease 0s;
    color: #cd2026 !important;
    font-weight: 400 !important;
}

.crps.footer-2 {
    background: rgb(0 0 0 / 88%);
    color: rgb(255 255 255);
}

.crps.footer-2 a {
    color: rgb(205 32 38);
    font-weight: 700;
}

.ftr-logo a h4 {
    color: #cd2026;
    font-size: 28px;
    margin: 0;
    font-weight: 700;
}

.ftr p.pt-2 {
    font-size: 14px;
}

.info_box {
    padding-bottom: 15px;
}

.form-group input:focus, .form-group textarea:focus {
    background: none;
    box-shadow: rgb(0, 0, 0) 0px 0px 2px 1px !important;
    color: rgb(0, 0, 0) !important;
}

.ftr .top-ul i {
    border-radius: 50%;
    background: #cd2026 !important; 
}

.ftr .top-ul i {
    font-size: 20px;
    transition: all 0.5s ease 0s;
    width: 40px;
    height: 40px;
    text-align: center;
    padding-left: 20px;
    margin-left: 0px;
    display: flex;
    align-items: center;
    justify-content: center; 
    font-weight: 400 !important;
    color: #fff !important;
}

body .ftr .top-ul i:hover {
    border-radius: 50%;
    background: #fff !important;
    color: #cd2026 !important;
}

.btn_book_now {
    position: relative;
}

.btn_book_now::before {
    content: "";
    position: absolute;
    width: 40px;
    height: 100%;
    background: rgb(255, 255, 255);
    left: -1px;
    bottom: 0px;
    top: -1px;
    margin: auto;
    border-radius: 0px;
    clip-path: polygon(0% 0%, 50% 0px, 100% 50%, 50% 100%, 0% 100%);
    border: 1px solid rgb(255, 255, 255);
}

.btn_book_now {
    position: relative;
    background: #cd2026;
    padding: 8px 25px 8px 60px;
    border-bottom-right-radius: 5px;
    transition: all 0.5s ease 0s;
}

.btn_book_now:hover {
    background: rgb(0, 0, 0);
}

.btn_book_now:hover a.into_btn {
    color: rgb(255, 255, 255);
}

.btn_book_now a.into_btn {
    color: rgb(78, 80, 79);
    font-size: 16px;
    font-weight: 600;
    transition: all 0.5s ease 0s;
}

.call-buton .cc-calto-action-ripple {
    z-index: 99999;
    position: fixed;
    right: 1.4rem;
    bottom: 260px;
    background: #cd2026;
    width: 4rem;
    height: 4rem;
    padding: 1rem;
    border-radius: 100%;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    animation: 0.6s linear 0s infinite normal none running cc-calto-action-ripple;
    display: flex;
    place-items: center;
    text-decoration: none;
}

.call-buton .cc-calto-action-ripple i {
    transition: all 0.3s ease 0s;
    font-size: 30px;
    transform: rotate(100deg);
}

.phone-call {
    width: 50px;
    height: 50px;
    right: 30px;
    bottom: 165px;
    background: rgb(37, 211, 102);
    position: fixed;
    text-align: center;
    color: rgb(255, 255, 255);
    cursor: pointer;
    border-radius: 50%;
    z-index: 99;
    display: inline-block;
    line-height: 65px;
}

.phone-call::before {
    position: absolute;
    content: " ";
    z-index: -1;
    top: -15px;
    left: -15px;
    background-color: rgba(32, 179, 39, 0.92);
    width: 80px;
    height: 80px;
    border-radius: 100%;
    opacity: 0.6;
    animation: 1.8s ease-out 0s infinite normal none running pulse;
}

@-webkit-keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    25% {
        transform: scale(0.3);
        opacity: 1;
    }

    50% {
        transform: scale(0.6);
        opacity: 0.6;
    }

    75% {
        transform: scale(0.9);
        opacity: 0.3;
    }

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

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

    25% {
        transform: scale(0.3);
        opacity: 1;
    }

    50% {
        transform: scale(0.6);
        opacity: 0.6;
    }

    75% {
        transform: scale(0.9);
        opacity: 0.3;
    }

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

.phone-calls {
    width: 50px;
    height: 50px;
    right: 30px;
    bottom: 265px;
    position: fixed;
    text-align: center;
    color: rgb(255, 255, 255);
    cursor: pointer;
    border-radius: 50%;
    z-index: 99;
    display: inline-block;
    line-height: 65px;
    background: rgba(236, 189, 141, 0.45) !important;
}

.phone-calls::before {
    position: absolute;
    content: " ";
    z-index: -1;
    top: -17px;
    left: -15px;
    background-color: rgb(255, 0, 21);
    width: 80px;
    height: 80px;
    border-radius: 100%;
    opacity: 0.6;
    animation: 1.8s ease-out 0s infinite normal none running pulse;
}

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 160px;
    right: 25px;
    background-color: rgb(37, 211, 102);
    color: rgb(255, 255, 255);
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease 0s;
    box-shadow: none !important;
}

.float i {
    color: rgb(255, 255, 255);
}

.wrapper-1 {
    height: initial;
    max-width: 620px;
    margin: 50px auto 0px;
    box-shadow: rgba(88, 146, 255, 0.2) 4px 8px 40px 8px;
}

.wrapper-2 h2 {
    font-family: "Kaushan Script", cursive;
    font-size: 50px;
    letter-spacing: 3px;
    color: #cd2026;
    margin: 0px 0px 20px;
    font-weight: 700;
}

.wrapper-2 {
    padding: 30px;
    text-align: center;
}

.wrapper-2 p, a {
    text-decoration: none;
    color: black;
    font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}

.go-home {
    background: #cd2026;
    border: none;
    padding: 10px 50px;
    margin: 30px 0px;
    border-radius: 30px;
    text-transform: capitalize;
    box-shadow: rgb(174, 199, 251) 0px 10px 16px 1px;
    color: rgb(255, 255, 255) !important;
}

.go-home a {
    color: rgb(255, 255, 255) !important;
}

.footer-like {
    text-align: center;
}

.demo .col-lg-2.col-md-6 {
    display: flex;
    align-items: center;
    justify-content: end;
}

.cell {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
}

.medium {
    width: 50%;
}

.small {
    width: 25%;
}

.animeslide-slide {
    color: rgb(255, 255, 255);
}

.animeslide-slide {
    position: relative;
    padding: 15px 0px;
    min-height: 500px;
    background-size: cover;
}

.animeslide-slide .container {
    position: relative;
}

.animeslide-slide.swiper-slide-active [data-animate] {
    opacity: 1;
    transform: none;
}

.animeslide-slide.swiper-slide-active .animeslide-heading {
    transition-delay: 0.6s;
}

.animeslide-slide.swiper-slide-active .animeslide-desc {
    transition-delay: 1s;
}

ul.about_ul {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
}

ul.about_ul li {
    width: auto;
    line-height: 30px;
    background: #cd2026;
    margin-top: 11px;
    margin-right: 15px;
    padding: 10px 20px;
    color: rgb(255, 255, 255);
    text-align: left;
}

.sw h2 {
    text-align: left;
    color: rgb(255, 255, 255);
}

.sw p b {
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: 800;
    font-family: math;
}

.sw p {
    text-align: left;
    color: rgb(255, 255, 255);
    width: 70%;
}

[data-animate] {
    opacity: 0;
    transition: all 0.8s ease-out 0s;
}

[data-animate="bottom"] {
    transform: translate3d(0px, 15px, 0px);
}

.animeslide-bottom {
    position: absolute;
    bottom: 0px;
    width: 100%;
    border-radius: 8px;
    background-color: rgb(32, 34, 56);
    max-width: 600px;
    z-index: 1;
    padding: 35px;
    right: 0px;
    font-size: 14px;
}

.animeslide-bottom .cell {
    position: relative;
    opacity: 1;
    z-index: 2;
    height: 40px;
    bottom: inherit;
}

.animeslide-bottom .animeslide-scrollbar {
    margin-top: 16px;
}

.animeslide-bottom .animeslide-scrollbar-drag {
    height: 6px;
}

.animeslide-bottom .animeslide-pagination {
    font-size: 25px;
    bottom: inherit;
    color: rgb(255, 255, 255);
}

.animeslide-bottom .animeslide-pagination b {
    font-size: 28px;
    margin-top: -5px;
}

.animeslide-bottom .animeslide-pagination span {
    padding-left: 5px;
    padding-right: 5px;
}

.animeslide-button-next, .animeslide-button-prev {
    outline: none;
}

.animeslide-button-next::after, .animeslide-button-prev::after {
    font-size: 22px;
    color: rgb(255, 255, 255);
}

.service-item .service-icon {
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-item .service-icon img {
    max-width: 60px;
    max-height: 60px;
}

.service-item a.h4 {
    color: rgb(255, 255, 255);
    font-size: 18px;
}

.in_box {
    background: rgb(32, 112, 144) !important;
}

.top_sect img {
    width: 74px;
    height: 74px;
    object-fit: cover;
    margin-left: 18px;
}

.main.main_box_1 img, .main.main_box_3 img {
    filter: invert(1);
}

.top_sect .cnt {
    padding-left: 20px;
}

.top_sect .main {
    display: flex;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 5px 1px;
    height: auto;
    padding: 20px 0px;
}

.main_box_1 {
    background: #cd2026;
    color: rgb(255, 255, 255);
}

.main_box_2 {
    background: rgba(187, 187, 187, 0.28);
    color: #cd2026;
}

.main_box_3 {
    background: #cd2026;
    color: rgb(255, 255, 255);
}

.abt_img {
    overflow: hidden;
}

.abt_img img {
    width: 100%;
    height: 100%;
    transition: all 0.5s ease 0s;
}

.abt_img img:hover {
    transform: scale(1.1);
}

.bar.bar-big::before {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    height: 2px;
    width: 50px;
    border-radius: 0px;
    background: rgb(33, 37, 41);
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: MOVE-BG;
}

.bar.bar-big::before {
    margin: auto;
}

.bar.bar-big {
    height: 2px;
    width: 120px;
    background: #cd2026;
    position: relative;
    margin: 4px 0px;
}

@keyframes MOVE-BG {
    0% {
        transform: translateX(2px);
    }

    100% {
        transform: translateX(20px);
    }
}

.sr_img {
    overflow: hidden;
}

.service-item img.img-fluid {
    width: 100%;
    height: 350px;
    transition: all 0.5s ease 0s;
    object-fit: cover;
}

.service-item .service-icon img {
    width: 100%;
    height: 350px;
    transition: all 0.5s ease 0s;
    object-fit: cover;
    filter: invert(1);
}

.service-item img.img-fluid:hover {
    transform: scale(1.1);
}

.service h2.display-6 {
    font-size: 40px;
    font-weight: 500;
}

.icon_inthis i {
    background: #cd2026;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: rgb(255, 255, 255);
    font-size: 25px;
}

.inthis_cnt h2 {
    font-size: 22px;
}

.inthis_cnt {
    padding-left: 20px;
}

.inthis_box {
    display: flex;
    padding-bottom: 15px;
}

.inthis .bar-main {
    margin-bottom: 30px;
}

.inthis {
    background: url("../img/ek_number_hd_cu.png") center center / cover no-repeat;
    height: 100%;
    width: 100%;
}

.contact .info i {
    font-size: 20px;
    color: rgb(255, 255, 255);
    float: left;
    width: 44px;
    height: 44px;
    background: #cd2026;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    transition: all 0.3s ease-in-out 0s;
}

.contact .info p {
    padding: 0px 0px 10px 60px;
    margin-bottom: 20px;
    font-size: 14px;
    color: rgb(85, 85, 85);
}

.contact .info h4 {
    padding: 0px 0px 0px 60px;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    color: rgb(34, 34, 34);
}

.contact .info p a {
    font-size: 14px;
    color: rgb(6, 8, 7);
    text-transform: none !important;
}

.contact .info {
    border: 0px solid;
    padding: 40px;
    box-shadow: 0px -1px 9px 0px;
}

.capbox {
    background: none;
    display: flex;
    align-items: center;
    width: 100%;
    margin-right: 20px;
    border: 1px solid rgb(255, 255, 255);
    justify-content: space-between;
    height: 50px;
    border-radius: 5px;
}

div#CaptchaDiv {
    margin: auto;
    color: rgb(255, 255, 255);
    padding-left: 0px !important;
}

#q-form .capbox input {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    background: no-repeat;
    border-radius: 0px !important;
    border-width: 0px 1px 0px 0px !important;
    border-style: solid !important;
    border-top-color: initial !important;
    border-bottom-color: initial !important;
    border-left-color: initial !important;
    border-image: initial !important;
    border-right-color: rgb(255, 255, 255) !important;
    height: 46px !important;
    padding-left: 15px !important;
    color: rgb(255, 255, 255) !important;
}

input#CaptchaInput::placeholder {
    color: rgb(255, 255, 255);
}

#q-form .capbox input:focus-visible {
    outline: none !important;
}

.noselect {
    user-select: none;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    appearance: none;
    margin: 0px;
}

section.our {
    background: rgb(0 0 0);
    padding-top: 30px;
}

.our .card-icon i {
    font-family: "Font Awesome 5 Pro";
    color: rgb(255, 255, 255);
    display: block;
    font-style: inherit;
    background-color: #cd2026;
    border-radius: 50%;
    width: 60px;
    line-height: 56px;
    font-size: 25px;
    border: 2px solid #cd2026;
    text-align: center !important;
}

.fa-heart::before {
    content: "";
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
}

.fa-envelope::before {
    content: "";
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
}

.our .card-icon {
    position: relative;
    top: -32px;
    margin: auto;
}

.our .card-icon i:hover {
    border: 2px solid #cd2026;
    background: none;
    color: #cd2026;
}

.our .card {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 15px;
    border: none;
    margin-top: 20px;
}

.heading h2::before {
    background-color: rgb(255, 255, 255) !important;
    left: 60px !important;
}

.department h2::before {
    background-color: rgb(0, 0, 0) !important; 
}

.department  .heading h2 {
    color: rgb(0 0 0); 
}

.department .heading h2 span.last_color {
    color: #cd2026;
}

.heading h2 {
    color: #cd2026;
    font-size: 45px;
    font-weight: 500;
    position: relative;
    text-transform: capitalize;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.heading h2::after, .heading h2::before {
    background-color: #cd2026;
    bottom: 0px;
    content: "";
    height: 4px;
    left: 0px;
    margin: auto;
    position: absolute;
    width: 60px;
}

.department .card-icon i {
    font-family: "Font Awesome 5 Pro";
    color: rgb(255, 255, 255);
    display: block;
    font-style: inherit;
    background-color: #cd2026;
    border-radius: 50%;
    width: 60px;
    line-height: 56px;
    font-size: 25px;
    border: 2px solid #cd2026;
    text-align: center !important;
}

.department .card-icon {
    position: relative;
    top: -32px;
    margin: auto;
}

.department .card-icon i:hover {
    border: 2px solid #cd2026;
    background: none;
    color: #cd2026;
}

a.thm-btn {
    margin-top: 15px;
    background: rgb(28, 28, 28);
    border-radius: 30px;
    display: inline-block;
    color: rgb(255, 255, 255);
    font-size: 14px;
    text-transform: uppercase;
    padding: 6px 15px;
    border: 2px solid transparent;
    transition: all 0.3s ease 0s;
    text-decoration: none;
}

i.fas.fa-hand-sparkles::before {
    content: "Ĥ";
    font-family: "Font Awesome 5 Pro" !important;
}

a.thm-btn:hover {
    background-color: rgb(255, 255, 255);
    border-color: rgb(28, 28, 28);
    color: rgb(28, 28, 28);
}

a.thm-btn.inverse {
    background-color: rgb(255, 255, 255);
    border-color: rgb(28, 28, 28);
    color: rgb(28, 28, 28);
    text-decoration: none;
}

a.thm-btn.inverse:hover {
    background-color: rgb(28, 28, 28);
    border-color: rgb(28, 28, 28);
    color: rgb(255, 255, 255);
}

.department .card {
    border: none;
}

.department .card .card-img {
    border-radius: 0px !important;
}

.department .card {
    border-bottom: 3px solid #cd2026;
    border-radius: 0px 0px 2px 2px;
    margin-bottom: 30px;
    min-height: 380px;
    overflow: hidden;
    position: relative;
}

.reltve {
    background-color: rgb(251, 247, 248);
    bottom: -100px;
    padding: 0px 15px 20px;
    position: absolute;
    height: 300px;
    text-align: center;
    transition: all 0.3s ease 0s;
    display: inline-grid;
    width: 100%;
}

.department .card:hover .reltve {
    bottom: 0px;
}

.department .card-prg p {
    font-size: 15px;
}

.d-flex.justify-content-around {
    display: none !important;
}

.department .card-title {
    margin: 0px;
    height: 22px;
}

footer.ftr {
    background: #040707;
    color: #fff;
}


[data-animate-delay="100"] {
    transition-delay: 200ms !important;
}

[data-animate-delay="200"] {
    transition-delay: 500ms !important;
}

[data-animate-delay="300"] {
    transition-delay: 800ms !important;
}

[data-animate-delay="400"] {
    transition-delay: 1100ms !important;
}

.contact .heading h2::before {
    background-color: rgb(0 0 0) !important;
    left: 60px !important;
}

.contact .info i:hover {
    background: #000;
    color: #fff;
}

.back_atment {
    background: linear-gradient(45deg, #000000d6, #000000cf) , url(../img/background_image.jpg);
    width: 100%;
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.back_atment .main h2 {
    font-size: 60px;
    font-weight: 600;
}

.back_btn button {
    border: 2px solid #cd2027;
    padding: 10px 40px;
    margin-top: 15px;
    background: #cd2027;
    transition: all 0.5s;
}
 

.back_btn button:hover {
    transform: scale(1.1);
    border: 2px solid #cd2027;
    background: #000000;


}

.back_btn button a {
    color: #fff !important;
    font-size: 18px;
    font-weight: 600;
}

.back_img img {
    width: 100%;
    height: 500px;
    object-fit: contain;
    padding-top: 20px;
}

.back_atment .col-md-6:nth-child(1) {
    display: flex;
    align-items: center;
}

a.nav-link.active {
    color: #f00 !important;
}

#gallery ul{
    list-style: none;
    }

  #gallery img {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }
    .galleryfilter ul{
    list-style: none;
    }
    .galleryfilter img{
    max-width: 100%;
    height: auto;
    }
    .filter-menu{
    margin-bottom: 20px;
    }
    .filter-menu li {
        display: inline-block;
        padding: 10px 40px;
        background: rgb(0, 0, 0);
        color: #fff;
        cursor: pointer;
    }
    
    #gallery li.current {
    background: rgb(255, 0, 0) !important;
    }

    .filter-item li{
    width: 50%;
    padding: 2px;
    float: left;
    }
    .filter-item li.active{
    width: 50%;
    padding: 2px;
    transition: all 0.5s ease;
    }
    .filter-item li.delete{
    width: 0%;
    padding: 0;
    transition: all 0.5s ease;
    }
    .filter-item img{
    display: block;
    width: 100%;
    height: auto;
    }
    @media screen and (min-width: 768px){
    .filter-item li.active,
    .filter-item li{
    width: 33.33%; 
    } 

    }
    @media screen and (min-width: 1280px){
    .filter-item li.active,
    .filter-item li{
    width: 25%;
    }
    }

    /* #gallery li:hover .back_frt {
        display: block !important; 
    } */

    #gallery li  {
        position: relative;
        text-align: center;
    }

    
    /* #gallery li:hover:before  { 
        position: absolute;  
        background: rgb(164, 165, 165); 
        content: ""; 
    } */

    .back_frt {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        top: 0;
        margin: auto !important;
        height: 100% !important;
    }

    .quality  li {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

    span.why-icon {
        width: 45px;
        height: 45px;
        display: flex;
        background: #f0f2f1;
        align-items: center;
        justify-content: center;
        color: #d02a28;
        font-weight: 700 !important;
        margin: 9px 20px 0 0;
        border: 2px solid #d02927;
        border-radius: 0px 5px 5px 18px;
        font-size: 22px;
    }

    .quality  a {
        color: #000;
        transition: all 0.5s;
    }

    .quality  a {
        padding-right: 10px;
    }

    .quality a:hover {
        padding-left: 10px;
        color: #000;
    }

    .qut .heading h2::before {
        background-color: rgb(0 0 0) !important; 
    }

    .qut_img {
        overflow: hidden;
    }
    
    .qut_img img {
        width: 100%;
        height: 100%;
        transition: all 0.5s;
    }
    
    .qut_img img:hover {
        transform: translate3d(10px, 10px, 10px);
    }

    #gallery .heading h2::before {
        background-color: rgb(0 0 0) !important;
        left: 60px !important;
    }

    #gallery  .heading h2 { 
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    #gallery ul {
        list-style: none;
        text-align: center;
    }
    
    
    #gallery ul.p-0.filter-item {
    list-style: none;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
    
    

    section.why {
        background: #f5f6f6;
    }

    .why span.text-drak {
        color: #040707;
    }

    .why .heading h2::before {
        background-color: rgb(4 7 7) !important; 
    }

    .why li {
        padding-bottom: 15px;
    }

    .why li span.why_span {
        font-weight: 700;
        color: #cd2026;
        padding-right: 10px;
    }



.mengent  .col-lg-3 {
    display: flex;
    margin-bottom: 20px;
  }
  
  .mengent  img.card-img-top {
    width: 150px;
    margin: auto ;
    height: auto;
  }
  
  .mengent   .card  {
    height: 100%;
  }
  
  .mengent   .card {
    height: 100%;
    overflow: hidden;
    transition: all 0.5s;
  }
  
  .mengent   .card:hover {
    background-color: #cd2027;
    color: #fff;
    border-radius: 20px;
  }
  /* .mengent  img.card-img-top {
    width: 150px;
    margin: auto;
    height: auto;
    transition: all 0.5s;
  } */

  .mengent  img.card-img-top {
    width: 150px;
    margin: auto;
    height: auto;
    border-radius: 50%;
    transition: all 0.5s;
    height: 150px;
    object-position: 50% 0%;
    object-fit: cover;
}
  
  .mengent .card:hover img.card-img-top {
    transform: scale(1.1);
  }
  
  .mengent  .ct-boder {
    padding: 20px 0px;
  }

  .mengent .heading h2::before {
    background-color: #000 !important;
    left: 60px !important;
  }

  .mengent .heading h2 {
    color: #040707; 
  }

  .mengent .heading h2 span.last_color {
    color: #d02927;
  }

    /* all inner page css ki start */

    .inner-frist.menu {
        background: linear-gradient(45deg, #000000eb, transparent) , url(../img/background_image.jpg);
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: 40% 14% !important;
        background-size: cover;
        min-height: 500px;
    } 
        
    .main_cnt_inner h4 {
        font-size: 50px;
        text-transform: capitalize;
        color: #ffffff;
        font-weight: 600;
    }
 
    .main_cnt_inner  p {
        color: #fff;
        font-size: 18px;
        font-weight: 700;
    }

    .main_cnt_inner p a {
        color: #fff;
        text-transform: capitalize;
    }

    .main_cnt_inner p span a {
        color: #cd2027;
    }

    .inner-frist.event {
        background: linear-gradient(45deg, #000000eb, transparent) , url(../img/e.jpg);
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        min-height: 500px;
        background-size: cover;
    }

    .inner-frist.about {
        background: linear-gradient(45deg, #000000eb, transparent) , url(../img/about_bg.jpg);
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        min-height: 500px;
        background-size: cover;
    } 

    /* all inner page ki css end */


    .about_us  h2 {
        font-size: 40px; 
        font-weight: 700;
        color: #040707;
    }
  
  .about_us h4.sub_heding {
    font-size: 24px;
    font-weight: 600;
    font-family: math;
  }

  .about_us h2 span.last_color {
    color: #cd2027;
  }
   
  .about_us .heading h2::before {
    background-color: rgb(4 7 7) !important; 
   }


  .about_us .ct-boder {
    padding: 20px 0px  !important ;
  }
  
  .ab_ul li {
    list-style: none;
  }
  
  .flip-box {
    background-color: transparent;
    width: 100%; 
    height: 250px;
    border: 1px solid #f1f1f1;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
  }
  
  /* This container is needed to position the front and back side */
  .flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
  }
  
  /* Do an horizontal flip when you move the mouse over the flip box container */
  .flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
  }
  
  /* Position the front and back side */
  .flip-box-front,
  .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
  }
  
  /* Style the front side (fallback if image is missing) */
  .flip-box-front {
    background-color: #d02927;
    color: black;
  }
  
  /* Style the back side */
  .flip-box-back {
    background-color: #d02927;
    color: white;
    transform: rotateY(180deg);
    padding: 20px 10px;
}
  
  .flip-box-front h4.text-white {
    position: absolute;
    bottom: 20px;
    margin: auto;
    left: 0;
    right: 0;
    font-family: math;
    font-size: 22px;
  }
  
  .flip-box-back p {
    font-size: 14px;
  }
  
  .flip-box-back h2 {
    font-size: 22px;
    font-family: math;
  
  }
  
  .purity .heading h2::before {
    background-color: #000 !important;
    left: 60px !important;
  }

  .purity .heading h2 {
    color: #040707; 
  }

  .purity .heading h2 span.last_color {
    color: #d02927;
  }
 
  .purity .card_pty img {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    border: 3px solid #cd2027;
    padding: 3px;
    transition: all 0.5s;
    object-fit: cover;
}

.purity .card_pty img:hover {
    transform: scale(1.1);
    border-color: #040707;
}


.purity  .card_pty_cnt {
    padding-left: 25px;
}

.purity  .card_pty {
    display: flex;
    align-items: center;
}


.bnqut .heading h2::before {
    background-color: #000 !important;
    left: 60px !important;
  }

  .bnqut .heading h2 {
    color: #040707; 
  }

  .bnqut .heading h2 span.last_color {
    color: #d02927;
  }

  section.bnqut {
    background: #f5f6f6;
}

.bnqut  img {
    width: 300px;
    border-radius: 50%;
    height: 300px;
    object-fit: cover;
    object-position: 24% 50%;
    border: 5px solid #cd2027;
    padding: 5px;
    transition: all 0.2s;
}

.bnqut img:hover {
    filter: hue-rotate(45deg);
    border: 5px solid #000;
}

.bnqut  li span.why_span , .in_food li span.why_span  {
    font-weight: 700;
    color: #cd2026;
    padding-right: 10px;
}

.bnqut li , .in_food li {
    padding-bottom: 15px;
}

.in_food .heading h2::before {
    background-color: #000 !important;
    left: 60px !important;
  }

  .in_food .heading h2 {
    color: #040707; 
  }

  .in_food .heading h2 span.last_color {
    color: #d02927;
  }

  .in_food .in_food_img img {
    width: 100%;
    height: 100%;
}

.in_food .col-md-7 {
    display: flex;
    align-items: center;
}



section.in_food.in_ct {
    background: #f5f6f6;
}

.has {
    background: #f5f6f6;
}

.back_frt h4 {
    font-size: 15px;
    background: #0000006b;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    width: 100%;
    margin: auto;
    height: 0;
    color: #fff !important;
    visibility: hidden;
    transition: all 0.5s;
}

.filter-item li:hover .back_frt h4 {
    height: 100%;
    visibility: visible !important;
}

.our  .card-prg p {
    padding: 0px 5px !important;
}

.mengent  h5.card-title {
    font-size: 24px;
}




/*--------------------------------------------------------------
# Our Clients
--------------------------------------------------------------*/
.clients .swiper-slide img { 
    transition: 0.3s;
  }

  section#clients {
    background: #f5f6f6;
 }
   
   
  .clients .swiper-pagination {
    margin-top: 20px;
    position: relative;
  }
  
  .clients .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #fff;
    opacity: 1;
    border: 1px solid #00393b;
  }
  
  .clients .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #00393b;
  }
  #clients div.swiper-wrapper {
    padding: 20px 0;
  }
  
  span.swiper-pagination-bullet.swiper-pagination-bullet {
    opacity: .5 !important;
  }
  span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1 !important;
  }
   
  
  #clients .ct-boder {
    padding: 20px 0;
  }
  
  .clients .swiper {
    width: 100%;
    height: 100%;
}
  

.clients .heading h2::before {
    background-color: rgb(0 0 0) !important;
    left: 60px !important;
}

.clients .info i:hover {
    background: #000;
    color: #fff;
}

.clients .swiper-slide img {
    width: 150px;
    height: 100px;
    object-fit: contain;
    padding: 10px;
}

.qut h2 {
    color: #040707;
}

.qut span.last_color {
    color: #cd2026;
}

.event  h2 {
    color: #040707;
}

.event  span.last_color {
    color: #cd2026;
}


@media (max-width: 1024px) {
    
    
    #gallery ul.p-0.filter-item {
    list-style: none;
    text-align: center;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap;
}
    
    
    .demo_btn button {
        border: 2px solid;
        border-radius: 5px;
        box-shadow: rgba(0, 0, 0, 0.26) 1px 8px 12px 0px;
        transition: all 0.5s ease 0s;
        padding: 8px 20px;
        width: auto;
    }

    section.about_us {
        padding-bottom: 50px;
    }

    .reltve {
        background-color: rgb(251, 247, 248);
        bottom: -45px; 
        height: 320px; 
    }

    .department .card { 
        min-height: 450px; 
    }

    section.department {
        padding-bottom: 0px !important;
    }

    section.contact {
        padding-top: 20px !important;
    }

    .map_emb iframe {
        width: 100%;
    }

    .contact p {
        margin: 3px 0px;
    }

    .demo_btn {
        text-align: end;
    }

    .demo h2 {
        font-size: 35px;
        font-weight: 600;
    }

    .sw p {
        text-align: left;
        color: #fff;
        width: 100% !important;
    }

    ul.about_ul li {
        width: 48%;
        margin-right: 13px;
    }

    .top_sect .col-lg-4 {
        margin-bottom: 20px;
    }

    .quri .fr_cnt {
        padding-bottom: 20px;
    }

    .col-lg-6.info.in {
        padding: 40px;
    }

    .contact .col-lg-6 {
        padding: 0px;
        margin-bottom: 20px;
    }

    .top_sect .cnt {
        display: flex;
        flex-direction: column;
        height: 100%;
        text-align: center;
        padding: 5px 20px;
    }

    .top_sect .main {
        display: flex;
        align-items: center;
        box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 5px 1px;
        padding: 20px 0px;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
    }

    .form-group input, .form-group textarea {
        line-height: 20px !important;
        margin-bottom: 0px !important;
    }

    .top_sect .col-md-4 {
        margin-bottom: 20px;
    }

    section {
        overflow: hidden !important;
    }

    ul.navbar-nav.m-auto.gap-4.mb-2.mb-lg-0 {
        gap: 0px !important;
    }

    ul.top_info.for_icon.d-flex.justify-content-end {
        justify-content: start !important;
        padding-bottom: 20px !important;
    }

    .back_atment .main h2 {
        font-size: 30px;
        font-weight: 600;
    }

    #gallery  {
        height: auto !important; 
    }

    .why  .col-md-4 {
        display: flex;
        align-items: center;
    }

    #gallery .galleryfilter {
        margin-top: 20px;
    }
    
    .mengent .col-lg-4 {
      margin-bottom: 20px;
    }

}

@media (max-width: 767px) {
 
    .back_atment .main h2 {
        font-size: 28px;
        font-weight: 600;
        padding-top: 10px;
    }

    .back_atment .col-md-6:nth-child(1) {
        display: flex;
        align-items: center;
        order: 1;
    }

    .back_img img {
        width: 100%;
        height: 290px;
        object-fit: contain;
        padding-top: 0px;
    }

    .our .col-md-4 {
        margin-top: 30px;
    } 

    .form-group input, .form-group textarea {
        line-height: 30px !important;
        margin-bottom: 10px !important;
    }

    .form-group.mt-3 {
        margin: 0px !important;
    }

    span.p-none {
        display: none !important;
    }

    .frist {
        padding-top: 20px;
    }

    h3.top_crt {
        font-size: 30px;
    }

    .col-lg-6.skind_col_6 {
        margin-top: 24px;
    }

    .btns {
        font-size: 50px;
    }

    ul.about_ul li {
        width: 100%;
        line-height: 30px;
    }

    .demo h2 {
        font-size: 24px;
        font-weight: 600;
    }

    .demo .cnt_demo h4 {
        font-size: 16px;
    }

    .demo_btn button {
        padding: 8px 100px;
        box-shadow: rgba(0, 0, 0, 0.26) 1px 1px 5px 0px;
        margin-top: 15px;
    }

    .ftr .col-lg-3 .col-md-6 {
        width: 50%;
    }

    .ftr .ftr-scl {
        margin-bottom: 20px;
    }

    .ftr .info a { 
        font-size: 12px; 
    }

    .map_emb iframe {
        width: 100%;
    }

    .btnh input.form-control {
        padding: 7px 100px;
        margin: auto;
        width: 100%;
    }

    .services .main {
        margin-bottom: 20px;
    }

    section#servicesss {
        padding: 20px 0px 0px !important;
    }

    form.main.cnt {
        padding: 0px 5px;
        margin-bottom: 30px;
    }

    section.contact {
        padding: 4px 0px !important;
    }

    .contact .info p a {
        font-size: 12px;
    }

    .service-item img.img-fluid {
        width: 100%;
        height: 200px;
    }

    .service-item a.h4 {
        color: rgb(255, 255, 255);
        font-size: 14px;
        margin: 0px !important;
    }

    .service h2.display-6 {
        font-size: 24px;
    }

    .service .row.g-4.mt-4 {
        margin-top: 0px !important;
    }

    section.quri {
        width: 100%;
        margin-top: 0px !important;
        padding: 15px 0px !important;
    }

    input.top_frm.btn {
        margin-bottom: 0px;
    }

    .top_sect .main {
        margin-bottom: 20px !important;
    }

    section#aboutus {
        padding: 0px !important;
    }

    section.about_us {
        padding: 15px 0px !important;
    }

    .top_sect h4 {
        font-size: 20px;
    }

    .top_sect p {
        font-size: 14px;
    }

    section.inthis.py-5.my-5 {
        margin: 0px !important;
        padding: 10px 0px !important;
    }

    .inthis_cnt h2 {
        font-size: 18px;
    }

    .icon_inthis i {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .inthis_cnt p {
        font-size: 12px;
    }

    .inthis {
        background: linear-gradient(45deg, rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.68)) 80% 0% / cover no-repeat, url("../img/ek_number_hd_cu.png");
        height: 100%;
        width: 100%;
        color: rgb(255, 255, 255);
    }

    .service {
        padding: 10px 0px !important;
    }

    .in_box img {
        width: 40px !important;
        height: 40px !important;
    }

    .in_box {
        height: 70px;
    }

    .brd_bt {
        display: none;
    }

    .form-group input, .form-group textarea {
        line-height: 30px !important;
        margin-bottom: 10px !important;
    }

    textarea.form-control {
        height: 60px;
        margin-top: 10px;
    }

    section.main_header a img {
        width: 80px;
        height: 100%;
    }
}

@media (max-width: 767px) {
    .contact .info {
        padding: 0px 10px;
        box-shadow: none !important;
    }

    .col-lg-6.info.in {
        padding: 0px !important;
        box-shadow: none !important;
    }

    .sw p {
        text-align: left;
        color: rgb(255, 255, 255);
        width: 100%;
    }

    section.short_info.py-5 {
        padding: 0px !important;
    }

    .short_info .main {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .call_info a {
        color: rgb(235, 235, 235);
    }

    .wh_info a {
        color: rgb(235, 235, 235);
    }

    .wh_info a i {
        padding-right: 6px;
    }

    .call_info i {
        padding-right: 6px;
    }

    .call_info {
        padding: 10px 0px;
        width: 50%;
        text-align: center;
        background: #cd2026 !important;
    }

    .wh_info {
        padding: 10px 0px;
        width: 50%;
        text-align: center;
        background: rgb(37, 211, 102) !important;
    }

    .short_info .main {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
        z-index: 999;
    }

    .short_info .main a {
        text-decoration: none !important;
        color: rgb(255, 255, 255) !important;
    }

    a.float {
        display: none;
    }

    .phone-call {
        display: none !important;
    }

    section.call-buton {
        visibility: hidden;
    }

    .phone-calls {
        display: none;
    } 

    .phone-call::before {
        position: absolute;
        display: none !important;
    }

    #q-form {
        display: block;
        align-items: center;
        justify-content: center;
    }

    section.quri {
        background: #cd2026;
        margin-top: 50px;
        height: auto;
    }

    .fr_cnt p {
        color: rgb(255, 255, 255);
        font-size: 24px;
        padding-bottom: 12px !important;
    }

    input.top_frm {
        height: 50px;
        background: no-repeat;
        margin-right: 0px;
        border: 1px solid rgb(255, 255, 255);
        margin-bottom: 20px;
        color: rgb(255, 255, 255) !important;
    }

    ul.navbar-nav {
        background: none;
    }

    div#navbarSupportedContent {
        padding-bottom: 20px;
    }

    ul.top_info.for_icon {
        justify-content: left !important;
        margin-left: 0px !important;
    }

    .swiper-slide.sli_3, .swiper-slide.sli_1 {
        width: 100%;
        background-size: cover !important;
        background-position: 92% 0% !important;
    }

    .swiper-slide.sli_2, .swiper-slide.sli_4 {
        width: 100%;
        background-position: 50% 50% !important;
    }

    section.quri {
        background: #cd2026;
        width: 100%;
        margin-top: 28px !important;
    }

    input.top_frm {
        width: 100% !important;
    }

    .reltve {
        background-color: rgb(251, 247, 248);
        bottom: 0px;
        padding: 0px 15px 20px;
        position: absolute;
        height: 300px;
        text-align: center;
        transition: all 0.3s ease 0s;
        display: inline-grid;
        width: 100%;
    }

    .department .card-title {
        margin: 0px;
        height: 0px;
    }

    .department .card-prg p {
        font-size: 15px;
        padding-top: 30px;
        text-align: start;
    }

    .department .card {
        border-bottom: 3px solid #cd2026;
        border-radius: 0px 0px 2px 2px;
        margin-bottom: 0px;
        min-height: 450px;
        overflow: hidden;
        position: relative;
    }

    section {
        overflow: hidden !important;
    }

    section.department {
        padding-bottom: 30px !important;
    }

    ul.navbar-nav.m-auto.gap-4.mb-2.mb-lg-0 {
        gap: 0px !important;
    }

    #gallery img {
        width: 100%;
        height: 120px;
        object-fit: cover;
    }

    .filter-menu li {
        display: inline-block;
        padding: 8px 0px;
        background: rgb(0, 0, 0);
        color: #fff;
        cursor: pointer;
        width: 23.5%;
        font-size: 14px;
        text-align: center;
    }

    section#gallery {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    }

    .inner-frist  { 
        min-height: 250px !important;
    }

    .heading h2 {
        font-size: 24px;
    }

    .about_us  h2 {
        font-size: 24px;
        font-weight: 700;
        color: #040707;
    }

    #gallery  .heading h2 {
        margin-bottom: 20px;
        padding-bottom: 0px;
    }
    #gallery  {
        height: auto !important; 
    }

    .event .filter-menu li {   
        font-size: 12px; 
    }

    .inner-frist.event {
        background: linear-gradient(45deg, #00000000, transparent) , url(../img/e.jpg);
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center; 
        background-size: cover;
    }

    .why  .col-md-4 {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mengent  .card { 
        padding: 10px 0px !important;
    }


.flip-box {
    background-color: transparent;
    width: 100%;
    height: 470px;
    border: 1px solid #f1f1f1;
  }
  .flip-box-inner {
    position: relative;
    width: 100%;
    text-align: center;
    height: 100%;
    top: 0px;
  }
  .flip-box-front {
    width: 100% !important;
    height: 180px !important;
  }
  
  .flip-box-back {
    background-color: #d02927;
    color: white;
    padding: 20px 10px;
    position: absolute;
    height: 288px;
    bottom: 0;
  }
  .flip-box-back {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .flip-box-back {
    transform: rotateY(0deg);
  }
  
  .flip-box:hover .flip-box-inner {
    transform: rotateY(0deg);
  }
  
  .flip-box-front h4.text-white { 
    visibility: hidden; 
  }

  .purity  .card_pty {
    display: flex;
    align-items: center;
    flex-direction: column;
    }

    .purity  .card_pty_cnt {
        padding-left: 0;
    }

    .purity .card_pty img {
        width: 100%;
        height: 100%;
        margin-bottom: 10px;
        border: 3px solid #cd2027;
        padding: 3px;
    }

    .mengent  .card.p-4 {
        margin-bottom: 20px;
    }

}