/*
  Theme Name: Suppke - Health Supplement Landing Page HTML5 Template
  Support: admin@gmail.com
  Description: Health Supplement Landing Page HTML5 Template
  Version: 1.0
*/

/* CSS Index
-----------------------------------
1. Theme default css
2. Header
3. Slider
4. Features
5. Services
6. Video
7. Gallery
8. Fact
9. Faq
10. Pricing
11. Doctors
12. Product
13. Blog
14. Pagination
15. Brand
16. Newsletter
17. Footer
18. Preloader

*/



/* 1. Theme default css */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,500i,600,600i,700,800,900&display=swap');
 body {
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 14px;
	color: #747373;
}
.img {
	max-width: 100%;
	transition: all 0.3s ease-out 0s;
}
.f-left {
	float: left
}
.f-right {
	float: right
}
.fix {
	overflow: hidden
}
a,
.button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
a:focus,
.btn:focus,
.button:focus {
	text-decoration: none;
	outline: none;
	box-shadow: none;
}
a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
	text-decoration: none;
}
a,
button {
	color: #1696e7;
	outline: medium none;
}
button:focus,input:focus,input:focus,textarea,textarea:focus{outline: 0}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Poppins', sans-serif;
	color: #457e43;
	margin-top: 0px;
	font-style: normal;
	font-weight: 700;
	text-transform: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}
h1 {
	font-size: 40px;
	font-weight: 500;
}
h2 {
	font-size: 35px;
}
h3 {
	font-size: 28px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none
}
p {
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	color: #747373;
	margin-bottom: 15px;
}
hr {
	border-bottom: 1px solid #eceff8;
	border-top: 0 none;
	margin: 30px 0;
	padding: 0;
}
label {
	color: #7e7e7e;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
}
*::-moz-selection {
	background: #d6b161;
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background: #747373;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #747373;
	color: #fff;
	text-shadow: none;
}
*::-moz-placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}
*::placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}
.theme-overlay {
	position: relative
}
.theme-overlay::before {
	background: #1696e7 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
}
.separator {
	border-top: 1px solid #f2f2f2
}
#scrollUp {
	height: 50px;
	width: 50px;
	right: 50px;
	bottom: 77px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	font-size: 20px;
	line-height: 50px;
}

/* button style */
.btn {
	-moz-user-select: none;
	border-radius: 50px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	margin-bottom: 0;
	padding: 16px 40px;
	text-align: center;
	text-transform: uppercase;
	touch-action: manipulation;
	transition: all 0.4s ease-in-out;
	vertical-align: middle;
	white-space: nowrap;
}
.btn:hover {
	box-shadow: none;
	background: transparent;
}
.btn.transparent-btn {
	background: transparent;
}
.btn.transparent-btn:hover {
	color: #fff;
}
.home-yellow .btn:hover {
	box-shadow: none;
	background: transparent;
}
.home-yellow .btn.transparent-btn {
	background: transparent;
}
.home-yellow .btn.transparent-btn:hover {
	color: #fff;
}
.white-btn {
	background: #fff;
	color: #57468c;
}
.white-btn:hover {
	background: #5613c3;
	color: #fff;
}
.breadcrumb > .active {
	color: #888;
}
.btn,
.transparent-btn,
.faq-wrapper .card-header h5 a::after,
.cart-plus-minus input {
	border: 2px solid #ffffff;
}
.home-yellow .btn,
.home-yellow .transparent-btn,
.home-yellow .faq-wrapper .card-header h5 a::after,
.home-yellow .cart-plus-minus input {
	border: 2px solid #f99a00;
}
.btn,
.transparent-btn:hover,
.section-title .bar::before,
.video-play a.popup-video,
.product-menu button.active,
.single-gallery-img::before,
.single-pricing:hover .pricing-btn .btn i,
.single-pricing:hover .pricing-btn .btn,
.single-pricing.active .pricing-btn .btn,
.cart-plus-minus::before,
.cart-plus-minus::after,
.blog-content a i,
.sidebar-title h3::before,
.sidebar-title h3::after,
.tag-list ul li a:hover,
.pagination li.active a,
.pagination li a:hover,
#scrollUp {
	background: #00baff none repeat scroll 0 0;
}
.home-yellow .btn,
.home-yellow .transparent-btn:hover,
.home-yellow .section-title .bar::before,
.home-yellow .video-play a.popup-video,
.home-yellow .product-menu button.active,
.home-yellow .single-gallery-img::before,
.home-yellow .single-pricing:hover .pricing-btn .btn i,
.home-yellow .single-pricing:hover .pricing-btn .btn,
.home-yellow .single-pricing.active .pricing-btn .btn,
.home-yellow .cart-plus-minus::before,
.home-yellow .cart-plus-minus::after,
.home-yellow .blog-content a i,
.home-yellow .sidebar-title h3::before,
.home-yellow .sidebar-title h3::after,
.home-yellow .tag-list ul li a:hover,
.home-yellow .pagination li.active a,
.home-yellow .pagination li a:hover,
.home-yellow #scrollUp {
	background: #f99a00 none repeat scroll 0 0;
}
.single-pricing.active .pricing-btn .btn i {
	background: #0b9214;
}
.home-yellow .single-pricing.active .pricing-btn .btn i {
	background: #cc7e00;
}
.btn:hover,
.transparent-btn,
.header-action ul li a,
.main-menu .navbar-nav li.nav-item.active a.nav-link,
.slider-content h2 span,
.single-delivery-services:hover .ds-content h5,
.fact-bg .section-title h2 span,
.doctor-info h6,
.single-delivery-services:hover .ds-icon i,
.fact-content h5,
.faq-wrapper .card-header h5 a,
.faq-wrapper .card-header h5 a::after,
.price-count h4 > span,
.product-details-content > h6,
.product-rating ul li,
.cart-plus-minus input,
.qtybutton,
.product-info ul li span,
.product-desc-wrap .nav-tabs .nav-item.show .nav-link,
.product-desc-wrap .nav-tabs .nav-link.active,
.review-rating ul li,
.review-meta h6 span,
.blog-content span,
.blog-content h3 a:hover,
.blog-list-tag ul li,
.blog-list-tag ul li a,
.blog-list-tag ul li a:hover,
.blog-list-content h2 a:hover,
.blog-list-meta ul li.blog-more-read a:hover,
.sidebar-form form button,
.rc-post-content h5 a:hover,
.cat-list ul li a:hover,
.blog-next-prev ul li a:hover,
.blog-details-tag a:hover,
.comment-reply-link:hover,
.footer-social ul li a:hover,
.breadcrumb-content .breadcrumb li.active,
.f-rc-content h5 a:hover,
.fw-link ul li a:hover,
.copyright-text p span {
	color: #457e43;
}
.home-yellow .btn:hover,
.home-yellow .transparent-btn,
.home-yellow .header-action ul li a,
.home-yellow .main-menu .navbar-nav li.nav-item.active a.nav-link,
.home-yellow .slider-content h2 span,
.home-yellow .single-delivery-services:hover .ds-content h5,
.home-yellow .fact-bg .section-title h2 span,
.home-yellow .doctor-info h6,
.home-yellow .single-delivery-services:hover .ds-icon i,
.home-yellow .fact-content h5,
.home-yellow .faq-wrapper .card-header h5 a,
.home-yellow .faq-wrapper .card-header h5 a::after,
.home-yellow .price-count h4 > span,
.home-yellow .product-details-content > h6,
.home-yellow .product-rating ul li,
.home-yellow .cart-plus-minus input,
.home-yellow .qtybutton,
.home-yellow .product-info ul li span,
.home-yellow .product-desc-wrap .nav-tabs .nav-item.show .nav-link,
.home-yellow .product-desc-wrap .nav-tabs .nav-link.active,
.home-yellow .review-rating ul li,
.home-yellow .review-meta h6 span,
.home-yellow .blog-content span,
.home-yellow .blog-content h3 a:hover,
.home-yellow .blog-list-tag ul li,
.home-yellow .blog-list-tag ul li a,
.home-yellow .blog-list-tag ul li a:hover,
.home-yellow .blog-list-content h2 a:hover,
.home-yellow .blog-list-meta ul li.blog-more-read a:hover,
.home-yellow .sidebar-form form button,
.home-yellow .rc-post-content h5 a:hover,
.home-yellow .cat-list ul li a:hover,
.home-yellow .blog-next-prev ul li a:hover,
.home-yellow .blog-details-tag a:hover,
.home-yellow .comment-reply-link:hover,
.home-yellow .footer-social ul li a:hover,
.home-yellow .breadcrumb-content .breadcrumb li.active,
.home-yellow .f-rc-content h5 a:hover,
.home-yellow .fw-link ul li a:hover,
.home-yellow .copyright-text p span {
	color: #f99a00;
}
.single-pricing:hover,
.single-pricing.active,
.pagination li.active a,
.pagination li a:hover {
	border-color: #2acb35;
}
.home-yellow .single-pricing:hover,
.home-yellow .single-pricing.active,
.home-yellow .pagination li.active a,
.home-yellow .pagination li a:hover {
	border-color: #f99a00;
}

/* 2. Header */
.main-header {
	padding: 0px 0;
	border-bottom: 1px solid #1e1e2e21;
}
.home-yellow .main-header {
	border-bottom: 1px solid #f99a004d;
}
.header-action {
	margin-left: 32px;
}
.header-action ul li {
	display: inline-block;
	position: relative;
}
.header-action ul li a {
	display: block;
	font-size: 14px;
}
.header-action ul li.search-icon a {
	height: 30px;
	line-height: 30px;
	width: 30px;
	text-align: center;
}
.header-action ul li.shop-cart a {
	height: 30px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	position: relative;
}
.header-action ul li.shop-cart .cart-count {
	position: absolute;
	height: 8px;
	width: 8px;
	background: #ed1d24;
	border-radius: 50%;
	right: 4px;
	top: 4px;
	z-index: 1;
}
.header-action ul li.search-icon::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	height: 25px;
	width: 1px;
	background: #d7d7d7;
	transform: translateY(-50%);
	border-radius: 50%;
}
.search-icon {
	padding-right: 10px;
	margin-right: 10px;
}
.transparent-header {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0px;
	z-index: 9;
	border-bottom: 1px solid rgba(255,255,255, .12);
	padding: 10px 0;
}
.main-menu .navbar {
	padding: 0;
}
.main-menu .navbar-nav li.nav-item {
	margin-left: 32px;
	display: block;
}
.main-menu .navbar-nav li.nav-item:first-child {
	margin-left: 0px;
}
.main-menu .navbar-nav li.nav-item a.nav-link {
	color: #062a4d;
	font-size: 15px;
	font-weight: 600;
	position: relative;
	padding: 31px 0;
	text-transform: capitalize;
}
.header-btn {
	margin-left: 30px;
}
.sticky-menu {
	left: 0;
	margin: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
	background: #fff;
	-webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
	-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	border-radius: 0;
	padding: 0;
	border-bottom: none;
}
.home-yellow .sticky-menu {
	border-bottom: none;
}
.breadcrumb-bg {
	background-image: url(../img/bg/video_bg.png);
	min-height: 498px;
	position: relative;
	background-size: cover;
	background-position: center;
	z-index: 1;
}
.breadcrumb-bg::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #062a4d;
	opacity: .9;
}
.breadcrumb-content h2 {
	font-size: 58px;
	color: #fff;
	text-transform: capitalize;
	margin-bottom: 25px;
}
.breadcrumb-content .breadcrumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	margin-bottom: 0;
	list-style: none;
	background-color: transparent;
	border-radius: 0;
	justify-content: center;
}
.breadcrumb-content .breadcrumb li {
	display: block;
	font-weight: 600;
	color: #fff;
	text-transform: capitalize;
	font-size: 18px;
}
.breadcrumb-content .breadcrumb li a{
	color: #fff;
}
.breadcrumb-item + .breadcrumb-item::before {
	color: #fff;
	content: "|";
}

