.dropdown-content,

.mobile_menu,

.top_header {

    background-color: #fff;

}

.navbar a,

.testimonial_subtitle,

body {

    font-size: 16px;

}

.column a,

.navbar a {

    color: #000;

    text-decoration: none;

}

.column a,

.custom_software_d,

.haveproject h1,

.navbar a,

.website-page h1,

body {

    font-family: VarelaRound-Regular;

}

.star1,

.star10,

.star11,

.star12,

.star13,

.star14,

.star15,

.star16,

.star17,

.star2,

.star3,

.star4,

.star5,

.star6,

.star7,

.star8,

.star9 {

    fill: #120029;

}

.footer,

.testimonial {

    background-repeat: no-repeat;

    background-position: center;

}

.footer_link ul,

.navbar-nav,

.page-maping ul,

.website-details ul,

li.iphone_bullets,

ul.left-list,

ul.left-list-app {

    list-style-type: none;

}

#cookieNotice,

div,

textarea#message {

    box-sizing: border-box;

}

@font-face {

    font-family: VarelaRound-Regular;

    src: url("../fonts/varela/VarelaRound-Regular.ttf");

}

.testimonial .testi-dest h4,

body {

    margin: 0;

}

::-webkit-scrollbar {

    width: 1px;

    height: 1px;

}

::-webkit-scrollbar-button {

    width: 1px;

    height: 1px;

}

.default-panel,

ul {

    padding-left: 0;

}

.top_header {

    position: relative;

    z-index: 5000;

    height: 82px;

}

.modal-backdrop.fade.in,

.sticky {

    z-index: 999999;

}

.sticky {

    position: fixed;

    top: 0;

    width: 100%;

    border-bottom: 1px solid #f1f1f1;

}

.mycontainer {

    width: 1240px;

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

    max-width: 100%;

}

.navbar-brand {

    padding: 0 !important;

    margin-top: 7px;

    z-index: 2;

    position: relative;

}

.navbar a {

    float: left;

    text-align: center;

    padding: 14px 17px;

    position: relative;

}

.column a::before,

.editor-content br,

.owl-dots,

.owl-nav,

.well .php_bg,

.work-mobile,

button.navbar-toggler,

div.advertising,

div.business,

div.development,

div.itservices,

div.marketing,

div.production,

span.ui-slider-handle.ui-state-default.ui-corner-all {

    display: none;

}

.navbar-nav {

    float: right;

}

.navbar-nav > li > a {

    padding-top: 30px;

    padding-bottom: 30px;

}

.cl-effect-13 li a {

    -webkit-transition: color 0.3s;

    -moz-transition: color 0.3s;

    transition: color 0.3s;

}

.btn_slider,

.contact_btn,

.fixed_btn {

    letter-spacing: 1px;

    transition: 0.5s;

    text-transform: uppercase;

}

.cl-effect-13 li a::before {

    position: absolute;

    top: 60%;

    left: 50%;

    color: transparent;

    content: "•";

    text-shadow: transparent 0 0;

    font-size: 1.2em;

    transform: translateX(-50%);

    pointer-events: none;

    transition: text-shadow 0.3s, color 0.3s;

}

.dropdown,

.dropup {

    position: inherit;

}

.dropdown .dropbtn {

    border: none;

    outline: 0;

    color: #000;

    padding: 29px 16px;

    background-color: inherit;

    font: inherit;

    margin: 0;

}

.dropdown-content {

    display: none;

    position: absolute;

    box-shadow: 0 15px 20px 0 rgb(0 0 0 / 20%);

    z-index: 500;

    top: 100%;

    width: 100%;

    left: 0;

    border-top: 1px solid #f1f1f1;

}

.branch-office .india_detail .singapore,

.branch-office .singapore_detail .singapore,

.column a,

.dropdown:hover .dropdown-content,

.phone_no,

.under,

hr {

    display: block;

}

.other_drpdwn .dropdown-content {

    width: 30%;

    left: auto;

    padding: 10px;

    height: 435px;

}

#rfqmodal .phone_no,

.contact100-form,

.features_shellby:hover::after,

.features_shellby:hover::before,

.input100:focus + .focus-input100::before,

.meanfourbox_hover:hover::after,

.meanfourbox_hover:hover::before,

.other_drpdwn .dropdown-content .column,

.slider-size img,

.web_image img,

img.clutch_logo,

img.cubic,

img.recent_post_image,

img.related_post,

img.we_think_side {

    width: 100%;

}

.dropdown_about .dropdown-content,

.dropdown_about .dropdown-content .column {

    height: auto !important;

}

.column {

    float: left;

    width: 25%;

    padding: 10px;

}

.column a {

    float: none;

    text-align: left;

    padding: 6px 10px;

    font-size: 14px;

}

#rfqmodal .modal-content,

.dropdown:hover .dropbtn,

.navbar a:hover {

    background-color: transparent;

}

.cl-effect-13 li a:focus::before,

.cl-effect-13 li a:hover::before {

    color: #333;

    text-shadow: 10px 0 #333, -10px 0 #333;

}

.cl-effect-13 li a:focus,

.cl-effect-13 li a:hover {

    color: #ee4d51;

    background-color: #ddd;

}

.mobile_menu {

    width: 100%;

    float: left;

    z-index: 99;

    height: 80px;

}

.contact_btn,

.fixed_btn {

    text-decoration: none !important;

    background-color: #000;

    font-family: VarelaRound-Regular !important;

    color: #fff !important;

    font-weight: 600;

    display: inline-block;

}

.menu_icon {

    width: 15px;

    margin-right: 5px;

}

.menu__link[data-submenu]::after {

    color: #656565 !important;

}

.contact_btn {

    position: relative;

    width: 149px;

    z-index: 2;

    height: 40px;

    border-radius: 43px;

    text-align: center !important;

    padding: 9px !important;

    font-size: 13px !important;

    border: 2px solid #000;

    margin-top: 20px;

}

.contact_btn:hover,

.subbox_btn:hover {

    border: 2px solid #ee4d51;

    background-color: #fff;

    color: #ee4d51 !important;

}

.drpdnw_btm {

    width: 100%;

    float: left;

    position: relative;

    bottom: 0;

    margin-top: 0;

    text-align: center;

    border-top: 1px solid #f1f1f1;

    padding: 10px 0;

}

.element {

    animation: 2s infinite pulse;

}

.fixed_btn {

    width: auto;

    height: 38px;

    border-radius: 43px 0 0 43px;

    text-align: center !important;

    padding: 9px 7px 9px 9px !important;

    font-size: 12px !important;

    border: 2px solid #000;

    margin-top: 20px;

    position: fixed;

    right: 0;

    top: 50%;

    line-height: 18px;

    z-index: 10;

}

.btn_slider,

.faq-area .panel-title > a,

.next-pre a,

.rfq_button,

a.btn-custom,

a:focus,

a:hover {

    text-decoration: none;

}

.adv_gg,

.all_rights,

.banner_para,

.btn_slider,

.contect_title,

.contry_detail,

.deep_title,

.ecard_ss .about_us_title,

.fea_heading,

.footer_ver_image,

.form_header h1,

.form_header p,

.good_firms,

.modal_btn,

.new_port_circadian,

.popup-icons,

.portfolioFilter,

.screenshot_slider .owl-nav,

.ser_1,

.ser_1_hed,

.ser_2,

.service_item,

.shellby_features_title,

.softwareworld_img,

.submit_button,

.tech,

.testimonial .testi-dest,

.vis_miss_image,

.well .jivraj_img,

.work_process_title,

hr.contry_detail {

    text-align: center;

}

.panel {

    margin-bottom: 0;

    background-color: #fff;

    border: none;

    border-radius: 4px;

    -webkit-box-shadow: none;

    box-shadow: none;

    padding: 5rem 0;

}

.banner_custom_software,

.project_title {

    margin-top: 4rem;

}

.custom_software_d {

    font-size: 24px;

    margin: 0;

    padding-top: 0;

    font-weight: 500;

    padding-right: 0;

    padding-bottom: 0;

}

#work .bg_no,

.bg_no,

.btn_slider,

.main_title,

.service_tag,

.slider_title,

.ss_title,

h2.form_title_lets {

    font-weight: 600;

    font-family: VarelaRound-Regular;

}

.home_slider_content,

.star_icon {

    padding-bottom: 30px;

}

.slider_title {

    font-size: 44px;

}

.slider_title a {

    color: #ee4d51;

    cursor: auto;

}

.typewrite > .wrap {

    border-right: 0.08em solid #fff;

}

.custom_software_d_content {

    font-size: 18px;

    font-family: VarelaRound-Regular;

}

p {

    margin: 0 0 10px;

    color: #696969;

}

.btn_slider {

    margin: 0;

    padding: 11px;

    position: relative;

    width: 175px;

    z-index: 2;

    height: 45px;

    background-color: #000;

    border-radius: 43px;

    display: inline-block;

    color: #fff;

    font-size: 15px;

    border: 2px solid #000;

}

.btn_slider:hover {

    background-color: transparent;

    border: 2px solid #ee4d51;

    color: #ee4d51;

}

.slider_logo {

    padding-top: 70px;

}

.rocket-section {

    position: absolute;

    left: 50%;

    top: 90%;

}

#bg-wrap {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    position: absolute;

    left: 0;

    width: 50%;

    bottom: 4%;

}

.rocket-section #bg1,

.rocket-section #bg2,

.rocket-section #bg3 {

    position: absolute;

    bottom: 0;

    width: 495px;

    left: 65px;

}

.rocket-section #bg1 {

    z-index: 2;

}

.rocket-section #bg2 {

    z-index: 3;

}

.rocket-section #bg3 {

    z-index: 4;

}

.mobile_img {

    position: absolute;

    bottom: -10px;

    left: 25%;

    z-index: 10;

    -webkit-animation: 0.9s linear infinite alternate big-fire-1;

    animation: 0.9s linear infinite alternate big-fire-1;

}

.testimonial {

    padding: 60px 0;

    background-size: contain;

    background-color: #f9f9f9;

}

#blog .bg_no,

#solutions .bg_no,

#solutions1 .bg_no,

#team .bg_no,

.contact_us_form .bg_no,

.testimonial .bg_no {

    font-family: VarelaRound-Regular;

    font-weight: 600;

    font-size: 70px;

    position: absolute;

    top: -20px;

    z-index: 0;

    color: rgba(0, 0, 0, 0.1);

    left: 0;

    right: 0;

}

#work .bg_no,

.bg_no {

    color: rgba(0, 0, 0, 0.05);

}

.good_firms {

    padding-top: 62px;

    padding-bottom: 30px;

}

.good_firms_border {

    border: 18px solid #196697;

    border-radius: 50%;

}

.clutch_border {

    border: 18px solid #e7e7e7;

    border-radius: 50%;

}

.tstmnal_items img {

    width: 100px !important;

}

.testimonial_para {

    margin: 0;

    font-size: 16px;

}

.fa.fa-star {

    color: #196697;

}

.owl-nav {

    position: relative;

    bottom: -68px;

    width: 100%;

    z-index: 2;

}

.testimonial_slider .owl-nav {

    bottom: 20px;

}

button.owl-prev {

    position: absolute;

    left: 0;

    bottom: 0;

}

.testimonial_slider .owl-nav button {

    background-color: #ee4d51;

    border: 0;

    color: #120029;

    border-radius: 50%;

    width: 35px;

    height: 35px;

    font-size: 24px;

    text-align: center;

    box-shadow: 0 0 20px #afafaf;

}

.testimonial_slider .owl-nav button.owl-prev {

    right: 50px;

    left: auto;

}

button.owl-next {

    position: absolute;

    right: 0;

    bottom: 0;

}

.logo_slider_img .owl-carousel .owl-item img {

    margin: 0 auto;

    height: auto;

    width: 100% !important;

}

.our_work_image_port,

.our_work_image_port_kpmg {

    filter: gray;

    -webkit-filter: grayscale(1);

    -webkit-transition: 0.4s ease-in-out;

    opacity: 0.7;

}

.our_work_image_port:hover,

.our_work_image_port_kpmg:hover {

    filter: none;

    -webkit-filter: grayscale(0);

    -webkit-transform: scale(1.01);

    opacity: 1;

}

div#technologies {

    background-image: url(../images/BG/cc-bg.png);

    background-size: cover;

    padding-top: 3rem;

    padding-bottom: 3rem;

    background-position: bottom;

}

@-webkit-keyframes big-fire-1 {

    from {

        -webkit-transform: translateY(-1px);

        transform: translateY(-1px);

    }

    to {

        -webkit-transform: translateY(15px);

        transform: translateY(15px);

    }

}

@keyframes big-fire-1 {

    from {

        -webkit-transform: translateY(-1px);

        transform: translateY(-1px);

    }

    to {

        -webkit-transform: translateY(15px);

        transform: translateY(15px);

    }

}

.rocket-section #stars {

    position: absolute;

    z-index: 5;

    width: 552px;

    left: 0;

    bottom: 60px;

}

@-webkit-keyframes blinker {

    50% {

        opacity: 0;

    }

}

@keyframes blinker {

    50% {

        opacity: 0;

    }

}

.star1 {

    -webkit-animation: 2.1s linear infinite blinker;

    animation: 2.1s linear infinite blinker;

}

.star2 {

    -webkit-animation: 2.2s linear infinite blinker;

    animation: 2.2s linear infinite blinker;

}

.star3 {

    -webkit-animation: 2.3s linear infinite blinker;

    animation: 2.3s linear infinite blinker;

}

.star4 {

    -webkit-animation: 2.4s linear infinite blinker;

    animation: 2.4s linear infinite blinker;

}

.star5 {

    -webkit-animation: 2.5s linear infinite blinker;

    animation: 2.5s linear infinite blinker;

}

.star6 {

    -webkit-animation: 2.6s linear infinite blinker;

    animation: 2.6s linear infinite blinker;

}

.star7 {

    -webkit-animation: 2.7s linear infinite blinker;

    animation: 2.7s linear infinite blinker;

}

.star8 {

    -webkit-animation: 2.8s linear infinite blinker;

    animation: 2.8s linear infinite blinker;

}

.star9 {

    -webkit-animation: 2.9s linear infinite blinker;

    animation: 2.9s linear infinite blinker;

}

.star10 {

    -webkit-animation: 3s linear infinite blinker;

    animation: 3s linear infinite blinker;

}

.star11 {

    -webkit-animation: 3.1s linear infinite blinker;

    animation: 3.1s linear infinite blinker;

}

.star12 {

    -webkit-animation: 3.2s linear infinite blinker;

    animation: 3.2s linear infinite blinker;

}

.star13 {

    -webkit-animation: 3.3s linear infinite blinker;

    animation: 3.3s linear infinite blinker;

}

.star14 {

    -webkit-animation: 3.4s linear infinite blinker;

    animation: 3.4s linear infinite blinker;

}

.star15 {

    -webkit-animation: 3.5s linear infinite blinker;

    animation: 3.5s linear infinite blinker;

}

.star16 {

    -webkit-animation: 3.6s linear infinite blinker;

    animation: 3.6s linear infinite blinker;

}

.star17 {

    -webkit-animation: 3.7s linear infinite blinker;

    animation: 3.7s linear infinite blinker;

}

.services_section {

    background-color: #fff8f9;

    padding: 5rem 0;

}

.ml-40 {

    margin-left: 40px;

}

.bg_no {

    font-size: 70px;

    position: absolute;

    top: -20px;

    z-index: 0;

}

.main_title {

    color: #120029;

    font-size: 32px;

    letter-spacing: 2px;

}

.title_dot {

    width: 8px;

    height: 8px;

    background-color: #000;

    display: inline-block;

    border-radius: 2px;

    margin-left: 5px;

    margin-bottom: -1px;

}

.banner_custom_software .slider_logo .row div.col-md-2 {
    padding: 0 4px;
}

.sb_title {

    font-size: 20px;

    letter-spacing: 0.5px;

}

.service_item {

    background-color: #fff;

    box-shadow: 0 0 30px rgb(0 0 0 / 8%);

    border-radius: 7px;

    padding: 20px;

    margin: 25px;

    height: 512px;

}

.service_tag {

    font-size: 18px;

}

.services_section .owl-nav {

    position: absolute;

    bottom: 14%;

    width: 100%;

    left: -4%;

    z-index: 2;

}

#technologies .bg_no,

#work .bg_no,

.vision .bg_no {

    font-size: 70px;

    position: absolute;

    top: -20px;

    z-index: 0;

    left: 0;

    right: 0;

}

.services_section button.owl-prev {

    position: absolute;

    left: -20px;

    bottom: 0;

}

#services_section button img {

    width: 20px;

}

.services_section button.owl-next {

    position: absolute;

    bottom: 0;

    left: 20px;

    right: 0;

}

#work {

    padding-top: 4em;

    padding-bottom: 0;

    background: #fff;

}

.mb-4 {

    margin-bottom: 4rem;

}

.mb-7,

.model-contact-info p {

    margin-bottom: 3rem;

}

.contect_title a,

