/*
Theme Name: Html Quick Pack
Author:
Author URI:
Theme URI:
Front End Developer: Fahamina Yesmin
Back End Developer:  Fahamina Yesmin
Project Start:
Date: 21 March 2024
*/
.custom-swiper-arrows .elementor-swiper-button-next {
  background-color: #5f5ea6;
  opacity: 1 !important;
  display: grid !important;
  place-content: center !important;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
  border: 1px solid transparent;
  height: 160px;
  width: 80px;
  right: -10px !important;
  left: auto;
  border-radius: 90px 0px 0px 90px;
  padding-left: 0;
  background-image: url(../img/right-arrow.png);
  background-position: right 25px center;
  background-repeat: no-repeat;
  background-size: 16px; }
  @media only screen and (max-width: 768px) {
    .custom-swiper-arrows .elementor-swiper-button-next {
      background-color: #5f5ea6b8;
      height: 120px;
      width: 60px;
      border-radius: 60px 0px 0px 60px;
      background-position: right 20px center;
      background-size: 12px; } }
  @media only screen and (max-width: 450px) {
    .custom-swiper-arrows .elementor-swiper-button-next {
      height: 80px;
      width: 40px;
      border-radius: 40px 0px 0px 40px;
      background-position: right 15px center;
      background-size: 10px; } }
  .custom-swiper-arrows .elementor-swiper-button-next:hover {
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    border: 1px solid #cfcfcf;
    background-color: #6ec1e4; }
  .custom-swiper-arrows .elementor-swiper-button-next svg {
    visibility: hidden;
    opacity: 0; }

.custom-swiper-arrows .elementor-swiper-button-prev {
  background-color: #5f5ea6;
  opacity: 1 !important;
  display: grid !important;
  place-content: center !important;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
  border: 1px solid transparent;
  width: 80px;
  height: 160px;
  left: -10px !important;
  right: auto;
  border-radius: 0px 90px 90px 0px;
  padding-right: 15px;
  background-image: url(../img/left-arrow.png);
  background-position: left 25px center;
  background-repeat: no-repeat;
  background-size: 16px; }
  @media only screen and (max-width: 768px) {
    .custom-swiper-arrows .elementor-swiper-button-prev {
      background-color: #5f5ea6b8;
      height: 120px;
      width: 60px;
      border-radius: 0px 60px 60px 0px;
      background-position: left 20px center;
      background-size: 12px; } }
  @media only screen and (max-width: 450px) {
    .custom-swiper-arrows .elementor-swiper-button-prev {
      height: 80px;
      width: 40px;
      border-radius: 0px 40px 40px 0px;
      background-position: left 15px center;
      background-size: 10px; } }
  .custom-swiper-arrows .elementor-swiper-button-prev:hover {
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    border: 1px solid #cfcfcf;
    background-color: #6ec1e4; }
  .custom-swiper-arrows .elementor-swiper-button-prev svg {
    visibility: hidden;
    opacity: 0; }

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