@import url(https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=auto);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=auto);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,500,600,700,800,900&display=swap);
*,
body {
    font-weight: 400;
    font-family: Rubik, sans-serif
}

.feature-sec-FeaTil {
    font-family: Rubik;
    font-weight: 600
}

div,
p {
    font-size: 1.126rem
}

.main-content {
    overflow: hidden
}

.form_send_loader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    min-height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .5)
}

.form_send_loader img {
    width: 100px
}

.link_underline a {
    padding-bottom: 7px;
    border-bottom: 1px solid #c3c3c3;
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px
}

.portfolio_video_ktube iframe{
    max-width : 560px;
    height: 314px;
    width: 100% 
}

.services_list_new .services_list_inr li {
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px
}

.zoom_plus_minus a {
    font-weight: 600
}

.base-layer {
    overflow: hidden
}

#displayCanvas {
    margin-left: 26%
}

h1,
h1 a,
h1 strong,
h2,
h2 a,
h2 strong,
h3,
h3 a,
h3 strong,
h4,
h4 a,
h4 strong,
h5,
h5 a,
h5 strong,
h6,
h6 a,
h6 strong {
    font-family: Rubik, sans-serif
}

h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a {
    font-weight: 500;
    color: #000
}

h1,
h1 a {
    font-family: calluna, serif!important;
    font-weight: 600;
    font-size: 60px
}

h2,
h2 a {
    font-family: calluna, serif!important;
    font-weight: 600;
    font-size: 44px!important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0!important
}

h3 {
    font-size: 1.5rem
}

h4 {
    font-size: 1.2rem
}

h5 {
    font-size: 1rem
}

h6 {
    font-size: .8rem
}

p.postedBy_date_time {
    font-size: 16px
}

#forgroundstart {
    background: #fefcfd;
    width: 100vw;
    height: 100vh;
    float: left;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9
}

.nav.nav-navbar li.nav-item,
.nav.nav-navbar li.nav_item {
    padding: 10px 0
}

.width_100px {
    width: 100px
}

.nav.nav-navbar li.nav-item ul li,
.nav.nav-navbar li.nav_item ul li {
    padding: 0
}

.lead,
.pricing-4 .plan-price p {
    font-weight: 400;
    font-size: 1.126rem
}

::-moz-selection,
::-o-selection,
::-webkit-selection,
::selection {
    color: #fff;
    background: #c3002f!important
}

.navbar .nav-item .nav-link,
.navbar .nav_item .nav-link {
    color: #fff
}

html.i-amphtml-singledoc .navbar-open {
    max-height: 100vh;
    overflow: hidden!important
}

@media (max-width:1199px) and (min-width:992px) {
    .nav-navbar .nav-link {
        font-size: 14px;
        padding-left: 9px;
        padding-right: 9px
    }
}

@media (max-width:991px) {
    .navbar .nav-item .nav-link,
    .navbar .nav_item .nav-link {
        color: #000
    }
    .nav.nav-navbar li.nav-item,
    .nav.nav-navbar li.nav_item {
        padding: 0
    }
}

.navbar.stick .nav-item .nav-link,
.navbar.stick .nav_item .nav-link {
    color: #000
}

.text-white h2,
.text-white p {
    color: #fff
}

.navbar.iner_page_nav {
    top: 0!important
}

.nav-navbar .nav_item:hover ul.nav {
    opacity: 1!important;
    visibility: visible!important;
    margin-top: 18px
}

.circle_border {
    position: relative
}

.circle_border::after {
    position: absolute;
    content: "";
    border: 3px solid #000;
    border-radius: 50%;
    top: 14px;
    left: -25px;
    width: 12px;
    height: 12px
}

.text-white .btn-outline-light {
    color: #fff;
    border-color: #fff
}

.bg-orrange {
    background-color: #ed4818
}

.gradient_header {
    background-color: #fff
}

.first_sec_inner_page {
    padding-top: 10px
}

.small_heading_font {
    font-size: 28px
}

a {
    color: #000
}

a:hover {
    color: #000
}

.text-white {
    color: #fff!important
}

@media (max-width:767px) {
    .change_direction_rps {
        flex-direction: column-reverse
    }
    h2.blog_title a {
        font-size: 22px
    }
    .gradient_header #mouse_down {
        display: none
    }
    .sec_cor_services ul li::before {
        top: 7px
    }

    .portfolio_video_ktube iframe{
        height: 280px;
    }
}

.sec_cor_services ul li {
    position: relative;
    padding-left: 20px;
    width: 33.3%;
    float: left
}

.sec_cor_services ul li::before {
    position: absolute;
    content: "";
    border: 3px solid #000;
    border-radius: 50%;
    top: 11px;
    left: 0;
    width: 12px;
    height: 12px
}

.sec_cor_services ul {
    list-style: none;
    padding-left: 0;
    width: 100%;
    display: inline-block
}

.sec_cor_services .card-title img {
    width: 30px;
    margin-right: 20px
}

.portfolio_outer {
    position: relative
}

.portfolio_title {
    position: absolute;
    width: 100%;
    padding: 10px;
    bottom: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    background: #c3002f;
    cursor: pointer;
    opacity: 0;
    transition: .6s all
}

.slick-dots .slick-active button {
    background: #000!important
}

.slick-dots li button {
    border: none;
    background-color: #fff;
    border: 1px solid #000
}

.portfolio_outer:hover .portfolio_title {
    transition: .6s all;
    opacity: 1
}

.portfolio_title:hover {
    color: #fff
}

.rated_box .card {
    text-align: center
}

.rated_box .card-header.goodfirms {
    background-color: #4385f5
}

.rated_box .card-header.upworks img {
    width: 129px
}

.rated_box .card-header.upworks {
    background-color: #5bbc2e
}

.rated_box .upwork_big_img {
    margin: 35px 0
}

.rated_box .top_rated_upwork img {
    width: 35px;
    margin-right: 11px
}

.rated_box .top_rated_upwork {
    color: #40cbf6
}

.text-danger {
    color: #000!important
}

.btn-danger {
    background-color: #c3002f!important
}

.sec_cor_services .timeline::before {
    background-color: #c3002f;
    width: 100%;
    transition: width 1.2s ease
}

.timeline::before {
    background-color: #c3002f
}

@media (max-width:1024px) {
    .timeline::before {
        width: 100%
    }
}

.timeline-item::before {
    border: 2px solid #c3002f
}

.timeline-item img {
    width: 90px;
    max-height: 80px
}

@media (max-width:767.98px) {
    .timeline-horizontal .timeline-item::before {
        top: 50%;
        transform: translate(0, -50%)
    }
    .sec_cor_services ul {
        column-count: 2
    }
    .timeline::before {
        width: 2px!important
    }
    .sec_cor_services #accordion-job {
        max-width: 100%!important
    }
    .blog_section.card_blog .card-title {
        margin-bottom: 0
    }
    .all_Industries.all_both ul,
    .all_categories.all_both ul {
        margin-bottom: 0
    }
    .all_Industries.all_both ul li,
    .all_categories.all_both ul li {
        padding: 2px 0
    }
}

@media(max-width:575px) {
    .sec_cor_services ul {
        column-count: 1
    }
    .single_blog iframe {
        height: 250px
    }
}

.client_slider img {
    width: 70%;
    height: 50px
}

.timeline_steps h6 {
    margin-top: 15px
}

.timeline_steps h6 a {
    font-family: Rubik, sans-serif
}

.timeline_steps h6 a:hover {
    color: #000!important
}

.btn i {
    position: relative;
    left: 0;
    transition: .5s all;
    display: none
}

.btn:hover i {
    left: 10px
}

.shadow_box_btn_back {
    height: 100px;
    background: #fffdfd;
    background: linear-gradient(360deg, #fffdfd 0, #ebebeb 100%);
    border-radius: 10px
}

.home-work .main_outer {
    margin-bottom: 0;
    height: calc(100%)
}

.home-work .main_outer .work_outer {
    min-height: auto;
    padding: 20px 25px 10px
}

.home-work .shadow_row+.text-center {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%)
}

.rated_box .card-body a:focus,
.rated_box .card-body a:hover,
strong a:focus,
strong a:hover {
    color: #c3002f!important
}

.body_section-header {
    text-align: center;
    padding-bottom: 20px;
    width: 75%;
    margin: 0 auto;
    margin-bottom: 30px
}

.body_section-header.mb-6 {
    margin-bottom: 30px
}

@media (max-width:991px) {
    .body_section-header {
        width: 100%
    }
}

.btn-round.background_change {
    padding: 5px 20px 4px;
    font-size: 15px;
    font-weight: 600;
    color: #c3002f
}

.background_change {
    background-color: #fff
}

.navbar-stick-dark.stick .background_change {
    background-color: #c3002f;
    color: #fff
}

.nav-navbar .nav-link {
    font-weight: 500!important;
    padding-left: 12px;
    padding-right: 12px;
    letter-spacing: normal;
    line-height: 45px!important
}

.nav-navbar .nav-item .nav .nav-link {
    line-height: 29px!important
}

.navbar-mobile {
    justify-content: center
}

footer {
    padding: 60px 0 20px!important;
    border: 0!important
}

footer p {
    font-size: 17px
}

footer a {
    color: #000
}

footer a:focus,
footer a:hover {
    color: #ce1230!important
}

.h1 a:hover,
.h2 a:hover,
.h3 a:hover,
.h4 a:hover,
.h5 a:hover,
.h6 a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #000
}

a {
    cursor: pointer
}

.bg-danger {
    background-color: #c3002f!important
}

.navbar-dark .logo-dark,
.navbar-light .logo-light,
.navbar-stick-dark.stick .logo-dark,
.navbar-stick-light.stick .logo-light {
    width: 150px
}

.nav-navbar .nav .nav-link {
    color: #000
}

.nav-navbar .nav .nav-link:hover {
    color: #c3002f
}

.navbar-stick-dark.stick .nav-navbar>.nav-item>.nav-link {
    color: #000
}

.navbar-light .nav-navbar>.nav-item>.nav-link {
    color: #fff
}

.navbar-light .nav-navbar>.nav-item:hover>.nav-link {
    color: #000
}

.navbar-stick-dark.stick .nav-navbar>.nav-item:hover>.nav-link {
    color: #c3002f
}

.btn-danger {
    color: #fff!important
}

@media (min-width:2000px) {
    .portfolio_outer img {
        height: 600px;
        object-fit: cover;
        width: 100%
    }
}

.por_home .portfolio_outer img {
    border-radius: 5px;
    max-height: 282px;
    object-fit: cover
}

.portfolio_outer img {
    border-radius: 5px 5px 0 0;
    width: 100%;
    object-position: center;
    object-fit: cover
}

@media (min-width:992px) {
    .portfolio_outer img {
        height: 350px;
        object-fit: cover
    }
}

@media (min-width:768px) and (max-width:991px) {
    .portfolio_outer img {
        height: 220px;
        object-fit: cover
    }
}

.accordion,
.card,
img {
    border-radius: 5px
}

.card {
    border: 1px solid rgba(0, 0, 0, .07)
}

.card:hover {
    box-shadow: 0 2px 18px 0 rgba(0, 0, 0, .07)
}

.card-header,
.card_blog img {
    border-radius: 5px 5px 0 0
}

.portfolio_title,
.work_outer {
    border-radius: 0 0 5px 5px
}

a.text-danger:focus,
a.text-danger:hover {
    color: #000!important
}

footer .nav-link {
    padding: 0;
    margin-right: 25px;
    color: #fff;
    font-weight: 400!important;
    text-transform: none!important
}

footer .nav-link:first-child {
    margin-right: 15px;
    font-weight: 500!important
}

.footer_heading,
footer p {
    color: #000
}

.social-clutch img {
    max-width: 19px
}

.social-good-firm img {
    max-width: 20px
}

.social {
    padding: 9px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.social a {
    opacity: 1;
    margin-right: 9px;
    margin-bottom: 9px;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 100%;
    background: #f3f4f5;
    height: 45px;
    width: 45px;
    overflow: hidden;
    position: relative
}

.social a::after {
    content: "";
    position: absolute;
    bottom: -50px;
    height: 50px;
    width: 50px;
    transition: all .5s ease-in-out
}

.social a.social-facebook::after {
    background-color: #3b5998
}

.social a.social-twitter::after {
    background-color: #55acee
}

.social a.social-linkedin::after {
    background-color: #007bb5
}

.social a.social-dribbble::after {
    background-color: #c32361
}

.social a.social-instagram::after {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%)
}

