/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,800;1,300;1,800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap'); */


@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');


:root {

  --primary-color: #ee3137;

  --secondary-color: #EE3137;

  --third-color: #b61b2b;

  --head-dark: #2B2E31;

  --text-dark: #696E74;

  --white: #FFFFFF;

  --bg-color: #f8f8f8;

  --black: #000000;

  --transition: all 0.3s ease-in-out;

}



*,

*:before,

*:after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  text-decoration: none;

  outline: none

}



*,

*:focus {

  outline: none;

  -webkit-tap-highlight-color: #fff0

}



html {

  scroll-behavior: smooth

}



body {

  display: block;

  position: relative;

  font-size: 16px;
  font-family: "Rubik", sans-serif;

  background: var(--white);

  margin: 0;

  padding: 0 0;

  -webkit-font-smoothing: antialiased;

  display: block;

  position: relative;

  letter-spacing: 0.3px

}



/* body{background:url(../images/vertical-line-bg.svg);z-index:-1} */

::-webkit-input-placeholder {

  color: var(--black);

  opacity: 1

}



:-moz-placeholder,

::-moz-placeholder {

  color: var(--black);

  opacity: 1

}



:-ms-input-placeholder {

  color: var(--black);

  opacity: 1

}



a {

  color: var(--text-dark);

  text-decoration: none

}



a:hover {

  color: var(--text-dark);

  outline: none;

  text-decoration: none

}



img {

  max-width: 100%;

  vertical-align: middle

}



svg {

  display: inline-block;

  vertical-align: middle;

  fill: currentColor

}



h1,

.h1 {

  font-size: 30px

}



h2,

.h2 {

  font-size: 28px;

  line-height: 1

}



h3,

.h3 {

  font-size: 24px

}



h4,

.h4 {

  font-size: 18px

}



h5,

.h5 {

  font-size: 16px

}



h6,

.h6 {

  font-size: 15px

}



h1,

.h1,

h2,

.h2,

h3,

.h3,

h4,

.h4,

h5,

.h5,

h6,

.h6 {

  margin: 0 0 15px;

  font-style: normal;

  font-size: 40px;

  margin-bottom: 20px;

  color: var(--head-dark);

  font-weight: 700;

  text-transform: capitalize;

  line-height: 1.5;

  position: relative;

  font-family: "Jost", sans-serif;

}



p {

  margin: 0 0 10px;

  overflow: hidden;

  text-align: left;

  color: var(--text-dark);

  font-size: 15px;

  font-weight: 400;

  line-height: 1.4;

  margin-bottom: 15px;

}



input,

select,

textarea {

  background: var(--white);

  border: 1px solid rgb(70 70 70/.3);

  width: 100%;

  display: block;

  color: var(--text-dark);

  padding: 11px 16px;

  border-radius: 5px;

  letter-spacing: 0;

  height: auto;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none

}



input::-webkit-input-placeholder {

  color: rgb(40 40 40/50%)

}



input::-moz-placeholder {

  color: rgb(40 40 40/50%)

}



input:-ms-input-placeholder {

  color: rgb(40 40 40/50%)

}



input:-moz-placeholder {

  color: rgb(40 40 40/50%)

}



textarea {

  min-height: 120px;

  padding: 14px

}



ul {

  list-style: none;

  padding: 0;

  margin: 0

}



strong,

b {

  font-weight: 700

}



table {

  border-spacing: 0;

  border-collapse: collapse

}



section {

  padding: 35px 0;

  overflow: hidden;

  position: relative

}



.inner-sections {

  padding: 60px 0

}



.culture-sections {

  margin-bottom: 60px

}



.btn {

  /* height: auto; */

  background-color: var(--secondary-color) !important;

  cursor: pointer !important;

  margin: 0;

  position: relative !important;

  display: inline-block !important;

  font-size: 16px !important;

  font-weight: 500;

  text-transform: capitalize;

  top: 0;

  left: 0;

  width: auto;

  padding: 15px 30px !important;

  transition: 0.3s;

  color: #ffffff;

  border: unset;

  /* margin-right: 23px; */

  border-radius: 0;

  line-height: 1.3;

}



.btn.btn-second {

  background-color: var(--white) !important;

  color: var(--head-dark) !important;

  border: 1px solid var(--head-dark) !important

}



