/*======================================
Theme Name: ClipzyStudio - Digital & Video Marketing Agency Divi Child Theme
Theme URI: https://clipzystudio.rise-creators.com/
Author: Rise Themes
Author URI: https://risethemes.net/
Template: Divi
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/

/* ===== NOTES ==================================================================
 *
 * Discover our premium Divi products: https://risethemes.net/    https://rise-creators.com/
 * 
 * =============================================================================== */


/* ====================================================
   start - Text selection color
==================================================== */

::selection {
    background: #6D28D9;
    color: #ffffff;
}
::-moz-selection {
    background: #6D28D9;
    color: #ffffff;
}

/* ====================================================
   End - Text selection color
==================================================== */



/* ====================================================
   start- Home1 & Home2 Hero section below scrolling effect
==================================================== */

html,
body,
#page-container,
#et-main-area{
    overflow-x:hidden !important;
}

.clipzy-marquee{
    width:100%;
    overflow:hidden !important;
}

.clipzy-track{
    width:max-content;
    animation:clipzyScroll 30s linear infinite;
}

@keyframes clipzyScroll{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

.clipzy-marquee:hover .clipzy-track{
    animation-play-state:paused;
}
/* ====================================================
   End- Home1 & Home2 Hero section below scrolling effect
==================================================== */




/* ====================================================
   start - home 1 & 2 - WHAT WE DO
==================================================== */

/* ==== Rise CARD ACCORDION === */
.rise-cards {
    display: flex;
    overflow: hidden;
}
/* ===ALL CARDS== */
.rise-card {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
    cursor: pointer;
    will-change: flex-grow;
}
/* ===OPEN CARD=== */
.rise-card.active {
    flex: 3 1 0;
}
/* ===CLOSED CARD VIEW=== */
.rise-closed {
    position: absolute;
    inset: 0;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
/* Hide closed view when active*/
.rise-card.active
.rise-closed {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
/* ===OPEN CONTENT=== */
.rise-open {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
/* Show active card content */
.rise-card.active
.rise-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
/* ===OPEN CARD TEXT=== */
.rise-copy {
    position: absolute;
}
.rise-label {
    opacity: 0.7;
}
/* ===IMAGE=== */
.rise-photo {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.rise-photo img {
    width: 100% !important;
    height: 100% !important;
    display: block;
    object-fit: cover;
}
/* ==SOCIAL ICONS==== */
.rise-social {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    gap: 6px;
    z-index: 20;
}
.rise-social a {
    width: 32px;
    text-decoration: none;
}
/* ===BADGE=== */
.rise-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 30;
    padding: 6px 8px;
    background: #ff4b4b;
    border-radius: 5px;
}
/* ==HOVER CLOSED CARD=== */
.rise-card:not(.active):hover {
    background: #ffff;
}
/* ==1003px - 1276px MEDIUM DESKTOP=== */
@media (min-width: 1003px) and (max-width: 1276px) {
    .rise-cards {
        display: flex;
        flex-direction: row;
        gap: 8px;
        width: 100%;
        overflow: hidden;
    }
    .rise-card {
        /*height: 100px;*/
        min-width: 0;
        flex: 1 1 0 !important;
    }
    .rise-card.active {
        flex: 3 1 0 !important;
    }
    .rise-copy {
        /*left: 6%;
        top: 12%;*/
        width: 42%;
    }
    .rise-copy h2 {
        font-size: 31px;
        line-height: 1.07;
        margin-bottom: 22px;
    }
    .rise-copy p {
        max-width: 220px;
        font-size: 12px;
        line-height: 1.45;
    }
    .rise-label {
        font-size: 11px;
        margin-bottom: 11px;
    }
    .rise-photo {
        width: 80%;
        height: 100%;
    }
    .rise-number {
        font-size: 28px;
    }
    .rise-closed-title {
        font-size: 12px;
        text-align: center;
        line-height: 1.3;
        padding: 0 8px;
    }
    .rise-social {
        bottom: 18px;
    }
}
/* ==921px - 1003px LARGE TABLET===*/
@media (min-width: 921px) and (max-width: 1003px) {
    .rise-cards {
        display: flex;
        flex-direction: row;
        gap: 8px;
        width: 100%;
        overflow: hidden;
    }
    .rise-card {
       /* height: 270px;*/
        min-width: 0;
        flex: 1 1 0 !important;
    }
    .rise-card.active {
        flex: 3 1 0 !important;
    }
    .rise-copy {
        /*left: 5%;
        top: 11%;*/
        width: 43%;
    }
    .rise-copy h2 {
        font-size: 27px;
        line-height: 1.08;
        margin-bottom: 18px;
    }
    .rise-copy p {
        max-width: 190px;
        font-size: 11px;
        line-height: 1.45;
    }
    .rise-label {
        font-size: 10px;
        margin-bottom: 9px;
    }
    .rise-photo {
        width: 60%;
        height: 100%;
    }
    .rise-number {
        font-size: 26px;
    }
    .rise-closed-title {
        font-size: 11px;
        text-align: center;
        line-height: 1.3;
        padding: 0 6px;
    }
    .rise-social {
        bottom: 15px;
        gap: 5px;
    }
    .rise-social a {
        width: 29px;
        height: 29px;
        font-size: 12px;
    }
}
/* ==814px - 921px TABLET== */

@media (min-width: 814px) and (max-width: 921px) {
    .rise-cards {
        display: flex;
        flex-direction: row;
        gap: 8px;
        width: 100%;
        overflow: hidden;
    }
    .rise-card {
       /* height: 230px;*/
        min-width: 0;
        flex: 1 1 0 !important;
    }
    .rise-card.active {
        flex: 3 1 0 !important;
    }
    .rise-copy {
        /*left: 5%;
        top: 9%;*/
        width: 44%;
    }
    .rise-copy h2 {
        font-size: 22px;
        line-height: 1.1;
        margin-bottom: 14px;
    }
    .rise-copy p {
        max-width: 155px;
        font-size: 10px;
        line-height: 1.4;
    }
    .rise-label {
        font-size: 9px;
        margin-bottom: 7px;
    }
    .rise-photo {
        width: 55%;
        height: 100%;
    }
    .rise-number {
        font-size: 23px;
    }
    .rise-closed-title {
        font-size: 9px;
        text-align: center;
        line-height: 1.25;
        padding: 0 5px;
    }
    .rise-social {
        bottom: 13px;
        gap: 5px;
    }
    .rise-social a {
        width: 26px;
        height: 26px;
        font-size: 11px;
    }
    .rise-badge {
        top: 8px;
        right: 8px;
        padding: 4px 6px;
        font-size: 7px;
    }
}
/* ==421px - 813px MOBILE / SMALL TABLET KEEP VERTICAL ACCORDION===*/

@media (min-width: 421px) and (max-width: 813px) {
    .rise-cards {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 8px;
        overflow: hidden;
    }
    .rise-card {
        width: 100%;
       /* height: 80px;*/
        flex: 0 0 80px !important;
        border-radius: 14px;
    }
    .rise-card.active {
        width: 100%;
        /*height: 420px;*/
        flex: 0 0 420px !important;
    }
    .rise-closed {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 0 22px;
    }
    .rise-number {
        font-size: 22px;
    }
    .rise-copy {
        width: calc(100% - 44px);
    }
    .rise-label {
        margin-bottom: 10px;
    }
    .rise-photo {
        top: auto;
        right: 0;
        bottom: 0;
        width: 100%;
        /*height: 55%;*/
    }
    .rise-social {
        left: 22px;
        bottom: 18px;
        transform: none;
        flex-direction: row;
        gap: 7px;
    }
    .rise-social a {
        width: 30px;
        height: 30px;
        font-size: 13px;
    }
}
/* ==420px AND BELOW SMALL MOBILE== */

@media (max-width: 420px) {
    .rise-cards {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 8px;
        overflow: hidden;
    }
    .rise-card {
        width: 100%;
        height: 70px;
        flex: 0 0 70px !important;
        border-radius: 13px;
    }
    .rise-card.active {
        width: 100%;
        height: 400px;
        flex: 0 0 400px !important;
    }
    .rise-closed {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 0 18px;
    }
    .rise-number {
        font-size: 20px;
    }
    .rise-closed-title {
        font-size: 11px;
        line-height: 1.3;
        text-align: right;
        max-width: 140px;
    }
    .rise-copy {
        /*left: 18px;
        top: 22px;*/
        width: calc(100% - 36px);
    }
    .rise-label {
        font-size: 10px;
        margin-bottom: 8px;
    }
    .rise-copy h2 {
        font-size: 24px;
        line-height: 1.1;
        margin-bottom: 13px;
        max-width: 250px;
    }
    .rise-photo {
        top: auto;
        right: 0;
        bottom: 0;
        width: 100%;
        /*height: 60%;*/
    }
    .rise-social {
        left: 18px;
        bottom: 14px;
        transform: none;
        flex-direction: row;
        gap: 6px;
    }
    .rise-social a {
        width: 28px;
        height: 28px;
        font-size: 12px;
    }
    .rise-badge {
        top: 10px;
        right: 10px;
        padding: 5px 7px;
        font-size: 8px;
    }
}
/* ====================================================
   end - home 1 & 2 - WHAT WE DO
==================================================== */





/* ====================================================
   start - Home1 & 2 - 4.9/5 Trusted by 250+ Creators
==================================================== */
.metric-ring{
    position:relative;
   /* width:170px;
    height:180px;
    border-radius:0%;*/
}
/* Grey circle */
.metric-ring::before{
content:"";
position:absolute;
inset:0;
border:1px solid rgba(255,255,255,.18);
border-radius:50%;
}

/* Orange Arc */
.metric-ring::after{
content:"";
position:absolute;
inset:0;
border-radius:50%;
background:
conic-gradient(
transparent 0deg,
transparent 5deg,
#FF5A3D 35deg,
#FF5A3D 185deg,
transparent 185deg
);
  filter:
drop-shadow(0 0 10px #FF5A3D)
drop-shadow(0 0 20px #FF5A3D);
-webkit-mask:
radial-gradient(
farthest-side,
transparent calc(100% - 8px),
);
mask:
radial-gradient(
farthest-side,
transparent calc(100% - 3px),
#000 calc(100% - 3px)
);

}
.purple-ring::after{

background:
conic-gradient(
transparent 0deg,
transparent 5deg,
#7b57ff 35deg,
#7b57ff 185deg,
transparent 185deg
);

filter:
drop-shadow(0 0 10px #7b57ff)
drop-shadow(0 0 20px #7b57ff);

}
/* ====================================================
  end - Home1 & 2 - 4.9/5 Trusted by 250+ Creators
==================================================== */



/* ====================================================
  start - Home1 & Home2 & About - How It works
==================================================== */

/*Zoom-img*/
.zoom-image img{
    transition:transform .7s cubic-bezier(.22,.61,.36,1);
    transform:scale(1);
}
/* Hover */
  .zoom-card:hover img{
    transform:scale(1.15);
    filter:brightness(1.05);
}
/*end*/


/*start - home2 hero section*/
/* ==VIEWPORT== */

.clipzy-vertical-column{
    position:relative;
    overflow:hidden;
    height:600px;
    width:100%;
}


/* ==VERTICAL TRACK==*/

.clipzy-vertical-track{
    display:flex !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;

    width:100% !important;
    max-width:100% !important;

    /*gap:20px;*/

    margin:0 !important;
    padding:0 !important;

    animation:none !important;

    will-change:transform;
}


/* ==IMAGES=== */

.clipzy-vertical-track img{
    display:block !important;

    width:100% !important;
    max-width:100% !important;

    height:auto !important;

    flex:none !important;

    transform:none !important;
}


/* ==TOP FADE== */

.clipzy-vertical-column::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100px;
    z-index:20;
    pointer-events:none;

    background: linear-gradient(
        to bottom,
        #FFFFFF 0%,
        rgba(255,255,255,1) 15%,
        rgba(255,255,255,.85) 35%,
        rgba(255,255,255,.45) 65%,
        rgba(255,255,255,0) 100%
    );
}

/* ==BOTTOM FADE== */

.clipzy-vertical-column::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100px;
    z-index:20;
    pointer-events:none;

    background: linear-gradient(
        to top,
        #FFFFFF 0%,
        rgba(255,255,255,1) 15%,
        rgba(255,255,255,.85) 35%,
        rgba(255,255,255,.45) 65%,
        rgba(255,255,255,0) 100%
    );
}

/* ====================================================
  end - Home1 & Home2 & About - How It works
==================================================== */

 
/* ====================================================
  start - Services we offer CARD
==================================================== */
.clipzy-hover-card{
    position:relative;
    overflow:hidden;
}

.clipzy-hover-card:hover{
    cursor: pointer !important;
}

.clipzy-hover-card1:hover {
	cursor: pointer !important;
}

/* ====HOVER PATTERN===*/
  .clipzy-hover-card::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:113px;
    height:115px;
    z-index:0;
    pointer-events:none;
    background:
        /* Square 1 */
        linear-gradient(#6D28D9 0 0)
        0 0 / 38px 38px no-repeat,
        /* Square 2 */
        linear-gradient(#6D28D9 0 0)
        76px 0px / 38px 38px no-repeat,
        /* Square 3 */
        linear-gradient(#6D28D9 0 0)
        38px 38px / 38px 38px no-repeat,
        /* Square 4 */
        linear-gradient(#6D28D9 0 0)
        76px 76px / 38px 38px no-repeat; transform:translateY(-115px);
    opacity:0;
    transition:
        transform 1.5s cubic-bezier(.22,1,.36,1),
        opacity 1s ease;
}
  /* ====KEEP CONTENT ABOVE PATTERN==== */
.clipzy-hover-card > *{
    position:relative;
    z-index:2;
}
/* ====HOVER===== */
.clipzy-hover-card:hover::before{
 transform:translateY(0);
    opacity:1;
}

.clipzy-hover-card{
    position:relative;
    overflow:hidden;
}
/* ====HOVER PATTERN=== (orange color)*/
  .clipzy-hover-card1::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:113px;
    height:115px;
    z-index:0;
    pointer-events:none;
    background:
        /* Square 1 */
        linear-gradient(#FF5A3D 0 0)
        0 0 / 38px 38px no-repeat,
        /* Square 2 */
        linear-gradient(#FF5A3D 0 0)
        76px 0px / 38px 38px no-repeat,
        /* Square 3 */
        linear-gradient(#FF5A3D 0 0)
        38px 38px / 38px 38px no-repeat,
        /* Square 4 */
        linear-gradient(#FF5A3D 0 0)
        76px 76px / 38px 38px no-repeat; transform:translateY(-115px);
    opacity:0;
    transition:
        transform 1.5s cubic-bezier(.22,1,.36,1),
        opacity 1s ease;
}
  /* ====KEEP CONTENT ABOVE PATTERN==== */
.clipzy-hover-card1 > *{
    position:relative;
    z-index:2;
}
/* ====HOVER===== */
.clipzy-hover-card1:hover::before{
 transform:translateY(0);
    opacity:1;
}
/* ====================================================
  end - Services we offer CARD
==================================================== */




/* ====================================================
  start - Services we offer CARD
==================================================== */
.card1{
    display:block;
    overflow:hidden;
    text-decoration:none;
    position:relative;
    z-index:1;
}


/* =========================================
   HOVER BACKGROUND
========================================= */

.card1::before{
    content:"";

    position:absolute;
    top:0;
    right:0;

    width:20px;
    height:11px;

    background:#6d28d9;
 border-radius:0.5px;

    transform:scale(1);
    transform-origin:top right;

    transition:
        transform .5s ease;

    z-index:-1;
    pointer-events:none;
}


/* =========================================
   EXPAND BACKGROUND
========================================= */

.card1:hover::before{
    transform:scale(25);
}


/* =========================================
   CORNER ICON
========================================= */

.card1 .go-corner{
    position:absolute;

    top:0;
    right:0;

    background:#6d28d9;

    border-radius:0 1px 0 10px;

    display:flex;
    align-items:flex-start;
    justify-content:flex-end;

    padding:12px;

    z-index:5;
}


/* =========================================
   TEXT TRANSITION
========================================= */

.card1,
.card1 *,
.card1 .et_pb_text_inner,
.card1 .et_pb_text_inner *,
.card1 .et_pb_blurb_content,
.card1 .et_pb_blurb_content *,
.card1 .et_pb_blurb_description,
.card1 .et_pb_blurb_description *,
.card1 .et_pb_module_header,
.card1 .et_pb_module_header *{
    transition:
        color .5s ease,
        -webkit-text-fill-color .5s ease;
}


/* =========================================
   HOVER → FORCE ALL TEXT WHITE
========================================= */

.card1:hover,
.card1:hover *,
.card1:hover .et_pb_text_inner,
.card1:hover .et_pb_text_inner *,
.card1:hover .et_pb_blurb_content,
.card1:hover .et_pb_blurb_content *,
.card1:hover .et_pb_blurb_description,
.card1:hover .et_pb_blurb_description *,
.card1:hover .et_pb_module_header,
.card1:hover .et_pb_module_header *,
.card1:hover h1,
.card1:hover h2,
.card1:hover h3,
.card1:hover h4,
.card1:hover h5,
.card1:hover h6,
.card1:hover p,
.card1:hover span,
.card1:hover a,
.card1:hover strong,
.card1:hover em,
.card1:hover li{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}


/* =========================================
   LINKS
========================================= */

.card1:hover a,
.card1:hover a:hover,
.card1:hover a:visited{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

/* ====================================================
  end - Services we offer CARD
==================================================== */



/* ====================================================
   start - services - THE CLIPZY ADVANTAGE
==================================================== */
.card2{
    position:relative;
    overflow:hidden;
    z-index:1;
}


/* =========================================
   HOVER BACKGROUND
========================================= */

.card2::before{
    content:"";

    position:absolute;
    top:0;
    left:0;

    width:16px;
    height:10px;

    background:#ff5a3d;
border-radius:0.5px;

    transform:scale(1);
    transform-origin:top left;

    transition:
        transform .6s cubic-bezier(.22,1,.36,1);

    z-index:-1;
    pointer-events:none;
}


/* =========================================
   EXPAND BACKGROUND
========================================= */

.card2:hover::before{
    transform:scale(40);
}


/* =========================================
   DIVI TEXT - HOVER WHITE
========================================= */

.card2:hover .et_pb_text_inner,
.card2:hover .et_pb_text_inner *,
.card2:hover .et_pb_blurb_content,
.card2:hover .et_pb_blurb_content *,
.card2:hover .et_pb_module_header,
.card2:hover .et_pb_module_header *,
.card2:hover .et_pb_blurb_description,
.card2:hover .et_pb_blurb_description *,
.card2:hover p,
.card2:hover h1,
.card2:hover h2,
.card2:hover h3,
.card2:hover h4,
.card2:hover h5,
.card2:hover h6,
.card2:hover a,
.card2:hover span,
.card2:hover strong,
.card2:hover em{

    color:#ffffff !important;

    -webkit-text-fill-color:#ffffff !important;
}


/* =========================================
   NORMAL TEXT COLOR
========================================= */

.card2 .et_pb_text_inner,
.card2 .et_pb_blurb_content,
.card2 .et_pb_module_header,
.card2 .et_pb_blurb_description{
    transition:color .5s ease;
}


/* =========================================
   CORNER ICON
========================================= */

.card2 .go-corner{
    position:absolute;

    top:0;
    left:0;

    background:#ff5a3d;

    border-radius:0 1px 10px 0;

    display:flex;

    align-items:flex-start;
    justify-content:flex-start;

    padding:12px;

    z-index:5;
}
/* ====================================================
   end - services - THE CLIPZY ADVANTAGE
==================================================== */


/* ====================================================
   start - Heading/Text Reveal CSS
==================================================== */
.reveal-text {
    overflow: hidden;
}

.reveal-text .split-line {
    overflow: hidden;
}

/* ====================================================
   end - Heading/Text Reveal CSS
==================================================== */




/* ====================================================
   start - footer gallery CSS Start
==================================================== */
.footer-gallery{
    position:relative;
}

.footer-gallery .photo{ 
    /*width:120px;*/
    box-shadow:0 15px 35px rgba(0,0,0,.2);
    cursor:pointer;
}
  /*hover effect*/
 .footer-gallery .photo:hover{
    transform:translateY(-45px) scale(1.08) rotate(0deg);
    /*z-index:999;*/
}

/* ====================================================
   end - footer gallery CSS Start
==================================================== */






/* =========================================================
   start - OUR WORK TABS CONTAINER
========================================================= */

.home-2-tabs {
    position: relative !important;

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

    width: fit-content !important;

    margin: 0 auto !important;

    padding: 0 !important;

    gap: 0 !important;

    flex-wrap: nowrap !important;

    box-sizing: border-box !important;

    z-index: 1 !important;
}


/* =========================================================
   MOVING WHITE PILL
========================================================= */

.home-2-moving-pill {
    position: absolute !important;

    left: 0;
    top: 0;

    width: 0;
    height: 0;

    z-index: 0 !important;

    display: block !important;

    pointer-events: none !important;

    background: #ffffff !important;

    border-radius: 16px !important;

    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.10) !important;

    margin: 0 !important;

    padding: 0 !important;

    opacity: 0;

    box-sizing: border-box !important;

    transition:
        left 0.35s cubic-bezier(.4, 0, .2, 1),
        top 0.35s cubic-bezier(.4, 0, .2, 1),
        width 0.35s cubic-bezier(.4, 0, .2, 1),
        height 0.35s cubic-bezier(.4, 0, .2, 1),
        opacity 0.2s ease;
}


/* =========================================================
   TAB
========================================================= */

.home-2-tab {

    position: relative !important;

    z-index: 2 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    height: 40px !important;

    padding: 0 16px !important;

    margin: 0 !important;

    border: none !important;

    outline: none !important;

    background: transparent !important;

    box-shadow: none !important;

    color: #222222 !important;

    cursor: pointer !important;

    white-space: nowrap !important;

    line-height: 1 !important;

    text-decoration: none !important;

    box-sizing: border-box !important;

    transition:
        color 0.2s ease !important;
}


/* =========================================================
   TAB TEXT
========================================================= */

.home-2-tab,
.home-2-tab span,
.home-2-tab a {

    color: #222222 !important;

}


/* =========================================================
   DIVI HOVER / ACTIVE
========================================================= */

.home-2-tab:hover,
.home-2-tab:focus,
.home-2-tab:active,
.home-2-tab.active {

    background: transparent !important;

    box-shadow: none !important;

    color: #222222 !important;

}


/* =========================================================
   REMOVE DIVI PSEUDO ELEMENTS
========================================================= */

.home-2-tab::before,
.home-2-tab::after {

    display: none !important;

}


/* =========================================================
   HIDDEN CARDS
========================================================= */

.home-2-hide {

    display: none !important;

}


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

.home-2-card {

    overflow: hidden;

    box-shadow:
        0 15px 40px rgba(0, 0, 0, 0.08);

    transition:
        transform 0.4s ease;

}


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

.home-2-card img {

    display: block;

    width: 100%;

    object-fit: cover;

}


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

.home-2-card:hover {

    transform: translateY(-8px);

}


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

@media (max-width: 767px) {

    .home-2-tabs {

        width: 100% !important;

        justify-content: center !important;

        overflow-x: auto !important;

        overflow-y: hidden !important;

        scrollbar-width: none !important;

    }

    .home-2-tabs::-webkit-scrollbar {

        display: none !important;

    }

    .home-2-tab {

        height: 38px !important;

        padding-left: 11px !important;

        padding-right: 11px !important;

        flex: 0 0 auto !important;

    }

    .home-2-moving-pill {

        border-radius: 14px !important;

    }

}

/* =========================================================
   end - OUR WORK TABS CONTAINER
========================================================= */





/* =========================================================
   start - Work Marquess JS Code
========================================================= */
/* ====MARQUEE ROW=== */
.marquee-wrapper{
    width:100%;
    overflow:hidden !important;
    position:relative;
}
/* ===TRACK=== */
.marquee{
    display:flex !important;
    flex-wrap:nowrap !important;
    width:max-content !important;
    max-width:3000px
      !important;
    margin:0 !important;
    padding:0 !important;
    will-change:transform;
    /*gap:0 !important;*/
}
/* ==EACH CARD / GROUP=== */
.marquee-item{
    flex:0 0 auto !important;
    /*width:1500px !important;*/
}
/* ===LEFT → RIGHT DIRECTION== */
.marquee-left{
    animation:clipzy-left 100s linear infinite;
}
/* ==RIGHT → LEFT DIRECTION== */
.marquee-right{
    animation:clipzy-right 100s linear infinite;
}
/* ==LEFT SCROLL===*/
@keyframes clipzy-left{
    from{
        transform:translate3d(0,0,0);
    }
    to{
        transform:translate3d(-50%,0,0);
    }
}
/* ==RIGHT SCROLL== */
@keyframes clipzy-right{
    from{
        transform:translate3d(-50%,0,0);
    }
    to{
        transform:translate3d(0,0,0);
    }
}
/* ==PREVENT HORIZONTAL PAGE SCROLL== */
html,
body{
    overflow-x:hidden !important;
}

/* =========================================================
   end - Work Marquess JS Code
========================================================= */