:root {
  --accent-color: #00B3EF;
  --contrast-color: #ffffff;
  --white: #ffffff;
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
  padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
  max-width: 280px;
}

#svgSpriteContainer {
  visibility: hidden;
  position: absolute;
  width: 0;
  height: 0;
}

/* Shrink container and remove extra padding */
/* Google search bar on first page */
.gsc-control-cse,
.gsc-control-cse-en {
  height: auto !important;
  line-height: normal !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  font-size: smaller !important;
  font-weight: 300 !important;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  .jumbotron {
    margin-top: 20px;
  }

  .body-content {
    padding: 0;
  }
}

body {
  /*font-family: 'Lato', sans-serif;*/
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  padding: 0px !important;
  margin: 0px !important;
}

/* Paragraph Styles */
p {
  font-family: 'Open Sans', sans-serif;
  color: #333333;
  font-size: 16px;
  line-height: 1.5;
  /* For better readability */
}

/* Heading Styles */
h1,
h2,
h3,
h4 {
  font-family: 'Roboto', sans-serif;
  color: #02367b;
}



h1 {
  /*font-family: 'Droid Serif';*/
  /* font-family: "Open Sans", sans-serif; */
  font-weight: 900;
  display: block;
  /* font-size: 2.5em; font-size: 48px;*/
  font-size: calc(1.9rem + 1.5vw) !important;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  color: #03396C;
  /* #0074CE ;*/
  text-align: center;
}

h2 {
  /*font-family: 'Droid Serif';*/
  /* font-family: "Open Sans", sans-serif; */
  font-weight: 700;
  font-size: calc(1.1rem + 1.5vw) !important;
  ;
  /* font-size: 36px;*/
  margin-top: 0.5em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

h3 {
  /*font-family: 'Droid Serif';*/
  /* font-family: "Open Sans", sans-serif; */
  font-weight: 600;
  font-size: 1.85em;
  /* font-size: 28px;*/
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
}

h4 {
  /*font-family: 'Droid Serif';*/
  /* font-family: "Open Sans", sans-serif; */
  font-weight: 600;
  font-size: 1.5em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}

h5,
h6 {
  /*font-family: 'Droid Serif';*/
  /* font-family: "Open Sans", sans-serif; */
  font-weight: 300;
}

h2 a {
  color: #ff4400;
}

.pageTitle {
  font-size: 45px;
}

a {
  color: #444e67;
}

a,
a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}

a {
  color: #444e67;
}

a:hover {
  color: #ff9600;
}

p {
  line-height: 22px;
}

::selection {
  background: #ff9600;
  color: #fff;
}

::-moz-selection {
  background: #b90ed8;
  color: #fff;
}

/*=========== HEAD SECTION STYLES START====================*/
/*marquee alternate start*/
.marquee-holder {
  background: #fff;
  padding: 0.5rem;
  overflow: hidden;
}

.marquee-text {
  animation: slide 10s linear infinite;
  animation-direction: alternate;
}

@keyframes slide {
  0% {
    transform: translatex(0%);
  }

  100% {
    transform: translatex(100%);
  }
}

/*marquee alternate end*/

/*header*/
.head-section {
  border-bottom: 1px solid #fff;
  background-color: #fff;


}

.head-section .navbar {
  margin-bottom: 0;
}

.head-section .info-box {
  margin-bottom: 5px;
  color: #027b90;
  /*VEDICANS MAIN MENU FONT COLOR*/
  font-size: 16px;
  font-weight: 600;
  float: right;
  padding-top: 10px;
}

.head-section .toplogo {
  float: left
}

.head-section .info-box ul {
  list-style: none;
}

.head-section .info-box ul li a {
  /* font-size: 20px; */
  color: #027b90;
  text-decoration: none;
}

.head-section .info-box ul li svg {
  /* font-size: 20px; */
  color: #ff7f50;
}

#scrollProgressBar {
  position: fixed;
  /* top: 0; */
  left: 0;
  width: 0%;
  height: 3px;
  background: #01d9fa;
  /* background: linear-gradient(to right, #ff7f50, #01d9fa); */
  z-index: 999;
}

.input-group>.form-control:focus,
.input-group>.form-select:focus {
  border-color: #059ea1;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #00fbff;
}

.header-image {
  width: 100%;
  height: auto;
}

.header-image-div {
  width: 100%;
  text-align: center;
  margin: 0px;
  padding: 0px;
}

.product-features-main-div {
  padding: 10px 10px 10px 10px;
  text-align: center;
}

/*   MENU SECTION START */
@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }

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


.dropdown-menu.slideIn {
  animation: slideIn 0.4s forwards;
}