/* 3. Slider */
.slider-bg {
	padding-top: 50px;
	padding-bottom: 30px;
	background-position: center;
	background-size: cover;
	position: relative;
	z-index: 1;
}
.slider-content h2 {
	font-size: 65px;
	line-height: 1.2;
	margin-bottom: 15px;
	letter-spacing: -2px;
}
.slider-content p {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.9;
	margin-bottom: 35px;
	padding-right: 75px;
}
.slider-btn .transparent-btn {
	margin-left: 20px;
}
.slider-img {
	z-index: 1;
}
.slider-img img {
	width: 100%;
	display: inline-block;
	margin-top: 40px;
}
.slider-content {
	padding-top: 60px;
}
.slider-active .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 40px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	border: none;
	background-color: rgb(249, 154, 0, 0.2);
	cursor: pointer;
	z-index: 1;
	transition: .3s linear;
	font-size: 18px;
	color: #f99a00;
	padding: 0;
}
.slider-active .slick-arrow:hover {
	color: #fff;
	background: #f99a00;
	width: 60px;
}
.slider-active .slick-next {
	left: auto;
	right: 0;
}

/* 4. Features */
.features-bg {
	background-image: url(../img/bg/features_bg.jpg);
	box-shadow: 0px 2px 12.09px 6.91px rgba(82, 33, 162, 0.05);
	background-position: center;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 90px;
	overflow: hidden;
	position: relative;
}
.single-features {
	background: #fff;
	padding: 45px 25px;
	box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.08);
}
.features-icon img {
	transition: .5s linear;
	transform: rotateY(0deg);
}
.features-content h5 {
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: 600;
}
.features-content p {
	margin-bottom: 0;
}
.single-features:hover .features-icon img {
	transform: rotateY(360deg);
}

/* 5. Services */
.section-title h2 {
	font-size: 36px;
	margin-bottom: 0;
	text-transform: capitalize;
}
.section-title .bar {
	height: 2px;
	width: 165px;
	background: #c4c4c4;
	margin: 20px auto 30px;
	position: relative;
	border-radius: 50%;
}
.section-title .bar::before {
	content: '';
	position: absolute;
	left: 0;
	top: -3px;
	height: 8px;
	width: 8px;
	border-radius: 50%;
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: MOVE-BG;
	animation-name: MOVE-BG;
}
@-webkit-keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(163px);
            transform: translateX(163px);
  }
}

@keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(163px);
            transform: translateX(163px);
  }
}
.section-title p {
	margin-bottom: 0;
	line-height: 28px;
}
.single-delivery-services {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}
.single-delivery-services.pr-40 .ds-icon {
	margin-left: 17px;
}
.single-delivery-services .ds-icon i {
	display: block;
	width: 80px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	font-size: 35px;
	border: 2px dashed #062a4d;
	border-radius: 50%;
	color: #062a4d;
	transition: .3s linear;
}
.single-delivery-services:hover .ds-icon i {
	border: 2px dashed #2acb35;
}
.home-yellow .single-delivery-services:hover .ds-icon i {
	border: 2px dashed #f99a00;
}
.ds-content h5 {
	font-size: 18px;
	text-transform: capitalize;
	line-height: 1;
	margin-bottom: 10px;
	font-weight: 600;
	transition: .3s linear;
}
.ds-content p {
	margin-bottom: 0;
}
.single-delivery-services.pl-40 .ds-icon {
	margin-right: 17px;
}
.d-services-img {
	text-align: center;
	position: relative;
}
.d-services-img::before {
	content: "";
	position: absolute;
	background-image: url(../img/images/ellips_shape.png);
	width: 578px;
	height: 578px;
	background-repeat: no-repeat;
	left: -90px;
	top: -15px;
	z-index: -1;
}
.d-services-img::after {
	content: "";
	position: absolute;
	background-image: url(../img/images/services_shape.png);
	width: 709px;
	height: 585px;
	background-repeat: no-repeat;
	left: -155px;
	top: -20px;
	z-index: -1;
}
.home-yellow .d-services-img::after {
	background-image: url(../img/images/s_services_shape.png);
}
.services-style-two .single-delivery-services {
	background: #fff;
	padding: 35px 30px;
	margin-bottom: 30px;
	box-shadow: 0 3px 15px rgba(25, 25, 25, 0.1);
}
.services-style-two .single-delivery-services.pr-40 .ds-icon {
	margin-left: 20px;
}
.services-style-two .single-delivery-services.pl-40 .ds-icon {
	margin-right: 20px;
}
.single-delivery-services:last-child {
	margin-bottom: 0;
}

/* 6. Video */
.video-bg {
	background-image: url(../img/bg/video_bg.png);
	overflow: hidden;
	background-position: center;
	background-size: cover;
	position: relative;
	z-index: 1;
	padding: 120px 0;
}
.video-bg::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: rgb(6, 42, 77);
	height: 100%;
	z-index: -1;
	opacity: .9;
}
.video-title h2 {
	font-size: 35px;
	text-transform: capitalize;
	color: #fff;
	margin-bottom: 17px;
}
.video-title p {
	color: #dbdbdb;
	margin-bottom: 35px;
}
.video-play {
	text-align: center;
	margin-bottom: 45px;
}
.video-play a.popup-video {
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	text-align: center;
	line-height: 100px;
	color: #fff;
	margin: 0 auto;
	position: relative;
	font-size: 18px;
}
.video-play a.popup-video::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	opacity: 0;
	-moz-transition: background-color 0.25s ease-out,;
	-o-transition: background-color 0.25s ease-out;
	-webkit-transition: background-color 0.25s ease-out;
	transition: background-color 0.25s ease-out;
	background-color: #fff;
	-webkit-animation: hoop-animation 2s 0s both ease-out infinite;
	-moz-animation: hoop-animation 2s 0s both ease-out infinite;
	-o-animation: hoop-animation 2s 0s both ease-out infinite;
	animation: hoop-animation 2s 0s both ease-out infinite;
	animation-play-state: running;
	z-index: -1;
}
.video-play a.popup-video::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	opacity: 0;
	-moz-transition: background-color 0.25s ease-out,;
	-o-transition: background-color 0.25s ease-out;
	-webkit-transition: background-color 0.25s ease-out;
	transition: background-color 0.25s ease-out;
	background-color: #fff;
	-webkit-animation: hoop-animation 2s 1s ease-out infinite;
	-moz-animation: hoop-animation 2s 1s ease-out infinite;
	-o-animation: hoop-animation 2s 1s ease-out infinite;
	animation: hoop-animation 2s 1s ease-out infinite;
	animation-play-state: running;
	z-index: -1;
}
@-webkit-keyframes hoop-animation {
  0% {
    opacity: 1;
    -moz-transform: translate(-50%,-50%) scale(0.5);
    -ms-transform: translate(-50%,-50%) scale(0.5);
    -webkit-transform: translate(-50%,-50%) scale(0.5);
    transform: translate(-50%,-50%) scale(0.5);
  }
  100% {
    -moz-transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
    opacity: 0;
  }
}
@keyframes hoop-animation {
 0% {
    opacity: 1;
    -moz-transform: translate(-50%,-50%) scale(0.5);
    -ms-transform: translate(-50%,-50%) scale(0.5);
    -webkit-transform: translate(-50%,-50%) scale(0.5);
    transform: translate(-50%,-50%) scale(0.5);
  }
  100% {
    -moz-transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
    opacity: 0;
  }
}

/* 7. Gallery */
.gallery-bg {
	background-image: url(../img/bg/gallery_bg.jpg);
	background-position: center;
	background-size: cover;
}
.product-menu {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 0px 27px 0px rgba(149, 149, 149, 0.22);
    padding: 25px 0;
}
.product-menu button {
	font-size: 15px;
	font-weight: 500;
	border: none;
	padding: 8px 20px;
	background: transparent;
	color: #687d95;
	cursor: pointer;
	border-radius: 50px;
	transition: .4s ease-in-out;
}
.product-menu button.active {
	color: #fff;
	box-shadow: 0px 0px 24px 0px rgba(42, 203, 53, 0.48);
}
.home-yellow .product-menu button.active {
	box-shadow: 0px 0px 24px 0px rgb(249, 154, 0, .3);
}
.single-gallery-img {
	display: block;
	position: relative;
}
.single-gallery-img::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: .4s ease-in-out;
	opacity: 0;
}
.single-gallery-img img {
	width: 100%;
}
.gallery-overlay {
	position: absolute;
	left: 30px;
	top: 40px;
	z-index: 9;
	transform: translateX(-30px);
	transition: .4s ease-in-out;
	opacity: 0;
}
.gallery-overlay-title {
	font-size: 24px;
	font-weight: 800;
	color: #fff;
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 20px;
}
.gallery-overlay-title::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	height: 4px;
	width: 0px;
	background: #fff;
	border-radius: 10px;
}
.gallery-overlay-title a {
	display: inline-block;
}
.gallery-overlay span {
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	display: inline-block;
}
.single-gallery-img:hover::before {
	opacity: .86;
}
.single-gallery-img:hover .gallery-overlay {
	transform: translateX(0px);
	opacity: 1;
}
.single-gallery-img:hover .gallery-overlay-title::before {
	width: 45px;
	transition: 1s ease-in-out;
}
.gallery-overlay-title a:hover {
	color: #fff;
}

/* 8. Fact */
.fact-bg {
	background-image: url(../../img.freepik.com/premium-vector/spirituality-wellness-icon-vector-illustration_636653-235.jpg);
	padding-top: 110px;
	background-position: center;
	background-size: cover;
	padding-bottom: 75px;
	position: relative;
}
.fact-bg::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #b77a4d;
}
.fact-bg .section-title h2 {
	margin-bottom: 25px;
	    text-align: center;

}
.fact-bg .section-title p {
	padding: 0 30px;
}
.fact-content h5 {
	font-size: 36px;
	font-weight: 500;
	margin-bottom: 15px;
	line-height: 1;
	color: white;
}
.fact-content p {
	line-height: 1;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 600;
	color: #e4e4e4;
}

/* 9. Faq */
.faq-bg {
	background-image: url(../img/bg/faq_bg.jpg);
	background-position: center;
	background-size: cover;
}
.faq-img img {
	width: 100%;
	border-radius: 30px;
}
.faq-wrapper .card {
	margin-bottom: 13px;
	border-radius: 0;
	border: none;
	padding: 23px 25px;
	background: #fff;
	box-shadow: 0px 0px 70px 0px rgba(45, 3, 91, 0.05);
}
.faq-wrapper .card-header {
	padding: 0;
	border-radius: 0;
	background: no-repeat;
	border: none;
}
.card-header:first-child {
	border-radius: 0;
}
.faq-wrapper .card-header h5 a {
	font-size: 16px;
	font-weight: 600;
	display: block;
	text-decoration: none;
	line-height: 1.4;
	padding-right: 50px;
	border-bottom: 1px dashed transparent;
}
.faq-wrapper .card-header h5 a {
	padding-bottom: 15px;
	border-bottom: 1px dashed #d8d8d8;
}
.faq-wrapper .card-header h5 a.collapsed {
	color: #062a4d;
}
.faq-wrapper .card-header h5 a.collapsed {
	padding-bottom: 0px;
	border-bottom: 1px solid transparent;
}
.faq-wrapper .card-header h5 a::after {
	position: absolute;
	content: "\f067";
	top: 21px;
	right: 30px;
	font-family: "Font Awesome 5 Free";
	height: 26px;
	width: 26px;
	text-align: center;
	font-weight: 700;
	line-height: 22px;
	font-size: 10px;
	border-radius: 50%;
	background: #fff;
}
.faq-wrapper .card-header h5 a.collapsed::after {
	content: "\f067";
	color: #747373;
	border-color: #747373;
}
.faq-wrapper .card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 0;
	padding-top: 20px;
}
.faq-wrapper .card-body p {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 28px;
}
.faq-wrapper .card:last-child {
	margin-bottom: 0;
}