.btn:hover {

  background-color: var(--primary-color) !important;

  color: var(--white) !important;

  /* border: 1px solid var(--primary-color) !important */

}



.btn:hover input[type="submit"] {

  background-color: var(--primary-color) !important;

  color: var(--white) !important;

  /* border: 1px solid var(--primary-color) !important */

}



.btn svg path {

  fill: var(--white) !important

}



.btn:hover svg path {

  fill: var(--primary-color) !important

}



.red-text {

  color: #ef171b;

  font-weight: 700;

  font-size: 60px

}



.top-bar {

  background: var(--primary-color);

  background: linear-gradient(136deg, rgba(115, 19, 26, 1)7%, rgba(244, 166, 30, 1)100%);

  color: var(--white)

}



.top-bar-content {

  padding: 4px

}



.top-bar-content p {

  font-size: 17px;

  font-weight: 400;

  text-transform: capitalize

}



.navbar {

  position: relative;

  padding: 10px 0;

  z-index: 9;

  width: 100%;

  background-color: var(--white);

  transition: all 0.4s ease-in-out;

  /* backdrop-filter: blur(10px) */

}



.scrolled {

  position: sticky;

  top: 0;

  background-color: var(--white);

  padding: 10px 20px;

  transition: all 0.4s ease-in-out;

  z-index: 99;

  box-shadow: -1px 3px 25px #c4c4c4

}



.white-logo {

  display: block !important

}



.normal-logo {

  display: none !important

}



.scrolled.white-logo {

  display: none !important

}



.scrolled.normal-logo {

  display: block !important;

  width: 100%;

  max-width: 80%

}



.arrow-icon.active path {

  fill: var(--text-dark) !important

}



.top-bar-title a {

  color: var(--secondary-color);

  font-size: 12px;
  font-weight: 500;

}



.top-bar-title a svg {

  margin-right: 5px;

}



.navbar .container {

  align-items: normal;

}



.navbar.scrolled .navbar-nav .nav-link {

  color: var(--head-dark)

}



.navbar .navbar-nav .sm-icons .nav-link svg {

  fill: var(--text-dark)

}



.navbar.scrolled.navbar-nav.sm-icons .nav-link svg {

  fill: var(--text-dark)

}



.navbar.container-fluid {

  padding: 0px 90px

}



.navbar.scrolled.container-fluid {

  padding: 5px 80px;

  transition: 0.4s

}



.navbar .navbar-nav .nav-link {

  border-top: 3px solid #FFFFFF;

  color: #444;

  display: inline-block;

  font-size: 16px;

  font-weight: 600;

  line-height: 1.273em;

  padding: 10px 16.5px;

  text-decoration: none;

  text-transform: uppercase;

}



.navbar .navbar-nav .nav-item:last-child .nav-link {

  padding-right: 0;

}



.navbar .navbar-nav .nav-link:hover,

.navbar .navbar-nav .nav-link.active {

  color: var(--secondary-color) !important;

  border-top: 3px solid var(--primary-color);

}

.navbar-expand-lg .navbar-nav{
  margin-left: 3rem;
}

.navbar-brand {

  width: 100%;

  max-width: 15%

}



.navbar-brand img {

  width: 100%;

  /* max-width: 75% */

}



@media (min-width:992px) {

  .dropdown:hover .product-submenu {

    max-height: 1000px;

    visibility: visible;

    transition: max-height 0.7s ease-in-out, visibility 0.7s ease-in-out;

    padding: 0

  }



  .dropdown:hover .arrow-icon {

    transform: rotate(180deg)

  }

}



.dropdown-menu {

  background-color: var(--white);

  color: #000;

  width: 100%

}



.dropdown-menu li {

  border-bottom: 1px solid #1f1f1f11;

  transition: all 1s ease;

  background-color: #eee

}



.dropdown-menu li:hover {

  background-color: var(--third-color);

  color: var(--white)

}



.dropdown-menu li:hover a {

  transform: translateX(9px);

  color: var(--white)

}



ul .dropdown-menu li:last-child {

  margin-bottom: 0;

  border-bottom: none

}



.dropdown-menu li a {

  padding: 10px 12px;

  color: var(--black);

  text-transform: capitalize;

  line-height: 1.5;

  width: 100%;

  display: block;

  font-size: 15px

}



@media screen and (max-width:1640px) {

  .dropdown-menu li a {

    padding: 7px 11px;

    font-size: 15px

  }

}