.menu-section {
  /*border-bottom: 1px solid #C2C5D2;VEDICANS MAIN menu backcolor*/
  background-color: #fff;
  margin-bottom: 3px;
  margin-top: 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, .17);

  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-100%);

  /*at the begining menu will be*/
  /* transform: translateY(0); */
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  z-index: 1030;
}

/* When scrolled, slide in and add subtle shadow */
.menu-section.scrolled {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.menu-section .navbar {
  padding: 2px 2px 3px 2px;
}

.navbar-toggler-icon {
  border: 1px #ff0000 solid;
  color: #fff;
  font-size: 28px;
}

.navbar-brand span {
  color: #1e6880;
  /*VEDICANS MAIN HEADING FONT COLOR*/
}

.navbar-expand-md .navbar-collapse {
  width: auto;
  border-top: 0;
  box-shadow: none;
}

.navbar-expand-md .navbar-nav a {
  color: #0a73a3;
  /*VEDICANS MAIN MENU FONT COLOR*/
  font-size: 14px;
  font-weight: 600;
}

.navbar-expand-md .navbar-nav a:hover {
  color: #fff;
  /*VEDICANS MAIN MENU HOVER FONT COLOR*/
  background-color: #32c5d2;
}

.navbar-default {
  border: none;
}

.navbar-brand {
  font-size: 20px;
  /*VEDICANS MAIN HEADING FONT*/
  font-weight: 100;
  line-height: 15px;
  margin-top: 5px;
  padding: 0;
  color: #ff0000;
  /*VEDICANS MAIN HEADING FONT COLOR*/
}

/*MENU STYLES*/

.head-section .navbar-collapse ul.navbar-nav {
  float: right;
  margin-right: 0;
  z-index: 199;
}

.head-section .navbar-default {
  background-color: #fff;
  /*NAVBAR TOP BGCOLOR#FFFEEC FFFEEC*/
}

.head-section .nav li a,
.head-section .nav li.active ul.dropdown-menu li a {
  color: #0a73a3;
  /* MENU FORECOLOR*/
  font-size: 14px;
  font-weight: 400;
  background: none;
}

/*Dropdown Menu style*/
.dropdown-menu {
  margin-top: 0;
  border: 0px;
}


.dropdown-toggle::after {
  transition: transform 0.15s linear;
}

.show.dropdown .dropdown-toggle::after {
  transform: translateY(3px);
}

.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
  pointer-events: none;
}

.form-inline {
  float: right;
}

.form-inline .btn-secondary {
  color: #1e6880;
  /* #32C5D2;*/
  background-color: #fcfcfc;
  border-color: #ccc;
}

.form-inline .btn-secondary:hover {
  background-color: #32c5d2;
  color: #fff;
}

.form-inline .btn-secondary svg {
  color: #ff7f50;
}

/*=========== HEAD SECTION STYLES END====================*/

/*=========== SLIDER  SECTION START====================*/
.da-dots {
  width: 100%;
  position: absolute;
  text-align: center;
  left: 0px;
  bottom: 20px;
  z-index: 2000;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

/* css */
.carousel-indicators {
  width: 80%;
  margin-left: 0px;
  margin-top: 5px;
  color: #cfc;
  position: absolute;
  text-align: center;
  left: 0px;
  z-index: 2000;
}

.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #32c5ff;
}

.carousel-indicators li {
  border-color: #f00;
  border-top: 5px solid;
  border-bottom: none;
}

.carousel-indicators .active {
  background: #32c5ff;
  border-top: 5px solid #32c5d2;
  background-color: #32c5d2;
}

.carousel-indicators a {
  display: block;
  height: 10px;
  width: 10px;
  float: left;
  margin-right: 10px;
  border-radius: 50%;
  font-size: 1px;
  text-indent: -9999px;
}

.carousel-indicators a.pager-active {
  background: #32c5d2;
}

#myCarousel .carousel-item .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background-attachment: fixed;
}

#myCarousel h2 {
  font-size: 30px;
  margin-bottom: 15px;
  color: #0a73a3;
  line-height: 100%;
  letter-spacing: 0.5px;
  font-weight: 600;
}

#myCarousel p {
  font-size: 18px;
  margin-bottom: 15px;
  color: #1e6880;
}

#myCarousel .carousel-item a {
  background: #00b3ef;
  font-weight: 700;
  font-size: larger;
  color: #fff;
  padding: 13px 32px;
  display: inline-block;
  transition: cubic-bezier(0.895, 0.03, 0.685, 0.22) ease all;
}

#myCarousel .carousel-item a:hover {
  background: #fff;
  color: #00b3ef;
  text-decoration: blink;
}

#myCarousel .carousel-item h2 {
  /*-webkit-animation-name: fadeInLeft;
            animation-name: fadeInLeft;*/
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

#myCarousel .carousel-item p {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

#myCarousel .carousel-item a {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

#myCarousel .carousel-item .mask img {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  display: block;
  height: auto;
  max-width: 100%;
}

