html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

p {
    font-size: 15px !important;
    line-height: 1.7em;
}

body {
    font-family: "Open Sans", sans-serif !important;
}

.top-nav-sec {
    padding: 10px 0 !important;
    background-color: #000;
}

.top-nav-sec i {
    color: #fff;
    margin-right: 2px;
}

.mob-icon i {
    font-size: 20px;
}

.social {
    text-align: right;
}

.social i {
    color: #fff;
    margin-right: 15px;
    font-size: 18px;
}

.contact-top a {
    color: #fff;
    text-decoration: none;
}

.social i:hover {
    color: #00c96d;
}

.contact-top a:hover {
    color: #00c96d;
}

.contact-infos {
    border-right: solid 1px #544c4c;
    text-align: center;
    font-size: 15px;
}

.mob-icon i {
    font-size: 24px;
}

.contact-infos:nth-child(3) {
    border-right: none;
}

.navbar-info {
    width: 100%;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 15px;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #00c96d;
}

.fixed-me {
    transition: all 1s;
}

.fixed-me {
    background-color: #000 !important;
    padding: 0 !important;
    margin-bottom: 5px;
    position: fixed;
    top: 0;
    margin-top: 0 !important;
    z-index: 99 !important;
    width: 100%;
    border-bottom: 0 solid #ccc !important;
    padding-bottom: 10px !important;
}

.navbar-me {
    transition: all 0.4s;
}

.header-right-menu {
    padding: 5px 15px !important;
}

.site-logo {
    padding: 15px 20px !important;
    margin: 15px 10px !important;
}

.logo {
    margin-top: 15px;
}

.navbar-me {
    padding: 10px 0;
    background-color: transparent;
    top: 0;
    margin-top: 40px;
    border: 0;
    border-radius: 0;
    position: fixed;
    width: 100%;
    z-index: 9999999 !important;
}

.navbar-collapse {
    text-align: center;
    border-top-width: 0;
    padding-top: 10px;
    margin-top: 5px;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.menu-collapsed-button {
    margin: 20px 15px 10px 15px !important;
}

.row {
    margin: 0;
    padding: 0;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.slider-img1 {
    background-image: url(../images/home/banner2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 93vh;
}

.fixed-me {
    transition: all 1s;
}

.fixed-me {
    background-color: #000 !important;
    padding: 0 !important;
    margin-bottom: 5px;
    position: fixed;
    top: 0;
    margin-top: 0 !important;
    z-index: 99 !important;
    width: 100%;
    border-bottom: 0 solid #ccc !important;
    padding-bottom: 10px !important;
}

.navbar-me {
    transition: all 0.4s;
}

.header-right-menu {
    padding: 5px 15px !important;
}

.site-logo {
    padding: 15px 20px !important;
    margin: 15px 10px !important;
}

.logo {
    margin-top: 15px;
}

.navbar-collapse {
    text-align: center;
    border-top-width: 0;
    padding-top: 10px;
    margin-top: 5px;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.menu-collapsed-button {
    margin: 20px 15px 10px 15px !important;
}

.row {
    margin: 0;
    padding: 0;
}

#footer {
    background-color: #1c1c1c;
    color: #fff !important;
    height: auto;
    padding: 40px 0;
}

.footer-logo img {
    width: 80%;
}

.line-height-para {
    line-height: 25px;
}

.inner-footer li a {
    color: #fff;
    line-height: 30px;
}

input[type="email"].footer-form,
input[type="number"].footer-form,
input[type="text"].footer-form {
    margin-top: 0;
    padding: 4px;
    width: 85%;
    font-size: 12px;
    height: 30px;
    color: #000;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #c5c5c5;
    border-radius: 2px;
    margin-bottom: 10px;
}

.submit-div {
    background-color: #00c96d !important;
    padding: 7px 30px;
    width: 85%;
    border: none;
    border-radius: 2px;
    color: #fff;
}

.margin-20px-bottom {
    margin-bottom: 20px;
}

.contact-info a {
    color: #fff;
    text-decoration: none;
}

.contact-info a:hover {
    color: #ff1b5a;
}

.font-size-big {
    font-size: 40px;
}

.sec1 {
    padding: 50px 0;
}

.bottom-fixed-contact {
    display: none;
}

.about-text {
    line-height: 32px;
    font-size: 16px;
    padding-top: 20px;
    visibility: visible;
    animation-name: fadeInUp;
    letter-spacing: 0.2px;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-justify {
    text-align: justify;
}

.whatsapp-section {
    position: fixed;
    right: 0;
    bottom: 60px;
    z-index: 999999;
}

#slider {
    width: 500px;
    top: 180px;
    position: fixed;
}

#sidebar {
    position: absolute;
    top: 120px;
    left: 120px;
    background: #000 !important;
    border: none !important;
    border-radius: 2px 0 2px 0 !important;
    cursor: pointer;
    border-top-left-radius: 0 !important;
    font-size: 20px;
    padding: 73px 0 63px !important;
    border-radius: 0 !important;
    width: 40px;
    z-index: 999999;
    border-radius: 5px 0 0 5px !important;
}

.request-a-call {
    font-size: 26px;
    color: #e2154e;
    font-weight: 700;
}

.call-back-style {
    transform: rotate(90deg);
    padding-bottom: 0;
    color: #fff;
    margin: 0 -30px;
    text-transform: uppercase !important;
}

#sidebar p {
    margin: 0 -30px !important;
    padding-bottom: 0;
    color: #fff;
    margin: 0 -30px;
    text-transform: uppercase !important;
}

input[type="email"].former::placeholder {
    color: #ccc !important;
}

input[type="text"].former::placeholder {
    color: #ccc !important;
}

.btn-submit {
    background: #232323 !important;
    border-color: #232323;
    color: #fff;
    border-radius: 4px;
    font-size: 11px;
    padding: 4px 24px;
}

.btn-submit:hover {
    background-color: #00c96d !important;
}

.rc-anchor-container {
    margin-top: 15px !important;
}

#header {
    width: 340px;
    height: 440px;
    background: #fff;
    position: absolute;
    right: 0;
    margin-left: 40px;
    padding: 20px 20px;
    border-radius: 3px;
}

