/* demo-seo-2.min.css */
body {
    font-family: Poppins,sans-serif
}

@media (min-width: 1240px) {
    .container {
        max-width:1240px!important
    }
}
.expandInWithBlur {
    -webkit-animation-name: expandInWithBlur;
    animation-name: expandInWithBlur
}

.custom-text-color-grey-1 {
    color: #777!important
}
.custom-bg-color-light-1 {
    background-color: #eff1f3!important
}
.custom-bg-color-grey-1 {
    background-color: #b9b9b9!important
}

.custom-bg-color-grey-2 {
    background-color: #e4e4e4!important
}

.custom-box-shadow-1 {
    box-shadow: 0 0 32px -7px rgba(0,0,0,.1)
}

.custom-border-radius-1 {
    border-radius: 10px
}
@media (min-width: 768px) {
    .custom-negative-margin-1 {
        margin-top:-390px
    }
}
.custom-height-1 {
    height: calc(100% + 7px)!important
}

.custom-section-curved-top-1 {
    position: absolute;
    top: -590px;
    left: 0
}
@media (min-width: 992px) {
    #header .header-top {
        border-bottom:1px solid rgba(0,0,0,.06)
    }

    #header .header-nav.header-nav-links nav>ul>li.dropdown.open>.dropdown-menu,#header .header-nav.header-nav-links nav>ul>li.dropdown:hover>.dropdown-menu {
        border-top: 0;
        border-radius: 7px!important;
        padding: 5px
    }

    #header .header-nav-main nav>ul>li {
        margin-left: 22px
    }

    #header .header-nav-main nav>ul>li>a {
        font-size: 14px;
        font-weight: 600;
        text-transform: capitalize
    }

    #header .header-nav-main nav>ul>li:first-child {
        margin-left: 0
    }

    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a {
        padding: 6px 10px 6px 10px
    }
}
.custom-circle {
    position: absolute;
    border-radius: 100%
}

.custom-circle.custom-circle-big {
    width: 52px;
    height: 52px
}

.custom-circle.custom-circle-medium {
    width: 23px;
    height: 23px
}

.custom-circle.custom-circle-small {
    width: 15px;
    height: 15px
}

.custom-circle.custom-circle-extra-small {
    width: 10px;
    height: 10px
}

.custom-circle.custom-circle-pos-1 {
    top: 25%;
    left: -13%
}
.custom-circle.custom-circle-pos-2 {
    top: 43%;
    left: -4%
}
.custom-circle.custom-circle-pos-3 {
    top: 9%;
    left: 17%
}
.custom-circle.custom-circle-pos-4 {
    top: 53%;
    left: 20%
}
.custom-circle.custom-circle-pos-5 {
    top: 61%;
    left: 39%
}
.custom-circle.custom-circle-pos-6 {
    top: 41%;
    left: 46%
}
.custom-circle.custom-circle-pos-7 {
    top: 30%;
    left: 104%
}

.custom-circle.custom-circle-pos-8 {
    top: 7%;
    left: 114%
}

.custom-circle.custom-circle-pos-9 {
    top: 76%;
    left: 27%
}

.custom-circle.custom-circle-pos-10 {
    top: 10%;
    left: 114%
}

.custom-circle.custom-circle-pos-11 {
    top: 6%;
    left: 117%
}

.custom-circle.custom-circle-pos-12 {
    top: 9%;
    left: 119.3%
}

.custom-circle.custom-circle-pos-13 {
    top: 6%;
    left: 120%
}
.custom-dots-rect-1 {
    width: 103px;
    height: 138px;
    position: absolute;
    bottom: 50px;
    left: -104px;
    z-index: 0
}

.custom-dots-rect-2 {
    width: 79px;
    height: 75px;
    position: absolute;
    bottom: -43px;
    right: -39px;
    z-index: 0
}
.custom-social-icons-style-1 li a {
    width: 38px;
    height: 38px;
    line-height: 38px
}
/* skin-seo-2.min.css */
::selection {
    color: #fff;
    background: #e65100;
}

a {
    color: #e65100;
}

a:hover {
    color: #e65100;
}
html .text-color-primary, html .text-primary {
    color: #e65100 !important;
}
html .text-color-dark, html .text-dark {
    color: #212529 !important;
}
html .text-color-light, html .text-light {
    color: #fff !important;
}
html .bg-color-tertiary, html .bg-tertiary {
    background-color: #02638e !important;
}
html .bg-color-dark, html .bg-dark {
    background-color: #212529 !important;
}
html .bg-color-light, html .bg-light {
    background-color: #fff !important;
}
.nav-pills .nav-link.active, .nav-pills > li.active > a {
    background-color: #e65100;
}

.nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #e65100;
}
html .btn-primary {
    background-color: #e65100;
    border-color: #e65100 #e65100 #cd1e74;
    color: #fff;
}
.btn-gradient:not(.btn-outline) {
    background: linear-gradient(135deg, #e65100 0, #e65100 80%) !important;
    color: #fff;
}
html .bg-color-light-scale-1 {
    background-color: #f7f7f7 !important;
}
.img-thumbnail .zoom, .thumb-info .thumb-info-action-icon, .thumb-info .thumb-info-type, .thumb-info-ribbon, .thumb-info-social-icons a, .thumbnail .zoom {
    background-color: #e65100;
}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
    background-color: #e65100;
}
.list.list-icons li a:first-child > .icons:first-child, .list.list-icons li a:first-child > [class*="fa-"]:first-child, .list.list-icons li > .icons:first-child, .list.list-icons li > [class*="fa-"]:first-child {
    color: #e65100;
    border-color: #e65100;
}
html .list-primary.list-icons li a:first-child > .icons:first-child, html .list-primary.list-icons li a:first-child > [class*="fa-"]:first-child, html .list-primary.list-icons li > .icons:first-child, html .list-primary.list-icons li > [class*="fa-"]:first-child {
    color: #e65100;
    border-color: #e65100;
}
#header .header-btn-collapse-nav {
    background: #e65100;
}

@media (min-width: 992px) {
    #header .header-nav-main nav > ul > li > a {
        color: #e65100;
    }

    #header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {
        background: #e65100;
    }

    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
        border-top-color: #e65100;
    }

    #header .header-nav-main nav > ul > li.dropdown.open > a:before, #header .header-nav-main nav > ul > li.dropdown:hover > a:before {
        border-bottom-color: #e65100;
    }
    #header .header-nav-main nav > ul:not(:hover) > li > a.active {
        background-color: #e65100;
        color: #fff;
    }
    #header .header-nav.header-nav-links nav > ul li:hover > a {
        color: #e65100;
    }

    #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
        color: #e65100;
    }
}
html .call-to-action.call-to-action-primary {
    background: #e65100;
}
html .call-to-action.call-to-action-primary {
    background: #e65100;
}

html .call-to-action.call-to-action-primary h3, html .call-to-action.call-to-action-primary p {
    color: #fff;
}
#header .header-btn-collapse-nav {
    background: #02638e;
}

@media (min-width: 992px) {
    #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
        color: #02638e;
    }

    #header .header-nav.header-nav-links nav > ul li:hover > a {
        color: #02638e;
    }

    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
        border-top-color: #02638e;
    }
}

/* custom.css */
footer .social-icons li a i {
    line-height: 3
}

header .social-icons li a {
    line-height: 2!important
}

#footer a:not(.btn):not(.no-footer-css),#footer span,#footer li {
    color: #bcb8b8
}

#header .header-nav-main nav>ul>li.dropdown>.dropdown-menu {
    border-top: 2px solid #e65100!important
}

#header .header-nav.header-nav-links nav>ul:not(:hover)>li>a.active,#header .header-nav.header-nav-links nav>ul li:hover>a {
    color: #e65100!important
}

html .btn-tertiary,#header .header-btn-collapse-nav {
    background-color: #e65100!important;
    border-color: #e65100!important;
    color: #fff!important
}
html .btn-primary {
    background-color: #e65100!important
}
#header {
    height: 105px!important
}

#header .header-social-icons i {
    padding-top: 8px
}

#header .dropdown-menu {
    border-radius: 0!important
}

#header .header-nav.header-nav-links nav>ul:not(:hover)>li>a.active {
    color: #e65100
}
.custom-overlapping-cards {
    display: flex;
    position: relative
}

.custom-overlapping-cards>div {
    z-index: 1
}

.custom-overlapping-cards>div:nth-child(1) {
    max-width: 47%
}

.custom-overlapping-cards>div:nth-child(1) img {
    transform: translate3d(-20px,-20px,0)
}

.custom-overlapping-cards>div:nth-child(2) {
    z-index: 0;
    transform: translate3d(-50px,50px,0)
}

.custom-overlapping-cards>div:nth-child(2) img {
    max-width: 89%;
    transform: translate3d(70px,-20px,0)
}

