@import url('../fonts/poppins/poppins.css');
/*@import url('../fonts/bhamini/Bamini.ttf');*/

/* @import url("https://fonts.googleapis.com/css?family=Poppins:200,200i,300,300i,400,400i,500,500i,600,600i,700&display=swap"); */

/* line 1, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_extend.scss */
.flex-center-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

@import 'compass/css3';

html {
  min-height: 100%;
  position: relative;
}

/* Normal desktop :1200px. */
/* Normal desktop :992px. */
/* Tablet desktop :768px. */
/* small mobile :320px. */
/* Large Mobile :480px. */
/* 1. Theme default css */
/* line 5, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
body {
  font-family: 'Poppins', 'Bamini', 'sans-serif';
  font-weight: normal;
  font-style: normal;
  overflow-x: hidden;
}

::-webkit-input-placeholder {
  color: #111;
}

input[type='text']::-moz-placeholder {
  color: #111;
}

input[type='text']:-moz-placeholder {
  color: #111;
}

input[type='password']:-moz-placeholder {
  color: #111;
}

input[type='text'] {
  color: blue;
}

::-webkit-input-placeholder {
  /* Chrome, Safari */
  color: #aaa;
  font-size: 18px;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #aaa;
  font-size: 18px;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #aaa;
  font-size: 18px;
}

:-ms-input-placeholder {
  /* Internet Explorer */
  color: #aaa;
  font-size: 18px;
}

/* line 12, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.img {
  max-width: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/* line 16, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
a,
.button {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/* line 20, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
a:focus,
.button:focus,
button:focus {
  text-decoration: none;
  outline: none;
}

/* line 25, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
a:focus {
  color: #fff;
  text-decoration: none;
}

/* line 29, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
  text-decoration: none;
  color: #1f1f1f;
}

/* line 36, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
a,
button {
  /* color: #1f1f1f; */
  color: #000;
  outline: medium none;
}

/* line 41, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
h1,
h2,
h3,
h4,
h5 {
  font-family: 'Poppins', sans-serif;
  color: #1f1f1f;
}

/* line 45, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

/* line 54, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
ul {
  margin: 0px;
  padding: 0px;
}

/* line 58, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */

li {
  /* list-style: none; */

  font-weight: 300;
  font-size: small;
  /* font-size: 16px;
  font-weight: 400;
  margin: 0;
  padding: 10px 0 0px 30px;
  list-style: none;
  background-image: url("../img/double.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 10px; */
}

.nobulletstyle li {
  list-style: none;
}

.bulletstyle {
  list-style: none;
}

.bulletstyle li:before {
  font-size: 16px;
  /* font-weight: 400;
  margin: 0;
  padding: 0px 0 0px 20px; */
  list-style: none;
  /* background-image: url("../img/forwardicon.png"); */
  content: '\f0da';
  font-family: FontAwesome;
  color: #111;
  padding-right: 10px;
  /* background-repeat: no-repeat;
  background-position: left center; */
  /* background-size: 20px; */
}

.bulletstylewhite {
  list-style: none;
}

.bulletstylewhite li:before {
  font-size: 16px;
  /* font-weight: 400;
  margin: 0;
  padding: 0px 0 0px 20px; */
  list-style: none;
  /* background-image: url("../img/forwardicon.png"); */
  content: '\f0da';
  font-family: FontAwesome;
  color: #fff;
  /* background-repeat: no-repeat;
  background-position: left center; */
  /* background-size: 20px; */
}

/* li {

  font-weight: 300;
  font-size: small;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  padding: 10px 0 0px 30px;
  list-style: none;
  background-image: url("../img/double.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 10px;
} */

/* line 61, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
p {
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
  color: black;
  margin-bottom: 13px;
  font-family: 'Poppins', sans-serif;
}

/* line 70, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
label {
  /* color: #7e7e7e;
   */
  color: black;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
}

/* line 76, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
*::-moz-selection {
  background: #041e42;
  color: #fff;
  text-shadow: none;
}

/* line 81, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
::-moz-selection {
  background: #041e42;
  color: #fff;
  text-shadow: none;
}

/* line 86, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
::selection {
  background: #041e42;
  /* #041e42; */
  color: #fff;
  text-shadow: none;
}

/* line 91, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
*::-webkit-input-placeholder {
  color: #cccccc;
  font-size: 14px;
  opacity: 1;
}

/* line 96, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
*:-ms-input-placeholder {
  color: #cccccc;
  font-size: 14px;
  opacity: 1;
}

/* line 101, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
*::-ms-input-placeholder {
  color: #cccccc;
  font-size: 14px;
  opacity: 1;
}

/* line 106, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
*::placeholder {
  color: #cccccc;
  font-size: 14px;
  opacity: 1;
}

/* line 112, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
h3 {
  font-size: 24px;
}

/* line 116, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.mb-65 {
  margin-bottom: 67px;
}

/* line 120, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.black-bg {
  background: #020c26 !important;
}

/* line 124, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.white-bg {
  background: #ffffff;
}

/* line 127, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.gray-bg {
  background: #f5f5f5;
}

/* line 132, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.bg-img-1 {
  background-image: url(../img/slider/slider-img-1.jpg);
}

/* line 135, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.bg-img-2 {
  background-image: url(../img/background-img/bg-img-2.jpg);
}

/* line 138, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.cta-bg-1 {
  background-image: url(../img/background-img/bg-img-3.jpg);
}

/* line 143, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.overlay {
  position: relative;
  z-index: 0;
}

.overlay_foo_slider {
  position: relative;
  z-index: 0;
}

/* line 147, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.overlay::before {
  position: absolute;
  content: '';
  background-color: #1f1f1f;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.5;
}

.overlay_foo_slider::before {
  position: absolute;
  content: '';
  background: rgba(31, 186, 231, 0.8);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.5;
}
/* line 159, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.overlay2 {
  position: relative;
  z-index: 0;
}

/* line 163, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.overlay2::before {
  position: absolute;
  content: '';
  background-color: #000000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.3;
}

/* line 175, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.overlay_skyblue {
  position: relative;
  z-index: 0;
}

/* line 179, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.overlay_skyblue::before {
  position: absolute;
  content: '';
  background-color: #041e42;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.8;
}

/* line 192, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.bradcam_overlay {
  position: relative;
  z-index: 0;
}

/* line 196, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.bradcam_overlay::before {
  position: absolute;
  content: '';
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#041E42+0,7db9e8+100&1+24,0+96 */
  background: -moz-linear-gradient(
    left,
    #041e42 0%,
    #65b4f9 24%,
    rgba(124, 185, 233, 0) 96%,
    rgba(125, 185, 232, 0) 100%
  );
  /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #041e42 0%,
    #65b4f9 24%,
    rgba(124, 185, 233, 0) 96%,
    rgba(125, 185, 232, 0) 100%
  );
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #041e42 0%,
    #65b4f9 24%,
    rgba(124, 185, 233, 0) 96%,
    rgba(125, 185, 232, 0) 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#041E42', endColorstr='#007db9e8', GradientType=1);
  /* IE6-9 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 1;
}

/* line 212, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.section-padding {
  padding-top: 120px;
  padding-bottom: 120px;
}

.awardsection-padding {
  padding-top: 20px;
  /* padding-bottom: 120px; */
  background: #fff;
}

/* line 216, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.pt-120 {
  padding-top: 120px;
}

/* button style */
/* line 222, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.owl-carousel .owl-nav div {
  background: transparent;
  height: 50px;
  left: 0px;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 50px;
  color: #fff;
  background-color: transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  left: 50px;
  font-size: 15px;
  line-height: 50px;
  border: 1px solid #fff;
  left: 140px;
}

/* line 249, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.owl-carousel .owl-nav div.owl-next {
  left: auto;
  right: 140px;
}

/* line 254, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.owl-carousel .owl-nav div.owl-next i {
  position: relative;
  right: 0;
}

/* line 261, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.owl-carousel .owl-nav div.owl-prev i {
  position: relative;
  top: 0px;
}

/* line 271, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.owl-carousel:hover .owl-nav div {
  opacity: 1;
  visibility: visible;
}

/* line 274, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.owl-carousel:hover .owl-nav div:hover {
  color: #fff;
  background: #009dff;
  border: 1px solid transparent;
}

/* line 284, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.mb-20px {
  margin-bottom: 20px;
}

/* line 288, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.mb-55 {
  margin-bottom: 55px;
}

/* line 291, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/theme-default.scss */
.mb-40 {
  margin-bottom: 40px;
}

/* line 1, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.boxed-btn {
  background: #fff;
  color: #131313;
  display: inline-block;
  padding: 18px 44px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 400;
  border: 0;
  border: 1px solid #009dff;
  letter-spacing: 3px;
  text-align: center;
  color: #009dff !important;
  text-transform: uppercase;
  cursor: pointer;
}

/* line 17, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.boxed-btn:hover {
  background: #009dff;
  color: #fff !important;
  border: 1px solid #009dff;
}

/* line 22, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.boxed-btn:focus {
  outline: none;
}

/* line 25, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.boxed-btn.large-width {
  width: 220px;
}

/* line 29, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.boxed-btn3 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0181f5+0,041E42+100 */
  background: #0181f5;
  /* Old browsers */
  background: -moz-linear-gradient(left, #0181f5 0%, #041e42 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #0181f5 0%, #041e42 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #0181f5 0%, #041e42 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0181f5', endColorstr='#041E42', GradientType=1);
  /* IE6-9 */
  color: #fff;
  display: inline-block;
  padding: 18px 44px;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 500;
  border: 0;
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  color: #fff !important;
  text-transform: capitalize;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}

/* line 51, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.boxed-btn3:hover {
  background: #fff;
  color: #041e42 !important;
  border: 1px solid #041e42;
}

/* line 56, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.boxed-btn3:focus {
  outline: none;
}

/* line 59, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.boxed-btn3.large-width {
  width: 220px;
}

/* line 64, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.boxed-btn3-white {
  color: #041e42;
  display: inline-block;
  padding: 9px 24px;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 400;
  border: 0;
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  color: #fff !important;
  text-transform: capitalize;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}

.data-tables {
  padding: 10px;
  padding-bottom: 50px;
  padding-top: 0px;
  background: #fff;
}

.form16data-tables {
  padding: 10px;
  /* padding-bottom: 50px;
  padding-top: 0px; */
  border-radius: 15px;
  background: #eeeeee;
}

table th tr td,
table th tr td p,
table th tr td strong {
  font-size: 18pt;
  padding: 5px;
}

th,
td {
  padding: 15px;
}

/* line 80, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.boxed-btn3-white:hover {
  background: #fff;
  color: #041e42 !important;
  border: 1px solid transparent #041e42;
}

/* line 85, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.boxed-btn3-white:focus {
  outline: none;
}

/* line 88, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.boxed-btn3-white.large-width {
  width: 220px;
}

/* line 93, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.boxed-btn3-white-2 {
  color: #fff !important;
  display: inline-block;
  padding: 9px 24px;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 400;
  border: 0;
  background: #041e42;
  border: 2px solid #041e42;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  text-transform: capitalize;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}

/* line 108, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.boxed-btn3-white-2:hover {
  background: #eeeeee;
  color: #041e42 !important;
  border: 2px solid #041e42;
  font-weight: 500px;
}

/* line 113, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.boxed-btn3-white-2:focus {
  outline: none;
}

/* line 116, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.boxed-btn3-white-2.large-width {
  width: 220px;
}

.boxed-btn3 {
  color: #041e42;

  display: inline-block;
  padding: 9px 9px;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 400;
  border: 0;
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  color: #fff !important;
  text-transform: capitalize;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}

.boxed-btn3:hover {
  background: #fff;
  color: #041e42 !important;
  border: 1px solid transparent #041e42;
}

/* line 85, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.boxed-btn3:focus {
  outline: none;
}

/* line 120, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.boxed-btn2 {
  background: transparent;
  color: #fff;
  display: inline-block;
  padding: 18px 24px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 400;
  border: 0;
  border: 1px solid #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* line 132, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.boxed-btn2:hover {
  background: #fff;
  color: #131313 !important;
}

/* line 136, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.boxed-btn2:focus {
  outline: none;
}

/* line 140, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.line-button {
  color: #919191;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  padding-right: 5px;
  padding-bottom: 2px;
}

/* line 148, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.line-button::before {
  position: absolute;
  content: '';
  background: #919191;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
}

/* line 157, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.line-button:hover {
  color: #009dff;
}

/* line 160, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.line-button:hover::before {
  background: #009dff;
}

/* line 164, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.book_now {
  display: inline-block;
  font-size: 14px;
  color: #009dff;
  border: 1px solid #009dff;
  text-transform: capitalize;
  padding: 10px 25px;
}

/* line 171, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_btn.scss */
.book_now:hover {
  background: #009dff;
  color: #fff;
}

/* line 2, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_section_title.scss */
.section_title h3 {
  font-size: 36px;
  font-weight: 500;
  line-height: 48px;
  color: #fff;
  position: relative;
  z-index: 9;
  padding-bottom: 15px;
}

/* line 10, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_section_title.scss */
.section_title h3::before {
  position: absolute;
  left: 0;
  background: #fff;
  height: 2px;
  width: 50px;
  content: '';
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

.section_title_white h3 {
  font-size: 36px;
  font-weight: 500;
  line-height: 48px;
  color: #041e42;
  position: relative;
  z-index: 9;
  padding-bottom: 15px;
}

.section_title_white h3::before {
  position: absolute;
  left: 0;
  background: #041e42;
  height: 2px;
  width: 50px;
  content: '';
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

@media (max-width: 767px) {
  /* line 2, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_section_title.scss */
  .section_title h3 {
    font-size: 30px;
    line-height: 36px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 2, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_section_title.scss */
  .section_title h3 {
    font-size: 36px;
    line-height: 42px;
  }
}

@media (max-width: 767px) {
  /* line 29, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_section_title.scss */
  .section_title h3 br {
    display: none;
  }
}

/* line 35, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_section_title.scss */
.section_title p {
  font-size: 16px;
  color: #fff;
  line-height: 28px;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  /* line 40, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_section_title.scss */
  .section_title p br {
    display: none;
  }
}

/* line 48, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_section_title.scss */
.mb-100 {
  margin-bottom: 100px;
}

@media (max-width: 767px) {
  /* line 48, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_section_title.scss */
  .mb-100 {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  /* line 4, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_slick-nav.scss */
  .mobile_menu {
    position: absolute;
    right: 0px;
    width: 100%;
    z-index: 9;
  }
}

/* line 13, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_slick-nav.scss */
.slicknav_menu .slicknav_nav {
  background: #041e42;
  float: right;
  margin-top: 0;
  padding: 0;
  width: 95%;
  padding: 0;
  border-radius: 0px;
  margin-top: 5px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 11px;
}

/* line 28, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_slick-nav.scss */
.slicknav_menu .slicknav_nav a:hover {
  background: transparent;
  color: #009dff;
}

/* line 32, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_slick-nav.scss */
.slicknav_menu .slicknav_nav a.active {
  color: #fff;
}

@media (max-width: 767px) {
  /* line 35, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_slick-nav.scss */
  .slicknav_menu .slicknav_nav a i {
    display: none;
  }

  .slicknav_menu .slicknav_nav a .home_icon {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 35, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_slick-nav.scss */
  .slicknav_menu .slicknav_nav a i {
    display: none;
  }
}

/* line 44, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_slick-nav.scss */
.slicknav_menu .slicknav_nav .slicknav_btn {
  background-color: transparent;
  cursor: pointer;
  margin-bottom: 10px;
  margin-top: -40px;
  position: relative;
  z-index: 99;
  border: 1px solid #ddd;
  top: 3px;
  right: 5px;
  top: -36px;
}

/* line 55, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_slick-nav.scss */
.slicknav_menu .slicknav_nav .slicknav_btn .slicknav_icon {
  margin-right: 6px;
  margin-top: 3px;
  position: relative;
  padding-bottom: 3px;
  top: -11px;
  right: -5px;
}

@media (max-width: 767px) {
  /* line 12, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_slick-nav.scss */
  .slicknav_menu {
    margin-right: 0px;
  }
}

/* line 72, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_slick-nav.scss */
.slicknav_nav .slicknav_arrow {
  float: right;
  font-size: 22px;
  position: relative;
  top: -9px;
  color: #fff;
}

/* line 78, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_slick-nav.scss */
.slicknav_btn {
  background-color: transparent;
  cursor: pointer;
  margin-bottom: 10px;
  position: relative;
  z-index: 99;
  border: none;
  border-radius: 3px;
  top: 5px;
  padding: 5px;
  right: 5px;
  margin-top: -5px;
  top: -31px;
}

/* line 92, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_slick-nav.scss */
.slicknav_btn {
  background-color: transparent;
  cursor: pointer;
  margin-bottom: 10px;
  position: relative;
  z-index: 99;
  border: none;
  border-radius: 3px;
  top: 5px;
  padding: 5px;
  right: 0;
  margin-top: -5px;
  top: -36px;
}

/* line 1, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area {
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  z-index: 9;
}

@media (max-width: 767px) {
  /* line 1, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
  .header-area {
    padding-top: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 1, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
  .header-area {
    padding-top: 0;
  }
}

/* line 15, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area {
  /* padding: 5px; */
  background: #fff;
}

/* line 31, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area .logo-img {
  text-align: center;
}

@media (max-width: 767px) {
  /* line 31, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
  .header-area .main-header-area .logo-img {
    text-align: left;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 31, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
  .header-area .main-header-area .logo-img {
    text-align: left;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  /* line 31, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
  .header-area .main-header-area .logo-img {
    text-align: left;
  }
}

@media (max-width: 767px) {
  /* line 45, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
  .header-area .main-header-area .logo-img img {
    width: 70px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 45, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
  .header-area .main-header-area .logo-img img {
    width: 70px;
  }
}

/* line 57, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area .Appointment {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
}

/* line 63, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area .Appointment .socail_links ul li {
  display: inline-block;
}

/* line 66, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area .Appointment .socail_links ul li a {
  color: #a8a7a0;
  margin: 0 10px;
  font-size: 15px;
}

/* line 70, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area .Appointment .socail_links ul li a:hover {
  color: #fff;
}

/* line 77, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area .Appointment .book_btn {
  margin-left: 30px;
}

@media (min-width: 992px) and (max-width: 1200px) {
  /* line 77, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
  .header-area .main-header-area .Appointment .book_btn {
    margin-left: 0;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  /* line 77, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
  .header-area .main-header-area .Appointment .book_btn {
    margin-left: 0;
  }
}

/* line 85, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area .Appointment .book_btn a {
  background: #009dff;
  padding: 12px 26px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid transparent;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

@media (min-width: 992px) and (max-width: 1200px) {
  /* line 85, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
  .header-area .main-header-area .Appointment .book_btn a {
    padding: 12px 20px;
  }
}

/* line 96, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area .Appointment .book_btn a:hover {
  background: #fff;
  color: #009dff;
  border: 1px solid #009dff;
}

/* line 104, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu {
  text-align: right;
  /* padding: 30px; */
}

/* line 108, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */

/* line 118, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */

@media (min-width: 992px) and (max-width: 1200px) {
  /* line 118, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
  .header-area .main-header-area .main-menu ul li a {
    font-size: 15px;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  /* line 118, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
  .header-area .main-header-area .main-menu ul li a {
    font-size: 15px;
  }
}

/* line 137, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li a i {
  font-size: 9px;
}

@media (max-width: 767px) {
  /* line 137, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
  .header-area .main-header-area .main-menu ul li a i {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 137, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
  .header-area .main-header-area .main-menu ul li a i {
    display: none !important;
  }
}

/* line 146, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li a::before {
  /* position: absolute; */
  content: '';
  background: #fff;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  opacity: 0;
  transform: scaleX(0);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/* line 158, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li a:hover::before {
  opacity: 1;

  transform: scaleX(1);
}

/* line 163, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li a.active::before {
  opacity: 1;
  transform: scaleX(1);
}

/* line 168, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li a:hover {
  color: #eeeeee;
  /* font-weight:bolder;
  font-size:14px; */
}

/* line 172, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li .submenu {
  position: absolute;
  left: 0;
  top: 160%;
  background: #bddbf1;
  width: 250px;
  z-index: 2;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.02);
  opacity: 0;
  visibility: hidden;
  text-align: left;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;

  border-radius: 5px;
}

/* line 184, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li .submenu li {
  display: block;
}

/* line 186, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li .submenu li a {
  padding: 10px 15px;
  position: inherit;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: block;
  color: #000;
  /* border-bottom: 1px solid #000; */
}

/* line 192, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li .submenu li a::before {
  display: none;
}

/* line 196, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li .submenu li:hover a {
  color: #fff;
  background: #041e42;
}

/* line 201, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li:hover > .submenu {
  opacity: 1;
  visibility: visible;
  top: 150%;
}

/* line 206, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li:hover > a::before {
  opacity: 1;
  transform: scaleX(1);
}

/* line 210, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area .main-menu ul li:first-child a {
  padding-left: 0;
}

/* line 216, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area.sticky {
  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
  position: fixed;
  width: 100%;
  top: -70px;
  left: 0;
  right: 0;
  z-index: 99;
  transform: translateY(70px);
  transition: transform 500ms ease, background 500ms ease;
  -webkit-transition: transform 500ms ease, background 500ms ease;
  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
  /* background: rgba(255, 255, 255, 0.96); */
  background: #fff;
}

.header-area .header-top_area.sticky {
  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
  position: fixed;
  width: 100%;
  top: -70px;
  left: 0;
  right: 0;
  z-index: 99;
  transform: translateY(70px);
  transition: transform 500ms ease, background 500ms ease;
  -webkit-transition: transform 500ms ease, background 500ms ease;
  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
  /* background: rgba(255, 255, 255, 0.96); */
  background: #fff;
}

@media (max-width: 767px) {
  /* line 216, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
  .header-area .main-header-area.sticky {
    padding: 10px 10px;
  }

  .header-area .header-top_area.sticky {
    padding: 10px 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 216, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
  .header-area .main-header-area.sticky {
    padding: 10px 10px;
  }

  .header-area .header-top_area.sticky {
    padding: 10px 10px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  /* line 216, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
  .header-area .main-header-area.sticky {
    padding: 10px 20px;
  }

  .header-area .header-top_area.sticky {
    padding: 10px 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  /* line 216, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
  .header-area .main-header-area.sticky {
    padding: 10px 20px;
  }

  .header-area .header-top_area.sticky {
    padding: 10px 20px;
  }
}

/* line 242, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .main-header-area.sticky .main-menu {
  padding: 0;
}

/* line 248, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .header-top_area {
  padding: 3px 0;
  background: #a9a9a9;
}

@media (max-width: 767px) {
  /* line 251, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
  .header-area .header-top_area .social_media_links {
    text-align: center;
  }
}

/* line 255, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .header-top_area .social_media_links a {
  font-size: 15px;
  color: #c7c7c7;
  margin-right: 12px;
}

/* line 259, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .header-top_area .social_media_links a:hover {
  color: #041e42;
}

/* line 264, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .header-top_area .short_contact_list {
  float: right;
}

@media (max-width: 767px) {
  /* line 264, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
  .header-area .header-top_area .short_contact_list {
    text-align: center;
  }
}

/* line 270, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .header-top_area .short_contact_list ul li {
  /* display: inline-block; */
  margin-left: 10px;
}

/* .header-area .header-top_area .short_contact_list ul li:hover  
{
  background:#fff;
  color:#fff;
} */
.header-area .header-top_area .short_contact_list ul li .toolbarline {
  border-left: 1px solid #131313;
  height: 20px;
}

.header-area .header-top_area .short_contact_listleft ul li a .tooltitle {
  font-size: 13px;
  color: black;
  font-weight: 600;
  margin-left: 15px;
}

/* line 272, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .header-top_area .short_contact_list ul li a {
  font-size: 15px;
  /* color: #fff; */
  margin-right: 0px;
  /* color: black; */
  font-weight: 500;
}

@media (max-width: 767px) {
  /* line 272, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
  .header-area .header-top_area .short_contact_list ul li a {
    margin-left: 0;
    margin: 0 5px;
  }
}

/* line 281, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .header-top_area .short_contact_list ul li a i {
  color: #041e42;
  margin-right: 10px;
}
.header-area .header-top_area .short_contact_list ul li .external_link i {
  color: #fff;
}

.header-area .header-top_area .short_contact_listleft {
  float: left;
  padding-top: 7px;
  font-weight: 500;
}

@media (max-width: 767px) {
  /* line 264, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
  .header-area .header-top_area .short_contact_listleft {
    text-align: center;
  }
}

/* line 270, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .header-top_area .short_contact_listleft ul li {
  display: inline-block;
  margin-left: 30px;
}

/* line 272, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .header-top_area .short_contact_listleft ul li a {
  font-size: 15px;
  color: #fff;
  margin-left: 15px;
}

@media (max-width: 767px) {
  /* line 272, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
  .header-area .header-top_area .short_contact_listleft ul li a {
    margin-left: 0;
    margin: 0 5px;
  }
}

/* line 281, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_header.scss */
.header-area .header-top_area .short_contact_listleft ul li a i {
  color: #041e42;
  margin-right: 10px;
}

/* line 1, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_slider.scss */
.slider_bg_1 {
  background-image: url(../img/banner/banner.png);
}

/* line 4, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_slider.scss */
.slider_bg_2 {
  background-image: url(../img/banner/banner2.png);
}

/* line 8, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_slider.scss */
.slider_area .single_slider {
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media (max-width: 767px) {
  /* line 8, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_slider.scss */
  .slider_area .single_slider {
    height: 420px;
  }
}

/* line 17, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_slider.scss */
.slider_area .single_slider .slider_text h3 {
  color: #1f1f1f;
  font-family: 'Poppins', sans-serif;
  font-size: 70px;
  text-transform: capitalize;
  letter-spacing: 2px;
  font-weight: 300;
}

/* line 24, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_slider.scss */
.slider_area .single_slider .slider_text h3 span {
  font-weight: 700;
}

@media (max-width: 767px) {
  /* line 17, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_slider.scss */
  .slider_area .single_slider .slider_text h3 {
    font-size: 33px;
    letter-spacing: 3px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 17, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_slider.scss */
  .slider_area .single_slider .slider_text h3 {
    font-size: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  /* line 17, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_slider.scss */
  .slider_area .single_slider .slider_text h3 {
    font-size: 35px;
    letter-spacing: 3px;
  }
}

/* line 39, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_slider.scss */
.slider_area .single_slider .slider_text p {
  font-size: 18px;
  font-weight: 400;
  color: #727272;
  margin-bottom: 40px;
  margin-top: 10px;
}

@media (min-width: 992px) and (max-width: 1200px) {
  /* line 39, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_slider.scss */
  .slider_area .single_slider .slider_text p {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  /* line 39, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_slider.scss */
  .slider_area .single_slider .slider_text p {
    font-size: 16px;
  }
}

/* line 1, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.welcome_docmed_area {
  /* padding-top: 20px;
  padding-bottom: 20px;
  padding-left:30px; */
  padding: 5px;
  padding-top: 15px;

  /* border-bottom: 1px solid #041e42; */
}

.welcome_docmed_area_about {
  padding-top: 120px;
  padding-bottom: 220px;
}

@media (max-width: 767px) {
  /* line 1, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
  .welcome_docmed_area,
  .welcome_docmed_area_about {
    padding-bottom: 100px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  /* line 1, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
  .welcome_docmed_area,
  .welcome_docmed_area_about {
    /* padding-bottom: 100px; */
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 1, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
  .welcome_docmed_area,
  .welcome_docmed_area_about {
    padding-bottom: 100px;
  }
}

/* line 13, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.welcome_docmed_area .welcome_thumb,
.welcome_docmed_area_about .welcome_thumb_about {
  position: relative;
}

/* line 15, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.welcome_docmed_area .welcome_thumb .thumb_1,
.welcome_docmed_area_about .welcome_thumb_about .thumb_1_about {
  left: 0;
}

/* line 17, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.welcome_docmed_area .welcome_thumb .thumb_1 img,
.welcome_docmed_area_about .welcome_thumb_about .thumb_1_about img {
  width: 60%;
}

@media (max-width: 767px) {
  /* line 17, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
  .welcome_docmed_area .welcome_thumb .thumb_1 img,
  .welcome_docmed_area_about .welcome_thumb_about .thumb_1_about img {
    width: 100%;
  }
}

/* line 24, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.welcome_docmed_area .welcome_thumb .thumb_2 {
  position: absolute;
  bottom: -94px;
  right: -37px;
}

@media (max-width: 767px) {
  /* line 24, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
  .welcome_docmed_area .welcome_thumb .thumb_2 {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 24, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
  .welcome_docmed_area .welcome_thumb .thumb_2 {
    position: absolute;
    right: 0;
    bottom: -40px;
  }
}

/* line 39, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.welcome_docmed_area .welcome_thumb .thumb_2 img {
  width: 89%;
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 39, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
  .welcome_docmed_area .welcome_thumb .thumb_2 img {
    width: 100%;
  }
}

/* line 47, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.welcome_docmed_area .welcome_docmed_info {
  padding-left: 10px;
}

.welcome_docmed_area_about .welcome_docmed_info_about {
  padding-left: 90px;
}

@media (max-width: 767px) {
  /* line 47, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
  .welcome_docmed_area .welcome_docmed_info {
    padding-left: 0;
    margin-top: 40px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 47, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
  .welcome_docmed_area .welcome_docmed_info {
    padding-left: 0;
    margin-top: 100px;
  }
}

/* line 57, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.welcome_docmed_area .welcome_docmed_info h2 {
  font-size: 23px;
  font-weight: 600;
  color: #111;
  margin-bottom: 8px;
  position: relative;
  z-index: 9;
  padding-bottom: 2px;
}

/* line 65, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.welcome_docmed_area .welcome_docmed_info h2:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 109px;
  background: #041e42;
}

/* line 76, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.welcome_docmed_area .welcome_docmed_info h3 {
  font-weight: 500;
  font-size: 36px;
  margin-bottom: 10px;
  color: #111;
}

@media (max-width: 767px) {
  /* line 76, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
  .welcome_docmed_area .welcome_docmed_info h3 {
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  /* line 83, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
  .welcome_docmed_area .welcome_docmed_info h3 br {
    display: none;
  }
}

/* line 89, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.welcome_docmed_area .welcome_docmed_info p {
  font-size: 15px;
  color: #111;
  line-height: 25px;
  text-align: justify;
}

/* line 94, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.welcome_docmed_area .welcome_docmed_info ul {
  margin-bottom: 40px;
  margin-top: 25px;
  color: #111;
}

/* line 97, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.welcome_docmed_area .welcome_docmed_info ul li {
  color: #111;
  font-size: 16px;
  line-height: 28px;
}

/* line 101, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.welcome_docmed_area .welcome_docmed_info ul li i {
  margin-right: 10px;
  color: #041e42;
  font-weight: 16px;
}

/* line 111, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.business_expert_area {
  /* padding-top: 30px;
  padding-bottom: 100px; */
  background: #eeeeee;
}

@media (max-width: 767px) {
  /* line 111, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
  .business_expert_area {
    padding-bottom: 50px;
  }
}

/* line 118, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.business_expert_area .business_info .icon i {
  background: #041e42;
  width: 50px;
  height: 50px;
  display: inline-block;
  color: #fff;
  font-size: 20x;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
}

/* line 130, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.business_expert_area .business_info h3 {
  font-size: 20px;
  font-weight: 500;
  color: #1f1f1f;
  margin-top: 16px;
  margin-bottom: 14px;
}

/* line 137, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.business_expert_area .business_info p {
  color: #727272;
  line-height: 28px;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  /* line 143, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
  .business_expert_area .business_thumb {
    padding-top: 20px;
  }
}

/* line 147, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.business_expert_area .business_thumb img {
  width: 100%;
}

/* line 151, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.business_expert_area .business_tabs_area {
  padding-top: 10px;
  background: #eeeeee;
}

/* line 154, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.business_expert_area .business_tabs_area .nav .nav-item {
  width: 33.3333333334%;
}

@media (max-width: 767px) {
  /* line 154, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
  .business_expert_area .business_tabs_area .nav .nav-item {
    width: 100%;
  }
}

/* line 159, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.business_expert_area .business_tabs_area .nav .nav-item a {
  font-size: 20px;
  font-weight: 400;
  color: #1f1f1f;
  padding: 35px 0px 35px 40px;
}

@media (max-width: 767px) {
  /* line 159, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
  .business_expert_area .business_tabs_area .nav .nav-item a {
    padding: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 159, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
  .business_expert_area .business_tabs_area .nav .nav-item a {
    padding: 20px;
    font-size: 15px;
  }
}

/* line 171, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.business_expert_area .business_tabs_area .nav .nav-item a.active {
  background: #fff;
  /* border-radius: 20px; */
  border-style: solid;
  border-color: #041e42;
  border-bottom-style: none;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

/* line 177, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.business_expert_area .business_tabs_area #myTab {
  display: flex;
  align-content: center;
  justify-content: space-between;
}

/* line 185, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_about.scss */
.border_bottom {
  border-bottom: 3px solid #041e42;
  /* border-right: 3px solid #041e42;
  border-left: 3px solid #041e42; */
  padding-bottom: 60px;
  padding-top: 20px;
  background-color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  /* border-radius: 30px; */
  border-radius: 0px;
}

/* line 1, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.offers_area {
  padding-bottom: 100px;
}

@media (max-width: 767px) {
  /* line 1, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .offers_area {
    padding-bottom: 40px;
  }
}

/* line 6, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.offers_area.padding_top {
  padding-top: 200px;
}

@media (max-width: 767px) {
  /* line 6, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .offers_area.padding_top {
    padding-top: 40px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 6, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .offers_area.padding_top {
    padding-top: 80px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  /* line 6, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .offers_area.padding_top {
    padding-top: 80px;
  }
}

@media (max-width: 767px) {
  /* line 18, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .offers_area .single_offers {
    margin-bottom: 30px;
  }
}

/* line 22, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.offers_area .single_offers .about_thumb {
  overflow: hidden;
}

/* line 24, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.offers_area .single_offers .about_thumb img {
  width: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/* line 30, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.offers_area .single_offers h3 {
  font-size: 22px;
  font-weight: 400;
  color: #1f1f1f;
  margin-top: 32px;
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 30, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .offers_area .single_offers h3 {
    font-size: 18px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 38, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .offers_area .single_offers h3 br {
    display: none;
  }
}

/* line 44, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.offers_area .single_offers ul {
  margin-top: 17px;
  margin-bottom: 30px;
}

/* line 47, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.offers_area .single_offers ul li {
  font-size: 16px;
  color: #4d4d4d;
  line-height: 28px;
  position: relative;
  z-index: 9;
  padding-left: 23px;
}

/* line 54, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.offers_area .single_offers ul li::before {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  background: #4d4d4d;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
}

/* line 67, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.offers_area .single_offers a {
  width: 100%;
  text-align: center;
}

/* line 73, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.offers_area .single_offers:hover .about_thumb img {
  width: 100%;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/* line 84, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.video_bg {
  background-image: url(../img/video/video.png);
}

/* line 87, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.video_area {
  padding: 250px 0;
  background-size: cover;
  background-position: center center;
}

@media (max-width: 767px) {
  /* line 87, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .video_area {
    padding: 100px 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 87, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .video_area {
    padding: 100px 0;
  }
}

/* line 98, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.video_area .video_area_inner span {
  font-size: 14px;
  color: #fff;
}

/* line 102, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.video_area .video_area_inner h3 {
  font-size: 46px;
  color: #fff;
  line-height: 56px;
  font-weight: 400;
  margin-top: 12px;
  margin-bottom: 28px;
}

@media (max-width: 767px) {
  /* line 102, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .video_area .video_area_inner h3 {
    font-size: 30px;
  }
}

/* line 113, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.video_area .video_area_inner a {
  width: 60px;
  height: 60px;
  background: #fff;
  line-height: 60px;
  font-size: 15px;
  color: #009dff;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/* line 122, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.video_area .video_area_inner a i {
  position: relative;
  left: 2px;
}

/* line 131, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.features_room {
  padding-top: 93px;
  display: block;
  overflow: hidden;
}

@media (max-width: 767px) {
  /* line 131, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .features_room {
    padding-top: 40px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 131, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .features_room {
    padding-top: 0;
  }
}

/* line 142, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.features_room .rooms_here .single_rooms {
  position: relative;
  width: 50%;
  float: left;
}

@media (max-width: 767px) {
  /* line 142, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .features_room .rooms_here .single_rooms {
    width: 100%;
    margin-bottom: 30px;
  }
}

/* line 149, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.features_room .rooms_here .single_rooms::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: '';
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,000000+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #000000 77%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #000000 77%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #000000 77%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
  z-index: 1;
  opacity: 0.5;
}

/* line 166, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.features_room .rooms_here .single_rooms .room_thumb {
  position: relative;
  overflow: hidden;
}

/* line 170, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.features_room .rooms_here .single_rooms .room_thumb img {
  width: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

/* line 175, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.features_room .rooms_here .single_rooms .room_thumb .room_heading {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  padding: 60px 60px 47px 60px;
}

@media (max-width: 767px) {
  /* line 175, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .features_room .rooms_here .single_rooms .room_thumb .room_heading {
    padding: 20px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 175, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .features_room .rooms_here .single_rooms .room_thumb .room_heading {
    padding: 20px;
  }
}

/* line 187, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.features_room .rooms_here .single_rooms .room_thumb .room_heading span {
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 9px;
  display: block;
  position: relative;
  z-index: 8;
}

/* line 195, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.features_room .rooms_here .single_rooms .room_thumb .room_heading h3 {
  font-size: 30px;
  color: #fff;
  position: relative;
  z-index: 8;
}

@media (max-width: 767px) {
  /* line 195, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .features_room .rooms_here .single_rooms .room_thumb .room_heading h3 {
    font-size: 20px;
  }
}

/* line 204, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.features_room .rooms_here .single_rooms .room_thumb .room_heading a {
  color: #fff;
  text-transform: capitalize;
  font-weight: 600;
  position: relative;
  z-index: 8;
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
  opacity: 0;
  visibility: hidden;
}

/* line 213, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.features_room .rooms_here .single_rooms .room_thumb .room_heading a:hover {
  color: #009dff;
}

/* line 220, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.features_room .rooms_here .single_rooms:hover img {
  width: 100%;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/* line 225, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.features_room .rooms_here .single_rooms:hover .room_heading a {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}

/* line 238, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.forQuery {
  padding-top: 200px;
  padding-bottom: 200px;
}

@media (max-width: 767px) {
  /* line 238, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .forQuery {
    padding: 60px 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 238, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .forQuery {
    padding: 100px 0;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  /* line 238, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .forQuery {
    padding: 100px 0;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  /* line 238, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .forQuery {
    padding: 100px 0;
  }
}

/* line 253, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.forQuery .Query_border {
  border: 1px solid #bababa;
  padding: 38px 50px;
}

@media (max-width: 767px) {
  /* line 253, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .forQuery .Query_border {
    padding: 20px 20px;
  }
}

/* line 259, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.forQuery .Query_border .Query_text {
  text-align: left;
}

/* line 262, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.forQuery .Query_border p {
  font-size: 30px;
  color: #1f1f1f;
  font-weight: 400;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  /* line 262, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .forQuery .Query_border p {
    margin-bottom: 20px;
    font-size: 18px;
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 262, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .forQuery .Query_border p {
    font-size: 18px;
  }
}

/* line 276, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.forQuery .Query_border .phone_num {
  text-align: right;
}

@media (max-width: 767px) {
  /* line 276, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .forQuery .Query_border .phone_num {
    text-align: center;
  }
}

/* line 281, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.forQuery .Query_border .phone_num a {
  background: #009dff;
  color: #fff;
  padding: 12px 53px;
  border-radius: 30px;
  display: inline-block;
  font-size: 18px;
  border: 1px solid transparent;
}

/* line 289, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.forQuery .Query_border .phone_num a:hover {
  color: #009dff;
  border: 1px solid #009dff;
  background: #fff;
}

/* line 301, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.instragram_area {
  display: block;
  overflow: hidden;
}

/* line 310, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.instragram_area .single_instagram {
  width: 20%;
  float: left;
  position: relative;
  overflow: hidden;
}

@media (max-width: 767px) {
  /* line 310, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .instragram_area .single_instagram {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 310, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
  .instragram_area .single_instagram {
    width: 50%;
  }
}

/* line 322, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.instragram_area .single_instagram img {
  width: 100%;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

/* line 327, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.instragram_area .single_instagram .ovrelay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transform: translateX(-80%);
  -moz-transform: translateX(-80%);
  -ms-transform: translateX(-80%);
  transform: translateX(-80%);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}

/* line 338, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.instragram_area .single_instagram .ovrelay a {
  color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  text-align: center;
  font-size: 34px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 351, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.instragram_area .single_instagram:hover .ovrelay {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  opacity: 1;
  visibility: visible;
}

/* line 356, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.instragram_area .single_instagram:hover img {
  -webkit-transform: scaleX(1.1);
  -moz-transform: scaleX(1.1);
  -ms-transform: scaleX(1.1);
  transform: scaleX(1.1);
}

/* line 367, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
#test-form .white-popup-block .popup_inner .gj-datepicker span {
  color: red;
}

/* line 372, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
#test-form .white-popup-block input {
  width: 100%;
  height: 50px;
}

/* line 379, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.gj-datepicker input {
  width: 100%;
  height: 38px;
  border: 1px solid #ddd;
  padding: 17px;
  font-size: 12px;
  color: #919191;
  /* margin-bottom: 10px; */
}

/* line 388, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.gj-datepicker-md [role='right-icon'] {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 14px;
  color: #919191;
  margin-right: 15px;
  top: 16px;
}

/* line 397, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_offers.scss */
.gj-picker-md {
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1;
  color: rgba(0, 0, 0, 0.87);
  padding: 10px;
  padding: 20px;
  border: 1px solid #e0e0e0;
}

/* line 1, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.footer {
  background-repeat: no-repeat;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* .bottomfooter {
  background-repeat: no-repeat;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
 
  padding-top: 200px;
  height: 50px;

  bottom: 0px;
  left: 0px;
  right: 0px;
  margin-bottom: 0px;
} */
/* .bottomfooter {
  background-repeat: no-repeat;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: inherit;
padding-top:60px;
  padding-bottom: 0px;
  bottom: 0;
  left: 0px;
  right: 0px;
  margin-bottom: 0px;
} */
/* .bottomfooter {
  background-repeat: no-repeat;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position:sticky;
  padding-bottom: 0px;
  bottom: 0;
  left: 0px;
  right: 0px;
  margin-top: 0px;
  z-index:1;
} */

.bottomfooter {
  bottom: 0;
  width: 100%;
  position: absolute;
  height: 60px;
  /* background-color: #f5f5f5; */
}

.bottomfooter .copy-right_text {
  margin: 50px 0;
}

/* @media (min-width: 400px) {
  .bottomfooter {
    background-repeat: no-repeat;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    padding-bottom: 0px;
    padding-top:60px;
    background-color: red;
    bottom: 0;
    left: 0px;
    right: 0px;
    margin-top: 0px;
    z-index:1;
  }

} */

/* line 6, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.footer .footer_top {
  /* padding-top: 20px;
  padding-bottom: 20px; */
  /* background: #1f1f1f; */
  background: #eeeeee;
  padding: 20px 70px 20px 70px;
}

@media (max-width: 767px) {
  /* line 6, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
  .footer .footer_top {
    padding-top: 60px;
    padding-bottom: 30px;
  }
}

@media (max-width: 767px) {
  /* line 14, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
  .footer .footer_top .footer_widget {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 14, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
  .footer .footer_top .footer_widget {
    margin-bottom: 30px;
  }
}

/* line 21, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget .footer_title {
  font-size: 22px;
  font-weight: 600;
  color: #111;
  text-transform: capitalize;
  /* margin-bottom: 40px; */
}

@media (max-width: 767px) {
  /* line 21, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
  .footer .footer_top .footer_widget .footer_title {
    margin-bottom: 20px;
  }
}

/* line 31, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget .footer_logo {
  font-size: 22px;
  font-weight: 400;
  color: #111;
  /* text-transform: capitalize; */
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  /* line 31, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
  .footer .footer_top .footer_widget .footer_logo {
    margin-bottom: 20px;
  }
}

/* line 41, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget p {
  color: #c7c7c7;
  color: #111;
  font-weight: 400;
  text-align: justify;
}

/* line 44, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget p.footer_text {
  font-size: 16px;
  color: #b2b2b2;
  margin-bottom: 23px;
  font-weight: 400;
  line-height: 28px;
}

/* line 50, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget p.footer_text a.domain {
  color: #b2b2b2;
  font-weight: 400;
}

/* line 53, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget p.footer_text a.domain:hover {
  color: #041e42;
  border-bottom: 1px solid #041e42;
}

/* line 59, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget p.footer_text.doanar a {
  font-weight: 500;
  color: #b2b2b2;
}

/* line 63, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget p.footer_text.doanar a:hover {
  color: #041e42;
  border-bottom: 1px solid #04423d;
}

/* line 67, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget p.footer_text.doanar a.first {
  margin-bottom: 10px;
}

/* line 76, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget ul li a {
  font-size: 16px;
  /* color: #bababa; */
  color: #111;
  font-weight: 400;
  line-height: 42px;
}

/* line 80, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget ul li a:hover {
  /* color: #fff; */
  color: #041e42;
  font-size: 13pt;
}

/* line 86, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget .newsletter_form {
  position: relative;
  margin-bottom: 20px;
}

/* line 89, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget .newsletter_form input {
  width: 100%;
  height: 45px;
  background: #fff;
  padding-left: 20px;
  font-size: 16px;
  color: #000;
  border: none;
}

/* line 97, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget .newsletter_form input::placeholder {
  font-size: 16px;
  color: #919191;
}

/* line 102, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget .newsletter_form button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  border: none;
  font-size: 14px;
  color: #fff;
  background: #041e42;
  padding: 10px;
  padding: 0 22px;
  cursor: pointer;
}

/* line 116, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.footer .footer_top .footer_widget .newsletter_text {
  font-size: 16px;
  color: #bababa;
}

/* line 122, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.copy-right_text {
  padding-bottom: 10px;
  padding-top: 10px;
  background: #041e42;
  font-size: 10pt;
  /* position:;
  bottom:0;
  width:100%; */
}

.copy-right {
  padding-bottom: 10px;
  padding-top: 10px;
  background: #041e42;
  font-size: 10pt;
  position: absolute;
  bottom: 0;
  width: 100%;
}

/* line 125, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.copy-right_text .footer_border {
  padding-bottom: 10px;
}

/* line 128, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.copy-right_text .copy_right {
  font-size: 12px;
  color: #919191;
  margin-bottom: 0;
  font-weight: 400;
}

.copy-right_text .middleContent {
  color: #fff;
}

.copy-right_text .lastupdate {
  color: #fff;
  padding-top: 10px;
}

.copy-right_text p,
.copy-right_text a {
  color: #fff;
}

@media (max-width: 767px) {
  /* line 128, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
  .footer .copy-right_text .copy_right {
    font-size: 14px;
  }
}

/* line 136, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.copy-right_text .copy_right a {
  color: #041e42;
}

/* line 141, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.footer .socail_links {
  margin-top: 47px;
}

@media (max-width: 767px) {
  /* line 141, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
  .footer .socail_links {
    margin-top: 30px;
  }
}

/* line 147, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.footer .socail_links ul li {
  display: inline-block;
}

/* line 150, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.footer .socail_links ul li a {
  font-size: 18px;
  color: #c3b2f0;
  line-height: 42px;
  width: 50px;
  height: 50px;
  display: inline-block;
  text-align: center;
  background: #707070;
  border-radius: 4px;
  line-height: 50px !important;
  margin-right: 7px;
  color: #ffffff;
}

/* line 163, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_footer.scss */
.footer .socail_links ul li a:hover {
  color: #fff !important;
}

/* line 1, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
.breadcam_bg {
  background-image: url(../img/banner/banner6.jpg),
    url(../img/banner/banner4.png);
  background-repeat: no-repeat;
}

/* line 4, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
.breadcam_bg_1 {
  background-image: url(../img/banner/bradcam2.png);
}

/* line 7, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
.breadcam_bg_2 {
  background-image: url(../img/banner/bradcam3.png);
}

/* line 10, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
.bradcam_area {
  padding: 10px;
  background-size: cover;
  background-position: center center;
  padding: 18px 0px;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  /* line 10, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
  .bradcam_area {
    padding: 18 px 0;
  }
}

/* line 20, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
.bradcam_area h3 {
  font-size: 50px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: capitalize;
}

@media (max-width: 767px) {
  /* line 20, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
  .bradcam_area h3 {
    font-size: 30px;
  }
}

/* line 30, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
.bradcam_area p {
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  text-transform: capitalize;
}

/* line 35, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
.bradcam_area p a {
  color: #fff;
}

/* line 37, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
.bradcam_area p a:hover {
  color: #fff;
}

/* line 10, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
.bradcam_area_img {
  padding: 10px;
  background-size: cover;
  background-position: center center;
  padding: 40px 0px;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  /* line 10, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
  .bradcam_area_img {
    padding: 18 px 0;
  }
}

/* line 20, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
.bradcam_area_img h3 {
  font-size: 50px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: capitalize;
}

@media (max-width: 767px) {
  /* line 20, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
  .bradcam_area_img h3 {
    font-size: 30px;
  }
}

/* line 30, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
.bradcam_area_img p {
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  text-transform: capitalize;
}

/* line 35, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
.bradcam_area_img p a {
  color: #fff;
}

/* line 37, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
.bradcam_area_img p a:hover {
  color: #fff;
}

/* line 44, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
.popup_box {
  background: #fff;
  display: inline-block;
  z-index: 9;
  width: 681px;
  padding: 60px 40px;
}

/* line 54, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
.popup_box h3 {
  text-align: center;
  font-size: 22px;
  color: #041e42;
  margin-bottom: 46px;
}

/* line 60, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
.popup_box .boxed-btn3 {
  width: 100%;
  text-transform: capitalize;
}

/* line 64, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
.popup_box input {
  width: 100%;
  height: 50px;
  border: 1px solid #ddd;
  padding: 15px;
  margin-bottom: 20px;
}

/* line 70, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
.popup_box input::placeholder {
  color: #919191;
  font-weight: 400;
}

/* line 74, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
.popup_box input:focus {
  outline: none;
}

/* line 78, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
.popup_box .nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  /* border-radius: 5px; */
  border: solid 1px #e2e2e2;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: 'Poppins', sans-serif;
  font-weight: normal;
  width: 100% !important;
  /* height: 42px; */
  line-height: 50px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
  border-radius: 0;
  margin-bottom: 30px;
  height: 50px !important;
  font-size: 16px;
  font-weight: 400;
  color: #919191;
}

/* line 112, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
.popup_box .nice-select::after {
  content: '\f0d7';
  display: block;
  height: 5px;
  margin-top: -5px;
  pointer-events: none;
  position: absolute;
  right: 17px;
  top: 3px;
  transition: all 0.15s ease-in-out;
  width: 5px;
  font-family: fontawesome;
  color: #919191;
  font-size: 15px;
}

/* line 127, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
.popup_box .nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
  height: 200px;
  overflow-y: scroll;
}

/* line 136, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
.popup_box .nice-select.list {
  height: 200px;
  overflow-y: scroll;
}

/* line 142, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
#test-form {
  display: inline-block;
  margin: auto;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* line 150, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
#test-form .mfp-close-btn-in .mfp-close {
  color: #333;
  display: none !important;
}

/* line 155, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
#test-form button.mfp-close {
  display: none !important;
}

/* line 160, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_bradcam.scss */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #000000;
  opacity: 0.7;
}

/* line 1, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_department.scss */
.our_department_area {
  background: #041e42;
  padding-top: 10px;
  padding-bottom: 40px;
}

/* line 5, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_department.scss */
.our_department_area .single_department {
  background: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.04);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
}

/* line 9, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_department.scss */
.our_department_area .single_department .department_thumb {
  overflow: hidden;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

/* line 13, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_department.scss */
.our_department_area .single_department .department_thumb img {
  width: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/* line 19, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_department.scss */
.our_department_area .single_department .department_content {
  padding: 22px 30px 24px 30px;
}

/* line 21, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_department.scss */
.our_department_area .single_department .department_content h3 {
  margin-bottom: 0;
}

/* line 23, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_department.scss */
.our_department_area .single_department .department_content h3 a {
  font-size: 22px;
  color: #041e42;
  line-height: 33px;
  font-weight: 500;
}

/* line 28, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_department.scss */
.our_department_area .single_department .department_content h3 a:hover {
  color: #041e42;
}

/* line 33, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_department.scss */
.our_department_area .single_department .department_content p {
  font-size: 16px;
  line-height: 28px;
  color: #041e42;
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: justify;
}

.bottomlearn_more {
  color: #fff;
  float: right;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

/* line 40, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_department.scss */
.our_department_area .single_department .department_content a.learn_more {
  color: #d9377f;
  font-size: 16px;
  font-weight: 600;
  /* display: flex; */
  align-items: center;
  justify-content: end;
  /* background:#041e42; */
}

/* line 43, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_department.scss */
.our_department_area .single_department .department_content a.learn_more:hover {
  text-decoration: underline;
  background: #fff;
  color: #041e42;
}

/* line 50, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_department.scss */
.our_department_area .single_department:hover .department_thumb img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/* line 2, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_tesmonial.scss */
.testmonial_area .single-testmonial {
  padding: 180px 0;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}

/* line 10, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_tesmonial.scss */
.testmonial_area .testmonial_info .quote i {
  color: #fff;
  font-size: 40px;
}

/* line 15, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_tesmonial.scss */
.testmonial_area .testmonial_info p {
  color: #fff;
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
  margin-top: 12px;
  margin-bottom: 47px;
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 22, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_tesmonial.scss */
  .testmonial_area .testmonial_info p br {
    display: none;
  }
}

/* line 28, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_tesmonial.scss */
.testmonial_area .testmonial_info h4 {
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  padding-top: 21px;
}

/* line 36, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_tesmonial.scss */
.testmonial_area .testmonial_info h4:before {
  position: absolute;
  background: #fff;
  width: 60px;
  height: 2px;
  content: '';
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
}

/* line 49, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_tesmonial.scss */
.testmonial_area .owl-carousel .owl-nav div {
  left: 340px;
}

/* line 51, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_tesmonial.scss */
.testmonial_area .owl-carousel .owl-nav div.owl-next {
  right: 340px;
  left: auto;
}

/* line 58, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_tesmonial.scss */
.testmonial_bg_1 {
  background-image: url(../img/testmonial/1.png);
}

/* line 61, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_tesmonial.scss */
.testmonial_bg_2 {
  background-image: url(../img/testmonial/2.png);
}

/* line 1, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_service.scss */
.service_area {
  background: #eeeeee;
  padding: 15px;
}

/* line 3, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_service.scss */
.service_area .single_service {
  padding: 40px 30px;
}

/* .service_area .single_service .card__bottom
{
  flex: 1 0 30px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
} */
@media (min-width: 768px) and (max-width: 991px) {
  /* line 3, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_service.scss */
  .service_area .single_service {
    padding: 40px 20px;
  }
}

/* line 8, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_service.scss */
.service_area .publication_card .single_service .icon {
  margin-bottom: 10px;
  display: flex;
  padding: 20px;
  background: #041e42;
  color: #fff;
  border-radius: 15px;
}

/* line 10, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_service.scss */
.service_area .publication_card .icon i {
  font-size: 25px;
  color: #fff;
}

.service_area .publication_card_blue .single_service .icon i {
  font-size: 25px;
  color: #fff;
}

/* line 15, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_service.scss */
.service_area .publication_card_blue .single_service h3 {
  font-size: 26px;
  font-weight: 500;
  color: #fff;
  display: inline-block;
}

.service_area .publication_card .single_service h3 {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  display: inline-block;
}

.service_area .publication_card .single_service ul li {
  font-size: 12pt;
  /* font-weight: 500; */
  color: #041e42;
  /* line-height:2; */
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 15, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_service.scss */
  .service_area .single_service h3 {
    font-size: 20px;
  }
}

/* line 23, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_service.scss */
.service_area .single_service p {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: #041e42;
  margin-top: 10px;
  margin-bottom: 26px;
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 34, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_service.scss */
  .service_area .single_service .boxed-btn3-white {
    padding: 5px 10px;
  }
}

/* line 40, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_service.scss */
.service_area .col-xl-4:nth-child(2) .single_service {
  background: #041e42;
  border-radius: 15px;
}

/* line 1, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_experts.scss */
.expert_doctors_area {
  padding-top: 40px;
  padding-bottom: 40px;
}

/* line 4, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_experts.scss */
.expert_doctors_area.doctor_page {
  padding-bottom: 80px;
}

@media (max-width: 767px) {
  /* line 1, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_experts.scss */
  .expert_doctors_area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

/* line 12, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_experts.scss */
.doctors_title h3 {
  font-size: 36px;
  font-weight: 500;
  color: #fff;
}

@media (max-width: 767px) {
  /* line 12, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_experts.scss */
  .expert_doctors_area .doctors_title h3 {
    font-size: 24px;
  }
}

/* line 22, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_experts.scss */
.expert_doctors_area .single_expert .expert_thumb {
  /* border-top-left-radius: 5px;
  border-top-right-radius: 5px; */
  overflow: hidden;
}

/* line 26, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_experts.scss */
.expert_doctors_area .single_expert .expert_thumb img {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  width: 100%;
  background: #fff;
}

/* line 32, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_experts.scss */
.expert_doctors_area .single_expert .experts_name {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background: #f5fbff;
  padding-top: 16px;
  padding-bottom: 18px;
}

/* line 37, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_experts.scss */
.expert_doctors_area .single_expert .experts_name h3 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 1px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/* line 43, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_experts.scss */
.expert_doctors_area .single_expert .experts_name span {
  color: #919191;
  font-size: 13px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/* line 51, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_experts.scss */
.expert_doctors_area .single_expert:hover .expert_thumb img {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}

/* line 55, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_experts.scss */
.expert_doctors_area .single_expert:hover .experts_name {
  background: #eeeeee;
}

/* line 57, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_experts.scss */
.expert_doctors_area .single_expert:hover .experts_name h3 {
  color: #041e42;
}

/* line 60, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_experts.scss */
.expert_doctors_area .single_expert:hover .experts_name span {
  color: #041e42;
}

/* line 67, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_experts.scss */
.expert_doctors_area .owl-carousel .owl-nav div {
  background: transparent;
  height: 60px;
  left: 0px;
  text-align: center;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  width: 60px;
  /* color: #919191; */
  background-color: transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 35px;
  font-size: 20px;
  line-height: 60px;
  border: 1px solid #eeeeee;
  /* left: auto; */
  left: auto;
  top: 35px;
  left: -70px;
}

/* line 89, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_experts.scss */
.expert_doctors_area .owl-carousel .owl-nav div.owl-next {
  left: auto;
  right: -70px;
}

/* line 94, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_experts.scss */
.expert_doctors_area .owl-carousel .owl-nav div.owl-next i {
  position: relative;
  right: 0;
}

/* line 101, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_experts.scss */
.expert_doctors_area .owl-carousel .owl-nav div.owl-prev i {
  position: relative;
  top: 0px;
}

/* line 3, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_emergency_contact.scss */
.Emergency_contact .single_emergency {
  padding: 91px 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  /* line 3, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_emergency_contact.scss */
  .Emergency_contact .single_emergency {
    padding: 40px;
    display: block !important;
  }
}

/* line 12, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_emergency_contact.scss */
.Emergency_contact .single_emergency .info {
  margin-right: 30px;
}

/* line 14, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_emergency_contact.scss */
.Emergency_contact .single_emergency .info h3 {
  font-size: 26px;
  font-weight: 500;
  color: #fff;
}

@media (min-width: 1200px) and (max-width: 1500px) {
  /* line 14, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_emergency_contact.scss */
  .Emergency_contact .single_emergency .info h3 {
    font-size: 20px;
  }
}

/* line 22, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_emergency_contact.scss */
.Emergency_contact .single_emergency .info p {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0;
}

/* line 30, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_emergency_contact.scss */
.Emergency_contact .single_emergency .info_button a {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

/* line 36, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_emergency_contact.scss */
.emergency_bg_1 {
  background-image: url(../img/banner/emergency-1.png);
}

/* line 39, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_emergency_contact.scss */
.emergency_bg_2 {
  background-image: url(../img/banner/emergency-2.png);
}

/*=================== contact banner start ====================*/
/* line 3, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_contact.scss */
.dropdown .dropdown-menu {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

/* line 10, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_contact.scss */
.contact-info {
  margin-bottom: 25px;
}

/* line 13, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_contact.scss */
.contact-info__icon {
  margin-right: 20px;
}

/* line 16, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_contact.scss */
.contact-info__icon i,
.contact-info__icon span {
  color: #8f9195;
  font-size: 27px;
}

/* line 24, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_contact.scss */
.contact-info .media-body h3 {
  font-size: 16px;
  margin-bottom: 0;
  font-size: 16px;
  color: #2a2a2a;
}

/* line 30, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_contact.scss */
.contact-info .media-body h3 a:hover {
  color: #ff5e13;
}

/* line 36, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_contact.scss */
.contact-info .media-body p {
  color: #8a8a8a;
}

/*=================== contact banner end ====================*/
/*=================== contact form start ====================*/
/* line 45, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_contact.scss */
.contact-title {
  font-size: 27px;
  font-weight: 600;
  margin-bottom: 20px;
}

/* line 53, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_contact.scss */
.form-contact label {
  font-size: 14px;
}

/* line 57, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_contact.scss */
.form-contact .form-group {
  margin-bottom: 30px;
}

/* line 61, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_contact.scss */
.form-contact .form-control {
  border: 1px solid #e5e6e9;
  border-radius: 0px;
  height: 48px;
  padding-left: 18px;
  font-size: 13px;
  background: transparent;
}

/* line 69, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_contact.scss */
.form-contact .form-control:focus {
  outline: 0;
  box-shadow: none;
}

/* line 74, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_contact.scss */
.form-contact .form-control::placeholder {
  font-weight: 300;
  color: #999999;
}

/* line 80, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_contact.scss */
.form-contact textarea {
  border-radius: 0px;
  height: 100% !important;
}

/*=================== contact form end ====================*/
/* Contact Success and error Area css
============================================================================================ */
/* line 97, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_contact.scss */
.modal-message .modal-dialog {
  position: absolute;
  top: 36%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) !important;
  margin: 0px;
  max-width: 500px;
  width: 100%;
}

/* line 106, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_contact.scss */
.modal-message .modal-dialog .modal-content .modal-header {
  text-align: center;
  display: block;
  border-bottom: none;
  padding-top: 50px;
  padding-bottom: 50px;
}

/* line 112, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_contact.scss */
.modal-message .modal-dialog .modal-content .modal-header .close {
  position: absolute;
  right: -15px;
  top: -15px;
  padding: 0px;
  color: #fff;
  opacity: 1;
  cursor: pointer;
}

/* line 121, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_contact.scss */
.modal-message .modal-dialog .modal-content .modal-header h2 {
  display: block;
  text-align: center;
  padding-bottom: 10px;
}

/* line 126, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_contact.scss */
.modal-message .modal-dialog .modal-content .modal-header p {
  display: block;
}

/* line 133, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_contact.scss */
.contact-section {
  padding: 130px 0 100px;
}

@media (max-width: 991px) {
  /* line 133, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_contact.scss */
  .contact-section {
    padding: 70px 0 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* line 133, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_contact.scss */
  .contact-section {
    padding: 80px 0 50px;
  }
}

/* line 141, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_contact.scss */
.contact-section .btn_2 {
  background-color: #191d34;
  padding: 18px 60px;
  border-radius: 50px;
  margin-top: 0;
}

/* line 146, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_contact.scss */
.contact-section .btn_2:hover {
  background-color: #ff5e13;
}

/* line 75, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.sample-text-area {
  background: #fff;
  padding: 100px 0 70px 0;
}

/* line 80, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.text-heading {
  margin-bottom: 30px;
  font-size: 24px;
}

/* line 85, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */

u,
del {
  color: #ff5e13;
}

sup,
sub {
  color: black;
}

/* line 93, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
h1 {
  font-size: 36px;
}

/* line 97, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
h2 {
  font-size: 30px;
}

/* line 101, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
h3 {
  font-size: 24px;
}

/* line 105, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
h4 {
  font-size: 18px;
}

/* line 109, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
h5 {
  font-size: 16px;
}

/* line 113, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
h6 {
  font-size: 14px;
}

/* line 117, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2em;
}

/* line 127, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
  color: #828bb2;
}

/* line 137, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.button-area {
  background: #fff;
}

/* line 138, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.button-area .border-top-generic {
  padding: 70px 15px;
  border-top: 1px dotted #eee;
}

/* line 146, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.button-group-area .genric-btn {
  margin-right: 10px;
  margin-top: 10px;
}

/* line 149, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.button-group-area .genric-btn:last-child {
  margin-right: 0;
}

/* line 155, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn {
  display: inline-block;
  outline: none;
  line-height: 40px;
  padding: 0 30px;
  font-size: 0.8em;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 166, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn:focus {
  outline: none;
}

/* line 169, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.e-large {
  padding: 0 40px;
  line-height: 50px;
}

/* line 173, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.large {
  line-height: 45px;
}

/* line 176, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.medium {
  line-height: 30px;
}

/* line 179, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.small {
  line-height: 25px;
}

/* line 182, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.radius {
  border-radius: 3px;
}

/* line 185, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.circle {
  border-radius: 20px;
}

/* line 188, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* line 195, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.arrow span {
  margin-left: 10px;
}

/* line 199, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.default {
  color: #415094;
  background: #f9f9ff;
  border: 1px solid transparent;
}

/* line 203, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.default:hover {
  border: 1px solid #f9f9ff;
  background: #fff;
}

/* line 208, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.default-border {
  border: 1px solid #f9f9ff;
  background: #fff;
}

/* line 211, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.default-border:hover {
  color: #415094;
  background: #f9f9ff;
  border: 1px solid transparent;
}

/* line 217, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.primary {
  color: #fff;
  background: #ff5e13;
  border: 1px solid transparent;
}

/* line 221, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.primary:hover {
  color: #ff5e13;
  border: 1px solid #ff5e13;
  background: #fff;
}

/* line 227, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.primary-border {
  color: #ff5e13;
  border: 1px solid #ff5e13;
  background: #fff;
}

/* line 231, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.primary-border:hover {
  color: #fff;
  background: #ff5e13;
  border: 1px solid transparent;
}

/* line 237, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.success {
  color: #fff;
  background: #4cd3e3;
  border: 1px solid transparent;
}

/* line 241, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.success:hover {
  color: #4cd3e3;
  border: 1px solid #4cd3e3;
  background: #fff;
}

/* line 247, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.success-border {
  color: #4cd3e3;
  border: 1px solid #4cd3e3;
  background: #fff;
}

/* line 251, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.success-border:hover {
  color: #fff;
  background: #4cd3e3;
  border: 1px solid transparent;
}

/* line 257, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.info {
  color: #fff;
  background: #38a4ff;
  border: 1px solid transparent;
}

/* line 261, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.info:hover {
  color: #38a4ff;
  border: 1px solid #38a4ff;
  background: #fff;
}

/* line 267, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.info-border {
  color: #38a4ff;
  border: 1px solid #38a4ff;
  background: #fff;
}

/* line 271, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.info-border:hover {
  color: #fff;
  background: #38a4ff;
  border: 1px solid transparent;
}

/* line 277, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.warning {
  color: #fff;
  background: #f4e700;
  border: 1px solid transparent;
}

/* line 281, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.warning:hover {
  color: #f4e700;
  border: 1px solid #f4e700;
  background: #fff;
}

/* line 287, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.warning-border {
  color: #f4e700;
  border: 1px solid #f4e700;
  background: #fff;
}

/* line 291, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.warning-border:hover {
  color: #fff;
  background: #f4e700;
  border: 1px solid transparent;
}

/* line 297, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.danger {
  color: #fff;
  background: #f44a40;
  border: 1px solid transparent;
}

/* line 301, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.danger:hover {
  color: #f44a40;
  border: 1px solid #f44a40;
  background: #fff;
}

/* line 307, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.danger-border {
  color: #f44a40;
  border: 1px solid #f44a40;
  background: #fff;
}

/* line 311, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.danger-border:hover {
  color: #fff;
  background: #f44a40;
  border: 1px solid transparent;
}

/* line 317, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.link {
  color: #415094;
  background: #f9f9ff;
  text-decoration: underline;
  border: 1px solid transparent;
}

/* line 322, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.link:hover {
  color: #415094;
  border: 1px solid #f9f9ff;
  background: #fff;
}

/* line 328, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.link-border {
  color: #415094;
  border: 1px solid #f9f9ff;
  background: #fff;
  text-decoration: underline;
}

/* line 333, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.link-border:hover {
  color: #415094;
  background: #f9f9ff;
  border: 1px solid transparent;
}

/* line 339, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.genric-btn.disable {
  color: #222222, 0.3;
  background: #f9f9ff;
  border: 1px solid transparent;
  cursor: not-allowed;
}

/* line 347, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.generic-blockquote {
  padding: 30px 50px 30px 30px;
  background: #f9f9ff;
  border-left: 2px solid #ff5e13;
}

/* line 353, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.progress-table-wrap {
  overflow-x: scroll;
}

/* line 357, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.progress-table {
  background: #f9f9ff;
  padding: 15px 0px 30px 0px;
  min-width: 800px;
}

/* line 361, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.progress-table .serial {
  width: 11.83%;
  padding-left: 30px;
}

/* line 365, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.progress-table .country {
  width: 28.07%;
}

/* line 368, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.progress-table .visit {
  width: 19.74%;
}

/* line 371, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.progress-table .percentage {
  width: 40.36%;
  padding-right: 50px;
}

/* line 375, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.progress-table .table-head {
  display: flex;
}

/* line 377, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.progress-table .table-head .serial,
.progress-table .table-head .country,
.progress-table .table-head .visit,
.progress-table .table-head .percentage {
  color: #415094;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: 500;
}

/* line 387, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.progress-table .table-row {
  padding: 15px 0;
  border-top: 1px solid #edf3fd;
  display: flex;
}

/* line 391, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.progress-table .table-row .serial,
.progress-table .table-row .country,
.progress-table .table-row .visit,
.progress-table .table-row .percentage {
  display: flex;
  align-items: center;
}

/* line 399, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.progress-table .table-row .country img {
  margin-right: 15px;
}

/* line 404, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.progress-table .table-row .percentage .progress {
  width: 80%;
  border-radius: 0px;
  background: transparent;
}

/* line 408, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.progress-table .table-row .percentage .progress .progress-bar {
  height: 5px;
  line-height: 5px;
}

/* line 411, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.progress-table .table-row .percentage .progress .progress-bar.color-1 {
  background-color: #6382e6;
}

/* line 414, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.progress-table .table-row .percentage .progress .progress-bar.color-2 {
  background-color: #e66686;
}

/* line 417, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.progress-table .table-row .percentage .progress .progress-bar.color-3 {
  background-color: #f09359;
}

/* line 420, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.progress-table .table-row .percentage .progress .progress-bar.color-4 {
  background-color: #73fbaf;
}

/* line 423, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.progress-table .table-row .percentage .progress .progress-bar.color-5 {
  background-color: #73fbaf;
}

/* line 426, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.progress-table .table-row .percentage .progress .progress-bar.color-6 {
  background-color: #6382e6;
}

/* line 429, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.progress-table .table-row .percentage .progress .progress-bar.color-7 {
  background-color: #a367e7;
}

/* line 432, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.progress-table .table-row .percentage .progress .progress-bar.color-8 {
  background-color: #e66686;
}

/* line 441, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.single-gallery-image {
  margin-top: 30px;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  height: 200px;
}

/* line 449, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.list-style {
  width: 14px;
  height: 14px;
}

/* line 455, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.unordered-list li {
  position: relative;
  padding-left: 30px;
  line-height: 1.82em !important;
}

/* line 459, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.unordered-list li:before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  border: 3px solid #ff5e13;
  background: #fff;
  top: 4px;
  left: 0;
  border-radius: 50%;
}

/* line 473, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.ordered-list {
  margin-left: 30px;
}

/* line 475, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.ordered-list li {
  list-style-type: decimal-leading-zero;
  color: #ff5e13;
  font-weight: 500;
  line-height: 1.82em !important;
}

/* line 480, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.ordered-list li span {
  font-weight: 300;
  color: #828bb2;
}

/* line 488, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.ordered-list-alpha li {
  margin-left: 30px;
  list-style-type: lower-alpha;
  color: #ff5e13;
  font-weight: 500;
  line-height: 1.82em !important;
}

/* line 494, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.ordered-list-alpha li span {
  font-weight: 300;
  color: #828bb2;
}

/* line 502, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.ordered-list-roman li {
  margin-left: 30px;
  list-style-type: lower-roman;
  color: #ff5e13;
  font-weight: 500;
  line-height: 1.82em !important;
}

/* line 508, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.ordered-list-roman li span {
  font-weight: 300;
  color: #828bb2;
}

/* line 515, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.single-input {
  display: block;
  width: 100%;
  line-height: 40px;
  border: none;
  outline: none;
  background: #f9f9ff;
  padding: 0 20px;
}

/* line 523, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.single-input:focus {
  outline: none;
}

/* line 528, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.input-group-icon {
  position: relative;
}

/* line 530, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.input-group-icon .icon {
  position: absolute;
  left: 20px;
  top: 0;
  line-height: 40px;
  z-index: 3;
}

/* line 535, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.input-group-icon .icon i {
  color: #797979;
}

/* line 540, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.input-group-icon .single-input {
  padding-left: 45px;
}

/* line 545, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.single-textarea {
  display: block;
  width: 100%;
  line-height: 40px;
  border: none;
  outline: none;
  background: #f9f9ff;
  padding: 0 20px;
  height: 100px;
  resize: none;
}

/* line 555, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.single-textarea:focus {
  outline: none;
}

/* line 560, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.single-input-primary {
  display: block;
  width: 100%;
  line-height: 40px;
  border: 1px solid transparent;
  outline: none;
  background: #f9f9ff;
  padding: 0 20px;
}

/* line 568, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.single-input-primary:focus {
  outline: none;
  border: 1px solid #ff5e13;
}

/* line 574, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.single-input-accent {
  display: block;
  width: 100%;
  line-height: 40px;
  border: 1px solid transparent;
  outline: none;
  background: #f9f9ff;
  padding: 0 20px;
}

/* line 582, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.single-input-accent:focus {
  outline: none;
  border: 1px solid #eb6b55;
}

/* line 588, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.single-input-secondary {
  display: block;
  width: 100%;
  line-height: 40px;
  border: 1px solid transparent;
  outline: none;
  background: #f9f9ff;
  padding: 0 20px;
}

/* line 596, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.single-input-secondary:focus {
  outline: none;
  border: 1px solid #f09359;
}

/* line 602, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.default-switch {
  width: 35px;
  height: 17px;
  border-radius: 8.5px;
  background: #f9f9ff;
  position: relative;
  cursor: pointer;
}

/* line 609, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.default-switch input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

/* line 619, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.default-switch input + label {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #ff5e13;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

/* line 632, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.default-switch input:checked + label {
  left: 19px;
}

/* line 639, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.primary-switch {
  width: 35px;
  height: 17px;
  border-radius: 8.5px;
  background: #f9f9ff;
  position: relative;
  cursor: pointer;
}

/* line 646, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.primary-switch input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* line 655, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.primary-switch input + label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

/* line 663, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.primary-switch input + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  border-radius: 8.5px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

/* line 677, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.primary-switch input + label:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

/* line 693, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.primary-switch input:checked + label:after {
  left: 19px;
}

/* line 696, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.primary-switch input:checked + label:before {
  background: #ff5e13;
}

/* line 704, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.confirm-switch {
  width: 35px;
  height: 17px;
  border-radius: 8.5px;
  background: #f9f9ff;
  position: relative;
  cursor: pointer;
}

/* line 711, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.confirm-switch input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* line 720, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.confirm-switch input + label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

/* line 728, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.confirm-switch input + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  border-radius: 8.5px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
}

/* line 742, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.confirm-switch input + label:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

/* line 758, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.confirm-switch input:checked + label:after {
  left: 19px;
}

/* line 761, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.confirm-switch input:checked + label:before {
  background: #4cd3e3;
}

/* line 769, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.primary-checkbox {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background: #f9f9ff;
  position: relative;
  cursor: pointer;
}

/* line 776, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.primary-checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* line 785, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.primary-checkbox input + label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #f1f1f1;
}

/* line 798, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.primary-checkbox input:checked + label {
  background: url(../img/elements/primary-check.png) no-repeat center
    center/cover;
  border: none;
}

/* line 806, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.confirm-checkbox {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background: #f9f9ff;
  position: relative;
  cursor: pointer;
}

/* line 813, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.confirm-checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* line 822, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.confirm-checkbox input + label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #f1f1f1;
}

/* line 835, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.confirm-checkbox input:checked + label {
  background: url(../img/elements/success-check.png) no-repeat center
    center/cover;
  border: none;
}

/* line 843, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.disabled-checkbox {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background: #f9f9ff;
  position: relative;
  cursor: pointer;
}

/* line 850, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.disabled-checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* line 859, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.disabled-checkbox input + label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #f1f1f1;
}

/* line 871, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.disabled-checkbox input:disabled {
  cursor: not-allowed;
  z-index: 3;
}

/* line 876, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.disabled-checkbox input:checked + label {
  background: url(../img/elements/disabled-check.png) no-repeat center
    center/cover;
  border: none;
}

/* line 884, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.primary-radio {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #f9f9ff;
  position: relative;
  cursor: pointer;
}

/* line 891, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.primary-radio input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* line 900, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.primary-radio input + label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid #f1f1f1;
}

/* line 913, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.primary-radio input:checked + label {
  background: url(../img/elements/primary-radio.png) no-repeat center
    center/cover;
  border: none;
}

/* line 921, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.confirm-radio {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #f9f9ff;
  position: relative;
  cursor: pointer;
}

/* line 928, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.confirm-radio input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* line 937, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.confirm-radio input + label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid #f1f1f1;
}

/* line 950, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.confirm-radio input:checked + label {
  background: url(../img/elements/success-radio.png) no-repeat center
    center/cover;
  border: none;
}

/* line 958, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.disabled-radio {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #f9f9ff;
  position: relative;
  cursor: pointer;
}

/* line 965, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.disabled-radio input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* line 974, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.disabled-radio input + label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid #f1f1f1;
}

/* line 986, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.disabled-radio input:disabled {
  cursor: not-allowed;
  z-index: 3;
}

/* line 991, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.disabled-radio input:checked + label {
  background: url(../img/elements/disabled-radio.png) no-repeat center
    center/cover;
  border: none;
}

/* line 999, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.default-select {
  height: 40px;
}

/* line 1001, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.default-select .nice-select {
  border: none;
  border-radius: 0px;
  height: 40px;
  background: #f9f9ff;
  padding-left: 20px;
  padding-right: 40px;
}

/* line 1008, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.default-select .nice-select .list {
  margin-top: 0;
  border: none;
  border-radius: 0px;
  box-shadow: none;
  width: 100%;
  padding: 10px 0 10px 0px;
}

/* line 1015, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.default-select .nice-select .list .option {
  font-weight: 300;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  line-height: 28px;
  min-height: 28px;
  font-size: 12px;
  padding-left: 20px;
}

/* line 1022, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.default-select .nice-select .list .option.selected {
  color: #ff5e13;
  background: transparent;
}

/* line 1026, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.default-select .nice-select .list .option:hover {
  color: #ff5e13;
  background: transparent;
}

/* line 1033, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.default-select .current {
  margin-right: 50px;
  font-weight: 300;
}

/* line 1037, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.default-select .nice-select::after {
  right: 20px;
}

/* line 1042, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.form-select {
  height: 40px;
  width: 100%;
}

/* line 1045, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.form-select .nice-select {
  border: none;
  border-radius: 0px;
  height: 40px;
  background: #f9f9ff;
  padding-left: 45px;
  padding-right: 40px;
  width: 100%;
}

/* line 1053, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.form-select .nice-select .list {
  margin-top: 0;
  border: none;
  border-radius: 0px;
  box-shadow: none;
  width: 100%;
  padding: 10px 0 10px 0px;
}

/* line 1060, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.form-select .nice-select .list .option {
  font-weight: 300;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  line-height: 28px;
  min-height: 28px;
  font-size: 12px;
  padding-left: 45px;
}

/* line 1067, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.form-select .nice-select .list .option.selected {
  color: #ff5e13;
  background: transparent;
}

/* line 1071, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.form-select .nice-select .list .option:hover {
  color: #ff5e13;
  background: transparent;
}

/* line 1078, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.form-select .current {
  margin-right: 50px;
  font-weight: 300;
}

/* line 1082, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.form-select .nice-select::after {
  right: 20px;
}

/* line 1086, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.mt-10 {
  margin-top: 10px;
}

/* line 1089, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.section-top-border {
  padding: 50px 0;
  border-top: 1px dotted #eee;
}

/* line 1093, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.mb-30 {
  margin-bottom: 30px;
}

/* line 1096, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.mt-30 {
  margin-top: 30px;
}

/* line 1099, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_elements.scss */
.switch-wrap {
  margin-bottom: 10px;
}

/* Start Blog Area css
============================================================================================ */
/* line 5, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.latest-blog-area .area-heading {
  margin-bottom: 70px;
}

/* line 10, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_area a {
  color: #666666 !important;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* line 14, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_area a:hover,
.blog_area a :hover {
  background: -webkit-linear-gradient(131deg, #009dff 0%, #009dff 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* line 24, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-blog {
  overflow: hidden;
  margin-bottom: 30px;
}

/* line 28, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-blog:hover {
  box-shadow: 0px 10px 20px 0px rgba(42, 34, 123, 0.1);
}

/* line 32, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-blog .thumb {
  overflow: hidden;
  position: relative;
}

/* line 36, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-blog .thumb:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* line 49, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-blog h4 {
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 34px;
  margin-bottom: 25px;
}

/* line 56, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-blog a {
  font-size: 20px;
  font-weight: 600;
}

/* line 66, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-blog .date {
  color: #666666;
  text-align: left;
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
}

/* line 74, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-blog .tag {
  text-align: left;
  display: inline-block;
  float: left;
  font-size: 13px;
  font-weight: 300;
  margin-right: 22px;
  position: relative;
}

/* line 84, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-blog .tag:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 10px;
  background: #acacac;
  right: -12px;
  top: 7px;
}

@media (max-width: 1199px) {
  /* line 74, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .single-blog .tag {
    margin-right: 8px;
  }

  /* line 98, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .single-blog .tag:after {
    display: none;
  }
}

/* line 104, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-blog .likes {
  margin-right: 16px;
}

@media (max-width: 800px) {
  /* line 24, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .single-blog {
    margin-bottom: 30px;
  }
}

/* line 112, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-blog .single-blog-content {
  padding: 30px;
}

/* line 116, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-blog .single-blog-content .meta-bottom p {
  font-size: 13px;
  font-weight: 300;
}

/* line 121, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-blog .single-blog-content .meta-bottom i {
  color: #fdcb9e;
  font-size: 13px;
  margin-right: 7px;
}

@media (max-width: 1199px) {
  /* line 112, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .single-blog .single-blog-content {
    padding: 15px;
  }
}

/* line 135, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-blog:hover .thumb:after {
  opacity: 0.7;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media (max-width: 1199px) {
  /* line 143, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .single-blog h4 {
    transition: all 300ms linear 0s;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 14px;
    margin-bottom: 12px;
  }

  /* line 149, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .single-blog h4 a {
    font-size: 18px;
  }
}

/* line 157, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.full_image.single-blog {
  position: relative;
}

/* line 160, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.full_image.single-blog .single-blog-content {
  position: absolute;
  left: 35px;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media (min-width: 992px) {
  /* line 160, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .full_image.single-blog .single-blog-content {
    bottom: 100px;
  }
}

/* line 179, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.full_image.single-blog h4 {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-bottom: none;
  padding-bottom: 5px;
}

/* line 185, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.full_image.single-blog a {
  font-size: 20px;
  font-weight: 600;
}

/* line 195, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.full_image.single-blog .date {
  color: #fff;
}

/* line 200, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.full_image.single-blog:hover .single-blog-content {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* End Blog Area css
============================================================================================ */
/* Latest Blog Area css
============================================================================================ */
/* line 224, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.l_blog_item .l_blog_text .date {
  margin-top: 24px;
  margin-bottom: 15px;
}

/* line 228, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.l_blog_item .l_blog_text .date a {
  font-size: 12px;
}

/* line 234, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.l_blog_item .l_blog_text h4 {
  font-size: 18px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 0px;
  padding-bottom: 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* line 247, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.l_blog_item .l_blog_text p {
  margin-bottom: 0px;
  padding-top: 20px;
}

/* End Latest Blog Area css
============================================================================================ */
/* Causes Area css
============================================================================================ */
/* line 263, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.causes_slider .owl-dots {
  text-align: center;
  margin-top: 80px;
}

/* line 267, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.causes_slider .owl-dots .owl-dot {
  height: 14px;
  width: 14px;
  background: #eeeeee;
  display: inline-block;
  margin-right: 7px;
}

/* line 274, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.causes_slider .owl-dots .owl-dot:last-child {
  margin-right: 0px;
}

/* line 285, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.causes_item {
  background: #fff;
}

/* line 288, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.causes_item .causes_img {
  position: relative;
}

/* line 291, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.causes_item .causes_img .c_parcent {
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0px;
  height: 3px;
  background: rgba(255, 255, 255, 0.5);
}

/* line 299, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.causes_item .causes_img .c_parcent span {
  width: 70%;
  height: 3px;
  position: absolute;
  left: 0px;
  bottom: 0px;
}

/* line 307, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.causes_item .causes_img .c_parcent span:before {
  content: '75%';
  position: absolute;
  right: -10px;
  bottom: 0px;
  color: #fff;
  padding: 0px 5px;
}

/* line 320, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.causes_item .causes_text {
  padding: 30px 35px 40px 30px;
}

/* line 323, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.causes_item .causes_text h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  cursor: pointer;
}

/* line 336, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.causes_item .causes_text p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
  margin-bottom: 0px;
}

/* line 346, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.causes_item .causes_bottom a {
  width: 50%;
  border: 1px solid;
  text-align: center;
  float: left;
  line-height: 50px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

/* line 358, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.causes_item .causes_bottom a + a {
  border-color: #eeeeee;
  background: #fff;
  font-size: 14px;
}

/* End Causes Area css
============================================================================================ */
/*================= latest_blog_area css =============*/
/* line 374, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.latest_blog_area {
  background: #f9f9ff;
}

/* line 378, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-recent-blog-post {
  margin-bottom: 30px;
}

/* line 381, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-recent-blog-post .thumb {
  overflow: hidden;
}

/* line 384, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-recent-blog-post .thumb img {
  transition: all 0.7s linear;
}

/* line 389, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-recent-blog-post .details {
  padding-top: 30px;
}

/* line 392, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-recent-blog-post .details .sec_h4 {
  line-height: 24px;
  padding: 10px 0px 13px;
  transition: all 0.3s linear;
}

/* line 403, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-recent-blog-post .date {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

/* line 410, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-recent-blog-post:hover img {
  transform: scale(1.23) rotate(10deg);
}

/* line 417, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.tags .tag_btn {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  border: 1px solid #eeeeee;
  display: inline-block;
  padding: 1px 18px;
  text-align: center;
}

/* line 431, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.tags .tag_btn + .tag_btn {
  margin-left: 2px;
}

/*========= blog_categorie_area css ===========*/
/* line 438, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_categorie_area {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media (min-width: 900px) {
  /* line 438, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .blog_categorie_area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media (min-width: 1100px) {
  /* line 438, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .blog_categorie_area {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

/* line 454, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.categories_post {
  position: relative;
  text-align: center;
  cursor: pointer;
}

/* line 459, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.categories_post img {
  max-width: 100%;
}

/* line 463, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.categories_post .categories_details {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  background: rgba(34, 34, 34, 0.75);
  color: #fff;
  transition: all 0.3s linear;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 476, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.categories_post .categories_details h5 {
  margin-bottom: 0px;
  font-size: 18px;
  line-height: 26px;
  text-transform: uppercase;
  color: #fff;
  position: relative;
}

/* line 494, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.categories_post .categories_details p {
  font-weight: 300;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 0px;
}

/* line 501, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.categories_post .categories_details .border_line {
  margin: 10px 0px;
  background: #fff;
  width: 100%;
  height: 1px;
}

/* line 510, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.categories_post:hover .categories_details {
  background: rgba(222, 99, 32, 0.85);
}

/*============ blog_left_sidebar css ==============*/
/* line 525, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_item {
  margin-bottom: 50px;
}

/* line 529, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_details {
  padding: 30px 0 20px 10px;
  box-shadow: 0px 10px 20px 0px rgba(221, 221, 221, 0.3);
}

@media (min-width: 768px) {
  /* line 529, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .blog_details {
    padding: 60px 30px 35px 35px;
  }
}

/* line 537, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_details p {
  margin-bottom: 30px;
}

/* line 541, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_details a {
  color: #ff8b23;
}

/* line 544, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_details a:hover {
  color: #009dff;
}

/* line 549, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_details h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  /* line 549, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .blog_details h2 {
    font-size: 24px;
    margin-bottom: 15px;
  }
}

/* line 563, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog-info-link li {
  float: left;
  font-size: 14px;
}

/* line 567, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog-info-link li a {
  color: #999999;
}

/* line 571, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog-info-link li i,
.blog-info-link li span {
  font-size: 13px;
  margin-right: 5px;
}

/* line 577, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog-info-link li::after {
  content: '|';
  padding-left: 10px;
  padding-right: 10px;
}

/* line 583, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog-info-link li:last-child::after {
  display: none;
}

/* line 588, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog-info-link::after {
  content: '';
  display: block;
  clear: both;
  display: table;
}

/* line 596, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_item_img {
  position: relative;
}

.blog_item_img img {
  height: 331px;
}

/* line 599, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_item_img .blog_item_date {
  position: absolute;
  bottom: -10px;
  left: 10px;
  display: block;
  color: #fff;
  background-color: #009dff;
  padding: 8px 15px;
  border-radius: 5px;
}

@media (min-width: 768px) {
  /* line 599, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .blog_item_img .blog_item_date {
    bottom: -20px;
    left: 40px;
    padding: 13px 30px;
  }
}

/* line 615, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_item_img .blog_item_date h3 {
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0;
  line-height: 1.2;
}

@media (min-width: 768px) {
  /* line 615, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .blog_item_img .blog_item_date h3 {
    font-size: 30px;
  }
}

/* line 627, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_item_img .blog_item_date p {
  font-size: 18px;
  margin-bottom: 0;
  color: #fff;
}

@media (min-width: 768px) {
  /* line 627, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .blog_item_img .blog_item_date p {
    font-size: 18px;
  }
}

/* line 647, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .widget_title {
  font-size: 20px;
  margin-bottom: 40px;
}

/* line 652, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .widget_title::after {
  content: '';
  display: block;
  padding-top: 15px;
  border-bottom: 1px solid #f0e9ff;
}

/* line 660, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .single_sidebar_widget {
  background: #fbf9ff;
  padding: 30px;
  margin-bottom: 30px;
}

/* line 664, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .single_sidebar_widget .btn_1 {
  margin-top: 0px;
}

/* line 672, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .search_widget .form-control {
  height: 50px;
  border-color: #f0e9ff;
  font-size: 13px;
  color: #999999;
  padding-left: 20px;
  border-radius: 0;
  border-right: 0;
}

/* line 681, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .search_widget .form-control::placeholder {
  color: #999999;
}

/* line 685, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .search_widget .form-control:focus {
  border-color: #f0e9ff;
  outline: 0;
  box-shadow: none;
}

/* line 694, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .search_widget .input-group button {
  background: #fff;
  border-left: 0;
  border: 1px solid #f0e9ff;
  padding: 4px 15px;
  border-left: 0;
}

/* line 701, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .search_widget .input-group button i,
.blog_right_sidebar .search_widget .input-group button span {
  font-size: 14px;
  color: #999999;
}

/* line 713, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .newsletter_widget .form-control {
  height: 50px;
  border-color: #f0e9ff;
  font-size: 13px;
  color: #999999;
  padding-left: 20px;
  border-radius: 0;
}

/* line 722, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .newsletter_widget .form-control::placeholder {
  color: #999999;
}

/* line 726, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .newsletter_widget .form-control:focus {
  border-color: #f0e9ff;
  outline: 0;
  box-shadow: none;
}

/* line 735, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .newsletter_widget .input-group button {
  background: #fff;
  border-left: 0;
  border: 1px solid #f0e9ff;
  padding: 4px 15px;
  border-left: 0;
}

/* line 742, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .newsletter_widget .input-group button i,
.blog_right_sidebar .newsletter_widget .input-group button span {
  font-size: 14px;
  color: #999999;
}

/* line 755, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .post_category_widget .cat-list li {
  border-bottom: 1px solid #f0e9ff;
  transition: all 0.3s ease 0s;
  padding-bottom: 12px;
}

/* line 760, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .post_category_widget .cat-list li:last-child {
  border-bottom: 0;
}

/* line 764, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .post_category_widget .cat-list li a {
  font-size: 14px;
  line-height: 20px;
  color: #888888;
}

/* line 769, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .post_category_widget .cat-list li a p {
  margin-bottom: 0px;
}

/* line 774, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .post_category_widget .cat-list li + li {
  padding-top: 15px;
}

/* line 791, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .popular_post_widget .post_item .media-body {
  justify-content: center;
  align-self: center;
  padding-left: 20px;
}

/* line 796, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .popular_post_widget .post_item .media-body h3 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 6px;
  transition: all 0.3s linear;
}

/* line 807, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .popular_post_widget .post_item .media-body a:hover {
  color: #fff;
}

/* line 813, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .popular_post_widget .post_item .media-body p {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 0px;
}

/* line 820, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .popular_post_widget .post_item + .post_item {
  margin-top: 20px;
}

/* line 828, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .tag_cloud_widget ul li {
  display: inline-block;
}

/* line 831, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .tag_cloud_widget ul li a {
  display: inline-block;
  border: 1px solid #eeeeee;
  background: #fff;
  padding: 4px 20px;
  margin-bottom: 8px;
  margin-right: 3px;
  transition: all 0.3s ease 0s;
  color: #888888;
  font-size: 13px;
}

/* line 842, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .tag_cloud_widget ul li a:hover {
  background: #009dff;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* line 857, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .instagram_feeds .instagram_row {
  display: flex;
  margin-right: -6px;
  margin-left: -6px;
}

/* line 863, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .instagram_feeds .instagram_row li {
  width: 33.33%;
  float: left;
  padding-right: 6px;
  padding-left: 6px;
  margin-bottom: 15px;
}

/* line 963, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog_right_sidebar .br {
  width: 100%;
  height: 1px;
  background: #eeeeee;
  margin: 30px 0px;
}

/* line 984, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog-pagination {
  margin-top: 80px;
  padding-bottom: 20px;
}

/* line 988, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog-pagination .page-link {
  font-size: 14px;
  position: relative;
  display: block;
  padding: 0;
  text-align: center;
  margin-left: -1px;
  line-height: 45px;
  width: 45px;
  height: 45px;
  border-radius: 0 !important;
  color: #8a8a8a;
  border: 1px solid #f0e9ff;
  margin-right: 10px;
  background: #eeeeee;
}

/* line 1005, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog-pagination .page-link i,
.blog-pagination .page-link span {
  font-size: 13px;
}

/* line 1017, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog-pagination .page-item.active .page-link {
  background-color: #fbf9ff;
  border-color: #f0e9ff;
  color: #888888;
}

/* line 1024, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.blog-pagination .page-item:last-child .page-link {
  margin-right: 0;
}

/*============ Start Blog Single Styles  =============*/
/* line 1049, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .blog_details {
  box-shadow: none;
  padding: 0;
}

/* line 1054, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .social-links {
  padding-top: 10px;
}

/* line 1057, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .social-links li {
  display: inline-block;
  margin-bottom: 10px;
}

/* line 1061, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .social-links li a {
  color: #cccccc;
  padding: 7px;
  font-size: 14px;
  transition: all 0.2s linear;
}

/* line 1074, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .blog_details {
  padding-top: 26px;
}

/* line 1077, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .blog_details p {
  margin-bottom: 20px;
  font-size: 15px;
}

/* line 1087, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .quote-wrapper {
  background: rgba(130, 139, 178, 0.1);
  padding: 15px;
  line-height: 1.733;
  color: #888888;
  font-style: italic;
  margin-top: 25px;
  margin-bottom: 25px;
}

@media (min-width: 768px) {
  /* line 1087, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .single-post-area .quote-wrapper {
    padding: 30px;
  }
}

/* line 1101, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .quotes {
  background: #fff;
  padding: 15px 15px 15px 20px;
  border-left: 2px solid;
}

@media (min-width: 768px) {
  /* line 1101, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .single-post-area .quotes {
    padding: 25px 25px 25px 30px;
  }
}

/* line 1111, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .arrow {
  position: absolute;
}

/* line 1114, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .arrow .lnr {
  font-size: 20px;
  font-weight: 600;
}

/* line 1121, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .thumb .overlay-bg {
  background: rgba(0, 0, 0, 0.8);
}

/* line 1126, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .navigation-top {
  padding-top: 15px;
  border-top: 1px solid #f0e9ff;
}

/* line 1130, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .navigation-top p {
  margin-bottom: 0;
}

/* line 1134, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .navigation-top .like-info {
  font-size: 14px;
}

/* line 1137, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .navigation-top .like-info i,
.single-post-area .navigation-top .like-info span {
  font-size: 16px;
  margin-right: 5px;
}

/* line 1144, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .navigation-top .comment-count {
  font-size: 14px;
}

/* line 1147, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .navigation-top .comment-count i,
.single-post-area .navigation-top .comment-count span {
  font-size: 16px;
  margin-right: 5px;
}

/* line 1156, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .navigation-top .social-icons li {
  display: inline-block;
  margin-right: 15px;
}

/* line 1160, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .navigation-top .social-icons li:last-child {
  margin: 0;
}

/* line 1164, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .navigation-top .social-icons li i,
.single-post-area .navigation-top .social-icons li span {
  font-size: 14px;
  color: #999999;
}

/* line 1182, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .blog-author {
  padding: 40px 30px;
  background: #fbf9ff;
  margin-top: 50px;
}

@media (max-width: 600px) {
  /* line 1182, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .single-post-area .blog-author {
    padding: 20px 8px;
  }
}

/* line 1191, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .blog-author img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin-right: 30px;
}

@media (max-width: 600px) {
  /* line 1191, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .single-post-area .blog-author img {
    margin-right: 15px;
    width: 45px;
    height: 45px;
  }
}

/* line 1204, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .blog-author a {
  display: inline-block;
}

/* line 1208, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .blog-author a:hover {
  color: #009dff;
}

/* line 1213, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .blog-author p {
  margin-bottom: 0;
  font-size: 15px;
}

/* line 1218, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .blog-author h4 {
  font-size: 16px;
}

/* line 1225, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .navigation-area {
  border-bottom: 1px solid #eee;
  padding-bottom: 30px;
  margin-top: 55px;
}

/* line 1230, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .navigation-area p {
  margin-bottom: 0px;
}

/* line 1234, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .navigation-area h4 {
  font-size: 18px;
  line-height: 25px;
}

/* line 1240, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .navigation-area .nav-left {
  text-align: left;
}

/* line 1243, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .navigation-area .nav-left .thumb {
  margin-right: 20px;
  background: #000;
}

/* line 1247, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .navigation-area .nav-left .thumb img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* line 1252, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .navigation-area .nav-left .lnr {
  margin-left: 20px;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* line 1259, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .navigation-area .nav-left:hover .lnr {
  opacity: 1;
}

/* line 1264, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .navigation-area .nav-left:hover .thumb img {
  opacity: 0.5;
}

@media (max-width: 767px) {
  /* line 1240, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .single-post-area .navigation-area .nav-left {
    margin-bottom: 30px;
  }
}

/* line 1275, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .navigation-area .nav-right {
  text-align: right;
}

/* line 1278, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .navigation-area .nav-right .thumb {
  margin-left: 20px;
  background: #000;
}

/* line 1282, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .navigation-area .nav-right .thumb img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* line 1287, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .navigation-area .nav-right .lnr {
  margin-right: 20px;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* line 1294, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .navigation-area .nav-right:hover .lnr {
  opacity: 1;
}

/* line 1299, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.single-post-area .navigation-area .nav-right:hover .thumb img {
  opacity: 0.5;
}

@media (max-width: 991px) {
  /* line 1307, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .single-post-area .sidebar-widgets {
    padding-bottom: 0px;
  }
}

/* line 1314, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comments-area {
  background: transparent;
  border-top: 1px solid #eee;
  padding: 45px 0;
  margin-top: 50px;
}

@media (max-width: 414px) {
  /* line 1314, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .comments-area {
    padding: 50px 8px;
  }
}

/* line 1325, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comments-area h4 {
  margin-bottom: 35px;
  font-size: 18px;
}

/* line 1332, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comments-area h5 {
  font-size: 16px;
  margin-bottom: 0px;
}

/* line 1341, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comments-area .comment-list {
  padding-bottom: 48px;
}

/* line 1344, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comments-area .comment-list:last-child {
  padding-bottom: 0px;
}

/* line 1348, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comments-area .comment-list.left-padding {
  padding-left: 25px;
}

@media (max-width: 413px) {
  /* line 1354, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .comments-area .comment-list .single-comment h5 {
    font-size: 12px;
  }

  /* line 1358, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .comments-area .comment-list .single-comment .date {
    font-size: 11px;
  }

  /* line 1362, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .comments-area .comment-list .single-comment .comment {
    font-size: 10px;
  }
}

/* line 1369, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comments-area .thumb {
  margin-right: 20px;
}

/* line 1372, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comments-area .thumb img {
  width: 70px;
  border-radius: 50%;
}

/* line 1378, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comments-area .date {
  font-size: 14px;
  color: #999999;
  margin-bottom: 0;
  margin-left: 20px;
}

/* line 1385, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comments-area .comment {
  margin-bottom: 10px;
  color: #777777;
  font-size: 15px;
}

/* line 1391, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comments-area .btn-reply {
  background-color: transparent;
  color: #888888;
  padding: 5px 18px;
  font-size: 14px;
  display: block;
  font-weight: 400;
}

/* line 1408, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comment-form {
  border-top: 1px solid #eee;
  padding-top: 45px;
  margin-top: 50px;
  margin-bottom: 20px;
}

/* line 1416, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comment-form .form-group {
  margin-bottom: 30px;
}

/* line 1420, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comment-form h4 {
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 22px;
}

/* line 1428, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comment-form .name {
  padding-left: 0px;
}

@media (max-width: 767px) {
  /* line 1428, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .comment-form .name {
    padding-right: 0px;
    margin-bottom: 1rem;
  }
}

/* line 1437, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comment-form .email {
  padding-right: 0px;
}

@media (max-width: 991px) {
  /* line 1437, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
  .comment-form .email {
    padding-left: 0px;
  }
}

/* line 1445, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comment-form .form-control {
  border: 1px solid #f0e9ff;
  border-radius: 5px;
  height: 48px;
  padding-left: 18px;
  font-size: 13px;
  background: transparent;
}

/* line 1453, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comment-form .form-control:focus {
  outline: 0;
  box-shadow: none;
}

/* line 1458, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comment-form .form-control::placeholder {
  font-weight: 300;
  color: #999999;
}

/* line 1463, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comment-form .form-control::placeholder {
  color: #777777;
}

/* line 1468, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comment-form textarea {
  padding-top: 18px;
  border-radius: 12px;
  height: 100% !important;
}

/* line 1474, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comment-form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 13px;
  color: #777;
}

/* line 1480, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comment-form ::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 13px;
  color: #777;
}

/* line 1486, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comment-form :-ms-input-placeholder {
  /* IE 10+ */
  font-size: 13px;
  color: #777;
}

/* line 1492, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog.scss */
.comment-form :-moz-placeholder {
  /* Firefox 18- */
  font-size: 13px;
  color: #777;
}

/*============ End Blog Single Styles  =============*/
/**************** blog part css start ****************/
/* line 2, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
.blog_part {
  margin-bottom: 140px;
}

@media (max-width: 576px) {
  /* line 2, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
  .blog_part {
    margin-bottom: 0px;
    padding: 0px 0px 70px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 2, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
  .blog_part {
    margin-bottom: 0px;
    padding: 0px 0px 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 2, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
  .blog_part {
    margin-bottom: 0px;
    padding: 0px 0px 70px;
  }
}

/* line 19, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
.blog_part .blog_right_sidebar .widget_title {
  font-size: 20px;
  margin-bottom: 40px;
  font-style: inherit !important;
}

@media (max-width: 576px) {
  /* line 24, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
  .blog_part .single-home-blog {
    margin-bottom: 140px;
    margin-top: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 24, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
  .blog_part .single-home-blog {
    margin-bottom: 140px;
    margin-top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 24, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
  .blog_part .single-home-blog {
    margin-bottom: 140px;
    margin-top: 20px;
  }
}

/* line 40, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
.blog_part .single-home-blog .card-img-top {
  border-radius: 0px;
}

/* line 43, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
.blog_part .single-home-blog .card {
  border: 0px solid transparent;
  border-radius: 0px;
  background-color: transparent;
  position: relative;
}

/* line 48, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
.blog_part .single-home-blog .card .card-body {
  padding: 25px 10px 29px 40px;
  background-color: #fff;
  position: absolute;
  left: 20px;
  bottom: -140px;
  box-shadow: -7.552px 9.326px 20px 0px rgba(1, 84, 85, 0.1);
  border-radius: 10px;
}

@media (max-width: 576px) {
  /* line 48, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
  .blog_part .single-home-blog .card .card-body {
    padding: 15px;
    left: 10px;
    bottom: -140px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 48, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
  .blog_part .single-home-blog .card .card-body {
    padding: 15px;
    left: 10px;
    bottom: -140px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* line 48, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
  .blog_part .single-home-blog .card .card-body {
    padding: 20px;
  }
}

/* line 72, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
.blog_part .single-home-blog .card .card-body a {
  color: #009dff;
  text-transform: uppercase;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

/* line 76, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
.blog_part .single-home-blog .card .card-body a:hover {
  background: -webkit-linear-gradient(131deg, #ff7e5f 0%, #feb47b 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 83, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
.blog_part .single-home-blog .card .dot {
  position: relative;
  padding-left: 20px;
}

/* line 86, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
.blog_part .single-home-blog .card .dot:after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  top: 5px;
  left: 0;
  background-color: #009dff;
  border-radius: 50%;
}

/* line 97, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
.blog_part .single-home-blog .card span {
  color: #8a8a8a;
  margin-bottom: 10px;
  display: inline-block;
  margin-top: 10px;
}

@media (max-width: 576px) {
  /* line 97, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
  .blog_part .single-home-blog .card span {
    margin-bottom: 5px;
    margin-top: 5px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 97, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
  .blog_part .single-home-blog .card span {
    margin-bottom: 5px;
    margin-top: 5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 97, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
  .blog_part .single-home-blog .card span {
    margin-bottom: 5px;
    margin-top: 5px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* line 97, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
  .blog_part .single-home-blog .card span {
    margin-bottom: 5px;
    margin-top: 5px;
  }
}

/* line 119, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
.blog_part .single-home-blog .card h5 {
  font-weight: 600;
  line-height: 1.5;
  font-size: 20px;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  text-transform: capitalize;
  margin-bottom: 22px;
}

@media (max-width: 576px) {
  /* line 119, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
  .blog_part .single-home-blog .card h5 {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 119, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
  .blog_part .single-home-blog .card h5 {
    margin-bottom: 10px;
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 119, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
  .blog_part .single-home-blog .card h5 {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* line 119, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
  .blog_part .single-home-blog .card h5 {
    margin-bottom: 10px;
    font-size: 18px;
  }
}

/* line 140, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
.blog_part .single-home-blog .card h5:hover {
  -webkit-transition: 0.8s;
  transition: 0.8s;
  background: -webkit-linear-gradient(131deg, #feb47b 0%, #ff7e5f 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: 1s;
}

/* line 150, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
.blog_part .single-home-blog .card ul li {
  display: inline-block;
  color: #8a8a8a;
  margin-right: 14px;
}

@media (max-width: 576px) {
  /* line 150, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
  .blog_part .single-home-blog .card ul li {
    margin-right: 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* line 150, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
  .blog_part .single-home-blog .card ul li {
    margin-right: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 150, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
  .blog_part .single-home-blog .card ul li {
    margin-right: 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* line 150, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
  .blog_part .single-home-blog .card ul li {
    margin-right: 10px;
  }
}

/* line 166, C:/Users/SPN Graphics/Desktop/CL September/210 Medical/HTML/scss/_blog_part.scss */
.blog_part .single-home-blog .card ul li span {
  margin-right: 10px;
  font-size: 12px;
}

/*# sourceMappingURL=style.css.map */

.slideAnimationVideo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.logotext h5 {
  float: left;
  margin-top: 20px;
  margin-bottom: 0px;
  /* margin-right: 60px; */
  padding-left: 10px;
  text-align: center;
  color: #041e42;
  font-size: 17pt;
}

.logotext p {
  float: left;

  color: #041e42;
  font-size: 10pt;
}

/*========================
	Start Clients CSS
==========================*/
.clients {
  /* background-image:url('img/client-bg.jpg'); */
  background-color: #fff;
  background-size: cover;
  background-position: center;
  padding: 18px 0px;
  position: relative;
}

.clients .single-clients {
}

.clients .single-clients img {
  width: 100%;
  cursor: pointer;
  text-align: center;
  float: none;
  padding: 0 35px;
}

/*========================
	End Clients CSS
==========================*/

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/

.portfolio {
  padding-top: 30px;
  background: #041e42;
  padding-bottom: 30px;
}

.portfolio_staff {
  padding-top: 30px;
  background: #fff;
  padding-bottom: 30px;
}

.portfolio .portfolio-item,
.portfolio_staff .portfolio-item {
  margin-bottom: 30px;
}

.portfolio #portfolio-flters,
.portfolio_staff #portfolio-flters {
  padding: 0;
  margin: 0 auto 20px auto;
  list-style: none;
  text-align: center;
}

.portfolio #portfolio-flters li,
.portfolio_staff #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 8px 15px 10px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
}

.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active,
.portfolio_staff #portfolio-flters li:hover,
.portfolio_staff #portfolio-flters li.filter-active {
  color: #041e42;
  background: #fff;
}

.portfolio #portfolio-flters li:last-child,
.portfolio_staff #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio #portfolio-flters,
.portfolio_staff #portfolio-flters {
  padding: 0;
  margin: 0 auto 20px auto;
  list-style: none;
  text-align: center;
}

.portfolio #staff-flters li,
.portfolio_staff #staff-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 8px 15px 10px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
  background: #007bff;
}

.portfolio #staff-flters li:hover,
.portfolio_staff #staff-flters li:hover {
  color: #111;
  background: #fff;
  border: 1px solid #111;
}

.portfolio #staff-flters li.filter-active,
.portfolio_staff #staff-flters li.filter-active {
  color: #fff;
  background: #041e42;
  border-color: 2px solid #111;
}

.portfolio #staff-flters li:last-child,
.portfolio_staff #staff-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-wrap,
.portfolio_staff .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: rgba(17, 17, 17, 0.6);
}

.portfolio .portfolio-wrap::before,
.portfolio_staff .portfolio-wrap::before {
  content: '';
  background: rgba(17, 17, 17, 0.6);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}

.portfolio .portfolio-wrap img,
.portfolio_staff .portfolio-wrap img {
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-info,
.portfolio_staff .portfolio-wrap .portfolio-info {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 20px;
  cursor: pointer;
}

.portfolio .portfolio-wrap .portfolio-info h4,
.portfolio_staff .portfolio-wrap .portfolio-info h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}

.portfolio .portfolio-wrap .portfolio-info p,
.portfolio_staff .portfolio-wrap .portfolio-info p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-style: italic;
}

.portfolio .portfolio-wrap .portfolio-links,
.portfolio_staff .portfolio-wrap .portfolio-links {
  text-align: center;
  z-index: 4;
}

.portfolio .portfolio-wrap .portfolio-links a,
.portfolio_staff .portfolio-wrap .portfolio-links a {
  color: rgba(255, 255, 255, 0.4);
  margin: 0 5px 0 0;
  font-size: 28px;
  display: block;
  transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a:hover,
.portfolio_staff .portfolio-wrap .portfolio-links a:hover {
  color: #fff;
}

.portfolio .portfolio-wrap:hover::before,
.portfolio_staff .portfolio-wrap:hover::before {
  opacity: 1;
}

.portfolio .portfolio-wrap:hover img,
.portfolio_staff .portfolio-wrap:hover img {
  transform: scale(1.2);
}

.portfolio .portfolio-wrap:hover .portfolio-info,
.portfolio_staff .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
  width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.portfolio-details
  .portfolio-details-slider
  .swiper-pagination
  .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #e03a3c;
}

.portfolio-details
  .portfolio-details-slider
  .swiper-pagination
  .swiper-pagination-bullet-active {
  background-color: #fff;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(17, 17, 17, 0.08);
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li + li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
}

#loading {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0.7;
  background-color: #fff;
  z-index: 99;
}

#loading-image {
  position: absolute;
  top: 100px;
  left: 240px;
  z-index: 100;
}

/* .breadcrumbs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: -0.5rem;
  font-size: 1rem;
}
.breadcrumbs__item {
  position: relative;
  margin-bottom: 0.5em;
  padding: 0.25em;
  background-color: #546e7a;
  color: #fff;
}
.breadcrumbs__item:not(:first-child) {
  margin-left: 2em;
}
.breadcrumbs__item:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  width: 1.5em;
  background-color: #546e7a;
  clip-path: polygon(50% 50%, -50% -50%, 0 100%);
}
.breadcrumbs__item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0.75em;
  height: 100%;
  width: 2em;
  background-color: #546e7a;
  clip-path: polygon(100% 0, 100% 100%, 0% 100%, 50% 50%, 0% 0%);
  transform: translateX(-100%);
  z-index: -1;
}
.breadcrumbs__item--is-current {
  background-color: #041e42;
}
.breadcrumbs__item--is-current:before,
.breadcrumbs__item--is-current:after {
  background-color: #041e42;
}
.breadcrumbs__item a {
  color: currentColor;
  text-decoration: none;
}
.stack-y > * + * {
  margin-top: 1rem;
}
.fz-large {
  font-size: 1.5rem;
}

.breadcrumbs h1 {
  background: #fff none repeat scroll 0 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 40px;
  letter-spacing: 7px;
  margin: 0;
  padding: 20px 0;
  text-shadow: 1px 1px rgba(241, 196, 15, 1), 2px 2px rgba(0, 0, 0, 0.7);
}
.breadcrumbs ul {
  display: inline-block;
  list-style: outside none none;
  padding: 0;
}
.breadcrumbs li {
  display: inline;
  float: left;
  margin-right: 10px;
}
.breadcrumbs li:last-child {
  margin: 0;
}
.breadcrumbs a,
.breadcrumbs a:hover,
.breadcrumbs a:focus,
.breadcrumbs a:active {
  background: rgba(241, 196, 15, 1);
  display: inline-block;
  outline: medium none;
  padding: 30px 30px 30px 60px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.7);
  position: relative;
}
.breadcrumbs a:hover {
  background: rgba(46, 204, 113, 1);
  color: #000;
}
.breadcrumbs a:focus {
  background: rgba(39, 174, 96, 1);
}
.breadcrumbs li:first-child a {
  border-radius: 10px 0 0 10px;
  padding-left: 40px;
}
.breadcrumbs li:last-child a {
  border-radius: 0 10px 10px 0;
}
.breadcrumbs a::before {
  border-color: transparent transparent transparent #ebebeb;
  border-style: solid;
  border-width: 40px 0 39px 40px;
  box-sizing: border-box;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
}
.breadcrumbs a::after {
  border-color: transparent transparent transparent rgba(241, 196, 15, 1);
  border-style: solid;
  border-width: 40px 0 39px 40px;
  box-sizing: border-box;
  content: "";
  height: 0;
  left: 100%;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 1;
}
.breadcrumbs a:hover::after {
  border-left-color: rgba(46, 204, 113, 1);
}
.breadcrumbs a:focus::after {
  border-left-color: rgba(39, 174, 96, 1);
}
.breadcrumbs li:first-child a:before,
.breadcrumbs li:last-child a:after {
  display: none;
}
.breadcrumbs i {
  margin-right: 5px;
} */

.breadcrumb {
  /*centering*/
  display: inline-block;
  /* box-shadow: 0 0 15px 1px #009dff; */
  overflow: hidden;
  border-radius: 5px;
  /*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
  /* counter-reset: flag;  */
}

.breadcrumb a {
  text-decoration: none;
  outline: none;
  display: block;
  float: left;
  font-size: 9px;
  line-height: 36px;
  color: white;
  /*need more margin on the left of links to accomodate the numbers*/
  padding: 0 10px 0 30px;
  background: #009dff;
  background: linear-gradient(#009dff, #333);
  position: relative;
}

/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.breadcrumb a:first-child {
  padding-left: 46px;
  border-radius: 5px 0 0 5px;
  /*to match with the parent's radius*/
}

.breadcrumb a:first-child:before {
  left: 14px;
}

.breadcrumb a:last-child {
  border-radius: 0 5px 5px 0;
  /*this was to prevent glitches on hover*/
  padding-right: 20px;
}

/*hover/active styles*/
.breadcrumb a.active,
.breadcrumb a:hover {
  background: #333;
  background: linear-gradient(#333, #000);
}

.breadcrumb a.active:after,
.breadcrumb a:hover:after {
  background: #333;
  background: linear-gradient(135deg, #333, #000);
}

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.breadcrumb a:after {
  content: '';
  position: absolute;
  top: 0;
  right: -18px;
  /*half of square's length*/
  /*same dimension as the line-height of .breadcrumb a */
  width: 36px;
  height: 36px;
  /*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/
  transform: scale(0.707) rotate(45deg);
  /*we need to prevent the arrows from getting buried under the next link*/
  z-index: 2;
  /*background same as links but the gradient will be rotated to compensate with the transform applied*/
  /* background: #009dff; */
  /* color:#009dff; */
  background: linear-gradient(135deg, #fff, #fff);
  /*stylish arrow design using box shadow*/
  box-shadow: 2px -2px 0 2px #fff, 3px -3px 0 2px #fff;
  /*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
  border-radius: 0 5px 0 50px;
}

/*we dont need an arrow after the last link*/
.breadcrumb a:last-child:after {
  content: none;
}

/*we will use the :before element to show numbers*/
.breadcrumb a:before {
  /* content: counter(flag); */
  /* counter-increment: flag; */
  /*some styles now*/
  /* border-radius: 100%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 8px 0;
	position: absolute;
	top: 0;
	left: 30px;
	background: #444;
	background: linear-gradient(#444, #222);
	font-weight: bold; */
}

.flat a,
.flat a:after {
  background: #eeeeee;
  color: black;
  transition: all 0.5s;
}

.flat a:before {
  background: white;
  box-shadow: 0 0 0 1px #ccc;
}

.flat a:hover,
.flat a.active,
.flat a:hover:after,
.flat a.active:after {
  background: #041e42;
  color: #fff;
  padding-right: inherit;
  font-size: 10pt;
}

/*--------------------------------------------------------------
# Work Process
--------------------------------------------------------------*/
.work-process {
  padding-bottom: 100px;
}

.work-process .content + .content {
  margin-top: 100px;
}

.work-process .content h3 {
  font-weight: 600;
  font-size: 26px;
}

.work-process .content ul {
  /* list-style: none; */
  /* padding: 0; */
}

/* .work-process .content ul li {
  padding-bottom: 10px;
}
.work-process .content ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #94c045;
} */
.work-process .content p:last-child {
  margin-bottom: 0;
}

.work-process .aboutcontent + .aboutcontent {
  margin-top: 20px;
}

.work-process .aboutcontent h3 {
  font-weight: 600;
  font-size: 26px;
}

.work-process .aboutcontent ul {
  /* list-style: none; */
  padding: 0;
}

/* .work-process .content ul li {
  padding-bottom: 10px;
}
.work-process .content ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #94c045;
} */
.work-process .aboutcontent p:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.about .about-img {
  position: relative;
  margin: 60px 0 0 60px;
}

.about {
  position: relative;
  /* margin: 60px 0 0 60px; */
  padding-bottom: 30px;
}

.about .about-img:before {
  position: absolute;
  inset: -60px 0 0 -60px;
  z-index: -1;
  content: '';
  background: url('../img/about-bg.png') top left;
  background-repeat: no-repeat;
}

@media (max-width: 575px) {
  .about .about-img {
    margin: 30px 0 0 30px;
  }

  .about .about-img:before {
    inset: -30px 0 0 -30px;
  }
}

.about h3 {
  color: #0ea2bd;
  font-family: var(--font-secondary);
  font-weight: 300;
  font-size: 32px;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .about h3 {
    font-size: 28px;
  }
}

.about .nav-pills {
  border-bottom: 1px solid rgba(72, 86, 100, 0.2);
}

.about .nav-pills li + li {
  margin-left: 40px;
}

.about .nav-link {
  background: none;
  font-size: 18px;
  font-weight: 400;
  color: var(--color-secondary);
  padding: 12px 0;
  margin-bottom: -2px;
  border-radius: 0;
  font-family: var(--font-secondary);
}

.about .nav-link.active {
  color: #041e42;
  background: none;
  border-bottom: 3px solid #041e42;
}

@media (max-width: 575px) {
  .about .nav-link {
    font-size: 16px;
  }
}

.about .tab-content h4 {
  font-size: 18px;
  margin: 0;
  font-weight: 700;
  color: var(--color-secondary);
}

.about .tab-content i {
  font-size: 22px;
  line-height: 0;
  margin-right: 8px;
  color: var(--color-primary);
}

.card-wrapper {
  position: relative;
  overflow: hidden;
}

.card-wrapper img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: bottom;
  border-radius: 3px;
  transition: transform 500ms linear;
}

.card-wrapper:hover img {
  transform: scale(1.1);
}

.hidden-cover {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scaleY(0);
  transition: transform 250ms ease-in;
  background: linear-gradient(transparent 5%, hsl(0, 0%, 5%, 0.6));
  transform-origin: top;
  will-change: transform;
}

.card-wrapper:hover .hidden-cover {
  transform: scaleY(1);
}

.gallerytitle {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 2rem;
  font-size: 2rem;
  padding: 0.3rem 0.8rem;
  border-radius: 4px;
  overflow: hidden;
  font-family: 'roboto';
  color: hsl(0, 0%, 100%);
  /* text-transform: uppercase; */
  letter-spacing: 2px;
  transform: translateY(100%);
  transform-origin: bottom;
  transition: transform 250ms ease-out;
  will-change: transform;
}

.card-wrapper:hover .gallerytitle {
  transform: translateY(-2rem);
}

.file-name {
  padding: 10px;
  border-top: 1px solid #f7f7f7;
  background: #fff;
}

.file-name p {
  color: #111;
  /* font-weight: 600; */
  font-size: 12pt;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 16px;
  /* fallback */
  max-height: 32px;
  /* fallback */
  -webkit-line-clamp: 2;
  /* number of lines to show */
  -webkit-box-orient: vertical;
}

.events {
  background: #fff;
  padding-bottom: 10px;
}

#files-area {
  width: 100%;
  margin: 0 auto;
}

#files-area1 {
  width: 100%;
  margin: 0 auto;
}

.file-block {
  border-radius: 10px;
  background-color: rgba(144, 163, 203, 0.2);
  margin: 5px;
  color: initial;
  display: inline-flex;
}

.file-block > span.name {
  padding: 10px;
  width: max-content;
  display: inline-flex;
}

.file-delete {
  display: flex;
  width: 24px;
  color: initial;
  background-color: #6eb4ff 0;
  font-size: large;
  justify-content: center;
  margin-right: 3px;
  cursor: pointer;
}

.file-delete:hover {
  background-color: rgba(144, 163, 203, 0.2);
  border-radius: 10px;
}

.file-delete > span {
  transform: rotate(45deg);
}

.file_manager .file a:hover .hover,
.file_manager .file .file-name small {
  display: block;
}

.file_manager .file {
  padding: 0 !important;
}

.file_manager .file .icon {
  text-align: center;
}

.file_manager .file {
  position: relative;
  border-radius: 0.55rem;
  overflow: hidden;
}

.file_manager .file .image,
.file_manager .file .icon {
  max-height: 180px;
  overflow: hidden;
  background-size: cover;
  background-position: top;
}

.file_manager .file .hover {
  position: absolute;
  right: 10px;
  top: 10px;
  display: none;
  transition: all 0.2s ease-in-out;
}

.file_manager .file a:hover .hover {
  transition: all 0.2s ease-in-out;
  padding: 10px;
}

.file_manager .file .icon {
  padding: 15px 10px;
  display: table;
  width: 100%;
}

/* .file_manager .file .icon .card-wrapper {
  position: relative;
  overflow: hidden;
} */

.file_manager .file .icon img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: bottom;
  border-radius: 3px;
  transition: transform 500ms linear;
}

.file_manager .file .icon:hover img {
  transform: scale(1.1);
}

.file_manager .file .icon .card-wrapper img {
  display: table-cell;
  font-size: 30px;
  vertical-align: middle;
  color: #777;
  line-height: 100px;
}

.file_manager .file .icon .card-wrapper .file-close {
  color: #f1556c;
  position: absolute;
  line-height: 24px;
  font-size: 24px;
  right: 10px;
  top: 10px;
  visibility: hidden;
}

.file_manager .file .file-name {
  padding: 10px;
  border-top: 1px solid #f7f7f7;
  background: #fff;
  color: #111;
}

.file_manager .file .file-name p {
  color: #111;
  font-weight: 600;
  /* padding: 10px;
  border-top: 1px solid #f7f7f7;
  background:#eeeeee; */
}

.file_manager .file .file-name small .date {
  float: right;
}

.folder {
  padding: 20px;
  display: block;
  color: #777;
}

@media only screen and (max-width: 992px) {
  .file_manager .nav-tabs {
    padding-left: 0;
    padding-right: 0;
  }

  .file_manager .nav-tabs .nav-item {
    display: inline-block;
  }
}

.file_card {
  background: #fff;
  transition: 0.5s;
  border: 0;
  margin-bottom: 30px;
  border-radius: 0.55rem;
  position: relative;
  width: 100%;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
}

.filecard .file a .icon .img {
  height: 50%;
  width: 50%;
}

a:hover {
  text-decoration: none;
}

.wrap {
  /* display: flex; */
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.loadcontent {
  height: 100px;
  width: 45%;
  color: #fff;
  font-size: 24px;
  line-height: 100px;
  /* centering text just for view */
  text-align: center;
  background-color: grey;
  margin: 5px;
  border: 1px solid lightgrey;
  display: none;
}

#loadMore {
  width: 200px;
  color: #fff;
  display: block;
  text-align: center;
  margin: 20px auto;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid transparent;
  background-color: blue;
  transition: 0.3s;
}

#loadMore:hover {
  color: blue;
  background-color: #fff;
  border: 1px solid blue;
  text-decoration: none;
}

.noContent {
  color: #000 !important;
  background-color: transparent !important;
  pointer-events: none;
}

.file-name {
  padding: 10px;
  border-top: 1px solid #f7f7f7;
  background: #eeeeee;
}

.file-name p {
  color: #111;
  /* font-weight: 600; */
  font-size: 12pt;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 16px;
  /* fallback */
  max-height: 32px;
  /* fallback */
  -webkit-line-clamp: 2;
  /* number of lines to show */
  -webkit-box-orient: vertical;
}

.file-name small .date {
  float: right;
}

.file_card {
  margin-bottom: 1rem;
}

.list-view .row > [class*='col-'] {
  max-width: 100%;
  flex: 0 0 100%;
}

.list-view .file_card {
  flex-direction: row;
}

@media (max-width: 575.98px) {
  .list-view .file_card {
    flex-direction: column;
  }
}

.list-view .file_card > .file_card-img-top {
  width: auto;
}

.list-view .file_card .file_card-body {
  display: inline-block;
}

@media (min-width: 320px) and (max-width: 425px) {
  .logo {
    /* padding-bottom: 10px; */
    /* padding-left: 60px; */
    text-align: center;
    padding-top: 10px;
  }

  /* #navigation {
    padding-left: 30px;
  } */
  .card-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  li {
    /* list-style: none; */
    font-weight: 300;
    /* font-size: small; */
    font-size: 16px;
  }

  /*.logotext h5 {
     float: left;
    padding-left: 50px;
    margin-top: 30px;
    margin-bottom: 0px;
    margin-right: 60px;
    text-align: center;
    color: #041e42;
    font-size: 18pt; */
  /* float: left; */
  /* padding-left: 105px;
    margin-top: -81px;
    margin-bottom: 0px;
    margin-right: 60px;
    text-align: center;
    color: #041e42;
    font-size: 18pt; 
  }*/

  .logotext p {
    padding-left: 3px;
  }

  .leadercard {
    /* padding: 100px; */
    list-style: none;
    position: relative;
    /* border: ridge; */
    /* padding-left:10px; */
  }

  .recruit_style {
    padding-left: 10px;
    padding-right: 10px;
  }

  .owl-carousel .owl-nav.disabled {
    display: none;
  }

  .owl-carousel .owl-dots.disabled {
    display: block;
  }

  .staff_list {
    grid-template-columns: repeat(1, 1fr);
    display: grid;
    justify-content: center;
    align-content: center;
    grid-template-rows: auto;
    grid-row-gap: 15px;
    grid-column-gap: 10px;
    padding: 20px;
  }

  #nav-quick {
    /* position: fixed; */
    /* z-index: 1030; */
    /* top: 350px; */
    left: 40px;
    width: 300px;
    z-index: 3;
    cursor: pointer;
    /* position: sticky; */
    /* position: -webkit-sticky; */
  }

  .card__content {
    background: #eeeeee;
    left: 0;
    padding: var(--spacing-l);
    /* position: absolute; */
    /* top: 0; */
    padding-top: 20px;
    border: 1px solid #041e42;
    /* width: 100%; */
    /* height: 30%; */
  }

  .swatcchlogo a img {
    height: 64px;
    width: 76px;
  }

  .niot_logo {
    display: flex;
  }

  .header-area .header-top_area .short_contact_listleft ul li {
    display: inline-block;
    margin-left: 5px;
  }
  .announce_row {
    padding-top: 15px;
    background: #1975be;
    height: 400px;
  }
  .aboutus_bg {
    padding: 5px;
    height: 480px;
  }
}

@media (min-width: 426px) and (min-width: 768px) {
  /* #navigation {
    padding-left: 30px;
  } */

  li {
    /* list-style: none; */
    font-weight: 300;
    /* font-size: small; */
    font-size: 16px;
  }

  .card-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .logo {
    /* padding-bottom: 10px; */
    padding-left: 9px;
    padding-top: 10px;
  }

  /* .logotext h5 {
  
    padding-left: 105px;
    margin-top: -81px;
    margin-bottom: 0px;
    margin-right: 60px;
    text-align: center;
    color: #041e42;
    font-size: 18pt;
  } */

  .leadercard {
    /* padding: 100px; */
    list-style: none;
    position: relative;
    /* border: ridge; */
    /* padding-left:10px; */
  }

  /* .logotext p {
   
    padding-left: 105px;
    margin-top: -81px;
    margin-bottom: 10px;
    margin-right: 60px;
   
    color: #041e42;
    font-size: 10pt;
  } */

  .recruit_style {
    padding-left: 10px;
    padding-right: 10px;
  }

  .owl-carousel .owl-nav.disabled {
    display: block;
  }

  .staff_list {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    justify-content: center;
    align-content: center;
    grid-template-rows: auto;
    grid-row-gap: 15px;
    grid-column-gap: 10px;
    padding: 20px;
  }

  #nav-quick {
    /* position: fixed; */
    /* z-index: 1030; */
    /* top: 350px; */
    left: 40px;
    width: 300px;
    z-index: 3;
    cursor: pointer;
    /* position: sticky; */
    /* position: -webkit-sticky; */
  }

  .swatcchlogo a img {
    height: 64px;
    width: 89px;
  }

  .niot_logo {
    display: flex;
  }
  .announce_row {
    padding-top: 15px;
    background: #1975be;
    height: 320px;
  }

  .aboutus_bg {
    padding: 5px;
    height: 310px;
    /* background:#eeeeee; */
  }
}

@media (min-width: 769px) and (min-width: 1024px) {
  .card-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  #navigation {
    padding-left: 30px;
  }

  li {
    /* list-style: none; */
    font-weight: 300;
    /* font-size: small; */
    font-size: 13px;
  }

  .header-area .main-header-area .main-menu ul li {
    display: inline-block;
    position: relative;
    margin: 0 0px;
  }

  .logo {
    padding-left: 50px;
    padding-top: 20px;
  }

  .swatcchlogo {
    padding: 15px;
    padding-top: 30px;
  }

  .whostitle h3 {
    color: #fff;
    /* padding-left: 43px; */
    text-align: center;
  }

  /* 
  .logotext h5 {
    float: left;
    padding-left: 50px;
    margin-top: 30px;
    margin-bottom: 0px;
    margin-right: 60px;
    text-align: center;
    color: #041e42;
    font-size: 18pt;
  }

  .logotext p {
    float: left;
    padding-left: 73px;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-right: 60px;
    color: #041e42;
    font-size: 10pt;
  } */

  .header-area .main-header-area .main-menu ul li a {
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    display: inline-block;
    padding: 0px 0px 0px 0px;
    font-family: 'Poppins', sans-serif;
    position: relative;
    text-transform: capitalize;
    padding-left: 16px;
  }

  .card__content {
    background: #eeeeee;
    left: 0;
    padding: var(--spacing-l);
    position: absolute;
    /* top: 0; */
    padding-top: 20px;
    width: 100%;
    border: 1px solid #041e42;
    /* height: 50%; */
  }

  .main-section {
    padding-left: 150px;
    padding-right: 150px;
  }

  .leadercard {
    padding: 100px;
    list-style: none;
    position: relative;
    /* border: ridge; */
    /* padding-left:10px; */
  }

  .recruit_style {
    padding-left: 50px;
    padding-right: 50px;
  }

  .owl-carousel .owl-nav.disabled {
    display: block;
  }

  .staff_list {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    justify-content: center;
    align-content: center;
    grid-template-rows: auto;
    grid-row-gap: 15px;
    grid-column-gap: 10px;
    padding: 20px;
  }

  #nav-quick {
    /* position: fixed; */
    /* z-index: 1030; */
    /* top: 350px; */
    left: 40px;
    width: 300px;
    z-index: 3;
    cursor: pointer;
    /* position: sticky; */
    /* position: -webkit-sticky; */
  }

  .swatcchlogo a img {
    height: 64px;
    width: 89px;
  }

  .niot_logo {
    display: contents;
  }
  .aboutus_bg {
    padding: 5px;
    height: 450px;
    /* background:#eeeeee; */
  }
  ul.tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 0px 8px;
    height: 35px;
    line-height: 35px;
    /* border-top: 1px solid #333; */
    /* border-left: 1px solid #333; */
    border-right: none;
    border-bottom: 1px solid #ccc;
    /* background-color: #666; */
    color: #fff;
    overflow: hidden;
    position: relative;
    font-size: 10pt;
    font-weight: 800;
  }
}

@media (min-width: 1025px) and (max-width: 1440px) {
  #navigation {
    text-align: left;
    padding-left: 60px;
  }

  /* .logo {
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
  } */

  .swatcchlogo {
    padding: 15px;
    padding-top: 30px;
  }

  /* 
  .logotext h5 {
    float: left;
    padding-left: 17px;
    text-align: start;
    color: #041e42;
    font-size: 15pt;
  }

  .logotext p {
    float: left;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-right: 60px;
    padding-left: 17px;
    color: #041e42;
    font-size: 11pt;
    font-weight: 500;
  } */

  .logotext_hi h5 {
    padding-left: 25px;
    padding-top: 25px;
  }

  .logotext_hi p {
    padding-left: 25px;
    padding-top: 0px;
  }

  .header-area .main-header-area .main-menu ul li a {
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    display: inline-block;
    padding: 0px 0px 0px 0px;
    font-family: 'Poppins', sans-serif;
    position: relative;
    text-transform: capitalize;
    padding-left: 40px;
  }

  .card__content {
    background: #eeeeee;
    left: 0;
    padding: var(--spacing-l);
    position: absolute;
    /* top: 0; */
    padding-top: 20px;
    width: 100%;
    height: 30%;
    border: 1px solid #041e42;
  }

  #sidebarMenu {
    height: 100%;
    position: fixed;
    right: 0;
    margin-top: 0px;
    transform: translateX(-300px);
    transition: transform 100ms ease-in-out;
    /*background: linear-gradient(180deg, #fc466b 0%, #3f5efb 100%);*/
    top: 0px;
    bottom: 0;
    left: 1340px;
    right: 300px;
    background-color: #041e42;
    width: 450px;
    z-index: 200;
    height: 100%;
    overflow-y: auto;
  }

  .sidebartitle li {
    list-style: none;

    padding: 10px;
  }

  .sidebartitle li a,
  .sidebartitle li i {
    color: #fff;
  }

  .main-section {
    padding-left: 150px;
    padding-right: 150px;
  }

  .leadercard {
    padding: 100px;
    list-style: none;
    position: relative;
    /* border: ridge; */
    /* padding-left:10px; */
  }

  .recruit_style {
    padding-left: 100px;
    padding-right: 100px;
  }

  .owl-carousel .owl-nav.disabled {
    display: block;
  }

  .staff_list {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
    justify-content: center;
    align-content: center;
    grid-template-rows: auto;
    grid-row-gap: 15px;
    grid-column-gap: 10px;
    padding: 20px;
  }

  #nav-quick {
    /* position: fixed; */
    /* z-index: 1030; */
    /* top: 350px; */
    left: 40px;
    width: 300px;
    z-index: 3;
    cursor: pointer;
    /* position: sticky; */
    /* position: -webkit-sticky; */
  }

  .swatcchlogo a img {
    height: 64px;
    width: 110px;
  }

  .niot_logo {
    display: contents;
  }
  .aboutus_bg {
    padding: 5px;
    height: 350px;
    /* background:#eeeeee; */
  }
  ul.tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 0px 8px;
    height: 35px;
    line-height: 35px;
    /* border-top: 1px solid #333; */
    /* border-left: 1px solid #333; */
    border-right: none;
    border-bottom: 1px solid #ccc;
    /* background-color: #666; */
    color: #fff;
    overflow: hidden;
    position: relative;
    font-size: 10pt;
    font-weight: 800;
  }
}

@media (min-width: 1441px) and (max-width: 2560px) {
  #navigation {
    /* text-align: right; */
    padding-right: 170px;
  }

  .header-area .main-header-area .main-menu ul li a {
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    display: inline-block;
    padding: 0px 0px 0px 0px;
    font-family: 'Poppins', sans-serif;
    position: relative;
    text-transform: capitalize;
    padding-left: 40px;
  }

  .logo {
    padding-bottom: 10px;
    /* padding-left: 60px; */
  }

  .swatcchlogo {
    padding: 15px;
    padding-top: 33px;
  }

  /* 
  .logotext h5 {
    float: left;
    margin-top: 34px;
    margin-bottom: 0px;
    padding-left: 15px;
 
    color: #041e42;
    font-size: 15pt;
  }

  .logotext p {
    float: left;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-right: 60px;

    padding-left: 15px;
    color: #041e42;
    font-size: 11pt;
    font-weight: 500;
  } */

  .logotext_hi h5 {
    padding-left: 10px;
    padding-top: 30px;
  }

  .logotext_hi p {
    padding-left: 10px;
    padding-top: 0px;
  }

  .card__content {
    background: #eeeeee;
    left: 0;
    padding: var(--spacing-l);
    position: absolute;
    /* top: 0; */
    padding-top: 20px;
    width: 100%;
    height: 30%;
    border: 1px solid #041e42;
  }

  #sidebarMenu {
    height: 100%;
    position: fixed;
    right: 0;
    margin-top: 0px;
    transform: translateX(-300px);
    transition: transform 100ms ease-in-out;
    top: 0px;
    bottom: 0;
    left: 1584px;
    right: 300px;
    background-color: #041e42;
    width: 450px;
    z-index: 200;
    height: 100%;
    overflow-y: auto;
  }

  .sidebartitle li {
    list-style: none;

    padding: 10px;
  }

  .sidebartitle li a,
  .sidebartitle li i {
    color: #fff;
  }

  .main-section {
    padding-left: 150px;
    padding-right: 150px;
  }

  .leadercard {
    padding: 100px;
    list-style: none;
    position: relative;
    /* border: ridge; */
    /* padding-left:10px; */
  }

  .recruit_style {
    padding-left: 100px;
    padding-right: 100px;
  }

  .staff_list {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
    justify-content: center;
    align-content: center;
    grid-template-rows: auto;
    grid-row-gap: 15px;
    grid-column-gap: 10px;
    padding: 20px;
  }

  #nav-quick {
    /* position: fixed; */
    /* z-index: 1030; */
    /* top: 350px; */
    left: 40px;
    width: 300px;
    z-index: 3;
    cursor: pointer;
    /* position: sticky; */
    /* position: -webkit-sticky; */
  }

  .swatcchlogo a img {
    height: 64px;
    width: 130px;
  }

  .niot_logo {
    display: contents;
  }
  .aboutus_bg {
    padding: 5px;
    height: 310px;
    /* background:#eeeeee; */
  }
}

.hero-section {
  padding: 60px;
  align-items: flex-start;
  background-image: linear-gradient(15deg, #ff008e 0%, #d22779 150%);
  display: flex;
  min-height: 100%;
  justify-content: center;
  padding: var(--spacing-xxl) var(--spacing-l);
}

.card-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: var(--spacing-l);
  grid-row-gap: var(--spacing-l);
  max-width: var(--width-container);
  width: 100%;
}

@media (min-width: 540px) {
  .card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 960px) {
  .card-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* .leadercard {
  padding: 100px;
  list-style: none;
  position: relative;
  border: ridge;

} */

.leadercard:before {
  content: '';
  display: block;
  padding-bottom: 150%;
  width: 100%;
}

.card__background {
  background-size: cover;
  background-position: center;
  border-radius: var(--spacing-l);
  bottom: 100px;
  filter: brightness(0.75) saturate(1.2) contrast(0.85);
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform-origin: center;
  transform: scale(1) translateZ(0);
  transition: filter 200ms linear, transform 200ms linear;
  /* -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  width: 100%; */
}

/* .card__content {
  background: #eeeeee;
  left: 0;
  padding: var(--spacing-l);
  position: absolute;

  padding-top: 20px;
  width: 100%;
  height: 30%;
} */
.leadercard:hover .card__background {
  border: none;
}

.leadercard:hover .card__background {
  transform: scale(1.05) translateZ(0);
}

.leadercard:hover .card__content {
  transform: scale(1.05) translateZ(0);
}

.card-grid:hover > .leadercard:not(:hover) .card__background {
  filter: brightness(0.5) saturate(1);
}

.card__category {
  color: var(--text-light);
  font-size: 0.9rem;
  margin-bottom: var(--spacing-s);
  text-transform: uppercase;
}

.card__heading {
  color: var(--text-lighter);
  font-size: 1.9rem;
  text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2);
  line-height: 1.4;
  word-spacing: 100vw;
}

.card__heading .experts_name {
  background: #eeeeee;
}

.card__heading .experts_name {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background: #f5fbff;
  padding-top: 500px;
  padding-bottom: 18px;
}

.card__content h3 {
  font-size: 15pt;
}

.card__content span {
  font-size: 12pt;
}

.bradcam_text p {
  font-size: 10pt;
  font-weight: 600;
}

.tabs-left {
  border-bottom: none;
  border-right: 1px solid #ddd;
}

.tabs-left > li {
  float: none;
  margin: 0px;
}

.tabs-left > li.active > a,
.tabs-left > li.active > a:hover,
.tabs-left > li.active > a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
  background: #f90;
  border: none;
  border-radius: 0px;
  margin: 0px;
}

.nav-tabs > li > a:hover {
  /* margin-right: 2px; */
  line-height: 1.42857143;
  border: 1px solid transparent;
  /* border-radius: 4px 4px 0 0; */
}

.tabs-left > li.active > a::after {
  content: '';
  position: absolute;
  top: 10px;
  right: -10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;

  border-left: 10px solid #f90;
  display: block;
  width: 0;
}

.indextab {
  float: left;
  border: 1px solid #ccc;
  background-color: #041e42;
  width: 30%;
  height: 400px;
  border-radius: 10px 0 0 10px;
}

.indextab button {
  display: block;
  background-color: inherit;
  color: #fff;
  padding: 22px 16px;
  width: 90%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  margin: 5%;
  border-radius: 4px;
}

.indextab button:hover {
  background-color: #bee9f7;
  color: black;
}

.indextab button.active {
  background-color: #fff;
  color: black;
}

.indextabcontent {
  float: left;
  /* padding: 0px 12px; */
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  width: 70%;
  border-left: none;
  height: 400px;
  border-radius: 0 10px 10px 0;
}

.customstyle {
  background: #eeeeee;
  padding: 30px;
  border-radius: 25px;
}

.customstyletech {
  padding: 30px;
  border-radius: 25px;
  border: 1px solid #111;
}

.customstyle .row,
.customstyletech .row {
  padding-left: 14px;
}

.leadersstyle {
  padding: 30px;
}

.header-area .header-top_area .short_contact_list ul li .searchBox {
  animation: searchBox-reveal 1.4s;
  /* display: flex; */
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: white;
  /* height: 32px;
  min-width: 32px;

  padding: 8px; */

  transition: all 0.2s;
}

.header-area
  .header-top_area
  .short_contact_list
  ul
  li
  .searchBox:hover
  > .searchInput {
  transition: all 0.2s cubic-bezier(0.16, 0.2, 0.32, 1.4);
  width: 256px;
  border-radius: 8px;
  padding: 8px 4px;
  border: 2px solid #fff;
  padding: 8px;
  box-shadow: 0 1.5px 3px rgba(0, 0, 0, 0.24), 0 1.5px 3px rgba(0, 0, 0, 0.32);
}

.header-area .header-top_area .short_contact_list ul li .searchInput {
  background: none;
  border: none;
  outline: none;
  /* float: left; */
  color: #041e42;
  font-size: 16px;
  transition: 0.4s;

  width: 0px;
  font-family: 'Lexend Deca';
  padding: 8px 0px;
}

.header-area .header-top_area .short_contact_list ul li .searchInput:valid {
  width: 256px;
  padding: 8px 4px;
}

.header-area
  .header-top_area
  .short_contact_list
  ul
  li
  .searchInput:valid
  > .searchBox {
  box-shadow: 0 3px 4.5px rgba(0, 0, 0, 0.32), 0 3px 4.5px rgba(0, 0, 0, 0.4);
  border: 2px solid #fff;
}

.header-area .header-top_area .short_contact_list ul li .searchButton {
  /* color: white; */
  /* width: 32px;
  height: 32px; */
  background-color: transparent;
  border: none;
  cursor: pointer;
  /* outline: none;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer; */
}

input::placeholder {
  color: white;
  font-family: 'Lexend Deca';
  opacity: 0.5;
}

@keyframes searchBox-reveal {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.line {
  transform: translatey(2rem);
  width: 24%;
  height: 2px;
  background: #000;
  animation: line-appear 1s ease-in-out;
  margin-bottom: 1rem;
}

@keyframes line-appear {
  0% {
    width: 0;
  }

  100% {
    width: 24%;
  }
}

.text {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  color: #232f34;
  position: relative;
  top: 2%;
  text-align: center;
  text-transform: uppercase;
  font-style: italic;
}

/* #sidebarMenu {
  height: 100%;
  position: fixed;
  right: 0;
  width: 250px;
  margin-top: 5px;
  transform: translateX(-250px);
  transition: transform 250ms ease-in-out;
  background: linear-gradient(180deg, #fc466b 0%, #3f5efb 100%);
} */
/* #sidebarMenu {
  height: 100%;
  position: fixed;
  right: 0;

  margin-top: 25px;
  transform: translateX(-300px);
  transition: transform 100ms ease-in-out;
  background: linear-gradient(180deg, #fc466b 0%, #3f5efb 100%);
  top: 0px;
  bottom: 0;
  left: 1400px;
  right: 300px;
  background-color: #000;
  width: 450px;
  z-index: 200;
  height: 100%;
  overflow-y: auto;
} */
.sidebarMenuInner {
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebarMenuInner li {
  list-style: none;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  padding: 20px;
  cursor: pointer;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebarMenuInner li span {
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}

.sidebarMenuInner li a {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
}

input[type='checkbox']:checked ~ #sidebarMenu {
  transform: translateX(0);
}

input[type='checkbox'] {
  transition: all 0.3s;
  box-sizing: border-box;
  display: none;
}

.sidebarIconToggle {
  transition: all 0.3s;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  z-index: 99;
  height: 100%;
  width: 100%;
  bottom: 0px;
  left: 25px;
  /* height: 22px; */
  width: 22px;
}

.spinner {
  transition: all 0.3s;
  box-sizing: border-box;
  position: absolute;
  height: 3px;
  width: 100%;
  background-color: #fff;
}

.horizontal {
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  float: left;
  margin-top: 3px;
}

.diagonal.part-1 {
  position: relative;
  transition: all 0.3s;
  box-sizing: border-box;
  float: left;
}

.diagonal.part-2 {
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  float: left;
  margin-top: 3px;
}

input[type='checkbox']:checked ~ .sidebarIconToggle > .horizontal {
  transition: all 0.3s;
  box-sizing: border-box;
  opacity: 0;
}

input[type='checkbox']:checked ~ .sidebarIconToggle > .diagonal.part-1 {
  transition: all 0.3s;
  box-sizing: border-box;
  transform: rotate(135deg);
  margin-top: 8px;
}

input[type='checkbox']:checked ~ .sidebarIconToggle > .diagonal.part-2 {
  transition: all 0.3s;
  box-sizing: border-box;
  transform: rotate(-135deg);
  margin-top: -9px;
}

/* bar loader */
.loader-bg {
  /* position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 9999; */
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0.7;
  background: url('../assets/images/niot_logo.png') 50% 50% no-repeat;
  background-color: #fff;
  /* backdrop-filter: blur(1px); */

  /* filter:blur(4px);
    -o-filter:blur(4px);
    -ms-filter:blur(4px);
    -moz-filter:blur(4px);
    -webkit-filter:blur(4px); */
}

.loader-bg .loader-bar {
  position: fixed;
  height: 5px;
  width: 80%;
  top: 0;
  left: 0;
  background: #2196f3;
  -webkit-animation: barfiller 2s;
  -moz-animation: barfiller 2s;
  -ms-animation: barfiller 2s;
  animation: barfiller 2s;
}

@-webkit-keyframes barfiller {
  0% {
    width: 0;
  }

  25% {
    width: 20%;
  }

  50% {
    width: 40%;
  }

  70% {
    width: 60%;
  }

  100% {
    width: 80%;
  }
}

@keyframes barfiller {
  0% {
    width: 0;
  }

  25% {
    width: 20%;
  }

  50% {
    width: 40%;
  }

  70% {
    width: 60%;
  }

  100% {
    width: 80%;
  }
}

/*Preloader CSS Ends*/

.arrowli {
  font-size: 15px;
  font-weight: 400;
  margin: 0;
  color: black;
  padding: 4px 0 0px 30px;
  list-style: none;
  background-image: url('../img/right-arrow.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 10px;
  text-align: justify;
  /* list-style-image: url('../img/next.png'); */
}

.aboutimg-fluid {
  padding: 10px;
  background: #fff;
}

.whoswhoimg {
  background-repeat: no-repeat;
  background-size: auto;
  object-fit: scale-down;
  width: 80%;
  height: 100%;
}

.whoswhostyle {
  padding-left: 60px;
  padding-top: 30px;
}

.whostitle {
  padding: 11px;
  display: block;
}

.whostitle h3 {
  color: #fff;
  /* padding-left: 80px; */
}

.whostitle .designation {
  padding-left: 0px;
  font-size: 12pt;
  text-align: center;
  color: #fff;
  /*padding-left: 158px;*/
}

.whostitle .category {
  padding-top: 0px;
  font-size: 12pt;
  text-align: center;
  color: #fff;
  /*padding-left: 66px;*/
}

.contact-maintitle {
  margin-bottom: 15px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #d0d3d9;
  border: 1px solid #dee2e6;
  border-left: 6px solid #041e42;
}

.card-front__heading {
  font-size: 1.5rem;
  margin-top: 0.25rem;
  text-align: center;
}

/* Main heading for inside page */
.inside-page__heading {
  padding-bottom: 1rem;
  width: 100%;
}

/* Mixed */

/* For both inside page's main heading and 'view me' text on card front cover */
.inside-page__heading,
.card-front__text-view {
  font-size: 1.3rem;
  font-weight: 800;
  margin-top: 0.2rem;
}

.inside-page__heading--city,
.card-front__text-view--city {
  color: #ff62b2;
}

.inside-page__heading--ski,
.card-front__text-view--ski {
  color: #2aaac1;
}

.inside-page__heading--beach,
.card-front__text-view--beach {
  color: #fa7f67;
}

.inside-page__heading--camping,
.card-front__text-view--camping {
  color: #00b97c;
}

/* Front cover */

.card-front__tp {
  color: #fafbfa;
}

/* For pricing text on card front cover */
.card-front__text-price {
  font-size: 1.2rem;
  margin-top: -0.2rem;
}

/* Back cover */

/* For inside page's body text */
.inside-page__text {
  color: #333;
}

/* Icons ===========================================*/

.card-front__icon {
  fill: #fafbfa;
  font-size: 3vw;
  height: 3.25rem;
  margin-top: -0.5rem;
  width: 3.25rem;
}

/* Buttons =================================================*/

.inside-page__btn {
  background-color: transparent;
  /* border: 3px solid; */
  border-radius: 0.5rem;
  font-size: 11px;
  font-weight: 600;
  /* margin-top: 2rem; */
  overflow: hidden;
  /* padding: 0.7rem 0.75rem; */
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  width: 90%;
  z-index: 10;
}

.inside-page__btn::before {
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scaleY(0);
  transition: all 0.3s ease;
  width: 100%;
  z-index: -1;
}

.inside-page__btn--city {
  border-color: #ff40a1;
  color: #ff40a1;
}

.inside-page__btn--city::before {
  background-color: #ff40a1;
}

.inside-page__btn--ski {
  border-color: #279eb2;
  color: #279eb2;
}

.inside-page__btn--ski::before {
  background-color: #fff;
}

.inside-page__btn--beach {
  border-color: #fa7f67;
  color: #fa7f67;
}

.inside-page__btn--beach::before {
  background-color: #fa7f67;
}

.inside-page__btn--camping {
  border-color: #00b97d;
  color: #00b97d;
}

.inside-page__btn--camping::before {
  background-color: #00b97d;
}

.inside-page__btn:hover {
  color: #fafbfa;
}

.inside-page__btn:hover::before {
  transform: scaleY(1);
}

/* Layout Structure=========================================*/

.techmain {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* height: 100vh; */
  width: 100%;
  position: sticky;
}

/* Container to hold all cards in one place */
.card-area {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-evenly;
  padding: 1rem;
  /* grid-template-columns: repeat(1, 1fr); */
}

/* Card ============================================*/

/* Area to hold an individual card */
.card-section {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
  /* padding: 10px; */
}

/* A container to hold the flip card and the inside page */
.techcard {
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: -0.1rem 1.7rem 6.6rem -3.2rem rgba(0, 0, 0, 0.5);
  height: 15rem;
  position: relative;
  transition: all 1s ease;
  width: 15rem;
}

/* Flip card - covering both the front and inside front page */

/* An outer container to hold the flip card. This excludes the inside page */
.flip-card {
  height: 15rem;
  perspective: 100rem;
  position: absolute;
  right: 0;
  transition: all 1s ease;
  visibility: hidden;
  width: 15rem;
  z-index: 100;
}

/* The outer container's visibility is set to hidden. This is to make everything within the container NOT set to hidden  */
/* This is done so content in the inside page can be selected */
.flip-card > * {
  visibility: visible;
}

/* An inner container to hold the flip card. This excludes the inside page */
.flip-card__container {
  height: 100%;
  position: absolute;
  right: 0;
  transform-origin: left;
  transform-style: preserve-3d;
  transition: all 1s ease;
  width: 100%;
}

.card-front,
.card-back {
  backface-visibility: hidden;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* Styling for the front side of the flip card */

/* container for the front side */
.card-front {
  background-color: #fafbfa;
  height: 15rem;
  width: 15rem;
}

/* Front side's top section */
.card-front__tp {
  align-items: center;
  clip-path: polygon(0 0, 100% 0, 100% 90%, 57% 90%, 50% 100%, 43% 90%, 0 90%);
  display: flex;
  flex-direction: column;
  height: 12rem;
  justify-content: center;
  padding: 0.75rem;
}

.card-front__tp--city {
  background: linear-gradient(to bottom, #ff73b9, #ff40a1);
}

.card-front__tp--ski {
  background: linear-gradient(to bottom, #47c2d7, #279eb2);
}

.card-front__tp--beach {
  background: linear-gradient(to bottom, #fb9b88, #f86647);
}

.card-front__tp--camping {
  background: linear-gradient(to bottom, #00db93, #00b97d);
}

/* Front card's bottom section */
.card-front__bt {
  align-items: center;
  display: flex;
  justify-content: center;
}

/* Styling for the back side of the flip card */

.card-back {
  background-color: #fafbfa;
  transform: rotateY(180deg);
}

/* Specifically targeting the <video> element */
.video__container {
  clip-path: polygon(0% 0%, 100% 0%, 90% 50%, 100% 100%, 0% 100%);
  height: auto;
  min-height: 100%;
  object-fit: cover;
  width: 100%;
}

/* Inside page */

.inside-page {
  background-color: #fafbfa;
  box-shadow: inset 20rem 0px 5rem -2.5rem rgba(0, 0, 0, 0.25);
  height: 100%;
  padding: 1rem;
  position: absolute;
  right: 0;
  transition: all 1s ease;
  width: 15rem;
  z-index: 1;
}

.inside-page__container {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  text-align: center;
  width: 100%;
}

/* Functionality ====================================*/

/* This is to keep the card centered (within its container) when opened */
.techcard:hover {
  box-shadow: -0.1rem 1.7rem 6.6rem -3.2rem rgba(0, 0, 0, 0.75);
  width: 30rem;
}

/* When the card is hovered, the flip card container will rotate */
.techcard:hover .flip-card__container {
  transform: rotateY(-180deg);
}

/* When the card is hovered, the shadow on the inside page will shrink to the left */
.techcard:hover .inside-page {
  box-shadow: inset 1rem 0px 5rem -2.5rem rgba(0, 0, 0, 0.1);
}

.documentcard {
  position: relative;
  border-radius: 10px;
  padding: 20px;
}

.documentcard .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  background: #f00;
  transition: 0.7s;
  z-index: 1;
}

.documentcard .icon p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: #f00; */
  color: #fff;
  transition: 0.7s;
  z-index: 1;
  font-size: 30px;
}

.documentcard:nth-child(1) .icon {
  background: #e07768;
}

.documentcard:nth-child(2) .icon {
  background: #6eadd4;
}

.documentcard:nth-child(3) .icon {
  background: #4aada9;
}

.documentcard .icon .fa {
  position: absolute;
  top: 21%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 80px;
  transition: 0.7s;
  color: #fff;
}

.documentcard .icon .centertitle {
  position: absolute;
  top: 94%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  transition: 0.7s;
  color: #fff;
  line-height: inherit;
}

/* i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 80px;
  transition: 0.7s;
  color: #fff;
} */

.documentcard .face {
  position: relative;
  width: 350px;
  height: 225px;
  transition: 0.5s;
}

.documentcard .face.face1 {
  position: relative;
  /* background: #333; */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  transform: translateY(100px);
}

.documentcard:hover .face.face1 {
  background: #ff0057;
  transform: translateY(0px);
}

.documentcard .face.face1 .content {
  opacity: 1;
  transition: 0.5s;
}

.documentcard:hover .face.face1 .content {
  opacity: 1;
}

.documentcard .face.face1 .content i {
  max-width: 100px;
}

.documentcard .face.face2 {
  position: relative;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);
  transform: translateY(-100px);
}

.documentcard:hover .face.face2 {
  transform: translateY(0);
}

.documentcard .face.face2 .content p {
  margin: 0;
  padding: 0;
  text-align: start;
  color: #414141;
}

/* .documentcard .face.face2 .content ul li a {
  margin: 0;
  padding: 0;
  text-align: start;
  color: #414141;
} */
.documentcard .face.face2 .content h3 {
  margin: 0 0 10px 0;
  padding: 0;
  color: #fff;
  font-size: 24px;
  text-align: center;
  color: #414141;
}

.publicinside-page__btn {
  background-color: transparent;
  /* border: 1px solid; */
  /* border-radius: 0.5rem; */
  font-size: 11pt;
  font-weight: 400;
  /* margin-top: 2rem; */
  overflow: hidden;
  padding: 5px;
  /* position: relative; */
  text-decoration: none;
  transition: all 0.3s ease;
  width: 90%;
  position: absolute;
  justify-content: flex-end;
  display: flex;
  /* z-index: 10; */
}

.publicinside-page__btn--city {
  border-color: #ff40a1;
  color: #ff40a1;
}

.bordercolor {
  border: 1px solid #0086ca;
  position: relative;
  z-index: 10;
  background: #fff;
  box-shadow: #0086ca 0 0 5px;
}

/* .bordercolor:before 
{
    content:"";
    display:block;
    position:absolute;
    z-index:-1;
    top:2px;
    left:2px;
    right:2px;
    bottom:2px;
    border:2px solid #0086ca;
    
    border-radius:25px;
} */

.contenttitle {
  background-color: #0d3d56;
  color: #fff;
  text-transform: uppercase;
}

:root {
  --background-color: #3a3e4f;
  --card-color: #282a36;
  --text-color: #f8f8f2;
  --clr-green: #a0faa6;
  --clr-blue: #8bfbf5;
  --clr-pink: #ff79c6;
  --clr-purple: #9b70c6;
  --clr-yellow: #f1fa94;
  --gradient: linear-gradient(
    244deg,
    #9b70c6 2%,
    #8bfbf5 49%,
    #a0faa6 71%,
    #f1fa94 100%
  );
}

.hovercard {
  display: flex;
  width: 100%;
  height: 24rem;

  position: relative;
  /* background-color: var(--card-color); */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  align-self: center;
  overflow: hidden;
}

.hovercard .content {
  padding-top: 130px;
}

.hovercard .content p {
  margin: 0;
  padding: 0;
  text-align: start;
  color: #414141;
}

.hovercard1::after {
  padding: 30px;
  content: 'How';
  font-size: 20px;
  color: var(--clr-yellow);
  width: 100%;
  position: absolute;
  bottom: 0;
  background: var(--clr-yellow);
  transform: translateY(80%);
  transition: ease 0.8s;
  height: 100%;
  border-radius: 0px 0px 10px 10px;
  z-index: 2000;
}

.hovercard1:hover::after {
  transform: translateY(0%);
  color: black;
}

.hovercard2 {
  background-image: var(--gradient);
  color: black;
  padding: 30px;
}

.hovercard2::after {
  content: 'you';
  font-size: 20px;
  color: white;
  text-align: left;
  width: 101%;
  height: 101%;
  transform: translateX(-70%) translateY(-90%);
  transition: ease 0.7s;
  position: absolute;
  border-radius: 10px;
  background-color: #282a36;
}

.hovercard2:hover::after {
  transform: translate(0);
  border-radius: 10px;
}

.hovercard3 .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
  background: #f00;
  transition: 0.7s;
  z-index: 1;
}

.hovercard3::after {
  padding: 30px;
  content: "doin'";
  font-size: 20px;
  writing-mode: vertical-rl;
  text-align: left;
  color: black;
  width: 100%;
  height: 100%;
  transform: scale(1.1);
  transition: ease 0.7s;
  position: absolute;
  border-radius: 0px 0px 10px;
  /* background-color: var(--clr-purple); */
}

/* .hovercard3 .content p::after{
  color:#fff;
} */
.hovercard3 .icon,
.hovercard3:hover::after {
  transform: scale(1.1);
  border-radius: 10px;
  position: absolute;
  /* color:#fff; */
}

/* .hovercard .content p:hover::after
{
  position: absolute;
  color:#fff;
} */

/* .hovercard .content p::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -16px;
  right: -16px;
  background: #00838d;
  height: 32px;
  width: 32px;
  border-radius: 32px;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: transform 0.25s ease-out;
}

.hovercard:hover::before {
  transform: scale(21);
} */

.go-corner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 93px;
  height: 32px;
  overflow: hidden;
  top: 0;
  right: 0;
  background-color: #00838d;
  border-radius: 0 4px 0 32px;
}

.go-arrow {
  margin-top: -4px;
  margin-right: -4px;
  color: white;
  font-family: courier, sans;
}

.card1 {
  display: block;

  position: relative;
  max-width: 100%;
  background-color: #f2f8f9;
  border-radius: 4px;
  padding: 10px;
  /* margin: 12px; */
  text-decoration: none;
  z-index: 0;
  overflow: hidden;
}

.card1:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0px;
  right: -16px;
  background: #e07768;
  height: 100%;
  width: 10%;
  border-radius: 32px;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: transform 0.25s ease-out;
}

.card1 .icon {
  /* position: absolute; */
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  color: #00838d;
  /* height: 250px; */
  /* background: #f00; */
  transition: 0.7s;
  z-index: 1;
  font-size: 30pt;
  border-bottom: 1px solid #e07768;
}

.card1 .icon p {
  /* position: absolute;
  top: 0;
  left: 0; */
  width: 100%;
  /* height: 100%; */
  /* background: #f00; */
  color: #111;
  transition: 0.7s;
  z-index: 1;
  font-size: 30px;
}

.card1 p {
  font-size: 16px;
}

.card1:hover:before {
  transform: scale(21);
}

.card1:hover p,
.card1:hover h3,
.card1:hover a,
.card1:hover i {
  transition: all 0.3s ease-out;
  color: #fff;
}

.card2 {
  display: block;

  position: relative;
  max-width: 100%;
  background-color: #f2f8f9;
  border-radius: 4px;
  padding: 10px;
  /* margin: 12px; */
  text-decoration: none;
  z-index: 0;
  overflow: hidden;
}

.card2:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0px;
  right: -16px;
  background: #4aada9;
  height: 100%;
  width: 10%;
  border-radius: 32px;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: transform 0.25s ease-out;
}

.card2 .icon {
  /* position: absolute; */
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  color: #00838d;
  /* height: 250px; */
  /* background: #f00; */
  transition: 0.7s;
  z-index: 1;
  font-size: 30pt;
  border-bottom: 1px solid #4aada9;
}

.card2 .icon p {
  /* position: absolute;
  top: 0;
  left: 0; */
  width: 100%;
  /* height: 100%; */
  /* background: #f00; */
  color: #111;
  transition: 0.7s;
  z-index: 1;
  font-size: 30px;
}

.card2 p {
  font-size: 16px;
}

.card2:hover:before {
  transform: scale(21);
}

.card2:hover p,
.card2:hover h3,
.card2:hover a,
.card2:hover i {
  transition: all 0.3s ease-out;
  color: #fff;
}

.card3 {
  display: block;

  position: relative;
  max-width: 100%;
  background-color: #f2f8f9;
  border-radius: 4px;
  padding: 10px;
  /* margin: 12px; */
  text-decoration: none;
  z-index: 0;
  overflow: hidden;
}

.card3:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0px;
  right: -16px;
  background: #6eadd4;
  height: 100%;
  width: 10%;
  border-radius: 32px;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: transform 0.25s ease-out;
}

.card3 .icon {
  /* position: absolute; */
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  color: #00838d;
  /* height: 250px; */
  /* background: #f00; */
  transition: 0.7s;
  z-index: 1;
  font-size: 30pt;
  border-bottom: 1px solid #6eadd4;
}

.card3 .icon p {
  /* position: absolute;
  top: 0;
  left: 0; */
  width: 100%;
  /* height: 100%; */
  /* background: #f00; */
  color: #111;
  transition: 0.7s;
  z-index: 1;
  font-size: 30px;
}

.card3 p {
  font-size: 16px;
}

.card3:hover:before {
  transform: scale(21);
}

.card3:hover p,
.card3:hover h3,
.card3:hover a,
.card3:hover i {
  transition: all 0.3s ease-out;
  color: #fff;
}

/* .card1:hover p {
  transition: all 0.3s ease-out;
  color: #fff;
}
.card1:hover h3 {
  transition: all 0.3s ease-out;
  color: #fff;
} */
.publicmore_btn {
  background-color: transparent;
  /* border: 1px solid; */
  /* border-radius: 0.5rem; */
  font-size: 11pt;
  font-weight: 400;
  /* margin-top: 2rem; */
  overflow: hidden;
  padding: 5px;
  /* position: relative; */
  text-decoration: none;
  transition: all 0.3s ease;
  width: 90%;
  /* position: absolute; */
  justify-content: flex-end;
  display: flex;
  /* z-index: 10; */
}

.parentcard {
  display: flex;
  flex-wrap: wrap;
}

.scrolltop .icon {
  font-size: 30px;
  text-align: center;
  transform: rotate(-45deg);
  margin-top: 10px;
}

.scrolltop {
  position: fixed;
  bottom: 70px;
  right: 40px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff;
  display: none;
}

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

.footerpolicy i {
  color: #fff;
}

.footerpolicy span {
  padding-right: 10px;
  color: #fff;
}

.back-to-top {
  position: fixed;
  display: none;
  right: 45px;
  bottom: 45px;
  z-index: 99;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: 1px solid #fff;
  outline: none;
  background-color: #d9377f;
  /* #ff6347; */
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 12px;
}

#myBtn:hover {
  background-color: #37d940;
  /* #041e42; */
  color: #fff;
  border-color: 1px solid #fff;
  transform: translateY(-5px);
}

.top-btn {
  width: 50px;
  height: 50px;
  background: #1b03da;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  position: fixed;
  bottom: 10px;
  right: 30px;
  cursor: pointer;
  font-size: 18px;
  line-height: 50px;
  z-index: 999;
  transition: 0.5s;
}

.top-btn::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 0;
  background: #000;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 10px;
  transition: 0.5s;
}

.top-btn:hover::before {
  height: 100%;
}

.galleryicon img {
  height: 200px;
  width: 100%;
}

.list-view .galleryicon img {
  height: 200px;
  width: 300px;
}

.publication-flex {
  flex: 1 0 30px;
  display: flex;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.02);
}

.section_our_solution {
  padding-bottom: 20px;
}

.underline {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

.sidelink {
  display: block;
  padding: 0.5rem 1rem;
  color: #111;
}

.sidesublink {
  display: block;
  padding: 12px 12px 12px 37px;
  border-top: 1px solid #111;
  color: #111;
}

.sidelink:hover {
  /* display: block;
  padding: 0.5rem 1rem; */
  color: #fff;
  background: #041e42;
  font-weight: 500;
  /* border-bottom: 1px solid #fff; */
}

.sidesublink:hover {
  /* display: block;
  padding: 0.5rem 1rem; */
  color: #fff;
  background: #041e42;
  font-weight: 500;
  /* border-bottom: 1px solid #fff; */
}

.sidelink[data-toggle].collapsed:after {
  content: '▾';
}

.sidelink[data-toggle]:not(.collapsed):after {
  content: '▴';
}

.sidesublink[data-toggle]:not(.collapsed):after {
  content: '▴';
}

.sidemenu {
  background: #fff;
  color: #111;
  font-weight: 500;
  border-bottom: 1px solid #041e42;
}

.middleContent a {
  color: aqua;
}

.middleContent a:hover {
  color: #ff6347;
}

.effectTab-header .caption,
.effectTab-header .title {
  font-weight: 700;
  padding-bottom: 20px;
  position: relative;
  display: inline-block;
  color: #555;
  margin: 0 0 20px;
  text-align: center;
  text-transform: uppercase;
}

.effectTab-header .title {
  font-size: 36px;
  font-family: Oswald, sans-serif;
}

.effectTab-header .caption {
  font-size: 30px;
  font-family: 'Open Sans', sans-serif;
}

.effectTab-header .title::after,
.effectTab-header .title::before {
  position: absolute;
  background: linear-gradient(to right, #ed6ea0 0, #ec8c69 100%);
  content: '';
}

.effectTab-header .title::before {
  left: 0;
  width: 156%;
  height: 3px;
  margin-left: -28%;
  bottom: -1.5px;
}

.effectTab-header .title::after {
  left: 50%;
  width: 25px;
  height: 25px;
  bottom: -26px;
  margin: 0 0 0 -10px;
  -webkit-clip-path: polygon(75% 0, 75% 69%, 41% 93%, 0 68%, 0 0);
  clip-path: polygon(75% 0, 75% 69%, 41% 93%, 0 68%, 0 0);
}

.effect.effect-ten {
  background-color: #162633;
}

.effect.effect-ten img {
  transition: all 0.35s;
  transform: translate3d(-20px, 0, 0) scale(1.1, 1.1);
  -webkit-transition: all 0.35s;
  -webkit-transform: translate3d(-20px, 0, 0) scale(1.1, 1.1);
}

.effect.effect-ten:hover img {
  opacity: 0.85;
  transform: translate3d(0, 0, 0) scale(1, 1);
  -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
}

.effect.effect-ten h2 {
  transform: translate3d(0, 5px, 0);
  -webkit-transform: translate3d(0, 5px, 0);
  transition: all 0.35s;
  -webkit-transition: all 0.35s;
  font-family: Oswald;
  z-index: 2;
  position: relative;
  padding-top: 10%;
}

.effect.effect-ten:hover h2 {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

.effect.effect-ten p {
  font-size: 0.8rem;
  line-height: 1.1;
  padding-top: 5px;
  transform: translate3d(0, 10px, 0);
  transition: all 0.35s;
  -webkit-transform: translate3d(0, 10px, 0);
  -webkit-transition: all 0.35s;
  font-family: Poppins;
}

.effect.effect-ten:hover p {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

.effect.effect-ten .formertab-text {
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  perspective: 300px;
}

.effect.effect-ten .formertab-text:after {
  content: '';
  width: 180%;
  height: 180%;
  background: linear-gradient(
    -45deg,
    rgba(0, 0, 0, 0) 49%,
    rgba(0, 0, 0, 0.45) 50%
  );
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

.effect.effect-ten .formertab-text:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  height: 60px;
  background: linear-gradient(
    -45deg,
    rgba(0, 0, 0, 0) 49%,
    rgba(132, 132, 132, 0.45) 50%,
    rgba(255, 255, 255, 0.65) 65%
  );
  transform: rotate3d(-1, 1, 0, 20deg);
  transform-origin: 50% 50%;
  transition: width 0.2s linear 0.2s, height 0.2s linear 0.2s,
    bottom 0.2s linear 0s, right 0.2s linear 0s;
  -webkit-transform: rotate3d(-1, 1, 0, 20deg);
  -webkit-transform-origin: 50% 50%;
  -webkit-transition: width 0.2s linear 0.2s, height 0.2s linear 0.2s,
    bottom 0.2s linear 0s, right 0.2s linear 0s;
}

.effect.effect-ten:hover .formertab-text:after {
  top: -80%;
  left: -80%;
  background: linear-gradient(
    -45deg,
    rgba(0, 0, 0, 0) 49%,
    rgba(0, 0, 0, 0.45) 60%
  );
}

.effect.effect-ten:hover .formertab-text:before {
  width: 100%;
  height: 100%;
  bottom: 50%;
  right: 50%;
  -webkit-transition: width 0.2s linear 0s, height 0.2s linear 0s,
    bottom 0.2s linear 0.2s, right 0.2s linear 0.2s;
  transition: width 0.2s linear 0s, height 0.2s linear 0s,
    bottom 0.2s linear 0.2s, right 0.2s linear 0.2s;
}

.effect.effect-ten .icons-block {
  z-index: 1000;
  position: absolute;
  top: 10px;
  width: 100%;
  left: 0;
  text-align: left;
  padding-left: 15px;
  padding-top: 10px;
}

.effect.effect-ten .icons-block .social-icon-1,
.effect.effect-ten .icons-block .social-icon-2,
.effect.effect-ten .icons-block .social-icon-3 {
  transition: all 0.5s ease-in-out;
  opacity: 0;
}

.effect.effect-ten:hover .social-icon-1 {
  opacity: 1;
  transition-delay: 0.3s;
  transition-duration: 0.5s;
}

.effect.effect-ten:hover .social-icon-2 {
  opacity: 1;
  transition-delay: 0.4s;
  transition-duration: 0.5s;
}

.effect.effect-ten:hover .social-icon-3 {
  opacity: 1;
  transition-delay: 0.5s;
  transition-duration: 0.5s;
}

.effect.effect-ten .icons-block i {
  color: rgba(255, 255, 255, 0.9);
  padding-left: 7px;
  font-size: 1.2rem;
}

.rotate {
  position: absolute;
  transform: rotate(-20deg);
  left: 0;
  font-size: 2.8rem;
  top: 5px;
}

.ex_padd {
  padding-top: 170px !important;
}

.formernav-icon-container {
  display: block;
}

.formernav-icon {
  width: 50px;
  height: 50px;
  border: 2px solid #fff;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  z-index: 100;
}

.formernav-icon span {
  width: 60%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}

.formernav-icon-1 {
  top: 30%;
}

.formernav-icon-2 {
  top: 50%;
}

.formernav-icon-3 {
  top: 70%;
}

.formernav-icon.active .formernav-icon-1 {
  top: 50%;
  transform: rotate(45deg);
  left: 22%;
}

.formernav-icon.active .formernav-icon-3 {
  top: 50%;
  transform: rotate(-45deg);
  left: 22%;
}

.formernav-icon.active .formernav-icon-2 {
  width: 0;
}

.formernav-formermenu {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.formernav-formermenu li {
  list-style: none;
  position: relative;
}

.formernav-formermenu li a {
  color: #fff;
  text-decoration: none;
  display: inline-block;
  padding: 0 20px;
}

.formernav-formermenu li:after,
.formernav-formermenu li:before {
  content: '';
  position: absolute;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.2);
  bottom: 0;
  width: 0;
  transition: all 0.3s ease-in-out;
}

.formernav-formermenu li:before {
  left: 0;
}

.formernav-formermenu li:after {
  right: 0;
}

.formernav-formermenu li:hover:after,
.formernav-formermenu li:hover:before {
  width: 50%;
}

.formernav-formermenu li.active:after,
.formernav-formermenu li.active:before {
  background-color: rgba(0, 128, 128, 1);
}

.formermenu {
  width: 200px;
  background-color: #0b466c;
  text-align: center;
  padding: 40px;
  position: fixed;
  top: 96px;
  right: -200px;
  overflow: scroll;
  height: calc(100% - 96px);
  z-index: 1000;
}

.formermenu.active {
  right: 0;
}

.formermenu .formernav-formermenu {
  flex-direction: column;
  width: 150px;
}

.formermenu .formernav-formermenu li {
  margin: 10px 0;
  width: 80%;
}

.box-formertab {
  margin: 10px 0;
}

.effect {
  margin: auto;
  box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.07);
  background-color: #fff;
  border: 5px solid #f5f5f5;
}

.formertab-container {
  padding: 10px 0;
}

.formertab-head {
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.formertab .effect {
  position: relative;
  overflow: hidden;
  max-height: 400px;
  max-width: 350px;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
}

.grid-width3,
.grid-width6 {
  max-height: 270px !important;
  max-width: 530px !important;
}

.grid-width8 {
  max-width: 700px !important;
}

.formertab .effect img {
  position: relative;
  display: block;
  min-height: 100%;
  opacity: 0.8;
}

.formertab .effect .formertab-text {
  /* padding: 2em; */
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 250px;
}

.formertab-text h2 {
  color: #fff;
  margin: 0;
  font-size: 1.5rem;
}

.formertab-text p {
  color: #fff;
  margin: 0;
  font-size: 1rem;
}

.hide {
  display: none;
}

.effect.effect-three {
  background: linear-gradient(-45deg, #0c71e9 0, #034b96, 100%);
  text-align: left;
}

.effect.effect-three h2 {
  transform: translate3d(25px, 0, 0);
  -webkit-transform: translate3d(25px, 0, 0);
  transition: all 0.35s;
  font-family: Oswald;
  font-size: 1.6rem;
}

.effect.effect-three h2:before {
  content: '[ ';
  position: absolute;
  left: -15px;
  bottom: 3px;
  font-weight: 400;
}

.effect.effect-three:hover h2 {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  opacity: 0.5;
}

.effect.effect-three .formertab-text:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  border: 140px solid red;
  border-radius: 50% 0 0 50%;
  opacity: 0;
  transform: translate3d(50%, 50%, 0) rotate3d(0, 0, 1, 135deg);
  transition: all 0.35s 0.15s;
  border-color: transparent transparent transparent #fff;
}

.effect.effect-three:hover .formertab-text:before {
  transform: translate3d(50%, 50%, 0) rotate3d(0, 0, 1, 45deg);
  opacity: 0.8;
  transition-delay: 0s;
}

.effect.effect-three p {
  position: absolute;
  width: 31px;
  height: 36px;
  bottom: 70px;
  right: -31px;
  font-size: 120%;
}

.effect.effect-three p a {
  width: 31px;
  height: 36px;
  position: absolute;
  opacity: 0;
  transition: all 0.35s cubic-bezier(0.25, 0.4, 0.2, 0.5) 0s;
}

.effect.effect-three p a i {
  color: #5d504f;
  transition: transform 0.35s cubic-bezier(0.5, 0.2, 0.4, 0.25) 0s;
}

.effect.effect-three p a i:hover {
  color: #cc6055;
}

.effect.effect-three:hover p a {
  opacity: 1;
}

.effect.effect-three:hover p a:nth-child(1) {
  transform: translate3d(0, 60px, 0);
  -webkit-transform: translate3d(0, 60px, 0);
  transition: all 0.35s cubic-bezier(0.5, 0.2, 0.4, 0.25) 0.15s;
  -webkit-transition: all 0.35s cubic-bezier(0.5, 0.2, 0.4, 0.25) 0.15s;
}

.effect.effect-three:hover p a:nth-child(1) i {
  transform: translate3d(-100px, 0, 0);
  transition: transform 0.35s cubic-bezier(0.25, 0.4, 0.2, 0.5) 0.15s;
  -webkit-transform: translate3d(-100px, 0, 0);
  -webkit-transition: transform 0.35s cubic-bezier(0.25, 0.4, 0.2, 0.5) 0.15s;
}

.effect.effect-three:hover p a:nth-child(2) {
  transform: translate3d(0, 30px, 0);
  transition: all 0.35s cubic-bezier(0.5, 0.2, 0.4, 0.25) 0.25s;
  -webkit-transform: translate3d(0, 30px, 0);
  -webkit-transition: all 0.35s cubic-bezier(0.5, 0.2, 0.4, 0.25) 0.25s;
}

.effect.effect-three:hover p a:nth-child(2) i {
  transform: translate3d(-80px, 0, 0);
  transition: transform 0.35s cubic-bezier(0.25, 0.4, 0.2, 0.5) 0.25s;
  -webkit-transform: translate3d(-80px, 0, 0);
  -webkit-transition: transform 0.35s cubic-bezier(0.25, 0.4, 0.2, 0.5) 0.25s;
}

.effect.effect-three:hover p a:nth-child(3) {
  transform: translate3d(0, 0, 0);
  transition: all 0.35s cubic-bezier(0.5, 0.2, 0.4, 0.25) 0.35s;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s cubic-bezier(0.5, 0.2, 0.4, 0.25) 0.35s;
}

.effect.effect-three:hover p a:nth-child(3) i {
  transform: translate3d(-45px, 0, 0);
  transition: transform 0.35s cubic-bezier(0.25, 0.4, 0.2, 0.5) 0.35s;
  -webkit-transform: translate3d(-45px, 0, 0);
  -webkit-transition: transform 0.35s cubic-bezier(0.25, 0.4, 0.2, 0.5) 0.35s;
}

.effect.effect-three img {
  transform: scale3d(1.1, 1.1, 1) translate3d(15px, 0, 0);
  transition: all 0.35s;
  transform-origin: 85% 100%;
  -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(15px, 0, 0);
  -webkit-transition: all 0.35s;
  -webkit-transform-origin: 85% 100%;
}

.effect.effect-three:hover img {
  transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0);
  -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0);
  opacity: 0.6;
}

.effect.effect-two .formertab-text {
  top: auto;
  bottom: 0;
  padding: 1em;
  height: 3.75em;
  background: rgba(241, 169, 1, 0.95);
  color: #3c4a50;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.effect.effect-two .col3 {
  height: 5.5rem !important;
}

.effect.effect-two h2 {
  float: left;
  font-size: 1.1rem;
  font-weight: 600;
  word-break: break-all;
  width: 50%;
  text-align: left;
  display: inline-block;
}

.effect-two .col3-head {
  width: 100% !important;
  padding-bottom: 10px;
}

.effect-two .icon-links a {
  font-size: 1.2rem !important;
}

.effect.effect-two p.icon-links a {
  float: right;
  color: #f1f8ff;
  font-size: 1.4em;
  line-height: 20px;
}

.effect.effect-two:hover p.icon-links a:focus,
.effect.effect-two:hover p.icon-links a:hover {
  color: #252d31;
}

.effect.effect-two p.description {
  position: absolute;
  font-size: 1rem !important;
  bottom: 7em;
  color: #fff;
  text-transform: none;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  line-height: 18px;
  padding: 0px 50px;
  background-color: rgba(0, 0, 0, 0.5);
  right: 30px;
  left: 30px;
  -webkit-clip-path: polygon(25% 0, 100% 0, 75% 100%, 0 100%);
  clip-path: polygon(7% 0, 100% 0, 93% 100%, 2% 100%);
}

.effect.effect-two p.col6 {
  left: 80px !important;
  right: 80px !important;
  bottom: 8rem;
}

.effect.effect-two h2,
.effect.effect-two p.icon-links a {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 200%, 0);
  transform: translate3d(0, 200%, 0);
}

.effect.effect-two:hover p.description {
  opacity: 1;
}

.effect.effect-two:hover .formertab-text,
.effect.effect-two:hover h2,
.effect.effect-two:hover p.icon-links a {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  padding-right: 10px;
}

.effect.effect-two:hover h2 {
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms;
}

.effect.effect-two:hover p.icon-links a:nth-child(3) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.effect.effect-two:hover p.icon-links a:nth-child(2) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.effect.effect-two:hover p.icon-links a:first-child {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

/*/////////////////
// Mise en page */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.page {
  color: #333;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  max-height: 250px;
}

.container-center {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  /* margin-top: 2rem; */
  /* justify-content: center; */
  text-align: justify;
  background: #fff;
}

.container-center-blue {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  /* margin-top: 2rem; */
  /* justify-content: center; */
  text-align: justify;
  background: #041e42;
}

/*////////////////////////////////
// Animation du texte difilant */

.box {
  color: #111;
  width: 26rem;
  height: 13rem;
  overflow: hidden;
  margin: 1rem auto;
  position: relative;
  /* background: #fff; */
  border-radius: 1rem;
}

.bluebox li a {
  color: #111;
}

.tgg1 {
  font-size: 2.3rem;
  line-height: 1.55rem;
  letter-spacing: 0.4rem;
  /* font-family: "American Captain"; */
}

.tgg2 {
  line-height: 1.6rem;
  padding: 5px;
  letter-spacing: 0rem;
  font-size: 2rem;
  /* font-family: "Maven Pro", sans-serif; */
  font-weight: 700;
  max-height: 150px;
  /* text-transform: uppercase; */
}

.marquee {
  padding: 1.5rem;
  position: absolute;
  animation: marquee 1s linear infinite;
}

.marquee1:hover {
  animation-play-state: paused;
  /* overflow :scroll; */
}

@keyframes marquee {
  0% {
    left: 0vw;
    top: 0.4rem;
  }

  50% {
    left: 0vw;
    top: -20rem;
  }

  100% {
    left: 0vw;
    top: 0.4rem;
  }
}

.link {
  color: #4884cb;
  text-align: center;
  font-size: 1rem;
}

.link a {
  color: #1de9b6;
  transition: color 0.5s;
  text-decoration: none;
}

.moredetails {
  color: #041e42 !important;
  display: inline-block;
  /* padding: 9px 24px; */
  /* font-family: "Poppins", sans-serif; */
  font-size: 15px;
  font-weight: 600;
}

.moredetails_bgblue {
  color: #fff !important;
  display: inline-block;
  /* padding: 9px 24px; */
  /* font-family: "Poppins", sans-serif; */
  font-size: 15px;
  font-weight: 600;
}

/*==================================================
                    NAV-BAR
====================================================*/
#sideNav .navbar-nav .nav-item .nav-link {
  font-weight: 600;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  #sideNav {
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 17rem;
    height: 100vh;
  }

  #sideNav .navbar-brand {
    display: flex;
    margin: auto auto 0;
    padding: 0.5rem;
  }

  #sideNav .navbar-brand .img-profile {
    max-width: 10rem;
    max-height: 10rem;
    border: 0.5rem solid rgba(255, 255, 255, 0.2);
  }

  #sideNav .navbar-collapse {
    display: flex;
    align-items: flex-start;
    flex-grow: 0;
    width: 100%;
    margin-bottom: auto;
  }

  #sideNav .navbar-collapse .navbar-nav {
    flex-direction: column;
    width: 100%;
  }

  #sideNav .navbar-collapse .navbar-nav .nav-item {
    display: block;
  }

  #sideNav .navbar-collapse .navbar-nav .nav-item .nav-link {
    display: block;
  }
}

/*==================================================
              BUTTON (Generic)
====================================================*/

.btn-general {
  background-color: transparent;
  text-align: center;
  border-width: 1px;
  border-radius: 0px;
  font-size: 16px;
  padding: 10px 15px;
  font-weight: 400;
  text-transform: uppercase;
}

.btn-white {
  border-color: #2196f3;
  background-color: #2196f3;
  color: #fff;
}

.btn-white:hover,
.btn-white:focus {
  background-color: transparent;
  color: #2196f3;
  cursor: pointer;
}

.btn-green {
  border-color: #2196f3;
  color: #2196f3;
}

.btn-green:hover,
.btn-green:focus {
  background-color: #2196f3;
  color: #fff;
  cursor: pointer;
}

/*==================================================
              SECTION (Generic)
====================================================*/
.heading-border {
  width: 60px;
  height: 10px;
  background-color: #2196f3;
  /* margin: 0 auto 20px auto; */
}

section.resume-section {
  border-bottom: 1px solid #dee2e6;
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

section.resume-section .resume-item .resume-date {
  min-width: none;
}

@media (min-width: 768px) {
  section.resume-section {
    min-height: 30vh;
  }

  section.resume-section .resume-item .resume-date {
    min-width: 18rem;
  }
}

@media (min-width: 992px) {
  section.resume-section {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}

.bg-primary,
.bg-primarys {
  background-color: #2196f3 !important;
}

.text-primary {
  color: #2196f3 !important;
}
.text-primarys {
  color: #041e42 !important;
  font-weight: 800;
}
/*==================================================
                  ABOUT
====================================================*/
#about {
  /* background-image: url(../img/leaders/profile-banner.jpg); */
  background-size: cover;
  /* background-position: center center; */
  background-repeat: no-repeat;
  background-color: #eeeeee;
}

#about h1 {
  /*font-size: 100%;*/
}

/*==================================================
                EXPERIENCE
====================================================*/
#experience {
  background: #f5f5f5;
}

#experience .card h4 {
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: none;
  color: #555;
}

/*====================================================
               PORTFOLIO
======================================================*/

#portfolio {
  padding: 100px 0;
}

.port-head-cont {
  margin: 20px auto 40px auto;
  text-align: center;
}

.port-head-cont button {
  margin: 5px 2px;
}

#portfolio .portfolio-item {
  right: 0;
  margin: 0 0 15px;
}

#portfolio .portfolio-item .portfolio-link {
  position: relative;
  display: block;
  max-width: 400px;
  margin: 0 auto;
  cursor: pointer;
}

#portfolio .portfolio-item .portfolio-link .caption-port {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s;
  opacity: 0;
  background: rgba(54, 160, 245, 0.73);
}

#portfolio .portfolio-item .portfolio-link .caption-port:hover {
  opacity: 1;
}

#portfolio .portfolio-item .portfolio-link .caption-port .caption-port-content {
  font-size: 20px;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 20px;
  margin-top: -12px;
  text-align: center;
  color: white;
}

#portfolio
  .portfolio-item
  .portfolio-link
  .caption-port
  .caption-port-content
  i {
  margin-top: -12px;
}

#portfolio
  .portfolio-item
  .portfolio-link
  .caption-port
  .caption-port-content
  h3,
#portfolio
  .portfolio-item
  .portfolio-link
  .caption-port
  .caption-port-content
  h4 {
  margin: 0;
}

#portfolio * {
  z-index: 2;
}

@media (min-width: 767px) {
  #portfolio .portfolio-item {
    margin: 0 0 30px;
  }
}

.portfolio-modal .modal-dialog {
  max-width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
  border: none;
  border-radius: 0;
  background-clip: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.portfolio-modal .title-bar {
  padding: 0 0 50px 0;
}

.portfolio-modal .title-bar h1 {
  visibility: initial;
  animation-name: initial;
}

.portfolio-modal .modal-dialog .modal-content {
  padding: 10px 0 100px 0;
  border: 0;
  border-radius: 0;
}

.portfolio-modal .modal-dialog .modal-content img {
  margin-bottom: 30px;
}

.portfolio-modal .modal-dialog .modal-content .item-details {
  margin: 30px 0;
}

.portfolio-modal .close-modal {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 75px;
  height: 75px;
  cursor: pointer;
  background-color: transparent;
}

.portfolio-modal .close-modal:hover {
  opacity: 0.3;
}

.portfolio-modal .close-modal .lr {
  /* Safari and Chrome */
  z-index: 1051;
  width: 1px;
  height: 75px;
  margin-left: 35px;
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #2c3e50;
}

.portfolio-modal .close-modal .lr .rl {
  /* Safari and Chrome */
  z-index: 1052;
  width: 1px;
  height: 75px;
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: #2c3e50;
}

.portfolio-modal .modal-backdrop {
  display: none;
  opacity: 0;
}

@media (max-width: 850px) {
  .portfolio-modal .close-modal {
    display: none;
  }
}

/*====================================================
                  SKILLS
======================================================*/

#skills {
  background-image: url('../img/bg-stats.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.skill-cover {
  background-color: rgba(31, 31, 31, 0.68);
}

.skill-cover h3 {
  font-family: 'hind', sans-serif;
  font-size: 35px;
  margin-bottom: 40px;
}

.skill-item {
  padding: 20px 0;
  margin-bottom: 30px;
  background: rgba(144, 144, 144, 0.78);
}

.skill-item i {
  color: #2196f3;
}

.skill-item h2 {
  color: #fff;
  font-size: 'hind', sans-serif;
  font-size: 35px;
  font-weight: 700;
  margin-top: 15px;
  margin-bottom: 1px;
}

.skill-item p {
  color: #fff;
  font-family: 'hind', sans-serif;
  /*text-transform: uppercase;*/
  font-weight: 300;
  margin-top: 0;
}

/*====================================================
                  AWARD
======================================================*/

#awards {
  background: #f0f0f0;
}

#award-box {
  overflow: hidden;
  position: relative;
   /* padding: 60px 0;  */
   padding: 30px 0; 
}

#award-box:before {
  content: '';
  width: 1px;
  height: 100%;
  background: #cfcdcd;
  position: absolute;
  top: 0;
  left: 50%;
}

#award-box .award {
  width: 50%;
  clear: both;
  position: relative;
}

#award-box .award:before,
#award-box .award:after {
  content: '';
  display: block;
  clear: both;
}

#award-box .award:first-child:before,
#award-box .award:last-child:before {
  content: '';
  width: 11px;
  height: 11px;
  background: #cfcdcd;
  box-sizing: content-box;
  border: 5px solid #fff;
  box-shadow: 0 0 0 2px #cfcdcd;
  position: absolute;
  top: -54px;
  right: -11px;
  transform: rotate(45deg);
}

#award-box .award:last-child:before {
  top: auto;
  bottom: -54px;
}

#award-box .award:last-child:nth-child(even):before {
  right: auto;
  left: -11px;
}

#award-box .award-icon {
  width: 24px;
  height: 24px;
  background: #fff;
  border: 1px solid #cfcdcd;
  position: absolute;
  top: 17px;
  right: -13px;
  z-index: 1;
  transform: rotate(45deg);
}

#award-box .award-icon:before {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: background-color 0.2s ease 0s;
}

#award-box .award:hover .award-icon:before {
  background: #39b3ff;
}

#award-box .award-content {
  width: 85%;
  padding: 18px 30px;
  background: #fff;
  text-align: right;
  float: left;
  border: 1px solid transparent;
  border-radius: 20px;
  position: relative;
  transition: all 0.3s ease 0s;
}

#award-box .award:hover .award-content {
  border: 1px solid #cfcdcd;
}

#award-box .award-content:before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background: #fff;
  border: 1px solid #cfcdcd;
  position: absolute;
  top: 21px;
  right: -7.3px;
  transform: rotate(45deg);
  transition: all 0.2s ease 0s;
}

#award-box .award:hover .award-content:before {
  background: #39b3ff;
  border-color: #39b3ff;
}

#award-box .award-content:after {
  content: '';
  width: 11%;
  height: 1px;
  background: #cfcdcd;
  position: absolute;
  top: 28px;
  right: -14%;
}

#award-box .date {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #39b3ff;
  margin: 0 0 8px;
  transition: all 0.3s ease 0s;
}

#award-box .award:hover .date {
  color: #444;
}

#award-box .title {
  font-size: 18px;
  color: #444;
  margin-top: 0;
  transition: all 0.3s ease 0s;
  text-align:justify;
}

#award-box .award:hover .title {
  color: #39b3ff;
}

#award-box .description {
  font-size: 16px;
  color: #777;
  line-height: 28px;
  margin-top: 8px;
}

#award-box .award:nth-child(2n),
#award-box .award:nth-child(2n) .award-content {
  float: right;
  text-align: left;
}

#award-box .award:nth-child(2n) .award-icon {
  right: 0;
  left: -12px;
}

#award-box .award:nth-child(2n) .award-content:before {
  left: -7.3px;
}

#award-box .award:nth-child(2n) .award-content:after {
  left: -14%;
}

@media only screen and (max-width: 767px) {
  #award-box {
    padding-left: 20px;
  }

  #award-box:before {
    left: 20px;
  }

  #award-box .award {
    width: 100%;
  }

  #award-box .award,
  #award-box .award-content {
    float: right;
    padding: 5px;
    text-align: left;
  }

  #award-box .award:first-child:before,
  #award-box .award:last-child:nth-child(odd):before {
    right: auto;
    left: -11px;
  }

  #award-box .award-icon {
    right: 0;
    left: -12px;
  }

  #award-box .award-content:before {
    left: -7.3px;
  }

  #award-box .award-content:after {
    left: -14%;
  }
}

/*====================================================
               CONTACT
======================================================*/

#contact {
  padding: 50px 0;
}

#contact .contact-cont h3 {
  color: #555;
  font-size: 45px;
}

#contact .contact-cont p {
  padding-right: 20px;
  font-size: 15px;
}

#contact .contact-cont2 address,
#contact .contact-cont2 address a {
  color: #666;
}

.con-form input {
  border-color: #ccc;
  border-radius: 0;
  color: #717171;
  margin-top: 30px;
}

.con-form textarea {
  width: 100%;
  height: 200px;
  margin: 30px 0;
  border-color: #ccc;
  border-radius: 0;
  color: #717171;
}

.contact-side-desc {
  padding-top: 40px;
}

.contact-box-desc h3 {
  color: #555;
}

.contact-box-desc h3 i {
  color: #2196f3;
}

.social-icon-f li {
  display: inline-block;
}

.social-icon-f li i {
  height: 35px;
  width: 35px;
  line-height: 35px;
  border: 2px solid #2196f3;
  text-align: center;
  margin-right: 10px;
  border-radius: 50%;
}

@media (max-width: 767px) {
  #contact-p2 .con-form input {
    margin-bottom: 30px;
  }

  .con-form textarea {
    width: 100%;
    height: 200px;
    margin: 10px 0 30px 0;
    border-color: #ccc;
    border-radius: 0;
    color: #717171;
  }

  .contact-box-desc {
    text-align: center;
  }

  #contact .social-icon-f {
    text-align: center;
  }
}

@media (max-width: 575px) {
  #contact .social-icon-f {
    text-align: center;
  }
}

@media (max-width: 420px) {
  #contact .social-icon-f {
    text-align: center;
  }
}

.map-responsive {
  overflow: hidden;
  padding-bottom: 50%;
  position: relative;
  height: 0;
}

.map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

#content {
  position: relative;
  z-index: 1;
  padding-top: 0px;
}

.page-section {
  padding: 30px 240px 20px 40px;
  font-size: 16px;
}

.page-section > h1 {
  font-size: 32px;
}

#admin-quick {
  /* position: fixed; */
  /* z-index: 1030; */
  /* top: 350px; */
  left: 40px;
  width: 100%;
  z-index: 3;
  cursor: pointer;
  /* position: sticky; */
  /* position: -webkit-sticky; */
}

.administration_bg {
}

.admin_title {
  font-weight: 500;
  initial-letter: 1.5;
  text-align: center;
  color: #111;
  /* background: #fff; */
  /* #0086ca */
}

.admin_hr {
  left: 25%;
  border: 0;
  border-top: 1px solid #111;
}

.admin_section {
  padding-top: 10px;
  font-size: 16px;
  /* padding-top: 10px; */
  padding-bottom: 100px;
  padding-left: 20px;
  padding-right: 20px;
  background: #fff;
  border-radius: 20px;
}

section.resume-section h2 {
  color: #111;
}

.subheading {
  color: #111;
}

.areaspecial {
  background: #fff;
  border-color: #ffc107;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.21);
}

.areaspecialbox {
  background: #fff;
}

.quick-menu {
  padding: 8px 0;
}

.adminquick-menu {
  padding: 8px 0;
  border-radius: 20px;
  background-color: #fff;
  border: 1px solid #d5d5d5;
}

.admin_header {
  /* width: 60px; */
  height: 5px;
  background-color: #13c3d6;
  margin: 0 auto 20px auto;
}

.adminquick-1st > li {
  position: relative;
  font-size: 14px;
}

.quick-1st > li:before {
  content: '';
  position: absolute;
  top: 18px;
  left: 3px;
  width: 1px;
  height: 100%;
  background-color: #e0e0e0;
}

.adminquick-1st > li:last-child:before {
  display: none;
}

.adminquick-1st > li > a {
  position: relative;
  display: inline-block;
  padding: 7px 0 8px 18px;
  line-height: 1.5;
  color: #222;
  font-weight: 700;
  word-break: keep-all;
  transition: all 0.3s ease;
}

.adminquick-1st > li > a:before {
  content: '';
  position: absolute;
  z-index: 11;
  top: 14px;
  left: -1px;
  width: 9px;
  height: 9px;
  border-radius: 100%;
  background-color: #111;
  transition: all 0.3s ease;
}

.adminquick-1st > li:hover > a,
.adminquick-1st > li.active > a {
  color: #13c3d6;
  font-size: 13pt;
}

.adminquick-1st > li:hover > a:before,
.adminquick-1st > li.active > a:before {
  background-color: #13c3d6;
}

.quick-1st > li {
  position: relative;
  font-size: 14px;
}

.quick-1st > li:before {
  content: '';
  position: absolute;
  top: 18px;
  left: 3px;
  width: 1px;
  height: 100%;
  background-color: #e0e0e0;
}

.quick-1st > li:last-child:before {
  display: none;
}

.quick-1st > li > a {
  position: relative;
  display: inline-block;
  padding: 7px 0 8px 18px;
  line-height: 1.5;
  color: #222;
  font-weight: 700;
  word-break: keep-all;
  transition: all 0.3s ease;
}

.quick-1st > li > a:before {
  content: '';
  position: absolute;
  z-index: 11;
  top: 14px;
  left: -1px;
  width: 9px;
  height: 9px;
  border-radius: 100%;
  background-color: #e0e0e0;
  transition: all 0.3s ease;
}

.quick-1st > li:hover > a,
.quick-1st > li.active > a {
  color: #fff;
  font-size: 13pt;
}

.quick-1st > li:hover > a:before,
.quick-1st > li.active > a:before {
  background-color: #fff;
}

.circle {
  margin-right: 5px;
  height: 10px;
  width: 10px;
  left: 0px;
  top: -1px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid #fff;
  transition: all 0.3s;
}

.username {
  font-weight: 500;
  initial-letter: 1.5;
  text-align: center;
  color: #fff;
}

#staffsticky {
  position: sticky;
  position: -webkit-sticky;
  background: #f83d23;
  width: 100px;
  height: 200px;
  top: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 6px #000;
  color: #fff;
}

.extra,
#staffwrapper {
  width: 75%;
  margin: auto;
  background-color: #ccc;
}

#staffwrapper {
  height: 900px;
}

.extra {
  height: 00px;
}

@media (min-height: 768px) {
  #staffwrapper {
    height: 2000px;
  }
}

/* :root {
  --hue: 223;
  --bg: hsl(var(--hue),10%,90%);
  --fg: hsl(var(--hue),10%,10%);
  --primary: hsl(var(--hue),90%,55%);
  --transDur: 0.3s;
 
} */

.img-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1em;
  padding: 1em;
  width: 100vw;
}

.img-grid__cell,
.img-grid__cell-img-btn {
  position: relative;
}

.img-grid__cell {
  aspect-ratio: 12 / 12;
  /* padding-top:26px; */
  height: 65%;
}

.img-grid__cell-img-btn {
  background-color: hsl(var(--hue), 10%, 85%);
  display: block;
  width: 100%;
  height: calc(100% - 0.5em);
  overflow: hidden;
  text-decoration: none;
  transition: background-color var(--transDur), opacity 0.15s linear;
}

.img-grid__cell-img-btn--active,
.img-grid__cell-img-btn:focus {
  opacity: 0.5;
}

.img-grid__cell-img-btn:focus {
  outline: transparent;
}

.img-grid__cell-img {
  display: block;
  position: absolute;
  pointer-events: none;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}

.img-grid__cell-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1.5em;
  padding-top: 36px;
}

.img-grid__cell-caption-link {
  color: currentColor;
  font-size: 0.5em;
  line-height: 1.25;
  text-decoration: none;
}

.img-grid__cell-caption-link br {
  display: none;
}

.img-grid__cell-caption-link:focus,
.img-grid__cell-caption-link:hover {
  text-decoration: underline;
}

.img-grid__cell-caption-link:focus {
  outline: transparent;
}

.img-grid__cell-caption-title,
.img-grid__cell-caption-subtitle {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13pt;
}

.img-grid__cell-caption-title {
  font-weight: bold;
  font-size: 13pt;
}

.img-grid__detail-pane {
  background-color: hsl(var(--hue), 10%, 10%);
  display: flex;
  flex-direction: column;
  color: hsl(var(--hue), 10%, 90%);
  grid-column: 1 / -1;
  padding: 3em 0 0 0;
  position: fixed;
  inset: 0;
  transition: background-color var(--transDur);
  z-index: 1;
}

.img-grid__detail-pane[data-open='false'] {
  display: none;
}

.img-grid__detail-pane-left {
  margin: auto 0;
}

.img-grid__detail-pane-right {
  background-color: hsl(var(--hue), 10%, 15%);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: space-between;
  padding: 1em;
}

.img-grid__detail-pane-img {
  display: block;
  margin: auto;
  height: auto;
  width: 100%;
}

.img-grid__detail-pane-close:focus,
.img-grid__detail-pane-btn:focus {
  outline: transparent;
}

.img-grid__detail-pane-close {
  background: transparent;
  color: hsl(var(--hue), 10%, 70%);
  align-self: flex-end;
  position: absolute;
  top: 1em;
  right: 1em;
  width: 0.75em;
  height: 0.75em;
}

.img-grid__detail-pane-close:focus,
.img-grid__detail-pane-close:hover {
  color: hsl(var(--hue), 10%, 90%);
}

.img-grid__detail-pane-arrow-svg,
.img-grid__detail-pane-close-svg {
  display: block;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.img-grid__detail-pane-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.img-grid__detail-pane-title {
  font-size: 0.75em;
  line-height: 1;
  font-weight: 500;
}

.img-grid__detail-pane-site {
  color: hsl(var(--hue), 10%, 70%);
  font-size: 0.5em;
}

.img-grid__detail-pane-btn {
  background-color: hsl(var(--hue), 10%, 25%);
  border-radius: 0.25rem;
  color: hsl(var(--hue), 10%, 90%);
  font-size: 0.5em;
  padding: 0.375rem 0.5rem;
  text-decoration: none;
  transition: background-color 0.15s linear, opacity 0.15s linear;
}

.img-grid__detail-pane-btn:disabled {
  opacity: 0.25;
}

.img-grid__detail-pane-btn:focus,
.img-grid__detail-pane-btn:not(:disabled):hover {
  background-color: hsl(var(--hue), 10%, 35%);
}

.img-grid__detail-pane-arrows {
  display: flex;
  justify-content: center;
}

.img-grid__detail-pane-btn--arrow {
  border-radius: 50%;
  display: block;
  padding: 0;
  width: 1rem;
  height: 1rem;
}

.img-grid__detail-pane-btn--arrow + .img-grid__detail-pane-btn--arrow {
  margin-left: 0.25rem;
}

/* `:focus-visible` support */
@supports selector(: focus-visible) {
  .img-grid__cell-img-btn:focus-visible {
    opacity: 0.5;
  }

  .img-grid__detail-pane-close:focus {
    color: hsl(var(--hue), 10%, 70%);
  }

  .img-grid__detail-pane-close:focus-visible,
  .img-grid__detail-pane-close:hover {
    color: hsl(var(--hue), 10%, 90%);
  }

  .img-grid__detail-pane-btn:focus {
    background-color: hsl(var(--hue), 10%, 25%);
  }

  .img-grid__detail-pane-btn:focus-visible,
  .img-grid__detail-pane-btn:not(:disabled):hover {
    background-color: hsl(var(--hue), 10%, 35%);
  }
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: hsl(var(--hue), 10%, 10%);
    --fg: hsl(var(--hue), 10%, 90%);
    --primary: hsl(var(--hue), 90%, 65%);
  }

  .img-grid__cell-img-btn {
    background-color: hsl(var(--hue), 10%, 20%);
  }

  .img-grid__detail-pane {
    background-color: hsl(var(--hue), 10%, 5%);
  }

  .img-grid__detail-pane-right {
    background-color: hsl(var(--hue), 10%, 10%);
  }
}

/* Tablet */
@media (min-width: 320px) {
  .img-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (min-width: 768px) {
  .img-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .img-grid__detail-pane {
    flex-direction: row;
    height: 10em;
    margin: 0 -1em;
    padding: 1em;
    position: static;
  }

  .img-grid__detail-pane-left,
  .img-grid__detail-pane-right {
    flex: 1;
  }

  .img-grid__detail-pane-left {
    flex: 2;
    margin: 0;
  }

  .img-grid__detail-pane-right {
    background-color: transparent;
    padding: 0 0 0 1em;
  }

  .img-grid__detail-pane-img {
    height: 100%;
    width: auto;
  }

  .img-grid__detail-pane-close {
    position: static;
  }

  .img-grid__detail-pane-info {
    display: block;
  }

  .img-grid__detail-pane-title,
  .img-grid__detail-pane-site {
    margin-bottom: 0.75rem;
  }

  .img-grid__detail-pane-arrows {
    justify-content: flex-end;
  }
}

/* Desktop */
@media (min-width: 1024px) {
  .img-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Larger Desktop */
@media (min-width: 1280px) {
  .img-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.img-grid__cell .img-grid__cell-img-btn:hover {
  opacity: 2;
  top: 0;
  height: 90%;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.container-block {
  color: #fff;
  display: inline-block;
  margin: 0rem 2rem 2rem 2rem;
  /* max-width: 500px; */
  position: relative;
  height: 70%;
}

.container-block::before {
  background-color: rgba(0, 0, 0, 0.3);
  bottom: 0;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
}

.container-block:hover .inner-block:before,
.container-block:hover .slider-top-right:after {
  height: 100%;
}

.container-block:hover .inner-block:after,
.container-block:hover .slider-top-right:before {
  width: 100%;
}

.container-block img {
  display: block;
  max-width: 100%;
}

.block-content {
  position: absolute;
  bottom: 10%;
  left: 10%;
  padding: 0 1rem;
}

.slider-top-right:before,
.inner-block:after {
  height: 4px;
  transition: width 0.75s ease;
  width: 0%;
}

.slider-top-right:after,
.inner-block:before {
  height: 0%;
  transition: height 0.75s ease;
  width: 4px;
}

.inner-block:before,
.inner-block:after,
.slider-top-right:before,
.slider-top-right:after {
  background-color: #fff;
  content: '';
  display: block;
  position: absolute;
}

.inner-block {
  font-size: 2em;
  width: 90%;
  height: 90%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.inner-block:before {
  bottom: 0;
  left: 0;
}

.inner-block:after {
  bottom: 0;
  right: 0;
}

.slider-top-right {
  position: relative;
  width: 100%;
  height: 100%;
}

.slider-top-right:before {
  top: 0;
  left: 0;
}

.slider-top-right:after {
  top: 0;
  right: 0;
}

.staffcard {
  width: 100%;
  height: 70%;
  overflow: hidden;
  position: relative;
}

.staffcard .content {
  z-index: 2;
  width: 100%;
  position: absolute;
  bottom: -100px;
  transition: all 0.7s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  box-sizing: border-box;
  min-height: 40px;
  background: #111;
}

.staffcard:hover .inner-block:before,
.staffcard:hover .slider-top-right:after {
  height: 100%;
}

.staffcard:hover .inner-block:after,
.staffcard:hover .slider-top-right:before {
  width: 100%;
}

.staffcard .image {
  z-index: 1;
  height: 100%;
}

.staffcard img {
  height: 100%;
  width: 100%;
  transition: all 0.5s ease;
  /* transform: scale(1.2); */
}

.staffcard:hover .content {
  bottom: 0px;
  color: #fff;
}

.staffcard:hover .image img {
  transform: scale(1);
}

.staffcard .content span:first-child {
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  font-size: 16px;
}

.staffcard .content span:last-child {
  font-size: 14px;
  color: #18cfab;
  text-align: center;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .staffcard {
    width: 50%;
  }

  .staffcard .content {
    bottom: 0;
  }
}

@media screen and (max-width: 480px) {
  .staffcard {
    width: 100%;
  }
}

/* .slidercarousel-inner .item {
  height: 900px;
  background-size: cover;
  background-position: center center;
} */

hr.repeating-linear-min {
  height: 10px;
  background-image: -webkit-repeating-linear-gradient(
    #add8e6,
    #add8e6 0.125rem,
    #008000 0.125rem,
    #008000 0.25rem
  );
  background-image: repeating-linear-gradient(
    #add8e6,
    #add8e6 0.125rem,
    #008000 0.125rem,
    #008000 0.25rem
  );
  background-size: 2rem 2rem;
}

hr.repeating-linear {
  height: 20px;
  background-image: -webkit-repeating-linear-gradient(
    #add8e6,
    #add8e6 0.125rem,
    #008000 0.125rem,
    #008000 0.25rem
  );
  background-image: repeating-linear-gradient(
    #add8e6,
    #add8e6 0.125rem,
    #008000 0.125rem,
    #008000 0.25rem
  );
  background-size: 2rem 2rem;
}

hr.repeating-linear-max {
  height: 50px;
  background-image: -webkit-repeating-linear-gradient(
    #add8e6,
    #add8e6 0.125rem,
    #008000 0.125rem,
    #008000 0.25rem
  );
  background-image: repeating-linear-gradient(
    #add8e6,
    #add8e6 0.125rem,
    #008000 0.125rem,
    #008000 0.25rem
  );
  background-size: 2rem 2rem;
}

.sub-content {
  /* @media (min-width: 1024px) { */

  align-self: flex-start;
  background-color: #f1f1f1;
  margin: 10px 0 20px;
  padding: 20px 20px 20px 30px;
  position: sticky;
  top: 25px;
  /* width: 300px; */
  /* } */
}

.link-02:after {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #fdb02c;
  transition: transform 0.5s ease;
  transform: scaleX(0);
}

.link-02:hover:after {
  transform: scaleX(1);
}

.sticky_text {
  position: -webkit-sticky;
  position: sticky;
  top: 200px;

  color: white;
  padding: 0px 0px 20px 0px;
  font-size: 1.1em;
  /* background-color:#d15406; */
}

.pressticky_text {
  position: -webkit-sticky;
  position: sticky;
  top: 200px;

  color: white;
  /* padding: 10px 10px 10px 30px;s */
  font-size: 1.1em;
}

.recruitment_container {
  /* position: absolute; */
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.recruitment_tabs {
  display: flex;
  position: relative;
  background-color: #fff;
  box-shadow: 0 0 1px 0 rgba(24, 94, 224, 0.15),
    0 6px 12px 0 rgba(24, 94, 224, 0.15);
  padding: 0.75rem;
  border-radius: 99px;
  height: 60px;
  border: 1px solid #eeeeee;
}

.recruitment_tabs * {
  z-index: 2;
}

input[type='radio'] {
  display: none;
}

input[type='radio']:checked + label {
  color: #fff;
}

input[type='radio']:checked + label > .notification {
  background-color: #111;
  border: 1px solid #111;
  color: #fff;
}

.recruitment_tab {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 200px;
  font-size: 14pt;
  font-weight: 500;
  border-radius: 99px;
  cursor: pointer;
  transition: color 0.15s ease-in;
}

input[id='radio-1']:checked ~ .glider {
  transform: translateX(0);
}

input[id='radio-2']:checked ~ .glider {
  transform: translateX(100%);
}

input[id='radio-3']:checked ~ .glider {
  transform: translateX(200%);
}

.glider {
  position: absolute;
  display: flex;
  height: 30px;
  width: 200px;
  background-color: #a0d9ef;
  z-index: 1;
  border-radius: 99px;
  transition: 0.25s ease-out;
}

@media (max-width: 700px) {
  .recruitment_tabs {
    transform: scale(0.6);
  }
}

.map-container-3 {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.map-container-3 iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.button-success {
  background-color: #4caf50;
  /* Green */
  border: none;
  color: white;
  padding: 7px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
}

.button-info {
  background-color: #009dff;
  /* Green */
  border: none;
  color: white;
  padding: 7px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
}

.table_container {
  background: #eeeeee;
  padding-bottom: 30px;
}

.formtable_container {
  background: #fff;
  padding-bottom: 80px; 
}

.table_head {
  padding-top: 20px;
}

.table_row {
  padding-bottom: 10px;
}

.table_align {
  padding-left: 31px;
}

.hr_align {
  padding-bottom: 20px;
}

.mainmenu_style {
  background-color: #041e42;
  padding-bottom: 5px;
  padding-top: 5px;
  border: 1px solid #fff;
}

.publication_card {
  background-color: #fff;
  border-radius: 15px;
  padding-right: 10px;
  border: 1px solid #041e42;
}

.publication_card_blue {
  background-color: #041e42;
  border-radius: 15px;
  padding-right: 10px;
  visibility: visible;
}

.indexaboutlist li a b {
  color: #111;
}

.alignright {
  position: absolute;
  right: 0;
  bottom: 0;
  padding-right: 10px;
  padding-bottom: 10px;
}

.aligntechright {
  position: absolute;
  right: 0;
  bottom: 0;
  padding-right: 30px;
  padding-bottom: 35px;
}

.flipcard_list {
  text-align: start;
  display: block;
  position: relative;
}

.flipcard_list li a {
  font-size: 11pt;
  font-weight: 500;
}

/* Progress bar */
#progress-bar {
  --scrollAmount: 0%;

  background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
  width: var(--scrollAmount);

  /*  background: linear-gradient(to right, #F24E1E var(--scrollAmount), transparent 0);
  width: 100%; */

  height: 25px;
  /* position: fixed; */
  top: 0;
}

#progress-percent {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding-right: 0.3vw;
  font-size: 0.55vw;
  line-height: 4vh;
  color: #fff;
  transform: translate(-100%, 0);
}

.progress {
  background: rgba(255, 255, 255, 0.1);
  justify-content: flex-start;
  border-radius: 100px;
  align-items: center;
  position: relative;
  padding: 0 5px;
  display: flex;
  height: 40px;
  width: 100%;
}

.progress-value {
  animation: load 3s normal forwards;
  box-shadow: 0 10px 40px -10px #fff;
  border-radius: 100px;
  background: #fff;
  height: 30px;
  width: 0;
}

.mandatory {
  color: red;
}

.parsley-success {
  color: #111;
  background-color: #dff0d8;
  border: 2px solid #d6e9c6;
  /* padding-top: 20px; */
}

.parsley-error {
  color: #111;
  background-color: #f2dede;
  border: 2px solid #eed3d7;
  padding-top: 0px;
}

/* .parsley-errors-list li.parsley-required ,.parsley-errors-list li .parsley-type, .parsley-errors-list li .parsley-length {

  padding: 5px;
  color: #B94A48;
} */
.parsley-length,
.parsley-required,
.parsley-type,
.parsley-pattern,
.parsley-specialcharacter,
.parsley-numbers,
#captcha-error,
#pass_error,
#user_error,
#invalid_error,
#forgot_invalid_error,
.parsley-pannumbers,
.parsley-equalto,
#nodata_error,
#newpassword_invalid_error,
#editnewpassword_invalid_error,
#niot_invalid_error {
  padding: 5px;
  color: #b94a48;
  font-weight: 500;
}

.award_blog {
  background: #eeeeee;
}

.image-wrap-2 {
  display: block;
  overflow: hidden;
  top: 0;
  left: 0;
  margin-bottom: 15px;
}

.image-wrap-2:before {
  /* position: absolute; */
  content: '';
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  /* z-index: 1; */
  /* background: rgba(0, 0, 0, 0); */
  background: #fff;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}

.image-wrap-2 img {
  /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
  filter: gray;
  /* IE5+ */
  -webkit-filter: grayscale(0);
  -webkit-transform: scale(1.01);
  padding-top: 20px;
  height: 250px;
  width: 350px;
}

.image-wrap-2:hover img {
  filter: none;
  filter: gray;
  /* IE5+ */
  -webkit-filter: grayscale(60%);
  /* Webkit Nightlies & Chrome Canary */
  -webkit-transition: all 0.1s ease-in-out;
  color: #fff;
}

.image-wrap-2 .image-info {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.image-wrap-2 .image-info h2 {
  color: #fff;
}

.image-wrap-2:hover:before {
  background: rgba(0, 0, 0, 0.4);
  content: '';
}

.image-wrap-2:hover .image-info .btn-outline-white {
  border-color: #fff;
  color: #fff;
  border-width: 4px;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.1em;
}

/* .btn-outline-white:hover {
  background: #fff;
  color: #111;
  font-weight: 500;

} */

.bottomright h3 {
  color: #111;
}

.site-section {
  padding-top: 20px;
}

@media (min-width: 768px) {
  .site-section {
    /* padding: 5em 0; */
  }
}

.site-section.site-section-sm {
  padding: 4em 0;
}

.site-section-heading {
  color: #fff;
  position: relative;
  font-size: 2.5rem;
}

@media (min-width: 768px) {
  .site-section-heading {
    font-size: 4rem;
  }
}

.site-section-heading:after {
  content: '';
  left: 0%;
  bottom: 0;
  position: absolute;
  width: 100px;
  height: 1px;
  background: #000;
}

.site-section-heading.text-center:after {
  content: '';
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  content: '';
  left: 50%;
  bottom: 0;
  position: absolute;
  width: 100px;
  height: 1px;
  background: #000;
}

.galleryimg {
  min-height: 160px;
}

#lightgallery .item {
  margin-bottom: 30px;
}

#lightgallery .item img {
  /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
  filter: gray;
  /* IE5+ */
  -webkit-filter: grayscale(0);
  /* Webkit Nightlies & Chrome Canary */
  -webkit-transition: all 0.1s ease-in-out;
  padding: 20px;
  background: #fff;
  height: 200px;
  width: 250px;
}

#lightgallery .item:hover img {
  filter: none;
  -webkit-filter: grayscale(1);
  -webkit-transform: scale(1.01);
}

.bottomright {
  position: relative;
  padding-top: 3px;
}

.image-info {
  opacity: 0;
}

.image-wrap-2:hover .image-info {
  opacity: 1;
}

.stickytitle {
  position: sticky;
  top: 300px;
}

.stickytitle + .resume-item {
  padding-top: 102px;
}

.employesscorner li a:hover {
  font-size: 18pt;
  color: blue;
}

.employelink:hover {
  font-size: 15pt;
  color: blue;
}

.richtexttable {
  font-size: 12pt;
  background: #fff;
}

.richtextpara {
  background: #fff;
  padding: 10px;
}

.richtextlist {
  background: #fff;
  padding: 20px;
}

.video-sec-middle {
  grid-template-columns: repeat(4, 1fr);
  display: grid;
  justify-content: center;
  align-content: center;
  grid-template-rows: auto;
  grid-row-gap: 15px;
  grid-column-gap: 10px;
  padding: 20px;
}

/* .staff_list {
  grid-template-columns: repeat(4, 1fr);
  display: grid;
  justify-content: center;
  align-content: center;
  grid-template-rows: auto;
  grid-row-gap: 15px;
  grid-column-gap: 10px;
  padding: 20px;
} */

.thumb-wrap {
  display: inline;
  cursor: pointer;
  background: #041e42;
  padding: 20px;
  width: 250px;
  box-shadow: 0px 14px 22px -9px #041e42;
}

.thumb-wrap-directors {
  display: inline;
  background: #041e42;
  padding: 20px;
}

.thumb-wrap-directors_hover:hover {
  cursor: default;
}

.thumb {
  display: block;
  /* margin: .4em; */
  width: 100%;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  opacity: 1;
  transition: all 0.2s ease-in-out;
  min-height: 200px;
  max-height: 200px;
}

.thumb:hover {
  opacity: 0.8;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
}

.thumb-info {
  display: inline-block;
  height: auto;
  width: 100%;
  padding: 0.4em;
  /* background:#fff; */
}

.thumb-title {
  color: #fff;
  margin: 0;
  font-size: 18px;
}

.thumb-user {
  color: #fff;
  display: block;
  margin: 0;
  font-size: 10pt;
}

.thumb-text {
  color: #7e7e7e;
  display: inline-block;
  margin: 0;
  font-size: 0.8em;
}

.thumb-wrap:hover .thumb {
  opacity: 0.8;
  transform: translate3d(0, 0, 0);
}

.directorhover {
  padding-bottom: 10px;
}

.staffaccordion-header {
  /* background-color: rgb(235, 235, 235);
  cursor: pointer;
  color: black;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  transition: all 0.4s ease-in-out; */
}

.staffaccordion-header {
  background-color: rgb(138, 212, 239);
  cursor: pointer;
  color: black;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  transition: all 0.4s ease-in-out;
  border-radius: 20px;
}

.staffaccordion-header h4 {
  font-size: 16pt;
  font-weight: 600;
  padding-top: 10px;
  padding-left: 5px;
}

.staffaccordion-body {
  transition: all 0.35s ease-in-out;
  max-height: 0;
  overflow: hidden;
  background-color: #eeeeee;
}

.staffaccordion-body p {
  /* padding: 1rem 1.5rem; */
  line-height: 1.8;
}

.staffaccordion + .staffaccordion {
  margin-top: 1rem;
}

.staffaccordion-icon {
  transition: transform 0.4s ease-in-out;
}

.staffaccordion.active .staffaccordion-header {
  background-color: #287286;
  color: white;
}

.staffaccordion.active .staffaccordion-header h4 {
  color: #fff;
  font-size: 16pt;
  font-weight: 600;
}

.staffaccordion.active .staffaccordion-icon {
  transform: rotate(-180deg);
}

.scroll-content {
  max-height: 500px;
  overflow-y: scroll;
}

/* 
.video-sec-middle {
  grid-template-columns: repeat(5, 1fr);
  display: grid;
  justify-content: center;
  align-content: center;
  grid-template-rows: auto;
  grid-row-gap: 15px;
  grid-column-gap: 25px;
  padding: 20px 0;
}

.thumb-wrap {
  display: inline;
  cursor: pointer;
  background:#041e42;
  padding:20px;
  width:234px;
}

.thumb {
  display: block;
  margin: .4em;
  width: 100%;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  opacity: 1;
  transition: all .2s ease-in-out;
  min-height:200px;
  max-height:200px;
}

.thumb:hover {
  opacity: .8;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .5);
}

.thumb-info {
  display: inline-block;
  height: auto;
  width: 100%;
  padding: .4em;
  background:#fff;
}

.thumb-title {
  color: #fff;
  margin: 0;
  font-size: 1.2em;
}

.thumb-user {
  color: #fff;
  display: block;
  margin: 0;
  font-size: .9em;
}

.thumb-text {
  color: #7e7e7e;
  display: inline-block;
  margin: 0;
  font-size: .8em;
} */

.container .carousel {
  width: 550px;
  max-width: 550px;
  height: 350px;
  display: flex;
}

@keyframes opacity {
  from {
    opacity: 0.4;
  }

  to {
    opacity: 1;
  }
}

.container .carousel img {
  width: 100%;
  height: 100%;
}

#prev {
  position: absolute;
  top: 47%;
  left: 2%;
  padding: 11px 16px;
  cursor: pointer;
  background: white;
  outline: none;
  border: 1px solid black;
  font-size: 19px;
  font-weight: bold;
  border-radius: 50%;
  transition: 0.3s ease;
}

#next {
  position: absolute;
  top: 47%;
  right: 2%;
  padding: 11px 16px;
  cursor: pointer;
  background: white;
  outline: none;
  border: 1px solid black;
  font-size: 19px;
  font-weight: bold;
  border-radius: 50%;
  transition: 0.3s ease;
}

#prev:hover,
#next:hover {
  background: rgb(14, 13, 13);
  color: white;
}

.slide_viewer {
  height: 410px;
  overflow: hidden;
  position: relative;
}

.slide_group {
  height: 100%;
  position: relative;
  width: 100%;
}

/* .slide {
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
} */

.fullslide {
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
}

.slide:first-child {
  display: block;
}

.slide:nth-of-type(1) {
  /* background: #D7A151; */
}

.slide:nth-of-type(2) {
  /* background: #F4E4CD; */
}

.slide:nth-of-type(3) {
  /* background: #C75534; */
}

.slide:nth-of-type(4) {
  /* background: #D1D1D4; */
}

.slide_buttons {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}

a.slide_btn {
  color: #474544;
  font-size: 42px;
  margin: 0 0.175em;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.slide_btn.active,
.slide_btn:hover {
  color: #428cc6;
  cursor: pointer;
}

.directional_nav {
  /* height: 340px; */
  margin: 0 auto;
  max-width: 940px;
  position: relative;
  top: -178px;
}

.previous_btn {
  bottom: 0;
  left: 100px;
  margin: auto;
  position: absolute;
  top: 0;
}

.next_btn {
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 100px;
  top: 0;
}

.next_btn {
  cursor: pointer;
  height: 141px;
  opacity: 0.5;
  right: -34px;
  padding: 10px;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  width: 65px;
}

.previous_btn {
  cursor: pointer;
  height: 141px;
  opacity: 0.5;
  left: -35px;
  padding: 10px;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  width: 65px;
}

.previous_btn:hover,
.next_btn:hover {
  opacity: 1;
  /* background:orange;
  color:#fff; */
}

@media only screen and (max-width: 767px) {
  .previous_btn {
    left: 50px;
  }

  .next_btn {
    right: 50px;
  }
}

.techlist {
  padding: 20px;
  background: rgb(138, 212, 239);
  border-radius: 20px;
}

.techslideimg {
  width: 406px;
  height: 350px;
  padding: 20px;
}

.youtubelinktech {
  width: 406px;
  height: 350px;
  padding: 20px;
}

.techlink {
  color: #429ffd;
  font-weight: 600;
}

.techpdf {
  color: #ff0000;
}

.slidetechimage {
  width: 100%;
  height: 350px;
  padding: 20px;
}

.carousel-caption {
  /* background: #041e42; */
  background: rgba(0, 0, 0, 0.69);
  position: absolute;
  right: 0%;
  bottom: 0px;
  left: 0%;
  z-index: 2;
  /* border-top: 1px solid #111; */
  padding-top: 10px;
  padding-bottom: 0px;
  color: #111;
  text-align: center;
  /* box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2); */
  /* padding-bottom: 150px; */
  /* padding:20px; */
}

.carousel-caption h2 {
  font-size: 14px;
  /* text-transform: uppercase; */
  color: #fff;
}

.carousel-caption h3 {
  font-size: 18px;
  /* text-transform: uppercase; */
  color: #111;
  /* background-color: #041e42; */
}

.carousel-control.right {
  background-image: none;
}

.carousel-control.left {
  background-image: none;
}

header .item {
  height: 100vh;
  position: relative;
}

header .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

header .item .cover {
  padding: 75px 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
}

header .item .cover .header-content {
  position: relative;
  padding: 56px;
  overflow: hidden;
}

header .item .cover .header-content .line {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  border: 9px solid #fff;
  -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
  clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}

header .item .cover .header-content h2 {
  font-weight: 300;
  font-size: 35px;
  color: #fff;
}

header .item .cover .header-content h1 {
  font-size: 56px;
  font-weight: 600;
  margin: 5px 0 20px;
  word-spacing: 3px;
  color: #fff;
}

header .item .cover .header-content h4 {
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  color: #fff;
}

header .owl-item.active h1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}

header .owl-item.active h2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}

header .owl-item.active h4 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}

header .owl-item.active .line {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.3s;
}

header .owl-nav .owl-prev {
  position: absolute;
  left: 15px;
  top: 43%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background: rgba(0, 0, 0, 0.5) !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}

header .owl-nav .owl-prev span {
  font-size: 1.6875rem;
  color: #fff;
}

header .owl-nav .owl-prev:focus {
  outline: 0;
}

header .owl-nav .owl-prev:hover {
  background: #000 !important;
}

header .owl-nav .owl-next {
  position: absolute;
  right: 15px;
  top: 43%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background: rgba(0, 0, 0, 0.5) !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}

header .owl-nav .owl-next span {
  font-size: 1.6875rem;
  color: #fff;
}

header .owl-nav .owl-next:focus {
  outline: 0;
}

header .owl-nav .owl-next:hover {
  background: #000 !important;
}

header:hover .owl-prev {
  left: 0px;
  opacity: 1;
}

header:hover .owl-next {
  right: 0px;
  opacity: 1;
}

@media only screen and (min-width: 960px) {
  /* styles for browsers larger than 960px; */

  .logotext h5 {
    float: left;
    /* margin-top: 30px; */
    /* margin-bottom: 0px; */
    padding-left: 46px;
    /* margin-right: 60px; */
    text-align: start;
    color: #041e42;
    font-size: 17pt;
  }

  .logotext p {
    float: left;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-right: 60px;
    /* text-align: center; */
    padding-left: 46px;
    color: #041e42;
    font-size: 11pt;
    font-weight: 500;
  }

  .logo {
    padding-left: 37px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .customstylenew {
    background: #eeeeee;
    padding: 15px 60px;
    border-radius: 25px;
  }

  .whostitle h3 {
    color: #fff;
    /* padding-left: 50px; */
    text-align: center;
  }
  .announce_row {
    padding-top: 15px;
    background: #1975be;
    height: 290px;
  }
}

@media only screen and (min-width: 1024px) {
  /* styles for browsers larger than 960px; */

  .logotext h5 {
    float: left;
    margin-top: 24px;
    /* margin-bottom: 0px; */
    padding-left: 25px;
    /* margin-right: 60px; */
    text-align: start;
    color: #041e42;
    font-size: 17pt;
  }

  .logotext p {
    float: left;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-right: 60px;
    /* text-align: center; */
    padding-left: 25px;
    color: #041e42;
    font-size: 11pt;
    font-weight: 500;
  }

  .logo {
    padding-left: 15px;
    padding-top: 10px;
    min-width: 320px;
    padding-bottom: 10px;
  }

  .customstylenew {
    background: #eeeeee;
    padding: 15px 60px;
    border-radius: 25px;
  }

  .logotext_hi h5 {
    padding-left: 30px;
    padding-top: 25px;
    color: #041e42;
    font-size: 17pt;
  }

  .logotext_hi p {
    padding-left: 30px;
    padding-top: 0px;
    margin-top: -10px;
    margin-bottom: 10px;
  }

  .announce_row {
    padding-top: 15px;
    background: #1975be;
    height: 450px;
  }
  ul.tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 0px 8px;
    height: 35px;
    line-height: 35px;
    /* border-top: 1px solid #333; */
    /* border-left: 1px solid #333; */
    border-right: none;
    border-bottom: 1px solid #ccc;
    /* background-color: #666; */
    color: #fff;
    overflow: hidden;
    position: relative;
    font-size: 7pt;
    font-weight: 800;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  /* @media only screen and (min-width: 1440px) { */
  /* styles for browsers larger than 1440px; */

  .logotext h5 {
    float: left;
    margin-top: 25px;
    /* margin-bottom: 0px; */
    padding-left: 30px;
    /* margin-right: 60px; */
    text-align: start;
    color: #041e42;
    font-size: 17pt;
  }

  .logotext p {
    float: left;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-right: 60px;
    /* text-align: center; */
    padding-left: 30px;
    color: #041e42;
    font-size: 11pt;
    font-weight: 500;
  }

  .logo {
    padding-left: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .customstylenew {
    background: #eeeeee;
    padding: 15px 60px;
    border-radius: 25px;
  }

  .logotext_hi h5 {
    padding-left: 30px;
    padding-top: 25px;
    color: #041e42;
    font-size: 17pt;
  }

  .logotext_hi p {
    padding-left: 30px;
    padding-top: 0px;
    margin-top: -10px;
    margin-bottom: 10px;
  }
  .announce_row {
    padding-top: 15px;
    background: #1975be;
    height: 350px;
  }
  ul.tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 0px 8px;
    height: 35px;
    line-height: 35px;
    /* border-top: 1px solid #333; */
    /* border-left: 1px solid #333; */
    border-right: none;
    border-bottom: 1px solid #ccc;
    /* background-color: #666; */
    color: #fff;
    overflow: hidden;
    position: relative;
    font-size: 9pt;
    font-weight: 800;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1600px) {
  /* for sumo sized (mac) screens */

  .logotext h5 {
    /* float: left;
    padding-left: 50px;
    margin-top: 30px;
    margin-bottom: 0px;
    margin-right: 60px;
    text-align: center;
    color: #041e42;
    font-size: 18pt; */
    /* float: left; */
    padding-left: 64px;
    margin-top: 30px;
    margin-bottom: 5px;
    /* margin-left: -12px; */
    text-align: center;
    color: #041e42;
    font-size: 17pt;
  }

  .logotext p {
    /* float: left;
    padding-left: 40px;

    margin-bottom: 10px;
    margin-right: 60px;
  
    color: #041e42;
    font-size: 10pt; */

    /* float: left;  */
    padding-left: 64px;
    margin-top: -10px;
    margin-bottom: 10px;
    /* margin-left: -480px; */
    /* text-align: center; */
    color: #041e42;
    font-size: 10pt;
  }

  .logotext_hi h5 {
    padding-left: 65px;
    padding-top: 25px;
    color: #041e42;
    font-size: 17pt;
  }

  .logotext_hi p {
    padding-left: 65px;
    padding-top: 0px;
    margin-top: -10px;
    margin-bottom: 10px;
  }

  .logo {
    padding-left: 102px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .customstylenew {
    background: #eeeeee;
    padding: 15px 60px;
    border-radius: 25px;
  }
  .announce_row {
    padding-top: 15px;
    background: #1975be;
    height: 300px;
  }
  ul.tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 0px 8px;
    height: 35px;
    line-height: 35px;
    /* border-top: 1px solid #333; */
    /* border-left: 1px solid #333; */
    border-right: none;
    border-bottom: 1px solid #ccc;
    /* background-color: #666; */
    color: #fff;
    overflow: hidden;
    position: relative;
    font-size: 9pt;
    font-weight: 800;
  }
}
@media only screen and (min-width: 1601px) and (max-width: 2000px) {
  /* for sumo sized (mac) screens */

  .logotext h5 {
    /* float: left;
    padding-left: 50px;
    margin-top: 30px;
    margin-bottom: 0px;
    margin-right: 60px;
    text-align: center;
    color: #041e42;
    font-size: 18pt; */
    /* float: left; */
    padding-left: 47px;
    margin-top: 27px;
    margin-bottom: 5px;
    /* margin-left: -12px; */
    text-align: center;
    color: #041e42;
    font-size: 17pt;
  }

  .logotext p {
    /* float: left;
    padding-left: 40px;

    margin-bottom: 10px;
    margin-right: 60px;
  
    color: #041e42;
    font-size: 10pt; */

    /* float: left;  */
    padding-left: 47px;
    margin-top: -10px;
    margin-bottom: 10px;
    /* margin-left: -480px; */
    /* text-align: center; */
    color: #041e42;
    font-size: 10pt;
  }

  .logotext_hi h5 {
    padding-left: 50px;
    padding-top: 25px;
    color: #041e42;
    font-size: 17pt;
  }

  .logotext_hi p {
    padding-left: 50px;
    padding-top: 0px;
    margin-top: -10px;
    margin-bottom: 10px;
  }
  .logo {
    padding-left: 102px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .customstylenew {
    background: #eeeeee;
    padding: 15px 60px;
    border-radius: 25px;
  }
  .announce_row {
    padding-top: 15px;
    background: #1975be;
    height: 300px;
  }
  ul.tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 0px 8px;
    height: 35px;
    line-height: 35px;
    /* border-top: 1px solid #333; */
    /* border-left: 1px solid #333; */
    border-right: none;
    border-bottom: 1px solid #ccc;
    /* background-color: #666; */
    color: #fff;
    overflow: hidden;
    position: relative;
    font-size: 10pt;
    font-weight: 800;
  }
}

@media (min-width: 320px) and (max-width: 479px) {
  /* styles for mobile browsers smaller than 480px; (iPhone) */

  .logotext h5 {
    /* float: left;
      padding-left: 50px;
      margin-top: 30px;
      margin-bottom: 0px;
      margin-right: 60px;
      text-align: center;
      color: #041e42;
      font-size: 18pt; */
    /* float: left; */
    padding-left: 1px;
    margin-top: 6px;
    margin-bottom: 0px;
    margin-right: 1px;
    text-align: center;
    color: #041e42;
    font-size: 18pt;
  }

  .logotext p {
    /* float: left;
      padding-left: 40px;
  
      margin-bottom: 10px;
      margin-right: 60px;
    
      color: #041e42;
      font-size: 10pt; */

    /* float: left;  */
    padding-left: 6px;
    margin-top: 1px;
    margin-bottom: 10px;
    margin-right: 1px;
    /* text-align: center; */
    color: #041e42;
    font-size: 10pt;
  }

  .logo {
    /* padding-bottom: 10px; */
    /* padding-left: 60px; */
    text-align: center;
    padding-top: 10px;
  }

  .customstylenew {
    background: #eeeeee;
    /* padding: 15px 60px; */
    border-radius: 25px;
  }

  .techslideimg {
    width: 200px;
    height: 200px;
    padding: 5px;
  }

  .techslidebigimg {
    width: 200px;
    height: 200px;
    padding: 5px;
  }

  .techlink {
    color: #429ffd;
    font-weight: 600;
  }

  .youtubelinktech {
    width: 200px;
    height: 200px;
    padding: 5px;
  }

  .whostitle h3 {
    color: #fff;
    /* padding-left: 17px; */
    text-align: center;
  }

  .swatcchlogo a img {
    height: 64px;
    width: 76px;
  }

  .niot_logo {
    display: flex;
    padding-left: 10px;
  }

  .logotext_hi h5 {
    /* padding-left: 10px;
    padding-top: 30px; */
    text-align: center;
    padding-top: 4px;
  }

  .logotext_hi p {
    padding-left: 10px;
    padding-top: 0px;
    text-align: center;
  }
}

@media only screen and (max-device-width: 480px) {
  /* styles for mobile browsers smaller than 480px; (iPhone) */

  .logotext h5 {
    /* float: left;
    padding-left: 50px;
    margin-top: 30px;
    margin-bottom: 0px;
    margin-right: 60px;
    text-align: center;
    color: #041e42;
    font-size: 18pt; */
    /* float: left; */
    padding-left: 1px;
    margin-top: 6px;
    margin-bottom: 0px;
    margin-right: 1px;
    text-align: center;
    color: #041e42;
    font-size: 18pt;
  }

  .logotext p {
    /* float: left;
    padding-left: 40px;

    margin-bottom: 10px;
    margin-right: 60px;
  
    color: #041e42;
    font-size: 10pt; */

    /* float: left;  */
    padding-left: 32px;
    margin-top: 1px;
    margin-bottom: 10px;
    margin-right: 1px;
    /* text-align: center; */
    color: #041e42;
    font-size: 10pt;
  }

  .logo {
    /* padding-bottom: 10px; */
    /* padding-left: 60px; */
    text-align: center;
    padding-top: 10px;
  }

  .customstylenew {
    background: #eeeeee;
    /* padding: 15px 60px; */
    border-radius: 25px;
  }

  .techslideimg {
    width: 250px;
    height: 300px;
    padding: 5px;
  }

  .techslidebigimg {
    width: 200px;
    height: 200px;
    padding: 5px;
  }

  .youtubelinktech {
    width: 200px;
    height: 200px;
    padding: 5px;
  }
}

@media only screen and (device-width: 768px) {
  /* default iPad screens */

  .logotext h5 {
    /* float: left;
    padding-left: 50px;
    margin-top: 30px;
    margin-bottom: 0px;
    margin-right: 60px;
    text-align: center;
    color: #041e42;
    font-size: 18pt; */
    /* float: left; */
    padding-left: 105px;
    margin-top: -81px;
    margin-bottom: 0px;
    margin-right: 60px;
    text-align: center;
    color: #041e42;
    font-size: 18pt;
  }

  .logotext p {
    /* float: left;
    padding-left: 40px;

    margin-bottom: 10px;
    margin-right: 60px;
  
    color: #041e42;
    font-size: 10pt; */

    /* float: left;  */
    padding-left: 105px;
    margin-top: -81px;
    margin-bottom: 10px;
    margin-right: 60px;
    /* text-align: center; */
    color: #041e42;
    font-size: 10pt;
  }

  .customstylenew {
    background: #eeeeee;
    padding: 15px 60px;
    border-radius: 25px;
  }

  .techslideimg {
    width: 406px;
    height: 350px;
    padding: 20px;
  }

  .techslidebigimg {
    width: 400px;
    height: 400px;
    padding: 5px;
  }

  .youtubelinktech {
    width: 406px;
    height: 350px;
    padding: 20px;
  }
}

/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 767px) and (orientation: portrait) {
  /* For portrait layouts only */

  .logotext h5 {
    /* float: left;
    padding-left: 50px;
    margin-top: 30px;
    margin-bottom: 0px;
    margin-right: 60px;
    text-align: center;
    color: #041e42;
    font-size: 18pt; */
    /* float: left; */
    padding-left: 105px;
    margin-top: -81px;
    margin-bottom: 0px;
    margin-right: 60px;
    text-align: center;
    color: #041e42;
    font-size: 18pt;
  }

  .logotext p {
    /* float: left;
    padding-left: 40px;

    margin-bottom: 10px;
    margin-right: 60px;
  
    color: #041e42;
    font-size: 10pt; */

    /* float: left;  */
    padding-left: 105px;
    margin-top: -81px;
    margin-bottom: 10px;
    margin-right: 60px;
    /* text-align: center; */
    color: #041e42;
    font-size: 10pt;
  }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 767px) and (orientation: landscape) {
  /* For landscape layouts only */

  .logotext h5 {
    /* float: left;
    padding-left: 50px;
    margin-top: 30px;
    margin-bottom: 0px;
    margin-right: 60px;
    text-align: center;
    color: #041e42;
    font-size: 18pt; */
    /* float: left; */
    padding-left: 105px;
    margin-top: -81px;
    margin-bottom: 0px;
    margin-right: 60px;
    text-align: center;
    color: #041e42;
    font-size: 18pt;
  }

  .logotext p {
    /* float: left;
    padding-left: 40px;

    margin-bottom: 10px;
    margin-right: 60px;
  
    color: #041e42;
    font-size: 10pt; */

    /* float: left;  */
    padding-left: 105px;
    margin-top: -81px;
    margin-bottom: 10px;
    margin-right: 60px;
    /* text-align: center; */
    color: #041e42;
    font-size: 10pt;
  }
}

/* different techniques for iPad screening */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1440px) and (orientation: portrait) {
  /* For portrait layouts only */

  .logotext h5 {
    /* float: left;
      padding-left: 50px;
      margin-top: 30px;
      margin-bottom: 0px;
      margin-right: 60px;
      text-align: center;
      color: #041e42;
      font-size: 18pt; */
    /* float: left; */
    padding-left: 105px;
    margin-top: -81px;
    margin-bottom: 0px;
    margin-right: 60px;
    text-align: center;
    color: #041e42;
    font-size: 18pt;
  }

  .logotext p {
    /* float: left;
      padding-left: 40px;
  
      margin-bottom: 10px;
      margin-right: 60px;
    
      color: #041e42;
      font-size: 10pt; */

    /* float: left;  */
    padding-left: 105px;
    margin-top: -81px;
    margin-bottom: 10px;
    margin-right: 60px;
    /* text-align: center; */
    color: #041e42;
    font-size: 10pt;
  }

  .whostitle h3 {
    color: #fff;
    /* padding-left: 43px; */
    text-align: center;
  }
}

.fixedfooter {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
}

/* 
  footer {
    position:sticky;
    bottom: 0;
    width: 100%;
   
    text-align: center;
  } */

.page-content {
  width: 100%;
  margin: 0 auto;
  background: #75e2e9;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -o-justify-content: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -o-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  background-image: -moz-linear-gradient(
    136deg,
    rgb(149, 153, 226) 0%,
    rgb(139, 198, 236) 100%
  );
  background-image: -webkit-linear-gradient(
    136deg,
    rgb(149, 153, 226) 0%,
    rgb(139, 198, 236) 100%
  );
  background-image: -ms-linear-gradient(
    136deg,
    rgb(149, 153, 226) 0%,
    rgb(139, 198, 236) 100%
  );
}

.form-v10-content {
  background: #fff;
  width: 1100px;
  border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
  margin: 50px 0;
  position: relative;
  font-family: 'Montserrat', sans-serif;
}

.form-v10-content .form-detail {
  position: relative;
  width: 100%;
  display: flex;
  display: -webkit-flex;
}

.form-v10-content .form-detail h2 {
  font-weight: 500;
  font-size: 25px;
  margin-bottom: 34px;
  padding: 33px 50px 0px 60px;
}

.form-v10-content .form-detail .form-left {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 100%;
}

.form-v10-content .form-detail .form-left h2 {
  color: #2271dd;
}

.form-v10-content .form-detail .form-right {
  width: 100%;
  background: #4835d4;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.form-v10-content .form-detail .form-right h2 {
  color: #fff;
}

.form-v10-content .form-detail .form-group {
  display: flex;
  display: -webkit-flex;
}

.form-v10-content .form-detail .form-row {
  position: relative;
  margin-bottom: 4px;
  padding-left: 60px;
  padding-right: 50px;
}

.form-v10-content .form-detail .form-left .form-group .form-row.form-row-1 {
  width: 50%;
  padding: 0 12px 0 60px;
}

.form-v10-content .form-detail .form-left .form-group .form-row.form-row-2 {
  width: 50%;
  padding: 0 50px 0 12px;
}

.form-v10-content .form-detail .form-left .form-group .form-row.form-row-3 {
  width: 73%;
  padding: 0 12px 0 60px;
}

.form-v10-content .form-detail .form-left .form-group .form-row.form-row-4 {
  width: 50%;
  padding: 0 50px 0 12px;
}

.form-v10-content .form-detail .form-right .form-group .form-row.form-row-1 {
  width: 50%;
  padding: 0 12px 0 60px;
}

.form-v10-content .form-detail .form-right .form-group .form-row.form-row-2 {
  width: 100%;
  padding: 0 50px 0 12px;
}

.form-v10-content .form-detail select,
.form-v10-content .form-detail input {
  width: 100%;
  padding: 11.5px 15px 15px 15px;
  border: 1px solid transparent;
  background: transparent;
  appearance: unset;
  -moz-appearance: unset;
  -webkit-appearance: unset;
  -o-appearance: unset;
  -ms-appearance: unset;
  outline: none;
  -moz-outline: none;
  -webkit-outline: none;
  -o-outline: none;
  -ms-outline: none;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.form-v10-content .form-detail select {
  background: 0 0;
  position: relative;
  z-index: 9;
  cursor: pointer;
}

.form-v10-content .form-detail .form-left select {
  color: #666;
}

.form-v10-content .form-detail .form-right select {
  color: #f2f2f2;
}

.form-v10-content .form-detail .select-btn {
  z-index: 0;
  position: absolute;
  top: 30%;
  right: 11.5%;
  font-size: 18px;
}

.form-v10-content .form-detail .form-left .select-btn {
  color: #666;
}

.form-v10-content .form-detail .form-right .select-btn {
  color: #f2f2f2;
}

.form-v10-content .form-detail .form-group .form-row.form-row-4 .select-btn {
  top: 20%;
  right: 26%;
}

.form-v10-content
  .form-detail
  .form-right
  .form-group
  .form-row.form-row-2
  .select-btn {
  top: 20%;
  right: 19%;
}

.form-v10-content .form-detail .form-left input {
  color: #000;
}

.form-v10-content .form-detail .form-right input {
  color: #fff;
}

.form-v10-content .form-detail .form-left input,
.form-v10-content .form-detail .form-left select {
  border-bottom: 1px solid #ccc;
}

.form-v10-content .form-detail .form-left input:focus,
.form-v10-content .form-detail .form-left select:focus {
  border-bottom: 1px solid #999;
}

.form-v10-content .form-detail .form-right input,
.form-v10-content .form-detail .form-right select {
  border-bottom: 1px solid;
  border-bottom-color: rgba(255, 255, 255, 0.3);
}

.form-v10-content .form-detail .form-right input:focus,
.form-v10-content .form-detail .form-right select:focus {
  border-bottom: 1px solid #ccc;
}

.form-v10-content .form-detail .form-right select option {
  background: #4835d4;
}

.form-v10-content .form-detail .form-checkbox {
  margin-top: 37px;
  padding: 0 50px 0 60px;
  position: relative;
}

.form-v10-content .form-detail .form-checkbox input {
  position: absolute;
  opacity: 0;
}

.form-v10-content .form-detail .form-checkbox .checkmark {
  position: absolute;
  top: 1px;
  left: 60px;
  height: 15px;
  width: 15px;
  border: 1px solid #e5e5e5;
  cursor: pointer;
}

.form-v10-content .form-detail .form-checkbox .checkmark::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 1px;
  width: 3px;
  height: 8px;
  border: 1px solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  display: none;
}

.form-v10-content
  .form-detail
  .form-checkbox
  input:checked
  ~ .checkmark::after {
  display: block;
}

.form-v10-content .form-detail .form-checkbox p {
  margin-left: 34px;
  color: #e5e5e5;
  font-size: 14px;
  font-weight: 400;
}

.form-v10-content .form-detail .form-checkbox .text {
  font-weight: 400;
  color: #fff;
  text-decoration: underline;
}

.form-v10-content .form-detail .form-right .form-row-last {
  padding-left: 60px;
  /* margin: 44px 0 10px; */
}

.form-v10-content .form-detail .form-right .register {
  background: #fff;
  border-radius: 25px;
  -o-border-radius: 25px;
  -ms-border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  box-shadow: 0px 6px 17px 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 6px 17px 0px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 6px 17px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 6px 17px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 6px 17px 0px rgba(0, 0, 0, 0.15);
  width: 180px;
  border: none;
  margin: 6px 0 50px 0px;
  cursor: pointer;
  color: #333;
  font-weight: 700;
  font-size: 15px;
}

.form-v10-content .form-detail .form-right .register:hover {
  background: #ccc;
}

.form-v10-content .form-detail .form-right .form-row-last input {
  padding: 12.5px;
}

.form-v10-content .form-detail .form-left input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #666;
  font-size: 16px;
}

.form-v10-content .form-detail .form-left input::-moz-placeholder {
  /* Firefox 19+ */
  color: #666;
  font-size: 16px;
}

.form-v10-content .form-detail .form-left input:-ms-input-placeholder {
  /* IE 10+ */
  color: #666;
  font-size: 16px;
}

.form-v10-content .form-detail .form-left input:-moz-placeholder {
  /* Firefox 18- */
  color: #666;
  font-size: 16px;
}

.form-v10-content .form-detail .form-right input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #f2f2f2;
  font-size: 16px;
}

.form-v10-content .form-detail .form-right input::-moz-placeholder {
  /* Firefox 19+ */
  color: #111;
  font-size: 16px;
}

.form-v10-content .form-detail .form-right input:-ms-input-placeholder {
  /* IE 10+ */
  color: #f2f2f2;
  font-size: 16px;
}

.form-v10-content .form-detail .form-right input:-moz-placeholder {
  /* Firefox 18- */
  color: #111;
  font-size: 16px;
}

/* Responsive */
@media screen and (max-width: 1199px) {
  .form-v10-content {
    margin: 95px 20px;
  }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .form-v10-content .form-detail .form-group {
    flex-direction: column;
    -o-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
  }

  .form-v10-content .form-detail .form-left .form-group .form-row.form-row-1,
  .form-v10-content .form-detail .form-left .form-group .form-row.form-row-2,
  .form-v10-content .form-detail .form-left .form-group .form-row.form-row-3,
  .form-v10-content .form-detail .form-left .form-group .form-row.form-row-4,
  .form-v10-content .form-detail .form-right .form-group .form-row.form-row-1,
  .form-v10-content .form-detail .form-right .form-group .form-row.form-row-2 {
    width: auto;
    padding: 0 50px 0 60px;
  }

  .form-v10-content .form-detail .select-btn,
  .form-v10-content
    .form-detail
    .form-left
    .form-group
    .form-row.form-row-4
    .select-btn,
  .form-v10-content
    .form-detail
    .form-right
    .form-group
    .form-row.form-row-2
    .select-btn {
    right: 15%;
  }
}

@media screen and (max-width: 767px) {
  .form-v10-content .form-detail {
    flex-direction: column;
    -o-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
  }

  .form-v10-content .form-detail .form-right {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 10px;
  }

  .form-v10-content .form-detail .form-left {
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 575px) {
  .form-v10-content .form-detail .form-group {
    flex-direction: column;
    -o-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
  }

  /* .form-v10-content .form-detail .form-row, */
  .form-v10-content .form-detail .form-left .form-group .form-row.form-row-1,
  .form-v10-content .form-detail .form-left .form-group .form-row.form-row-2,
  .form-v10-content .form-detail .form-left .form-group .form-row.form-row-3,
  .form-v10-content .form-detail .form-left .form-group .form-row.form-row-4,
  .form-v10-content .form-detail .form-right .form-group .form-row.form-row-1,
  .form-v10-content .form-detail .form-right .form-group .form-row.form-row-2 {
    width: auto;
    padding: 0 30px;
  }

  .form-v10-content .form-detail .select-btn,
  .form-v10-content
    .form-detail
    .form-left
    .form-group
    .form-row.form-row-4
    .select-btn,
  .form-v10-content
    .form-detail
    .form-right
    .form-group
    .form-row.form-row-2
    .select-btn {
    right: 15%;
  }

  .form-v10-content .form-detail h2 {
    padding: 13px 30px 0px 30px;
  }

  .form-v10-content .form-detail .form-checkbox {
    padding: 0 30px;
  }

  .form-v10-content .form-detail .form-checkbox .checkmark {
    left: 30px;
  }

  .form-v10-content .form-detail .form-right .form-row-last {
    padding-left: 0;
    text-align: center;
    margin: 44px 0 30px;
  }
}

.signup_title {
  padding-top: 10px;
}

.form-row-last h5 {
  color: #fff;
}

.form-row-last a {
  color: #111;
  font-size: 16pt;
}

.align-items-center {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #fff;
}

.contacts-align {
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
  /* text-align: center; */
  background: #fff;
}

.form-wrapper {
  width: 100%;
  max-width: 28rem;
}

.form {
  padding: 1rem;
  background-color: var(--white);
  border-radius: 1.5rem;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  transform: scale(0);
  transition: 0.5s ease-in-out;
  transition-delay: 1s;
}

.input-group {
  position: relative;
  width: 100%;
  margin: 1rem 0;
}

.input-group i {
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  font-size: 1.4rem;
  color: var(--gray-2);
}

.input-group input {
  width: 100%;
  padding: 1rem 3rem;
  font-size: 1rem;
  background-color: var(--gray);
  border-radius: 0.5rem;
  border: 0.125rem solid var(--white);
  outline: none;
}

.input-group input:focus {
  border: 0.125rem solid var(--primary-color);
}

.form button {
  cursor: pointer;
  width: 100%;
  padding: 0.6rem 0;
  border-radius: 0.5rem;
  border: none;
  background-color: var(--primary-color);
  color: var(--white);
  font-size: 1.2rem;
  outline: none;
}

.form p {
  margin: 1rem 0;
  font-size: 0.7rem;
}

.flex-col {
  flex-direction: column;
}

.login-form {
  position: relative;
  z-index: 1;
  background: #45489a;
  /* max-width: 360px; */
  margin: 0 auto 10px;
  padding: 30px;
  text-align: center;
  border-radius: 25px;
  /* box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); */
}

.login-form input {
  font-family: 'Roboto', sans-serif;
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  /* margin: 0 0 15px; */
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
  color: #111;
}

.login-form input::-webkit-input-placeholder {
  color: #111;
  font-size: 15pt;
  font-weight: 700;
}

.login-form .login-button {
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #4caf50;
  width: 50%;
  border: 0;
  padding: 10px;
  color: #ffffff;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
  border-radius: 25px;
}

.login-form .login-button:hover,
.login-form .login-button:active,
.login-form .login-button:focus {
  background: #43a047;
}

.login-form .message {
  margin: 15px 0 0;
  color: #fff;
  font-size: 15px;
}

.login-form .message a {
  color: #4caf50;
  text-decoration: none;
  font-weight: 600;
}

.login-form .message .forgot_password {
  color: #fff;
  text-decoration: none;
}

.login-form .register-form {
  display: none;
}

.tenders_cards {
  padding: 0px 20px 20px 20px;
  max-width: 100vw;
}

@media (min-width: 900px) {
  .tenders_cards {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
  }
}

.tenders_cards__item {
  flex: 0 1 auto;
  display: block;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  color: #323a45;
  background: #eeeeee;
  height: 480px;
  text-align: left;
  text-decoration: none;
  border-top: 3px solid #9b59b6;
  border-right: 1px solid #e1e3e5;
  border-bottom: 1px solid #e1e3e5;
  border-left: 1px solid #e1e3e5;
  padding: 20px;
  margin: 20px;
  transition: all 250ms ease-in-out;
  width: auto;
}

@media (min-width: 900px) {
  .tenders_cards__item {
    /* width: ; */
  }
}

.tenders_cards__item:hover,
.tenders_cards__item:focus {
  background: #45489a;
  border-color: #45489a;
  color: #fff;
  outline: 0;
}

.tenders_cards__item:hover .login-form {
  background: #fff;
}

.login-form .icon i,
.login-form h3 {
  color: #fff;
}

.tenders_cards__item:hover .login-form .icon i,
.tenders_cards__item:hover .login-form h3,
.tenders_cards__item:hover .login-form .message,
.tenders_cards__item:hover .login-form .message .forgot_password {
  color: #111;
}

.tenders_cards__item:hover .tenders_cards__date,
.tenders_cards__item:focus .tenders_cards__date {
  color: rgba(255, 255, 255, 0.6);
}

.tenders_cards__item:hover .tenders_cards__title,
.tenders_cards__item:focus .tenders_cards__title {
  color: #fff;
}

.tenders_cards__item:hover .tenders_cards__more,
.tenders_cards__item:focus .tenders_cards__more {
  color: #fff;
  border-bottom: solid 1px rgba(255, 255, 255, 0.6);
}

.tenders_cards__item:nth-of-type(2) {
  border-top: 3px solid #ff6d3a;
}

.tenders_cards__item:nth-of-type(2):hover,
.tenders_cards__item:nth-of-type(2):focus {
  background: #ff6d3a;
  border-color: #ff6d3a;
}

.tenders_cards__item:nth-of-type(3) {
  border-top: 3px solid #3498db;
}

.tenders_cards__item:nth-of-type(3):hover,
.tenders_cards__item:nth-of-type(3):focus {
  background: #3498db;
  border-color: #3498db;
}

.tenders_cards__date {
  display: block;
  color: #111;
  text-transform: uppercase;
  font-size: 18pt;
  /* line-height: 0.4rem; */
  font-weight: 700;
  transition: all 250ms ease-in-out;
}

.tenders_cards__title {
  color: #323a45;
  font-weight: 300;
  margin: 0 0 30px 0;
  transition: all 250ms ease-in-out;
  font-size: 15pt;
  line-height: 2;
}

@media (min-width: 1200px) {
  .tenders_cards__title {
    font-size: 15pt;
    line-height: 2;
  }
}

.tenders_cards__more {
  margin-top: auto;
  color: #8a959e;
  display: inline-block;
  border-bottom: 1px solid #e1e3e5;
  font-size: 16pt;
  line-height: 2;
  font-weight: 400;
  transition: all 250ms ease-in-out;
}

.tenders_col {
  display: grid;
  padding: 16px;
}

.tenders_col_change {
  display: flex;
  padding: 16px;
  justify-content: center;
}

.tenders_bold {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 250px;
  color: #f0f0f0;
  font-weight: 700;
}

.tenders_menu li a {
  cursor: pointer;
  decoration: none;
}

.table td {
  background: #fff;
}

.rticontacts_item {
  flex: 0 1 auto;
  display: block;
  /* display: flex; */
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  color: #323a45;
  background: #eeeeee;
  height: auto;
  text-align: left;
  text-decoration: none;
  border-top: 3px solid #041e42;
  border-right: 1px solid #e1e3e5;
  border-bottom: 1px solid #e1e3e5;
  border-left: 1px solid #e1e3e5;
  padding: 20px;
  margin: 20px;
  transition: all 250ms ease-in-out;
  width: auto;
}

.rticontacts_item:hover,
.rticontacts_item:focus {
  background: #041e42;
  border-color: #041e42;
  color: #fff;
  outline: 0;
}

.rticontacts_item:hover h4,
.rticontacts_item:hover h3 {
  color: #fff;
}

.rti_officer {
  font-size: 18pt;
  text-align: center;
  justify-content: center;
}

#lightgallery .videogallery .gallery-lightbox {
  padding-left: 20px;
}

.vendor_label {
  padding-top: 10px;
  /* color:#eeeeee; */
}

.captcha {
  /* margin:15px 0px; */
}

.captcha .preview {
  color: #fff;
  width: 100%;
  text-align: center;
  height: 40px;
  line-height: 40px;
  letter-spacing: 8px;
  border: 1px dashed #888;
  font-family: 'robotto';
  background-color: grey;
}

.captcha .preview span {
  display: inline-block;
  user-select: none;
}

.captcha .captcha-form {
  display: flex;
  padding-top: 10px;
}

.captcha .captcha-form input {
  width: 100%;
  padding: 8px;
  border: 1px solid #888;
}

.captcha .captcha-form .captcha-refresh {
  width: 40px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  outline: none;
  background: #4835d4;
  color: #eee;
  cursor: pointer;
}

/* #captcha-error
{
  padding: 5px;
  color: #B94A48;
  font-weight: 500;
} */

.dropdown-menu {
  padding: 0.7rem 0rem;
  font-size: 0.875rem;
  line-height: 22px;
  color: #5c5776;
  background: #041e42;
  border: none;
  box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);
  border-radius: 0.5rem;
}

.dropdown-menu {
  padding: 10px;
  max-width: 40px;
  display: block;
  visibility: hidden;
  position: absolute;
  z-index: 998;
  /* opacity: 0; */
  /* -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px); */
  /* -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; */
}

.dropdown a:hover {
  background-color: #282828;
}

.show {
  display: block;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown:hover .dropdown-menu {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  opacity: 1;
  z-index: 200;
  visibility: visible;
  display: block;
  position: absolute;
  text-decoration: none;
}

.dropdown-submenu:hover > .dropdown-menu {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  /* opacity: 0.92;
   z-index:999; */
  visibility: visible;
}

@media (min-width: 990px) {
  .dropright-lg {
    position: relative;
  }

  .dropright-lg .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-right: 0.125rem;
  }
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: '>';
  border-top: 0rem;
  border-right: 0rem;
  border-bottom: 0;
  border-left: 0rem;
  float: right;
}

.avatar-md {
  width: 56px;
  height: 56px;
}

.avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.avatar {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  font-size: 1rem;
}

.avatar-online:before {
  background-color: green;
}

.avatar-indicators:before {
  content: '';
  position: absolute;
  bottom: 0px;
  right: 5%;
  width: 30%;
  height: 30%;
  border-radius: 50%;
  border: 2px solid #fff;
  display: table;
}

.tenders_section {
  width: 100%;
  max-width: 100%;
  padding: 0 8vw;
  /* position: relative; */
}

.tenders-data-tables {
  padding: 0px 40px 50px 40px;
  /* padding-bottom: 50px;
  padding-top: 0px; */
  background: #fff;
}

.dropdown-menu ul li {
  color: #111;
}

.display-picture {
  margin-left: auto;
}

.display-picture img {
  width: 50px;
  border-radius: 50%;
  border: 2px solid #fff;
}

.display-picture img:hover {
  border: 2px solid #e78341;
}

.tenders-profile {
  transition: 0.5s ease;
}

.tenders-profile ul {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background: #e78341;
  position: absolute;
  top: 4rem;
  right: 0rem;
  border-radius: 10px;
  padding: 10px 50px 10px 20px;
}

.tenders-profile ul li {
  padding: 5px 0;
  color: #fff;
  font-size: 14px;
}

/* .tenders-profile-hidden {
  display: none;
} */

.tenders-profile {
  display: none;
}

.display-picture:hover .tenders-profile {
  display: flex;
}

.student-profile .card {
  border-radius: 10px;
}

.student-profile .card .card-header .profile_img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  margin: 10px auto;
  /* border: 10px solid #ccc; */
  border-radius: 50%;
}

.student-profile .card h3 {
  font-size: 20px;
  font-weight: 700;
}

.student-profile .card p {
  font-size: 16px;
  color: #000;
}

.student-profile .table th,
.student-profile .table td {
  font-size: 14px;
  padding: 5px 10px;
  color: #fff;
}

.nav-tabs .nav-link {
  color: #fff;
  background: #45489a;
}

.form-wizard {
  color: #333;
  padding: 0px 30px;
  background: #eeeeee;
}

.form-wizard .wizard-form-radio {
  display: inline-block;
  margin-left: 5px;
  position: relative;
}

.form-wizard .wizard-form-radio input[type='radio'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #dddddd;
  height: 25px;
  width: 25px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}

.form-wizard .wizard-form-radio input[type='radio']:focus {
  outline: 0;
}

.form-wizard .wizard-form-radio input[type='radio']:checked {
  background-color: #fb1647;
}

.form-wizard .wizard-form-radio input[type='radio']:checked::before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #ffffff;
  border-radius: 50%;
  left: 1px;
  right: 0;
  margin: 0 auto;
  top: 8px;
}

.form-wizard .wizard-form-radio input[type='radio']:checked::after {
  content: '';
  display: inline-block;
  webkit-animation: click-radio-wave 0.65s;
  -moz-animation: click-radio-wave 0.65s;
  animation: click-radio-wave 0.65s;
  background: #000000;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
  border-radius: 50%;
}

.form-wizard .wizard-form-radio input[type='radio'] ~ label {
  padding-left: 10px;
  cursor: pointer;
}

.form-wizard .form-wizard-header {
  text-align: center;
}

.form-wizard .form-wizard-next-btn,
.form-wizard .form-wizard-previous-btn,
.form-wizard .form-wizard-submit {
  background-color: #d65470;
  color: #ffffff;
  display: inline-block;
  min-width: 100px;
  /* min-width: 120px; */
  padding: 5px;
  text-align: center;
  border-radius: 20px;
  font-size: 10pt;
}

.form-wizard .form-wizard-next-btn:hover,
.form-wizard .form-wizard-next-btn:focus,
.form-wizard .form-wizard-previous-btn:hover,
.form-wizard .form-wizard-previous-btn:focus,
.form-wizard .form-wizard-submit:hover,
.form-wizard .form-wizard-submit:focus {
  color: #ffffff;
  opacity: 0.6;
  text-decoration: none;
}

.form-wizard .wizard-fieldset {
  display: none;
}

.form-wizard .wizard-fieldset.show {
  display: block;
}

.form-wizard .wizard-form-error {
  display: none;
  background-color: #d70b0b;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
}

.form-wizard .form-wizard-previous-btn {
  background-color: #fb1647;
}

.form-wizard .form-control {
  font-weight: 500;
  height: auto !important;
  padding: 5px;
  color: #333;
  background-color: #fff;
  border: none;
}

.form-wizard .form-control:focus {
  box-shadow: none;
}

.form-wizard .form-group {
  position: relative;
  margin: 15px 0;
}

.form-wizard .wizard-form-text-label {
  position: absolute;
  left: 10px;
  top: 16px;
  transition: 0.2s linear all;
}

.form-wizard .focus-input .wizard-form-text-label {
  color: #d65470;
  top: -18px;
  transition: 0.2s linear all;
  font-size: 12px;
}

.form-wizard .form-wizard-steps {
  margin: 30px 0;
}

.form-wizard .form-wizard-steps li {
  width: 19%;
  float: left;
  position: relative;
}

.form-wizard .form-wizard-steps li::after {
  background-color: #f3f3f3;
  content: '';
  height: 5px;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}

.form-wizard .form-wizard-steps li span {
  background-color: #dddddd;
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  position: relative;
  text-align: center;
  width: 40px;
  z-index: 1;
}

.form-wizard .form-wizard-steps li:last-child::after {
  width: 50%;
}

.form-wizard .form-wizard-steps li.active span,
.form-wizard .form-wizard-steps li.activated span {
  background-color: #d65470;
  color: #ffffff;
}

.form-wizard .form-wizard-steps li.active::after,
.form-wizard .form-wizard-steps li.activated::after {
  background-color: #d65470;
  left: 50%;
  width: 50%;
  border-color: #d65470;
}

.form-wizard .form-wizard-steps li.activated::after {
  width: 100%;
  border-color: #d65470;
}

.form-wizard .form-wizard-steps li:last-child::after {
  left: 0;
}

.form-wizard .form-wizard-tender-steps {
  margin: 20px 0;
}

.form-wizard .form-wizard-tender-steps li {
  width: 25%;
  float: left;
  position: relative;
}

.form-wizard .form-wizard-tender-steps li::after {
  background-color: #f3f3f3;
  content: '';
  height: 5px;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}

.form-wizard .form-wizard-tender-steps li span {
  background-color: #dddddd;
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  position: relative;
  text-align: center;
  width: 40px;
  z-index: 1;
}

.form-wizard .form-wizard-tender-steps li:last-child::after {
  width: 50%;
}

.form-wizard .form-wizard-tender-steps li.active span,
.form-wizard .form-wizard-tender-steps li.activated span {
  background-color: #d65470;
  color: #ffffff;
}

.form-wizard .form-wizard-tender-steps li.active::after,
.form-wizard .form-wizard-tender-steps li.activated::after {
  background-color: #d65470;
  left: 50%;
  width: 50%;
  border-color: #d65470;
}

.form-wizard .form-wizard-tender-steps li.activated::after {
  width: 100%;
  border-color: #d65470;
}

.form-wizard .form-wizard-tender-steps li:last-child::after {
  left: 0;
}

.form-wizard .wizard-password-eye {
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.sec-icon {
  position: relative;
  display: inline-block;
  padding: 0;
  margin: 0 auto;
}

.sec-icon::before {
  content: '';
  position: absolute;
  height: 1px;
  left: -70px;
  margin-top: -5.5px;
  top: 60%;
  background: #333333;
  width: 50px;
}

.sec-icon::after {
  content: '';
  position: absolute;
  height: 1px;
  right: -70px;
  margin-top: -5.5px;
  top: 60%;
  background: #333;
  width: 50px;
}

.advertisers-service-sec {
  background-color: #f5f5f5;
}

.advertisers-service-sec span {
  color: rgb(255, 23, 131);
}

.advertisers-service-sec .col {
  padding: 0 1em 1em 1em;
  text-align: center;
}

.advertisers-service-sec .service-card {
  width: 100%;
  height: 100%;
  padding: 10px 1.5em;
  border-radius: 5px;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  transition: 0.5s;
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #fff;
}

.advertisers-service-sec .service-card::after {
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(#0dcaf0, #041e42);
  position: absolute;
  left: 0%;
  top: -98%;
  z-index: -2;
  transition: all 0.4s cubic-bezier(0.77, -0.04, 0, 0.99);
}

.advertisers-service-sec h3 {
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 600;
  color: #1f194c;
  margin: 5px 0;
  z-index: 3;
}

.advertisers-service-sec .bulletstyle li a {
  color: #575a7b;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0.03em;
  z-index: 3;
}

.advertisers-service-sec .icon-wrapper {
  background-color: #2c7bfe;
  position: relative;
  margin: auto;
  font-size: 30px;
  height: 2.5em;
  width: 2.5em;
  color: #ffffff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  transition: 0.5s;
  z-index: 3;
}

.advertisers-service-sec .service-card:hover:after {
  top: 0%;
}

.service-card .icon-wrapper {
  background-color: #ffffff;
  color: rgb(255, 23, 131);
}

.advertisers-service-sec .service-card:hover .icon-wrapper {
  color: #0dcaf0;
}

.advertisers-service-sec .service-card:hover h3 {
  color: #ffffff;
}

.advertisers-service-sec .service-card:hover .bulletstyle li a {
  color: #f0f0f0;
}

.advertisers-service-sec .service-card:hover .inside-page__btn {
  color: rgb(255, 23, 131);
}

.tech_navigation {
  position: relative;
  height: 500px;
  width: 300px;
  /* background-color: #2196f3; */
  background-color: #a3e0ff;
  overflow-x: hidden;
  transition: width 0.5s;
  border-radius: 20px;
  box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.1),
    inset 5px 5px 20px rgba(255, 255, 255, 0.1),
    inset -5px -5px 15px rgba(0, 0, 0, 0.2);
}

.tech_navigation ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 5px;
  padding-top: 10px;
}

.tech_navigation ul li {
  position: relative;
  list-style: none;
  width: 90%;
  border-radius: 50px 50px 50px 50px;
  margin-left: 5%;
}

.tech_navigation ul li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 11%;
  width: 17%;
  height: 80%;
  /* background: #fff; */
  border: 3px solid #fff;
  border-radius: 10px;
  transform: translate(-50%, -50%);
  transform-origin: left;
  z-index: 0;
  opacity: 0;
  transition: all 0.3s;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1),
    inset 2px 2px 3px rgba(255, 255, 255, 0.1),
    inset -3px -3px 3px rgba(0, 0, 0, 0.1);
}

.tech_navigation ul li.active::before {
  opacity: 1;
  transform: translate(-50%, -50%);
  width: 95%;
  left: 50%;
}

.tech_navigation ul li.active {
  /* background: #17a2b8; */
}

.tech_navigation ul li.active a::before {
  content: '';
  position: absolute;
  top: -30px;
  right: 0;
  width: 30px;
  height: 30px;
  border-radius: 10%;
  /* box-shadow: 15px 15px 15px #fff; */
}

.tech_navigation ul li a:hover {
  color: #fff;
  border-radius: 10px;
  height: 80%;
  /* border-radius: 50px 50px 50px 50px; */
  margin-left: 5%;
}

.tech_navigation ul li.active a::after {
  content: '';
  position: absolute;
  bottom: -30px;
  right: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  /* box-shadow: 15px -15px 0px #fff; */
}

.tech_navigation ul li a {
  position: relative;
  display: flex;
  text-decoration: none;
  width: 100%;
  color: #111;
}

.tech_navigation ul li a .icon {
  margin-left: 40px;
  position: relative;
  display: block;
  height: 60px;
  line-height: 65px;
  text-align: center;
}

.tech_navigation ul li a .icon ion-icon {
  position: relative;
  font-size: 1.2em;
  z-index: 1;
  font-weight: 500;
}

.tech_navigation ul li a .title {
  position: relative;
  display: block;
  padding-left: 20px;
  height: 60px;
  line-height: 60px;
  font-size: 17px;
  font-weight: 600;
  white-space: nowrap;
  color: #111;
}

.tech_navigation .side_title {
  background: #0d3d56;
  /* border-radius: 20px; */
  margin: -1%;
}

.tech_navigation .side_title h3 {
  /* font-weight:500; */
  text-transform: uppercase;
  color: #fff;
  padding: 5px;
  font-size: 15pt;
}

.hr_tech {
  border-bottom: 2px solid #111;
}

.panel {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #fff;
  background: none;
  box-shadow: none;
}

.panel:last-child {
  border-bottom: none;
}

.panel-group > .panel:first-child .panel-heading {
  border-radius: 4px 4px 0 0;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-group .panel + .panel {
  margin-top: 0;
}

.panel-heading {
  background-color: #0d3d56;
   /*background-color: #73d8ff;*/
  border-radius: 0;
  border: none;
  color: #111;
  padding: 0;
}

.panel-subheading {
  background-color: #a3e0ff;
  border-radius: 0;
  border: none;
  color: #111;
  padding: 0;
}

.panel-title a {
  display: block;
  /*color: #111;*/
  color: #fff;
  padding: 15px;
  position: relative;
  font-size: 16px;
  font-weight: 400;
}

.panel-body,
.panel-subbody {
  background: #fff;
  padding: 15px;
  border-bottom: 2px solid #eeeeee;
}

.panel-subheading:hover,
.panel-subbody:hover {
  background: #cccccc;
}

.panel:last-child .panel-body {
  border-radius: 0 0 4px 4px;
}

.panel:last-child .panel-heading,
.panel:last-child .panel-subheading {
  border-radius: 0 0 4px 4px;
  transition: border-radius 0.3s linear 0.2s;
}

.panel:last-child .panel-heading.active,
.panel:last-child .panel-subheading.active {
  border-radius: 0;
  transition: border-radius linear 0s;
}

/* #bs-collapse icon scale option */

.panel-heading a:before,
.panel-subheading a:before {
  position: absolute;
  font-family: 'Material Icons';
  right: 5px;
  top: 10px;
  font-size: 24px;
  transition: all 0.5s;
  transform: scale(1);
}

.panel-heading.active a:before,
.panel-subheading.active a:before {
  transition: all 0.5s;
  transform: scale(0);
}

#bs-collapse .panel-heading a:after,
#bs-collapse .panel-subheading a:after {
  font-size: 24px;
  position: absolute;
  font-family: 'Material Icons';
  right: 5px;
  top: 10px;
  transform: scale(0);
  transition: all 0.5s;
}

#bs-collapse .panel-heading.active a:after,
#bs-collapse .panel-subheading.active a:after {
  transform: scale(1);
  transition: all 0.5s;
}

/* #accordion rotate icon option */

#accordion .panel-heading a:before,
#accordion .panel-subheading a:before {
  font-size: 24px;
  position: absolute;
  font-family: 'Material Icons';
  right: 5px;
  top: 10px;
  transform: rotate(180deg);
  transition: all 0.5s;
}

#accordion .panel-heading.active a:before,
#accordion .panel-subheading.active a:before {
  transform: rotate(0deg);
  transition: all 0.5s;
}

.accordion-items {
  /* max-width: 300px; */
  background: linear-gradient(to bottom right, #fff, #f7f7f7);
  /* background: #a3e0ff; */
  padding: 20px;
  margin: 0 auto;
  border-radius: 3px;
  box-shadow: 0 10px 15px -20px rgba(0, 0, 0, 0.3),
    0 30px 45px -30px rgba(0, 0, 0, 0.3), 0 80px 55px -30px rgba(0, 0, 0, 0.1);
}

.accordion-heading {
  color: #111;
  font-size: 14px;
  border-bottom: 1px solid #e7e7e7;
  letter-spacing: 0.8px;
  padding: 15px;
  cursor: pointer;
  background: #6bbaf3;
  /* border: 10px #0D83A5; */
  background: #6bbaf3;
  border-left-style: solid;
}

.accordion-heading:nth-last-child(2) {
  border-bottom: 0;
}

.accordion-heading:hover {
  background: #cccccc;
  border-radius: 0;
}

.accordion-heading:first-child:hover {
  border-radius: 3px 3px 0 0;
}

.accordion-heading:nth-last-child(2):hover {
  border-radius: 0 0 3px 3px;
}

.accordion-heading::before {
  content: '';
  vertical-align: middle;
  display: inline-block;
  border-top: 7px solid #111;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  float: right;
  transform: rotate(0);
  transition: all 0.5s;
  margin-top: 5px;
}

.active.accordion-heading::before {
  transform: rotate(-180deg);
}

.not-active.accordion-heading::before {
  transform: rotate(0deg);
}

.accordion-content {
  display: none;
  background: #eeeeee;
  padding: 15px;
  color: #111;
  font-size: 14px;
  line-height: 1.5;
}

.link_btn {
  color: blue;
  background: #fff;
  padding: 9px 17px 9px 9px;
}

.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: #d9377f;
  cursor: pointer;
  font-size: 11px;
  font-weight: 600;
}

.hover-underline-animation:after {
  content: '';
  position: absolute;
  /* width: 100%; */
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  color: #111;
  background-color: #37d940;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover:after {
  transform: scaleX(1);
  transform-origin: bottom right;
}

.ticker_wrap {
  display: flex;
}

.ticker__breaking {
  white-space: nowrap;
  background: #041e42;
  color: #fff;
  overflow: hidden;
  padding: 13px 66px 10px 66px;
  display: inline-block;
  font-weight: bold;
}

.ticker__viewport {
  background: #0067e5;
  color: #fff;
  overflow: hidden;
  padding: 10px 0;
  display: inline-block;
  flex-grow: 1;
}

.ticker__viewport a {
  cursor: context-menu;
  color: #fff;
  text-decoration: none;
}

.ticker__viewport a:hover {
  color: yellow;
  font-weight: bold;
}

.ticker__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
}

.ticker__item {
  display: inline-block;
  white-space: nowrap;
  padding-right: 40px;
}

.ticker__item:before {
  content: '';
  font-weight: bold;
}

.newsticker {
  /* background: #e58e8a; */
  background: #73d8ff;
  /* border-radius: 5px; */
  color: #402726;
  cursor: default;
  font-family: verdana;
  font-weight: bold;
  overflow: hidden;
  padding: 7px 10px 0 10px;
  width: 100%;
  /* height: 23px; */
}

.newsticker:hover {
  background: #73d8ff;
}

.newsticker ul li {
  width: 730px;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  display: none;
}

.popup {
  /* color: #208e4e;
  padding: 15px;
  display: inline-block;
  background: #ecf0f1;
  box-shadow: 0 4px 0 #2fc06d; */
  cursor: pointer;
  /* position: relative;
  top: 45%;
  left: 45%; */
}

.popup_overlay {
  background: #041e42;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
}

.popup_box {
  background: #ecf0f1;
  box-shadow: 0 4px 0 #041e42;
  max-width: 45em;
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  top: 15%;
  display: none;
  padding: 30px 15px;
  z-index: 999;
  border-radius: 20px;
}

.boom-in {
  display: block;
  animation: 0.4s zoomIn;
}

.boom-out {
  display: none;
  animation: 0.4s zoomOut;
}

/* .modal_box {
  position: fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:1;
  opacity: 0;
  visibility: hidden;
}

.modal_box:after {
  content:'';
  display:block;
  width:100%;
  height:100%;
  position: absolute;
  left:0;
  top:0;
  background:rgba(0,0,0,0.5);
}

.modal_content {
  max-width:600px;
  margin: 0px auto;
  background:#ffffff;
  margin-top: 50px;
  border:1px solid #dddddd;
  box-shadow:0 0 5px #dddddd;
  border-radius:4px;
  position: relative;
  z-index:1;
  transition:all 0.4s linear;
  -webkit-transition:all 0.4s linear;
  transform:translateY(-100%);
  -webkit-transform:translateY(-100%);
  opacity: 0;
  
}

.modal_header,.modal_footer,.modal_body {
  padding:15px;
  color:#565656;
}

.modal_header {
  border-bottom: 1px solid #dddddd;
}

.modal_footer {
  text-align: right;
  border-top:1px solid #dddddd;
}

.modal_footer a {
  display: inline-block;
  padding:10px 20px;
  background: skyblue;
  color:#ffffff;
  font-size:14px;
  border-radius: 5px;
}

.modal_body {
  font-size:14px;
  line-height: 22px;
}

.modal_box.active .modal_content {
  opacity: 1;
  transform:none;
  -webkit-transform:none;
}

.modal_box.active {
  opacity: 1;
  visibility: visible;
}

.modal_open {
  display: inline-block;
  background:#333333;
  padding:20px;
  color:#ffffff;
  font-size:17px;
  border-radius:4px;
} */

/* .customstyle img {

  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99
} */

/* .customstyle .overlay {
  width: 100%;
  height: 500px;
  background-color: rgba(0, 35, 82, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  z-index:999
} */

.single_slider figcaption {
  background: #292929;
  font-size: 15px;
  display: grid;
  grid-template-columns: 1fr 110px;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.slide-caption span {
  padding: 20px;
}

@media (max-width: 980px) {
  .single_slider a {
    font-size: 15px;
    letter-spacing: 0px;
    padding: 5px;
    margin-top: 8px;

    text-align: center;
  }

  .single_slider figcaption {
    background: #292929;
    font-size: 12px;
    padding: 20px;
    display: inherit;
    text-align: center;
  }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .owl-carousel .owl-item img {
    min-width: 100%;
    max-width: 400px;
    height: 400px;
    /* min-height: 16%; */
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* object-fit: cover; */
    background-repeat: no-repeat;
    background-size: auto;
  }
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
  .owl-carousel .owl-item img {
    /* width: 000px;
      height: 000px; */
    min-width: 100%;
    max-width: 1200px;
    height: 400px;
    /* min-height: 16%; */
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* object-fit: cover; */
    background-repeat: no-repeat;
    background-size: auto;
    /* max-width: 100%; */
    /* max-height: 100%; */
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .owl-carousel .owl-item img {
    /* width: 000px;
    height: 000px; */
    min-width: 100%;
    max-width: 1200px;
    height: 400px;
    /* min-height: 16%; */
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* object-fit: cover; */
    background-repeat: no-repeat;
    background-size: auto;
    /* max-width: 100%; */
    /* max-height: 100%; */
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .owl-carousel .owl-item img {
    /* min-width: 1600px; */
    min-width: 100%;
    max-width: 1500px;
    /* min-width: 1583px; */
    height: 400px;
    /* min-height: 16%; */
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* object-fit: cover; */
    background-repeat: no-repeat;
    background-size: auto;
    /* max-width: 100%; */
    /* max-height: 100%; */
  }
}

@media only screen and (min-width: 1441px) {
  .owl-carousel .owl-item img {
    /* min-width: 1600px; */
    min-width: 100%;
    max-width: 1500px;
    /* min-width: 1583px; */
    height: 400px;
    /* min-height: 16%; */
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* object-fit: cover; */
    background-repeat: no-repeat;
    background-size: auto;
    /* max-width: 100%; */
    /* max-height: 100%; */
  }
}

@media (min-width: 768px) {
  .image-slider-container {
    width: 80%;
    margin: 20px auto;
  }
}

.image-slider-container .image-slider-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 15px;
}

.image-slider-container .image-slider-heading h2 {
  font-size: 17px;
  color: #c7c7c7;
}

.image-slider-container .image-slider-heading .swiper-pagination {
  position: relative;
  width: auto;
  padding: 0;
  margin: 0;
  top: 0;
  bottom: 0;
}

.image-slider-container
  .image-slider-heading
  .swiper-pagination
  .swiper-pagination-bullet {
  background-color: #e4e4e4;
  opacity: 100%;
  width: 15px;
  height: 10px;
  border-radius: 100px;
  transition: 0.5s;
  margin: 0px 3px;
}

.image-slider-container
  .image-slider-heading
  .swiper-pagination
  .swiper-pagination-bullet-active {
  background-color: var(--theme);
  width: 30px;
}

.image-slider-container .swiper {
  position: relative;
}

.image-slider-container .swiper .swiper-slide {
  width: 170px;
}

.image-slider-container .swiper .swiper-slide .slide-con {
  overflow: hidden;
  height: 220px;
  margin: 0px 0px;
  position: relative;
  border-radius: 10px;
}

.image-slider-container .swiper .swiper-slide .slide-con .slide-details {
  padding: 10px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  display: none;
}

.image-slider-container
  .swiper
  .swiper-slide
  .slide-con
  .slide-details
  .movie-info {
  text-align: left;
}

.image-slider-container
  .swiper
  .swiper-slide
  .slide-con
  .slide-details
  .movie-info
  h2 {
  font-size: 15px;
  padding: 5px 0px 5px 0px;
}

.image-slider-container
  .swiper
  .swiper-slide
  .slide-con
  .slide-details
  .movie-info
  span {
  font-size: 13px;
  margin-right: 0px;
  color: #727272;
}

.image-slider-container
  .swiper
  .swiper-slide
  .slide-con
  .slide-details
  .movie-btns {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.image-slider-container
  .swiper
  .swiper-slide
  .slide-con
  .slide-details
  .movie-btns
  a {
  text-decoration: none;
  color: white;
  padding: 5px 5px;
  font-size: 13px;
  margin: 0px 3px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: white;
}

.image-slider-container
  .swiper
  .swiper-slide
  .slide-con
  .slide-details
  .movie-btns
  a
  svg {
  font-size: 15px;
}

.image-slider-container
  .swiper
  .swiper-slide
  .slide-con
  .slide-details
  .movie-btns
  a:hover {
  background-color: transparent;
  color: white;
  border: 1px solid white;
}

.image-slider-container
  .swiper
  .swiper-slide
  .slide-con
  .slide-details
  .movie-btns
  .imdb-rate {
  width: 100%;
  font-size: 10px;
  color: #ecc900;
}

.image-slider-container
  .swiper
  .swiper-slide
  .slide-con
  .slide-details
  .movie-btns
  .imdb-rate:hover {
  background-color: #ecc900;
  color: black;
  border: 0;
}

.image-slider-container
  .swiper
  .swiper-slide
  .slide-con
  .slide-details
  .movie-btns
  .like:hover {
  color: white;
  background-color: #ff2a00;
  border: 0;
}

.image-slider-container
  .swiper
  .swiper-slide
  .slide-con
  .slide-details
  .movie-btns
  .show-movie:hover {
  color: white;
  background-color: #2a4aff;
  border: 0;
}

.image-slider-container .swiper .swiper-slide .slide-con:hover .slide-details {
  display: flex;
}

.image-slider-container .swiper .swiper-slide .slide-con:hover div.movie-info {
  animation: 30s 1 m;
}

@keyframes m {
  from {
    transform: translateY(-85px);
  }

  1% {
    transform: translateY(60px);
  }

  1.5% {
    transform: translateY(0px);
  }

  2% {
    transform: translateY(20px);
  }

  2.5% {
    transform: translateY(0px);
  }

  to {
    transform: translateY(0px);
  }
}

.image-slider-container .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.6);
}

#ourclients {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background: #f9f9f9;
  padding-bottom: 30px;
  height: 160px;
}

#ourclients .clients-wrap {
  display: block;
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
}

#ourclients .clients-wrap ul {
  display: block;
  list-style: none;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

#ourclients .clients-wrap ul li {
  display: contents;
  float: left;
  position: relative;
  width: 340px;
  height: 160px;
  line-height: 100px;
  text-align: center;
}

#ourclients .clients-wrap ul li img {
  vertical-align: middle;
  width: 340px;
  height: 160px;
  -webkit-transition: 0 linear left;
  -moz-transition: 0 linear left;
  transition: 0 linear left;
}

#ourclients h3 {
  border-bottom: 2px solid #3399ff;
  width: 150px;
  padding: 10px;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-250px * 7));
  }
}

.bottom_slider {
  height: 150px;
  margin-top: 30px;
  overflow: hidden;
  position: relative;
  width: auto;
  background: #fff;
}

.bottom_slider .slide-track {
  animation: scroll 100s linear infinite;
  display: flex;
  width: calc(250px * 14);
}

.bottom_slider .slide_value {
  height: 100px;
  width: 300px;
}

.exampleswiper {
  max-width: 1050px;
  margin: auto;
  background-color: lightgreen;
}

.exampleswiper .swiper-slide {
  width: auto;
  margin-top: 20px;
  margin-bottom: 30px;
}

.swiper {
  padding-left: 2rem;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: -2px;
  background-color: white;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: -2px;
  background-color: white;
}

/* .swiper-container {
  width: 100%;
  height: 100%;
  max-width: 400px;
  max-height: 100vh;
} */

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-container {
  height: 200px;
  width: 400px;
  height: 180px;
  /* max-width: 77px; */
  /* max-height: 100vh; */
  padding-bottom: 40px;
}

.swiper-wrapper {
  width: 73.8%;
  will-change: transform;
}

@media (min-width: 630px) {
  .swiper-wrapper {
    width: 100%;
  }
}

.swiper-slide {
  width: 100%;
  background-color: white;
  overflow: hidden;
}

.swiper-slide.swiper-slide-active .slide-image,
.swiper-slide.swiper-slide-duplicate-active .slide-image {
  transform: scale3d(1, 1, 1);
}

@media (min-width: 630px) {
  .swiper-slide {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .swiper-slide {
    width: 33.333333%;
  }

  .swiper-slide.swiper-slide-next .slide-image,
  .swiper-slide.swiper-slide-prev .slide-image,
  .swiper-slide.swiper-slide-duplicate-next .slide-image,
  .swiper-slide.swiper-slide-duplicate-prev .slide-image {
    transform: scale3d(1, 1, 1);
  }
}

@media (min-width: 1024px) {
  .swiper-slide {
    width: 340px;
    height: 140px;
    margin: 9px;
  }
}

.swiper-pagination {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 85px;
}

.swiper-pagination-bullet {
  background: #fff;
  width: 22px;
  height: 4px;
  border-radius: 0;
  transition: opacity 1s ease;
}

@media (min-width: 768px) {
  .swiper-pagination-bullet {
    width: 40px;
  }
}

.slide-image {
  height: 160px;
  width: 340px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /* transform: scale3d(1.3, 1.3, 1); */
  backface-visibility: hidden;
  will-change: transform;
  transition: transform 1400ms ease;
}

.slide-content {
  padding: 0 2.2rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.slide-content h4 {
  font-size: 25px;
  font-weight: 400;
  margin: 0 0 1rem;
  padding-top: 2.8rem;
  flex-grow: 0;
}

.slide-content p {
  display: flex;
  line-height: 1.8;
  margin-top: 0;
  font-size: 14px;
  flex-grow: 1;
}

.slide-content footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 2.8rem;
  font-size: 14px;
  color: #c2c0e0;
}

.slide-content a {
  color: tomato;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 3px solid currentColor;
  padding-bottom: 3px;
}

.swipper_main_container {
  overflow: hidden;
  padding-left: 15px;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

input[type='number'] {
  -moz-appearance: textfield;
}

.videos-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 30px;
}

.videos-grid-video {
}

.videos-grid-video > iframe {
  height: 278px;
}

.events_tabs {
  display: table;
  table-layout: fixed;
  width: 100%;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}

.events_tabs > li {
  transition-duration: 0.25s;
  display: table-cell;
  list-style: none;
  text-align: center;
  padding: 20px 20px 25px 20px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color: #333;
}

.events_tabs > li:before {
  z-index: -1;
  position: absolute;
  content: '';
  width: 100%;
  height: 120%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition-duration: 0.25s;
  border-radius: 5px 5px 0 0;
}

.events_tabs > li:hover:before {
  -webkit-transform: translateY(70%);
  transform: translateY(70%);
}

.events_tabs > li.active {
  color: #fff;
  background: #041e42;
  border-radius: 15px;
}

.events_tabs > li.active:before {
  transition-duration: 0.5s;
  background-color: white;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.tab__content {
  background-color: white;
  position: relative;
  width: 100%;
  border-radius: 5px;
}

.tab__content > li {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  list-style: none;
}

.tab__content > li .content__wrapper {
  text-align: center;
  border-radius: 5px;
  width: 100%;
  padding: 10px 40px 40px 40px;
  background-color: white;
}

.content__wrapper h2 {
  width: 100%;
  text-align: center;
  padding-bottom: 20px;
  font-weight: 300;
}

.content__wrapper img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}

.colors {
  text-align: center;
  padding-top: 20px;
}

.colors > li {
  list-style: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border-bottom: 5px solid rgba(0, 0, 0, 0.1);
  display: inline-block;
  margin: 0 10px;
  cursor: pointer;
  transition-duration: 0.2s;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}

.colors > li:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  border-bottom: 10px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.colors > li.active-color {
  -webkit-transform: scale(1.2) translateY(-10px);
  transform: scale(1.2) translateY(-10px);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  border-bottom: 20px solid rgba(0, 0, 0, 0.15);
}

.colors > li:nth-child(1) {
  background-color: #2ecc71;
}

.colors > li:nth-child(2) {
  background-color: #d64a4b;
}

.colors > li:nth-child(3) {
  background-color: #8e44ad;
}

.colors > li:nth-child(4) {
  background-color: #46a1de;
}

.colors > li:nth-child(5) {
  background-color: #bdc3c7;
}

.block {
  width: 840px;
  margin: 0% auto;
  /* overflow: hidden; */
}

.youtubebox {
  position: relative;
  height: 130px;
  line-height: 150px;
  overflow: hidden;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.box__right,
.box__left,
.box__top,
.box__bottom {
  position: absolute;
  width: inherit;
  height: inherit;
  text-align: center;
  line-height: inherit;
  transition: transform 0.4s ease;
}

.box__right:before,
.box__left:before,
.box__top:before,
.box__bottom:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
}

.box__right:hover,
.box__left:hover,
.box__top:hover,
.box__bottom:hover {
  transform: translateX(0);
  z-index: 1;
}

.box__right:hover:before,
.box__left:hover:before,
.box__top:hover:before,
.box__bottom:hover:before {
  width: 100%;
  height: 100%;
  transform: none;
}

.box__right {
  background: rgba(0, 0, 0, 0.43);
  transform: translateX(100%);
}

.box__right:before {
  right: 100%;
  bottom: 0;
  transform-origin: 100% 100%;
}

.box__right:hover ~ .box__center {
  transform: translateX(-100%);
}

.box__left {
  background: rgba(0, 0, 0, 0.43);
  transform: translateX(-100%);
}

.box__left:before {
  left: 100%;
  transform-origin: 0 0;
}

.box__left:hover ~ .box__center {
  transform: translateX(100%);
}

.box__top {
  background: rgba(0, 0, 0, 0.43);
  transform: translateY(-100%);
}

.box__top:before {
  top: 100%;
  right: 0;
  transform-origin: 100% 0;
}

.box__top:hover ~ .box__center {
  transform: translateY(100%);
}

.box__bottom {
  background: rgba(0, 0, 0, 0.43);
  transform: translateY(100%);
}

.box__bottom:before {
  bottom: 100%;
  left: 0;
  transform-origin: 0 100%;
}

.box__bottom:hover ~ .box__center {
  transform: translateY(-100%);
}

.film-container {
  width: 100%;
  float: left;
  position: relative;
}

.film-container .row {
  height: 445px;
  position: relative;
}

.film-container .row .single-film {
  width: 280px;
  height: auto;
  float: left;
  padding: 18px;
  position: absolute;
  z-index: 4;
  background: #041e42;
  cursor: pointer;
}

.film-container .row .single-film:nth-child(1) {
  top: 0%;
  left: 0%;
  transition: all ease 0.8s;
}

.film-container .row .single-film:nth-child(2) {
  top: 0%;
  left: 33%;
  transition: all ease 0.8s;
}

.film-container .row .single-film:nth-child(3) {
  top: 0%;
  left: 66%;
  transition: all ease 0.8s;
}

.film-container .row .single-film:nth-child(4) {
  top: 55%;
  left: 0%;
  transition: all ease 0.8s;
}

.film-container .row .single-film:nth-child(5) {
  top: 55%;
  left: 33%;
  transition: all ease 0.8s;
}

.film-container .row .single-film:nth-child(6) {
  top: 55%;
  left: 66%;
  transition: all ease 0.8s;
}

.film-container .row .single-film .play-video {
  transition: all ease 0.8s;
  opacity: 0;
  background: #0c101b;
}

.film-container .row .single-film .play-video video {
  width: 100%;
  height: 100%;
  transition: all ease 0.8s;
}

.film-container .row .single-film .box-pay-icon {
  display: block;
  opacity: 1;
  z-index: 9;
}

.film-container .row .single-film .video-tag-close {
  transition: all ease 0.5s;
  position: absolute;
  top: 0px;
  right: 9px;
  font-size: 28px;
  color: #fff;
  cursor: pointer;
  opacity: 0;
  background: #0c101b;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 36px;
}

.film-container .row .single-film .box {
  width: 100%;
  transition: all ease 0.8s;
}

.film-container .row .single-film .box .play-movie-icon {
  color: #fff;
  font-size: 45px;
  line-height: 0;
  font-weight: bold;
}

.film-container .row .single-film .film-information {
  width: 100%;
  float: left;
  margin-top: 1%;
  transition: all ease 0.8s;
}

.film-container .row .single-film .film-information p {
  width: 100%;
  float: left;
  color: #fff;
  font-size: 13px;
  margin: 0;
  line-height: 17px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.film-container .row .single-film.single-film-animate {
  left: 33% !important;
  top: 33% !important;
  transition: all ease 0.8s;
  bottom: 33%;
  right: 33%;
  transition: all ease 0.8s;
}

.film-container .row .single-film.single-film-animate .film-information {
  opacity: 0;
  transition: all ease 0.8s;
}

.film-container .row .single-film.single-film-animate .box-pay-icon {
  transition: all ease 0.8s;
  display: none !important;
}

.film-container .row .single-film.single-film-active {
  z-index: 6;
}

.film-container .row .single-film.video-min {
  transition: all ease 0.8s;
  display: block;
  opacity: 1;
}

.film-container .row .single-film.video-min video {
  margin: 0 auto !important;
  height: 0% !important;
  width: 0% !important;
  margin-left: 40% !important;
  margin-top: 20% !important;
  overflow: hidden !important;
}

.film-container .row .single-film.single-film-in {
  z-index: 6;
  transition: all ease 0.8s;
  right: 0 !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  height: auto !important;
  width: 100% !important;
}

.film-container .row .single-film.single-film-in .box {
  height: 100% !important;
  transition: all ease 0.8s;
  width: 100% !important;
  overflow: visible;
}

.film-container .row .single-film.single-film-in .play-video {
  transition: all ease 0.8s;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0 auto;
  text-align: center;
  opacity: 1 !important;
}

.film-container .row .single-film.single-film-in .play-video video {
  transition: all ease 0.8s;
  width: 100%;
  height: 100%;
}

.film-container .row .single-film.single-film-in:hover .video-tag-close {
  transition: all ease 0.8s;
  opacity: 1;
}

.errorPage {
  max-width: 500px;
  position: relative;
  z-index: 2;
  padding: 10px;
  float: left;
  min-height: 300px;
  font-family: 'Titillium Web', sans-serif;
  color: #fff;
}

.errorPage h1 {
  font-size: 150px;
  font-weight: bold;
}

.errorPage h3 {
  position: relative;
  font-size: 100px;
  line-height: 1.5em;
  font-weight: normal;
  margin-left: 10px;
  text-transform: none;
  color: #000;
  font-weight: bold;
  color: #fdd835;
}

.errorPage h4 {
  font-size: 30px;
  margin: 0;
  color: #0c0c0c;
  line-height: 1.3;
  text-align: right;
}

.errorPage a {
  color: #f3e0b0;
}

.errorPage p {
  margin-bottom: 10px;
}

.errorPage ul {
  margin-bottom: 15px;
}

.penguinContainer {
  position: relative;
  height: 600px;
  width: 100%;
  transform: scale(0.5);
  transform-origin: right bottom;
}

.penguinWrap {
  position: absolute;
  width: 650px;
  height: 600px;
  right: 0;
  bottom: 0;
  display: block;
  transform-origin: center 600px;
}

.penguin {
  position: absolute;
  transform-origin: center 620px;
  transform: rotate(-1deg);
  animation: waddle 1.5s infinite;
}

.bodyForm1 {
  position: absolute;
  width: 340px;
  height: 280px;
  border-radius: 500px/430px;
  left: 130px;
  top: -20px;
  background-color: black;
}

.bodyForm2 {
  position: absolute;
  width: 400px;
  height: 530px;
  border-radius: 400px/510px;
  top: 70px;
  left: 100px;
  background-color: black;
}

.beak1 {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 70px solid #fdd835;
  border-left: 70px solid transparent;
  transform: rotate(-135deg);
  top: 152px;
  left: 266px;
}

.beak2 {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 70px solid #fbc02d;
  border-left: 70px solid transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 152px;
  left: 264px;
}

.abdomen1 {
  position: absolute;
  width: 320px;
  height: 300px;
  background-color: #a7a7a7;
  border-radius: 312px / 287px;
  left: 140px;
  top: 213px;
}

.abdomen2 {
  position: absolute;
  width: 320px;
  height: 290px;
  background-color: white;
  border-radius: 341px / 337px;
  left: 139px;
  top: 195px;
}

.leg1_1 {
  position: absolute;
  width: 143px;
  height: 70px;
  background-color: #fbc02d;
  border-radius: 143px / 140px;
  left: 145px;
  top: 535px;
  animation: walk1 1s infinite;
}

.leg2_1 {
  position: absolute;
  width: 143px;
  height: 70px;
  background-color: #fbc02d;
  border-radius: 143px / 140px;
  left: 313px;
  top: 535px;
  animation: walk1 1s 0.4s infinite;
}

.leg1_2 {
  position: absolute;
  width: 115px;
  height: 34px;
  background-color: #fdd835;
  border-radius: 115px / 34px;
  left: 160px;
  top: 545px;
  animation: walk1 1s infinite;
}

.leg2_2 {
  position: absolute;
  width: 115px;
  height: 34px;
  background-color: #fdd835;
  border-radius: 115px / 34px;
  left: 328px;
  top: 545px;
  animation: walk1 1s 0.5s infinite;
}

.leftWing {
  position: absolute;
  width: 72px;
  height: 275px;
  border-radius: 72px/275px;
  left: 460px;
  top: 217px;
  transform: rotate(-20deg);
  transition: 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation: wing1 1s infinite;
  background-color: black;
}

.rightWing {
  position: absolute;
  width: 72px;
  height: 275px;
  border-radius: 72px/275px;
  left: 65px;
  top: 217px;
  transform: rotate(20deg);
  transition: 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation: wing2 0.8s infinite;
  background-color: black;
}

.eyes {
  position: absolute;
  top: -40px;
  left: -130px;
}

.eyes #eye1_1 {
  position: absolute;
  width: 140px;
  height: 160px;
  background: #fff;
  border-radius: 128px/150px;
  top: 70px;
  left: 295px;
  transform: scale(1);
}

.eyes #eye2_1 {
  position: absolute;
  width: 140px;
  height: 160px;
  background: #fff;
  border-radius: 150px;
  border-radius: 128px/150px;
  top: 70px;
  left: 423px;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.eyes #eye1_3 {
  position: absolute;
  width: 180px;
  height: 180px;
  background: #fff;
  border-radius: 150px;
  top: 70px;
  left: 265px;
  transform: scale(0.67);
}

.eyes #eye2_3 {
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 150px;
  top: 70px;
  left: 416px;
  transform: scale(0.67);
}

.eyes #eye1_4 {
  position: absolute;
  width: 180px;
  height: 180px;
  background: #000;
  border-radius: 150px;
  top: 90px;
  left: 285px;
  transform: scale(0.2);
  transition: all 0.2s;
}

.eyes #eye2_4 {
  position: absolute;
  width: 180px;
  height: 180px;
  background: #000;
  border-radius: 150px;
  top: 90px;
  left: 395px;
  transform: scale(0.2);
  transition: all 0.2s;
}

.bubble {
  opacity: 0;
  position: absolute;
  font-family: 'Titillium Web', sans-serif;
  text-decoration: none;
  display: inline-block;
  color: #000;
  font-size: 40px;
  left: -210px;
  top: -250px;
  width: 330px;
  text-align: center;
  background: #fff;
  padding: 45px 50px 50px;
  border-radius: 50%;
  border: 8px solid #fbc02d;
  transition: 500ms;
  pointer-events: none;
}

.bubble::before {
  opacity: 0;
  content: '';
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 30px;
  background: #fff;
  position: absolute;
  top: 182px;
  right: -90px;
  border: 2px solid #fbc02d;
  pointer-events: none;
}

.bubble::after {
  opacity: 0;
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: #fff;
  position: absolute;
  top: 130px;
  right: -54px;
  border: 2px solid #fbc02d;
  pointer-events: none;
}

.penguinWrap:hover .bubble {
  opacity: 1;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.penguinWrap:hover .bubble::after {
  opacity: 1;
  transition: opacity 300ms;
  transition-delay: 0.2s;
}

.penguinWrap:hover .bubble::before {
  opacity: 1;
  transition: opacity 300ms;
  transition-delay: 0.4s;
}

.slide-in-top {
  animation: slide-in-top 0.7s cubic-bezier(0.25, 0.46, 0.45, 1.2) both;
}

.slide-in-left {
  animation: slide-in-left 0.5s 1s cubic-bezier(0.25, 0.46, 0.45, 1.1) both;
}

.slide-in-left2 {
  animation: slide-in-left 0.5s 1.5s cubic-bezier(0.25, 0.46, 0.45, 1.1) both;
}

.clouds {
  width: 200x;
  height: 300px;
  position: absolute;
  opacity: 0.1;
}

.cloud1 {
  top: -30px;
  height: 240px;
  fill: #eee;
  animation: move 40s linear infinite;
}

.cloud2 {
  top: 140px;
  height: 150px;
  fill: #eee;
  animation: move 45s linear 15s infinite backwards;
}

.cloud3 {
  top: 190px;
  width: 100x;
  height: 200px;
  fill: #eee;
  animation: move 30s linear 8s infinite backwards;
}

.cloud4 {
  top: 260px;
  width: 100x;
  height: 180px;
  fill: #eee;
  animation: move 50s linear 9s infinite backwards;
}

@media screen and (max-width: 770px) {
  .wrapper {
    overflow: hidden;
  }

  .errorPage {
    float: none;
  }

  .penguinContainer {
    height: 350px;
  }

  .penguinWrap {
    width: 600px;
  }

  .penguinWrap:hover .bubble,
  .penguinWrap:hover .bubble::after,
  .penguinWrap:hover .bubble::before {
    opacity: 0;
  }

  .errorPage h1 {
    font-size: 120px;
    font-weight: bold;
  }
}

@-webkit-keyframes move {
  from {
    -webkit-transform: translateX(-400px);
  }

  to {
    -webkit-transform: translateX(105vw);
  }
}

@keyframes waddle {
  50% {
    transform-origin: 600px 410px;
    transform: rotate(0.5deg);
  }
}

@keyframes wing1 {
  50% {
    transform-origin: 25px 50px;
    transform: rotate(-40deg);
  }
}

@keyframes wing2 {
  50% {
    transform-origin: 50px 50px;
    transform: rotate(40deg);
  }
}

@keyframes walk1 {
  50% {
    transform: translateY(-5px);
  }
}

@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }

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

@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

.gallery_title {
  font-size: 12pt;
}

.col-lg-7 p,
.col-lg-5 p,
.col-lg-12 p {
  text-align: justify;
}

/* tr:nth-of-type(odd) { 
	background: #eee; 
	} */

.table th {
  background: #3498db;
  color: white;
  font-weight: bold;
}

.table {
  background-color: rgb(255, 255, 255);
}

table td,
table th {
  padding: 10px;
  border: 1px solid #111;
  /* text-align: left; */
  font-size: 15px;
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 800px) {
  table {
    width: 100%;
  }

  /* Force table to not be like tables anymore */
  table,
  thead,
  tbody,
  tr th,
  tr th td {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  tr {
    border: 1px solid #ccc;
  }

  td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left;
    height: 50%;
  }

  td ::before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    /* Label the data */

    color: #000;
    font-weight: bold;
  }

  td::before {
    content: attr(data-title);
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: bold;
  }
}

@media only screen and (min-width: 0px) and (max-width: 700px) {
  tr td,
  tr th td {
    display: inline-block;
    padding: 5px;
    width: 100%;
  }

  .table td,
  .table th {
    /* padding: 0.75rem; */
    vertical-align: top;
    border-top: 1px solid #dee2e6;
  }
}

.front_tech {
  display: flex;
  align-items: stretch;
  flex-direction: column;
}

.front_tech_section {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  height: 100%;
}

#page-top {
  background: rgb(238, 238, 238);
}

.administraion_bread {
  background: #eeeeee;
}

.administration_sticky {
  background: #eeeeee;
}

.search-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #2f3640;
  height: 40px;
  border-radius: 40px;
  padding: 10px;
}

.search-box:hover > .search-text {
  width: 240px;
  padding: 0 6px;
}

.search-box:hover > .search-btn {
  background: white;
  color: black;
}

.search-btn {
  color: #e84118;
  float: right;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #2f3640;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
  cursor: pointer;
  text-decoration: none;
}

.search-btn > i {
  fontsize: 30px;
}

.search-text {
  border: none;
  background: none;
  outline: none;
  float: left;
  padding: 0;
  color: white;
  font-size: 16px;
  font-weight: normal;
  transition: 0.4s;
  line-height: 40px;
  width: 0px;

  /*   width: 250px; */
}

.navigation-box {
  top: 0.4rem;
  right: 4.8rem;
  width: 2rem;
  position: absolute;
}

@media (min-width: 768px) {
  .breaking-caret:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 15px solid #007bff;
    border-bottom: 20px solid transparent;
    position: absolute;
    right: -15px;
    top: 0;
  }
}

/* .table-color
{
  background-color: #eeeeee;
} */

.article {
  border: 1px solid #dbdbdb;
  margin: 0 0 5px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.06);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.06);
  position: relative;
}

.article__content {
  padding: 8px;
}

.article__image {
  width: 100%;
}

.article__image:hover {
  opacity: 0.5;
  transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -webkit-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
}

.article__category {
  color: #111;
  font-size: 12pt;
  /* letter-spacing: 0.075rem; */
  line-height: 16px;
  margin: 0 0 5px;
  font-weight: 700;
  /*text-transform: uppercase;*/
}

.article__title h2 {
  font-size: 10pt;
  /* font-weight: 700; */
  line-height: 24px;
}

.article__title a {
  display: block;
}

.article__title a:hover {
  color: #444;
}

.article__footer {
  color: #818181;
  font-size: 0.875rem;
  margin-top: 10px;
}

.article__author {
  font-weight: 700;
}

.article__date::before {
  content: '\2022';
  padding: 0 0.5rem;
}

/* desktop */
@media (min-width: 700px) {
  .article {
    display: flex;
  }

  .article__content {
    padding: 8px;
  }

  .article__photo {
    order: 0;
    padding: 10px;
  }

  .article__image {
    width: 80px;
    height: 80px;
  }

  .article__footer {
    position: absolute;
    /* left: 0; */
    bottom: 0;
    right: 0;
    padding: 0 29px 27px;
  }
}

.fas {
  color: #fff;
}

.documents_flex {
  /* display: flex; */
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: stretch;
  padding-top: 0px;
  border-radius: 20px;
}

.documents_card {
  flex: 0 1 48%;
  display: flex;
}

.documents_card-inner {
  display: flex;
  flex-direction: column;
}

.documents_card-footer {
  margin-top: auto;
}

* {
  box-sizing: border-box;
}

.documents_card {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  padding: 20px;
  margin-bottom: 2%;
  flex: 0 1 48%;
  display: flex;
}

.documents_card-header {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 1.5;
  text-transform: uppercase;
  font-weight: bold;
}

.documents_card-footer {
  /* background: navy; */
  color: white;
  border-radius: 4px;
  padding: 10px;
}

.season_tabs {
  position: relative;
  min-height: 420px;

  clear: both;
  /* margin: 20px 0; */
}

.season_tab {
  float: left;
  clear: both;
  width: 286px;
}

.season_tab label {
  background: #eee;
  padding: 10px;
  border: 1px solid #ccc;
  margin-left: -1px;
  font-size: 16px;
  vertical-align: middle;
  position: relative;
  left: 1px;
  width: 264px;
  height: 68px;
  display: table-cell;
}

.season_tab [type='radio'] {
  display: none;
}

.season_content {
  position: absolute;
  top: 0;
  left: 264px;
  background: #fff;
  right: 0;
  bottom: 0;
  padding: 20px;
  border: 1px solid #ccc;
  /* border-radius: 20px; */
}

.season_content span {
  animation: 0.5s ease-out 0s 1 slideInFromTop;
}

[type='radio']:checked ~ label {
  /* background: #041e42;
  border-bottom: 2px solid #8bc34a; */
  z-index: 2;
}

[type='radio']:checked ~ label ~ .season_content {
  z-index: 1;
}

.documents_title h3 {
  font-size: 36px;
  font-weight: 500;
  color: #041e42;
}

.season_tabs_border {
  background: #eeeeee;
  padding-right: 55px;
  padding-left: 55px;
  padding-top: 10px;
  padding-bottom: 35px;
}

.toolnav {
  background-color: #1b0365;
  box-shadow: 0px 1px 2px yellow;
}

.toolmainmenu {
  display: flex;
  wrap: nowrap;
  list-style: none;
}

.toolmainmenu li {
  display: inline-block;
  text-transform: uppercase;
  font-size: 0.8rem;
  position: relative;
  white-space: nowrap;
}

.toolmainmenu li i {
  padding-left: 5px;
}

.toolmainmenu a {
  display: block;
  padding: 15px 20px;
  text-decoration: none;
  color: rgb(255, 242, 0);
  transition: 0.3s;
}

.toolmainmenu a:hover {
  color: white;
}

.toolsub-menu {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 60px;
  left: 0;
  border: 1px solid #f5ba4b;
  border-bottom: none;
  visibility: hidden;
  opacity: 0;
}

.toolmainmenu .has-children:hover .toolsub-menu {
  transition: 0.5s;
  visibility: visible;
  opacity: 1;
  top: 50px;
}

.toolsub-menu li {
  display: block;
  font-size: 12px;
  border-bottom: 1px solid #f5ba4b;
}

.toolsub-menu a {
  color: #222;
}

.toolsub-menu a:hover {
  background-color: #f5ba4b;
  color: #fff;
}

.dx-menu {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 180px;
  border: 1px solid #f5ba4b;
  border-bottom: none;
  visibility: hidden;
  opacity: 0;
}

#image-has-children:hover .dx-menu {
  transition: 0.5s;
  visibility: visible;
  opacity: 1;
  left: 183px;
}

.dx-menu li {
  font-size: 12px;
  border-bottom: 1px solid #f5ba4b;
}

.dx-menu a {
  color: #222;
}

.dx-menu a:hover {
  background-color: #f5ba4b;
  color: #fff;
}

.dropdown-submenu .tooldropdown-menu {
  top: 20px;
  right: 15%;
  margin-top: 1px;
  display: none;
  position: relative;
}

.subhover:hover ~ .tooldropdown-menu,
.tooldropdown-menu:hover {
  display: block;
  position: absolute;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  opacity: 0.92;
  z-index: 999;
  visibility: visible;
  padding: 0.7rem 0rem;
  font-size: 0.875rem;
  line-height: 22px;
  color: #5c5776;
  background: #041e42;
  border: none;
  box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);
  border-radius: 0.5rem;
}

.tooldropdown-menu li a {
  color: #fff;
}

.social-icons {
  color: #fff;
}

.toolbar-dropdown ul {
  /* padding: 0;
  margin: 0;
  float: right;
  margin-right: 30px; */
}

.toolbar-dropdown ul li {
  position: relative;
  list-style: none;
  display: inline-block;
}

.toolbar-dropdown ul li a {
  display: block;
  padding: 0 0px;
  color: #fff;
  text-decoration: none;
}

.toolbar-dropdown ul li a:hover {
  /* background: #304352;
  background: -webkit-linear-gradient(to right, #d7d2cc, #304352);
  background: linear-gradient(to right, #d7d2cc, #304352); */
}

/* .toolbar-dropdown ul ul {
  position: absolute;
  top: 60px;
  display: none;
} */

.toolbar-dropdown ul li:hover > ul {
  /* display: block; */
}

.toolbar-dropdown ul ul li {
  width: 25px;
  float: none;
  display: list-item;
  position: relative;
}

.toolbar-dropdown ul ul ul li {
  position: relative;
  top: -60px;
  left: 150px;
}

.document_tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 0px;
  /* padding-left:10px; */
}

.document_tabs label {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  display: block;
  padding: 5px;

  cursor: pointer;
  background: #fafafa;
  font-weight: bold;
  -webkit-transition: background ease 0.2s;
  transition: background ease 0.2s;
  margin-right: 30px;
  padding-left: 30px;
}

.document_tabs .document_tab {
  -webkit-box-ordinal-group: 100;
  -webkit-order: 99;
  -ms-flex-order: 99;
  order: 99;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
  display: none;
  padding: 1.5rem;
  /* background: #eeeeee; */
}

.document_tabs input[type='radio'] {
  position: absolute;
  opacity: 0;
}

.document_tabs input[type='radio']:checked + label {
  background: #6bb5f0;
  color: #111;
  /* border-bottom: 2px solid #041e42; */
  margin-bottom: 0px;
  padding-right: 30px;
  /* border-radius:10px; */
  /* background: #041e42;
  border-bottom: 2px solid #8bc34a;
  z-index: 2; */
}
.document_tabs [type='radio']:checked ~ label {
  /* background: #eeeeee; */
  /* border-bottom: 2px solid #041e42; */
  z-index: 2;
}

.document_tabs input[type='radio']:checked + label + .document_tab {
  display: block;
  background: #6bb5f0;
}

@media (max-width: 45em) {
  .document_tabs .document_tab,
  .document_tabs label {
    -webkit-box-ordinal-group: NaN;
    -webkit-order: initial;
    -ms-flex-order: initial;
    order: initial;
  }

  .document_tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}

.front-documents {
  /* background: #eeeeee; */
  /* border:1px solid #ccc; */
  border-radius: 15px;
}

.leaders_bg {
  /* background: #a6c5f0; */
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

@media (min-width: 768px) {
  /* show 4 items */
  .carousel-inner .active,
  .carousel-inner .active + .carousel-item,
  .carousel-inner .active + .carousel-item + .carousel-item,
  .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
    display: block;
  }

  .carousel-inner
    .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .carousel-inner
    .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
    + .carousel-item,
  .carousel-inner
    .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
    + .carousel-item
    + .carousel-item,
  .carousel-inner
    .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
    + .carousel-item
    + .carousel-item
    + .carousel-item {
    transition: none;
  }

  .carousel-inner .carousel-item-next,
  .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }

  .carousel-inner
    .active.carousel-item
    + .carousel-item
    + .carousel-item
    + .carousel-item
    + .carousel-item {
    position: absolute;
    top: 0;
    right: -25%;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* left or forward direction */
  .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .carousel-item-next.carousel-item-left + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  .carousel-item-next.carousel-item-left
    + .carousel-item
    + .carousel-item
    + .carousel-item,
  .carousel-item-next.carousel-item-left
    + .carousel-item
    + .carousel-item
    + .carousel-item
    + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  /* farthest right hidden item must be absolue position for animations */
  .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* right or prev direction */
  .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .carousel-item-prev.carousel-item-right + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  .carousel-item-prev.carousel-item-right
    + .carousel-item
    + .carousel-item
    + .carousel-item,
  .carousel-item-prev.carousel-item-right
    + .carousel-item
    + .carousel-item
    + .carousel-item
    + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}
.carousel-btn-color-left {
  /* background:#041e42; */
  left: -81px;
}
.carousel-btn-color-right {
  /* background:#041e42; */
  right: -81px;
}

#news-slider {
  /* margin-top: 80px; */
}
.post-slide {
  background: #fff;
  margin: 20px 15px 20px;
  border-radius: 15px;
  padding-top: 1px;
  box-shadow: 0px 14px 22px -9px #bbcbd8;
}
.post-slide .post-img {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin: 10px 15px 8px 15px;
  /* margin-left: -10px; */
}

.post-slide .post-img img {
  width: 100%;
  height: 100px;
  transform: scale(1, 1);
  transition: transform 0.2s linear;
}
.post-slide:hover .post-img img {
  transform: scale(1.1, 1.1);
}
.post-slide .over-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background: linear-gradient(
    -45deg,
    rgba(6, 190, 244, 0.75) 0%,
    rgba(45, 112, 253, 0.6) 100%
  );
  transition: all 0.5s linear;
}
.post-slide:hover .over-layer {
  opacity: 1;
  text-decoration: none;
}
.post-slide .over-layer i {
  position: relative;
  top: 45%;
  text-align: center;
  display: block;
  color: #fff;
  font-size: 25px;
}
.post-slide .post-content {
  background: #fff;
  padding: 2px 20px 40px;
  border-radius: 15px;
  /* max-width: 200px; */
}
.post-slide .post-title a {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  display: inline-block;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.post-slide .post-title a:hover {
  text-decoration: none;
  color: #3498db;
}
.post-slide .post-description {
  line-height: 20px;
  color: #808080;
  margin-bottom: 0px;
  text-align: justify;
  white-space: normal;
  font-size: 10pt;
  word-spacing: 1px;
}
.post-slide .post-description_ta {
  line-height: 20px;
  color: #808080;
  margin-bottom: 0px;
  text-align: justify;
  white-space: normal;
  font-size: 10pt;
  word-spacing: -3px;
  word-break: break-all;
}
.post-slide .post-date {
  color: #a9a9a9;
  font-size: 14px;
}
.post-slide .post-date i {
  font-size: 20px;
  margin-right: 8px;
  color: #cfdace;
}
.post-slide .read-more {
  padding: 7px 20px;
  float: right;
  font-size: 12px;
  background: #2196f3;
  color: #ffffff;
  box-shadow: 0px 10px 20px -10px #1376c5;
  border-radius: 25px;
  text-transform: uppercase;
}
.post-title-style {
  padding: 7px;
}
.post-title {
  padding: 1px;
  text-align: center;
  /* background: #2196f3; */
  color: #2196f3;
  font-size: 14pt;
  display: grid;
}
.tech_flex-title {
  display: grid;
  min-height: 50px;
}
.post-slide .read-more:hover {
  background: #3498db;
  text-decoration: none;
  color: #fff;
}
.owl-controls .owl-buttons {
  text-align: center;
  margin-top: 20px;
}
.owl-controls .owl-buttons .owl-prev {
  background: #fff;
  position: absolute;
  top: -13%;
  left: 15px;
  padding: 0 18px 0 15px;
  border-radius: 50px;
  box-shadow: 3px 14px 25px -10px #92b4d0;
  transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next {
  background: #fff;
  position: absolute;
  top: -13%;
  right: 15px;
  padding: 0 15px 0 18px;
  border-radius: 50px;
  box-shadow: -3px 14px 25px -10px #92b4d0;
  transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after {
  content: '\f104';
  font-family: FontAwesome;
  color: #333;
  font-size: 30px;
}
.owl-controls .owl-buttons .owl-next:after {
  content: '\f105';
}
@media only screen and (max-width: 1280px) {
  .post-slide .post-content {
    padding: 0px 15px 25px 15px;
  }
}

.tech-main-flex {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.tech-sub-flex {
  display: flex;
  align-items: stretch;
  flex-direction: column;
}

.owl-carousel .owl-stage {
  display: flex;
}

.owl-carousel .owl-stage .owl-item {
  display: grid;
}
/* .tech-sub-flex {
  display: flex;
  flex: 1 0 auto;
  height: 100%;
}
.post-slide .post-content {
  position: relative;
  overflow: hidden;
 
  display: flex;
  flex-direction: column;
  align-items: stretch;
} */

#filters {
  margin: 1%;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
#filters li {
  float: left;
}
#filters li span {
  display: block;
  padding: 5px 20px;
  text-decoration: none;
  color: #666;
  cursor: pointer;
  text-transform: uppercase;
  transition: all ease-in-out 0.25s;
}
#filters li:hover span {
  color: #000;
}
#filters li span.active {
  background: #1fbae7;
  color: #fff;
}
.gallery-item {
  /* float: left; */
  width: 32.333%;
  padding: 10px;
  /* position: relative; */
  z-index: 10;
  display: inline-grid;
}
.inside {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.details,
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
}
.details {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}
.details h2 {
  color: #fff;
  font-size: 1.5em;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
  margin: 0;
}
.details p {
  color: #fff;
  font-size: 1em;
  letter-spacing: 2px;
  text-align: center;
  margin: 0;
  text-transform: uppercase;
}
.inside img {
  float: left;
  width: 100%;
  height: 250px;
  width: 350px;
}
.overlay {
  background: rgba(31, 186, 231, 0.8);
  z-index: 1;
  transition: all 0.7s ease-in-out;
}
.gallery-item:hover .details,
.gallery-item:hover .overlay {
  opacity: 1;
}
@media (max-width: 30em) {
  .wrap {
    padding-left: 1em;
    padding-right: 1em;
  }
  .gallery-item {
    float: none;
    width: 100%;
  }
}

ul.tabs {
  margin: 0;
  padding: 0;
  /* float: left; */
  list-style: none;
  height: 32px;
  /* border-bottom: 1px solid #333; */
  width: 100%;
}

/* ul.tabs li {
  float: left;
  margin: 0;
  cursor: pointer;
  padding: 0px 8px;
  height: 35px;
  line-height: 35px;

    border-right: none;
  border-bottom: 1px solid #ccc;

  color: #fff;
  overflow: hidden;
  position: relative;
  font-size:10pt;
  font-weight:500;
} */

.tab_last {
  border-right: 1px solid #333;
}

ul.tabs li:hover {
  background-color: #ccc;
  color: #333;
}

ul.tabs li.active {
  background-color: #fff;
  color: #333;
  border: 1px solid #ccc;
  border-bottom: none;
  display: block;
  border-radius: 2px;
}

.tab_container {
  /* border: 1px solid #333; */
  border: none;
  clear: both;
  float: left;
  width: 100%;
  background: #fff;
  overflow: auto;
}

.tab_content {
  padding: 20px;
  display: none;
  background: #fff;
}

.tab_drawer_heading {
  display: none;
}

@media screen and (max-width: 480px) {
  .tabs {
    display: none;
  }
  .tab_drawer_heading {
    background-color: #ccc;
    color: #fff;
    border-top: 1px solid #333;
    margin: 0;
    padding: 5px 20px;
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .d_active {
    background-color: #1975be;
    color: #fff;
  }
}

/* .announce_row
{
  padding-top:15px;
  background: #1975be;
  height:330px;
} */

.gallery_img {
  width: 254px;
  height: 200px;
  background-size: cover;
}

.front_scroll a {
  font-size: 15px;
}

.lastupdate_btm {
  background: #041e42;
  border-top: 1px solid #fff;
}
.lastupdate {
  color: #fff;
  font-weight: 500;
  font-size: 10pt;
}

.collapsible_div {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.collapsible_active, .collapsible_div:hover {
  background-color: #555;
}

.collapsible_div:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.collapsible_active:after {
  content: "\2212";
}

.collapsible_content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1;
}