/*
Theme Name: BvolvFitness2025
Author: Ibrahim
Company: Waxim
Version: 1.0.0
Text Domain: waxim.in
*/

/* fonts */
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

/*  Base & Typography */
body { font-family: "Raleway", sans-serif; font-weight: 200; color: #000000; }

h1 {font-size: 42px; line-height: 1; }
h2 {font-size: 36px; line-height: 1; }
h3 {font-size: 30px; line-height: 1; }
h4 {font-size: 26px; line-height: 1; }
h5 {font-size: 18px; line-height: 1; }
p {font-size: 18px; font-weight: 400; line-height: 1.2;}
p:last-child { margin-bottom: 0; }
p strong { font-weight: 500; }
b { font-weight: 600; }

/*  Spacing Utilities */
.p-vw-1 { padding: 1vw ;  }
.p-vw-2 { padding: 2vw ;  }
.p-vw-3 { padding: 3vw ;  }
.p-vw-4 { padding: 4vw ;  }
.p-vw-5 { padding: 5vw ;  }
.p-vw-6 { padding: 6vw ;  }
.p-vw-7 { padding: 7vw ;  }
.p-vw-8 { padding: 8vw ;  }
.p-vw-9 { padding: 9vw ;  }
.p-vw-10 { padding: 10vw;}

.px-vw-1 { padding: 0 1vw ;  }
.px-vw-2 { padding: 0 2vw ;  }
.px-vw-3 { padding: 0 3vw ;  }
.px-vw-4 { padding: 0 4vw ;  }
.px-vw-5 { padding: 0 5vw ;  }
.px-vw-6 { padding: 0 6vw ;  }
.px-vw-7 { padding: 0 7vw ;  }
.px-vw-8 { padding: 0 8vw ;  }
.px-vw-9 { padding: 0 9vw ;  }
.px-vw-10 { padding: 0 10vw;}

.py-vw-1 { padding: 1vw 0; }
.py-vw-2 { padding: 2vw 0; }
.py-vw-3 { padding: 3vw 0; }
.py-vw-4 { padding: 4vw 0; }
.py-vw-5 { padding: 5vw 0; }
.py-vw-6 { padding: 6vw 0; }
.py-vw-7 { padding: 7vw 0; }
.py-vw-8 { padding: 8vw 0; }
.py-vw-9 { padding: 9vw 0; }
.py-vw-10 { padding: 10vw 0;}

.py-vw-1 { padding: 1vw 0; }
.py-vw-2 { padding: 2vw 0; }
.py-vw-3 { padding: 3vw 0; }
.py-vw-4 { padding: 4vw 0; }
.py-vw-5 { padding: 5vw 0; }
.py-vw-6 { padding: 6vw 0; }
.py-vw-7 { padding: 7vw 0; }
.py-vw-8 { padding: 8vw 0; }
.py-vw-9 { padding: 9vw 0; }
.py-vw-10 { padding: 10vw 0;}

.py-vw-1 { padding: 1vw 0; }
.py-vw-2 { padding: 2vw 0; }
.py-vw-3 { padding: 3vw 0; }
.py-vw-4 { padding: 4vw 0; }
.py-vw-5 { padding: 5vw 0; }
.py-vw-6 { padding: 6vw 0; }
.py-vw-7 { padding: 7vw 0; }
.py-vw-8 { padding: 8vw 0; }
.py-vw-9 { padding: 9vw 0; }
.py-vw-10 { padding: 10vw 0;}

.py-vw-1 { padding: 1vw 0; }
.py-vw-2 { padding: 2vw 0; }
.py-vw-3 { padding: 3vw 0; }
.py-vw-4 { padding: 4vw 0; }
.py-vw-5 { padding: 5vw 0; }
.py-vw-6 { padding: 6vw 0; }
.py-vw-7 { padding: 7vw 0; }
.py-vw-8 { padding: 8vw 0; }
.py-vw-9 { padding: 9vw 0; }
.py-vw-10 { padding: 10vw 0;}

.py-vw-1 { padding: 1vw 0; }
.py-vw-2 { padding: 2vw 0; }
.py-vw-3 { padding: 3vw 0; }
.py-vw-4 { padding: 4vw 0; }
.py-vw-5 { padding: 5vw 0; }
.py-vw-6 { padding: 6vw 0; }
.py-vw-7 { padding: 7vw 0; }
.py-vw-8 { padding: 8vw 0; }
.py-vw-9 { padding: 9vw 0; }
.py-vw-10 { padding: 10vw 0;}


.py-vw-1 { padding: 1vw 0; }
.py-vw-2 { padding: 2vw 0; }
.py-vw-3 { padding: 3vw 0; }
.py-vw-4 { padding: 4vw 0; }
.py-vw-5 { padding: 5vw 0; }
.py-vw-6 { padding: 6vw 0; }
.py-vw-7 { padding: 7vw 0; }
.py-vw-8 { padding: 8vw 0; }
.py-vw-9 { padding: 9vw 0; }
.py-vw-10 { padding: 10vw 0;}

.h-100vh{height: 100vh;}
.min-h-100vh{min-height: 100vh;}

/*  Display Helpers */
.d-large-screen-only { display: block; }
.d-small-screen-only { display: none; }

/*  Colors & Backgrounds */
.white-color { color: #ffffff !important; }
.white-bg { background-color: #ffffff; }
.normal-color{color: #000000;}
.off-white-bg { background-color: #f2f2f2; }
.gray-color { color: #9a9a9a; }
.gray-bg { background-color: #9a9a9a; }
.dark-gray-color{color: #353535;}
.dark-gray-bg{background-color: #353535;}
.red-color { color: #bf0808; }
.red-bg { background-color: #bf0808; }

.green-color{color: #c3ca40;}
.green-bg{background-color: #c3ca40;}
.rich-black-color{color: #001524;}
.rich-black-bg{background-color: #001524;}

/* Font Weights */
.thin-text { font-weight: 300; }
.regular-text { font-weight: 400!important; }
.semi-bold-text { font-weight: 500 !important; }
.semi-bold-text b { font-weight: 800; }
.bold-text { font-weight: 700; }

/* Links & Media Helpers */
a, a:hover, a:focus, button, button:hover, button:focus { border: none; outline: none; text-decoration: none; transition: all 0.3s linear; }
.img-cover { object-fit: cover; object-position: center; }
.img-whitish { filter: invert(1) brightness(8); }
.img-blackish { filter: invert(1) brightness(0); }
.bg-cover { background-size: cover; }
.bg-center { background-position: center; }
.filter-drop-shadow { filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.45)); }

/* scroll-to-next */
a.scroll-to-next{position: absolute; font-size: 34px; left: 50%; bottom: 25px; transform: translateX(-50%); z-index: 2;}

/* btn */
.btn-plain{display: inline-block; padding:5px 0; font-weight: 500; font-size: 20px; line-height: 1;}
.btn-plain span{text-transform: uppercase; color: inherit; padding-right: 5px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-plain span:hover{padding-right: 10px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

.btn-solid{position: relative; display: inline-block; padding:10px 26px; font-weight: 500; font-size: 20px; line-height: 1;}
.btn-solid:before{content: ""; position: absolute; top: 0; right: 100%; bottom: 0; left: 0; background: #5a5a5a; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-solid span{color: inherit; position: relative; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-solid:hover{color: #ffffff;}
.btn-solid:hover span{color: #ffffff;}
.btn-solid:hover:before{right: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-solid span:hover{right: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

.btn-bordered{position: relative; display: inline-block; padding:8px 24px; font-weight: 500; font-size: 20px; line-height: 1; border: solid 1px #ffffff;}
.btn-bordered:before{content: ""; position: absolute; top: 0; right: 100%; bottom: 0; left: 0; background: #ffffff; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-bordered span{color: inherit; position: relative; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-bordered:hover{border: solid 1px #f0f0f0; color: #000000;}
.btn-bordered:hover span{color: #000000;}
.btn-bordered:hover:before{right: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-bordered span:hover{right: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

/* bvolv-nav */
.bvolv-nav{position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }
.bvolv-nav .navbar-nav .nav-link { color: #001524; font-weight: 500; font-size: 18px; padding: 10px 5px; transition: color 0.3s ease; }
.bvolv-nav .navbar-nav .nav-link:hover { color: #001524; }
.bvolv-nav .logo{width: 240px;}


/* scroll-top-btn */
.scroll-top-btn{position: fixed; right: 15px; width: 50px; height: 50px; border-radius: 5px; z-index: 99; font-size: 24px; bottom: -150px; color: #FFCC00; text-align: center; filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.35));}
.scroll-top-btn i{line-height: 50px;}
.scroll-top-btn:hover{color: #ffffff;}
/* .spo-nav:hover{overflow: unset; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} */

/* sm-carousel */
.sm-carousel{position: relative; }
.sm-carousel .carousel-inner{position: inherit; height: 100%; background-color: #000000;}
.sm-carousel .carousel-inner .carousel-item{position: relative; overflow: hidden; height: 100%;}
.sm-carousel .carousel-inner .carousel-item img{position: absolute; top: 0; right: 0; bottom: 0; left: 35vw; height: 100%; object-fit: cover; object-position: bottom;}
.sm-carousel .carousel-inner .carousel-item .text-content{position: absolute; top: 50%; right: 0; left: 0; transform: translateY(-50%);}
.sm-carousel .carousel-inner .carousel-item .text-content h2{font-size: 230%;}
.sm-carousel .carousel-inner .carousel-item .left-side-quadelateral{ position: absolute; top: 0; right: 50vw; left: -6vw; bottom: 0; width: 50vw; transform: skew(-20deg, 0deg); background: linear-gradient(90deg, #6f3980,#9C1A73, #C83126, #C83126,#CA5920, #DFA214);}
.sm-carousel .carousel-item .right-side-quadelateral{ position: absolute; top: 0; left: 55vw; bottom: 0; width: 65vw; transform: skew(-20deg, 0deg); background: linear-gradient(90deg, #6F3980, #A91A7E, #D13A27, #D06224, #E3AD12); opacity: 0.5;}

/* slider */
.slider { width:100%; height:100vh; }
.slider .left { padding:0; height:100vh; }
.slider .left .slide-image { width:100%; height:100vh; object-fit:cover; object-position:center; }
.slider .right { background:#001524; height:100vh; display:flex; align-items:flex-end; padding:60px 50px; }
.slider .caption-tabs { width:100%; }
.slider .caption-tab { display:block; text-decoration:none; cursor:pointer; margin-bottom:50px; }
.slider .caption-tab h2 { margin:0; font-weight:700; color:#6c798a; }
.slider .caption-tab p { margin:8px 0 0; color:#6c798a; }
.slider .caption-tab.active h2 { color:#c3ca40; }
.slider .caption-tab.active p { color:#c3ca40; }

/* services */
.services-listing .single-service { width:100%; height:400px; position:relative; overflow:hidden; }
.services-listing .single-service .image { position:absolute; top:0; left:0; width:100%; height:100%; }
.services-listing .single-service .image img { width:100%; height:100%; object-fit:cover; object-position:center; }
.services-listing .single-service .overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 21, 36, 0.5); }
.services-listing .single-service .text { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; color:#fff; z-index:2; }
.services-listing .single-service .text h3 {-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.services-listing .single-service .hover-content{position: absolute; left: -100%; bottom: 0; top: 0; width: 40%; opacity: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.services-listing .single-service:hover .text h3{opacity: 0; transform: translateX(20%); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.services-listing .single-service:hover .hover-content{opacity: 1; left: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

/* features */
.features .feature-item {position:relative;}
@media(min-width:992px){
	.features .feature-item:not(:last-child)::after {content:"";position:absolute;right:-15px;top:50%;transform:translateY(-50%);width:2px;height:80px;background:#c3ca40;}
}
.features .single-feature {min-height:140px;display:flex;align-items:center;justify-content:center;text-align:center;}
.features .single-feature .semi-bold-text {font-weight:600;line-height:1.1;}

/* what-we-do */
.what-we-do blockquote{font-size: 500%; font-weight: 600; line-height: 1; margin: 0;}

/* steps */
.steps .single-step .icon{height: 80px; width: 80px; object-fit: contain;}

/* short-descriptions */
.short-descriptions .single-description .icon{height: 100px;}

/* footer */
footer .social-media-links{display: inline-flex; margin: 0; padding: 0;}
footer .social-media-links li{display: inline-block; padding: 10px; border-radius: 5px; }
footer .social-media-links li a{padding: 10px; border-radius: 5px; background: #c3ca40; color: #001524;}

.contact-page .col-lg{position: relative;}
.contact-page .col-lg:after{content: ''; position: absolute; right: 0; width: 2px; background: #000000; height: 100px; top: 50%; transform: translateY(-50%);}
.contact-page .col-lg:last-child:after{display: none;}

/* MEDIA SCREEN */
@media screen and (min-width: 992px){
	.text-lg-justify{text-align: justify!important;}
	.d-large-screen-vh-100{height: 100vh;}
	.d-large-screen-min-vh-100{min-height: 100vh;}

	/* page-banner */
	.page-content{min-height: 400px;}
	/* .page-top{margin-top: 170.16px;} */

	/* carousel */
	.slick-dots {top: calc(100% + 10px);}
	.slick-dots li{margin: 0 10px;}
	.slick-dots li button:before{width: 26px; height: 6px; border-radius: 5px; content: ''; background: #9B9B9B; opacity: 1;}
	.slick-dots li.slick-active button:before{background: #0A68B2; opacity: 1;}
	.slider-prev{position: absolute; background: transparent; color: #009dd9; left: -30px; top: calc(50% - 13px);}
	.slider-next{position: absolute; background: transparent;  color: #009dd9; right: -30px; top: calc(50% - 13px);}
	.form-floating>.form-control, .form-floating>.form-select{margin-bottom: 0;}
	/* .alternate-img-content .image-container .image:before{content: ''; position: absolute; right: -23.333333333%; bottom: -50vw; top: -50vw; left: -50vw; background: #fafafc;}
	.alternate-img-content.alternate .image-container .image:before{left: -23.333333333%; right: -50vw;} */
}

@media screen and (min-width: 1400px){
	.page-banner{ background-position: 40% 70%; height: 300px;}
}

@media screen and (max-width: 1024px){
	.slider { width:100%; height: auto; margin-top: 70px;}
	.slider .left .slide-image{height: 80vw;}
	.slider .left { height:auto;}
	.slider .right { height:auto; display:flex; align-items:flex-end; padding: 20px; }
	.slider .caption-tab{margin: 0;}
	.what-we-do blockquote{font-size: 200%;}
	.p-40-0, .p-60-0, .p-60{padding: 20px 0 20px;}
	.px-35{ padding-left: 0px!important; padding-right: 0px!important; }
	.p-80-0, .p-100-0{padding: 30px 0;}
	.d-large-screen-only{display: none;}
	.d-small-screen-only{display: block;}
	h1{font-size: 22px;}
	h2{font-size: 22px;}
	h3{font-size: 16px!important;}
	p{font-size: 14px; text-align: unset;}
	.text-center.text-lg-start .heading:after { left: 50%; transform: translateX(-50%); background: linear-gradient(to right, rgba(0, 157, 217, 0),rgba(0, 157, 217, 0),rgba(0, 157, 217, 0),rgba(0, 157, 217, 1),rgba(0, 157, 217, 1),rgba(0, 157, 217, 1),rgba(0, 157, 217, 0),rgba(0, 157, 217, 0),rgba(0, 157, 217, 0));}
	.img-fluid{width: 60%; margin: auto;}
	.img-cover{ width: 100%; }
	.bvolv-nav .logo{width: 150px;}
	.bvolv-nav .navbar-nav{margin-top: 30px;}
	.bvolv-nav .navbar-nav .nav-link{font-size: 30px; padding: 15px 30px;}
	.bvolv-nav .navbar-nav .nav-link{color: #ffffff;}
	.bvolv-nav .navbar-nav .nav-link:hover{color: #cacaca;}
	.offcanvas-body{background-color: #001524;}
	.services-listing .single-service:hover .hover-content, .services-listing .single-service .hover-content{position: absolute; left: 0; right: 0; bottom: 0; top: auto; width: 100%; opacity: 1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; text-align: center;}
	.features .feature-item:not(:last-child)::after {content:"";position:absolute; bottom: 0; left: 50%; transform:translateX(-50%); height:2px; width:80px;background:#c3ca40;}
	.features .single-feature{min-height: 80px;}
	.contact-page .col-lg:after{content: ''; position: absolute; right: unset; left: 50%; width: 100px; background: #000000; height: 2px; top: unset; bottom: -15px; transform: translateX(-50%);}
	.contact-page .col-lg:last-child:after{display: none;}
}

@media screen and (max-width: 768px){
}

/* WordPress Core */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }