@font-face {
  font-family: "CustomFontdemoone";
  src: url("../fonts/dmsans.ttf") format("truetype");
}
.body_demo_1 {
  margin: 0;
  padding: 0;
  overflow: auto;
  font-family: "CustomFontdemoone", "DM Sans", sans-serif !important;
  overflow-x: hidden;
  font-size: 16px !important;
  font-weight: 400 !important;
}
.body_demo_1 .btn-primary {
  color: #fff;
  background-color: #169fed;
  border-color: #169fed;
}
.body_demo_1 .whatsapp a {
  color: #8cc63f;
}
.body_demo_1 .whatsapp .whatsapp-btn {
  position: fixed;
  bottom: 12%;
  right: 20px;
  z-index: 10;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #8cc63f;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  animation: wave 2s ease-in-out infinite;
}
.body_demo_1 .whatsapp .whatsapp-btn i {
  color: #fff;
  font-size: 30px;
  text-decoration: none;
}
@keyframes wave {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
  }
  50% {
    transform: scale(1.1);
    box-shadow: 0 0 15px 10px rgba(37, 211, 102, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}
.body_demo_1 .main-enquiry {
  position: fixed;
  top: 50%;
  right: -55px;
  transform: rotate(-90deg);
  z-index: 999;
}
.body_demo_1 .main-enquiry .enquiry-text {
  background-color: #169fec;
  color: white;
  font-size: 14px;
  letter-spacing: 1px;
  padding: 6px 12px;
  border-radius: 4px;
  font-weight: 600;
  text-transform: uppercase;
}

.demo-1 .sticky_nav {
  transition: all 1s ease-in-out;
}
.demo-1 .sticky {
  position: fixed;
  top: 0;
  width: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  background-color: white;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  transition: 0.6s;
}
.demo-1 .ribbon_background {
  background-color: #169fed;
}
.demo-1 .address span {
  margin-right: 19px;
  color: white;
  font-weight: 500;
  font-size: 13px;
}
.demo-1 .navbar {
  display: inline;
}
.demo-1 .header_logo {
  width: 175px;
}
.demo-1 .nav-item {
  margin-right: 25px;
}
.demo-1 .banner {
  height: 80vh;
}
.demo-1 .carousel-caption {
  top: -55px;
  color: #525c62;
  right: 43%;
  left: 0%;
}
.demo-1 .navbar-light .navbar-nav .nav-link:focus,
.demo-1 .navbar-light .navbar-nav .nav-link:hover {
  color: rgb(22, 159, 237);
  border-bottom: 3px solid #169fed;
}
.demo-1 .navbar-light .navbar-nav .nav-link.active,
.demo-1 .navbar-light .navbar-nav .show > .nav-link {
  color: rgb(22, 159, 237);
  border-bottom: 3px solid #169fed;
  width: fit-content;
}
.demo-1 .dropdown-item {
  display: block;
  width: 100%;
  padding: 10px 14px;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.demo-1 .dropdown-item:focus,
.demo-1 .dropdown-item:hover {
  color: #169fed;
  background-color: transparent;
}
@media (max-width: 767px) {
  .demo-1 .carousel-caption {
    right: 0%;
  }
}

@font-face {
  font-family: "BeVietnamPro";
  src: url("../fonts/BeVietnamPro.ttf") format("truetype");
}
.body_demo_2 {
  margin: 0;
  padding: 0;
  overflow: auto;
  font-family: "BeVietnamPro", "Be Vietnam Pro", serif !important;
  overflow-x: hidden;
  font-size: 16px !important;
  font-weight: 400 !important;
}
.body_demo_2 .btn-primary {
  color: #fff;
  background-color: #b51717;
  border-color: #b51717;
}

.demo-2 .sticky_nav {
  transition: all 1s ease-in-out;
}
.demo-2 .sticky {
  position: fixed;
  top: 0;
  width: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  background-color: white;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  transition: 0.6s;
}
.demo-2 .ribbon_background {
  background-color: #b51717;
}
.demo-2 .address span {
  margin-right: 19px;
  color: white;
  font-weight: 500;
  font-size: 13px;
}
.demo-2 .navbar {
  display: block;
}
.demo-2 .header_logo {
  width: 140px;
}
.demo-2 .nav-item {
  margin-right: 25px;
}
.demo-2 .banner {
  height: 80vh;
}
.demo-2 .carousel-caption {
  top: -55px;
  color: #fff;
  right: 0%;
  left: 0%;
}
.demo-2 .navbar-light .navbar-nav .nav-link:focus,
.demo-2 .navbar-light .navbar-nav .nav-link:hover {
  color: #b51717;
  border-bottom: none;
}
.demo-2 .navbar-light .navbar-nav .nav-link.active,
.demo-2 .navbar-light .navbar-nav .show > .nav-link {
  color: #b51717;
  border-bottom: none;
  width: fit-content;
}
.demo-2 .carousel-caption h1 {
  font-family: "demo2-raleway", "Raleway", serif;
}
.demo-2 .dropdown-item {
  display: block;
  width: 100%;
  padding: 10px 14px;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.demo-2 .dropdown-item:focus,
.demo-2 .dropdown-item:hover {
  color: #b51717;
  background-color: transparent;
}
@media (max-width: 767px) {
  .demo-2 .carousel-caption {
    right: 0%;
  }
}

@font-face {
  font-family: "Montserrat-demo3";
  src: url("../fonts/Montserrat.ttf") format("truetype");
}
.body_demo_3 {
  margin: 0;
  padding: 0;
  overflow: auto;
  font-family: "Montserrat-demo3", "Montserrat", serif !important;
  overflow-x: hidden;
  font-size: 17px !important;
  font-weight: 400 !important;
}
.body_demo_3 .btn-custom {
  color: #fff;
  background-color: #002b3b;
  border-color: #002b3b;
}
.body_demo_3 .btn-custom:hover {
  background-color: #002b3b;
  border-color: #002b3b;
  color: #fff;
}
.body_demo_3 .btn-custom:active {
  box-shadow: none;
}
.body_demo_3 .btn-custom:focus {
  box-shadow: none;
}
.body_demo_3 .hide_overflow {
  overflow-x: hidden;
}

.demo-3 .sticky_nav {
  transition: all 1s ease-in-out;
}
.demo-3 .sticky {
  position: fixed;
  top: 0;
  width: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  background-color: white;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  transition: 0.6s;
}
.demo-3 .ribbon_background {
  background-color: #b51717;
}
.demo-3 .address span {
  margin-right: 19px;
  color: white;
  font-weight: 500;
  font-size: 13px;
}
.demo-3 .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.demo-3 .navbar-toggler {
  border: 2px solid #fffbff;
}
.demo-3 .navbar {
  z-index: 1000 !important;
  position: fixed !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  top: 0;
  width: 100%;
  background-color: #002b3b;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}
.demo-3 .nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #fff;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}
.demo-3 .nav-link:focus {
  color: #fff;
}
.demo-3 .header_logo {
  width: 160px;
}
.demo-3 .nav-item {
  margin-right: 25px;
}
.demo-3 .banner {
  height: 100vh;
}
.demo-3 .carousel-caption {
  top: 19%;
  color: #fff;
  right: 0%;
  left: 0%;
  width: 90%;
  margin: auto;
}
.demo-3 .carousel-caption .sub_heading {
  max-width: 700px;
}
.demo-3 .nav-link {
  padding: 8px;
  padding-right: 17px !important;
  padding-left: 17px !important;
  border-radius: 20px;
}
.demo-3 .nav-link:hover,
.demo-3 .nav-link:active {
  background: #0084b5;
  color: #fff !important;
}
.demo-3 .carousel-caption h1 {
  font-family: "Montserrat-demo3", "Montserrat", serif !important;
}
.demo-3 .dropdown-item {
  display: block;
  width: 100%;
  padding: 10px 14px;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.demo-3 .dropdown-item:focus,
.demo-3 .dropdown-item:hover {
  color: #0084b5;
  background-color: transparent;
}
@media (max-width: 767px) {
  .demo-3 .carousel-caption {
    right: 0%;
  }
}

@font-face {
  font-family: "Manrope-demo4";
  src: url("../fonts/Manrope.ttf") format("truetype");
}
.body_demo_4 {
  margin: 0;
  padding: 0;
  overflow: auto;
  font-family: "Manrope-demo4", "Manrope", serif !important;
  overflow-x: hidden;
  font-size: 17px !important;
  font-weight: 400 !important;
}
.body_demo_4 .btn-custom {
  color: #fff;
  background-color: #ffb703;
  border-color: #ffb703;
  transition: all 0.3s ease-in-out;
}
.body_demo_4 .btn-custom:hover {
  background-color: #fff;
  border-color: #fff;
  color: #000;
  transform: scale(1.05);
}
.body_demo_4 .btn-custom:active {
  box-shadow: none;
  transform: scale(0.98);
}
.body_demo_4 .btn-custom:focus {
  box-shadow: none;
}
.body_demo_4 .btn-white {
  color: #000;
  background-color: #fff;
  border-color: #fff;
  transition: all 0.3s ease-in-out;
}
.body_demo_4 .btn-white:hover {
  background-color: #12223b;
  border-color: #12223b;
  color: #fff;
  transform: scale(1.05);
}
.body_demo_4 .btn-white:active {
  box-shadow: none;
  transform: scale(0.98);
}
.body_demo_4 .btn-white:focus {
  box-shadow: none;
}
.body_demo_4 .btn-page {
  color: #fff;
  background-color: #ffb703;
  border-color: #ffb703;
  transition: all 0.3s ease-in-out;
}
.body_demo_4 .btn-page:hover {
  background-color: #12223b;
  border-color: #12223b;
  color: #fff;
  transform: scale(1.05);
}
.body_demo_4 .btn-page:active {
  box-shadow: none;
  transform: scale(0.98);
}
.body_demo_4 .btn-page:focus {
  box-shadow: none;
}

.demo-4 .navbar {
  position: absolute;
  width: 100%;
  z-index: 1000;
}
.demo-4 .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.demo-4 .navbar-toggler-icon:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none;
}
.demo-4 .dropdown-menu {
  border-radius: 20px;
  background-color: #ffb703;
}
.demo-4 .dropdown-menu .dropdown-item {
  padding: 10px 12px;
}
.demo-4 .dropdown-menu .dropdown-item:hover {
  color: #fff;
  background-color: transparent;
}
.demo-4 .navbar-nav .nav-link {
  color: #ffffff;
  font-weight: 500;
  padding: 0px 15px 0px 15px !important;
  font-size: 16px;
}
.demo-4 .navbar-nav .nav-link:hover {
  color: #ffb703;
}
.demo-4 .navbar-nav .nav-link.active {
  color: #ffb703;
}
.demo-4 .navbar-brand img {
  width: 100%;
  height: 75px;
}
.demo-4 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(2, 2, 2, 0.5098039216);
}
.demo-4 .carousel-caption {
  top: 19%;
  color: #fff;
  right: 0%;
  left: 0%;
  width: 90%;
  margin: auto;
}
.demo-4 .carousel-caption .sub_heading {
  max-width: 700px;
  font-weight: 500;
  font-size: 20px;
}
.demo-4 .carousel-caption h1 {
  font-family: "Manrope-demo4", "Manrope", serif !important;
}

.demo_1_footer {
  background-color: #5e6d75;
  position: relative;
  overflow: hidden;
  z-index: 9;
}
.demo_1_footer:before, .demo_1_footer:after {
  content: "";
  position: absolute;
  background-color: #708896;
  z-index: -10;
}
.demo_1_footer:before {
  top: -146%;
  left: -18%;
  width: 44%;
  height: 257%;
  transform: rotate(54deg);
}
.demo_1_footer:after {
  top: -24%;
  right: 4%;
  width: 26%;
  height: 264%;
  transform: rotate(44deg);
}
.demo_1_footer .footer-top {
  padding-top: 50px;
  padding-bottom: 50px;
}
.demo_1_footer .footer-top p {
  color: #ffffff;
}
.demo_1_footer .footer-top .company-footer-contact-list li {
  color: #ffffff;
  display: flex;
  align-items: center;
  padding: 8px 0px;
}
.demo_1_footer .footer-top .company-footer-contact-list li i {
  margin-right: 10px;
  font-size: 20px;
}
.demo_1_footer .footer-top .site-logo {
  margin-bottom: 25px;
  display: block;
  max-width: 170px;
}
.demo_1_footer .footer-top .widget-title {
  color: #ffffff;
  margin-bottom: 40px;
  text-transform: capitalize;
}
.demo_1_footer dl, .demo_1_footer ol, .demo_1_footer ul {
  margin-top: 0;
  margin-bottom: 0;
}
.demo_1_footer ol, .demo_1_footer ul {
  padding-left: 0;
}
.demo_1_footer .courses-link-list li + li {
  margin-top: 15px;
}
.demo_1_footer .courses-link-list li a {
  color: #ffffff;
  text-transform: capitalize;
  font-weight: 400;
  text-decoration: none;
}
.demo_1_footer .courses-link-list li a:hover {
  color: #169fed;
}
.demo_1_footer .courses-link-list li i {
  margin-right: 5px;
}
.demo_1_footer .footer-top .small-post-title a {
  color: #ffffff;
  font-weight: 400;
  text-decoration: none;
}
.demo_1_footer .footer-top .small-post-title a:hover {
  color: #169fed;
}
.demo_1_footer .small-post-item .post-date {
  color: #fff;
  margin-bottom: 3px;
  font-weight: 400;
  text-decoration: none;
}
.demo_1_footer .small-post-item .post-date:hover {
  color: #169fed;
}
.demo_1_footer .small-post-list li + li {
  margin-top: 30px;
}
.demo_1_footer .news-letter-form {
  margin-top: 15px;
}
.demo_1_footer .news-letter-form input {
  width: 100%;
  padding: 12px 25px;
  border-radius: 5px;
  border: none;
}
.demo_1_footer .news-letter-form input[type=submit] {
  width: auto;
  border: none;
  background-color: #169fed;
  padding: 9px 30px;
  border-radius: 5px;
  color: #ffffff;
  margin-top: 10px;
}
.demo_1_footer .footer-bottom {
  padding: 13px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.149);
}
.demo_1_footer .copy-right-text {
  color: #ffffff;
}
.demo_1_footer .copy-right-text a {
  color: #169fed;
}
.demo_1_footer .terms-privacy li + li {
  margin-left: 30px;
}
.demo_1_footer .terms-privacy li a {
  color: #ffffff;
  position: relative;
  text-decoration: none;
}
.demo_1_footer .terms-privacy li a:after {
  position: absolute;
  content: "-";
  color: #ffffff;
  display: inline-block;
  top: 0;
  right: -18px;
}
.demo_1_footer .terms-privacy li + li a:after {
  display: none;
}

.demo_2_footer {
  background-color: #000000;
  position: relative;
  overflow: hidden;
  z-index: 9;
}
.demo_2_footer .footer-top {
  padding-top: 50px;
  padding-bottom: 50px;
}
.demo_2_footer .footer-top p {
  color: #ffffff;
}
.demo_2_footer .footer-top .company-footer-contact-list li {
  color: #ffffff;
  display: flex;
  align-items: center;
  padding: 8px 0px;
  cursor: pointer;
}
.demo_2_footer .footer-top .company-footer-contact-list li i {
  margin-right: 10px;
  font-size: 20px;
  color: #000;
  background-color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.demo_2_footer .footer-top .company-footer-contact-list li i::before {
  top: 10px;
  left: 10px;
  position: relative;
}
.demo_2_footer .footer-top .company-footer-contact-list li i:hover {
  color: #fff;
  background-color: #b51717;
}
.demo_2_footer .footer-top .site-logo {
  margin-bottom: 25px;
  display: block;
  max-width: 170px;
}
.demo_2_footer .footer-top .widget-title {
  color: #ffffff;
  margin-bottom: 26px;
  text-transform: capitalize;
}
.demo_2_footer dl, .demo_2_footer ol, .demo_2_footer ul {
  margin-top: 0;
  margin-bottom: 0;
}
.demo_2_footer ol, .demo_2_footer ul {
  padding-left: 0;
}
.demo_2_footer .courses-link-list li + li {
  margin-top: 15px;
}
.demo_2_footer .courses-link-list li a {
  color: #ffffff;
  text-transform: capitalize;
  font-weight: 400;
  text-decoration: none;
}
.demo_2_footer .courses-link-list li a:hover {
  color: #b51717;
}
.demo_2_footer .courses-link-list li i {
  margin-right: 5px;
}
.demo_2_footer .footer-top .small-post-title a {
  color: #ffffff;
  font-weight: 400;
  text-decoration: none;
}
.demo_2_footer .footer-top .small-post-title a:hover {
  color: #169fed;
}
.demo_2_footer .small-post-item .post-date {
  color: #fff;
  margin-bottom: 3px;
  font-weight: 400;
  text-decoration: none;
}
.demo_2_footer .small-post-item .post-date:hover {
  color: #169fed;
}
.demo_2_footer .small-post-list li + li {
  margin-top: 30px;
}
.demo_2_footer .news-letter-form {
  margin-top: 15px;
}
.demo_2_footer .news-letter-form input {
  width: 100%;
  padding: 12px 25px;
  border-radius: 5px;
  border: none;
}
.demo_2_footer .news-letter-form input[type=submit] {
  width: auto;
  border: none;
  background-color: #b41818;
  padding: 9px 30px;
  border-radius: 5px;
  color: #ffffff;
  margin-top: 10px;
}
.demo_2_footer .footer-bottom {
  padding: 13px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.149);
}
.demo_2_footer .copy-right-text {
  color: #ffffff;
}
.demo_2_footer .copy-right-text a {
  color: #169fed;
}
.demo_2_footer .terms-privacy li + li {
  margin-left: 30px;
}
.demo_2_footer .terms-privacy li a {
  color: #ffffff;
  position: relative;
  text-decoration: none;
}
.demo_2_footer .terms-privacy li a:after {
  position: absolute;
  content: "-";
  color: #ffffff;
  display: inline-block;
  top: 0;
  right: -18px;
}
.demo_2_footer .terms-privacy li + li a:after {
  display: none;
}

.demo_3_footer {
  background-color: #002b3b;
  position: relative;
  overflow: hidden;
  z-index: 9;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}
.demo_3_footer .footer-top {
  padding-top: 50px;
  padding-bottom: 50px;
}
.demo_3_footer .footer-top p {
  color: #ffffff;
  font-size: 14px;
}
.demo_3_footer .footer-top .company-footer-contact-list li {
  font-size: 14px;
  color: #ffffff;
  display: flex;
  align-items: center;
  padding: 8px 0px;
  cursor: pointer;
}
.demo_3_footer .footer-top .company-footer-contact-list li i {
  margin-right: 10px;
  font-size: 17px;
  color: #000;
  background-color: #fff;
  width: 37px;
  height: 37px;
  border-radius: 50%;
}
.demo_3_footer .footer-top .company-footer-contact-list li i::before {
  top: 10px;
  left: 10px;
  position: relative;
}
.demo_3_footer .footer-top .company-footer-contact-list li i:hover {
  color: #fff;
  background-color: #0084b5;
}
.demo_3_footer .footer-top .site-logo {
  margin-bottom: 25px;
  display: block;
  max-width: 170px;
}
.demo_3_footer .footer-top .widget-title {
  color: #ffffff;
  margin-bottom: 30px;
  text-transform: capitalize;
}
.demo_3_footer dl, .demo_3_footer ol, .demo_3_footer ul {
  margin-top: 0;
  margin-bottom: 0;
}
.demo_3_footer ol, .demo_3_footer ul {
  padding-left: 0;
}
.demo_3_footer .courses-link-list li + li {
  margin-top: 10px;
}
.demo_3_footer .courses-link-list li a {
  color: #ffffff;
  text-transform: capitalize;
  font-weight: 400;
  text-decoration: none;
  font-size: 14px;
  position: relative;
}
.demo_3_footer .courses-link-list li a:hover {
  color: #0084b5;
}
.demo_3_footer .courses-link-list li i {
  margin-right: 5px;
}
.demo_3_footer .footer-top .small-post-title a {
  color: #ffffff;
  font-weight: 400;
  text-decoration: none;
}
.demo_3_footer .footer-top .small-post-title a:hover {
  color: #169fed;
}
.demo_3_footer .small-post-item .post-date {
  color: #fff;
  margin-bottom: 3px;
  font-weight: 400;
  text-decoration: none;
}
.demo_3_footer .small-post-item .post-date:hover {
  color: #169fed;
}
.demo_3_footer .small-post-list li + li {
  margin-top: 30px;
}
.demo_3_footer .news-letter-form {
  margin-top: 15px;
}
.demo_3_footer .news-letter-form input {
  width: 100%;
  padding: 12px 25px;
  border-radius: 5px;
  border: none;
}
.demo_3_footer .news-letter-form input[type=submit] {
  width: auto;
  border: none;
  background-color: #b41818;
  padding: 9px 30px;
  border-radius: 5px;
  color: #ffffff;
  margin-top: 10px;
}
.demo_3_footer .footer-bottom {
  padding: 13px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.149);
}
.demo_3_footer .copy-right-text {
  color: #ffffff;
  font-size: 14px;
}
.demo_3_footer .terms-privacy {
  font-size: 14px;
}
.demo_3_footer .copy-right-text a {
  color: #169fed;
}
.demo_3_footer .terms-privacy li + li {
  margin-left: 30px;
}
.demo_3_footer .terms-privacy li a {
  color: #ffffff;
  position: relative;
  text-decoration: none;
}
.demo_3_footer .terms-privacy li a:after {
  position: absolute;
  content: "-";
  color: #ffffff;
  display: inline-block;
  top: 0;
  right: -18px;
}
.demo_3_footer .terms-privacy li + li a:after {
  display: none;
}

.demo_4_footer {
  background-color: #12223b;
  position: relative;
  overflow: hidden;
  z-index: 9;
}
.demo_4_footer .footer-top {
  padding-top: 70px;
  padding-bottom: 70px;
}
.demo_4_footer .footer-top p {
  color: #ffffff;
}
.demo_4_footer .footer-top .company-footer-contact-list li {
  color: #ffffff;
  display: flex;
  align-items: center;
  padding: 8px 0px;
  cursor: pointer;
  gap: 10px;
}
.demo_4_footer .footer-top .company-footer-contact-list li .icon {
  width: auto;
}
.demo_4_footer .footer-top .company-footer-contact-list li .icon i {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #ffb703;
  color: #ffffff;
  text-align: center;
  border-radius: 50%;
}
.demo_4_footer .footer-top .site-logo {
  margin-bottom: 25px;
  display: block;
  max-width: 170px;
}
.demo_4_footer .footer-top .widget-title {
  color: #ffb703;
  margin-bottom: 40px;
  text-transform: capitalize;
  font-weight: 600;
}
.demo_4_footer dl, .demo_4_footer ol, .demo_4_footer ul {
  margin-top: 0;
  margin-bottom: 0;
}
.demo_4_footer ol, .demo_4_footer ul {
  padding-left: 0;
}
.demo_4_footer .courses-link-list li + li {
  margin-top: 15px;
}
.demo_4_footer .courses-link-list li a {
  color: #ffffff;
  text-transform: capitalize;
  font-weight: 400;
  text-decoration: none;
}
.demo_4_footer .courses-link-list li a:hover {
  color: #ffb703;
}
.demo_4_footer .courses-link-list li i {
  margin-right: 5px;
}
.demo_4_footer .footer-top .small-post-title a {
  color: #ffffff;
  font-weight: 400;
  text-decoration: none;
}
.demo_4_footer .footer-top .small-post-title a:hover {
  color: #169fed;
}
.demo_4_footer .small-post-item .post-date {
  color: #fff;
  margin-bottom: 3px;
  font-weight: 400;
  text-decoration: none;
}
.demo_4_footer .small-post-item .post-date:hover {
  color: #169fed;
}
.demo_4_footer .small-post-list li + li {
  margin-top: 30px;
}
.demo_4_footer .news-letter-form {
  margin-top: 15px;
}
.demo_4_footer .news-letter-form input {
  width: 100%;
  padding: 12px 25px;
  border-radius: 5px;
  border: none;
}
.demo_4_footer .news-letter-form input[type=submit] {
  width: auto;
  border: none;
  background-color: #b41818;
  padding: 9px 30px;
  border-radius: 5px;
  color: #ffffff;
  margin-top: 10px;
}
.demo_4_footer .footer-bottom {
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.149);
  border-bottom: 1px solid rgba(255, 255, 255, 0.149);
  margin-bottom: 70px;
}
.demo_4_footer .copy-right-text {
  color: #ffffff;
}
.demo_4_footer .copy-right-text a {
  color: #169fed;
}
.demo_4_footer .terms-privacy li + li {
  margin-left: 30px;
}
.demo_4_footer .terms-privacy li a {
  color: #ffffff;
  position: relative;
  text-decoration: none;
}
.demo_4_footer .terms-privacy li a:after {
  position: absolute;
  content: "-";
  color: #ffffff;
  display: inline-block;
  top: 0;
  right: -18px;
}
.demo_4_footer .terms-privacy li + li a:after {
  display: none;
}

