/** ================== // BANNER CSS START // ================== **/
.home-banner-section {
    padding: 37px 0 80px;
}
.banner-warp {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
.banner-left-col {
    width: 39.01%;
}
.banner-right-col {
    width: 60.99%;
    padding-left: 28.51px;
}
.banner-blog-left ul {
    padding: 0;
    margin: 0;
}
.banner-blog-left ul li {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    letter-spacing: 4%;
    padding: 0;
    list-style: none;
    margin: 0;
}
.banner-blog-left ul li a {
    color: #000;
    padding: 15.5px 0;
    border-bottom: 1px solid #E7E7E7;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}
.banner-blog-left ul li:first-child a {
    padding-top: 0;
}
.banner-blog-left ul li a img {
    opacity: 0;
    width: 10px;
}
.banner-blog-left ul li a span {
    flex: 1;
    display: grid;
    align-content: center;
    min-height: 34px;
    min-height: 2lh;
    transition: transform 0.45s var(--hero-ease);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.hm-banner-atf-section .banner-blog-left ul li a {
    min-height: auto;
}
.hm-banner-atf-section .banner-blog-left ul li a span {
    min-height: auto;
}
.banner-blog-left ul li a:hover img {
    opacity: 1;
}
.banner-blog-col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.banner-blog-left {
    width: 245px;
}
.banner-blog-right {
    width: 267px;
    background: #F6F6F6;
    border-radius: 10px;
    padding: 22px 19px 21px;
    margin-top: -1px;
}
.banner-blog-right .banner-blog-kicker {
    margin: 0 0 14px;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 400;
    color: #787878;
}
.home-banner-section.hm-banner-atf-section .banner-blog-right .banner-blog-kicker,
.home-banner-section.hm-banner-atf-section .banner-left-col h6 {
    font-weight: 600;
    color: #000;
}
.home-banner-section.hm-banner-atf-section .banner-small-blog-heading h5 > span {
    text-transform: uppercase;
}
.banner-blog-img {

}
.banner-blog-img a {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    margin-bottom: 18px;
}
.banner-blog-img a > img {
    width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner-blog-img span {
    background: #E7FA47;
    border-radius: 4px;
    position: absolute;
    width: 29px;
    height: 29px;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 8px;
    right: 8px;
}
.banner-blog-img a:hover span {
    background-color: #d5e363;
    transform: scale(1.05);
}
.banner-blog-right h4 {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    letter-spacing: 4%;
    margin: 0;
    position: relative;
}
.banner-blog-right h4 a {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
    color: #000;
}
.banner-blog-right h4 a img {
    width: 10px;
    flex: none;
    opacity: 0;
    margin-bottom: 4px;
    transform: translateX(-6px);
    transition: opacity 0.35s ease, transform 0.45s var(--hero-ease);
}
.banner-blog-right h4::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    height: 1px;
    background: #000;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.5s var(--hero-ease);
}
.banner-blog-right:hover h4 a img, .banner-blog-right:focus-within h4 a img {
    opacity: 1;
    transform: translateX(0);
}
.banner-blog-right:hover h4::after, .banner-blog-right:focus-within h4::after {
    transform: scaleX(1);
}
.banner-small-blog-sec {
    margin-top: 28px;
}
.banner-small-blog-heading {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 17px;
    justify-content: space-between;
    align-items: center;
}
.banner-small-blog-heading h5 {
    margin-bottom: 0;
    display: flex;
    gap: 8px;
    line-height: 131.1%;
    font-size: 14px;
    letter-spacing: 0.05em;
    font-weight: 500;
    color: #000000;
}
.banner-small-blog-heading span {
    flex: 1;
}
.banner-small-blog-heading h5 a {
    color: #787878;
    display: flex;
    gap: 5px;
    font-weight: 400;
    letter-spacing: 0.04em;
}
.banner-small-blog-heading h5 a:hover{
    color: #000;
}
.banner-small-blog-heading h5 a img {
    max-width: 9px;
    margin-top: -2px;
    transition: 0.3s;
    opacity: 0.5;
}
.banner-small-blog-heading h5 a:hover img {
    opacity: 1;
}
.banner-small-blog-slider-action {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: -2px -2px 0 0;
    width: 19px;
}
.banner-small-blog-video-slider {
    margin: 0 0 0 -9.5px;
}
.banner-small-blog-video-slider-item {
    position: relative;
    padding: 0 9.5px;
}
.banner-small-blog-video-slider-item h4 {
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    position: absolute;
    top: 0;
    letter-spacing: 4%;
	padding: 10px;
	margin: 0;
}
.banner-small-blog-video-slider-item h4 strong{
    font-weight: bold;
    color: #E7FA47;
}
.banner-slider-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	border-radius: 10px;
}
.banner-video {
    position: relative;
    aspect-ratio: 16 / 9;
}
.banner-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.video-play-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.video-play-icon a {
    align-items: center;
    margin: auto;
    position: relative;
    justify-content: center;
    display: flex;
    width: 100%;
    height: 100%;
}
.video-play-icon a span {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #fff;
    width: 72px;
    height: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    box-sizing: border-box;
    overflow: hidden;
    transition: background-color 0.2s ease, transform 0.2s ease;
}
.banner-video .video-play-icon a:hover span {
    background: rgba(231, 250, 71, 0.65);
    transform: scale(1.06);
}
.video-play-icon a span img {
    margin-left: 6px;
}
.hide-video-btn {
    display: none !important;
}
.banner-review-slider-section {
    position: relative;
    max-width: 665px;
    margin: 37px auto 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.banner-review-slider {
    width: calc(100% - 17px);
    padding-right: 8px;
}
.testimonials-slider-item {
    text-align: center;
}
.banner-review-info p {
    font-size: 18px;
    line-height: 131.1%;
    color: #040404;
    letter-spacing: 4%;
    font-weight: 400;
    display: inline-flex;
    gap: 8px;
}
.banner-review-info p span {
    color: #FFC300;
    letter-spacing: 17%;
}
.slider-slider-btns {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: -2px -1px 0 0;
    width: 17px;
}
.slick-arrow {
    cursor: pointer;
}
.banner-small-blog-hide-desktop {
    display: none;
}
.banner-review-slider-hide-desktop {
    display: none;
}
.banner-small-blog-arrow-only-mob {
    display: none !important;
}
.small-blog-play-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    box-sizing: border-box;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #fff;
    background: rgba(0, 0, 0, 0.3);
    transition: transform 0.4s var(--hero-ease), background-color 0.4s var(--hero-ease);
    z-index: 22
}
.banner-slider-img .small-blog-play-icon img {
    width: 11px;
    height: 11px;
    object-fit: contain;
    filter: brightness(0) invert(1);
    border-radius: 0;
    margin-left: 2px;
}
.banner-small-blog-video-slider-item a:hover .small-blog-play-icon {
    transform: scale(1.14);
    background: rgba(231, 250, 71, 0.65);
}
.small-blog-play-icon span {
    background: rgb(255 255 255 / 10%);
    border: 1px solid #FFFFFF;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}
.small-blog-play-icon span img {
    margin-left: 4px;
    max-width: 10px;
}
span.video-time {
    position: absolute;
    right: 6px;
    bottom: 6px;
    z-index: 3;
    padding: 1px 5px 2px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.66);
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.02em;
    font-variant-numeric: tabular-nums;
    font-size: 10px;
    line-height: 13px;
}
/* .banner-small-blog-video-slider-item {
    height: 103px;
} */
/* .hm-banner-atf-section .banner-slider-img {
    height: 103px;
}
.hm-banner-atf-section .banner-slider-img  > img {
    width: 100%;
    height: 100%;
    display: block;
} */
.video-gallery-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
    z-index: 1072;
}
.video-modal-open .video-gallery-popup {
    overflow-x: hidden;
    overflow-y: auto;
}
.video-modal-dialog {
    transition: transform .3s ease-out;
    margin: 1.75rem auto;
    position: relative;
    width: auto;
    max-width: calc(100vw - 30px);
    max-height: calc(100vh - 40px);
    pointer-events: none;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    background-clip: padding-box;
    border-radius: .3rem;
    outline: 0;
    max-width: 100%;
    max-height: 100%;
}
.video-modal-body {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-modal.show .video-modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.video-modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}
.video-modal-backdrop.show {
    opacity: .75;
}
.video-modal video:focus {
    outline: none;
}
.video-modal video {
    display: block;
    width: auto;
    height: auto;
    max-width: calc(100vw - 30px);
    max-height: calc(100vh - 40px);
    object-fit: contain;
    border: 2px solid #fff;
    padding: 0.2rem;
    box-sizing: border-box;
}
.video-gallery-popup {
    height: 100vh;
    padding: 20px 15px;
}
.video-gallery-popup div {
    min-height: unset;
    margin-top: 0;
    margin-bottom: 0;
}
div#video-name {
    display: none !important;
}
.video-gallery-popup .close-btn {
    cursor: pointer;
    background: #E7FA47;
    border-radius: 4px;
    position: absolute;
    width: 29px;
    height: 29px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 12px;
    top: 14px;
}
.video-gallery-popup .close-btn svg {
    width: 12px;
    height: 12px;
    position: relative;
    left: 1px;
}
.banner-blog-left ul li a {
	position: relative;
	transition: color 0.3s ease, opacity 0.35s ease;
}
.banner-blog-left ul:hover li a {
	opacity: 0.4;
}
.banner-blog-left ul:hover li a:hover, .banner-blog-left ul li a:focus-visible {
	opacity: 1;
}
.banner-blog-left ul li a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 1px;
	background: #000;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.5s var(--hero-ease);
}
.banner-blog-left ul li a:hover::after, .banner-blog-left ul li a:focus-visible::after {
	transform: scaleX(1);
}
.banner-blog-left ul li a span {
	transition: transform 0.45s var(--hero-ease);
}
.banner-blog-left ul li a:hover span, .banner-blog-left ul li a:focus-visible span {
	transform: translateX(7px);
}
.banner-blog-left ul li a img {
	transform: translateX(-6px);
	transition: opacity 0.35s ease, transform 0.45s var(--hero-ease);
}
.banner-blog-left ul li a:hover img, .banner-blog-left ul li a:focus-visible img {
	opacity: 1;
	transform: translateX(0);
}
.home-banner-ani {
    --hero-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

@keyframes heroRise {
    from { opacity: 0; transform: translate3d(0, 18px, 0); }
    to   { opacity: 1; transform: none; }
}

@keyframes heroSettle {
    from { opacity: 0; transform: scale(1.025); }
    to   { opacity: 1; transform: none; }
}

.home-banner-section.home-banner-ani .banner-left-col h6,
.home-banner-section.home-banner-ani .banner-blog-left ul li,
.home-banner-section.home-banner-ani .banner-blog-right,
.home-banner-section.home-banner-ani .banner-small-blog-sec,
.home-banner-section.home-banner-ani .banner-review-slider-section {
    animation: heroRise 0.75s var(--hero-ease) backwards;
    animation-delay: var(--hero-delay, 0s);
}

/* The video is the largest element, so it settles rather than rises
   and leads the sequence instead of joining it. */
.home-banner-section.home-banner-ani .banner-video {
    animation: heroSettle 0.9s var(--hero-ease) backwards;
}

.home-banner-section.home-banner-ani .banner-left-col h6                 { --hero-delay: 0.06s; }
.home-banner-section.home-banner-ani .banner-blog-left li:nth-child(1)   { --hero-delay: 0.12s; }
.home-banner-section.home-banner-ani .banner-blog-left li:nth-child(2)   { --hero-delay: 0.17s; }
.home-banner-section.home-banner-ani .banner-blog-left li:nth-child(3)   { --hero-delay: 0.22s; }
.home-banner-section.home-banner-ani .banner-blog-left li:nth-child(4)   { --hero-delay: 0.27s; }
.home-banner-section.home-banner-ani .banner-blog-left li:nth-child(5)   { --hero-delay: 0.32s; }
.home-banner-section.home-banner-ani .banner-blog-left li:nth-child(n+6) { --hero-delay: 0.37s; }
.home-banner-section.home-banner-ani .banner-blog-right                  { --hero-delay: 0.18s; }
.home-banner-section.home-banner-ani .banner-review-slider-section       { --hero-delay: 0.40s; }
.home-banner-section.home-banner-ani .banner-small-blog-sec              { --hero-delay: 0.46s; }

@media (prefers-reduced-motion: reduce) {
    .home-banner-section.home-banner-ani .banner-left-col h6,
    .home-banner-section.home-banner-ani .banner-blog-left ul li,
    .home-banner-section.home-banner-ani .banner-blog-right,
    .home-banner-section.home-banner-ani .banner-small-blog-sec,
    .home-banner-section.home-banner-ani .banner-review-slider-section,
    .home-banner-section.home-banner-ani .banner-video {
        animation: none !important;
        opacity: 1;
        transform: none;
    }

    .banner-blog-left ul li a:hover span,
    .banner-blog-left ul li a:focus-visible span,
    .banner-blog-left ul li a img {
        transform: none;
    }
}

.banner-slider-img {
    position: relative;
    aspect-ratio: 16 / 9;
    height: auto;
    overflow: hidden;
    border-radius: 10px;
    background: #111;
    margin-bottom: 9px;
}

.banner-small-blog-video-slider-item .clip-eyebrow {
    margin: 0 0 4px;
    font-size: 11px;
    line-height: 14px;
    font-weight: 400;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #787878;
}
.banner-small-blog-video-slider-item h5 {
    position: static;
    top: auto;
    margin: 0;
    padding: 0;
    min-height: 36px;
    min-height: 2lh;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 0;
    color: #000;
}
.banner-small-blog-video-slider-item h5 span {
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/** ================== // BANNER CSS END // ================== **/

/** ================== // OUR FRAMEWORK SECTION CSS START // ================== **/
.bg-gray {
	background: #FAFAFA;
}
.dark-bg {
    background: #000;
}
.section-outer {
    height: 400vh;
    position: relative;
}
.section-sticky {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.layout {
    display: flex;
    width: 100%;
    max-width: 1374px;
    margin: 0 auto;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.our-framework-wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.our-framework-left-col {
    width: 363px;
}
.our-framework-right-col {
    width: calc(100% - 366px);
	padding-left: 30px;
}
.our-framework-tab-body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.14);
    border-top: 0;
    border-radius: 2px;
}
.our-framework-tab-body-left-col {
    display: flex;
    flex-direction: column;
    width: 480px;
}
.our-framework-tab-body-left-col img {
    width: 100%;
}
.our-framework-tab-head {
    width: 100%;
}
.tabs {
    display: flex;
    align-items: flex-end;
    padding-bottom: 10px;
}
.tab {
  margin-right: 32px;
  cursor: pointer; white-space: nowrap;
  transition: color .25s;
  padding-bottom: 2px;
  user-select: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #C8C8C8;
}
.tab.active {
    color: #000;
}
/* PROGRESS BAR */
.progress-track { width: 100%; height: 2px; background: #d8d6d2; position: relative; }
.progress-fill {
  position: absolute; top: 0; left: 0; height: 2px; background: #111;
  transition: width .5s cubic-bezier(.4,0,.2,1); width: 0%;
}

.grid-box {
    height: 349px;
    overflow: hidden;
}
#main-svg {
    width: 100%;
    height: 100%;
    display: block;
}
.our-framework-tab-body-right-col {
    position: relative;
    width: calc(100% - 480px - 70px);
    padding: 20px 20px 20px 0;
}
.phase-panel {
  display: none;
  flex-direction: column;
}
.phase-panel.active { display: flex; }
.our-framework-info-right h3 {
    font-weight: 800;
    font-size: 16px;
    line-height: 120%;
    color: #000;
    letter-spacing: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.our-framework-info-right h2 {
    font-weight: 100;
    font-size: 36px;
    line-height: 120%;
    color: #000;
    margin-bottom: 18px;
}
.our-framework-info-right p {
    font-size: 14px;
    line-height: 150%;
    color: #000;
}
.our-framework-tab-head ul {
    justify-content: right;
    border: none;
    text-align: right;
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 0;
    position: relative;
    margin: 0;
    list-style-type: none;
}
.our-framework-tab-head ul::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    background: #000;
    z-index: 0;
}
.our-framework-tab-head ul li {
    font-size: 14px;
    color: rgb(0 0 0 / 20%);
    font-weight: 600;
    letter-spacing: 4%;
    line-height: 130%;
    border-bottom: 3px solid rgb(200 200 200);
    padding: 7px 8px;
    position: relative;
}
.our-framework-tab-head ul li:first-child {
    padding-left: 0;
}
.our-framework-tab-head ul li.active, .our-framework-tab-head ul li.active a {
    margin: 0 auto 0 0;
    border-color: #000;
    color: #000;
}
.our-framework-tab-head ul li:last-child {
    padding-right: 0;
}
.our-framework-tab-head ul li a {
    color: rgb(0 0 0 / 20%);
    display: inline-block;
}
.our-framework-tab-head ul li a.active {
    margin: 0 auto 0 0;
    border-color: #000;
    color: #000;
}
.tab-box {
    display:none;
}
.tab-box.active {
    display:block;
}
/** ================== // OUR FRAMEWORK SECTION CSS END // ================== **/

/** ================== // WHAT WE DO SECTION CSS START // ================== **/
.section {
	padding: 80px 0;
}
.section-bottom {
	padding-bottom: 80px;
}
.what-we-do-wrap {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 60px;
}
.what-we-do-left-holder {
    display: flex;
    flex-direction: column;
    row-gap: 67px;
    height: 100%;
}
.what-we-do-tab {
    --do-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.what-we-do-tab ul {
    padding: 0;
    margin: 0;
}
.what-we-do-tab ul li {
    padding: 0;
    list-style: none;
    margin: 0px 0 22px;
    transition: 0.3s;
}
.what-we-do-tab ul li:last-child {
	margin: 0;
}
.what-we-do-tab ul li button {
    color: rgb(0 0 0 / 30%);
    border-bottom: 1px solid rgb(0 0 0 / 30%);
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    transition: 0.3s;
    width: 100%;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 5%;
    font-weight: 500;
    padding: 8px 0 8px;
    text-align: left;
    position: relative;
    transition: color 0.3s ease, opacity 0.35s ease, border-color 0.3s ease;
}
.what-we-do-tab ul li button::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    background: #000;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.5s var(--do-ease);
}
.what-we-do-tab ul li button:hover::after, .what-we-do-tab ul li button:focus-visible::after {
    transform: scaleX(1);
}
.what-we-do-tab ul li:first-child button {
    padding-top: 0;
}
.what-we-do-tab ul li button img {
    opacity: 0;
	transition: 0.3s;
    width: 10px;
    transform: translateX(-6px);
    transition: opacity 0.35s ease, transform 0.45s var(--do-ease);
}
.what-we-do-tab ul li button:hover img {
    opacity: 1;
}
.what-we-do-tab ul li button:hover, .what-we-do-tab ul li button.active {
    color: #000;
	border-color: #000;
}
.what-we-do-tab ul li button.active img {
    opacity: 1;
}
.what-we-do-tab ul li button:hover img,
.what-we-do-tab ul li button:focus-visible img,
.what-we-do-tab ul li button.active img {
    opacity: 1;
    transform: translateX(0);
}
.what-we-do-tab ul li button span {
    flex: 1;
    transition: transform 0.45s var(--do-ease);
}
.what-we-do-tab ul li button:hover span,
.what-we-do-tab ul li button:focus-visible span {
    transform: translateX(7px);
}
.what-we-do-tab ul li button:hover:not(.active),
.what-we-do-tab ul li button:focus-visible:not(.active) {
    border-color: rgb(0 0 0 / 30%);
}
.what-we-do-tab ul:hover li button {
    opacity: 0.4;
}
.what-we-do-tab ul:hover li button:hover,
.what-we-do-tab ul li button:focus-visible {
    opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
    .what-we-do-tab ul li button:hover span,
    .what-we-do-tab ul li button:focus-visible span,
    .what-we-do-tab ul li button img {
        transform: none;
    }
}
.brand-highlight-sec {
    border-radius: 10px;
    background: #FAFAFA;
    padding: 12px;
    margin-top: auto;
}
.brand-highlight-wrap {
    position: relative;
}
.brand-highlight-wrap > img {
    width: 100%;
    border-radius: 4px;
    height: 352px;
}
.brand-highlight-tag {
    left: 25px;
    top: 18px;
    position: absolute;
}
.brand-highlight-tag h6 {
    font-family: 'Neue Montreal Regular';
    font-weight: 400;
    font-size: 8px;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #C6C6C6;
    padding: 2px 8px;
    margin: 0;
    position: relative;
}
.brand-highlight-tag h6::after {
    position: absolute;
    content: "";
    background: rgba(240, 240, 240, 0.2);
    inset: 0;
    border-radius: 1000px;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    box-shadow: inset 1px 1px 0px 0px rgb(255 255 255 / 57%), inset 0 -0.5px 0 rgb(255 255 255 / 68%), 0 0px 0px rgb(0 0 0 / 79%);
}
.brand-highlight-tag h6 span {
    position: relative;
    z-index: 1;
}
.brand-highlight-detail {
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    border-radius: 4px;
    padding: 12px 14px 13px 11px;
    left: 10px;
    right: 9px;
    bottom: 14px;
    overflow: hidden;
    backdrop-filter: blur(2.1px);
    -webkit-backdrop-filter: blur(2.1px);
}
.brand-highlight-detail::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .4), transparent);
    pointer-events: none;
    width: 1px;
}
.brand-highlight-detail::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .4), transparent);
    pointer-events: none;
    width: 1px;
}
.brand-highlight-detail h5 {
    font-weight: 500;
    margin: 0;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.04em;
    color: #FFFFFF;
}
.brand-highlight-btn {
    margin-top: 10px;
}
.brand-highlight-btn .btn-white {
    padding: 6px 12px;
}
.services-list {
    border-bottom: 1px solid #EFEDED;
    margin-bottom: 16px;
    padding-bottom: 16px;
}
.services-list:last-child {
    margin-bottom: 0;
}
.services-list h4 {
    font-family: 'Neue Montreal Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #787878;
    margin-bottom: 16px;
}
.services-list ul {
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: 16px;
    column-gap: 20px;
}
.services-list ul li {
    list-style: none;
}
.services-list ul li a {
    display: inline-block;
}
.services-list-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 10px;
    background: transparent;
    padding: 2px 10px 2px 2px;
    transition: 0.3s;
}
.services-list ul li a:hover .services-list-item {
    background: #F3F2F2;
}
.services-icon {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.services-icon img {
    max-width: 26px;
}
.services-list-item h5 {
    font-family: 'Neue Montreal Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.05em;
    color: #000000;
    margin: 0;
    width: calc(100% - 34px);
	padding-left: 2px;
}
.brand-highlight-mob {
    display: none;
}
/** ================== // WHAT WE DO SECTION CSS END // ================== **/


/** ================== // VIDEO TESTIMONIALS SECTION CSS START // ================== **/
.heading-white h6 {
    color: #9D9D9D;
}
.heading-white h2 {
    color: #fff;
}
.video-testimonials-wrap {
    grid-template-rows: auto;
    grid-template-columns: 366px 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
    padding: 0;
    margin-left: auto;
    gap: 98px;
    padding-left: 14vw;
    /* padding-left: 1.5vw; */
}
.video-testimonials-left-col {
    justify-content: flex-end;
    display: flex;
    width: auto;
}
.video-testimonials-left-col .video-testimonials-heading {
    width: 100%;
}
.video-testimonials-heading h2 {
    margin-bottom: 28px;
}
.video-testimonials-heading p {
    color: #D1D1D1;
    flex-direction:column;
}
.video-testimonials-left-col .slider-slider-btns {
    margin: 0;
    margin-top: 6px;
}
.video-testimonials-right-col {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}
.video-testimonials-slider .slick-slide {
    margin-right: 14px !important;
}
.video-testimonials-item {
    background: #0E0D0D;
    border-radius: 10px;
    padding: 8px 12px 44px 9px;
	height: 100%;
}
.video-testimonials {
    position: relative;
}
.video-testimonials video {
    width: 100%;
    /* height: 456px; */
    aspect-ratio: 9 / 12;
    object-fit: cover;
    border-radius: 5px;
    display: block;
}
.video-testimonials .video-play-icon a {
    flex-direction: column;
}
.video-testimonials .video-play-icon a span {
    margin-top: auto;
    width: 59px;
    height: 59px;
}
.video-testimonials .video-play-icon a span img {
    margin-left: 7px;
    width: 17px;
}
.video-testimonials h3 {
    font-weight: bold;
    letter-spacing: 4%;
    padding: 5px 28px 28px;
    text-align: center;
    max-width: 300px;
    margin: 0 auto;
    margin-top: auto;
    color: #fff;
    -webkit-text-stroke: 1px #000000;
    text-stroke: 1px #000;
}
.video-testimonials-slider-content {
    margin-top: 19px;
}
.video-testimonials-slider-content h4 {
    font-family: 'Neue Montreal Regular';
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.05em;
    color: #AAAAAA;
    margin-bottom: 6px;
}
.video-testimonials-slider-content h4 b {
    font-family: 'Neue Montreal Medium';
    font-weight: 500;
    color: #FFFFFF;
}
.video-testimonials-slider-content p {
    font-family: 'Neue Montreal Regular';
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.05em;
    color: #AAAAAA;
}
/** ================== // VIDEO TESTIMONIALS SECTION CSS END // ================== **/

/** ================== // THE AGENCY SECTION CSS START // ================== **/
.the-agency-section {
    overflow: hidden;
    position: relative;
    --agency-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.the-agency-lines {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: calc(100% - 80px);
    padding-left: 125px;
    padding-right: 125px;
    pointer-events: none;
}
.agency-border-line {
    width: 25%;
    height: 100%;
    border-left: 1px solid #404040;
}
.the-agency-holder {
    padding-left: 125px;
    padding-right: 125px;
    border-bottom: 1px solid #404040;
    border-top: 1px solid #404040;
}
.the-agency-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    background: #000;
    border-left: 1px solid #404040;
    border-right: 1px solid #404040;
    max-width: 100%;
    margin: 0 auto;
}
.the-agency-col {
    position: relative;
    width: 25%;
}
.the-agency-info-holder {
    /* border-right: 1px solid #404040; */
    border-bottom: 1px solid #404040;
    height: 100%;
    padding: 36px 20px 30px;
    min-height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    margin-bottom: -1px;
}
/* .the-agency-col:nth-last-child(-n+4) .the-agency-info-holder {
    border-bottom: 0px;
} */
.about-company-img {
    text-align: center;
}
.about-company-img-mob, .the-agency-info-mob {
    display: none;
}
.about-company-img svg {
    width: 100%;
    height: 100%;
}
.about-company-img img {
    width: 100%;
}
.about-company-img svg.growth-mark {
    width: 100%;
    height: auto;
    display: block;
    overflow: visible;
}
.the-agency-info-bottom {
    margin-top: auto;
}
.the-agency-info-holder p {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0.04em;
}
.the-agency-info-top p {
    color: #FFFFFF;
}
.the-agency-info-bottom p {
    color: #AAAAAA;
}
.the-agency-info-bottom h4 {
    margin-bottom: 0;
    color: #AAAAAA;
}
.the-agency-info-top h4 {
    margin-bottom: 0;
    color: #fff;
}
.the-agency-info-top h2 {
    font-weight: 400;
    font-size: 74px;
    line-height: 120%;
    color: #FFFFFF;
    margin: 0;
    margin-top: -10px;
}
.the-agency-info-bottom h3 {
    margin-bottom: 0;
    font-size: 26px;
    line-height: 120%;
    color: #AAAAAA;
}
.the-agency-info-wrap {
    margin-top: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #1F1F1F;
    border-radius: 10px;
    padding: 5px;
}
.the-agency-info-wrap.the-agency-info-mob {
    display: none;
}
.about-staying-ahead-img {
    width: 92px;
    height: 92px;
}
.about-staying-ahead-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}
.about-staying-ahead-content {
    width: calc(100% - 92px);
    padding-left: 10px;
}
.the-agency-info-holder .about-staying-ahead-content p {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.the-agency-info-holder .about-staying-ahead-content p:last-child {
    margin-bottom: 0px;
}
.the-agency-info-holder .about-staying-ahead-content p a {
    color: #FAFAFA;
}
.the-agency-info-holder .about-staying-ahead-content p a img {
    max-width: 10px;
    margin-left: 2px;
    transition: 0.3s;
}
.the-agency-info-holder .about-staying-ahead-content p a:hover img {
    transform: rotate(45deg);
}
.the-agency-col {
    position: relative;
}
.the-agency-col:nth-child(4n + 1) .the-agency-info-holder::before {
    content: "";
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 1px;
    left: -100%;
    background: #404040;
}
.the-agency-col:nth-child(4n + 4) .the-agency-info-holder::before {
    content: "";
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 1px;
    right: -100%;
    background: #404040;
}
.the-agency-col:last-child:nth-child(4n + 1) .the-agency-info-holder::before {
	display: none;
}
.the-agency-col:last-child:nth-child(4n + 4) .the-agency-info-holder::before {
	display: none;
}
.agency-reveal--split .agency-line {
    display: block;
    overflow: hidden;
    padding-bottom: 0.14em;
    margin-bottom: -0.14em;
}
.agency-reveal--split .agency-line__inner {
    display: block;
    will-change: transform;
}
.agency-reveal--armed .agency-line__inner {
    transform: translateY(120%);
}
.agency-reveal--playing .agency-line__inner {
    transform: translateY(0);
    transition: transform 0.75s var(--agency-ease);
    transition-delay: var(--agency-line-delay, 0s);
}
.agency-reveal--done .agency-line {
    overflow: visible;
    padding-bottom: 0;
    margin-bottom: 0;
}
.hover-border {
    position: absolute;
    inset: 0;
    border: 1px solid #e7fa47;
    transition: 0.3s;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}
.the-agency-col:hover .hover-border {
    opacity: 1;
}
.the-agency-col:hover .the-agency-info-holder .about-staying-ahead-content p a img {
    transform: rotate(45deg);
}
.full-box-link {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.full-box-link:hover .the-agency-info-holder .about-staying-ahead-content p a img {
    transform: rotate(45deg);
}
@media (prefers-reduced-motion: reduce) {
    .agency-reveal--armed .agency-line__inner,
    .agency-reveal--playing .agency-line__inner {
        transform: none;
        transition: none;
    }
}
/** ================== // THE AGENCY SECTION CSS END // ================== **/

/** ================== // OUR LOCATION SECTION CSS START // ================== **/
.our-location-heading h6 {
    margin-bottom: 12px;
}
.our-location-wrap {
    border-top: 1px solid #E7E7E7;
    border-right: 1px solid #E7E7E7;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.our-location-left-col {
    width: 289px;
    border-right: 2px solid #E7E7E7;
    position: relative;
    overflow: hidden;
}
.our-location-left-col ul li.austincity-tab, .our-location-left-col ul li.cal-city-tab {
    cursor: pointer;
}
.our-location-left-col ul li {
    color: #787878;
    list-style-type: none;
    text-align: left;
    border-bottom: 1px solid #E7E7E7;
    padding: 8px 15px;
    min-height: 52px;
}
.our-location-left-col ul li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #787878;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: normal;
    line-height: 120%;
    font-weight: 400;
    margin-top: 0px;
}
.our-location-left-col ul li a img {
    opacity: 0;
    margin-left: 7px;
    display: inline-block;
}
.our-location-left-col ul {
    max-height: 700px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    border-left: 1px solid #E7E7E7;
}
.our-location-left-col ul::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent;
}
.our-location-left-col ul::-webkit-scrollbar {
    width: 3px;
    background-color: transparent;
}
.our-location-left-col ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #AFAFAF;
}
.region-title {
    font-weight: normal;
    font-size: 18px;
    line-height: 120%;
    color: #000000;
}
.location-number {
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    color: #787878;
}
.location-bootom-button {
    margin-top: 30px;
}
.am5-html-container {
    position: static !important;
    pointer-events: inherit !important;
}
.am5-html-container>div {
    pointer-events: inherit !important;
}
.state-location-wrap {
    position: absolute;
    top: 0;
    left: -200%;
    background: #fff;
    z-index: 11;
    transition: .5s;
    padding: 0;
    height: 100%;
    width: 100%;
}
.state-location-wrap.active {
    left: 0;
}
.state-back-list h6 {
    text-align: left;
    font-weight: normal;
    font-size: 18px;
    line-height: 120%;
    color: #000000;
    text-transform: unset;
    margin-bottom: 0;
}
.state-back-list {
    margin: 0;
    cursor: pointer;
    border-left: 1px solid #E7E7E7;
    padding: 8px 15px;
    border-bottom: 1px solid #E7E7E7;
}
.state-back-list span {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    color: #787878;
    margin-top: 1px;
}
.state-back-list span svg {
    margin-right: 3px;
    width: 8px;
    height: 8px;
}
.state-location-wrap ul li {
    color: #000000;
    font-weight: normal;
    font-size: 18px;
    line-height: 120%;
}
.our-location-left-col ul li:hover {
    background: #F6F6F6;
}
.our-location-left-col ul li a, .our-location-left-col ul li .location-number, .state-back-list span {
    transition: 0.3s;
}
.our-location-left-col ul li a:hover, .our-location-left-col ul li:hover .location-number, .state-back-list span:hover {
    color: #000;
}
.state-back-list span:hover svg path {
    stroke: #000;
}
.our-location-right-col {
    width: calc(100% - 289px);
    border-bottom: 1px solid #E7E7E7;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.map-bg-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.am5-layer-30 {
    opacity: 0;
}
.am5-html-container > div::-webkit-scrollbar {
  display: none;
}
.am5-html-container > div {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.hubspoke-main {
    background: #000;
    position: relative;
}
.about-location-map-wrapper {
    width: 100%;
    padding-right: 40px;
}
.about-location-map-wrapper img {
    width: 100%;
}
#chartdiv {
    width: 100%;
    height: 625px;
}
/** ================== // OUR LOCATION SECTION CSS END // ================== **/


/** ================== // REVIWS SECTION CSS START // ================== **/
.reviws-scroll-section {
    margin: 0;
}
.reviws-scroll-heading {
    text-align: center;
    padding: 30px 0 80px;
}
.reviws-scroll-heading h6 {
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #C9C9C9;
    margin: 0;
    display: none;
}
.reviws-scroll-item {
    margin: 0 0;
    padding: 0;
    max-width: 35vw;
}
.reviws-scroll-item.reviws-movie-trailer-4 {
    margin-left: auto;
    margin-top: -8vw;
    margin-right: 7.5vw;
}
.reviws-scroll-item[data-aos][data-aos][data-aos-duration="400"] {
    transition-duration: inherit;
}
.reviws-scroll-item[data-aos][data-aos][data-aos-duration="1000"] {
    transition-duration: inherit;
}
.reviws-info-tag {
    text-align: center;
    color: #fff;
}
.reviws-info-tag p i {
    font-family: "Abril Fatface", serif;
}
.reviws-info-tag p {
    color: #fff;
    font-size: 1.65vw;
    line-height: 2.2vw;
    font-family: "Urbanist", sans-serif;
}
.reviws-info-tag i.fa.fa-star {
    margin: 0 2px;
    font-size: 0.9vw;
}
.reviws-scroll-item.reviws-movie-trailer-1 {
    margin-left: auto;
    margin-right: 21.4vw;
}
.reviws-scroll-item.reviws-movie-trailer-2 {
    margin-left: 20vw;
    margin-top: 1.28vw;
    margin-bottom: -1vw;
}
.reviws-scroll-item.reviws-movie-trailer-3 {
    max-width: 22vw;
    margin-left: 4vw;
}
.reviws-scroll-item.reviws-movie-trailer-4 {
    margin-left: auto;
    margin-top: -8vw;
    margin-right: 7.5vw;
}
.reviws-movie-trailer-4 .reviws-info-tag p,
.reviws-movie-trailer-7 .reviws-info-tag p,
.reviws-movie-trailer-16 .reviws-info-tag p,
.reviws-movie-trailer-13 .reviws-info-tag p {
    font-size: 2.18vw;
    line-height: 2.6vw;
}
.reviws-scroll-item.reviws-movie-trailer-5 {
    margin-left: 35vw;
    max-width: 26vw;
    margin-top: 20px;
}
.reviws-scroll-item.reviws-movie-trailer-6 {
    margin-left: auto;
    margin-top: -2.7vw;
}
.reviws-scroll-item.reviws-movie-trailer-7 {
    max-width: 18vw;
    margin-left: 1vw;
}
.reviws-scroll-item.reviws-movie-trailer-8 {
    margin-left: 18.7vw;
}
.reviws-scroll-item.reviws-movie-trailer-9 {
    margin-left: auto;
    margin-right: 6vw;
}
.reviws-scroll-item.reviws-movie-trailer-10 {
    margin-left: 7.5vw;
}
.reviws-scroll-item.reviws-movie-trailer-12 {
    margin-left: auto;
    margin-right: 17vw;
    max-width: 22vw;
}
.reviws-scroll-item.reviws-movie-trailer-13 {
    margin-left: 12.5vw;
}
.reviws-scroll-item.reviws-movie-trailer-14 {
    margin-left: auto;
    margin-right: 21vw;
}
.reviws-scroll-item.reviws-movie-trailer-16 {
    margin-left: auto;
}
.reviws-scroll-item.reviws-movie-trailer-17 {
    max-width: 22vw;
    margin-left: 2vw;
}
.reviws-scroll-item.reviws-movie-trailer-18 {
    max-width: 26vw;
    margin-left: 35vw;
    margin-top: -15vw;
}
.reviws-scroll-item.reviws-movie-trailer-19 {
    max-width: 28vw;
    margin-left: auto;
    margin-right: 3vw;
}
.reviws-scroll-item.reviws-movie-trailer-21 {
    max-width: 28vw;
    margin-left: auto;
    margin-right: 31vw;
}
.mobile-reviws-scroll-section {
    display: none;
}
/** ================== // REVIWS SECTION CSS END // ================== **/

/** ================== // CONTACT SECTION CSS START // ================== **/
.heading-dark h1, .heading-dark h2, .heading-dark h3, .heading-dark h4, .heading-dark h5{

}
.heading-dark h6 {
    color: #C9C9C9;
}
.heading-dark p {
    color: #AAAAAA;
}
.contact-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.contact-left-col {
    width: 566px;
}
.contact-right-col {
    width: 748px;
}
.contact-left-col .heading h2 {
    color: #fff;
    margin-bottom: 30px;
}
.contact-left-col .heading h4 {
    color: #fff;
    margin-bottom: 30px;
}
.contact-left-col p {
    color: #AAAAAA;
}
.contact-form-holder {
    padding: 50px 50px;
    background: #111111;
    border-radius: 10px;
}
.contact-form-holder h3 {
    background: rgba(120, 219, 137, 0.15);
    border-radius: 100px;
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0.04em;
    color: #78DB89;
    padding: 6px 14px;
    display: inline-block;
    margin-bottom: 35px;
}
.contact-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 14px;
    align-items: flex-start;
    row-gap: 30px;
}
.form-group {
    width: 100%;
}
.half-input {
    width: calc(50% - 7px);
}
.contact-form label {
    color: #fff;
    margin-bottom: 6px;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 4%;
    display: flex;
    align-items: center;
    gap: 1px;
}
.contact-form label sup {
    top: 0;
    font-size: inherit;
}
.medium::placeholder {
    color: rgba(255, 255, 255, 0.35);
    opacity: 1;
}
.contact-form .medium {
    display: inline-block;
    width: 100%;
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.04em;
    color: #fff;
    background: #1A1A1A;
    border: 1px solid #2A2A2A;
    border-radius: 4px;
    padding: 10px 16px;
    height: 40px;
}
.contact-form select.medium {
    background: #1A1A1A url(../images/select-arrow.svg) no-repeat !important;
    background-position: right 22px center !important;
    -webkit-appearance: none;
    height: 44px;
}
.contact-form textarea.medium {
    height: 121px;
    display: block;
}
.submit-group .btn-white {
    box-shadow: none;
    border: none;
}
.submit-btn:hover {
    background: #f5f5f5;
}
.form-disclaimer p {
    color: #AAAAAA;
}
.contact-form-footer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}
.contact-form-footer .form-group.submit-group {
    width: 190px;
}
.contact-form-footer .form-group.form-disclaimer {
    width: calc(100% - 190px - 10px);
    text-align: right;
}
/* HOVER — real */
.contact-form .medium:hover:not(:disabled) {
  background-color: #252525;
  border-color: #888888;
}

