@font-face {
        font-family: ConfigCondensed;
        src: url(../fonts/ConfigCondensed-Regular.otf);
    }
    
    @font-face {
        font-family: ConfigCondensed-semibold;
        src: url(../fonts/ConfigCondensed-SemiBold.otf);
    }
    
    @font-face {
        font-family: ConfigCondensed-bold;
        src: url(../fonts/ConfigCondensed-Bold.otf);
    }
    
    body {
        background: url("../images/dotted-bg.png");
        background-size: contain;
        transition: 0.4s;
        font-family: ConfigCondensed;
    }
    
    * {
        transition: 0.4s;
    }
    /*.container {
    max-width: 1290px;
}*/
    
    html {
        overflow-x: hidden;
    }
    
    .no-padding {
        padding: 0 !important;
    }
    
    .no-margin {
        margin: 0 !important;
    }
    
    .float-right {
        float: right;
    }
    
    img.logo {
        height: 33px;
        width: auto;
    }
    
    body {
        overflow-x: hidden
    }
    
    .site-name {
        color: #000000;
        font-family: ConfigCondensed;
        font-size: 20px;
        font-weight: 400;
        letter-spacing: 0.67px;
        line-height: 24px;
        text-align: left;
        position: relative;
        top: 3px;
    }
    
    .barcode {
        height: 27px;
    }
    
    .main-menu-box {
        margin: 50px 0;
    }
    
    .sub-tag {
        background: url("../images/Line.png") no-repeat left;
        padding-left: 12px;
        height: 30px;
        margin-left: 5px;
    }
    
    #top-nav-fixed {
        transition: all 0.5s;
        position: fixed;
        left: 0;
        top: 0;
        background: #ffffff url("../images/dotted-bg.png");
        z-index: 9999;
        background-size: cover;
    }
    
    .nav-fixed {
        padding-top: 0;
        padding-bottom: 0;
        background: #FFF !important;
        position: fixed;
        top: 0;
        z-index: 9999;
        box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
    }
    
    .nav-fixed .main-menu-box {
        margin: 12px 0;
    }
    
    .navbar.main-nav ul.navbar-nav li a {
        color: #808080;
        font-family: ConfigCondensed;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 1.2px;
        line-height: 19px;
        text-align: left;
        padding: 5px 22px;
        border: 1px solid transparent;
        margin: 0 5px;
    }
    
    .navbar.main-nav ul.navbar-nav li a.contact-link {
        border: 1px solid #F42230;
        border-radius: 12px;
        font-size: 18px;
        padding: 5px 30px;
        margin: 0 0 0 40px;
    }
    
    .navbar.main-nav ul.navbar-nav li a:hover,
    .navbar.main-nav ul.navbar-nav li.active a {
        border-bottom: 1px solid #F42230;
        color: #425573;
    }
    
    .navbar.main-nav ul.navbar-nav li a.contact-link:hover {
        border: 1px solid #F42230;
        background-color: #C00000;
        box-shadow: 0 2px 4px 0 rgba(244, 34, 48, 0.25);
        color: #FFFFFF;
    }
    
    button.navbar-toggler {
        float: right;
    }
    
    .section1-img {
        width: 530px;
    }
    
    .main-head {
        color: #425573;
        font-family: ConfigCondensed-semibold;
        font-size: 50px;
        font-weight: 600;
        letter-spacing: 1.67px;
        line-height: 60px;
        text-align: left;
    }
    
    .content-text {
        color: #7487A5;
        font-family: ConfigCondensed;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 1.2px;
        line-height: 25px;
        text-align: left;
        padding: 50px 0 80px 0;
    }
    
    .btn-adec.scrol-body {
        color: #fff
    }
    
    .btn-adec {
        background-color: #C00000;
        border-radius: 19px;
        box-shadow: 0 2px 4px 0 rgba(244, 34, 48, 0.25);
        color: #FFFFFF;
        font-family: ConfigCondensed;
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
        text-align: left;
        padding: 5px 25px;
    }
    
    .btn-adec:hover {
        color: #ffffff;
    }
    
    .readmore-section a {
        color: #425573;
        font-family: ConfigCondensed;
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
        text-align: left;
        margin-right: 30px;
    }
    
    .readmore-section a:hover {
        text-decoration: none;
        color: 425573;
    }
    
    .section-1 {
        margin-top: 200px;
    }
    
    .text-marker {
        background-color: #FFDF99;
        border-radius: 4px;
        /*opacity: 0.6;*/
    }
    
    #process_section {
        padding-top: 40px;
    }
    
    .section-2 {
        background-image: linear-gradient(180deg, #FFFFFF 0%, #F4F4F4 100%);
        padding: 120px 0 70px 0;
    }
    
    .section-2-icon {
        width: 44px;
        height: 41px;
    }
    
    section-2-box:hover {
        cursor: pointer;
    }
    
    .dm-icon {
        background: url(../images/services/dm.png) no-repeat;
        background-size: contain;
    }
    
    .section-2-box:hover .dm-icon {
        background: url(../images/services/dm_active.png) no-repeat;
        background-size: contain;
        cursor: pointer;
    }
    
    .ecom {
        background: url(../images/services/ecom.png) no-repeat;
        background-size: contain;
    }
    
    .section-2-box:hover .ecom {
        background: url(../images/services/ecom_active.png) no-repeat;
        background-size: contain;
        cursor: pointer;
    }
    
    .web-icon {
        background: url(../images/services/web.png) no-repeat;
        background-size: contain;
    }
    
    .section-2-box:hover .web-icon {
        background: url(../images/services/web_active.png) no-repeat;
        background-size: contain;
        cursor: pointer;
    }
    
    .product-icon {
        background: url(../images/services/product-portfolio.png) no-repeat;
        background-size: contain;
    }
    
    .section-2-box:hover .product-icon {
        background: url(../images/services/product-portfolio_active.png) no-repeat;
        background-size: contain;
        cursor: pointer;
    }
    
    .section-2-title {
        color: #262B40;
        font-family: ConfigCondensed;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0.5px;
        line-height: 22px;
        text-align: left;
        padding: 20px 0;
    }
    
    .section-2-content {
        color: #808080;
        font-family: ConfigCondensed;
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0.8px;
        line-height: 19px;
        text-align: left;
        padding-bottom: 20px;
    }
    
    .section-2-more {
        width: 30px;
        height: 30px;
        background: url("../images/services/read-more.png");
        background-size: contain;
        float: right;
    }
    
    .section-2-top-head span {
        font-size: 15px;
    }
    
    .section-2-box:hover .section-2-more {
        background: url(../images/services/read-more_active.png);
        background-size: contain;
        cursor: pointer;
    }
    
    .section-2-box {
        background-color: #FFFFFF;
        border-radius: 8px;
        box-shadow: 0 0 10px 0 rgba(203, 203, 203, 0.31);
        padding: 20px;
        float: left;
        margin: 0 40px 40px 0;
        min-height: 370px;
    }
    
    .section-2-box:hover {
        background: #C00000 url("../images/hover-bg.png") no-repeat top left;
        border-radius: 8px;
        box-shadow: 0 0 10px 0 rgba(203, 203, 203, 0.31);
        color: #ffffff;
    }
    
    .section-2-head span {
        border-bottom: 5px #FFDF99 solid;
        opacity: 0.9;
    }
    
    .btn-adec:hover {
        background-color: #9a0303;
        box-shadow: 0 2px 4px 0 rgba(202, 0, 13, 0.61);
    }
    
    .section-2-box:hover .section-2-title {
        color: #ffffff;
    }
    
    .section-2-box:hover .section-2-content {
        color: #E5E5E5;
    }
    
    .section-2-top-head {
        color: #C00000;
        font-family: ConfigCondensed-semibold;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 1px;
        line-height: 24px;
        text-align: left;
        margin-top: 90px;
        cursor: pointer;
    }
    
    .section-2-head {
        color: #425573;
        font-family: ConfigCondensed-semibold;
        font-size: 40px;
        font-weight: 600;
        letter-spacing: 1.2px;
        line-height: 48px;
        text-align: left;
        margin: 20px 0;
    }
    
    .section-2-content {
        color: #808080;
        font-family: ConfigCondensed;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 1.3px;
        line-height: 22px;
        text-align: left;
    }
    
    .section-2-content-service {
        background: url("../images/inside-serivce-bg.png") right center no-repeat;
    }
    
    .section-2-list {
        margin-top: 30px;
    }
    
    .section-2-list ul {
        list-style: none;
        padding: 0;
    }
    
    .section-2-list ul li {
        background: url("../images/Oval.png") no-repeat left;
        padding-left: 35px;
        margin-bottom: 10px;
    }
    
    .section-3 {
        background-image: linear-gradient(180deg, #FFFFFF 0%, #F4F4F4 100%);
        padding: 70px 0;
    }
    
    .step-no {
        color: #C00000;
        font-family: ConfigCondensed-bold;
        font-size: 200px;
        line-height: 240px;
        opacity: 0.1000000014901161;
        text-align: left;
        position: absolute;
    }
    
    .step-no-text {
        color: #C00000;
        font-family: ConfigCondensed-semibold;
        font-size: 13px;
        font-weight: 400;
        letter-spacing: 1.3px;
        line-height: 22px;
        text-align: left;
    }
    
    .step-no-head {
        color: #425573;
        font-family: ConfigCondensed-semibold;
        font-size: 40px;
        font-weight: 600;
        letter-spacing: 1.2px;
        line-height: 48px;
        text-align: left;
        margin-top: 20px;
    }
    
    .step-no-head span {
        border-bottom: 5px #FFDF99 solid;
        opacity: 0.9;
    }
    
    .step-no-content {
        color: #808080;
        font-family: ConfigCondensed;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 1.3px;
        line-height: 22px;
        text-align: left;
        margin-top: 50px;
    }
    
    .section-content-box {
        position: relative;
        top: 112px;
    }
    
    .section-line-bg {
        background: url("../images/line1.png") no-repeat top center;
        padding-top: 50px;
        margin-top: 50px;
    }
    
    .section-line-bg1 {
        background: url("../images/line2.png") no-repeat top center;
        padding-top: 100px;
        margin-top: 40px;
    }
    
    .margin-top-50 {
        padding-top: 50px;
    }
    
    .container-fluid.section-4 {
        background: url("../images/about-entry.png") no-repeat;
        color: #fff;
        padding: 100px 0;
        background-size: cover;
    }
    
    .section4-sub-box {
        float: left;
        margin: 0 50px;
    }
    
    .prj-count {
        color: #FFFFFF;
        font-family: ConfigCondensed-semibold;
        font-size: 52px;
        font-weight: 600;
        letter-spacing: 1.5px;
        line-height: 62px;
        text-align: left;
    }
    
    .prj-name {
        color: #D4D4D4;
        font-family: ConfigCondensed;
        font-size: 20.8px;
        font-weight: 500;
        letter-spacing: 1px;
        line-height: 25px;
        text-align: left;
    }
    
    .clear {
        clear: both;
    }
    
    .process-img-box img {
        width: 400px;
        height: auto;
    }
    
    .section4-center {
        width: fit-content;
        width: -moz-fit-content;
        text-align: center;
        margin: 0 auto;
    }
    
    .right-red-bg {
        background: url("../images/service-process-side.png") no-repeat right center;
    }
    
    .about-head-border span {
        border-bottom: 5px #FFDF99 solid;
        opacity: 0.9;
    }
    
    .abt-img {
        width: 85%;
        margin-top: 80px;
    }
    
    .mission-img {
        /*width: 50px;*/
    }
    
    .abt-mission-box {
        background-color: #F7F7F7;
        border-radius: 16px;
        margin-top: 40px;
    }
    
    .section-2-content.mission-content {
        font-size: 16px;
    }
    
    .abt-mission-box .section-2-top-head {
        padding: 0;
        margin: 15px 0;
    }
    
    .abt-mission-box-left,
    .abt-mission-box-right {
        padding: 60px;
    }
    
    .why-us-title {
        color: #B4B4B4;
        font-family: ConfigCondensed;
        font-size: 40px;
        font-weight: 500;
        letter-spacing: 2px;
        line-height: 48px;
        margin-left: -32px;
        margin-top: 5px;
    }
    
    .why-us-sub {
        color: #434343;
        font-family: ConfigCondensed;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 1.2px;
        line-height: 26px;
        opacity: 0.298684;
        margin-left: -52px;
    }
    
    .border-2 {
        border: 1px solid #EBEBEB;
        border-right: none;
        border-bottom: none;
    }
    
    .border-1 {
        border: 1px solid #EBEBEB;
        border-left: none;
        border-top: none;
    }
    
    .why-us-box {
        position: absolute;
        background: #F5F5F5;
        width: 100px;
        height: 100px;
        text-align: center;
        margin-left: 46%;
        margin-top: -52px;
        z-index: 1;
        border-radius: 100%;
        white-space: nowrap;
    }
    
    .section-5 {
        padding: 0 0 80px 0;
        background-image: linear-gradient(177deg, #F6F6F6 42%, #E6E6E6 100%);
        border-radius: 0 0 0 200px;
    }
    
    .section-5-bg {
        background: url("../images/about-us/about-bg.png") no-repeat;
        background-size: contain;
    }
    
    .abt-list-section {
        margin-top: 40px;
    }
    
    .abt-list {
        float: left;
        margin-bottom: 30px;
        padding: 0;
    }
    
    .abt-list img {
        width: 31px;
        height: 31px;
        margin: 0 20px 0 0;
    }
    
    .abt-list span {
        color: #425573;
        font-family: ConfigCondensed;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 1.1px;
        line-height: 26px;
        text-align: left;
    }
    
    .section-6 {
        background: #fff;
        padding-top: 80px;
    }
    
    .contact-dtls-title {
        color: #C00000;
        font-family: ConfigCondensed;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 1px;
        line-height: 24px;
        text-align: left;
    }
    
    .validation {
        color: #dc3545;
        font-weight: 400;
        font-size: 13px;
    }
    
    #sendmessage {
        color: #fff;
        background: #28a745;
        display: none;
        text-align: center;
        padding: 15px;
        font-weight: 600;
        margin-bottom: 15px;
    }
    
    #sendmessage.show,
    #errormessage.show,
    .show {
        display: block;
    }
    
    .contact-dtls-head {
        color: #425573;
        font-family: ConfigCondensed-semibold;
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 1.1px;
        line-height: 26px;
        text-align: left;
        margin: 10px 0 0px 0;
    }
    
    .contact-dtls-head-sub {
        color: #808080;
        font-family: ConfigCondensed;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 1.2px;
        line-height: 22px;
        text-align: left;
        margin: 0px 0 20px 0;
    }
    
    .contact-dtls-address {
        color: #808080;
        font-family: ConfigCondensed;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 1.2px;
        line-height: 22px;
        text-align: left;
        margin-top: 15px;
    }
    
    .contact-dtls-follow {
        color: #AAAAAA;
        font-family: ConfigCondensed;
        font-size: 16px;
        font-weight: 100;
        line-height: 19px;
        text-align: left;
        margin-top: 20px;
    }
    
    .contact-dtls-follow i {
        background: #E02F2F;
        font-size: 15px;
        border-radius: 50%;
        color: #fff;
    }
    
    .contact-dtls-follow .fa.fa-facebook {
        padding: 7px 10px;
        margin: 0 10px;
    }
    
    .fa.fa-linkedin {
        padding: 8px 9px;
    }
    
    .contact-dtls-follow i:hover {
        background: #F21010;
    }
    
    .form-control,
    textarea {
        background: #e6e6e6;
    }
    
    .contact-border {
        background: url("../images/contact-border.png") no-repeat 85% 85%;
    }
    
    .btn.btn-submit {
        color: #C00001;
        font-family: ConfigCondensed;
        font-size: 15px;
        font-weight: 300;
        line-height: 17px;
        text-align: left;
        border: 1px solid #C00001;
        border-radius: 4px;
        padding: 6px 25px;
        margin-top: 30px;
    }
    
    .btn.btn-submit:hover {
        background: #C00001;
        color: #fff;
    }
    
    .form-group {
        margin: 15px 0;
    }
    
    form.needs-validation {
        margin-top: 40px;
    }
    
    .footer-box {
        background: #F42230;
        height: 5px;
        width: auto;
        border-radius: 4px 4px 0 0;
    }
    
    .width-50p {
        width: 48%;
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .width-46p {
        width: 40%;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
    
    .service-desktop {
        display: block;
    }
    
    .service-mobile {
        display: none;
    }
    
    .form-control.is-invalid,
    .was-validated .form-control:invalid,
    .form-control.is-valid,
    .was-validated .form-control:valid {
        border: none;
        background-image: none;
    }
    
    .back-to-top {
        cursor: pointer;
        position: fixed;
        bottom: 20px;
        right: 20px;
        background: #F42230;
        color: #fff;
        border-radius: 50%;
        height: 40px;
        width: 40px;
        padding: 4px;
        font-size: 18px;
    }
    
    .back-to-top:hover {
        color: #fff;
        background-color: #C00000;
    }
    
    .navbar-light .navbar-nav .nav-link.active {
        border-bottom: 1px solid #F42230;
        color: #425573;
    }
    
    .navbar.main-nav ul.navbar-nav li a.contact-link.nav-link.active {
        border: 1px solid #F42230;
        background-color: #C00000;
        box-shadow: 0 2px 4px 0 rgba(244, 34, 48, 0.25);
        color: #FFFFFF;
    }
    
    .contact-dtls-box-left.float-left.p-0 {
        margin-right: 60px;
    }
    
    label {
        color: #595959;
    }
    
    .animated-img {
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
    }
    
    @-webkit-keyframes bounce {
        0%,
        100% {
            -webkit-transform: translateY(0);
        }
        50% {
            -webkit-transform: translateY(-10px);
        }
    }
    
    @keyframes bounce {
        0%,
        100% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-10px);
        }
    }
    
    .bounce {
        -webkit-animation-name: bounce;
        animation-name: bounce;
    }
    /* Prelaoder */
    
    .preloader {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999;
        overflow: hidden;
        background: #fff;
    }
    
    .preloader:before {
        content: "";
        position: fixed;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        border: 6px solid #f2f2f2;
        border-top: 6px solid #C00000;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        -webkit-animation: animate-preloader 1s linear infinite;
        animation: animate-preloader 1s linear infinite;
    }
    
    @-webkit-keyframes animate-preloader {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @keyframes animate-preloader {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    .hide-mob-step-img {
        display: block;
    }
    
    .show-mob-step-img {
        display: none;
    }
    
    @media only screen and (max-width: 1024px) {
        .section-2-box {
            margin: 0 32px 32px 0;
            min-height: 415px;
        }
        .abt-list img {
            margin: 0 15px 0 0;
        }
        .abt-list span {
            font-size: 17px;
        }
        .width-46p {
            width: 42%;
        }
        .why-us-box {
            margin-left: 45%;
        }
    }
    
    @media only screen and (max-width: 991px) {
        .navbar.main-nav ul.navbar-nav li a {
            text-align: center;
        }
        .section-2-box {
            margin: 0 10px 10px 0;
        }
        .process-img-box img {
            width: 100%;
            height: auto;
            margin-top: 80px;
        }
        .section-line-bg {
            background: none;
            padding-top: 100px;
        }
        .section-line-bg1 {
            background: none;
            padding-top: 100px;
        }
        .last-step {
            padding-bottom: 70px;
        }
        .section4-sub-box {
            margin: 0 40px;
        }
        .section-2-top-head {
            margin-top: 50px;
        }
        .section-5 {
            padding: 70px 0;
        }
        .abt-list img {
            width: 18px;
            height: 18px;
            margin: 0 12px 0 0;
        }
        .abt-list span {
            font-size: 15px;
        }
        .section-2-top-head.mt-5 {
            margin-top: 2rem !important;
        }
        .abt-list-section {
            margin-top: 15px;
        }
        .section-2-box .section-2-title {
            font-size: 15px;
        }
        .section-2-box .section-2-content {
            font-size: 13px;
            line-height: 18px;
        }
        .contact-dtls-head {
            font-size: 18px;
            line-height: 20px;
        }
        .contact-dtls-head-sub {
            font-size: 15px;
            margin: 0px 0 10px 0;
        }
        .contact-dtls-address {
            color: #808080;
            font-size: 14px;
            line-height: 19px;
        }
        .section-2-content.content-qote {
            border-left: 1px solid #FFD4D4;
            padding: 0 0 0 20px;
            margin-bottom: 20px;
        }
        .contact-dtls-follow {
            font-size: 13px;
        }
        .contact-dtls-follow .fa.fa-facebook {
            padding: 5px 8px;
            margin: 0 6px;
        }
        .section-2 .margin-top-50 {
            padding-top: 0;
        }
        .fa.fa-linkedin {
            padding: 6px 7px;
        }
        .why-us-box {
            margin-left: 43%;
        }
    }
    
    @media only screen and (max-width: 910px) {
        .section-line-bg,
        .section-line-bg1 {
            padding-top: 0 !important;
        }
    }
    
    @media only screen and (max-width: 991px) {
        .right-red-bg {
            background: none;
        }
        .navbar.main-nav ul.navbar-nav li a.contact-link {
            margin: 0;
        }
    }
    
    @media only screen and (max-width: 768px) {
        .section-1 {
            margin-top: 90px;
            margin-bottom: 10px;
        }
        .main-head {
            font-size: 32px;
            line-height: 40px;
        }
        .content-text {
            font-size: 16px;
            padding: 30px 0 60px 0;
        }
        .section-2-head {
            font-size: 32px;
            line-height: 40px;
        }
        .section-2-content {
            font-size: 16px;
        }
        .step-no-head {
            font-size: 34px;
        }
        .step-no-content {
            font-size: 16px;
        }
        .abt-img {
            width: 80%;
            margin-top: 70px;
        }
        div#service_section {
            padding: 0;
            padding-top: 30px;
        }
        #process_section {
            padding-top: 0;
        }
        .section-content-box {
            top: 65px;
        }
        .step-no {
            top: -40px;
        }
        .process-img-box img {
            margin-top: 30px;
        }
        .abt-mission-box {
            margin-top: 20px;
        }
        .abt-mission-box-left,
        .abt-mission-box-right {
            padding: 50px 60px;
        }
        .section-6 {
            padding-top: 30px;
        }
        .contact-dtls-box-left.float-left.p-0 {
            margin-right: 20px;
        }
        /*
        div#contact_section {
            overflow-x: hidden;
        }
        div#about_section {
            overflow-x: hidden;
        }
        div#service_section {
            overflow-x: hidden;
        }
        .container.section-1 {
            overflow-x: hidden;
        }
        div#top-nav-fixed {
            overflow-x: hidden;
        } */
    }
    
    @media only screen and (max-width: 768px) {
        .step-no-head {
            font-size: 30px;
        }
        .step-no-content {
            margin-top: 20px;
        }
        .section4-sub-box {
            margin: 0 30px;
        }
        .prj-count {
            font-size: 40px;
        }
        .prj-name {
            font-size: 16px;
        }
        .section-2-head {
            font-size: 25px;
            line-height: 35px;
        }
        .section-5 {
            padding: 0px 0;
        }
        .section-2-top-head.mt-5 {
            margin-top: 10px !important;
        }
        .abt-list img {
            width: 15px;
            height: 15px;
            margin: 0 5px 0 0;
        }
        .abt-list span {
            font-size: 13px;
        }
    }
    
    @media only screen and (max-width: 768px) {
        .section4-sub-box {
            margin: 0 20px;
        }
        .prj-count {
            font-size: 35px;
        }
        .prj-name {
            font-size: 15px;
        }
        .section-5 .text-right {
            text-align: center !important;
        }
        .main-menu-box {
            margin: 20px 0;
        }
        .contact-dtls-box-right.float-right.p-0 {
            float: left !important;
            margin-top: 20px;
        }
        .width-50p {
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
        }
        .width-46p {
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
        }
        .section-2-box {
            min-height: 230px;
        }
        .service-desktop {
            display: none;
        }
        .service-mobile {
            display: block;
        }
        .mob-show-box1,
        .mob-show-box2,
        .mob-show-box3,
        .mob-show-box4 {
            clear: both;
        }
        .section-2-top-head {
            clear: both;
        }
    }
    
    @media only screen and (max-width: 600px) {
        .why-us-box {
            margin-left: 41%;
        }
        .readmore-section a {
            margin-right: 15px;
        }
    }
    
    @media only screen and (max-width: 575px) {
        .section-2-box {
            min-height: auto;
        }
        .contact-dtls-follow {
            margin-bottom: 40px;
        }
        .contact-border {
            background: none;
        }
        .border-1,
        .border-2 {
            border: none;
        }
        .abt-mission-box-left,
        .abt-mission-box-right {
            padding: 10px 30px;
        }
        .why-us-box {
            position: relative;
            margin-top: 0;
            margin-bottom: 0;
        }
        .readmore-section {
            text-align: center;
            margin: 0 0 20px 0;
        }
        button.btn.btn-submit {
            width: 100%;
            text-align: center;
            font-size: 25px;
            padding: 12px;
        }
        .section-5 {
            /* padding: 0 0 80px 20px; */
            padding: 0;
            border-radius: 0 0 20px 20px;
        }
        .process-img-box img {
            margin-top: 60px;
            margin-bottom: 10px;
        }
        .section-content-box {
            top: 15px;
        }
        .step-no {
            top: -90px;
        }
        #process_section {
            padding-top: 50px;
        }
        .last-step {
            padding-bottom: 0;
        }
        .btn-adec.scrol-body {
            width: 100%;
            text-align: center;
            font-size: 25px;
            padding: 12px;
        }
        .readmore-section a {
            margin-right: 0;
        }
        a.learn-more {
            font-size: 25px;
            position: relative;
            top: 20px;
        }
        .section-2-top-head {
            margin-top: 0;
        }
        img.img-fluid.section1-img.animated-img {
            margin: 90px 0 0px 0;
        }
        .contact-dtls-head-sub.mob-sub-head {
            margin-left: 15px;
        }
        .contact-dtls-title.mob-dtls-titl {
            margin-left: 15px;
        }
        .contact-border.float-left {
            margin-bottom: 10px;
        }
        div#service_section {
            padding: 0;
            padding-top: 90px;
        }
        .hide-mob-step-img {
            display: none;
        }
        .show-mob-step-img {
            display: block;
            position: absolute;
            top: -50px;
            right: 0;
        }
        .show-mob-step-img img {
            width: 200px;
            height: auto;
        }
        .step-no-content {
            margin-bottom: 60px;
        }
    }
    
    @media only screen and (max-width: 412px) {
        img.logo {
            height: 26px;
            width: auto;
        }
        .section4-sub-box {
            margin: 0 12px;
        }
        .prj-count {
            font-size: 32px;
        }
        .prj-name {
            font-size: 13px;
        }
        .abt-img {
            width: 80%;
            margin-top: 10px;
        }
    }
    
    @media only screen and (max-width: 414px) {
        .navbar-toggler {
            padding: 5px;
            font-size: 15px;
        }
        .show-mob-step-img img {
            width: 160px;
            height: auto;
        }
        .show-mob-step-img {
            top: -40px;
        }
    }
    
    @media only screen and (max-width: 375px) {
        .show-mob-step-img img {
            width: 140px;
            height: auto;
        }
        .show-mob-step-img {
            top: -35px;
        }
        .last-step .show-mob-step-img {
            top: -47px;
        }
        .contact-dtls-title.mob-dtls-titl {
            margin-top: 20px;
        }
    }
    
    @media only screen and (max-width: 320px) {
        img.logo {
            height: 24px;
            width: auto;
        }
        .show-mob-step-img {
            top: -30px;
        }
        .show-mob-step-img img {
            width: 120px;
            height: auto;
        }
    }