.social a.social-behance::after {
    background-color: #003ecb
}

.social a.social-upwork::after {
    background-color: #6eda44
}

.social a.social-clutch::after {
    background-color: #ff3c2d
}

.social a.social-good-firm::after {
    background-color: #396fd3
}

.social a.social-upwork:hover path {
    fill: #fff
}

.social a.social-clutch:hover path {
    fill: #fff
}

.social a.social-good-firm:hover path {
    fill: #fff
}

.social a:hover::after {
    bottom: 0
}

.social .fa {
    font-size: 23px;
    z-index: 9999;
    transition: all .5s ease-in-out
}

.social svg {
    z-index: 999
}

.social .fa-facebook {
    color: #989da3
}

.social .fa-twitter {
    color: #989da3
}

.social .fa-linkedin {
    color: #989da3
}

.social .fa-dribbble {
    color: #989da3
}

.social .fa-instagram {
    color: #989da3
}

.social a:hover .fa-facebook {
    color: #fff
}

.social a:hover .fa-twitter {
    color: #fff
}

.social a:hover .fa-linkedin {
    color: #fff
}

.social a:hover .fa-dribbble {
    color: #fff
}

.social a:hover .fa-instagram {
    color: #fff
}

.social a:hover .fa-behance {
    color: #fff
}

.copyright .footer-info {
    color: #fff;
    font-size: 12px;
    opacity: 1
}

.copyright .footer-info a {
    color: #000!important;
    opacity: .9
}

.copyright .footer-info a:hover {
    opacity: 1;
    color: #ce1230!important
}

.blog_section .card img {
    height: 370px;
    object-fit: cover;
    border-radius: 5px
}

.slick-slide img {
    width: 100%
}

@media (max-width:380px) {
    .navbar-brand {
        width: 134px
    }
}

.inr_page_top_section {
    padding-top: 50px;
    padding-bottom: 0;
    margin-bottom: -10px;
}

.inr_page_top_section.search_listing_page {
    padding-top: 150px
}

@media (max-width:575px) {
    .section.inr_page_top_section {
        padding-top: 100px!important;
        padding-bottom: 0!important
    }
    .section.inr_page_top_section.dispatchray_portfolio {
        padding-top: 55px!important
    }
}

.body-scrolled.navbar-scrolled .iner_page_nav[data-navbar=sticky] {
    -webkit-transform: none;
    transform: none;
    background-color: #fff!important;
    webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 9px rgba(0, 0, 0, .05)
}

.main_outer {
    border: 1px solid #f1f2f3;
    margin-bottom: 60px;
    height: calc(100% - 60px)
}

.main_outer:hover {
    box-shadow: 0 0 36px rgba(0, 0, 0, .06);
    transition: .3s all
}

.portfolio_outer {
    height: 100%
}

.work_outer {
    padding: 20px 25px 40px;
    transition: .6s all;
    min-height: 100%
}

.main_outer:hover .work_outer {
    background-color: #000
}

.main_outer:hover .btn-danger {
    color: #fff!important;
    border-color: #fff
}

.main_outer .btn:hover {
    color: #000!important
}

.main_outer .btn:hover::after {
    background-color: #fff
}

.main_outer .work_outer h3,
.main_outer .work_outer h4,
.main_outer .work_outer p,
.main_outer:hover .work_outer i {
    color: #000;
    transition: .6s all
}

.main_outer:hover .work_outer h3 a,
.main_outer:hover .work_outer h4 a,
.main_outer:hover .work_outer i,
.main_outer:hover .work_outer p,
.main_outer:hover .work_outer p a {
    color: #fff
}

.move-down {
    font-size: 25px;
    transition: .4s all;
    display: inline-block;
    position: relative;
    top: 0
}

.move-down:hover {
    transition: .4s all;
    top: 8px
}

.all_both ul li {
    padding: 10px 0
}

.all_both ul {
    padding-left: 0;
    margin-left: 0;
    list-style: none
}

.all_both ul li a {
    font-size: 18px;
    color: #000;
    border-bottom: 1px solid rgba(44, 48, 49, .3);
    padding-bottom: 7px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px
}

.all_both ul li a:hover {
    border-bottom: 1px solid #c3002f
}

.all_both ul li a i {
    opacity: 0;
    display: none;
    font-size: 15px;
    font-size: 15px;
    transition: .4s all
}

.all_both ul li a:hover i {
    opacity: 0
}

.text-danger.btn_less,
.text-danger.btn_less2,
.text-danger.btn_less3,
.text-danger.btn_more,
.text-danger.btn_more2,
.text-danger.btn_more3 {
    border-bottom: 1px solid rgba(44, 48, 49, .3);
    padding: 0;
    padding-bottom: 7px;
    cursor: pointer;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600!important;
    text-transform: uppercase;
    letter-spacing: 1px
}

.text-danger.btn_less i,
.text-danger.btn_less2 i,
.text-danger.btn_less3 i,
.text-danger.btn_more i,
.text-danger.btn_more2 i,
.text-danger.btn_more3 i {
    display: none
}

.text-danger.btn_less2:hover,
.text-danger.btn_less3:hover,
.text-danger.btn_less:hover,
.text-danger.btn_more2:hover,
.text-danger.btn_more3:hover,
.text-danger.btn_more:hover {
    border-bottom: 1px solid #c3002f
}

.services_list_inr {
    list-style: none;
    padding: 0;
    margin-bottom: 30px
}

.services_list_inr li {
    padding-left: 20px;
    position: relative;
    margin-bottom: 15px
}

.services_list_inr li a {
    border-bottom: 1px solid rgba(44, 48, 49, .3);
    padding-bottom: 7px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px
}

.services_list_inr li a:hover {
    color: #000;
    border-bottom: 1px solid #c3002f
}

.services_list_inr li:before {
    position: absolute;
    content: "";
    border: 3px solid #000;
    border-radius: 50%;
    top: 11px;
    left: 0;
    width: 12px;
    height: 12px
}

.love_open_source_otr img {
    width: 100px!important
}

.love_open_source_otr {
    padding: 15px 20px;
    margin-bottom: 50px
}

@media (max-width:767px) {
    .work_outer {
        min-height: unset
    }
    .social .footer_heading {
        width: 100%
    }
}

.industries_section p {
    margin-bottom: 30px
}

.industries_section img {
    height: 350px;
    width: 100%;
    object-fit: cover;
    object-position: top
}

@media (max-width:767px) {
    .industries_section h2 {
        margin: 30px 0 10px
    }
    .section.small_bottom_padding:last-child {
        padding-bottom: 25px
    }
}

@media (max-width:425px) {
    .industries_section img {
        height: 230px
    }
}

.head_details img,
.img_gray,
.team_member img {
    filter: saturate(0) brightness(110%);
    transition: .6s all
}

.head_details img:hover,
.img_gray:hover,
.team_member img:hover {
    filter: inherit;
    transition: .6s all
}

.all_text_show,
.all_text_show2,
.all_text_show3,
.btn_less,
.btn_less2,
.btn_less3 {
    display: none
}

.social_icon_head i {
    height: 30px;
    width: 30px;
    background: #000;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 31px
}

.social_icon_head a {
    margin-right: 5px
}

.partner_logos {
    margin-bottom: 20px
}

.partner_logos img {
    width: 100%
}

.featured_slider img {
    height: 90px;
    object-fit: contain
}

@media (max-width:767px) {
    .head_details {
        margin-bottom: 40px
    }
    .col-md-6:last-child .head_details {
        margin-bottom: 0
    }
}

.form_search_blog {
    position: relative
}

.form_search_blog input,
.form_search_blog input:focus {
    border: none;
    background-color: #f2f2f2;
    border-radius: 5px;
    padding: 8px 20px;
    font-size: 18px;
    height: 48px
}

.form_search_blog button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    background-color: transparent;
    border: none;
    font-size: 25px;
    color: #969696;
    z-index: 99;
    background-color: #f2f2f2
}

.navbar-light .navbar-toggler,
.navbar-stick-light.stick .navbar-toggler {
    color: #fff
}

.navbar-dark .navbar-toggler,
.navbar-stick-dark.stick .navbar-toggler {
    color: #000
}

.navbardeleteMeetingClose {
    position: absolute;
    top: -7px;
    right: 18px;
    font-size: 28px
}

.mobile_serch_box {
    background: 0 0;
    width: 100%
}

.mobile_serch_box .input-glass .form-control {
    border: 1px solid #000;
    color: #000
}

.mobile_serch_box .input-glass .form-control::placeholder {
    color: #000
}

.side_bar_ser .portfolio_outer img {
    height: auto
}

@media (min-width:320px) and (max-width:991px) {
    .navbar-expand-lg .navbar-mobile {
        width: 100%;
        left: -100%
    }
    .nav_item .nav {
        display: inline-block
    }
    .nav-item .nav .nav-link,
    .nav_item .nav .nav-link {
        min-width: 140px;
        padding-left: 0;
        padding-right: 0
    }
    .nav-navbar .nav-link {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:991px) {
    .navbar-expand-lg .navbar-mobile {
        position: fixed;
        padding-top: 15px
    }
    .navbar-mobile .nav-navbar .nav {
        min-width: 100%!important;
        margin-left: 0;
        border-left: 0!important
    }
}

@media (max-width:460px) {
    .navbar-toggler {
        margin-right: 5PX;
        padding: 5px 0
    }
}

.btn_less2:hover i,
.btn_less:hover i,
.btn_more2:hover i,
.btn_more:hover i,
.read_more:hover i {
    position: relative;
    left: 6px
}

.read_more i {
    font-weight: 800
}

.categories_blog .blog_categories {
    margin-bottom: 15px
}

.categories_blog .blog_categories a {
    background-color: #f2f2f2;
    border-radius: 5px;
    display: block;
    padding: 8px 20px;
    font-size: 18px;
    transition: .4s all
}

.categories_blog .blog_categories a:hover {
    background-color: #c3002f;
    color: #fff;
    transition: .4s all
}

.popular_tags_links a {
    padding: 5px 8px;
    background-color: #f2f2f2;
    color: #000;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 13px;
    border-radius: 5px;
    margin-right: 7px
}

.popular_tags_links a:hover {
    background-color: #dedede
}

.most_popular_links {
    padding: 10px 20px;
    background-color: #f2f2f2;
    border-radius: 5px;
    display: block;
    font-size: 18px;
    transition: .4s all
}

.most_popular_links:hover {
    background-color: #c3002f;
    color: #fff;
    transition: .4s all
}

.most_popular_links_count {
    margin: 10px 0;
    font-size: 18px
}

hr {
    border-top-color: #000
}

.blog_title {
    line-height: normal
}

.blog_title a {
    font-size: 44px;
    line-height: normal
}

@media (max-width:767px) {
    .blog_sidebar {
        margin-top: 80px
    }
}

@media (max-width:575px) {
    .services_list_inr li:before {
        top: 12px
    }
}

.page_changes_btn {
    margin: 60px 0 10px;
    text-align: center
}

.page_changes_btn a {
    background-color: #f2f2f2;
    border-radius: 5px;
    display: block;
    padding: 8px 20px;
    font-size: 18px;
    transition: .4s all;
    font-weight: 500
}

.page_changes_btn a span {
    font-weight: 500
}

.page_changes_btn a:hover {
    background-color: #c3002f;
    color: #fff;
    transition: .4s all
}

@media (max-width:575px) {
    .page_changes_btn a span {
        display: none
    }
}

.all_blogs_sec .card_blog {
    margin-bottom: 50px
}

.all_blogs_sec .postedBy_date_time a {
    padding-bottom: 7px;
    border-bottom: 1px solid #c3c3c3;
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px
}

.section.bg-gray {
    background-color: #efefef
}

.section_contact form input,
.section_contact form textarea {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #939393;
    background-color: transparent;
    border-radius: 0;
    font-weight: 400
}

.section_contact form input::placeholder,
.section_contact form textarea::placeholder {
    color: #909090;
    opacity: 1
}

.section_contact form input:hover,
.section_contact form textarea:hover {
    border-bottom: 1px solid #eaeff4!important
}

.section_contact form input:focus,
.section_contact form input:hover,
.section_contact form textarea:focus,
.section_contact form textarea:hover {
    border: none;
    border: 1px solid #000!important;
    box-shadow: none;
    background-color: transparent
}

.input-line .form-control {
    background-image: none;
    border: 1px solid #ededed!important;
    padding: 10px;
    border-radius: 3px;
    min-height: 62px;
    background-color: #fff
}

.input-line textarea.form-control {
    height: 224px;
    resize: none;
    line-height: 26px
}

.section_contact form input:focus,
.section_contact form textarea:focus {
    border: 1px solid #000!important;
    background-image: none
}

.section_contact form .form-group {
    margin-bottom: 20px
}

.section_contact form .contact_sub_btn {
    background-color: #c3002f;
    color: #fff;
    margin-top: 20px
}

.section_contact form .contact_sub_btn i {
    color: #fff
}

.cus-contact-page .form-group .form-control {
    font-size: 16px
}

.cus-contact-page .form-control:focus,
.cus-contact-page .form-control:hover {
    border: 1px solid #000!important
}

.cus-contact-page .form-group.has-error .form-control {
    border: 1px solid #c3002f!important
}

.cus-contact-page .control-label {
    display: none
}

.cus-contact-page .google-captcha-icon {
    width: 100%
}

.cus-contact-page .google-captcha-icon img {
    border-radius: 0
}

.world_wide_sec img {
    max-height: 313px;
    width: 100%;
    object-fit: cover;
    object-position: top
}

.address_think3960.card {
    padding: 50px
}

.root_from_chandigarh {
    background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/contact/chandigarh-bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    padding-bottom: 34%
}

.section_contact {
    padding: 0
}

@media (max-width:991px) {
    .root_from_chandigarh {
        background-image: none;
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 20px
    }
    .address_think3960.card {
        padding: 20px
    }
    .section_contact form .form-group {
        margin-bottom: 10px
    }
    .section_contact {
        padding: 40px 0
    }
}

@media (max-width:575px) {
    .address_think3960.card {
        padding: 15px
    }
}

.process_details h3,
.process_details img,
.process_details p,
.process_details ul {
    margin-bottom: 15px;
    word-break: break-word
}

.process_details ul {
    padding-left: 0;
    list-style: none
}

.process_details ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px
}