.dedicated_developer .shellby_features_title h3,

.main_title.text-white.our_work_title,

.rumie_bg .prjct_dscrp,

.zegofit p,

.zegofit-screenshot p,

div#blog a:hover .blog span {

    color: #000;

}

.our_work_title_sub,

.project_content p.pro_con,

.web_development .pro_con,

.website_title_link a,

.website_title_link a:hover {

    color: #696969;

}

.port_readmore,

.prjct_ctgr,

.prjct_nm {

    color: #000;

    font-family: VarelaRound-Regular;

}

.portfolio_new {

    padding: 80px;

    background-color: #f8d5d5;

    border-radius: 30px;

    overflow: hidden;

    margin-bottom: 60px;

}

.new_port_circadian {

    width: 80%;

    max-width: 100%;

    position: absolute;

    top: -30px;

    left: 0;

    right: 0;

    margin: 0 auto;

}

.prjct_ctgr {

    padding-top: 0;

    display: block;

    font-weight: 400;

    font-size: 18px;

    margin-bottom: 4rem;

}

.port_box {

    padding: 20px 40px;

    background-color: rgba(255, 255, 255, 0.85);

    border-radius: 15px;

}

.blog,

.tech {

    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);

    border-radius: 0;

}

.prjct_nm {

    font-weight: 600;

    font-size: 44px;

    margin-bottom: 3rem;

}

.prjct_dscrp {

    padding-right: 0;

    margin: 3rem 0;

    display: block;

}

.port_readmore {

    font-weight: 400;

    font-size: 14px;

    margin-bottom: 1.5rem;

    display: block;

}

#technologies .bg_no,

.rfq_button,

.vision .bg_no {

    font-weight: 600;

    font-family: VarelaRound-Regular;

}

.rumie_bg {

    background-color: #a118ea;

    background-image: linear-gradient(to right, #6e11a0, #9e14e7);

}

.ecards_bg {

    background-color: #1c3d85;

}

.blog,

.form-control,

.tech {

    background-color: #fff;

}

.ecards_bg .port_box,

.rumie_bg .port_box {

    -backgroundcolor: rgba(255, 255, 255, 0.7);

}

.career_item button.rfq_button a,

.case-study-banner p,

.e-texi-app .about_us_title,

.e-texi-app .custom_software_d_content,

.e-texi-app .website_title,

.e-texi-app .website_title_link,

.e-texi-app .website_title_link a,

.e-texi-app .website_title_link a:hover,

.ecards_bg .prjct_ctgr,

.email,

.faq-area .panel-title a.collapsed,

.five-things-banner h1.about_us_title,

.footer_link ul li a:hover,

.mobileappdevelopment h1.about_us_title,

.outstanding-services-of-crest-coder h1.about_us_title,

.rfq-left .model-contact-info a,

.rfq-left .model-contact-info h3,

.rfq-left .model-contact-info p,

.rumie_bg .prjct_ctgr,

.shellby_features_title h3,

.white_text,

.zegofit .custom_software_d_content,

.zegofit .website_title_link,

.zegofit .website_title_link a,

a:focus,

a:hover {

    color: #fff;

}

#technologies .bg_no,

.vision .bg_no {

    color: rgba(0, 0, 0, 0.07);

}

.tech {

    padding: 20px;

    margin-bottom: 30px;

}

.mt-5,

.mt-7 {

    margin-top: 3rem;

}

.tech img {

    width: 60px;

}

.technology_name {

    margin-top: 30px;

    margin-bottom: 0;

}

.blog_img {

    display: block;

    max-width: 100%;

    height: 210px;

    margin: 0 auto;

}

.blog_details {

    padding: 4rem;

    position: relative;

}

.blog_title {

    font-family: VarelaRound-Regular;

    color: #696969;

    font-size: 23px;

    line-height: 1.4;

    margin-bottom: 2rem;

    margin-top: 0;

    min-height: 97px;

}

.blog_tag {

    padding: 0.25rem 0.4rem;

    border: 1px solid #ee4d51;

    border-radius: 4px;

    margin-bottom: 1rem;

    display: inline-block;

    color: #6b6b6b;

    font-size: 10px;

    position: absolute;

    top: 10px;

    left: 10px;

}

.contact_us_form,

.web_development {

    padding: 40px 0;

}

.contact_left_image_pad {

    padding-left: 0;

    padding-right: 56px;

}

.contact_form_img,

.ser_1,

.ser_2 {

    padding-top: 24px;

}

.form-control {

    height: 42px;

    border-radius: 2px;

    color: #000;

}

select {

    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+)

        right 11px center/15px no-repeat;

    -moz-appearance: none;

    -webkit-appearance: none;

    appearance: none;

    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) !important;

}

img.loading_animation {

    display: none;

    width: 25px;

    margin-left: 0;

}

.footer {

    background-image: url(../images/footer.png);

    padding: 60px 0;

    background-size: cover;

}

.footer_ver_image {

    padding-top: 19px;

}

.contry_title {

    color: #fff;

    text-transform: uppercase;

}

hr {

    height: 1px;

    border: 0;

    border-top: 3px solid #ee4d51;

    padding: 0;

    width: 30px;

    margin-left: 0;

    margin-right: 0;

}

.etexi-booking .underline_casestudy,

.wherecase,

hr.contry_detail {

    margin-left: auto;

    margin-right: auto;

}

.phone_no {

    color: #fff;

    font-size: 14px;

    line-height: 35px;

}

#rfqmodal .phone_no,

.case-tech p,

.haveproject a,

.hr_line,

.hr_line_logo,

.modal_btn,

.note,

.popup-icons,

.read-more,

.rfq_button,

.twoToneButton,

img.singapore_logo,

p.red_more {

    display: inline-block;

}

.compass_features,

.fa_icons,

.well .jivraj_img {

    padding-top: 60px;

}

.fa_icons{

    padding-top: 0;

}

.hr_line {

    text-align: right;

    float: right;

    padding-top: 10px;

}

.fa_icons ul {

    list-style-type: none;

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 10px;

}

.fa_icons ul li a {

    height: 40px !important;

    width: 40px !important;

    background: #fff;

    display: block;

    text-align: center;

    line-height: 40px;

    transition: all 0.6s;

}

.fa_icons ul li a:hover {

    background: #ffffff;

    transform: rotate(360deg);

    border-radius: 50%;

}

.fa_icons ul li a i {

    font-size: 20px;

    line-height: 40px;

    color: #000!important;

}

.footer_logo {

    padding-top: 39px;

}

.footer_button {

    padding-top: 48px;

    text-align: right;

}

.rfq_button {

    width: 160px;

    background: #fff;

    letter-spacing: 1px;

    margin: 0;

    position: relative;

    text-transform: uppercase;

    z-index: 2;

    height: 40px;

    border-radius: 43px;

    text-align: center;

    padding: 9px;

    color: #fff;

    font-size: 15px;

    border: 2px solid #fff;

    transition: 0.5s;

}

.rfq_button_text {

    color: #000 !important;

}

.rfq_button:hover {

    background-color: #ee4d51;

    border: 2px solid #ee4d51;

    color: #ee4d51;

}

.hr_line_logo {

    text-align: right;

    float: left;

    padding-top: 18px;

}

.contry {

    background-image: url(../images/contry.png);

    padding: 50px 0;

    height: auto;

}

.footer_link h6 a {

    color: #fff;

    font-size: 16px;

    text-transform: uppercase;

}

.container-contact100.contact-page,

.footer_link ul,

.website-details ul {

    padding: 0;

}

.footer_link ul li {

    padding: 5px 0;

}

.footer_link ul li a {

    color: #c3c3c3;

    font-size: 14px;

    transition: 0.3s;

}

.bottom_footer {

    background-image: url(../images/bottom_footer.png);

    padding: 40px 0;

}

.all_rights_reserved {

    color: #fff;

    font-size: 16px;

    margin: 0;

}

#applyjob,

#rfqmodal {

    -webkit-overflow-scrolling: touch;

    outline: 0;

    position: fixed;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    z-index: 999999999;

    min-height: 100vh;

    min-width: 100vw;

    pointer-events: auto;

}

#rfqmodal {

    overflow-y: auto;

    z-index: 9999999;

    top: 10%;

    bottom: 10%;

    right: 0;

    left: 0;

    min-height: auto;

    pointer-events: auto;

    min-width: auto !important;

    background: 0 0;

}

#applyjob .modal-dialog,

#rfqmodal .modal-dialog {

    width: 100%;

    margin: 0;

    height: 100%;

}

#rfqmodal .modal-dialog {

    width: 100%;

    height: auto;

}

#applyjob .modal-content,

#rfqmodal .modal-content {

    border-radius: 0;

    border: none;

    height: 100%;

}

#applyjob .modal-header,

#rfqmodal .modal-header {

    padding: 0 45px;

    border-bottom: none;

    display: block !important;

}

#applyjob .close,

#rfqmodal .close {

    float: right;

    font-size: 60px;

    font-weight: 700;

    line-height: 1;

    color: #ee4d51;

    text-shadow: 0 1px 0 #fff;

    opacity: 1;

}

#applyjob .modal-body,

#rfqmodal .modal-body {

    position: relative;

    padding: 0 15px;

    margin: 0 auto;

    width: 100%;

    float: left;

    top: 70px;

}

.model-contact-info h3 {

    font-size: 24px;

    color: #333;

    font-weight: 600;

}

.model-contact-info a {

    color: #333;

}

.popup-icons {

    border: 1px solid #333;

    padding: 5px;

    border-radius: 50%;

    width: 35px;

    height: 35px;

    line-height: 25px;

    color: #333;

    font-size: 16px !important;

    margin-bottom: 20px;

}

.model-contact-info h5 {

    font-size: 22px;

}

#rfqmodal .tech {

    background-color: transparent;

    box-shadow: none;

    padding: 20px 0;

    text-align: left;

    margin-bottom: 0;

}

#rfqmodal .tech img {

    width: 45px;

    margin-right: 0.5rem;

}

.form-box {

    width: 100%;

    margin: 0 auto;

    float: left;

}

.form-box .form-group {

    margin-bottom: 30px;

    position: relative;

}

#rfqmodal .form-box .form-control {

    background-color: #fff;

    color: #000;

    border: 1px solid #b9b9b9;

    border-bottom: 1px solid #b9b9b9;

    box-shadow: none;

    border-radius: 0 !important;

    padding: 10px;

    font-size: 14px;

}

#rfqmodal .secondary_head {

    text-align: left;

    font-weight: 600;

    font-size: 22px;

    margin-bottom: 15px;

    margin-top: 0;

}

#rfqmodal .form-box textarea.form-control {

    height: 100px;

}

.note {

    color: #959595;

    font-size: 14px;

    margin-top: 20px;

}

.form-box input[type="file"] {

    opacity: 0;

    height: 60px;

    width: 100%;

    z-index: 1;

    position: relative;

}

.form-box #custom-button {

    padding: 10px;

    color: #000;

    border: 1px dashed #000;

    border-radius: 0;

    cursor: pointer;

    width: 100%;

    font-family: VarelaRound-Regular;

    position: absolute;

    top: 0;

    height: 60px;

    background-color: transparent;

}

#custom-text,

.form-box #custom-text {

    margin-left: 10px;

    color: #aaa;

    font-family: VarelaRound-Regular;

}

.modal_btn {

    outline: 0;

    padding: 12px 30px;

    line-height: 1.4;

    background: #ee4d51;

    border-radius: 8px;

    border: 2px solid #ee4d51;

    color: #fff;

    position: relative;

    font-weight: 400;

    font-family: VarelaRound-Regular;

    max-width: 200px;

    min-width: 200px;

    text-transform: uppercase;

    transition: 0.3s;

}

.mission_con_1,

.mission_con_2,

.vision_con {

    font-size: 16px;

    padding-right: 100px;

}

.modal_btn:hover {

    border: 2px solid #ee4d51;

    background-color: #fff;

    color: #ee4d51;

}

#rfqmodal .fa_icons {

    padding-top: 60px;

    position: absolute;

    bottom: 0;

}

#rfqmodal .fa_icons a {

    display: block;

    margin: 10px 0;

}

#rfqmodal .fa_icons a i {

    color: #333 !important;

    background-color: transparent !important;

    padding: 0 !important;

}

#rfqmodal .modal-content {

    height: auto;

    box-shadow: none;

}

.about_us_title {

    font-weight: 600;

}

img.vision_img {

    max-width: 90%;

    padding-top: 40px;

}

.eye_img,

.eye_img_mission {

    display: inline-block;

    float: left;

    width: 40px;

}

.mission_title,

.vision_title {

    margin: 0;

    padding-top: 7px;

    padding-left: 51px;

    font-family: VarelaRound-Regular;

}

.mission_con_1,

.vision_con {

    padding-top: 16px;

}

.eye_mission {

    padding-top: 33px;

}

.ser_1 img {

    width: 65px;

}

.join_team_item,

.solution_item {

    padding: 1rem 0;

    margin-bottom: 2rem;

    margin-top: 1.5rem;

}

.ser_1_heading {

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 20px;

    color: #696969;

}

.solution_item:hover {

    background-color: rgba(0, 0, 81, 0.2);

    background-color: rgb(238 77 81 / 1%);

    box-shadow: 0 0 20px rgb(0 0 0 / 15%);

    border-radius: 10px;

    transition: 0.3s;

    transform: scale(1.02);

}

.blog_featured.blog-details .category_detail a,

.blog_featured.blog-details .col-md-4 .bg_color_right a:hover,

.clutch_link_top:hover,

.service_item a,

.solution_item:hover .ser_1_heading,

.thanks-banner h1.about_us_title b {

    color: #ee4d51;

}

.services {

    margin-top: 25px;

}

.banner,

.india_detail,

.our_team,

.php_banner,

.php_banners,

.slider,

.well.hire .banner_image_top {

    margin-top: 0;

}

.our_team {

    padding-bottom: 7rem;

}

.con {

    position: relative;

    width: 100%;

}

.image {

    display: block;

    width: 100%;

    height: auto;

}

.deep_name_title {

    font-size: 20px;

    color: #120029;

    font-weight: 600;

}

.content_website h1.number,

.php_bg,

h1.php_bg.bg_no {

    font-size: 70px;

    z-index: 0;

    position: absolute;

    font-family: VarelaRound-Regular;

    font-weight: 600;

    right: 0;

}

.banner {

    background-image: url(../images/about_us_page/bg.png);

    background-size: 850px;

    background-repeat: no-repeat;

    background-position: right -30px top;

}

.pl-footer-1 {

    padding-left: 10%;

}

.ser_2 img {

    width: 100px;

}

.join-team {

    background-color: #f8f8f8;

    padding: 10px 0;

}

.current-opening .career_item {

    padding: 20px 15px;

    box-shadow: 2px 4px 10px rgb(0 0 0 / 20%);

    margin: 15px 0;

    border-radius: 6px;

    display: block;

    background-size: 14%;

    background-repeat: no-repeat;

    background-position: 96% 6%;

    transition: 0.3s;

}

.mobile_img:after,

.php_banners {

    background-size: contain;

    background-repeat: no-repeat;

}

.career_item h3 {

    margin: 0;

    color: #120029;

    font-size: 20px;

}

.career_item span {

    font-size: 14px;

    color: #a6a6a6;

}

.job-type span {

    margin-bottom: 20px;

    display: block;

}

.job-post span {

    width: 100%;

    display: inline-block;

    float: left;

    margin-bottom: 16px;

}

.current-opening .career_item:hover {

    transform: scale(1.1);

}

.career_item button.rfq_button {
    border-radius: 0 !important;
    background: #0c0c0c;
    padding: 0 !important;
    text-align: center;
    line-height: 40px;
    width: 160px;
    border: 0 !important;
}
.career_item button.rfq_button a {
    text-align: center;
    line-height: 40px;
    width: 160px;
    display: block;
}

.form_header h1 {

    color: #000;

    font-weight: 600;

    font-size: 32px;

}

#applyjob .form_header p {

    padding: 10px 0;

    display: block;

    margin-top: 50px;

}

.form_header p {

    padding: 10px 100px;

    font-size: 16px;

}

p.content_web_p,

p.content_web_paragraph {

    font-size: 16px;

    padding-top: 30px;

}

.form-box .form-control {

    width: 100%;

    background-color: #fff;

    color: #000;

    border: none;

    border-bottom: 1px solid #ee4d51;

    box-shadow: none;

    border-radius: 0 !important;

    padding: 6px 0;

    font-size: 16px;

    font-family: VarelaRound-Regular;

}

.slider-size {

    padding: 0;

    width: 100%;

    border-radius: 40px;

    overflow: hidden;

}

.mobile_img {

    width: 270px;

    height: 580px;

    padding: 8px 2px 8px 6px;

}

.mobile_img:after {

    content: "";

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    position: absolute;

    background-image: url(../images/mobile_blank.png);

    z-index: 9999;

}

.carousel {

    border-radius: 30px;

    overflow: hidden;

}

.php_banners {

    background-image: url(../images/Services/bg.png);

    background-position: top right;

}

