@charset "UTF-8";
/*
Theme Name: On Pointe Creatives
Theme URI: https://itecavengers.com/
Author: the itechavengers team
Author URI: https://itechavengers.com
Description: One Pointe Creatives provides unique, innovative digital services to businessman or individuals who want to grow their business online. Focusing on results, we use our technical skill and industry insight to help provide our clients so that they can meet their marketing goals. Focus Media Qatar is also a multinational Web / Software house, covering Pakistan, Dubai, Canada.
Requires at least: 5.3
Tested up to: 6.3
Requires PHP: 5.6
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: onpointe2026
Tags: 
*/
/*custom css*/
.title-anim br {
    display: inline !important;
}
.cursor1 {
    border: 1px solid #e83011;
	mix-blend-mode: initial;
}
.cursor2 {
    background-color: #e83011;
	mix-blend-mode: initial;
}
.main-menu > li, .main-menu-4 > li {
    margin: 0 25px;
}
.roll__area-3 {
    padding: 31px 10px;
    background-color: #e83011;
}
.roll__area-3.bfr-portfolio {
    padding: 31px 10px;
    background-color: #e83011;
}

/* services */
.award__area {
    background-color: #424635;
}
.about__img-2{
	margin-bottom: 0;
}
.sec-title-2, .hero__about .hero-title {
    color: #e83011;
}
/* Each service box */
.award__area .client_item, .service_area .client_item{
    display: flex;
    flex-direction: column;
    background-color: #000;
    border: 2px solid #d2eb20;
    border-radius: 14px;
    padding: 20px;
    min-height: 260px; /* or fixed height if needed */
    color: #fff;
    text-decoration: none;
    margin-bottom: 25px;
}
.award__area .client_item h4, .service_area .client_item h4{
	color: #d2eb20;
    margin-bottom: 10px;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    font-size: 30px;
    margin-top: 20px;
}
.award__area .client_item p, .service_area .client_item p{
    color: #ffffff;                 /* requested white color */
    margin: 5px 0;
    font-size: 14px;
    line-height: 1.5;
}
.feature__area-2 {
    background-color: #ffffff;
}
.feature__item .feature__title {
    color: #e83011;
}
.hero__about-text {
	width: 800px;
}
.mt-130 {
    margin-top: 130px;
}
.counter-section-one.border-2 {
    border-width: 2px !important;
}
.counter-section-one.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(33, 37, 41,1)!important
}
.counter-section-one.border-bottom {
    border-bottom: 2px solid #333 !important;
}
.counter-section-one.border-top {
    border-top: 2px solid #333 !important;
}
.counter-section-one .main-count {
	font-family: "Montserrat", sans-serif;
    font-weight: 900;
    font-size: 90px;
    font-style: italic;
    letter-spacing: -5px;
    color: #000;
    margin-bottom: -22px;
}
.counter-section-one p {
    margin: 0;
}
.counter-section-one .text-dark {
    --bs-text-opacity: 1;
    color: rgba(33, 37, 41, 1) !important;
}

.counter-section-one .skew-line:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    left: 0;
    top: 0;
    z-index: -1;
    transform: skew(-15deg);
}
.about__img-2 img {
    transform: inherit !important;
}
.pt-60{
	padding-top: 60px;
}
.pb-60{
	padding-bottom: 60px;
}
.hero__about-info {
	padding-bottom: 0px;
}


/* testimonials*/
.tp-testimonial-bg {
    padding-top: 160px;
    padding-bottom: 125px;
    /*border-radius: 50px 50px 0 0; */
}
.black-bg-3 {
    background-color: #000;
}
.p-relative {
    position: relative;
}
.fix {
    overflow: hidden;
}
.tp-testimonial-global img.global-img {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    text-align: center;
    width: 900px;
    margin: 0 auto;
    padding-top: 100px;
    -webkit-animation: animationglob 50s cubic-bezier(1, 0.99, 0.03, 0.01) infinite;
}
.tp-testimonial-global img.overlay-img {
    position: absolute;
    top: 16%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    z-index: 2;
}
.z-index-3 {
    position: relative;
    z-index: 3;
}
.mb-20 {
    margin-bottom: 20px;
}
.tp-section-title {
    font-size: 80px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.022456em;
    text-transform: uppercase;
}
.tp-testimonial-slider-active {
    padding-top: 180px;
    margin: 0px -100px;
}
.tp-testimonial-item.green-style {
    margin-top: 70px;
    position: relative;
    z-index: 2;
    transform: rotate(2deg);
}
.tp-testimonial-item.white-style {
    position: relative;
    z-index: 2;
    transform: rotate(-7deg);
    background-color: #ffffff;
}
.tp-testimonial-item.l-green-style {
    margin-top: -50px;
    transform: rotate(2deg);
    background: #d2eb20;
}
.tp-testimonial-item {
    transition: 0.3s;
    margin: 0px -25px;
    display: inline-block;
    padding: 30px 30px 45px 30px;
    background-color: #FF5722;
    border: 6px solid #000;
}
.tp-testimonial-text p {
    font-weight: 500;
    font-size: 22px;
    line-height: 1.27;
    margin-bottom: 65px;
    letter-spacing: -0.04em;
}
.tp-testimonial-item:hover {
    position: relative;
    z-index: 5;
}
.tp-testimonial-item.green-style .tp-testimonial-text p {
    color: #ffffff;
}
.tp-testimonial-item.green-style .tp-testimonial-author-info span {
    color: #ffffff;
}
.tp-testimonial-item.green-style .tp-testimonial-author-info p {
    color: #ffffff;
}
.wc-btn-pink span {
    background-color: #d2eb20;
}
.portfolio__inner-5{
	justify-content: flex-start;
}
.portfolio__item-5{
	width: 400px;   /* card width */
	height: 300px;  /* card height */
}
.portfolio__item-5 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#portfolioTabs .nav-link{
	color: #e83011;
}
.cat_links li a {
    font-size: 20px;
}

.google-review-img {
	width:200px;
	padding-left: 30px;
}
.hero__about-qasim{
	padding-top: 80px;
}
.hero__about-text-qasim {
    width: 800px;
    display: block;
}
.hero__about-text-qasim p {
	font-size: 18px;
    line-height: 1.4;
    padding-top: 50px;
}
@media (max-width: 576px) {
    .google-review-img {
        padding-left: 0;
        margin-top: 15px;
    }
}

@media only screen and (max-width: 767px) {
	.feature__top {
		border-bottom: 1px solid var(--black);
	}
	.feature__item {
		border-right: none;
		padding: 20px 0 50px 0;
		border-bottom: 1px solid var(--black);
	}
	.swiper .tp-testimonial-text{
		width: 500px;
		padding: 10px 10px 0 120px;
	}
	.footer__logo {
		margin: 0px 0px 20px 110px;
	}
}

/* Video styling */
.hero__area-2 {
    position: relative;
    width: 100%;
    height: 100vh; /* Desktop full screen */
    overflow: hidden;
}
.hero__area-2 .bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}

/* 📱 Mobile: half screen */
@media (max-width: 768px) {
    .hero__area-2 {
        height: 50vh; /* Half of mobile screen */
    }
}