.process_details ul li::before {
    position: absolute;
    content: "";
    border: 3px solid #000;
    border-radius: 50%;
    top: 11px;
    left: 0;
    width: 12px;
    height: 12px
}

.industries_section .text-danger,
.process_details ul li a {
    color: #000!important;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(44, 48, 49, .3);
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px
}

.industries_section .text-danger:hover,
.process_details ul li a:hover {
    border-bottom: 1px solid #c3002f
}

.brand_exp {
    width: 60%;
    margin: auto;
    display: block
}

.sec_counter {
    text-align: center;
    padding: 30px 0
}

.sec_counter h3.text-danger {
    margin-top: 15px
}

.sec_counter img {
    width: 100px!important
}

.section_app_deployed ._img {
    margin: 30px 0;
    text-align: center
}

.section_app_deployed ._img img {
    width: 100%
}

.why_edu_details ul {
    padding-left: 0;
    list-style: none
}

.why_edu_details ul li {
    position: relative;
    padding-left: 20px
}

.why_edu_details ul li::before {
    position: absolute;
    content: "";
    border: 3px solid #000;
    border-radius: 50%;
    top: 11px;
    left: 0;
    width: 12px;
    height: 12px
}

.expertise_img {
    margin: 30px 0;
    position: relative
}

.expertise_img img {
    width: 100%
}

.btn {
    cursor: pointer;
    letter-spacing: 1px;
    font-weight: 500!important;
    font-size: 15px;
    border: none
}

.btn:focus,
.btn:hover {
    border: none
}

.btn-sm {
    padding: 7px 20px
}

.expertise_img .expertise_title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center
}

.educational_details {
    padding: 25px 40px
}

.section-cusTopPad {
    padding-top: 10px!important
}

.section-cusBottomPad {
    padding-bottom: 0!important
}

.section-cusBottomPad .body_section-header {
    padding-bottom: 0
}

.client_slider,
.our-partner-row {
    margin-top: 30px
}

@media (max-width:991px) and (min-width:768px) {
    .expertise_img .expertise_title {
        font-size: 25px
    }
}

@media (max-width:991.98px) {
    .section {
        padding-top: 50px!important;
        padding-bottom: 50px!important
    }
    .blog_section,
    .first_sec_inner_page,
    .sec_cor_services {
        padding-top: 0!important
    }
    .section-cusTopPad,
    .single_blog {
        padding-top: 0!important
    }
    .section-cusBottomPadWork {
        padding-bottom: 20px!important
    }
    .section-cusBottomPad {
        padding-bottom: 0!important
    }
    .why_edu_details {
        padding-left: 0!important
    }
    .nav-navbar .nav-item:hover ul.nav,
    .nav-navbar .nav_item:hover ul.nav {
        margin-top: 0
    }
    .navbar-mobile {
        justify-content: flex-start
    }
}

.plus_img {
    width: 180px;
    background: #c3002f;
    border-radius: 100%
}

.send_resume {
    display: inline-block;
    transition: .4s all;
    border-radius: 100%
}

.send_resume:hover {
    box-shadow: 0 0 10px #c3002f;
    transition: .4s all;
    display: inline-block;
    border: none!important
}

.useful_links_sec {
    padding-bottom: 80px
}

.resum_section {
    background-color: #f9f9f9
}

@media (max-width:767px) {
    .text_side_team {
        text-align: center
    }
    .h-fullscreen.gradient_header {
        height: 100vh!important
    }
}

.process_list {
    list-style: none;
    padding-left: 0
}

.process_list li a {
    font-weight: 500;
    color: #000;
    border-bottom: 1px solid rgba(44, 48, 49, .3);
    padding-bottom: 7px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px
}

.process_list li a:hover {
    border-bottom: 1px solid #c3002f
}

.process_list li {
    position: relative;
    counter-increment: item;
    display: flex;
    align-items: center;
    padding-left: 20px;
    margin-bottom: 15px
}

.process_list li:before {
    position: absolute;
    content: "";
    border: 3px solid #000;
    border-radius: 50%;
    top: 11px;
    left: 0;
    width: 12px;
    height: 12px
}

.details_text_text ul {
    list-style: none;
    padding-left: 0
}

.details_text_text ul li {
    position: relative;
    padding-left: 20px
}

.details_text_text ul li::before {
    position: absolute;
    content: "";
    border: 3px solid #000;
    border-radius: 50%;
    top: 11px;
    left: 0;
    width: 12px;
    height: 12px
}

.left_border {
    border-left: 5px solid #000;
    padding-left: 25px
}

.fix_background_image {
    background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/mobile-app-development-service.jpg)
}

.fix_background_image_web {
    background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/web-development-think360.jpg)
}

.fix_background_image_ecommerce {
    background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/ecommerce-development.jpg)
}

.fix_background_image,
.fix_background_image_ecommerce,
.fix_background_image_web {
    background-size: cover;
    -webkit-background-size: cover;
    background-position: top center;
    background-attachment: inherit;
    background-repeat: no-repeat;
    height: 600px
}

@media (max-width:767px) {
    .fix_background_image,
    .fix_background_image_ecommerce,
    .fix_background_image_web {
        height: 400px
    }
}

@media (max-width:575px) {
    .fix_background_image,
    .fix_background_image_ecommerce,
    .fix_background_image_web {
        height: 250px
    }
}

.capabilities_section ul {
    list-style: none;
    padding-left: 0
}

.capabilities_section ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px
}

.capabilities_section ul li a {
    color: #000!important;
    border-bottom: 1px solid rgba(44, 48, 49, .3);
    padding-bottom: 7px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px
}

.capabilities_section ul li a:hover {
    border-bottom: 1px solid #c3002f
}

.capabilities_section ul li::before {
    position: absolute;
    content: "";
    border: 3px solid #000;
    border-radius: 50%;
    top: 11px;
    left: 0;
    width: 12px;
    height: 12px
}

.round_list_icon {
    list-style: none;
    padding-left: 0
}

.round_list_icon li {
    position: relative;
    padding-left: 20px
}

.round_list_icon li::before {
    position: absolute;
    content: "";
    border: 3px solid #000;
    border-radius: 50%;
    top: 11px;
    left: 0;
    width: 12px;
    height: 12px
}

.pres_img {
    background: #c3002f;
    padding: 20px
}

.small_images img {
    width: 120px
}

.usability_img {
    margin: 0
}

.section_worked_With ._img img {
    height: 80px;
    object-fit: contain
}

.round_list_icon.big li {
    padding-left: 35px
}

.round_list_icon.big li::before {
    top: 17px;
    left: 0;
    width: 15px;
    height: 15px
}

.innovation_angular_sec {
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/angulaackgound-1.jpg) no-repeat
}

.why_think_bg {
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/node-js-bg.jpg) no-repeat
}

.innovation_CodeIgniter_sec,
.innovation_angular_sec,
.why_think_bg {
    background-size: cover;
    background-position: center center;
    color: #fff
}

.round_list_icon.i_white li::before {
    border: 3px solid #fff
}

.learning-management-portal-for-accenture-header {
    background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/accenture_top_bg.jpg)
}

.big_ab_font {
    font-size: 140px
}

.indus-hospital-header {
    background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/indus_top_bg_desktop-1.jpg);
    background-position: right;
    background-size: cover
}

.easy-data-header {
    background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/EBD_top_pattren.jpg);
    padding-bottom: 235px
}

.bg-blue {
    background-color: #2e57ab
}

.less-mar {
    margin-top: -250px
}

.extra-mar {
    margin-bottom: -250px
}

.btn-danger.white {
    background-color: transparent!important;
    color: #fff!important;
    border-color: #fff
}

.btn-danger.white:focus,
.btn-danger.white:hover {
    box-shadow: inherit;
    border-color: #fff!important
}

@media (max-width:1200px) and (min-width:0px) {
    .section.inr_page_top_section.indus-hospital-header {
        background-position: left;
        padding-bottom: 60px!important
    }
    .section.inr_page_top_section.easy-data-header {
        padding-bottom: 60px!important
    }
    .less-mar {
        margin-top: 0
    }
    .extra-mar {
        margin-bottom: 0
    }
}

.easy-data-header_bottom {
    min-height: 500px
}

.less-mar-2 {
    margin-top: -450px
}

.less-mar-3 {
    margin-top: -420px!important
}

.agter_quotes img {
    border-radius: 50%
}

.agter_quotes {
    position: relative;
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 4px;
    margin-top: 20PX
}

.agter_quotes::before {
    position: absolute;
    z-index: 2;
    top: -25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-border-radius: 31px;
    -moz-border-radius: 31px;
    border-radius: 31px;
    background: #f5f5f5;
    font-size: 32px;
    content: "\f10d";
    text-align: center;
    font-family: fontawesome
}

.fix_bg_lab_advisor {
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/lab-advisor.jpg) no-repeat
}

.bg_hoppinride_sec,
.fix_background_image_data,
.fix_bg_gig_tricks,
.fix_bg_gig_tricks_wireframes,
.fix_bg_health_guru,
.fix_bg_health_guru_app,
.fix_bg_health_guru_last,
.fix_bg_health_wireframe,
.fix_bg_lab_advisor,
.fix_bg_lab_advisor2,
.fix_bg_school_sharing,
.trans_fix_background_image,
.usability_bg_img_fix {
    background-attachment: inherit!important;
    min-height: 550px!important;
    background-size: cover!important;
    -webkit-background-size: cover!important;
    background-position: center!important
}

.trans_fix_background_image {
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/29-april/digital-transformation-services-by-think360-n.jpg) no-repeat
}

.fix_background_image_data {
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/25-april/big-data-science.jpg) no-repeat
}

.fix_bg_lab_advisor2 {
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/Expreince-Testing2.jpg) no-repeat
}