.php_bg {

    top: -17px;

    color: rgba(0, 0, 0, 0.07);

    left: 0;

}

.akry_all_ss,

.box_str,

.case-box,

.clients-video,

.content_website,

.do_grocer_project_result,

.faq-area .panel-title > a,

.project_result,

.request-loade,

.subbox_btn,

.twoToneButton,

.validate-input,

.video-link,

.whatson_img,

.wrap-input100,

img.Visuals,

img.laptop_mac,

li.iphone_bullets {

    position: relative;

}

.content_website h1.number {

    top: 66px;

    color: rgb(255 255 255 / 7%);

    left: 25%;

    transform: translateX(-10%);

}

p.content_web_paragraph {

    padding-right: 0;

    margin-bottom: 2rem;

}

img.jivraj {

    width: 90%;

    float: right;

    margin-right: 56px;

}

.jivraj_img {

    padding-top: 158px;

    padding-bottom: 100px;

}

.content_website {

    padding-top: 86px;

    padding-bottom: 95px;

}

.main_title_white {

    color: #fff;

    font-family: VarelaRound-Regular;

    font-weight: 600;

    font-size: 32px;

    letter-spacing: 2px;

    margin-bottom: 30px;

}

p.website_design_content {

    font-size: 16px;

    color: #fff;

    padding-top: 30px;

    margin-bottom: 2rem;

}

.pro_con {

    display: flex;

    font-size: 16px;

    line-height: 25px;

    color: #fff;

}

.bullet_dot_span {

    width: 8px;

    height: 8px;

    margin-right: 10px;

    margin-top: 7px;

    background-color: #ee4d51;

    border-radius: 50%;

}

img.photos,

img.photoshop {

    padding-right: 20px;

}

.logos_ps_ai {

    padding-top: 30px;

}

.whatson_img {

    padding-top: 0;

    padding-bottom: 80px;

}

img.whatson {

    max-width: 100%;

    margin-top: 50px;

}

.website_design {

    background-color: #000;

}

h1.php_bg.bg_no {

    top: -20px;

    color: rgba(0, 0, 0, 0.1);

    left: 0;

    transform: unset;

}

hr.client_rec {

    margin: 0 auto;

    padding-bottom: 35px;

}

.features_shellby,

.meanfourbox_hover {

    padding: 0;

    display: block;

    position: relative;

    background: #fff6f6;

    border: none;

    color: #120029;

    font-size: 18px;

    cursor: pointer;

    margin: 0;

    text-align: center;

}

.features_shellby h3::before,

.features_shellby::before,

.meanfourbox_hover h3::before,

.meanfourbox_hover::before {

    left: 0;

    top: 0;

}

.features_shellby::after,

.features_shellby::before,

.meanfourbox_hover::after,

.meanfourbox_hover::before {

    content: "";

    width: 0;

    height: 2px;

    position: absolute;

    transition: 0.2s linear;

    background: #000;

}

.features_shellby h3,

.meanfourbox_hover h3 {

    display: block;

    padding: 25px 20px;

    font-size: 20px;

}

.meanfourbox_hover h3 {

    font-size: 18px !important;

    margin-bottom: 30px !important;

}

.features_shellby h3::after,

.features_shellby h3::before,

.meanfourbox_hover h3::after,

.meanfourbox_hover h3::before {

    content: "";

    width: 2px;

    height: 0;

    position: absolute;

    transition: 0.2s linear;

    background: #000;

}

.features_shellby h3::after,

.features_shellby::after,

.meanfourbox_hover h3::after,

.meanfourbox_hover::after {

    right: 0;

    bottom: 0;

    transition-duration: 0.4s;

}

.features_shellby:hover h3::after,

.features_shellby:hover h3::before,

.meanfourbox_hover:hover h3::after,

.meanfourbox_hover:hover h3::before {

    height: 100%;

}

.dedicated_developer {

    padding: 80px 0;

}

.port_slider {

    background-repeat: no-repeat;

    background-position: top center;

    background-size: auto 100%;

    padding-top: 0;

    padding-bottom: 80px;

}

.iphone_development,

.software_design {

    background-position: center;

    background-repeat: no-repeat;

}

.well {

    min-height: 20px;

    padding: 0;

    margin-bottom: 0;

    background-color: #fff;

    width: 100%;

    border: none;

    box-shadow: none;

}

.well .panel {

    padding: 0 !important;

}

.well .about_us_title {

    font-size: 52px;

    padding-top: 204px;

}

.banner_image_top,

.where-img {

    margin-top: 80px;

}

.banner_para {

    padding: 35px 0;

    background-color: #fff3f3;

    margin-top: 45px;

}

.banner_para .custom_software_d_content {

    font-size: 22px;

    font-weight: 700;

    color: #000;

}

img.jivraj.wow {

    max-width: 100%;

    width: 100%;

    margin-right: 0;

}

.well .web_development {

    width: 100%;

    float: left;

    padding: 60px 0;

}

.box_str:after,

.box_str:before {

    transition: 0.3s;

    width: 0;

    background-color: rgba(238, 77, 81, 0.1);

    height: 100%;

    position: absolute;

    top: 0;

    content: "";

}

.well p.content_web_p {

    font-size: 16px;

    padding-top: 15px;

}

.well .title_web_client {

    padding-top: 0;

    padding-bottom: 0;

    margin-top: 40px;

}

.meanfourbox h3 {

    display: block;

    font-size: 20px;

    padding: 25px 20px;

    margin: 0;

}

h3.content_subtitle,

p.content_p {

    padding-bottom: 22px;

    margin: 0;

}

.strength img {

    max-width: 60px;

}

.box_str .main_title h3 {

    font-size: 18px;

    font-weight: 600;

    font-family: VarelaRound-Regular;

    letter-spacing: initial;

}

.box_str {

    background-color: #fff;

    padding: 30px 20px;

    height: 160px;

    border-radius: 12px;

    margin: 25px 10px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    overflow: hidden;

    transition: 0.3s;

}

.box_str:after {

    left: 0;

}

.box_str:before {

    right: 0;

}

.box_str:hover:after,

.box_str:hover:before {

    width: 100%;

    transition: width 1.3s;

}

.ecards_banner img.c_logo,

.img_box img,

.process img,

.testimonial video,

img {

    max-width: 100%;

}

.contact_form {

    padding: 20px 0 82px;

    height: auto;

    background-color: #f7f7f7;

}

.hire_formbox {

    padding: 30px;

    border-radius: 10px;

    margin-top: 2rem;

    background-color: #fff;

    box-shadow: 0 0 30px rgb(0 0 0 / 9%);

}

#custom-button:hover,

.subbox_btn {

    background-color: #ee4d51;

}

.contect_title {

    color: #000;

    margin-bottom: 5rem;

}

.budget,

.email,

.name,

.skype {

    padding-bottom: 25px;

}



form#contact_us_form .form-control {

    border: 1px solid #000;

}

.subbox_btn {

    letter-spacing: 1px;

    text-decoration: none !important;

    text-transform: uppercase;

    width: 149px;

    height: 40px;

    border-radius: 43px;

    text-align: center !important;

    padding: 9px !important;

    display: inline-block;

    font-family: VarelaRound-Regular !important;

    color: #fff !important;

    font-size: 13px !important;

    font-weight: 600;

    border: 2px solid #ee4d51;

    transition: 0.5s;

    margin-top: 20px;

}

#custom-button,

#subForm input#ebcaptchainput,

.about_us_title,

.contact100-form .blog_btn,

.faq .faq-title,

.feature-title,

.popupBox form#contact_us_form .form-control,

.twoToneButton,

.website-page p,

a.email_id,

b.why_choose_cc,

form#contact_us_form .form-control,

h1.blog_detail,

p.address_detail,

p.red_more {

    font-family: VarelaRound-Regular;

}

.case-box,

.case-details,

.fa_icons i.fa {

    transition: 0.3s;

}

.soc_icon {

    padding-top: 41px;

    padding-bottom: 135px;

    text-align: center;

}

img.social_msg_icon {

    max-width: 100px;

}

.social_cnnctbox {

    padding: 30px;

    border-radius: 10px;

    margin-top: 2rem;

}

.navbar a i:hover {

    background: 0 0 !important;

}

.well .jivraj_img img.jivraj.wow {

    width: auto;

    float: unset;

}

.well .jivraj_img {

    padding-bottom: 0;

}

b.why_choose_cc {

    border-bottom: 0 solid;

    color: #120029;

    font-weight: 600;

    font-size: 32px;

    letter-spacing: 2px;

}

.iphone_hire {

    color: #000;

    font-weight: 600;

}

.clutch_link_top {

    color: #ee4d51;

    font-weight: 600;

}

.iphone_development {

    background-image: url(../images/iphone_dev_bg.png);

    margin-top: 6%;

    background-size: cover;

    padding-bottom: 6rem;

}

img.iphone_app {

    margin-top: 86px;

}

.category_detail p.category_det,

form#rfq_request_form .note,

img.native_img {

    margin-top: 10px;

}

h3.content_subtitle {

    font-size: 28px;

    color: #fff;

}

li.list_left,

p.content_p,

p.react_native_content {

    font-size: 16px;

    color: #fff;

}

.android_app_width_50,

.iphone_width_50,

.top-dev li {

    width: 50%;

    float: left;

}

ul.left-list {

    padding-left: 16px;

}

.android_app {

    width: 100%;

    float: left;

    padding-top: 5rem;

}

h3.content_app_subtitle {

    margin: 0;

    font-weight: 600;

    padding-top: 40px;

    font-size: 28px;

}

p.content_app_p {

    padding-top: 20px;

    font-size: 16px;

}

ul.left-list-app {

    padding: 0 0 0 18px;

}

.react_native {

    background-image: url(../images/native_bg.png);

    background-size: cover;

    padding-bottom: 100px;

    padding-top: 40px;

}

.we_think {

    padding: 60px 0 0;

}

.bullet_point {

    width: 14px;

    margin-right: 5px;

    vertical-align: unset;

}

.software_design {

    background-image: url(../images/soft_design_bg.png);

    background-size: cover;

}

.bg_color {

    background-color: rgb(0, 0, 0, 0.6);

    padding: 70px;

    margin-top: 80px;

    margin-bottom: 80px;

}

#subForm,

.case-box,

.contact-page .form-group,

.haveproject h1,

.popupBox h2.form_title_lets,

.portfolioContainer .col-md-4.col-sm-6,

.process-box,

.reviewer img,

.team-box,

.testimonial .testi-dest p {

    margin-bottom: 30px;

}

p.software_design_content {

    color: #fff;

    font-size: 16px;

    margin: 0;

    padding-bottom: 20px;

}

.award-winning,

.etexibooking,

.software_dev,

.zegofit-screenshot {

    padding: 60px 0;

}

p.software_dev_content {

    margin: 0;

    padding-top: 30px;

    padding-bottom: 30px;

    font-size: 16px;

}

.bullet_dot,

img.tech_logos {

    margin-right: 10px;

}

.akry_discription .requirement,

.request-loade {

    margin-top: 50px;

}

.request-loade:after {

    position: absolute;

    background: #fff;

    height: 390px;

    width: 390px;

    content: "";

    left: 50%;

    z-index: 1;

    border-radius: 50%;

    top: 40%;

    transform: translate(-50%, -50%);

    box-shadow: 0 0 20px 0 rgb(0 94 155 / 40%);

}

img.laptop_mac {

    z-index: 9999;

}

.bullet_dot {

    width: 8px;

    height: 8px;

    margin-top: 7px;

}

li.iphone_bullets {

    font-size: 16px;

    display: flex;

    color: #696969;

    padding: 5px 0;

}

.website_title {

    font-weight: 600;

    font-size: 25px;

}

.website_title_link {

    color: #696969;

    font-size: 19px;

}

div#features h1.about_us_title.features_com {

    color: #fff;

    padding-top: 0;

    padding-bottom: 30px;

}

.text-white {

    color: #686868;

}

.rs-icon-info {

    padding-bottom: 65px;

}

.features_comm {

    background-color: #0a1724;

    padding: 60px 0;

}

.second .project_title h1.about_us_title {

    padding-top: 4rem;

}

.project_result {

    background-image: url(../images/projects/circadian-resultbanner.png);

    background-size: cover;

    background-repeat: no-repeat;

    height: 100%;

    padding-bottom: 43%;

}

.rumie_ss_title {

    padding-top: 30px;

    text-align: center;

}

.do_grocer_project_result .ss_title,

.project_result .ss_title,

.rumie-screenshot .ss_title {

    padding-top: 2%;

    text-align: center;

    color: #fff;

}

.core_features_akry .fea_title,

.core_features_ecards .fea_title {

    color: #333;

    font-weight: 600;

    line-height: 1.2;

    font-family: VarelaRound-Regular;

    text-align: center;

}

.case-box {

    border-radius: 10px;

    margin-top: 30px;

}

.case-box:hover {

    transform: scale(0.96);

}

.case-study-banner h1.about_us_title {

    padding-top: 0;

    text-align: center;

    color: #fff;

}

.case-stude-heading {

    background-color: #333;

    padding: 20px 0;

    color: #fff;

    margin-bottom: 50px;

}

.portfolioFilter a {

    background: #fff;

    color: #000;

    padding: 6px 12px;

    border-radius: 15px;

    border: 2px solid #000;

    margin: 0 4px;

}

.portfolioFilter a.current {

    background: #1e1e1e;

    color: #fff;

}

.case-box img {

    border-radius: 10px;

    width: 100%;

}

.case-details {

    background: rgba(0, 0, 0, 0.8);

    padding: 24px;

    width: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 100px;

    text-align: center;

    overflow: hidden;

    border-radius: 15px 15px 0 0;

}

.case-box:hover .case-details {

    height: 0;

    padding: 0;

}

.case-details h3 {

    margin-top: 0;

    text-align: center;

    font-weight: 600;

    font-size: 20px;

    letter-spacing: 1px;

    vertical-align: bottom;

    color: #fff;

}

.case-tech p {

    color: #fff;

    text-align: center;

    vertical-align: top;

    margin: 7px 0 0 2px;

    font-size: 14px;

    padding: 3px 8px;

}

.well.hire img.jivraj {

    max-width: 66%;

}

.well.hire p.content_web_p {

    font-size: 18px;

    padding-top: 10px;

}

.well.hire li.iphone_bullets {

    font-size: 18px;

    list-style-type: none;

    position: relative;

    display: flex;

    color: #696969;

    padding: 5px 0;

}

.well.hire .bullet_dot {

    width: 10px;

    height: 10px;

    margin-right: 10px;

    margin-top: 7px;

}

.well.hire .features_shellby {

    background: #fff;

    -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 10%);

    box-shadow: 0 0 30px rgb(0 0 0 / 10%);

    border-radius: 6px;

    -webkit-transition: 0.3s ease-in-out;

    -o-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

    margin-bottom: 30px;

    border: 1px solid #ffe2e3;

    height: 100%;

}

.well.hire img.hire_ded_dev {

    max-width: 78%;

}

.well.hire .bg_image_res_hire {

    background-color: #f5f5f5;

}

.hire_boxes_bg {

    margin-top: 40px;

    margin-bottom: 40px;

}

.well.hire img.hire_ded_dev_bg {

    max-width: 78%;

    margin-top: 58px;

}

.well.hire h3.main_title.hire_modal.mt-3.mb-3 {

    margin-bottom: 60px;

    margin-top: 3rem !important;

}

.client_recomend {

    padding: 60px 0 30px;

}

.well.hire .shellby_features_title {

    padding: 12px;

}

h3.hire_modal {

    margin-top: 0;

    margin-bottom: 60px;

}

.ecards_banner {

    padding: 60px 0 80px;

}

.ecards_banner .banner_heading {

    padding-top: 7rem;

}

.app-details .about_us_title,

.ecards_banner.zegofit .banner_heading,

.page-maping,

.panal.project-bg .more_project,

.sitemeap .about_us_title,

.solution_content {

    padding-top: 0;

}

.project_links {

    margin-top: 2rem;

}

.akry_ss,

.banner_do img.c_logo {

    margin-top: 120px;

}

.core_features_akry .fea_title {

    font-size: 40px;

    margin: 2rem 0 5rem;

}

.faq-title {

    margin-bottom: 42px;

    padding-right: 60px;
}

.img_box {

    width: 55px;

    padding: 15px;

    border: 1px solid #eabf3c;

    border-radius: 0.45rem;

    margin-bottom: 2rem;

}

.feature-title {

    font-size: 18px;

    font-weight: 600;

    color: #001138;

    margin-bottom: 0;

}

.para_text {

    font-size: 16px;

    line-height: 1.2;

    padding: 1rem 0;

    font-weight: 400;

}

.akry_discription .faq-img img {

    max-width: 85%;

}

.akry_discription .para_text {

    padding: 2rem 0;

}

.akry_ss {

    padding: 0;

    background-image: url(../images/projects/akry/ss-bg.png);

    background-position: top;

    background-size: cover;

    background-repeat: no-repeat;

}

