/*
Theme Name: BHO Marketing Tailwind
Theme URI: https://yourwebsite.com/
Author: Your Name
Description: A lightweight WordPress theme using Tailwind.
Version: 1.0
*/

.custom-shadow {
  box-shadow: 2px 2px 20px 0px #0000001F;
}

.home-tab {
  box-shadow: 0px 4px 12px 0px #0000000F;
  backdrop-filter: blur(20px);
}

.mySwiper .swiper-slide-active .slide-img {
  border-radius: 20px;
  height: 400px !important;
  transition: height 0.3s ease-in;
}

.mySwiper .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #D9D9D9;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.mySwiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #34C0E3;
}

.mySwiper .swiper-navigation {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mySwiper .swiper-navigation .swiper-button-prev {
  left: -100px;
}

.mySwiper .swiper-navigation .swiper-button-next {
  right: -100px;
}

.mySwiper .swiper-button-prev:after,
.mySwiper .swiper-button-next:after {
  font-size: 16px;
}

.contactForm .pi-form-control,
.bannerForm .pi-form-control,
.modal-body .pi-form-control {
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  background-color: #D9D9D91A;
  border: 1px solid #CFCFCF;
  color: #fff;
  outline: none;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  transition: border-color 0.2s ease;
}
.modal-body .pi-form-control {
	color:#000;
}
.contactForm .pi-form-control:focus,
.bannerForm .pi-form-control:focus,
.modal-body .pi-form-control:focus {
  border-color: #06b6d4;
}

.contactForm label,
.bannerForm label {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 6px;
}

.modal-body label {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #000;
  margin-bottom: 6px;
}

.contactForm .submit-button,
.bannerForm .submit-button {
  background-color: #06b6d4;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: white;
  width: 300px;
  padding: 15px 0;
  border-radius: 40px;
  transition: background-color 0.3s ease;
  border: none;
  outline: none;
  cursor: pointer;
}

.modal-body .submit-button {
  background-color: #06b6d4;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: white;
  padding: 12px 50px;
  border-radius: 40px;
  transition: background-color 0.3s ease;
  border: none;
  cursor: pointer;
  margin-top: 20px;
}

.contactForm .submit-button:hover,
.bannerForm .submit-button:hover,
.modal-body .submit-button:hover {
  background-color: #0891b2;
}

.contactForm textarea,
.bannerForm textarea{
  height: 80px;
}
.bannerForm .selectBox  option,
.contactForm .selectBox option {
  color: #000 !important;
}

#cookie-notice {
	padding: 15px 0;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	text-align: center;
	z-index:10;
}

.cookie-notice-container {
	width: 90%;
	max-width: 1450px;
	margin: 8px auto;
	padding: 0;
	display: flex !important;
	align-items: center;
	justify-content: space-around;
	text-align: left;
}

.cn-text-container {
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	margin:0;
}

.cn-buttons-container,
.cn-text-container {
	display: flex;
}
#cookie-notice .cn-privacy-policy-link.acceptBtn{
    background: none;
    color: #06b6d4;
    padding: 0;
    margin-left: 10px;
}
#cookie-notice .cn-privacy-policy-link.acceptBtn:hover{
	color: #0891b2;
}
#cookie-notice .cn-buttons-container .acceptBtn:first-child {
	background-color: #34C0E3;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	font-weight: 500;
	line-height: 18px;
	padding: 6px 14px;
	border-radius: 14px;
	display:flex;
	justify-content:center;
	align-items:center;
	outline: 0;
	text-decoration: none;
	transition: background-color 0.3s ease;
}

#cookie-notice .cn-buttons-container .acceptBtn:last-child {
	background-color: #757575;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	font-weight: 500;
	line-height: 18px;
	padding: 6px 14px;
	border-radius: 14px;
	display:flex;
	justify-content:center;
	align-items:center;
	outline: 0;
	text-decoration: none;  
	transition: background-color 0.3s ease;
}
#cookie-notice .cn-buttons-container .acceptBtn:first-child:hover {
	background-color: #0891b2;
}

#cookie-notice .cn-buttons-container .acceptBtn:last-child:hover {
	background-color: #4b4747;
}
.cn-close-icon {
	display: none;
}
.btnWrap p{
	display:flex;
	flex-direction:column;
	justify-content:center;
    align-items: center;
}
/* Desktop only (min-width: 1024px) */
@media (min-width: 1024px) {
  .login_btn a {
    margin-left: 18px;
  }
  .none {
    display: none;
  }
}

@media (max-width: 575px){
	.contactForm .submit-button, 
	.bannerForm .submit-button {
	    width: 100%;
    }
	.cookie-notice-container {
	    width: 100%;
	    padding: 0 10px;
	    flex-direction:column;
    }
	.cn-text-container {
        font-size: 12px;
		line-height: 18px;
	}
	.cookie-notice-container #cn-notice-buttons{
		display:flex;
		margin-top:10px;
	}
}