.fix_bg_health_guru_app {
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/new/healthguru-mobile-app.jpg) no-repeat
}

.fix_bg_gig_tricks_wireframes {
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/new/gigtricks-wireframe.jpg) no-repeat
}

.fix_bg_health_guru {
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/new/healthguru-dashboard.jpg) no-repeat
}

.fix_bg_gig_tricks {
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/new/gig-trick-screen.jpg) no-repeat
}

.fix_bg_health_wireframe {
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/new/healthguru-wireframe.jpg) no-repeat
}

.fix_bg_health_guru_last {
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/new/healthguru-usability-testing.jpg) no-repeat
}

.fix_bg_school_sharing {
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/new/school-erp-app.jpg) no-repeat
}

.bg_hoppinride_sec {
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/new/eve/hoppin-ride-image.jpg) no-repeat
}

.usability_bg_img_fix {
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/new/eve/hoppin-ride-app.jpg) no-repeat
}

.bg-android {
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/25-april/android-app-development.jpg) no-repeat;
    background-attachment: inherit
}

.bg-ios {
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/25-april/iphone-app-development.jpg) no-repeat;
    background-attachment: inherit
}

.usability_bg_sec {
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/new/gigtrick-usabilty-testing.jpg) no-repeat;
    background-attachment: inherit;
    background-size: cover;
    -webkit-background-size: cover;
    background-position: center
}

@media (max-width:767px) {
    .bg-android,
    .bg_hoppinride_sec,
    .fix_background_image_data,
    .fix_bg_gig_tricks,
    .fix_bg_gig_tricks_wireframes,
    .fix_bg_health_guru,
    .fix_bg_health_guru_app,
    .fix_bg_health_guru_last,
    .fix_bg_health_wireframe,
    .fix_bg_lab_advisor.fix_bg_lab_advisor2,
    .fix_bg_school_sharing,
    .trans_fix_background_image,
    .usability_bg_img_fix {
        min-height: 250px
    }
    .bg_hoppinride_sec,
    .fix_background_image_data,
    .fix_bg_gig_tricks,
    .fix_bg_gig_tricks_wireframes,
    .fix_bg_health_guru,
    .fix_bg_health_guru_app,
    .fix_bg_health_guru_last,
    .fix_bg_health_wireframe,
    .fix_bg_lab_advisor,
    .fix_bg_lab_advisor2,
    .fix_bg_school_sharing,
    .trans_fix_background_image,
    .usability_bg_img_fix {
        background-attachment: inherit!important;
        min-height: 550px!important;
        background-size: cover!important;
        -webkit-background-size: cover!important;
        background-position: center!important
    }
}

.bg-section-lab-ad {
    background-color: #1f8089
}

.ecar_up_header {
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/new/echarge-top-bg.jpg) no-repeat;
    background-size: cover;
    background-position: top center
}

.IconGRAPHY_bg {
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/new/icongraphy-bg.jpg) no-repeat;
    background-size: cover;
    background-position: top center
}

.solution_bg_sec {
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/new/eco_coach_solutions_bg_desktop.jpg) no-repeat;
    background-size: cover;
    background-position: right
}

.bg-green_lux {
    background-color: #8dc63f
}

.bg-orange_lux {
    background-color: orange
}

.boder_top_hop {
    border-top: 10px solid #8dc63f;
    box-shadow: 0 0 15px #ddd
}

.boder_top_hop_orange {
    border-top: 10px solid orange;
    box-shadow: 0 0 15px #ddd
}

.bg-wordpress {
    background-color: #216089
}

.progress-bar {
    width: 0;
    animation: progress 1.5s ease-in-out forwards;
    padding: 2px 0;
    margin-bottom: 10px;
    border-radius: 25px
}

.progress-bar .title {
    opacity: 0;
    animation: shown .35s forwards ease-in-out .5s
}

.progress_outer {
    border-radius: 25px;
    background-color: #ddd
}

@keyframes progress {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}

@keyframes shown {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.timeline_history img {
    max-height: 100%
}

.awards_section a {
    display: block
}

.section_quote {
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/25-april/get-a-quote-bg.jpg) no-repeat center;
    background-size: cover
}

.quote_header {
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/25-april/request-a-quote.jpg) no-repeat center;
    background-size: cover
}

.line_hi_author {
    line-height: 22px
}

.line_hi_author span {
    font-weight: 500;
    margin-bottom: 5px;
    display: inline-block
}

#nav-tabContent p a {
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(44, 48, 49, .3);
    display: inline-block;
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px
}

#nav-tabContent p a:hover {
    border-bottom: 1px solid #c3002f
}

.single_blog h1,
.single_blog h2,
.single_blog h3,
.single_blog h4,
.single_blog h5,
.single_blog h6 {
    margin-top: 30px;
    margin-bottom: 0
}

.image-round {
    border-radius: 50%;
    width: 80px!important;
    height: 80px;
    object-fit: cover;
    object-position: center;
    margin-top: 10px
}

.single_blog iframe {
    height: 400px
}

.single_blog {
    padding-top: 10px
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-color: #d01c39 #f1f2f3 #fff
}

.social_icon_author .social a {
    height: auto;
    width: 15px;
    text-align: center
}

.social_icon_author .social {
    justify-content: center
}

#nav-tabContent .tab-pane p {
    margin-bottom: 0
}

.single_blog a,
.single_blog h2,
.single_blog h3,
.single_blog h4,
.single_blog h5,
.single_blog h6,
.single_blog hr,
.single_blog iframe,
.single_blog img,
.single_blog ol,
.single_blog p:last-child,
.single_blog span,
.single_blog table,
.single_blog ul {
    margin-bottom: 10px
}

.single_blog h2 {
    font-size: 35px
}

.single_blog ul {
    margin-bottom: 30px
}

.single_blog iframe {
    width: 100%!important
}

.step_outer {
    max-width: 290px;
    margin: auto;
    padding: 20px
}

.step_outer img {
    width: 90px
}

.step_outer h3 {
    font-size: 18px
}

.step_outer.step_1 {
    background-color: #2095f2
}

.step_outer.step_2 {
    background-color: #009587
}

.step_outer.step_3 {
    background-color: #fec006
}

.step_outer.step_4 {
    background-color: #6639b6
}

.step_outer.step_5 {
    background-color: #9b26af
}

.step_outer.step_6 {
    background-color: #4bae4f
}

.step_outer.step_7 {
    background-color: #fe5621
}

.step_outer.step_8 {
    background-color: #785447
}

.step_outer.step_9 {
    background-color: #9d9d9d
}

.uper_content {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding-top: 65px
}

.uper_content .link_underline a {
    color: #fff!important
}

.uper_content #content {
    width: 100%
}

.feature-section {
    position: relative;
    overflow: hidden;
    padding-top: 125px;
    padding-bottom: 160px;
    background-color: #5bb74a;
    color: #fff;
    transition: background .5s ease
}

@media (max-width:991px) {
    .feature-section {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

.feature-section .slick-next,
.feature-section .slick-prev {
    -webkit-transform: translate(0, 27px)!important;
    transform: translate(0, 27px)!important;
    top: 100%!important;
    background: 0 0;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    border: 1px solid #fff
}

.feature-section .slick-next:before,
.feature-section .slick-prev:before {
    width: 12px;
    height: 12px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.feature-section .slick-prev:before {
    margin-left: 3px
}

.feature-section .slick-next:before {
    margin-right: 1px
}

.feature-section .slick-prev {
    left: -103px
}

.feature-section .slick-next {
    right: inherit;
    left: 43px
}

.feature-section .feature-section-container {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 10px
}

.feature-section .slick-dots {
    justify-content: left;
    padding: 0 0 0 32px
}

h2.feature-sec-heading {
    font-size: 30px
}

.feature-section .feature-section-list.loading-slider {
    opacity: 0
}

.feature-section .feature-section-list {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    opacity: 1;
    transition: opacity .2s ease-in-out
}

.feature-section .feature-section-left {
    width: 100%;
    list-style: none;
    position: relative
}

.feature-section .feature-section-right {
    width: 100%;
    height: 100%;
    list-style: none;
    padding: 40px 10px 20px 40px
}

.feature-section .feature-section-left .feature-sec-img {
    width: 100%
}

.feature-section .feature-block {
    display: block;
    overflow: hidden
}

.feature-section .feature-sec-des {
    margin-bottom: 36px
}

.feature-section .feature-sec-link {
    display: block;
    overflow: hidden
}

.feature-section .feature-sec-link .btn {
    border-color: #fff;
    color: #fff!important
}

.feature-section .feature-sec-link .btn:hover {
    background-color: transparent!important
}

.feature-section .slick-dots {
    width: 100%;
    position: absolute;
    bottom: -60px;
    left: -86px
}

.feature-section .slick-dots li {
    display: inline-block;
    margin: 0
}

.feature-section .slick-dots li button {
    cursor: pointer;
    border: 1px solid #fff;
    padding: 0;
    background: 0 0;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    font-size: 0;
    transition: .2s ease
}

.feature-section .slick-dots li.slick-active button {
    background: #fff!important
}

@media (max-width:1199px) {
    .feature-section .feature-section-right {
        padding: 10px 0 10px 40px
    }
}

h2,
h2 a,
h2 span {
    line-height: 51px!important
}

@media (min-width:992px) {
    h1,
    h1 a,
    h1 span {
        line-height: 77px
    }
}

@media (max-width:991px) {
    .feature-section .feature-section-container {
        width: 100%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 50% 50%;
        grid-gap: 10px
    }
    .feature-section .feature-sec-des {
        margin-bottom: 10px
    }
    .feature-section .feature-section-list {
        align-items: top!important
    }
}

@media (max-width:767px) {
    .feature-section .feature-section-container {
        width: 100%;
        margin: 0 auto;
        display: block
    }
    .single_blog iframe {
        height: 300px
    }
    .feature-section .feature-section-right {
        width: 100%;
        height: 100%;
        list-style: none;
        padding: 40px 10px 20px 0
    }
    .feature-section .slick-dots {
        width: 100%;
        float: left;
        position: absolute;
        bottom: -32px;
        left: 0;
        padding-left: 0;
        justify-content: center
    }
    section.section.feature-section {
        padding-top: 60px;
        padding-bottom: 75px!important
    }
    .col-md-1 {
        display: none
    }
    h1,
    h1 a {
        font-size: 40px!important
    }
    h2,
    h2 a {
        font-size: 40px!important
    }
    h3,
    h3 a {
        font-size: 27px!important
    }
    h4,
    h4 a {
        font-size: 22px!important
    }
    a,
    li,
    p {
        font-size: 15px!important
    }
    .btn {
        font-size: 13px!important
    }
    h5 a,
    h6 a {
        font-size: 18px!important
    }
    h2.feature-sec-heading {
        font-size: 20px!important
    }
    .section {
        padding: 40px 0
    }
    .feature-sec-FeaTil {
        display: none
    }
    .small_bottom_padding {
        padding-bottom: 0
    }
    .love_open_source_otr {
        margin-bottom: 10px
    }
    .industries_section p:last-child {
        margin-bottom: 1rem
    }
    .shadow_box_btn_back {
        height: 65px
    }
}

@media (max-width:575px) {
    .timeline-horizontal::before {
        left: 50px
    }
    .timeline-horizontal .timeline-item::before {
        left: 42px
    }
    .h-fullscreen.gradient_header {
        height: 520px!important;
        padding-bottom: 0
    }
}

.text-white h2 {
    color: #fff
}

.sec_cor_services #accordion-job {
    max-width: 85%;
    margin: auto
}

.sec_cor_services #accordion-job .card-title a {
    color: #000
}

.sec_cor_services #accordion-job strong {
    font-weight: 400
}

.sec_cor_services #accordion-job ul li {
    margin-bottom: 15px
}

.sec_cor_services #accordion-job .text-danger {
    color: #000!important;
    padding-bottom: 7px;
    border-bottom: 1px solid rgba(44, 48, 49, .3)
}

.sec_cor_services #accordion-job .text-danger:hover {
    border-bottom: 1px solid #c3002f
}

.lead a:hover {
    border-bottom: 1px solid #c3002f
}

.lead .send_resume a {
    padding-bottom: 0;
    border-bottom: 0
}

.lead .send_resume a:hover {
    border-bottom: 0
}

.portfolio_outer {
    overflow: hidden
}

.background_change:hover,
.dark_bg_btn:hover {
    color: #fff;
    border: none
}

.stick .background_change:hover {
    color: #fff;
    border: none
}

img[data-provide=lightbox] {
    cursor: pointer
}

.portfolio_outer.aos-init:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #d7d7d7;
    z-index: 999;
    display: none
}

.navbar-mobile .nav-item:first-child,
.navbar-mobile .nav_item:first-child {
    display: none
}

.portfolio_outer[data-aos=animate-work-item].aos-animate::before {
    animation: slideBgLeftRight .5s forwards;
    animation-timing-function: ease-in-out
}

@keyframes slideBgLeftRight {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(100%)
    }
}

.inr_page_top_section .body_section-header {
    padding-bottom: 0
}

.lightmenu [data-navbar=sticky] {
    top: 0;
    background-color: rgba(255, 255, 255, .99)!important;
    -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, .05)!important;
    box-shadow: 0 1px 9px rgba(0, 0, 0, .05)!important;
    position: fixed!important;
    -webkit-transform: translate(0, 0)!important;
    transform: translate(0, 0)!important
}

.lightmenu .navbar-stick-dark .logo-dark {
    display: inline-block;
    min-width: 161px
}

.lightmenu .navbar .nav-item .nav-link,
.lightmenu .navbar .nav_item .nav-link {
    color: #000!important
}

.lightmenu .navbar-stick-dark .search_icon {
    color: #000;
    margin-left: 20px
}

.lightmenu .navbar-stick-dark .background_change {
    background-color: #c3002f!important;
    color: #fff!important;
    border-color: #c3002f!important
}

.navbar-toggler {
    font-size: 33px;
    z-index: 999
}

.get-touchMobicon {
    z-index: 999;
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/contact-icon-envelope.jpg) no-repeat;
    width: 30px;
    height: 30px;
    float: right;
    background-size: 100%
}

.get-touchMobicon img {
    max-width: 30px
}

.lightmenu .navbar-light .navbar-toggler {
    color: transparent;
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/mobile-hamburger.jpg) no-repeat;
    background-size: 100%;
    background-position: center center;
    cursor: pointer;
    border: 0;
    height: 30px;
    padding: 0
}

.lightmenu .navbar-light .navbar-toggler:hover {
    color: transparent
}

.card_blog .card {
    border: 0!important
}

.card_blog .card:hover {
    box-shadow: inherit!important
}

.blog_section .body_section-header {
    max-width: 832px
}

.card_blog .card .card-body {
    padding-left: 0;
    padding-right: 0
}

.card_blog a:hover {
    color: #000
}

.blog_cat a {
    color: #000!important;
    border-bottom: 1px solid rgba(44, 48, 49, .3);
    padding-bottom: 7px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px
}

.blog_cat a:hover {
    border-bottom: 1px solid #c3002f
}

.fak-navgation {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 10px
}

.fak-location {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-top: 30px;
    padding-bottom: 30px
}

.fak-social {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-top: 30px;
    padding-bottom: 30px
}

.fak-copyright {
    padding-top: 30px;
    padding-bottom: 10px
}

.fak-social .footer_heading {
    font-weight: 500;
    font-size: 17px;
    padding-right: 15px
}

.newsletter-section {
    padding: 80px 0;
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/think360studio-newsletter.jpg) no-repeat;
    background-size: cover;
    background-position: 0 0;
    text-align: center
}

.newsletter-section:before {
    background: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    content: ''
}

.newsletter-section .newslet_heading {
    color: #fff;
    margin-bottom: 0
}

.newsletter-section .newslet_subheading {
    color: #fff;
    margin-bottom: 40px
}

.newsletter-section #mc_embed_signup {
    max-width: 460px;
    margin: auto
}

.newsletter-section .mc-field-group {
    padding-bottom: 0
}

.newsletter-section .response,
.newsletter-section .response a {
    color: #fff!important;
    font-weight: 400!important
}

.newsletter-section .response a {
    display: none
}

.newsletter-section #mc_embed_signup .mc-field-group {
    width: 100%;
    padding-bottom: 0
}

.blog-detail-fbcom {
    padding-top: 50px;
    margin: 0 auto
}

.blog-detail-fbcom iframe {
    width: 100%!important
}

.ser_blog_page {
    position: relative;
    width: 100%;
    display: inline-block;
    max-width: 480px
}

.ser_blog_page button {
    position: absolute;
    right: 0;
    background: 0 0;
    border: 0;
    height: 100%;
    width: 42px;
    padding: 0
}

.btn-mtop.btn,
.portfolio_outer .btn {
    margin-top: 20px
}

.card_blog .btn {
    margin-top: 0
}

.cus-contact-page .btn-mtop.btn {
    margin-top: 40px
}

.cus_blog_bio .tab-pane h3 {
    margin-bottom: 0
}

.cus_blog_bio .tab-pane p {
    margin-top: 12px
}

.cus_blog_bio .tab-pane p .cus_blog_bio-date {
    font-size: 85%;
    color: #757575;
    margin-left: 15px
}

.scroll-progressBar {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    float: left;
    z-index: 9999;
    height: 2px
}

.scroll-progressBarIn {
    background: #c3002f;
    height: 2px;
    float: left
}

.head_details img {
    width: 100%
}

.cus-contact-page {
    border-top: 0;
    margin-top: -10px;
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/get-touch-bg.png) no-repeat;
    background-position: top center
}

.cus-contact-page:hover {
    box-shadow: inherit
}

.cus-contact-page form {
    margin-bottom: 80px
}

.root_from_chandigarh .body_section-header {
    padding-bottom: 0
}

.breadc-page-main {
    display: flex
}

.breadc-page-main a,
.breadc-page-main span {
    margin: 0 3.7px 0 0
}

.breadc-page-main .breadc-page-txt {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 280px;
    white-space: nowrap;
    display: inline-block
}

.single_blog a {
    padding-bottom: 7px;
    border-bottom: 1px solid #c3c3c3;
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px
}

.single_blog a span {
    font-weight: 600!important;
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px
}

.single_blog a:hover {
    border-bottom: 1px solid #c3002f
}

#home_header_animation {
    background-color: #000;
    min-height: 75vh;
    padding-bottom: 0
}

#home_header_animation .btn {
    border-color: #c3002f;
    color: #fff!important
}

#home_header_animation .btn:hover {
    background-color: #c3002f!important;
    border-color: #c3002f
}

.feature-carousel-container {
    padding-left: 0
}

.feature-carousel-container img {
    border-radius: 0
}

.slick-dots li button {
    height: 10px;
    width: 10px
}

.feature-carousel-container .slick-dots li button {
    font-size: 0;
    margin: 5px;
    height: 14px;
    width: 10px;
    border-radius: 100%
}

.feature-carousel-container .slick-dots {
    bottom: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    display: flex;
    justify-content: center
}

.slick-next::before,
.slick-prev::before {
    height: 10px;
    width: 10px;
    opacity: 1
}

.slick-next,
.slick-prev {
    background-color: rgba(0, 0, 0, .7);
    height: 90px
}

.feature-carousel-container .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    height: auto;
    color: #fff;
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    height: 20px;
    width: 20px;
    background-color: transparent;
    font-size: 0;
    z-index: 9
}

.slider_wl_sec .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    height: auto;
    color: #fff;
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    height: 20px;
    width: 20px;
    background-color: transparent;
    font-size: 0
}

.feature-carousel-container .slick-next {
    right: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.feature-carousel-container .slick-prev {
    left: 20px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.slider_wl_sec .slick-next {
    right: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.slider_wl_sec .slick-prev {
    left: 20px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.btn,
.btn.btn-default,
.btn.btn-lg,
.btn.btn-primary,
.btn.btn-sm,
.btn.btn-xs {
    background-color: #c3002f!important;
    color: #fff!important;
    border-color: #c3002f;
    border-radius: 10rem;
    padding-left: 20px;
    padding-right: 20px;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.services_links_btns a {
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.btn.btn-default::after,
.btn.btn-lg::after,
.btn.btn-primary::after,
.btn.btn-sm::after,
.btn.btn-xs::after,
.btn::after,
.services_links_btns a::after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #000;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -1;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.services_links_btns a::after {
    background-color: #ce1230
}

.btn.btn_fff::after {
    background-color: #fff
}

.btn.btn_white {
    border-color: #fff;
    color: #fff!important
}

.btn.btn_fff:hover {
    color: #000!important
}

.btn.btn-default:focus::after,
.btn.btn-default:hover::after,
.btn.btn-lg:focus::after,
.btn.btn-lg:hover::after,
.btn.btn-primary:focus::after,
.btn.btn-primary:hover::after,
.btn.btn-sm:focus::after,
.btn.btn-sm:hover::after,
.btn.btn-xs:focus::after,
.btn.btn-xs:hover::after,
.btn:hover::after,
.services_links_btns a:hover::after {
    top: 0
}

.blog_section .card-body {
    padding-bottom: 0
}

.jumbotron {
    padding: 2rem
}

.jumbotron h1,
.jumbotron h2,
.jumbotron h3,
.jumbotron h4,
.jumbotron h5,
.jumbotron h6 {
    margin-top: 0;
    margin-bottom: 10px
}

.btn-danger.white.great-white {
    background-color: transparent!important;
    color: #fff!important;
    border-color: #fff
}

.btn-danger.white.great-white:hover,
.btn-danger.white:focus,
.btn-danger.white:hover {
    background-color: #000!important;
    color: #fff!important;
    border-color: #000!important
}

.jumbotron p:last-child {
    margin-bottom: 0
}

.cus-contact-page .control-label {
    display: block!important;
    font-size: 16px
}

.cus-contact-page .form-group .form-control,
.input-line textarea.form-control {
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media(min-width:1367px) {
    #home_header_animation h1 {
        margin-top: 0
    }
}

@media(min-width:991px) {
    .fak-navgation .nav {
        margin: 12px 0
    }
}

@media(max-width:992px) {
    .fak-navgation .nav-link {
        margin-top: 10px;
        font-size: 15px
    }
    .fak-location .col-lg-3 {
        margin-bottom: 25px
    }
    .fak-location .col-lg-3:last-child {
        margin-bottom: 0
    }
    .sec_cor_services ul li {
        width: 50%
    }
    .nav-navbar .nav-link {
        line-height: inherit!important
    }
    .base-layer {
        display: none
    }
    .feature-section .slick-dots {
        bottom: -20px
    }
    .feature-section .slick-next,
    .feature-section .slick-prev {
        transform: translate(0, -10px)!important
    }
    .cus-contact-page form {
        margin-bottom: 0
    }
}

@media(max-width:1024px) {
    #return-to-top {
        display: none!important
    }
}

@media(max-width:767px) {
    .sec_cor_services ul li {
        width: 100%
    }
    .slider_wl_sec .slick-arrow {
        z-index: 999
    }
    #offcanvas-searcsssh2 input[type=submit] {
        padding: 9.5px 11.5px!important
    }
    .our_clients_sec .text-center {
        background: #fff;
        border: 1px solid rgba(0, 0, 0, .07);
        border-radius: 5px;
        padding: 15px 5px
    }
    .breadc-page-main {
        flex-wrap: wrap
    }
    .feature-section .slick-next,
    .feature-section .slick-prev {
        -webkit-transform: translate(0, 0)!important;
        transform: translate(0, 0)!important
    }
    .feature-section .slick-prev {
        left: 0
    }
    .feature-section .slick-next {
        right: 0;
        left: inherit
    }
    #home_header_animation .btn {
        border-color: #c3002f;
        background-color: #c3002f!important
    }
    .feature-section .slick-dots {
        bottom: -34px
    }
    .fix_background_image,
    .fix_background_image_ecommerce,
    .fix_background_image_web {
        background-attachment: inherit
    }
    .uper_content h1 .fw-500 {
        font-size: 32px;
        line-height: 0
    }
    #home_header_animation {
        min-height: 62vh
    }
    #home_header_animation h1 {
        margin-top: 0
    }
    #container {
        justify-content: flex-start
    }
    #container h1 {
        margin-right: 0!important;
        margin-bottom: 10px!important;
        width: 100%
    }
    #container div {
        text-align: left!important
    }
    #container {
        margin-top: 7vh!important
    }
    #flip>div>div {
        padding-left: 0!important;
        font-size: 27px!important;
        line-height: 28px!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .nav-navbar .nav-link {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media (min-width:1025px) {
    .first_sec_inner_page .col-md-6:nth-child(odd) .portfolio_outer[data-aos=animate-work-item].aos-animate::before {
        animation-delay: .2s
    }
    .first_sec_inner_page .col-md-6:nth-child(even) .portfolio_outer[data-aos=animate-work-item].aos-animate::before {
        animation-delay: .6s
    }
}

@media (max-width:1024px) {
    .portfolio_outer:before {
        display: none
    }
}

.navbar-stick-dark .search_icon {
    color: #fff
}

.navbar-stick-dark.stick .search_icon {
    color: #000
}

@media (max-width:991px) and (min-width:768px) {
    .navbar-stick-dark .search_icon {
        color: #fff;
        position: relative;
        right: -128px
    }
}

@media (max-width:767px) {
    .navbar-stick-dark .search_icon {
        color: #fff;
        position: relative;
        right: -31px
    }
    .process_list li {
        margin-bottom: 10px
    }
}

@media (max-width:425px) {
    .navbar-stick-dark .search_icon {
        color: #fff;
        position: relative;
        right: -8px
    }
}

.navbar {
    background-color: #fff;
    top: 0
}

.text-black,
.text-black a,
.text-black h1,
.text-black h2,
.text-black h3,
.text-black h4,
.text-black h5,
.text-black p,
.text-black span {
    color: #000
}

.btn-danger-new {
    background-color: #c3002f;
    border: 1px solid #c3002f;
    color: #fff
}

.btn-danger-new:hover {
    background-color: #000;
    color: #fff;
    border: 1px solid #000
}

.offcanvas {
    padding: 10px
}

#offcanvas-search input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    padding: 11.5px 14.5px;
    border-radius: 0 4px 4px 0
}