.finskol_features,

.project_content {

    padding-top: 20px;

}

.akry_all_ss {

    max-width: 70%;

    left: -50px;

    float: left;

    bottom: 0;

    margin-top: -120px;

}

.requirement {

    margin-top: 20px;

}

.akry_ss .about_us_title,

.compass_features2 {

    padding-top: 150px;

}

.app-details .about_us_title {

    font-size: 36px;

    margin-bottom: 20px;

}

.circadian .about_us_title {

    padding-top: 24%;

}

.more_project_title_main {

    text-align: center;

    padding-top: 20px;

    padding-bottom: 40px;

}

.case_study_banner_img {

    padding-top: 3rem;

}

.core_features_ecards,

.core_features_ecards.rumie {

    background-position: bottom;

    background-size: cover;

    background-repeat: no-repeat;

    margin-top: -100px;

    padding-top: 150px;

    padding-bottom: 80px;

}

.core_features_ecards {

    background-image: url(../images/projects/ecards/bg-ecards.png);

}

.core_features_ecards.rumie {

    background-image: url(../images/projects/rumieapp/feature-bg.png);

}

.core_features_ecards .fea_title {

    font-size: 36px;

    margin: 2rem 0 5rem;

}

.core_features_ecards .faq-title {

    margin-bottom: 0;

    padding-right: 20px;

    padding-left: 30px;

}

.fr_banner {

    width: 650px;

    margin-top: 00px;

    max-width: 100%;

    border-radius: 10px;

}

.banner_do .banner_heading,

.panal.fr_banner_section.app-details .banner_heading {

    padding-top: 8rem;

    padding-bottom: 10px;

}

.logo_slider {

    padding-top: 25px;

}

.core_features_ecards.zegofit .owl-carousel,

.snapshot_title {

    padding-top: 90px;

}

.problem_ss .fr_prblm_img {

    margin-top: 60px;

}

.fr_fea_bg {

    background-color: #000;

    padding: 40px 0 80px;

}

.fr_fea_bg .about_us_title {

    color: #fff;

    font-weight: 400;

    text-align: center;

}

.widgets_wrapper,

hr.fea_heading {

    margin: 0 auto;

}

.top_fea {

    margin-top: 50px;

    margin-bottom: 50px;

}

.fr_features {

    text-align: center;

    padding-bottom: 20px;

    padding-top: 0;

}

img.fea_icon {

    max-width: 70px;

}

.fr_features h3 {

    color: #fff;

    font-size: 18px;

}

.more_project {

    padding: 100px 0 120px;

}

.faq {

    background-color: #0a1724;

    padding-bottom: 60px;

}

.faq .faq-title {

    text-align: center;

    color: #fff;

    margin-top: 40px;

    margin-bottom: 42px;

}

.faq-img {

    padding-top: 0;

    text-align: right;

    border-radius: 8px;

    overflow: hidden;

}

.project_ss_1 {

    width: 80%;

    float: none;

    margin: 0 auto;

}

.faq-area .panel-group {

    margin: 0;

    padding-right: 100px;

}

.panel-group .panel {

    margin-bottom: 0;

    border-radius: 4px;

}

.panel-default {

    background: rgba(0, 0, 0, 0);

    border: 0;

    box-shadow: none;

    padding: 0;

}

.panel-group .panel + .panel {

    margin-top: 14px;

}

.panel-default > .panel-heading {

    background: inherit;

    border-color: inherit;

    margin: 0;

    padding: 0;

}

.faq-area .panel h4 {

    font-family: Poppins, sans-serif;

    font-size: 14px;

}

a.features_faq {

    color: #fff;

    font-size: 20px !important;

    font-weight: 500 !important;

}

.faq-area .panel-title > a {

    background: inherit;

    border-bottom: 0;

    display: block;

    padding: 8px 0 8px 40px;

    transition: 0.5s;

    width: 100%;

}

.faq-area .panel-title a span::before {

    border: 1px solid #6b9dd5;

    border-radius: 50%;

    color: #606060;

    content: "";

    cursor: pointer;

    font-size: 16px;

    font-weight: 500;

    height: 23px;

    left: 0;

    line-height: 23px;

    margin: auto;

    position: absolute;

    text-align: center;

    top: 6px;

    transition: 0.3s;

    width: 23px;

    z-index: 2;

}

.faq-area .panel-title a span:before {

    background: #6b9dd5;

    content: "-";

    color: #fff;

}

.faq-area .panel-title a.collapsed span:before {

    background: 0 0;

    content: "+";

    color: #606060;

    border-color: #acacac;

}

.panel-default > .panel-heading + .panel-collapse > .panel-body {

    border: 0;

}

.panel-body > p {

    color: #d0d0d0;

    margin: 0;

}

.do_grocer_project_result {

    background-image: url(../images/projects/do_grocer/screens.png);

    background-size: cover;

    background-repeat: no-repeat;

    height: 100%;

    padding-bottom: 45%;

    background-position: bottom center;

}

.ss_title {

    font-size: 36px;

    padding-top: 50%;

    text-align: left;

    color: #fff;

}

.compass_admin {

    max-width: 100%;

    margin-top: 40px;

}

.contact100-form .blog_btn,

.twoToneButton {

    font-weight: 400;

    max-width: 200px;

    min-width: 200px;

    outline: 0;

}

.fea {

    border: 1px solid #bde6fe;

    padding: 20px;

    margin: 12px;

    border-radius: 9px;

}

.compass_icon {

    width: 40px;

}

.shellby_features {

    background-color: #000;

    padding: 50px 0 80px;

    margin-top: -255px;

}

img.Visuals {

    max-width: 100%;

    text-align: center;

    margin: 0 auto;

    z-index: -1;

}

.shellby_features_main_title {

    margin-bottom: 50px;

}

.shellby_features .fea_heading {

    color: #fff;

    text-align: center;

    font-weight: 400;

}

.shellby_features_icon img {

    max-width: 50px;

}

.shellby_features_icon {

    text-align: center;

    padding: 39px 0 0;

}

.form_title,

p.red_more {

    padding-top: 0;

    padding-bottom: 0;

}

.features_shellby {

    margin-bottom: 30px;

    background: 0 0;

    cursor: auto;

}

hr.underline_shellby_features {

    width: 50%;

    border: 1px solid #80808030;

    height: 0;

    margin-left: auto;

    margin-right: auto;

}

h2.form_title_lets {

    font-size: 28px;

}

hr.lets_talk {

    margin: 23px auto 0;

}

.container-contact100 {

    margin-bottom: 70px;

}

.container-contact100 .wrap-contact100 {

    width: 710px;

    background: #fff;

    border-radius: 24px;

    overflow: hidden;

    padding: 42px 75px 45px 25px;

    box-shadow: 0 0 25px rgb(0 0 0 / 10%);

    border: 1px solid #ee4d51;

}

.blog-box {

    background-color: #fff;

    margin-bottom: 30px;

    padding: 20px;

    box-shadow: 0 0 20px rgb(0 0 0 / 10%);

}

.india_detail,

.singapore_detail {

    margin-left: 0;

    margin-bottom: 10px;

}

h1.blog_detail {

    font-size: 26px;

    font-weight: 500;

    color: #333;

}

form#contact_us_form .form-control,

p.red_more {

    font-size: 16px;

}

p.red_more {

    padding-right: 0;

}

p.blog_author {

    color: #c3c3c3;

}

p.blog_detail_text {

    margin-bottom: 20px;

    margin-top: 20px;

}

.read-more hr.under_line {

    margin-top: -10px;

    width: 20px;

    transition: 0.3s;

    cursor: pointer;

}

.read-more:hover hr.under_line {

    width: 80px;

}

form#contact_us_form .form-control {

    width: 100%;

    background-color: #fff;

    color: #000;

    border: none;

    border-bottom: 1px solid #ee4d51;

    box-shadow: none;

    border-radius: 0 !important;

    padding: 6px 0;

    -webkit-appearance: none;

}

.contact-validate-form input[type="file"] {

    opacity: 0;

    visibility: hidden;

}

#custom-button {

    padding: 10px;

    color: #000;

    border-radius: 9px;

    cursor: pointer;

    width: 100%;

    background-color: rgba(238, 77, 81, 0.45);

    border: 1px dashed #000;

}

.twoToneButton {

    padding: 12px 30px;

    line-height: 1.4;

    background: #ee4d51;

    border-radius: 8px;

    border: 1px solid #ee4d51;

    color: #fff;

    text-transform: uppercase;

    transition: 0.3s;

}

.twoToneButton:hover {

    color: #120029;

    opacity: 0.95;

    background-color: transparent;

    border: 1px solid #ee4d51;

}

.global {

    padding-bottom: 0;

    padding-top: 15px;

    padding-left: 14px;

}

h1.presence {

    text-align: left;

    font-size: 30px;

    font-weight: 600;

}

img.singapore_logo {

    float: left;

    margin-right: 19px;

}

h2.singapore_title {

    font-size: 22px;

    font-weight: 600;

}

a.email_id,

p.address_detail {

    font-size: 16px;

    color: #000;

}

.review-name > p,

p.address_detail {

    margin-bottom: 0;

}

.add_detail {

    padding-top: 10px;

}

.center-align,

.featute-img-box,

.india_detail .singapore,

.logo-app,

.singapore_detail .singapore,

.team-box .row,

.zegofit-screenshot .row {

    display: flex;

    align-items: center;

}

a.tel_india {

    color: #000;

    display: block;

}

.slider {

    background-image: url(../images/blog_detail_banner.png);

    background-repeat: no-repeat;

    background-size: cover;

    height: 550px;

    background-position-y: -30px;

}

.slider .about_us_title {

    font-size: 46px;

    width: 80%;

    line-height: 70px;

    margin: 20px auto;

}

.mobileappdevelopment {

    background-image: url(../images/Blog/mobile-app-development.jpg);

}

.clutch-celebrates-crest-coder {

    background-image: url(../images/Blog/clutch-celebrates-crest-coder.jpg);

}

.clutch-celebrates {

    background-image: url(../images/Blog/clutch-celebrates.jpg);

}

.top-mbile-app-developers {

    background-image: url(../images/Blog/top-mbile-app-developers.jpg);

}

.five-things-banner {

    background-image: url(../images/Blog/five-things-banner.jpg);

}

.app-developers-johannesburg {

    background-image: url(../images/Blog/app-developers-johannesburg.jpg);

}

.react-native-mobile-app {

    background-image: url(../images/Blog/react-native-mobile-app.jpg);

}

.outstanding-services-of-crest-coder {

    background-image: url(../images/Blog/outstanding-services-of-crest-coder.jpg);

}

.about_us_title {

    font-size: 56px;

    padding-top: 137px;

    text-align: center;

}

.blog-details {

    background-color: #f4f4f4;

}

.blog-details .bg_color {

    background-color: rgb(255 255 255 / 100%);

    margin-top: 50px;

}

p.blog_content {

    padding-left: 0;

    font-size: 18px;

}

img.blog_1_det {

    max-width: 93%;

}

hr.blog_cnt {

    width: 97%;

    border: 1px solid #0072bc !important;

    height: 0;

}

p.share_with {

    font-size: 19px;

    padding-right: 26px;

    display: inline-block;

}

.category_detail i.fa {

    margin: 10px;

}

h2.blog_name,

h3.blog_name {

    font-size: 24px;

    background-color: #fff;

    padding-bottom: 18px;

    padding-top: 18px;

    padding-left: 15px;

}

h4.related_post_title {

    padding: 20px;

    background-color: #f1f1f1;

    color: #000;

    margin-top: 0;

}

.bg_color_right,

.bg_color_right_form {

    margin-left: 29px;

    padding: 20px;

    background-color: #fff;

    margin-top: 47px;

    width: 100%;

    float: left;

    margin-bottom: 48px;

}

h3.categories_list {

    padding-bottom: 27px;

}

span.cat_count {

    position: absolute;

    right: 15px;

}

hr.blog_category_line {

    width: 100%;

    border-top: 1px solid #000 !important;

}

.width_28 {

    width: 28%;

    float: left;

}

.width_72 {

    width: 72%;

    float: left;

}

h5.recent_post_title {

    font-size: 16px;

    padding-top: 0;

    padding-left: 12px;

    margin-top: 0;

}

p.read_more_rec_post {

    padding-top: 0;

    padding-left: 13px;

    font-size: 17px;

    padding-bottom: 0;

}

h2.form_title_lets {

    text-align: center;

    padding-top: 00px;

}

.container-contact100 {

    width: 100%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    padding: 15px;

    margin-top: 2rem;

}

.bg_color_right_form .wrap-contact100 {

    width: 100%;

    background: #fff;

    border-radius: 10px;

    overflow: hidden;

    border: 1px solid #243762;

    padding: 20px;

    box-shadow: none;

}

.wrap-input100 {

    width: 100%;

    border-bottom: 2px solid #d9d9d9;

    padding-bottom: 13px;

    margin-bottom: 27px;

}

.contact100-form select#budget {

    width: 100%;

    height: 35px;

    border: 0;

    background-color: transparent;

    font-size: 14px;

    color: #adadad;

}

.contact100-form .input100:focus {

    outline: 0;

    border: none;

}

.contact100-form input.input100:focus,

.contact100-form textarea.input100:focus {

    border-color: transparent !important;

    border-bottom: none !important;

    box-shadow: none !important;

}

input.input100 {

    height: 40px;

}

.contact100-form .input100 {

    display: block;

    width: 100%;

    background: 0 0;

    font-size: 14px !important;

    color: #333;

    line-height: 1.2;

    padding: 0 5px;

    border: none !important;

}

.focus-input100 {

    position: absolute;

    display: block;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    pointer-events: none;

}

.focus-input100::before {

    content: "";

    display: block;

    position: absolute;

    bottom: -2px;

    left: 0;

    width: 0;

    height: 2px;

    -webkit-transition: 0.4s;

    -o-transition: 0.4s;

    -moz-transition: 0.4s;

    transition: 0.4s;

    background: #7f7f7f;

}

.contact100-form .blog_btn {

    display: inline-block;

    padding: 9px 30px;

    line-height: 1.4;

    background: #ee4d51;

    border-radius: 8px;

    border: 1px solid #ee4d51;

    color: #fff;

    position: relative;

    text-transform: initial;

    font-size: 14px;

    transition: 0.3s;

    margin-bottom: 2rem;

}

@media screen and (min-width: 1440px) {

    .case-study-banner .container {

        width: 1300px;

    }

}

@media screen and (max-width: 1400px) and (min-width: 1025px) {

    .services_section .owl-nav {

        bottom: -30px;

        width: 100%;

        left: 0;

    }

}

@media only screen and (min-width: 991px) {

    .d-none-ipad,

    .mobile_menu {

        display: none;

    }

    .d-none-mobile {

        display: block;

    }

    .request-loade:after {

        height: 300px;

        width: 300px;

    }

}

@media (max-width: 992px) {

    .review-name {

        text-align: center;

        margin-bottom: 10px;

    }

    .banner_para .custom_software_d_content {

        font-size: 18px;

    }

    h1 {

        font-size: 26px;

    }

    .request-loade:after {

        display: none;

    }

    .navbar-nav {

        list-style-type: none;

        float: left;

        display: block;

    }

    .php_banners {

        background-image: none;

    }

    .well .about_us_title {

        font-size: 34px;

        padding-top: 100px;

    }

    img.iphone_app {

        margin-top: 50px;

        max-width: 93%;

        margin-bottom: 30px;

    }

}

