*{margin: 0;padding: 0;box-sizing: border-box;}
#sync1 .item {color: #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align: center;}
 #sync2 .item {background: #c9c9c9;margin: 5px;color: #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align: center;cursor: pointer;}
#sync2 .item img{height:63px;object-fit: contain;}
 .owl-theme .owl-nav [class*='owl-'] {transition: all 0.3s ease;}
 .owl-theme .owl-nav [class*='owl-'].disabled:hover{background-color: #d6d6d6;}
 #sync1.owl-theme{position: relative;}
 #sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev{background: #f9f9f9;width: 40px;height: 40px;margin-top: -20px;position: absolute;top: 50%;border-radius: 50%;font-size: 0;}
 #sync1.owl-theme .owl-prev{left: 10px;}
 #sync1.owl-theme .owl-next{right: 10px;}
.banner-area .owl-theme .owl-dots .owl-dot span{width: 12px;height: 12px;}
#sync1 .owl-dots{position: absolute;bottom: 10px;display: flex;left: 45%;right: 0;width: fit-content;}
#sync1.owl-theme .owl-next span{
    display: block;
    z-index: 999;
    position: relative;
    bottom: 25px;
}
#sync1.owl-theme .owl-prev span { display: block;
    z-index: 999;
    position: relative;
    bottom: 25px;
}

#sync1.owl-theme .owl-next span::before {
content: "\f054";
position: absolute;
top: 7px;
left: 14px;
font-size: 24px;
font-weight: 900;
font-family: "Font Awesome 5 Free";
}
#sync1.owl-theme .owl-prev span::before {
	content: "\f053";
	position: absolute;
	top: 7px;
	left:11px;
	font-size: 24px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	}
#sync1.owl-theme .owl-next:hover, #sync1.owl-theme .owl-prev:hover {color: #4d305c;	}
#sync1.owl-theme .owl-next span:focus-visible , #sync1.owl-theme .owl-next:focus-visible{outline: none !important;}
 /* gallery pop css start  */
 #gallery-popup{z-index: 999;}
.modal-gallery .columns-area{display: flex;overflow-x: scroll;}
.modal-gallery img.demo{height: 100px;}
.mySlides img{height: 470px;}
.modal-gallery img.demo{max-height:90px;width:148px;object-fit:cover;}
.modal-gallery{display:none;position:fixed;z-index:1;padding-top:60px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000cc;}
.modal-gallery .modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;width:80%;max-width:1200px;}
.modal-gallery .close{color: white;position: absolute;top: 10px;right: 25px;font-size: 35px;font-weight: bold;}
.modal-gallery .close:hover, .modal-gallery .close:focus {color: #999;text-decoration: none;cursor: pointer;}
.modal-gallery .mySlides {display: none;}
.modal-gallery .prev, .modal-gallery .next {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 16px;margin-top: -50px;color: white !important;font-weight: bold;font-size: 20px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;-webkit-user-select: none;background: #feb900;}
.modal-gallery .next{right: 0;border-radius: 3px 0 0 3px;}
.modal-gallery .prev:hover, .modal-gallery .next:hover {background-color: rgba(0, 0, 0, 0.8);}
.modal-gallery .numbertext{color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 0;}
.modal-gallery img{margin-bottom: -4px;}
.modal-gallery .caption-container{text-align: center;background-color: black;padding: 2px 16px;color: white;}
.modal-gallery .demo{opacity: 0.6;}
.modal-gallery .active, .modal-gallery .demo:hover{opacity: 1;}
.g-images-txt:hover .max-icon{display: block;}
.max-icon{display: none;position: absolute;bottom: 3px;right: 2px;color: #ffffff;padding: 5px 10px;border: 1px solid #fff;font-size: 18px;border-radius: 50px;box-shadow: 0px 0px 4px 0px rgb(255 255 255);cursor: zoom-in;}
.max-icon:hover {scale: 1.1;box-shadow: 0px 0px 7px 0px rgb(255 255 255);}
.columns-area::-webkit-scrollbar{width: 10px;height: 7px;}
.columns-area::-webkit-scrollbar-track{box-shadow: inset 0 0 3px grey;}
.columns-area::-webkit-scrollbar-thumb {background: #feb900;border-radius: 10px;}
.columns-area::-webkit-scrollbar-thumb:hover {background: #916b03;}
/* Media Gallery CSS End  */



@media (max-width: 767px){
	.modal-gallery .next{right: -43px;border-radius: 0;}
	.modal-gallery .prev{left: -43px;border-radius: 0;}
	.modal-gallery .columns-area{overflow: scroll;}
	.modal-gallery .modal-content{width: 75%;}
	.modal-gallery img.demo {height: 83px;}
	.mySlides img {height: auto !important}
	.offset-2 {margin-left: 0!important}
	#sync2 .item img {height: auto;}
}
@media screen and (max-width: 991px) and (min-width: 768px){
	.modal-gallery .next{right: -43px;border-radius: 0;}
	.modal-gallery .prev{left: -43px;border-radius: 0;}
	.modal-gallery .columns-area{overflow: scroll;}
	.modal-gallery .modal-content{width: 75%;}
	.modal-gallery img.demo {height: 83px;}
}