#offcanvas-searcsssh2 form {
    position: relative
}

#offcanvas-searcsssh2 input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    padding: 11.5px;
    border: 1px solid #000;
    background: #000;
    border-radius: 0 2px 2px 0;
    font-size: 14px
}

#mouse_down {
    position: absolute;
    display: inline-block;
    width: 30px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    bottom: 35px;
    font-size: 25px
}

header.gradient_header {
    position: relative
}

.badge.custom_badge {
    border-radius: 0 5px;
    font-size: 13px;
    background-color: #c3002f!important;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99
}

.related_post_title {
    line-height: 25px;
    margin-top: 12px
}

.main_outer .btn-danger:focus,
.main_outer .btn-danger:hover {
    box-shadow: none
}

.dispatchray_portfolio img {
    border-radius: 0
}

.icongraphy ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: flex
}

.icongraphy ul li {
    width: 25%;
    text-align: center;
    padding: 0 23px
}

.icongraphy ul li img {
    min-height: 80px
}

.icongraphy ul li p {
    line-height: normal;
    margin-top: 10px
}

.work_outer a:focus {
    color: #000
}

@media (max-width:991.98px) {
    .section.inr_page_top_section {
        padding-top: 50px!important;
        padding-bottom: 0px!important
    }
    .newsletter-section {
        padding: 60px 0!important
    }
    .main_outer {
        margin-bottom: 40px;
        height: calc(100% - 40px)
    }
    .navheaderMob {
        margin-right: 0;
        position: absolute;
        width: auto;
        left: 50%;
        transform: translateX(-50%)
    }
    .navheaderMob img {
        margin: 0 auto
    }
    .section.inr_page_top_section.dispatchray_portfolio {
        padding-top: 56px!important
    }
    .icongraphy ul li {
        width: 50%;
        text-align: center;
        padding: 0 23px;
        display: inline-block;
        margin-bottom: 36px
    }
    .icongraphy ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
        display: block;
        text-align: center
    }
}

@media (max-width:767px) {
    .icongraphy ul li {
        width: 100%
    }
}

.perlenforum_section {
    background-image: linear-gradient(180deg, #f6f7e5 0, #f1f2f6 100%)
}

.billing-managment-system {
    background-color: #e75565;
    color: #fff
}

.billing-managment-system h2 {
    color: #fff
}

.green_back {
    background-color: #30b392
}

.green_back2 {
    background-color: #29aa94
}

.yellow-back {
    background-color: #df932b
}

.blue-back {
    background-color: #20aab6
}

.technology-we-used img {
    max-width: 220px
}

.bg-golf-dating {
    background: #96cef9
}

.bg-home-page {
    background-color: #d4e9ef
}

.bg-blue-back {
    background-color: #23346e
}

.bg-first-header {
    background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/banner2.jpg);
    padding-top: 50px;
    padding-bottom: 0
}

.over-img {
    margin-bottom: -82px
}

.process_details a {
    color: #000
}

.process_details.list_strategy a {
    font-weight: 600;
    font-style: italic
}

.icongraphy_box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

ul.icongraphy_box li {
    width: 25%
}

ul.icongraphy_box li.odd {
    background-color: #ebebeb
}

ul.icongraphy_box li .icon_outer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 100px 0
}

ul.icongraphy_box li .icon_outer img {
    max-width: 90px
}

.nav-navbar .nav .nav-link {
    letter-spacing: normal
}

@media (max-width:991px) {
    ul.icongraphy_box li {
        width: 50%
    }
    .icon-rotate {
        transform: rotate(-180deg)
    }
}

@media (max-width:767px) {
    ul.icongraphy_box li {
        width: 100%
    }
}

.form-error {
    font-size: 12px;
    color: #c3002f
}

#mc_embed_signup form {
    padding: 0!important
}

#mc_embed_signup .mc-field-group input {
    padding: 9px 12px!important;
    background: #f3f4f5;
    font-size: 14px;
    outline: 0;
    color: #000!important;
    border-color: #f3f4f5!important;
    border-radius: 10rem!important
}

#mc_embed_signup .button {
    height: 36px!important;
    color: #191919!important;
    outline: 0;
    background-color: transparent!important;
    position: absolute;
    top: 10px;
    border-radius: 0!important;
    right: 20px;
    margin: 0!important;
    padding: 0!important;
    font-size: 0!important;
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/send-button.jpg) no-repeat;
    width: 36px!important;
    background-size: 30px
}

#mc_embed_signup .button:hover {
    right: 15px
}

#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
    border: 1px solid #ef8091!important
}

#mc_embed_signup div#mce-responses {
    top: 0;
    padding: 0!important;
    margin: 0!important
}

#mc_embed_signup div.response {
    margin: 0!important;
    padding: 5px 0 0!important;
    font-weight: 400;
    top: 0!important;
    font-size: 14px;
    color: #c3002f;
    width: 100%
}

#mce-responses,
#mce-responses .response {
    width: 100%!important;
    text-align: center
}

#mc_embed_signup input:focus {
    border-color: #fff!important
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    padding: 0!important;
    background-color: transparent!important;
    font-size: 13px!important;
    color: #ef8091!important;
    position: absolute
}

#return-to-top {
    position: static;
    bottom: 20px;
    right: 20px;
    background: #fff;
    width: 50px;
    height: 50px;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: block;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: 0 1px 9px rgba(0, 0, 0, .2);
    z-index: 56982361
}

#return-to-top i {
    color: #000;
    margin: 0;
    position: relative;
    left: 16px;
    top: 8px;
    font-size: 19px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

#return-to-top:hover i {
    top: 8px
}

#return-to-top::after {
    color: #c3002f;
    content: "TOP";
    position: absolute;
    bottom: 4px;
    left: 14px;
    font-weight: 500;
    font-size: 12px;
    display: none
}

.breadcrumb {
    margin-top: 65px
}

.breadcrumb p span {
    text-transform: none
}

.breadcrumb p {
    margin-bottom: 0;
    text-transform: capitalize;
    font-size: 14px
}

.breadcrumb.bg-gray {
    background-color: #f9fafb
}

.remark a {
    display: block;
    font-size: 18px;
    line-height: normal
}

.single_blog .remark a {
    display: inline-block
}

.download-count p {
    line-height: normal;
    margin-bottom: 5px
}

@media (min-width:575px) {
    .related_blog_section .card-img-top {
        height: 190px;
        object-fit: cover;
        object-position: center
    }
}

@media (max-width:767px) {
    #offcanvas-searcsssh2 input[type=submit] {
        font-size: 11px
    }
}

@media (max-width:575px) {
    .breadcrumb {
        margin-top: 57px
    }
    .newsletter-section {
        background-position: -350px 0
    }
    .solution_bg_sec {
        background-position: 0 0
    }
}

.btn:hover {
    box-shadow: none!important
}

.breadcrumb .text-danger {
    color: #c3002f!important
}

div#floatingSocialShare {
    display: none
}

.social-behance i {
    color: #989da3
}

.cookies-box a {
    text-decoration: underline;
    color: #fff
}

.cookies-box {
    position: fixed;
    bottom: 0;
    color: #fff;
    width: 100%;
    padding: 7px 0 0;
    background-color: #110f10;
    z-index: 8787877;
    display: none
}

.cookies-box p {
    line-height: 25px;
    font-size: 14px;
    margin-bottom: 7px
}

.cookies-box a {
    padding-bottom: 1px;
    border-bottom: 1px solid #313131;
    text-decoration: none
}

.cookies-box a:hover {
    border-bottom: 1px solid #c3002f
}

.cookies-box .btn {
    border-color: #fff!important;
    color: #fff!important
}

.takespacebottom {
    padding-bottom: 51px
}

.search_results_page label {
    cursor: pointer;
    margin-right: 20px
}

.search_results_page input[type=text] {
    border: 1px solid #a9a9a9;
    border-radius: 25px;
    color: #000;
    font-weight: 400;
    width: 100%;
    padding: 5px 42px 5px 20px;
    outline: 0;
    box-shadow: none
}

.search_results_page label input[type=checkbox] {
    position: absolute;
    height: 39px;
    width: 28px;
    opacity: 0;
    cursor: pointer
}

.search_results_page label input[type=checkbox]+.label-text:before {
    display: inline-block;
    transition: all .2s ease-in-out;
    margin: -2px 8px 0 0;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    color: #ecf0f1;
    content: ""
}

.search_results_page label input[type=checkbox]:checked+.label-text:before {
    background: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/check-mark.svg) #000;
    text-align: center;
    line-height: normal;
    color: #ecf0f1;
    content: "";
    font-size: 15px;
    background-size: 65%;
    background-position: center center;
    background-repeat: no-repeat
}

.search_results_page .label-text {
    font-size: 18px
}

.team_member.team_more {
    background: #000;
    border-radius: 100%;
    width: 220px;
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    transition: .3s all ease-in-out
}

.team_member.team_more:hover {
    box-shadow: 0 0 10px #000
}

.team_member.team_more h3 {
    color: #fff;
    font-size: 60px;
    margin-bottom: 0;
    line-height: 54px
}

.team_member.team_more p {
    color: #fff;
    margin-bottom: 0
}

.btn-form-submit {
    background-color: #c3002f!important;
    color: #fff!important;
    border: 1px solid #c3002f
}

.btn-form-submit:hover {
    background-color: #000;
    border: 1px solid #000
}

.link_underline a:hover {
    border-bottom: 1px solid #c3002f
}

.gallery_masonry {
    column-count: 4;
    column-gap: 15px
}

.gallery_masonry .gallery_item {
    margin-bottom: 15px
}

.gallery_masonry .gallery_item img {
    width: 100%
}

.gallery_masonry .gallery_item a {
    display: inline-block
}

.form_send_loader::after {
    content: "Sending your query . . .";
    position: absolute;
    top: 59%;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
    color: #fff
}

@media (max-width:991px) {
    .gallery_masonry {
        column-count: 2
    }
}

@media (max-width:767px) {
    .gallery_masonry {
        column-count: 1
    }
}

@media (max-width:575px) {
    .search_results_page input[type=text] {
        width: 100%
    }
}

#container div,
#container h1 {
    text-transform: uppercase
}

