.sec-1-home-11__topbar {

    padding-top: clamp(100px, 14vw, 250px);
}
.postbox-play-btn a {
    background: #fdce02;
}
.postbox-scroll-zoom .postbox-scroll-zoom-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    clip-path: inset(calc(50% - 50px) calc(50% - 100px) calc(50% - 50px) calc(50% - 100px) round 4px);
    will-change: clip-path;
    position: relative;
    z-index: 2;
    
    /* Adds a slight dim/overlay effect (adjust brightness as needed) */
    filter: brightness(0.8) contrast(1.05); 
}
.card__process-pill--1 {
    background-image: url(../images/home/1.webp);
}

.card__process-pill--2 {
     background-image: url(../images/home/2.webp);
}

.card__process-pill--3 {
       background-image: url(../images/home/3.webp);
}

.card__process-pill--4 {
      background-image: url(../images/home/4.webp);
}
.videos{
    width: 100%;
    height: 100%;
    display: block;
}
.at-about-thumb img {
    border-radius: 16px;
    width: 100%;
    height: 500px;
    -o-object-fit: cover;
    object-fit: contain;
    margin-top: -50px;
}
.at-about-thumb {
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #fdce023d;
    height: 360px;
}

.at-header-contact-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 18px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: #000;
    background: #fdce02;
    border: 1px solid #fdce02;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.at-header-contact-btn:hover {
    background: transparent;
    color: #fff;
    border-color: #fff;
}
.sec-1-home-11{
    margin-top:-15px;
}
.footer-text{
    line-height: 25px;
    color: #b7b7b7;
}
.footer-logos img{
      width: auto;
    height: auto;
    max-height: 100px;  
}
.text-color{
   color:#fdce02;
}
.at-footer-widget a {
    color: var(--at-neutral-300);
    line-height: 23px;
}
.whtapp{
    height: 32px;
    margin-top: 5px;
    margin-right:10px;
    vertical-align: middle;
}

/* Separate CSS Styles */
.review-brand-logo {
    width: 140px;
}

.review-badge-img {
    width: 70px;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 3px 6px;
}
.at-brand-item {
    display: flex;
    width: 150px;
    height: 150px;
    padding: 0 20px 0 20px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 16px;
    border: 1px solid var(--at-neutral-100, #dfdfdf);
    background: var(--at-neutral-0, #fefefe);
}

[data-bs-theme=dark] .dark-mode-invert {
    filter: initial;
}
.card-item__bg {
    height: 250px;
}
.ptb-100{
    padding-bottom: 100px;
    padding-top: 100px;
}
.at-service-item .content .text {
    max-width: 100%;
}
.svg-color{
    color:#fdce02;
}

.clientt-desc {
    font-size: 16px;
    line-height: 1.5;
    color: var(--at-neutral-500);
    margin-bottom: 16px;
}

.carouselTicker__item{
    margin:0px 30px;
}

.border-bottom-1{
    border-bottom: 1px solid var(--at-neutral-100);
}

.at-brand-grid {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}

.at-brand-grid .at-brand-item {
    width: 100% !important;
}
.at-footer-area{
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 0px;
}
.pb-40-footer{
    padding-bottom: 40px !important;
}
    .at-service-item .content .title {
        font-size: 40px;
        margin-bottom: 10px;
    }
    .mg-portfolio-dec {
    letter-spacing: -0.03em;
    color: var(--at-neutral-500);
    font-size: 19px;
    line-height: 1.4;
    font-weight: 500;
}

@media (max-width: 768px) {
    .at-brand-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 480px) {
    .at-brand-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (min-width: 1200px) and (max-width: 1399px) {
    .container {
        max-width: 1280px; /* Adjust this value as needed */
    }
}

.custom-marquee-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
}

.custom-marquee-track {
    display: flex;
    gap: 20px;
    width: max-content;
    align-items: center;
}

/* Moves to the left */
.marquee-left {
    animation: scrollLeft 30s linear infinite;
}

/* Moves to the right */
.marquee-right {
    animation: scrollRight 30s linear infinite;
}

.custom-brand-item {
    padding: 10px 20px;
    background: #fff; /* Optional: Remove if background shouldn't be boxed */
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 140px;
    height: 70px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
}

.custom-brand-item img {
    max-height: 40px;
    width: auto;
    object-fit: contain;
}

/* Pause animation on hover */
.custom-marquee-container:hover .custom-marquee-track {
    animation-play-state: paused;
}

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

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

.sec-1-home-12__hero {
    padding-top: 0px;
    padding-bottom: 64px;
}
.sec-1-home-12__tile--neutral-100 {
    background-color: #fff;
}

.at-btn-group .at-btn-circle {
    background-color: #fdce02;
    color: #000;
}
.sec-1-home-12__sub {
     max-width: 100%; 
}
.bg-trans{
        background: transparent;
}


/* =========================================================
HEADER
========================================================= */

.global-header{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:end;
  margin-bottom:60px;
}

.section-eyebrow{
  color:#facc15;
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:11px;
  margin-bottom:18px;
  font-weight:600;
}

.section-title{
  font-family:'Cormorant',serif;
  color:#ffffff;
  font-size:clamp(42px,5vw,72px);
  line-height:1;
  font-weight:300;
}

.section-title em{
  color:rgba(255,255,255,.35);
  font-style:normal;
}

.section-sub{
  color:rgba(255,255,255,.58);
  line-height:1.9;
  font-size:15px;
}

/* =========================================================
GLOBE WRAPPER
========================================================= */

.globe-shell{
  display:grid;
  grid-template-columns:340px 1fr;
  border:1px solid rgba(250,204,21,0.2);
  overflow:hidden;
  background:#000000;
}

/* =========================================================
SIDEBAR
========================================================= */

.globe-sidebar{
  background:#0a0a0a;
  border-right:1px solid rgba(250,204,21,0.2);
  max-height:520px;
  overflow-y:auto;
}

.globe-sidebar::-webkit-scrollbar{
  width:4px;
}

.globe-sidebar::-webkit-scrollbar-thumb{
  background:rgba(250,204,21,0.25);
}

.globe-sidebar-title{
  padding:24px 28px;
  border-bottom:1px solid rgba(250,204,21,0.2);
  color:rgba(255,255,255,.45);
  text-transform:uppercase;
  letter-spacing:.25em;
  font-size:10px;
  font-weight:600;
}

.globe-region-card{
  padding:20px 28px;
  border-bottom:1px solid rgba(250,204,21,0.2);
  cursor:pointer;
  transition:.3s;
}

.globe-region-card:hover{
  background:#141414;
}

.globe-region-card.active{
  background:#141414;
  border-left:3px solid #facc15;
}

.grc-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:6px;
}

.grc-name{
  color:rgba(255,255,255,.92);
  font-size:15px;
  font-weight:600;
}

.grc-badge{
  border:1px solid rgba(250,204,21,.4);
  color:#facc15;
  font-size:10px;
  padding:3px 8px;
  letter-spacing:.04em;
  background:rgba(250,204,21,0.08);
}

.grc-locs{
  color:rgba(255,255,255,.45);
  line-height:1.5;
  font-size:13px;
}

/* =========================================================
GLOBE AREA
========================================================= */

.globe-area{
  position:relative;
  height:520px;
  background:#000000;
  overflow:hidden;
}

#globe-svg{
  width:100%;
  height:100%;
  cursor:grab;
}

#globe-svg:active{
  cursor:grabbing;
}

/* =========================================================
TOOLTIP
========================================================= */

.globe-tooltip{
  position:absolute;
  width:280px;
  background:rgba(10,10,10,0.95);
  border:1px solid #facc15;
  padding:20px;
  opacity:0;
  pointer-events:none;
  transform:translateY(10px);
  transition:
    opacity .25s ease,
    transform .25s ease;
  z-index:50;
  backdrop-filter:blur(8px);
  box-shadow:0 10px 30px rgba(0,0,0,0.8);
}