.slide-form {
    box-shadow: 0 0 8px #ddd;
    border-radius: 4px;
    padding: 20px;
    box-shadow: 3px 8px 20px rgba(5, 27, 46, 0.2);
    border-radius: 8px;
}

#sidebar1 {
    position: absolute;
    top: 120px;
    left: 120px;
    padding: 74px 0 !important;
    width: 40px;
    background: #000 !important;
    color: #000;
    border: none !important;
    cursor: pointer;
    font-size: 20px;
    border-radius: 5px 0 0 5px !important;
}

.btn-submit {
    background: #232323 !important;
    border-color: #232323;
    color: #fff;
    border-radius: 4px;
    font-size: 11px;
    padding: 4px 24px;
}

input[type="email"].former,
input[type="number"].former,
input[type="text"].former {
    margin-top: 10px;
    padding: 6px;
    width: 100%;
    font-size: 15px;
    border-radius: 4px;
    border: 1px solid #000;
}

.btn-submit {
    background-image: linear-gradient(90deg, #00c96d 0, #fe1646 50%, #e50634);
    width: 100%;
    border: none;
    height: 50px;
    font-size: 19px;
    margin-top: 20px;
    transition: 0.5s;
}

.bottom-fixed-contact {
    display: none;
}

.bottom-fixed-contact {
    background-color: #000;
    padding: 7px 0 2px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
}

.slider-1 {
    background-image: url(../images/banners/develop.jpg);
    height: 400px;
    background-size: cover;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.banner-content p {
    color: #fff;
    font-size: 18px !important;
    margin-right: 5%;
}
.banner-text.text-captialise {
    font-size: 40px;
    text-transform: none;
    line-height: 53px;
}
@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont3e6e3e6e.eot?v=4.7.0);
    src: url(../fonts/fontawesome-webfontd41dd41d.eot?#iefix&v=4.7.0)
            format("embedded-opentype"),
        url(../fonts/fontawesome-webfont3e6e3e6e.woff2?v=4.7.0) format("woff2"),
        url(../fonts/fontawesome-webfont3e6e3e6e.woff?v=4.7.0) format("woff"),
        url(../fonts/fontawesome-webfont3e6e3e6e.ttf?v=4.7.0) format("truetype"),
        url(../fonts/fontawesome-webfont3e6e3e6e.svg?v=4.7.0#fontawesomeregular)
            format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-linkedin:before {
    content: "\f0e1";
}

@font-face {
    font-family: Flaticon;
    src: url(../fonts/flaticon.html);
    src: url(../fonts/flaticond41d.html?#iefix) format("embedded-opentype"),
        url(../fonts/flaticon-1.woff) format("woff"),
        url(../fonts/flaticon3.html) format("woff"),
        url(../fonts/flaticon-2.html) format("truetype"),
        url(../fonts/flaticon-3.html#Flaticon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: Flaticon;
        src: url(../fonts/flaticon-3.html#Flaticon) format("svg");
        font-display: swap;
    }
}

[class*=" flaticon-"]:after,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class^="flaticon-"]:before {
    font-family: Flaticon;
    font-style: normal;
}

.flaticon-24-hours:before {
    content: "\f100";
}

.flaticon-24-hours-1:before {
    content: "\f101";
}

.flaticon-exam:before {
    content: "\f102";
}

.flaticon-open-book:before {
    content: "\f103";
}

.flaticon-home:before {
    content: "\f104";
}

.flaticon-house:before {
    content: "\f105";
}

.flaticon-quote:before {
    content: "\f106";
}

.flaticon-right-quote-sign:before {
    content: "\f107";
}

.flaticon-placeholder:before {
    content: "\f108";
}

.flaticon-placeholder-1:before {
    content: "\f109";
}

.flaticon-placeholder-2:before {
    content: "\f10a";
}

.flaticon-placeholder-filled-point:before {
    content: "\f10b";
}

.flaticon-telephone:before {
    content: "\f10c";
}

.flaticon-phone-call:before {
    content: "\f10d";
}

.flaticon-chat:before {
    content: "\f10e";
}

.flaticon-comment:before {
    content: "\f10f";
}

.flaticon-timetable:before {
    content: "\f110";
}

.flaticon-unlink:before {
    content: "\f111";
}

.flaticon-play-arrow:before {
    content: "\f112";
}

.flaticon-portfolio:before {
    content: "\f113";
}

.flaticon-money-bag:before {
    content: "\f114";
}

.flaticon-portfolio-1:before {
    content: "\f115";
}

.flaticon-award:before {
    content: "\f116";
}

.flaticon-winner:before {
    content: "\f117";
}

.flaticon-trophy:before {
    content: "\f118";
}

.flaticon-map:before {
    content: "\f119";
}

.flaticon-magnifying-glass:before {
    content: "\f11a";
}

.flaticon-magnifying-glass-1:before {
    content: "\f11b";
}

.flaticon-menu:before {
    content: "\f11c";
}

.flaticon-shopping-cart:before {
    content: "\f11d";
}

.flaticon-shopping-cart-1:before {
    content: "\f11e";
}

.flaticon-back:before {
    content: "\f11f";
}

.flaticon-play-button:before {
    content: "\f120";
}

.flaticon-back-arrow:before {
    content: "\f121";
}

.flaticon-growth:before {
    content: "\f122";
}

.flaticon-target:before {
    content: "\f123";
}

.flaticon-settings:before {
    content: "\f124";
}

.flaticon-avatar:before {
    content: "\f125";
}

.flaticon-share:before {
    content: "\f126";
}

.flaticon-heart:before {
    content: "\f127";
}

.flaticon-like:before {
    content: "\f128";
}

.flaticon-star:before {
    content: "\f129";
}

.flaticon-headphones:before {
    content: "\f12a";
}

.flaticon-garbage:before {
    content: "\f12b";
}

.flaticon-internet:before {
    content: "\f12c";
}

.flaticon-network:before {
    content: "\f12d";
}

.flaticon-shopping-cart-2:before {
    content: "\f12e";
}

.flaticon-connections:before {
    content: "\f12f";
}

.flaticon-envelope:before {
    content: "\f130";
}

.flaticon-email:before {
    content: "\f131";
}

.flaticon-message:before {
    content: "\f132";
}

.flaticon-message-1:before {
    content: "\f133";
}

.flaticon-e-mail-envelope:before {
    content: "\f134";
}

.flaticon-internet-1:before {
    content: "\f135";
}

.flaticon-full-screen:before {
    content: "\f136";
}

.flaticon-send:before {
    content: "\f137";
}

.flaticon-success:before {
    content: "\f138";
}

.flaticon-tick-inside-circle:before {
    content: "\f139";
}

.flaticon-monitor:before {
    content: "\f13a";
}

.flaticon-lock:before {
    content: "\f13b";
}

.flaticon-eye:before {
    content: "\f13c";
}

.flaticon-rocket-ship:before {
    content: "\f13d";
}

.flaticon-headphones-1:before {
    content: "\f13e";
}

.flaticon-pin:before {
    content: "\f13f";
}

.flaticon-stopwatch:before {
    content: "\f140";
}

.flaticon-email-1:before {
    content: "\f141";
}

.flaticon-crown:before {
    content: "\f142";
}

.flaticon-right-quote:before {
    content: "\f143";
}

.flaticon-multiply:before {
    content: "\f144";
}

.flaticon-media-play-symbol:before {
    content: "\f145";
}

.flaticon-arrow-pointing-to-right:before {
    content: "\f146";
}

.flaticon-back-1:before {
    content: "\f147";
}

.flaticon-award-1:before {
    content: "\f148";
}

.flaticon-pdf:before {
    content: "\f149";
}

.flaticon-user:before {
    content: "\f14a";
}

.flaticon-loupe:before {
    content: "\f14b";
}

.flaticon-handshake:before {
    content: "\f14c";
}

.flaticon-link:before {
    content: "\f14d";
}

.flaticon-user-1:before {
    content: "\f14e";
}

.flaticon-trophy-1:before {
    content: "\f14f";
}

.flaticon-house-1:before {
    content: "\f150";
}

.flaticon-bar-chart:before {
    content: "\f151";
}

.flaticon-coin:before {
    content: "\f152";
}

.flaticon-line-chart:before {
    content: "\f153";
}

.flaticon-planet-earth:before {
    content: "\f154";
}

.flaticon-pie-chart:before {
    content: "\f155";
}

.flaticon-megaphone:before {
    content: "\f156";
}

.flaticon-quote-1:before {
    content: "\f157";
}

.flaticon-cloud:before {
    content: "\f158";
}

.flaticon-wheel:before {
    content: "\f159";
}

.flaticon-light-bulb:before {
    content: "\f15a";
}

.flaticon-clock:before {
    content: "\f15b";
}

.flaticon-clock-1:before {
    content: "\f15c";
}

.flaticon-alarm-clock:before {
    content: "\f15d";
}

.flaticon-alarm-clock-1:before {
    content: "\f15e";
}

.flaticon-shopping-bag:before {
    content: "\f15f";
}

.flaticon-menu-1:before {
    content: "\f160";
}

.flaticon-big-anchor:before {
    content: "\f161";
}

.flaticon-play-button-1:before {
    content: "\f162";
}

.flaticon-flash:before {
    content: "\f163";
}

.flaticon-add:before {
    content: "\f164";
}

.flaticon-placeholder-3:before {
    content: "\f165";
}

.flaticon-increase-size-option:before {
    content: "\f166";
}

.flaticon-double-angle-pointing-to-right:before {
    content: "\f167";
}

.flaticon-long-arrow-pointing-to-left:before {
    content: "\f168";
}

.flaticon-long-arrow-pointing-to-the-right:before {
    content: "\f169";
}

.flaticon-gallery:before {
    content: "\f16a";
}

.flaticon-right-arrow:before {
    content: "\f16b";
}

.flaticon-right-arrow-forward:before {
    content: "\f16c";
}

.flaticon-success-1:before {
    content: "\f16d";
}

.flaticon-paper-plane:before {
    content: "\f16e";
}

.flaticon-high-volume:before {
    content: "\f16f";
}

.flaticon-left-arrow:before {
    content: "\f170";
}

.flaticon-go-back-left-arrow:before {
    content: "\f171";
}

.flaticon-file:before {
    content: "\f172";
}

.flaticon-file-1:before {
    content: "\f173";
}

.flaticon-share-symbol:before {
    content: "\f174";
}

.flaticon-favourites-filled-star-symbol:before {
    content: "\f175";
}

.flaticon-star-1:before {
    content: "\f176";
}

.flaticon-gift:before {
    content: "\f177";
}

.flaticon-tick:before {
    content: "\f178";
}

.flaticon-email-2:before {
    content: "\f179";
}

.flaticon-telephone-auricular-with-cable:before {
    content: "\f17a";
}

.flaticon-placeholder-4:before {
    content: "\f17b";
}

.flaticon-calendar:before {
    content: "\f17c";
}

.flaticon-shopping-bag-1:before {
    content: "\f17d";
}

.flaticon-up-arrow:before {
    content: "\f17e";
}

.flaticon-angle-arrow-down:before {
    content: "\f17f";
}

.flaticon-right-arrow-1:before {
    content: "\f180";
}

.flaticon-left-arrow-1:before {
    content: "\f181";
}

.flaticon-check-symbol:before {
    content: "\f182";
}

.flaticon-pdf-1:before {
    content: "\f183";
}

.flaticon-powerpoint-file:before {
    content: "\f184";
}

.flaticon-placeholder-5:before {
    content: "\f185";
}

.flaticon-24-hours-phone-service:before {
    content: "\f186";
}

.flaticon-home-page:before {
    content: "\f187";
}

.flaticon-safe:before {
    content: "\f188";
}

.flaticon-zoom-increasing-symbol:before {
    content: "\f189";
}

.flaticon-zoom-in:before {
    content: "\f18a";
}

.flaticon-folder:before {
    content: "\f18b";
}

.flaticon-comment-1:before {
    content: "\f18c";
}

.flaticon-paper-plane-1:before {
    content: "\f18d";
}

.flaticon-send-1:before {
    content: "\f18e";
}

.flaticon-smartphone:before {
    content: "\f18f";
}

.flaticon-24-hours-2:before {
    content: "\f190";
}

.flaticon-edit:before {
    content: "\f191";
}

.flaticon-clock-2:before {
    content: "\f192";
}

.flaticon-thumb-up:before {
    content: "\f193";
}

.flaticon-hand:before {
    content: "\f194";
}

.flaticon-home-1:before {
    content: "\f195";
}

.flaticon-add-1:before {
    content: "\f196";
}

.flaticon-plus-symbol:before {
    content: "\f197";
}

.flaticon-substract:before {
    content: "\f198";
}

.flaticon-substract-1:before {
    content: "\f199";
}

.flaticon-pdf-file-format-symbol:before {
    content: "\f19a";
}

.flaticon-edit-1:before {
    content: "\f19b";
}

.flaticon-shield:before {
    content: "\f19c";
}

.flaticon-pass:before {
    content: "\f19d";
}

.flaticon-user-2:before {
    content: "\f19e";
}

.flaticon-user-3:before {
    content: "\f19f";
}

.flaticon-calendar-1:before {
    content: "\f1a0";
}

.flaticon-support:before {
    content: "\f1a1";
}

.flaticon-customer-service:before {
    content: "\f1a2";
}

.flaticon-support-1:before {
    content: "\f1a3";
}

.flaticon-bars:before {
    content: "\f1a4";
}

.flaticon-diagram:before {
    content: "\f1a5";
}

.flaticon-combine:before {
    content: "\f1a6";
}

.flaticon-user-4:before {
    content: "\f1a7";
}

.flaticon-rating:before {
    content: "\f1a8";
}

.flaticon-hand-shake:before {
    content: "\f1a9";
}

.flaticon-support-2:before {
    content: "\f1aa";
}

.flaticon-right-arrows-couple:before {
    content: "\f1ab";
}

.flaticon-double-chevron:before {
    content: "\f1ac";
}

.flaticon-startup:before {
    content: "\f1ad";
}

.flaticon-wallet:before {
    content: "\f1ae";
}

.flaticon-verified:before {
    content: "\f1af";
}

.flaticon-security:before {
    content: "\f1b0";
}

.flaticon-shield-1:before {
    content: "\f1b1";
}

.flaticon-checked:before {
    content: "\f1b2";
}

.flaticon-left-quote:before {
    content: "\f1b3";
}

.flaticon-quote-2:before {
    content: "\f1b4";
}

.flaticon-travel:before {
    content: "\f1b5";
}

.flaticon-maps-and-location:before {
    content: "\f1b6";
}

.flaticon-place:before {
    content: "\f1b7";
}

.flaticon-email-3:before {
    content: "\f1b8";
}

.flaticon-24-hours-3:before {
    content: "\f1b9";
}

.flaticon-clock-3:before {
    content: "\f1ba";
}

.flaticon-menu-2:before {
    content: "\f1bb";
}

.flaticon-menu-3:before {
    content: "\f1bc";
}

.flaticon-search:before {
    content: "\f1bd";
}

.flaticon-pie-chart-1:before {
    content: "\f1be";
}

.flaticon-analytics:before {
    content: "\f1bf";
}

.flaticon-pie-chart-2:before {
    content: "\f1c0";
}

.flaticon-pie-chart-3:before {
    content: "\f1c1";
}

.flaticon-effective:before {
    content: "\f1c2";
}

.flaticon-search-engine:before {
    content: "\f1c3";
}

.flaticon-plus:before {
    content: "\f1c4";
}

.flaticon-plus-1:before {
    content: "\f1c5";
}

.flaticon-quote-3:before {
    content: "\f1c6";
}

.flaticon-maps-and-flags:before {
    content: "\f1c7";
}

.flaticon-call:before {
    content: "\f1c8";
}

.flaticon-telephone-1:before {
    content: "\f1c9";
}

.flaticon-email-4:before {
    content: "\f1ca";
}

.flaticon-user-5:before {
    content: "\f1cb";
}

.flaticon-user-6:before {
    content: "\f1cc";
}

.flaticon-address:before {
    content: "\f1cd";
}

.flaticon-home-2:before {
    content: "\f1ce";
}

.flaticon-home-3:before {
    content: "\f1cf";
}

.flaticon-around:before {
    content: "\f1d0";
}

.flaticon-world:before {
    content: "\f1d1";
}

.flaticon-clock-4:before {
    content: "\f1d2";
}

.flaticon-schedule:before {
    content: "\f1d3";
}

.flaticon-countdown:before {
    content: "\f1d4";
}

.flaticon-shopping-cart-3:before {
    content: "\f1d5";
}

.flaticon-shopping-bag-2:before {
    content: "\f1d6";
}

.flaticon-benchmark:before {
    content: "\f1d7";
}

.flaticon-analytics-1:before {
    content: "\f1d8";
}

.flaticon-bar-chart-1:before {
    content: "\f1d9";
}

.flaticon-team:before {
    content: "\f1da";
}

.flaticon-support-3:before {
    content: "\f1db";
}

.flaticon-innovation:before {
    content: "\f1dc";
}

.flaticon-machine-learning:before {
    content: "\f1dd";
}

.flaticon-idea:before {
    content: "\f1de";
}

.flaticon-machine-learning-1:before {
    content: "\f1df";
}

.flaticon-taxation:before {
    content: "\f1e0";
}

.flaticon-budget:before {
    content: "\f1e1";
}

.flaticon-index:before {
    content: "\f1e2";
}

.flaticon-revenue:before {
    content: "\f1e3";
}

.flaticon-hand-1:before {
    content: "\f1e4";
}

.flaticon-creativity:before {
    content: "\f1e5";
}

.flaticon-consulting:before {
    content: "\f1e6";
}

.flaticon-planning:before {
    content: "\f1e7";
}

.flaticon-planning-1:before {
    content: "\f1e8";
}

.flaticon-creativity-1:before {
    content: "\f1e9";
}

.flaticon-analysis-1:before {
    content: "\f1ea";
}

.flaticon-right:before {
    content: "\f1eb";
}

.flaticon-next:before {
    content: "\f1ec";
}

.flaticon-start:before {
    content: "\f1ed";
}

.flaticon-suitcase:before {
    content: "\f1ee";
}

.flaticon-file-2:before {
    content: "\f1ef";
}

.flaticon-file-3:before {
    content: "\f1f0";
}

.flaticon-doc:before {
    content: "\f1f1";
}

.flaticon-document:before {
    content: "\f1f2";
}

.flaticon-checklist:before {
    content: "\f1f3";
}

.flaticon-icon-760906:before {
    content: "\f102";
}

.sec-title .title {
    position: relative;
    color: #fe4c1c;
    font-size: 18px;
    font-weight: 600;
    padding-right: 60px;
    display: inline-block;
    font-family: Montserrat, sans-serif;
}

.sec-title .title:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 12px;
    height: 2px;
    width: 50px;
    background-color: #00c96d;
}

.webdevelopment {
    padding: 50px 0;
}

.inner-column1 {
    position: relative;
    padding: 19px 0 19px 31px;
    border-left: 1px solid #bbb;
}

.mt-20 {
    margin-top: 3%;
}

.sec-head {
    font-size: 33px;
    font-weight: 700;
    line-height: 43px;
}

.featured-section-two {
    position: relative;
    padding: 100px 0 60px;
    background-color: #f5f5f5;
}

.featured-section-two .patern-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 462px;
    height: 488px;
    background-repeat: no-repeat;
}

.featured-section-two .patern-layer-two {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 462px;
    height: 512px;
    background-repeat: no-repeat;
}

.featured-section-two .blocks-column .feature-block:nth-child(2) {
    margin-top: 70px;
}

.featured-section-two .blocks-column .feature-block:nth-child(3) {
    margin-top: -70px;
}

.feature-block {
    position: relative;
    margin-bottom: 40px;
}

.feature-block .inner-box {
    position: relative;
    padding: 50px 25px;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    background-color: #00c96d;
}

.feature-block .inner-box .icon-box {
    position: relative;
    line-height: 1em;
    font-size: 62px;
    color: #fff;
}

.feature-block .inner-box h2 {
    position: relative;
    color: #fff;
    line-height: 1.3em;
    font-weight: 700;
    margin: 14px 0;
    font-size: 18px;
}

.feature-block .inner-box .text {
    position: relative;
    color: #fff;
    font-size: 16px;
    line-height: 1.7em;
}

.feature-block .inner-box .overlay-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
    -webkit-transform: perspective(400px) rotateX(-90deg);
    -moz-transform: perspective(400px) rotateX(-90deg);
    -ms-transform: perspective(400px) rotateX(-90deg);
    -o-transform: perspective(400px) rotateX(-90deg);
    transform: perspective(400px) rotateX(-90deg);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.feature-block .inner-box:hover .overlay-box {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0);
    -moz-transform: perspective(400px) rotateX(0);
    -ms-transform: perspective(400px) rotateX(0);
    -o-transform: perspective(400px) rotateX(0);
    transform: perspective(400px) rotateX(0);
}

.feature-block .inner-box .overlay-box:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.9);
}

