/*!
Theme Name: BPO Center
Theme URI: https://digitalsolutions.com.pk/
Author: DST
Author URI: https://digitalsolutions.com.pk/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: westchesterpool
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

westchesterpool is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.navBar ul li {
    display: inline-block;
}
.navBar ul li a {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: rgb(16 23 41 / 1);
}
.navBar ul li a:hover {
    color: #a3405c;
}
.navBar ul li:not(:first-child) {
    margin-left: calc(1.25rem * calc(1 - 0));
}
.navBar ul .menu-item-has-children {
    position: relative;
}
.navBar ul .menu-item-has-children a {
    display: flex;
    gap: 0.25rem;
    align-items: center;
    cursor: pointer;
}
.navBar .sub-menu {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    color: hsl(222 47% 11%);
    padding: .25rem;
    background-color: #ffffff;
    border: 1px solid rgb(229 231 235 / 1);
    border-radius: calc(.5rem - 2px);
    max-width: 10.086rem;
    position: absolute;
    margin: 4px auto 0;
    left: 0;
    right: 0;
    display: none;
    transition: opacity 0.3s ease;
}
.navBar .sub-menu.submenu-open {
	display: block;
}
.navBar .sub-menu li {
    display: block;
    margin-left: 0 !important;
}
.navBar .sub-menu li a {
    outline: 2px solid transparent;
    outline-offset: 2px;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    padding: .5rem .75rem;
    border-radius: calc(.5rem - 4px);
    display: flex;
    width: 100%;
}
.navBar .sub-menu li a:hover {
    background-color: hsl(262 83% 58%);
    color: #ffffff;
}
.navBar ul .current-menu-item,
.navBar ul .current-menu-parent {
    transform: translateY(-.25rem);
}
.navBar ul .current-menu-item > a,
.navBar ul .current-menu-parent > a {
    color: rgb(126 48 98 / 1);
    padding-bottom: .25rem;
    border-bottom: 2px solid rgb(126 48 98 / 1);
}
.navBar .sub-menu .current-menu-item {
    transform: translateY(0);
}
.navBar .sub-menu .current-menu-item > a {
    color: inherit;
    padding-bottom: .5rem;
    border-bottom: none;
}
.slider-track {
  transition: transform 0.6s ease-in-out;
}
svg.rotate-180 {
	transform: rotate(180deg);
}
.max-w-800 {
	max-width: 800px;
}

@media (max-width: 1279px) {
    .navBar ul li:not(:first-child) {
        margin-left: calc(0.5rem * calc(1 - 0));
    }
    .navBar ul li a {
        font-size: 0.825rem;
    }
}

@media (max-width: 1023px) {
    /* Header */
    .mobNav ul li svg {
        display: none;
    }
    .mobNav ul li > a {
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 500;
        padding: .5rem .75rem;
        display: block;
    }
    .mobNav ul .menu-item-has-children {
        margin-top: calc(.25rem * calc(1 - 0));
        padding: .5rem .75rem;
    }
     .mobNav ul .menu-item-has-children > a {
        padding: 0;
        margin-bottom: .5rem;
     }
    .mobNav .sub-menu {
        padding-left: 1rem;
    }
    .mobNav .sub-menu li a {
        padding: .25rem .5rem;
        font-weight: 400;
    }
    .mobNav ul li:not(:first-child) {
        margin-top: calc(.25rem * calc(1 - 0));
    }
    .mobNav .current-menu-item a
    /* .mobNav .current-page-parent a */ {
        color: rgb(163 64 92 / 1);
        background-color: #7e30621a;
    }
    .mobNav,
    #toggleBtn .lucide-x,
    #toggleBtn.active .lucide-menu {
        display: none;
    }
    .mobNav.open,
    #toggleBtn.active .lucide-x {
        display: block;
    }
}
@media (max-width: 600px) {
	.smallBtnMob {
		padding: 1rem;
		font-size: 0.8rem;
	}
	.smallMapMob {
		height: auto;
	}
	.mob5Rem {
		padding: 5rem 0;
	}
	.mob5Rem .-top-8 {
		left: 0;
    	top: -10%;
	}
	.mob5Rem .-bottom-8 {
		bottom: -20%;
    	right: 0;
	}
	.mobGrid1 .text-3xl {
		font-size: 1.5rem;
	}
	#why-us {
		padding-bottom: 0;
	}
	#why-us .mt-24 {
		margin-top: 3rem;
	}
	#partners {
		padding-top: 0;
	}
	#capabilities h2.text-4xl {
		font-size: 1.8rem;
	}
}
@media (max-width: 400px) {
	.mobGrid1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}