.globe-tooltip.show{
  opacity:1;
  transform:translateY(0);
}

.tooltip-title{
  font-family:'Cormorant',serif;
  color:#ffffff;
  font-size:26px;
  line-height:1.1;
  margin-bottom:8px;
}

.tooltip-region{
  color:#facc15;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:10px;
  font-weight:600;
  margin-bottom:8px;
}

.tooltip-desc{
  color:rgba(255,255,255,.65);
  line-height:1.6;
  font-size:13px;
}

/* =========================================================
LEGEND
========================================================= */

.globe-legend{
  position:absolute;
  right:25px;
  bottom:25px;
  background:rgba(0,0,0,0.85);
  border:1px solid rgba(250,204,21,0.2);
  padding:16px 20px;
  backdrop-filter:blur(12px);
}

.globe-legend-item{
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.75);
  font-size:12px;
  margin-bottom:10px;
}

.globe-legend-item:last-child{
  margin-bottom:0;
}

.legend-dot{
  width:10px;
  height:10px;
  border-radius:50%;
}

.legend-dot.corporate{
  background:#ffffff;
  box-shadow:0 0 10px rgba(255,255,255,0.9);
  border:2px solid #facc15;
}

.legend-dot.client{
  background:#ffffff;
  box-shadow:0 0 6px rgba(255,255,255,0.6);
}

/* =========================================================
HINT
========================================================= */

.globe-hint{
  position:absolute;
  left:25px;
  bottom:25px;
  color:rgba(255,255,255,.35);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:10px;
}

/* =========================================================
RESPONSIVE
========================================================= */

@media(max-width:991px){

  .global-header{
    grid-template-columns:1fr;
  }

  .globe-shell{
    grid-template-columns:1fr;
  }

  .globe-sidebar{
    border-right:none;
    border-bottom:1px solid rgba(250,204,21,0.2);
    max-height:none;
  }

  .globe-area{
    height:560px;
  }

}


/* =========================================================
   GET HANDS DIRTY - VERTICAL MARQUEE
========================================================= */

.marquee {
    height: 420px;
    overflow: hidden;
    position: relative;
}

.marquee-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    animation: marqueeUp 20s linear infinite;
}

/* Logo Box */
.marquee-item {
    display: flex;
    width: 150px;
    height: 150px;
    padding: 0 20px 0 20px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 16px;
    border: 1px solid var(--at-neutral-100, #dfdfdf);
    background: #fff;
    margin: 10px;
}

/* Logo */
.marquee-image {
    max-width: 100%;
    max-height: 100px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.certi-para {
    letter-spacing: -0.03em;
    color: var(--at-neutral-500);
    font-size: 19px;
    line-height: 1.4;
    font-weight: 400;
    padding-right: 50px;
}

/* Bottom → Top */
@keyframes marqueeUp {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-50%);
    }
}

/* Pause when mouse is over logos */
.marquee:hover .marquee-content {
    animation-play-state: paused;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .marquee {
        height: 450px;
    }

    .marquee-item {
        width: 140px;
        height: 140px;
    }
}

@media (max-width: 575px) {

    .marquee {
        height: 400px;
    }

    .marquee-item {
        width: 130px;
        height: 130px;
        margin: 7px;
    }

    .marquee-image {
        max-height: 80px;
    }
}




/* =========================================================
   PHAROSCION VIDEO SECTION
========================================================= */

.ph-video-section {

    width: 100%;


    color: #fff;

    overflow: hidden;

}


.ph-video-container {

    width: min(1450px, 92%);

    margin: 0 auto;

}


/* =========================================================
   HEADING
========================================================= */

.ph-video-heading {

    text-align: center;

    max-width: 720px;

    margin: 0 auto 65px;

}


.ph-video-eyebrow {

    display: inline-block;

    margin-bottom: 18px;

    color: #facc15;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 3px;

    text-transform: uppercase;

}