/* 10. Pricing */
.single-pricing {
	box-shadow: 0px 0px 46px 0px rgba(97, 104, 212, 0.2);
	border-radius: 8px;
	border-top: 7px solid #eae6e4;
	border-bottom: 7px solid #eae6e4;
	padding: 50px 30px;
	background: #fff;
	transition: .3s linear;
}
.pricing-head > h5 {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 400;
}
.pricing-head > h5 > span {
	font-weight: 600;
}
.pricing-head > span {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	display: block;
	color: #9098a9;
	margin-bottom: 25px;
}
.pricing-head p {
	line-height: 1.1;
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: 500;
	color: #717f99;
}
.price-count h4 {
	font-size: 16px;
	font-weight: 700;
	box-shadow: 0px 0px 27px 0px rgba(97, 104, 212, 0.17);
	padding: 18px 10px;
	border-radius: 50px;
	margin: 0 10px;
}
.price-count h4 {
	font-size: 16px;
	font-weight: 600;
	box-shadow: 0px 0px 27px 0px rgba(97, 104, 212, 0.17);
	padding: 18px 10px;
	border-radius: 50px;
	margin: 0 10px;
	color: #444172;
}
.pricing-list ul li {
	padding-bottom: 12px;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: 500;
	color: #717f99;
}
.pricing-btn .btn {
	border: none;
	box-shadow: none;
	background: #062a4d;
	padding: 10px 15px 10px 28px;
	transition: .3s linear;
	border-radius: 50px;
	text-transform: capitalize;
	font-weight: 600;
	font-size: 16px;
}
.pricing-btn .btn i {
	height: 35px;
	width: 35px;
	text-align: center;
	line-height: 35px;
	background: #294f75;
	border-radius: 50%;
	font-size: 14px;
	margin-left: 12px;
	transition: .3s linear;
}
.pricing-btn .btn::before {
	display: none;
}
.single-pricing:hover .pricing-btn .btn {
	color: #fff;
}
.single-pricing.active .pricing-btn .btn {
	color: #fff;
}

/* 11. Doctors */
.doctor-bg {
	background-image: url(../img/bg/doctors_bg.jpg);
	background-position: center;
	background-size: cover;
	position: relative;
}
.doctor-bg::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #062a4d;
	opacity: .97;
}
.white-title h2 {
	color: #fff;
}
.white-title .bar {
	background: #dbdbdb;
}
.white-title p {
	color: #dbdbdb;
}
.doctor-thumb {
	float: left;
	margin-right: 23px;
	margin-top: 35px;
}
.doctor-thumb img {
	border-radius: 50%;
	border: 3px solid #fff;
}
.doctor-content {
	overflow: hidden;
}
.doctor-icon {
	margin-bottom: 10px;
}
.doctor-content p {
	font-size: 14px;
	line-height: 30px;
	color: #dbdbdb;
	margin-bottom: 20px;
}
.doctor-info h6 {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 500;
}
.doctor-info span {
	font-style: italic;
	color: #dbdbdb;
	margin-left: 5px;
}

/* 12. Product */
.product-active {
	margin-bottom: 20px;
}
.product-wrap {
	margin-right: 15px;
}
.single-product-nav {
	text-align: center;
	margin: 0 10px;
}
.single-product-nav img {
	display: inline-block;
	width: 100%;
	cursor: pointer;
}
.single-product img {
	width: 100%;
	padding: 0 10px;
}
.slick-slide:focus {
	outline: none;
}
.product-details-content > h3 {
	font-size: 30px;
	text-transform: capitalize;
	line-height: 1;
	margin-bottom: 10px;
}
.product-details-content > h6 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 30px;
}
.product-rating ul li {
	display: inline-block;
	font-size: 12px;
	margin-left: -3px;
}
.product-rating ul li:first-child {
	margin-left: 0px;
}
.product-rating ul {
	display: inline-block;
	margin-right: 30px;
}
.product-rating span {
	display: inline-block;
}
.product-details-content > p {
	color: #747373;
	margin-bottom: 45px;
}
.cart-plus {
	width: 134px;
	position: relative;
	margin-right: 30px;
}
.cart-plus-minus {
	position: relative;
}
.cart-plus-minus::before {
	content: "";
	position: absolute;
	left: 40px;
	height: 100%;
	width: 2px;
	top: 0;
}
.cart-plus-minus input {
	width: 100%;
	padding: 11px 40px;
	text-align: center;
	font-size: 16px;
	border-radius: 50px;
}
.qtybutton {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 6px;
	font-size: 20px;
	cursor: pointer;
	user-select: none;
	font-weight: normal;
	width: 35px;
	text-align: center;
	height: 40px;
	line-height: 40px;
}
.dec.qtybutton {
	font-size: 23px;
}
.inc.qtybutton {
	right: 3px;
	left: auto;
}
.cart-plus-minus::after {
	content: "";
	position: absolute;
	right: 40px;
	height: 100%;
	width: 2px;
	top: 0;
}
.perched-info {
	display: flex;
	align-items: center;
	padding-bottom: 40px;
	border-bottom: 1px dashed #d7d7d7;
	margin-bottom: 25px;
}
.product-info h5 {
	font-size: 18px;
	text-transform: capitalize;
	margin-bottom: 20px;
}
.product-info ul li {
	display: block;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.product-info ul li:last-child {
	margin-bottom: 0;
}
.product-info ul li span {
	margin-right: 5px;
}
.product-desc-wrap .nav-tabs {
	border-bottom: none;
}
.product-desc-wrap .nav-tabs .nav-item {
	margin-bottom: 0;
	margin-right: 50px;
	display: block;
}
.product-desc-wrap .nav-tabs .nav-link {
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	color: #062a4d;
}
.product-desc-wrap .nav-tabs .nav-item.show .nav-link,
.product-desc-wrap .nav-tabs .nav-link.active {
	background-color: unset;
	border-color: unset;
}
.product-desc-wrap .nav-tabs .nav-item:last-child {
	margin-right: 0;
}
.product-details-content {
	margin-top: 30px;
}
.desc-content {
	margin-bottom: 0;
	color: #747373;
}
.product-review-wrap h5 {
	font-size: 13px;
	color: #545353;
	margin-bottom: 23px;
	font-weight: 600;
}
.single-review {
	display: flex;
	align-items: center;
}
.review-avatar {
	margin-right: 25px;
}
.review-content {
	overflow: hidden;
}
.review-rating ul li {
	display: inline-block;
	font-size: 13px;
}
.review-rating {
	margin-bottom: 5px;
}
.review-meta h6 {
	color: #393939;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 10px;
}
.review-content p {
	margin-bottom: 0;
}
.review-avatar img {
	border: 4px solid #ebebeb;
}
.tab-pane.active {
    animation: slide-down .3s ease-out;
}
@keyframes slide-down {
    0% { opacity: 0; transform: translateY(50px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* 13. Blog */
.single-blog-post {
	box-shadow: 0px 0px 10px 0px rgba(89, 75, 128, 0.09);
}
.b-post-thumb img {
	width: 100%;
}
.blog-content {
	padding: 40px 30px 35px;
	border: 1px solid #f3f3f3;
	border-top: none;
	background: #fff;
}
.blog-content span {
	font-size: 12px;
	font-weight: 500;
	display: block;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.blog-content h3 {
	font-size: 22px;
	margin-bottom: 15px;
	font-weight: 600;
	line-height: 1.3;
}
.blog-content p {
	margin-bottom: 30px;
}
.blog-content > a {
	font-size: 14px;
	font-weight: 500;
	color: #062a4d;
}
.blog-content a i {
	display: inline-block;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 3px;
	box-shadow: 0px 4px 12.09px 0.91px rgb(42, 203, 53, .3);
	margin-left: 8px;
	color: #fff;
	transition: .3s;
}
.home-yellow .blog-content a i {
	box-shadow: 0px 4px 12.09px 0.91px rgb(249, 154, 0, .3);
}
.blog-list-thumb img {
	width: 100%;
}
.blog-list-tag ul li {
	display: inline-block;
	margin-right: 3px;
}
.blog-list-tag ul li,
.blog-list-tag ul li a {
	font-size: 14px;
}
.blog-list-content h2 {
	color: #062a4d;
	font-size: 30px;
	margin-bottom: 25px;
}
.blog-list-content p {
	font-size: 15px;
	line-height: 2;
	font-weight: 500;
	margin-bottom: 45px;
}
.blog-list-meta > ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	padding: 19px 0;
}
.blog-list-meta ul li.blog-post-date {
	font-size: 14px;
	color: #747373;
	font-weight: 400;
	text-transform: uppercase;
}
.blog-list-meta > ul > li.blog-post-date > i {
	margin-right: 5px;
}
.blog-list-meta ul li.blog-more-read a {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #062a4d;
}
.blog-list-meta ul li.blog-post-share a,
.post-avatar-social a {
	display: inline-block;
	height: 30px;
	width: 30px;
	line-height: 30px;
	background: #385594;
	text-align: center;
	font-size: 12px;
	border-radius: 50%;
	color: #fff;
	margin-left: 5px;
}
.blog-list-meta ul li.blog-post-share a:nth-child(2),
.post-avatar-social a:nth-child(2) {
	background: #4eabee;
}
.blog-list-meta ul li.blog-post-share a:last-child,
.post-avatar-social a:last-child {
	background: #cb2027;
}
.widget {
	background: #f4f4f4;
	padding: 25px;
}
.sidebar-title h3 {
	font-size: 18px;
	margin-bottom: 0;
	padding-left: 20px;
	position: relative;
	line-height: 1;
}
.sidebar-title h3::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 20px;
	width: 2px;
}
.sidebar-title h3::after {
	content: "";
	position: absolute;
	left: 5px;
	top: -3px;
	height: 20px;
	width: 2px;
}
.blog-sidebar {
	padding-left: 17px;
}
.sidebar-form form {
	position: relative;
	margin-bottom: 25px;
}
.sidebar-form form input {
	width: 100%;
	border: none;
	padding: 17px 20px;
}
.sidebar-form form button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	border: none;
	padding: 0;
	background: none;
	cursor: pointer;
	line-height: 1;
}
.single-sidebar.white-bg {
	padding: 30px 25px;
}
.cat-list ul li {
	display: block;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #d6d6d6;
}
.cat-list ul li:last-child {
	margin-bottom: 0px;
}
.cat-list ul li a {
	color: #747373;
	display: block;
}
.cat-list ul li a span {
	float: right;
}
.rc-post ul li {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.rc-post ul li:last-child {
	margin-bottom: 0;
}
.rc-post-thumb {
	margin-right: 15px;
}
.rc-post-content h5 {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 5px;
	color: #062a4d;
}
.rc-post-content span {
	font-size: 12px;
	display: block;
	color: #969696;
}
.tag-list ul li {
	display: inline-block;
	margin: 0 7px 6px;
}
.tag-list ul li a {
	display: block;
	background: #e7e7e7;
	font-size: 13px;
	color: #807c83;
	padding: 8px 13px;
	position: relative;
}
.tag-list ul li a::before {
	content: "";
	position: absolute;
	left: -10px;
	top: 0;
	width: 0;
	height: 100%;
	border-style: solid;
	border-width: 0 0 35px 10px;
	border-color: transparent transparent #e7e7e7 transparent;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.tag-list ul li a::after {
	content: "";
	position: absolute;
	right: -10px;
	top: 0;
	width: 0;
	height: 100%;
	border-style: solid;
	border-width: 0 0 35px 10px;
	border-color: transparent transparent transparent #e7e7e7;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.tag-list ul li a:hover {
	color: #fff;
}
.tag-list ul li a:hover::after {
	border-color: transparent transparent transparent #2acb35;
}
.tag-list ul li a:hover::before {
	border-color: transparent transparent #2acb35 transparent;
}
.blog-details-img {
	display: flex;
	align-items: center;
	margin: 45px 0 40px;
}
.blog-details-img img:first-child {
	margin-right: 20px;
}
.blog-details-content p {
	margin-bottom: 10px;
}
blockquote {
	margin: 27px 0 30px;
	font-size: 16px;
	line-height: 28px;
	font-weight: 500;
	font-style: italic;
	color: #362f3c;
	padding-left: 90px;
	position: relative;
	padding-right: 30px;
}
blockquote::before {
	content: "";
	position: absolute;
	left: 40px;
	top: 8px;
	background-image: url(../img/icon/quote.png);
	width: 31px;
	height: 25px;
	background-repeat: no-repeat;
}
.blog-details-date li {
	display: inline-block;
	margin-right: 15px;
	color: #9a9999;
	font-size: 13px;
}
.blog-details-date li:last-child {
	margin-right: 0;
}
.blog-details-date li a {
	color: #716f6f;
}
.blog-details-date li i {
	margin-right: 5px;
}
.blog-list-meta .blog-details-tag i {
	font-size: 12px;
	color: #a6a5a5;
	margin-right: 15px;
}
.blog-details-tag a {
	font-size: 13px;
	text-transform: capitalize;
	color: #a6a5a5;
	position: relative;
	display: inline-block;
	padding-right: 10px;
	margin-right: 10px;
}
.blog-details-tag a:last-child {
	margin-right: 0;
	padding-right: 0;
}
.blog-details-tag a::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 13px;
	background: #a6a5a5;
}
.blog-details-tag a:last-child::before {
	display: none;
}
.blog-details-content .blog-list-meta {
	margin-top: 75px;
}
.avatar-post {
	background: #f8f8f8;
	padding: 40px 50px;
}
.avatar-post ul li {
	display: flex;
	align-items: center;
}
.post-avatar-img {
	margin-right: 25px;
}
.post-avatar-img img {
	border-radius: 50%;
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.16);
}
.post-avatar-content h5 {
	font-size: 18px;
	margin-bottom: 10px;
}
.post-avatar-content p {
	font-size: 15px;
	line-height: 26px;
	margin-bottom: 0;
	color: #554e5c;
	font-weight: 400;
}
.post-avatar-social a:first-child {
	margin-left: 0;
}
.blog-next-prev ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.blog-next-prev ul li a {
	display: block;
	font-size: 16px;
	color: #4f405e;
}
.blog-prev img {
	margin-right: 15px;
}
.blog-next img {
	margin-left: 15px;
}
.b-details-inner-title {
	font-size: 20px;
	margin-bottom: 35px;
}
.blog-comment ul li {
	display: block;
	padding-bottom: 30px;
	border-bottom: 1px dashed #d2d2d2;
	overflow: hidden;
	margin-bottom: 30px;
}
.blog-comment ul li .single-comment {
	display: flex;
	align-items: center;
}
.comment-avatar-img {
	margin-right: 25px;
}
.comment-avatar-img img {
	border-radius: 50%;
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.16);
}
.comment-avatar-info {
	overflow: hidden;
	margin-bottom: 15px;
}
.comment-avatar-info h5 {
	font-size: 18px;
	margin-bottom: 0;
	display: inline-block;
}
.comment-avatar-info h5 span {
	font-size: 13px;
	color: #a6a5a5;
	margin-left: 15px;
	font-weight: 500;
}
.comment-reply-link {
	float: right;
	color: #9d9c9e;
	font-size: 14px;
	font-weight: 500;
}
.blog-comment ul li.comment-reply {
	margin-left: 50px;
}
.comment-text p {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 0;
	line-height: 2;
}
.comment-form textarea {
	width: 100%;
	padding: 20px 20px;
	border: none;
	margin-bottom: 20px;
	background: #f8f8f8;
	height: 160px;
	transition: .3s;
}
.comment-form input {
	width: 100%;
	padding: 18px 20px;
	border: none;
	margin-bottom: 20px;
	background: #f8f8f8;
	transition: .3s;
}
.comment-form textarea::placeholder,
.comment-form input::placeholder {
	color: #afabb3;
}
.comment-form .btn {
	margin-top: 10px;
	border-radius: 0px;
	padding: 18px 40px;
}


