/********** Template CSS **********/@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap'); :root {    --primary: #d41313;    --secondary: #525456;    --light: #F8F9FA;    --dark: #182333;}body {    user-select: none;}img {    user-select: none;    /* Prevent image selection */    pointer-events: none;    /* Disable pointer events on images */}/*Font*/.pinyon-script-regular {    font-family: "Pinyon Script", cursive;    /*font-weight: 400;*/    font-style: normal;}.back-to-top {    position: fixed;    display: none;    right: 30px;    bottom: 30px;    z-index: 99;}/*** Spinner ***/#spinner {    opacity: 0;    visibility: hidden;    transition: opacity .5s ease-out, visibility 0s linear .5s;    z-index: 99999;}#spinner.show {    transition: opacity .5s ease-out, visibility 0s linear 0s;    visibility: visible;    opacity: 1;}/*** Button ***/.btn {    font-weight: 500;    transition: .5s;}.btn.btn-primary, .btn.btn-outline-primary:hover {    color: #FFFFFF;}.btn-square {    width: 38px;    height: 38px;}.btn-sm-square {    width: 32px;    height: 32px;}.btn-lg-square {    width: 48px;    height: 48px;}.btn-square, .btn-sm-square, .btn-lg-square {    padding: 0;    display: flex;    align-items: center;    justify-content: center;    font-weight: normal;}/*** Navbar ***//*--------------------------------------------------------------# Header--------------------------------------------------------------*/#header {    background: #fff;    transition: all 0.5s;    z-index: 997;    padding: 10px 0;}#header.header-scrolled {    padding: 12px 0;    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}#header .logo {    font-size: 26px;    margin: 0;    padding: 0;    line-height: 1;    font-weight: 700;    letter-spacing: 0.5px;    text-transform: uppercase;}#header .logo a {    color: #0b2341;}#header .logo img {    max-height: 40px;}/*--------------------------------------------------------------# Navigation Menu--------------------------------------------------------------*//*** Desktop Navigation */.navbar {    padding: 0;}.navbar ul {    margin: 0;    padding: 0;    display: flex;    list-style: none;    align-items: center;}.navbar li {    position: relative;}.navbar a, .navbar a:focus {    display: flex;    align-items: center;    justify-content: space-between;    padding: 10px 0 10px 20px;    font-size: 15px;    color: #0b2341;    white-space: nowrap;    transition: 0.3s;    font-weight: 500;    text-transform: uppercase;}@media (min-width:1400px) {    .navbar li {        position: relative;    }    .navbar a, .navbar a:focus {        padding: 10px 0 10px 30px;    }}@media screen and (min-width: 1200px) and (max-width: 1350px) {   .navbar li {        position: relative;    }    .navbar a, .navbar a:focus {        font-size: 14px;    }}.navbar a i, .navbar a:focus i {    font-size: 12px;    line-height: 0;    margin-left: 5px;}.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a {    color: #ed1f29;}.navbar .getstarted, .navbar .getstarted:focus {    background: #ed1f29;    padding: 8px 20px;    margin-left: 30px;    border-radius: 4px;    color: #fff;}.navbar .getstarted:hover, .navbar .getstarted:focus:hover {    color: #fff;    background: #ef6445;}.navbar .dropdown ul {    display: block;    position: absolute;    left: 14px;    top: calc(100% + 30px);    margin: 0;    padding: 10px 0;    z-index: 99;    opacity: 0;    visibility: hidden;    background: #fff;    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);    transition: 0.3s;    border-radius: 0 10px 0;}/*.navbar .dropdown ul li {    min-width: 200px;}.navbar .dropdown ul a {    padding: 10px 20px;    text-transform: none;}.navbar .dropdown ul a i {    font-size: 12px;}*/.navbar .dropdown ul li {    min-width: 200px;    background-color: white;    /* Set background color for list items */    transition: background-color 0.3s ease;    /* Add smooth transition effect */}.navbar .dropdown ul a {    padding: 10px 20px;    text-transform: none;    color: black;    /* Set text color to white */    display: block;    /* Ensure full width for anchor tags */}.navbar .dropdown ul a:hover {    background-color: red;    /* Change background color on hover */    color: white;    /* Change text color on hover */}.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover>a {    /* color: #ed1f29; */}.navbar .dropdown:hover>ul {    opacity: 1;    top: 100%;    visibility: visible;}.navbar .dropdown .dropdown ul {    top: 0;    left: calc(100% - 30px);    visibility: hidden;}.navbar .dropdown .dropdown:hover>ul {    opacity: 1;    top: 0;    left: 100%;    visibility: visible;}@media (max-width: 1366px) {    .navbar .dropdown .dropdown ul {        left: -90%;    }    .navbar .dropdown .dropdown:hover>ul {        left: -100%;    }}/** Mobile Navigation */.mobile-nav-toggle {    color: #0b2341;    font-size: 28px;    cursor: pointer;    display: none;    line-height: 0;    transition: 0.5s;}.mobile-nav-button {    color: white;    background: red;    border-radius: 5px;    padding: 5px;}.mobile-nav-toggle.bi-x {    color: #fff;}@media (max-width: 1200px) {    .mobile-nav-toggle {        display: block;    }    .navbar ul {        display: none;    }}.navbar-mobile {    position: fixed;    overflow: hidden;    top: 0;    right: 0;    left: 0;    bottom: 0;    background: rgba(4, 12, 21, 0.9);    transition: 0.3s;    z-index: 999;}.navbar-mobile .mobile-nav-toggle {    position: absolute;    top: 15px;    right: 15px;}.navbar-mobile ul {    display: block;    position: absolute;    top: 55px;    right: 15px;    bottom: 15px;    left: 15px;    padding: 10px 0;    background-color: #fff;    overflow-y: auto;    transition: 0.3s;}.navbar-mobile a, .navbar-mobile a:focus {    padding: 10px 20px;    font-size: 15px;    color: #0b2341;}.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover>a {    color: #ed1f29;}.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {    margin: 15px;}.navbar-mobile .dropdown ul {    position: static;    display: none;    margin: 10px 20px;    padding: 10px 0;    z-index: 99;    opacity: 1;    visibility: visible;    background: #fff;    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);}.navbar-mobile .dropdown ul li {    min-width: 200px;}.navbar-mobile .dropdown ul a {    padding: 10px 20px;}.navbar-mobile .dropdown ul a i {    font-size: 12px;}.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover>a {    color: #ed1f29;}.navbar-mobile .dropdown>.dropdown-active {    display: block;}/*** Header ***/.carousel-caption {    top: 0;    left: 0;    right: 0;    bottom: 0;    display: flex;    align-items: center;    text-align: start;    background: rgb(0 0 0 / 30%);    z-index: 1;}.carousel-control-prev, .carousel-control-next {    width: 15%;}.carousel-control-prev-icon, .carousel-control-next-icon {    width: 4rem;    height: 4rem;    background-color: var(--dark);    border: 15px solid var(--dark);    border-radius: 50px;}.carousel-caption .breadcrumb-list i.fa {    color: red;    /* Set icon color to red */    margin-right: 5px;    /* Add gap between icon and text */}/* Styling for breadcrumb items */.carousel-caption .breadcrumb-list {    display: inline-flex;    /* Ensures items are displayed in a row */    align-items: center;    /* Align items vertically */}/* Media query for mobile devices */@media (max-width: 767px) {    /* Modify display for mobile view */ .carousel-caption .breadcrumb-list {        display: block;        /* Display items as block elements */        margin-bottom: 5px;        /* Add space between items */    }}@media (max-width: 768px) {    #header-carousel .carousel-item {        position: relative;        min-height: 630px;    }    #header-carousel .carousel-item img {        position: absolute;        width: 100%;        height: 100%;        object-fit: cover;    }    .carousel-control-prev-icon, .carousel-control-next-icon {        width: 3rem;        height: 3rem;        border-width: 12px;    }    .mob-center {        display: flex;        flex-direction: column;        align-items: center;        align-content: center;        justify-content: center;    }    .mob-center h1 {        text-align: center;        font-size: revert;    }}.page-header {    background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)), url(../img/banner-1.jpg) center center no-repeat;    background-size: cover;    margin-top: 60px;}.page-header .breadcrumb-item+.breadcrumb-item::before {    color: #999999;}.career-header {    background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)), url(../img/careers.jpg) center center no-repeat;    background-size: cover;    margin-top: 60px;}.career-header .breadcrumb-item+.breadcrumb-item::before {    color: #999999;}.media-header {    background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)), url(../img/media.jpg) center center no-repeat;    background-size: cover;    margin-top: 60px;}.media-header .breadcrumb-item+.breadcrumb-item::before {    color: #999999;}/*** Facts ***/.facts-overlay {    position: absolute;    padding: 30px;    width: 100%;    height: 100%;    top: 0;    left: 0;    display: flex;    flex-direction: column;    justify-content: flex-end;    background: rgba(0, 0, 0, .65);}.facts-overlay h1 {    font-size: 120px;    color: transparent;    -webkit-text-stroke: 2px var(--primary);}.facts-overlay a:hover {    color: var(--primary) !important;}/*** Service ***/.service-text::before {    position: absolute;    content: "";    width: 100%;    height: 0;    top: 0;    left: 0;    background: var(--primary);    opacity: 0;    transition: .5s;}.service-item:hover .service-text::before {    height: 100%;    opacity: 1;}.service-text * {    position: relative;    transition: .5s;    z-index: 1;}.service-item:hover .service-text * {    color: #FFFFFF !important;}/*** Appointment ***/.appointment {    background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)), url(../img/banner-3.jpg) center center no-repeat;    background-size: cover;}/*** Team ***/.team-text {    position: absolute;    width: 75%;    bottom: 30px;    left: 0;    transition: .5s;}.team-item:hover .team-text {    width: 100%;}.team-text * {    transition: .5s;}.team-item:hover .team-text * {    letter-spacing: 2px;}/*** Testimonial ***/.testimonial-carousel .owl-item img {    width: 100px;    height: 100px;}.testimonial-carousel .owl-nav {    margin-top: 30px;    display: flex;    justify-content: start;}.testimonial-carousel .owl-nav .owl-prev, .testimonial-carousel .owl-nav .owl-next {    margin-right: 15px;    width: 50px;    height: 50px;    display: flex;    align-items: center;    justify-content: center;    color: var(--dark);    border: 2px solid var(--primary);    border-radius: 50px;    font-size: 18px;    transition: .5s;}.testimonial-carousel .owl-nav .owl-prev:hover, .testimonial-carousel .owl-nav .owl-next:hover {    color: #FFFFFF;    background: var(--primary);}/*** Footer ***/.footer {    color: white;    background: #3c3c3c;}.footer .btn.btn-link {    display: block;    margin-bottom: 5px;    padding: 0;    text-align: left;    color: #ffffff;    font-weight: normal;    text-transform: capitalize;    transition: .3s;}.footer .btn.btn-link::before {    position: relative;    content: "\f105";    font-family: "Font Awesome 5 Free";    font-weight: 900;    color: #999999;    margin-right: 10px;}.footer .btn.btn-link:hover {    color: #ff0000;    letter-spacing: 1px;    box-shadow: none;}.footer .copyright {    padding: 25px 0;    font-size: 15px;    border-top: 1px solid rgba(256, 256, 256, .1);}.footer .copyright a {    color: var(--light);}.footer .copyright a:hover {    color: var(--primary);}@media (max-width: 992px) {    .py-8 {        padding-top: 8rem !important;    }}/* Style for the entire table */table {    width: 75%;    border-collapse: collapse;    margin-bottom: 20px;    /* Add spacing between tables */    font-size: small;    font-weight: 500;}/* Style for table header cells (th) */th {    background-color: #f2f2f2;    padding: 15px;    text-align: left;    border: 1px solid lightgrey;}/* Style for table data cells (td) */td {    border: 1px solid lightgrey;    padding: 8px;}/* Alternate row background color for better readability */tr:nth-child(even) {    background-color: #f9f9f9;}.qty .count {    color: #000;    display: inline-block;    vertical-align: top;    font-size: 25px;    font-weight: 700;    line-height: 30px;    padding: 0 2px ;    min-width: 35px;    text-align: center;}.qty .plus {    cursor: pointer;    display: inline-block;    vertical-align: top;    color: white;    width: 30px;    height: 30px;    font: 30px/1 Arial,sans-serif;    text-align: center;    border-radius: 50%;}.qty .minus {    cursor: pointer;    display: inline-block;    vertical-align: top;    color: white;    width: 30px;    height: 30px;    font: 30px/1 Arial,sans-serif;    text-align: center;    border-radius: 50%;    background-clip: padding-box;}.minus:hover {    background-color: #717fe0 !important;}.plus:hover {    background-color: #717fe0 !important;}/*Prevent text selection*/span {    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;}input {    border: 0;    width: 2%;}nput::-webkit-outer-spin-button, input::-webkit-inner-spin-button {    -webkit-appearance: none;    margin: 0;}input:disabled {    background-color: white;}input[type=radio] {    --s: 1em;    /* control the size */    --c: #009688;    /* the active color */    height: var(--s);    aspect-ratio: 1;    border: calc(var(--s)/8) solid #939393;    padding: calc(var(--s)/8);    background: radial-gradient(farthest-side, var(--c) 94%, #0000) 50%/0 0 no-repeat content-box;    border-radius: 50%;    outline-offset: calc(var(--s)/10);    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    cursor: pointer;    font-size: inherit;    transition: .3s;}input[type=radio]:checked {    border-color: var(--c);    background-size: 100% 100%;}input[type=radio]:disabled {    background: linear-gradient(#939393 0 0) 50%/100% 20% no-repeat content-box;    opacity: .5;    cursor: not-allowed;}@media print {    input[type=radio] {        -webkit-appearance: auto;        -moz-appearance: auto;        appearance: auto;        background: none;    }}label {    display: inline-flex;    align-items: flex-start;    gap: 10px;    margin: 5px 0;    cursor: pointer;    color: #fff;}.custom-btn {    background: #58595b;    border: 2px solid #58595b;    padding: 10px;    border-radius: 14px;}.mb-n-50 {    margin-bottom: -50px !important;}.cart-menu {    position: fixed;    top: 60px;    right: 0;    width: 250px;    background-color: #fff;    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);    border-radius: 5px;    display: none;    z-index: 999;    top: 90px;    border: 1px solid #ff000040;    right: 10px;}.cart-menu.show {    display: block;}.cart-menu ul {    list-style: none;    padding: 10px;    margin: 0;}.cart-menu li {    padding: 10px;    border-bottom: 1px solid #eee;}.product-form .input {    border: 2px solid transparent;    width: 15em;    height: 2.5em;    padding-left: 0.8em;    outline: none;    overflow: hidden;    background-color: #F3F3F3;    border-radius: 10px;    transition: all 0.5s;}.product-form .input:hover, .product-form .input:focus {    border: 2px solid #4A9DEC;    box-shadow: 0px 0px 0px 7px rgb(74, 157, 236, 20%);    background-color: white;}.contact-info p {    margin-bottom: 10px;    /* Add spacing between paragraphs */    display: flex;    /* Use flexbox to align icon and text */    align-items: flex-start;    /* Align items to the top */    flex-wrap: wrap;}.contact-info p i {    margin-right: 10px;    /* Add spacing between icon and text */    font-size: 18px;    /* Adjust icon size */    color: #e31e24;    /* Set icon color */}.contact-info p strong {    margin-right: 5px;    /* Add spacing between icon and text */}.contact-info p span {    margin-left: 28px;}.contact-info p a {    text-decoration: none;    /* Remove underline from links */    color: white;    /* Set link color */}.contact-info p a:hover {    color: red;    /* Set link color */    transition: ease-in-out 0.4s;    letter-spacing: 0.5px;}/* Call to Action */.whatsapp-button .cc-whatsapp-action-ripple {    z-index: 99999;    position: fixed;    right: 2rem;    bottom: 7rem;    background: #27de63;    width: 2rem;    height: 2rem;    padding: 6px;    border-radius: 100%;    box-sizing: border-box;    color: #ffffff;    -webkit-animation: cc-whatsapp-action-ripple 0.6s linear infinite;    animation: cc-whatsapp-action-ripple 0.6s linear infinite;    display: flex;    justify-content: center;    align-items: center;    text-decoration: none;}.whatsapp-button .cc-whatsapp-action-ripple i {    transition: 0.3s ease;    font-size: 27px;}.whatsapp-button .cc-whatsapp-action-ripple:hover i {    animation: shake 0.5s ease-in-out;}@keyframes shake {    0%, 100% {        transform: translateX(0);    }    25% {        transform: translateX(-5px);    }    50% {        transform: translateX(5px);    }    75% {        transform: translateX(-5px);    }}@-webkit-keyframes cc-whatsapp-action-ripple {    0% {        box-shadow: 0 4px 10px #27de63, 0 0 0 0 #27de63, 0 0 0 5px #27de63, 0 0 0 10px #27de63;    }    100% {        box-shadow: 0 4px 10px #27de63, 0 0 0 5px #27de63, 0 0 0 10px #27de63, 0 0 0 20px rgba(0, 123, 255, 0);    }}@keyframes cc-whatsapp-action-ripple {    0% {        box-shadow: 0 4px 10px #27de63, 0 0 0 0 #27de63, 0 0 0 5px #27de63, 0 0 0 10px #27de63;    }    100% {        box-shadow: 0 4px 10px #27de63, 0 0 0 5px #27de63, 0 0 0 10px #27de63, 0 0 0 20px rgba(0, 123, 255, 0);    }}.text-justify {    text-align: justify !important;}@media (max-width: 992px) {    .h400 {        height: 400px;    }}