@font-face {
font-family: 'futurabold';
src: url(//teemieapp.com/wp-content/themes/teemie/fonts/futura_bold_font-webfont.woff2) format("woff2"), url(//teemieapp.com/wp-content/themes/teemie/fonts/futura_bold_font-webfont.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'futuraextra_black';
src: url(//teemieapp.com/wp-content/themes/teemie/fonts/futura_extra_black_font-webfont.woff2) format("woff2"), url(//teemieapp.com/wp-content/themes/teemie/fonts/futura_extra_black_font-webfont.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'futuramedium';
src: url(//teemieapp.com/wp-content/themes/teemie/fonts/futura_medium_bt-webfont.woff2) format("woff2"), url(//teemieapp.com/wp-content/themes/teemie/fonts/futura_medium_bt-webfont.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'futura_book_font-webfont';
src: url(//teemieapp.com/wp-content/themes/teemie/fonts/futura_book_font-webfont.woff2) format("woff2"), url(//teemieapp.com/wp-content/themes/teemie/fonts/futura_book_font-webfont.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Avenir LT Std';
src: url(//teemieapp.com/wp-content/themes/teemie/fonts/AvenirLTStd-Black.woff2) format("woff2"), url(//teemieapp.com/wp-content/themes/teemie/fonts/AvenirLTStd-Black.woff) format("woff");
font-weight: 900;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Avenir LT Std';
src: url(//teemieapp.com/wp-content/themes/teemie/fonts/AvenirLTStd-Book.woff2) format("woff2"), url(//teemieapp.com/wp-content/themes/teemie/fonts/AvenirLTStd-Book.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap; }
* {
box-sizing: border-box; }
.pricing2page {
font-family: 'Avenir LT Std';
font-size: 22px;
line-height: 31px;
color: #717171; }
@media (max-width: 767px) {
.pricing2page {
font-size: 17px;
line-height: 26px; } }
.pricing2page .container {
padding: 0 15px;
max-width: 1360px;
margin: 0 auto; }
@media (max-width: 767px) {
.pricing2page .container {
max-width: inherit; } }
.pricing2page .mb100 {
margin-bottom: 100px; }
@media (max-width: 767px) {
.pricing2page .mb100 {
margin-bottom: 50px; } }
.pricing2page p, .pricing2page ul {
margin: 0 0 30px; }
.pricing2page h1, .pricing2page h2, .pricing2page h3, .pricing2page h4, .pricing2page h5, .pricing2page h6 {
font-family: 'Futura-CondensedExtraBold';
color: #00CDAC;
text-transform: uppercase; }
.pricing2page a {
transition: 0.5s;
-webkit-transition: 0.5s;
text-decoration: none; }
.pricing2page .pricebtn {
display: inline-block;
padding: 18px 70px;
border-radius: 2px;
font-weight: 900;
font-size: 15px;
text-transform: uppercase;
line-height: 18px;
color: #fff;
background: linear-gradient(to right bottom, #fed9a4 20%, #eb6a66 100%);
border: none; }
.pricing2page .pricebtn:hover {
background: linear-gradient(to left top, #fed9a4 20%, #eb6a66 100%); }
.pricing2page .startbtn {
display: inline-block;
padding: 18px 30px;
border-radius: 2px;
font-size: 15px;
text-transform: uppercase;
line-height: 18px;
color: #fff;
background: linear-gradient(135deg, #FFDEA7 0%, #EA6362 100%);
border: none; }
.panel-2 a.pricebtn{ margin-top:61px;}
@media (max-width: 767px) {
.pricing2page .startbtn {
padding: 15px 50px; } }
.pricing2page .startbtn:hover {
background: #595959; }
.pricing2page .pricing2head {
text-align: center;
padding:100px 0 60px 0;
background: url(//teemieapp.com/wp-content/themes/teemie/images/whitebgdekstop.png) no-repeat 0 0;
background-size: cover; }
.pricing2page .pricing2head h2 {
font-size: 36px;
line-height: 46px;
margin: 0 0 30px; }
@media (max-width: 767px) {
.pricing2page .pricing2head h2 {
font-size: 30px;
line-height: 40px;
margin: 0 0 25px; } }
.pricing2page .pricing2head p {
max-width: 80%;
margin: 0 auto; }
@media (max-width: 767px) {
.pricing2page .pricing2head p {
max-width: 100%; } }
.pricing2page .pricingcalPanel {
background: #F9F9F9;
padding: 50px 30px;
border-radius: 10px;
display: flex;
justify-content: space-between; }
@media (max-width: 1023px) {
.pricing2page .pricingcalPanel {
flex-wrap: wrap; } }
@media (max-width: 767px) {
.pricing2page .pricingcalPanel {
padding: 25px 20px; } }
.pricing2page .pricingcalPanel .caldiv {
padding: 0 20px;
width: 33%;
text-align: center; }
.pricing2page .pricingcalPanel .caldiv:last-child {
width: 38%; }
@media (max-width: 1023px) {
.pricing2page .pricingcalPanel .caldiv:last-child {
width: 100%;
margin: 0; } }
@media (max-width: 1023px) {
.pricing2page .pricingcalPanel .caldiv {
width: 100%;
margin: 0 0 25px; } }
@media (max-width: 767px) {
.pricing2page .pricingcalPanel .caldiv {
padding: 0 5px; } }
.pricing2page .pricingcalPanel .caldiv h3 {
font-size: 22px;
line-height: 30px;
margin: 0 0 40px;
color: #31CCBC;
text-transform: uppercase;
font-family: 'Futura-Bold'; }
@media (max-width: 767px) {
.pricing2page .pricingcalPanel .caldiv h3 {
margin: 0 0 25px; } }
.pricing2page .pricingcalPanel .caldiv ul {
text-align: left;
list-style: none;
margin: 0;
padding: 0;
font-size: 15px;
line-height: 18px; }
.pricing2page .pricingcalPanel .caldiv ul li {
position: relative;
padding-left: 25px;
margin: 0 0 27px; }
.pricing2page .pricingcalPanel .caldiv ul li:before {
position: absolute;
content: "";
width: 22px;
height: 17px;
background: url(//teemieapp.com/wp-content/themes/teemie/images/tick.png) no-repeat 0 0;
background-size: 16px;
left: 0;
top: 7px; }
.pricing2page .pricingcalPanel .caldiv .ma {
display: flex;
justify-content: center;
align-items: center;
margin: 0 0 30px; }
.pricing2page .pricingcalPanel .caldiv .ma .rdo {
line-height: 0; display: flex;  align-items: center; }
.pricing2page .pricingcalPanel .caldiv .ma span {
display: inline-block;
text-transform: capitalize;
font-weight: 900;
margin: 0 5px; } 
.pricing2page .pricingcalPanel .caldiv .ma .rdo input[type="checkbox"]~ span:nth-child(3){  order: 1;}
.pricing2page .pricingcalPanel .caldiv .ma .rdo input[type="checkbox"]~ span:nth-child(4){  order: 4; 
position: relative; 
}
.pricing2page .pricingcalPanel .caldiv .ma .rdo input[type="checkbox"]~ span:nth-child(3) b{ opacity: 1;}
.pricing2page .pricingcalPanel .caldiv .ma .rdo input[type="checkbox"]~ span:nth-child(4) b{opacity: 0.17;}
.pricing2page .pricingcalPanel .caldiv .ma .rdo input[type="checkbox"]~ span:nth-child(4) .discunt{text-transform: capitalize;
text-transform: capitalize;
color: #31CCBC;
font-family: 'futuramedium';
left: 0;
width: 200px;
text-align: left;
position: absolute;
left: 0;
top: 25px;
opacity: 1;
display: block;
font-size: 17px;
height: 20px;
margin: 0;
}
.pricing2page .pricingcalPanel .caldiv .ma .rdo input[type="checkbox"]:checked~ span:nth-child(3) b{ opacity: 0.17;}
.pricing2page .pricingcalPanel .caldiv .ma .rdo input[type="checkbox"]:checked~ span:nth-child(4) b{opacity: 1;}
.pricing2page .pricingcalPanel .caldiv .ma input[type="checkbox"] {
order: 2;
display: none; }
.pricing2page .pricingcalPanel .caldiv .ma input[type="checkbox"] + label {
order: 3;
display: inline-block;
width: 60px;
height: 30px;
border-radius: 30px;
background: #31CCBC;
position: relative;
cursor: pointer;
margin: 0 10px; }
.pricing2page .pricingcalPanel .caldiv .ma input[type="checkbox"] + label:before {
position: absolute;
left: 5px;
top: 5px;
border-radius: 50%;
width: 20px;
height: 20px;
background: #fff;
content: "";
transition: 0.5s; }
.pricing2page .pricingcalPanel .caldiv .ma input[type="checkbox"]:checked + label:before {
left: calc(100% - 25px); }
.pricing2page .pricingcalPanel .caldiv .img {
margin: 0 0 30px;
display: block; }
.pricing2page .pricingcalPanel .caldiv .price {
display: block;
font-weight: 900;
font-size: 25px;
color: #595959;
margin: 0 0 30px; }
.pricing2page .pricingcalPanel .caldiv .price strong {
display: inline-block; }
.pricing2page .pricingcalPanel .caldiv .teamlist {margin: 0 0 25px; text-align:center;}
@media (max-width: 1023px) {
.pricing2page .pricingcalPanel .caldiv .teamlist {
text-align: center; } }
.pricing2page .pricingcalPanel .caldiv .teamlist li {
display: inline-block;
vertical-align: middle;
padding: 0;
margin: 0 2px; }
@media (max-width: 767px) {
.pricing2page .pricingcalPanel .caldiv .teamlist li {
margin: 0; } }
.pricing2page .pricingcalPanel .caldiv .teamlist li:before {
display: none; }
.pricing2page .pricingcalPanel .caldiv .teamlist li a {
display: block;
width: 55px;
height: 55px;
background: #fff;
font-size: 30px;
padding: 10px 5px;
line-height: 36px;
font-weight: 900;
color: #595959;
border-radius: 5px;
text-align: center; }
.pricing2page .pricingcalPanel .caldiv .teamlist li a:hover,.pricing2page .pricingcalPanel .caldiv .teamlist li a.selected {
background: #31CCBC;
color: #fff; }
@media (max-width: 1200px) {
.pricing2page .pricingcalPanel .caldiv .teamlist li a {
width: 42px;
height: 42px;
font-size: 25px;
padding: 5px 5px; } }
@media (max-width: 767px) {
.pricing2page .pricingcalPanel .caldiv .teamlist li a {
width: 38px;
height: 38px;
font-size: 20px;
padding: 2px 5px; } }
.pricing2page .pricingcalPanel .caldiv .or {
display: block;
margin: 0 0 15px;
font-weight: 900;
color: #31CCBC;
text-transform: uppercase; }
.pricing2page .pricingcalPanel .caldiv .teamsize {
font-size: 15px;
line-height: 20px; }
.pricing2page .pricingcalPanel .caldiv .teamsize label {
display: block;
margin: 0 0 15px; }
.pricing2page .pricingcalPanel .caldiv .teamsize input {
padding: 10px;
border-radius: 10px;
background: #fff;
font-size: 25px;
font-weight: 900;
text-align: center;
background: #ffff;
border: none;
width: 150px; }
.pricing2page .pricingcalPanel .caldiv .teamsize {
}
.pricing2page .pricingcalPanel .caldiv .teamsize ::-webkit-input-placeholder { color: #9B9B9B; opacity: .32;
}
.pricing2page .pricingcalPanel .caldiv .teamsize :-ms-input-placeholder { color: #9B9B9B; opacity: .32;
}
.pricing2page .pricingcalPanel .caldiv .teamsize ::placeholder {
color: #9B9B9B; opacity: .32;
}
.pricing2page .pricingimgparapanel {
color: #fff;
padding:90px 30px 80px 30px;
border-radius: 10px;
text-align: center;
position: relative; }
@media (max-width: 767px) {
.pricing2page .pricingimgparapanel {
padding: 25px 20px; } }
.pricing2page .pricingimgparapanel:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
border-radius: 10px; }
.pricing2page .pricingimgparapanel.bg1 {
background: url(//teemieapp.com/wp-content/themes/teemie/images/bg1.png) no-repeat 0 0;
background-size: cover; }
.pricing2page .pricingimgparapanel.bg2 {
background: url(//teemieapp.com/wp-content/themes/teemie/images/bg2.png) no-repeat 0 0;
background-size: cover; }
.pricing2page .pricingimgparapanel > div {
max-width: 70%;
margin: 0 auto;
position: relative;
z-index: 1; }
@media (max-width: 767px) {
.pricing2page .pricingimgparapanel > div {
max-width: 100%; } }
.pricing2page .pricingimgparapanel h3 {
font-family: 'Futura-Bold';
color: #fff;
text-transform: uppercase;
font-size: 32px;
line-height: 42px;
margin: 0 0 30px; }
.pricing2page .pricingimgparapanel ul {
list-style: none;
padding: 0; }*, html {
-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;
}
.footer a:visited{
color: white !important;
}
body {
font-family: "Poppins", sans-serif;
}
.adhd-top-video {
width: 100%;
height: 100%;
max-width: 1034px;
max-height: 543px;
margin: 0 auto;
}
.adhd-top-video .adhd-top-video2 {
position: relative;
padding-top: 25px;
padding-bottom: 68%;
height: 0;
}
.adhd-top-video .wrapper{
box-sizing: border-box;
background: url(https://teemieapp.com/wp-content/uploads/2025/04/macbookproframe.png) center center no-repeat;
background-size: contain;
padding: 7.6% 10.6% 13%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.adhd-top-video .wrapper, .adhd-top-video img, .adhd-top-video video{
width: 100%;
height: 100%;
object-fit: cover !important;
border-radius: 7px 7px 0 0 ;
overflow: hidden;
}
.wrapper::before {
content: "";
width: 65px;
height: 14px;
background: black;
position: absolute;
border-radius: 0 0 4px 4px;
left: 50%;
transform: translateX(-50%);
z-index: 1;
} .wrapper-bottom::before {
content: "";
width: 135px;
height: 20px;
background: black;
position: absolute;
border-radius: 0 0 10px 10px;
left: 50%;
transform: translateX(-50%);
z-index: 1;
} .adhd-bottom-video .adhd-bottom-video2 {
position: relative;
padding-top: 25px; height: 0;
padding-bottom: 561px; } .adhd-bottom-video .wrapper-bottom {
background: url(https://teemieapp.com/wp-content/uploads/2025/04/mobileframe.png) center center no-repeat;
background-size: contain;
padding: 16px 53px 16px 53px; position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 360px; height: 561px;
box-sizing: border-box;
} .adhd-bottom-video video {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 25px; }
#video-play-button-mobile {
position: absolute;
right: 43%;
top: 37%;
}
.new-homepage-heading-video-sectionn{
position: relative;
}
.navbar-custom {
background: rgba(0, 186, 181, 0.9);
}
.hero-section-edit {
background: #03B1B9;
color: white;
margin: 100px 0 0;
}
.hero-section-edit .gradient-btn {
font-family: "Poppins", sans-serif;
background: linear-gradient(135deg, #FFDEA7 0%, #EA6362 100%);
box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.20);
border: none;
padding:10px  20px 8.96px 10px;
color: white;
font-weight: 800;
border-radius: 34px;
text-transform: uppercase;
display: flex;
font-size: 16.75px;
line-height: normal;
font-style: normal;
text-align: center;
}
.hero-section-edit .gradient-btn .btn-text {
padding-left: 10.95px;
}
.hero-section-edit .heading-edit {
font-size: 44px;
letter-spacing: 0.1px;
font-weight: 900;
line-height: 66px;
text-align: start;
font-family: "Poppins", sans-serif;
}
.hero-section-edit .sub-heading-edit {
text-align: start;
font-weight: 400;
font-size: 24px;
line-height: 34px;
letter-spacing: 0.1px;
max-width: 590px
}
button.gradient-btn {
align-items: center;
}
.hero-banner-img{
position: relative;
}
img.img-banner {
height: 100%;
width: 100%;
object-fit: contain;
object-position: bottom;
} 
.hero-text-edit {
padding-left: 62px;
padding-bottom: 150px;
}
.swiper-container{
height: 100vh;
width: 100%;
overflow: hidden;
position: relative;
}
.swiper-wrapper,
.swiper-slide {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-vertical {
left: 30px;
top: 51%;
right: unset;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: white !important;
}
.swiper-slide {
display: flex;
align-items: center;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.new-swiper-container{
height: 820px;
width: 100%;
overflow: hidden;
position: relative;
}
.new-swiper-wrapper,
.new-swiper-slide {
width: 100%;
height: 100%;
}
.new-swiper-slide {
text-align: center;
font-size: 18px;
background: transparent;
display: flex;
justify-content: center;
align-items: center;
}
.new-swiper-pagination-bullet-active {
opacity: 1;
background: black !important;
}
.new-swiper-pagination.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-vertical {
left: unset;
right: 30px;
top: 47%;
}
.new-edit-slider .swiper-pagination-bullet{  background: #31CCBC !important;
}
horizontal-swiper-container {
padding: 60px 0;
}
.horizontal-swiper-slide:nth-child(2n) {
background: #f7f3f0;
color: #000;
}
.swiper-slide img { object-fit: contain;
}
ul{
margin-left:0;
}
.teemie-popup {
position: absolute;
background: #fff;
color: #333;
padding: 12px 18px;
border-radius: 12px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
font-size: 15px;
font-weight: 500;
animation: shake-circle 5s linear infinite;
z-index: 1000;
align-items: center;
box-shadow: 0px 3.6px 18px 0px rgba(0, 0, 0, 0.12);
background: #FFF;
font-feature-settings: 'ss02' on, 'liga' off;
font-style: normal;
} .popup-1 {
top: -45px;
left: 100px;
display: inline-flex;
padding: 9px 23.4px 8.2px 16px;
gap: 6.4px;
border-radius: 180px;
font-size: 14.4px;
font-style: normal;
font-weight: 600;
line-height: 21.6px;
letter-spacing: -0.288px;
max-width: 275px;
}
.popup-2 {
top: 40%;
right: 20px;
width: 226.5px;
padding: 9px 10.598px 9px 11.5px;
justify-content: center;
align-items: center;
gap: 10.602px;
display: flex;
border-radius: 14.4px;
font-size: 13px;
font-weight: 600;
line-height: 21.6px;
}
.popup-3 {
top: calc(50% + 39px);
left: -110px;
display: inline-flex;
padding: 2px 17px 5px 17px;
justify-content: center;
align-items: flex-start;
gap: 8.035px;
border-radius: 9.365px;
font-size: 10.535px;
font-weight: 700;
line-height: 14.047px;
letter-spacing: -0.211px;
color: var(--Contrast, #EC6E68);
} .teemie-popup .avatar {
width: 40px;
height: 40px;
border-radius: 50%;
object-fit: cover;
}
.popup-3 .avatar{
width: auto;
} @keyframes shake {
0% { transform: translateX(0); }
20% { transform: translateX(-3px); }
40% { transform: translateX(3px); }
60% { transform: translateX(-3px); }
80% { transform: translateX(3px); }
100% { transform: translateX(0); }
}
.customer-statistic-block {
background: linear-gradient(0deg, rgba(49, 204, 188, 0.92), rgba(49, 204, 188, 0.92)), url(https://teemieapp.com/wp-content/uploads/2020/08/benefit_list_background_desktop.png);
}
.customer-statistic-block .customer-statistic-section-content .customer-left-side .customer-info{
bottom: -6px !important;
}
.desk-temmi-text {
position: absolute;
top: 75%;
color: #31CCBC;
font-family: Poppins;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.333px;
}
section.gallery-section {
padding: 270px 100px 386px 100px;
}
.card-img-top-wrapper .author {
position: absolute;
bottom: 35px;
padding-left: 4.5px;
}
.card-img-top-wrapper {
position: relative;
}
.card-img-top-wrapper .author-text{
color: #FFF;
font-size: 16.2px;
font-style: normal;
font-weight: 800;
line-height: normal;
letter-spacing: -0.146px;
}
.card-img-top-wrapper {
padding: 20px 13px 30px 13px;
}
section.section-news {
padding: 200px 85px 200px 85px;
}
.card-img-top-wrapper .author img {
width: 42px;
height: 42px;
border-radius: 20px;
}
.section-news .news-title{
color: #62D4E1;
font-size: 34px;
font-style: normal;
font-weight: 900;
line-height: normal;
letter-spacing: -0.633px;
text-transform: uppercase;
padding-bottom: 13px;
font-family: "Poppins", sans-serif;
}
.section-news .card-text {
color: #4E4E4E;
font-size: 20.1px;
font-style: normal;
font-weight: 700;
letter-spacing: -0.177px;
font-family: "Poppins", sans-serif;
font-weight: 800;
font-size: 21.1px;
line-height: 37px;
display: -webkit-box;
-webkit-line-clamp: 4; -webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.section-news .read-link {
color: #317CCC !important;
font-size: 16.2px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.854px;
text-transform: uppercase;
}
.shadow-sm {
border-radius: 6.5px;
background: #FFF;
box-shadow: 4px 7px 29px 0px rgba(0, 0, 0, 0.17);
}
.choice-text {
font-family: "Poppins", sans-serif;
color: #FFF;
font-size: 36.5px;
font-style: normal;
font-weight: 900;
line-height: normal;
letter-spacing: -0.73px;
margin: 0;
max-width: 610px;
width: 100%;
}
.points-heading {
color: #FFF;
font-size: 21px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -1.167px;
margin-top: -4px;
margin-bottom: 25px;
font-family: "Poppins", sans-serif;
}
.btn-warning{
color: #FFF;
text-align: center;
font-family: "Poppins", sans-serif;
font-size: 16.75px;
font-style: normal;
font-weight: 800;
line-height: normal;
padding: 16px 41px 16px 41px;
box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.20);
}
.choice-section{
margin-top: 330px;
background-image: url(https://teemieapp.com/wp-content/uploads/2025/04/choice-back-img-0.png);
background-size: cover;
background-repeat: no-repeat; padding: 150px 10px 150px 65px;
}
.choice-image{
height: 560px;
width: 100%;
}
.choice-image img{
height: 100%;
width: 100%;
}
.swiper.teamSwiper{
width: 100%;
height: 100%;
padding-top: 200px;
}
.teamSwiper .swiper-wrapper
{
height: auto;
}
.teamSwiper .swiper-slide{
text-align: center;
font-size: 18px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
border-radius: 37.13px;
background:#F8F4F0;;
text-align: left;
padding: 38px 30px 0;
transition: transform .35s ease-in-out;
}
.teamSwiper .swiper-slide:nth-child(even){
background:#31CCBC;
}
.teamSwiper .swiper-slide-desc
{
height: 610px;
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.slider-desc-top{
align-self: start;
}
.teamSwiper .slide-img-wrapper{
margin-top: 52px;
align-self: end;
}
.teamSwiper .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.teamSwiper h3{
color: #4A4A4A;
font-family: "Poppins", sans-serif;
font-size: 26.136px;
font-style: normal;
font-weight: 800;
line-height: normal;
letter-spacing: -1.452px;
}
.teamSwiper .swiper-slide:nth-child(even) h3{
color: #FFF;
}
.teamSwiper p{
color: #4A4A4A;
font-family: "Poppins", sans-serif;
font-size: 20.4px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -1.452px;
margin: 0;
}
.teamSwiper .swiper-slide:nth-child(even) p{
color: #fff;
}
.customer-statistic-block .customer-statistic-section-content .customer-left-side .customer-image img
{
max-height: unset;
}
.list-unstyled{
margin: 50px 0 0;
}
.choice-section .btn{
margin-top: 32px;
}
.team-img{
height: 100%;
object-fit: cover;
}
.new-edit-slider{
padding: 120px 0 0;
}
.new-swiper-container.swiper{
z-index: 9;
}
.new-edit-slider .heading-display-slider {
color: #62D4E1;
font-size: 35px;
font-style: normal;
font-weight: 800;
line-height: normal;
letter-spacing: -0.633px;
text-transform: uppercase;
padding: 30px 0;
font-family: "Poppins", sans-serif;
}
.new-edit-slider .lead-1 {
color: #4A4A4A;
font-family: "Poppins", sans-serif;
font-size: 23px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -1.167px;
}
.indiv-box {
margin-bottom: 32px;
}
.espresso-cup {
position: absolute;
left: 150px;
opacity: 0.03;
z-index: 9;
}
.jumper-img {
position: absolute;
right: 10%;
opacity: 0.03;
top: 6%;
}
.coffee-img {
position: absolute;
opacity: 0.01;
right: 11%;
width: 149.25px;
bottom: 23%;
}
.healthy-img {
position: absolute;
opacity: 0.01;
width: 179px;
left: 45%;
top: 23%;
}
.barber-img {
position: absolute;
opacity: 0.01;
width: 153px;
bottom: -5%;
left: 22%;
}
.swiper.teamSwiper .Maintenance-img {
position: absolute;
opacity: 0.03;
bottom: 86%;
left: 44%;
width: 176px;
height: 176px;
}
.gallery-section{
position: relative;
}
.gallery-section .healthy-img {
position: absolute;
opacity: 0.03;
width: 179px;
left: 45%;
top: -18px;
}
.gallery-section .Maintenance-img {
position: absolute;
opacity: 0.03;
bottom: 16%;
left: 53%;
width: 156px;
}
.section-text-back .healthy-img {
position: absolute;
opacity: 0.03;
width: 179px;
left: 30%;
top: 48%;
}
.section-text-back .coffee-img {
position: absolute;
opacity: 0.03;
right: 21%;
width: 149.25px;
bottom: 30%;
}
.btn:hover{
color: #fff !important;
}
footer{
width: 100%;
margin:0;
padding: 130px 456px 30px 65px;
}
.footer-btn {
font-family: "Poppins", sans-serif;
background: linear-gradient(135deg, #FFDEA7 0%, #EA6362 100%) !important;
box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.20);
border: none;
padding:10px  20px 8.96px 10px;
color: white;
font-weight: 800;
border-radius: 34px;
text-transform: uppercase;
font-size: 16.75px;
line-height: normal;
font-style: normal;
text-align: center;
}
.footer .link-text a {
font-family: "Poppins", sans-serif !important;
font-style: normal;
font-weight: 300;
line-height: 160%;
letter-spacing: -0.2px;
text-transform: capitalize;
font-size: 20px;
word-wrap: break-word;
white-space: nowrap;
}
.footer a:hover, a:focus, a:active{
color: #fff !important;
}
.footer .small {
margin: 90px 0 0;
color: #FFF;
font-family: Poppins;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.667px;
}
.vertical-slider-vertical .fw-bold {
font-family: "Poppins", sans-serif;
font-weight: 900;
font-size: 38px;
line-height: 57px;
letter-spacing: 0.37px;
margin-bottom: 26px;
padding-top: 86px;
}
.vertical-slider-vertical .lead {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 39px;
letter-spacing: 0.83px;
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 12px !important;
width: 10px !important;
height:10px !important;
}
.vertical-slider-vertical {
padding: 20px 27px 20px 96px;
}
.vertical-slider-text1{
margin-bottom: 123px;
}
.order-slider {
margin-bottom: 14%;
}
section.logo-images-section img {
width: 160.2px;
height: 67.5px;
object-fit: contain;
}
section.logo-images-section {
padding: 100px 0 100px 0;
} .testimonial-swiper .swiper-slide {
background: transparent;
}
.testimonial-swiper.swiper{
padding: 70px 0;
overflow-x: clip;
overflow-y: visible;
}
.scroll-statistic-block {
background: linear-gradient(0deg, rgba(49, 204, 188, 0.92), rgba(49, 204, 188, 0.92)),
url(https://teemieapp.com/wp-content/uploads/2020/08/benefit_list_background_mobile.png);
background-size: cover;
padding: 60px 20px;
}
.video-wrapper{
height: 100%;
width: 100%;
position: relative;
}
img.card-img-top.wp-post-image {
height: 200px;
object-fit: cover;
}
@media screen and (max-width: 400px){
.adhd-top-video .adhd-top-video2{
padding-top: 28px;
padding-bottom: 63.7% !important;
} }
@media screen and (min-width: 1000px) {
.scroll-statistic-block {
background: linear-gradient(0deg, rgba(49, 204, 188, 0.92), rgba(49, 204, 188, 0.92)),
url(https://teemieapp.com/wp-content/uploads/2020/08/benefit_list_background_desktop.png);
}
}
.scroll-statistic-content {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 26px;
}
.scroll-left-side {
flex: 1 1 40%;
color: white;
text-align: center;
margin-bottom: 30px;
position: relative;
}
.scroll-info {
margin-top: 50%;
text-align:left;
}
.scroll-name {
font-size: 24px;
font-weight: bold;
}
.scroll-title {
font-size: 16px;
margin-bottom:10px
}
.scroll-panel {
flex: 1 1 50%;
background: #fff;
padding:30px 30px 30px 38px;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
text-align: left;
}
.scroll-statistics {
margin-top: 20px;
}
p.scroll-text {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 31px;
letter-spacing: -0.89px;
}
.scroll-stat {
margin-bottom: 25px;
}
.scroll-name {
font-family: "Poppins", sans-serif;
font-weight: 700;
font-size: 23px;
line-height: 100%;
letter-spacing: -0.28px;
margin-bottom: 9px;
}
.scroll-title {
margin-bottom: 24px;
font-family: Poppins;
font-weight: 400;
font-size: 19px;
line-height: 100%;
letter-spacing: -0.06px;
}
.scroll-stat-label {
font-weight: 600;
font-size: 14px;
margin-bottom: 6px;
display: flex;
justify-content: space-between;
}
.scroll-bar {
overflow: hidden;
width: 100%;
background-color: #E5E5E5;
border-radius: 0 10px 10px 0;
height: 40px;
}
.teemie-text {
margin-top: 87px;
color: #31CCBC;
font-family: "Poppins", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -0.667px;
}
.scroll-bar-fill {
height: 100%;
width: 0%;
background-color: #00b8a9;
position: relative;
transition: width 1.5s ease-in-out;
}
.scroll-stat-label {
font-family: "poppins", sans-serif;
font-size: 13px;
color: #31CCBC;
margin: 13px 0 8px;
text-transform: uppercase;
letter-spacing: -0.7px;
font-weight: 800px;
}
.scroll-testimonial {
width: 50%;
margin-right: 48px;
color:black;
}
p.teemie-text {
margin-top: 70%;
}
p.scroll-text-1 {
font-family:"poppins", sans-serif;
font-weight: 800;
font-size: 17px;
letter-spacing: 0.11px;
margin-top: 23px;
}
.scroll-mini-logo {
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
height: 20px;
}
.scroll-image {
position: absolute;
width: 100%;
text-align: center;
top: -310px;
left: 0;
right: 0;
margin: auto;
}
header#masthead nav#site-navigation .menu-toggle{
color: white;
} @media screen and (max-width: 1900px)and (min-width: 1400px){
.hero-banner-img{
padding-top: 96px !important;
}
.popup-1{
top: 45px;
}
.popup-2{
top: 47%;
}
.popup-3{
top: calc(50% + 88px);
}
header#masthead .header-content{
max-width: unset;
padding: 0 58px;
}
}
@media screen and (max-width: 1400px) and (min-width: 1200px){
.hero-section-edit .heading-edit {
font-size: 35px;
}
}
@media screen and (max-width: 1199px)  and (min-width: 992px){
.adhd-top-video .wrapper{
padding: 8% 10.6% 13%;
}
.adhd-bottom-video .wrapper-bottom{
padding: 16px 23px 16px 23px;
}
}
@media screen and (max-width: 991px)  and (min-width: 768px){
.adhd-top-video .wrapper{
padding: 8.5% 10.6% 13%;
}
.adhd-bottom-video .wrapper-bottom{
height: 435px;
}
.adhd-bottom-video .wrapper-bottom{
padding: 16px 11px 16px 11px;
}
}
@media screen and (max-width: 576px) and (min-width:400px){
.adhd-top-video .adhd-top-video2{
padding-bottom: 67.2%;
padding-top: 20px;
}
.adhd-top-video .wrapper, .adhd-top-video img, .adhd-top-video video{
border-radius: 4px 4px 0 0;
}
}
@media screen and (max-width: 1200px){
.footer-img-last{
display: none;
}
footer{
padding: 100px 15px 30px 65px;
}
.popup-1{
top: -51px;
}
.popup-3{
top: calc(50% + 27px);
}
.hero-section-edit .heading-edit{
line-height: 55px;
}
.hero-section-edit .sub-heading-edit{
font-size: 21px;
}
.hero-text-edit{
padding-bottom:70px;
padding-left: 26px;
}
.section-house{
display: none !important;
}
}
@media screen and (min-width: 1200px){
.teamSwiper .swiper-slide:hover{
transform: scale(1.09);
}
}
@media screen and (max-width: 1199px) and (min-width: 768px){
.hero-section-edit .heading-edit{
text-align: center;
}
.hero-section-edit .sub-heading-edit{
text-align: center;
margin: auto;
padding-bottom:30px
}
.hero-section-edit .gradient-btn{
margin: auto;
text-align: center;
}
}
@media screen and (max-width: 992px){
.teemie-popup{
display: none;
}
.scroll-info {
margin-top: 71%;
}
.vertical-slider-vertical .fw-bold {
font-family: "Poppins", sans-serif;
font-weight: 900;
font-size: 20px;
line-height: 1.7;
letter-spacing: 0.37px;
margin-bottom: 12px;
}
.vertical-slider-vertical .lead {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 1.7;
letter-spacing: 0.83px;
}
.vertical-slider-text1{
margin: 0;
}
.choice-section{
padding: 150px 65px;
}
.choice-text{
padding-top: 70px;
}
.wrapper-bottom::before
{
width: 103px;
height: 15px;
}
}
@media screen and (max-width: 1200px)and (min-width: 992px){
.popup-1 {
top: -49px;
left: 21%;
}
.popup-3 {
top: calc(50% + 74px);
left: -1%;
}
}
@media screen and (max-width: 767px){
.espresso-cup{
display: none;
}
.jumper-img{
display: none;
}
.swiper.teamSwiper{
padding-top: 132px;
}
.hero-section-edit .sub-heading-edit{
display: none;
}
.hero-section-edit .heading-edit{
font-size: 32px;
}
.hero-section-edit .gradient-btn img {
display: none;
}
section.gallery-section{
padding-left:4px !important;
padding-right: 4px !important;
}
.section-news{
display: none;
}
.scroll-statistic-block{
display: none;
}
.testimonial-section-house{
display: none;
}
.logo-images-section{
display: none;
}
.footer-last-img{
display: none !important;
}
.link-text{
width: 33%;
}
.footer .link-text a{
font-size: 14px;
}
.footer .link-text a{
padding-bottom: 30px;
}
header#masthead .site-branding {
text-align: left;
padding: 15px 0 0 13px;
}
.teamSwiper .slide-img-wrapper{
height: 325px !important;
width: 100%;
text-align: center;
}
.teamSwiper .swiper-slide-desc{
height: unset;
}
footer{
padding: 100px 15px 30px 15px;
}
header#masthead.transparent-header{
padding-top: 0;
}
section.choice-section .choice-image{
display: none;
}
section.new-edit-slider{
padding-top: 74px;
}
.order-slider {
order: -1;
padding: 0 35px 0 35px;
}
.new-edit-slider .heading-display-slider{
font-size: 30px;
padding-bottom: 20px;
}
.new-edit-slider .lead-1{
font-size: 19px;
}
.vertical-slider-vertical .fw-bold {
font-size: 30px;
font-style: normal;
font-weight: 900;
line-height: normal;
padding-bottom: 8px; font-family: "Poppins", sans-serif;
padding: 52px;
}
.points-heading {
color: #FFF;
font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -1.167px;
margin-top: -4px;
margin-bottom: 20px;
font-family: "Poppins", sans-serif;
}
.lead {
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -1.167px;
}
.choice-section {
background-image: url(https://teemieapp.com/wp-content/uploads/2025/04/choice-sec-mob.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 117px 7px 150px 9px;
}
.choice-section .btn {
display: none;
}
header#masthead.transparent-header.scrolled-header{
top:0;
}
.vertical-slider-vertical{
padding: 0 9px 0 9px;
}
.vertical-swiper .text-center {
text-align: left !important;
}
.teamSwiper .swiper-slide.swiper-slide-active {
width: 301px !important;
}
.teamSwiper.swiper-horizontal.swiper-backface-hidden .swiper-pagination-bullet-active {
background: #D9D9D9 !important;
}
.teamSwiper .swiper-pagination {
position: unset;
margin-top: 43px;
}
.teamSwiper .swiper-slide img{
object-position: bottom;
object-fit: contain;
}
.vertical-slider-text1{
padding-left: 45px;
margin-bottom: 0;
}
section.section-slider1-horizontal .swiper-slide{ 
background-image: url(https://teemieapp.com/wp-content/uploads/2025/04/slider1-back-image2.png) !important; }
section.section-slider1-horizontal.swiper-slide.swiper-slide-active{
max-height: 230px;
} .teamSwiper.swiper-horizontal.swiper-backface-hidden .swiper-pagination-bullet{
height: 14px;
width: 14px;
}
.new-swiper-container{
height: auto;
}
.vertical-slider-vertical .lead{
font-size:18px !important;
font-weight: 500;
}
.section-slider1-horizontal .swiper-slide img{
margin-bottom: 83px;
}
.choice-text{
padding-top: 0;
padding-left: 32px;
}
.adhd-bottom-video .wrapper-bottom{
top: -8px;  padding: 0 !important;
}
.adhd-bottom-video .adhd-bottom-video2{
padding-top:106px;
}
a.video-play-button-mobile {
width: 50px !important;
height: 50px !important;
}
.wrapper-bottom::before{
width: 90px;
height: 13px;
top: 15px;
}
.adhd-bottom-video video{
border-radius: 39px;
display: block;
max-width: 275px;
padding: 15px 15px;
margin: auto;
}
}
@media screen and (max-width: 567px){
.footer .link-text a{
word-wrap: break-word !important; 
white-space: unset;
}
.teamSwiper p{
font-size: 13.6px;
width: 219.384px;
letter-spacing:-0.97px;
}
.teamSwiper h3{
font-size:17.424px; 
width: 219.384px;
}
.swiper-container{
height: unset;
}
section.section-slider1-horizontal .swiper-slide{
padding:100px 0 155px ;
}
.vertical-slider-vertical .fw-bold{
padding: 0;
}
.vertical-slider-vertical .lead{
margin: 30px 0 65px;
}
.section-slider1-horizontal .swiper-slide img{
margin-bottom: 0;
}
.adhd-bottom-video .adhd-bottom-video2 {
padding-top: 145px;
}
.wrapper::before{
height: 5px;
width: 9%;
border-radius: 0 0 2px 2px;
}
}
.page-template-homepage-edit header#masthead.transparent-header{
background-color: #04a1a8;
}
header#masthead {
position: absolute;
}
.page-template-homepage-edit header#masthead{
position: absolute;
}
@keyframes shake-circle {
0%   { transform: translate(0px, 0px); }
10%  { transform: translate(1.5px, -1.5px); }
20%  { transform: translate(2px, 0px); }
30%  { transform: translate(1.5px, 1.5px); }
40%  { transform: translate(0px, 2px); }
50%  { transform: translate(-1.5px, 1.5px); }
60%  { transform: translate(-2px, 0px); }
70%  { transform: translate(-1.5px, -1.5px); }
80%  { transform: translate(0px, -2px); }
90%  { transform: translate(1.5px, -1.5px); }
100% { transform: translate(0px, 0px); }
}
.swiper-background-wrapper {
background-image: url(https://teemieapp.com/wp-content/uploads/2025/04/Middle-banner1.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 100vh; position: relative;
}