.ph-video-heading h2 {

    margin: 0;

    color: #fff;

    font-size: clamp(42px, 5vw, 72px);

    line-height: 1;

    font-weight: 700;

    letter-spacing: -3px;

}


.ph-video-heading h2 span {

    color: #facc15;

}


.ph-video-heading p {

    margin: 25px auto 0;

    max-width: 600px;

    color: rgba(255,255,255,.58);

    font-size: 16px;

    line-height: 1.7;

}


/* =========================================================
   CAROUSEL WRAPPER
========================================================= */

.ph-video-carousel {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

}


/* =========================================================
   VIDEO STAGE
========================================================= */

.ph-video-stage {

    position: relative;

    width: 100%;

    height: clamp(370px, 14vw, 650px);

    overflow: visible;

}


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

.ph-video-card {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 40%;

    aspect-ratio: 16 / 9;

    border-radius: 20px;

    overflow: hidden;

    background: #080808;

    /*
       Default cards have NO yellow border.
    */

    border: 1px solid rgba(255,255,255,.08);

    box-shadow:
        0 25px 70px rgba(0,0,0,.45);

    transform:
        translate(-50%, -50%)
        scale(.78);

    opacity: .32;

    filter: brightness(.55);

    transition:
        transform .75s cubic-bezier(.22,.61,.36,1),
        opacity .75s ease,
        filter .75s ease,
        border-color .75s ease,
        box-shadow .75s ease;

    will-change:
        transform,
        opacity;

}


/* =========================================================
   YOUTUBE IFRAME
========================================================= */

.ph-video-card iframe {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    border: 0;

    display: block;

}


/* =========================================================
   ACTIVE / CENTER CARD
========================================================= */

.ph-video-card.is-center {
transform:
        translate(-50%, -50%)
        scale(1);

    opacity: 1;

    z-index: 5;

    filter: none;

    /* Updated border width and shadow for active/center video */
    border: 3px solid #facc15;

    box-shadow:
        0 40px 100px rgba(0,0,0,.75),
        0 0 70px 15px rgba(250,204,21,.4);

}


/* =========================================================
   ACTIVE CARD INNER GLOW
========================================================= */

.ph-video-card.is-center::after {

    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    border-radius: 16px;

    box-shadow:

        inset 0 0 0 1px rgba(255,255,255,.10),

        inset 0 -100px 130px rgba(0,0,0,.18);

}


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

.ph-video-card.is-left {

    transform:
        translate(calc(-50% - 72%), -50%)
        scale(.78);

    opacity: .45;

    filter: brightness(.55);

    z-index: 3;

    /*
       IMPORTANT:
       No yellow border.
    */

    border: 1px solid rgba(255,255,255,.08);

    box-shadow:
        0 20px 60px rgba(0,0,0,.40);

}


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

.ph-video-card.is-right {

    transform:
        translate(calc(-50% + 72%), -50%)
        scale(.78);

    opacity: .45;

    filter: brightness(.55);

    z-index: 3;

    /*
       IMPORTANT:
       No yellow border.
    */

    border: 1px solid rgba(255,255,255,.08);

    box-shadow:
        0 20px 60px rgba(0,0,0,.40);

}


/* =========================================================
   HIDDEN LEFT
========================================================= */

.ph-video-card.is-hidden-left {

    transform:
        translate(calc(-50% - 120%), -50%)
        scale(.65);

    opacity: 0;

    pointer-events: none;

    z-index: 1;

}


/* =========================================================
   HIDDEN RIGHT
========================================================= */

.ph-video-card.is-hidden-right {

    transform:
        translate(calc(-50% + 120%), -50%)
        scale(.65);

    opacity: 0;

    pointer-events: none;

    z-index: 1;

}


/* =========================================================
   NAVIGATION ARROWS
========================================================= */

.ph-video-arrow {

    position: absolute;

    top: 50%;

    width: 58px;

    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    transform: translateY(-50%);

    border:

        1px solid
        rgba(255,255,255,.20);

    border-radius: 50%;

    background:

        rgba(8,8,8,.92);

    color: #fff;

    font-size: 22px;

    cursor: pointer;

    z-index: 30;

    transition:

        background .3s ease,

        color .3s ease,

        border-color .3s ease,

        transform .3s ease;

}