#myCarousel h4,
#myCarousel p,
#myCarousel a,
#myCarousel .carousel-item .mask img {
  -webkit-animation-duration: 1s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

#myCarousel .container {
  max-width: 1430px;
}

#myCarousel .carousel-item {
  height: 100%;
  min-height: 350px;
}

#myCarousel {
  position: relative;
  z-index: 1;
  /*background: url(https://i.imgur.com/6axE29k.jpg) center center no-repeat;*/
  background-color: #fcfcfc;
  background-size: cover;
  width: 100%;
  height: auto;
}

.carousel-control-next,
.carousel-control-prev {
  height: 40px;
  width: 40px;
  padding: 12px;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  background-color: #00b3ef;
}

.carousel-item {
  position: relative;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.carousel-fade .carousel-item {
  opacity: 0;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
  opacity: 1;
}

.carousel-fade .carousel-item-left.active,
.carousel-fade .carousel-item-right.active {
  opacity: 0;
}

.carousel-fade .carousel-item-left.active,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item-prev.active,
.carousel-fade .carousel-item.active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

@supports (transform-style: preserve-3d) {

  .carousel-fade .carousel-item-left.active,
  .carousel-fade .carousel-item-next,
  .carousel-fade .carousel-item-prev,
  .carousel-fade .carousel-item-prev.active,
  .carousel-fade .carousel-item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

/*=========== SLIDER SECTION END====================*/
.topHeader {
  width: 100%;
  margin: 0px;
  text-align: center;
  align-items: center;
}

/*=========== PRODUCTS LISTING SECTION STYLES START====================*/
/*property*/
.property {
  padding: 10px 0;
  margin-bottom: 10px;
  background-color: #eef5f5;
  width: 100%;
}

.bg-lg {
  background: #f9f9f3;
}

.gray-bg {
  background: #f4f4f4;
}

.bg-cream {
  background: #ffefe3;
}

.property h2 {
  color: #007aa6;
  /* #FF7E65;#ff656a #ff656a #E1EDED */
  font-size: 20px;
  /*text-transform: uppercase;*/
  font-weight: 700;
  margin-bottom: 20px;
}

.property hr {
  border-color: #dfdcdf;
}

.property i {
  color: #48cfad;
}

.property .row {
  background: #ffffff;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border: 1px #e1eded solid;
}

.property img {
  display: block;
  height: auto;
  max-width: 100%;
}

/*=========== PRODUCTS LISTING SECTION STYLES END====================*/

/*=========== services STYLES END====================*/
#home-services {
  text-align: center;
  background-color: #eef5f5;
}

#price-container {
  background-color: #eef5f5;
}

#home-services h2 {
  margin-bottom: 35px;
  text-transform: uppercase;
  margin-top: 15px;
  padding-bottom: 5px;
  text-align: center;
  font-size: 25px;
}

#home-services h3 {
  margin-bottom: 15px;
  text-transform: uppercase;
  margin-top: 15px;
  padding-bottom: 5px;
  text-align: center;
  font-size: 20px;
}

.h-service {
  border: 1px solid #eee;
  margin-bottom: 25px;
}

#home-services .h-service-content h3 {
  padding-top: 40px;
  text-align: center;
}

.h-service-content p {
  text-align: center;
  padding: 5px 21px 20px;
}

.h-service-content a {
  color: #e74c3c;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.h-service-content a:hover {
  color: #16a085;
}

.icon-wrap {
  font-size: 2em;
  height: 50px;
  width: 50px;
  float: left;
  line-height: 50px;
  text-align: center;
  color: #fff;
  margin-right: 15px;
}

.ico-bg {
  background: #32c5d2;
  /*SMALL FOOTER ICON HOVER BACKGROUND COLOUR 00D0AF*/
}

.round-fifty {
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  margin-left: 40%;
  margin-top: -25px;
}

/*=========== services  STYLES END====================*/

/*=========== Product Features ListSTYLES END====================*/
#product-features {
  text-align: center;
  background-color: #eef5f5;
}

#product-features h2 {
  margin-bottom: 5px;
  text-transform: uppercase;
  margin-top: 10px;
  padding-bottom: 5px;
  text-align: center;
  font-size: 25px;
}

#product-features h3 {
  margin-bottom: 5px;
  text-transform: uppercase;
  margin-top: 5px;
  /* padding-bottom: 5px; */
  text-align: center;
  font-size: 18px;
  color: #005B96;
}

#product-features .accordion-body h3 {
  padding-top: 10px;
  text-align: left;
}

.accordion-item {
  border: 1px solid #fff;
  margin-bottom: 30px;
  /*gap betn top bottom box- vertical gap*/
  background-color: #fff;
  box-shadow: 0 2px 3px 0 rgba(0, 205, 205, 0.5);
}