@media screen and (max-width:1440px) {

  .dropdown-menu li a {

    padding: 7px 11px;

    font-size: 13px

  }

}







.dropdown-menu.dropdown-menu-wide {

  min-width: 100%;

  max-width: 100%;

  border-radius: 0;

}



.dropdown-menu .row>div>li {

  list-style: none;

}



/* Full-width dropdown styling */

.dropdown-menu.mega-dropdown {

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  padding: 2rem;

  background: var(--white);

  border-radius: 0;

  border: 1px solid #dee2e6;

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

}



.dropdown-toggle::after {

  display: none;

}



#dropdownIcon path {

  fill: var(--black);

}



.scrolled #dropdownIcon path {

  fill: var(--black);

}



.dropdown-menu li:hover a {

  transform: translateX(9px);

  color: var(--black);

}



.dropdown-item.active,

.dropdown-item:active {

  color: #ffffff !important;

  text-decoration: none;

  background-color: var(--third-color);

}



/* Hover behavior for desktop */

@media (min-width: 992px) {

  .navbar .dropdown:hover .dropdown-menu {

    display: block;

  }

}



body[data-page="index.php"] .navbar-nav .nav-link #dropdownIcon path {

  fill: #000;

}

















.flex {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.cell {

  padding-right: 0.9375rem;

  padding-left: 0.9375rem;

}



.medium {

  width: 50%;

}



.small {

  width: 25%;

}



/* .container {

  max-width:80rem;

  margin: 0 auto;

  padding-left:15px;

  padding-right:15px;

} */
.mob{
  display: none;
}
.animeslide-slide {

  color: #fff;

}



.animeslide-slide {

  position: relative;

  padding: 15px 0;

  min-height: 70vh;

  background-size: cover;

}



.animeslide-slide .container {

  position: relative;

  padding-top: 7vh;

}



.animeslide-slide.swiper-slide-active [data-animate] {

  opacity: 1;

  transform: none;

}



.animeslide-slide.swiper-slide-active .animeslide-heading {

  transition-delay: 0.6s;

}



.animeslide-slide.swiper-slide-active .animeslide-desc {

  transition-delay: 1s;

}



.animeslide-heading {

  margin-bottom: 40px;

  transition-delay: 3s;

  color: var(--third-color);

  line-height: 0.8;

  display: block;

  font-size: 60px;

  font-weight: 500;



}



.animeslide-heading span {

  font-size: 24px;

  background-color: transparent;

  /* padding: 6px 12px 7px; */

  border-radius: 8px;

  font-weight: normal;

  color: var(--black);

}

.slide-content{
 background-color: var(--white);
 padding: 30px;
}

.animeslide-heading-second {

 

  /* padding: 10px; */

  color: var(--secondary-color);

  font-weight: 800;

  display: inline-block;

}



.animeslide-desc {

  padding: 0;

  border-radius: 8px;

  background-color: transparent;

  max-width: 480px;

  opacity: 0.9;

  color: var(--black);

  font-weight: 700;

}



[data-animate] {

  opacity: 0;

  transition: all 0.8s ease-out;

}



[data-animate="bottom"] {

  transform: translate3d(0, 15px, 0);

}



.animeslide-bottom {

  position: absolute;

  bottom: 0;

  width: 100%;

  border-radius: 8px;

  background-color: #202238;

  max-width: 600px;

  z-index: 1;

  padding: 35px 35px;

  right: 0;

  font-size: 14px;

}



.animeslide-bottom .cell {

  position: relative;

  opacity: 1;

  z-index: 2;

  height: 40px;

  bottom: inherit;

}



.animeslide-bottom .animeslide-scrollbar {

  margin-top: 16px;

}



.animeslide-bottom .animeslide-scrollbar-drag {

  height: 6px;

}



.tiledis {

  margin-bottom: 20px;

}
.tiledis:hover p{
  color: var(--primary-color);
}


.animeslide-bottom .animeslide-pagination {

  font-size: 25px;

  bottom: inherit;

  color: #fff;

}



.center.hov {

  width: 100%;

}



.animeslide-bottom .animeslide-pagination b {

  font-size: 28px;

  margin-top: -5px;

}



.animeslide-bottom .animeslide-pagination span {

  padding-left: 5px;

  padding-right: 5px;

}



.animeslide-button-next,

.animeslide-button-prev {

  outline: none;

}



.animeslide-button-next::after,

.animeslide-button-prev::after {

  font-size: 22px;

  color: #fff;

}



@media screen and (min-width:1240px) {

  .why-us-section {

    /* margin-top: -95px; */
    margin: 100px 0;

    z-index: 2;

  }

}



.why-info,

.why-us-item {

  text-align: center;

}



.why-info h3 {

  text-transform: uppercase;

  font-weight: 700;

  font-size: 27px;

  margin-top: 23px;

  margin-bottom: 11.5px;

  text-align: center;

}



.why-info p {

  padding: 0;

  margin-bottom: 12px;

  font-weight: 400;

  font-size: 14px;

  line-height: 24px;

  color: #696E74;

  margin-top: 10px;

  text-align: center;

}



.products-section {

  background-color: var(--bg-color);

}



.products-items {

  background-image: url(../images/artboard-bg.webp);

  padding: 70px 40px;

  background-repeat: no-repeat;

  background-size: contain;

}



p.bck {

  background: #FFF;

  margin: 1px 0px 0px 0px;

  padding: 15px;

    font-size: 18px;

  color: #000;

  font-weight: 600;

  line-height: 24px;

  text-align: center;

}



.heading h2 {

  font-weight: 400;

  text-align: center;

  font-size: 44px;

  margin-bottom: 5px;

}

.tab-content{
  margin-top: 40px;
}

.products-items h3 {

  color: var(--white);

  text-align: center;

  font-weight: 400;
  margin-top: 30px;
margin-bottom: 30px;
}



.products-tabs .nav-tabs {

  border: unset !important;

  justify-content: center;

  align-items: center;

}



.products-tabs .nav-tabs .nav-item {

  margin-left: 30px;

}



.products-tabs .nav-link {

  padding: 15px 30px;

  text-transform: uppercase;

  color: #fff;

  text-decoration: none;

  font-weight: bold;

  letter-spacing: 1px;

  font-size: 16px;

  border-radius: 0;
  border: 1px solid var(--white);

}



.products-tabs .nav-link.active {

  background-color: var(--black);

  color: var(--white) !important;

  border: 1px solid var(--black);

  font-weight: 700;

}



.underline-text {

  font-size: 18px;

  color: #000;

  font-weight: 600;

}



.title {

  position: relative;

  padding-bottom: 20px;

  margin: 20px 0;

  border-bottom: 1px solid #dcdbd7;

}



.message h3 {

  text-transform: uppercase;

  font-weight: 700;

}



.title:before {

  content: "";

  position: absolute;

  left: 0;

  bottom: -5px;

  height: 10px;

  width: 10px;

  border-radius: 500px;

  background-color: #EE3137;

}



.title:after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -1px;

  width: 65px;

  height: 0;

  border-bottom: 2px solid #EE3137;

}



