#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;
 }

 .back-to-top {
     position: fixed;
     right: 30px;
     bottom: 30px;
     transition: 0.5s;
     z-index: 99;
 }


 .btn {
     font-weight: 600;
     transition: .5s;
 }

 .btn-square {
     width: 32px;
     height: 32px;
 }

 .btn-sm-square {
     width: 34px;
     height: 34px;
 }

 .btn-md-square {
     width: 44px;
     height: 44px;
 }

 .btn-lg-square {
     width: 56px;
     height: 56px;
 }

 .btn-xl-square {
     width: 66px;
     height: 66px;
 }

 .btn-square,
 .btn-sm-square,
 .btn-md-square,
 .btn-lg-square,
 .btn-xl-square {
     padding: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: normal;
 }

 .btn.btn-primary {
     color: var(--bs-white);
     border: none;
 }

 .btn.btn-primary:hover {
     background: var(--bs-dark);
     color: var(--bs-primary);
 }

 .btn.btn-light {
     color: var(--bs-primary);
     border: none;
 }

 .btn.btn-light:hover {
     color: var(--bs-white);
     background: var(--bs-primary);
 }

 .topbar .dropdown-toggle::after {
     border: none;
     content: "\f107";
     font-family: "Font Awesome 5 Free";
     font-weight: 600;
     vertical-align: middle;
     margin-left: 8px;
     color: var(--bs-primary);
 }

 .topbar .dropdown .dropdown-menu a:hover {
     background: var(--bs-primary);
     color: var(--bs-white);
 }

 .topbar .dropdown .dropdown-menu {
     transform: rotateX(0deg);
     visibility: visible;
     background: var(--bs-light);
     padding-top: 11px;
     border: 0;
     transition: .5s;
     opacity: 1;
 }


 .navbar-light .navbar-nav .nav-link {
     font-family: 'Roboto', sans-serif;
     position: relative;
     margin-right: 25px;
     padding: 35px 0;
     color: var(--bs-white);
     font-size: 17px;
     font-weight: 400;
     outline: none;
     transition: .5s;
 }


 .sticky-top.navbar-light .navbar-nav .nav-link,
 .sticky-top.navbar-light .navbar-nav .nav-item .nav-link {
     padding: 20px 0;
     color: var(--bs-dark);
 }

 .navbar-light .navbar-nav .nav-item .nav-link {
     color: var(--bs-white);
 }

 .navbar-light .navbar-nav .nav-link:hover,
 .navbar-light .navbar-nav .nav-link.active,
 .navbar-light .navbar-nav .nav-item .nav-link:hover,
 .navbar-light .navbar-nav .nav-item .nav-link.active {
     color: var(--bs-primary);
 }


 .navbar-light .navbar-brand img {
     max-height: 60px;
     transition: .5s;
 }


 .sticky-top.navbar-light .navbar-brand img {
     max-height: 45px;
 }

 .navbar .dropdown-toggle::after {
     border: none;
     content: "\f107";
     font-family: "Font Awesome 5 Free";
     font-weight: 600;
     vertical-align: middle;
     margin-left: 8px;
 }

 .dropdown .dropdown-menu a:hover {
     background: var(--bs-primary);
     color: var(--bs-white);
 }

 .navbar .nav-item:hover .dropdown-menu {
     transform: rotateX(0deg);
     visibility: visible;
     background: var(--bs-light);
     transition: .5s;
     opacity: 1;
 }

 @media (max-width: 991.98px) {
     .sticky-top.navbar-light {
         position: relative;
         background: var(--bs-white);
     }

     .navbar.navbar-expand-lg .navbar-toggler {
         padding: 10px 20px;
         border: 1px solid var(--bs-primary);
         color: var(--bs-primary);
     }

     .navbar-light .navbar-collapse {
         margin-top: 15px;
         border-top: 1px solid #DDDDDD;
     }

     .navbar-light .navbar-nav .nav-link,
     .sticky-top.navbar-light .navbar-nav .nav-link {
         padding: 10px 0;
         margin-left: 0;
         color: var(--bs-dark);
     }

     .navbar-light .navbar-nav .nav-item .nav-link {
         color: var(--bs-dark);
     }

     .navbar-light .navbar-brand img {
         max-height: 45px;
     }
 }

 @media (min-width: 992px) {
     .navbar .nav-item .dropdown-menu {
         display: block;
         visibility: hidden;
         top: 100%;
         transform: rotateX(-75deg);
         transform-origin: 0% 0%;
         border: 0;
         border-radius: 10px;
         transition: .5s;
         opacity: 0;
     }

     .navbar-light {
         position: absolute;
         width: 100%;
         top: 0;
         left: 0;
         border-bottom: 1px solid rgba(255, 255, 255, .1);
         z-index: 999;
     }

     .sticky-top.navbar-light {
         position: fixed;
         background: var(--bs-light);
     }

     .navbar-light .navbar-nav .nav-link::before {
         position: absolute;
         content: "";
         width: 0;
         height: 2px;
         bottom: -1px;
         left: 50%;
         background: var(--bs-primary);
         transition: .5s;
     }

     .navbar-light .navbar-nav .nav-link:hover::before,
     .navbar-light .navbar-nav .nav-link.active::before {
         width: calc(100% - 2px);
         left: 1px;
     }

     .navbar-light .navbar-nav .nav-link::after {
         position: absolute;
         content: "";
         width: 0;
         height: 0;
         bottom: -1px;
         left: 50%;
         background: var(--bs-primary);
         transition: .5s;
     }

     .navbar-light .navbar-nav .nav-link:hover::after,
     .navbar-light .navbar-nav .nav-link.active::after {
         width: 2px;
         height: 12px;
     }
 }

 @media (max-width: 575.98px) {

     .navbar-brand img {
         height: 40px !important;
     }

     .navbar-brand span {
         font-size: 10px !important;
     }

     .navbar-brand {
         gap: 4px !important;

     }
 }

 .tagline {
     font-family: 'Roboto', sans-serif;
     font-size: 9px;

     font-weight: 400;
     color: #6c757d;
     line-height: 1;
     text-align: center;
     display: block;
     width: auto !important;
 }

 @media (max-width: 400px) {
     .tagline {
         font-size: 7px !important;
     }
 }

 @media (max-width: 576px) and (min-width: 401px) {
     .tagline {
         font-size: 7px !important;

     }
 }

 @media (max-width: 575.98px) {

     .d-lg-none {
         font-size: 12px !important;
         line-height: 1 !important;
     }

     .d-lg-none i.fas {
         font-size: 12px !important;
     }

     .d-lg-none span[style*="min-width"] {
         min-width: 120px !important;
     }
 }

 @media (max-width: 575.98px) {
     .phone-container {
         font-size: 12px !important;
         line-height: 1 !important;
     }

     .phone-container i.fas {
         font-size: 12px !important;
     }

     .phone-container a {
         min-width: auto !important;
     }
 }

 @media (max-width: 575.98px) {
     .phone-container {
         font-size: 12px !important;
         line-height: 1 !important;
     }

     .phone-container i.fas {
         font-size: 12px !important;
     }

     .phone-container span {
         white-space: nowrap;
     }
 }

 @media (max-width: 575.98px) {
     .phone-container {
         font-size: 12px !important;
         line-height: 1 !important;
     }

     .phone-container i.fas {
         font-size: 12px !important;
     }

     .phone-container span {
         white-space: nowrap;
     }

     .phone-container .d-flex {
         align-items: center;
     }
 }

 @media (max-width: 575.98px) {
     .phone-container {
         font-size: 12px !important;
         line-height: 1 !important;
     }

     .phone-container i.fas {
         font-size: 12px !important;
     }

     .phone-container span {
         white-space: nowrap;
     }
 }

 @media (max-width: 575.98px) {
     .phone-container {
         font-size: 12px !important;
         line-height: 1 !important;
         display: grid;
         grid-template-columns: auto 1fr;
         row-gap: 4px;
         justify-items: end;
     }

     .phone-container i.fas {
         font-size: 12px !important;
     }

     .phone-container span {
         white-space: nowrap;
     }
 }

 @media (max-width: 575.98px) {
     .phone-container {
         font-size: 12px !important;
         line-height: 1 !important;
     }

     .phone-container i.fas {
         font-size: 12px !important;
     }

     .phone-container span {
         white-space: nowrap;
     }
 }

 @media (max-width: 991.98px) {

     .d-lg-none {
         margin-right: 5px;
     }

     .navbar-toggler {
         margin-left: 5px;

     }
 }

 @media (max-width: 991.98px) {
     .navbar.sticky-top {
         position: fixed !important;
         top: 0;
         left: 0;
         right: 0;
         z-index: 1040;
         width: 100%;
         background: #fff;
     }

 }


 .header-carousel .header-carousel-item img {
     object-fit: cover;
 }

 .header-carousel .header-carousel-item,
 .header-carousel .header-carousel-item img {
     height: 700px;
 }


 .header-carousel .owl-nav .owl-prev,
 .header-carousel .owl-nav .owl-next {
     position: absolute;
     width: 60px;
     height: 60px;
     border-radius: 60px;
     background: var(--bs-primary);
     color: var(--bs-white);
     font-size: 26px;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: 0.5s;
 }

 .header-carousel .owl-nav .owl-prev {
     bottom: 30px;
     left: 30px;
     margin-left: 90px;
 }

 .header-carousel .owl-nav .owl-next {
     bottom: 30px;
     left: 30px;
 }

 .header-carousel .owl-nav .owl-prev:hover,
 .header-carousel .owl-nav .owl-next:hover {
     box-shadow: inset 0 0 100px 0 var(--bs-light);
     color: var(--bs-primary);
 }


 .header-carousel .header-carousel-item .carousel-caption {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     bottom: 0;
     padding-top: 120px;
     background: rgba(0, 0, 0, .3);
     display: flex;
     align-items: center;
 }

 @media (max-width: 991px) {
     .header-carousel .header-carousel-item .carousel-caption {
         padding-top: 45px;
     }
 }

 @media (max-width: 767px) {
     .header-carousel .owl-nav .owl-prev {
         left: 50%;
         transform: translateX(-50%);
         margin-left: -45px;
     }


     .header-carousel .owl-nav .owl-next {
         left: 50%;
         transform: translateX(-50%);
         margin-left: 45px;
     }
 }


 .header-carousel .header-carousel-item img {
     animation-name: image-zoom;
     animation-duration: 10s;
     animation-delay: 1s;
     animation-iteration-count: infinite;
     animation-direction: alternate;
     transition: 1s;
 }

 @keyframes image-zoom {
     0% {
         height: 100%;
         opacity: 1;
     }

     25% {
         height: 110%;
         opacity: 1;
     }

     50% {
         height: 115%;
         opacity: 1;
     }

     75% {
         height: 110%;
         opacity: 1;
     }

     100% {
         height: 100%;
         opacity: 1;
     }
 }

 .bg-breadcrumb {
     position: relative;
     overflow: hidden;
     background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/about1.jpg);
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     padding: 140px 0 60px 0;
     transition: 0.5s;
 }

 @media (min-width: 992px) {
     .bg-breadcrumb {
         padding: 140px 0 60px 0;
     }
 }

 @media (max-width: 991px) {
     .bg-breadcrumb {
         padding: 60px 0 60px 0;
     }
 }

 .bg-breadcrumb .breadcrumb {
     position: relative;
 }

 .bg-breadcrumb .breadcrumb .breadcrumb-item a {
     color: var(--bs-white);
 }


 .service .service-item {
     background: var(--bs-light);
     border-radius: 10px;
     transition: 0.5s;
 }

 .service .service-item:hover {
     box-shadow: 0 0 45px rgba(0, 0, 0, .2);
 }

 .service .service-item .service-img {
     position: relative;
     overflow: hidden;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     transition: 0.5s;
 }

 .service .service-item .service-img img {
     transition: 0.5s;
 }

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


 .feature .feature-item {
     text-align: center;
     border-radius: 10px;
     background: var(--bs-light);
     border: 1px solid transparent;
     transition: 0.5s;
 }

 .feature .feature-item:hover {
     border: 1px solid var(--bs-primary);
 }

 .feature .feature-item .feature-icon {
     background: var(--bs-white);
     border-radius: 10px;
     display: inline-block;
 }


 .faq-section .accordion .accordion-item .accordion-header .accordion-button {
     color: var(--bs-secondary);
 }

 .faq-section .accordion .accordion-item .accordion-header .accordion-button.collapsed {
     color: var(--bs-dark);
 }


 .testimonial .testimonial-item {
     position: relative;
     margin-bottom: 30px;
     padding: 0 25px 25px 25px;
 }

 .testimonial .testimonial-item::before {
     content: "";
     position: absolute;
     width: 100%;
     height: calc(100% - 50px);
     bottom: 0;
     left: 0;
     border-radius: 10px;
     background: var(--bs-light);
     z-index: -1;
 }

 .testimonial .testimonial-item .testimonial-img {
     display: flex;
     justify-content: center;
 }

 .testimonial .testimonial-item .testimonial-img img {
     width: 100px;
     height: 100px;
     border-radius: 100px;
     border: 5px solid var(--bs-light);
     border-style: double;
     background: var(--bs-white);
 }

 .testimonial .testimonial-item .testimonial-text {
     padding: 25px 0;
     text-align: center;
 }

 .testimonial .testimonial-item .testimonial-title {
     display: flex;
     justify-content: space-between;
 }

 .testimonial .testimonial-item .testimonial-quote-left {
     position: absolute;
     width: 60px;
     height: 60px;
     top: 20px;
     left: 25px;
     border-radius: 60px;
     color: var(--bs-primary);
     background: var(--bs-white);
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .testimonial .testimonial-item .testimonial-quote-right {
     position: absolute;
     width: 60px;
     height: 60px;
     bottom: -30px;
     right: 25px;
     margin-top: -5px;
     border-radius: 60px;
     color: var(--bs-primary);
     background: var(--bs-white);
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .testimonial-carousel .owl-stage-outer {
     margin-top: 58px;
     margin-right: -1px;
 }

 .testimonial .owl-nav .owl-prev {
     position: absolute;
     top: -58px;
     left: 0;
     background: var(--bs-primary);
     color: var(--bs-white);
     padding: 5px 30px;
     border-radius: 30px;
     transition: 0.5s;
 }

 .testimonial .owl-nav .owl-prev:hover {
     background: var(--bs-secondary);
     color: var(--bs-white);
 }

 .testimonial .owl-nav .owl-next {
     position: absolute;
     top: -58px;
     right: 0;
     background: var(--bs-primary);
     color: var(--bs-white);
     padding: 5px 30px;
     border-radius: 30px;
     transition: 0.5s;
 }

 .testimonial .owl-nav .owl-next:hover {
     background: var(--bs-secondary);
     color: var(--bs-white);
 }

 .testimonial-carousel .owl-dots {
     display: flex;
     justify-content: center;
 }

 .testimonial-carousel .owl-dots .owl-dot {
     width: 30px;
     height: 30px;
     border-radius: 30px;
     margin: 20px 10px 0 10px;
     background: var(--bs-primary);
     transition: 0.5s;
 }

 .testimonial-carousel .owl-dots .owl-dot.active {
     width: 30px;
     height: 30px;
     border-radius: 30px;
     background: var(--bs-secondary);
     transition: 0.5s;
 }

 .testimonial-carousel .owl-dots .owl-dot span {
     position: relative;
     margin-top: 50%;
     margin-left: 50%;
     transform: translate(-50%, -50%);
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
 }

 .testimonial-carousel .owl-dots .owl-dot.active span::after {
     background: var(--bs-primary);
 }

 .testimonial-carousel .owl-dots .owl-dot span::after {
     content: "";
     width: 15px;
     height: 15px;
     border-radius: 15px;
     position: absolute;
     top: 50%;
     left: 0;
     transform: translateY(-50%);
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     background: var(--bs-white);
     transition: 0.5s;
 }


 .footer {
     background: var(--bs-secondary);
 }

 .footer .footer-item {
     display: flex;
     flex-direction: column;
 }

 .footer .footer-item a {
     line-height: 35px;
     color: var(--bs-body);
     transition: 0.5s;
 }

 .footer .footer-item p {
     line-height: 35px;
 }

 .footer .footer-item a:hover {
     color: var(--bs-primary);
 }

 .footer .footer-item .footer-btn a,
 .footer .footer-item .footer-btn a i {
     transition: 0.5s;
 }

 .footer .footer-item .footer-btn a:hover {
     background: var(--bs-white);
 }

 .footer .footer-item .footer-btn a:hover i {
     color: var(--bs-primary);
 }

 .copyright {
     background: var(--bs-dark);
 }