@media only screen and (max-width: 991px) {

    .contact_form,

    .custom_software_d_content,

    .drpdnw_btm a,

    .footer_link,

    .rfqmobile,

    .ser_2,

    .title_web,

    .tstmnal_items {

        text-align: center;

    }

    .content_website {

        padding-top: 10px;

        padding-bottom: 50px;

        position: relative;

    }

    img.whatson {

        width: 100%;

        position: unset;

    }

    .jivraj_img {

        padding-top: 10px;

        padding-bottom: 10px;

    }

    img.jivraj {

        width: 100%;

        float: right;

        margin-right: 0;

    }

    .whatson_img {

        padding-bottom: 0;

    }

    .bg_no,

    .php_bg {

        font-size: 50px !important;

        top: -30px !important;

    }

    .blog_title,

    .drpdnw_btm a {

        font-size: 16px;

        font-family: VarelaRound-Regular;

    }

    .join_team_item {

        padding: 1rem 0;

        margin-bottom: 0;

        margin-top: 0;

    }

    .ser_2 {

        padding-top: 4px;

    }

    #solutions .bg_no,

    #solutions1 .bg_no,

    .vision .bg_no {

        font-family: VarelaRound-Regular;

        font-weight: 600;

        font-size: 50px;

        position: absolute;

        top: -30px;

        z-index: 0;

        color: rgba(0, 0, 0, 0.07);

        left: 20px;

        right: 0;

    }

    .service_item {

        margin: 0 !important;

        width: 100%;

        padding: 20px;

        box-shadow: 0 0 15px rgb(0 0 0 / 8%);

        height: auto;

    }

    .services_section {

        padding: 2rem 0;

    }

    .mb-4 {

        margin-bottom: 2rem;

    }

    img.vision_img {

        max-width: 90%;

        padding-top: 40px;

        padding-bottom: 40px;

    }

    .footer_link ul li a {

        font-size: 13px;

    }

    .contry {

        height: 100%;

        padding: 30px 0 0;

    }

    .footer_link {

        margin-bottom: 3rem;

    }

    .footer_link h6 a {

        color: #ee4d51;

        font-size: 14px;

    }

    .contact_us_form {

        padding: 0;

    }

    .fa_icons i {

        border-radius: 6px;

    }

    .contact_form {

        padding-top: 30px;

        padding-bottom: 30px;

    }

    .mb-7 {

        margin-bottom: 4rem;

    }

    .blog_details {

        padding: 3rem 1.5rem;

    }

    .blog_title {

        color: #696969;

        line-height: 1.4;

        margin-bottom: 1rem;

    }

    .owl-carousel.owl-drag .owl-item,

    .port_box {

        padding: 15px;

    }

    .tstmnal_items {

        padding: 0 !important;

    }

    .tstmnal_items img {

        width: 70px !important;

        margin: 0 auto;

    }

    .d-none-mobile,

    .menu__breadcrumbs .menu_icon,

    .rocket-section,

    .testimonial_slider .owl-nav,

    .top_header {

        display: none;

    }

    .testimonial {

        padding: 40px 0;

    }

    .logo_slider {

        padding-top: 5px;

    }

    .ml-40 {

        margin-left: 0;

    }

    div#solutions .services .col-xs-6.col-md-3.col-sm-3:nth-of-type(10),

    div#solutions .services .col-xs-6.col-md-3.col-sm-3:nth-of-type(6),

    div#solutions1 .services .col-xs-6.col-md-3.col-sm-3:nth-of-type(10),

    div#solutions1 .services .col-xs-6.col-md-3.col-sm-3:nth-of-type(6) {

        clear: both;

    }

    #work {

        padding-top: 1.5rem;

        padding-bottom: 2em;

    }

    .blog {

        margin-bottom: 30px;

    }

    .prjct_nm {

        color: #000;

        font-family: VarelaRound-Regular;

        font-weight: 600;

        font-size: 26px;

        margin-bottom: 0;

    }

    .portfolio_new {

        padding: 20px;

        border-radius: 14px;

        margin-bottom: 30px;

    }

    .prjct_ctgr {

        font-size: 14px;

        margin-bottom: 1rem;

    }

    .navbar-nav {

        list-style-type: none;

        float: left;

        display: block;

    }

    .navbar-brand > img {

        display: block;

        width: 150px;

        margin-top: 1px;

    }

    .mainhome_icon {

        width: 14px;

        margin-right: 5px;

        margin-top: -2px;

        vertical-align: baseline;

    }

    .rfqmobile {

        position: absolute;

        bottom: 12rem;

        width: 100%;

    }

    .contact_btn {

        width: 250px;

    }

    .drpdnw_btm {

        position: absolute;

        border-top: none;

        bottom: 2rem;

    }

    .drpdnw_btm a {

        float: none;

        display: inline-block;

        color: #afafaf;

        padding: 14px 17px;

        text-decoration: none;

        position: relative;

    }

    .menu__breadcrumbs a:not(:last-child)::after {

        color: #656565 !important;

    }

    .fixed_btn {

        letter-spacing: 0;

        text-decoration: none !important;

        text-transform: uppercase;

        width: 80px;

        z-index: 2;

        height: auto;

        background-color: #000;

        border-radius: 100px 0 0 100px;

        text-align: center !important;

        padding: 5px 0 5px 8px !important;

        display: inline-block;

        font-family: VarelaRound-Regular !important;

        color: #fff !important;

        font-size: 10px !important;

        font-weight: 600;

        border: 2px solid #000;

        transition: 0.5s;

        margin-top: 0;

        position: fixed;

        right: 0;

        top: 50%;

        line-height: 1.2;

    }

    .panel {

        padding: 2.5rem 0;

    }

    .banner_custom_software {

        padding-left: 20px;

        text-align: center;

    }

    .bg_no {

        font-size: 55px;

    }

    .main_title {

        font-size: 34px;

    }

    .sb_title {

        font-size: 16px;

        letter-spacing: 0.5px;

    }

    .new_port_circadian {

        width: 70%;

        max-width: 100%;

        position: relative;

        top: auto;

        left: 0;

        right: 0;

        text-align: center;

        margin: 0 auto;

        bottom: -30px;

    }

}

.logo-video,

.requirement h1.about_us_title {

    text-align: left;

}

@media only screen and (max-width: 767px) {

    .about_us_title,

    .case_study_banner_img,

    .clutch_slider,

    .fa_icons,

    .footer_button,

    .hire_ded_dev_bg_cl,

    .project_ss,

    .requirement h1.about_us_title,

    .title,

    .well.hire h3.main_title.hire_modal.mt-3.mb-3 {

        text-align: center;

    }

    .branch-office .india_detail p,

    .branch-office .singapore_detail p {

        min-height: 0 !important;

    }

    .branch-office .india_detail,

    .branch-office .singapore_detail {

        min-height: auto !important;

    }

    .five-things-banner h1.about_us_title,

    .mobileappdevelopment h1.about_us_title,

    .outstanding-services-of-crest-coder h1.about_us_title {

        color: #333;

    }

    .category_detail .row,

    .category_detail h3.blog_name,

    .footer .hr_line,

    .hr_line_logo,

    .portfolioFilter,

    .project_result,

    .snapshot_title h1.about_us_title,

    .snapshot_title hr {

        display: none;

    }

    #rfqmodal .modal-header,

    .case-study-list {

        display: block !important;

    }

    #rfqmodal .modal-header {

        padding: 0 5px;

        border-bottom: none;

    }

    .model-contact-info a {

        width: 100%;

        display: block;

    }

    #rfqmodal .fa_icons {

        position: relative;

        padding-top: 10px;

        padding-bottom: 10px;

    }

    #rfqmodal .fa_icons a {

        display: inline-block;

        margin: 10px;

    }

    #rfqmodal .fa_icons a i {

        color: #333 !important;

        background-color: transparent !important;

        padding: 0 !important;

    }

    .shellby_features_title h3 {

        margin-top: 0;

        padding-top: 0;

        padding-bottom: 0;

    }

    .clutch,

    .faq-area .panel-group {

        padding-right: 0;

    }

    .solution_title h1.about_us_title {

        margin-top: 0;

        margin-bottom: 0;

    }

    .solution_title hr.underline_casestudy {

        margin: revert revert 30px;

    }

    .akry_discription .faq-img img,

    .fr_banner,

    .img_box {

        margin: 0 auto;

    }

    .fr_banner {

        max-width: 100%;

    }

    .akry_ss .about_us_title {

        padding-top: 40px;

    }

    .circadian .about_us_title {

        padding-top: 30px;

    }

    .rs-icon-info {

        padding-bottom: 30px;

    }

    .akry_all_ss {

        left: 50%;

        transform: translateX(-50%);

    }

    .rumie-screenshot {

        height: 30vh;

    }

    .faq-title {

        padding: 20px 30px;

    }

    .hire_ded_dev_bg_cl {

        margin-bottom: 30px;

    }

    .case-stude-heading {

        padding-top: 100px;

    }

    .pl-footer-1 {

        padding-left: 0;

    }

    h1.more_project_title {

        text-align: center;

        font-size: 32px;

    }

    .banner_do img.c_logo {

        margin-top: 0;

        margin-bottom: 50px;

    }

    .requirement hr {

        display: block;

        height: 1px;

        border: 0;

        border-top: 3px solid #ee4d51;

        padding: 0;

        width: 30px;

        margin: 0 auto 30px;

    }

    .second .project_ss_1 {

        float: none;

    }

    .project_ss_1 {

        width: 70%;

        float: none;

        margin: 0 auto;

    }

    .requirement .about_us_title {

        margin-bottom: 2rem;

    }

    .features_comm .text-right {

        text-align: left;

        padding-bottom: 25px;

    }

    .clutch_slider {

        padding-bottom: 20px;

    }

    .team_photo {

        padding-top: 60px;

    }

    .our_team {

        margin-top: 10px;

    }

    .mission_con_1,

    .mission_con_2,

    .vision_con {

        padding-right: 20px;

        padding-left: 20px;

    }

    .eye {

        padding-top: 38px;

    }

    .banner {

        background-image: none !important;

    }

    .about_us_title {

        font-size: 26px !important;

        margin-bottom: 2rem !important;

        width: 100% !important;

        line-height: 40px !important;

        padding-top: 50%;

    }
    .introduction:before{
        display: none;
    }

    .slider {

        margin-top: 0;

        height: 420px;

        background-image: none;

    }

    .all_rights_reserved {

        font-size: 12px;

    }

    .bottom_footer {

        padding: 20px 0;

    }

    .footer {

        height: auto;

        padding: 40px 0;

    }

    .footer_button {

        padding-top: 27px;

    }

    .bg_color_right,

    .bg_color_right_form {

        margin-left: 0;

    }

    .bg_color {

        padding: 70px 30px;

    }

    .fa_icons {

        padding-top: 17px;

    }

    .mobile_margin {

        margin-top: 0 !important;

    }

    .tech {

        height: 140px;

    }

    .item {

        height: auto;

    }

    .panel {

        height: auto !important;

        padding: 2.5rem 0;

    }

    .clutch,

    .good_firms {

        padding-top: 10px;

        padding-bottom: 0;

        text-align: center;

    }

    #work {

        padding-bottom: 0 !important;

    }

    .good_firms {

        padding-left: 0;

        width: 50%;

        float: left;

    }

    .clutch_border,

    .good_firms_border {

        border: 10px solid #e7e7e7;

        border-radius: 50%;

        height: 100px;

        width: 100px;

    }

    .mycontainer {

        width: 100%;

        padding-left: 15px;

        padding-right: 15px;

    }

    .banner_custom_software,

    span.whats_your {

        padding-left: 0;

        padding-right: 0;

    }

    .banner_custom_software {

        margin-top: 7rem;

    }

    .custom_software_d {

        padding-top: 20px;

        text-align: center;

        font-size: 18px;

    }

    .slider_title {

        text-align: center;

        font-size: 28px;

        height: 70px;

    }

    .custom_software_d_content {

        text-align: center;

        font-size: 16px;

    }

    .main_title {

        font-size: 24px;
        margin-top: 0;

    }

}

.next-pre a:focus,

.next-pre a:hover {

    color: #a6a6a6;

    background: 0 0;

}

@media only screen and (min-width: 992px) {

    .mobile-only {

        display: none;

    }

}

@media screen and (max-width: 1024px) and (min-width: 992px) {

    .good_firms {

        padding-top: 0;

    }

    .portfolio_new {

        padding: 40px;

    }

    .mobile_img {

        position: absolute;

        bottom: -190px;

        left: 36%;

        z-index: 10;

        width: 37%;

    }

    .navbar a {

        font-size: 14px !important;

    }

    .rocket-section #bg1,

    .rocket-section #bg2,

    .rocket-section #bg3 {

        width: 435px;

    }

    .rocket-section {

        position: absolute;

        left: 50%;

        top: 65%;

    }

    .rocket-section #stars {

        position: absolute;

        z-index: 5;

        width: 480px;

        left: 0;

        bottom: 60px;

    }

    .ml-40 {

        margin-left: 0;

    }

    .banner_custom_software {

        padding-left: 20px;

        text-align: left;

    }

    .panel {

        padding: 0;

    }

    .service_item {

        margin: 10px;

    }

    .services_section .owl-nav {

        display: none;

    }

    .new_port_circadian {

        top: 0;

    }

}

@media only screen and (min-device-width: 1025px) and (max-device-width: 1600px) {

    .testimonial {

        padding: 40px 0;

    }

    .bottom_footer {

        padding: 30px 0;

    }

    .services {

        padding-top: 1rem;

        padding-bottom: 8rem;

    }

    div#solutions .services,

    div#solutions1 .services {

        padding-top: 1rem;

        padding-bottom: 2rem;

    }

}

@media screen and (max-width: 991px) and (min-width: 768px) {

    .panel {

        padding: 3rem 0;

    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .rumie-screenshot {

        height: 40vh;

    }

    .about_us_title {

        font-size: 26px;

    }

    .bg_color_right,

    .bg_color_right_form {

        margin-left: 0;

    }

    h3.content_app_subtitle {

        padding-top: 0;

    }

    .content_website {

        padding-top: 50px;

        padding-bottom: 0;

    }

    .well .about_us_title {

        font-size: 36px;

        padding-top: 150px;

    }

    .php_bg {

        font-size: 50px !important;

        top: -5px !important;

    }

    .web_image img {

        margin-top: 100px;

    }

    img.whatson {

        width: 410px;

        position: absolute;

        right: -30px;

        max-width: inherit;

        top: 0;

    }

    div#solutions .services,

    div#solutions1 .services {

        margin-bottom: 20px;

    }

    .our_team {

        margin-top: 0;

        padding-bottom: 3rem;

    }

    .mission_con_1,

    .mission_con_2,

    .vision_con {

        padding-right: 0;

    }

    .vision {

        padding-top: 10%;

    }

    .mycontainer {

        width: 100%;

        padding-right: 15px;

        padding-left: 15px;

        margin-right: auto;

        margin-left: auto;

    }

    .dropdown .dropbtn {

        padding: 29px 7px !important;

    }

    .navbar a {

        padding: 29px 10px !important;

    }

    a.main_menu {

        padding: 10px !important;

    }

    a.main_menu .h4,

    h4 {

        font-size: 16px;

    }

    a.navbar-brand {

        padding-top: 0 !important;

    }

}

@media screen and (max-width: 1024px) and (min-width: 991px) {

    .mission_con_1,

    .mission_con_2,

    .vision_con {

        font-size: 20px;

    }

    .ser_1 {

        padding-top: 18px;

    }

    .services .row .col-xs-6.col-md-3.col-sm-3:nth-of-type(10),

    .services .row .col-xs-6.col-md-3.col-sm-3:nth-of-type(6) {

        clear: both;

    }

    .our_team {

        margin-top: 0;

        padding-top: 93px;

    }

}

@media screen and (max-width: 1450px) and (min-width: 895px) {

    #work {

        padding-top: 3rem;

        padding-bottom: 0;

    }

}

#cookieNotice {

    position: fixed;

    padding: 20px;

    border-radius: 10px;

    box-shadow: 0 6px 6px rgb(0 0 0 / 25%);

    font-family: inherit;

    z-index: 999997;

    right: 30px;

    bottom: 30px;

    max-width: 395px;

    background-color: #fff;

}

#cookieNotice .btn-wrap button {

    flex-grow: 1;

    padding: 0 7px;

    margin: 0 5px 10px;

    border-radius: 20px;

    cursor: pointer;

    white-space: nowrap;

    min-width: 130px;

    line-height: 36px;

    border: 1px solid #ee4d51;

    font-family: inherit;

    font-size: 16px;

    transition: box-shadow 0.3s;

    color: #fff;

    background: #ee4d51;

    width: 100%;

}

#cookieNotice .btn-wrap button:hover {

    transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);

    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 30%);

    transform: translate3d(0, -1px, 0);

}

#slider-mela {

    background: #2e5090;

}

div#slider-mela img.our_work_image {

    width: 80% !important;

}

.Digital-Solution {

    background: #f6f6f6;

    padding: 60px 0;

}

.melamenu {

    background-image: url(../images/projects/mela-menus/banner-mela-menu.png);

    background-size: 45%;

    background-position: right center;

    background-repeat: no-repeat;

}

@media screen and (max-width: 992px) {

    .melamenu {

        background-image: none;

    }
    .sos-alert img {
        max-width: 60%!important;
        padding: 0 30px;
        margin: 0 auto;
    }
    .sos-alert{
        text-align: center;
    }
    .case-stude-heading.sos:before{
        display: none;
    }
    .whysos .row {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .safety-app-img img {
        padding: 0px 10px;
        max-width: 100%;
    }
    .feature-card {
        width: 100%!important;
    }
    .tech-box {
        margin: 10px 10px!important;
        padding: 10px 10px!important;
    }
    .alert-safety-app {
        flex-direction: column;
    }
    .whydesc, .whyimg {
        width: 100%!important;
    }

}

@media screen and (min-width: 992px) {

    .banner_image.meal {

        display: none;

    }

}

div#solutions .services .col-xs-6.col-md-3.col-sm-3:nth-of-type(6) {

    clear: both;

}

.item-heading {

    -ms-flex-align: center !important;

    align-items: center !important;

    display: flex !important;

}

.item-heading span {

    font-size: 80px;

    font-weight: 500;

    color: #c2cad8;

    line-height: 1.3;

    margin-right: 10px;

}

.item-heading h3 {

    font-size: 30px;

    font-weight: 500;

    color: #333;

    line-height: 1.3;

    text-transform: capitalize;

}