.feature-block .inner-box .overlay-box .overlay-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
    padding: 10px 30px;
}

.feature-block .inner-box .overlay-box .overlay-inner .content {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.feature-block .inner-box .overlay-box .icon-two {
    position: relative;
    line-height: 1em;
    font-size: 62px;
    color: #fff;
}

.feature-block .inner-box .overlay-box h3 {
    position: relative;
    line-height: 1.3em;
    font-weight: 700;
    margin: 15px 0 12px;
    font-size: 14px;
}

.feature-block .inner-box .overlay-box h3 a {
    position: relative;
    color: #00c96d;
}

.feature-block .inner-box .overlay-box .read-more {
    position: relative;
    color: #fff;
    font-size: 15px;
    margin-top: 60px;
    display: inline-block;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.feature-block .inner-box .overlay-box .read-more:before {
    position: absolute;
    content: "";
    left: 50%;
    top: -60px;
    width: 4px;
    height: 50px;
    margin-left: -2px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    background-color: rgba(250, 250, 250, 0.2);
}

.feature-block .inner-box .overlay-box .read-more:hover::before {
    background-color: rgba(178, 121, 39, 0.8);
}

.feature-block .inner-box .overlay-box .read-more:hover {
    color: #b27927;
}

.featured-section-two .content-column {
    position: relative;
}

.featured-section-two .content-column .inner-column {
    position: relative;
    padding-left: 40px;
}

.featured-section-two
    .content-column
    .blocks-outer
    .feature-block-two:last-child {
    margin-bottom: 0;
}

.featured-section-two .content-column .link-box {
    position: relative;
    margin-top: 50px;
}

.featured-section-two .content-column .link-box .video-box {
    position: relative;
    width: 60px;
    height: 60px;
    color: #381d01;
    font-size: 18px;
    text-align: center;
    border-radius: 50px;
    line-height: 60px;
    display: inline-block;
    float: left;
    margin-right: 40px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background-color: #fff;
}

.featured-section-two .content-column .link-box .video-box .overlay-box span {
    position: absolute;
    width: 60px;
    height: 60px;
    left: 50%;
    top: 50%;
    z-index: 99;
    color: #381d01;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    border-radius: 50%;
    padding-left: 7px;
    background-color: #fff;
    display: inline-block;
    margin-top: -30px;
    margin-left: -30px;
    transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.featured-section-two .content-column .link-box .video-box .ripple,
.featured-section-two .content-column .link-box .video-box .ripple:after,
.featured-section-two .content-column .link-box .video-box .ripple:before {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 60px;
    width: 60px;
    margin-left: 0.5px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(177, 120, 39, 0.4);
    -moz-box-shadow: 0 0 0 0 rgba(177, 120, 39, 0.4);
    -ms-box-shadow: 0 0 0 0 rgba(177, 120, 39, 0.4);
    -o-box-shadow: 0 0 0 0 rgba(177, 120, 39, 0.4);
    box-shadow: 0 0 0 0 rgba(177, 120, 39, 0.4);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.featured-section-two .content-column .link-box .video-box .ripple:before {
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
}

.featured-section-two .content-column .link-box .video-box .ripple:after {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
}

@-webkit-keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.feature-block-two {
    position: relative;
    margin-bottom: 45px;
}

.feature-block-two .inner-box {
    position: relative;
    padding-left: 100px;
}

.feature-block-two .inner-box .icon-box {
    position: absolute;
    left: 0;
    top: 5px;
    line-height: 1em;
    color: #361b00;
    font-size: 60px;
}

.feature-block-two .inner-box h3 {
    position: relative;
    line-height: 1.4em;
    font-weight: 700;
    font-size: 18px;
}

.feature-block-two .inner-box h3 a {
    position: relative;
    color: #333;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.feature-block-two .inner-box h3 a:hover {
    color: #371c00;
}

.feature-block-two .inner-box .text {
    position: relative;
    color: #666;
    font-size: 16px;
    line-height: 1.6em;
    margin-top: 10px;
}

.btn-style-nine {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    font-weight: 600;
    overflow: hidden;
    background: 0 0;
    border-radius: 6px;
    padding: 15px 44px 15px;
    text-transform: capitalize;
    background-image: -ms-linear-gradient(left, #b17827 0, #5e3c1a 100%);
    background-image: -moz-linear-gradient(left, #b17827 0, #5e3c1a 100%);
    background-image: -o-linear-gradient(left, #b17827 0, #5e3c1a 100%);
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #b17827),
        color-stop(100, #5e3c1a)
    );
    background-image: -webkit-linear-gradient(left, #b17827 0, #5e3c1a 100%);
    background-image: linear-gradient(to right, #f62420 0, #337ab7 100%);
}

.service {
    padding: 50px 0;
}

.features-item {
    text-align: center;
    background: #fff;
    height: 440px;
    padding: 40px 12px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    border: 1px solid #e1d4cf;
}

.features-item:before {
    position: absolute;
    background: linear-gradient(45deg, #e83963, #fe8704) !important;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    left: 120px;
    content: "";
    top: 33px;
    opacity: 0.15;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    animation: leftright 3s infinite alternate;
}

.features-item i:before {
    margin: 0;
    color: #fc4d4a;
    font-size: 50px;
    line-height: 50px;
    display: block;
    vertical-align: middle;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.features-item .feature-title {
    margin-top: 30px;
    line-height: 32px;
    margin-bottom: 15px;
    font-size: 18px;
}

.features-item:hover:before {
    background: linear-gradient(to bottom, #4149c5 0, #00c96d 100%) !important;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    border-radius: 0;
    opacity: 1;
    animation: none;
}

.features-item:hover .feature-title,
.features-item:hover i:before,
.features-item:hover p {
    color: #fff;
    opacity: 0.9;
}

.leftright {
    animation: leftright 1s infinite alternate;
}

@-webkit-keyframes leftright {
    0% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        -ms-transform: translateX(40px);
        -o-transform: translateX(40px);
        transform: translateX(40px);
    }
}

.tech {
    background-image: url(../images/web-development/bg1.svg);
    background-position: center center;
    background-size: cover;
    position: relative;
    padding: 60px 0 139px;
}

.background-overlay {
    background-color: #000;
    background-image: url(../images/web-development/overlay-section-01.png);
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.75;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.text-white {
    color: #fff;
}

.ct-counter-holder {
    padding: 10%;
    background-color: rgba(0, 0, 0, 0.72);
    text-align: center;
    border: 1px solid #fff3;
    box-shadow: 0 18px 18px rgba(0, 8, 67, 0.15);
    border-radius: 4px;
}

@-webkit-keyframes swing {
    15% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }

    30% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }

    65% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }

    80% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes swing {
    15% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }

    30% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }

    65% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }

    80% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.swing:hover {
    -webkit-animation: swing 1s ease;
    animation: swing 1s ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.future {
    background-image: url(../images/web-development/bg-section-01.png);
    background-position: top left;
    background-repeat: no-repeat;
    padding: 50px 0;
}

.ct-heading .item--title {
    font-size: 36px;
    line-height: 44px;
    font-weight: 700;
    margin-bottom: 31px;
}

.ct-heading .item--title.st-line-left1 span {
    padding-left: 82px;
    position: relative;
    display: inline-block;
}

.ct-heading .item--title.st-line-left1 span i {
    width: 54px;
    height: 3px;
    position: absolute;
    top: 21px;
    left: 0;
    background-color: #d1651a;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#d1651a),
        to(#c1282a)
    );
    background-image: -webkit-linear-gradient(left, #d1651a, #c1282a);
    background-image: -moz-linear-gradient(left, #d1651a, #c1282a);
    background-image: -ms-linear-gradient(left, #d1651a, #c1282a);
    background-image: -o-linear-gradient(left, #d1651a, #c1282a);
    background-image: linear-gradient(left, #d1651a, #c1282a);
}

.ct-heading {
    position: relative;
}

.img-responsive {
    width: 100%;
}

.top-bt {
    border-top: 6px solid red;
}

.pab {
    height: 100%;
    width: 100%;
    background-color: #fff;
    top: 0;
    left: 0;
}

.bg-layer {
    height: 100%;
    width: 100%;
    top: 0;
    background-color: #fff;
    left: 0;
}

.mt {
    margin-top: -60px;
    margin-left: -40px;
    padding-top: 50px;
    padding-right: 8%;
    height: 121vh;
    padding-bottom: 50px;
    padding-left: 55px;
    background-color: #fff;
}

.process1 {
    background-color: #f5faff;
    padding-bottom: 6%;
}

.process-head {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
}

.num {
    width: 2.5em !important;
    height: 2.5em !important;
    background-color: #00c96d;
    display: table-cell;
    border-radius: 50%;
    margin-bottom: 6%;
    color: #fff;
    float: left;
    margin-right: 6%;
    line-height: 35px;
    text-align: center;
}

.p1 {
    padding-top: 5%;
}

.cd {
    display: flex;
    border-bottom: 1px dotted #c3c2c2;
    padding-top: 3%;
}

.why {
    background: url(../images/web-development/bg2.jpg);
    background-size: cover;
    position: relative;
    padding: 50px 0;
}

.my-overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: rgba(14, 14, 14, 0.85);
    opacity: 1;
}

.grid-item-holder {
    padding: 40px 28px 38px;
    position: relative;
}

.grid-item-holder .item--overlay {
    z-index: -1;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #d1651a;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#d1651a),
        to(#c1282a)
    );
    background-image: -webkit-linear-gradient(left, #00c96d, #337ab7);
    background-image: -moz-linear-gradient(left, #00c96d, #c1282a);
    background-image: -ms-linear-gradient(left, #d1651a, #c1282a);
    background-image: -o-linear-gradient(left, #d1651a, #c1282a);
    background-image: linear-gradient(left, #d1651a, #c1282a);
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    -webkit-transition: all 0.2s linear 0s;
    -khtml-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    opacity: 0;
}

.grid-item-inner {
    background-color: #fff;
    -webkit-box-shadow: 0 8px 40px rgba(12, 12, 12, 0.1);
    -khtml-box-shadow: 0 8px 40px rgba(12, 12, 12, 0.1);
    -moz-box-shadow: 0 8px 40px rgba(12, 12, 12, 0.1);
    -ms-box-shadow: 0 8px 40px rgba(12, 12, 12, 0.1);
    -o-box-shadow: 0 8px 40px rgba(12, 12, 12, 0.1);
    box-shadow: 0 8px 40px rgba(12, 12, 12, 0.1);
}

.grid-item-holder .item--overlay:before {
    content: "";
    top: 11px;
    right: -11px;
    background-color: #d1651a;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#d1651a),
        to(#c1282a)
    );
    background-image: -webkit-linear-gradient(left, #00c96d, #337ab7);
    background-image: -moz-linear-gradient(left, #00c96d, #c1282a);
    background-image: -ms-linear-gradient(left, #d1651a, #c1282a);
    background-image: -o-linear-gradient(left, #d1651a, #c1282a);
    background-image: linear-gradient(left, #d1651a, #c1282a);
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

.item--icon {
    line-height: 1;
    margin: 0 auto 13px auto;
}

.item--icon i {
    font-size: 62px;
    -webkit-transition: all 0.2s linear 0s;
    -khtml-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}

.item--title {
    font-size: 20px;
    margin-bottom: 14px;
    color: #333;
}

.item--content {
    font-size: 16px;
    line-height: 26px;
    color: #333;
}

.item--icon-abs i {
    font-size: 70px;
    opacity: 0.45;
}

.text-gradient {
    background-color: #d1651a;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#d1651a),
        to(#c1282a)
    );
    background-image: -webkit-linear-gradient(left, #00c96d, #c1282a);
    background-image: -moz-linear-gradient(left, #00c96d, #c1282a);
    background-image: -ms-linear-gradient(left, #d1651a, #c1282a);
    background-image: -o-linear-gradient(left, #d1651a, #c1282a);
    background-image: linear-gradient(left, #d1651a, #c1282a);
    background-color: transparent;
    background-clip: text;
    -o-background-clip: text;
    -ms-background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -o-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

.grid-item-inner {
    background-color: #fff;
    -webkit-box-shadow: 0 8px 40px rgba(12, 12, 12, 0.1);
    -khtml-box-shadow: 0 8px 40px rgba(12, 12, 12, 0.1);
    -moz-box-shadow: 0 8px 40px rgba(12, 12, 12, 0.1);
    -ms-box-shadow: 0 8px 40px rgba(12, 12, 12, 0.1);
    -o-box-shadow: 0 8px 40px rgba(12, 12, 12, 0.1);
    box-shadow: 0 8px 40px rgba(12, 12, 12, 0.1);
    position: relative;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    z-index: 1;
}

.item--icon-abs {
    line-height: 1;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transition: all 0.2s linear 0s;
    -khtml-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}

.grid-item-inner:hover .grid-item-holder .item--overlay {
    opacity: 1;
}

.ct-service-grid3 .grid-item-inner:hover .item--icon i,
.grid-item-inner:hover .item--icon i {
    background-image: none;
    text-fill-color: transparent;
    -o-text-fill-color: #fff;
    -ms-text-fill-color: #fff;
    -moz-text-fill-color: #fff;
    -webkit-text-fill-color: #fff;
}

.grid-item-inner:hover .item--content,
.grid-item-inner:hover .item--title {
    color: #fff;
}

.para-three-service {
    font-weight: 400;
    color: #fff;
    text-align: center;
    font-size: 17px;
    line-height: 30px !important;
    padding: 10px 30px;
}

.inner-three-service {
    height: auto;
    background-size: cover;
    text-align: center;
    padding: 50px 0;
    overflow: hidden;
}

.overlay {
    width: 100%;
    height: 600px;
    position: absolute;
    top: -100px;
    z-index: 0;
}

.over-bg-1 {
    background: #ef0833bf;
}

.over-bg-2 {
    background: #000833bf;
}

.over-bg-3 {
    background: #0060c2bf;
}

.z-index-99 {
    position: relative;
    z-index: 99;
}

.inner-three-service img {
    width: 17%;
}

.heading-service {
    color: #fff;
    font-weight: 700;
}

.inner-three-service i {
    font-size: 60px;
    color: #fff;
}

.inner-three-service:nth-child(1) {
    background-image: url(../images/home/creative-web-designs-bg.jpg);
}

.inner-three-service:nth-child(2) {
    background-image: url(../images/home/coding-usability.svg);
}

.inner-three-service:nth-child(3) {
    background-image: url(../images/home/be-first.jpg);
}

.accordion-style3 .panel .panel-heading {
    background: #000;
    color: #fff;
    border-radius: 0;
    padding: 18px 28px 19px;
}

.text-deep-pink {
    color: #00c96d;
    color: #ff6786;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    text-align: left;
    color: #fff !important;
}

.big-section1 {
    background-color: #f9f9f9;
    padding: 50px 0;
}

.bottom-content {
    padding: 50px 0;
}

.accordion-style2 .panel .panel-heading {
    background: #f1f1f1;
    border-radius: 5px;
    padding: 18px 28px 19px;
    box-shadow: 5px 5px 10px #d3d3d3;
}

.text-extra-dark-gray {
    color: #232323;
}

.bgf {
    background: url(../images/web-development/benefit-sec.svg);
    background-size: cover;
    height: 627px;
    background-position: center;
}

.padding-thirteen-all {
    padding: 13% 13% 5% 13%;
}

.benifits {
    background-color: #f7f7f7;
}

.border {
    border: 1px solid #dee2e6 !important;
}

.tags li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}

.tag3 a {
    font-size: 120%;
    color: #004253;
}

.tag2 a {
    font-weight: 700;
    color: #66aad7;
}

.seo {
    padding: 40px 0;
}

.navbar-nav > li:hover > .dropdown-menu {
    display: block;
    background: #333;
    left: 0;
    width: 270px;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.dropdown-menu > li > a {
    display: block;
    line-height: 26px;
    color: #fff;
}

.fa-mobile:before {
    content: "\f10b";
}

.fa-envelope-o:before {
    content: "\f003";
}

.carousel-caption {
    right: 20%;
    left: 14%;
    top: 31%;
    padding-bottom: 30px;
}

.banner-title {
    font-size: 40px;
    text-transform: uppercase;
}

.carousel-caption p {
    font-size: 18px !important;
}

.mytb {
    padding: 10px 30px 10px 29px;
    text-transform: uppercase;
    margin-top: 2%;
    background: #00c96d;
    border: none;
}

.btn-style-nine:hover .txt {
    color: #fff;
    text-decoration: none !important;
}

a:hover {
    text-decoration: none;
}
.btn-primary:hover {
    color: #00c96d;
    background-color: #fff;
    border-color: #fff;
}
@media (max-width: 768px) {
    .bottom-fixed-contact {
        display: block;
    }

    .top-nav-sec {
        display: none;
    }

    .contact-info a {
        font-size: 13px !important;
    }

    .patern-layer {
        display: none;
    }

    .patern-layer-two {
        display: none;
    }

    .mt {
        height: auto;
    }

    .ct-heading .item--title {
        font-size: 20px !important;
    }

    .navbar-default .navbar-collapse {
        background: #333;
        transition: all 0.2s linear;
        overflow: hidden;
    }

    .banner-title {
        font-size: 18px;
    }
    a.logo img.img-responsive {
        width: 76%;
        margin-top: 16px;
    }
    .navbar-default .navbar-nav > li > a {
        text-align: left;
    }
    .navbar-default .navbar-collapse {
        overflow: scroll;
    }
    section.tech .col-md-2 {
        width: 40%;
        float: left;
    }
}