@media screen and (max-width:1599px) {
.cta-sec .main-wrp .right-wrp>* { max-width: 90%; }
.work-sec .main-wrp { display: flex; gap: 60px; display: grid; grid-template-columns: 636px minmax(0, 1fr); }
.work-sec .partner h6 { font-size: 22px; padding-left: 32px; }
.work-sec .partner h6::before { width: 20px; height: 20px; }
 }
@media screen and (max-width:1499px) {
 /* header start  */
    header .logo img, .footer .logo img { max-width: 240px; }
/* header end */
.hero-home .main-wrp, .hero-home.inner-hero .main-wrp { padding-top: 180px; padding-bottom: 80px; }
.hero-home .main-wrp .right-wrp .cnt-wrp { margin-top: 60px; }
.hero-home .main-wrp .right-wrp .cnt-wrp h2 { margin-bottom: 30px; }
header .container { gap: 40px; padding-top: 20px; padding-bottom: 20px; }
h1 { font-size: 58px; }
h2 { font-size: 40px; }
h3, .testimonials-sec .testimonial>p { font-size: 32px; }
h4, .subs-wrp .subs-wrp-in h6, .team-modal-current::before, .team-modal-current::after { font-size: 26px; }
h5, header .hamburger-inner ul li a { font-size: 24px; }
h6 { font-size: 22px; }
body, p, .who-we-are .cnt ul li, .testimonials-sec .testimonial .cnt-wrp span, .form-sec .form-row .form-group input, .form-sec .form-row .form-group textarea { font-size: 18px; }
.hero-home { margin-bottom: 40px; }
.hero-home .main-wrp .left-wrp h5 { padding-bottom: 20px; margin-bottom: 20px; }
.hero-home.inner-hero .main-wrp .left-wrp h1:not(:has(+h5)) { padding-bottom: 20px; margin-bottom: 30px; }
.hero-home .main-wrp .right-wrp .cnt-wrp h2 { margin-bottom: 20px; }
.hero-home .main-wrp .right-wrp .cnt-wrp .links-wrp .link a, .hero-home .main-wrp .right-wrp .cnt-wrp .links-wrp .link>*, .who-we-are.why-us .list-wrp .list-itm h4 { font-size: 24px; padding-left: 30px; }
.intro-sec .items-wrp .single-item h4, .who-we-are .cnt ul li, .team-sec .teams-wrp .cnt-wrp h4, .work-sec .partner h6 { padding-left: 30px; }
.hero-home .main-wrp .right-wrp .cnt-wrp .links-wrp .link a::before, .hero-home .main-wrp .right-wrp .cnt-wrp .links-wrp .link>*::before, .intro-sec .items-wrp .single-item h4::before, .who-we-are .cnt ul li::before, .team-sec .teams-wrp .cnt-wrp h4::before, .work-sec .partner h6::before, .who-we-are.why-us .list-wrp .list-itm h4::before { width: 14px; height: 14px; }
.hero-home .main-wrp .right-wrp .cnt-wrp .links-wrp { column-gap: 50px; margin-bottom: 15px; }
.hero-home .main-wrp .right-wrp .cnt-wrp .ylw-btn { margin-top: 40px; }
.intro-sec { padding: 50px 0 40px; }
.intro-sec .items-wrp, .team-sec .teams-wrp { gap: 50px; margin-bottom: 50px; }
.info-banner { padding: 35px 50px; }
.who-we-are { padding: 80px 0 480px; margin-top: 40px; }
.team-sec { padding: 80px 0 55px; margin-top: -460px; }
.team-modal-close:before { width: 24px; height: 24px; }
.team-sec .teams-wrp .cnt-wrp { margin-top: 24px; }
.team-sec .teams-wrp .cnt-wrp h4 { margin-bottom: 20px; }
.intro-sec .cnt { margin-bottom: 30px; }
.intro-sec .items-wrp .single-item h4 { margin-bottom: 25px; }
.intro-sec .cnt p:not(:last-child) { margin-bottom: 20px; }
.section-title,.who-we-work-with h2.section-title { margin-bottom: 40px; }
.team-sec .section-title { margin-bottom: 50px; }
.who-we-are h2 { margin-bottom: 25px; }
.who-we-are .cnt ul { margin-top: 20px; }
.who-we-are .cnt ul li, .who-we-are.about-sec .cnt ul li:not(:last-child) { margin-bottom: 20px; }
.cta-sec { margin-top: 55px; margin-bottom: 40px; }
.cta-sec .main-wrp .right-wrp { padding: 60px 30px 60px 80px; }
.cta-sec .main-wrp .right-wrp h3 { margin-bottom: 15px; }
.cta-sec .main-wrp .right-wrp .title-wrp { margin-bottom: 30px; }
.what-we-do { padding: 40px 0 35px; }
.what-we-do .main-wrp h2 { margin-bottom: 15px; }
.what-we-do .cnt p:not(:last-child) { margin-bottom: 20px; }
.what-we-do .grn-btn { margin-top: 40px; }
.what-we-do .main-wrp .inner { margin-top: 40px; }
.work-sec { padding: 80px 0 105px; margin: 35px 0 40px; }
.work-sec p { margin-bottom: 60px; }
.work-sec .main-wrp { grid-template-columns: 580px minmax(0, 1fr); }
.work-sec .right-wrp { padding-top: 95px; }
.work-sec .right-wrp .partners .partner .img-wrp { margin-bottom: 25px; }
.work-sec .partner h6::before { width: 18px; height: 18px; }
.testimonials-sec { padding: 40px 0 20px; }
.testimonials-sec .left-wrp { padding: 60px 0 40px 60px; }
.testimonials-sec .testimonial .bottom-wrp { margin-top: 40px; }
.testimonials-sec .owl-dots { margin-top: 60px; }
.subs-wrp { margin-top: 20px; margin-bottom: -70px; }
.subs-wrp .subs-wrp-in { gap: 25px; padding: 30px 30px 30px 50px; }
/* footer start  */
.footer { padding: 80px 0 40px; }
.footer .logo { margin-bottom: 30px; }
.footer .navigation { padding-bottom: 26px; margin-bottom: 26px; }
/* .footer .btm { padding-top: 35px; margin-top: 35px; } */
.footer .btm { padding-top: 35px; }
/* footer end */
/* what we do page start  */
.hero-home.inner-hero .main-wrp .left-wrp,
.hero-home.inner-hero .main-wrp .left-wrp { padding-top: 150px; }
.for-brands,
    .who-we-work-with { padding: 50px 0 80px; }
/* what we do page end */
/* why us page start */
.who-we-are.why-us { padding: 90px 0 75px; }
.who-we-are.why-us h2 { margin-bottom: 30px; }
.who-we-are.why-us p { margin-bottom: 50px; }
.who-we-are .cnt ul:has(+ p) { margin-bottom: 25px; }
/* why us page end */
/* our mission page start */
.who-we-work-with h2 { margin-bottom: 80px; }
.who-we-work-with .main-wrp { padding: 80px 50px 80px; margin-bottom: 80px; }
/* our mission page end */
/* who we are page start  */
.who-we-are.about-sec,
.form-sec { padding: 50px 0 100px; }
.about-sec+.cta-sec { margin-bottom: 100px; }
.team-sec.the-team { padding-bottom: 100px; }
/* who we are page end */
/* about page start */
.team-sec.the-team .bg-video,
.team-sec.the-team:before { max-height: 430px; }
/* about page end */
/* contact us start  */
.form-sec .form-wrp { margin-top: 60px; }
.form-sec .form-row { gap: 40px; }
.form-sec .form-row .form-group.half-width { width: calc((100% - 40px)/ 2); }
/* contact us end */ }
@media screen and (max-width: 1470px) {
 .work-sec .container { padding-left: 30px; }
 }