.big-banner {

  background-color: #b61b2b;

  width: 100%;
  padding: 50px 0;

  /* margin: 15px 0; */

}



.big-banner .banner-text {

  padding: 0;

}



.big-banner .banner-text h2 {

  font-size: 1.5rem;

  font-weight: 900;

  color: #fff;

  display: inline-block;

  position: relative;
  margin-bottom: 0;

}



.cta-btn {

  background-color: #fff !important;

  color: #b61b2b !important;

  border-radius: 3px;

  margin: 0 10px;

  animation-name: pulse;

  animation-duration: 1.5s;

  animation-timing-function: ease-out;

  animation-iteration-count: infinite;

  font-size: 22px;

  font-weight: 700;

  text-transform: capitalize;

  font-family: cursive;

  padding: 10px;

}



@keyframes pulse {

  0% {

    box-shadow: 0 0 0 0 #fff;

  }



  80% {

    box-shadow: 0 0 0 14px rgba(255, 255, 255, 0);

  }

}







.footer {

  background: rgba(43, 46, 49, 0.8);

  padding: 100px 0 0;

  position: relative;

  overflow: hidden;

  display: block;

  z-index: 1;

  box-shadow: 0px -10px 0px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

}



.footer ul {

  margin-left: 0;

}



.footer .title {

  border-bottom: 1px solid #696E74;

}



.copyrights p {

  font-size: 12px;

  margin-top: 10px;

}



.footer-menu {

  margin: 0px 0;

}