.case-stude-page .case-stude-heading {

    background-color: transparent;

    padding: 160px 0;

    color: #fff;

    margin-bottom: 0;

    background-image: url("../images/case_study/case-studies.jpg");

    background-size: contain;
    background-repeat: no-repeat;

}

.case-study-list {

    margin: 60px 0;

    display: flex;

    align-items: center;

}

.case-desc .case-quote {

    font-weight: 600;

    letter-spacing: 1px;

}

.get-quote-section {

    padding-bottom: 60px;

}

.popupBox,

.popupBox-form {

    margin: 0 auto;

    padding: 30px;

}

.popupBox {

    display: none;

    position: fixed;

    background: rgba(0, 0, 0, 0.5);

    left: 0;

    right: 0;

    bottom: 0;

    height: 100%;

    width: 100%;

    z-index: 99999999999999;

    top: 0;

    overflow: auto;

}

.popupBox-form {

    box-shadow: 0 0 10px rgb(0 0 0 / 30%);

    background: #fff;

    min-height: 90%;

    width: 90%;

    position: relative;

}

.popupBox .btn {

    display: inline-block;

    position: absolute;

    width: 34px;

    height: 34px;

    text-align: center;

    border-radius: 100%;

    color: #fff;

    top: -15px;

    right: -15px;

    cursor: pointer;

    background: #040404;

}

textarea {

    resize: none;

}

.popupBox form#contact_us_form .form-control {

    width: 100%;

    background-color: #fff;

    color: #000;

    border: 1px solid #393939;

    box-shadow: none;

    border-radius: 14px !important;

    padding: 6px 10px;

    font-size: 16px;

    -webkit-appearance: none;

}

.btn-dark {

    color: #fff;

    background-color: #343a40;

    border-color: #343a40;

    padding: 14px 20px;

    border-radius: 0;

    margin-top: 10px;

}

.btn-dark:hover {

    color: #fff;

    background-color: #23272b;

    border-color: #1d2124;

}

.mela-banner {

    background-image: linear-gradient(90deg, #abc5f7 0, #dce8ff 100%) !important;

    padding: 60px 0;

    position: relative;

    overflow: hidden;

}

.mela-banner .mycontainer {

    position: relative;

    z-index: 99;

}

.mela-banner:after {

    position: absolute;

    content: "";

    height: 250px;

    width: 250px;

    z-index: 1;

    background: 0 0;

    border: 5px solid #f6f9ff;

    border-radius: 20%;

    top: 50%;

    right: 10px;

    transform: translateY(-50%) rotate(45deg);

}

.casestudy-section:nth-of-type(2n):after,

.casestudy-section:nth-of-type(odd):after {

    position: absolute;

    height: 630px;

    width: 590px;

    background-color: rgba(46, 80, 144, 0.2);

    top: -100px;

    z-index: -1;

    transform: rotate(45deg);

    content: "";

}

.casestudy-section {

    position: relative;

    overflow: hidden;

}

.casestudy-section:nth-of-type(odd):after {

    left: -100px;

}

.casestudy-section:nth-of-type(2n):after {

    right: -100px;

    border-radius: 50%;

}

.case-overview .row {

    padding: 100px 0 0;

}

.case-overview .container .row:last-of-type {

    padding-bottom: 100px;

}

.call-to-action .row {

    padding: 100px 0;

}

.case-overview li,

.case-overview p {

    font-weight: 500;

    color: #9b9b9b;

    letter-spacing: 0.5px;

    text-align: justify;

}

.case-overview h2 {

    color: #868686;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;

    position: relative;

}

.case-overview h2:after {

    content: " ";

    display: block;

    border-bottom: 1px solid #c50000;

    border-top: 1px solid #c50000;

    height: 5px;

    background-color: #f8f8f8;

    width: 110px;

    border-right: 1px solid #c50000;

    margin-top: 8px;

}

.call-to-action {

    background-color: transparent;

    padding: 60px 0;

    color: #fff;

    margin-bottom: 0;

    background-image: url(../images/case_study/case-studies.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

}

.call-to-action h3 {

    font-size: 40px;

    font-weight: 800;

    letter-spacing: 2px;

    line-height: 76px;

}

.call-to-action a {

    background: #ee4d51;

    padding: 10px 40px;

    color: #fff;

    font-weight: 600;

    letter-spacing: 1px;

}

.website-page {

    background: #fff;

    padding: 100px 0 60px;

}

.website-page p {

    font-size: 18px;

    margin-bottom: 60px;

}

@media only screen and (max-width: 600px) {
    .case-stude-page .case-stude-heading {
        background-color: transparent;
        padding: 100px 0 0px 0;
        color: #fff;
        margin-bottom: 0;
        background-image: url(../images/case_study/case-studies.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .website-page .owl-carousel .owl-stage-outer {

        overflow: unset;

    }

    .screenshot .screenshot_slider img {

        width: 50% !important;

    }

    .screenshot_slider {

        display: block;

    }

    .screenshot_slider img {

        margin-left: auto;

        margin-right: auto;

    }

    .problem-text {

        text-align: justify;

    }

    .where-img img {

        max-width: 300px !important;

    }

    .feature,

    .where-img {

        margin-top: 0 !important;

    }

    .pro-solu {

        padding-top: 0 !important;

    }

    .screenshot .owl-item .item {

        margin-top: 0 !important;

        margin-bottom: 0 !important;

    }

    .featute-img-box {

        margin-top: 30px;

        margin-bottom: 30px;

    }

}

.website-page p span {

    border: 2px solid #d5d5d5;

    margin: 5px;

    padding: 5px 10px;

    color: #000;

    display: inline-block;

    font-size: 15px;

    border-radius: 15px;

}

.bg-gray,

.post-details {

    background: #f2f2f2;

}

.bg-white,

.finskol-feature .fea {

    background: #fff;

}

.next-pre {

    display: flex;

    justify-content: space-between;

    margin: 20px 0;

}

.next-pre a {

    color: #333;

    background: 0 0;

    padding: 7px 10px;

    border-radius: 4px;

    font-size: 18px;

}

.contact-page #budget:focus,

.next-pre a:focus,

.ui-slider .ui-slider-handle:focus {

    outline: 0;

}

.website-details b {

    color: #000;

    font-weight: 700;

    margin-bottom: 20px;

    margin-top: 20px;

    display: inline-block;

}

.owl-carousel {

    max-width: 100%;

    overflow: hidden;

}

.website-details p {

    color: #8d97ad;

    line-height: 1.7em;

    font-size: 18px;

    margin-bottom: 1em;

}

.website-details ul li {

    color: #000;

    line-height: 1.7em;

    font-size: 18px;

    font-weight: 500;

    letter-spacing: 0.5px;

}

a.btn-custom {

    background-color: #ee4d51;

    color: #fff;

    border: 2px solid #ee4d51;

    padding: 10px 20px;

    transition: 0.3s;

}

a.btn-custom:hover {

    color: #ee4d51;

    background-color: #fff;

    border: 2px solid #ee4d51;

}

.owl-controls .owl-buttons .owl-next,

.owl-controls .owl-buttons .owl-prev {

    top: -13%;

    border-radius: 50px;

    transition: background 0.5s;

    background: #fff;

    position: absolute;

}

.haveproject {

    background: #f5f7fa;

    padding: 70px 0;

}

.owl-controls .owl-buttons .owl-prev {

    left: 15px;

    padding: 0 18px 0 15px;

    box-shadow: 3px 14px 25px -10px #92b4d0;

}

.owl-controls .owl-buttons .owl-next {

    right: 15px;

    padding: 0 15px 0 18px;

    box-shadow: -3px 14px 25px -10px #92b4d0;

}

.owl-controls .owl-buttons .owl-next:after,

.owl-controls .owl-buttons .owl-prev:after {

    content: "\f104";

    font-family: FontAwesome;

    color: #333;

    font-size: 30px;

}

.owl-controls .owl-buttons .owl-next:after {

    content: "\f105";

}

.clutch-review {

    background-color: #f2f2f2;

    padding: 60px 0;

}

.clutch-review .rumie_ss_title {

    padding-top: 0;

    margin-top: 0;

    margin-bottom: 40px;

}

.reviewer img {

    width: 130px;

    border-radius: 50%;

    border: 3px solid #d3d3d3;

    padding: 3px;

    background: #fff;

}

.review-layout,

.reviews,

.service-cat {

    align-items: center;

    display: flex;

}

@media screen and (max-width: 600px) {

    .review-layout {

        display: flex;

        flex-flow: column;

    }

    .review-layout .col-md-4 {

        order: 1;

    }

    .review-layout .col-md-8 {

        order: 2;

    }

    .reviewer img {

        width: 100px;

        margin-bottom: 20px;

    }

    .reviewer p {

        font-size: 18px;

    }

    .reviewer b {

        font-size: 16px;

        margin-bottom: 30px;

        display: block;

    }

    .clutch-review .rumie_ss_title {

        font-size: 22px;

    }

    .faq-img img.img-responsive {

        padding: 0 50px;

    }

    .case-details h3 {

        font-size: 16px;

        letter-spacing: 0;

        margin-bottom: 0;

    }

}

.reviewer p {

    font-size: 22px;

    letter-spacing: 0.5px;

    margin-bottom: 10px;

}

.project-ttl p,

.reviewer b,

.top-dev li a {

    font-size: 18px;

}

.reviewer p i {

    color: #dedede;

    line-height: 20px;

    padding: 0 10px;

}

.project-ttl {

    text-align: center;

    border: 1px solid #d8d8d8;

    padding: 10px;

}

.project-ttl p {

    color: #333;

    margin-bottom: 0;

}

.project-ttl span {

    color: #333;

    font-size: 14px;

    letter-spacing: 0.5px;

}

.project-bg {

    background-color: #f2f2f2;

    display: inline-block;

    width: 100%;

}

.project-bg .main_title,

.project-bg .project-ttl p,

.project-bg .project-ttl span,

.project-bg h1.more_project_title {

    color: #fff !important;

}

.logo_slider .snapshot_title hr.underline_casestudy,

.solution_title hr.underline_casestudy {

    margin: 20px auto;

}

.project_title ol {

    padding-left: 20px;

}

.texi-owner {

    border-radius: 6px;

    overflow: hidden;

}

.etexibooking.bg-gray {

    background: #f6f6f6;

}

.zegofit {

    background-color: #1d1d1b;

}

.zegofit .website_title,

.zegofit h1.about_us_title {

    color: #f5c951;

}

.core_features_ecards.zegofit {

    background-image: url(../images/projects/zegofit/bg.png);

    background-position: bottom;

    background-size: cover;

    background-repeat: no-repeat;

    margin-top: -100px;

    padding-top: 150px;

    padding-bottom: 80px;

    background-color: #fff;

}

.page-maping ul {

    padding: 0;

    margin: 40px 0 0 30px;

}

.page-maping ul li {

    line-height: 75px;

    font-size: 18px;

    background-image: url(../images/list.png);

    background-repeat: no-repeat;

    background-position: 0 0;

    padding-left: 40px;

    padding-top: 0;

    background-size: 35px;

    margin-top: -32px;

}

.page-maping hr {

    background: #e2e2e2;

    height: 1px;

    width: 100%;

    margin: 10px 0 20px;

    border: none;

}

.process-box,

.right-box {

    border-radius: 8px;

    border-bottom: 4px solid #ee4d51;

    background: #fff;

}

.page-maping h4 a {

    color: #000;

    font-weight: 500;

    letter-spacing: 1px;

    font-size: 16px;

    text-transform: uppercase;

}

@media screen and (max-width: 1440px) {

    .page-maping ul {

        padding: 0;

        margin: 0 0 0 30px;

        list-style-type: circle;

    }

    .page-maping ul li {

        line-height: 26px;

        font-size: 18px;

        background-image: none;

        background-repeat: no-repeat;

        background-position: 0 0;

        padding-left: 10px;

        padding-top: 0;

        background-size: 35px;

        margin-top: 0;

        margin-bottom: 14px;

    }

    .page-maping h4 a {

        margin: 20px 0 10px;

        display: inline-block;

    }

    .sitemeap .about_us_title {

        padding-top: 50px;

        margin-bottom: 20px;

    }

}

.post .about_us_title {

    font-size: 42px;

    padding-top: 0;

    margin: 0 0 20px;

}

.process-box {

    display: flex;

    align-items: flex-start;

    box-shadow: 0 0 25px rgb(0 0 0 / 9%);

    padding: 30px 15px;

}

.process-box i {

    padding: 0 10px;

    font-size: 40px;

}

.process-box h3 {

    margin-top: 0;

    font-size: 20px;

    margin-bottom: 10px;

}

.post-details ul {

    list-style-image: url(../images/post/check.png);

    padding-left: 20px;

    line-height: 26px;

}

.post-details h1.about_us_title {

    padding-top: 0;

    padding-bottom: 40px;

    font-size: 42px;

}

.post-details a,

.post-details b,

.post-details h3,

.post-details li,

.post-details p {

    letter-spacing: 0.5px;

    line-height: 30px;

}

.right-box {

    padding: 20px 20px 40px;

    box-shadow: 0 0 20px rgb(0 0 0 / 10%);

}

.right-box .form-control {

    margin-bottom: 20px;

    border: none;

    outline: 0;

    box-shadow: none;

    border-bottom: 2px solid #dadada;

}

.banner_custom_software .slider_logo .row .col-xs-3.col-md-3:nth-of-type(2n) {

    padding: 0 5px;

}

.zegofit {

    padding: 60px 15px 70px;

}

.zegofit_bg {

    background-color: #f3c446;

}

.dipdap .img_box {

    width: 55px;

    padding: 15px;

    border: 1px solid #46dc9d;

    border-radius: 0.45rem;

    margin-bottom: 2rem;

    text-align: center;

    font-size: 20px;

    color: #45d99f;

}

.e-texi-app {

    background: #c82536;

    background: linear-gradient(150deg, rgb(200 37 54) 0, rgb(12 86 162) 93%, rgb(40 104 169) 100%);

}

.etexi-booking .about_us_title {

    text-align: center !important;

}

.admin-view {

    border: 3px solid rgba(0, 0, 0, 0.1);

}

.team-box p {

    line-height: 24px;

    margin-bottom: 20px;

    color: #000;

}

.team-box b {

    display: block;

    margin-bottom: 20px;

}

.teams-member {

    padding: 30px 15px;

}

.team-box {

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    padding: 20px 30px;

}

.team-box strong {

    color: #acacac;

}

.team-box h2 {

    margin-bottom: 4px;

}

.logo-video img {

    padding-top: 00px;

    width: 90% !important;

}

.logo-video img.c-logo {
    width: 40% !important;

    margin: 0 auto;

}

div.videomodel {

    z-index: 9999999999;

    top: 50%;

    transform: translateY(-40%);

    height: 100%;

}

div.videomodel .modal-dialog {

    width: 80%;

    margin: 30px auto;

}

div.videomodel .modal-body {

    padding: 10px;

}

div.videomodel .modal-body iframe {

    width: 100%;

    height: 70vh;

}

.clients-video .play-icon {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 20% !important;

    transform: translate(-50%, -50%);

    filter: grayscale(1);

    transition: 0.3s;

}

.tstmnal_items:hover .play-icon {

    filter: grayscale(0);

}

div.videomodel button.close {

    position: fixed;

    top: -20px;

    right: -20px;

    z-index: 99999999;

    background: #000;

    opacity: 0.6;

    height: 30px;

    width: 30px;

    border-radius: 50%;

    color: #fff;

}

.finskol-feature {

    background-color: #f2f2f2;

    margin: 30px 0;

}

.dropdown-content .column span,

ul#submenu-3-1 span {

    font-size: 12px;

    color: #ee4d51;

    font-weight: 600;

    letter-spacing: 1px;

    text-transform: uppercase;

}

.column {

    height: 500px;

}

.dropdown-content .column span {

    padding-left: 10px;

}

ul#submenu-3-1 span {

    padding-left: 16px;

    line-height: 12px;

}

.where-img img {

    max-width: 400px;

}

.about,

.pro-solu {

    padding: 5rem 0;

}

.pro-padding,

.screenshot {

    padding: 3rem 0;

}

.feature {

    background-image: url(../images/projects/wheres/feature-img-bg.png);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: top;

    padding-bottom: 60px;

    margin-top: 60px;

    padding-top: 50px;

}

.fea-title h4 {

    color: maroon;

}

.featute-img-box {

    justify-content: center;

}

.section-padding {

    margin: 0 auto;

    padding: 0 0 50px;

}

.owl-item .item {

    transform: translate3d(0, 0, 0);

}

.screenshot_slider .owl-item .item img {

    -webkit-transition: 0.3s;

    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);

    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);

    -o-transition: 0.3s;

    transition: 0.3s;

    -webkit-transform: scale(0.7);

    -ms-transform: scale(0.8);

    transform: scale(0.8);

}

.screenshot_slider .owl-item.center .item img {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

}

.screenshot_slider .owl-nav button {

    font-size: 24px !important;

    margin: 10px;

    color: maroon !important;

}

