@font-face
{
    font-family: CerebriSansRegular;
    src: url(/font/CerebriSans/CerebriSans-Regular.ttf);
}
@font-face
{
    font-family: CerebriSansMedium;
    src: url(/font/CerebriSans/CerebriSans-Medium.ttf);
}
@font-face
{
    font-family: CerebriSansSemiBold;
    src: url(/font/CerebriSans/CerebriSans-SemiBold.ttf);
}
@font-face
{
    font-family: CerebriSansBold;
    src: url(/font/CerebriSans/CerebriSans-Bold.ttf);
}
@font-face
{
    font-family: AvenirRegular;
    src: url(/font/Avenir/AvenirLTStd-Book.otf);
}
@font-face
{
    font-family: AvenirMedium;
    src: url(/font/Avenir/AvenirLTStd-Medium.otf);
}
@font-face
{
    font-family: AvenirRoman;
    src: url(/font/Avenir/AvenirLTStd-Roman.otf);
}
@font-face
{
    font-family: AvenirBold;
    src: url(/font/Avenir/AvenirNextLTPro-Bold.ttf);
}
@font-face
{
    font-family: AvenirHeavyCn;
    src: url(/font/Avenir/AvenirNextLTPro-HeavyCn.ttf);
}
@font-face
{
    font-family: GraphikLight;
    src: url(/font/graphik/GraphikLight.otf);
}
@font-face
{
    font-family: GraphikRegular;
    src: url(/font/graphik/GraphikRegular.otf);
}
@font-face
{
    font-family: GraphikMedium;
    src: url(/font/graphik/GraphikMedium.otf);
}
@font-face
{
    font-family: GraphikSemibold;
    src: url(/font/graphik/GraphikSemibold.otf);
}
@font-face
{
    font-family: GraphikBold;
    src: url(/font/graphik/GraphikBold.otf);
}
html
{
    scroll-behavior: smooth;
}
body
{
    font-family: 'Poppins';
}
h1, h2, h3, h4, h5, h6
{
    font-family: 'Playfair Display';
}
img
{
    image-rendering: -webkit-optimize-contrast;
}
@media(max-width: 1200px)
{
    .container
    {
        max-width: 100%!important;
        padding: 0 30px;
    }
}
@media(min-width: 1200px)
{
    .container
    {
        max-width: 1190px;
    }

}
@media(min-width: 1500px)
{
    .container
    {
        max-width: 1470px!important;
    }
    .fitmix_banner_img img
    {
        padding: 0 20%!important;
    }
    .informatiom_architecture
    {
        padding: 0 10%;
    }
}
.logo_animation
{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
    animation: fadeoutlogo 1s 3.7s forwards;
    background: transparent;
}
@keyframes fadeoutlogo
{
    0%
    {
        padding-bottom: 0;
        opacity: 1;
    }
    100%
    {
        padding-bottom: 50px;
        opacity: 0;
    }
}
.typewriter
{
    display: flex;
    font-family: 'Playfair Display';
    font-weight: 900;
    justify-content: center;
    font-size: 80px;
    color: #000;
    padding-bottom: 40px;
    line-height: 80px;
}
.typewriter>div
{
    letter-spacing: 0;
    margin: 0;
    opacity: 0;
}
.typewriter>div:nth-child(1)
{
    animation: letter1 .8s 1s forwards;
}
@keyframes letter1
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}
.typewriter>div:nth-child(2)
{
    animation: letter2 .8s 1.1s forwards;
}
@keyframes letter2
{
    0%
    {
        opacity: .5;
    }
    100%
    {
        opacity: 1;
    }
}
.typewriter>div:nth-child(3)
{
    animation: letter3 .8s 1.5s forwards;
}
@keyframes letter3
{
    0%
    {
        opacity: .5;
    }
    100%
    {
        opacity: 1;
    }
}
.typewriter>div:nth-child(4)
{
    animation: letter4 .4s 1.6s forwards;
}
@keyframes letter4
{
    0%
    {
        opacity: .5;
    }
    100%
    {
        opacity: 1;
    }
}
.typewriter>div:nth-child(5)
{
    animation: letter5 .4s 1.9s forwards;
    padding-left: 10px;
}
@keyframes letter5
{
    0%
    {
        opacity: .5;
    }
    100%
    {
        opacity: 1;
    }
}
.typewriter>div:nth-child(6)
{
    animation: letter6 .4s 2s forwards;
}
@keyframes letter6
{
    0%
    {
        opacity: .5;
    }
    100%
    {
        opacity: 1;
    }
}
.typewriter>div:nth-child(7)
{
    animation: letter7 .4s 2.1s forwards;
}
@keyframes letter7
{
    0%
    {
        opacity: .5;
    }
    100%
    {
        opacity: 1;
    }
}
.typewriter>div:nth-child(8)
{
    animation: letter8 .4s 2.2s forwards;
}
@keyframes letter8
{
    0%
    {
        opacity: .5;
    }
    100%
    {
        opacity: 1;
    }
}
.typewriter>div:nth-child(9)
{
    animation: letter9 .4s 2.3s forwards;
}
@keyframes letter9
{
    0%
    {
        opacity: .5;
    }
    100%
    {
        opacity: 1;
    }
}
.typewriter>div:nth-child(10)
{
    animation: letter10 .4s 2.4s forwards;
}
@keyframes letter10
{
    0%
    {
        opacity: .5;
    }
    100%
    {
        opacity: 1;
    }
}
.typewriter>div:nth-child(11)
{
    animation: letter11 .4s 2.8s forwards;
    padding-left: 10px;
}
@keyframes letter11
{
    0%
    {
        opacity: .5;
    }
    100%
    {
        opacity: 1;
    }
}
.typewriter>div:nth-child(12)
{
    animation: letter12 .4s 2.9s forwards;
}
@keyframes letter12
{
    0%
    {
        opacity: .5;
    }
    100%
    {
        opacity: 1;
    }
}
.typewriter>div:nth-child(13)
{
    animation: letter13 .4s 3s forwards;
}
@keyframes letter13
{
    0%
    {
        opacity: .5;
    }
    100%
    {
        opacity: 1;
    }
}
.typewriter>div:nth-child(14)
{
    animation: letter14 .4s 3.1s forwards;
}
@keyframes letter14
{
    0%
    {
        opacity: .5;
    }
    100%
    {
        opacity: 1;
    }
}
.typewriter>div:nth-child(15)
{
    animation: letter15 .4s 3.2s forwards;
}
@keyframes letter15
{
    0%
    {
        opacity: .5;
    }
    100%
    {
        opacity: 1;
    }
}
.typewriter>div:nth-child(16)
{
    animation: letter16 .4s 3.3s forwards;
}
@keyframes letter16
{
    0%
    {
        opacity: .5;
    }
    100%
    {
        opacity: 1;
    }
}
.banner_slider_left_text h1
{
    font-size: 60px;
    font-weight: 600;
    color: #080f1a;
    font-family: 'Playfair Display';
    font-weight: 900;
    margin-bottom: 30px;
    letter-spacing: .5px;
}
.banner_slider_left_text p
{
    font-size: 23px;
    font-family: 'Poppins';
    font-weight: 400;
    color: #080f1a;
    margin-bottom: 30px;
    line-height: 1.8;
}
.banner_slider_left_text p span.active
{
    background: linear-gradient(135deg,#f72749,#f78320);
    color: #fff;
    font-weight: 500;
    padding: 2px 5px;
}
.home_banner_slide .carousel-item
{
    height: 560px;
    text-align: center;
}
.home_banner_slide .carousel-item img
{
    max-height: 550px;
}
.home_banner_slide .carousel-item div
{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.home_banner_slide .carousel-item .mobiledevice
{
    height: 90%;
}
.home_banner_slide .carousel-item
{
    opacity: 0;
    transition: opacity .5s linear;
}
.home_banner_slide .carousel-item.active, .home_banner_slide .carousel-item-next.carousel-item-left, .home_banner_slide .carousel-item-prev.carousel-item-right
{
    opacity: 1;
    transition: opacity .5s linear;
}
.home_banner_slide .active.carousel-item-left, .home_banner_slide .active.carousel-item-right
{
    opacity: 0;
    transition: opacity .5s linear;
}
.home_banner_slide .carousel-item-next, .home_banner_slide .carousel-item-prev, .home_banner_slide .carousel-item.active, .home_banner_slide .active.carousel-item-left, .home_banner_slide .active.carousel-item-prev
{
    transform: translateX(0);
    transform: translate3d(0,0,0);
}
.home_banner_slide .carousel-indicators li
{
    height: 15px;
    width: 15px;
    border-radius: 50%;
    border: 1px solid #e82717;
    background-color: transparent;
    margin-right: 10px;
}
.home_banner_slide .carousel-indicators li.active
{
    background-color: #e82717;
}
.home_banner_slide
{
    height: 600px;
}
.brandLogos
{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.brandLogos>div
{
    margin: 10px 30px;
}
.brandLogos>div:first-child
{
    margin-left: 0;
}
.brandLogos>div:last-child
{
    margin-right: 0;
}
.workwithSection .common_heading
{
    font-size: 26px;
    color: #647491;
}
.workwithSection
{
    padding: 40px 0 80px!important;
}
@media(max-width: 992px)
{
    .brandLogos>div img
    {
        max-width: 110px;
        max-height: 30px;
    }
    .brandLogos>div
    {
        margin: 10px 20px;
    }
    .workwithSection .common_heading
    {
        font-size: 25px;
    }
    .workwithSection
    {
        padding: 40px 0 40px!important;
    }
}
@media(max-width: 578px)
{
    .workwithSection .common_heading
    {
        font-size: 21px;
    }
}
.home-navbar-bg
{
    background: #fff;
}
.fix_header
{
    position: static;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}
.fix_header.fix_top
{
    position: fixed;
    animation: topslide .5s forwards;
    background: #f3f3f3;
    box-shadow: 0 0 10px #c0c0c0;
}
.fix_header.fix_top .navbar
{
    background: #f3f3f3;
}
@keyframes topslide
{
    from
    {
        top: -50px;
    }
    to
    {
        top: 0;
    }
}
.margin_top
{
    margin-top: 120px;
}
.home-navbar-bg .navbar
{
    width: 1190px;
    margin: 0 auto;
}
.my-nav .nav-item .nav-link
{
    color: #000;
    font-size: 18px;
    padding: 15px .5rem;
}
.my-nav .nav-item .nav-link:hover
{
    color: #e82717;
}
.my-nav .nav-item .nav-link.active
{
    color: #e82717;
}
.my-nav .nav-item
{
    margin-left: 12px;
    margin-right: 12px;
}
.my-nav .nav-item .dropdown-menu
{
    border: none;
    box-shadow: 0 0 38px 0 rgba(0,0,0,.13);
    padding: 0;
    margin-top: 0;
}
.my-nav .nav-item .dropdown-menu .dropdown-item
{
    padding: 20px 30px;
    color: #000;
    font-size: 18px;
    border-bottom: 1px solid #eaeaea;
}
.my-nav .nav-item .dropdown-menu .dropdown-item:focus
{
    background: #fff;
}
.my-nav .nav-item .dropdown-menu .dropdown-item:last-child
{
    border-bottom: none;
}
.my-nav .nav-item .dropdown-menu .dropdown-item:hover
{
    color: #e82717;
    font-weight: 500;
    background: transparent;
}
.my-nav .nav-item .dropdown-menu .dropdown-item.active
{
    color: #e82717;
    font-weight: 500;
    background: transparent;
}
.my-nav .dropdown:hover .dropdown-menu
{
    display: block;
}
.my-nav .dropdown-menu::after
{
    content: '';
    left: 35px;
    top: -7px;
    height: 25px;
    width: 25px;
    background: #fff;
    position: absolute;
    z-index: 99999999;
    border-radius: 4px;
    transform: rotate(45deg);
}
.my-nav .get_in_touch
{
    margin-top: 8px;
}
.home_banner
{
    padding: 150px 0 200px;
}
.home-banner-text
{
    font-size: 24px;
    text-align: center;
    color: #000;
    line-height: 40px;
}
.home-banner-text span
{
    border-bottom: 1px solid #000;
    font-weight: 700;
}
.get_in_touch
{
    background: linear-gradient(135deg,#f72749,#f78320);
    color: #fff!important;
    font-family: 'Poppins';
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 2px;
    padding: 10px 20px;
    letter-spacing: 1px;
}
.get_in_touch:focus
{
    box-shadow: none;
}
.get_in_touch:hover
{
    background: linear-gradient(135deg,#f78320,#f72749);
}
.common_padding
{
    padding: 100px 0;
}
.common_heading
{
    font-size: 50px;
    font-family: 'Playfair Display';
    font-weight: 700;
    margin-bottom: 40px;
}
.clr_71716f
{
    font-size: 18px;
    color: #71716f;
}
.line_height_37
{
    line-height: 37px;
}
.clr_black_p
{
    color: rgba(255,255,255,.87);
}
.ft-18
{
    font-size: 18px;
}
.ft-20
{
    font-size: 20px;
}
.text_black
{
    color: #0c0c0c;
}
.text-white1
{
    color: rgba(255,255,255,.87);
}
.bg_light
{
    background: #f3f3f3;
}
.bg_light2
{
    background: #f5f5f5;
}
.decoration_none:hover
{
    text-decoration: none;
}
.expertise_home .expertise_text
{
    text-align: left;
    display: inline-block;
}
.expertise_home .col-lg-3
{
    text-align: center;
}
.expertise_text h3
{
    color: rgba(255,255,255,.87);
    font-size: 28px;
    font-weight: 700;
    margin: 35px 0 30px;
}
.expertise_text h3 a
{
    color: rgba(255,255,255,.87);
    font-size: 28px;
    font-weight: 700;
    display: inline-block;
}
.expertise_text h3 a:hover
{
    text-decoration: none;
}
.expertise_text ul
{
    list-style-type: none;
    padding-left: 0;
}
.expertise_text ul li
{
    color: #fff;
    font-size: 20px;
    background: url(/images/list_icon.png) no-repeat 0 5px;
    padding-left: 25px;
    list-style: none;
    margin: 0;
    margin-bottom: 25px;
}
.expertise_text ul li a
{
    color: rgba(255,255,255,.87);
}
.expertise_text ul li a:hover
{
    text-decoration: none;
}
.expertise_text ul li:last-child
{
    margin-bottom: 0;
}
.svg_image
{
    height: 80px;
    width: 80px;
}
.icon_1, .icon_2
{
    fill: none;
    stroke-miterlimit: 10;
    stroke-width: 5px;
}
.icon_1
{
    stroke: #7e7f7f;
}
.icon_2
{
    stroke: #f6881f;
}
.svg_image:hover .icon_2, .svg_image:hover .st1
{
    -webkit-animation: dash 10s linear forwards;
    animation: dash 10s linear forwards;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}
@-webkit-keyframes dash
{
    to
    {
        stroke-dashoffset: 0;
    }
}
@keyframes dash
{
    to
    {
        stroke-dashoffset: 0;
    }
}
.st0
{
    fill: none;
    stroke: #808180;
    stroke-width: 4;
    stroke-miterlimit: 10;
}
.st1
{
    fill: none;
    stroke: #f58620;
    stroke-width: 4;
    stroke-miterlimit: 10;
}
.cls-1, .cls-2, .cls-3
{
    fill: none;
    stroke-width: 4px;
}
.cls-1, .cls-2
{
    stroke: #808180;
    stroke-miterlimit: 10;
}
.cls-1, .cls-3
{
    stroke-linecap: round;
}
.cls-3
{
    stroke: #f58620;
    stroke-linejoin: round;
}
.svg_image:hover .cls-3
{
    -webkit-animation: dash 10s linear forwards;
    animation: dash 10s linear forwards;
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
}
.work_process_text
{
    background: #000;
    padding: 80px;
}
.work_process_outer
{
    height: 650px;
    overflow-y: scroll;
}
.work_process_outer::-webkit-scrollbar
{
    display: none;
}
.work_process_outer
{
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.work_process_outer
{
    scroll-snap-type: mandatory;
    scroll-snap-points-y: repeat(5px);
    scroll-snap-type: y mandatory;
}
.work_process_outer>div
{
    scroll-snap-align: start;
}
.work_process_text>.svg_div svg
{
    height: 100px;
}
.work_process_text>.svg_div
{
    display: inline-block;
}
.work_process_text h3
{
    font-size: 30px;
    color: rgba(255,255,255,.87);
    margin: 30px 0;
}
.work_process_text p
{
    color: rgba(255,255,255,.87);
    font-size: 18px;
    margin: 0;
    line-height: 35px;
}
.work_process_text a
{
    margin-top: 40px;
}
.work_process .nav
{
    border-left: 1px solid #d4d4d4;
}
.work_process .nav .nav-link
{
    font-size: 26px;
    padding: 24px 10px 24px 30px;
    position: relative;
    color: #0c0c0c;
}
.work_process .nav .nav-link::after
{
    content: '';
    height: 100%;
    left: 0;
    top: 0;
    width: 3px;
    background: #e82717;
    position: absolute;
    display: none;
}
.work_process .nav .nav-link.active, .work_process .nav .nav-link:hover
{
    font-weight: 700;
    color: #e82717;
}
.work_process .nav .nav-link.active::after, .work_process .nav .nav-link:hover::after
{
    display: block;
}
.work_process_text .svg_div:hover .discover-4, .work_process_text .svg_div:hover .discover-5
{
    -webkit-animation: dash1 7s linear forwards;
    animation: dash 7s linear forwards;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}
.work_process_text .svg_div:hover .analyse-3, .work_process_text .svg_div:hover .analyse-4
{
    -webkit-animation: dash1 7s linear forwards;
    animation: dash 7s linear forwards;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}
.work_process_text .svg_div:hover .prototype-1, .work_process_text .svg_div:hover .prototype-3
{
    -webkit-animation: dash1 5s linear forwards;
    animation: dash 5s linear forwards;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}
.work_process_text .svg_div:hover .design-2
{
    -webkit-animation: dash1 4s linear forwards;
    animation: dash 4s linear forwards;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}
.work_process_text .svg_div:hover .refine-2, .work_process_text .svg_div:hover .refine-1
{
    -webkit-animation: dash1 10s linear forwards;
    animation: dash 10s linear forwards;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}
.work_process_text .svg_div:hover .build-2, .work_process_text .svg_div:hover .build-1, .work_process_text .svg_div:hover .build-4
{
    -webkit-animation: dash1 6s linear forwards;
    animation: dash 6s linear forwards;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}
.recent_work
{
    margin-bottom: 30px;
}
.case_study p
{
    font-size: 25px;
    color: rgba(255,255,255,.87);
}
.testimonial_heading
{
    height: 100%;
    display: flex;
    align-items: center;
}
.testimonial_heading p
{
    color: #fa8807;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
}
.testimonial_heading h2
{
    font-size: 45px;
}
.testimonial_slider
{
    padding: 80px;
    background: #000;
    position: relative;
}
.testimonial_slider::after
{
    position: absolute;
    height: 70px;
    width: 70px;
    content: '';
    background: url(/images/quote.png) no-repeat;
    background-size: contain;
    top: -30px;
    left: 80px;
}
.slider_text p
{
    font-size: 22px;
    color: rgba(255,255,255,.87);
}
.slider_text .profile
{
    display: flex;
    align-items: center;
    margin-top: 35px;
    margin-bottom: 35px;
}
.slider_text .profile span
{
    color: rgba(255,255,255,.87);
    font-size: 22px;
    font-weight: 600;
    padding-left: 0;
}
.testimonial_slider .carousel-indicators
{
    position: absolute;
    right: auto;
    bottom: -10px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
}
.testimonial_slider .carousel-indicators li
{
    height: 10px;
    width: 10px;
    border-radius: 50%;
    border: 1px solid #fa8807;
    background: transparent;
    margin-right: 8px;
}
.testimonial_slider .carousel-indicators li.active
{
    background: #fa8807;
}
.contact_us>P
{
    color: #fa8807;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
}
.contact_us>div P
{
    color: rgba(255,255,255,.87);
    font-size: 22px;
    padding: 0 50px;
    line-height: 35px;
    margin-top: 10px;
}
footer
{
    border-top: 1px solid #121212;
    background: #000;
}
.footer_section
{
    display: flex;
    justify-content: center;
}
.footer_section .common_col
{
    display: inline-block;
}
.footer_section_four
{
    display: flex;
    justify-content: center;
}
.footer_section_four .common_col
{
    display: inline-block;
}
.footer_list ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.footer_list ul li a
{
    font-size: 18px;
    color: rgba(255,255,255,.87);
    display: flex;
    align-items: center;
}
.footer_list ul li a:hover
{
    text-decoration: none;
}
.footer_list ul li a img
{
    margin-right: 15px;
}
.first_col ul li
{
    margin-bottom: 40px;
}
.first_col ul li:nth-child(2) img, .first_col ul li:nth-child(3) img
{
    max-height: 37px;
}
.first_col ul li:last-child
{
    margin-bottom: 0;
}
.common_col h5
{
    color: rgba(255,255,255,.87);
    font-size: 22px;
    font-family: 'Poppins';
    margin-bottom: 30px;
    font-weight: 600;
}
.common_col ul li
{
    margin-bottom: 20px;
}

.common_col ul li:last-child
{
    margin-bottom: 0;
}
.col_two
{
    padding-left: 25px;
}
.riview_div
{
    display: flex;
    align-items: center;
}
.riview_div>div:nth-child(1)
{
    margin-right: 15px;
}
.riview_text
{
    margin-bottom: 0;
    color: #fff;
    font-size: 18px;
    margin-top: 5px;
}
.copy_right p
{
    color: rgba(255,255,255,.6);
    font-size: 17px;
    margin-bottom: 0;
    text-align: center;
}
.footer_last
{
    height: 100%;
    display: flex;
    align-items: center;
}
.policy_div a
{
    color: rgba(255,255,255,.6);
    font-size: 17px;
}
.policy_div
{
    text-align: right;
}
.uxResearchbanner
{
    padding: 100px 0 135px 0!important;
}
.uxPortfolio
{
    display: inline-flex;
    align-items: center;
}
.uxPortfolio>div:first-child
{
    margin-right: 20px;
}
.uxPortfolio h3
{
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 48px;
    color: #000;
    margin-bottom: 0;
    text-align: left;
}
.uxPortfolio span
{
    font-size: 25px;
    font-weight: 300;
    font-size: 25px;
    color: #71716f;
    text-align: left;
}
.centerBorder
{
    border-left: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;
}
.borderTop
{
    border-top: 1px solid #cbcbcb;
}
.uxServiceSection h2
{
    font-size: 70px;
    margin-bottom: 0;
    line-height: normal;
}
.uxServiceSection p
{
    font-size: 25px;
    color: #666;
    margin-bottom: 0;
    line-height: 40px;
    margin-bottom: 0;
}
.uxServiceFourSection
{
    background: #fafafa;
    padding: 80px;
}
.uxServiceFourSection h3
{
    font-size: 30px;
    color: #000;
    font-family: 'Poppins';
    font-weight: 600;
    margin: 40px 0 25px 0;
}
.uxServiceFourSection p
{
    font-size: 18px;
    color: #666;
    line-height: 45px;
    margin-bottom: 0;
}
.uxtestomanial .col-lg-9
{
    padding-left: 15%;
}
.uxtestomanial .testimonial_slider
{
    padding-left: 35%;
}
.uxtestomanial .carousel-indicators
{
    bottom: -38px;
}
.videoSlider
{
    position: absolute;
    left: -450px;
    z-index: 9999;
    top: 0;
    height: 270px;
    width: 420px;
}
.videoSlider video
{
    object-fit: cover;
    object-position: center;
}
.uxtestomanial .carousel-inner
{
    overflow: visible;
}
.uxtestomanial .testimonial_slider::after
{
    left: auto;
}
.fadeSlide .carousel-item
{
    opacity: 0;
    transition: opacity .5s linear;
}
.fadeSlide .carousel-item.active, .fadeSlide .carousel-item-next.carousel-item-left, .fadeSlide .carousel-item-prev.carousel-item-right
{
    opacity: 1;
    transition: opacity .5s linear;
}
.fadeSlide .active.carousel-item-left, .fadeSlide .active.carousel-item-right
{
    opacity: 0;
    transition: opacity .5s linear;
}
.fadeSlide .carousel-item-next, .fadeSlide .carousel-item-prev, .fadeSlide .carousel-item.active, .fadeSlide .active.carousel-item-left, .fadeSlide .active.carousel-item-prev
{
    transform: translateX(0);
    transform: translate3d(0,0,0);
}
@media(max-width: 992px)
{
    .uxServiceSection h2
    {
        font-size: 50px;
    }
    .uxServiceFourSection
    {
        padding: 40px;
    }
    .uxtestomanial .col-lg-9
    {
        padding-left: 15px;
    }
    .videoSlider
    {
        position: static;
    }
    .uxtestomanial .testimonial_slider
    {
        padding: 60px;
    }
}
@media(max-width: 768px)
{
    .uxPortfolio>div:first-child
    {
        margin-right: 10px;
    }
    .uxPortfolio h3
    {
        font-size: 35px;
    }
    .uxPortfolio span
    {
        font-size: 20px;
    }
    .uxPortfolio img
    {
        height: 60px;
    }
    .uxServiceSection h2
    {
        margin-bottom: 25px;
    }
}
@media(max-width: 580px)
{
    .uxPortfolio img
    {
        height: 70px;
    }
    .uxthreeIcon>div:nth-child(2) img
    {
        width: 60px;
    }
    .videoSlider
    {
        width: 100%;
        height: 220px;
    }
    .centerBorder
    {
        border-left: 0;
        border-right: 0;
        margin: 20px 0;
    }
    .uxtestomanial .testimonial_slider
    {
        padding: 50px 20px 60px 20px;
    }
    .uxthreeIcon .uxPortfolio>div:nth-child(1)
    {
        width: 65px;
    }
    .uxServiceSection h2
    {
        font-size: 35px;
        line-height: 35px;
    }
    .uxServiceSection p
    {
        font-size: 20px;
    }
    .uxServiceFourSection
    {
        padding: 25px;
    }
    .uxServiceFourSection h3
    {
        font-size: 27px;
        margin: 30px 0 20px 0;
    }
    .uxServiceFourSection p
    {
        line-height: 30px;
    }
}
.inner_banner
{
    padding: 75px 0 95px 0;
    text-align: center;
}
.inner_banner h1
{
    font-size: 80px;
    font-weight: 700;
    color: #000;
    margin-bottom: 25px;
}
.inner_banner h2
{
    font-size: 80px;
    font-weight: 700;
    color: #000;
    margin-bottom: 25px;
}
.inner_banner p
{
    font-size: 22px;
    color: #0c0c0c;
    margin-bottom: 0;
}
.bg_black
{
    background: #000;
}
.ux_text
{
    padding: 70px 70px 75px 70px;
}
.ux_text h3
{
    color: rgba(255,255,255,.87);
    font-weight: 700;
    margin-bottom: 30px;
    font-size: 50px;
}
.ux_text p
{
    font-size: 20px;
    color: rgba(255,255,255,.87);
    margin-bottom: 0;
    line-height: 35px;
}
.left-right-img
{
    display: flex;
    align-items: center;
    height: 100%;
}
.left-right-section>.row
{
    margin-top: 100px;
}
.left-right-section>.row:first-child
{
    margin-top: 0;
}
.stackup_div
{
    display: flex;
    justify-content: space-between;
}
.stackup_div>div h3
{
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 40px;
}
.stackup_div>div>ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.stackup_div>div>ul li
{
    height: 70px;
    display: flex;
    align-items: center;
    color: #0c0c0c;
    font-size: 18px;
}
.stackup_div>div>ul li img
{
    max-width: 30px;
    margin-right: 15px;
}
@media(min-width: 1500px)
{
    .home-navbar-bg .navbar
    {
        width: 1470px;
    }
    .left-right-img
    {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .left-right-img img
    {
        width: 100%;
    }
    .no_wrap_text h3
    {
        height: 40px;
    }
    .big_laptop_mac
    {
        width: 80%;
    }
}
.common_input label
{
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px;
}
.common_input label sup
{
    color: #e00;
}
.common_input .form-control
{
    border-radius: 0;
    border-radius: 0;
    border: none;
    padding: 20px 10px 20px 40px;
    background: transparent;
    color: rgba(255,255,255,.87);
    font-size: 18px;
    height: auto;
    border: 1px solid rgba(255,255,255,.87);
}
.common_input .form-control:focus
{
    box-shadow: none;
    border: 1px solid rgba(255,255,255,.87);
}
.common_input .form-control::-webkit-input-placeholder
{
    color: rgba(255,255,255,.87);
}
.common_input .form-control:-ms-input-placeholder
{
    color: rgba(255,255,255,.87);
}
.common_input .form-control::placeholder
{
    color: rgba(255,255,255,.87);
}
.common_dropdown .dropdown-toggle
{
    height: 67px;
    background: #000;
    border: 1px solid rgba(255,255,255,.87)!important;
    border-radius: 0;
    border: none;
    padding: 20px 30px 20px 40px;
    font-size: 18px;
    color: rgba(255,255,255,.87);
}
.common_dropdown .show>.btn-light.dropdown-toggle
{
    background: #000;
    color: rgba(255,255,255,.87);
    border: 1px solid rgba(255,255,255,.87)!important;
}
.common_dropdown .dropdown-toggle:focus, .common_dropdown .dropdown-toggle:active
{
    box-shadow: none!important;
    border: 1px solid rgba(255,255,255,.87)!important;
    outline: none!important;
    background: #000!important;
}
.common_dropdown .bootstrap-select>.dropdown-toggle:after
{
    background-image: url(/images/down_arrow.png);
    border: none!important;
    height: 10px;
    width: 20px;
    background-repeat: no-repeat;
}
.common_dropdown .bootstrap-select .dropdown-menu li a span.check-mark
{
    display: none!important;
}
.common_dropdown label
{
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px;
}
.common_dropdown .dropdown-menu
{
    padding: 0;
    border-radius: 0;
    border: none;
    top: 15px!important;
}
.common_dropdown .dropdown-menu li a
{
    padding: 15px 40px;
}
.common_dropdown .dropdown-menu li a:active
{
    background: #fff;
    outline: none;
}
.common_dropdown .dropdown-menu li.active a
{
    background: #fff;
    color: #e92210;
}
.common_input, .common_dropdown
{
    margin-bottom: 40px;
}
.file_uploader
{
    height: auto;
    margin-bottom: 30px;
}
.file_uploader .custom-file-input
{
    height: 90px;
}
.file_uploader .custom-file-input:focus~.custom-file-label
{
    border-color: rgba(255,255,255,.87);
}
.file_uploader .custom-file-label
{
    height: 90px;
    margin-bottom: 0;
    background: transparent;
    border-radius: 0;
    border: 1px dashed rgba(255,255,255,.87);
    padding: 0;
    display: flex;
    align-items: center;
    color: rgba(255,255,255,.87);
    padding-left: 40px;
}
.file_uploader .custom-file-input:focus~.custom-file-label
{
    box-shadow: none;
}
.file_upload_div
{
    display: flex;
    align-items: center;
    height: 100%;
}
.file_upload_div>div
{
    margin-right: 20px;
}
.file_upload_div p
{
    margin: 0;
    font-size: 18px;
    color: rgba(255,255,255,.87);
    line-height: 26px;
}
.file_uploader .custom-file-label::after
{
    border-radius: 0;
    top: 21px;
    right: 40px;
    background: none;
    color: rgba(255,255,255,.87);
    font-size: 15px;
    border: 1px solid rgba(255,255,255,.87);
    padding: 8px 30px!important;
    height: 40px;
}
.choose_us h3
{
    font-size: 28px;
    font-weight: 700;
    margin: 35px 0 30px;
    color: #000;
}
.choose_us p
{
    color: #71716f;
    font-size: 18px;
    line-height: 35px;
}
@media(min-width: 992px)
{
    .min_height_portfolio
    {
        min-height: 550px;
    }
}
.fitmix_div
{
    background: url(/images/portfolio/fitmix_bg.jpg) no-repeat;
    background-size: cover;
    padding: 15px 25px;
}
.tracki_pet
{
    background: url(/images/portfolio/Tracki_pet_bg.jpg) no-repeat;
    background-size: cover;
}
.trackipet_portfolio_bg
{
    width: 100%;
    height: 100%;
    background: url(/images/portfolio/Iphonex.png) no-repeat;
    background-position: center;
}
.showfit
{
    background: url(/images/portfolio/showfit_bg.png) no-repeat;
    background-size: cover;
}
.teaEvwerWhere
{
    background: url(/images/portfolio/teabg.jpg) no-repeat;
    background-size: cover;
}
.teaEvwerWhere .teaPortfolioLogo
{
    font-size: 30px;
}
.teaEvwerWhere .teaPortfolioLogo img
{
    margin-right: 20px;
}
@media(min-width: 992px)
{
    .teaEvwerWhere .teaPortfolioSideImage
    {
        height: 100%;
        object-fit: cover;
    }
}
@media(max-width: 580px)
{
    .teaEvwerWhere .teaPortfolioLogo img
    {
        height: 90px;
        margin-right: 10px;
    }
    .teaEvwerWhere .teaPortfolioLogo
    {
        font-size: 25px;
    }
}
.boost_retail
{
    background: url(/images/portfolio/retail_app_bg.jpg) no-repeat;
    background-size: cover;
}
.fitmix_div .col-lg-7 img
{
    max-height: 500px;
}
.portfoliolist_text
{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.portfoliolist_text h3
{
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 40px;
    color: #fff;
}
.portfoliolist_text p
{
    color: #fff;
    font-size: 20px;
}
.portfoliolist_text>div>p span
{
    color: #fff;
    font-size: 20px;
}
.portfoliolist_text>div>span
{
    color: #fff;
    font-size: 20px;
}
.tracki_pet .portfoliolist_text p
{
    color: #fff;
}
.showfit .portfoliolist_text h3
{
    margin: 20px 0 30px 0;
}
.boost_retail .portfoliolist_text h3
{
    margin: 30px 0 30px 0;
}
.boost_retail .boost_laptop_img
{
    padding-right: 30px;
}
.ux_text ul
{
    margin-top: 30px;
}
.textdacorationnone:hover
{
    text-decoration: none;
}
.bigblog h5
{
    color: #e82717;
    font-size: 25px;
    font-family: 'Poppins';
    text-transform: uppercase;
    margin-bottom: 15px;
}
.bigblog h2
{
    font-size: 35px;
    font-weight: 600;
    font-family: 'Poppins';
    margin-bottom: 15px;
    color: #000;
}
.bigblog p
{
    font-size: 18px;
    line-height: 35px;
    margin-bottom: 0;
    color: #000;
}
.bigblog a
{
    font-size: 20px;
    font-weight: 500;
    font-family: 'Poppins';
    color: #000;
    display: inline-block;
    margin-top: 15px;
}
.bigblog a:hover
{
    text-decoration: none;
}
.smallblog h5
{
    color: #e82717;
    font-size: 18px;
    font-family: 'Poppins';
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: 30px;
}
.smallblog>img
{
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.smallblog p
{
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 13px;
    margin-top: 25px;
    font-weight: 600;
    color: #000;
    height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.smallblog span
{
    display: block;
    color: #000;
    line-height: 28px;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.smallblog>div
{
    color: #000;
    font-weight: 600;
}
.smallblog>a>a:hover
{
    text-decoration: none;
}
.blogListView li
{
    font-size: 18px;
    color: #3f3f3f;
    line-height: 35px;
    text-align: left;
}
.pagination_blog
{
    margin-top: 40px;
    align-items: center;
}
.pagination_blog li
{
    margin: 0 5px;
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
.pagination_blog li a
{
    color: #000;
    height: 58px;
    width: 58px;
    border: 1px solid #000;
    border-radius: 4px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    font-weight: 600;
    border-right: 3px solid #000;
}
.pagination_blog li a:hover
{
    background-color: #fff;
    border: 1px solid #e82717;
    border-right: 3px solid #e82717;
    color: #e82717;
}
.pagination_blog li a.active
{
    background-color: #fff;
    border: 1px solid #e82717;
    border-right: 3px solid #e82717;
    color: #e82717;
}
.pagination_blog li a:focus
{
    box-shadow: none;
}
.pagination_blog li:first-child a
{
    font-size: 28px;
}
.pagination_blog li:last-child a
{
    font-size: 28px;
}
.blogdetail h2
{
    font-size: 45px;
    font-weight: 600;
    color: #000;
    font-family: 'Poppins';
    color: #000;
    margin-bottom: 20px;
}
.blog_date
{
    font-size: 18px;
    color: #3f3f3f;
    display: block;
    margin-bottom: 20px;
}
.blogdetail h3
{
    font-size: 25px;
    color: #3f3f3f;
    font-family: 'Poppins';
    margin: 25px 0;
}
.blogdetail p
{
    font-size: 20px;
    color: #3f3f3f;
    margin-bottom: 0;
    line-height: 30px;
}
.backlink
{
    color: #0c0c0c;
    font-size: 18px;
    display: inline-block;
    display: inline-flex;
    align-items: center;
}
.backlink:hover
{
    text-decoration: none;
}
.backlink span
{
    font-size: 32px;
    padding-right: 5px;
}
.blogsection>a
{
    display: block;
}
.blogsection
{
    margin-bottom: 50px;
}
.blogBannerText h2
{
    font-size: 70px;
    font-weight: 600;
    color: #000;
    font-family: 'Poppins';
    margin-bottom: 20px;
}
.blogBannerText p
{
    font-size: 22px;
    color: #3f3f3f;
    line-height: 40px;
}
.blogBannerText .blogUser
{
    margin-top: 70px;
}
.blogBannerText .blogUser p
{
    font-size: 16px;
    margin-bottom: 0;
    color: #0c0c0c;
    margin-top: 15px;
}
.blogBanner
{
    position: relative;
}
.blogBanner::after
{
    content: '';
    height: 75%;
    width: 100%;
    background-color: #f3f3f3;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}
.titleTextImage
{
    text-align: center;
}
.blogDetilas h3
{
    font-size: 40px;
    font-weight: 700;
    color: #000;
    font-family: 'Poppins';
    margin: 0 0 30px 0;
    text-align: left;
}
.blogDetilas .subCatagoryBlog
{
    font-size: 30px;
    font-weight: 700;
    color: #000;
    font-family: 'Poppins';
    margin: 30px 0 30px 0;
    text-align: left;
}
.blogDetilas p
{
    font-size: 18px;
    color: #3f3f3f;
    line-height: 35px;
    margin-bottom: 0;
    margin-top: 15px;
    text-align: left;
}
.titleTextImage img
{
    max-width: 800px;
    margin-bottom: 15px;
}
.titleTextImage>span
{
    color: #757575;
    display: block;
    text-align: center;
    font-size: 12px;
    margin-top: 5px;
}
.titleTextImage>span a
{
    color: #757575;
    text-decoration: underline;
}
.blogdetailbanner
{
    background: #fff;
}
.blog1
{
    background-image: url(/images/blog/blog1/blog1_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.blog3
{
    background-image: url(/images/blog/blog3/banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.blogTopBanner h2
{
    font-size: 55px;
    font-weight: 700;
    color: #000;
    font-family: 'Poppins';
}
.blogTopBanner>span
{
    font-family: 'Poppins';
    font-size: 22px;
    font-weight: 400;
    color: #000;
    display: inline-block;
    margin-bottom: 15px;
}
.blogTopBanner>span img
{
    margin-right: 5px;
    height: 37px;
}
.blogTopBanner p
{
    color: #000;
    font-family: 'Poppins';
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 40px;
}
.social_blog_banner
{
    display: flex;
    align-items: center;
    justify-content: center;
}
.social_blog_banner>div
{
    margin: 0 7px;
    position: relative;
}
.social_blog_banner .fb-share-button
{
    position: absolute;
    left: 0;
    top: 3px;
    opacity: 0;
}
.social_blog_banner .fb-share-button iframe
{
    width: 35px!important;
}
.social_blog_banner .fb-share-button>span
{
    width: 35px!important;
    overflow: hidden;
}
.social_blog_banner .IN-widget
{
    position: absolute;
    width: 35px;
    overflow: hidden;
    border-radius: 50%;
    opacity: 0;
}
.social_blog_banner .IN-widget button
{
    height: 35px!important;
}
.social_blog_banner img
{
    height: 35px;
}
.sapretLine
{
    padding: 45px 0 45px 0;
}
.sapretLine span
{
    display: block;
    border-top: 1px solid #f3f3f3;
}
.sitemapListTop ul
{
    padding: 0;
}
.sitemapListTop ul li
{
    display: inline-block;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 2px solid #000;
}
.sitemapListTop ul li:last-child
{
    border-right: none;
}
.sitemapListTop ul li a
{
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    text-decoration: none;
}
.sitemapList h3
{
    font-family: 'Poppins';
    font-size: 25px;
    margin-bottom: 15px;
    color: #e82717;
}
.sitemapList ul
{
    padding-left: 19px;
    margin: 0;
}
.sitemapList ul li
{
    margin-bottom: 10px;
}
.sitemapList ul li a
{
    color: #000;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
}
.showfit_banner
{
    background: url(/images/showfit/showfit_banner.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
    height: 950px;
    padding-top: 30px;
}
.case_study_text
{
    color: #fff;
    font-size: 20px;
}
.technology_text
{
    color: #fff;
    font-size: 20px;
}
.showfit_logo
{
    margin-top: 100px;
}
.logo_image
{
    margin-right: 10px;
}
.logo_image img
{
    height: 100px;
}
.logo_text h2
{
    font-family: 'Poppins';
    font-size: 60px;
    color: #fff;
    font-weight: 600;
    margin: 0;
}
.logo_text p
{
    color: #fff;
    margin: 0;
    font-size: 22px;
}
.showfit_tital
{
    font-family: 'Poppins';
    font-weight: 700;
    margin: 0;
}
.clr_shofit_1
{
    color: #e13636;
}
.clr_white
{
    color: #fff!important;
}
.clr_shofit_2
{
    color: #202835;
}
.bg_problem
{
    background-color: #282d33;;
}
.overview_text p
{
    position: relative;
    padding: 20px 25px 20px 0;
    color: #0d121d;
    line-height: 40px;
    font-size: 18px;
}
.overview_text p::after
{
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    background-color: #f5f5f5;
    width: 150%;
    height: 100%;
    z-index: -1;
    border-radius: 15px;
}
.showfit_tital img
{
    height: 100px;
    margin-right: 15px;
}
.problem_dtails
{
    border-radius: 15px;
    background: url(/images/showfit/problem_dtails_bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    padding: 40px;
    box-sizing: border-box;
}
.problem_dtails h3
{
    color: #fff;
    font-family: 'Poppins';
    font-size: 25px;
    text-transform: uppercase;
    border-bottom: 1px solid #56585e;
    padding-bottom: 35px;
    font-weight: 600;
}
.problem_dtails ul
{
    margin: 25px 0 0 0;
    padding: 0;
    list-style-type: none;
}
.problem_dtails ul li
{
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
}
.problem_dtails ul li::before
{
    content: '';
    position: absolute;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: #d23637;
    left: 0;
    top: 13px;
}
.solution_with_number>div:first-child
{
    position: relative;
    height: 100px;
}
.solution_with_number>div:first-child>div
{
    background: #fff;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e13636;
    font-weight: 700;
    font-size: 35px;
    position: absolute;
}
.solution_with_number>div:last-child
{
    background: #fff;
    border-radius: 8px;
    font-size: 18px;
    color: #0d121d;
    padding: 40px 40px 40px 80px;
    line-height: 45px;
    font-weight: 500;
    margin-left: 50px;
    width: 100%;
}
.design_process_bg
{
    background: #202835;
}
.design_progress
{
    text-align: center;
}
.design_progress img
{
    max-height: 175px;
}
.design_progress p
{
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 20px;
}
.process_tital img
{
    max-height: 175px;
}
.process_tital p
{
    font-size: 22px;
    font-weight: 500;
}
.showfit_tital_two
{
    background: #efefef;
    padding: 35px 45px;
    border-radius: 100px;
    margin: 80px 0;
}
.showfit_tital_two h3
{
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 28px;
    margin: 0;
}
.circul_graph
{
    height: 100%;
    padding: 0 20px;
}
.circul_graph p
{
    font-size: 20px;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 60px;
}
.circul_graph>div>img
{
    max-width: 400px;
}
.circul_graph>div
{
    text-align: center;
}
.showfit_graff
{
    padding: 0 15%;
}
.dashad_right
{
    border-right: 2px dashed #d3d3d3;
}
.dashad_bottom
{
    border-bottom: 2px dashed #d3d3d3;
}
.details_left
{
    background: #eef0ef;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 20px;
}
.details_left .tital
{
    font-size: 18px;
    color: #0d121d;
    margin-bottom: 5px;
}
.details_left .details
{
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 24px;
}
.nancy_details_right .tital
{
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 5px;
}
.nancy_details_right .details
{
    font-size: 18px;
    color: #0d121d;
    margin-bottom: 25px;
    line-height: 40px;
}
.empathy_tital
{
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.empathy_tital h3
{
    margin: 0;
    font-size: 28px;
    font-family: 'Poppins';
    font-weight: 700;
    padding-left: 20px;
}
.empathy_meping>p
{
    color: #0d121d;
    line-height: 40px;
}
.empathy_meping.left_side
{
    padding-right: 125px;
}
.empathy_meping.right_side
{
    padding-left: 125px;
}
.clr_hear
{
    color: #92c121;
}
.clr_does
{
    color: #9757b2;
}
.clr_see
{
    color: #4b9ace;
}
.center_image_nancy
{
    position: absolute;
    bottom: -100px;
    right: -100px;
    width: 200px;
    height: 200px;
    z-index: 999;
}
.bg_white
{
    background: #fff;
}
.scenarion_details p:first-child
{
    color: #f01e81;
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 5px;
}
.scenarion_details p:last-child
{
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 25px;
}
.m-top-250
{
    margin-top: 250px;
}
.m-top-150
{
    margin-top: 150px;
}
.m-top-50
{
    margin-top: 50px;
}
.showfit_color
{
    padding: 0 100px;
}
.showfit_color>p
{
    text-transform: uppercase;
    font-size: 18px;
    color: #3a3a3a;
    font-weight: 500;
}
.showfit_color>div
{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
}
.showfit_color>div div
{
    padding: 20px 0;
    border-radius: 50px;
    color: #fff;
    font-weight: 500;
}
.showfit_color>div div:nth-child(1)
{
    background-color: #a1a1a1;
}
.showfit_color>div div:nth-child(2)
{
    background-color: #202835;
}
.showfit_color>div div:nth-child(3)
{
    background-color: #e23636;
}
.showfit_color>div div:nth-child(4)
{
    background-image: linear-gradient(to right,#96e685,#1daca6);
}
.showfit_typography
{
    padding: 0 100px;
}
.showfit_typography>p
{
    text-transform: uppercase;
    font-size: 18px;
    color: #3a3a3a;
    font-weight: 500;
}
.showfit_typography h2
{
    color: #3a3a3a;
    font-family: 'Poppins';
    text-transform: uppercase;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 30px;
}
.typography_div p
{
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 0;
}
.typography_div.bold p
{
    font-weight: 700;
    color: #3a3a3a;
}
.typography_div.semibold p
{
    font-weight: 600;
    color: #a1a1a1;
}
.typography_div.medium p
{
    font-weight: 500;
    color: #c0c0c0;
}
.typography_div.regular p
{
    font-weight: 400;
    color: #c5c5c5;
}
.showfit_client_say p
{
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    padding: 0 20px;
}
.owner_name
{
    margin-top: 20px;
}
.owner_name p:first-child
{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px;
}
.owner_name p:last-child
{
    font-size: 18px;
    color: #fff;
}
.boostap_body
{
    font-family: CerebriSansRegular;
    font-size: 21px;
}
.boostap_baner
{
    background: url(/images/boostapp/boostapp_top_banner.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    padding: 70px 0;
}
.boostap_baner span
{
    color: #14b5eb;
}
.boostap_baner h2
{
    color: #fff;
    font-size: 50px;
    font-family: CerebriSansBold;
    padding-top: 200px;
}
.boostap_baner p
{
    color: #fff;
    font-size: 30px;
    margin-bottom: 700px;
}
.nagative_banner
{
    margin-top: -600px;
}
.boostapp_heading_1
{
    color: #2e3e4e;
    font-size: 45px;
    font-family: CerebriSansBold;
}
.boostapp_p
{
    color: #2e3e4e;
    font-size: 21px;
    line-height: 45px;
}
.boost_overview p span
{
    font-family: CerebriSansSemiBold;
}
.typeofusers span
{
    background: #14b5eb;
    width: 250px;
    padding: 10px 5px;
    border-radius: 50px;
    display: inline-block;
    font-family: CerebriSansSemiBold;
    font-size: 23px;
    color: #fff;
    margin-right: 15px;
}
.heading_with_img img
{
    margin-right: 25px;
}
.problem_solution_list ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.problem_solution_list ul li
{
    padding-left: 40px;
    background: url(/images/boostapp/list_arrow.png) no-repeat;
    background-position: 0 10px;
    color: #2e3e4e;
    font-size: 21px;
    line-height: 45px;
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.problem_solution_list ul li::after
{
    content: '';
    width: 100%;
    left: 40px;
    bottom: 0;
    border-bottom: 1px solid #efefef;
    position: absolute;
}
.problem_solution_list ul li:last-child
{
    margin-bottom: 0;
}
.problem_solution_list ul li:last-child::after
{
    display: none;
}
.boost_design_proccess
{
    background: #f2f2f2;
}
.green_tital
{
    display: flex;
    width: 100%;
    flex-direction: column;
    background: #2dcc70;
    padding: 25px;
    border-radius: 10px;
    margin: 70px 0;
}
.green_tital.single_line
{
    padding: 45px 25px;
}
.green_tital h3
{
    font-family: CerebriSansBold;
    font-size: 35px;
    color: #fff;
    display: flex;
    align-items: center;
}
.green_tital h3 span
{
    display: flex;
    height: 45px;
    width: 45px;
    color: #2e3e4e;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    font-size: 23px;
    font-family: CerebriSansSemiBold;
    margin-right: 15px;
}
.green_tital p
{
    color: #fff;
    padding-left: 65px;
    font-size: 23px;
    margin: 0;
}
.alphabatic_heading
{
    font-family: CerebriSansBold;
    font-size: 30px;
    color: #2e3e4e;
    display: flex;
    align-items: center;
    margin: 0;
}
.alphabatic_heading span
{
    display: flex;
    height: 45px;
    width: 45px;
    color: #fff;
    align-items: center;
    justify-content: center;
    background: #2e3e4e;
    border-radius: 50%;
    font-size: 21px;
    font-family: CerebriSansSemiBold;
    margin-right: 15px;
}
.boost_chart
{
    padding: 25px;
    background: #fff;
    border-radius: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.boost_chart p
{
    font-family: CerebriSansSemiBold;
    font-size: 21px;
    color: #2e3e4e;
    margin-bottom: 40px;
}
.boost_heading_2
{
    font-family: CerebriSansBold;
    font-size: 22px;
    color: #2e3e4e;
    margin-bottom: 20px;
}
.line_h_normal
{
    line-height: normal;
}
.profile_list ul li
{
    padding-left: 25px;
    background-size: 10px 20px;
    line-height: 35px;
    padding-bottom: 0;
    margin-bottom: 10px;
}
.profile_list ul li::after
{
    display: none;
}
.motivation_dot .green_fill
{
    height: 20px;
    width: 20px;
    background: #2dcc70;
    display: inline-block;
    border-radius: 50%;
}
.motivation_dot .light_fill
{
    height: 20px;
    width: 20px;
    background: #ccc;
    display: inline-block;
    border-radius: 50%;
}
.motivation_dot span
{
    margin-right: 5px;
}
.motivation_dot span:last-child
{
    margin-right: 0;
}
.owner_details
{
    background: #fff;
    border-radius: 15px;
}
.boost_empathy_maping
{
    background: #fff;
    border-radius: 15px;
    padding: 80px;
    height: 100%;
}
.center_profile_round
{
    position: absolute;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    bottom: -100px;
    right: -100px;
    z-index: 999;
}
.with_line
{
    position: relative;
    display: flex;
    align-items: center;
}
.with_line::after
{
    content: '';
    position: absolute;
    width: 52%;
    top: 60px;
    right: 0;
    height: 1px;
    background: #f1f1f1;
}
.with_line img
{
    height: 120px;
}
.blue_tital
{
    background: #7a3dd9;
    padding: 35px 25px;
    margin: 45px 0;
}
.margin_list ul li
{
    margin-bottom: 20px;
}
.blue_tital2
{
    background: #14b5eb;
    padding: 35px 25px;
    margin: 45px 0;
}
.boost_img_tital h3
{
    color: #2a3949;
    font-size: 25px;
    font-family: CerebriSansBold;
    padding-left: 25px;
    border-left: 3px solid #6abed5;
    margin: 30px 0 20px;
}
.boost_clr_bg
{
    text-align: center;
    padding: 0;
    font-family: CerebriSansSemiBold;
    color: #fff;
    border-radius: 10px;
    background: #000;
    margin-bottom: 20px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tea_every_outer
{
    font-family: GraphikRegular;
}
.tea_banner
{
    background: url(/images/teaEvery/bannerBg.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    padding: 40px 0 100px 0;
    position: relative;
}
.tea_every_outer h1, .tea_every_outer h2
{
    font-family: GraphikBold;
    color: #34495e;
}
.tea_every_outer h3
{
    font-family: GraphikSemibold;
}
.tea_Heading h1
{
    color: #fff;
    font-size: 44px;
    margin-left: 35px;
    margin-bottom: 0;
    font-family: GraphikSemibold;
}
.tea_Heading span
{
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    margin-bottom: 20px;
}
.tea_banner_list
{
    margin-top: 130px;
}
.tea_banner_list h2
{
    font-size: 40px;
    color: #fff;
    line-height: 60px;
    color: #fff;
    margin-bottom: 0;
    font-family: GraphikSemibold;
}
.tea_banner_list p
{
    font-size: 35px;
    line-height: 60px;
    color: #fff;
    margin-bottom: 0;
}
.tea_banner_list img
{
    margin-right: 30px;
}
.tea_banner_list .col-12
{
    margin-bottom: 50px;
}
.teaHeading1
{
    font-size: 35px;
}
.tea_p
{
    color: #34495e;
    font-size: 18px;
    line-height: 50px;
}
.teaAbout
{
    background-image: url(/images/teaEvery/about1.svg),url(/images/teaEvery/about2.svg);
    background-position: left center,right center;
    background-repeat: no-repeat,no-repeat;
    padding: 170px 0 200px 0;
}
.teaProcessOuter
{
    background: #f8f8f8;
    padding: 170px 0 110px 0;
}
.teaProcess
{
    text-align: center;
}
.teaProcess img
{
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    border-radius: 50%;
}
.teaProcess h3
{
    font-size: 35px;
    margin-top: 22px;
}
.teaProcess p
{
    font-size: 24px;
    line-height: 60px;
    color: #34495e;
    padding: 0 10% 0 10%;
}
.teaProcess h3.clr1
{
    color: #8e44ad;
}
.teaProcess h3.clr2
{
    color: #f39c12;
}
.teaProcess h3.clr3
{
    color: #64a6f4;
}
.teaProcess h3.clr4
{
    color: #56ab2f;
}
.teaFlowDiagram
{
    padding: 200px 0 180px 0;
}
.teaBranding
{
    padding: 180px 0;
    background: #f8f8f8;
}
.teacolorBox
{
    text-align: center;
}
.teacolorBox>div
{
    height: 204px;
    box-shadow: 0 0 25px rgba(0,0,0,.15);
    border-radius: 40px;
    border: 8px solid #fff;
}
.teacolorBox span
{
    font-size: 25px;
    line-height: 60px;
    color: #747474;
}
.teacolorBox p
{
    font-size: 25px;
    line-height: 60px;
    color: #34495e;
    font-family: GraphikBold;
    margin: 0;
}
.teacolorBox.box1>div
{
    background: #2a8740;
}
.teacolorBox.box2>div
{
    background: #747474;
}
.teacolorBox.box3>div
{
    background: #f8f8f8;
}
.teacolorBox.box4>div
{
    background: #000;
}
.teaTypos>div
{
    margin: 115px 0;
}
.teaTypos>div p
{
    font-family: GraphikLight;
    font-size: 35px;
    line-height: 60px;
    margin-bottom: 0;
}
.teaTypos h2
{
    font-size: 64px;
    line-height: 64px;
}
.teaTypos>p
{
    font-size: 35px;
    line-height: 60px;
    color: #34495e;
}
.teaTypos>p:nth-child(2)
{
    font-family: GraphikLight;
}
.teaTypos>p:nth-child(4)
{
    font-family: GraphikMedium;
}
.teaTypos>p:nth-child(5)
{
    font-family: GraphikSemibold;
}
.teaTypos>p:nth-child(6)
{
    font-family: GraphikBold;
}
.teaWirefram
{
    background: url(/images/teaEvery/cheksBg.svg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 180px 0 150px;
}
.mt-200
{
    margin-top: 200px;
}
.mt-100
{
    margin-top: 100px;
}
.teaUiElement
{
    padding: 180px 0 150px;
    background: linear-gradient(151.69deg,#57ee6a .44%,#2ae1a1 60%,#00b8ad 214%);
}
.teaUiElement img
{
    margin-bottom: 60px;
    box-shadow: 0 0 11.9145px rgba(0,0,0,.1);
    border-radius: 16.5px;
}
.teaMobile
{
    background: #f3f2f2;
    padding: 180px 0 160px 0;
}
.teaMobile img
{
    box-shadow: 0 0 60px rgba(0,0,0,.1);
    border-radius: 29px;
}
.teaMobile .col-6
{
    text-align: center;
}
.teaClientSay
{
    padding: 180px 0 160px 0;
}
.teaClientSay p
{
    font-size: 24px;
    line-height: 60px;
    color: #34495e;
}
.teaClientSay h5
{
    font-weight: 600;
    font-size: 30px;
    line-height: 60px;
    color: #34495e;
    font-family: GraphikSemibold;
}
@media(max-width: 992px)
{
    .smallblog>img
    {
        height: 220px;
    }
    .tea_Heading h1
    {
        font-size: 35px;
    }
    .tea_Heading span
    {
        font-size: 15px;
        line-height: 10px;
    }
    .tea_banner_list h2
    {
        font-size: 35px;
        line-height: 40px;
    }
    .tea_banner_list p
    {
        font-size: 28px;
        line-height: 40px;
    }
    .tea_banner_list img
    {
        height: 75px;
    }
    .tea_banner_list .col-12
    {
        margin-bottom: 35px;
    }
    .teaAbout
    {
        padding: 70px 0;
    }
    .teaAbout .tea_p
    {
        line-height: 37px;
    }
    .teaProcessOuter
    {
        padding: 70px 0;
    }
    .teaProcess p
    {
        font-size: 20px;
        line-height: 40px;
        padding: 0;
    }
    .teaFlowDiagram
    {
        padding: 70px 0;
    }
    .teaBranding
    {
        padding: 70px 0;
    }
    .teacolorBox>div
    {
        height: 180px;
    }
    .teaTypos>div p
    {
        font-size: 30px;
        line-height: 40px;
    }
    .teaTypos h2
    {
        font-size: 50px;
        line-height: 60px;
    }
    .teaTypos>div
    {
        margin: 60px 0;
    }
    .teacolorBox p
    {
        line-height: 24px;
    }
    .teaWirefram
    {
        padding: 70px 0 50px;
    }
    .teaUiElement
    {
        padding: 70px 0 60px 0;
    }
    .teaMobile
    {
        padding: 70px 0;
    }
    .teaClientSay
    {
        padding: 70px 0;
    }
    .teaClientSay p
    {
        font-size: 21px;
        line-height: 50px;
    }
    .teaClientSay p img
    {
        height: 50px;
    }
    .teaClientSay h5
    {
        line-height: 45px;
    }
}
@media(max-width: 768px)
{
    .tea_banner
    {
        padding: 130px 0 60px 0;
    }
    .tea_banner_list
    {
        margin-top: 80px;
    }
    .tea_Heading img
    {
        height: 95px;
    }
    .tea_Heading h1
    {
        margin-left: 25px;
    }
    .tea_banner_list h2
    {
        font-size: 30px;
    }
    .tea_banner_list p
    {
        font-size: 22px;
    }
    .tea_banner_list img
    {
        margin-right: 22px;
    }
    .teaBranding .iconTital img
    {
        height: 55px;
    }
    .teaBranding .iconTital .teaHeading1
    {
        font-size: 32px;
    }
    .teaTypos>div
    {
        margin: 40px 0;
    }
    .teaTypos>p
    {
        font-size: 28px;
        line-height: 40px;
    }
    .teaAbout
    {
        background-position: left -55px center,right -28px center;
        background-size: 125px;
    }
}
@media(max-width: 580px)
{
    .teaHeading1
    {
        font-size: 31px;
    }
    .tea_Heading span
    {
        margin-bottom: 15px;
    }
    .tea_Heading img
    {
        height: 85px;
    }
    .tea_Heading h1
    {
        margin-left: 10px;
        font-size: 30px;
    }
    .tea_banner_list img
    {
        height: 70px;
    }
    .tea_banner_list h2
    {
        font-size: 28px;
    }
    .tea_banner_list p
    {
        font-size: 19px;
        line-height: 30px;
    }
    .tea_banner_list
    {
        margin-top: 60px;
    }
    .teaAbout, .teaProcessOuter, .teaFlowDiagram, .teaBranding, .teaWirefram, .teaUiElement, .teaMobile
    {
        padding: 50px 0;
    }
    .teaAbout
    {
        background-position: left -66px center,right -32px center;
        background-size: 113px;
    }
    .teaAbout .tea_p
    {
        line-height: 35px;
        margin-bottom: 0;
    }
    .teaProcess img
    {
        max-height: 150px;
    }
    .teaProcess h3
    {
        font-size: 32px;
    }
    .teaProcess p
    {
        font-size: 18px;
        line-height: 38px;
    }
    .teaProcess
    {
        margin-bottom: 40px;
    }
    .teaBranding .iconTital .teaHeading1
    {
        font-size: 30px;
    }
    .teacolorBox>div
    {
        height: 165px;
    }
    .teacolorBox span
    {
        font-size: 21px;
        line-height: 50px;
    }
    .teacolorBox p
    {
        line-height: 24px;
        font-size: 23px;
    }
    .mt-200, .mt-100
    {
        margin-top: 0;
    }
    .teaUiElement img
    {
        margin-bottom: 30px;
    }
    .teaMobile img
    {
        border-radius: 8px;
        margin-bottom: 25px;
    }
    .teaMobile
    {
        padding: 50px 0 30px;
    }
    .teaClientSay
    {
        padding: 50px 0;
    }
    .teaClientSay p img
    {
        height: 35px;
    }
    .teaClientSay p
    {
        line-height: 35px;
        font-size: 20px;
    }
    .teaClientSay h5
    {
        font-size: 25px;
    }
}
.coffee_body h2, .coffee_body h3, .coffee_body h4, .coffee_body h5, .coffee_body h6
{
    font-family: 'Poppins';
    color: #574052;
}
.coffee_body p
{
    color: #574052;
}
.coffee_baner
{
    background: url(/images/coffee/banner.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    padding: 150px 0 600px;
    position: relative;
}
.figma_icon
{
    position: absolute;
    right: 30px;
    top: 0;
}
.figma_icon img
{
    height: 80px;
}
.coffee_titale_leaf
{
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.coffee_titale_leaf .leaf_sides
{
    margin-top: -80px;
}
.coffee_baner h3
{
    font-size: 50px;
    font-weight: 300;
    color: #fff;
}
.coffee_baner h2
{
    font-size: 70px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 40px;
}
.coffee_baner p
{
    font-size: 30px;
    color: #f97c50;
}
.coffee_banner_mac
{
    margin-top: -550px;
    padding-bottom: 10px;
    background-image: url(/images/coffee/bean1.png),url(/images/coffee/bean2.png);
    background-repeat: no-repeat,no-repeat;
    background-position: left 15% bottom 2%,right 0% bottom 2%;
}
.coffee_about h3
{
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 40px;
}
.coffee_about p
{
    color: #574052;
    font-size: 20px;
    line-height: 40px;
}
.bg_leaf
{
    position: relative;
    padding-top: 20px;
}
.bg_leaf::after
{
    content: '';
    position: absolute;
    background-image: url(/images/coffee/leaf.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 170px;
    width: 200px;
    top: -20px;
    left: 0;
}
.coffee_process
{
    background: url(/images/coffee/process_bg.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
.coffee_process_text
{
    margin-bottom: 100px;
}
.coffee_process_text h2
{
    color: #574052;
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 30px;
}
.coffee_process_text p
{
    color: #574052;
    line-height: 35px;
}
.coffee_process_step
{
    text-align: center;
}
.coffee_process_step h5
{
    color: #574052;
    font-size: 30px;
    margin-top: 30px;
}
.coffee_registration
{
    background: url(/images/coffee/cross_bg.png) no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0 60px 0;
}
.bg_titals
{
    background-image: url(/images/coffee/leaf.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    margin-bottom: 35px;
    padding: 70px 0 15px 0;
    margin-top: -45px;
}
.rounded_tital
{
    display: inline-block;
    border-radius: 50px;
    font-size: 25px;
    color: #fff!important;
    background: #f97c50;
    padding: 12px 50px;
}
.left_image_text
{
    position: absolute;
    left: 0;
    top: 10px;
    color: #574052;
    font-size: 25px;
    text-transform: uppercase;
}
.pro_search_bg
{
    background: url(/images/coffee/pro_searchbg.jpg) no-repeat;
    background-position: left bottom;
    background-size: cover;
}
.pro_search_bg .left_image_text
{
    color: #fff;
}
.contract_bg
{
    background: url(/images/coffee/cross_bg.png) no-repeat;
    background-position: center;
    background-size: cover;
}
.brand_titals
{
    text-align: center;
}
.brand_titals p
{
    margin-bottom: 5px;
    color: #3f434a;
    text-transform: uppercase;
}
.brand_titals h2
{
    color: #574052;
    font-size: 50px;
    font-weight: 600;
    text-transform: uppercase;
}
.popinstext
{
    height: 160px;
    width: 160px;
    border-radius: 40px;
    border: 1px solid #574052;
}
.type_popins
{
    display: flex;
    align-items: center;
    justify-content: center;
}
.popinstext
{
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 5px 20px;
    justify-content: center;
    background-image: url(/images/coffee/card_leaf.png);
    background-repeat: no-repeat;
    background-position: right bottom 15px;
}
.popinstext h3
{
    color: #3f434a;
    font-size: 50px;
}
.popinstext p
{
    color: #3f434a;
    font-size: 20px;
    margin-bottom: 0;
}
.light h3, .light p
{
    font-weight: 300;
}
.regular h3, .regular p
{
    font-weight: 400;
}
.medium h3, .medium p
{
    font-weight: 500;
}
.semibold h3, .semibold p
{
    font-weight: 600;
}
.bold h3, .bold p
{
    font-weight: 700;
}
.coffee_color .popinstext
{
    border: none;
    background: none;
}
.coffee_color .popinstext img
{
    height: 100px;
    margin-bottom: 10px;
}
.coffee_color .popinstext p
{
    text-transform: uppercase;
    font-size: 20px;
}
.coffe_client
{
    background: #f8f8f8;
}
.coffe_clientsay
{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}
.coffe_clientsay p
{
    margin: 0 25px;
    font-size: 20px;
    color: #3f434a;
}
.box_shadow_img
{
    box-shadow: 0 0 100px rgba(0,0,0,.13);
    border-radius: 40px;
    border: 8px solid #000;
}
.box_shadow_img2
{
    box-shadow: 0 0 100px rgba(0,0,0,.13);
    border-radius: 25px;
    border: 6px solid #000;
}
.coffe_portfolio
{
    background: url(/images/portfolio/coffee_bg.png) no-repeat;
    background-position: center;
    background-size: cover;
}
.trackipet_body
{
    font-family: AvenirRegular;
    font-size: 21px;
    color: #000;
}
.bg_traking
{
    background-image: url(/images/trakipet/bg_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f1f1f1;
}
.banner_mobile img
{
    max-height: 700px;
    margin-bottom: -50px;
}
.bg_overview
{
    background: url(/images/trakipet/Mapbg.png) no-repeat;
    background-size: cover;
    background-position: center;
}
.tarcki_banner_text h2
{
    font-family: AvenirBold;
    color: #fff;
    font-size: 44px;
}
.tarcki_banner_text p
{
    color: #fff;
    font-size: 21px;
}
.traking_heading1
{
    font-size: 40px;
    font-family: AvenirBold;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 50px;
    display: inline-block;
}
.traking_heading1::after
{
    content: '';
    position: absolute;
    width: 60px;
    height: 6px;
    border-radius: 2px;
    background: #f04b52;
    bottom: 0;
    left: 0;
}
.traking_clr_1
{
    color: #241e1e;
}
.traking_P
{
    line-height: 45PX;
}
.trak_problem
{
    height: 100%;
    background: #e8e8e8;
    padding: 30px 50px;
    display: flex;
    align-items: center;
    border-radius: 15px;
}
.trak_problem p
{
    margin: 0;
    line-height: 40px;
}
.track_process
{
    text-align: center;
}
.track_process img
{
    max-height: 250px;
}
.track_process h3
{
    font-family: AvenirBold;
    font-size: 28px;
    color: #fff;
    margin-top: 20px;
}
.track_process h3 span
{
    margin-right: 10px;
}
.traking_clr_2
{
    color: #e43d85;
}
.traking_clr_3
{
    color: #fe522a;
}
.traking_clr_4
{
    color: #4ebcf1;
}
.traking_bg_1
{
    background: #9918d5;
}
.traking_bg_2
{
    background: #1eb2a6;
}
.traking_bg_3
{
    background: #ff5152;
}
.traking_bg_4
{
    background: #ffa41b;
}
.trakin_heading_with_img
{
    font-family: AvenirBold;
    font-size: 40px;
    display: flex;
    align-items: center;
}
.trakin_heading_with_img img
{
    margin-right: 20px;
}
.align_text_tital
{
    padding-left: 130px;
}
.gradiant_tital
{
    font-family: AvenirBold;
    font-size: 30px;
    display: inline-block;
    padding: 20px 75px;
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
    background: linear-gradient(to right,#942ddc 0%,#f63f75 100%);
    color: #fff;
    margin: 80px 0;
}
.trak_graph
{
    box-shadow: 0 0 10px #eae1e1;
    border-radius: 10px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.trak_graph h3
{
    font-family: AvenirBold;
    font-size: 20px;
    color: #000;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.trak_graph h3::after
{
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 50px;
    height: 5px;
    border-radius: 5px;
    background: #f04b52;
}
.traking_heading2
{
    font-size: 25px;
    font-family: AvenirBold;
    color: #000;
}
.ft_30
{
    font-size: 30px;
}
.border_detail
{
    border: 1px solid #000;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
}
.border_detail p:nth-child(1)
{
    margin-bottom: 10px;
}
.track_profile
{
    background: #f3f3f3;
    padding: 15px;
    border-radius: 15px;
}
.track_profile img
{
    border-radius: 45px;
}
.track_empathy
{
    border-radius: 30px;
}
.track_empathy h4, .track_empathy p
{
    color: #fff;
}
.bd_radius_30
{
    border-radius: 30px;
}
.scenario_list p
{
    font-family: AvenirMedium;
    color: #fff;
    background: #171717;
    border-radius: 10px;
    padding: 35px 10px 35px 25px;
}
.traki_design
{
    background: url(/images/trakipet/Mapbg.png) no-repeat;
    background-size: cover;
    background-position: center;
}
.round_text
{
    height: 250px;
    width: 250px;
    background: #f3f3f3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.round_text h2
{
    color: #36485c;
    font-size: 120px;
    font-family: AvenirBold;
    margin: 0;
    line-height: 100px;
}
.round_text p
{
    color: #36485c;
    font-size: 25px;
    font-family: AvenirBold;
    margin: 0;
    line-height: normal;
}
.avenir_type p
{
    color: #36485c;
}
.avenir_type p:nth-child(1)
{
    font-family: AvenirBold;
}
.avenir_type p:nth-child(2)
{
    font-family: AvenirMedium;
}
.avenir_type p:nth-child(3)
{
    font-family: AvenirRoman;
}
.avenir_type p:nth-child(4)
{
    font-family: AvenirRegular;
}
.trak_bg p
{
    font-size: 22px;
    padding: 10px 20px;
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
}
.trak_bg p img
{
    max-height: 50px;
    margin-right: 20px;
}
.trak_bg p:nth-child(1)
{
    background: #f04b52;
}
.trak_bg p:nth-child(2)
{
    background: #000;
}
.trak_bg p:nth-child(3)
{
    background: #e8e8e8;
    color: #000;
}
.trak_clientsay
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.trak_clientsay div:nth-child(1)
{
    margin-bottom: 90px;
}
.trak_clientsay div:nth-child(3)
{
    margin-top: 70px;
}
.trak_clientsay p
{
    color: #fff;
    font-size: 23px;
    line-height: 45px;
}
.boost_font_table td, .boost_font_table th
{
    font-family: AvenirRegular;
    font-size: 16px;
}
.boost_font_table tbody tr:nth-child(2) td
{
    font-family: AvenirMedium;
}
.boost_font_table tbody tr:nth-child(3) td
{
    font-family: AvenirBold;
}
.boost_font_table tbody tr:nth-child(4) td
{
    font-family: AvenirHeavyCn;
}
.bg_client_say_boost
{
    background: #2d3e50;
}
.fitmix_body
{
    font-family: CerebriSansRegular!important;
    color: #013f54;
    font-size: 21px;
    line-height: 40px;
}
.fitmix_banner
{
    background: url(/images/fitmix/fitmmix_banner.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.fitmix_banner .with_line
{
    color: #fff;
    position: relative;
    margin: 0;
    padding-left: 50px;
}
.fitmix_banner .with_line::after
{
    position: absolute;
    content: '';
    width: 35px;
    height: 4px;
    border-radius: 50px;
    background: #2fd2e3;
    top: 14px;
    left: 0;
}
.fitmix_banner_img img
{
    padding: 0 15%;
    margin-top: 50px;
}
.fit_mid
{
    font-family: CerebriSansMedium;
}
.ft-25
{
    font-size: 25px;
}
.ft-24
{
    font-size: 24px;
}
.fitmix_heading_1
{
    font-size: 45px;
    font-family: CerebriSansBold;
    color: #0e3345;
}
.fitmix_problem_bg
{
    background-image: url(/images/fitmix/problem_bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 220px 0 15px 0;
}
.run_boy
{
    padding-bottom: 60px;
}
.run_boy img
{
    max-height: 400px;
    margin-top: -130px;
}
.fitmix_heading_1>img
{
    margin-right: 15px;
    height: 110px;
}
.vertical_heading .fitmix_heading_1>img
{
    height: auto;
}
.fitmix_problem
{
    display: flex;
}
.fitmix_problem>div
{
    width: 20%;
    padding: 10px;
}
.fitmix_problem>div div:nth-child(1)
{
    height: 50px;
    width: 50px;
    background: #32d9e9;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-family: CerebriSansMedium;
    font-size: 21px;
    margin-bottom: 15px;
}
.fitmix_problem>div div:nth-child(2)
{
    background: #2b5466;
    border-radius: 30px;
    padding: 20px 10px;
    color: #fff;
}
.fitmix_solution_bg
{
    background: #f5f5f5;
}
.fitmix_solution>div
{
    width: 25%;
    padding: 15px;
}
.fitmix_solution>div div:nth-child(2)
{
    background: #0e3345;
    padding: 20px 15px;
}
.fitmix_process_bg
{
    background: url(/images/fitmix/process_bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 200px 0;
}
.vertical_heading
{
    transform: rotate(-90deg);
}
.vertical_heading h2
{
    white-space: nowrap;
}
.fitmix_process
{
    text-align: center;
}
.fitmix_process h3
{
    font-family: CerebriSansBold;
    color: #fff;
    font-size: 30px;
}
.fitmix_process_tital
{
    display: flex;
}
.fitmix_process_tital img
{
    max-height: 350px;
    margin-top: -140px;
}
.fitmix_process_tital>div:last-child
{
    padding-left: 25px;
}
.fitmix_process_tital h2
{
    padding-top: 20px;
    margin-bottom: 5px;
}
.fitmix_bg_heading_2
{
    font-size: 28px;
    color: #fff;
    padding: 20px 5px;
    border-radius: 5px;
    font-family: CerebriSansMedium;
    margin: 65px 0;
}
.fitmix_bg_1
{
    background: #fdbf1e;
}
.fitmix_bg_2
{
    background: #f30551;
}
.fitmix_bg_3
{
    background: #92bd3a;
}
.fitmix_border_right
{
    border-right: 1px solid #acacac;
}
.fitmix_border_bottom
{
    border-bottom: 1px solid #acacac;
}
.fitmix_graph_tital
{
    display: inline-block;
    font-size: 30px;
    font-family: CerebriSansbold;
    padding: 22px 35px;
    border: 1px solid #acacac;
    border-radius: 5px;
    margin-bottom: 0;
    color: #0e3345;
}
.fitmix_graph
{
    padding: 50px 0;
    font-family: CerebriSansMedium;
}
.fitmix_graph p
{
    font-weight: 500;
    margin-bottom: 40px;
}
.fitmix_graph>div
{
    text-align: center;
}
.fitmix_graph>div>img
{
    width: 400px;
}
.fitmix_profile_bg
{
    background: url(/images/fitmix/profile_bg.png);
    background-size: 100% 100%;
    padding: 200px 0 200px 0;
}
.fitmix_flow_chart
{
    background: url(/images/fitmix/fitmix_flow_chart.png);
    background-position: top;
}
.fitmix_profile_outer
{
    background: #264756;
    border-radius: 15px;
}
.fitmix_heading_3
{
    color: #32d9e9;
    font-family: CerebriSansBold;
    font-size: 35px;
}
.fitmix_profile_details
{
    padding: 25px 15px 20px 0;
}
.fitmix_profile_details p
{
    color: #fff;
    font-size: 20px;
    line-height: 40px;
}
.fitmix_big_img
{
    position: relative;
}
.fitmix_big_img img
{
    border-radius: 15px 0 0 15px;
}
.steve_details
{
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,.7);
    bottom: 0;
    border-bottom-left-radius: 15px;
    padding: 15px;
}
.steve_details p
{
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px;
}
.steve_details p span
{
    width: 140px;
    display: inline-block;
    color: #32d9e9;
}
.joe_root_details .steve_details
{
    background: none;
    background-image: linear-gradient(rgba(0,0,0,.01),rgba(0,0,0,1.9));
}
.fitmix_empathy_mapping
{
    padding-top: 50px;
    padding-bottom: 100px;
}
.fitmix_empathy_mapping h3
{
    font-size: 30px;
    font-family: CerebriSansBold;
    color: #0e3345;
    margin-bottom: 20px;
}
.fitmix_empathy_mapping h3 img
{
    height: 60px;
    margin-right: 20px;
}
.fitmix_empathy_mapping p
{
    background: #f8f8f8;
    font-size: 20px;
    border: 1px solid #0e3345;
    padding: 15px 10px;
    border-radius: 10px;
    line-height: normal;
}
.fitmix_empathy_outer .center_profile_round
{
    width: 230px;
    right: -115px;
}
.fitmix_empathy_outer>div:nth-child(3) .fitmix_empathy_mapping
{
    padding-bottom: 20px;
}
.fitmix_empathy_outer>div:nth-child(4) .fitmix_empathy_mapping
{
    padding-bottom: 20px;
}
.fitmix_empathy_outer>div:nth-child(4) .fitmix_empathy_mapping h3
{
    padding-left: 70px;
}
.fitmix_scenario
{
    color: #fff;
    font-size: 20px;
    background-color: #285163;
    padding: 50px 40px;
    margin-bottom: 25px;
    border-radius: 15px;
    text-align: center;
    position: relative;
}
.fitmix_scenario p
{
    text-align: left;
    margin: 0;
}
.fitmix_scenario span
{
    display: inline-block;
    background: #f30551;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    font-size: 22px;
    text-align: center;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    line-height: 38px;
}
.m_top_120
{
    margin-top: 120px;
}
.m_top_100
{
    margin-top: 100px;
}
.fitmix_define
{
    background: url(/images/fitmix/graph_bg.png) no-repeat;
    background-size: cover;
    background-position: center;
}
.fitmix_screens
{
    margin-bottom: 30px;
    padding: 10px 30px;
}
.fitmix_typography>div:nth-child(1)
{
    width: 15%;
    float: left;
}
.fitmix_typography>.latto_text_inner
{
    width: 85%;
    float: left;
    text-align: center;
    border: 4px solid #707070;
    border-radius: 35px;
    position: relative;
    padding: 40px 0;
}
.latto_text_inner .center_text_lato
{
    display: inline-block;
    text-align: left;
    padding: 0 10px;
}
.latto_text_inner .center_text_lato h2
{
    font-family: CerebriSansBold;
    color: #0e3345;
    font-size: 80px;
    margin-bottom: 10px;
}
.latto_text_inner .outer_text
{
    position: absolute;
    left: -130px;
    font-size: 180px;
    top: 55px;
    line-height: 150px;
    background: #fff;
    line-height: normal;
    margin: 0;
    font-family: CerebriSansBold;
    color: #0e3345;
}
.font_weight_fitmix
{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.font_weight_fitmix>span:nth-child(1)
{
    font-weight: 300;
}
.font_weight_fitmix>span:nth-child(2)
{
    font-family: CerebriSansMedium;
}
.font_weight_fitmix>span:nth-child(3)
{
    font-weight: 700;
}
.center_text_lato>p
{
    font-family: CerebriSansSemiBold;
}
.lato_color
{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 200px;
    border-radius: 15px;
    box-shadow: 0 0 20px #dedede;
    margin-bottom: 15px;
}
.lato_color h5
{
    font-family: CerebriSansSemiBold;
    color: #0e3345;
    font-size: 25px;
    padding: 15px 0;
    margin: 0;
    width: 100%;
    background: #fff;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.client_bg_fitmix
{
    background: url(/images/fitmix/happy_client_bg.png);
    background-position: top;
    padding: 150px 0 50px 0;
}
.happyclient_paragraph
{
    text-align: center;
}
.happyclient_paragraph p
{
    color: #fff;
}
.happyclient_paragraph h3
{
    color: #2fd2e3;
    font-family: CerebriSansSemiBold;
    margin: 15px 0;
}
.happyclient_paragraph h5
{
    color: #fff;
    font-family: CerebriSansRegular;
}
@media(max-width: 1700px)
{
    .coffee_banner_mac
    {
        background-position: left 0% bottom 1%,right 0% bottom 1%;
    }
}
@media(max-width: 1500px)
{
    .left_image_text
    {
        position: static;
        margin-bottom: 15px;
    }
    .coffee_baner h3
    {
        font-size: 40px;
    }
    .coffee_baner h2
    {
        font-size: 60px;
    }
    .coffee_baner
    {
        padding: 100px 0 400px;
    }
    .coffee_banner_mac
    {
        margin-top: -370px;
        background-position: left 0% bottom 1%,right 0% bottom 1%;
    }
    .blogBannerText h2
    {
        font-size: 50px;
    }
    .blogBannerText p
    {
        font-size: 20px;
        line-height: 35px;
    }
}
@media(max-width: 1200px)
{
    .home-navbar-bg .navbar
    {
        width: 100%;
    }
    .my-nav .nav-item
    {
        margin: 0 2px;
    }
    .my-nav .nav-item .nav-link
    {
        font-size: 17px;
    }
    .blogBannerText .blogUser
    {
        margin-top: 30px;
    }
}
@media(max-width: 992px)
{
    .home_banner_slide .carousel-indicators
    {
        margin-left: 15%;
        left: 0;
        right: 0;
    }
    .banner_slider_left_text
    {
        margin-bottom: 100px;
    }
    .titleTextImage img
    {
        max-width: 100%;
    }
    .banner_slider_left_text h1
    {
        font-size: 48px;
        margin-bottom: 20px;
    }
    .banner_slider_left_text p
    {
        font-size: 21px;
    }
    .banner_slider_left_text
    {
        margin-bottom: 20px;
        margin-top: 50px;
    }
    .banner_slider_left_text p
    {
        margin-bottom: 20px;
    }
    .coffee_titale_leaf .leaf_sides
    {
        display: none;
    }
    .client_bg_fitmix
    {
        padding: 100px 0 40px 0;
    }
    .run_boy
    {
        padding-bottom: 0;
    }
    .container
    {
        padding: 0 15px!important;
    }
    .home_banner
    {
        padding: 100px 0 150px;
    }
    .typewriter
    {
        font-size: 60px;
        padding-bottom: 10px;
    }
    .home-banner-text
    {
        font-size: 19px;
    }
    .common_padding
    {
        padding: 50px 0;
    }
    .common_heading
    {
        font-size: 35px;
        margin-bottom: 25px;
    }
    .get_in_touch
    {
        font-size: 16px;
        padding: 6px 15px;
    }
    .expertise_text h3
    {
        font-size: 22px;
    }
    .expertise_text ul li
    {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .expertise_text
    {
        margin-bottom: 40px;
    }
    .work_process .nav .nav-link
    {
        font-size: 18px;
        padding: 15px 10px 12px 18px;
    }
    .work_process_text
    {
        padding: 20px;
    }
    .work_process_text h3
    {
        font-size: 24px;
        margin: 20px 0;
    }
    .work_process_text p
    {
        font-size: 17px;
        line-height: 25px;
    }
    .ft-20
    {
        font-size: 17px;
    }
    .testimonial_heading p
    {
        font-size: 18px;
    }
    .testimonial_heading h2
    {
        font-size: 35px;
        margin-bottom: 50px;
    }
    .testimonial_slider
    {
        padding: 45px;
    }
    .slider_text p
    {
        font-size: 20px;
    }
    .testimonial_slider::after
    {
        height: 50px;
        width: 50px;
        top: -19px;
        left: 50px;
    }
    .slider_text .profile img
    {
        height: 50px;
        width: 50px;
    }
    .case_study p
    {
        font-size: 20px;
    }
    .footer_section
    {
        display: block;
    }
    .footer_section_four
    {
        display: block;
    }
    .col_two
    {
        padding-left: 0;
    }
    .copy_right p
    {
        text-align: left;
        margin-top: 25px;
    }
    .policy_div
    {
        text-align: left;
        margin-top: 25px;
    }
    .left-right-img
    {
        justify-content: center;
    }
    .stackup_div
    {
        flex-wrap: wrap;
    }
    .stackup_div>div
    {
        width: 33.33%;
    }
    .ux_text
    {
        padding: 35px;
    }
    .left-right-section>.row
    {
        margin-top: 50px;
    }
    .inner_banner h1
    {
        font-size: 60px;
    }
    .inner_banner h2
    {
        font-size: 60px;
    }
    .inner_banner p
    {
        font-size: 20px;
    }
    .ux_text h3
    {
        font-size: 40px;
    }
    .portfoliolist_text
    {
        margin-top: 30px;
        height: auto;
    }
    .portfoliolist_text h3
    {
        margin: 15px 0 20px 0;
        font-size: 30px;
    }
    .fitmix_div
    {
        padding: 30px!important;
    }
    .expertise_home .col-lg-3
    {
        text-align: left;
    }
    .boost_retail .boost_laptop_img
    {
        padding: 30px;
    }
    .showfit
    {
        background: url(/images/portfolio/Smart_Fitness_bg.png) no-repeat;
        background-size: cover;
    }
    .center_profile_round
    {
        position: static;
    }
    .boost_empathy_maping
    {
        height: auto;
        margin-bottom: 15px;
    }
    .bg_traking
    {
        background-position: center;
    }
    .tarcki_banner_text
    {
        padding: 50px 0 150px 0;
    }
    .gradiant_tital
    {
        padding: 15px 45px;
        margin: 40px 0;
    }
    .trakin_heading_with_img
    {
        font-size: 35px;
    }
    .trakin_heading_with_img img
    {
        max-height: 90px;
    }
    .align_text_tital
    {
        padding-left: 10px;
        margin-top: 15px;
    }
    .trak_clientsay
    {
        flex-direction: column;
    }
    .trak_clientsay div:nth-child(1)
    {
        margin-bottom: 30px;
    }
    .trak_clientsay div:nth-child(3)
    {
        margin-top: 30px;
    }
    .trak_clientsay
    {
        margin-bottom: 50px;
    }
    .center_image_nancy
    {
        bottom: -75px;
        right: -75px;
        width: 150px;
        height: 150px;
    }
    .showfit_tital
    {
        margin-bottom: 20px;
    }
    .process_tital p
    {
        margin-bottom: 0;
    }
    .empathy_meping.left_side
    {
        padding-right: 40px;
    }
    .empathy_meping.right_side
    {
        padding-left: 70px;
    }
    .showfit_tital_two
    {
        margin: 50px 0;
    }
    .showfit_color
    {
        padding: 0 20px;
    }
    .showfit_typography
    {
        padding: 0 20px;
    }
    .typography_div p
    {
        font-size: 22px;
    }
    .showfit_typography h2
    {
        font-size: 40px;
    }
    .boostap_baner
    {
        padding: 40px 0;
    }
    .boostap_baner h2
    {
        padding-top: 150px;
        font-size: 40px;
    }
    .boostap_baner p
    {
        font-size: 25px;
    }
    .typeofusers span
    {
        width: auto;
        padding: 8px 12px;
    }
    .boostap_baner p
    {
        margin-bottom: 550px;
    }
    .nagative_banner
    {
        margin-top: -450px;
    }
    .logo_fitmix img
    {
        height: 90px;
    }
    .fitmix_problem_bg
    {
        padding: 100px 0 0 0;
        background-size: cover;
        background-size: auto;
    }
    .fitmix_problem>div
    {
        width: 33.33%;
    }
    .fitmix_problem
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .run_boy img
    {
        max-height: 280px;
        margin-top: -140px;
    }
    .fitmix_solution>div
    {
        width: 25%;
    }
    .fitmix_process_bg
    {
        background-size: cover;
    }
    .fitmix_process_tital img
    {
        max-height: 230px;
        margin-top: -80px;
    }
    .fitmix_heading_3
    {
        font-size: 25px;
    }
    .fitmix_profile_details
    {
        padding: 20px;
    }
    .fitmix_profile_bg
    {
        background-size: auto;
        padding: 80px 0 80px 0;
        background: #0e3344;
    }
    .vertical_heading
    {
        transform: rotate(0);
    }
    .fitmix_process_bg
    {
        padding: 100px 0 150px 0;
    }
    .fitmix_empathy_outer .fitmix_border_right
    {
        border-right: none;
        border-bottom: 1px solid #acacac;
    }
    .fitmix_empathy_mapping
    {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .fitmix_empathy_outer>div:nth-child(4) .fitmix_empathy_mapping h3
    {
        padding-left: 0;
    }
    .fitmix_heading_1
    {
        font-size: 40px;
    }
    .fitmix_bg_heading_2
    {
        font-size: 25px;
        padding: 15px 5px;
    }
    .fitmix_scenario
    {
        padding: 35px 20px;
    }
    .fitmix_scenario p
    {
        text-align: center;
    }
    .fitmix_flow_chart
    {
        background-size: cover;
        background: #0e3344;
        padding: 130px 0 50px;
    }
    .fitmix_graph_tital
    {
        font-size: 25px;
        padding: 15px 35px;
    }
    .fitmix_typography>div:nth-child(1)
    {
        display: none;
    }
    .fitmix_typography>.latto_text_inner
    {
        width: 100%;
    }
    .latto_text_inner .outer_text
    {
        position: static;
        font-size: 150px;
    }
    .latto_text_inner .center_text_lato h2
    {
        font-size: 60px;
    }
    .fitmix_bg_heading_2
    {
        margin: 45px 0;
    }
    .happyclient_paragraph img
    {
        height: 80px;
    }
    .center_md_text
    {
        justify-content: center;
    }
    .coffee_baner h2
    {
        font-size: 50px;
        margin-bottom: 15px;
    }
    .coffee_baner h3
    {
        font-size: 35px;
    }
    .coffee_baner p
    {
        font-size: 22px;
    }
    .coffee_about h3
    {
        margin-bottom: 20px;
        margin-top: 15px;
    }
    .coffee_registration
    {
        padding: 40px 0 30px 0;
    }
    .coffee_process_text
    {
        margin-bottom: 60px;
    }
    .bg_titals
    {
        padding: 45px 0 15px 0;
        margin-bottom: 20px;
        margin-top: -15px;
    }
    .popinstext
    {
        margin: 5px 10px;
        height: 140px;
    }
    .blogDetilas h3
    {
        font-size: 35px;
        margin: 0 0 25px;
    }
    .blogDetilas p
    {
        line-height: 30px;
    }
    .sapretLine
    {
        padding: 40px 0 40px 0;
    }
    .blogBannerText h2
    {
        margin-top: 25px;
    }
    .blogBanner::after
    {
        height: 100%;
    }
    .home_banner_slide .carousel-item img
    {
        max-height: 480px;
    }
}
@media(max-width: 768px)
{
    .inner_banner h1
    {
        font-size: 50px;
        margin-top: 30px;
    }
    .smallblog p
    {
        height: auto;
    }
    .typewriter
    {
        font-size: 45px;
        line-height: 50px;
        margin-bottom: 15px;
    }
    .typewriter .breckLine
    {
        display: block;
        width: 100%;
    }
    .home-banner-text br
    {
        display: none;
    }
    .bigblog h5
    {
        margin-top: 25px;
    }
    .blogTopBanner p
    {
        line-height: 30px;
    }
    .inner_banner h2
    {
        margin-bottom: 35px;
    }
    .blogTopBanner>span
    {
        margin-bottom: 20px;
    }
    .blogTopBanner
    {
        margin-top: 100px;
    }
    .blogpageNav .fix_header
    {
        background-color: #f3f3f3;
        height: 100px;
    }
    .home_banner_slide
    {
        height: 500px;
    }
    .banner_slider_left_text
    {
        margin-top: 140px;
    }
    .home_banner_slide .carousel-item
    {
        height: 500px;
    }
    .figma_icon
    {
        display: none;
    }
    .home_banner>.row
    {
        padding-top: 90px;
    }
    .home_banner_slide .carousel-indicators
    {
        bottom: -15px;
    }
    .inner_banner
    {
        padding: 150px 0 100px 0;
    }
    .fix_header
    {
      
        position: relative;
    }
    .margin_top
    {
        margin-top: 0;
    }
    .my-nav .navbar
    {
        padding: 0;
    }
    .navbar-brand
    {
        padding-left: 1rem;
        padding-top: .5rem;
    }
    .navbar-toggler
    {
        margin-right: 1rem;
        margin-top: .5rem;
    }
    .my-nav .navbar-collapse
    {
        background: rgb(208, 233, 255);
        padding: 1rem;
    }
    .home_banner
    {
        height: 100vh!important;
        padding: 0;
    }
    .home-banner-text
    {
        margin-bottom: 0;
        line-height: 35px;
    }
    .padding_sm
    {
        padding-right: 0;
    }
    .work_process .nav .nav-link
    {
        font-size: 16px;
        padding: 15px 0 13px 13px;
    }
    .track_process h3
    {
        margin-bottom: 50px;
    }
    .boost_empathy_maping
    {
        padding: 30px;
    }
    .tarcki_banner_text img
    {
        height: 120px;
        margin-bottom: 10p;
    }
    .tarcki_banner_text h2
    {
        font-size: 35px;
    }
    .center_image_nancy
    {
        position: static;
        margin-bottom: 20px;
    }
    .design_progress
    {
        margin-bottom: 35px;
    }
    .circul_graph p
    {
        margin-bottom: 15px;
    }
    .dashad_right
    {
        border-bottom: 2px dashed #d3d3d3;
        border-right: none;
    }
    .circul_graph
    {
        padding: 20px 0;
        margin-bottom: 20px;
    }
    .circul_graph>div
    {
        text-align: center;
    }
    .showfit_tital_two
    {
        padding: 25px 35px;
    }
    .showfit_tital_two h3
    {
        font-size: 25px;
    }
    .showfit_tital
    {
        font-size: 35px;
    }
    .empathy_meping.right_side
    {
        padding-left: 0;
    }
    .showfit_typography
    {
        margin-top: 80px;
    }
    .owner_name
    {
        margin-top: 20px;
    }
    .empathy_tital
    {
        margin-bottom: 15px;
    }
    .logo_text h2
    {
        font-size: 50px;
    }
    .showfit_banner
    {
        height: 600px;
    }
    .showfit_logo
    {
        margin-top: 40px;
    }
    .boostapp_heading_1
    {
        font-size: 40px;
    }
    .boostapp_p
    {
        line-height: 35px;
    }
    .problem_solution_list ul li
    {
        line-height: 40px;
    }
    .boost_chart>div
    {
        text-align: center;
    }
    .green_tital
    {
        padding: 15px;
        margin: 40px 0;
    }
    .green_tital h3
    {
        font-size: 30px;
        margin-bottom: 0!important;
    }
    .green_tital p
    {
        font-size: 19px;
    }
    .heading_with_img img
    {
        margin-right: 15px;
        height: 90px;
    }
    .green_tital.single_line
    {
        padding: 25px 20px;
    }
    .fitmix_body
    {
        font-size: 18px;
        line-height: 35px;
    }
    .fitmix_heading_1
    {
        font-size: 35px;
    }
    .fitmix_problem_bg
    {
        background: #0e3344;
        padding: 50px 0 0 0;
    }
    .fitmix_process_bg
    {
        background: #0e3344;
        padding: 50px 0 50px 0;
    }
    .fitmix_process_tital img
    {
        margin-top: 0;
    }
    .fitmix_process_tital
    {
        align-items: center;
    }
    .fitmix_border_right
    {
        border-bottom: 1px solid #acacac;
        border-right: none;
    }
    .fitmix_profile_bg
    {
        padding: 60px 0;
    }
    .fitmix_solution>div
    {
        width: 50%;
    }
    .coffee_small_image
    {
        text-align: center;
        margin-top: 30px;
    }
    .coffee_small_image h5
    {
        margin-bottom: 20px;
    }
    .coffee_baner
    {
        padding: 150px 0 300px;
    }
    .coffee_banner_mac
    {
        margin-top: -280px;
    }
    .coffee_process_step
    {
        margin-bottom: 50px;
    }
    .coffee_about h3
    {
        font-size: 40px;
    }
    .coffee_process_text h2
    {
        font-size: 40px;
    }
    .brand_titals h2
    {
        font-size: 40px;
    }
    .popinstext h3
    {
        font-size: 35px;
    }
    .popinstext
    {
        margin: 5px 10px;
        height: 120px;
        width: 120px;
    }
    .popinstext p
    {
        font-size: 18px;
    }
    .blogBanner
    {
        padding-top: 100px;
    }
}
@media(max-width: 650px)
{
    .responsive_view
    {
        flex-wrap: wrap;
    }
    .coffee_color .popinstext
    {
        height: auto;
    }
    .rounded_tital
    {
        font-size: 22px;
        padding: 10px 20px;
    }
}
@media(max-width: 576px)
{
    .home_banner_slide .carousel-indicators li
    {
        height: 10px;
        width: 10px;
    }
    .home_banner_slide .carousel-item
    {
        height: 400px;
    }
    .home_banner_slide
    {
        height: 410px;
    }
    .logo_fitmix img
    {
        height: 65px;
    }
    .ft-24
    {
        font-size: 20px;
    }
    .fitmix_banner_img img
    {
        padding: 0 20px;
    }
    .fitmix_problem>div
    {
        width: 100%;
    }
    .run_boy img
    {
        margin-top: 0;
    }
    .fitmix_bg_heading_2
    {
        font-size: 22px;
        margin: 35px 0;
    }
    .fitmix_graph_tital
    {
        font-size: 22px;
        padding: 15px;
    }
    .fitmix_banner .with_line
    {
        padding-left: 30px;
    }
    .fitmix_banner .with_line::after
    {
        width: 22px;
    }
    .fitmix_process_tital img
    {
        max-height: 170px;
    }
}
@media(max-width: 512px)
{
  
    .padding_sm
    {
        padding-left: 0;
    }
    .work_process .nav .nav-link
    {
        font-size: 14px;
        padding: 15px 0 13px 6px;
    }
    .my-nav .navbar-brand img
    {
        height: 70px;
    }
    .typewriter
    {
        font-size: 30px;
        padding-bottom: 0;
    }
    .stackup_div>div
    {
        width: 50%;
    }
    .ux_text
    {
        padding: 20px 10px;
    }
    .trak_problem
    {
        padding: 15px;
    }
    .scenario_list p
    {
        padding: 20px 10px 20px 20px;
    }
    .gradiant_tital
    {
        padding: 11px 15px;
        margin: 30px 0;
        font-size: 22px;
    }
    .trakin_heading_with_img
    {
        font-size: 30px;
    }
    .trakin_heading_with_img img
    {
        max-height: 65px;
    }
    .traking_heading1
    {
        font-size: 30px;
    }
    .trackipet_body
    {
        font-size: 18px;
    }
    .trak_bg p
    {
        font-size: 20px;
        padding: 7px 20px;
    }
    .trak_bg p img
    {
        max-height: 30px;
    }
    .round_text h2
    {
        font-size: 80px;
    }
    .round_text p
    {
        font-size: 22px;
    }
    .round_text
    {
        margin: 0 auto;
    }
    .trak_clientsay div:nth-child(1) img
    {
        height: 40px;
    }
    .trak_clientsay div
    {
        margin-top: 0;
    }
    .trak_clientsay div:nth-child(3) img
    {
        height: 40px;
    }
    .trak_clientsay p
    {
        font-size: 21px;
        line-height: 35px;
        margin-bottom: 0;
    }
    .traking_heading2
    {
        font-size: 21px;
    }
    .logo_text h2
    {
        font-size: 35px;
    }
    .logo_text p
    {
        font-size: 20px;
    }
    .logo_image img
    {
        height: 70px;
    }
    .showfit_tital img
    {
        height: 50px;
        margin-right: 5px;
    }
    .showfit_tital
    {
        font-size: 25px;
    }
    .overview_text p
    {
        padding: 15px 15px 15px 0;
        color: #0d121d;
        line-height: 35px;
        font-size: 18px;
    }
    .problem_dtails
    {
        padding: 15px;
    }
    .problem_dtails h3
    {
        font-size: 21px;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .problem_dtails ul li::before
    {
        height: 10px;
        width: 10px;
    }
    .problem_dtails ul li
    {
        padding-left: 20px;
        line-height: 35px;
    }
    .solution_with_number
    {
        flex-direction: column;
    }
    .solution_with_number>div:first-child>div
    {
        top: 40px;
        height: 80px;
        width: 80px;
        font-size: 28px;
        position: static;
    }
    .solution_with_number>div:first-child
    {
        height: 80px;
    }
    .solution_with_number>div:last-child
    {
        margin-left: 0;
        padding: 20px;
    }
    .process_tital .showfit_tital
    {
        margin-bottom: 0!important;
    }
    .process_tital p
    {
        font-size: 18px;
    }
    .showfit_tital_two
    {
        padding: 20px 25px;
        margin: 25px 0;
    }
    .empathy_meping>p
    {
        line-height: 35px;
    }
    .nancy_details_right .details
    {
        line-height: 35px;
    }
    .scenarion_details p:last-child
    {
        line-height: 35px;
    }
    .showfit_color>div div
    {
        font-size: 18px;
        padding: 12px 0;
    }
    .showfit_client_say p
    {
        line-height: 35px;
    }
    .typography_div p
    {
        font-size: 20px;
    }
    .showfit_typography h2
    {
        font-size: 35px;
    }
    .inner_banner h1
    {
        font-size: 40px;
        margin-top: 0;
    }
    .inner_banner h2
    {
        font-size: 40px;
    }
    .inner_banner p
    {
        font-size: 18px;
    }
    .boostapp_p
    {
        line-height: 30px;
        font-size: 18px;
    }
    .boostapp_heading_1
    {
        font-size: 30px;
    }
    .typeofusers span
    {
        width: auto;
        padding: 8px 12px;
        font-size: 18px;
        margin-bottom: 10px;
    }
    .common_padding
    {
        padding: 40px 0;
    }
    .heading_with_img img
    {
        margin-right: 10px;
        height: 70px;
    }
    .heading_with_img
    {
        font-size: 28px;
    }
    .problem_solution_list ul li
    {
        line-height: 30px;
        font-size: 18px;
        background-size: 12px;
        padding-left: 30px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .green_tital h3 span
    {
        height: 35px;
        width: 35px;
        padding: 0 15px;
    }
    .green_tital h3
    {
        font-size: 25px;
    }
    .green_tital p
    {
        font-size: 18px;
        padding-left: 53px;
    }
    .alphabatic_heading
    {
        font-size: 27px;
    }
    .alphabatic_heading span
    {
        height: 35px;
        width: 35px;
        font-size: 18px;
    }
    .boost_chart
    {
        padding: 15px;
        height: auto;
        margin-bottom: 20px;
    }
    .boost_chart p
    {
        font-size: 19px;
        margin-bottom: 30px;
    }
    .boost_heading_2
    {
        font-size: 20px;
    }
    .boost_empathy_maping
    {
        padding: 15px;
    }
    .green_tital
    {
        padding: 15px 10px;
        margin: 25px 0;
    }
    .boost_img_tital h3
    {
        font-size: 21px;
        margin: 20px 0 10px;
    }
    .boost_clr_bg
    {
        height: 110px;
        font-size: 18px;
    }
    .boostap_baner h2
    {
        font-size: 35px;
    }
    .boostap_baner p
    {
        font-size: 21px;
    }
    .boostap_baner p
    {
        margin-bottom: 300px;
    }
    .nagative_banner
    {
        margin-top: -250px;
    }
    .coffee_baner h3
    {
        font-size: 30px;
    }
    .coffee_baner h2
    {
        font-size: 40px;
    }
    .coffee_baner
    {
        padding: 130px 0 250px 0;
    }
    .coffee_banner_mac
    {
        margin-top: -215px;
    }
    .coffee_process_step h5
    {
        font-size: 25px;
    }
}
@media(max-width: 768px)
{
    .fix_header .navbar-brand
    {
        margin: 0 auto;
        padding-left: 0;
    }

    .getTouchBtn
    {
        position: absolute;
        right: 10px;
        top: 18px;
    }
    .getTouchBtn a
    {
        padding: 6px 7px;
        font-size: 14px;
        letter-spacing: .5px;
    }
}
@media(max-width: 580px)
{
    .file_uploader .custom-file-label
    {
        padding-left: 10px;
    }
    .file_uploader .custom-file-label::after
    {
        right: 10px;
        padding: 7px 12px!important;
    }
    .file_upload_div>div
    {
        margin-right: 10px;
    }
    .getTouchBtn
    {
        top: 24px;
    }
    .getTouchBtn a
    {
        font-size: 14px;
        letter-spacing: 0;
    }
    .my-nav .get_in_touch
    {
        margin-top: 8px;
        font-size: 12px;
    }
    .fix_header .navbar-toggler
    {
        left: 40px;
    }
  
    .my-nav .navbar-brand img
    {
        height: 47px;
    }
    .logo_fitmix img
    {
        height: 47px;
    }
}
@media(max-width: 420px)
{
    .home_banner_slide .carousel-item
    {
        height: 351px;
    }
    .home_banner_slide
    {
        height: 363px;
    }
    .fitmix_graph>div>img
    {
        width: auto;
    }
}
.new_project_section p
{
    color: rgba(0,0,0,.87)!important;
}
.new_project_section .common_input .form-control
{
    color: rgba(0,0,0,.87);
    border: 1px solid rgba(0,0,0,.87);
}
.new_project_section .common_input .form-control::placeholder
{
    color: rgba(0,0,0,.75);
}
.new_project_section .common_input .form-control::-webkit-input-placeholder
{
    color: rgba(0,0,0,.75);
}
.new_project_section .common_input .form-control:-ms-input-placeholder
{
    color: rgba(0,0,0,.75);
}
.new_project_section .common_dropdown .dropdown-toggle
{
    background: #fff;
    border: 1px solid rgba(0,0,0,.87)!important;
    color: rgba(0,0,0,.87)!important;
}
.new_project_section .common_dropdown .show>.btn-light.dropdown-toggle
{
    background: #fff;
    border: 1px solid rgba(0,0,0,.87)!important;
    color: 1px solid rgba(0,0,0,.87)!important;
}
.new_project_section .common_dropdown .dropdown-toggle:focus, .new_project_section .common_dropdown .dropdown-toggle:active
{
    background: #fff!important;
}
.new_project_section .bootstrap-select .dropdown-toggle:focus, .new_project_section .bootstrap-select>select.mobile-device:focus+.dropdown-toggle
{
    outline: none!important;
}
.new_project_section .common_dropdown .bootstrap-select>.dropdown-toggle:after
{
    background-image: url(/images/down_arrow_black.png);
    border: none!important;
    height: 15px;
    width: 20px;
    background-repeat: no-repeat;
    background-size: cover;
}
.footeraddress p
{
    color: rgba(255,255,255,.87);
    font-size: 17px;
    line-height: 29px;
}
.footerFirstNew h5
{
    color: rgba(255,255,255,.87);
    font-size: 22px;
    font-family: 'Poppins';
    margin-bottom: 15px;
    font-weight: 600;
}
.footerFirstNew p
{
    font-size: 18px;
    color: rgba(255,255,255,.87);
}
.footerFirstNew ul li img
{
    max-height: 22px;
    margin-right: 6px;
}
.first_col ul li:nth-child(2) img, .first_col ul li:nth-child(3) img
{
    max-height: 23px;
}
.footerFirstNew ul li a
{
    display: inline;
}
.first_col>a>img
{
    height: 70px;
}
.career-banner
{
    padding: 100px 0;
}
.career-banner h2
{
    color: #000;
    font-size: 65px;
    font-weight: 700;
    line-height: 75px;
    margin-bottom: 15px;
}
.career-banner h2 span
{
    color: #e82717;
}
.career-banner p
{
    font-family: 'Poppins';
    color: #000;
    font-size: 25px;
    font-weight: 500;
    line-height: 45px;
}
.career_red_heading
{
    background: -webkit-linear-gradient(52deg,#f72c46 15%,#f77d23 48.99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 36px;
    font-weight: 700;
}
.hirecard
{
    border: 1px solid #d8d4d4;
    border-radius: 25px;
    padding: 50px 60px;
    background-color: #fff;
    position: relative;
    margin-bottom: 25px;
}
.hirecard:hover
{
    background-color: #f3f3f3;
}
.hirecard:hover::after
{
    content: '';
    position: absolute;
    width: 87%;
    height: 4px;
    background-color: #e82717;
    border-radius: 15px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.hirecard h3
{
    color: #0c0c0c;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 40px;
}
.hirecard p
{
    font-size: 22px;
    font-family: 'Poppins';
    margin-bottom: 10px;
}
.hirecard h4
{
    font-weight: 600;
    font-family: 'Poppins';
    font-size: 32px;
    color: #0c0c0c;
}
.hirecard button
{
    margin-top: 15px;
    background: #000;
    border-radius: 4px;
}
.careermodal .modal-content
{
    border-radius: 30px;
    padding: 0 50px;
}
.careermodal .common_input
{
    border: 1px solid #000;
    margin-bottom: 18px;
}
.careermodal .common_input .form-control
{
    color: #666;
}
.careermodal .common_input ::-webkit-input-placeholder
{
    color: #666;
}
.careermodal .common_input :-ms-input-placeholder
{
    color: #666;
}
.careermodal .common_input ::placeholder
{
    color: #666;
}
.careermodal label
{
    color: #000;
    font-size: 18px;
    font-weight: 500;
}
.careermodal label sup
{
    color: #e82717;
}
.careermodal .modal-footer
{
    border: none;
}
.careermodal .cancelBtn
{
    background-color: #000;
    padding: 10px 20px;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    min-width: 140px;
    text-align: center;
    border-radius: 0;
}
.career_opening_table
{
    border-collapse: separate;
    border-spacing: 0 30px;
    min-width: 600px;
}
.career_opening_table tr
{
    border-radius: 10px;
}
.career_opening_table tr:hover
{
    background: linear-gradient(269.77deg,#ffeef0 .18%,#fff4ec 99.8%);
}
.career_opening_table td
{
    border: none;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-weight: 300;
    color: #000;
    vertical-align: middle;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.career_opening_table td span
{
    font-size: 20px;
    font-weight: 500;
}
.career_opening_table tr td:first-child
{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-left: 1px solid #000;
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 36px;
    padding-left: 35px;
    background: -webkit-linear-gradient(52deg,#f72c46 15%,#f77d23 48.99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.career_opening_table tr td:last-child
{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-right: 1px solid #000;
    text-align: center;
}
.career_opening_table tr:hover td
{
    border-top: 1px solid #fff0ef;
    border-bottom: 1px solid #fff0ef;
}
.career_opening_table tr:hover td:first-child
{
    border-left: 1px solid #fff0ef;
}
.career_opening_table tr:hover td:last-child
{
    border-right: 1px solid #fff0ef;
}
.career_opening_table tr td:last-child a img:last-child
{
    display: none;
}
.career_opening_table tr:hover td:last-child a img:first-child
{
    display: none;
}
.career_opening_table tr:hover td:last-child a img:last-child
{
    display: inline-block;
}
.career_opening_table tr td:nth-child(3)
{
    text-align: center;
}
.career_datail_outer
{
    position: relative;
}
.left_bg_light
{
    position: absolute;
    width: 41.666%;
    left: 0;
    top: 0;
    height: 100%;
    background: linear-gradient(161.29deg,#ffeef0 0%,#fff4ec 51.78%);
}
.c_detail_left
{
    padding-top: 40px;
    position: sticky;
    top: 150px;
}
.c_detail_left ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.c_detail_left ul li
{
    display: inline;
    margin-right: 20px;
    font-size: 22px;
    position: relative;
    padding-left: 15px;
}
.c_detail_left ul li::after
{
    content: '';
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #e82717;
    position: absolute;
    left: 0;
    top: 10px;
}
@media(min-width: 1200px)
{
    .c_detail_left .get_in_touch
    {
        font-size: 22px;
        padding: 12px 40px;
    }
    .c_detail_left h2
    {
        font-size: 65px;
    }
}
.c_detail_right_text h3
{
    color: #000;
    font-size: 20px;
    font-weight: 500;
    font-family: Poppins;
}
.c_detail_right_text p
{
    color: #666;
    font-size: 18px;
}
.c_detail_right_text .location p
{
    font-size: 18px;
    margin-bottom: 3px;
}
.c_detail_right_text ul
{
    list-style-type: none;
    padding-left: 0;
    margin-top: 20px;
    margin-bottom: 70px;
}
.c_detail_right_text ul li
{
    position: relative;
    font-size: 18px;
    color: #666;
    margin-bottom: 20px;
    line-height: 27px;
    padding-left: 15px;
}
.c_detail_right_text ul li::after
{
    content: '';
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #e82717;
    position: absolute;
    left: 0;
    top: 10px;
}
.c_detail_right_text .row
{
    margin-top: 50px;
    margin-bottom: 50px;
}
.aplly_form_outer .common_input
{
    border: 1px solid #000;
    margin-bottom: 30px;
}
.aplly_form_outer .common_input .form-control
{
    color: #000;
    padding: 13px 10px 13px 30px;
}
.aplly_form_outer .common_input ::-webkit-input-placeholder
{
    color: #000;
}
.aplly_form_outer .common_input :-ms-input-placeholder
{
    color: #000;
}
.aplly_form_outer .common_input ::placeholder
{
    color: #000;
}
.aplly_form_outer label
{
    color: #666;
    font-size: 16px;
    font-weight: 400;
}
.aplly_form_outer label sup
{
    color: #e82717;
}
.aplly_form_outer .cancelBtn
{
    background-color: transparent;
    padding: 10px 45px;
    font-size: 18px;
    font-weight: 700;
    color: #666;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #434343;
    text-transform: uppercase;
}
.aplly_form_outer .get_in_touch
{
    padding: 10px 45px;
    font-size: 18px;
}
.aplly_form_outer h2
{
    font-size: 30px;
    font-weight: 700;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 25px;
    margin-bottom: 25px;
}
.c_detail_right_outer
{
    padding-left: 20px;
}
.aplly_form_outer .custom-file
{
    height: 55px;
}
.aplly_form_outer .custom-file-label
{
    height: 55px;
    display: flex;
    align-items: center;
    padding-left: 30px;
    border: 1px dashed #000;
    border-radius: 0;
    font-size: 18px;
    color: #000;
}
.aplly_form_outer .custom-file-input
{
    height: 55px;
}
.aplly_form_outer .custom-file-label::after
{
    display: none;
}
@media(max-width: 992px)
{
    .career-banner h2
    {
        font-size: 55px;
    }
    .hirecard
    {
        padding: 40px 50px;
    }
    .hirecard h3
    {
        font-size: 33px;
    }
    .hirecard h4
    {
        font-size: 25px;
    }
    .hirecard p
    {
        font-size: 20px;
    }
    .careermodal .cancelBtn
    {
        font-size: 16px;
        padding: 6px 15px;
    }
    .aplly_form_outer .get_in_touch
    {
        padding: 6px 15px;
        font-size: 16px;
    }
    .career_datail_outer .left_bg_light
    {
        display: none;
    }
    .c_detail_right_outer
    {
        padding-left: 0;
        margin-top: 35px;
    }
    .aplly_form_outer .cancelBtn
    {
        font-size: 16px;
        padding: 6px 15px;
    }
}
@media(max-width: 776px)
{
    .career-banner h2
    {
        font-size: 45px;
        margin-top: 25px;
        line-height: 45px;
    }
    .career-banner
    {
        padding: 130px 0 50px;
    }
    .career_red_heading
    {
        margin-bottom: 5px;
        font-size: 25px;
    }
    .career_opening_table tr td:first-child
    {
        font-size: 22px;
    }
    .career_opening_table td
    {
        font-size: 16px;
    }
    .career_opening_table td span
    {
        font-size: 18px;
    }
    .career_opening_table tr td:last-child img
    {
        height: 30px;
    }
    .c_detail_left
    {
        padding-top: 80px;
    }
    .c_detail_right_text ul
    {
        margin-bottom: 40px;
    }
    .c_detail_right_text .row
    {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .aplly_form_outer .common_input
    {
        margin-bottom: 20px;
    }
    .c_detail_right_text ul li
    {
        margin-bottom: 15px;
    }
    .aplly_form_outer h2
    {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
}
@media(max-width: 580px)
{
    .career-banner h2
    {
        font-size: 34px;
        line-height: 40px;
    }
    .career-banner p
    {
        font-size: 22px;
        line-height: 32px;
    }
    .hirecard
    {
        padding: 15px 20px;
    }
    .hirecard h3
    {
        font-size: 27px;
    }
    .hirecard p
    {
        font-size: 18px;
    }
    .hirecard h4
    {
        font-size: 20px;
    }
    .careermodal .modal-content
    {
        padding: 0 20px;
    }
    .contact_career p
    {
        font-size: 18px!important;
        padding: 0 20px!important;
    }
    .career_opening_table
    {
        min-width: 500px;
        border-spacing: 0 20px;
    }
    .career_opening_table tr td:first-child
    {
        padding-left: 15px;
    }
    .c_detail_left ul li
    {
        font-size: 18px;
        margin-right: 10px;
    }
    .c_detail_right_text ul li
    {
        font-size: 16px;
    }
    .c_detail_right_text p
    {
        font-size: 16px;
    }
}