@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap');

.loading_screen_wrapper,
.main_header{
    position:fixed;
    /* background-color:var(--blue); */
    background-color:#fff;
    top:0
}
.about_sec_row,.home_sec1,.serv_sec_row, .productions_sec_row{
    grid-template-columns:50% 50%
}
.about_team_sec_right span.sec_heading,.brands_slider_sec span.sec_heading,.card_links .sec_heading,.sec_about_home2 span.sec_heading{
    font-family:'DM Sans',sans-serif;
    font-weight:600;
    text-decoration:underline var(--blue) 4px;
    text-transform:uppercase;
    -webkit-text-decoration:underline var(--blue) 4px;
    text-underline-offset:8px
}
.about_team_sec_left,.scrollable-content,.work_card_sec_left .brand_img_card p,.work_card_sec_right{
    scrollbar-width:thin;
    scrollbar-color:var(--blue) var(--light-green)
}
.btn_,.card_links .card_btn,.contactForm input{
    box-shadow:none;
    outline:0
}
.link{
    margin: 1em 0 -0.8em;
}

@font-face{
    font-family:medium;
    src:url('../fonts/EurostileNextLTPro-Regular.otf') format('truetype')
}
@font-face{
    font-family:semiBold;
    src:url('../fonts/EurostileNextLTPro-SmBd.otf') format('truetype')
}
@font-face{
    font-family:heavy;
    src:url('../fonts/eurostile-lt-demi.ttf') format('truetype')
}
@font-face{
    font-family:bold;
    src:url('../fonts/Eurostile-Bold.ttf') format('truetype')
}
:root{
    /* --light-green:#00e2d2; */
    --light-green:#35C2C1;
    /* --blue:#047eff; */
    --blue:#35C2C1;
    /* --light-purple:#9c38db; */
    --light-purple:#4D74F9;
    --purple:#6026cb;
    --black:#0c1433;
    --white: #fff;
}

html {

	/*
    scroll-behavior:smooth
    */
    
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box
}
body,p{
    font-family:medium
}
a{
    text-decoration:none!important
}
.no-scroll {
    overflow: hidden !important;
}

.btn_ {
    /*font-family:'DM Sans',sans-serif;*/
    font-family:'medium';
    font-size:18px;
    cursor:pointer;
    display:inline-flex;
    padding:12px 26px;
    align-items:flex-start;
    gap:10px;
    border-radius:8px;
    transition:.6s;
    border:0
}

.btn_ {
    text-align: center;
    text-decoration: none;
    font-weight: 800;
    /* text-transform: uppercase; */
    /* color: $white; */
    
    background-size: 200% auto;
    box-shadow: 0 4px 6px rgb(50 50 93 / 25%), 0 1px 3px rgb(0 0 0 / 25%);
    background-image: linear-gradient(to right, var(--blue) 0%, var(--light-purple) 50%, var(--purple) 100%);
    transition: 0.5s;  
}

.btn_:hover {
    background-position: right center;
}

.container {
    max-width:85%;
    margin:0 auto
}
.loading_screen_wrapper {
    left:0;
    right:0;
    width:100vw;
    height:100vh;
    z-index:999999;
    opacity:1;
    visibility:visible;
    overflow:hidden;
    transition:.6s
}
.loading_animation,.loading_animation img,.sticky_container {
    height:100%;
    width:100%
}
.loading_animation img {
    transform:translateY(0);
    margin:0 auto;
    display:block;
    transition:.6s
}
.main_header {
    width:100%;
    padding:15px 0;
    z-index:99999
}
#aboutUsHead.main_header,#homeHead.main_header,#ourWorkHead.main_header {
    /* background-color:var(--light-green); */
    background-color: var(--white);
    border-bottom:.1px solid hsla(210,21%,33%,.205)
}
.header_row {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.head_cta_wrapper,.logo_wrapper,.menu_wrapper {
    position:relative;
    width:32%
}
/*
.menu_wrapper,.tabcontent.active{
    display:block !important; 
}
*/
.menu_wrapper{display:block;}
.tabcontent.active{display:block !important;}

.footer_mob_social,
.footer_mob_sec,
.mob_menu_wrapper,.tabcontent,.tiles_list,.web_none {
    display:none
}
.header_menu,.header_menu a {
    display:flex;
    align-items:center
}
/*
.header_menu{
    float:left;
    justify-content:flex-start;
    gap:50px
}
    */

.header_menu {
    float:left;
    justify-content:center;
    gap:34px;
    padding-left: 60px;
    width: 100%;
}

.menu_wrapper {
    position:relative;
    width:75%
}

.logo_wrapper,
.head_cta_wrapper, 
.menu_spacer{
    position:relative;
    width: 20%;
    max-width: 200px;
}


.header_menu a {
    position:relative;
    color:var(--light-green);
    font-size:18px;
    /*font-family:Manrope,sans-serif;*/
    font-weight:500;
    gap:3px;
    text-align:center;
    transition:.4s
}
#aboutUsHead .header_menu a,#homeHead .header_menu a,#ourWorkHead .header_menu a {
    color:var(--black);
}
.mob_menu_wrapper .header_menu a {
    color:var(--white)!important
}

.footer_menu a.footer_tile::before,
.header_menu a::before{
    content:'';
    position:absolute;
    display:block;
    left:-23px;
    width:18px;
    height:18px;
    border-radius:2px 2px 10px;
    /*
    width: 5vw;
    height: 5vw;            
    border-radius: 1vw 1vw 3vw;
    left: -7vw;
    */
    background-color:var(--light-purple);
    transition:.4s;
    opacity:0;
    visibility:hidden;
    transform:translateX(-10px)
}

a.footer_tile {
    margin-left: 40px !important;
}

.footer_menu a.footer_tile:hover:before{
    transform:translateX(0);
    opacity:1;
    visibility:visible
}

/* Position dropdown */
.menu-item {
    position: relative;
  }
  .submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--white);
    min-width: 200px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    z-index: 10;
    padding: 15px 0;
  }
  .submenu a {
    display: block;
    padding: 10px 20px;
    color: var(--black);
    font-family: medium;
    text-align: left;
    white-space: nowrap;
    transition: 0.3s;
  }
  .submenu a:hover {
    background-color: var(--light-green);
    color: var(--white);
  }
  
  /* Hover effect for desktop */
  @media (min-width: 992px) {
    .menu-item:hover .submenu {
      display: block;
    }
  }
  
  /* Mobile-friendly accordion */
  @media (max-width: 991px) {
    .has-submenu .submenu {
      position: static;
      box-shadow: none;
      border-radius: 0;
      padding: 0;
      background: transparent;
    }
    .has-submenu.active .submenu {
      display: block;
    }
    .submenu a {
      padding: 8px 15px;
      background: var(--blue);
      color: var(--white);
      border-bottom: 1px solid var(--light-green);
    }
  }
  
.contactFormPopupWrapper.slide-up,.tabcontent.active img,.tabcontent.active p{
    visibility:visible;
    opacity:1
}
#aboutUsHead .header_menu a.active,#aboutUsHead .header_menu a:hover,#homeHead .header_menu a.active,#homeHead .header_menu a:hover,#ourWorkHead .header_menu a.active,#ourWorkHead .header_menu a:hover,.header_menu a.active,.header_menu a:hover,.text_content h2 span{
    color:var(--light-purple)
}
.header_menu a.active::before,.header_menu a:hover:before{
    transform:translateX(0);
    opacity:1;
    visibility:visible
}
.logo{
    width:170px;
    /*display:block;*/
    display:inline-block;
    margin:0 auto
}
.logo img{
    width:100%;
    height:auto
}
.header_button{
    float:right;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:30px
}
.headBtn{
    background-color:var(--light-purple);
    color:#fff;
    border:0
}
#aboutUsHead .headBtn,#aboutUsHead .menu_btn span,#homeHead .headBtn,#homeHead .menu_btn span,#ourWorkHead .headBtn,#ourWorkHead .menu_btn span,.home_sec1{
    background-color:var(--blue)
}
#aboutUsHead .headBtn:hover,#homeHead .headBtn:hover,#ourWorkHead .headBtn:hover,.btn_submit:hover,.headBtn:hover{
    background-color:var(--black);
    color:#fff
}
.menu_btn{
    position:relative;
    display:none;
    flex-direction:column;
    justify-content:flex-end;
    align-items:flex-end;
    width:50px;
    gap:10px
}
.menu_btn span {
    height:3px;
    border-radius:5px;
    background-color:#fff;
    width:90%;
    transition:.5s
}
.menu_btn span:nth-child(2),.menu_btn:hover span {
    width:60%
}
.menu_btn:hover span:nth-child(2){
    width:90%
}
.home_sticky_sec_wrapper{
    width:100%;
    position:relative;
    height:700vh;
    z-index:1
}
.home_sec1{
    position:sticky;
    position:-webkit-sticky;
    top:0;
    width:100%;
    display:grid;
    height:500vh;
    margin-top:-180vh
}
.inner_container{
    width:70%;
    margin:0 auto
}
.home_sec1 .sticky_headings_sec{
    position:sticky;
    position:-webkit-sticky;
    top:12%;
    display:flex;
    align-items:center;
    background-color:var(--light-purple);
    width:100%;
    border-radius:0 80px 80px 0;
    height:90vh
}
.sticky_headings_sec h1{
    line-height:80px!important
}
.sticky_headings_sec h1 span,.tile10_stick h5,.tile1_stick h5,.tile2_stick h5,.tile3_stick h5,.tile5_stick h5,.tile8_stick h5{
    color:#fff!important
}
.home_sec1 .sticky_headings_sec p{
    color:rgba(255,255,255,.801);
    font-size:24px;
    line-height:30px;
    margin-top:20px
}
.home_sec1 .sticky_headings_sec .home_sec1_images_mobile{
    display: none;
}
.sticky_images_sec{
    position:relative;
    height:500vh
}
.home_bg_shade{
    position:sticky;
    position:-webkit-sticky;
    top:10%;
    width:100%;
    height:90vh;
    background:url(../images/shade.png) center right/140% no-repeat
}
.scroll_home_img1,.scroll_home_img2,.scroll_home_img3,.scroll_home_img4{
    position:sticky;
    position:-webkit-sticky;
    top:5%;
    z-index:999;
    width:90%;
    margin:-100vh auto 0;
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    transform:rotate(-5deg) translateX(-60px)
}
.scroll_home_img2,.scroll_home_img3,.scroll_home_img4{
    margin-top:0
}
.brands_slide img,.card_links .card_btn.active::after,.card_links .card_btn:hover:after,.close_btn img,.footer_logo img,.large_card img,.scroll_home_img1 img,.scroll_home_img2 img,.scroll_home_img3 img,.scroll_home_img4 img,.serv_tile img,.work_card_sec_left .brand_img_card figure.brand_img,figure.brand_img img{
    width:100%
}