#container div {
    text-align: left
}

#container {
    margin-top: 12vh;
    align-items: center;
    flex-wrap: wrap
}

#container h1 {
    margin-right: 0;
    margin-bottom: 10px;
    font-size: 40px
}

#container span {
    font-family: calluna, serif;
    font-weight: 600!important;
    text-transform: capitalize;
    font-size: 60px
}

.portfolio_page h2 {
    line-height: 58px;
    font-size: 40px;
    margin-bottom: 15px
}

.portfolio_page h3 {
    line-height: 43px;
    margin-bottom: 0
}

.portfolio_page img {
    border-radius: 0
}

.section_top_margin {
    margin-top: 110px
}

.portfolio_box_padding {
    padding: 50px 30px;
    height: 100%;
    border-radius: 5px;
    overflow: hidden
}

.portfolio_page .portfolio_ipad_section .portfolio_ipad_img {
    max-width: 800px;
    margin: auto
}

.portfolio_page .portfolio_ipad_section .portfolio_ipad_img img {
    width: 100%
}

.portfolio_page .portfolio_ipad_section {
    margin-bottom: 35px
}

.portfolio_page .portfolio_overview_section .portfolio_overview_left {
    max-width: 600px
}

.portfolio_gray_background {
    padding: 110px 0 50px;
    background-color: #f2f2f2
}

.portfolio_gray_background .portfolio_gray_sec_title {
    margin-bottom: 50px
}

.portfolio_gray_background .portfolio_inner_title {
    margin-bottom: 30px
}

.portfolio_gray_background .brand_icon_portfolio img {
    margin-bottom: 20px
}

.portfolio_gray_background .brand_icon_portfolio p {
    font-weight: 500
}

.portfolio_gray_background .portfolio_brand_identity {
    margin-bottom: 70px
}

.v-gap {
    margin-bottom: 30px
}

.portfolio_gray_background .portfolio_wireframes_image {
    padding: 50px;
    border-radius: 5px;
    overflow: hidden
}

.portfolio_gray_background .portfolio_wireframes {
    margin-bottom: 70px
}

.portfolio_gray_background .portfolio_wireframes_image img {
    width: 100%
}

.portfolio_gray_background .portfolio_ui,
.portfolio_gray_background .portfolio_web_ui {
    margin-bottom: 70px
}

.main_outer:hover h3 a {
    color: #fff
}

.main_outer {
    border-radius: 4px;
    overflow: hidden
}

.main_outer:hover .work_outer {
    background-color: #000
}

.portfolio_page .portfolio_outer {
    background-color: #fff!important
}

.portfolio_page .portfolio_next_prev {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px
}

.portfolio_page .portfolio_next_prev a {
    color: #000;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 20px
}

.portfolio_page .round_boxes {
    border-radius: 5px;
    overflow: hidden
}

.portfolio_page img.lazy {
    width: 100%
}

.portfolio_page .portfolio_outer img.lazy {
    width: 100%!important
}

.portfolio_page .border-round {
    border-radius: 6px;
    overflow: hidden
}

.portfolio_page .portfolio_title_header {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: calc(100vh - 105px);
    display: flex;
    align-items: center
}

.portfolio_page .portfolio_title_header.audiobook_portfolio {
    min-height: unset
}

.portfolio_page .tc_portfolio_header {
    background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/portfolio-new/taxi-hero.jpg);
    background-color: #ee4134
}

.portfolio_page .kompetes_portfolio {
    text-align: center;
    background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/portfolio-new/kom-back.jpg)
}

.portfolio_page .arabboss_portfolio {
    background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/portfolio-new/ab-back.jpg)
}

.portfolio_page .fordeti_portfolio {
    background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/portfolio-new/fd-back.jpg);
    background-position: top
}

.portfolio_page .kit_portfolio {
    background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/portfolio-new/kit-back.jpg)
}

.portfolio_page .w4w_portfolio {
    background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/portfolio-new/w4w-back.jpg);
    background-position: top right
}

.portfolio_page .background-photostudio {
    background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/portfolio-new/p-studio-header-banner.jpg);
    background-position: center
}

.portfolio_page .k-tube-background {
    background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/portfolio-new/kt-hero.jpg);
    background-position: center;
    background-size: contain
}

.portfolio_page .ontrain_header {
    background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/portfolio-new/ont-header.jpg);
    background-position: center
}

.portfolio_page .brand_icon_portfolio img {
    max-width: 80px
}

.work-drop-sec {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    position: sticky;
    top: 65px;
    z-index: 9;
    background: #fff;
    padding: 10px 0
}

.work-drop-sec select {
    min-height: 42px;
    padding: 0 10px;
    border: 1px solid #ededed;
    border-radius: 3px;
    font-size: 16px;
    color: #000;
    box-shadow: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background: url(/media/img/dwn.png);
    background-repeat: no-repeat;
    background-size: 9px;
    background-position: center right 8px;
    padding-right: 25px!important
}

.work-drop-sec .title_filter_box {
    display: inline-block;
    margin-right: 15px
}

.work-drop-sec select:focus,
.work-drop-sec select:hover {
    border: 1px solid #000
}

.work-drop-sec+h3 {
    text-align: center;
    padding: 0 15px;
    margin-top: 30px
}

.work_filter_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.work_filter_flex form,
.work_filter_flex p {
    margin: 0 7.5px
}

.work_filter_flex p.title_filter_box {
    font-weight: 500
}

.work_filter_flex span {
    font-size: 14px;
    text-transform: lowercase
}

.all_both ul {
    column-count: 4
}

.all_both ul li a {
    display: inline-block
}

.single-faq-cat ol {
    padding-left: 0;
    list-style: none
}

.single-faq-cat li {
    margin-bottom: 7px
}

.single-faq-cat:first-child {
    margin-bottom: 40px
}

.single-faq-cat h2 {
    font-size: 30px
}

.single-qus h3 {
    font-size: 25px
}

.single-qus b a {
    font-weight: 600
}

.single-qus {
    padding: 25px 0 25px
}

.back-top-link {
    border-bottom: 0!important;
    font-size: 13px
}

.back-top-link:hover {
    color: #c3002f
}

.faq-questions {
    padding: 40px 0
}

.single-faq-cat-dev ol {
    list-style: none;
    padding-left: 0
}

.ts-header .view {
    position: absolute;
    top: 0;
    left: -80px;
    right: 0;
    bottom: 0;
    -webkit-perspective: 400;
    perspective: 400
}

.ts-header .plane {
    width: 230px;
    height: 230px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.ts-header .plane.main {
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotateX(60deg) rotateZ(-30deg);
    transform: rotateX(60deg) rotateZ(-30deg);
    -webkit-animation: rotate 20s infinite linear;
    animation: rotate 20s infinite linear
}

.ts-header .plane.main .circle {
    width: 230px;
    height: 230px;
    position: absolute;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    border-radius: 100%;
    box-sizing: border-box;
    box-shadow: 0 0 60px rgba(237, 20, 61, .5), inset 0 0 60px #dc143c
}

.ts-header .plane.main .circle::after,
.ts-header .plane.main .circle::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 10%;
    height: 10%;
    border-radius: 100%;
    background: #dc143c;
    box-sizing: border-box;
    box-shadow: 0 0 60px 2px #dc143c
}

.ts-header .plane.main .circle::before {
    -webkit-transform: translateZ(-90px);
    transform: translateZ(-90px)
}

.ts-header .plane.main .circle::after {
    -webkit-transform: translateZ(90px);
    transform: translateZ(90px)
}

.ts-header .plane.main .circle:nth-child(1) {
    -webkit-transform: rotateZ(72deg) rotateX(63.435deg);
    transform: rotateZ(72deg) rotateX(63.435deg)
}

.ts-header .plane.main .circle:nth-child(2) {
    -webkit-transform: rotateZ(144deg) rotateX(63.435deg);
    transform: rotateZ(144deg) rotateX(63.435deg)
}

.ts-header .plane.main .circle:nth-child(3) {
    -webkit-transform: rotateZ(216deg) rotateX(63.435deg);
    transform: rotateZ(216deg) rotateX(63.435deg)
}

.ts-header .plane.main .circle:nth-child(4) {
    -webkit-transform: rotateZ(288deg) rotateX(63.435deg);
    transform: rotateZ(288deg) rotateX(63.435deg)
}

.ts-header .plane.main .circle:nth-child(5) {
    -webkit-transform: rotateZ(360deg) rotateX(63.435deg);
    transform: rotateZ(360deg) rotateX(63.435deg)
}

.typed-cursor {
    position: relative;
    top: -5px
}

.faq-page a {
    scroll-behavior: unset
}

.our-cap ul {
    padding-left: 0;
    list-style: none
}

.our-cap ul li {
    margin-bottom: 5px
}

.our_clients_sec.black_clients {
    color: #fff;
    background-color: #000
}

.btn.btn_fff {
    background: #c3002f!important;
    border-color: #c3002f;
    color: #fff!important
}

#home_header_animation .btn:hover,
.btn.btn_fff:hover {
    background: 0 0!important;
    border-color: #fff
}

.our_clients_sec.black_clients .text-center {
    background: #000
}

.our_clients_sec.black_clients h2 {
    color: #fff
}

.our_clients_sec.black_clients img {
    filter: invert(100%)
}

.home_form {
    height: 727px;
    margin-bottom: 60px;
    margin-top: 50px;
    padding: 0!important
}

.home_form.home_form_contact_page {
    margin-top: 100px
}

.home_form .form-error {
    position: absolute;
    bottom: -5px
}

.home-form-box {
    margin-top: -55px
}

.home-form-box p.p-5.text-center {
    margin-bottom: 0
}

.home-form-box .text-center+br {
    display: none
}

.home-form-box p.p-5.text-center .alert {
    padding: 10px;
    font-size: 14px
}

.home_form_text ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.home_form_text ul li i {
    margin-right: 20px
}

.home_form_text ul li .copy_email {
    margin-left: 20px;
    color: #ce1230!important;
    font-size: 14px
}

.home-form-box {
    height: auto;
    background-color: #fff;
    border-radius: 20px;
    padding: 20px 20px 30px 20px;
    box-shadow: 0 3px 20px rgba(0, 0, 0, .16)
}

.home-form-box .input-line textarea.form-control {
    height: 140px
}

.home-form-box .input-line .form-control {
    min-height: 47px;
    color: #000;
    font-weight: 400
}

.home-form-box .input-line .form-control::placeholder {
    color: #909090
}

.home-form-box label {
    font-size: 14px;
    font-weight: 500
}

.home-form-box .controls {
    margin-bottom: 0;
    line-height: normal;
    padding-bottom: 15px;
    position: relative
}

.home-form-box p {
    padding: 0!important
}

.protected-text {
    font-size: 10px!important;
    padding: 3px 0
}

.protected-text a {
    color: #c3002f
}

.services_links_btns {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 40px;
    flex-wrap: wrap
}

b,
strong {
    font-weight: 500
}

.services_links_btns a {
    padding: 8px 21px;
    border: 1px solid #707070;
    display: inline-block;
    border-radius: 25px;
    line-height: normal;
    font-size: 14px;
    margin: 5px 5px
}

.services_links_btns a:hover {
    border-color: #ce1230;
    color: #fff!important
}

.services_list_new .services_list_inr li:before {
    display: none
}

.services_list_new .services_list_inr {
    column-count: 2
}

.services_list_new .services_list_inr li {
    padding-left: 0
}

.services_list_new .services_list_inr li {
    margin-bottom: 5px
}

.services_list_new .services_list_inr li a {
    padding-bottom: 0;
    display: inline-block
}

.services_list_new .img_outer_services,
.strategy_list .img_outer_services {
    position: relative
}

.services_list_new:nth-child(odd) .img_outer_services img,
.strategy_list .img_outer_services video,
.strategy_list:nth-child(odd) .img_outer_services img {
    border-radius: 12px 0 0 12px
}

.services_list_new:nth-child(even) .img_outer_services img,
.strategy_list:nth-child(even) .img_outer_services img {
    border-radius: 0 12px 12px 0
}

.services_list_new .img_outer_services::after,
.strategy_list .img_outer_services::after {
    content: "";
    height: 100%;
    width: 100vw;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #efefef;
    z-index: -1;
    border-radius: 12px 0 0 12px
}

