@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,700;1,700&display=swap');

@font-face {
    font-family: 'handelgothic';
    src: url('../fonts/handel-gothic.eot');
    src: url('../fonts/handel-gothic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/handel-gothic.woff') format('woff'),
         url('../fonts/handel-gothic.ttf') format('truetype'),
         url('../fonts/handel-gothic.svg#handelgothic') format('svg');
    font-weight: normal;
    font-style: normal;

}
.largetext{color: #000;font-size: 35px;line-height: 55px;}
.red{color:var(--red)}
.middle-text{color: #000;font-size: 22px;margin-bottom: 25px;}
.global-navigation{    /*background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(210,217,225,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(210,217,225,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(210,217,225,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2d9e1',GradientType=0 );*/
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;}
.global-navigation .main-navigation{max-width:1170px;display: flex;margin: 0 auto;padding: 1.2rem 1rem;}
.global-navigation .main-navigation .logo-wrap{display: flex;align-items: center;}
.global-navigation .navbar-brand{background-image: url("../images/vachita.jpg");background-size:100%;width:275px;
height: 82px;display: block;font:0/0 a;padding:0;background-repeat: no-repeat;}

.logo-text{font-size: 18px;
  max-width: 250px;
  text-align: left;
  color: #000;
  font-family:"handelgothic";
  font-weight: 200;}
.global-navigation .main-navigation .navbar-nav .nav-link{color:#000;font-size: 14px;font-weight: 500;text-transform: uppercase;    padding: 4px 14px;}
.global-navigation .main-navigation .navbar-nav .nav-item.active .nav-link{/*background-color: #9e231c;*/
  background: #D9251E;
background: -webkit-linear-gradient(top left, #D9251E, #A4241C);
background: -moz-linear-gradient(top left, #D9251E, #A4241C);
background: linear-gradient(to bottom right, #D9251E, #A4241C);
  color:#fff}

.swiper-slide::before {background: linear-gradient(rgba(28,28,28,0.4) 0%,rgba(28,28,28,0.4) 0%,rgba(28,28,28,0.4) 100%,rgba(28,28,28,0.4) 100%);position: absolute;height: 100%;width: 100%;content: "";}
.banner{background-size: cover;background-position: center;max-width: 100%;height:550px;margin: 0 auto;display: flex;
justify-content: center;align-items: center;}
.banner-one{background-image: url('../images/banner-1.jpg');}
.banner-two{background-image: url('../images/banner-2.jpg');}
.banner-three{background-image: url('../images/banner-4.jpg');}
.banner .banner-description{max-width: 700px;position: relative;text-align: center;}
.banner h1{color:#fff;    font-size: 50px;line-height: 70px;text-transform: uppercase;    margin-bottom: 26px;}

.example-1{font: 13px 'Barlow Semi Condensed', sans-serif;text-transform: uppercase;letter-spacing: 1px;color: #fff;padding: 19px 25px;text-align: center;background: rgb(217, 36, 29);animation: shadow-pulse 1s infinite;display: inline-block;}
.example-1:hover{color:#fff}


@keyframes shadow-pulse
{
  0% {
    box-shadow: 0 0 0 0px rgba(217, 36, 29, 0.68);
  }
  100% {
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
  }
}

@keyframes shadow-pulse-big
{
  0% {
    box-shadow: 0 0 0 0px rgba(217, 36, 29, 0.15);
  }
  100% {
    box-shadow: 0 0 0 60px rgba(0, 0, 0, 0);
  }
}

.content{max-width: 1170px;margin: 0 auto;display: flex;padding: 1.2rem 1rem;}
.about-section{padding: 60px 0 80px;}
.about-section .content{align-items: center;}
.about-section .content .left-side{flex: 0 0 48.5%}
.about-section .content .right-side{flex: 0 0 48.5%;text-align: right;}
.about-section .left-side .listing li{position: relative;    position: relative;
    font-size: 17px;
    margin-bottom: 9px;
    color: #0e2753;
    font-weight: 500;}
.listing{position: relative;list-style-type: none;    margin: 0 0 42px 0;}
.about-section .left-side .listing li::before{position: absolute;left: -29px;top: 5px;height: 18px;width: 18px;background-image: url(../images/icon-check.png);content: "";}

.why-choose-us{padding: 60px 0;background-color: #e4edf4;position: relative;}

.why-choose-us .content{display: block;}
.why-choose-us .largetext{text-align: center;    margin-bottom: 73px;}
.services-list{padding: 0;margin: 0;list-style-type: none;display: flex;flex-wrap: wrap;justify-content: space-between;}
.services-list li{flex: 0 0 24.5%;margin-bottom: 1.5%;background-color: #d8e1e6;padding:40px 20px;}
.services-list .services-circle{height:100px;width:100px;display: flex;align-items: center;background-color: #fff;border-radius: 100%;    justify-content: center;animation: services-shadow-pulse 1s infinite;    margin: 0 auto 15px auto;}
.services-circle img{height:50px;width:50px;}
.small-text{text-align: center;margin: 12px;color: #4a4a4a;text-transform: capitalize;font-size: 15px;line-height: 28px;    font-weight: 500;}
@keyframes services-shadow-pulse
{
  0% {
    box-shadow: 0 0 0 0px rgba(255,255,255, 0.3);
  }
  100% {
    box-shadow: 0 0 0 60px rgba(0, 0, 0, 0);
  }
}

@keyframes services-shadow-pulse-big
{
  0% {
    box-shadow: 0 0 0 0px rgba(255,255,255, 0.8);
  }
  100% {
    box-shadow: 0 0 0 80px rgba(0, 0, 0, 0);
  }
}

.consultation{padding: 60px 0;}
.consultation .content{justify-content: space-between;}
.consul-text{font-family: 'Playfair Display', serif;}
.contact-text{font-size: 35px;font-weight: 600;}
.contact-text .red{text-decoration: underline;letter-spacing: 1px;}
.footer {    padding: 50px 0 34px;background-color: #222222;}
.footer .social {max-width: 800px;margin: 0 auto;text-align: center;}
.footer .sociallink {list-style-type: none;display: flex;justify-content: center;margin-bottom: 32px;}
.sociallink a {    color: #fff;border: 1px solid #fff;padding: 7px;border-radius: 100%;height: 35px;width: 35px;line-height: 17px;margin-right: 12px;font-size: 14px;}
.footer-link p {margin-bottom: 0;color: #b5b5b5;font-size: 14px;}
.footer-link a {margin-bottom: 0;color: #b5b5b5;font-size: 14px;}

.section{padding: 60px 0;}
.section .content{justify-content: space-between;}
.section .content .leftside{flex:0 0 56%}
.section .content .rightside{flex:0 0 40%}

.contact-list{padding: 0;
  margin: 0;
  list-style-type: none;
  flex-wrap: wrap;
  justify-content: center;}
  .contact-list li {
    margin-bottom: 4px;
    padding: 20px;
    border-bottom: 1px dashed #bbb;
}
.contact-circle{text-align: center;display: flex;background-color: #eee;height: 50px;width: 50px;justify-content: center;align-items: center;}
.contact-circle i{font-size: 20px;}
.contact-list li .small-text{font-size: 19px;text-align: left;    margin: 5px 0 8px 0;}
.contact-list li:last-child{border-bottom: 0;}
.contact-list p{margin-bottom: 0;    font-size: 14px;}
.contact-list a {color: #6B6B6B;}

.breadcrumsbanner {position: relative;background-image: url(../images/banner-1.jpg);background-size: cover;background-position: center;display: flex;align-items: center;height: 150px;max-width: 1600px;margin: 0 auto;}
.breadcrumsbanner::before {background-color: rgba(0, 0, 0, 0.40);bottom: 0px;height: 100%;left: 0;padding: 14px 0 15px;position: absolute;width: 100%;content: "";}
.breadcrums-list{display: flex;position: relative;list-style-type: none;}
.breadcrums-list a{    color: #fff;font-size: 18px;font-weight: 400;}
.breadcrums-list li{margin-right: 12px;}

.about-us .left-side{flex: 0 0 60%;padding-right: 53px;}
.about-us .right-side{flex: 0 0 40%;}

.our-services .our-services-list li .middle-text{margin-bottom: 13px;}
.our-services-list{padding: 0;
  margin: 0;
  list-style-type: none;}
.our-circle{    height: 50px;
  width: 50px;
  border-radius: 50%;
  display: block;
  background-color: #bb251d;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;margin-bottom: 12px;}

.facilities{flex:0 0 48%;background-color: #eee;padding: 20px;margin-right: 5px;}
 .listing li{position: relative;    margin-bottom: 12px;    font-size: 14px;}
.listing li::before {position: absolute;left: -29px;top: 5px;height: 17px;width: 17px;background-image: url(../images/icon-check.png);background-repeat: no-repeat;content: "";}
.stoarge{flex:0 0 48%;background-color: #eee;padding: 20px;}

.gallery-wrap{    display: block;column-width: 320px;column-gap: 15px;width: 100%;max-width: 1100px;margin: auto;}
.gallery-wrap .img-wrap{margin: 0 2px 15px;transition: opacity .4s ease-in-out;display: inline-block;column-break-inside: avoid;width: 100%;border: 1px solid #ec9052;}



@media (max-width: 756px){
.bar {display: inline-block;cursor: pointer;}
.bar1, .bar2, .bar3 {width: 27px;height: 2px;background-color: #333;margin: 6px 0;transition: 0.4s;}
.global-navigation .main-navigation .navbar-nav{padding: 30px 0;}

}

@media screen and (min-width: 320px) and (max-width: 480px){
  .about-section .content{flex-direction: column;}
  .global-navigation .main-navigation{    padding: 0.5rem 1rem;}
  .global-navigation .navbar-brand{    width: 231px;height: 69px;}
  .services-list{flex-direction: column;}
  .consultation .content{flex-direction: column;}
  .contact-text{margin-bottom: 23px;}
  .services-list{flex-direction: column;}
  .banner{    height: 350px;}
  .banner h1{font-size: 23px;line-height: 42px;}
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:0}
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:0}
  .section .content{flex-direction: column;}
}