@import 'header.css';
@import 'footer.css';

html { scroll-behavior: smooth; }
body {font-family: "Poppins", sans-serif !important; font-weight: 400;}

.banner-bg {background: url('../images/bg-blob-gradient.svg') no-repeat; height: 400px;}
.home-slider .carousel-item > img {height: 480px;  object-fit: cover;}
.carousel-bakpos {position: absolute; left:0; top:0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); border-radius: 30px 30px; padding:40px;}
.banner-hding {font-size: 55; font-weight: 700;}
.banner-img {border-radius: 10px; height: 400px; width: 100%; object-fit: cover;}

.wrap-btn {font-size: 14px; font-weight: 600; display: inline-block; text-align: center; background: #3b4fe4; color: #fff; border-radius: 10px; padding: 15px 30px; text-decoration: none;}
.wrap-btn:hover {color: #fff;}
.wrap-btn-white {font-size: 14px; font-weight: 600; display: inline-block; text-align: center; background: #fff; color: #000; border-radius: 10px; padding: 15px 30px; text-decoration: none;}
.wrap-btn-white:hover {color: #000;}

.wrap-btn-sec {font-size: 14px; font-weight: 600; display: inline-block; text-align: center; background: #fff; color: #3b4fe4; border: 2px solid #3b4fe4; border-radius: 10px; padding: 15px 30px; text-decoration: none;}
.wrap-btn-sec:hover {color: #3b4fe4;}


.wrap-title {font-size: 18px; text-transform: uppercase; color:#000; font-style: italic;}
.wrap-hding {font-size: 34px; font-weight: 600; color: #000;}
.wrap-prgh {font-size: 16px; color: #000; font-weight: 300;}
.wrap-subhding {font-size:22px; font-weight: 600;}

.section-py {padding:50px 0;}
.about-img-radius { border-radius:20px; }

.about-bg {background: url('../images/blob-grad.svg') no-repeat; background-position: center center; background-size: cover; padding: 80px 0;}
.feature-bg {background-image: linear-gradient(90deg, #FFFFFF00 32%, #3b4fe4 32%); background-color: transparent; position: relative;}
.feature-bg:before {content: ''; background-image: url('../images/dots.png'); --background-overlay: ''; background-repeat: no-repeat;     position: absolute; left: 0; top: 50px; width: 100%; height: 100%; z-index: -1;}
.facilites-bg {background: url('../images/bg-blob-gradient.svg') no-repeat; background-position: center center; background-size: cover; padding: 80px 0;}


/* Partner logo */
.partners-logo {width: 100%; height: 80px; background: #fff; box-shadow: 0 0 25px 0 rgba(0, 0, 0, .1); border-radius: 10px; padding:10px 15px; margin-bottom: 20px;}
.partners-logo > img {width: 100%; height: 100%; object-fit: contain;}
#partner-logo-carousel .partners-logo {margin:30px;}


/*.owl-carousel .owl-nav { position: absolute; bottom: 0; top: 0; left: 0px; right: 0px; margin: 10px auto 0;}*/
.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev {
    color: #fff !important; background: #12165a !important; display: flex; font-size: 50px; outline: none; position: absolute; bottom: 0px; top: -25px; width: 30px; height: 30px; justify-content: center; align-items: center; 
}
.owl-carousel .owl-nav button.owl-next>span,
.owl-carousel .owl-nav button.owl-prev>span {
    padding: 0px 15px; font-size: 60px; font-weight: 200; outline: none; display: block; color: #000; transform: translate(0, -1px);
}
.owl-carousel .owl-nav button.owl-next {right: 0px; }
.owl-carousel .owl-nav {margin-top: 0px; }
.owl-carousel .owl-nav button.owl-prev {right: 40px; }
.owl-carousel .owl-nav button>i {font-size: 14px; }
.owl-carousel .owl-dots .owl-dot span {width: 16px !important; height: 16px !important; }
.owl-carousel .owl-dots .owl-dot.active span {background:  #62bb46 !important; }
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover {color: #000; opacity: 1; }
.owl-carousel .owl-stage {transition-timing-function: linear !important; }


.box-shadow {background: #fff; box-shadow: 0px 40px 120px -40px rgba(0, 0, 0, 0.23921568627450981); border-radius: 8px; padding: 30px;}
.box-icon {width: 48px; height: 48px; font-size: 24px; border-radius: 50%; background: #e2e5e7; color: #3b4fe4; display: flex; align-items: center; justify-content: center; text-align: center; margin-bottom: 16px;f}
.box-hding {font-size: 18px;}

@media (max-width: 767px) {
	.home-slider .carousel-item > img {height: 320px;}
	.carousel-bakpos {padding: 30px;}
	.banner-hding {font-size: 34px;}
	.wrap-hding {font-size: 28px;}
	.wrap-title {font-size: 16px;}

	.banner-bg, .banner-img {height: auto;}
	.about-bg {padding:40px 0;}
	.feature-bg {background-color: #3b4fe4; padding-top:25px;}
}