/* 14. Pagination */
.pagination {
	display: block;
	display: block;
	display: block;
	padding-left: 0;
	list-style: none;
	border-radius: 0;
}
.pagination li {
	display: inline-block;
	margin: 0 4px;
}
.pagination li a {
	position: relative;
	display: block;
	padding: 0;
	margin-left: 0;
	line-height: 48px;
	color: #747373;
	font-weight: 600;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	text-align: center;
}
.pagination li:first-child a,
.pagination li:last-child a {
	border: 2px solid #dcdcdc;
}
.pagination li.active a {
	color: #fff;
}
.pagination li a:hover {
	color: #fff;
}

/* 15. Brand */
.signle-brand {
	text-align: center;
}
.signle-brand img {
	display: inline-block;
}

/* 16. Newsletter */
.newsletter-wrap {
	box-shadow: 0px 2px 12.09px 0.91px rgba(68, 68, 68, 0.24);
	background: #fff;
	background-image: url(../img/bg/newsletter_bg.jpg);
	border: 8px solid #2acb35;
	padding: 40px 50px;
	background-position: center;
	background-size: cover;
	margin-bottom: -90px;
}
.home-yellow .newsletter-wrap {
	border: 8px solid #f99a00;
}
.newsletter-form form {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.newsletter-content h4 {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 10px;
}
.newsletter-content span {
	font-size: 16px;
	color: #5b5b5b;
	font-weight: 500;
	font-style: italic;
	display: block;
}
.newsletter-form form input {
	padding: 19px 25px;
	border: none;
	background: #edecec;
	font-size: 14px;
	width: 465px;
}
.newsletter-form form input::placeholder {
	font-size: 14px;
}
.newsletter-form form button {
	font-size: 17px;
	font-style: italic;
	font-weight: 700;
	text-transform: capitalize;
	padding: 19px 30px;
	border-radius: 0;
}

/* 17. Footer */
.footer-wrap {
	background-position: center;
	background-size: cover;
	background-image: url("../img/bg/footer_bg.jpg");
}
.footer-text p {
	color: #969696;
	margin-bottom: 25px;
	font-size: 16px;
	font-weight: 400;
}
.footer-social ul li {
	display: inline-block;
	margin-right: 5px;
}
.footer-social ul li a {
	display: block;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	color: #949697;
	background: #252526;
	border-radius: 50%;
	font-size: 14px;
}
.fw-title h5 {
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 0;
	opacity: .75;
	text-transform: capitalize;
	font-weight: 600;
}
.f-rc-post ul li {
	display: flex;
	align-items: center;
	overflow: hidden;
	padding-bottom: 20px;
	border-bottom: 1px dashed #464547;
	margin-bottom: 20px;
}
.f-rc-post ul li:last-child {
	padding-bottom: 0px;
	border-bottom: none;
	margin-bottom: 0px;
}
.f-rc-thumb {
	margin-right: 20px;
}
.f-rc-content span {
	font-size: 14px;
	color: #838383;
	display: block;
	margin-bottom: 3px;
	font-weight: 400;
}
.f-rc-content h5 {
	font-size: 14px;
	font-weight: 500;
	color: #aeaeae;
	margin-bottom: 0;
	padding-right: 50px;
	line-height: 1.4;
}
.f-rc-thumb img {
	border-radius: 3px;
}
.fw-link ul li {
	margin-bottom: 20px;
	line-height: 1;
}
.fw-link ul li a {
	color: #969696;
	font-size: 16px;
	font-weight: 400;
}
.fw-link ul li a i {
	margin-right: 5px;
}
.footer-form form input {
	border: none;
	padding: 12px 16px;
	width: 100%;
	border-radius: 3px;
	margin-bottom: 10px;
	font-size: 12px;
}
.footer-form form textarea {
	border: none;
	padding: 12px 16px;
	width: 100%;
	border-radius: 3px;
	margin-bottom: 10px;
	font-size: 12px;
	height: 98px;
}
.footer-form form button {
	padding: 14px 40px;
	border-radius: 3px;
}
.footer-form form textarea::placeholder,
.footer-form form input::placeholder {
	font-size: 12px;
	color: #8b8b8b;
}
.copyright-wrap {
	background: #0c0b0d;
	padding: 35px 0;
}
.copyright-text p {
	color: #969696;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 400;
}
.copyright-text p span {
	font-style: italic;
}

/* 18. Preloader */
#preloader{
	background-color: #062a4d;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 1;
	margin-top: 0px;
	top: 0px;
	z-index: 99;
}
#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 150px;
	width: 150px;
	margin-top: -75px;
	margin-left: -75px;
}
.object{
	width: 20px;
	height: 20px;
	background-color: #FFF;
	float: left;
	margin-right: 20px;
	margin-top: 65px;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
}
#object_one {
	-webkit-animation: object_one 1.5s infinite;
	animation: object_one 1.5s infinite;
}
#object_two {
	-webkit-animation: object_two 1.5s infinite;
	animation: object_two 1.5s infinite;
	-webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}
#object_three {
    -webkit-animation: object_three 1.5s infinite;
	animation: object_three 1.5s infinite;
	-webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;

}

@-webkit-keyframes object_one {
75% { -webkit-transform: scale(0); }
}
@keyframes object_one {

  75% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

}
@-webkit-keyframes object_two {


  75% { -webkit-transform: scale(0); }


}
@keyframes object_two {
  75% {
    transform: scale(0);
    -webkit-transform:  scale(0);
  }

}
@-webkit-keyframes object_three {

  75% { -webkit-transform: scale(0); }

}
@keyframes object_three {

  75% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

}
.premium-hero {
  position: relative;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Video */
.bg-video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: 1;
}

/* Dark Overlay */
.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgb(1 84 174 / 43%), rgb(0 40 80 / 44%));
  z-index: 2;
}

/* Content */
.hero-content {
  position: relative;
  z-index: 3;
  max-width: 800px;
  padding: 20px;
}

/* Logo */
.hero-logo {
  width: 120px;
  margin-bottom: 25px;
  animation: float 4s ease-in-out infinite;
  filter: drop-shadow(0 0 20px rgba(0,150,255,0.6));
}

/* Heading */
.hero-content h1 {
  font-size: 52px;
  color: #fff;
  font-weight: 700;
}

.hero-content h1 span {
  display: block;
  font-size: 20px;
  color: #ffffff;
  margin-top: 10px;
}

/* Text */
.hero-content p {
  color: #ddd;
  margin-top: 15px;
  font-size: 16px;
}

/* Buttons */
.hero-buttons {
  margin-top: 25px;
}

.btn {
  padding: 12px 30px;
  border-radius: 30px;
  margin: 0 10px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
}

.primary {
  background: linear-gradient(45deg, #007bff, #00c6ff);
  f); */
  color: #fff;
}

.primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0,150,255,0.4);
}

.outline {
  border: 2px solid #ffffff;
  color: #ffffff;
}

.outline:hover {
  background: #00b4ff;
  color: #000;
}

/* Animation */
@keyframes float {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}
.logo-box {
  position: relative;
  width: 160px;
  height: 160px;
  margin: 0 auto 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* LOGO */
.hero-logo {
  width: 90px;
  z-index: 3;
  position: relative;
  animation: floatLogo 4s ease-in-out infinite;
}

/* INNER SOFT GLOW CIRCLE */
.logo-circle {
  position: absolute;
  width: 130px;
  height: 130px;
  background: radial-gradient(circle, rgba(0, 180, 255, 0.25), rgba(0, 80, 150, 0.05));
  border-radius: 50%;
  z-index: 1;
  animation: pulseGlow 3s infinite;
}

/* OUTER ROTATING RING */
.logo-ring {
  position: absolute;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  border: 2px solid rgba(0, 200, 255, 0.6);
  box-shadow: 
    0 0 20px rgba(0, 200, 255, 0.8),
    inset 0 0 20px rgba(0, 200, 255, 0.5);
  z-index: 2;
  animation: rotateRing 8s linear infinite;
  background: beige;
}

/* ANIMATIONS */
@keyframes floatLogo {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

@keyframes pulseGlow {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.3;
  }
  100% {
    transform: scale(1);
    opacity: 0.6;
  }
}

@keyframes rotateRing {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.features-area {
  padding: 100px 0;
  position: relative;
}

/* Overlay for readability */
.features-area::before {
  content: "";
  position: absolute;
  inset: 0;
   background: transparent; /* IMPORTANT */
  z-index: 0;
}

.features-area .container {
  position: relative;
  z-index: 2;
}

/* TITLE */
.section-title h2 {
  font-size: 40px;
  font-weight: 700;
  color: #2068b5;
}

.section-title p {
  color: #00c6ff;
  margin-top: 10px;
}

/* GRID SPACING */
.features-area .row {
  row-gap: 30px;
}

/* CARD DESIGN */
.feature-card {
  background: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(12px);
  border-radius: 18px;
  padding: 35px 25px;
  text-align: center;
  height: 100%;
  transition: 0.4s;
  border: 1px solid rgba(255,255,255,0.1);
  position: relative;
  overflow: hidden;
}

/* ICON */
.feature-card .icon {
  font-size: 42px;
  color: #00c6ff;
  margin-bottom: 15px;
  transition: 0.3s;
}

/* TEXT */
.feature-card h5 {
  color: #fff;
  font-weight: 600;
  margin-bottom: 10px;
}

.feature-card p {
  color: #ddd;
  font-size: 14px;
  line-height: 1.6;
}

/* HOVER EFFECT */
.feature-card:hover {
  transform: translateY(-12px) scale(1.02);
  box-shadow: 0 20px 50px rgba(0, 150, 255, 0.3);
}

/* ICON GLOW */
.feature-card:hover .icon {
  text-shadow: 0 0 15px rgba(0, 200, 255, 0.9);
  transform: scale(1.2);
}

/* GLOW BORDER */
.feature-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 18px;
  padding: 1px;
  background: linear-gradient(45deg, transparent, #00c6ff, transparent);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  opacity: 0;
  transition: 0.4s;
}

.feature-card:hover::before {
  opacity: 1;
}
.feature-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 35px 25px;
  text-align: center;
  height: 100%;
  transition: 0.4s;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  position: relative;
  overflow: hidden;
}

/* HOVER */
.feature-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 50px rgba(0, 150, 255, 0.15);
}
.feature-card .icon {
  font-size: 42px;
  color: #007bff; /* primary blue */
  margin-bottom: 15px;
  transition: 0.3s;
}