.footer-menu a {}



.footer-menu ul {

  list-style: none;

  list-style-position: outside;

  float: right;

  display: inline;

  margin: 0px;

}



.footer-menu li {

  line-height: 12px;

  float: left;

  padding: 0 7px;

}



.footer .widget h3 {

  color: #ffffff;

  margin-top: 15px;

}



.copyrights {

  background: #3E4246;

  margin-top: 40px;

 padding: 20px 0;

  border-top: 1px solid #3E4246;


}



.copyrights a {

  color: #696E74;

}



.widget h3,

.widget h4 {

  font-weight: 500;

  font-size: 18px;

  letter-spacing: 0;

}



footer.footer p {

  color: #FFF;
  /* margin-bottom: 20px; */

}
.footer ul li a:last-of-type{
  margin-bottom: 0;
}
.footer ul{
  margin-bottom: 20px;
}

button.small,

.button.small {

  padding-top: 0.575rem;

  padding-right: 1.75rem;

  padding-bottom: 0.6375rem;

  padding-left: 1.75rem;

  font-size: 1.3125rem;

}



.recent_posts a {

  color: #696E74;

}



.footer ul li a {

  color: #FFF;

  margin-bottom: 12px;

  display: inline-block;

}



.footer ul li {

  color: #FFF;

  margin-top: 15px;

}



.contact_details li {

  padding: 0 0 5px 0;

  list-style: none;

  line-height: 1.6;

  letter-spacing: 0.8px;

}



.dmtop {

  background-image: url(../images/images/arrow.png);

  background-position: 50% 50%;

  background-repeat: no-repeat;

  z-index: 9999;

  width: 40px;

  height: 40px;

  text-indent: -99999px;

  position: fixed;

  bottom: -100px;

  right: 25px;

  cursor: pointer;

  -webkit-transition: all .7s ease-in-out;

  -moz-transition: all .7s ease-in-out;

  -o-transition: all .7s ease-in-out;

  -ms-transition: all .7s ease-in-out;

  transition: all .7s ease-in-out;

  overflow: hidden;

}



.dmtop {

  background-color: #EE3137;

}



.dmtop {

  bottom: 85px !important;

}



.dmtop:hover {

  background-color: #3E4246;

}







.post-wrapper-top {

  background-color: #F5F5F5;

  bottom: 0;

  left: 0;

  right: 0;

  top: 0;

  z-index: 0;

  border-bottom: 3px solid #DCDBD7;

  margin-bottom: 0;

  padding: 0;

  position: relative;

  text-align: left;

}



.post-wrapper-top .container {}



.breadcrumb>li+li:before {

  color: #798184;

  font-size: 11px;

}



.post-wrapper-top h2 {

  border-bottom: 3px solid var(--third-color);

  display: inline-block;

  font-weight: 500;

  font-size: 1.8em;

  padding: 0 0 20px;

  color: #2B2E31;

  position: relative;

  margin-bottom: 0px;

  margin-top: 23px;

}



.post-wrapper-top h2 {

  border-color: #EE3137;

}



.portfolio_details .details_section,

.theme_details .details_section {

  border-bottom: 1px solid #e9e9e9;

  padding: 15px 30px 10px;

}



h4.title {

  margin: 0px 0 14px 0;

  font-size: 20px;

  padding: 0 0 14px 0;

  font-weight: 500;

}



.portfolio_details {

  margin: 0;

  border: 0;

  border: 1px solid #EDEDED;

  background-color: #fff;

  padding: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  text-align: left;

  -webkit-transition: background 0.3s ease-out;

  transition: background 0.3s ease-out;

}



.portfolio_details {

  margin-bottom: 10px;

}



.card {

  border: 0px solid #E1E1F0;

  margin-bottom: 30px;

  border-radius: 5px;

  box-shadow: 0px 36px 48px rgba(31, 66, 135, 0.04);

  background: #fff;

}



.card-body h1 {

  font-size: 20px;

  font-weight: 600;

}



.products-btn {

  text-align: center;

}



.products-btn a {

  margin-right: 10px;

}



.products-btn a:hover {

  color: var(--white);

}



@media (min-width: 1600px) {

  .learn-more {

    padding: 10px 26px;

  }

}



@media (min-width: 992px) {

  .learn-more {

    font-size: 12px;

    line-height: 24px;

    font-weight: 800;

  }

}