.demo-1-section .section {
  padding: 70px 0;
}
.demo-1-section .about_img {
  width: 100%;
}
.demo-1-section .about_sub_heading {
  font-size: 17px;
  background: #cde3ef;
  padding: 3px 9px;
  color: #444040;
}
.demo-1-section .paragraph {
  text-align: justify;
  font-size: 16px;
  color: #494545;
}

.body_demo_1 .inner-bg1 {
  background-image: url("https://essamcontracting.com/demo/assets/img/demo2/breadcroumb.jpg");
  /* background-image: url("http://localhost/rooptek_dynamic/assets/img/demo1/inner-banner.jpg"); */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.body_demo_1 .inner-title {
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
  z-index: 1;
}
.body_demo_1 .inner-title h3 {
  color: #fff;
}
.body_demo_1 .inner-title ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.body_demo_1 .inner-title ul li {
  font-size: 18px;
  color: #fff;
  display: inline-block;
  position: relative;
  margin-right: 40px;
  font-weight: 500;
}
.body_demo_1 .inner-title ul li a {
  color: #fff;
  text-decoration: none;
}
.body_demo_1 .inner-title ul li a::after {
  content: "";
  position: absolute;
  top: 15px;
  right: -30px;
  height: 1px;
  width: 15px;
  background-color: #fff;
}

.demo-2-section .section {
  padding: 70px 0;
}
.demo-2-section .heading {
  font-family: "demo2-raleway", "Raleway", serif;
  font-weight: 600;
  letter-spacing: -2px;
}
.demo-2-section .bg {
  background-color: #f9f2f2;
}
.demo-2-section .afterimg {
  position: relative;
}
.demo-2-section .afterimg:after {
  position: absolute;
  content: "";
  right: 4px;
  top: -40px;
  left: 40px;
  bottom: 25px;
  z-index: -1;
  background: #b41818;
}
.demo-2-section .about_img {
  width: 90%;
}
.demo-2-section .about_img_page {
  width: 100%;
  max-height: 500px;
  object-fit: cover;
}
.demo-2-section .about_sub_heading {
  font-size: 17px;
  color: #b51717;
}
.demo-2-section .paragraph {
  text-align: justify;
  font-size: 16px;
  color: #494545;
}

.body_demo_2 .inner-bg {
  background-image: url("https://essamcontracting.com/demo/assets/img/demo2/breadcroumb.jpg");
  /* background-image: url("http://localhost/rooptek_dynamic/assets/img/demo2/breadcroumb.jpg"); */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.body_demo_2 .inner-title {
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
  z-index: 1;
}
.body_demo_2 .inner-title h3 {
  color: #fff;
}
.body_demo_2 .inner-title ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.body_demo_2 .inner-title ul li {
  font-size: 18px;
  color: #fff;
  display: inline-block;
  position: relative;
  margin-right: 15px;
  font-weight: 500;
}
.body_demo_2 .inner-title ul li a {
  color: #fff;
  text-decoration: none;
}
.body_demo_2 .inner-title ul li a::after {
  content: "/";
  position: absolute;
  top: 0;
  right: -15px;
}

.demo-3-section .section {
  padding: 60px 0;
}
.demo-3-section .main_heading {
  font-size: 32px;
  font-weight: 500;
  position: relative;
  padding-bottom: 10px;
}
.demo-3-section .main_heading::after {
  content: "";
  width: 80px;
  height: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #002b3b;
  position: absolute;
  left: 0;
  bottom: 0;
}
.demo-3-section .main_heading_bg {
  font-size: 32px;
  font-weight: 500;
  position: relative;
  padding-bottom: 10px;
  color: #fff;
}
.demo-3-section .main_heading_bg::after {
  content: "";
  width: 80px;
  height: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
.demo-3-section .about_img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  border-radius: 20px;
}
.demo-3-section .sub_heading {
  font-size: 26px;
  font-weight: 600;
  margin-top: 10px;
}
.demo-3-section .paragraph {
  font-size: 18px;
  text-align: justify;
}

.body_demo_3 .inner-bg {
  /* background-image: url("https://webman.co.in/rooptek_dynamic/assets/img/demo2/breadcroumb.jpg"); */
  background-image: url("https://essamcontracting.com/demo/assets/img/demo2/breadcroumb.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 82px;
}
.body_demo_3 .inner-title {
  padding-top: 68px;
  padding-bottom: 50px;
  position: relative;
  z-index: 1;
}
.body_demo_3 .inner-title h3 {
  color: #fff;
}
.body_demo_3 .inner-title ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.body_demo_3 .inner-title ul li {
  font-size: 18px;
  color: #fff;
  display: inline-block;
  position: relative;
  margin-right: 15px;
  font-weight: 500;
}
.body_demo_3 .inner-title ul li a {
  color: #fff;
  text-decoration: none;
}
.body_demo_3 .inner-title ul li a::after {
  content: "/";
  position: absolute;
  top: 0;
  right: -15px;
}

.demo-4-section .section {
  padding: 60px 0;
}
.demo-4-section .paragraph {
  font-size: 18px;
  text-align: justify;
}
.demo-4-section .section_heading {
  font-size: 18px;
  color: #ffb703;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
}
.demo-4-section .sub_heading {
  font-size: 40px;
  font-weight: 700;
}
.demo-4-section .about_us .about_img {
  width: 100%;
  height: 100%;
}
.demo-4-section .about_us .about_img img {
  width: 100%;
  max-height: 600px;
  object-fit: contain;
}

.body_demo_4 .inner-bg {
  /* background-image: url("https://webman.co.in/rooptek_dynamic/assets/img/demo4/background.jpg"); */
  background-image: url("http://localhost/rooptek_dynamic/assets/img/demo4/background.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 82px;
  position: relative;
}
.body_demo_4 .inner-bg .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4509803922);
  z-index: 1;
}
.body_demo_4 .inner-title {
  padding-top: 68px;
  padding-bottom: 50px;
  position: relative;
  z-index: 1;
  text-align: center;
}
.body_demo_4 .inner-title h3 {
  color: #fff;
  font-size: 38px;
}
.body_demo_4 .inner-title ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.body_demo_4 .inner-title ul li {
  font-size: 18px;
  color: #fff;
  display: inline-block;
  position: relative;
  margin-right: 15px;
  font-weight: 500;
}
.body_demo_4 .inner-title ul li a {
  color: #fff;
  text-decoration: none;
}
.body_demo_4 .inner-title ul li a::after {
  content: "/";
  position: absolute;
  top: 0;
  right: -15px;
}
.body_demo_4 .blog_details_img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  border-radius: 20px;
}

.demo-1-section .accordion-item {
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  border-top: none;
  border-left: none;
  border-right: none;
  margin-top: 23px;
}
.demo-1-section .accordion-button {
  font-size: 19px;
}
.demo-1-section .accordion-button:not(.collapsed) {
  color: #545454;
  background-color: rgba(22, 159, 237, 0.0784313725);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
.demo-1-section .accordion-button:focus {
  z-index: 3;
  border-color: none;
  outline: 0;
  box-shadow: none;
}
.demo-1-section .accordion-body {
  text-align: justify;
  color: #5b5656;
}
.demo-1-section .faq_img {
  width: 100%;
  height: -webkit-fill-available;
  object-fit: cover;
}

.demo-2-section .accordion-item {
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  border-top: none;
  border-left: none;
  border-right: none;
  margin-top: 23px;
}
.demo-2-section .accordion-button {
  font-size: 22px;
  padding: 30px 20px;
  font-family: "demo2-raleway", "Raleway", serif;
}
.demo-2-section .accordion-button:not(.collapsed) {
  color: #b41819;
  background-color: transparent;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
.demo-2-section .accordion-button:not(.collapsed):after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23b41819'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}
.demo-2-section .accordion-button:focus {
  z-index: 3;
  border-color: none;
  outline: 0;
  box-shadow: none;
}
.demo-2-section .accordion-body {
  text-align: justify;
  color: #5b5656;
  padding: 2rem 1.25rem;
}
.demo-2-section .faq_img {
  width: 100%;
  height: -webkit-fill-available;
  object-fit: cover;
}

.demo-4-section .faq .accordion-button {
  padding: 30px 24px;
  font-size: 25px;
}
.demo-4-section .faq .accordion-button:focus {
  z-index: 3;
  border-color: #ffb703;
  outline: 0;
  box-shadow: none;
}
.demo-4-section .faq .accordion-button:not(.collapsed) {
  color: #ffb808;
  background-color: transparent;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
.demo-4-section .faq .accordion-item {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.demo-4-section .faq .accordion-body {
  padding: 2rem 1.25rem;
}
.demo-4-section .faq .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffb808'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}

.demo-1-section .slick-dots li.slick-active button:before {
  opacity: 2.75;
  color: #169fed;
}
.demo-1-section .slick-dots li button:before {
  font-size: 40px;
}
.demo-1-section .team-section {
  background-color: rgba(248, 249, 250, 0.2666666667);
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}
.demo-1-section .team-section::before, .demo-1-section .team-section::after {
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  background-color: rgba(0, 123, 255, 0.1);
  border-radius: 50%;
}
.demo-1-section .team-section::before {
  top: -100px;
  left: -100px;
}
.demo-1-section .team-section::after {
  bottom: -100px;
  right: -100px;
}
.demo-1-section .team-section .team-member {
  transition: all 0.5s ease;
  margin: 0px 20px;
  background-color: #ffffff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.demo-1-section .team-section .team-member-img {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin-top: 10px;
}
.demo-1-section .team-section .team-member-img img {
  max-width: 120px;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 50%;
  transition: all 0.5s ease;
  border: 5px solid #ffffff;
  box-shadow: 0 5px 15px rgba(32, 33, 36, 0.034);
  margin: auto;
}
.demo-1-section .team-section .team-member-img img:hover {
  transform: scale(1.1);
}
.demo-1-section .team-section .team-member-info {
  padding: 20px;
  text-align: center;
}
.demo-1-section .team-section .team-member-info h5 {
  margin-bottom: 5px;
  color: #169fed;
}
.demo-1-section .team-section .team-member-info p {
  font-style: italic;
  color: #6c757d;
}
.demo-1-section .team-section .team-member .social-icons {
  margin-top: 15px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease;
}
.demo-1-section .team-section .team-member .social-icons a {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-color: #169fed;
  border-radius: 50%;
  text-align: center;
  line-height: 36px;
  margin: 0 5px;
  color: #fff;
  transition: all 0.3s ease;
}
.demo-1-section .team-section .team-member .social-icons a:hover {
  background-color: #0056b3;
  transform: rotate(360deg);
}
.demo-1-section .team-section .team-member:hover .social-icons {
  opacity: 1;
  transform: translateY(0);
}
.demo-1-section .team-section .team-member-img_list {
  width: 100%;
  height: 350px;
  aspect-ratio: 1/1;
  object-fit: cover;
  transition: all 0.5s ease;
  border: 5px solid #ffffff;
  box-shadow: 0 5px 15px rgba(32, 33, 36, 0.034);
  margin: auto;
  border-radius: 15px;
}
@media (max-width: 767px) {
  .demo-1-section .team-section .team-member {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}

.demo-3-section .team-member {
  margin: 15px 0;
  padding: 0;
}
.demo-3-section .team-member h4 {
  margin: 10px 0 0;
  padding: 0;
}
.demo-3-section .team-member figure {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.demo-3-section .team-member figure .img-responsive {
  width: 100%;
  height: 300px;
  object-fit: cover;
}
.demo-3-section .team-member figure:hover figcaption {
  visibility: visible;
  color: #fff;
  background: rgba(0, 43, 59, 0.7098039216);
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.demo-3-section .team-member figure:hover figcaption ul li a:hover {
  color: #d1cdcd;
}
.demo-3-section .team-member figure:hover img {
  -webkit-transform: scale(1.1) rotate(1deg) translateY(12px);
  -moz-transform: scale(1.1) rotate(1deg) translateY(12px);
  -o-transform: scale(1.1) rotate(1deg) translateY(12px);
  -ms-transform: scale(1.1) rotate(1deg) translateY(12px);
  transform: scale(1.1) rotate(1deg) translateY(12px);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.demo-3-section .team-member figure img {
  min-width: 100%;
  -webkit-transform: scale(1) rotate(0) translateY(0);
  -moz-transform: scale(1) rotate(0) translateY(0);
  -o-transform: scale(1) rotate(0) translateY(0);
  -ms-transform: scale(1) rotate(0) translateY(0);
  transform: scale(1) rotate(0) translateY(0);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.demo-3-section .team-member figcaption {
  padding: 50px;
  color: transparent;
  background-color: transparent;
  position: absolute;
  z-index: 996;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.demo-3-section .team-member figcaption p {
  font-size: 16px;
}
.demo-3-section .team-member figcaption ul {
  list-style: none;
  margin: 0;
  padding: 0;
  visibility: visible;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.demo-3-section .team-member figcaption ul li {
  display: inline-block;
  padding: 10px;
  font-size: 30px;
}
.demo-3-section .team-member figcaption ul li a {
  color: #fff;
}

.demo-4-section .team .card {
  border-radius: 25px;
  width: 100%;
}
.demo-4-section .team .card .shine-effect {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
}
.demo-4-section .team .card .shine-effect img {
  width: 100%;
  display: block;
}
.demo-4-section .team .card .shine-effect::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -60%;
  width: 20%;
  height: 200%;
  opacity: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100%);
}
.demo-4-section .team .card .shine-effect:hover::after {
  opacity: 1;
  left: 130%;
  transition: left 0.7s ease, opacity 0.15s ease;
}
.demo-4-section .team .card .shine-effect:active::after {
  opacity: 0;
}
.demo-4-section .team .card .image {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.demo-4-section .team .card .image img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 25px 25px 0 0;
}
.demo-4-section .team .card .card-body {
  padding: 20px;
}
.demo-4-section .team .card .card-body .title {
  font-size: 22px;
  font-weight: bold;
}
.demo-4-section .team .card .card-body .social {
  list-style: none;
  display: flex;
  padding-left: 0;
  gap: 15px;
}
.demo-4-section .team .card .card-body .social li {
  color: #12223b;
  font-size: 22px;
  position: relative;
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 42px;
  background: #fff;
  text-align: center;
  border-radius: 50%;
  border: 2px solid #12223b;
  cursor: pointer;
}
.demo-4-section .team .card .card-body .social li a {
  color: #12223b;
}
.demo-4-section .team .card .card-body .social li:hover {
  background-color: #ffb703;
}

.demo-1-section .single-blog-card {
  margin-bottom: 25px;
  transition: 0.6s;
}
.demo-1-section .single-blog-card:hover {
  transform: translateY(-5px);
}
.demo-1-section .single-blog-card:hover .post-content h3 a {
  color: #169fed;
}
.demo-1-section .post-image {
  position: relative;
}
.demo-1-section .post-image a img {
  display: inline-block;
}
.demo-1-section .post-image .date {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #169fed;
  color: #fff;
  font-size: 15px;
  padding: 5px 10px;
}
.demo-1-section .post-content {
  margin-top: 25px;
  text-align: start;
}
.demo-1-section .post-content .entry-meta {
  padding: 0;
  margin-bottom: 15px;
}
.demo-1-section .post-content .entry-meta li {
  display: inline-block;
  font-size: 12px;
  color: #000;
  margin-right: 32px;
  position: relative;
}
.demo-1-section .post-content h3 {
  font-size: 20px;
  margin-bottom: 18px;
  line-height: 1.5;
}
.demo-1-section .post-content a {
  text-decoration: none;
  color: #000;
}
.demo-1-section .post-content .post-btn {
  color: #000;
  transition: 0.6s;
  font-weight: 500;
}

.demo-4-section .blog .blog-card {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 15px;
  border-radius: 20px;
  background-color: #fff;
}
.demo-4-section .blog .blog-card .blog-img {
  width: 100%;
  overflow: hidden;
  border-radius: 20px;
  cursor: pointer;
}
.demo-4-section .blog .blog-card .blog-img img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 20px;
  transition: transform 0.3s ease-in-out;
}
.demo-4-section .blog .blog-card .blog-img img:hover {
  transform: scale(1.1);
}
.demo-4-section .blog .blog-card .title {
  font-size: 20px;
  font-weight: 600;
  color: #12223b;
  padding: 18px 0px;
}
.demo-4-section .blog .blog-card .view-more {
  color: #ffb703;
  text-decoration: none;
  font-weight: 500;
}
.demo-4-section .blog .blog-card .view-more:hover {
  text-decoration: underline;
}

.demo-1-section .carousel-item img {
  width: 80px;
  height: 80px;
  object-fit: cover;
}
.demo-1-section .carousel-item p {
  font-size: 20px;
}

.demo-1-section .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 2rem;
  height: 2rem;
}
.demo-2-section .carousel-item p {
  font-size: 20px;
}
.demo-1-section .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.demo-2-section .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 2rem;
  height: 2rem;
}
.demo-2-section .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.demo-1-section .service_details_img {
  width: 100%;
  border-radius: 10px;
  height: 400px;
  object-fit: cover;
}

.demo-2-section .service {
  margin-bottom: 25px;
}
.demo-2-section .service .card {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.demo-2-section .service .card-img {
  overflow: hidden;
}
.demo-2-section .service .img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  transition: transform 0.3s ease;
  cursor: pointer;
}
.demo-2-section .service .img:hover {
  transform: scale(1.1);
}
.demo-2-section .service .footer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  gap: 10px;
}
.demo-2-section .service .footer h4 {
  font-family: "demo2-raleway", "Raleway", serif;
  font-weight: 500;
  margin-bottom: 0;
  font-size: 18px;
}
.demo-2-section .service .footer i {
  font-size: 20px;
  color: #b51717;
}

.demo-3-section .service .image_container {
  position: relative;
  width: 100%;
  height: 250px;
  overflow: hidden;
}
.demo-3-section .service .image_container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.demo-3-section .service .image_container:hover .service_overlay {
  background: rgba(0, 43, 59, 0.7607843137);
}
.demo-3-section .service .image_container:hover .service_title {
  top: 40%;
}
.demo-3-section .service .image_container:hover .service_para {
  opacity: 1;
  z-index: 999;
}
.demo-3-section .service .service_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(7, 7, 7, 0.4117647059);
  transition: background 0.5s ease;
  z-index: 2;
}
.demo-3-section .service .service_title {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
  color: white;
  z-index: 3;
  transition: top 0.5s ease;
}
.demo-3-section .service .service_para {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(20px);
  opacity: 0;
  transition: opacity 0.35s ease, transform 0.35s ease;
  width: 100%;
}
.demo-3-section .service .service_para a {
  display: inline-block;
  padding: 12px 12px;
  color: white;
  text-decoration: none;
  font-weight: bold;
  z-index: 3;
  text-align: center;
}
.demo-3-section .service .service_para a:hover {
  color: white;
}
.demo-3-section .industry .industry_img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}
.demo-3-section .industry .title {
  padding: 12px 8px;
  font-size: 25px;
  font-weight: 500;
}
.demo-3-section .industry .content {
  list-style: none;
}
.demo-3-section .industry .content li {
  padding: 12px 5px;
}

.demo-4-section .service .hover-card {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 15px;
  transition: transform 0.3s ease-in-out;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 40px;
  height: 450px;
  cursor: pointer;
}
.demo-4-section .service .hover-card:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, 0) 13.02%, rgba(0, 0, 0, 0.51) 42.5%, rgba(0, 0, 0, 0.63) 70%, #000000 100%);
  border-radius: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  transition: all 0.4sease-in-out;
}
.demo-4-section .service .hover-card .card-img img {
  width: 100%;
  border-radius: 15px;
  transition: opacity 0.3s ease-in-out;
  border-radius: 40px;
  height: 450px;
  object-fit: cover;
}
.demo-4-section .service .hover-card .title1 {
  position: absolute;
  z-index: 1000;
  color: #fff;
  bottom: 20px;
  left: 30%;
  transform: translateX(-50%);
  padding: 5px 10px;
  border-radius: 5px;
  text-align: center;
  width: auto;
}
.demo-4-section .service .hover-card .card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: white;
  padding: 20px;
  opacity: 0;
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  border-radius: 15px;
}
.demo-4-section .service .hover-card:hover .title1 {
  display: none;
}
.demo-4-section .service .hover-card:hover .card-content {
  opacity: 1;
  transform: translateY(0);
  z-index: 10;
}
.demo-4-section .service .title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.demo-4-section .service .description {
  font-size: 14px;
  margin-bottom: 10px;
}
.demo-4-section .service .view-more {
  color: #ffc107;
  font-weight: bold;
  text-decoration: none;
}
.demo-4-section .service .view-more:hover {
  text-decoration: underline;
}

.demo-1-section .contact-info {
  list-style-type: none;
  padding-left: 0;
}
.demo-1-section .contact-info li {
  display: flex;
  align-items: center;
  padding: 15px 0px;
}
.demo-1-section .contact-info li i {
  background-color: #169fec;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
  color: #fff;
  font-size: 20px;
}
.demo-1-section .contact-info li i::before {
  top: 10px;
  position: relative;
  margin-left: 11px;
}
.demo-1-section .contact-info li i span {
  font-size: 18px;
}

.demo-2-section .contact .d-flex {
  align-items: baseline;
  gap: 5px;
}
.demo-2-section .contact .d-flex i {
  color: #b51717;
  font-size: 20px;
}
.demo-2-section .form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #b21a1a;
  outline: 0;
  box-shadow: none;
}