/* ICON GLOW */
.feature-card:hover .icon {
  transform: scale(1.2);
  text-shadow: 0 0 12px rgba(0,123,255,0.5);
}
.feature-card h5 {
  color: #0a2c5a;
  font-weight: 600;
  margin-bottom: 10px;
}

.feature-card p {
  color: #666;
  font-size: 14px;
  line-height: 1.6;
}
.feature-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 18px;
  padding: 1px;
  background: linear-gradient(45deg, transparent, #00c6ff, transparent);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  opacity: 0;
  transition: 0.4s;
}

.feature-card:hover::before {
  opacity: 1;
}
.features-area .row {
  row-gap: 30px;
}
.about-area {
  position: relative;
  padding: 110px 0;
  background: linear-gradient(135deg, #f4fbff, #fff8f9);
  overflow: hidden;
}

/* 🌿 WELLNESS BACKGROUND ANIMATION */
.about-bg-animation span {
  position: absolute;
  border-radius: 50%;
  background: rgba(0, 180, 255, 0.08);
  animation: floatBg 12s infinite ease-in-out;
}

.about-bg-animation span:nth-child(1) {
  width: 200px;
  height: 200px;
  left: 10%;
  top: 20%;
}

.about-bg-animation span:nth-child(2) {
  width: 300px;
  height: 300px;
  right: 10%;
  top: 40%;
  animation-delay: 3s;
}

.about-bg-animation span:nth-child(3) {
  width: 150px;
  height: 150px;
  left: 40%;
  bottom: 10%;
  animation-delay: 6s;
}

@keyframes floatBg {
  0%,100% { transform: translateY(0px); }
  50% { transform: translateY(-40px); }
}

/* HEADING */
.about-area h2 {
  font-size: 42px;
  font-weight: 700;
  color: #0a2c5a;
  letter-spacing: 1px;
}

.about-area p {
  line-height: 1.8;
}

/* 🌟 CARD DESIGN */
.about-area .card {
  border-radius: 20px;
  padding: 35px 25px;
  transition: 0.4s ease;
  position: relative;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 15px 40px rgba(0,0,0,0.05);
}

/* ICON CIRCLE */
.features-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.features-icon i {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(135deg, #00c6ff, #007bff);
  color: #fff !important;
  font-size: 30px !important;
  box-shadow: 0 10px 25px rgba(0,123,255,0.3);
  transition: 0.4s;
}

/* HOVER EFFECT */
.about-area .card:hover {
  transform: translateY(-12px) scale(1.02);
  box-shadow: 0 25px 60px rgba(0, 150, 255, 0.2);
}

/* ICON ANIMATION */
.about-area .card:hover .features-icon i {
  transform: scale(1.15) rotate(5deg);
  box-shadow: 0 15px 35px rgba(0,123,255,0.5);
}

/* TITLE */
.about-area .card h5 {
  font-size: 20px;
  font-weight: 600;
  color: #0a2c5a;
}

/* TEXT */
.about-area .card p {
  color: #666;
  font-size: 14px;
}

/* GLOW BORDER */
.about-area .card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 1px;
  background: linear-gradient(45deg, transparent, #00c6ff, transparent);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  opacity: 0;
  transition: 0.4s;
}

.about-area .card:hover::before {
  opacity: 1;
}

/* SPACING */
.about-area .row {
  row-gap: 30px;
}
.features-area {
  position: relative;
  padding: 110px 0;
  background: linear-gradient(135deg, #f4fbff, #ffffff);
  overflow: hidden;
}

/* 🌿 FLOATING WELLNESS BACKGROUND */
.features-bg-animation span {
  position: absolute;
  border-radius: 50%;
  background: rgba(0, 180, 255, 0.08);
  animation: floatBg 12s infinite ease-in-out;
}

.features-bg-animation span:nth-child(1) {
  width: 220px;
  height: 220px;
  left: 8%;
  top: 25%;
}

.features-bg-animation span:nth-child(2) {
  width: 300px;
  height: 300px;
  right: 10%;
  top: 40%;
  animation-delay: 3s;
}

.features-bg-animation span:nth-child(3) {
  width: 160px;
  height: 160px;
  left: 45%;
  bottom: 10%;
  animation-delay: 6s;
}

/* SAME ANIMATION */
@keyframes floatBg {
  0%,100% { transform: translateY(0px); }
  50% { transform: translateY(-40px); }
}

/* TITLE */
.section-title h2 {
  font-size: 40px;
  font-weight: 700;
  color: #0a2c5a;
}

.section-title p {
  color: #00aaff;
  margin-top: 10px;
}

/* CARD DESIGN */
.feature-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 35px 25px;
  text-align: center;
  height: 100%;
  transition: 0.4s;
  box-shadow: 0 15px 40px rgba(0,0,0,0.05);
  position: relative;
  overflow: hidden;
}

/* ICON STYLE (MATCH LOGO) */
.feature-card .icon i {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px;
  border-radius: 50%;
  background: linear-gradient(135deg, #00c6ff, #007bff);
  color: #fff;
  font-size: 26px;
  box-shadow: 0 10px 25px rgba(0,123,255,0.3);
  transition: 0.4s;
}

/* TEXT */
.feature-card h5 {
  font-weight: 600;
  color: #0a2c5a;
}

.feature-card p {
  font-size: 14px;
  color: #666;
}

/* HOVER EFFECT */
.feature-card:hover {
  transform: translateY(-12px) scale(1.02);
  box-shadow: 0 25px 60px rgba(0, 150, 255, 0.2);
}

/* ICON ANIMATION */
.feature-card:hover .icon i {
  transform: scale(1.15) rotate(5deg);
  box-shadow: 0 15px 35px rgba(0,123,255,0.5);
}

/* GLOW BORDER */
.feature-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 1px;
  background: linear-gradient(45deg, transparent, #00c6ff, transparent);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  opacity: 0;
  transition: 0.4s;
}

.feature-card:hover::before {
  opacity: 1;
}

/* SPACING */
.features-area .row {
  row-gap: 30px;
}
.products-area {
  position: relative;
  padding: 110px 0;
  background: linear-gradient(135deg, #f4fbff, #ffffff);
  overflow: hidden;
}

/* FLOATING BG */
.products-bg-animation span {
  position: absolute;
  border-radius: 50%;
  background: rgba(0,180,255,0.08);
  animation: floatBg 12s infinite ease-in-out;
}

.products-bg-animation span:nth-child(1){width:200px;height:200px;left:10%;top:20%;}
.products-bg-animation span:nth-child(2){width:300px;height:300px;right:10%;top:40%;animation-delay:3s;}
.products-bg-animation span:nth-child(3){width:150px;height:150px;left:40%;bottom:10%;animation-delay:6s;}

@keyframes floatBg {
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-40px)}
}

/* CARD */
.product-card {
  background:#fff;
  border-radius:20px;
  padding:25px;
  text-align:center;
  transition:0.4s;
  box-shadow:0 10px 30px rgba(0,0,0,0.05);
  position:relative;
  overflow:hidden;
}

.product-card img {
  width: 278px;
  height: auto;
  object-fit: contain;
  margin: 15px auto;
  display: block;
  transition: 0.4s;
}

/* Hover zoom */
.product-card:hover img {
  transform: scale(1.15);
}

.product-card:hover img {
  transform:scale(1.1);
}

/* TITLE */
.product-card h5 {
  margin-top:15px;
  color:#0a2c5a;
  font-weight:600;
}

/* BUTTON */
.btn-read {
  margin-top:10px;
  padding:8px 20px;
  border:none;
  border-radius:20px;
  background:linear-gradient(45deg,#007bff,#00c6ff);
  color:#fff;
  transition:0.3s;
}

.btn-read:hover {
  box-shadow:0 10px 25px rgba(0,123,255,0.4);
}

/* GLOW BORDER */
.product-card::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:20px;
  padding:1px;
  background:linear-gradient(45deg,transparent,#00c6ff,transparent);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  opacity:0;
  transition:0.4s;
}
.product-card:hover::before {opacity:1;}

.modal-box {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  z-index: 999999; /* VERY IMPORTANT */
}

.modal-content {
  background: #fff;
  max-width: 600px;
  margin: 80px auto;
  padding: 25px;
  border-radius: 15px;
  position: relative;
  z-index: 1000000;
}

.close-btn {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 25px;
  cursor: pointer;
}
.product-card {
  padding: 30px;
  border-radius: 20px;
  background: #ffffff;
  text-align: center;
  transition: 0.4s;
}

.product-card:hover {
  transform: translateY(-10px) scale(1.02);
}
.products-bg-animation {
  pointer-events: none;   /* 🔥 MOST IMPORTANT */
  z-index: 0;
}

.product-card {
  position: relative;
  z-index: 2; /* bring cards above bg */
}
.product-card img {
  position: relative;
  z-index: 2;
}
.btn-read {
  position: relative;
  z-index: 3;
  cursor: pointer;
}
.modal-box {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  backdrop-filter: blur(6px);
  z-index: 999999;
}

/* MAIN BOX */
.modal-content {
  background: #ffffff;
  max-width: 900px;
  margin: 60px auto;
  border-radius: 20px;
  padding: 35px;
  position: relative;
  animation: popupFade 0.4s ease;
}

/* ANIMATION */
@keyframes popupFade {
  from {
    opacity: 0;
    transform: translateY(40px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* CLOSE BUTTON */
.close-btn {
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 26px;
  cursor: pointer;
  color: #999;
  transition: 0.3s;
}

.close-btn:hover {
  color: #007bff;
  transform: rotate(90deg);
}

/* LAYOUT */
.modal-inner {
  display: flex;
  gap: 40px;
  align-items: center;
}

/* LEFT IMAGE */
.modal-left img {
  width: 240px;
  border-radius: 12px;
  transition: 0.4s;
}

.modal-left img:hover {
  transform: scale(1.05);
}

/* RIGHT CONTENT */
.modal-right {
  flex: 1;
}

/* TITLE */
.modal-right h3 {
  font-size: 28px;
  color: #0a2c5a;
  margin-bottom: 15px;
}

/* LIST */
.modal-right ul {
  list-style: none;
  padding: 0;
}

.modal-right li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
  color: #444;
  font-size: 15px;
}

/* CUSTOM CHECK ICON */
.modal-right li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #00aaff;
  font-weight: bold;
}

/* MOBILE */
@media(max-width:768px){
  .modal-inner {
    flex-direction: column;
    text-align: center;
  }

  .modal-left img {
    width: 160px;
  }
}
.why-standard {
  padding: 100px 0;
  background: #f8fbff;
}

/* TITLE */
.why-standard h2 {
  font-weight: 700;
  color: #0a2c5a;
}

.why-standard p {
  color: #007bff;
  font-weight: 500;
}

/* CARD */
.why-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 35px 25px;
  text-align: center;
  transition: 0.4s;
  border: 1px solid #eef3f9;
  height: 100%;
  position: relative;
  overflow: hidden;
}

/* ICON */
.why-card i {
  font-size: 26px;
  color: #007bff;
  margin-bottom: 15px;
  display: inline-block;
}

/* TITLE */
.why-card h5 {
  font-weight: 600;
  margin-bottom: 10px;
  color: #0a2c5a;
}

/* TEXT */
.why-card p {
  font-size: 14px;
  color: #666;
}

/* HOVER EFFECT */
.why-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 123, 255, 0.15);
  border-color: #dce9ff;
}

/* TOP BORDER EFFECT */
.why-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 0%;
  background: linear-gradient(90deg,#00c6ff,#007bff);
  transition: 0.4s;
}

.why-card:hover::before {
  width: 100%;
}
/* BACKGROUND WRAPPER */
.why-standard {
  position: relative;
  padding: 100px 0;
  background: #f8fbff;
  overflow: hidden;
}

/* FLOATING SHAPES */
.why-bg-animation span {
  position: absolute;
  border-radius: 50%;
  background: rgba(0, 140, 255, 0.08);
  animation: floatMove 12s infinite ease-in-out;
}

/* DIFFERENT POSITIONS */
.why-bg-animation span:nth-child(1) {
  width: 280px;
  height: 280px;
  left: 5%;
  top: 20%;
}

.why-bg-animation span:nth-child(2) {
  width: 350px;
  height: 350px;
  right: 8%;
  top: 40%;
  animation-delay: 3s;
}

.why-bg-animation span:nth-child(3) {
  width: 200px;
  height: 200px;
  left: 40%;
  bottom: 5%;
  animation-delay: 6s;
}

/* FLOAT ANIMATION */
@keyframes floatMove {
  0%,100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-40px);
  }
}
.why-bg-animation span {
  filter: blur(2px);
}
.global-area {
  position: relative;
  padding: 100px 0;
  background: linear-gradient(180deg, #f5fbff, #ffffff);
  overflow: hidden;
  z-index: 1;
}

/* ANIMATION LAYER */
.global-bg-animation span {
  position: absolute;
  border-radius: 50%;
  background: rgba(29, 161, 242, 0.08);
  animation: floatMove 12s infinite ease-in-out;
}

/* DIFFERENT CIRCLE SIZES */
.global-bg-animation span:nth-child(1) {
  width: 300px;
  height: 300px;
  top: 10%;
  left: 5%;
}

.global-bg-animation span:nth-child(2) {
  width: 250px;
  height: 250px;
  bottom: 10%;
  right: 5%;
  animation-delay: 2s;
}

.global-bg-animation span:nth-child(3) {
  width: 180px;
  height: 180px;
  top: 60%;
  left: 30%;
  animation-delay: 4s;
}

.global-bg-animation span:nth-child(4) {
  width: 220px;
  height: 220px;
  top: 20%;
  right: 25%;
  animation-delay: 6s;
}

/* FLOAT ANIMATION */
@keyframes floatMove {
  0% {
    transform: translateY(0px) scale(1);
  }
  50% {
    transform: translateY(-30px) scale(1.05);
  }
  100% {
    transform: translateY(0px) scale(1);
  }
}

/* MAP FIX */
.map-wrapper {
  position: relative;
  z-index: 2;
  text-align: center;
}

.world-img {
  width: 100%;
  max-width: 1000px;
}

/* TEXT */
.global-text {
  color: #444;
  font-size: 16px;
}
.achievement-area {
  position: relative;
  padding: 100px 0;
  background: linear-gradient(180deg, #f5fbff, #ffffff);
  overflow: hidden;
}

/* BACKGROUND ANIMATION (SUBTLE) */
.achieve-bg span {
  position: absolute;
  border-radius: 50%;
  background: rgba(13, 110, 253, 0.08);
  animation: float 10s infinite ease-in-out;
}

.achieve-bg span:nth-child(1) {
  width: 250px;
  height: 250px;
  top: 0;
  right: 0;
}

.achieve-bg span:nth-child(2) {
  width: 200px;
  height: 200px;
  bottom: 0;
  left: 0;
  animation-delay: 3s;
}

@keyframes float {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

/* CARDS */
.achieve-card {
  background: #fff;
  padding: 20px;
  margin: 15px 0;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
  transition: 0.3s;
}

.achieve-card:hover {
  transform: translateY(-5px);
}

.achieve-card i {
  font-size: 28px;
  color: #0d6efd;
  margin-bottom: 10px;
}

/* CENTER LOGO */
.center-logo {
  width: 120px;
  height: 120px;
  margin: auto;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  animation: pulse 2s infinite;
}

.center-logo img {
  width: 60px;
}

/* PULSE */
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(13,110,253,0.3); }
  70% { box-shadow: 0 0 0 20px rgba(13,110,253,0); }
  100% { box-shadow: 0 0 0 0 rgba(13,110,253,0); }
}

/* HIGHLIGHT CARD */
.highlight {
  background: #0d6efd;
  color: #fff;
}

.highlight i {
  color: #fff;
}

/* FOOT TEXT */
.achieve-footer {
  color: #555;
  max-width: 600px;
  margin: auto;
}
.testimonial-area {
  position: relative;
  padding: 100px 0;
  background: linear-gradient(180deg, #f5fbff, #ffffff);
  overflow: hidden;
}

/* BG ANIMATION */
.testi-bg span {
  position: absolute;
  border-radius: 50%;
  background: rgba(13,110,253,0.08);
  animation: float 10s infinite ease-in-out;
}

.testi-bg span:nth-child(1){
  width: 250px;
  height: 250px;
  top: 0;
  left: 0;
}

.testi-bg span:nth-child(2){
  width: 200px;
  height: 200px;
  bottom: 0;
  right: 0;
  animation-delay: 3s;
}

@keyframes float {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-25px); }
}