@media screen and (min-width: 1900px) {

    .home-heros {

        min-height: 80vh;

    }

    .rocket-section {

        top: 80%;

    }

}

.testimonial .testi-dest img {

    margin: 20px 0;

}

.award-winning h1.bg_no {

    left: 0;

    right: 0;

}

img.playvideo {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 100px;

    transform: translate(-50%, -50%);

    transition: 0.3s;

}

.video-link:hover img.playvideo {

    opacity: 0.9;

    transform: translate(-50%, -50%) scale(1.1);

}

.logo-app {

    gap: 20px;

    justify-content: space-between;

}

.review-name p i {

    color: #ffdf00 !important;

    font-size: 24px;

}

.logo-app h3 {

    font-size: 32px;

    color: #ee4d51;

    font-weight: 600;

    margin-bottom: 20px;

}

.review-wrapper h1 {

    font-size: 26px;

    margin-top: 0;

}

.review-heading h4,

.review-wrapper .tab-pane h3 {

    font-size: 20px;

    display: inline-block;

    padding-bottom: 2px;

    font-weight: 600;

}

.review-name {

    margin-top: 30px;

}

.review-name img {

    margin-bottom: 20px;

    max-width: 150px;

}

.review-wrapper {

    margin: 10px 0;

    letter-spacing: 1px;

}

.review-heading h4 {

    color: #484848;

    margin-bottom: 20px;

    line-height: 30px;

    border-bottom: 2px solid #484848;

}

.review-desc p {

    color: #000;

    font-size: 18px;

    line-height: 26px;

}

.review-wrapper .tab-pane h3 {

    color: #ee4d51;

    border-bottom: 3px solid #ee4d51;

}

.review-wrapper .tab-pane p {

    font-size: 18px;

    font-weight: 600;

    color: #000;

    position: relative;

    line-height: 26px;

}

.review-wrapper .tab-pane p,

.review-wrapper .tab-pane span,

.review-wrapper .tab-pane ul {

    padding-left: 30px;

}

.review-wrapper .tab-pane span {

    font-size: 18px;

    color: #000;

    display: block;

    margin-bottom: 10px;

}

.review-wrapper .nav-link {

    font-size: 16px;

    color: #000;

}

.review-wrapper .nav-tabs > li.active > a,

.review-wrapper .nav-tabs > li.active > a:focus,

.review-wrapper .nav-tabs > li.active > a:hover {

    color: #fff;

    cursor: default;

    background-color: #ee4d51;

    border: 1px solid #ddd;

    border-bottom-color: transparent;

}

.service-cat {

    gap: 20px;

    background: #f3f4ff;

    padding: 20px 15px;

    margin-bottom: 30px;

    border-radius: 4px;

    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);

    transition: 0.3s;

}

.service-cat:hover {

    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.3);

}

.service-cat img {

    height: 50px;

    width: auto;

}

.service-cat h1 {

    font-size: 24px;

    font-weight: 500;

    color: #b10004;

}

div.advertising h1,

div.business h1,

div.development h1,

div.itservices h1,

div.marketing h1,

div.production h1 {

    text-align: center;

    margin-bottom: 30px;

    font-size: 32px;

    font-weight: 700;

    letter-spacing: 2px;

    padding-bottom: 10px;

    display: block;

    padding-top: 10px;

    background: #ee4d51;

    color: #fff;

    border-radius: 54px;

}

.review-logos {

    margin-bottom: 30px;

    padding: 10px 20px;

}

div.videomodel.review-model {

    z-index: 9999999999;

    transform: none;

    height: auto;

    top: 0;

}

.review-lists .services:nth-of-type(2n) {

    background: #f4f4f4;

}

.review-lists div#myTabContent {

    border: 1px solid #e2e2e2;

    padding: 20px;

    box-shadow: 2px 2px 2px rgb(0 0 0 / 20%);

    border-radius: 0 0 20px 20px;

}

.over-review {

    padding: 20px 10px;

    display: flex;

}

.over-review h1 {

    color: #6c6c6c;

    font-size: 20px;

}

.over-review p {

    font-weight: 400 !important;

    margin: 0;

    font-size: 14px !important;

}

.reviews {

    text-align: center;

    border: 2px dashed #fff;

    border-radius: 50%;

    width: 60px;

    height: 60px;

    float: left;

    justify-content: space-around;

    margin-right: 20px;

    min-width: 60px;

    background: #ee4d51;

}

.reviews p {

    margin: 0;

    color: #fff !important;

}

.nav-tabs > li > a {

    border: 1px solid #e5e5e5;

}

.review-wrapper .tab-pane p:before {

    position: absolute;

    height: 30px;

    width: 30px;

    content: "";

    background-image: url(../images/list-arrow.png);

    background-size: 20px;

    background-repeat: no-repeat;

    left: 0;

    top: 2px;

}

.text-left {

    text-align: left !important;

}

.thanks-banner {

    background-size: 24%;

    background-repeat: no-repeat;

    background-position: right 4vw bottom;

    margin-top: 0;

    background-color: #faedc1;

    background-image: url(../images/thanks.png) !important;

    padding: 15vh 0;

}

.thanks-banner .about_us_title {

    padding-top: 4vh;

}

.blog_featured.blog-details ul.listing {

    list-style-type: none;

    list-style-image: url("../images/Blog/list-icon.png");

}

.blog_featured.blog-details ul.listing li,

.editor-content ul li {

    margin: 0 0 20px;

    color: #696969;

    padding-left: 0;

    font-size: 18px;

}

.blog_featured.blog-details ul b {

    font-weight: 800;

}

div.current-opening {

    padding: 30px 0 60px;

}

@media only screen and (max-width: 767px) {


    div.videomodel .modal-dialog {

        width: 90%;

    }

    div.videomodel .modal-body iframe {

        height: 50vh;

    }

    .center-align,

    .team-box .row,

    .zegofit-screenshot .row {

        display: block;

        align-items: unset;

    }

    .top-dev li {

        width: 100%;

        float: unset;

    }

    .post .about_us_title,

    .post-details h1.about_us_title {

        font-size: 18px;

    }

    .banner_custom_software .slider_logo .row .col-xs-3.col-md-3:nth-of-type(2n) {

        padding: 1px 10px;

    }

    .work-mobile {

        display: block;

    }

    .thanks-banner .about_us_title {

        text-align: center !important;

    }

}

.contact-page .wrap-contact100 {

    width: 100%;

    border: none;

}

.contact-page span.input-group-addon {

    background: 0 0;

    border: none;

    color: #ee4d51;

    font-size: 20px;

}

.branch-office .india_detail,

.branch-office .singapore_detail {

    background-color: #fff;

    padding: 30px 10px;

    border-radius: 10px;

    margin-bottom: 40px;

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);

    text-align: center;

    z-index: 1;

    transition: 0.3s;

    border: 5px solid #fff;

}

.branch-office .india_detail p,

.branch-office .singapore_detail p {

    margin-bottom: 10px;

    font-size: 16px;

    letter-spacing: 0.4px;

    color: #000;

    min-height: 94px;

}

.branch-office .india_detail a,

.branch-office .singapore_detail a {

    color: #ee4d51;

    font-size: 18px;

    letter-spacing: 0.5px;

}

.branch-office .india_detail .singapore img,

.branch-office .singapore_detail .singapore img {

    width: 60px;

    display: block;

    margin: 0 auto;

    float: unset;

}

.branch-office .india_detail .singapore h2,

.branch-office .singapore_detail .singapore h2 {

    width: 100%;

    display: block;

    text-align: center;

}

.branch-office .india_detail:hover,

.branch-office .singapore_detail:hover {

    transform: scale(1.09);

    z-index: 999;

    border: 5px solid #afafaf;

}

.cube {

    position: relative;

    width: 100%;

    height: 13px;

    margin: 0 auto;

}

#light,

#light1,

#slider-range-min,

.a,

.a:before {

    position: absolute;

}

.a {

    width: 10%;

    height: 100%;

    left: 0;

    background-color: #ee4d51;

}

.a:before {

    content: "";

    top: 0;

    left: 0;

    width: 100%;

    height: 30px;

    background-color: rgba(0, 0, 0, 0);

}

#slider-range-min {

    width: 100%;

    left: 0;

    top: 0;

    margin: 0;

    z-index: 999;

}

.ui-slider {

    height: 13px;

    border: none;

    background: rgba(0, 0, 0, 0.1);

}

.ui-slider:after,

.ui-slider:before {

    content: "";

    position: absolute;

    left: 2px;

    width: 100%;

    font-family: "Source Sans Pro", sans-serif;

    font-size: 1.2rem;

    font-weight: 300;

    color: rgba(0, 0, 0, 0.3);

    letter-spacing: 41px;

    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);

}

.ui-slider:before {

    top: -1.4rem;

}

.ui-slider:after {

    bottom: -1.4rem;

}

.contact_us_form .contact_form,

.ui-slider-range {

    background: 0 0;

}

.ui-slider .ui-slider-handle {

    top: -8px;

    width: 26px;

    height: 20px;

    margin-left: -15px;

    padding-left: 4px;

    border: none;

    background: rgba(255, 255, 255, 0.7);

    border-radius: 2px;

    text-align: center;

    font-size: 1.2rem;

    line-height: 20px;

    color: rgba(0, 0, 0, 0.5);

    text-decoration: none;

    letter-spacing: 3px;

    cursor: pointer;

    text-shadow: 1px 1px 2px #fff;

    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);

    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);

}

.contact-page #budget {

    position: relative;

    text-align: left;

    background: 0 0;

    border: none;

    margin-bottom: 8px;

    display: inline-block;

    width: 100%;

}

.textareamass {

    display: flex;

    gap: 20px;
}

.caperror {

    color: red;

    font-size: 14px;

    display: none;

    padding-left: 120px;

    margin-top: 10px;

}

#subForm input#ebcaptchainput {

    background-color: #fff;

    color: #000;

    border: none;

    border-bottom: 1px solid #ee4d51;

    border-radius: 0 !important;

    padding: 6px 0;

    font-size: 16px;

    -webkit-appearance: none;

    width: calc(100% - 120px);

    margin-left: 10px;

    outline: 0;

    box-shadow: none;

}

.rfq-left {

    background-image: url(../images/rfq-bg.jpg);

    background-size: cover;

    height: 100%;

    border-radius: 20px 0 0 20px;

    padding: 50px 40px;

}

.rfq-left .model-contact-info a {

    box-sizing: border-box;

    width: 100%;

    display: inline-block;

    padding-bottom: 0;

}

.rfq-left .popup-icons {

    border: 2px solid #fff;

    color: #fff;

    margin-right: 8px;

}

.icons-social-model a {

    color: #fff;

    margin: 20px 6px;

    height: 30px;

    width: 30px;

    border: 1px solid #ee4d51;

    display: inline-block;

    text-align: center;

    line-height: 30px;

    background: #ee4d51;

    border-radius: 4px;

}

#rfqmodal .modal-body .container > .row {

    background: #fff;

    display: flex;

    padding: 0;

    align-items: center;

    border-radius: 20px 0 20px 20px;

}

#rfqmodal .form-box .form-group {

    margin-bottom: 20px;

    position: relative;

}

form#rfq_request_form > .row .form-control {

    border: none;

    border-bottom: 2px solid #ee4d51;

}

.rfq-left .model-contact-info h3 {

    font-size: 28px;

    margin: 30px 0;

    letter-spacing: 1px;

    line-height: 38px;

}

.rfq-left .model-contact-info p {

    font-size: 18px;

    letter-spacing: 0.5px;

}

form#rfq_request_form {

    padding: 0 20px;

}

#rfqmodal .modal-body {

    top: 0;

}

#rfqmodal .close {

    background: #ee4d51;

    color: #fff;

    box-shadow: none;

    font-size: 30px;

    height: 40px;

    width: 40px;

    margin-right: -1.5%;

    border-radius: 10px 10px 0 0;

}

#applyjob .modal-body {

    background: #fff;

    padding-bottom: 30px;

}

#rfqmodal .phone_no,

#rfqmodal a.email {

    font-size: 16px !important;

}

#rfqmodal a.email span.popup-icons {

    padding-left: 7px;

}

#budget {

    font-weight: 700;

    font-size: 16px;

    margin-bottom: 8px;

}

input[type="range"] {

    -webkit-appearance: none;

    width: 100%;

    height: 8px;

    background: rgba(255, 255, 255, 0.6);

    border-radius: 5px;

    background-image: linear-gradient(#ee4d51, #ee4d51);

    background-repeat: no-repeat;

}

input[type="range"]::-webkit-slider-thumb {

    -webkit-appearance: none;

    height: 20px;

    width: 20px;

    border-radius: 50%;

    background: #ee4d51;

    cursor: ew-resize;

    transition: background 0.3s ease-in-out;

}

.editor-content ul {

    list-style-type: none;

    list-style-image: url(../images/Blog/list-icon.png);

}

.editor-content h2 {

    font-size: 24px !important;

    background-color: #fff !important;

    padding-bottom: 18px !important;

    padding-top: 18px !important;

    padding-left: 15px !important;

}

.editor-content a {

    color: #ee4d51 !important;

    font-weight: 700;

}

input[type="range"]::-webkit-slider-runnable-track {

    -webkit-appearance: none;

    box-shadow: none;

    border: none;

    background: 0 0;

}

.iphone_we_use p,

.skills-list p {

    margin-bottom: 20px;

    margin-top: 10px;

}

.more-pro .clinet .proj-head {

    background-color: transparent;

    text-align: center;

    padding: 0;

}

.more-pro .clinet .proj-foot {

    background-color: transparent;

    text-align: left;

    padding: 20px 16px;

}

.more-pro .clinet .proj-foot p {

    font-size: 18px;

    color: #120029;

    margin-bottom: 0;

    font-weight: 500;

}

.more-pro .clinet .proj-foot h3 {

    margin: 6px 0;

    font-size: 28px;

    color: #120029;

}

.more-pro .clinet .proj-foot a {

    font-size: 18px;

    text-transform: none;

    font-weight: 600;

    color: #ee4d51;

    letter-spacing: 1px;

}

.more-pro .clinet .proj-head .project-logo img {

    width: 96% !important;

    border-radius: 20px;

    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);

    margin: 5px;

}

.more-pro .clinet .proj-head .project-logo .logo {

    margin: 0 auto 18px;

    width: 60% !important;

    border-radius: 6px;

    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);

}

.more-pro .clinet .proj-head .project-logo h4 {

    font-size: 24px;

    font-weight: 600;

    letter-spacing: 0.5px;

    color: #333;

    margin-top: 0;

}

.more-pro .clinet .proj-head .project-logo p {

    font-size: 16px;

    text-transform: uppercase;

    color: #666;

    letter-spacing: 0.6px;

    font-weight: 600;

}

.more-pro .clinet {

    border-radius: 8px;

    overflow: hidden;

}

.more-pro .clinet .proj-head .project-logo img.web-view {

    width: 100% !important;

}

.project-bg .main_title,

.project-bg h1.more_project_title {

    color: #120029 !important;

}

.clutch_slider a:hover {

    color: #ee4d51 !important;

}

#fade,

#fade1 {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    z-index: 9998;

    -moz-opacity: 0.8;

    opacity: 0.8;

}

#light,

#light1 {

    display: none;

    top: 50%;

    left: 50%;

    max-width: 600px;

    max-height: 360px;

    margin-left: -550px;

    margin-top: -350px;

    z-index: 9999;

    overflow: visible;

}

@media (max-width: 600px) {

    .box_str {

        padding: 30px 6px;

        height: 180px;

    }

    .box_str .main_title h3 {

        font-size: 16px;

    }

    img.playvideo {

        width: 40px;

    }

    .blog_title {

        min-height: 60px;

    }

}

@media (max-width: 992px) {

    #rfqmodal a.email span.popup-icons {

        padding-left: 5px;

    }

    #rfqmodal .modal-body .container > .row {

        display: block;

        padding: 0 0 30px;

    }

    .rfq-left {

        border-radius: 20px 0 20px 20px;

        padding: 20px 30px;

        margin-bottom: 30px;

    }

    #rfqmodal {

        top: 10px;

        bottom: 10px;

    }

    .rfq-left .model-contact-info h3 {

        font-size: 18px;

        margin: 20px 0;

        letter-spacing: 0.5px;

        line-height: 28px;

    }

    .rfq-left .model-contact-info p {

        font-size: 16px;

    }

}