/* ACTIVE (mouse down) — real */
.contact-form .medium:active:not(:disabled) {
  background-color: #2A2A2A;
  border-color: #BBBBBB;
}

/* FOCUS — real, also covers typing / typing-empty since it's live typing */
.contact-form .medium:focus:not(:disabled) {
  border-color: #fff;
  box-shadow: 0 0 0 3px rgba(242, 242, 242, 0.12);
}

/* DISABLED — real, toggled by the checkbox below */
.contact-form .medium:disabled {
    cursor: not-allowed;
    opacity: 0.7;
}
.contact-form .medium:disabled::placeholder {
  color: #4a4a4a;
}
/* ERROR — real, toggled via JS validation (.is-error class) */
[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
    width: 100%;
}
.wpcf7-form.invalid .medium.wpcf7-not-valid {
    border: 1px solid #EF4444;
}
.wpcf7-not-valid-tip {
    font-weight: 500 !important;
    font-size: 11px !important;
    line-height: 13px !important;
    color: #EF4444 !important;
    font-family: "Urbanist", sans-serif !important;
    margin-top: 6px !important;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 13px !important;
    font-family: "Urbanist", sans-serif !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    color: #EF4444 !important;
}
.wpcf7-form.sent .wpcf7-response-output {
    color: #c3e6cb !important;
}
/** ================== // CONTACT SECTION CSS END // ================== **/