.accordion-item h3 button {
  margin-bottom: 15px;
  text-transform: uppercase;
  margin-top: 10px;
  padding-bottom: 5px;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: #005B96;
}
.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #f0ffff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}
/* Add shadows on hover */
.accordion-item :hover {
  box-shadow: 0 8px 12px 0 rgba(0, 235, 235, 0.2);
}
.accordion-body {
  text-align: justify; 
}
.accordion-body p {
  text-align: left;
  padding: 5px 0px 5px 0px;
}

.accordion-body ul {
  list-style: none;
  padding-left: 0;
  margin-left: 5px;
}

.accordion-body ul li {
  position: relative;
  padding-left: 1.5em;
  /* space for bullet */
  margin-bottom: 0.5em;
 
}

.accordion-body ul li::before {
  /* content: ''; */
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 16 16'%3E%3Cpath fill='%2300d7fa' d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z'/%3E%3C/svg%3E");
 
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 1.2em;
  height: 1.2em;
  /* background: url('icon.svg') no-repeat center/contain; */
  /* background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check" viewBox="0 0 16 16">
  <path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"/>
</svg>') no-repeat center/contain; */
/* background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF0000'%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3C/svg%3E") no-repeat center/contain; */
}


.accordion-body a {
  color: #16a085;
  /*e74c3c*/
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.accordion-body a:hover {
  color: #e74c3c;
}

.icon-wrap {
  font-size: 2.5em;
  height: 55px;
  width: 55px;
  float: left;
  line-height: 55px;
  text-align: center;
  /*icon pic align within icon*/
  color: #32c5d2;
  background: #fff;
  margin-right: 5px;
}

.ico-bg {
  background: #fff;
  /*icon pic background #32C5D2*/
}

.features-icon {
  border-radius: 55px;
  -moz-border-radius: 55px;
  -webkit-border-radius: 55px;
  margin-left: 5px;
  margin-top: 5px;
}

/*=========== Product Features List STYLES END====================*/
.round-fifty {
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  margin-left: 40%;
  margin-top: -25px;
}

.price-value {
  font-size: 2rem;
  font-weight: 700;
}


/*=========== FOOTER SECTION STYLES END====================*/
/*footer*/
.footer {
  background: #faffff;
  /*Footer BackColor; GreyDFEFFF F4F9FF #f2f2f2 #F8F9FA F4FFF9 fffbf3*/
  color: #047fac;
  /*#3F455F;*/
  padding: 10px 0;
  display: inline-block;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  /* border-top:  #03ffe6 1px solid;  */
}

/* .footer svg{
  color: #2ac7ff;
} */


.tweet-box {
  background: #ececec;
  padding: 8px 15px;
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-bottom: 1px solid #636f79;
  font-size: 14px;
}

.tweet-box:before {
  background-color: #ececec;
  border-image: url("") none;
  border-right: 1px none #505b71;
  content: "";
  display: block;
  height: 22px;
  left: 60px;
  position: absolute;
  top: 32px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 22px;
  border-left-style: none;
  border-left-color: #505b71;
  border-top-style: none;
  border-top-color: #505b71;
  border-bottom-style: none;
  border-bottom-color: #505b71;
}

.tweet-box a,
.tweet-box i {
  color: #00adef;
}

.tweet-box a:hover {
  color: #48cfad;
}

.tweet-box i {
  font-size: 40px;
  float: left;
  margin-right: 10px;
}

.social-link-footer li {
  float: left;
  margin: 0px 5px 5px 0px;
  padding-bottom: 5px;
}

.social-link-footer li i {
  font-size: 20px;
  padding-right: 5px;
  color: #20b2aa;
}

.social-link-footer li a {
  color: #0c0c0c;
  /*background: #EEDDBB;*/
  background: #faffff;
  padding: 0px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  vertical-align: middle;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  float: left;
  text-align: center;
  font-size: 18px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.social-link-footer li a:hover {
  font-size: 25px;
  background: #fff;
  /* SMALL FOOTER SOCIAL BUTTONS HOVER BACKGROUND COLOUR*/
  /* color: #fff; */
  color: #00adef;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 30px;
  height: 30px;
}

/* .icon { 
  width: 50px; 
height: 50px;
margin: .5em; 
} */
/* .icon {
   /* color: gray;  
   opacity: 0.7;
}
.icon:hover {
  filter: none;
  opacity: 1;
} */
.icon.twitter-x {
  color: #1DA1F2;
}

.icon.whatsapp {
  color: #25D366;
}

.icon.whatsapp.Big {
  width: 50px;
  height: 50px;
  /*height: auto;  maintains aspect ratio */
  max-width: 200px;
  /* optional constraint */
  /* fill: #fff;*/
  color: currentColor;
  fill: currentColor;
  /* Ensures <svg> uses its color for inner path */
  /* Default icon color */
  transition: color 0.2s ease;
  text-decoration: none;
}

.icon.whatsapp.Big:hover {
  fill: currentColor;
  color: currentColor !important;
  text-decoration: none;
}


.icon.facebook {
  color: #1877F2;
}

.icon.youtube {
  color: red;
}

.icon.linkedin {
  color: #0077B5;
}

.icon.pinterest {
  color: #E60023;
}

.icon.instagram {
  color: #E1306c;
}

.icon.reddit {
  color: #FF4500;
}

.icon.twitter-x:hover {
  color: #1DA1F2;
}

.icon.whatsapp:hover {
  color: #25D366;

}

.icon.facebook:hover {
  color: #1877F2;
}

.icon.youtube:hover {
  color: red;
}

.icon.linkedin:hover {
  color: #0077B5;
}

.icon.pinterest:hover {
  color: #E60023;
}

.icon.instagram:hover {
  color: #E1306c;
}

.fb-page span,
.fb-page iframe {
  visibility: hidden;
}

._3-8w {
  visibility: hidden !important;
  color: white !important;
}

.social-link-footer li a {
  font-size: 16px;
  height: 40px;
  width: 40px;
}

.social-link-footer li a img,
svg {
  width: 24px;
  height: 24px;
  margin: .1em;
  vertical-align: middle;
  fill: currentColor;
  /* Ensures <svg> uses its color for inner path */
  /* Default icon color */
  transition: color 0.2s ease;
}


.copyright {
  padding: 10px 5px 10px 5px;
  font-size: small;
}

.page-footer {
  padding-top: 0%;
  padding-right: 1%;
  padding-bottom: 0%;
  padding-left: 3%;
}

.page-footer heading {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 10px;
  display: block;
}

.footer address a {
  color: #fff;
}

.page-footer h1 {
  padding-left: 4%;
}

.page-footer h3 {
  color: #1e6880;
  font: 1.3em sans-serif;
  font-weight: 600;
}

.page-footer h4 {
  color: #1e6880;
  text-align: left;

}

.page-footer .page-footer-contact-details {
  width: 100%;
}

.page-footer .footer-social-left {
  width: 50%;
  float: left;
}

.page-footer .footer-social-right {
  width: 50%;
  float: right;
}

ul.page-footer-list {
  list-style: none;
  padding: 5px 5px 5px 5px;
}

ul.page-footer-list li {
  line-height: 25px;
  /*border-bottom: 1px dashed #636F79;*/
}

ul.page-footer-list a {
  color: #1e6880;
  font-weight: 600;
  text-decoration: none;
}

ul.page-footer-list a:hover {
  font-weight: bold;
  color: #0ae1da;
  text-decoration: underline;
}

ul.page-footer-list li i {
  padding-right: 10px;
  font-size: 20px;
}

/*Page Footer Social List*/
ul.page-footer-list-social {
  list-style: none;
  padding: 5px 5px 5px 5px;
}

ul.page-footer-list-social li {
  line-height: 25px;
  /*border-bottom: 1px dashed #636F79;*/
}

ul.page-footer-list li svg {
  color: #ff7f50;
}

ul.page-footer-list-social a {
  color: #1e6880;
  font-size: 14px;
}

ul.page-footer-list-social a:hover {
  font-weight: bold;
  text-decoration: underline;
}

ul.page-footer-list-social li i {
  padding-right: 10px;
  font-size: 20px;
  color: #ff7f50;
}

/*Page Footer Social List End*/
.footer-small {
  /* background-color: #81f4e6; #c0fafe */
  /* background-color: #00829B ; 0A2536  */
  /* background-color: #264653  #007aa6   #007aa6 ;  */
  background-color:#e0eaea;
  /* background: linear-gradient(to right, #06b6d4, #065FEF); */
  /*Small Footer BackColor;#32C5D2 SLATE 426D87 #426D87;70acd4*/
  margin-top: -6px;
  padding-top: 10px;
  color: #333;
}

.Footer-Small-InlineList {
  display: inline;
  color: #333;
  float: right;
}

.Footer-Small-InlineList li {
  float: right;
  margin: 5px 10px 5px 0px;
  padding-bottom: 5px;
  font-size: 12px;
  list-style: none;
  color: #333;
}

.Footer-Small-InlineList li a {
  color: #333;

}

.Footer-Small-InlineList li a:hover {
  font-weight: bold;
  color: #00c8ff;
  text-decoration: underline;
}

/*=========== FOOTER  SECTION STYLES END====================*/
/*FEATURES LIST CARD DESIGN START*/
.feature-card {
  padding: 30px;
  text-align: left;
  font-size: 14px;
}

row {
  margin-right: -15px;
  margin-left: -15px;
}

.feature-card .icons {
  height: 48px;
  margin: 0 auto 15px;
}

.feature-card .icons.pre_mng {
  background-position: -276px -609px;
  width: 65px;
}

.feature-card h4 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #3a4172;
}

ul.feature-card-list {
  text-align: left;
  list-style: none;
  padding: 0px 5px;
}

ul.feature-card-list i {
  color: #32c5d2;
  font-size: medium;
  padding-right: 5px;
}

ul.multiFlex {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  /* space between items */
}

ul.multiFlex li {
  flex: 1 0 200px;
  /* grow, don't shrink below 200px */
  box-sizing: border-box;
}

/*FEATURES LIST CARD DESIGN END */

/*PRICE LIST CARD DESIGN START */

/* Create three columns of equal width */
.columns {
  float: left;
  width: 100%;
  padding: 8px;
}

/* Style the list */
.price {
  list-style-type: none;
  border: 1px solid #32c5d2;
  background-color: white;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* Add shadows on hover */
.price:hover {
  /* box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2); */
  box-shadow: 0 8px 12px 0 rgba(0, 235, 235, 0.2);
}

/* Pricing header */
.price .header {
  /* background-color: #f0ffff;  */
  /* background: linear-gradient(to right, #107bef, #00fff0);
  -webkit-background-clip: text;
-webkit-text-fill-color: transparent; */
  color: #017E9D;
  /*ff656a*/
  font-size: 30px;
  font-weight: 900;
}

.price .header2 {
  background-color: #fff;
  color: #ff656a;
  font-size: 15px;
}

/* List items */
.price li {
  /*border-bottom: 1px solid #eee;*/
  padding: 5px;
  text-align: center;
}

.price .offer {
  /*border-bottom: 1px solid #eee;*/
  font-size: 25px;
  font-weight: 700;
  color: #e200e6;
}

.price .offer1 {
  /*border-bottom: 1px solid #eee;*/
  font-size: 20px;
  font-weight: 900;
  color: #a604f7;
}

.price .offer2 {
  /*border-bottom: 1px solid #eee;*/
  font-size: 25px;
  font-weight: 700;
  color: #00a5e6;
}

.price .offerNotice {
  /*border-bottom: 1px solid #eee;*/
  font-size: 30px;
  font-weight: 900;
  color: #00a5e6;
}

.flash-text {
  animation: flash 2s infinite;
}

.flash-image {
  position: fixed;
  top: 50%;
  /* vertical center */
  right: 0;
  transform: translateY(-50%);
  width: 100px;
  /* adjust as needed */
  z-index: 9999;
  animation: flash 1.5s infinite;

}

.flash-image a {
  font-size: xx-large;
  font-weight: 900;
  color: #fe0bbd;
}

@keyframes flash {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.2;
  }
}

/* Grey list item */
.price .grey {
  background-color: #d2cd5f;

}

.price .bluegreen {
  background-color: #3fbbc0;
  color: #fff;
}

.price .dodgerblue {
  background-color: #04aeef;
  color: #fff;
}

.price .green {
  background-color: #55bb99;
  color: #fff;
}

.price .magenta {
  background-color: #7262db;
  color: #fff;
}

.price .pink {
  background-color: #fa7c92;
  color: #fff;
}

.price .saffron {
  background-color: #fa7022;
  color: #fff;
}

/* The "Sign Up" button */
.button {
  border: 1px #32c5d2 solid;
  background-color: #20d0ce;
  color: #fff;
  border-radius: 20px;
  font-size: 19px;
}

.button:hover {
  /* box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2); */
  box-shadow: 0 8px 12px 0 rgba(0, 235, 235, 0.2);
  background-color: #fff;
  color: #32c5d2;
  border: 1px #32c5d2 solid;
}

.btnFooter {
  text-decoration: none;
  display: inline-block;
  border: 1px #32c5d2 solid;
  border-radius: 15px;
  font-size: 13px;
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2);
  background-color: #20d0ce;
  border: 1px #32c5d2 solid;

  color: #fff !important;
  transition: color .2s linear;
}

.btnFooter:hover {
  border: 1px #9bff05 solid;
  background-color: #fff;
  color: #32c5d2 !important;
  fill: #32c5d2 !important;

}

.btnFooter.WhatsApp {
  background-color: #25D366;
}

.btnFooter.WhatsApp:hover {
  border: 1px #9bff05 solid;
  background-color: #fff;
  color: #25D366 !important;
  fill: #25D366 !important;

}

/* a { color: black; transition: color .2s linear;
    &:hover { color: white; } } */
/*PRICE LIST CARD DESIGN END */

/*MODAL WINDOW START */
.modal-dialog {
  list-style-type: none;
  border: 1px solid #32c5d2;
  background-color: white;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* Pricing header */
.modal-dialog .modal-header {
  background-color: #fff;
  color: #ff656a;
  font-size: 25px;
  text-align: center;
}

.modal-header2 {
  background-color: #32c5d2;
  color: #fff;
  font-size: 20px;
  text-align: center;
  padding: 10px 0px 10px 0px;
  margin-left: -20px;
  margin-right: -20px;
}

.modal-dialog .bluegreen {
  background-color: #32c5d2;
  color: #fff;
  font-size: 20px;
}

/*MODAL WINDOW END */

/*============RESPONSIVE STYLE START===================*/
@media (min-width: 768px) and (max-width: 980px) {
  .col-4 .item {
    width: 47%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
}

@media (max-width: 768px) {
  .navbar-toggle {
    margin-top: 12px;
  }

  .head-section .navbar-collapse ul.navbar-nav {
    float: none;
    margin-left: 0;
  }

  .head-section .nav li a:hover,
  .head-section .nav li a:focus,
  .head-section .nav li a.dropdown-toggle:focus,
  .head-section .nav li a.dropdown-toggle .dropdown-menu li a:hover,
  .head-section .nav li.active a,
  .head-section .dropdown-menu li a:hover {
    color: #fff !important;
  }

  .head-section .navbar-nav>li {
    padding: 0;
    margin-bottom: 2px;
  }

  .dropdown-menu {
    /* position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem; */
    padding: .2rem 0;
    /* margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem; */
  }

  .head-section .nav li ul.dropdown-menu li a {
    margin-left: 0px;
    color: #999 !important;
  }

  .head-section .nav li .dropdown-menu li a:hover,
  .head-section .nav li .dropdown-menu li.active a {
    color: #fff !important;
  }

  .purchase-btn,
  .about-testimonial {
    margin-top: 10px;
  }

  .breadcrumb.pull-right {
    padding: 0;
  }

  .search,
  .bx-controls-direction {
    display: none;
  }

  .tweet-box {
    margin-bottom: 20px;
  }

  .property img {
    width: 80%;
  }

  .bx-wrapper {
    margin-bottom: 60px;
  }

  .purchase-btn,
  .about-testimonial {
    margin-top: 0;
  }

  .purchase-btn {
    line-height: 98px;
  }

  .navbar-header {
    float: none;
    text-align: left;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .navbar-brand {
    float: none;
  }

  .carousel-control {
    font-size: 45px;
    line-height: 70px;
  }

  .btn,
  .form-control {
    margin-bottom: 10px;
  }
}

@media (max-width: 900px) {

  /*Slider Sequence*/
  #sequence-theme .info {
    top: 80px !important;
    width: 60% !important;
    margin-right: 50px;
  }

  /*Slider Parallax*/
  .da-slide .da-img {
    display: none;
  }
}

@media (max-width: 480px) {
  .head-section .navbar {
    min-height: 60px;
  }

  .navbar-toggle {
    margin-right: -10px;
  }

  .head-section .nav li .dropdown-menu li a:hover {
    color: #48c9b0 !important;
  }

  .navbar-brand {
    margin-top: 10px !important;
    float: left !important;
  }

  .col-4 .item {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 2%;
  }

  .breadcrumb.pull-right {
    float: left !important;
    margin-top: 10px;
    padding: 0;
  }

  .carousel-control {
    font-size: 23px;
    line-height: 38px;
  }
}

@media (max-width: 450px) {

  /*Slider Sequence*/
  #sequence-theme .info {
    top: 70px !important;
    width: 70% !important;
    margin-right: 25px;
  }

  #sequence-theme h2 {
    font-size: 30px !important;
  }

  #sequence-theme .info p {
    font-size: 18px !important;
  }

  /*Slider Parallax*/
  .da-slide p {
    display: none;
  }
}

@media (max-width: 320px) {}

@media only screen and (max-width: 600px) {
  .columns {
    width: 100%;
  }
}

* {
  box-sizing: border-box;
}

/*============RESPONSIVE STYLE END===================*/

#btnToTop {
  position: fixed;
  bottom: 60px;
  right: 10px;
  background-color: var(--accent-color);
  color: white;
  border: none;
  padding: 3px 3px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 18px;
  z-index: 1000;
  /* Hidden by default */
  opacity: 0;
  transform: translateY(100px);
  /* Start below */
  pointer-events: none;
  transition: opacity 0.4s ease, transform 0.4s ease;
}

#btnToTop.show {
  bottom: 130px;
  display: block;
  opacity: 1;
  transform: translateY(0);
  /* Slide into view */
  pointer-events: auto;
}

#btnToTop:hover {
  /* color: #ffffff; */
  background-color: #cdfdfc;
  opacity: 1;
  /* color-mix(in srgb, var(--accent-color), transparent 20%); */
  color: var(--accent-color);
}


#btnToTop svg {
  width: 40px;
  height: 40px;
  /* fill: #00aeef; */

}

#btnToTop svg:hover {
  fill: var(--accent-color);
}

/* product page features image on left  */
.feature-img {
  width: 100%;
}

/* Fixed position  whatsapp image  */
.whatsAppSticky {
  /* background-color: var(--accent-color); */
  color: #2ab540;
  position: fixed;
  height: 60px;
  width: 60px;
  right: 10px;
  bottom: 200px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1500;
  border: none;
  padding: 3px 3px;
  font-size: 18px;
  /* Hidden by default */
  opacity: 0;
  transform: translateY(100px);
  /* Start below */
  pointer-events: none;
  transition: opacity 0.9s ease, transform 0.9s ease;
  animation: pulse 1.5s infinite;
  /* Your existing pulse animation */
  /* animation: pulse 2s infinite;  */
  animation-play-state: running;

  box-shadow: 0 0 0 rgba(0, 179, 239, 0);
  /* transition: box-shadow 0.9s ease; */
}