video::-webkit-media-controls-panel {
    background-image: linear-gradient(transparent, transparent)!important
}

.strategy_list .img_outer_services.vdo::after {
    height: 97%
}

.services_list_new:nth-child(even) .img_outer_services::after,
.strategy_list:nth-child(even) .img_outer_services::after {
    left: auto;
    border-radius: 0 12px 12px 0;
    right: 0
}

.ceos img {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    object-position: center;
    object-fit: cover
}

.our_expertise_ser img {
    max-height: 349px;
    object-fit: cover
}

#message_for_copy {
    position: absolute;
    background: #fff;
    padding: 10px;
    bottom: 33px;
    border-radius: 5px;
    right: 22%;
    color: #000;
    display: none
}

.home_form_text ul {
    margin-top: 20px
}

.home_form_text ul li {
    position: relative
}

.footer_get_in_touch {
    position: relative
}

.footer_get_in_touch .container {
    position: relative
}

.work_tags span {
    padding: 5px 8px;
    background-color: #f2f2f2;
    color: #000;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 13px;
    border-radius: 5px;
    margin-right: 7px;
    line-height: normal
}

.celebrating_ten_years {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0
}

.our_clients_sec img.lazy {
    max-height: 37px;
    width: 100%;
    object-fit: contain
}

.our_clients_sec .slick-slide .h-600 {
    height: 90vh!important;
    background-position: top
}

.footer_address address {
    font-size: 16px
}

.footer_heading a:active,
.footer_heading a:focus {
    color: #000!important
}

.overX-hidden {
    overflow-x: hidden
}

.footer_address .footer_heading a::before {
    float: right;
    margin-top: 10px;
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-left: 1px solid #757575;
    border-top: 1px solid #757575;
    margin-right: 20px;
    margin-left: -33px;
    margin-bottom: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .2s linear;
    transition: .2s linear
}

.footer_address .footer_heading a.collapsed::before {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.full_width_image img {
    max-height: 450px;
    object-fit: cover;
    width: 100%;
    object-position: center;
    border-radius: 0;
    margin-top: 20px
}

.step_outer a {
    border: none!important
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
        transform: rotateX(0) rotateY(0) rotateZ(0)
    }
    100% {
        -webkit-transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);
        transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
        transform: rotateX(0) rotateY(0) rotateZ(0)
    }
    100% {
        -webkit-transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);
        transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg)
    }
}

.cover-height-res {
    height: 100%
}

.cover-height-res.gry-bg-color {
    background-color: #dfe7e9!important
}

.cover-height-res img {
    height: 100%;
    object-fit: contain;
    object-position: bottom;
    width: 100%!important
}

.cover-height-res.fit-on-top img {
    object-position: top
}

.cover-height-res.fit-on-center img {
    object-position: center
}

.cover-height-res.fit-on-left img {
    object-position: left center
}

._img {
    margin: 30px 0
}

.lightmenu .navbar .nav-item.active .nav-link,
.lightmenu .navbar .nav-item.hover .nav-link,
.lightmenu .navbar .nav_item.active .nav-link,
.lightmenu .navbar .nav_item.hover .nav-link {
    color: #c3002f!important
}

.contact-slide-up {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    width: 100%;
    text-align: right
}

.scroll-contact-btn {
    padding: 10px 20px;
    border-radius: 0 0 10px 10px;
    background-color: #c3002f;
    text-transform: uppercase;
    color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .4);
    font-size: 15px;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    display: inline-block;
    line-height: normal;
    z-index: 1
}

.scroll-contact-btn::after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #000;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -1;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.scroll-contact-btn:focus,
.scroll-contact-btn:hover {
    color: #fff
}

.scroll-contact-btn:focus::after,
.scroll-contact-btn:hover::after {
    top: 0
}

#home_header_animation .btn::after {
    background-color: #fff
}

#home_header_animation .btn:hover {
    color: #000!important
}

.related_work_bottom img {
    border-radius: 5px!important
}

.work_outer .btn {
    background: 0 0!important;
    color: #c3002f!important;
    padding: 0;
    margin-top: 0;
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 600!important;
    font-size: 18px;
    letter-spacing: 1px;
    padding-bottom: 5px;
    border-bottom: 1px solid #c3c3c3;
    border-radius: 0
}

.work_outer .btn::after {
    display: none
}

.main_outer:hover .work_outer .btn,
.work_outer .btn:focus,
.work_outer .btn:hover {
    color: #fff!important
}

.related_work_bottom {
    padding-bottom: 50px!important;
    padding-top: 0
}

.related_work_bottom+.section.body_section {
    padding-top: 0!important
}

.related_work_bottom img {
    height: 170px;
    width: 100%;
    object-fit: cover;
    object-position: top
}

.ts-header {
    min-height: 250px
}

.uper_content h1 {
    line-height: normal
}

.blog-index-list {
    position: fixed;
    right: 15px;
    top: 65px;
    max-width: 250px;
    width: 100%;
    font-size: 12px;
    display: none;
    z-index: 9999999999
}

.blog-index-list ul li a {
    padding-bottom: 0
}

.blog-index-list ul {
    padding-left: 17px
}

.blog-index-dropdown {
    position: fixed;
    top: 0;
    z-index: 999;
    border-radius: 0 0 10px 10px;
    background-color: #fff!important;
    color: #000!important;
    border: 1px solid;
    font-size: 16px!important;
    padding: 8px 25px 8px 20px;
    font-weight: 500!important;
    font-family: Rubik, sans-serif;
    line-height: normal;
    border-top: none;
    width: 180px;
    display: none;
    background: url(/media/img/dwn.png);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: center right 7px;
    background-size: 10px;
    background-repeat: no-repeat
}

.blog-index-dropdown .dropdown-item {
    color: #000!important
}

@media (max-width:1199px) {
    .home_form {
        height: auto;
        padding: 40px 0!important
    }
    .home-form-box {
        margin-top: 0
    }
    .home_form_text {
        padding: 0!important
    }
    .blog-index-list {
        display: none!important
    }
}

@media (max-width:991px) {
    .work-drop-sec {
        top: 56px
    }
    .all_both ul {
        column-count: 3
    }
    .home_form {
        height: auto;
        padding: 40px 0!important
    }
    .home-form-box {
        margin-top: 0
    }
    .home_form_text {
        padding: 0!important
    }
    .our-cap ul {
        column-count: 1
    }
    .portfolio_page .background-photostudio {
        background-position: left center
    }
    .home_form.home_form_contact_page {
        margin-top: 0
    }
    .portfolio_page .k-tube-background {
        background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/portfolio-new/kt-hero-ipad.jpg)
    }
    .uper_content {
        min-height: 90vh;
        padding-top: 0
    }
    #content .row {
        flex-direction: column-reverse
    }
    .ts-header {
        margin-bottom: 90px;
        position: relative
    }
    .ts-header .view {
        left: 0;
        top: 70px
    }
    .portfolio_page .ontrain_header {
        background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/portfolio-new/ont-header-ipad.jpg)
    }
}

@media (max-width:767px) {
    .next_prev_sec .work_outer a.btn,
    .next_prev_sec .work_outer p {
        display: none
    }
    .next_prev_sec .work_outer {
        padding: 15px 10px
    }
    .next_prev_sec .work_outer h3,
    .next_prev_sec .work_outer h3 a {
        font-size: 18px!important;
        line-height: normal
    }
    .mar-mob-por {
        margin-top: 25px
    }
    .mar-mob-por-bot {
        margin-bottom: 25px
    }
    .single-faq-cat h2 {
        font-size: 25px
    }
    .single-qus h3 {
        font-size: 20px
    }
    .work-drop-sec {
        padding-top: 0
    }
    .work_filter_flex p {
        width: 100%
    }
    .work_filter_flex form {
        margin: 0
    }
    .work_filter_flex span {
        font-size: 12px;
        padding: 0 5px
    }
    .section_top_margin {
        margin-top: 40px
    }
    .portfolio_gray_background {
        padding: 40px 0 40px
    }
    .portfolio_gray_background .portfolio_brand_identity {
        margin-bottom: 40px
    }
    .portfolio_gray_background .portfolio_wireframes {
        margin-bottom: 40px
    }
    .portfolio_gray_background .portfolio_ui,
    .portfolio_gray_background .portfolio_web_ui {
        margin-bottom: 40px
    }
    .portfolio_box_padding {
        padding: 25px 15px
    }
    .portfolio_gray_background .portfolio_wireframes_image {
        padding: 25px
    }
    .portfolio_gray_background .portfolio_gray_sec_title {
        margin-bottom: 25px
    }
    .portfolio_page h2 {
        line-height: normal
    }
    .v-gap:first-child {
        margin-bottom: 0
    }
    .v-gap:first-child .portfolio_box_padding {
        padding-bottom: 0
    }
    .no_bottom_radius,
    .v-gap:first-child .portfolio_box_padding {
        border-radius: 5px 5px 0 0
    }
    .no_bottom_radius,
    .v-gap:nth-child(2) .portfolio_box_padding {
        border-radius: 0 0 5px 5px
    }
    .title_filter_box {
        display: block;
        margin-right: 0;
        text-align: center;
        margin-bottom: 5px!important
    }
    .all_both ul {
        column-count: 2
    }
    .portfolio_page .tc_portfolio_header {
        background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/portfolio-new/taxi-hero-mob.jpg)
    }
    .portfolio_page .kompetes_portfolio {
        text-align: center;
        background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/portfolio-new/kom-back-mob.jpg)
    }
    .portfolio_page .fordeti_portfolio {
        background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/portfolio-new/fd-back-mob.jpg);
        background-position: top
    }
    .portfolio_page .kit_portfolio {
        background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/portfolio-new/kit-back-mob.jpg)
    }
    .portfolio_page .w4w_portfolio {
        background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/portfolio-new/w4w-back-mob.jpg);
        background-position: top right
    }
    .portfolio_page .arabboss_portfolio {
        background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/portfolio-new/ab-back-mob.jpg)
    }
    .portfolio_page .k-tube-background {
        background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/portfolio-new/kt-hero-mobile.jpg)
    }
    .portfolio_page .ontrain_header {
        background-image: url(https://think360studio-media.s3.ap-south-1.amazonaws.com/portfolio-new/ont-header-mobile.jpg)
    }
    .feature-carousel-container.slick-dotted.slick-slider {
        margin-bottom: -1px
    }
    .services_list_new:nth-child(odd) .row,
    .strategy_list:nth-child(odd) {
        flex-direction: column-reverse
    }
    .services_list_new:nth-child(odd) .img_outer_services img,
    .strategy_list video,
    .strategy_list:nth-child(odd) .img_outer_services img {
        border-radius: 12px
    }
    .services_list_new:nth-child(even) .img_outer_services img,
    .strategy_list:nth-child(even) .img_outer_services img {
        border-radius: 12px
    }
    .services_list_new .img_outer_services::after,
    .strategy_list .img_outer_services::after {
        display: none
    }
    .services_list_new {
        padding-bottom: 0!important
    }
    .services_list_new .services_list_inr li {
        margin-bottom: 10px
    }
    .home-form-box {
        position: relative;
        bottom: -70px
    }
    #container span {
        font-size: 40px
    }
    .uper_content {
        padding-top: 56px
    }
    .link_underline a {
        padding-bottom: 5px
    }
    .our_clients_sec .slick-slide .h-600 {
        height: 400px!important
    }
}

@media (max-width:575px) {
    .portfolio_page .portfolio_next_prev a {
        font-size: 14px
    }
    .portfolio_page .portfolio_next_prev a img {
        width: 25px
    }
    .work-drop-sec select {
        padding: 0 5px;
        font-size: 12px
    }
    .all_both ul {
        column-count: 1
    }
    #container .head-span {
        display: block;
        width: 100%
    }
}

@media (max-width:340px) {
    .work_filter_flex span {
        font-size: 12px;
        padding: 0 5px;
        width: 100%
    }
}

#get_url,
.grecaptcha-badge {
    display: none
}

.related_blog_sec .card-img-top {
    height: 180px;
    object-fit: cover;
    object-position: center
}