.learn-more {

  border: 2px solid #ee3137;

  background-color: #ee3137;

  color: #fff;

  display: inline-block;

  padding: 10px 26px;

  transition: .3s ease-out;

  font-size: 18px;

  font-weight: 500;

  line-height: initial;

}



.style11 {

  color: #000;

}



.zoom-section {

  clear: both;

}



*html .zoom-section {

  display: inline;

  clear: both;

}



.zoom-desc {

  float: left;

  margin-left: 10px;

  width: 310px;

}



.zoom-small-image {

  border: 4px solid #CCC;

  float: left;

}



.zoom-tiny-image {

  border: 1px solid #CCC;

  margin: 0px;

  width: 60px

}



.zoom-tiny-image:hover {

  border: 1px solid #C00;

}



hr {

  margin-top: 41px;

  margin-bottom: 44px;

  border: 0;

  border-top: 1px solid #eeeeee;

  display: block;

}



.quote {

  background: #ee3137;

  color: #FFF;

  padding: 15px 30px;

  font-weight: 600;

}



.quote-btn {

  padding: 8px 10px;

  text-align: center;

  width: 100%;

  display: inline-block;

  border-radius: 3px;

  margin-bottom: 10px;

}



.inquiry-btn-div {

  margin: 20px 0 !important;

}



.table tbody>tr>td strong {

  padding: 8px;

  color: #696E74;

  line-height: 1.666;

  vertical-align: top;

  border-top: 1px solid #F5F5F5;

}



.table tbody>tr>td {

  padding: 8px;

  line-height: 1.666;

  vertical-align: top;

  border-top: 1px solid #F5F5F5;

}



.style28 {

  color: #FFF;

  font-weight: 700;

}



table tr td {

  padding: 8px;

}



.table {

  --bs-table-bg: transparent;

  --bs-table-accent-bg: transparent;

  --bs-table-striped-color: #212529;

  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);

  --bs-table-active-color: #212529;

  --bs-table-active-bg: rgba(0, 0, 0, 0.1);

  --bs-table-hover-color: #212529;

  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);

  width: 100%;

  margin-bottom: 1rem;

  color: #212529;

  vertical-align: top;

  border-color: #dee2e6;

}



.breadcrumb {

  background-color: rgba(0, 0, 0, 0);

  border-left: 0 solid #63B76C;

  border-radius: 0;

  font-size: 11px;

  font-style: italic;

  color: #798184;

  font-family: 'Droid Serif', Georgia, "Times New Roman", serif !important;

  font-weight: 300;

  list-style: none outside none;

  margin: 20px 0 0;

  padding: 0;

  border-color: var(--primary-color);

}



.breadcrumb>li+li:before {

  color: #798184;

  font-size: 11px;

}



.breadcrumb>li+li:before {

  content: "/\00a0";

  padding: 0 5px;

  color: #aaaaaa;

  font-weight: bold;

  font-size: 14px;

}



.portfolio_details h3,

.theme_details h3 {

  font-size: 16px;

  font-weight: bold;

  margin: 0 0 20px;

}



.content.row {

  margin-bottom: 30px;

}



.details_section img {

  width: 100%;

}



.form3 select {

  letter-spacing: 1px !important;

  line-height: 25px;

  transition: 0.8s all;

  padding: 10px 10px !important;

  font-size: 13px !important;

  font-weight: 600;

}



.form-horizontal .form-group {

  margin-left: 0px;

  margin-right: 0px;

}



.has-feedback {

  position: relative;

  margin-bottom: 15px;

}



.form5 select {

  color: #000;

  font-size: 16px;

  letter-spacing: 1px !important;

  line-height: 25px;

  font-weight: 50 0;

  font-family: var(--title-font-family);

  transition: 0.8s all;

}



.iti--allow-dropdown {

  width: 100%

}



.form3 input,

.form3 select,

.form3 textarea,

.form5 input,

.form5 select,

.form5 textarea,

.form1 input,

.form1 select,

.form1 textarea,

.form2 input,

.form2 select,

.form2 textarea {

  letter-spacing: 1px !important;

  line-height: 25px;

  transition: 0.8s all;

  padding: 10px 10px;

  font-size: 13px !important;

  font-weight: 600;

}



.form4 input,

.form4 select,

.form4 textarea {

  border-radius: 0;

  padding: 10px;

  border: 1px solid #cbcbcb;

}