.ph-video-prev {

    left: 5px;

}


.ph-video-next {

    right: 5px;

}


.ph-video-arrow:hover {

    background: #facc15;

    color: #000;

    border-color: #facc15;

    transform:
        translateY(-50%)
        scale(1.08);

}


/* =========================================================
   PAGINATION
========================================================= */

.ph-video-pagination {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    margin-top: 45px;

    flex-wrap: wrap;

}


.ph-video-dot {

    width: 7px;

    height: 7px;

    padding: 0;

    border: 0;

    border-radius: 50%;

    background:
        rgba(255,255,255,.25);

    cursor: pointer;

    transition:

        width .35s ease,

        background .35s ease,

        transform .35s ease;

}


.ph-video-dot:hover {

    transform: scale(1.2);

}


.ph-video-dot.active {

    width: 28px;

    border-radius: 20px;

    background: #facc15;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {


    .ph-video-section {

        padding: 80px 0;

    }


    .ph-video-heading {

        margin-bottom: 50px;

    }


    .ph-video-stage {

        height: 450px;

    }


    .ph-video-card {

        width: 58%;

    }


    .ph-video-card.is-center {

        transform:
            translate(-50%, -50%)
            scale(1.10);

    }


    .ph-video-card.is-left {

        transform:
            translate(calc(-50% - 52%), -50%)
            scale(.78);

        opacity: .28;

    }


    .ph-video-card.is-right {

        transform:
            translate(calc(-50% + 52%), -50%)
            scale(.78);

        opacity: .28;

    }


    .ph-video-arrow {

        width: 50px;

        height: 50px;

    }


    .ph-video-prev {

        left: 0;

    }


    .ph-video-next {

        right: 0;

    }

}


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

@media (max-width: 767px) {

.sec-1-home-11__reel {
    padding-bottom: 50px;
}
    .sec-1-home-11__topbar
 {
    padding-top: 150px;
}

.sec-1-home-11 {
    margin-top: -59px;
}

    .certi-para {
            padding-right: 0px;
            text-align: justify;
        
    }
    .sec-1-home-11__title {
    font-size: 56px !important;
}


.hsg-intro .hsg-intro__title {
    font-size: 40px 
    !important;
}
    .ph-video-section {

        padding: 70px 0 75px;

    }


    .ph-video-container {

        width: 90%;

    }


    .ph-video-heading {

        margin-bottom: 35px;

    }


    .ph-video-heading h2 {

        font-size: 42px;

        letter-spacing: -2px;

    }


    .ph-video-heading p {

        font-size: 14px;

    }


    .ph-video-stage {

        height: auto;

        aspect-ratio: 16 / 10;

    }


    .ph-video-card {

        width: 100%;

        aspect-ratio: 16 / 9;

        border-radius: 16px;

    }


    /*
       Mobile active card
    */

    .ph-video-card.is-center {

        transform:
            translate(-50%, -50%)
            scale(1);

        opacity: 1;

        border: 3px solid #facc15;

        box-shadow:

            0 25px 60px rgba(0,0,0,.75),

            0 0 30px rgba(250,204,21,.20);

    }


    /*
       Hide side cards on mobile.
    */

    .ph-video-card.is-left,
    .ph-video-card.is-right,
    .ph-video-card.is-hidden-left,
    .ph-video-card.is-hidden-right {

        opacity: 0;

        pointer-events: none;

        transform:
            translate(-50%, -50%)
            scale(.90);

    }


    .ph-video-arrow {

        width: 44px;

        height: 44px;

        font-size: 18px;

        background:
            rgba(0,0,0,.95);

    }


    .ph-video-prev {

        left: -12px;

    }


    .ph-video-next {

        right: -12px;

    }


    .ph-video-pagination {

        margin-top: 30px;

        gap: 7px;

    }

}


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