@media screen and (max-width: 1399px) {
 .yellow-line:after { height: 8px; }
.sec-title:after { width: 170px; }
/* header start  */
header .container { gap: 30px; padding-top: 15px; padding-bottom: 15px; }
header .logo img,
.footer .logo img { max-width: 200px; }
header .navigation ul li a,
    header ul li a,
.footer .navigation ul li a,
.footer .btm span ,.footer .btm a{ font-size: 16px; }
a.ylw-btn,
a.grn-btn,
.subs-wrp .subs-wrp-in form .tnp-submit,
.form-sec .form-row.form-btn input { padding: 15px 65px 15px 22px; font-size: 16px; }
a.ylw-btn::after,
a.grn-btn::after,
.subs-wrp .subs-wrp-in form .submit-btn::after,
.form-sec .form-row.form-btn::after { padding: 12px 12px; height: 38px; width: 38px; right: 4px; }
header .right #menu-language-switcher>li>a { padding: 15px 26px; padding-right: 42px; }
header .right #menu-language-switcher>li>a:after { right: 25px; }
header .lines-button { width: 30px; height: 30px; }
header .lines-button .lines:after,
header .lines-button .lines:before { width: 30px; }
header .hamburger-inner ul li { margin-bottom: 20px; }
header .hamburger-inner ul li a::after { bottom: -3px; }
header .right #menu-language-switcher ul.sub-menu li a { padding: 14px 20px; }
header .hamburger-menu-wrapper { padding: 30px; }
/* header end  */
h1 { font-size: 48px; margin-bottom: 15px; }
h2 { font-size: 34px; }
h3, .testimonials-sec .testimonial>p { font-size: 30px; }
h4, .subs-wrp .subs-wrp-in h6, .team-modal-current::before, .team-modal-current::after { font-size: 24px; }
h5, header .hamburger-inner ul li a { font-size: 22px; }
h6 { font-size: 20px; }
body, p, .who-we-are .cnt ul li, .testimonials-sec .testimonial .cnt-wrp span, .form-sec .form-row .form-group input, .form-sec .form-row .form-group textarea { font-size: 16px; }
.hero-home { margin-bottom: 30px; }
.hero-home .main-wrp, .hero-home.inner-hero .main-wrp { padding-top: 150px; }
.hero-home .main-wrp .left-wrp h5 { padding-bottom: 15px; margin-bottom: 15px; }
.hero-home.inner-hero:has(+.for-brands) .main-wrp .left-wrp p { margin-bottom: 30px; }
.hero-home.inner-hero .main-wrp .left-wrp h1:not(:has(+h5)) { padding-bottom: 15px; margin-bottom: 20px; }
.hero-home .main-wrp .right-wrp .cnt-wrp { margin-top: 40px; }
.hero-home .main-wrp .right-wrp .cnt-wrp h2 { margin-bottom: 10px; }
.hero-home .main-wrp .right-wrp .cnt-wrp .links-wrp .link a,
.hero-home .main-wrp .right-wrp .cnt-wrp .links-wrp .link>*,
.who-we-are.why-us .list-wrp .list-itm h4 { font-size: 20px; }
.hero-home .main-wrp .right-wrp .cnt-wrp .links-wrp { column-gap: 40px; grid-template-columns: 53% auto; }
.intro-sec { padding: 30px 0 30px; }
.intro-sec h2 { margin-bottom: 15px; }
.intro-sec .cnt { margin-bottom: 20px; }
.intro-sec .cnt p:not(:last-child),
.who-we-are .cnt ul li,
.who-we-are.about-sec .cnt ul li:not(:last-child) { margin-bottom: 15px; }
.intro-sec .items-wrp .single-item { padding-top: 20px; }
.intro-sec .items-wrp .single-item h4 { margin-bottom: 20px; }
.intro-sec .items-wrp,
.team-sec .teams-wrp { gap: 40px; margin-bottom: 30px; }
.info-banner { padding: 30px 40px; }
.who-we-are { padding: 60px 0 420px; margin-top: 30px; }
.section-title,.who-we-work-with h2.section-title { margin-bottom: 30px; padding-bottom: 15px; }
.team-sec .section-title { margin-bottom: 40px; }
.section-title:after { width: 130px; }
.team-sec { padding: 60px 0 30px; margin-top: -400px; }
.team-modal-content,
.team-modal-slider .owl-nav { max-width: 82vw; }
.team-modal-content { max-height: 88vh; }
.team-modal-content .modal-details,
.team-slide { max-height: 58vh; }
.team-modal-content .modal-details { padding: 0px 30px; }
.team-modal-content .modal-img { padding-bottom: 58vh; }
.team-modal-slider .owl-nav { top: 115%; }
.team-modal-slider .owl-nav button,
.work-sec .partners .owl-nav button { width: 40px; height: 40px; }
.team-slide { max-width: 70vw; }
.team-slide:after { height: 60px; max-width: calc((70vw - 36.76%) - 5px); }
.team-sec .teams-wrp .cnt-wrp { margin-top: 15px; }
.team-sec .teams-wrp .cnt-wrp h4 { margin-bottom: 15px; }
.team-sec .teams-wrp .cnt-wrp .bio-content { margin-bottom: 30px; }
.team-sec .teams-wrp .cnt-wrp .read-more,
.team-sec .teams-wrp .cnt-wrp .read-less,
.cta-sec .main-wrp .right-wrp .toggle-btn { font-size: 16px; }
.team-modal-content .modal-desc p { margin-bottom: 20px; }
.cta-sec { margin-top: 40px; margin-bottom: 30px; }
.cta-sec .main-wrp .right-wrp { padding: 60px 30px 60px 60px; }
.cta-sec .main-wrp .right-wrp>img,
.cta-sec .main-wrp .right-wrp .title-wrp img { max-width: 70px; }
.what-we-do { padding: 30px 0 30px; }
.what-we-do .grn-btn { margin-top: 30px; }
.what-we-do .work-items h4,
.what-we-do .work-items h6 { padding: 15px 0 10px; }
.what-we-do .main-wrp .inner { margin-top: 30px; }
.work-sec { padding: 60px 0 80px; margin: 30px 0 30px; }
.work-sec p { margin-bottom: 40px; }
.work-sec .main-wrp { grid-template-columns: 520px minmax(0, 1fr); gap: 40px; }
.work-sec .right-wrp { padding-top: 75px; }
.work-sec .right-wrp .partners .partner .img-wrp { margin-bottom: 15px; }
.work-sec .partner h6 { font-size: 18px; }
.testimonials-sec { padding: 30px 0 20px; }
.testimonials-sec .left-wrp { padding: 40px 0 40px 60px; }
.testimonials-sec .owl-dots { margin-top: 50px; }
.testimonials-sec .owl-dots button.owl-dot.active { width: 32px; }
.subs-wrp { margin-bottom: -65px; }
.subs-wrp .subs-wrp-in form .submit-btn { max-width: 180px; }
.testimonials-sec .testimonial .img-wrp { padding: 15px; }
.subs-wrp .subs-wrp-in form .tnp-email { font-size: 16px; padding: 13.5px 20px; }
.subs-wrp .subs-wrp-in .left img { max-width: 44px; }
.subs-wrp .subs-wrp-in { gap: 20px; padding: 30px 30px 30px 40px; }
/* footer start  */
.footer { padding: 60px 0 30px; }
.footer .navigation { padding-bottom: 20px; margin-bottom: 20px; }
/* .footer .btm { padding-top: 30px; margin-top: 30px; } */
.footer .btm { padding-top: 30px;}
/* footer start  */
/* what we do start  */
.for-brands,
.who-we-work-with { padding: 30px 0 60px; }
.for-brands .brands-wrp { margin-top: 40px; gap: 40px; }
.for-brands .brands-item { width: calc((100% - 120px)/ 4); padding: 40px 20px 21px; }
/* what we do end */
/* why us page start */
.who-we-are.why-us { padding: 80px 0 60px; }
.who-we-are.why-us p { margin-bottom: 40px; }
/* why us page end */
/* our mission page start */
.who-we-work-with h2 { margin-bottom: 60px; }
.who-we-work-with .main-wrp { padding: 60px 40px 60px; margin-bottom: 60px; }
.who-we-work-with .main-wrp .list-item h4 { margin-bottom: 15px; }
.who-we-work-with .main-wrp .list-item .cnt-wrp { margin-bottom: 20px; }
.who-we-work-with .main-wrp .list-wrp { row-gap: 60px; }
/* our mission page end */
/* who we are page start  */
.who-we-are.about-sec,
.form-sec { padding: 30px 0 60px; }
.about-sec+.cta-sec { margin-bottom: 60px; }
/* who we are page end */
/* about page start */
.about-sec+.cta-sec { margin-bottom: 60px; }
.team-sec.the-team { padding-bottom: 60px; }
/* about page end */
/* contact us start  */
.form-sec .form-wrp { margin-top: 50px; }
.form-sec .form-row.form-btn { margin: 40px auto 0; }
.form-sec .form-row { margin-bottom: 30px; }
.form-sec .form-row .form-group input,
.form-sec .form-row .form-group textarea { padding: 12px 24px; }
/* contact us end */ }
@media screen and (max-width: 1199px) {
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3, .testimonials-sec .testimonial>p { font-size: 26px; }
h4, .subs-wrp .subs-wrp-in h6 { font-size: 20px; }
h5, header .hamburger-inner ul li a { font-size: 18px; }
h6 { font-size: 16px; }
/* header start  */
header .logo img,
.footer .logo img { max-width: 160px; }
header .navigation .main_menu ul,
header .container { gap: 20px; }
header .navigation ul li a,
header ul li a,
.footer .navigation ul li a,
.footer .btm span,.footer .btm a { font-size: 14px; }
a.ylw-btn,
a.grn-btn,
.subs-wrp .subs-wrp-in form .tnp-submit,
.form-sec .form-row.form-btn input { padding: 12px 50px 12px 15px; font-size: 14px; }
header .right #menu-language-switcher>li>a { padding: 12px 20px; padding-right: 40px; }
header .right #menu-language-switcher>li>a:after { right: 22px; }
a.ylw-btn::after,
a.grn-btn::after,
.subs-wrp .subs-wrp-in form .submit-btn::after,
.form-sec .form-row.form-btn::after { padding: 8px 8px; height: 32px; width: 32px; background-size: 14px 8px; right: 3px; }
header .hamburger-menu-wrapper { padding: 30px; }
header .navigation .main_menu ul { display: none; }
header .hamburger-inner ul li { margin-bottom: 15px; }
/* header end */
.hero-home { margin-bottom: 20px; }
.hero-home .main-wrp,
.hero-home.inner-hero .main-wrp { padding-top: 120px; }
.hero-home .main-wrp .left-wrp { padding-top: 60px; }
.hero-home .main-wrp .right-wrp .cnt-wrp { margin-top: 20px; }
.hero-home .main-wrp { gap: 20px; }
.hero-home .main-wrp .right-wrp .cnt-wrp .links-wrp .link a,
.hero-home .main-wrp .right-wrp .cnt-wrp .links-wrp .link>*,
.who-we-are.why-us .list-wrp .list-itm h4 { font-size: 18px; padding-left: 26px; }
.hero-home .main-wrp .right-wrp .cnt-wrp .links-wrp .link a::before,
.hero-home .main-wrp .right-wrp .cnt-wrp .links-wrp .link>*::before,
.intro-sec .items-wrp .single-item h4::before,
.who-we-are .cnt ul li::before,
.team-sec .teams-wrp .cnt-wrp h4::before,
.work-sec .partner h6::before,
.who-we-are.why-us .list-wrp .list-itm h4::before { width: 12px; height: 12px; }
.hero-home .main-wrp .right-wrp .cnt-wrp .links-wrp { column-gap: 30px; max-width: 95%; }
.hero-home .main-wrp .right-wrp .cnt-wrp .ylw-btn { margin-top: 30px; }
.hero-home .main-wrp,
.hero-home.inner-hero .main-wrp { padding-bottom: 60px; }
.yellow-line:after { height: 6px; }
.intro-sec,
.what-we-do,
.testimonials-sec { padding: 20px 0 20px; }
.intro-sec .items-wrp .single-item h4,
.who-we-are .cnt ul li,
.team-sec .teams-wrp .cnt-wrp h4,
.work-sec .partner h6 { padding-left: 24px; }
.intro-sec .items-wrp .single-item { padding-top: 15px; }
.intro-sec .items-wrp .single-item h4 { margin-bottom: 15px; }
.intro-sec .items-wrp,
.team-sec .teams-wrp { gap: 30px; }
.info-banner { padding: 20px 30px; }
.who-we-are { padding: 50px 0 350px; margin-top: 20px; }
.who-we-are .cnt ul:has(+ p) { margin-bottom: 20px; }
.section-title,.who-we-work-with h2.section-title{ margin-bottom: 20px; padding-bottom: 10px; }
.team-sec .section-title { margin-bottom: 20px; }
.section-title:after { width: 110px; }
.sec-title:after { height: 1px; width: 130px; }
.who-we-are h2 { margin-bottom: 15px; }
.who-we-are .cnt ul { margin-top: 15px; }
.team-sec { padding: 40px 0 20px; margin-top: -320px; }
.team-modal-current::before,
.team-modal-current::after { font-size: 18px; }
.team-modal-close:before { width: 20px; height: 20px; }
.team-modal-content .modal-details,
.team-slide { max-height: 70vh; }
.team-modal-content .modal-img { padding-bottom: 70vh; }
.team-modal-content,
.team-modal-slider .owl-nav { max-width: 90vw; }
.team-modal-content { max-height: 90vh; }
.team-modal-slider .owl-nav button,
.work-sec .partners .owl-nav button { width: 36px; height: 36px; }
.team-slide { max-width: 85vw; }
.team-slide:after { height: 50px; max-width: calc((85vw - 36.76%) - 5px); }
.team-modal-slider .owl-nav { top: 105%; }
.cta-sec { margin-top: 30px; margin-bottom: 20px; }
.cta-sec .main-wrp .right-wrp { padding: 30px 30px 30px 40px; }
.cta-sec .main-wrp .right-wrp>* { max-width: 100%; }
.cta-sec .main-wrp .right-wrp .title-wrp { margin-bottom: 20px; }
.what-we-do .work-items h4,
.what-we-do .work-items h6 { padding: 12px 0 8px; }
.what-we-do .main-wrp .inner { gap: 40px; }
.work-sec { padding: 50px 0 60px; margin: 20px 0 20px; }
.work-sec h2 { margin-bottom: 20px; }
.work-sec .main-wrp { grid-template-columns: 440px minmax(0, 1fr); gap: 30px; }
.work-sec p { margin-bottom: 20px; }
.work-sec .right-wrp { padding-top: 55px; }
.work-sec .partner h6 { font-size: 16px; }
.work-sec .partner h6::before { top: 2px; }
.testimonials-sec .left-wrp { padding: 30px 0 30px 40px; }
.testimonials-sec .testimonial .bottom-wrp { margin-top: 30px; }
.testimonials-sec .owl-dots { margin-top: 40px; gap: 8px; }
.testimonials-sec .owl-dots button.owl-dot { width: 8px; height: 8px; }
.work-sec .partners .owl-nav { display: flex; gap: 20px; padding-right: 30px; }
.subs-wrp { margin-bottom: -53px; }
.subs-wrp .subs-wrp-in { gap: 10px; padding: 20px 20px 20px 20px; }
.subs-wrp .subs-wrp-in .left { gap: 15px; }
.subs-wrp .subs-wrp-in .left img { max-width: 34px; }
.subs-wrp .subs-wrp-in .left { width: 54%; }
.subs-wrp .subs-wrp-in form .tnp-email { font-size: 14px; padding: 11px 20px; }
/* footer start  */
.footer { padding: 50px 0 30px; }
.footer .logo { margin-bottom: 20px; }
/* .footer .btm { padding-top: 25px; margin-top: 25px; } */
.footer .btm { padding-top: 25px;}
/* footer end */
/* what we do start */
.for-brands,
.who-we-work-with { padding: 20px 0 40px; }
.for-brands .brands-wrp { margin-top: 30px; gap: 30px; }
.for-brands .brands-item { width: calc((100% - 60px)/ 3); padding: 40px 20px 20px; }
.for-brands .brands-item .icon-wrp { margin-bottom: 30px; }
.hero-home.inner-hero:has(+.for-brands) .main-wrp .left-wrp p { margin-bottom: 25px; }
.hero-home.inner-hero .main-wrp .left-wrp,
.hero-home.inner-hero .main-wrp .left-wrp,
.hero-home.inner-hero:has(+ .who-we-work-with) .main-wrp .left-wrp,
.hero-home.inner-hero:has(+ .form-sec) .main-wrp .left-wrp,
.content:has(.about-sec):has(.cta-sec) .hero-home.inner-hero .main-wrp .left-wrp { padding-top: 100px; }
/* what we do end */
/* why us page start */
.who-we-are.why-us { padding: 60px 0 50px; }
.who-we-are.why-us p { margin-bottom: 40px; }
.who-we-are.why-us .list-wrp { column-gap: 40px; }
.who-we-are.why-us .list-wrp .list-itm { width: calc((100% - (40px * 3))/ 4); }
/* why us page end */
/* our mission page start */
.who-we-work-with h2 { margin-bottom: 40px; }
.who-we-work-with .main-wrp { padding: 50px 30px 50px; margin-bottom: 40px; }
.who-we-work-with .main-wrp .list-wrp { column-gap: 20px; row-gap: 50px; }
.who-we-work-with .main-wrp .list-item { width: calc((100% - (20px * 2))/ 3); }
/* our mission page end */
/* about page start */
.who-we-are.about-sec,
.form-sec { padding: 20px 0 40px; }
.about-sec+.cta-sec { margin-bottom: 40px; }
.team-sec.the-team { padding-bottom: 50px; }
.team-sec.the-team .bg-video,
.team-sec.the-team:before { max-height: 320px; }
/* about page end */
/* contact us start  */
.form-sec .form-wrp { margin-top: 40px; }
.form-sec .form-row { gap: 30px; }
.form-sec .form-row.form-btn { margin: 30px auto 0; }
/* contact us end */ }
@media screen and (max-width: 991px) {
.work-sec .main-wrp { grid-template-columns: 420px minmax(0, 1fr); }
header .hamburger-menu-wrapper { padding: 20px; }
.team-slide { grid-template-columns: 50% 1fr; }
.team-slide:after { max-width: calc((85vw - 50%) - 5px); }
.team-modal-content .modal-details { padding: 0px 20px; }
.team-sec .teams-wrp .cnt-wrp .bio-content { margin-bottom: 20px; }
.team-modal-content .modal-img { padding-bottom: 60vh; }
.team-modal-slider .owl-nav { top: 110%; }
.team-modal-content .modal-details,
.team-slide { max-height: 60vh; }
.footer { padding: 40px 0 30px; }
.who-we-work-with .main-wrp .list-wrp { row-gap: 40px; }
/* why us page start */
.who-we-are.why-us .list-wrp .list-itm { width: calc((100% - 40px)/ 2); }
/* why us page end */
/* faq start  */
.faq-sec { padding: 40px 0 80px; }
.faq-sec .faq-wrp .faq .desc { padding: 0 21px 30px; }
/* faq end  */ }
@media screen and (max-width: 768px) {
.container { padding-left: 20px; padding-right: 20px; }
.work-sec .container { padding-left: 20px; }
header .container { gap: 20px; }
h1 { font-size: 32px; }
h2 { font-size: 26px; }
h3,
.testimonials-sec .testimonial>p { font-size: 22px; }
h4,
.subs-wrp .subs-wrp-in h6,
.team-modal-current::before,
.team-modal-current::after { font-size: 18px; }
header .hamburger-menu-wrapper { width: 40vw; }
.hero-home .main-wrp .right-wrp .cnt-wrp .links-wrp { grid-template-columns: 1fr; }
.hero-home .main-wrp .right-wrp .cnt-wrp .links-wrp .link a,
.hero-home .main-wrp .right-wrp .cnt-wrp .links-wrp .link>*,
.who-we-are.why-us .list-wrp .list-itm h4 { font-size: 16px; }
.intro-sec .cnt { max-width: 80%; }
.intro-sec .items-wrp .single-item h4::before,
.team-sec .teams-wrp .cnt-wrp h4::before { top: 3px; }
.intro-sec .items-wrp,
.team-sec .teams-wrp { gap: 20px; }
.hero-home .main-wrp .right-wrp .cnt-wrp .links-wrp .link a,
.hero-home .main-wrp .right-wrp .cnt-wrp .links-wrp .link>*,
.intro-sec .items-wrp .single-item h4,
.who-we-are .cnt ul li,
.team-sec .teams-wrp .cnt-wrp h4,
.work-sec .partner h6,
.who-we-are.why-us .list-wrp .list-itm h4 { padding-left: 20px; }
.hero-home .main-wrp .right-wrp .cnt-wrp .links-wrp .link a::before,
.hero-home .main-wrp .right-wrp .cnt-wrp .links-wrp .link>*::before,
.intro-sec .items-wrp .single-item h4::before,
.who-we-are .cnt ul li::before,
.team-sec .teams-wrp .cnt-wrp h4::before,
.work-sec .partner h6::before,
.who-we-are.why-us .list-wrp .list-itm h4::before { width: 10px; height: 10px; }
.intro-sec .items-wrp .single-item h4 { font-size: 16px; }
p,
.who-we-are .cnt ul li,
.testimonials-sec .testimonial .cnt-wrp span,
.form-sec .form-row .form-group input,
.form-sec .form-row .form-group textarea { line-height: 120%; }
.info-banner { padding: 20px 20px; }
.what-we-do .main-wrp .inner { grid-template-columns: 1fr; }
.what-we-do .inner p br { display: none; }
.what-we-do .main-wrp .inner { gap: 30px; }
.what-we-do .inner h3 { margin-bottom: 12px; }
.what-we-do .inner p { padding-bottom: 10px; }
.what-we-do .work-items h4,
.what-we-do .work-items h6 { padding: 12px 0 6px; }
.who-we-are { padding: 50px 0 300px; }
.who-we-are .cnt { max-width: 85%; }
.team-sec { margin-top: -260px; }
.cta-sec .main-wrp .right-wrp { padding: 20px 20px 30px; }
.cta-sec .main-wrp .right-wrp p:not(:last-child) { margin-bottom: 15px; }
.cta-sec .main-wrp .right-wrp .title-wrp { margin-bottom: 15px; }
.cta-sec .main-wrp .right-wrp ul,
.faq-sec .faq-cnt ul { padding-left: 20px; }
.work-sec .main-wrp { grid-template-columns: 380px minmax(0, 1fr); }
.testimonials-sec .left-wrp { width: 60%; padding: 20px 0 20px 30px; }
.testimonials-sec .right-wrp { width: 40%; }
.testimonials-sec .testimonial .bottom-wrp { margin-top: 20px; }
.testimonials-sec .testimonial .img-wrp { height: 50px; width: 50px; }
.team-modal-content .modal-desc p{ margin-bottom: 15px; }
.footer .navigation ul { gap: 20px; }
/* what we do page start */
.for-brands .brands-wrp { margin-top: 30px; gap: 20px; }
.for-brands .brands-item { width: calc((100% - 40px)/ 3); padding: 30px 15px 15px; }
.for-brands .brands-item .icon-wrp { margin-bottom: 20px; }
.hero-home.inner-hero .main-wrp .left-wrp,
.hero-home.inner-hero .main-wrp .left-wrp,
.hero-home.inner-hero:has(+ .who-we-work-with) .main-wrp .left-wrp,
.hero-home.inner-hero:has(+ .form-sec) .main-wrp .left-wrp,
.content:has(.about-sec):has(.cta-sec) .hero-home.inner-hero .main-wrp .left-wrp { padding-top: 60px; }
/* what we do page end */
/* why us page start */
.who-we-are.why-us .list-wrp .list-itm { width: calc((100% - 40px)/ 2); }
.who-we-are.why-us { padding: 50px 0 40px; }
/* why us page end */ }
@media screen and (max-width: 767px) {
 .container { padding-left: 15px; padding-right: 15px; }
h1 { font-size: 30px; }
body, p, .who-we-are .cnt ul li, .testimonials-sec .testimonial .cnt-wrp span, .team-sec .teams-wrp .cnt-wrp .read-more, .team-sec .teams-wrp .cnt-wrp .read-less, .cta-sec .main-wrp .right-wrp .toggle-btn, .form-sec .form-row .form-group input, .form-sec .form-row .form-group textarea { font-size: 14px; }
.work-sec .container { padding-left: 15px; }
header .right a.ylw-btn { display: none; }
header .hamburger-menu-wrapper { width: 90vw; }
.hero-home .main-wrp { grid-template-columns: 1fr; gap: 0; }
.hero-home .main-wrp,.hero-home.inner-hero .main-wrp { padding-top: 100px; padding-bottom: 50px; }
.hero-home .main-wrp { flex-direction: column; }
.hero-home .main-wrp .left-wrp { max-width: 95%; padding-top: 20px; padding-bottom: 30px; position: unset; margin-left: auto; margin-right: auto; text-align: center; }
.hero-home.inner-hero .main-wrp .left-wrp, .hero-home.inner-hero .main-wrp .left-wrp, .hero-home.inner-hero:has(+ .who-we-work-with) .main-wrp .left-wrp, .hero-home.inner-hero:has(+ .form-sec) .main-wrp .left-wrp, .content:has(.about-sec):has(.cta-sec) .hero-home.inner-hero .main-wrp .left-wrp { padding-top: 20px; }
.hero-home .main-wrp .left-wrp>h5,.hero-home .main-wrp .left-wrp>p { max-width: 100%; margin-left: auto; margin-right: auto; }
.hero-home .main-wrp .left-wrp h5:after,.hero-home.inner-hero .main-wrp .left-wrp h1:not(:has(+h5))::after { left: 50%; transform: translateX(-50%); width: 200px; }
.hero-home .main-wrp .right-wrp { max-width: 95%; margin-left: auto; margin-right: auto; }
.hero-home .main-wrp .right-wrp .cnt-wrp .ylw-btn,.who-we-are.why-us .ylw-btn { margin: 0 auto; margin-top: 30px; display: block; width: fit-content; }
.intro-sec .items-wrp { display: flex; justify-content: center; flex-wrap: wrap; gap: 0; margin-left: -10px; margin-right: -10px; margin-bottom: 10px; }
.intro-sec .items-wrp .single-item { padding-top: 15px; width: 50%; padding-left: 10px; padding-right: 10px; margin-bottom: 30px; }
.intro-sec .items-wrp .single-item:before { left: 50%; transform: translateX(-50%); width: calc(100% - 20px); }
.intro-sec h2,.who-we-are h2,.for-brands h2,.who-we-work-with h2 { text-align: center; max-width: 100%; }
.intro-sec .cnt { max-width: 90%; text-align: center; margin-left: auto; margin-right: auto; }
.hero-home { margin-bottom: 15px; }
.hero-home .main-wrp .right-wrp .cnt-wrp .links-wrp { max-width: 100%; }
.intro-sec,.what-we-do,.testimonials-sec { padding: 15px 0; }
.who-we-are { margin-top: 15px; }
.team-sec { padding: 30px 0 15px; }
.cta-sec { margin-top: 20px; margin-bottom: 15px; }
.work-sec { margin: 15px 0 20px; }
.intro-sec .items-wrp .single-item h4 { width: fit-content; margin-left: auto; margin-right: auto; }
.info-banner { flex-direction: column; text-align: center; padding: 15px; }
.info-banner p { max-width: 100%; }
.info-banner a,.team-sec .teams-wrp .cnt-wrp .read-more,.team-sec .teams-wrp .cnt-wrp .read-less,.cta-sec .main-wrp .right-wrp .toggle-btn { margin-left: auto; margin-right: auto; }
.section-title,.team-sec .teams-wrp .cnt-wrp h4,.sec-title { width: fit-content; margin-left: auto; margin-right: auto; }
.section-title,.team-sec .section-title { margin-bottom: 20px; }
.section-title:after,.sec-title:after { width: 100%; }
.sec-title { padding-bottom: 10px; }
.who-we-are { padding: 30px 0 350px; }
.who-we-are .cnt { max-width: 100%; }
.team-modal { width: 100%; height: 100%; overflow: hidden; }
.team-sec { margin-top: -320px; }
.team-sec .teams-wrp .teams-in { justify-content: center; text-align: center; }
.team-slide { grid-template-columns: 1fr; }
.team-modal-content .modal-details,.team-slide { max-height: 80vh; }
.team-slide { max-width: 80%; max-height: 80%; max-height: 80vh; overflow-y: scroll; }
.team-slide::-webkit-scrollbar { width: 3px; }
.team-slide::-webkit-scrollbar-track { background: var(--Cream); border-radius: 10px; }
.team-slide::-webkit-scrollbar-thumb { background: var(--Gold); border-radius: 10px; }
.team-modal-content { max-height: 95%; max-width: 90%; }
.team-modal-content .modal-img { padding-bottom: 110%; margin: 0 10px; }
.team-modal-content .modal-details { padding: 0px; padding-top: 20px; max-height: unset; overflow-y: visible; text-align: center; padding-left: 15px; padding-right: 15px; }
.team-modal-content .modal-desc p{ margin-bottom: 10px; }
.team-modal-slider .owl-nav { top: 100%; }
.work-sec .partners .owl-nav { padding-right: 0; justify-content: center; margin-top: 30px; }
.team-modal-slider .owl-nav button, .work-sec .partners .owl-nav button { width: 30px; height: 30px; }
.team-modal-slider .owl-nav .owl-prev:before,.team-modal-slider .owl-nav .owl-next:before,.work-sec .partners .owl-nav .owl-prev:before,.work-sec .partners .owl-nav .owl-next:before { width: 12px; height: 6px; }
.team-sec.the-team .top-wrp .section-title:has(+ .ylw-btn) { margin-left: 0; }
.team-slide:after { content: none; }
.team-modal-slider { position: relative; }
.team-modal-slider:after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 100%; height: 60px; transition: all 0.3s ease-in-out; background: linear-gradient(0deg, #1A312B 0%, rgba(26, 49, 43, 0.8) 50%, rgba(26, 49, 43, 0) 100%); max-width: calc(80% - 3px); }
.cta-sec .main-wrp { grid-template-columns: 1fr; }
.cta-sec .main-wrp .right-wrp .title-wrp { gap: 20px; }
.cta-sec .main-wrp .right-wrp ul,.faq-sec .faq-cnt ul,.faq-sec .faq-cnt .desc p:not(:last-child) { margin-bottom: 15px; }
.team-modal-content .modal-desc { padding-bottom: 30px; }
.team-modal-content .modal-name { position: unset; }
body:has(.team-modal.active) { overflow: hidden !important; }
.team-sec .teams-wrp .owl-dots { display: flex; gap: 10px; justify-content: center; margin-top: 20px; }
.team-sec .teams-wrp .owl-dots button.owl-dot { background: rgba(26, 49, 43, 0.2); width: 10px; height: 10px; border-radius: 5px; transition: all 0.3s ease-in-out; padding: unset !important; border: none !important; outline: none !important; }
.team-sec .teams-wrp .owl-dots button.owl-dot.active { background: var(--Green); width: 40px; }
.team-sec .teams-wrp .owl-dots button.owl-dot:hover { background: var(--Green); }
.team-sec .teams-wrp .cnt-wrp .bio { padding-bottom: 10px; }
.team-modal-close:before { width: 18px; height: 18px; }
h4,.subs-wrp .subs-wrp-in h6,.team-modal-current::before,.team-modal-current::after { font-size: 16px; }
.cta-sec .main-wrp .right-wrp { align-items: center; text-align: center; }
.work-sec .left-wrp { max-width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; }
.work-sec .left-wrp { padding-right: 15px; }
.what-we-do .work-items h4 { text-align: center; }
.what-we-do .main-wrp .cnt { text-align: center; }
.work-sec .main-wrp { display: flex; flex-direction: column; }
.work-sec .right-wrp { padding-top: 0px; }
.work-sec .right-wrp .partners .partner .img-wrp { padding-bottom: 120%; }
.work-sec { padding: 30px 0 40px; }
.footer .navigation ul { gap: 0; flex-direction: column; }
.footer .btm {flex-direction: column; }
.footer .btm span:not(:last-child):after,.footer .btm a:not(:last-child):after { content: none;}
.footer .navigation>div { width: 100%; }
.footer .navigation ul li { line-height: 100%; width: 100%; }
.footer .navigation ul li a { width: 100%; display: inline-block; padding: 10px; text-align: center; }
.footer .navigation:after { width: 230px; }
/* .footer .btm { padding-top: 20px; margin-top: 20px; align-items: center; text-align: center; } */
.footer .btm { padding-top: 20px; align-items: center; text-align: center; }
.footer .navigation { padding-bottom: 15px; margin-bottom: 15px; }
/* what we do page start  */
.for-brands,.who-we-work-with { padding: 15px 0 30px; }
.for-brands .brands-item { width: calc((100% - 15px) / 2); padding: 25px 12px 12px; align-items: center; text-align: center; }
.for-brands .brands-item .icon-wrp img { max-height: 40px; }
.for-brands .brands-wrp { gap: 15px; }
/* what we do page end  */
/* why us page start */
.who-we-are.why-us { padding: 40px 0 40px; }
.who-we-are.why-us .list-wrp .list-itm { width: 100%; }
.who-we-are.why-us .list-wrp { row-gap: 0px; }
.who-we-are.why-us h2 { margin-bottom: 10px; }
.who-we-are.why-us p { margin-bottom: 30px; }
/* why us page end */
/* our mission page start */
.who-we-work-with h2 { margin-bottom: 30px; }
.who-we-work-with .main-wrp { padding: 40px 20px 40px; margin-bottom: 30px; }
.who-we-work-with .main-wrp .list-wrp { row-gap: 30px; }
.who-we-work-with .main-wrp .list-item { width: calc((100% - 20px)/ 2); }
.who-we-work-with .main-wrp .list-item .cnt-wrp { margin-bottom: 15px; text-align: center; }
.who-we-work-with .main-wrp .list-item h4 { margin-bottom: 10px; }
/* our mission page end */
/* about page start */
.who-we-are.about-sec, .form-sec { padding: 15px 0 30px; }
.about-sec+.cta-sec { margin-bottom: 30px; }
.team-sec.the-team .bg-video, .team-sec.the-team:before { max-height: 340px; }
/* about page end */
/* contact us start  */
.form-sec .form-wrp { margin-top: 30px; }
.form-sec .form-row { gap: 20px; margin-bottom: 20px; }
.form-sec .form-row .form-group.half-width { width: 100%; }
.form-sec .form-row .form-group input, .form-sec .form-row .form-group textarea { border-radius: 20px; }
.form-sec .form-row .form-group input, .form-sec .form-row .form-group textarea { padding: 12px 20px; }
.form-sec .form-row.form-btn { margin: 20px auto 0; }
/* contact us end */ }
@media screen and (max-width: 480px) {
 .intro-sec .items-wrp .single-item { width: 100%; }
/* our mission page start */
.who-we-work-with .main-wrp .list-item { width: 100%; }
.team-sec.the-team { padding-bottom: 40px; }
/* our mission page end */
/* about page start */
.team-sec.the-team .bg-video, .team-sec.the-team:before { max-height: 380px; }
/* about page end */
/* faq start  */
.faq-sec { padding: 20px 0 60px; }
.faq-sec .faq-wrp .faq h3 { padding: 20px 0px; }
.faq-sec .faq-wrp .faq .desc { padding: 0 2px 25px; }
/* faq end */ 
}
@media screen and (max-width: 374px) {
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3, .testimonials-sec .testimonial>p { font-size: 20px; }
h5, header .hamburger-inner ul li a { font-size: 16px; }
.hero-home .main-wrp .left-wrp { padding-top: 10px; padding-bottom: 20px; }
.hero-home .main-wrp .right-wrp .cnt-wrp .links-wrp .link a, .hero-home .main-wrp .right-wrp .cnt-wrp .links-wrp .link>*, .who-we-are.why-us .list-wrp .list-itm h4 { font-size: 14px; }
a.ylw-btn, a.grn-btn, .subs-wrp .subs-wrp-in form .tnp-submit, .form-sec .form-row.form-btn input { font-size: 12px; }
.work-sec .partner h6 { font-size: 14px; }
 }
@media screen and (max-width: 359px) {
 .for-brands .brands-item { width: 100%; }
 }