.tile1.serv_tile img {
    filter: brightness(0) saturate(100%) invert(56%) sepia(60%) saturate(6406%) hue-rotate(213deg) brightness(100%) contrast(96%);
}
.tile3.serv_tile img {
    filter: brightness(0) saturate(100%) invert(16%) sepia(49%) saturate(6254%) hue-rotate(260deg) brightness(93%) contrast(96%);
}

.scroll_home_img2{
    transform:rotate(10deg) translateX(-40px);
    top:9%
}


.scroll_home_img1 img,.scroll_home_img2 img,.scroll_home_img3 img,.scroll_home_img4 img {
    border-radius: 12px;
}



/* homepage image of kid that was squashed */

.scroll_home_img3{
    transform:rotate(-7deg) scale(1.0) translateX(-30px);
    top:6%
}
.scroll_home_img3 img{
    /*height:60%*/
}


.scroll_home_img4{
    transform:rotate(7deg);
    top:7%;
    margin-top:0
}
.second_sec_services{
    position:relative;
    background-color:var(--light-green);
    border-radius:80px 80px 0 0;
    width:100%;
    height:180vh;
    margin-top:100vh;
    padding:120px 0 90px
}
.second_sec_services .container {
    position:relative;
    height:100%
}
.second_sec_services .card_row {
    position:sticky;
    position:-webkit-sticky;
    top:20%;
    display:grid;
    grid-template-columns:55% 40%;
    justify-content: space-between;
}
.large_card {
    position:relative;
    max-width:fit-content;
    width:100%;
    height:100%;
    /* height:580px;*/

    /*border-radius:24px;*/
    overflow:hidden
}
.large_card img {
    border-radius:24px;
}
.card_detail_box {
    /*
    position:absolute;
    bottom:0;
    */
    position:relative;
    top: -85px;
    background-color:var(--purple);
    padding:18px 40px;
    border-radius:0px 0px 24px 24px;
}
.second_sec_services .card_row .large_card video {
    height:78%;
    width:100%;
    object-fit:fill
}
/*.home_brands_slider .slick-list,.second_sec_services .card_row .large_card img,.serv_sec_3 figure.brand_img img{*/
.home_brands_slider .slick-list, .serv_sec_3 figure.brand_img img {
    height:100%
}
.second_sec_services .card_row .large_card .card_detail_box {
    height:fit-content;
    max-height: 30%;
}
.card_detail_box p {
    color:#fff;
    font-size:20px;
    opacity:.8;    
    text-transform: none;
}
.card_links {
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:flex-start;
    gap:20px
}

/* Portfolio Tabs */

/* Tabs Navigation */
.tabbing-links {
    list-style: none;
    padding: 0;
    margin: 30px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
  }
  
  
/* Tab content area */

/* Tabs Navigation */

.portfoliowrp {
    position: relative;
    padding: 90px 0;
    background: #fff;
    overflow: hidden;
    width: 100%;
    z-index: 1;
}

.portfoliowrp .txtwrp {
    display: block;
    text-align: center;
    width: 80%;
    margin: 0 auto 30px
}

.portfoliowrp .navwrp {
    display: block;
    text-align: center;
    padding: 0 0 50px
}

.portfoliowrp .navwrp ul {
    margin: 0;
    display: block;
    text-align: center
}

.portfoliowrp .navwrp ul li {
    display: inline-block;
    margin: 0 5px;
    padding: 10px 15px;
    color: var(--light-purple);
    font-size: 15px;
    border-radius: 7px;
    font-weight: 500;
    border: 1px solid var(--light-purple);
    cursor: pointer;
    transition: .5s!;
}

.portfoliowrp .navwrp ul li:hover,
.portfoliowrp .navwrp ul li.current {
    background-size: 200% auto;
    box-shadow: 0 4px 6px rgb(50 50 93 / 25%), 0 1px 3px rgb(0 0 0 / 25%);
    background-image: linear-gradient(to right, var(--blue) 0%, var(--light-purple) 50%, var(--purple) 100%);
    border-color: var(--blue);
    color: var(--white);
}

.portfoliowrp .port-box {
}

.portfoliowrp .port-box ul {
    margin: 0;
    display: block;
    text-align: center
}

.portfoliowrp .port-box ul li {
    display: inline-block;
    width: 22%;
    transition: 0.6s ease;
    box-shadow: -1px -2px 15px -3px rgb(0 0 0/16%);
    border-radius: 20px;
    margin: 9px;
    height: 400px;
    overflow: hidden;
    background-size: cover;
}

.portfoliowrp .port-box ul li:hover {
    background-position: center;
}

.portfoliowrp .port-box ul li img {
    width: 340px;
    height: 310px;
    object-fit: cover;
    border-radius: 15px;
    transition: 0.3s ease;
}

.portfoliowrp .btnwrp {
    display: block;
    text-align: center;
    padding: 50px 0 0;
}
  
/* Tab Content Sections */

.tabs.ser-port.wbport {
    display: none;
}

.tabs.ser-port::marker {
    list-style-type: none;
    font-size: 0;
    padding: 0;
    margin: 0;
}
  
.tabs.ser-port.wbport.current {
    display: block;
}
  
  /* Portfolio Grid */
  .port-box ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }
  
  /* .port-box ul li {
    width: calc(25% - 15px);
    height: 200px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    transition: 0.3s ease;
  }
  
  .port-box ul li:hover {
    transform: scale(1.03);
  } */
  
  /* Responsive Adjustments */
  @media (max-width: 991px) {
    .port-box ul li {
      width: calc(33.33% - 10px);
      height: 180px;
    }
  }
  
  @media (max-width: 768px) {
    .portfoliowrp .port-box ul li {
      width: calc(48% - 10px);
    }
  
    .tabbing-links {
      flex-wrap: nowrap;
      overflow-x: auto;
    }
  
    .tabbing-links li {
      flex: 0 0 auto;
      white-space: nowrap;
    }

    .portfoliowrp .navwrp ul li {
        margin: 5px;
    }
    
  }
  

/* Testimonial Slider */

.testimonials {
    padding: 120px 10px;
    background: var(--light-green);
    color: var(--white);
    font-family: medium;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 100%;
}

.testimonials .row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
    margin-top: 30px;
}

.testimonials .testimonial_side_img {
    width: 48%;
}

.testimonials .testimonial_side_img img {
    width: 100%;
}

.testimonial_side_slide_sec {
    width: 48%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
}

.testimonial_side_slide_sec h3 {
    color: var(--purple);
    font-size: 38px;
    text-align: left;
    text-transform: capitalize;
}

.testimonial_side_slide_sec span {
    font-size: 22px;
}