@keyframes pulse {
  0% {
    transform: scale(0.8);
    /* Start at 80% of original size */
    opacity: 0.5;
    /* Start with 50% opacity */
  }

  50% {
    transform: scale(1.2);
    /* Scale up to 120% */
    opacity: 1;
    /* Fully opaque */
  }

  100% {
    transform: scale(0.8);
    /* Return to 80% */
    opacity: 0.5;
    /* Back to 50% opacity */
  }
}

.whatsAppSticky.show {
  bottom: 90px;
  display: block;
  opacity: 1;
  transform: translateY(0);
  /* Slide into view */
  pointer-events: auto;
}

.whatsAppSticky:hover {
  opacity: 1;
  color: var(--accent-color);
  transform: scale(1.5);
  box-shadow: 0 8px 16px rgba(0, 239, 227, 0.3);
  animation-play-state: paused;
}


#whatsAppSticky svg {
  width: 50px;
  height: 50px;

}

#whatsAppSticky svg:hover {
  fill: white;
  /* var(--accent-color);*/
}

/* Breadcrump CSS */
/* General Breadcrumb Container */
.breadcrumb-container {
  font-family: Arial, sans-serif;
  /* Customize font */
  background-color: rgb(249, 249, 249);
  background-color: rgba(249, 249, 249, 0.3);
  /* Light background for clarity */
  padding: 5px 5px 5px 0;
  margin-left: 10px;
  border-radius: 4px;
  --bs-breadcrumb-divider: '>';
}

