/*
Theme Name: Targetify
Theme URI: https://cozythemes.com/targetify-free-wordpress-theme-for-digital-agency/
Author: CozyThemes
Author URI: https://cozythemes.com/
Description: Meet Targetify, a dynamic WordPress theme derived from the robust FotaWP, redefines website creation for digital agencies, startups, marketing agency and corporate businesses. With block-based full site editing capabilities and a sleek, minimalist design, Targetify offers unparalleled versatility for creating captivating online presences. Whether for a tech company, counseling service, marketing agency or consulting firm, Targetify empowers users to effortlessly showcase their brand and services with finesse, making it the ultimate solution for crafting compelling agency websites. Explore more about Targetify at https://cozythemes.com/targetify-free-wordpress-theme-for-digital-agency/
Template: fotawp
Version: 1.0.1
Requires at least: 5.9
Tested up to: 6.5
Requires PHP: 7.0
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: targetify
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, e-commerce, full-site-editing, block-patterns, full-width-template, rtl-language-support, threaded-comments, translation-ready, block-styles, wide-blocks
*/
html {
	scroll-behavior: smooth;
}

:root{
    --primary:#ff7a00;
    --primary-light:#ffb347;
	--secondary: #ffb347;
    --dark:#1f2937;
    --text:#667085;
    --bg:#f8fafc;
}

.wp-block-buttons.fotaagency-buttons-with-icon .wp-block-button__link img {
  margin-bottom: -8px;
}
nav.wp-block-navigation ul li a:hover,
.wp-block-button.is-style-outline a:hover {
  color: #FBFBFB !important;
}
.entry-content.wp-block-post-content a,
.wp-block-comment-content a,
p a {
  text-decoration: underline;
}
.wp-block-cover.targetify-portfolio-box {
  background: #000;
}

.wp-block-cover.targetify-portfolio-box:hover .wp-block-cover__image-background {
  transform: scale(0.85);
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  opacity: 0.3;
}
.wp-block-button.is-style-button-hover-secondary-bgcolor a.wp-block-button__link.wp-element-button:hover {
  border-color: var(--wp--preset--color--secondary) !important;
}
.wp-block-button.is-style-button-hover-primary-bgcolor a.wp-block-button__link.wp-element-button:hover {
  border-color: var(--wp--preset--color--primary) !important;
}
.wp-block-group.banner-cta {
  margin-top: -370px !important;
  position: relative;
}
.wp-block-group.targetify-banner-section {
  background-size: 100% 100% !important;
  background-position: right top;
}
.wp-block-cover.targetify-team-box {
  position: relative;
  overflow: hidden;
}
.wp-block-cover.targetify-team-box ul.wp-block-social-links {
  transition: all ease 0.23s;
  opacity: 0;
  transform: translateY(30px);
}
.wp-block-cover.targetify-team-box:hover ul.wp-block-social-links {
  transform: translateY(0px);
  opacity: 1;
}
.wp-block-cover.targetify-team-box span.wp-block-cover__background {
  transition: all ease 0.23s;
}
.wp-block-cover.targetify-team-box:hover span.wp-block-cover__background {
  opacity: 0.5;
}
.wp-block-cover.targetify-team-box:hover img.wp-block-cover__image-background {
  transform: scale(1.1);
}





/* CUSTOMIZE */
.wp-block-button.fotawp-scrollto-top .wp-block-button__link.wp-element-button:hover:after {
    background-color: #F56E0F !important;
}

.swiper-wrapper {
	align-items: center;
}

.clients-next,
.clients-prev,
.teams-next,
.teams-prev {
	color: #262626!important;
}

.teams-next,
.teams-prev {
	margin-top: calc(0px - 90px / 2)!important;
}

.header{
    position: fixed!important;
    z-index: 99;
    width: 100%;
}

.contents {
	padding-top: 95px!important;
}

.hx-50 {
	height: 50px!important;
}