/* CARD */
.testimonial-card {
  background: #fff;
  padding: 25px;
  border-radius: 15px;
  text-align: center;
  margin: 10px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
  transition: 0.3s;
}

.testimonial-card:hover {
  transform: translateY(-5px);
}

.testimonial-card p {
  font-size: 15px;
  color: #555;
  margin-bottom: 15px;
}

.testimonial-card h6 {
  margin: 5px 0;
  font-weight: 600;
}

.testimonial-card span {
  font-size: 13px;
  color: #777;
}

/* STARS */
.stars {
  color: #ffc107;
  font-size: 18px;
  margin-bottom: 10px;
}
.slick-dots {
  text-align: center;
  margin-top: 20px;
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
}

.slick-dots li button {
  font-size: 0; /* hide numbers */
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #cbd5e1;
  border: none;
  transition: 0.3s;
}

.slick-dots li.slick-active button {
  background: #0d6efd;
  width: 25px;
  border-radius: 10px;
}
.contact-area {
  position: relative;
  background: #f8fbff;
  overflow: hidden;
}

/* Background animation */
.contact-bg span {
  position: absolute;
  border-radius: 50%;
  background: rgba(13,110,253,0.08);
  animation: float 8s infinite ease-in-out;
}

.contact-bg span:nth-child(1) {
  width: 250px;
  height: 250px;
  top: -80px;
  left: -80px;
}

.contact-bg span:nth-child(2) {
  width: 300px;
  height: 300px;
  bottom: -100px;
  right: -100px;
}

@keyframes float {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

/* Section title */
.section-title h2 {
  font-weight: 700;
  color: #0d2c54;
}

.section-title p {
  color: #6c757d;
}

/* FORM CARD */
.contact-card {
  background: #fff;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.05);
  transition: 0.3s;
}

.contact-card:hover {
  transform: translateY(-5px);
}

/* INPUTS */
.contact-card .form-control {
  border-radius: 12px;
  padding: 12px;
  border: 1px solid #e5e7eb;
  transition: 0.3s;
}

.contact-card .form-control:focus {
  border-color: #0d6efd;
  box-shadow: 0 0 0 3px rgba(13,110,253,0.1);
}

/* BUTTON */
.btn-contact {
  background: linear-gradient(135deg, #0d6efd, #00c6ff);
  border: none;
  padding: 12px 25px;
  border-radius: 30px;
  color: #fff;
  font-weight: 500;
  width: 100%;
  transition: 0.3s;
}

.btn-contact:hover {
  transform: scale(1.05);
}

/* INFO SIDE */
.contact-info {
  background: linear-gradient(135deg, #0155ae, #016bc5);
  color: #fff;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

.contact-info h5 {
  font-weight: 600;
}

/* INFO BOX */
.info-box {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

.info-box i {
  font-size: 22px;
  margin-right: 15px;
  background: rgba(255,255,255,0.2);
  padding: 12px;
  border-radius: 50%;
}

.info-box p {
  margin: 0;
  font-size: 14px;
  opacity: 0.8;
}

.info-box span {
  font-weight: 600;
}
.footer-light {
  background: #f5f7fb;
  padding: 70px 0 30px;
  color: #1a1a1a;
}

/* BRAND */
.footer-brand img {
  width: 70px;
  margin-bottom: 15px;
}

.footer-brand p {
  color: #555;
}

/* SOCIAL */
.social i {
  margin-right: 10px;
  font-size: 18px;
  cursor: pointer;
  transition: 0.3s;
}

.social i:hover {
  color: #0072ff;
  transform: scale(1.2);
}

/* LINKS */
.footer-main ul {
  list-style: none;
  padding: 0;
}

.footer-main ul li {
  margin-bottom: 10px;
}

.footer-main ul li a {
  color: #333;
  text-decoration: none;
}

.footer-main ul li a:hover {
  color: #0072ff;
}

/* GLOBAL GRID */
.global-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}

/* OFFICE CARD */
.office {
  background: #fff;
  padding: 15px;
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.6;
  transition: 0.3s;
  border: 1px solid #eee;
}

.office:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.office a {
  color: #0072ff;
  text-decoration: none;
}

/* DISCLAIMER */
.footer-disclaimer {
  margin-top: 40px;
  font-size: 13px;
  color: #666;
  border-top: 1px solid #ddd;
  padding-top: 15px;
}

/* BOTTOM */
.footer-bottom {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ddd;
  padding-top: 15px;
}

.footer-bottom a {
  margin-left: 15px;
  text-decoration: none;
  color: #555;
}

.footer-bottom a:hover {
  color: #0072ff;
}
/* HEADING */
.footer-heading {
  font-weight: 600;
  margin-bottom: 20px;
}

/* GRID */
.global-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

/* CARD */
.office-card {
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(12px);
  border-radius: 16px;
  padding: 18px;
  transition: 0.4s;
  border: 1px solid rgba(0,0,0,0.05);
  position: relative;
}

/* HOVER EFFECT */
.office-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0,114,255,0.15);
  border-color: rgba(0,114,255,0.2);
}

/* TOP FLAG */
.office-head {
  font-size: 14px;
  font-weight: 600;
  color: #0072ff;
  margin-bottom: 8px;
}

/* NAME */
.office-card h5 {
  font-size: 16px;
  margin-bottom: 10px;
}

/* INFO */
.office-card p {
  font-size: 13px;
  margin-bottom: 6px;
  color: #444;
}

/* ICON */
.office-card i {
  color: #0072ff;
  margin-right: 6px;
}

/* LINKS */
.office-card a {
  color: #0072ff;
  text-decoration: none;
}

.office-card a:hover {
  text-decoration: underline;
}

/* MOBILE */
@media(max-width:768px){
  .global-grid {
    grid-template-columns: 1fr;
  }
}
.office-card {
  background: linear-gradient(135deg, #ffffff, #f0f4ff);
}
.office-accordion {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.office-item {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  transition: 0.3s;
}

.office-title {
  padding: 12px 15px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
}

.office-title::after {
  content: "+";
  position: absolute;
  right: 15px;
}

.office-item.active .office-title::after {
  content: "-";
}

.office-content {
  max-height: 0;
  overflow: hidden;
  transition: 0.4s ease;
  padding: 0 15px;
}

.office-content a {
  display: block;
  color: #333;
  font-size: 13px;
  margin-bottom: 6px;
}

.office-item.active .office-content {
  max-height: 200px;
  padding: 10px 15px 15px;
}
/* Button */
#translateBtn {
  background: #f1f5f9;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;
}

#translateBtn:hover {
  background: #0d6efd;
  color: #fff;
}

/* Hide default Google */
#google_translate_element {
  position: absolute;
  top: 60px;
  right: 0;
  display: none;
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  z-index: 9999;
}

/* Clean UI */
.goog-te-gadget {
  font-size: 0 !important;
}

.goog-te-gadget select {
  font-size: 14px !important;
  border: none;
  outline: none;
  cursor: pointer;
}

/* Hide Google top bar */
.goog-te-banner-frame.skiptranslate {
  display: none !important;
}

body {
  top: 0px !important;
}
#google_translate_element {
  min-width: 180px;
}
#google_translate_element {
  display: none;
  position: absolute;
  top: 45px;
  right: 0;
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  z-index: 999999;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.navbar-brand img {
    height: 81px;
    transition: all 0.4s ease;
    filter: drop-shadow(0 0 6px rgba(0, 180, 255, 0.3));
}