.breadcrumb-item.active a {
  pointer-events: none !important;
  color: #4f5154;
}

/* Breadcrumb List */
.breadcrumb-container ol {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  /* Spacing between breadcrumb items */
}

/* Individual Breadcrumb Item */
.breadcrumb-container li {
  display: inline;
}

/* Breadcrumb Links */
.breadcrumb-container a {
  text-decoration: none;
  color: #007bff;
  /* Blue color for links */
  transition: color 0.3s ease;
}

.breadcrumb-container a:hover {
  /* color: #0056b3;  Darker blue when hovered */
  font-weight: bold;
  color: #0ae1da;
  text-decoration: underline;
}

/* Separator Between Breadcrumbs */
.breadcrumb-container li::after {
  /* content: "›"; */
  /* Arrow separator */
  padding-left: 10px;
  color: #888;

}

/* .breadcrumb-container li:last-child::after {
  content: "";
  /* Remove separator after last item 
} */

/* Responsive Styles */
@media (max-width: 600px) {
  .breadcrumb-container {
    font-size: 14px;
    /* Adjust font size on smaller screens */
  }

  .breadcrumb-container ol {
    flex-direction: column;
    /* Stack breadcrumbs vertically on small screens */
  }
}

/* breadcrumbs End*/

/* button css*/

/* button css end*/

/* Top bar for mobile & email */
.top-contact {
  background-color: #f0ffff;
  color: #025da2;
  padding: 8px 16px;
  text-align: center;
  font-family: sans-serif;
  font-size: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
  position: relative;
}

.top-contact.home {
  background-color: #fff;
  color: #025da2;
  padding: 8px 16px;
  text-align: center;
  font-family: sans-serif;
  font-size: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
  position: relative;
}

.top-contact a {
  color: #025da2;
  margin: 0 10px;
  text-decoration: none;
}

.top-contact a:hover {
  text-decoration: underline;
}

.top-contact svg {
  /* font-size: 20px; */
  color: #ff7f50;
}

ul.page-footer-list li svg {
  color: #ff7f50;
}

@media (max-width: 600px) {
  .top-contact {
    font-size: 12px;
    padding: 6px 10px;
  }

  .top-contact a {
    display: block;
    margin: 4px 0;
  }
}

/* Top bar END for mobile & email */