/* Styles for the preloader */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff; /* Semi-transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
.carousel-control-next, .carousel-control-prev {
    top: 50%;
    width: 40px;
    height: 40px;
	opacity:0.45;
	background:#000;
}

/* Style for the loading image */
.preloader img {
    width: 100px; /* Adjust the width and height as needed */
    height: 100px;
    -webkit-animation: rotateAnimation 4s linear infinite;
    animation: rotateAnimation 4s linear infinite; /* Bounce animation */
}
.st-site-header.st-style1 .st-main-header-in {
    height: 84px;
}
.bg1 {
    background: #f0eefe !important;
    border-radius: 10px !important;
    border: none !important;
    box-shadow: 0px 0px 3px #eee !important;
}
.bg2 {
    background: #ebf7ec !important;
    border-radius: 10px !important;
    border: none !important;
    box-shadow: 0px 0px 3px #eee !important;
}
.bg3 {
    background: #fef6ea !important;
    border-radius: 10px !important;
    border: none !important;
    box-shadow: 0px 0px 3px #eee !important;
}
.bg4 {
    background: #e7effb !important;
    border-radius: 10px !important;
    border: none !important;
    box-shadow: 0px 0px 3px #eee !important;
}
.st-iconbox.st-style1 .st-iconbox-icon {
    height: 150px;
    width: 150px;
    border-radius: 15%;
}
.st-tab-links.st-style1 li a {
    padding: 5px 10px;
    height: 75px;
    min-width: 100px;
}
.st-tab-links.st-style1 li a span {
    margin-top: 0px;
    margin-bottom: 0px;
}
.st-about-wrap .st-shape-bg, .st-shape-wrap .st-shape4 {
    top: 0;
    bottom: auto;
    rotate: 180deg;
}
h3.st-funfact-number {
    font-size: 25px !important;
}
ul.listitems {
    list-style: none;
    padding-left: 0;
}
ul.listitems li {
    background: #ebf7ec;
    margin-bottom: 5px;
    padding: 10px 8px;
    box-shadow: 0px 0px 5px #fff;
    color: #074900;
}
ul.listitems li i {
    margin-right: 0.5rem;
}
.info-text {
	font-size:20px;
	display:block;
	line-height:1.2;
}
.st-pricing-table.st-style1 .st-price {
    font-size: 40px;
}
ul.st-pricing-feature-list li {
    font-size: 20px;
    color: #b14c87;
}
.st-top-header {
    border-bottom: 1px solid rgb(134 50 115);
}
.st-video-block.st-style1 {
    border-radius: 0;
}
section#contact {
    /* background: #295377; */
    background: azure;
}
.st-form-field.st-style1 input, .st-form-field.st-style1 textarea, .st-form-field.st-style1 select {
    height: 50px;
    border: 1px solid #009688;
    border-radius: 10px;
    padding: 10px 10px;
}
.st-accordian.active .st-accordian-title {
    background-color: azure;
    border-color: #198754;
}
.st-accordian.active .st-accordian-title {
    color: #000;
}
.st-accordian .st-accordian-title {
    border: 1px solid #198754;
}
.st-accordian .st-accordian-body {
    border: 1px solid #198754;
}
.st-google-map {
    border-top: 1px solid #295377;
    border-bottom: 1px solid #295377;
}
.st-testimonial.st-style1 {
    min-height: 400px;
}
.st-site-footer {
    /* background-color: #ceead6; */
    background-color: azure;
}
.st-footer-contact-list li {
    font-weight: 600;
    color: #295377;
}
.st-copyright-in {
    padding: 5px 0;
}
.st-copyright-text {
    color: #295377;
    font-weight: 600;
}
.st-top-header-list svg {
    fill: #295377;
}
.st-top-header-list a {
    color: #803376;
    font-weight: 500;
}
.st-site-header.st-style1 {
    background-color: rgb(236 249 255 / 33%);
}
.phone-hang-btn {
	position: fixed;
    top: 70%;
    left: 0px;
    z-index: 999;
}
.mail-hang-btn {
	position: fixed;
    top: 70%;
    right: 0px;
    z-index: 999;
}
.download-hang-btn {
	position: fixed;
    bottom: 0;
    left: 0px;
    z-index: 999;
}
.st-top-header-btn {
    font-size: 15px;
    font-weight: 500;
    color: #ffffff !important;
    background: #b14c87;
    border: 1px solid #b14c87;
    padding: 4px 10px;
    border-radius: 4px;
}
.st-top-header-btn:hover {
    background: #295377;
    border: 1px solid #295377;
}
.feature-boxes {
    background: #ebf7ec;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 0px 0px 3px #198754;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
}
.feature-boxes:hover {
    box-shadow: 0px 0px 5px #198754;
}
.feature-content {
    font-size: 20px;
    color: #198754;
    padding-left: 5px;
    font-weight: 500;
}
/* .st-shape1, .st-shape2, .st-shape6 {
    display:none;
} */
.st-shape-wrap .st-shape6 {
    left: 0; 
}
.st-shape-wrap .st-shape6 img, .st-shape-wrap .st-shape6a img {
    opacity: 0.06;
}
.st-shape-wrap .st-shape1 img {
    opacity: 0.08;
}
.st-shape-wrap .st-shape6a {
	position:absolute;
    top: 50%;
    right: 0;
}
.enquire-btn {
	background-color: #fff !important;
    color: #295377 !important;
}
.st-footer-widget-title {
    margin-bottom: 10px;
    margin-top: 0px;
}
.st-slider.st-style2.master-arrow .slick-arrow.slick-arrow-left  {
    left: -30px;
}
.st-slider.st-style2.master-arrow .slick-arrow.slick-arrow-right  {
    right: -30px;
}
.st-slider.st-style2.master-arrow:hover .slick-arrow.slick-arrow-left  {
    left: -30px;
}
.st-slider.st-style2.master-arrow:hover .slick-arrow.slick-arrow-right  {
    right: -30px;
}
.st-slider.st-style2:hover .slick-arrow.slick-arrow-left  {
    left: 0px;
}
.st-slider.st-style2:hover .slick-arrow.slick-arrow-right  {
    right: 0px;
}
.st-slider.st-style2.show-allarrow .slick-arrow {
    opacity: 1;
    visibility: visible;
}
.st-pricing-table.st-style1 .st-pricing-feature-title {
    font-size: 30px;
}
.st-post.st-style3 .st-post-thumb {
    margin-bottom: 15px;
}
.st-post.st-style3 .st-post-thumb img {
    border-radius: 8%;
}
.st-post.st-style3 .st-post-title {
    font-size: 16px;
    text-align: center;
}
.bg {
	background: url(../img/family.webp) no-repeat;
    background-size: contain;
    background-attachment: fixed;
    background-position: right;
}
.badge-info {
    background: #198754;
    font-size: 8px;
}
.sec-title span {
    font-size: large;
    color: #000;
    font-weight: 600;
}
.sec-title {
	margin-bottom: 10px;
}
.sec-list p {
	color: #000;
	margin-bottom: 10px;
}
.fix-btm {
    width: 98%;
    background: #fff;
    position: fixed;
    bottom: 1%;
    left: 1%;
    z-index: 99;
    align-items: center;
    justify-content: space-around;
    padding: 4px 0px;
    border-radius: 10px;
    box-shadow: 0px 0px 3px #a9a9a9;
}
.hubs-desk img {
	border-radius: 5%;
}