.custom-overlapping-cards .custom-overlapping-cards-puzzle-background {
    position: absolute;
    top: -80px;
    left: -158px;
    z-index: -1
}
.text-color-primary {
    color: #e65100!important
}
.bg-color-light-scale-1 {
    background: #f7f7f7!important
}
.custom-bg-color-grey-2 {
    opacity: .3!important
}

.btn {
    text-transform: uppercase
}

#project-form,#web-app-form,#custom-dev,#form-crm {
    padding-top: 150px;
    margin-top: -150px
}

#mobile-services {
    padding-top: 50px;
    margin-top: -50px
}
.cta-form {
    padding: 20px
}

section.section {
    margin: 0!important
}

.card-body {
    padding: 1rem
}
html .btn-primary {
    border-color: #d34d04
}

.call-to-action-primary {
    background-color: #02638e!important
}

html .text-color-primary,html .text-primary {
    color: #e65100!important
}
.custom-heading-bar {
    position: relative
}

.custom-heading-bar:before {
    content: '';
    position: absolute;
    top: 50%;
    right: calc( 100% + 15px);
    width: 50px;
    border-top: 5px solid #ccc;
    transform: translate3d(0,-50%,0)
}

.custom-heading-bar:before {
    border-color: #e65100
}

.custom-heading-bar.custom-heading-bar-right:before {
    right: auto;
    left: calc( 100% + 15px)
}

.custom-link-effect-1>i {
    transition: ease all 300ms
}

.custom-arrow-icon {
    position: relative;
    display: inline-block;
    width: 17px;
    height: 17px
}

.custom-arrow-icon:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border-top: 1px solid #ccc;
    border-color: inherit;
    transform: translate3d(0,-50%,0)
}

.custom-arrow-icon:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 50%;
    height: 50%;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-color: inherit;
    transform: translate3d(0,-50%,0) rotate(45deg)
}
.our-staff-services {
    background-image: url(../img/demos/dots-background-3.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: auto!important
}
.owl-carousel {
    display: block!important
}
.mobile-view-award {
    display: none
}
body.hire-android-developer-page .mobile-button{
    display: none;
}
@media(min-width: 480px) {
    footer .custom-html-widget img {
        width:70%
    }
}
.form-control {
    padding: .35rem .4rem!important
}

.form-control-lg {
    min-height: calc(0.8rem + (1rem + 2px))!important
}
.form-group {
    margin-bottom: 5px!important
}
#mobile-services{
    margin-top: -10rem;
}
@media (max-width: 480px){
    #mobile-services {
        margin-top: 0rem;
    }
}

/*---- for spacing 27 mar 2024 -----*/
@media (max-width: 480px){
    .pt-sm-0{
        padding-top: 0px !important;
    } 
    .mt-sm-0{
        margin-top: 0px !important;
    }
    
    
    .custom-checkbox-1 label:before {
        left: -1px;
        margin-top: 0px !important;
        width: 20px;
        height: 20px;
        border-radius: 4px !important;
        border: 2px solid #02638e !important;
        background: #ffffff !important;
        top: 5px !important;
        position: absolute;
    /* top: 50%; */
    left: 0;
    /* margin-top: -9px; */
    width: 19px;
    height: 18px;
    display: inline-block;
    }
    .custom-checkbox-1 input[type=checkbox]:checked+label:after {
        top: 0px !important;
        left: 4px;
        margin-top: 10px !important;
        width: 20px;
        height: 20px;
        color: #02638e;
    }
    .p-5 {
        padding: 1.5rem !important;
    }
    .mt--10{
        margin-top: -10px;
    }
    #header .mobile-app-page .header-row {
        display: inline-block;
    }
    #header .mobile-app-page .header-top{
        height: 75px !important;
    }
    .mobile-app-page .header-row .mt-2{
        margin-top: 0px !important;
    }
    .mobile-page .list.list-icons.list-icons-sm li {
        padding-left: 0px !important;
    }
    
    .healthcare-projects img{
        width: 100% !important;
        position: relative;
        left: 0%;
    }
    .d-sm-none{
        display: none !important;
    }
    }
    @media (min-width: 1920px){
    .healthcare-projects img{
        width: 72% !important;
        position: relative;
        left: 25%;
    }
    }

    /*---- for spacing 22 Apr 2024 -----*/
@media (max-width: 480px){
    .pt-sm-4{
        padding-top: 40px !important;
    } 
}