.hx-60 {
	height: 60px!important;
}

.hx-70 {
	height: 70px!important;
}

.hx-100 {
	height: 100px!important;
}

.bg-black-1 {
	background: #262626!important;
}

.text-orange-1 {
	color: #F56E0F!important;
}

p {
	margin-top: 0px!important;
}

.text-white-1 {
	color: #FBFBFB!important;
}

.text-justify {
	text-align: justify;
}

.btn-orange-1 a {
	background: #F56E0F!important;
	border-radius: 50px!important;
}

.btn-orange-1 a:hover{
	transition: transform 0.3s ease;
	transform:scale(1.1);
}

/* SWIPER CLIENTS */
.swiper-clients {
    background: white;
    border-radius: 100px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 3px solid #FF7B00;
}
/* END SWIPER CLIENTS */

.zoom-wrapper {
    overflow: hidden;
}

.zoom-item {
    transition: transform 0.4s ease;
}

.zoom-item:hover {
    transform: scale(1.1);
}

.vision-mission-card {
    width:350px;
    padding:30px;
    border-radius:20px;
    background:#fff;
    color:var(--text);
    position:relative;
    overflow:hidden;
    transition:all .4s ease;
    border:1px solid rgba(255,255,255,.08);
	box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
}

.vision-mission-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:#F56E0F;
}

.vision-mission-card:hover{
    transform:translateY(-10px);
    border-color: #F56E0F;
}

/* TEAMS  */
.swiper-teams {
    padding: 20px 0 60px;
}

.swiper-teams .swiper-slide {
	display: flex;
	justify-content: center;
}

.team-card {
	width: 80%;
    background: #FF7B00;
    border-radius: 30px;
    padding: 40px;
    display: flex;
    align-items: center;
    gap: 40px;
    color: #fff;
    transition: .3s ease;
}

.team-card:hover {
/*     transform: translateY(-5px); */
	transform:scale(1.03);
/*     box-shadow: 0 20px 40px rgba(255,122,0,.25); */
}

.team-photo {
    flex-shrink: 0;
}

.team-photo img {
    width: 180px;
    height: 180px;

    border-radius: 50%;
    object-fit: cover;

    border: 3px solid #fff;
}

.team-content h2 {
    margin: 0;
    font-size: 42px;
    font-weight: 700;
	color: #fff;
	line-height: 1;
}

.team-content h4 {
    margin: 0 0 20px;
    font-size: 24px;
    font-weight: 500;
	color: #4F5052!important;
}

.team-content p {
    margin: 0;
    font-size: 18px;
    line-height: 1.3;
}
/* END TEAMS */

/* SERVICE PILLAR */
.section-title{
    text-align:center;
    font-size:60px;
    font-weight:800;
    color:#ff7a00;
    margin-bottom:50px;
}

.service-gridd{
    margin:auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.service-card{
    background:rgba(255,255,255,.9);
    backdrop-filter:blur(12px);
    border-radius:20px;
    padding:35px;
    position:relative;
    overflow:hidden;
    transition:.35s ease;
    border:1px solid rgba(255,122,0,.12);
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
}

.service-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:
        linear-gradient(
            90deg,
            #ff7a00,
            #ffb347
        );
}

.service-card:hover{
    transform:translateY(-12px);
    border-color:#ff7a00;
    box-shadow: 0 25px 45px rgba(255,122,0,.18);
}

.card-icon{
    width:72px;
    height:72px;
    margin:auto;
    border-radius:18px;
    background:
        linear-gradient(
            135deg,
            #ff7a00,
            #ffb347
        );
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    color:#fff;
    transition:.3s;
}

.service-card:hover .card-icon{
    transform:
        rotate(8deg)
        scale(1.1);
}

.service-card h3{
    text-align:center;
    color:#ff7a00;
    margin:20px 0 25px;
    font-size:28px;
    font-weight:800;
}

.focus{
    margin-bottom:20px;
}