.demo-3-section .contact-info {
  list-style-type: none;
  padding-left: 0;
}
.demo-3-section .contact-info li {
  display: flex;
  align-items: center;
  padding: 8px 0px;
}
.demo-3-section .contact-info li i {
  background-color: #002b3b;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
  color: #fff;
  font-size: 20px;
}
.demo-3-section .contact-info li i::before {
  top: 10px;
  position: relative;
  margin-left: 11px;
}
.demo-3-section .contact-info li i span {
  font-size: 18px;
}
.demo-3-section .contact_withus li {
  display: flex;
  align-items: center;
  padding: 8px 0px;
}
.demo-3-section .contact_withus li i {
  background-color: #002b3b;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  margin-right: 10px;
  color: #fff;
  font-size: 20px;
}
.demo-3-section .contact_withus li i::before {
  top: 10px;
  position: relative;
  margin-left: 10px;
}
.demo-3-section .contact_withus li i span {
  font-size: 18px;
}
.demo-3-section .form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #002b3b;
  outline: 0;
  box-shadow: none;
}

.demo-4-section .contact .card {
  padding: 25px;
  border-radius: 20px;
  width: 100%;
}
.demo-4-section .contact .card .icon {
  font-size: 45px;
  color: #ffb703;
}
.demo-4-section .contact .card .title {
  font-size: 23px;
  font-weight: 600;
  padding: 15px 0px;
}
.demo-4-section .contact_form .card {
  padding: 25px;
  border-radius: 25px;
  width: 100%;
}
.demo-4-section .contact_form .card .form-control {
  border-bottom: 1px solid #e0e0e0;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 14px 0px;
  font-size: 15px;
}
.demo-4-section .contact_form .card .form-control:focus {
  color: #212529;
  background-color: #fff;
  border-bottom: 1px solid #ffb703;
  outline: 0;
  box-shadow: none;
}
.demo-4-section .contact_form .card .title {
  font-size: 23px;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
.demo-4-section .contact_form .card .social {
  list-style: none;
  display: flex;
  justify-content: center;
  padding-left: 0;
  gap: 25px;
}
.demo-4-section .contact_form .card .social li {
  color: #ffb703;
  font-size: 25px;
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #fff;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}
.demo-4-section .contact_form .card .social li a {
  color: #ffb703;
}
.demo-4-section .contact_form .card img {
  width: 100%;
  height: 312px;
  object-fit: contain;
}

.demo-1-section #myBtnContainer {
  display: flex;
  justify-content: center;
}
.demo-1-section #myBtnContainer .btn {
  margin: 10px;
}
.demo-1-section .gallery_img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}