/** HOME PAGE SCROLL REVEAL ENGINE START **/
[data-reveal] {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .7s cubic-bezier(.22, 1, .36, 1), transform .7s cubic-bezier(.22, 1, .36, 1);
}
[data-reveal="fade-left"] { transform: translateX(-32px); }
[data-reveal="fade-right"] { transform: translateX(32px); }
[data-reveal="scale"] { transform: scale(.94); }
[data-reveal].is-revealed {
    opacity: 1;
    transform: translate(0, 0) scale(1);
}

[data-reveal-group] > [data-reveal-item] {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .55s ease, transform .55s cubic-bezier(.22, 1, .36, 1);
    transition-delay: calc(var(--reveal-index, 0) * 90ms);
}
[data-reveal-group].is-revealed > [data-reveal-item] {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    [data-reveal],
    [data-reveal-group] > [data-reveal-item] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}
/** GENERIC SCROLL REVEAL ENGINE END **/

/** MAICRO ANIMATION ALL PAGE CSS START **/
[data-ani-left],
[data-ani-right],
[data-ani-top],
[data-ani-bottom] {
    opacity: 0;
    transition-property: opacity, transform;
    transition-duration: var(--anim-duration, 0.7s);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: var(--anim-delay, 0s);
    will-change: opacity, transform;
}