.fa_icons .twitter-icon img {

    width: 17px;

}
div#slider-dooctoor {
    background: rgb(254 197 124 / 40%);
    background: #fff9f1;
}
div#slider-dooctoor .snapshot_title hr.underline_casestudy {
    margin: 20px 0
}
.dooctoor .fea {
    border: 1px solid #ed801a;
}
.dooctoor hr {
    border-top: 3px solid #ed801a;
}
.dooctoor {
    padding: 60px 0;
}
/*.core_features_ecards.thiba {
    background-image: url(../images/projects/thibaingozi/bg.png);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 60px;
    padding-top: 50px;
    padding-bottom: 80px;
    background-color: #fff;
}
#keysfeature{
    padding: 100px 0;
}
.keyfeature {
    margin-bottom: 40px;
}
.keyfeature h3 {
    font-weight: 600;
    margin-bottom: 30px;
}
.keyfeature li, .keyfeature p {
    color: #000000;
    font-size: 16px;
    line-height: 26px;
}
.banner_do .tibaind img.c_logo {
    margin-top: 110px;
    max-width: 100%;
}
.keyfeature li {
    margin-bottom: 14px;
}
div#slider-thibaingozi {
    background: #f1f6ff;
}
div#slider-thibaingozi .snapshot_title hr.underline_casestudy {
    margin: 20px 0
}*/
#casestudy{
    padding: 100px 0;
}
.casestudey-box {
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.04);
    display: block;
    background-color: #fff;
    transition: all 0.3s;
}
.casestudey-box:hover {
    transform: scale(1.01);
}
.casetags {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.study-caption{
    text-align: center;
    padding: 20px 10px;
}
.study-caption h3 {
    margin: 0;
    margin-bottom: 20px;
    color: #000000;
    font-weight: 600;
    font-size: 20px;
}
.casetags span {
    background: rgb(238 77 81 / 20%);
    padding: 4px 6px;
    border-radius: 4px;
    color: #ee4d51;
    font-weight: 500;
}
section#casestudy-page {
    padding: 100px 0 0 0;
}
.case-heading .cstags span {
    background-color: #ededed;
    color: #1b1b1b;
    text-transform: uppercase;
    margin: 0 10px;
    padding: 4px 8px;
    border-radius: 4px;
}
.cstags {
    margin-bottom: 20px;
}
.case-heading h1 {
    font-size: 34px;
    font-weight: 600;
    color: #1b1b1b;
}
.mb-5 {
    margin-bottom: 4rem;
}
.whysos {
    background-color: #317eea;
}
.safety-app-desc h3 {
    margin: 0;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    position: relative;
}
.safety-app-desc h3:before {
    position: absolute;
    content: 'Game Changer App';
    -webkit-text-stroke: 0.1px #317eea;
    -webkit-text-fill-color: transparent;
    opacity: 0.3;
    z-index: 0;
    top: -24px;
    font-size: 54px;
}
.safety-app-desc {
    background: #fff;
    padding: 100px 50px;
}
.safety-app-desc ul {
    list-style-type: none;
    margin-bottom: 0;
}
.safety-app-desc ul li {
    margin-bottom: 10px;
    list-style-type: disclosure-closed;
    color: #696969;
    font-size: 18px;
    line-height: 26px;
}
.safety-app-desc ul li:nth-last-of-type(1) {
    margin-bottom: 0;
}
@media (min-width: 1200px) {
    .whysos .container {
        width: 1170px;
    }
}
@media (min-width: 1500px) {
    .whysos .container {
        width: 1370px;
    }
}
@media (min-width: 1700px) {
    .whysos .container {
        width: 1570px;
    }
}
@media (min-width: 1900px) {
    .whysos .container {
        width: 1770px;
    }
}
.safety-app-img img {
    padding: 0px 100px;
    max-width: 100%;
}
.introduction p {
    font-size: 18px;
}
.feature-card {
    border-radius: 15px;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .07);
    -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 10px 15px 0 rgba(0,0,0,.07);
    border: 0;
    padding: 20px 30px;
    width: 48%;
    margin-bottom: 30px;
}
.keyfeatures {
    padding: 100px 0 100px 0;
    background: #fff;
}
.key-headings h3 {
    margin: 0;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    position: relative;
}
.key-headings h3:before {
    position: absolute;
    content: 'Benefits';
    -webkit-text-stroke: 0.1px #317eea;
    -webkit-text-fill-color: transparent;
    opacity: 0.3;
    z-index: 0;
    top: -24px;
    font-size: 54px;
    left: 50%;
    transform: translateX(-50%);
}
.feature-card h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 10px;
}
.feature-card p {
    font-size: 18px;
    margin-bottom: 4px;
}
.feature-card ul {
    padding-left: 20px;
    list-style-type: circle;
    margin-bottom: 0;
}
.feature-card ul li {
    font-size: 18px;
}
.case-stude-heading.sos {
    background-image: url(../images/case_study/project1/sos-solution.jpg);
    position: relative;
}
.case-stude-heading.sos:before {
    position: absolute;
    background: rgb(0 0 0 / 30%);
    height: 100%;
    width: 100%;
    content: '';
    top: 0;
}
.safety-app-desc p {
    font-size: 18px;
    margin-bottom: 30px;
}
.safety-app-desc p:nth-last-of-type(1) {
    margin-bottom: 0;
}
.whysos .row{
    display: flex;
    align-items: center;
}
.safety-app-desc b {
    font-size: 18px;
}
.sos-alert-det ul {
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
    list-style-type: circle;
    padding-left: 40px;
}
.sos-alert img {
    max-width: 100%;
    padding: 0 30px;
}
.sos-alert-det h3 {
    margin: 0;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    position: relative;
}
.feature-boxs {
    display: flex;
    flex-wrap: wrap;
    gap: 4%;
}
.introduction {
    position: relative;
}
.introduction:before {
    position: absolute;
    background-image: url(../images/case_study/project1/sos.gif);
    background-size: cover;
    height: 100px;
    width: 100px;
    content: '';
    top: -100px;
    right: 20px;
}
.screens {
    background: #f5f5f5;
    padding: 30px 0;
}
.technology {
    background-image: url(../images/case_study/project1/tech-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 0;
}
.sos-alert-det ul li {
    margin-bottom: 20px;
    font-size: 20px;
}
.tag span {
    font-size: 18px;
    margin: 0 10px;
    color: #222222;
}
.tech-title {
    margin-bottom: 30px;
}
.tech-title h3 {
    font-size: 40px;
}
.tech-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.tech-box {
    display: flex;
    align-items: center;
    background: #ffffff;
    margin: 20px 20px;
    padding: 10px 20px;
    border-radius: 38px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
    gap: 10px;
}
.tech-box img {
    width: 30px;
}
.tech-box span {
    color: #000000;
    font-size: 18px;
}
.alert-safety-app {
    display: flex;
    align-items: center;
    gap: 4%;
}
.whyimg {
    width: 48%;
}
.whydesc {
    width: 48%;
}
.whydesc h3 {
    margin: 0;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    position: relative;
}
.whydesc h3:before {
    position: absolute;
    content: 'Why Choose';
    -webkit-text-stroke: 0.1px #317eea;
    -webkit-text-fill-color: transparent;
    opacity: 0.3;
    z-index: 0;
    top: -24px;
    font-size: 54px;
    left: 0%;
}
.whydesc.conclusion h3:before {
    content: 'Closure';
}
.whydesc b {
    font-size: 18px;
    margin-bottom: 0;
}
.whydesc p {
    font-size: 20px;
    margin-bottom: 20px;
}
.why-safety-app {
    padding: 60px 0;
}
.title p.sub_title {
    font-size: 20px;
}
section#casestudy-page {
    font-family: "Poppins", sans-serif!important;
}
.typography-det h3 {
    margin: 0;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    position: relative;
}
.typography-det h4 {
    font-size: 90px;
    font-weight: 500;
}
.typography-det strong {
    font-size: 30px;
    margin-bottom: 20px;
    display: block;
}
.letters span {
    font-size: 24px;
    margin: 0px 20px 10px 0px;
    letter-spacing: 1px;
    display: inline-block;
}
.typography-det {
    padding: 0 20px;
}
.colorname .colors{
    width: 75px;
    height: 200px;
    margin: 0 auto 15px;
    border-radius: 100px;
}
.colorname .colors1{
    background-color: #2F80ED;
}
.colorname .colors2{
    background-color: #B3B1B0;
}
.colorname .colors3{
    background-color: #000000;    
}
.colorpalet {
    display: flex;
    gap: 30px;
    justify-content: flex-start;
}
.sos-alert-det p {
    font-size: 18px;
    margin-bottom: 20px;
}
.sos-alert-det b {
    font-size: 18px;
}
.case-stude-page .case-stude-heading {
    background-color: transparent;
    padding: 50px 0 50px 0;
    color: #fff;
    margin-bottom: 0;
    background-image: url(../images/case_study/case-studies.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.port_box a.port_readmore:hover {
    color: #ee4d51;
}
.more_projects.project-bg {
    background: #fff;
}
.contact_form .hire_formbox form#contact_us_form textarea#message {
    margin-bottom: 25px;
}
div#blog .blog {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    transition: all 0.3s;
}
div#blog .blog_details {
    padding: 2rem 0rem;
}
div#blog .blog_img {
    max-width: 100%;
    height: 260px;
    min-width: 100%;
    object-fit: cover;
    border-radius: 12px;
}
div#blog .blog:hover {
    transform: translate(0px, -4px);
}
div#blog .blog:hover h5.blog_title {
    color: #ee4d51;
}
div#blog .blog_details span {
    font-size: 14px;
    color: #afafaf!important;
}
#home_contact {
    background: #fafbfe;
}
#home_contact .contact_form {
    background: #fff;
    padding: 30px;
    border-radius: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#home_contact form#contact_us_form .form-control {
    border-bottom: 2px solid #cfcfcf;
}
#home_contact form#contact_us_form .form-group {
    position: relative;
    transition: all 0.5s;
}
#home_contact form#contact_us_form .form-group:after {
    background: #ee4d51;
    position: absolute;
    height: 2px;
    width: 0px;
    bottom: 0;
    left: 0;
    z-index: 9999;
    content: '';
    transition: all 0.5s;
}
#home_contact form#contact_us_form .form-group:focus-within:after{
    transition: all 0.5s;
    width: 100%;
}
section#portfoliopage .container {
    width: 100%;
    max-width: 100%;
}
section#portfoliopage a {
    text-decoration: none;
}
.portfolio-img img {
    width: 100%;
}
.portfolio-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
}
.portfolio-text .pdesc {
    width: 40%;
}
.portfolio-text .ptitle {
    width: 60%;
}
.portfolio-text .ptitle h3 {
    padding: 0;
    margin: 0;
    font-size: 2.5rem;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s;
    color: #fff;
}
.portfolio-text .ptitle h3 span {
    background: #ee4d51;
    font-size: 18px;
    color: #fff;
    padding: 4px 10px;
    border-radius: 10px;
    transition: all 0.3s;
}
.portfolio-text .pdesc p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 0;
    transition: all 0.3s;
}
section#portfolio-hero {
    padding: 60px 0;
    background: #000000;
}
section#portfolio-hero .container {
    width: 100%;
    max-width: 100%;
}

.p-hero {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 800px;
}

.panimation {
    position: relative;
    width: 100%;
    height: 800px;
    margin-left: -30%;
}
.panimation img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    transform-origin: center center;
    transform: translate(-50%, -50%) rotate(0deg);
}
.panimation img.rotate-image.slow {
    width: 50%;
}
.panimation img.rotate-image-r.medium{
    width: 75%;
}
@keyframes spin {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
@keyframes spin-r {
    from {
        transform: translate(-50%, -50%) rotate(360deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(0deg);
    }
}
.rotate-image {
    animation: spin 60s linear infinite;
}
.rotate-image-r {
    animation: spin-r 80s linear infinite;
}
.slow { animation-duration: 70s; }
.medium { animation-duration: 50s; }
.fast { animation-duration: 30s; }
section#portfolio-hero .row {
    display: flex;
    align-items: center;
}
.phero-caption h1 {
    color: #fff;
    font-size: 52px;
    margin-bottom: 20px;
    font-weight: 600;
    letter-spacing: 1px;
}
.phero-caption p {
    font-size: 20px;
    color: #fff;
    margin-bottom: 0px;
}
section#portfoliopage {
    padding: 60px 0;
}
section.portfoliolist {
    padding: 20px 0 60px 0!important;
    background-color: #000;
}
.portfolio-img {
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    margin-bottom: 20px;
}
.portfolio-img img {
    transition: all 0.4s ease-in-out;
}
.portfolio-box:hover .portfolio-img img {
    transform: scale(1.1);
}
.portfolio-box {
    transition: all 0.3s ease;
    border-radius: 10px;
    padding-bottom: 20px;
    background: #000000;
}
.portfolio-box:hover {
    background: #333333;
}
.portfolio-box:hover .portfolio-text .ptitle h3,
.portfolio-box:hover .portfolio-text .pdesc p {
    color: #fff;
}
.portfolio-box:hover .portfolio-text .ptitle h3 span {
    background: #ee4d51;
}
.portfolio-box {
    cursor: none;
    margin-bottom: 30px;
}
.custom-cursor {
    position: fixed;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: rgba(120,120,120,0.85);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    pointer-events: none;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.7);
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 9999;
}
.custom-cursor {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    will-change: transform;
}
.portfolio-box:hover ~ .custom-cursor {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.custom-cursor {
    position: fixed;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(
        circle at top left,
        rgba(255,255,255,0.35),
        rgba(255,255,255,0.08) 40%,
        rgba(0,0,0,0.25)
    );

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    box-shadow:
        0 25px 45px rgba(0,0,0,0.35),
        inset 0 1px 1px rgba(255,255,255,0.4),
        inset 0 -6px 12px rgba(0,0,0,0.4);

    transform-style: preserve-3d;
    will-change: transform;
    transition: opacity 0.25s ease;
}
.custom-cursor span {
    position: relative;
    z-index: 2;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
    text-align: center;
    line-height: 1.3;
}
.custom-cursor::after {
    content: "";
    position: absolute;
    inset: -6px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(255,255,255,0.35),
        transparent 70%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
}
.reveal {
    opacity: 0;
    transform: translateY(60px);
    transition: all 0.8s ease;
}
#portfoliopage .reveal:nth-child(even) { transition-delay: 0.2s; }
#portfoliopage .reveal:nth-child(odd) { transition-delay: 0.8s; }

/* When visible */
.reveal.active {
    opacity: 1;
    transform: translateY(0);
}





/*newpage css*/
.new-hero .panimation {
    margin-right: -30%;
    margin-left: 0%;
}
.hero-label {
    font-size: 10px;
    letter-spacing: 3px;
    color: #e8ff47;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    opacity: 0;
    animation: fadeUp 0.8s 0.2s forwards;
}
.hero-label::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 1px;
    background: #e8ff47;
}
.hero-title {
    font-size: clamp(90px, 13vw, 190px);
    line-height: 0.88;
    color: #f0ede8;
    opacity: 0;
    font-weight: 700;
    animation: fadeUp 0.9s 0.35s forwards;
    letter-spacing: -7px;
}
.hero-title .accent-word {
    color: #e8ff47;
}
.hero-title .outline {
    -webkit-text-stroke: 2px rgba(255, 255, 255, 1);
    color: transparent;
    font-weight: 500;
}
@keyframes fadeUp{
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.portfoliolist .portfolio-img,
.portfoliolist .portfolio-box {
    border-radius: 0;
}
.portfoliolist .portfolio-img {
    padding-bottom: 0;
    margin-bottom: 0;
}
.portfoliolist .portfolio-box {
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
}
.portfoliolist .rows {
    gap: 3px;
    display: flex;
}
.portfoliolist .portfolio-text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgb(0 0 0 / 80%);
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    transition: all 0.3s;
}
.portfoliolist .portfolio-box:hover .portfolio-text {
    opacity: 1;
}
.portfoliolist .portfolio-text .ptitle h3 {
    padding: 0;
    margin: 0;
    font-size: 4rem;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: all 0.3s;
    color: #fff;
    flex-direction: column;
    margin-bottom: 20px;
}
.marquee-section {
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0;
    background-color: #000;
    width: calc(100% - 6px);
    margin: 30px 0;
    margin-left: 3px;
}
.marquee-track {
    display: flex;
    width: max-content;
    animation: marquee 25s linear infinite;
}
.marquee-track:hover {
    animation-play-state: paused;
}
.marquee-item {
    font-size: 80px;
    letter-spacing: 4px;
    color: transparent;
    -webkit-text-stroke: 1px rgba(255,255,255,0.5);
    padding: 12px 40px;
    white-space: nowrap;
    transition: color .25s,
    -webkit-text-stroke .25s;
}
.marquee-item:hover {
    color: #e8ff47;
    -webkit-text-stroke: 0px;
}
.marquee-dot {
    color: #e8ff47;
    -webkit-text-stroke: 0px;
    font-size: 24px;
    align-self: center;
    padding: 0 10px;
}
.portfoliolist .portfolio-box:hover .portfolio-text .ptitle h3 span {
    background: #fff;
    color: #000;
}
.portfoliolist .portfolio-text .ptitle {
    width: 100%;
}
.portfoliolist .portfolio-text .pdesc {
    width: 50%;
}
@keyframes marquee {
    from {
        transform:translateX(0)
    }
    to {
        transform:translateX(-50%)
    }
}
@media (min-width: 992px) {
    section.portfoliolist .col-md-8 {
        width: 66.12%;
    }
}