.demo-2-section .gallery {
  columns: 3;
  column-gap: 1.5rem;
  width: 100%;
}
.demo-2-section .gallery .gallery-item {
  break-inside: avoid;
  margin-bottom: 1.5rem;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeUp 0.8s ease forwards;
  animation-delay: calc(var(--delay) * 0.2s);
}
.demo-2-section .gallery .gallery-item:hover .overlay {
  opacity: 1;
  transform: translateY(0);
}
.demo-2-section .gallery .gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
}
.demo-2-section .gallery .gallery-item :hover img {
  transform: scale(1.05);
}
.demo-2-section .gallery .gallery-item .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 168, 157, 0.9), transparent);
  padding: 2rem 1.5rem;
  color: white;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
}
.demo-2-section .gallery .gallery-item .overlay h2 {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.demo-2-section .gallery .gallery-item .overlay p {
  font-size: 0.9rem;
  line-height: 1.4;
  opacity: 0.9;
}
.demo-2-section .gallery .gallery-item .photo-credit {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: white;
  font-size: 0.8rem;
  opacity: 0.8;
  text-decoration: none;
}
.demo-2-section .gallery .gallery-item .photo-credit:hover {
  opacity: 1;
}
@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 768px) {
  .demo-2-section .gallery {
    columns: 2;
  }
}
@media (max-width: 480px) {
  .demo-2-section .gallery {
    columns: 1;
  }
}