@media (max-width: 480px) {


    .ph-video-heading h2 {

        font-size: 36px;

    }


    .ph-video-arrow {

        width: 40px;

        height: 40px;

        font-size: 16px;

    }


    .ph-video-prev {

        left: -8px;

    }


    .ph-video-next {

        right: -8px;

    }

}
.blog-card__thumb {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.blog-card__img22 {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.blog-card__title-link {
    text-decoration: none;
    transition: color 0.3s ease;
    font-size: 21px;
    font-weight: 500;
}

.sec-1-home-11__badge-value {
    font-size: 21px;
}
.sec-1-blog-details .size-56 {
    border: 1px solid #eee;
     box-shadow:
        0 40px 100px rgba(0,0,0,.75),
        0 0 70px 15px rgba(250,204,21,.4);
}

.sec-1-blog-details .img-cover {
    object-fit: contain;
}
.sec-1-blog-details .description a,.sec-1-blog-details .description a span{
    color:#fdce02;
}
.hsg-intro {
    position: relative;
    min-height: 70vh;
    display: flex;
    align-items: center;
    padding: 8rem 0 6rem;

    background-image: url("/assets/images/banner/Contact%20US.webp");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    color: #fff;
    overflow: hidden;
}

.hsg-intro .hsg-intro__title{
        font-size: 64px;
}

.heading-font{font-size: 64px;}

.back-to-top-wrapper {
    position: fixed;
    right: 19px;
    bottom: 14px !IMPORTANT;
}

@media only screen and (max-width: 767px) {
    .ptb-100{
    padding-bottom: 70px;
    padding-top: 70px;
    }
    .at-service-item .content .title {
    font-size: 32px;
    margin-bottom: 10px;
}
.sec-1-home-12__sub {
    line-height: 1.2;
}
.heading-font {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2 !important;
}
.sec-5-home-7{
    padding:0px 20px;
}
.sec-4-home-4 {
    margin-top: -20px;
}
.card_case__studies-card {
    display: block;
}
.card_case__studies-left {
    padding: 30px 10px;
}
.pt-80{
    padding-top: 70px;
}
.pb-80 {
    padding-bottom: 70px;
}
    .sec-1-home-11__title {
        font-size: 42px !important;
    }
        .sec-1-home-11__topbar {
        padding-top: 300px;
        margin-top: -38px;
            display: block;
    }
    .at-about-area{
        padding-top:0px;
    }
    .at-about-thumb img {
    margin-top: 0px;
    height:100%;
}
.mobile-none{
    display: none;
}
.card__process-card {
        flex-direction: row;
        gap: 16px;
        margin-top: 0 !important;
    }
        .card__process-visual {
        max-width: 60px;
        min-height: 180px;
    }
    .globe-area {
        height: 400px;
        padding-bottom: 73px;
    }
        .globe-sidebar {
        max-height: 400px;
    }
    .ph-video-section {
        padding: 0px 0 0px;
    }
    .mobile-text-left{
        text-align: left !important;
    }
        .certi-para {
        padding-right: 0px;
        text-align: left;
        font-size: 17px;
    }
    .marquee-item {
        width: 45%;
        height: 130px;
        margin: 7px;
    }
    .sec-1-home-11__bg {
    position: absolute;
    inset: 0;
    margin-top: -10px;
    z-index: 0;
}
.logo{
    width:140px;
}
    .sec-1-home-11__reel {
        padding-bottom: 90px;
    }
    .at-about-thumb {
    height: 310px;
}
    .sec-3-home-2 .h4 {
        font-size: 36px;
        margin-top: 10px;
    }
    .mg-portfolio-dec {
    font-size: 17px;
}
    .marquee {
        margin-top: 40px;
        height: 400px;
    }
    .blog-card {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.blog-card:not(:last-child) {
    margin-bottom: 40px;
}
.alt-footer-link-item ul li a {
    font-weight: 400;
    font-size: 16px;
}
.mobile-text-left{
           width: 100% !important;
        text-align: left !important;
        float: left;
}
}