/*
Theme Name: The Storytelling Tribe
Theme URI: https://abuomama.com
Author: Abu Omama
Author URI: https://abuomama.com
Description: The Storytelling Tribe Wordpress Theme
Version: 1.0
Text Domain: the_storytelling_tribe
*/

#html{margin-top:0!important;}
#html #wpadminbar{top:auto;width:auto;min-width:auto;bottom:0;}
#html #wp-admin-bar-top-secondary,#html #wpadminbar .menupop,#wp-admin-bar-customize,#wp-admin-bar-updates,#wp-admin-bar-comments{display:none;}
@media (max-width:1199.98px){
    #html #wpadminbar{display:none!important;}
}

:root {
    --tst-white: #fff;
    --tst-black: #000;
    --tst-grey: #989898;
    --tst-blue: #4aaeff;
    --tst-yellow: #ffcc00;
    --tst-custom-ease: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    --tst-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
}

/* =================reset css starts here=================  */
*{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,ul,li,body,html,form,fieldset,address,blockquote{margin:0;padding:0;outline:none;border:0}
a{text-decoration:none;border:0;outline:0;}
ul{list-style:none;}
a:focus,input:focus,textarea:focus,*:focus{outline:0!important;}
/* =================reset css ends here================= */
/* ================= ContactForm7 Start ================= */
/* Form css start  */ 
.form-group{position: relative;}
.form-group+.form-group {margin-top: 32px;}
.form-label {font-size: 18px;font-weight: 600;line-height: 20px;margin-bottom: 10px;}
.form-control { height: 50px;padding: 11px 36px;font-size: 15px;font-weight: 400;line-height: 1.2;color: var(--tst-black);background-color: var(--tst-white);border-radius: 10px;border: none;box-shadow: none;}
.form-control::placeholder {color: #a3a3a3;opacity: 1; }
.form-control:focus {box-shadow: none;color: var(--tst-black);}
textarea.form-control {height: 114px;resize: none;}
.form-control.datepicker{background: #fff url("assets/images/calendar-icon-black.svg") no-repeat center right/17px; background-position-x:calc(100% - 14px) ;}
.form-btn-wrap{padding-left: 112px;margin-top: 0;position: relative;}
.form-check-group{padding-left: 112px;max-width: 580px;}
.form-check-label {color: var(--white); padding-left: 54px!important;}
.form-check-input {display: none;}
.form-check-label::before {position: absolute;content: '';top: 0;left: 0;width: 20px;height: 20px;background: var(--tst-white);}
.form-check-label::after {content: '';position: absolute;top: 8px;left: 7px;width: 10px;height: 6px;border-bottom: 1px solid #214670;border-left: 1px solid #214670;transform: rotate(-45deg) scale(0);transition: all 0.3s;}
.form-check-group .form-check-input:checked ~ .form-check-label::after{transform: rotate(-45deg) scale(1);}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none }
input[type=number] { -moz-appearance: textfield }
.form-check { display: inline-block; vertical-align: top; width: 100%; color: var(--tst-white); padding: 0 }
.form-check input { display: none }
.form-check input+.wpcf7-list-item-label:before {content: '';display: block;width: 20px;height: 20px;background: var(--tst-white);border: solid 1px var(--tst-white);position: absolute;left: 0;top: 0;border-radius: 0;}
.form-check input+.wpcf7-list-item-label:after {content: '';display: inline-block;width: 13px;height: 7px;position: absolute;left: 4px;top: 10px;-webkit-transition: all .12s ease-in;transition: all .12s ease-in;border: solid 3px var(--tst-blue);border-top: 0;border-right: 0;transform: rotate(-45deg);visibility: hidden;opacity: 0;}
.form-check input:checked+.wpcf7-list-item-label:after { visibility: visible; opacity: 1;}
.form-check label {padding-left: 45px;position: relative;display: inline-block;vertical-align: top;text-align: left;font-size: 18px;font-weight: 400;line-height: 1.3;margin: 0;cursor: pointer}
.form-check label a { color: inherit; text-decoration: underline; display: inline; }
.form-check label a:hover { text-decoration: none }
.wpcf7-list-item { margin: 0 }
.wpcf7-list-item>label { display: inline-block; }
.wpcf7 .wpcf7-submit:disabled { background: 0 0 !important; border-color: inherit !important }
.form-text { color: #fff }
.wpcf7 .wpcf7-submit.btn-default:disabled, .wpcf7 .wpcf7-submit.btn-white-maroon:disabled, .wpcf7 .wpcf7-submit.btn-primary-white:disabled { border: solid 2px #999 !important; background: #999 !important; color: #fff !important }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border-color: #f00; position: relative; }
div.wpcf7 form.wpcf7-form span.ajax-loader { width: 24px; height: 24px; background-size: 20px; position: absolute; right: 0; margin: 0 15px; top: 50%; margin-top: -12px; z-index: 9; opacity: 1; }
span.wpcf7-not-valid-tip { top: 0; right: 0; padding: 0; bottom: auto; color: #fff;  font-size: 14px; font-weight: 600; line-height: 1.3;  position: absolute; top: 100%; margin-top: -11px; padding: 0; border-radius: 4px; background: #f00; padding: 0 5px; }
.wpcf7-form-control-wrap { position: static; width: 100%; }
.form-control.wpcf7-not-valid { border-color: #f00; }
div.wpcf7-response-output { margin: 30px 0 0 0 !important; background: #f00; border-width: 0px !important; border-radius: 10px; color: #fff !important; font-size: 18px !important; line-height: 22px; padding: 10px 15px !important; border-style: solid !important; border-color: #fff !important; font-weight: 700; text-align: center; }
.wpcf7 form.sent .wpcf7-response-output { border-color: green !important; background: green; color: var(--tst-white) !important; border-radius: 10px;}
span.wpcf7-spinner { position: absolute; top: 8px; right: 8px; margin: 0; }
div.wpcf7 .wpcf7-submit:disabled {cursor: not-allowed;background: #999 !important;border-color: #999 !important;color: #666 !important;opacity: 0.7;}
.form-btn { position: relative; }
form br{display: none;}
/* Form css end  */
/* ================= ContactForm7 End ================= */
/* =================core css starts here================= */
html{scroll-padding-top: 0px;}
body{font-family: "Figtree", sans-serif;font-size:15px;font-weight:400;line-height:1.3;color:var(--tst-black);background:var(--tst-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.container {width: calc(100% - 16px);max-width: 1224px;}
a,input,button{display:inline-block;text-decoration:none;color:inherit;outline:none;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;}
a img{border:0px none;}
a:hover{outline:none;color:var(--tst-yellow);text-decoration:none;}
a:active{outline:none;text-decoration:none;}
a:focus{outline:none;outline-offset:0px;text-decoration:none;color:inherit;}
::-webkit-input-placeholder{color:#000;opacity:0.5;}
::-moz-placeholder{color:#000;opacity:0.5;}
:-moz-placeholder{color:#000;opacity:0.5;}
:-ms-input-placeholder{color:#000;opacity:0.5;}
.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}
img{max-width:100%;border:0;height:auto;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;margin-bottom:14px;line-height:1.2;font-weight:600;color:inherit;}
h1{font-size:45px;}
h2{font-size:40px;}
h3{font-size:35px;}
h4{font-size:30px;}
h5{font-size:25px;}
h6{font-size:20px;}
p{margin:0px;padding:0px;margin-bottom:18px;letter-spacing: 0.02em;}
strong{font-weight:600;}
b{font-weight:400;}
p:last-child{margin-bottom:0;}
.btn {position: relative;display: inline-flex;align-items: center;min-height: 50px;padding: 6px 25px;padding-right: 60px;font-size: 18px;font-weight: 600;line-height:1;letter-spacing: 0.02em;text-align: left;border-radius: 25px;box-shadow:none;border: 0;overflow: hidden;transition: all 0.3s ease-in-out;}
.btn-icon{width: 40px;height: 40px;position: absolute;top: 50%;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease-in-out;}
.btn-icon i{transition:  all 0.3s ease-in-out;}
.btn:hover {padding-left: 60px;padding-right: 25px;}
.btn:hover .btn-icon{will-change: transform;transform-origin: 50% 50% 0px;}
.btn-icon.left{left: 6px;transform: translateY(-50%) translateX( -60px) scale(0.1);filter: blur(7px);opacity: 0;border-radius: 0;}
.btn:hover .btn-icon.left{transform: translatey(-50%) translateX(0) scale(1);filter: blur(0px);opacity: 1;border-radius: 50%;}
.btn-icon.right{right: 6px;transform: translateY(-50%) translateX(0) scale(1);filter: blur(0px);opacity: 1;border-radius: 50%;}
.btn:hover .btn-icon.right{transform: translateY(-50%) translateX(60px) scale(0.1);filter: blur(7px);opacity: 0;border-radius: 0;}
.btn-blue,.btn-blue:focus{color: var(--tst-white);background: linear-gradient(32deg, #209cff 0%, #69bcff 100%);}
.btn-blue:hover,.btn-blue:active{color: var(--tst-white);background-color:var(--tst-white);}
.btn-blue .btn-icon{background: linear-gradient(98deg, #1793f6 0%, #006cff 100%);color: #69bcff;}
.btn-black,.btn-black:focus{color: var(--tst-white);background: linear-gradient(32deg, #a3a3a2 0%, #6f6f6f 100%);}
.btn-black:hover,.btn-black:active{color: var(--tst-white);background-color:var(--tst-white);}
.btn-black .btn-icon{background: linear-gradient(22deg, #6f6f6f 0%, #a3a3a2 100%);color: #6f6f6f;}
.btn-white,.btn-white:focus{color: var(--tst-blue);background-color: var(--tst-white);}
.btn-white:hover,.btn-white:active{color: var(--tst-blue);background-color:var(--tst-white);}
.btn-white .btn-icon{background: linear-gradient(98deg, #1793f6 0%, #006cff 100%);color: var(--tst-white);}
.btn.btn-block{min-width:100%;}


.link:hover, .link-parent:hover .link{color: currentcolor;}
.link {font-size: 18px;font-weight: 600;line-height: 24px;letter-spacing: 0.02em;color: currentcolor;display: inline-flex;align-items: center;}
.link::before{content: '';margin-left: 6px;width: 20px;height: 2px;background: var(--tst-black);order: 1;transition: var(--tst-custom-ease);}
.link::after{content: '';width: 11px;height: 12px;background: url("assets/images/black-arrow-icon.png") no-repeat center/contain;order: 2;transition: var(--tst-custom-ease);}
.link:hover::before, .link-parent:hover .link::before{width: 30px;}
.link.white::before{background: var(--tst-white);}
.link.white::after{filter: brightness(0) invert(1);}

/* =================core css ends here================= */
/* ================= Global CSS Start ================= */
.content-container{padding: 120px 0;}
.add-index{position: relative;z-index: 9;}

.full-page-section{min-height: 100vh;position: relative;display: flex;align-items: center;}
.section-scroll-btn{position: relative;padding: 5px 10px 8px 46px;display: inline-flex;align-items: center;gap: 10px;font-size: 18px;font-weight: 600;letter-spacing: 0.02em;color: currentColor;}
.section-scroll-btn::before{ content: '';width: 2px;height: 0;position: absolute;right: 0;top: 0;background: currentColor;transition: all 0.4s ease;}
.section-scroll-btn::after{content: '';width: 0;height: 2px;position: absolute;right: 0;bottom: 0; background: currentColor;transition: all 0.4s ease;transition-delay: 0.4s;}
.section-scroll-btn span{display: inline-block;width: 15px;height: 15px;position: absolute;right: 100%;bottom: -7.5px;border: 2px solid currentColor;border-radius: 50%;scale: 0;opacity: 0;transition: all 0.2s ease;transition-delay: 0.6s;}
.section-scroll-btn strong{opacity: 0;transition: all 0.2s ease;transition-delay: 0.8s;}
.section-scroll-btn:hover{color: currentColor;text-decoration: underline;}
.animated.section-scroll-wrapper{animation-duration: 3s;}
.animated .section-scroll-btn::before {height: 100%;}
.animated .section-scroll-btn::after {width: 100%;}
.animated .section-scroll-btn span{scale: 1;opacity: 1;}
.animated .section-scroll-btn strong{opacity: 1;}

.full-page-section .section-scroll-wrapper{width: 100%;max-width: 300px;position: absolute;bottom: 25px;right: calc(50% - 601px);z-index: 9;display: flex;justify-content: end;}

.heading{margin-bottom: 60px;}
.heading h2{font-size:44px;color: var(--tst-grey);margin-bottom: 0;}
.heading h2:has(+ p){margin-bottom: 10px;}
/* ================= Global CSS End ================= */
/* ============================== Header Start ====================================== */
body.open-menu{overflow: hidden;}

#header{color:var(--tst-white);background:transparent;position:fixed;left:0;top:0;right:0;padding:0;z-index:9999;transition:all 0.5s cubic-bezier(0.215,0.61,0.355,1);-webkit-transition:all 0.5s cubic-bezier(0.215,0.61,0.355,1);}
.fixed #header{background: var(--tst-black);box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;}
.navbar{padding:0;width:100%;height:102px;transition:.2s all ease-in;}
.navbar-brand{width: 167px;padding:0;margin:0;position:relative;z-index:999;}

.navbar-expand-xl .navbar-nav .nav-item{margin: 0 33px;}
.navbar-expand-xl .navbar-nav .nav-item:first-child{margin-left: 0;}
.navbar-expand-xl .navbar-nav .nav-item:last-child{margin-right: 0;}
.navbar-expand-xl .navbar-nav .nav-link {font-size: 18px;line-height: 80px;font-weight: 600;padding: 0;text-transform: capitalize;color: var(--tst-white);position: relative;}
.navbar-expand-xl .navbar-nav .nav-item.active .nav-link, .navbar-expand-xl .navbar-nav .nav-item:hover .nav-link{color:var(--tst-yellow);}

body:not(.home){padding-top: 102px;}
body:not(.home, .open-menu) #header{background-color: var(--tst-white);color: var(--tst-black);}
body:not(.home, .open-menu) .navbar-expand-xl .navbar-nav .nav-link {color: var(--tst-black)}
body:not(.home, .open-menu) .navbar-brand{filter: brightness(0);}


.dropdown-toggle::after{display:none;}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow{display:none;}
.nav-inside{width:100%;padding:0;}
.nav-inside-content{padding:30px 0;}

@media only screen and (min-width:1200px){
.navbar-nav>li>.dropdown-menu{display:block!important;top:100%!important;left:-15px;margin-top:10px!important;opacity:0;visibility:hidden;background:rgb(255 255 255 / 80%);color:var(--tst-black);min-width:170px;box-shadow:0 10px 10px rgba(0,0,0,0.16);border:0;border-radius:5px;transition:all 0.1s ease-in;-moz-transition:all 0.1s ease-in;-webkit-transition:all 0.1s ease-in;padding:10px 0;}
.fixed .navbar-nav>li>.dropdown-menu{border-radius:0 0 5px 5px;}
.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;margin-top:5px!important;transition:all 0.5s cubic-bezier(0.215,0.61,0.355,1);-moz-transition:all 0.5s cubic-bezier(0.215,0.61,0.355,1);-webkit-transition:all 0.5s cubic-bezier(0.215,0.61,0.355,1);}
.dropdown-item{color:var(--tst-black);padding:10px 15px;font-size:13px;text-transform:uppercase;font-weight:600;}
a.dropdown-item:hover{color:rgb(0 0 0 / 70%);}
.dropdown-item:focus,.dropdown-item:hover{color:var(--primary-color);background:transparent;}
.dropdown-toggle{display:none;}
.dropdown-item:focus,.dropdown-item:hover,.dropdown-item.active{color:var(--primary-color);background:transparent;}

header.scrollUp{transform: translateY(-120%);}
}
/* ============================== Header End ====================================== */
/* ============================== Footer Start ====================================== */
footer{background: #202427;color: var(--tst-white);padding: 149px 0 31px;}
.footer-top{margin-bottom: 78px;}
.footer-logo{max-width: 416px;width: 100%;}
.footer-podcasts-box{max-width: 425px;width: 100%;}
.footer-podcasts-box h5{font-size: 25px;font-weight: 400;line-height: 1;margin-bottom: 12px;}
.fp-logo-list {gap: 40px;}
.footer-bottom-left{gap: 12px;}
.copyright{font-size: 15px;line-height: 20px;letter-spacing: 0.025em;}
.footer-bottom-nav{gap: 12px;}
.footer-bottom-nav li{position: relative;padding-left: 22px;}
.footer-bottom-nav li::after{content: '';width: 10px;height: 10px;position: absolute;left: 0;top: 6px;border: 2px solid var(--tst-white);border-radius: 50%;}
.footer-bottom-nav li a {font-size: 15px;line-height: 20px;color: currentcolor;display: flex;align-items: center;}
.footer-bottom-nav li a:after{content: '';margin-left: 3px;width: 30px;height: 6px;background: url("assets/images/footer-link-icon.png") no-repeat center/contain;position: relative;top: 2px;transition: var(--tst-custom-ease);}
.footer-bottom-nav li a:hover:after{margin-left: 13px;}
.sketchmesh-logo{width: 137px;}
/* ============================== Footer End ====================================== */
/* ============================== Home Start ====================================== */
.hero-container{background: var(--tst-black);padding: 120px 0;color: var(--tst-white);}
.hero-bg{position: absolute;top: 0;left: 0;bottom: 0;right: 0;filter: blur(5.8px);}
.hero-bg video{width: 100%;height: 100%;object-fit: cover;}
.hero-container::after{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.4) 55%);}
.hero-content h1{font-size: 45px;margin-bottom: 10px;}
.hero-cta{margin-top: 40px;gap: 20px;}


.research-intro-outer{background-color: #f7f7f7;border-radius: 15px;padding: 20px 25px;}
.ri-left {width: 49%;}
.ri-left-box {padding: 42px 26px 32px 44px;position: relative;background: #ffcc00;border-radius: 15px;}
.ri-left-box h2 {font-size: 30px;}
.ri-img-box {gap: 7px;max-width: 480px;}
.ri-left-img {width: 40%;}
.ri-right-img {width: 60%;}
.ri-img {width: 100%;height: 100%;border-radius: 15px;overflow: hidden;background: var(--tst-white);}
.ri-img img {width: 100%;height: 100%;object-fit: cover;}
.ri-right {width: 51%;padding: 44px 0 52px;padding-left: 13px;}
.ri-item {position: relative;}
.ri-item:not(:last-child) {padding-bottom: 35px;}
.ri-right-box {overflow: hidden;padding-left: 190px;padding-right: 24px;position: relative;}
.ri-right-box h3 {font-size: 30px;}
.ri-list li:not(:last-child)::before {content: '';position: absolute;top: 8px;left: -49px;width: 2px;height: 100%;background: #b4b4b4;}
.ri-box span {position: absolute;left: -22px;top: 3px;width: 12px;height: 12px;display: flex;align-items: center;justify-content: center;}
.ri-box span:after {content: '';width: 27px;height: 2px;background: #b4b4b4;position: absolute;right: 100%;top: 50%;transform: translateY(-50%);}
.ri-item:not(:first-child):not(:last-child) .ri-box span:before {content: '';width: 10px;height: 10px;position: absolute;right: calc(100% + 158px);top: 50%;transform: translateY(-50%);border-radius: 50rem;border: 2px solid #b4b4b4;z-index: 3;background-color: #fff;}
.ri-item:not(:first-child):not(:last-child) .ri-box span:after {width: 160px;}


.story-matters-outer {max-width: 1152px;padding: 58px 46px;margin: 0 auto;color: var(--tst-white);background: linear-gradient(95deg, rgba(32, 156, 255, 1) 0%, rgba(105, 188, 255, 1) 100%);border-radius: 15px;}
.sm-shape {top: 0;right: -6px;bottom: 0;width: 357px;height: 639px;}
.sm-shape img {width: 100%;height: 100%;object-fit: cover;}
.sm-left {width: 64.1%;padding-right: 6%;}
.sm-left-box h2 {font-size: 30px;margin-bottom: 10px;}
.sm-left-img-box {width: calc(100% - 24px);max-width: 591px;min-width: 400px;margin-left: -92px;margin-bottom: 6px;}
.sm-left-img {width: 100%;height: 100%;}
.sm-left-img img {width: 100%;height: 100%;object-fit: cover;}
.sm-right {width: 35.9%;min-width: 300px;}
.sm-right-img {width: 168px;height: 168px;margin-bottom: 20px;}
.sm-right-img img {width: 100%;height: 100%;object-fit: contain;}
.sm-right-box h3 {max-width: 368px;font-size: 30px;margin-bottom: 36px;}


.client-type-list {width: calc(100% + 24px);margin-left: -12px;margin-bottom: -24px;}
.client-type-item {width: 33.33%;padding: 0 12px;margin-bottom: 24px;}
.client-type-item:nth-child(even) {margin-left: 33.33%;}
.client-type-box {min-height: 311px;background: #f7f7f7;border-radius: 15px;padding: 44px 39px;transition: var(--tst-custom-ease);z-index: 999;overflow: hidden;}
.client-type-box h3 {font-size: 25px;}
.ctb-content {max-width: 280px;transition: var(--tst-custom-ease);opacity: 0;visibility: hidden;margin-bottom: 20px;}
.ctb-img {position: absolute;right: -58px;bottom: -50px;width: 250px;height: 250px;z-index: -1;mask-image: linear-gradient(178deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);transition: var(--tst-custom-ease);}
.ctb-img img {width: 100%;height: 100%;object-fit: contain;filter: brightness(0);opacity: 0.2;transition: var(--tst-custom-ease);}
.client-type-box:hover {color: var(--tst-black);background: var(--tst-yellow);}
.client-type-box:hover .ctb-content {opacity: 1;visibility: visible;}
.client-type-box:hover .ctb-img{transform: scale(1.05);}
.client-type-box:hover .ctb-img img {filter: brightness(1);opacity: 1;}
.client-type-item.client-type-img-item:nth-child(even) {margin-left: 0;}
.client-type-img-item {position: absolute;top: 0;left: 50%;transform: translateX(-50%);bottom: 0;}
.client-type-img-box {width: 100%;height: 100%;background: #f7f7f7;border-radius: 15px;overflow: hidden;}
.client-type-img {width: 100%;height: 100%;}
.client-type-img img {width: 100%;height: 100%;object-fit: cover;}


.featured-service-box{padding: 32px 30px 30px 38px;background-color: #f7f7f7;border-radius: 15px;overflow: hidden;}
.featured-service-bg{width: 923px;height: 308px;position: absolute;top: 32px;right: -22px;}
.featured-service-bg img{width: 100%;height: 100%;object-fit: contain;}
.fsb-left{width: 50%;}
.fsb-left-icon{width: 184px;height: 184px;margin-bottom: 26px;}
.fsb-left-icon img{width: 100%;height: 100%;object-fit: cover;}
.fsb-left-text{margin-bottom: 36px;}
.fsb-left-text h3{font-size: 30px;}  
.fsb-left-text h6{font-size: 18px;}
.fsb-right{width: 50%;padding-left: 10px;}
.fsb-right-img{border-radius: 15px;overflow: hidden;width: 100%;height: 99%;}
.fsb-right-img img{width: 100%;height: 100%;object-fit: cover;}


.other-service-holder{max-width: 1150px;padding: 65px 43px;gap: 35px;background: linear-gradient(11deg, rgba(32, 156, 255, 1) 0%, rgba(105, 188, 255, 1) 100%);color: var(--tst-white);border-radius: 15px;overflow: hidden;}
.other-service-left{width: 50%;padding-right: 30px;}
.other-service-left h2{font-size: 30px;max-width: 85%;margin-bottom: 24px;}
.other-service-img{position: relative;padding-bottom: 77.5%;border-radius: 15px;overflow: hidden;margin-bottom: 20px;}
.other-service-img img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.other-service-left p{max-width: 85%;}
.other-service-right{width: 50%;}
.service-list{padding-right: 40px;gap: 32px;}
.service-box-text h3{font-size: 30px;margin-bottom: 5px;}
.service-box-text{margin-bottom: 22px;}
.service-item:not(:last-child) .service-box{position: relative;padding-bottom: 40px;}
.service-item:not(:last-child) .service-box::after{content: '';width: 72px;height: 2px;position: absolute;top: 100%;left: 0;background: var(--tst-white);}


.podcast-upper-holder{padding-top: 115px;}
.podcast-upper{height: 100%;min-height: 347px;background-color: var(--tst-black);color: var(--tst-white);gap: 10px;border-radius: 15px;overflow: hidden;}
.podcast-upper-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;}
.podcast-upper-bg img{width: 100%;height: 100%;object-fit: cover;object-position: right;}
.pu-left{width: 40%;max-width: 380px;padding: 30px 0 30px 40px;}
.pu-left-text h6{font-size: 18px;margin-bottom: 0;}
.pu-left-text h2{font-size: 44px;}
.pu-left-text h3{font-size: 25px;font-weight: 400;margin-bottom: 0;}
.pu-right{width: 60%;max-width: 554px;}
.pu-right-text{padding: 20px 20px 32px 0;max-width: 290px;}
.pu-right-text p{margin-bottom: 8px;line-height: 1.2;}
.pu-right-text h4{font-size: 25px;margin-bottom: 0;position: relative;padding-right: 50px;letter-spacing: 0.02em;}
.pu-right-text h4:after {content: '';position: absolute;top: 50%;left: calc(100% - 32px);transform: translateY(-50%);margin-top: 2px;width: 76%;height: 2px;background-color: var(--tst-white);}
.pu-right-text h4:before{content: '';position: absolute;top: 50%;left: calc(100% - 38px);transform: translateY(-50%);margin-top: 1px;width: 9px;height: 9px;background-color: var(--tst-white);border-radius: 50%;}

.podcast-list{width: calc(100% + 24px);margin-left: -12px;margin-bottom: -24px;}
.podcast-item{width: 33.33%;padding: 0 12px;margin-bottom: 24px;flex-grow: 1;}
.podcast-box{padding: 50px 25px 45px 35px;background-color: #f7f7f7;border-radius: 15px;transition: all .2s ease-in;overflow: hidden;z-index: 0;}
.podcast-box:hover{background-color: var(--tst-black);color: var(--tst-white);}
.podcast-box::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url("assets/images/podcast-middle-bg.jpg") center center no-repeat;background-size: cover;opacity: 0;transition: opacity 0.2s ease;z-index: -1;}
.podcast-box:hover::after{opacity: 1;}
.podcast-box:hover .link::before{background: var(--tst-white);}
.podcast-box:hover .link::after{filter: brightness(0) invert(1);}
.podcast-item:last-child .podcast-box{background-color: transparent;}
.podcast-item:last-child .podcast-box::after{display: none;}
.pb-text{margin-bottom: 30px;}
.pb-text h3{font-size: 18px;}
.podcast-btn {font-size: 30px;font-weight: 600;line-height: 1.2;align-items: center;justify-content: center;display: flex;gap: 20px;max-width: 270px;color: var(--tst-black);}
.podcast-btn:hover{color: var(--tst-black);}
.btn-arrow{width: 102px;height: 102px;transition: all 0.2s ease-in-out;}
.podcast-btn:hover .btn-arrow{transform:rotate(45deg) translateX(-10px) translateY(10px);}


.black-cta{height: 100%;padding: 108px 40px 93px;background-color: var(--tst-black);color: var(--tst-white);border-radius: 15px;z-index: 2;}
.black-cta-text{max-width: 680px;margin-bottom: 43px;}
.black-cta-text h3{font-size: 30px;margin-bottom: 9px;}
.black-cta:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 90px;background-image: url("assets/images/black-cta-bg-1.jpg");background-repeat: no-repeat;background-size: cover;background-position: top;}
.black-cta:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 158px;background-image: url("assets/images/black-cta-bg-2.jpg");background-repeat: no-repeat;background-size: cover;background-position: top;}


.download-pdf-content{background-color: #f7f7f7;padding: 23px;border-radius: 15px;}
.download-pdf-left{width: 45%;}
.dpdf-left-top{background: linear-gradient(-152deg, rgba(32, 156, 255, 1) 0%, rgba(134, 214, 255, 1) 100%);border-radius: 15px;padding: 33px 51px 21px 33px;color: var(--tst-white);}
.dpdf-left-top h6{font-size: 15px;font-weight: 400;margin-bottom: 5px;}
.dpdf-left-top h3{font-size: 25px;margin-bottom: 5px;}
.dpdf-left-top span{font-size: 12px;letter-spacing: 0.02em;display: block;margin-top: 30px;}
.dpdf-left-form{margin-top: 24px;}
.download-pdf-right{width: 55%;}
.download-pdf-right-img{border-radius: 15px;overflow: hidden;position: relative;padding-bottom: 90%;height: 100%;}
.download-pdf-right-img img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}


.tech-challenge-holder{padding: 55px 24px;background: #f7f7f7;color: var(--tst-black);border-radius: 15px;overflow: hidden;}
.tech-challenge-left{width: 57.2%;}
.tech-challenge-left h2{font-size: 44px;margin-bottom: 8px;}
.tech-challenge-img{position: relative;padding-bottom: 62.1%;border-radius: 15px;overflow: hidden;margin-bottom: 30px;}
.tech-challenge-img img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.tech-challenge-right{width: 42.8%;padding-left: 9.5%;}
.tech-challenge-list{padding-right: 10px;gap: 30px;}
.tech-challenge-box h3{font-size: 30px;margin-bottom: 8px;}
.tech-challenge-item:not(:last-child) .tech-challenge-box{position: relative;padding-bottom: 30px;}
.tech-challenge-item:not(:last-child) .tech-challenge-box::after{content: '';width: 72px;height: 2px;position: absolute;top: 100%;left: 0;background: #bababa;}


.join-conversation-holder{padding: 60px 40px;background: linear-gradient(11deg, #209cff 0%, #69bcff 100%);border-radius: 15px;overflow: hidden;}
.join-conversation-left{width: 54%;}
.join-conversation-content{font-size: 18px;color: var(--tst-white);margin-bottom: 25px;}
.join-conversation-content h2{font-size: 44px;margin-bottom: 0;}
.jcc-left{width: calc(52.5% - 12px);}
.jcc-right{width: calc(47.5% - 12px);}
.join-conversation-right{width: 46%;padding-left: 5%;}
.jc-list{gap: 60px;}
.jc-item{width: calc(50% - 30px);}
.jc-box{color: var(--tst-white);}
.jc-icon{width: 74px;height: 74px;margin: 0 auto 20px;}
.jc-icon img{width: 100%;height: 100%;object-fit: contain;}
.jc-box h3{font-size: 72px;font-weight: 900;}


@keyframes logoScroll {
	0%{transform: translateX(0);}
	100%{transform: translateX(-100%);}
}
.logo-carousel-content {width: 100%;}
.logo-carousel-item{position: relative;}
.logo-carousel-item::after{content: '';width: 8px;height: 8px;position: absolute;left: calc(100% + 37.5px);top: 50%;transform: translateY(-50%);border: 1px solid #a3a3a3;border-radius: 50%;}
.logo-carousel-box{width: 100%;text-align: center;display: flex;align-items: center;justify-content: center;height: 100%;position: relative;background: var(--tst-white);}
.logo-carousel-box img{max-width: 100%;max-height: 90px;object-fit: contain;width: auto;height: 100%;mix-blend-mode: luminosity;opacity: 0.6;}
.logoScroll .all-logo-list{animation-name: logoScroll;animation-duration: 30s;animation-iteration-count: infinite;animation-timing-function: linear;}
.logoScroll.logo-carousel-content{overflow: hidden;overflow: hidden;mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 15%, rgb(0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%);}
.logoScroll .logo-carousel-wrapper{display: flex;white-space: nowrap;width: max-content;}
.logoScroll .logo-carousel-list{display: flex;align-items: center;}
.logoScroll .logo-carousel-item{width: auto;display: inline-block;margin: 0 40px;}
/* ============================== Home End ====================================== */
/* ============================== About Start ====================================== */
.about-hero-container{padding: 55px 0 0;}
.about-hero-wrapper {min-height: 615px;background: linear-gradient(-145deg, #d6d6d6 0%, #ffffff 100%);border-radius: 15px;overflow: hidden;}
.about-hero-img {width: 100%;mask-image: linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%);}
.about-hero-img img {width: 100%;height: 100%;object-fit: cover;object-position: right;}
.about-hero-content-box {padding: 120px 0;padding-right: 78px;}
.about-hero-content {margin-bottom: 32px;}
.about-hero-content h1 {font-size: 44px;margin-bottom: 0;}
.about-hero-content h2 {font-size: 30px;font-style: italic;}
.about-hero-content h3 {font-size: 18px;}
.about-hero-quote::before{content: '';width: 704px;height: 100%;position: absolute;left: -111px;top: 0;background: url("assets/images/about-hero-shape.png") no-repeat center right/auto 100%;}
.ah-quote-content{position: relative;z-index: 5;gap: 24px;min-height: 85px;padding: 10px 4px;padding-right: 25%;color: var(--tst-white);}
.ah-quote-icon{width: 61px;height: 39px;flex-shrink: 0;}
.ah-quote-icon img{width: 100%;height: 100%;object-fit: contain;}
.ah-quote-content blockquote{font-size: 18px;font-weight: 500;font-style: italic;letter-spacing: 0.02em;}


.about-mission-img {width: 100%;height: 100%;border-radius: 15px;overflow: hidden;}
.about-mission-img img {width: 100%;height: 100%;object-fit: cover;}
.about-mission-shapes {width: 100%;margin-bottom: 24px;}
.about-mission-shapes img {width: 100%;height: 100%;object-fit: contain;}
.about-mission-content {height: 100%;}
.about-mission-content h3 {font-size: 18px;margin-bottom: 2px;}
.about-mission-content h2 {font-size: 30px;}
.about-mission-content h4 {font-size: 18px;}


.about-podcast-content {padding: 105px 41px;height: 100%;color: var(--tst-white);}
.about-podcast-bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;border-radius: 15px;overflow: hidden;}
.about-podcast-bg img {width: 100%;height: 100%;object-fit: cover;}
.about-podcast-icon{width: 139px;height: 139px;padding: 10px;position: absolute;top: -52px;left: 30px;background: var(--tst-black);border-radius: 50%;overflow: hidden;}
.about-podcast-icon img {width: 100%;height: 100%;object-fit: contain;}
.about-podcast-inner h3{font-size: 18px;margin-bottom: 2px;}
.about-podcast-inner h2{font-size: 30px;}

.about-podcast-list{gap: 24px;}
.about-podcast-box{padding: 32px 34px 28px 38px;background-color: #f7f7f7;border-radius: 15px;overflow: hidden;z-index: 0;transition: all .2s ease-in;}
.about-podcast-box:hover{background-color: var(--tst-black);color: var(--tst-white);}
.about-podcast-box:hover .link::before{background: var(--tst-white);}
.about-podcast-box:hover .link::after{filter: brightness(0) invert(1);}
.apb-date{letter-spacing: 0.02em;margin-bottom: 8px;}
.apb-text{margin-bottom: 18px;}
.apb-text h3{font-size: 18px;}
.about-podcast-btn {font-size: 30px;font-weight: 600;line-height: 1.2;letter-spacing: 0.02em;gap: 18px;max-width: 150px;color: var(--tst-black);}
.about-podcast-btn:hover{color: var(--tst-black);}
.btn-arrow{width: 102px;height: 102px;transition: all 0.2s ease-in-out;}
.about-podcast-btn:hover .btn-arrow{transform:rotate(45deg);}


.about-vision-icon {width: 138px;height: auto;margin-bottom: 20px;}
.about-vision-icon img {width: 100%;height: 100%;object-fit: contain;}
.about-vision-content {height: 100%;padding-left: 8%;}
.about-vision-content h3 {font-size: 18px;margin-bottom: 2px;}
.about-vision-content h2 {font-size: 30px;}
.about-vision-content h4 {font-size: 18px;}
.about-vision-img {width: 100%;height: 100%;border-radius: 15px;overflow: hidden;}
.about-vision-img img {width: 100%;height: 100%;object-fit: cover;}
/* ============================== About End ====================================== */
/* ============================== PDA Start ====================================== */
.pda-hero-container{padding: 27px 0 0;}
.pda-hero-box{padding: 41px 25px 38px 38px;background-color: #f7f7f7;border-radius: 15px;overflow: hidden;}
.pda-hero-bg{width: 1101px;height: 612px;position: absolute;top: 0;left: -345px;}
.pda-hero-bg img{width: 100%;height: 100%;object-fit: contain;}
.pda-hero-left{width: 57.7%;padding: 0 10% 6px 0;}
.pda-hl-icon{width: 143px;height: 142px;margin-bottom: 33px;margin-left: 6px;}
.pda-hl-icon img{width: 100%;height: 100%;object-fit: cover;}
.pda-hl-text{margin-bottom: 48px;max-width: 450px;padding-left: 4px;}
.pda-hl-text h1{font-size: 30px;margin-bottom: 29px;}  
.pda-hero-right{width: 42.3%;}
.pda-hr-img-wrap{margin-bottom: 26px;height: 266px;}
.pda-hr-img{height: 100%;border-radius: 15px;overflow: hidden;}
.pda-hr-img img{width: 100%;height: 100%;object-fit: cover;}
.pda-hr-img:first-child{width: calc(40% - 4px);}
.pda-hr-img:last-child{width: calc(60% - 4px);}
.pda-hero-right h3{font-size: 18px;margin-bottom: 0;}
.pda-hero-right h2{font-size: 30px;margin-bottom: 2px;}


.blue-cta{height: 100%;padding: 100px 40px 82px;background: linear-gradient(320deg, #69bcff 0%, #209cff 100%);color: var(--tst-white);border-radius: 15px;z-index: 2;}
.blue-cta-bg{width: 809px;height: 453px;position: absolute;top: 0;right: -214px;}
.blue-cta-bg img{width: 100%;height: 100%;object-fit: contain;}
.blue-cta-text{max-width: 680px;font-size: 18px;margin-bottom: 56px;}
.blue-cta-text h3{font-size: 44px;margin-bottom: 10px;}
/* ============================== PDA End ====================================== */

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px){
.navbar{height:80px;}
body:not(.home){padding-top: 80px;}
.navbar-toggler{width:70px;height:60px;border-radius:0;text-decoration:none;padding:0;border:0;background:transparent;margin:0;position:absolute;right:0;top:50%;z-index:999;transform:translateY(-50%);}
.navbar-toggler:not([class="collapsed"]),.navbar-toggler:not([class="collapsed"]):focus,.navbar-toggler:not([class="collapsed"]):hover{background:transparent;box-shadow:none;}
.navbar-toggler.collapsed,.navbar-toggler.collapsed:focus,.navbar-toggler.collapsed:hover{background:transparent;}
.home .navbar-toggler.collapsed,.home .navbar-toggler.collapsed:focus,.home .navbar-toggler.collapsed:hover{background:transparent;}
.navbar-toggler .navbar-toggler-icon{position:relative;display:inline-block;width:30px;height:3px;color:#243238;text-indent:-55px;margin-top:0;background:transparent!important;transition:var(--tst-custom-ease);-webkit-transition:var(-tst--tst-custom-easee);vertical-align:middle;}
.navbar-toggler .navbar-toggler-icon:before,.navbar-toggler .navbar-toggler-icon:after{content:"";width:30px;height:3px;background: var(--tst-white);position:absolute;left:0;transition:var(--tst-custom-ease);}
.navbar-toggler.collapsed .navbar-toggler-icon{background:var(--tst-white)!important;}
body.fixed .navbar-toggler.collapsed .navbar-toggler-icon,
body:not(.home) .navbar-toggler.collapsed .navbar-toggler-icon{background: var(--tst-black)!important;}
.navbar-toggler.collapsed .navbar-toggler-icon:before,.navbar-toggler.collapsed .navbar-toggler-icon:after{background:var(--tst-white);}
.navbar-toggler.collapsed .navbar-toggler-icon:before{background:var(--tst-white);}
body.fixed .navbar-toggler.collapsed .navbar-toggler-icon:before,
body:not(.home) .navbar-toggler.collapsed .navbar-toggler-icon:before{background: var(--tst-black);}
.navbar-toggler.collapsed .navbar-toggler-icon:after{background:var(--tst-white);}
body.fixed .navbar-toggler.collapsed .navbar-toggler-icon:after,
body:not(.home) .navbar-toggler.collapsed .navbar-toggler-icon:after{background: var(--tst-black);}
.navbar-toggler.collapsed .navbar-toggler-icon:before{top:-10px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);}
.navbar-toggler .navbar-toggler-icon:before{top:0;-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg);}
.navbar-toggler.collapsed .navbar-toggler-icon:after{bottom:-10px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);}
.navbar-toggler .navbar-toggler-icon:after{bottom:0;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg);}
.navbar-collapse,.navbar-collapse.collapsing{width:100%;height: 100%;transform:translateX(100%);position:fixed;left:0;bottom: 0;top:0;background:var(--tst-black);padding:0;z-index:99;margin:0;padding-top: 80px;border:0;overflow-y:auto;display:block!important;transition:var(--tst-custom-ease);}
.navbar .collapse.show{transform:none;}
.navbar-inside{height:100%;padding:40px 0;overflow:hidden;overflow-y:auto;display:flex;flex-flow:column;align-items: center;}
.navbar-expand-xl .navbar-nav .nav-item{padding:0 20px;margin:0;transition:var(--tst-custom-ease);}
.navbar-expand-xl .navbar-nav .nav-item + .nav-item{margin-top:30px;}
.navbar-expand-xl .navbar-nav .nav-link{font-size:24px;line-height:1.3;padding:0;position:relative;color:var(--tst-white);text-align: center;}
.dropdown-menu{background:transparent;border:0;padding:20px 0;margin:0!important;}
.dropdown-item{padding:12px 20px 12px 30px;font-size:20px;line-height:1.4;font-weight:600;text-transform:uppercase;}
.dropdown-item:focus,.dropdown-item:hover,.dropdown-item.active{color:rgb(0 0 0 / 60%);background:transparent;}

.full-page-section .section-scroll-wrapper{left: auto;right: 20px;}

/* ============================== Home Start ====================================== */
.ri-left-box {padding: 30px 20px;}
.ri-right-box {overflow: hidden;padding-left: 140px;padding-right: 0;}
.ri-right{padding: 30px 0 30px 13px;}
.ri-item:not(:first-child):not(:last-child) .ri-box span:after {width: 120px;}
.ri-item:not(:first-child):not(:last-child) .ri-box span:before {right: calc(100% + 108px);}

.ctb-content {opacity: 1;visibility: visible;}

.join-conversation-left{width: 100%;text-align: center;margin-bottom: 60px;}
.jcc-left{width: 100%;}
.jcc-right{width: 100%;}
.join-conversation-right{width: 100%;padding-left: 0;}
/* ============================== Home End ====================================== */
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width: 991.98px) {
    /* ============================== Home Start ====================================== */
    .ri-left {width: 100%;}
    .ri-right {width: 100%;padding: 30px 0 10px;}
    .ri-right .ri-box {max-width: 100%;}
    .ri-item:not(:last-child) {padding-bottom: 30px;}
    .ri-img-box {max-width: 100%;}

    .story-matters-outer {padding: 40px 30px;}
    .sm-left {padding-right: 35px;}

    .client-type-item {width: 50%;}
    .client-type-item:nth-child(even) {margin-left: 0;}
    .client-type-box {padding: 36px 24px;}
    .ctb-content {max-width: 100%;}
    .ctb-img {right: -30px;bottom: -40px;width: 200px;height: 200px;}
    .client-type-img-item {position: relative;}
    .client-type-item.client-type-img-item {width: 100%;}
    .client-type-img-box {height: 311px;}

    .other-service-holder{padding: 40px;}
    .service-list{padding-right: 0;gap: 25px;}
    .other-service-left{padding-right: 0;}

    .podcast-upper-bg img{width: 100%;height: 100%;object-fit: cover;object-position: calc(100% + 100px);}
    .pu-left{padding: 20px 20px 20px 40px;}
    .pu-left-text{font-size: 20px;}
    .pu-left-text h2{font-size: 34px;}
    .pu-right-text{padding: 20px;}
    .pu-right-text h4{font-size: 22px;}
    .pu-right-text h4:after{width: calc(100% - 100px);}
    .podcast-item{width: 50%;}

    .black-cta{padding: 50px 25px;}
    .black-cta:before{height: 80px;}
    .black-cta:after{height: 40px;}

    .download-pdf-content{flex-flow: column-reverse;gap: 20px;}
    .download-pdf-left{width: 100%;}
    .download-pdf-right{width: 100%;}
    .download-pdf-right-img{padding-bottom: 70%;}

    .tech-challenge-left h2{font-size: 34px;}
    .tech-challenge-right{padding-left: 40px;}

    .join-conversation-content h2{font-size: 34px;}
    /* ============================== Home End ====================================== */
    /* ============================== About Start ====================================== */
    .about-hero-container{padding: 25px 0 0;}
    .about-hero-content-box {padding: 50px 30px 0;}
    .about-hero-img {mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%);}
    .about-hero-content h1 {font-size: 34px;}
    .about-hero-quote::before{width: calc(100% + 60px);left: -30px;background: linear-gradient(11deg, #209cff 0%, #69bcff 100%);}
    .ah-quote-content{padding: 10px 0;}

    .about-podcast-btn {max-width: 285px;}
    .about-podcast-btn:hover .btn-arrow{transform:rotate(45deg) translateX(-10px) translateY(10px);}
    /* ============================== About End ====================================== */
    .blue-cta{padding: 50px 25px;}
    .blue-cta-text{margin-bottom: 40px;}
    .blue-cta-text h3{font-size: 34px;}
}

/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width: 767.98px) {
    .heading h2{font-size:34px;}
    .home .content-container{padding: 30px 0;}
    .content-container{padding: 60px 0;}
    .full-page-section{min-height: auto;}
    .full-page-section .section-scroll-wrapper{display: none;}

    footer{padding: 80px 0 30px;}
    .footer-top{margin-bottom: 50px;}
    .footer-logo{max-width: 250px;}
    .footer-podcasts-box{max-width: 300px;}

    /* ============================== Home Start ====================================== */
    .hero-container{min-height: 100vh;padding: 100px 0 50px;}
    .hero-content h1{font-size: 35px;}
    .hero-cta{margin-top: 30px;}

    .research-intro-outer {padding: 20px;}
    .ri-left-box h2 {font-size: 25px;}
    .ri-right-box {padding-left: 50px;}
    .ri-right-box h3 {font-size: 25px;}
    .ri-item:not(:first-child):not(:last-child) .ri-box span:after {width: 27px;}
    .ri-item:not(:first-child):not(:last-child) .ri-box span:before {display: none;}

    .story-matters-outer {padding: 30px 20px;}
    .sm-left {width: 100%;padding-right: 0;}
    .sm-left-box h2 {font-size: 25px;margin-bottom: 20px;}
    .sm-left-img-box {min-width: 350px;margin-bottom: 16px;}
    .sm-right {width: 100%;min-width: auto;margin-top: 40px;}
    .sm-right-img {width: 120px;height: 120px;}
    .sm-right-box h3 {max-width: 100%;font-size: 25px;}

    .client-type-item {width: 100%;}
    .client-type-box {padding: 30px 20px;min-height: auto;}
    .client-type-box h3 {font-size: 20px;}
    .ctb-content{margin-bottom: 40px;}

    .featured-service-boc{padding: 30px;}
    .featured-service-content{flex-flow: column-reverse;}
    .fsb-left{width: 100%;margin-top: 30px;}
    .fsb-left-icon {width: 140px;height: 140px;}
    .fsb-left-text h3{font-size: 25px;}
    .fsb-left-text h6{font-size: 16px;}
    .fsb-right{width: 100%;padding-left: 0;}

    .other-service-holder{padding: 30px 20px;flex-wrap: wrap;}
    .other-service-left{width: 100%;}
    .other-service-left h2{max-width: 100%;font-size: 25px;}
    .other-service-left p{max-width: 100%;}
    .other-service-right{width: 100%;}
    .service-box-text h3{font-size: 25px;}

    .podcast-upper{padding: 20px;padding-bottom: 25%;gap: 30px;}
    .podcast-upper-bg{top: initial;bottom: 0;height: auto;mask-image: linear-gradient(to top, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);}
    .podcast-upper-bg img{object-position: bottom right;}
    .pu-left{width: 100%;max-width: 100%;padding: 0;}
    .pu-left-text h6{font-size: 16px;}
    .pu-left-text h2{font-size: 25px;}
    .pu-left-text h3{font-size: 18px;}
    .pu-right{width: 100%;max-width: 100%;}
    .pu-right-text{padding: 0;}
    .pu-right-text h4{font-size: 20px;}
    .pu-right-text h4::before, .pu-right-text h4::after{display: none;}
    .podcast-box{padding: 25px 20px;}
    .podcast-btn{font-size: 25px;}
    .btn-arrow{width: 80px;height: 80px;}

    .black-cta{min-height: 100%;}
    .black-cta-text h3{font-size: 25px;}

    .dpdf-left-top h3{font-size: 20px;}

    .tech-challenge-holder{padding: 30px 20px;}
    .tech-challenge-left{width: 100%;margin-bottom: 30px;}
    .tech-challenge-right{width: 100%;padding-left: 0;}
    .tech-challenge-box h3{font-size: 25px;}

    .join-conversation-holder{padding: 30px 20px;}
    .join-conversation-left{margin-bottom: 30px;}
    .jc-list{gap: 30px;}
    .jc-item{width: calc(50% - 15px);}
    .jc-icon{width: 60px;height: 60px;}
    .jc-box h3{font-size: 60px;}
    /* ============================== Home End ====================================== */
    /* ============================== About Start ====================================== */
    .about-hero-content h2 {font-size: 25px;}

    .about-mission-content {height: auto;margin-top: 30px;}
    .about-mission-content h2 {font-size: 25px;}
    .about-mission-shapes{max-width: 280px;}
    .about-mission-img {padding-bottom: 85%;height: auto;}
    .about-mission-img img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;}

    .about-podcast-content {padding: 80px 30px;}
    .about-podcast-icon{width: 100px;height: 100px;top: -40px;left: 30px;}
    .about-podcast-inner h2{font-size: 25px;}
    .about-podcast-box{padding: 30px;}
    .about-podcast-btn{font-size: 25px;}

    .about-vision-content{height: auto;padding-left: 0;margin-bottom: 30px;}
    .about-vision-content h2 {font-size: 25px;}
    .about-vision-icon{width: 100px;}
    .about-vision-img {padding-bottom: 85%;height: auto;}
    .about-vision-img img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
    /* ============================== About End ====================================== */
    .pda-hero-left{width: 100%;padding: 0;}
    .pda-hero-right{width: 100%;margin-top: 30px;}
}

/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width: 575.98px){
    /* ============================== Home Start ====================================== */
    .other-service-holder{padding: 25px;}

    .podcast-item{width: 100%;}

    .jc-icon{width: 46px;height: 46px;}
    .jc-box h3{font-size: 46px;}
    /* ============================== Home End ====================================== */
}