.demo-2-section .chooseus {
  margin-bottom: 25px;
}
.demo-2-section .chooseus .d-flex {
  gap: 15px;
  align-items: baseline;
}
.demo-2-section .chooseus h4 {
  font-family: "demo2-raleway", "Raleway", serif;
  font-weight: 500;
  letter-spacing: -1px;
}
.demo-2-section .chooseus .icon i {
  width: 50px;
  height: 50px;
  border: 2px solid #b51717;
  border-radius: 50%;
}
.demo-2-section .chooseus .icon i::before {
  position: relative;
  top: 13px;
  /*left: 13px;*/
  font-size: 21px;
}

.demo-3-section .chooseus {
  margin-bottom: 25px;
  text-align: center;
}
.demo-3-section .chooseus .d-flex {
  gap: 15px;
  align-items: baseline;
}
.demo-3-section .chooseus .choose_card {
  padding: 15px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.demo-3-section .chooseus h4 {
  font-family: "demo2-raleway", "Raleway", serif;
  font-weight: 500;
  letter-spacing: -1px;
}
.demo-3-section .chooseus .icon i {
  width: 50px;
  height: 50px;
  border: 2px solid #002b3b;
  border-radius: 50%;
}
.demo-3-section .chooseus .icon i::before {
  position: relative;
  top: 13px;
  left: 0;
  font-size: 21px;
}

.demo-4-section .why_choose .shine-effect {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
  display: inline-block;
}
.demo-4-section .why_choose .shine-effect img {
  width: 100%;
  display: block;
  transition: transform 0.3s ease-in-out;
}
.demo-4-section .why_choose .shine-effect::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -60%;
  width: 20%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100%);
}
.demo-4-section .why_choose .shine-effect:hover img {
  transform: scale(1.05);
}
.demo-4-section .why_choose .shine-effect:hover::after {
  opacity: 1;
  left: 130%;
  transition: left 0.7s ease, opacity 0.15s ease;
}
.demo-4-section .why_choose .shine-effect:active::after {
  opacity: 0;
}
.demo-4-section .why_choose .card {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 10px 35px;
  border-radius: 20px;
  max-height: 300px;
}
.demo-4-section .why_choose .card .icon {
  font-size: 60px;
  color: #ffb703;
}
.demo-4-section .why_choose .card .title {
  font-size: 23px;
  font-weight: 600;
  padding: 20px 0px;
}
.demo-4-section .why_choose .card img {
  overflow: hidden;
  border-radius: 20px;
}