[data-ani-left] {
    transform: translateX(calc(-1 * var(--anim-distance, 40px)));
}
[data-ani-right] {
    transform: translateX(var(--anim-distance, 40px));
}
[data-ani-top] {
    transform: translateY(calc(-1 * var(--anim-distance, 40px)));
}
[data-ani-bottom] {
    transform: translateY(var(--anim-distance, 40px));
}

[data-ani-left].is-ani,
[data-ani-right].is-ani,
[data-ani-top].is-ani,
[data-ani-bottom].is-ani {
    opacity: 1;
    transform: translate(0, 0);
}

@media (prefers-reduced-motion: reduce) {
    [data-ani-left],
    [data-ani-right],
    [data-ani-top],
    [data-ani-bottom] {
        opacity: 1;
        transform: none;
        transition: none;
    }
}
/** MAICRO ANIMATION ALL PAGE CSS END **/

/** THANKYOU PAGE CSS START **/
.thank-you-section .service-cmn-heading {
    margin-bottom: 0px;
}
.thank-you-section .service-cmn-heading p {
    margin-bottom: 20px;
}
.thank-you-section .button-row {
    justify-content: center;
}
.thank-you-section .service-cmn-heading p a {
    color: #8E8E8E;
    text-decoration: underline;
}
.thank-you-section .service-cmn-heading p a:hover {
    color: #000;
}
/** THANKYOU PAGE CSS END **/

.the-agency-grid-update .the-agency-lines {
    display: none;
}
.the-agency-grid-update .the-agency-info-holder {
    border-right: 1px solid #404040;
    margin-right: -1px;
}
.the-agency-grid-update .the-agency-col:nth-child(4n + 1) .the-agency-info-holder::before {
    width: 150vw;
    margin-left: -20vw;
}

@media (max-width:1023px) {
	.banner-blog-left ul li a{
		padding: 0;
	}
	.framework-player {
		--section-space: 25px;
	}
}
.hide-section {
    display: none !important;
}
.testimonial-card-v2.is-playing .testimonial-card-v2__content { display: none;}