/* Gradient glow background (subtle) */
.logo-hover {
    display: inline-block;
    position: relative;
}

/* Glow effect behind logo */
.logo-hover::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 110%;
    height: 110%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle, rgba(0, 180, 255, 0.25), transparent 70%);
    opacity: 0;
    transition: 0.4s ease;
    border-radius: 50%;
}

/* Hover Effects */
.logo-hover:hover img {
    transform: scale(1.08);
    filter: drop-shadow(0 0 12px rgba(0, 180, 255, 0.6));
}

.logo-hover:hover::before {
    opacity: 1;
}
.logo-text {
    font-weight: 700;
    background: linear-gradient(90deg, #00c6ff, #0072ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: 0.3s ease;
}

.logo-text:hover {
    letter-spacing: 1px;
}
#translateBtn {
    background: linear-gradient(135deg, #00c6ff, #0072ff);
    color: #fff;
    border: none;
    padding: 10px 16px;
    border-radius: 50px;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,114,255,0.4);
    transition: all 0.3s ease;
}

#translateBtn:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 18px rgba(0,114,255,0.6);
}
.map-container {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.map-container iframe {
    width: 100%;
    height: 220px;
    border: none;
    filter: grayscale(20%) contrast(1.1);
    transition: 0.3s ease;
}

.map-container iframe:hover {
    filter: grayscale(0%) contrast(1);
}
.leaderboard-tabs {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.tab-btn {
    padding: 10px 20px;
    border-radius: 50px;
    border: none;
    background: #eaeaea;
    cursor: pointer;
    font-weight: 600;
    transition: 0.3s;
}

.tab-btn.active {
    background: linear-gradient(135deg, #00c6ff, #0072ff);
    color: #fff;
}

.leaderboard-content {
    display: none;
}

.leaderboard-content.active {
    display: block;
}

.leaderboard-list {
    list-style: none;
    padding: 0;
    max-width: 500px;
    margin: auto;
}

.leaderboard-list li {
    background: #fff;
    margin: 10px 0;
    padding: 15px 20px;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    transition: 0.3s;
}

.leaderboard-list li:hover {
    transform: translateY(-3px);
}

.leaderboard-list span {
    font-weight: bold;
    color: #0072ff;
}
.leaderboard-box {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.leaderboard-title {
    font-weight: 600;
    margin-bottom: 15px;
}

.leaderboard-list {
    list-style: none;
    padding: 0;
}

.leaderboard-list li {
    background: #f8f9fa;
    margin-bottom: 10px;
    padding: 12px 15px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    transition: 0.3s;
}

.leaderboard-list li:hover {
    transform: translateX(5px);
}

.rank {
    font-weight: bold;
    color: #0072ff;
}
.faculty-card {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transition: 0.3s;
}

.faculty-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 15px;
}

.faculty-card h5 {
    margin-bottom: 5px;
    font-weight: 600;
}

.faculty-card p {
    font-size: 14px;
    color: #666;
}

.faculty-card:hover {
    transform: translateY(-8px);
}

/* LAB SECTION */
.lab-card {
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.lab-card img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    transition: 0.4s;
}

.lab-card:hover img {
    transform: scale(1.1);
}
.products-bg-animation {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.products-bg-animation span {
    position: absolute;
    display: block;
    width: 120px;
    height: 120px;
    background: rgba(0, 114, 255, 0.08);
    border-radius: 50%;
    animation: floatMove 12s linear infinite;
}

/* Different positions */
.products-bg-animation span:nth-child(1) {
    left: 10%;
    top: 20%;
    animation-delay: 0s;
}
.products-bg-animation span:nth-child(2) {
    left: 70%;
    top: 40%;
    animation-delay: 3s;
}
.products-bg-animation span:nth-child(3) {
    left: 40%;
    top: 80%;
    animation-delay: 6s;
}

@keyframes floatMove {
    0% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-40px) rotate(180deg); }
    100% { transform: translateY(0px) rotate(360deg); }
}
.product-card {
    background: #fff;
    padding: 25px;
    border-radius: 20px;
    text-align: center;
    transition: 0.4s;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* Glow background effect */
.product-card::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(0,114,255,0.1), transparent 70%);
    top: -50%;
    left: -50%;
    opacity: 0;
    transition: 0.4s;
}

/* Image animation */
.product-card img {
    width: 160px;
    transition: 0.4s ease;
}

/* Hover Effects */
.product-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}

.product-card:hover::before {
    opacity: 1;
}

.product-card:hover img {
    transform: scale(1.1) rotate(2deg);
}

/* Button animation */
.btn-read {
    background: linear-gradient(135deg, #00c6ff, #0072ff);
    border: none;
    padding: 10px 22px;
    border-radius: 50px;
    color: #fff;
    transition: 0.3s;
}

.btn-read:hover {
    transform: scale(1.08);
    box-shadow: 0 6px 18px rgba(0,114,255,0.4);
}
.product-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #00c6ff;
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 12px;
}
.payment-area {
    position: relative;
    overflow: hidden;
}

/* Background animation */
.payment-bg span {
    position: absolute;
    width: 120px;
    height: 120px;
    background: rgba(0,114,255,0.08);
    border-radius: 50%;
    animation: float 10s infinite ease-in-out;
}

.payment-bg span:nth-child(1) {
    left: 15%;
    top: 20%;
}

.payment-bg span:nth-child(2) {
    right: 10%;
    bottom: 10%;
}

@keyframes float {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-40px); }
}

/* Cards */
.payment-card {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    transition: 0.3s;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}

.payment-card img {
    width: 100px;
    height: auto;
    filter: grayscale(100%);
    transition: 0.3s;
}

/* Hover effect */
.payment-card:hover {
    transform: translateY(-8px);
}

.payment-card:hover img {
    filter: grayscale(0%);
}

/* Trust text */
.payment-trust {
    font-weight: 600;
    color: #0072ff;
}
.payment-card img {
    width: 100px;
    height: 40px;
    object-fit: contain;
}
/* =========================
   RESET
========================= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

/* =========================
   HERO SLIDER
========================= */

.hero-slider{
    position:relative;
    width:100%;
    height:720px;
    overflow:hidden;
    background:#eef4fb;
}

/* =========================
   SLIDES
========================= */

.slide{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;

    opacity:0;
    visibility:hidden;

    transition:1s ease-in-out;
}

.slide.active{
    opacity:1;
    visibility:visible;
    z-index:2;
}

/* =========================
   DESKTOP
========================= */

@media(min-width:992px){

    .hero-slider{
        height:720px;
    }

}

/* =========================
   TABLET
========================= */

@media(max-width:991px){

    .hero-slider{
        height:520px;
    }

}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

    .hero-slider{
        height:340px;
    }

    .slide{
        background-size:contain;
        background-position:center center;
    }

}

/* =========================
   SMALL MOBILE
========================= */

@media(max-width:480px){

    .hero-slider{
        height:260px;
    }

}

.payment-area{
    position:relative;
    padding:90px 0;
    background:#f7fbff;
    overflow:hidden;
}

.container{
    width:90%;
    margin:auto;
}

/* =========================
   TITLE
========================= */

.section-title{
    text-align:center;
    margin-bottom:50px;
}

.section-title h2{
    font-size:48px;
    color:#0b1d4d;
    font-weight:800;
    margin-bottom:15px;
}

.section-title p{
    font-size:18px;
    color:#666;
}

/* =========================
   SLIDER
========================= */

.payment-slider{
    width:100%;
    overflow:hidden;
    position:relative;
}

.payment-track{
    display:flex;
    align-items:center;
    gap:25px;

    width:max-content;

    animation:scroll 22s linear infinite;
}

/* =========================
   CARD
========================= */

.payment-card{
    width:220px;
    height:120px;

    background:#ffffff;

    border-radius:20px;

    display:flex;
    align-items:center;
    justify-content:center;

    box-shadow:0 10px 30px rgba(0,0,0,0.08);

    transition:0.4s ease;

    flex-shrink:0;

    padding:20px;
}

.payment-card:hover{
    transform:translateY(-8px);
}

/* SAME IMAGE SIZE */

.payment-card img{
    width:140px;
    height:60px;

    object-fit:contain;
}

/* =========================
   TRUST TEXT
========================= */

.payment-trust{
    margin-top:50px;

    text-align:center;

    font-size:20px;
    font-weight:600;

    color:#0b1d4d;
}

/* =========================
   ANIMATION
========================= */

@keyframes scroll{

    0%{
        transform:translateX(0);
    }

    100%{
        transform:translateX(-50%);
    }

}

/* =========================
   TABLET
========================= */

@media(max-width:991px){

    .section-title h2{
        font-size:38px;
    }

    .payment-card{
        width:180px;
        height:100px;
    }

    .payment-card img{
        width:120px;
        height:50px;
    }

}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

    .payment-area{
        padding:70px 0;
    }

    .section-title h2{
        font-size:30px;
    }

    .section-title p{
        font-size:15px;
    }

    .payment-track{
        gap:15px;
    }

    .payment-card{
        width:150px;
        height:90px;

        border-radius:16px;
    }

    .payment-card img{
        width:100px;
        height:45px;
    }

    .payment-trust{
        font-size:15px;
        line-height:1.7;
        padding:0 15px;
    }

}
.payment-card img{
    width:140px;
    height:60px;

    object-fit:contain;

    filter:none;
    opacity:1;

    transition:0.4s ease;
}

.payment-card:hover img{
    transform:scale(1.08);
}

.premium-testimonials{
    position:relative;
    padding:120px 0;
    background: linear-gradient(135deg, #0b6dc3, #0157b2);
    overflow:hidden;
}

/* SHAPES */
.testi-shape{
    position:absolute;
    border-radius:50%;
    filter:blur(80px);
    opacity:.25;
}

.shape1{
    width:350px;
    height:350px;
    background:#12a8f5;
    top:-100px;
    left:-100px;
}

.shape2{
    width:300px;
    height:300px;
    background:#f5c542;
    right:-100px;
    bottom:-100px;
}

/* TITLE */
.testi-title{
    text-align:center;
    margin-bottom:70px;
    position:relative;
    z-index:2;
}

.testi-title span{
    color:#f5c542;
    font-size:18px;
    font-weight:600;
    letter-spacing:1px;
}

.testi-title h2{
    color:#fff;
    font-size:52px;
    font-weight:800;
    margin:15px 0;
}

.testi-title p{
    color:#c7d5e5;
    font-size:18px;
}

/* CARD */
.testi-card{
    position:relative;
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.12);
    backdrop-filter:blur(18px);
    border-radius:30px;
    padding:40px;
    overflow:hidden;
    transition:.4s ease;
    height:100%;
}

.testi-card:hover{
    transform:translateY(-12px);
    border-color:#12a8f5;
    box-shadow:0 20px 50px rgba(0,0,0,.35);
}

/* QUOTE ICON */
.quote-icon{
    width:65px;
    height:65px;
    border-radius:50%;
    background:linear-gradient(135deg,#12a8f5,#0f7ed8);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:22px;
    margin-bottom:25px;
    animation:rotateIcon 6s linear infinite;
}

@keyframes rotateIcon{

    0%{
        transform:rotate(0deg);
    }

    100%{
        transform:rotate(360deg);
    }

}

/* USER */
.testi-user{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:25px;
}

.testi-user img{
    width:75px;
    height:75px;
    border-radius:50%;
    object-fit:cover;
    border:4px solid #12a8f5;
}

.user-info h4{
    color:#fff;
    margin:0;
    font-size:22px;
    font-weight:700;
}

.user-info span{
    color:#f5c542;
    font-size:15px;
}

/* TEXT */
.testi-card p{
    color:#dfe8f5;
    line-height:1.9;
    font-size:16px;
    margin-bottom:25px;
}

/* STARS */
.stars{
    color:#f5c542;
    font-size:22px;
    letter-spacing:3px;
}

/* PAGINATION */
.swiper-pagination{
    position:relative;
    margin-top:45px;
}

.swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:#fff !important;
    opacity:.4;
}