.reviews_stars {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

.reviews_stars i {
    color: goldenrod;
    font-size: 18px;
}

.testimonial_side_slide_sec span {
    font-size: 28px !important;
}
.testimonial_side_slide_sec h6 {
    font-size: 20px;
    color: var(--black);
}

.testimonials h2 {
    /* font-family: bold; */
    margin-bottom: 30px;
    color: var(--white);
    font-size: 3.5vw;
}

.testimonials h2 span {
    color: var(--light-purple);
}

.testimonial-slider {
    width: 100%;
}

.testimonial-slider .testimonial {
    background: var(--white);
    border-radius: 16px;
    padding: 25px;
    margin: 10px;
    /* font-family: medium; */
    height: 100%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    text-align: left;
}

.testimonial p {
    font-size: 18px;
    margin-bottom: 10px;
    color: var(--black);
}

.testimonial span {
    /* font-family: semiBold; */
    font-size: 16px;
    display: block;
    margin-top: 10px;
    color: var(--blue);
}
  
/* Slick Dots Styling */

.slick-dots {
    bottom: -50px;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.slick-dots li::marker,
.slick-dots li button {
    display: none;
    font-size: 0;
}
  
.slick-dots li::before {
    content: '';
    font-size: 12px;
    color: var(--white);
    opacity: 0.5;
    background: white;
    width: 10px;
    position: relative;
    display: block;
    height: 10px;
    border-radius: 50px;
}

.slick-dots li.slick-active::before {
    opacity: 1;
    color: var(--white);
}

/* FAQS Section */

.accordion-section {
    padding: 120px 10px;
    background: var(--white);
    /* font-family: medium; */
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 1;
}

.accordion-section .row {
    display: grid;
    align-items: flex-start;
    justify-content: center;
    gap: 40px;
    grid-template-columns: 50% 50%;
}

.portfoliowrp h2,
.accordion-section h2 {
    color: var(--black);
    font-size: 3.5vw;
    margin-bottom: 40px;
    text-align: center;
}

.portfoliowrp p {
    font-size: 22px;
}

.accordion-item {
    border-bottom: 1px solid #ddd;
}

.accordion-header {
    position: relative;
    background: none;
    border: none;
    padding: 15px 0;
    width: 100%;
    text-align: left;
    font-family: semiBold;
    font-size: 22px;
    color: var(--blue);
    cursor: pointer;
}

.accordion-header::after {
    content: '+';
    font-size: 28px;
    color: var(--black);
    float: right;
}

.accordion-body {
    padding: 0 15px 15px;
    display: none;
    color: var(--black);
}
.accordion-header.active + .accordion-body {
    display: block;
}

.accordion-header.active::after {
    content: '-';
}

  
/* Contact Us Form Sec */

.contact-section {
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 1;
    padding: 90px 0;
    background: var(--light-purple);
}

.contact-section .row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.contact-form form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contact-section h2 {
    color: var(--white);
    font-size: 3.5vw;
    margin-bottom: 10px;
}

.contact-section p {
    font-size: 20px;
    margin-bottom: 40px !important;
}

.contact-form br {
    display: none;
}

.checkbox-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 30px 0;
}
  
.checkbox-container input[type="checkbox"] {
    display: none;
}

.checkbox-container label {
    padding: 10px 16px;
    border: 1px solid var(--blue);
    border-radius: 25px;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 14px;
    transition: all 0.3s ease;
    user-select: none;
    color: var(--white);
}

.checkbox-container input[type="checkbox"]:checked + label {
    background-color: var(--blue);
    color: #fff;
    border-color: var(--light-green);
}

.contact-form input,
.contact-form textarea {
    padding: 10px;
    border: 0;
    border-bottom: 1px solid #fff;
    border-radius: 8px;
    outline: 0;
    background: transparent;
    color: #fff;
    height: 50px;
}

.contact-form textarea {
    height: 120px;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: var(--white);
    font-size: 18px;
    font-family: medium;
}

/* .contact-form .btn_ {
    background: var(--blue);
    color: var(--white);
    border: none;
    padding: 12px;
    border-radius: 8px;
    font-family: semiBold;
    cursor: pointer;
} */

.contact-form h3,
.contact-info h3 {
    margin-bottom: 10px;
    color: var(--white);
    font-size: 24px;
}

.contact-info p {
    font-family: medium;
    margin-bottom: 10px;
    color: var(--white);
}
  

.brands_slider_sec span.sec_heading,.card_links .sec_heading {
    position:relative;
    font-size:30px;
    color:var(--light-purple);
    padding-left:0
}

.brands_slider_sec h2 {
    font-size:48px;
    position:relative;
    color:var(--white);
    padding-left:0;
    display: inline;
}

.brands_slider_sec h2 span {
    color: var(--light-purple);
}


.card_links .sec_heading::after {
    content:'';
    position:absolute;
    bottom:0;
    right:0;
    width:100%;
    height:2px;
    transition:.6s;
    background-color:var(--light-purple)
}

.card_links .card_btn {
    position:relative;
    font-family:medium;
    border:0;
    color:var(--white);
    font-size:42px;
    background-color:transparent;
    text-transform:uppercase;
    letter-spacing:-1%;
    opacity:.8;
    transition:.6s;
    text-align: right;
    font-weight: 700;
}

.card_links .card_btn.active,.card_links .card_btn:hover {
    opacity:1
}

.card_links .card_btn::after {
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:0%;
    height:2px;
    transition:.6s;
    background-color:var(--light-purple)
}
.card_links .brand_cta_btn {
    transform:none;
    margin:0
}
.tabcontent img,.tabcontent p {
    visibility:hidden;
    opacity:0;
    transition:1s ease-in
}
.home_about_sec {
    position:relative;
    background-color:var(--light-green);
    width:100%;
    height:200vh;
    margin-top:80vh;
    z-index:1
}
.sec_about_home2 {
    position:sticky;
    position:-webkit-sticky;
    top:12%;
    height:100vh;
    width:100%;
    background-color:var(--light-purple);
    border-radius:80px 80px 0 0;
    padding:90px 0
}
.sec_about_home2 .about_sec_bg_line {
    background-image:url(../images/new_shade.png);
    background-size:cover;
    height:100vh
}
.sec_about_home2 h2 {
    font-weight:400!important
}
.sec_about_home2 h2 span {
    font-weight:700!important;
    color:#fff!important
}
.sec_about_home2 .about_sec_para {
    height:90%
}
.sec_about_home2 .about_sec_para p {
    font-size:18px
}
.blue_btn {
    background-color:var(--blue);
    color:#fff;
    border:0;
    font-size:16px;
    padding:14px 26px
}
.brands_slider_sec {
    position:relative;
    width:100%;
    padding:80px 0;
    background-color:var(--light-green);
    overflow:hidden;
    z-index:1
}
.brands_slider_sec .slick-arrow,
.work_carousel .slick-arrow,
.work_sec3 .slick-arrow{
    font-size:24px;
    color:#fff;
    background:var(--light-purple);
    width:50px;
    height:50px;
    border-radius:50px;
    display:flex !important;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:-100px;
    transition:.5s;
    cursor:pointer;
    z-index:9
}
.brands_slider_sec .slick-arrow:hover,
.work_carousel .slick-arrow:hover,
.work_sec3 .slick-arrow:hover{
    background:var(--blue)
}
.brands_slider_sec i.fa-solid.fa-arrow-right.slick-arrow{
    right:120px
}
.brands_slider_sec i.fa-solid.fa-arrow-left.slick-arrow{
    right:190px
}

.work_carousel i.fa-solid.fa-arrow-right.slick-arrow,
.work_sec3 i.fa-solid.fa-arrow-right.slick-arrow{
    right:30px;
    top:90px
}
.work_carousel i.fa-solid.fa-arrow-left.slick-arrow,
.work_sec3 i.fa-solid.fa-arrow-left.slick-arrow{
    left:30px;
    top:90px
}

.home_brands_slider{
    margin:40px 0 0;
    height:210px
}
.brands_slide{
    width:170px!important;
    height:170px!important;
    border-radius:10px 10px 70px;
    background-color:#fff;
    padding:10px;
    display:flex!important;
    align-items:center;
    justify-content:center;
    margin:0 15px;
    transition:transform .5s linear
}
.wrapper{
    position:relative;
    width:100%;
    height:300vh;
    background-color:var(--light-green);
    z-index:1
}

.productions_sec{
    z-index: 1;
    position:relative;
    width:100%;
    /*height:45vh;*/
    padding:120px 0 120px;
    margin-top:90px
}

.productions_sec_tiles{
    z-index: 0;
    position:absolute;
    top:0;
    right:0;
    left:0;
}

.serv_sec{
    position:relative;
    width:100%;
    height:100vh;
    padding:120px 0 0;
    margin-top:80px;
}
.serv_sec_bg_line{
    position:absolute;
    top:0;
    right:0;
    left:0;
    background:url('../images/service_baner.png') center/110% 100% no-repeat;
    bottom:0;
    width:100%;
    height:120vh
}
.serv_sec_row{
    position:relative;
    display:grid
}
.hero_section_text,.hero_section_text-about,.hero_section_text-services,.hero_section_text-work{
    display:inline-block;
    overflow:hidden;
    transition:.6s;
    padding-top:15px
}

.productions_wrapper .productions_sec .hero_section_text h1,
.productions_wrapper .productions_sec .hero_section_text h2,
.productions_wrapper .productions_sec .hero_section_text-services h1,
.productions_wrapper .productions_sec .hero_section_text-work h1{
    /* color:var(--light-green); */
    color:var(--white);
}

.hero_section_text h1,
.hero_section_text h2,
.hero_section_text-services h1,
.hero_section_text-work h1 {
    /* color:var(--blue); */
    color:var(--light-green);
    /*font-size:90px;*/
    font-style:normal;
    font-weight:400;
    /*line-height:100px;*/
    letter-spacing:-1.2px;
    text-transform:uppercase;
    font-size: 6vw;
    line-height: 7vw;
}
.hero_section_text h1 span,.hero_section_text h2 span,.hero_section_text-services h1 span,.hero_section_text-work h1 span{
    color:var(--light-purple);
    font-weight:700
}

.productions_wrapper .hero_section_text h2 {
    color: var(--white);
}

.hero_section_text-services h1 span {
    color: var(--light-purple);
}

.work_sec3 .hero_section_text h2,
.hero_section_text-services h1 {
    color: var(--white);
}

.serv_sec_2 {
    position:sticky;
    position:-webkit-sticky;
    top:18%;
    width:100%;
    height:100vh;
    padding:10px 0 80px
}
.para_sticky_sec_wrapper{
    position:relative;
    width:100%
}
.serv_sec_2 .serv_sec_row{
    position:sticky;
    position:-webkit-sticky;
    top:60vh
}
.hero_sec_para{
    position:relative;
    overflow:hidden;
    padding-left:90px;
    transition:.4s
}
.productions_sec_row .hero_sec_para p{
    color:white;
}

.hero_sec_para p {
    /* color:var(--blue); */
    color:var(--white);
    font-size:21px;
    font-style:normal;
    font-weight:400;
    line-height:33px;
    margin-bottom:30px;
    transition:.6s
}
.animate_tiles{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center
}
.serv_tile{
    width:300px;
    margin:0;
    transition:.6s
}
figure.serv_tile.tile1{
    transform:translate(100px,20px)
}
figure.serv_tile.tile2{
    transform:translate(-70px,-130px);
}
figure.serv_tile.tile3{
    transform:translate(00px,-240px);
    width:320px
}

.serv_sec_3{
    position:relative;
    width:100%;
    height:100%;
    padding:60px 0;
    background-color:var(--light-purple)
}
figure.brand_img{
    margin:0;
    width:580px;
    overflow:hidden;
    /*border-radius:24px*/
}
figure.brand_img img{
    border-radius:24px;
}
.serv_sec_3 figure.brand_img{
    height:500px
}
.work_card_sec_left figure.brand_img{
    height:300px
}
.brand_cta_btn{
    background-color:var(--light-purple);
    color:#fff;
    padding:18px 36px;
    text-align:center;
    margin:0 auto;
    display:block;
    transform:translate(-10px,-90px)
}
.window_stack,.window_stack_body{
    background-color:var(--light-green)
}
.brand_img_card {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items: center;
}
.brand_sec_detail,.content_sec_detail,.creative_sec_detail,.insights_sec_detail {
    position:relative;
    padding:0 0 60px 50px;
    display:flex;
    flex-direction:column;
    gap:20px;
    align-items:flex-start;
    justify-content:flex-start
}
.brand_sec_detail h2,.content_sec_detail h2,.creative_sec_detail h2,.insights_sec_detail h2 {
    /* color:var(--blue); */
    color:var(--white);
    /* font-size:60px; */
    font-size:46px;
    font-style:normal;
    font-weight:700;
    line-height:normal;
    letter-spacing:-.8px;
    text-transform:uppercase;
}

.brand_sec_detail h3 {
    font-size: 28px;
    color:var(--white);
    font-weight:700;
    line-height:normal;
    letter-spacing:-.8px;
    text-transform:uppercase;
}

.brand_sec_detail p,.content_sec_detail p,.creative_sec_detail p,.insights_sec_detail p {
    /* color:var(--blue,); */
    color:var(--white);
    font-size:18px;
    font-style:normal;
    font-weight:400;
    line-height:28px;
    opacity:.8
}
.brand_links{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    /*gap:10px;*/
    justify-content:flex-start
}
.brand_links span {
    /* color:var(--blue); */
    color:var(--white);
    font-size:18px;
    font-weight:400;
    line-height:normal;
    text-transform:uppercase;
    display:inline-flex;
    align-items:center;
    /*gap:10px*/
}
.brand_links span::before{
    content:'';
    width:18px;
    height:18px;
    background-color:var(--purple);
    border:0;
    border-radius:1.8px 1.8px 9.5px;
    display:block;

    margin-right: 10px;
    top: -3px;
    position: relative;
}
.content_sec_detail h2,.content_sec_detail p,.content_sec_detail span,.creative_sec_detail h2,.creative_sec_detail p,.creative_sec_detail span{
    color:#fff
}
.window_stack_body{
    height:500vh
}
.window_stack{
    position:relative;
    padding:0;
    z-index:1
}
.window_inner_section{
    position:relative;
    width:100%;
    height:220vh
}

.window_inner_section:nth-child(2){
    /*top:-100vh*/
    top:-70vh
}
.window_inner_section:nth-child(3){
    top:-200vh
}
.window_inner_section:nth-child(4){
    top:-300vh;
    height:140vh
}

.sticky_section{
    position:sticky;
    width:100%;
    height:100vh;
    /*top:10%*/
    top:8%;
}

.serv_sec_4,.serv_sec_5,.serv_sec_6{
    position:relative;
    padding:60px 0;
    border-radius:80px 80px 0 0
}
.sticky_container figure.brand_img{
    height:480px
}
.serv_sec_4{
    background-color:var(--blue)
}
.serv_sec_5{
    background-color:var(--light-purple)
}
.serv_sec_6{
    background-color:var(--light-green)
}

.main_footer {
    position:sticky;
    bottom:0;
    width:100%;
    background-color:var(--white);
    padding:40px 0 10px
}
.footer_row {
    display:flex;
    align-items:center;
    padding:10px 0 30px
}
.footer_logo_col {
    /*width:30%*/
}
.footer_logo {
    width:210px;
    float:left;
    display:block;
    margin-bottom: 30px;
}

/* .footer_logo img {
    filter: brightness(0) invert(1);
} */

.footer_menu_col {
    width:100%
}
.footer_menu {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    /*gap:30px*/
    /*gap:22px;*/
}
.footer_menu a {
    color:var(--black);
    font-size:18px;
    font-style:normal;
    font-weight:400;
    line-height:24px;
    margin-left: 22px;
    transition: .4s;
    position: relative;
}

.footer_menu a:hover {
    color: var(--light-purple);
}

.footer_bottom p,.footer_bottom span a {
    font-size:14px;
    line-height:normal;
    color: var(--white);
    font-weight:400;
    font-style:normal
}

.icon_box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.icon_box p {
    margin: 0 !important;
    width: 80%;
}

.icon_box .icon,
.footer_menu a.icon,.footer_mob_social a.icon {
    /* background-color:var(--light-purple); */
    color:#fff;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background-size: 200% auto;
    box-shadow: 0 4px 6px rgb(50 50 93 / 25%), 0 1px 3px rgb(0 0 0 / 25%);
    background-image: linear-gradient(to right, var(--blue) 0%, var(--light-purple) 50%, var(--purple) 100%);
    transition: 0.5s;  
}

.footer_menu a.icon:hover,.footer_mob_social a.icon:hover {
    background-position: right center;
}

.footer_bottom {
    border-top:1px solid #ffffff31;
    padding:15px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-radius: 50px;
    background-color: var(--light-purple);
}
.footer_bottom p{
    margin:0
}
.footer_bottom span{
    display:inline-block;
    gap:10px
}
.footer_bottom span a{
    text-align:right;
    text-decoration:underline!important;
    -webkit-text-decoration:underline!important
}

.productions_sec_row{
    /*max-width: 65%;*/
    margin: 0 auto;
    /*padding-bottom: 8rem;*/

    display:grid;
    align-items:flex-start;
    /*height:77vh*/
}

.productions_sec_row .animate_tiles{
    height: 600px;
    top: -150px;
}

/*
.productions_sec_row .para_text{
    z-index: 1;
}
*/
.productions_wrapper .showcase_row{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.productions_wrapper .showcase_row:nth-child(odd)
{
    background-color: var(--light-green);
}
.productions_wrapper .showcase_row:nth-child(even)
{
    background-color: var(--light-purple);
}

.productions_wrapper .showcase_row:nth-child(even) .popup_slider
{
    background:url('../images/popup_slider_bg2.png') center / cover no-repeat;
    background-color: var(--light-green);
}

.productions_wrapper .showcase_row:nth-child(even) .non-scrollable-content ul li{
    color: var(--light-green);
}
.productions_wrapper .showcase_row:nth-child(even) .non-scrollable-content ul li::before{
    background-color: var(--light-green);
}



/* tiles */
.productions_sec_row .animate_tiles .tile1{animation-delay: 1.5s; position: absolute;
    left: 160px;
    top: 400px;
    scale: 1.1;
    rotate: 14deg; }
.productions_sec_row .animate_tiles .tile2{animation-delay: 1.9s; position: absolute;
    left: 290px;
    top: 140px;
    scale: 1;
    rotate: 14deg;}
.productions_sec_row .animate_tiles .tile3{animation-delay: 2.3s; position: absolute;
    left: 152px;
    top: -8px;
    scale: 0.75;
    rotate: -3deg;}

@media(max-width:1024px)
{
    .productions_sec_row .animate_tiles .tile1{animation-delay: 1.5s; position: absolute;
    left: 70px;
    top: 380px;}
.productions_sec_row .animate_tiles .tile2{animation-delay: 1.9s; position: absolute;
    left: 140px;
    top: 130px;}
.productions_sec_row .animate_tiles .tile3{animation-delay: 2.3s; position: absolute;
    left: 32px;
    top: 2px;}
}

@media(min-width:1024px) and (max-width:1200px)
{
    .productions_sec_row .animate_tiles .tile1{animation-delay: 1.5s; position: absolute;
    left: 130px;
    top: 450px;}
.productions_sec_row .animate_tiles .tile2{animation-delay: 1.9s; position: absolute;
    left: 230px;
    top: 170px;}
.productions_sec_row .animate_tiles .tile3{animation-delay: 2.3s; position: absolute;
    left: 92px;
    top: -8px;}
}


.about_sec{
    position:relative;
    width:100%;
    height:110vh;
    padding:160px 0 40px;
    background:url(../images/about_sec_bottom_shape.png) center/100% 100% no-repeat;
    overflow:hidden;
    z-index:2;
    background-blend-mode: darken;
    background-color: var(--light-green);
}
.about_sec_row{
    display:grid;
    align-items:flex-start;
    height:77vh
}
.about_sec_main_heading{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    margin-top: 50px;
}
.about_sec_main_heading h1{
    color:#fff;
    
    font-size: 5.5vw;
    line-height: 5vw;

    font-style:normal;
    font-weight:400;
    letter-spacing:-1.2px;
    text-transform:uppercase
}
.about_sec_main_heading h1 span{
    color:var(--blue);
    font-weight:700
}
.about_sec_para {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-end;
    gap:15px;
    height:80%;
}

.about_sec_para p {
    color:#fff;
    font-size:20px;
    font-style:normal;
    font-weight:400;
    opacity:.8!important;
    line-height:30px
}

.about_sec_bg_line {
    position:absolute;
    top:0;
    right:0;
    left:0;
    background:url('../images/about_vect.png') center top/100% 150% no-repeat;
    bottom:0;
    width:100%;
    height:100%;
    z-index:-1;
    transition:.6s
}
.about_sec_content_wrapper,.animate_about_sec_wrapper{
    position:relative;
    width:100%;
    background-color:var(--light-green)
}
.animate_about_sec_wrapper{
    height:600vh;
    z-index:1
}
.about_sec_content_wrapper{
    height:470vh;
    padding:150px 0 0;
    margin-top:-50vh;
    position:sticky;
    position:-webkit-sticky;
    top:10%
}
.about_sec_content_wrapper .tile_warraper{
    position:relative;
    height:230vh;
    /*
    height:230vh;
    overflow-x: hidden;
    */
}
.about_sec_content_wrapper .tile_warraper h2{
    font-size:22px;
    color:var(--white);
    opacity:.8;
    text-align:center;
    padding:20px 120px
}
.text_content{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
}
.text_content h2{
    /* color:var(--blue); */
    color:var(--white);
    text-align:center;
    font-size:70px;
    font-style:normal;
    font-weight:700;
    line-height:80px;
    letter-spacing:-.8px;
    text-transform:uppercase;
    transition:.4s
}
.text_content p{
    color:var(--white);
    text-align:center;
    font-size:20px;
    font-style:normal;
    font-weight:400;
    line-height:24px;
    /*width:600px;*/
    width: 55vw;
    margin:15px auto 0;
    opacity:.8
}
.white_tiles_box{
    position:sticky;
    position:-webkit-sticky;
    top:12%;
    width:1100px;
    margin:40vh auto 0;
    background-color:transparent;
    padding:70px;
    border-radius:80px;
    z-index:9
}
.white_tiles_box .tiles_row{
    display:grid;
    grid-template-columns:20% 20% 20% 20% 20%;
    gap:15px;
    position:relative
}
.tile10_stick,.tile1_stick,.tile2_stick,.tile3_stick,.tile4_stick,.tile5_stick,.tile6_stick,.tile7_stick,.tile8_stick,.tile9_stick{
    position:relative;
    width:190px;
    height:190px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.5s
}
.tile10_stick img,.tile1_stick img,.tile2_stick img,.tile3_stick img,.tile4_stick img,.tile5_stick img,.tile6_stick img,.tile7_stick img,.tile8_stick img,.tile9_stick img{
    width:100%;
    transition:.4s;
    filter: hue-rotate(210deg) brightness(3) invert(1);
}

.tile4_stick img,
.tile9_stick img,
.tile7_stick img,
.tile6_stick img {
    filter: hue-rotate(0) brightness(1.5);
}

.tile5_stick img,
.tile1_stick img {
    filter: hue-rotate(110deg) brightness(2) invert(1) !important;
}

.about_sec3{
    position:sticky;
    position:-webkit-sticky;
    top:12%;
    padding:120px 0 60px;
    background-color:var(--light-purple);
    border-radius:80px 80px 0 0;
    height:100vh;
    width:100%
}
.about_sec3 .spacer__{
    height:30vh
}
.about_sec3 .serv_sec_row{
    display:grid;
    grid-template-columns:40% 60%
}
.about_sec4_bg_line{
    position:absolute;
    top:0;
    right:0;
    left:0;
    background:url('../images/new_shade.png') center 50%/100% 100% no-repeat;
    bottom:0;
    width:100%;
    height:100%
}
.about_team_sec_right{
    position:sticky;
    position:-webkit-sticky;
    top:14%;
    width:100%
}
.about_team_sec_right span.sec_heading,.sec_about_home2 span.sec_heading{
    position:relative;
    font-size:30px;
    color:#fff;
    padding-left:0
}
.about_team_sec_right h2{
    font-weight:700;
    font-size:85px;
    line-height:80px;
    color:#fff;
    text-transform:uppercase;
    margin-top:40px
}
.about_team_sec_left{
    position:relative;
    overflow:visible scroll;
    height:65vh;
    width:100%;
    -ms-overflow-style:none
}
.about_team_sec_left::-webkit-scrollbar{
    width:10px;
    background-color:var(--light-green)
}
.about_team_sec_left::-webkit-scrollbar-thumb{
    background:var(--blue)
}
.about_team_sec_left .team_intro{
    position:relative;
    padding-left:140px;
    margin-bottom:40px;
    padding-right:70px;
}
.improve-contactForm{
    width:90%!important;
    max-width:1400px!important
}
.my-popup{
    height:80vh;
    overflow-x:hidden;
    overflow-y:scroll
}
.my-popup h2{
    color:#333;
    text-align:left;
    margin-bottom:10px
}
.main-heading-pri-pol{
    text-align:center!important
}
.my-popup p,.my-popup ul{
    color:#555;
    margin-bottom:10px
}
.my-popup ul{
    list-style-type:disc;
    padding-left:20px
}
.my-popup a{
    color:#06c;
    text-decoration:none
}
.my-popup a:hover{
    text-decoration:underline
}
.cookie p{
    color:#555
}
.cookie table{
    width:100%;
    border-collapse:collapse;
    margin-top:20px
}
.cookie table,td,th{
    border:1px solid #ddd
}
.cookie th,td{
    padding:10px;
    text-align:left
}
.cookie th{
    background-color:#f4f4f4
}
.cookie .cookie-notice{
    margin-top:20px;
    padding:10px;
    background-color:#f9f9f9;
    border:1px solid #ddd
}





/* Mobile version 768px */


@media screen and (max-width:768px){
    .cookie th,td{
        display:block;
        width:100%;
        box-sizing:border-box
    }
    .cookie th{
        background-color:#f4f4f4;
        position:absolute;
        top:-9999px;
        left:-9999px
    }
    .cookie td{
        border:none;
        position:relative;
        padding-left:50%;
        text-align:right
    }
    .cookie td:before{
        content:attr(data-label);
        position:absolute;
        left:10px;
        width:calc(50% - 20px);
        padding-right:10px;
        white-space:nowrap;
        text-align:left;
        font-weight:700
    }

    .accordion-section .row {
        gap: 0px;
        grid-template-columns: 100%
    }

    .portfoliowrp h2,
    .testimonials h2,
    .accordion-section h2 {
        font-size: 10vw;
    }

    .portfoliowrp .txtwrp {
        margin: 0;
        width: 100%;
    }
    .footer_row {
        flex-direction: column;
        align-items: flex-start;
    }
    
}
.about_team_sec_left .team_intro::before{
    content:'';
    position:absolute;
    top:10px;
    left:40px;
    width:70px;
    height:70px;
    background-color:var(--purple);
    border-radius:5px 5px 45px;
    transform:rotate(-20deg)
}
.about_team_sec_left .team_intro:nth-child(2):before{
    transform:rotate(12deg);
    background-color:var(--light-green)
}
.about_team_sec_left .team_intro h3{
    font-family:medium;
    font-size:32px;
    font-weight:600;
    color:var(--blue);
    letter-spacing:-1.5px
}
.about_team_sec_left .team_intro h5{
    color:#fff;
    font-size:20px;
    font-weight:400;
    text-transform:uppercase
}
.about_team_sec_left .team_intro p{
    color:#fff;
    font-size:17px;
    font-weight:400;
    opacity:.7;
    margin-top:20px;
    line-height:22px
}
.tile1_stick{
    transform:translate(-370px,-880px);
    width:170px;
    height:170px
}
.tile2_stick{
    transform:translate(-250px,-980px) scale(.6);
    width:180px;
    height:180px
}
.tile3_stick{
    transform:translate(180px,-990px) scale(.5)
}
.tile4_stick{
    transform:translate(185px,-980px) scale(1.2)
}
.tile5_stick{
    transform:translate(270px,-800px) scale(.7)
}
.tile6_stick{
    transform:translate(-290px,-650px) scale(1.5)
}
.tile7_stick{
    transform:translate(-180px,-620px) scale(.7);
    width:180px;
    height:180px;
    margin-top:10px
}
.work_sec1,.work_wrapper{
    width:100%;
    position:relative
}
.tile8_stick{
    transform:translate(140px,-600px) scale(.5)
}
.tile9_stick{
    transform:translate(180px,-620px) scale(.9)
}
.tile10_stick{
    transition:.2s!important;
    transform:translate(210px,-730px) scale(1.6)
}
.tiles_row h5{
    font-size:20px;
    text-transform:capitalize;
    color:var(--blue);
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    transition:.8s;
    z-index:9
}

.productions_wrapper{
    position: sticky;
    height:100%;
    background-color:var(--blue);
    z-index:1
}

.work_wrapper{
    height:800vh;
    background-color:var(--blue);
    z-index:1
}
.work_sec1{
    height:260vh;
    padding:30% 0 0
}
.work_sec1 .main_heading{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    z-index:9;
    position:absolute;
    top:9%
}
.work_sec1 h1{
    color:#fff;
    font-weight:300
}
.work_sec1 h1 span{
    font-weight:900
}
.sticky_video_wrapper{
    position:relative;
    border-radius:26px;
    width:90%;
    height:110vh;
    overflow:hidden;
    margin:0 auto
}
video{
    position:relative;
    min-width:100%;
    min-height:100%;
    -webkit-transition:1s;
    -moz-transition:1s;
    -o-transition:1s;
    transition:1s;
    border-radius:26px;
    animation:fadeIn;
    width:100%
}
.sticky_video_wrapper:hover video{
    transform:scale(.98)
}
button.video_btn{
    background-color:var(--light-purple);
    border:none;
    color:#fff;
    display:none;
    align-items:center;
    justify-content:center;
    font-size:18px;
    left:0;
    margin:0 auto;
    padding:8px 16px;
    position:absolute;
    right:0;
    top:45%;
    z-index:1;
    width:100px;
    border-radius:50%;
    height:100px
}
button.video_btn.active{
    display:flex
}
button.video_btn img{
    width:100%;
    padding:20px
}
.work_bg_curve_line{
    position:absolute;
    bottom:5%;
    left:0;
    background:url('../images/work_sec_curve_line.png') center/100% 100% no-repeat;
    width:100%;
    height:100vh
}
.work_sec2 {
    position:relative;
    height:400vh;
    width:100%;
    border-radius:0 0 80px 80px;
    z-index:2;
    overflow-x: clip;
}
.sticky_bg_tile {
    position:sticky;
    position:-webkit-sticky;
    top:45%;
    width:250px;
    height:250px;
    display:block;
    margin:0 auto;
    border-radius:20px 20px 100px;
    background-color:var(--light-purple);
    transform:rotate(-19.47deg);

    overflow-x: clip;
}
.contactForm,.popup{
    transform:translateY(100%)
}
.work_sec2 .container.h{
    position:relative;
    height:160vh
}
.work_sec_para{
    position:sticky;
    position:-webkit-sticky;
    top:25%;
    text-align:left;
    width:70%;
    margin:0 auto
}
.work_sec_para p{
    color:hsla(0,0%,100%,.801);
    font-size:38px;
    font-weight:400;
    transition:.4s
}
.serv_card_sec{
    padding:120px 0 60px;
    position:sticky;
    position:-webkit-sticky;
    top:1%
}
.work_card_sec_right{
    position:relative;
    overflow:visible scroll;
    /*height:75vh;*/
    height:100%;
    top:0;
    width:90%;
    left:10px;
    padding-top:20px;
    padding-right:70px
}
.work_card_sec_right span.sec_heading{
    position:relative;
    font-family:'DM Sans',sans-serif;
    text-transform:uppercase;
    font-size:24px;
    color:#fff;
    padding-left:0;
    font-weight:600;
    text-decoration:underline var(--blue) 4px;
    -webkit-text-decoration:underline var(--blue) 4px;
    text-underline-offset:8px
}
.work_card_sec_right h2{
    font-weight:700;
    font-size:40px;
    line-height:65px;
    color:#fff;
    text-transform:uppercase;
    margin-top:40px
}
.work_card_sec_right p{
    color:#fff;
    font-size:19px;
    line-height:26px;
    opacity:.8;
    margin-top:18px
}
.tabsBtn_wrapper .tabs {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    /*gap:20px;*/
    margin-top:20px
}
.tabsBtn_wrapper .tablinks{
    position:relative;
    border-radius:32px;
    width:100%;
    background-color:hsla(0,0%,100%,.2);
    border:0;
    outline:0;
    box-shadow:none;
    color:#fff;
    font-size:20px;
    padding:28px;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    transition:.4s;
    text-align:left
}
.tabsBtn_wrapper .tablinks:hover{
    /* transform:scale(1.02); */
    background-color:hsla(0,0%,100%,.3);
    color:#fff
}
.tabsBtn_wrapper .tablinks.active{
    background-color:var(--blue);
    color:#fff
}
.tabsBtn_wrapper .tablinks span.arrow{
    position:relative;
    border-radius:100%;
    background-color:#fff;
    color:var(--blue);
    width:45px;
    height:45px;
    transition:.4s;
    border:0;
    font-size:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden
}
.tabsBtn_wrapper .tablinks:hover span{
    background-color:var(--light-purple);
    color:#fff
}
.tabsBtn_wrapper .tablinks span i.a{
    transform:translateX(10px);
    transition:.4s
}
.tabsBtn_wrapper .tablinks span i.b{
    transform:translateX(-100px);
    transition:.4s
}
.tabsBtn_wrapper .tablinks:hover span i.a{
    transform:translateX(200px)
}
.tabsBtn_wrapper .tablinks:hover span i.b{
    transform:translateX(-10px)
}
.work_card_sec_left .brand_img_card {
    border-radius:25px;
    padding:25px;
    background-color:#fff
}
.work_card_sec_left .brand_img_card p {
    color:var(--blue);
    opacity:.8;
    font-size:18px;
    line-height:22px;
    padding:20px 30px 20px 20px;
    height:210px;
    overflow-x:hidden;
    overflow-y:scroll;
    margin-bottom:20px
}

.work_sec3{

    margin-top:-100vh;
}

.work_carousel{
    position: relative !important;
    top: -1px  !important;
}

.work_carousel,
.work_sec3{
    position:sticky;
    position:-webkit-sticky;
    top:8%;
    background-color:var(--light-green);
    width:100%;
    /*height:120vh;*/
    padding:60px 0 5em 0
}
.work_sec3_bg_line{
    position:absolute;
    top:0;
    width:100%;
    /*height:120vh;*/
    height:100%;
    background:url(../images/our_projects_sec_bg_line.png) center/100% 100% no-repeat;
    /*z-index:-1;*/
    z-index:0;
    transition:.4s
}

.work_carousel .main_heading,
.work_sec3 .main_heading{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
}
.hero_section_text h2{
    font-weight:700;
    font-size:80px;
    line-height:77px
}
.work_carousel h2,
.work_sec3 h2{
    font-size:70px;
    line-height:70px
}
.work_carousel .main_heading p,
.work_sec3 .main_heading p{
    font-size:16px;
    opacity:.6;
    color:var(--black);
    text-transform:uppercase;
    line-height:28px;
    margin:20px 0
}
.brands_box_row{
    position:relative;
    width:100%;
    display:grid;
    grid-template-columns:15% 15% 15% 15% 15% 15%;
    gap:30px;
    align-items:center;
    justify-content:center
}
.brands_box_row .brands,.home_brands_slider .brands_slide{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    border-radius:8px 8px 56px;
    background-color:#fff;
    width:190px;
    height:190px;
    transition:.6s;
    cursor:pointer
}
.brands_box_row .brands:hover,.home_brands_slider .brands_slide:hover{
    transform:rotate(9deg)!important
}
.brands_box_row .brands img,.home_brands_slider .brands_slide img{
    width:100%;
    transition:.6s
}
.brands_box_row .brands:hover img,.home_brands_slider .brands_slide:hover img{
    transform:rotate(-9deg)
}
.home_brands_slider .slick-track{
    margin-top:20px
}

#contactFormPopup
{
    z-index:999999;
}

.popup{
    margin:0 auto;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    background-color:var(--light-green);
    padding:0 20px;
    z-index:999990;
    transition:.6s
}
.closeBtn{
    position:relative;
    top:5px;
    right:5px;
    width:100%;
    height:50px;
    padding:40px 0 10px;
    background-color:transparent;
    display:flex;
    align-items:center;
    justify-content:flex-end
}
.showcase_row .slick-dots,
.popup .slick-dots,.popup_row{
    align-items:center;
    display:flex
}
.closeBtn .close_btn{
    width:60px;
    height:60px;
    border:1px solid var(--black);
    border-radius:50%;
    transition:.4s
}
.close_btn:hover{
    border-color:var(--light-purple);
    background-color:var(--light-purple);
    box-shadow:var(--light-purple) 0 0 0 3px
}
.close_btn:hover img{
    filter:brightness(0) invert(1)
}
.contactFormPopupWrapper.slide-up .contactForm,.popup.slide-up{
    transform:translateY(0)
}
.popup_row{
    flex-wrap:wrap
}
.column{
    width:50%;
    float:left;
    padding:10px
   
}

/*.showcase .popup_slider {max-height: 400px;}*/

.popup_slider{
    position:relative;
    border-radius:24px;
    background:url(../images/popup_slider_bg.png) center/cover no-repeat;
    background-color:var(--light-purple);
    padding:120px 40px 140px;
    box-shadow:0 4px 4px 0 rgba(0,0,0,.25)
}
.popup_slider .slick-slide{
    height:380px;
    margin:20px 0 0
}
.popup_slider .slick-slide img{
    width:90%;
    border-radius:12px;
    display:block;
    margin:0 auto;
    box-shadow:rgba(0,0,0,.35) 0 5px 15px
}

.showcase_row .slick-dots,
.popup .slick-dots{
    position:absolute;
    bottom:20px;
    left:0;
    right:0;
    list-style:none;
    justify-content:center;
    padding:0;
    gap:15px
}

.showcase_row .slick-dots li,
.popup .slick-dots li{
    width:10px;
    height:10px;
    background-color:rgba(55,60,89,.2);
    border:0;
    transition:.4s;
    border-radius:50%
}

.showcase_row .slick-dots li button,
.popup .slick-dots li button{
    font-size:0;
    background-color:transparent;
    border:none;
    width:0;
    height:0;
    border-radius:50%;
    cursor:pointer;
    outline:0;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.4s
}

.showcase_row .slick-dots li button:before,
.popup .slick-dots li button:before{
    content:'';
    display:block;
    width:0;
    height:0;
    border-radius:50%;
    background-color:var(--blue);
    margin:0 auto;
    transition:.4s
}
.showcase_row .slick-dots li.slick-active button:before,
.popup .slick-dots li.slick-active button:before{
    width:15px;
    height:15px
}

.showcase_row .slick-dots li.slick-active,
.popup .slick-dots li.slick-active{
    background-color:rgba(55,60,89,.5)
}
.showcase_row .slick-dots li.slick-active,
.showcase_row .slick-dots li.slick-active button,
.popup .slick-dots li.slick-active,.popup .slick-dots li.slick-active button{
    width:25px;
    height:25px
}

.non-scrollable-content{
    width:100%;
    padding-left:60px;
    padding-top:0;
    padding-right:40px;
    padding-top: 4rem;
}

.scrollable-content{
    width:100%;
    height:80vh;
    overflow-y:auto;
    padding-left:60px;
    padding-top:0;
    padding-right:40px
}

.productions_wrapper .showcase_row:nth-child(even) h3,
.productions_wrapper .showcase_row:nth-child(even) p,
.productions_wrapper .showcase_row:nth-child(even) a
{
    color: var(--light-green) !important;
}

.showcase_row h3,
.popup h3{
    font-size:46px;
    color:var(--blue);
    margin-bottom:20px
}
.showcase_row p,
.popup p{
    color:var(--blue);
    font-size:17px;
    line-height:22px
}
.showcase_row a,
.popup a{
    color:var(--blue);
    /*font-size:24px;*/
    font-size:1.25em;
    font-weight:600;
    line-height:1.25em;
}
.showcase_row .non-scrollable-content ul,
.showcase_row .scrollable-content ul,
.popup .scrollable-content ul{
    margin:20px 0 20px;
    list-style:none
}
.showcase_row .non-scrollable-content ul li,
.showcase_row .scrollable-content ul li,
.popup .scrollable-content ul li{
    position:relative;
    color:var(--blue);
    font-size:17px;
    line-height:20px;
    padding-left:20px;
    margin:10px 0
}
.showcase_row .non-scrollable-content ul li::before,
.showcase_row .scrollable-content ul li::before,
.popup .scrollable-content ul li::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    background-color:var(--light-purple);
    width:10px;
    height:10px;
    border-radius:2px 2px 6px;
    display:inline-block
}
.contactFormPopupWrapper{
    position:fixed;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:100vh;
    background-color:#0707078c;
    z-index:99999;
    opacity:0;
    visibility:hidden;
    transition:.4s
}
.contactForm{
    width:98%;
    margin:1% auto 0;
    max-width:550px;
    background-color:var(--light-green);
    border-radius:48px;
    padding:10px 50px 40px;
    transition:.6s
}
.contactForm h3 {
    font-family:medium;
    font-size:48px;
    color:var(--purple)
}
.contactForm p {
    font-size:16px;
    line-height:22px;
    margin:15px 0 20px;
    color:var(--white)
}
.contactForm a {
    color:var(--light-purple);
    text-decoration:underline!important;
    font-weight:600
}
.contactForm label {
    font-family:medium;
    font-size:18px;
    font-weight:400;
    color:var(--white);
}
.contactForm .closeBtn{
    right:-20px
}
.contactForm input {
    width:100%;
    border:none;
    background-color:#fff;
    height:46px;
    border-radius:8px;
    margin-top:5px;
    padding:10px
}
.btn_submit {
    background-color:var(--light-purple);
    color:#fff;
    width:auto;
    text-align:center;
    margin:0 auto;
    display:block;
    transition:.6s;
    padding:12px 26px;
}
.contactForm textarea{
    background-color:#fff;
    border-radius:8px;
    border:0;
    height:120px;
    width:100%;
    outline:0;
    padding:10px
}
.thankyouSec{
    position:relative;
    width:100%;
    text-align:center;
    background-color:var(--light-green);
    z-index:1;
    padding:220px 0
}
.thankyouSec h1{
    color:var(--blue);
    font-size:90px;
    margin-top:30px
}
.thankyouSec p{
    color:var(--blue);
    opacity:.8;
    font-size:22px
}
@media(max-width:1366px){
    .work_sec1 h1{
        font-size:80px;
        line-height:80px
    }
    .work_card_sec_right h2{
        font-size:50px;
        line-height:55px
    }
    .brands_box_row{
        gap:25px
    }
    .brands_box_row .brands{
        width:170px;
        height:170px
    }
    .about_sec_content_wrapper .hero_section_text h2,.about_sec_main_heading .hero_section_text h2{
        /*
        font-size:70px;
        line-height:70px
        */
        font-size: 5.5vw;
        line-height: 5vw;
    }
    .second_sec_services .card_row{
        grid-template-columns:60% 40%
    }
    .second_sec_services .card_row .large_card{
        /*height:520px*/
        height:100%
    }
    
    
 /* Font size for SERVICES Buttons x 4 on homepage */ 
    
    .card_links .card_btn{
        font-size:36px
    }
    
    
    
    
    
    .popup_slider{
        padding:80px 40px 60px
    }
}




/* Desktop version */



@media(max-width:1300px){
    .hero_section_text h1,.hero_section_text h2{
        font-size:80px;
        line-height:80px
    }
    .work_sec_para p{
        font-size:34px;
        line-height:38px
    }
    .work_card_sec_right h2{
        font-size:40px;
        line-height:50px;
        margin-top:30px
    }

    .work_carousel .hero_section_text h2,
    .work_sec3 .hero_section_text h2{
        font-size:70px;
        line-height:70px;
        text-align: center;
    }
    .about_sec_content_wrapper .hero_section_text h2{        
        font-size: 5.2vw;
        line-height: 5vw;
    }
    .tile10_stick{
        transform:translate(70px,-740px) scale(1.3)
    }
    .tile5_stick{
        transform:translate(130px,-810px) scale(.7)
    }
    .about_team_sec_right h2{
        font-size:80px
    }
}
@media(max-width:1280px){
    .brands_box_row{
        gap:35px
    }
}
@media(max-width:1180px){
    .header_row .headBtn,.menu_wrapper {
        display:none
    }
    .menu_btn {
        display:flex
    }
    /* Base mobile menu */
    .mob_menu_wrapper {
        position: relative;
        overflow: hidden;
    }
  
  /* Default hidden submenu */
  .mobile-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    background: var(--white);
    padding: 20px;
    transition: all 0.3s ease;
    height: 100%;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  
  /* When visible */
  .mobile-submenu.active {
    left: 0;
  }
  
  /* Submenu header */
  .submenu-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
  }
  .submenu-header p {
    font-family: bold;
    font-size: 18px;
    color: var(--black);
  }
  .back-to-main {
    cursor: pointer;
    color: var(--blue);
    font-weight: bold;
    font-size: 16px;
  }
  
  /* Arrow next to Services */
  .mobile-has-submenu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80%;
  }
  .open-submenu {
    font-size: 18px;
    cursor: pointer;
    color: var(--white);
  }
  
    .mob_menu_wrapper{
        position:fixed;
        display:block;
        width:100%;
        height:100%;
        background-color:var(--blue);
        top:0;
        left:0;
        z-index:9999;
        transform:translate(-100%);
        transition:.5s
    }
    .mob_menu_wrapper .headBtn {
        display:block;
        background-color:var(--light-purple)!important
    }
    .contactForm {
        padding:10px 30px 30px
    }
    .contactForm h3 {
        font-size:36px
    }
    
    
    
    /* close Hamburger nav */
    
    .close {
        position:absolute;
        top:30px;
        right:30px;
        
        background-color:var(--light-purple);
        width:50px;
        height:50px;
        border-radius:100px;
        display:flex;
        color:#fff;
        font-size:30px;
        font-weight:900;
        align-items:center;
        justify-content:center;
        z-index:999999
    }
    
    
    
    
    .mob_menu_wrapper.active {
        transform:translateX(0)
    }
    .mob_menu_wrapper .header_menu{
        flex-direction:column;
        justify-content:center;
        width:100%;
        height:100%;
        align-items:flex-start;
        padding:0 0 0 30px;
        gap:20px
    }
    .mob_menu_wrapper .header_menu a{
        left:0.75em;
        font-size:2em;
        font-weight:900;
        text-transform:uppercase
    }
    .brands_box_row{
        grid-template-columns:25% 25% 25% 25%;
        justify-items:center
    }
    .about_sec_main_heading .hero_section_text h2{
        padding:4px 0
    }
}
@media(max-width:1024px){
    .hero_section_text h1,.hero_section_text h2{
        font-size:60px;
        line-height:60px
    }
    .logo{
        margin:0
    }
    .hero_sec_para{
        padding-left:0;
        padding-right:30px
    }
    .serv_tile,figure.serv_tile.tile3{
        width:260px
    }
    .serv_sec_3 .serv_sec_row,.serv_sec_4 .serv_sec_row,.serv_sec_5 .serv_sec_row,.serv_sec_6 .serv_sec_row{
        grid-template-columns:40% 60%
    }
    figure.brand_img{
        margin:0;
        width:380px
    }
    .brand_cta_btn{
        transform:translate(20px,-100px)
    }
    .brand_sec_detail,.content_sec_detail,.creative_sec_detail,.insights_sec_detail{
        gap:10px
    }
    .brand_sec_detail h2,.content_sec_detail h2,.creative_sec_detail h2,.insights_sec_detail h2{
        font-size:40px
    }
    .brand_sec_detail p,.content_sec_detail p,.creative_sec_detail p,.insights_sec_detail p{
        font-size:16px;
        font-weight:24px
    }
    .brand_links a{
        font-size:24px
    }
    .brand_links a::before{
        width:16px;
        height:16px
    }
    .sticky_headings_sec h1{
        line-height:57px!important
    }
}
@media(max-width:835px){
    .about_sec4_bg_line,.about_sec_bg_line,.serv_sec_bg_line,.work_bg_curve_line{
        background-size:cover
    }
    .about_sec_row,.second_sec_services .card_row,.serv_sec_3 .serv_sec_row,.serv_sec_4 .serv_sec_row,.serv_sec_5 .serv_sec_row,.serv_sec_6 .serv_sec_row,.serv_sec_row, .productions_sec_row{
        grid-template-columns:100%
    }
    .home_sec1 h1{
        font-size:62px!important;
        transform:none!important
    }
    .home_sec1 .sticky_headings_sec p{
        font-size:30px;
        line-height:34px
    }
    .about_sec_content_wrapper .tile_warraper,.animate_about_sec_wrapper,.home_sticky_sec_wrapper,.popup_slider .slick-slide,.sec_about_home2 .about_sec_para,.window_inner_section,.window_stack_body,.work_sec2,.work_sec2 .container.h,.work_wrapper,.wrapper{
        height:100%
    }
    .main_footer{
        position:relative;
        bottom:unset
    }
    .second_sec_services{
        border-radius:0;
        padding:90px 0;
        height:100%;
        position:relative
    }
    /*
    .second_sec_services .card_row .large_card{
        height:600px
    }
    
    .second_sec_services .card_row .large_card img{
        height:75%
    }
    */
    .second_sec_services .card_row .large_card .card_detail_box{        
        height: fit-content;
        padding: 20px 30px;
        min-height: 30;
        min-height: 25%;
    }
    .cards_link_col{
        margin-top:40px
    }
    .home_about_sec{
        height:100%;
        margin-top:0
    }
    .card_detail_box p,.hero_sec_para p{
        font-size:24px
    }
    .sec_about_home2{
        border-radius:40px 40px 0 0;
        height:100%;
        position:relative;
        top:0
    }
    .serv_sec_4,.serv_sec_5,.work_sec2{
        border-radius:0
    }
    .sec_about_home2 .about_sec_para p{
        font-size:24px;
        line-height:28px;
        margin:10px 0
    }
    .card_links .brand_cta_btn{
        align-self:end
    }
    .web_none{
        display:block
    }
    .serv_sec_5 .brand_cta_btn{
        background-color:var(--blue)
    }
    .animate_tiles,.brand_sec_img_card,
    .footer_menu_col,
    .mob_none,.sticky_bg_tile,.sticky_images_sec,.sticky_video_wrapper{
        display:none
    }
    
    .productions_sec,
    .serv_sec{
        padding:90px 0 0;
        height:100%
    }
    .serv_sec_bg_line{
        height:100vh
    }
    .serv_sec_2,.sticky_section,.window_inner_section:nth-child(4){
        height:100%;
        top:0
    }
    .hero_section_text h2,.hero_section_text-services h1,.hero_section_text-work h1{
        font-size:52px;
        line-height:60px;
        transform:none!important
    }
    .brands_box_row .brands,.home_brands_slider .brands_slide{
        opacity:1!important;
        transform:none!important
    }
    
    .hero_sec_para{
        position:relative!important;
        transform:none!important;
        padding:0
    }
    .about_sec_content_wrapper,.about_team_sec_left,.about_team_sec_right,.animate_sec,.home_sec1,.home_sec1 .sticky_headings_sec,.serv_card_sec,.serv_sec_2,.sticky_section,.tiles_list,.tiles_list span,.white_tiles_box,.work_card_sec_right,.work_sec1 .main_heading,.work_carousel,.work_sec3,.work_sec_para{
        position:relative
    }
    .about_sec_para p,.hero_sec_para p{
        transform:none!important
    }
    .about_sec_para p,.about_team_sec_left .team_intro p,.brand_sec_detail p,.content_sec_detail p,.creative_sec_detail p,.insights_sec_detail p,.popup p{
        font-size:24px;
        line-height:34px
    }

    .productions_sec_row,
    .serv_sec_2{
        padding:10px 0 90px;
        margin:-1px
    }
    .serv_tile,figure.serv_tile.tile3{
        width:260px;
        margin-top:40px
    }
    .window_inner_section:nth-child(2),.window_inner_section:nth-child(3){
        top:0
    }
    .brand_links{
        margin:20px 0
    }
    .serv_sec_3{
        padding:60px 0;
        background-color:var(--light-purple)
    }
    .brand_sec_detail .brand_links span,.brand_sec_detail h2,.brand_sec_detail p,.content_sec_detail h2,.content_sec_detail p,.creative_sec_detail h2,.creative_sec_detail p{
        color:#fff
    }
    .brand_sec_detail,.content_sec_detail,.creative_sec_detail,.insights_sec_detail{
        padding:0 0 20px
    }
    .text_content p,figure.brand_img{
        width:100%
    }
    .brand_cta_btn {
        transform:none;
        margin:20px 0 0;
        align-self:start
    }
    .footer_logo_col,.head_cta_wrapper,.logo_wrapper,.menu_wrapper {
        width:50%
    }
    .footer_row {
        /* justify-content:space-between */
        flex-wrap: wrap;
    }

    .footer_mob_sec,
    .footer_mob_social {
        display:flex;
        align-items:center;
        width:100%;
        justify-content:flex-start;
        gap:10px;
        margin-top: 30px;
    }
    .footer_mob_sec {
        flex-direction: column;
        align-items: flex-start;
    }
    .footer_logo{
        float:unset;
        margin:0;
        width:160px;
    }
    .footer_logo_col {width: 100%;}
    .footer_menu{
        justify-content:center
    }
    .sticky_video_wrapper {
        height:80vh
    }
    .work_sec_para {
        width:100%;
        top:90px
    }
    .serv_card_sec {
        padding:60px 0;
        top:0;
        display:none
    }
    .work_sec_para p {
        opacity:.8!important;
        transform:none!important
    }
    .tile10_stick img,.tile1_stick img,.tile2_stick img,.tile3_stick img,.tile4_stick img,.tile5_stick img,.tile6_stick img,.tile7_stick img,.tile8_stick img,.tile9_stick img,.tiles_row h5,.work_carousel,.work_sec3_bg_line{
        opacity:1!important
    }
    .work_sec2{
        padding-bottom:0;
        background-color:var(--light-purple)!important
    }
    .work_card_sec_right{
        overflow:hidden;
        height:100%;
        top:0;
        width:100%;
        left:0;
        -ms-overflow-style:none;
        scrollbar-width:none;
        padding-top:20px;
        padding-right:0;
        box-shadow:none;
        background:0 0
    }
    .work_card_sec_left{
        margin-top:20px
    }
    .work_carousel,
    .work_sec3{
        margin-top:0;
        height:70vh
    }
    .work_sec3_bg_line{
        z-index:0;
        background-size:cover;
        height:100%;
        transform:none!important
    }
    .work_carousel .hero_section_text h2,
    .work_sec3 .hero_section_text h2{
        position:relative;
        font-size:60px;
        line-height:60px;
        opacity:1!important;
        transform:none!important;
        text-align:center
    }
    .about_sec_row{
        height:100%;
        gap:20px
    }
    .about_sec_content_wrapper{
        top:0;
        height:100%;
        margin-top:-30px;
        overflow:hidden;
        padding:140px 0 100px
    }
    .white_tiles_box{
        top:0;
        margin-top:0
    }
    .about_sec_content_wrapper .hero_section_text h2{
        font-size:50px;
        line-height:50px
    }
    .animate_sec{
        height:100%
    }
    .white_tiles_box .tiles_row{
        grid-template-columns:49% 49%;
        gap:75px 15px;
        grid-template-columns:100%;
        display:none
    }
    .tile10_stick,.tile1_stick,.tile2_stick,.tile3_stick,.tile4_stick,.tile5_stick,.tile6_stick,.tile7_stick,.tile8_stick,.tile9_stick{
        width:230px;
        height:230px
    }
    .about_sec3{
        height:100%;
        width:100%
    }
    .about_team_sec_right{
        top:0;
        width:100%
    }
    .about_team_sec_right h2{
        font-size:40px;
        line-height:50px;
        display:none
    }
    .about_team_sec_left{
        overflow:hidden;
        height:100%;
        top:0;
        width:100%;
        right:0;
        -ms-overflow-style:none;
        scrollbar-width:none;
        padding-top:0;
        box-shadow:none;
        background:0 0
    }
    .about_sec3 .serv_sec_row{
        grid-template-columns:100%;
        gap:30px
    }
    .about_team_sec_left .team_intro::before{
        left:20px;
        display:none
    }
    .popup{
        height:100%;
        padding:0
    }
    .popup_row{
        flex-direction:column;
        padding:0
    }
    .column{
        width:100%;
        float:unset;
        padding:0
    }
    .popup_slider{
        padding:30px 20px 60px;
        height:100%
    }
    .popup .popup_row{
        gap:20px;
        height:85vh;
        overflow-x:hidden;
        overflow-y:scroll;
        flex-direction:unset;
        margin-top:30px
    }
    .scrollable-content{
        width:100%;
        height:100%;
        padding-left:0;
        padding-right:0;
        padding-top:10px
    }
    .home_sec1 .sticky_headings_sec{
        border-radius:0;
        height:100vh;
        top:0
    }
    .scroll_home_img1{
        transform:rotate(-3deg) translateX(0)
    }
    .scroll_home_img2{
        transform:rotate(8deg) translateX(0)
    }
    .scroll_home_img3{
        transform:rotate(-2deg) scale(1) translateX(0)
    }
    .second_sec_services{
        margin-top:0
    }
    .about_sec_content_wrapper .hero_section_text h2,.tile10_stick,.tile10_stick img,.tile1_stick,.tile1_stick img,.tile2_stick,.tile2_stick img,.tile3_stick,.tile3_stick img,.tile4_stick,.tile4_stick img,.tile5_stick,.tile5_stick img,.tile6_stick,.tile6_stick img,.tile7_stick,.tile7_stick img,.tile8_stick,.tile8_stick img,.tile9_stick,.tile9_stick img{
        transform:none!important;
        display:block;
        margin:0 auto
    }
    .about_sec_content_wrapper .text_content p{
        font-size:24px;
        transform:none!important;
        opacity:.8!important
    }
    .about_sec_content_wrapper .tile_warraper h2{
        font-size:24px;
        padding:20px;
        margin-top:40px
    }
    .scroll_home_img1,.scroll_home_img2,.scroll_home_img3,.scroll_home_img4{
        width:80%;
    }
    .loading_animation{
        display:flex;
        align-items:center;
        justify-content:center
    }
    .loading_animation img{
        height:auto
    }
    .home_sec1{
        grid-template-columns:100%;
        height:90vh;
        margin-top:0
    }
    .about_sec_main_heading h1{
        animation:none;
        font-size:62px;
        line-height:60px
    }
    .about_sec{
        height:100%;
        padding-bottom:70px;
        background-size:cover
    }
    .white_tiles_box{
        width:100%;
        padding:40px;
        border-radius:40px
    }
    .tiles_list{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        justify-content:flex-start;
        gap:10px;
        text-align:left
    }
    .tiles_list span{
        color:var(--blue);
        font-size:20px;
        text-transform:capitalize;
        padding-left:34px
    }
    .tiles_list span::before{
        content:'';
        position:absolute;
        top:0;
        left:0;
        width:25px;
        height:25px;
        background:var(--light-purple);
        border-radius:4px 4px 18px
    }
    .about_team_sec_left .team_intro{
        padding-left:0
    }
    .work_sec1{
        height:100%;
        padding:20% 0 8%
    }
    .work_sec2 .work_sec_para{
        padding:60px 0;
        top:0
    }
    .second_sec_services {
        padding: 0 0 70px;
    }
    
    
}
@media(max-width:430px){
    .about_sec,.about_sec_bg_line {
        background-size:cover
    }
    .about_sec_para p,.about_team_sec_left .team_intro p,.brand_sec_detail p,.content_sec_detail p,.creative_sec_detail p,.home_sec1 .sticky_headings_sec p,.insights_sec_detail p,.work_sec_para p{
        font-size:24px;
        line-height:28px
    }
    .about_team_sec_left .team_intro h3 {
        font-size:28px;
        word-spacing:-1.5px
    }
    .closeBtn .close_btn{
        z-index:9
    }
    .work_sec1{
        height:100%;
        padding:30% 0 0
    }
    .about_team_sec_left .team_intro::before,.sticky_images_sec,.sticky_video_wrapper{
        display:none
    }
    .home_sec1 {
        height:130vh;
        position:relative;
        margin-top:0;
    }
    .about_sec_content_wrapper .tile_warraper,.para_sticky_sec_wrapper,.serv_sec_2,.work_sec2,.work_sec2 .container.h,.work_carousel,.work_sec3{
        height:100%
    }
    .thankyouSec{
        padding:170px 0
    }
    .thankyouSec h1{
        margin-top:0;
        font-size:50px
    }
    .thankyouSec p{
        font-size:18px
    }
    .hero_section_text h1,.hero_section_text h2{
        font-size:40px!important;
        line-height:38px!important
    }
    .serv_tile,figure.serv_tile.tile3{
        width:190px!important
    }
    .hero_sec_para{
        top:0!important
    }
    .hero_sec_para p{
        font-size:24px;
        line-height:28px;
        transform:none
    }
    .footer_menu{
        flex-direction:column;
        /* gap:20px; */
        margin-top:30px
    }
    .footer_bottom{
        flex-direction:column;
        gap:10px;
        align-items:center
    }
    .work_sec2{
        padding-bottom:0
    }
    .work_sec2 .work_sec_para{
        padding:40px 0;
        top:0
    }
    .work_carousel,
    .work_sec3{
        padding-bottom:40px
    }
    .brands_box_row{
        grid-template-columns:100%;
        gap:20px
    }
    .brands_box_row .brands{
        width:270px;
        height:270px
    }
    .tile10_stick,.tile1_stick,.tile2_stick,.tile3_stick,.tile4_stick,.tile5_stick,.tile6_stick,.tile7_stick,.tile8_stick,.tile9_stick{
        transform:none!important
    }
    .text_content p{
        width:100%
    }
    .tiles_row h5{
        opacity:1!important
    }
    .white_tiles_box{
        width:100%;
        border-radius:40px
    }
    .white_tiles_box .tiles_row{
        grid-template-columns:100%;
        display:none
    }
    .tiles_list{
        position:relative;
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        justify-content:flex-start;
        gap:10px;
        text-align:left
    }
    .tiles_list span{
        position:relative;
        color:var(--blue);
        font-size:20px;
        text-transform:capitalize;
        padding-left:34px
    }
    .tiles_list span::before{
        content:'';
        position:absolute;
        top:0;
        left:0;
        width:25px;
        height:25px;
        background:var(--light-purple);
        border-radius:4px 4px 18px
    }
    .about_team_sec_left .team_intro{
        padding-left:0;
        padding-right:0
    }
    .scroll_home_img1,.scroll_home_img2,.scroll_home_img3,.scroll_home_img4{
        width:70%;
        height:80vh
    }
    .scroll_home_img3 img{
        height:40%
    }
    .second_sec_services .card_row .large_card{
        height:500px
    }
    .second_sec_services .card_row .large_card .card_detail_box{
        height:50%
    }
    .second_sec_services .card_row .large_card img{
        height:50%;
        object-fit:fill
    }
    .card_detail_box{
        padding:20px
    }
    .brand_links span,.card_detail_box p{
        font-size:22px
    }
    .card_links{
        margin-top:20px;
        gap:10px
    }
    
    .card_links .card_btn{
        font-size:38px
    }
    
    .second_sec_services .card_row{
        position:relative;
        top:0
    }
    .brands_slider_sec .slick-arrow,
    .work_carousel .slick-arrow,
    .work_sec3 .slick-arrow{
        width:40px;
        height:40px;
        font-size:20px
    }
    .brands_slider_sec i.fa-solid.fa-arrow-right.slick-arrow{
        right:20px
    }
    .brands_slider_sec i.fa-solid.fa-arrow-left.slick-arrow{
        right:70px
    }
   .brands_slider_sec span.sec_heading{
        font-size:26px
    }
    
    .home_sec1 h1{
        font-weight:600
    }
    .about_sec_main_heading h1{
        font-size:40px;
        line-height:34px;
        animation:none
    }
    .about_sec{
        height:100%;
        padding-bottom:70px
    }
    .about_sec_content_wrapper .hero_section_text h2{
        font-size:30px!important;
        line-height:34px!important
    }
    .white_tiles_box{
        padding:40px 20px
    }
    .about_sec_content_wrapper .tile_warraper h2{
        font-size:20px;
        padding:0;
        margin-top:10px
    }
    .about_sec3{
        border-radius:40px 40px 0 0
    }
    .hero_section_text-services h1{
        font-size:40px;
        line-height:38px
    }
    .serv_sec_3 figure.brand_img{
        height:340px
    }
    .brand_cta_btn{
        padding:14px 28px
    }
    .footer_bottom p{
        text-align:center
    }
    .hero_section_text-work h1{
        font-size:38px;
        line-height:44px
    }
    .work_sec1 .main_heading{
        margin-bottom:20px
    }
    .serv_card_sec{
        padding:100px 0 60px;
        display:none
    }
    .work_card_sec_left figure.brand_img{
        height:270px
    }
    .work_carousel i.fa-solid.fa-arrow-left.slick-arrow,
    .work_sec3 i.fa-solid.fa-arrow-left.slick-arrow{
        left:0;
        z-index:9
    }
    .work_carousel i.fa-solid.fa-arrow-right.slick-arrow,
    .work_sec3 i.fa-solid.fa-arrow-right.slick-arrow{
        right:0;
        z-index:9
    }
    .work_carousel .main_heading p,
    .work_sec3 .main_heading p{
        opacity:1!important;
        transform:none!important;
        text-align:center
    }
    .work_carousel .hero_section_text h2,
    .work_sec3 .hero_section_text h2{
        font-size:32px!important;
        line-height:30px!important
    }
    .inner_container{
        width:85%
    }
    .hero_section_text{
        padding-top:5px
    }
    .about_sec_content_wrapper{
        margin-top:0;
        padding:60px 0 10px
    }
    .popup p{
        font-size:18px;
        line-height:26px
    }
    .portfoliowrp .port-box ul li {
        width: calc(45% - 10px);
        height: 300px;
    }
    .testimonials .row {flex-direction: column;}
    .testimonial_side_slide_sec,
    .testimonials .testimonial_side_img {
        width: 100%;
    }
    .contact-section .row {
        grid-template-columns: 1fr;
    }
}
@media (max-width:375px){
    figure.serv_tile.tile1{
        transform:translate(30px,0)!important
    }
    figure.serv_tile.tile2{
        transform:translate(-50px,-80px)!important
    }
    figure.serv_tile.tile3{
        transform:translate(60px,-140px)!important
    }
    .hero_section_text h1,.hero_section_text h2,.work_sec_para p{
        font-size:24px;
        line-height:28px
    }
    .hero_sec_para{
        padding-right:0
    }
    .work_sec3 .hero_section_text h2{
        font-size:30px;
        line-height:38px
    }
    .sticky_video_wrapper{
        height:70vh
    }
    .work_sec1{
        padding:35% 0 15%
    }
    .work_card_sec_left .brand_img_card p{
        font-size:18px;
        line-height:24px;
        padding:0 0 10px
    }
}
.cookie-consent{
    position:fixed;
    bottom:10px;
    left:10px;
    width:100%;
    background-color:var(--light-green);
    color:#000;
    text-align:center;
    padding:20px;
    display:none;
    z-index:1000;
    max-width:400px;
    max-height:250px;
    height:100%;
    border-radius:12px
}
.cookie-message{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    height:100%;
    width:100%;
    gap:10px
}
.cookie-message .row{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    margin-top:10px
}
.cookie-message p{
    margin:0;
    padding:0;
    font-size:18px
}
.cookie-message a{
    color:var(--light-purple);
    text-decoration:underline
}
.cookie-button{
    background-color:var(--light-purple);
    color:#fff;
    border:none;
    cursor:pointer
}
.cookie-button:hover{
    background-color:orange
}