.demo-2-section .featured .img_container {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-height: 100%;
  border-radius: 50%;
  transition: transform 0.3s ease;
}
.demo-2-section .featured .img_container .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  transition: transform 0.3s ease;
  cursor: pointer;
}
.demo-2-section .featured .img_container:hover .img {
  transform: scale(1.1);
}
.demo-2-section .featured .slick-dots li.slick-active button:before {
  opacity: 2.75;
  color: #b41818;
}
.demo-2-section .featured .slick-dots li button:before {
  font-size: 40px;
}

.demo-2-section .client {
  margin-bottom: 50px;
  text-align: center;
}
.demo-2-section .client img {
  width: 250px;
  height: 70px;
  object-fit: contain;
}

.demo-3-section .clients .logo-slider {
  overflow: hidden;
  padding: 30px 0 0 0;
  white-space: nowrap;
  position: relative;
}
.demo-3-section .clients .logo-slider:hover {
  animation-play-state: paused;
}
.demo-3-section .clients .logo-slider .logos-slide {
  animation-play-state: paused;
  display: inline-block;
  animation: 45s slide infinite linear;
}
@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.demo-3-section .clients .logo-slider .logos-slide img {
  width: 183px;
  height: 83px;
  margin: 0 40px;
}

.demo-2-section .products .image-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.demo-2-section .products .image-container img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}
.demo-2-section .products .image-container:hover .image-overlay {
  opacity: 1;
}
.demo-2-section .products .image-container .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  opacity: 0;
  transition: opacity 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.demo-2-section .products .image-container .image-overlay p {
  padding: 20px;
  font-size: 20px;
  font-weight: 600;
  font-family: "demo2-raleway", "Raleway", serif;
}

