@import url("./global.css");
/* Animations */
#products .mySwiper .product-card::before,
#products .mySwiper .product-card::after,
#about-us .toglle-tabs h2.active,
#about-us .toglle-tabs h2:hover,
#partners .partner-card,
#news .img-holder,
#news .news-slider .main-card.active > img,
#news .news-slider .main-card:hover > img,
#contact-us-1 input,
#contact-us-1 textarea,
#contact-us-1 input[type="submit"] {
  transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  -ms-transition: 0.3s all linear;
  -o-transition: 0.3s all linear;
}
#products .mySwiper,
#about-us .about-caption,
#partners,
#news {
  transition: 1400ms linear all;
  -webkit-transition: 1400ms linear all;
  -moz-transition: 1400ms linear all;
  -ms-transition: 1400ms linear all;
  -o-transition: 1400ms linear all;
}
#products .mySwiper{
  transition-delay: 1000ms;
}
#about-us .about-caption {
  transition-delay: 3000ms;
}
#partners{
  transition-delay: 5000ms;
}
#news {
  transition-delay: 6000ms;
}
#products .mySwiper {
  transform: translateY(-400px);
  -webkit-transform: translateY(-400px);
  -moz-transform: translateY(-400px);
  -ms-transform: translateY(-400px);
  -o-transform: translateY(-400px);
}
#partners{
  transform: translateX(3000px);
  -webkit-transform: translateX(3000px);
  -moz-transform: translateX(3000px);
  -ms-transform: translateX(3000px);
  -o-transform: translateX(3000px);
}
#about-us .about-caption,
#news {
  opacity: 0;
}
/* Animations */
/* Start Slider */
#slider .panner-ribbon {
  background-color: #233f76;
}
#slider .bg-1 {
  background-image: url("../assets/slider-01.png");
}
#slider .bg-2 {
  background-image: url("../assets/slider-02.jpg");
}
#slider .bg-3 {
  background-image: url("../assets/slider-03.jpg");
}
#slider .carousel-img {
  background-position:center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 65vh;
  position: relative;
}
.carousel-control-next, .carousel-control-prev {
  height: fit-content !important;
  width: fit-content !important;
  inset-block-start: 50% !important;
  background-color: var(--primary-color);
  margin: 0 25px;
  padding: 5px;
  z-index: 999;
}
@media (max-width:767px) {
  #slider .carousel-img {
    height: 40vh;
  }
}
/* End Slider */
/* Start Products Section */
#products .mySwiper .swiper-card {
  position: relative;
  overflow: hidden;
  box-shadow: 0px 8px 15px #8d8585;
}
#products .mySwiper .swiper-card img.swiper-img {
  width: 100%;
  height: 165px;
  max-height: 165px;
  object-fit: cover;
}
@media (max-width:520px) {
  #products .mySwiper .swiper-card img.swiper-img {
    height: 400px;
    max-height: 400px;
  }
}
#products .mySwiper .product-card::before,
#products .mySwiper .product-card::after {
  position: absolute;
  width: 100%;
  height: 100%;
  inset-inline-start: 0;
  opacity: 0;
  z-index: 999;
}
#products .mySwiper .product-card::before {
  content: "";
  background-color: #a72e37b5;
  inset-block-start: 0;
}
#products .mySwiper .product-card::after {
  content: attr(data-text);
  inset-block-start:0;
  color: white;
  font-size: 1.7rem;
  font-weight: 600;
  text-align: start;
  margin-inline-start: 10px;
  padding-block-end: 10px;
  display: flex;
  align-items: end;
  text-shadow: 1px 3px 0 #000;
}
#products .mySwiper .product-card:hover::before,
#products .mySwiper .product-card:hover::after {
  opacity: 1;
}
/* End Products Section */
/* Start About Section */
#about-us {
  background-color: var(--bg-color);
  border-block-end: 2px solid #c0bfbf;
}
#about-us .toglle-tabs {
  position: relative;
  inset-block-start: -48px;
}
#about-us .toglle-tabs h2.active,
#about-us .toglle-tabs h2:hover {
  background-color: #233f76;
  color: #fff;
  cursor: pointer;
}
#about-us .about-caption p {
  font-size: 1.2rem;
  width: 100%;
}
#about-us .about-caption .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-shadow: 0px 8px 15px #8d8585;
}
@media (min-width: 768px) {
  #about-us .toglle-tabs h2 {
    color: var(--heading-color);
    background-color: #efefef;
    padding: 5px 60px;
    clip-path: polygon(100% 100%, 90% 0%, 10% 0%, 0% 100%);
    border-radius: 200px 200px 0 0;
    -webkit-border-radius: 200px 200px 0 0;
    -moz-border-radius: 200px 200px 0 0;
    -ms-border-radius: 200px 200px 0 0;
    -o-border-radius: 200px 200px 0 0;
  }
  #about-us .toglle-tabs h2:first-of-type {
    margin-inline-end: -15px;
    z-index: 1001;
  }
  #about-us .toglle-tabs h2:nth-of-type(2) {
    margin-inline-start: -15px;
    z-index: 1000;
  }
}
@media (max-width:767px) {
  #about-us .toglle-tabs {
    inset-block-start: -61px;
    margin-block-start: 70px;
  }
}
/* End About Section */
/* Start Partners Section */
#partners .partner-card {
  text-align: center;
  box-shadow: 0px 0px 8px #bdc0c5;
  padding: 40px;
  height: 150px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}
#partners .partner-card:hover {
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
}
@media (min-width:768px) {
  #partners .mySwiper .slider-content {
    padding-inline-start: 3px;
  }
}
/* End Partners Section */
/* Start News Section */
#news .img-holder:hover{
  box-shadow: 0 0 10px #474747;
}
#news .news-slider .main-card.active,
#news .news-slider .main-card:hover {
  background-color: var(--secondary-color);
}
#news .news-slider .main-card.active > img,
#news .news-slider .main-card:hover > img {
  border-block-end: 3px solid var(--secondary-color);
}
#news .news-slider .main-card {
  height: 100%;
}
#news .news-slider .main-card .img-caption p{
  font-size: 0.8rem;
  max-height: 40px;
  overflow: hidden;
}
#news .news-slider .main-card > img {
  overflow-y: hidden;
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-block-end: 3px solid #256470;
}
@media (max-width:767px) {
  #news .news-slider .main-card > img {
    height: 200px;
  }
}
@media (min-width:768px) {
  #news .news-slider .main-card > img {
    width: 100% !important;
    height: 130px !important;
  }
}
@media (min-width:991px) {
  #news .img-holder img {
    height: 493px;
    object-fit: cover;
    width: 100%;
  }
}
/* End News Section */
/* Start Contact Us Section */
#contact-us-1 .contact-head {
  font-size: 4.5rem;
  color: var(--primary-color);
}
#contact-us-1 .contact-head span {
  color: var(--secondary-color);
}
#contact-us-1 textarea {
  resize: none;
  height: 250px;
}
#contact-us-1 input[type="submit"] {
  background-color: var(--primary-color);
}
#contact-us-1 input:focus:not(input[type="submit"]) , #contact-us-1 textarea:focus {
  border-color: var(--secondary-color) !important;
}
#contact-us-1 input[type="submit"]:hover {
  background-color: var(--heading-color);
}
.panner-text *{
    font-family:'Avenir Next World Regular',avenir next,avenir,Effra,helvetica,arial,sans-serif!important;
}
/* End Contact Us Section */