/*--------------------------------------------------------------
1.1 Google Font
--------------------------------------------------------------*/

   @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
   @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500&display=swap');

   /*--------------------------------------------------------------
1.2 Colors & Theme Setting
----------------------------------------------------------------*/


   body {
       /* base color */
       --clr-primary: #950000eb;
       --clr-secondary: #1b1b1b;
       --clr-accent: #ff0008;

       /* base color end*/
       /* text color */
       --clr-primary-text: #EE1B22;
       --clr-white-text: hsl(0, 0%, 100%);
       --clr-black-text: #212529;
       --clr-light-text: hsl(0, 0%, 98%);
       --clr-dark-text: hsl(0, 0%, 5%);
       --clr-para-text: #3B3F42;

       /* text color end*/
       --clr-white: hsl(0, 0%, 100%);
       --clr-black: hsl(0, 0%, 0%);
       --clr-light: hsl(0, 0%, 98%);
       --clr-dark: hsl(0, 0%, 5%);



       font-family: 'poppins', 'lora';
   }


   /* universal code */
   a {
       text-decoration: none;
   }

   img {
       object-fit: cover;
       object-position: center;
   }


   /* text color */
   .txt-clr-primary {
       color: var(--clr-primary);
   }

   /* Header */
   header {
       position: fixed;
       left: 0;
       top: 0;
       transition: .4s;
       z-index: 999999999;
   }


   header.go-top {
       position: fixed;
       left: 0;
       top: 0;
       transition: .4s;
       transform: translateY(-100%);
       z-index: 999999999;
   }


   #top-bar {
       border-bottom: .100px solid var(--clr-primary);
       background: var(--clr-primary);
   }

   body.dark #top-bar {
       border-bottom: .100px solid var(--clr-primary);
       background: var(--clr-primary);
   }

   .top-bar-add-child {
       text-decoration: none;
       color: var(--clr-white);
   }

   .top-bar-add-child a {
       text-decoration: none;
       color: var(--clr-white);
   }


   header {
       box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.363);
   }

   .match-color {
       color: var(--clr-white-text);
   }

   .main-color {
       background-color: var(--clr-white-text);
   }

   .nav-item .nav-link {
       width: max-content;
   }

   .nav-item.dropdown {
       position: relative;
       width: 100%;
   }

   .nav-item.dropdown::after {
       position: absolute;
       content: "";
       width: 20px;
       height: 20px;
       background-image: url(https://api.iconify.design/material-symbols:arrow-drop-down.svg?color=%23ee1b22);
       background-position: center;
       background-size: contain;
       background-repeat: no-repeat;
       top: 10px;
       right: 0;
       transform: translateY(-50%);
   }


   .nav-item.dropdown:hover .dropdown-menu {
       opacity: 1;
       pointer-events: all;
   }

   .nav-item.dropdown .dropdown-menu.come {
       display: block !important;
   }

   .dropdown-menu li a {
       font-size: 1rem !important;
       font-weight: 500;
       color: var(--clr-black-text);
       letter-spacing: 1px;
   }

   .dropdown-item {
       transition: .4s;
       color: var(--clr-black-text) !important;
   }

   .dropdown-item:hover {
       color: var(--clr-primary) !important;

   }

   .dropdown-item.active {
       background-color: var(--clr-primary) !important;
       color: var(--clr-white) !important;
       border-radius: none !important;
   }

   .dropdown-item:active {
       background-color: var(--clr-primary) !important;
       color: var(--clr-white) !important;
       border-radius: none !important;
   }

   .nav-item {
       /* display: flex; */
       /* justify-content: center; */
       align-items: center;

   }

   .nav-item a {
       font-size: .87rem;
       font-weight: 500;
       color: var(--clr-black-text);
       letter-spacing: 1px;
   }

   .nav-item a:hover {
       color: var(--clr-black-text);
   }

   .nav-link {
       position: relative;
       padding: 0px 0px !important;
   }

   .nav-link::after {
       position: absolute;
       content: "";
       width: 0%;
       height: 2px;
       left: 50%;
       top: 110%;
       transform: translateX(-50%);
       background-color: var(--clr-primary);
       transition: .5s;
   }

   .nav-link:hover::after {
       width: 100%;
   }

   .nav-link.active {
       position: relative;
       padding: 0px 0px !important;
   }



   .nav-link.active::after {
       position: absolute;
       content: "";
       width: 100%;
       height: 2px;
       left: 50%;
       top: 110%;
       transform: translateX(-50%);
       background-color: var(--clr-primary);
       transition: .5s;
   }




   .nav-item {
       margin-right: 10px;
   }

   .navbar-brand {
       font-size: 2rem;
   }

   .navbar-toggler svg {
       color: var(--clr-primary);
       font-size: 40px;
   }

   .header-svg-wrapper svg {
       color: var(--clr-primary);
       font-size: 30px;
   }

   @media (width < 1200px) {
       #top-bar {
           display: none;
       }

       .nav-item {
           margin-top: 10px;
           /* display: flex; */
           justify-content: start !important;
           align-items: start;

       }

       .header-btn {
           display: none;
       }
   }

   @media (width > 1200px) {
       header.go-top {
           top: calc(var(--pos-go) - 3px) !important;
           transform: translateY(0) !important;
       }
   }

   @media (width > 1200px) {
       .nav-item .dropdown-menu {
           display: block;
           pointer-events: none;
           opacity: 0;
           background-color: var(--clr-white-text);
           top: 100%;
       }

       .nav-item.dropdown::after {
           position: absolute;
           content: "";
           width: 18px;
           height: 18px;
           background-image: url(https://api.iconify.design/material-symbols:arrow-drop-down.svg?color=%23000000);
           background-position: center;
           background-size: contain;
           background-repeat: no-repeat;
           top: 48%;
           right: -20px;
           transform: translateY(-50%);
       }

       .nav-item.dropdown:hover .dropdown-menu {
           opacity: 1;
           pointer-events: all;
       }

       .dropdown-item.active,
       .dropdown-item:active {
           background-color: var(--clr-primary) !important;
           color: var(--clr-white) !important;
           border-radius: 0px !important;
       }

   }

   .offcanvas-title>:nth-child(1) {
       color: var(--clr-accent);
   }

   /* theme btn */
   .theme-btn-1 {
       background-color: var(--clr-white);
       color: var(--clr-primary);
       padding: 10px 20px;
       letter-spacing: 2px;
       border-radius: 50px;
       position: relative;
       overflow: hidden;
       font-weight: 400;
       display: flex;
       justify-content: center;
       align-items: center;
       width: max-content;
       font-size: 13px;
       transition: .5s;
   }

   .theme-btn-1>:nth-child(1) {
       z-index: 2;
       position: relative;
       text-transform: uppercase;
   }

   .theme-btn-1::after {
       position: absolute;
       content: "";
       right: 100%;
       top: 0;
       background-color: var(--clr-accent);
       height: 100%;
       width: 100%;
       z-index: 1;
       transition: .5s;
   }

   .theme-btn-1:hover:after {
       right: 0;
   }

   .theme-btn-1:hover {
       color: var(--clr-white)
   }

   /* banner */
   #banner-slide {
       position: relative;
   }

   #banner-slide .swiper {
       width: 100%;
       height: 100%;
   }

   #banner-slide .swiper-slide {
       background-position: center;
       background-size: cover;
       position: relative;
       height: 80vh;
   }

   @media (width < 500px) {
       #banner-slide .swiper-slide {
           background-position: left;
       }
   }

   #banner-slide .swiper-slide img {
       display: block;
       height: 100%;
       object-position: center;
   }

   .banner-content {
       position: absolute;
       left: 0%;
       top: 50%;
       width: 100%;
       z-index: 1;
       color: var(--clr-white);
       transform: translateY(-50%);
   }

   @media (width < 500px) {
       .banner-content {
           width: 80%;
           margin-inline: auto;
           left: 50%;
           transform: translateY(-50%) translateX(-50%);
       }
   }

   .banner-content>:nth-child(1) {
       font-weight: 500;
       text-shadow: 1px 1px 2px black, 0 0 25px #a7a7b3, 0 0 5px black;
   }

   .theme-btn-1.btn-2 {
       background-color: var(--clr-accent);
       color: var(--clr-white);
   }

   .theme-btn-1.btn-2::after {
       background-color: var(--clr-primary);
   }

   .swiper-button-next:after,
   .swiper-button-prev:after {
       display: none;
   }

   .swiper-button-next,
   .swiper-button-prev {
       background-color: var(--clr-accent);
       color: var(--clr-white);
       padding: 10px;
       top: 50%;
       /* transform: translateY(-50%); */
       transition: .5s;
       height: 50px;
       width: 30px;
       align-content: center;
       font-size: 20px;
   }

   .swiper-button-next:hover,
   .swiper-button-prev:hover {
       background-color: var(--clr-primary);
   }

   .swiper-button-next {
       left: 0;
       border-radius: 0px 50px 50px 0px;
   }

   .swiper-button-prev {
       right: 0;
       left: auto;
       border-radius: 50px 0px 0px 50px;
   }

   /* top-cta */
   #top-cta {
       background: linear-gradient(to right, var(--clr-primary), var(--clr-accent), var(--clr-primary));
       color: var(--clr-white);
       border-radius: 100px;
       transform: translateY(-50%);
       z-index: 1;
       position: relative;
       box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.449);
   }

   @media (width < 500px) {
       #top-cta {
           scale: .9;
           transform: translateY(-50%);
           border-radius: 10px;
       }
   }


   #about-us p {
       opacity: .7;
   }

   /* services */
   #services {
       background-color: whitesmoke;
   }

   #services p {
       opacity: .7;
       font-size: 14px;
   }

   .services-box {
       transform: translateY(0);
       transition: .5s;
       box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.082);
   }

   .services-box:hover {
       transform: translateY(-5px);
       box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.146);
   }

   .services-box img {
       transform: translateY(0px);
       transition: .5s;
   }

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

   /* ambulance */
   #ambulance p {
       opacity: 0.7;
   }

   /* other-services */
   #other-services {
       background-color: whitesmoke;
   }

   .other-services-box {
       box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.146);
       border-radius: 0px 0px 20px 20px;
   }

   .service-btn-box {

       border-radius: 20px;
   }

   .service-btn-box .theme-btn-1 {
       padding: 10px;
       scale: .7;
       aspect-ratio: 1/1;
       display: flex;
       justify-content: center;
       align-items: center;
       background-color: transparent;
       box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
   }

   .service-btn-box .theme-btn-1:hover {
       color: white;
   }

   .service-btn-box>:nth-child(1) {
       outline: 1px solid green;
       color: green;
   }

   .service-btn-box>:nth-child(2) {
       outline: 1px solid var(--clr-accent);
       color: var(--clr-accent);
   }

   .service-btn-box>:nth-child(1):hover::after {
       outline: 1px solid green;
       background-color: green;
       color: white;
   }

   .service-btn-box>:nth-child(2) {
       outline: 1px solid var(--clr-accent);
       color: var(--clr-accent);
   }


   /* gallery */
   .gallery img {
       border-radius: 15px;
   }


   /* footer */
   footer {
       background-color: var(--clr-secondary);
       clip-path: polygon(100% 3%, 100% 50%, 100% 100%, 0% 100%, 0 3%, 50% 0);
       overflow: hidden;
   }

   footer p {
       font-size: 13px;
   }

   .footer-box {
       color: var(--clr-white);
   }

   .footer-title {
       position: relative;
   }

   .footer-title::after {
       position: absolute;
       content: "";
       left: 0;
       top: 130%;
       width: 75%;
       height: 2px;
       background-color: var(--clr-white);
   }

   .footer-box a {
       color: var(--clr-white);
       transition: .5s;
   }

   .footer-box a:hover {
       color: var(--clr-accent);
   }

   .footer-box .btn-2.fot {
       color: var(--clr-white);
   }

   .footer-title {
       font-size: 22px;
   }


   .footer-box a {
       font-size: 14px;
   }

   #powered-by {
       background-color: var(--clr-white);
   }

   /*  bread-crumbs */
   .bread-crumbs {
       color: var(--clr-white);
   }

   .bread-crumbs a {
       color: var(--clr-white);
       transition: .5s;
       text-shadow: 1px 1px 2px black, 0 0 25px #a7a7b3, 0 0 5px black;
   }

   .bread-crumbs a:hover {
       color: var(--clr-accent);
   }