@media screen and (min-width: 1200px){
	
}

@media screen and (max-width: 991px){
	
	.st-slider.st-style2.show-allarrow .swipe-arrow.st-style1 {
		display: block;
	}
	.phone-hang-btn, .mail-hang-btn, .download-hang-btn {
		display: none !important;
	}

}
@media screen and (min-width: 992px){
	
	.st-height-b125 {
		height: 130px;
	}
	.st-nav .st-nav-list li a.active {
		color: #803376;
	}
	.st-nav .st-nav-list > li > a:before {
		background-color: #803376;
	}
	.st-seperator .st-seperator-left, .st-seperator .st-seperator-right {
		background-color: #803376;
	}
	.st-seperator.new-st .st-seperator-left, .st-seperator.new-st .st-seperator-right {
		background-color: #ffffff;
	}

}

@media screen and (max-width: 767px){
    
    .st-tab-links.st-style1 li a {
        height: 50px;
        min-width: 80px;
    }
    .phone-hang-btn {
        top: auto;
        bottom: 15%;
    }
    .mail-hang-btn {
        top: auto;
        bottom: 15%;
    }
	.carousel-control-next, .carousel-control-prev {
		top: 40%;
		width: 20px;
		height: 20px;
		opacity: 0.35;
		background: #000;
	}
    
}

@media screen and (max-width: 767px){
	.st-slider.st-style2 .slick-arrow {
		height: 40px;
		width: 40px;
	}
}