@media(min-width:992px) {

  .navbar.dropdown:hover.dropdown-menu {

    display: block;

    margin-top: 0

  }

}



.nav-link.active {

  color: #000000 !important;


}



.modal-logo img {

  width: 100%;

  max-width: 50%;

  margin: auto;

  margin-bottom: 0px

}



.modal-call {

  display: flex;

  align-items: flex-start;

  justify-content: flex-start;

  flex-wrap: wrap

}



.modal-content {

  border-radius: 50px;

  overflow: hidden

}



.modal-content a,

.modal-content span {

  color: var(--head-dark);

  font-size: 17px;

  font-weight: 500;

  display: inline-flex;

  padding: 15px 0 0 10px;

  width: 100%;

  align-items: center

}



.modal-body.has-feedback {

  margin-bottom: 12px

}



.modal-logo img {

  width: 100%;

  max-width: 50%;

  margin: auto;

  margin-bottom: 0px

}



.modal-call {

  display: flex;

  align-items: flex-start;

  justify-content: flex-start;

  flex-wrap: wrap;

}



.modal-content {

  border-radius: 50px;

  overflow: hidden

}



.modal-content a {

  color: #1d242b;

  font-size: 16px;

  font-weight: 500;

  display: inline-flex;

  padding: 15px 0 0 10px;

  width: 100%;

  align-items: center;

}



.modal-body .has-feedback {

  margin-bottom: 12px

}



.modal-body .form-control {

  border: 0;

  background-color: #fff0;

  border-radius: 0;

  border-bottom: 1px solid #ccc;

  padding: 10px 0;

  font-size: 15px;

  color: #000000 !important;

  box-shadow: none;

  font-family: "Roboto", sans-serif;

  font-weight: 400;

}



.modal-header {

  background-color: #820924;

  color: #ffffff;

  text-align: center;

}



.modal-header h5 {

  color: #ffffff;

  font-size: 24px;

  width: 100%;

  letter-spacing: .4px;

  font-weight: 600

}



.modal-header .btn-close {

  margin: 0;

  filter: invert(1);

}



.modal-logo {

  padding: 10px 0px 10px;

}



.modal-body {

  padding: 0

}



.modal-body.form-control {

  border: 0;

  background-color: #fff0;

  border-radius: 0;

  border-bottom: 1px solid #ccc;

  padding: 10px 0;

  font-size: 15px;

  color: #000000 !important;

  box-shadow: none;

  font-family: "Roboto", sans-serif;

  font-weight: 400

}



.modal-header {

  background-color: var(--primary-color);

  color: #ffffff;

  text-align: center

}



.modal-header h5 {

  color: #ffffff;

  font-size: 24px;

  width: 100%;

  letter-spacing: .4px;

  font-weight: 500

}



.modal-header.btn-close {

  margin: 0;

  filter: invert(1)

}



.modal-logo {

  padding: 10px 0px 10px

}



.modal-body {

  padding: 0

}



label.error {

  color: red !important;

  font-weight: 400;

  font-size: 12px !important;

  text-transform: capitalize;

  position: absolute;

  bottom: -15px;

  left: 0

}



label#captcha-error {

  left: 15px

}



.footer-whatsapp-left {

  position: fixed;

bottom: 150px;
    right: 20px;

  z-index: 999999

}
.footer-whatsapp-left img{
  max-width: 50px;
}


.footer-whatsapp-left a {

  display: flex;

  align-items: center;

  justify-content: center

}



.footer-call-right {

  position: fixed;

  bottom: 0;

  right: 0;

  margin: 0 20px 180px 0;

  z-index: 999999

}



.footer-call-right a {

  display: flex;

  align-items: center;

  justify-content: center

}



.vibrate-3 {

  -webkit-animation: vibrate-3 1s linear infinite both;

  animation: vibrate-3 1s linear infinite both

}