.demo-3-section .products_demo_3 .card {
  margin: 0px 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  cursor: pointer;
}
.demo-3-section .products_demo_3 .service_img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}
.demo-3-section .products_demo_3 .service_footer {
  padding: 10px;
}
.demo-3-section .products_demo_3 .slick-dots li button:before {
  font-size: 34px;
}
.demo-3-section .products_demo_3 .slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: #002b3b;
}
.demo-3-section .products .card {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.demo-3-section .products .nav-link {
  color: #002b3b;
  font-weight: 500;
  width: 100%;
  text-align: start;
}
.demo-3-section .products .nav-link:hover {
  color: #002b3b;
  font-weight: 700;
}
.demo-3-section .products .products_heading {
  width: 100%;
  padding: 5px 0px;
}
.demo-3-section .products .nav-pills .nav-link.active {
  color: #ffffff;
  font-weight: 700;
  background-color: transparent;
  background: #002b3b;
}
.demo-3-section .products .image-container {
  overflow: hidden;
}
.demo-3-section .products .product_img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
}
.demo-3-section .products .product_img:hover {
  transform: scale(1.1);
}
.demo-3-section .products .product_footer {
  border-top: 1px solid #ecdbdb;
  font-size: 18px;
  font-weight: 600;
  padding: 10px;
}

.demo-4-section .portfolio .project img {
  width: 100%;
  height: 350px;
  border-radius: 20px;
  object-fit: cover;
}
.demo-4-section .portfolio .project .title {
  font-size: 30px;
  color: #12223b;
  font-weight: 600;
  padding: 10px 0px 0px 0px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.demo-4-section .portfolio .project .title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #12223b;
  transform: scaleX(0);
  transform-origin: bottom left;
  transition: transform 0.3s ease-in-out;
}
.demo-4-section .portfolio .project .title:hover::after {
  transform: scaleX(1);
}

@font-face {
  font-family: "demo2-raleway";
  src: url("../fonts/Raleway.ttf") format("truetype");
}

/*# sourceMappingURL=main.css.map */