.focus strong,
.outputs strong{
    color:#2d3748;
}

.focus p{
    margin-top:8px;
    color:#667085;
    line-height:1.7;
}

.outputs ul{
    list-style:none;
    margin-top:15px;
}

.outputs li{
    position:relative;
    padding-left:28px;
    margin-bottom:10px;
    color:#667085;
    line-height:1.5;
}

.outputs li::before{
    content:"✓";
    position:absolute;
    left:0;
    color:#ff7a00;
    font-weight:bold;
}

/* center bottom row */
/* .service-card:nth-child(4){
    grid-column:1 / 2;
    margin-left:auto;
} */

/* .service-card:nth-child(5){
    grid-column:2 / 3;
    margin-right:auto;
} */
/* END SERVICE PILLAR */


/* METHODOLOGY*/
.section-methodology{

    position:relative;

    padding:100px 20px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at top,
            rgba(255,122,0,.08),
            transparent 35%
        ),
        linear-gradient(
            180deg,
            #fafafa,
            #f6f8fc
        );
}

/* decorative circles */

.section-methodology::before{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,122,0,.08),
            transparent 70%
        );

    top:-250px;
    left:-150px;
}

.section-methodology::after{

    content:"";

    position:absolute;

    width:450px;
    height:450px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,122,0,.05),
            transparent 70%
        );

    bottom:-250px;
    right:-150px;
}

.section-title{
    text-align:center;
    font-size:clamp(30px,5vw,44px);
    font-weight:900;
    color:var(--primary);
    margin-bottom:20px;
    position:relative;
    z-index:2;
}

.section-subtitle{

    text-align:center;

    max-width:850px;

    margin:auto;

    color:var(--text);

    font-size:18px;

    line-height:1.8;

    margin-bottom:80px;

    position:relative;

    z-index:2;
}

.methodology-grid{

    max-width:100%;

    margin:auto;

    display:flex;
	flex-wrap:wrap;

/*     grid-template-columns:
        repeat(auto-fit,minmax(240px,1fr));
    gap:45px; */
	
	justify-content:center;
    gap:60px 40px;

    position:relative;

    z-index:2;
}

.method{
	flex:0 0 350px;
    position:relative;

    text-align:center;

    transition:.35s ease;
}

.method:hover{

    transform:translateY(-12px);
}

.method-icon{

    width:120px;
    height:120px;

    margin:auto;

    border-radius:32px;

    background:
        linear-gradient(
            135deg,
            var(--primary),
            var(--primary-light)
        );

    display:flex;

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

    font-size:52px;

    color:white;

    position:relative;

    transition:.4s ease;

    box-shadow:
        0 15px 30px rgba(255,122,0,.18);
}

.method-icon::before{

    content:"";

    position:absolute;

    inset:-8px;

    border-radius:38px;

    border:2px solid rgba(255,122,0,.15);
}

.method:hover .method-icon{

    transform:
        rotate(6deg)
        scale(1.08);

    box-shadow:
        0 25px 50px rgba(255,122,0,.30);
}

.method h3{

    margin-top:25px;

    font-size:24px;

    font-weight:700;

    color:var(--dark);
}

.method p{

    margin-top:10px;

    color:var(--text);

    font-size:15px;

    line-height:1.7;
}

.method-line{

    width:60px;
    height:4px;

    margin:18px auto;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            var(--primary),
            var(--primary-light)
        );
}
/* END METHODOLOGY */




/* INSIGHTS */

/* END INSIGHT */


@media (max-width: 768px) {

    .team-card {
        flex-direction: column;
        text-align: center;
        padding: 30px 20px;
    }

    .team-photo img {
        width: 130px;
        height: 130px;
    }

    .team-content h2 {
        font-size: 28px;
    }

    .team-content h4 {
        font-size: 18px;
    }

    .team-content p {
        font-size: 15px;
    }
	
	.service-pillars-section-title {
		font-size: 40px!important;
	}
}