@-webkit-keyframes vibrate-3 {

  0% {

    -webkit-transform: translate(0);

    transform: translate(0)

  }



  10% {

    -webkit-transform: translate(-2px, -2px);

    transform: translate(-2px, -2px)

  }



  20% {

    -webkit-transform: translate(2px, -2px);

    transform: translate(2px, -2px)

  }



  30% {

    -webkit-transform: translate(-2px, 2px);

    transform: translate(-2px, 2px)

  }



  40% {

    -webkit-transform: translate(2px, 2px);

    transform: translate(2px, 2px)

  }



  50% {

    -webkit-transform: translate(-2px, -2px);

    transform: translate(-2px, -2px)

  }



  60% {

    -webkit-transform: translate(2px, -2px);

    transform: translate(2px, -2px)

  }



  70% {

    -webkit-transform: translate(-2px, 2px);

    transform: translate(-2px, 2px)

  }



  80% {

    -webkit-transform: translate(-2px, -2px);

    transform: translate(-2px, -2px)

  }



  90% {

    -webkit-transform: translate(2px, -2px);

    transform: translate(2px, -2px)

  }



  100% {

    -webkit-transform: translate(0);

    transform: translate(0)

  }

}



@keyframes vibrate-3 {

  0% {

    -webkit-transform: translate(0);

    transform: translate(0)

  }



  10% {

    -webkit-transform: translate(-2px, -2px);

    transform: translate(-2px, -2px)

  }



  20% {

    -webkit-transform: translate(2px, -2px);

    transform: translate(2px, -2px)

  }



  30% {

    -webkit-transform: translate(-2px, 2px);

    transform: translate(-2px, 2px)

  }



  40% {

    -webkit-transform: translate(2px, 2px);

    transform: translate(2px, 2px)

  }



  50% {

    -webkit-transform: translate(-2px, -2px);

    transform: translate(-2px, -2px)

  }



  60% {

    -webkit-transform: translate(2px, -2px);

    transform: translate(2px, -2px)

  }



  70% {

    -webkit-transform: translate(-2px, 2px);

    transform: translate(-2px, 2px)

  }



  80% {

    -webkit-transform: translate(-2px, -2px);

    transform: translate(-2px, -2px)

  }



  90% {

    -webkit-transform: translate(2px, -2px);

    transform: translate(2px, -2px)

  }



  100% {

    -webkit-transform: translate(0);

    transform: translate(0)

  }

}



.heading-list {

  width: 100%;

  max-width: 75%

}



.heading-list ul {

  margin-top: 40px

}



.heading-list ul li {

  border-bottom: 1px solid #dddddd;

  padding: 15px 0 20px;

  margin: 15px 0;

  display: flex;

  align-items: center

}



.heading-list ul li p {

  margin: 0

}



.heading-list ul li span {

  margin-right: 10px

}



.heading-list ul li span img {

  width: 100%;

  max-width: 35px

}





.sub-send-inquiry-form,

.sub-send-inquiry-form-2,

.footer-whatsapp-call {

    display: flex;

}



.sub-send-inquiry-form {

    position: fixed;

    left: -90px;

    top: auto;

    height: 25%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    z-index: 999;

    bottom: 40%;

}

.sub-send-inquiry-form-2 {

  position: fixed;

  right: -74px;

  top: 0;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  z-index: 1;

}



.sub-send-btn {

    background-color: #e92b3d;

    border-radius: 0 0 20px 20px;

    padding: 10px 30px;

    transform: rotate(-90deg);
   

}

.sub-send-inquiry-form-2  .sub-send-btn{

  border-radius:20px 20px 0 0;
   

}

.sub-send-inquiry-form-2  .sub-send-btn a{

  color: #fff;

}



.icon {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.sub-send-inquiry-form a, .sub-send-inquiry-form-2  .sub-send-btn a {

    color: #fff;

    font-size: 19px;

    font-weight: 600;

    text-transform: uppercase;

    margin-left: 10px;

}





@media screen and (max-width: 991px) {



    .sub-send-inquiry-form {

        display: none;

    }



    .footer-whatup-icons {

        display: none;

    }



    .book-app a {

        font-size: 15px;

    }



    .footer-box {

        display: flex !important;

        position: fixed;

        left: 0;

        bottom: 0;

        width: 100%;

        background-color: #e92b3d;

        color: #fff;

        text-align: center;

        z-index: 999999;

        display: grid;

        grid-template-columns: 1fr 1fr;

    }



    .book-app {

        width: 100%;

        padding: 2%;

        float: left;

        line-height: 40px;

        text-align: center;

        max-height: 100px;

    }

}

.pdf-box h4 {

    font-size: 30px;

    margin: 0;

    padding: 20px;

    background-color: #b3132f;

    color: #fff;

    text-transform: capitalize;

}