.swiper-pagination-bullet-active{
    width:32px;
    border-radius:30px;
    background:#12a8f5 !important;
    opacity:1;
}

/* MOBILE */
@media(max-width:991px){

    .premium-testimonials{
        padding:80px 0;
    }

    .testi-title h2{
        font-size:36px;
    }

    .testi-title p{
        font-size:15px;
        padding:0 15px;
    }

    .testi-card{
        padding:30px;
    }

}

@media(max-width:576px){

    .testi-title h2{
        font-size:30px;
    }

    .testi-user img{
        width:65px;
        height:65px;
    }

    .user-info h4{
        font-size:18px;
    }

    .testi-card p{
        font-size:14px;
    }

}
.premium-products{
    position:relative;
    padding:120px 0;
    background: linear-gradient(135deg, #0156b1, #0153ab);
    overflow:hidden;
}

/* GLOW EFFECT */
.product-glow{
    position:absolute;
    border-radius:50%;
    filter:blur(100px);
    opacity:.25;
}

.glow1{
    width:320px;
    height:320px;
    background:#12a8f5;
    top:-100px;
    left:-100px;
}

.glow2{
    width:280px;
    height:280px;
    background:#f5c542;
    bottom:-100px;
    right:-100px;
}

/* TITLE */
.product-title{
    margin-bottom:70px;
    position:relative;
    z-index:2;
}

.product-title span{
    color:#f5c542;
    font-size:18px;
    font-weight:700;
    letter-spacing:1px;
}

.product-title h2{
    color:#fff;
    font-size:52px;
    font-weight:800;
    margin:15px 0;
}

.product-title p{
    color:#d6e3f1;
    max-width:700px;
    margin:auto;
    font-size:18px;
    line-height:1.8;
}

/* CARD */
.premium-product-card{
    position:relative;
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.12);
    backdrop-filter:blur(18px);
    border-radius:30px;
    overflow:hidden;
    padding:35px 25px;
    transition:.4s ease;
    text-align:center;
    height:100%;
}

.premium-product-card:hover{
    transform:translateY(-12px);
    border-color:#12a8f5;
    box-shadow:0 20px 50px rgba(0,0,0,.35);
}

/* TAG */
.product-tag{
    position:absolute;
    top:20px;
    right:20px;
    background:linear-gradient(135deg,#f5c542,#ffdd6a);
    color:#000;
    font-size:13px;
    font-weight:700;
    padding:8px 18px;
    border-radius:30px;
}

/* IMAGE */
.product-image{
    width:220px;
    height:220px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}

.product-image::before{
    content:'';
    position:absolute;
    width:180px;
    height:180px;
    background:rgba(18,168,245,.18);
    border-radius:50%;
    filter:blur(10px);
}

.product-image img{
    width:100%;
    position:relative;
    z-index:2;
    transition:.5s ease;
}

.premium-product-card:hover .product-image img{
    transform:scale(1.08) rotate(-3deg);
}

/* CONTENT */
.product-content h4{
    color:#fff;
    font-size:28px;
    font-weight:700;
    margin:25px 0 15px;
}

.product-content p{
    color:#dbe5f1;
    line-height:1.8;
    font-size:15px;
    margin-bottom:30px;
}

/* BUTTON */
.product-btn{
    width:100%;
    height:56px;
    border:none;
    border-radius:60px;
    background:linear-gradient(135deg,#12a8f5,#0b7ed8);
    color:#fff;
    font-size:16px;
    font-weight:700;
    transition:.4s ease;
}

.product-btn:hover{
    transform:translateY(-5px);
    background:linear-gradient(135deg,#f5c542,#ffcf33);
    color:#000;
}

/* PAGINATION */
.swiper-pagination{
    position:relative;
    margin-top:50px;
}

.swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:#fff !important;
    opacity:.4;
}

.swiper-pagination-bullet-active{
    width:32px;
    border-radius:30px;
    background:#12a8f5 !important;
    opacity:1;
}

/* MOBILE */
@media(max-width:991px){

    .premium-products{
        padding:80px 0;
    }

    .product-title h2{
        font-size:36px;
    }

    .product-title p{
        font-size:15px;
        padding:0 15px;
    }

}

@media(max-width:576px){

    .product-title h2{
        font-size:30px;
    }

    .premium-product-card{
        padding:30px 20px;
    }

    .product-image{
        width:180px;
        height:180px;
    }

    .product-content h4{
        font-size:24px;
    }

}
#site-loader{
    position:fixed;
    inset:0;
    width:100%;
    height:100vh;
    background:linear-gradient(135deg,#021224,#072b57);
    z-index:999999;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

/* BACKGROUND GLOW */
.loader-bg{
    position:absolute;
    border-radius:50%;
    filter:blur(100px);
    opacity:.3;
}

.loader-bg1{
    width:350px;
    height:350px;
    background:#12a8f5;
    top:-120px;
    left:-100px;
    animation:floatGlow 8s ease-in-out infinite;
}

.loader-bg2{
    width:300px;
    height:300px;
    background:#f5c542;
    bottom:-120px;
    right:-100px;
    animation:floatGlow 10s ease-in-out infinite;
}

/* WRAPPER */
.loader-wrapper{
    position:relative;
    z-index:5;
    text-align:center;
}

/* MAIN CIRCLE */
.loader-circle{
    position:relative;
    width:210px;
    height:210px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* ROTATING BORDER */
.circle-border{
    position:absolute;
    inset:0;
    border-radius:50%;
    border:4px solid rgba(255,255,255,0.08);
    border-top:4px solid #12a8f5;
    border-bottom:4px solid #f5c542;
    animation:rotateLoader 2.5s linear infinite;
    box-shadow:
    0 0 30px rgba(18,168,245,.4),
    0 0 50px rgba(245,197,66,.25);
}

/* LOGO BOX */
.loader-logo-box{
    width:150px;
    height:150px;
    border-radius:50%;
    background:rgba(255,255,255,0.08);
    backdrop-filter:blur(20px);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 15px 40px rgba(0,0,0,.35);
    animation:pulseLogo 2.5s ease infinite;
}

/* LOGO */
.loader-logo{
    width:95px;
}

/* TITLE */
.loader-title{
    color: #3492c6;
    font-size:42px;
    font-weight:800;
    letter-spacing:2px;
    margin-top:35px;
    margin-bottom:10px;
}

/* TEXT */
.loader-text{
    color:#d8e5f1;
    font-size:18px;
    letter-spacing:.5px;
    margin-bottom:30px;
}

/* PROGRESS BAR */
.loader-progress{
    width:280px;
    height:8px;
    background:rgba(255,255,255,.08);
    border-radius:30px;
    overflow:hidden;
    margin:auto;
    position:relative;
}

.loader-progress span{
    position:absolute;
    left:-40%;
    top:0;
    width:40%;
    height:100%;
    border-radius:30px;
    background:linear-gradient(90deg,#12a8f5,#f5c542);
    animation:loadingBar 2s linear infinite;
}

/* ROTATE */
@keyframes rotateLoader{

    0%{
        transform:rotate(0deg);
    }

    100%{
        transform:rotate(360deg);
    }

}

/* PULSE */
@keyframes pulseLogo{

    0%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.06);
    }

    100%{
        transform:scale(1);
    }

}

/* PROGRESS BAR */
@keyframes loadingBar{

    0%{
        left:-40%;
    }

    100%{
        left:100%;
    }

}

/* FLOAT GLOW */
@keyframes floatGlow{

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(30px);
    }

    100%{
        transform:translateY(0px);
    }

}

/* MOBILE */
@media(max-width:768px){

    .loader-circle{
        width:170px;
        height:170px;
    }

    .loader-logo-box{
        width:120px;
        height:120px;
    }

    .loader-logo{
        width:75px;
    }

    .loader-title{
        font-size:28px;
    }

    .loader-text{
        font-size:15px;
        padding:0 20px;
    }

    .loader-progress{
        width:220px;
    }

}
/* =========================
   PREMIUM PRODUCT MODAL
========================= */

#productModal{
    position:fixed;
    inset:0;
    width:100%;
    height:100vh;
    background:rgba(0,0,0,.75);
    backdrop-filter:blur(8px);
    z-index:999999;
    display:none;
    overflow-y:auto;
    padding:30px 15px;
}

/* MODAL BOX */
#productModal .modal-content{
    position:relative;
    width:100%;
    max-width:1050px;
    margin:40px auto;
    background:#fff;
    border-radius:35px;
    overflow:hidden;
    box-shadow:0 25px 80px rgba(0,0,0,.35);
    animation:modalAnimation .5s ease;
    padding:0;
}

/* ANIMATION */
@keyframes modalAnimation{

    from{
        opacity:0;
        transform:translateY(50px) scale(.95);
    }

    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }

}

/* CLOSE BUTTON */
#productModal .close{
    position:absolute;
    top:18px;
    right:25px;
    font-size:42px;
    color:#999;
    z-index:20;
    cursor:pointer;
    transition:.3s ease;
}

#productModal .close:hover{
    color:#12a8f5;
    transform:rotate(90deg);
}

/* INNER LAYOUT */
.modal-body{
    display:grid;
    grid-template-columns:420px 1fr;
    align-items:center;
    min-height:560px;
}

/* IMAGE SIDE */
.modal-left{
    position:relative;
    background:linear-gradient(135deg,#032146,#0a4d8f);
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    padding:40px;
}

/* CIRCLE GLOW */
.modal-left::before{
    content:'';
    position:absolute;
    width:320px;
    height:320px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
}

/* PRODUCT IMAGE */
#modalImage{
    width:260px;
    position:relative;
    z-index:2;
    animation:floatImage 4s ease-in-out infinite;
}

@keyframes floatImage{

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-15px);
    }

    100%{
        transform:translateY(0px);
    }

}

/* RIGHT SIDE */
.modal-right{
    padding:60px;
}

/* TITLE */
#modalTitle{
    font-size:48px;
    font-weight:800;
    color:#082b52;
    margin-bottom:18px;
    line-height:1.2;
}

/* DESCRIPTION */
.modal-right .product-subtitle{
    font-size:17px;
    color:#5e7185;
    line-height:1.9;
    margin-bottom:30px;
}

/* LIST */
#modalData ul{
    padding:0;
    margin:0;
    list-style:none;
}

/* LIST ITEM */
#modalData ul li{
    position:relative;
    padding-left:38px;
    margin-bottom:18px;
    font-size:17px;
    color:#183b61;
    font-weight:500;
    line-height:1.7;
}

/* CHECK ICON */
#modalData ul li::before{
    content:'✓';
    position:absolute;
    left:0;
    top:2px;
    width:24px;
    height:24px;
    border-radius:50%;
    background:linear-gradient(135deg,#12a8f5,#0b7ed8);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:bold;
}

/* BUTTON */
.modal-order-btn{
    margin-top:35px;
    width:220px;
    height:58px;
    border:none;
    border-radius:60px;
    background:linear-gradient(135deg,#12a8f5,#0b7ed8);
    color:#fff;
    font-size:16px;
    font-weight:700;
    transition:.4s ease;
}

.modal-order-btn:hover{
    transform:translateY(-5px);
    background:linear-gradient(135deg,#f5c542,#ffcf33);
    color:#000;
}

/* MOBILE */
@media(max-width:991px){

    .modal-body{
        grid-template-columns:1fr;
    }

    .modal-left{
        min-height:320px;
    }

    #modalImage{
        width:190px;
    }

    .modal-right{
        padding:40px 30px;
    }

    #modalTitle{
        font-size:36px;
    }

}

@media(max-width:576px){

    #productModal{
        padding:10px;
    }

    #productModal .modal-content{
        border-radius:25px;
    }

    .modal-right{
        padding:30px 20px;
    }

    #modalTitle{
        font-size:28px;
    }

    .modal-right .product-subtitle{
        font-size:15px;
    }

    #modalData ul li{
        font-size:15px;
        padding-left:34px;
    }

    .modal-order-btn{
        width:100%;
    }

}