html {
    scroll-behavior: smooth;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none !important;
}

#t {
    border: none;
}

#t:focus {
    outline: none;
}

.hide-br br {
    display: none;
}

/*Header*/

.testimonial .carousel-item {
    width: 600px !important;
}

.getquot {
    background-color: red;

    margin-top: 0px;

    color: #fff !important;

    display: inline-block;

    text-shadow: 0 0 black;

    padding: 4px 9px !important;
}

.nav-item .getquot:hover {
    color: #fff !important;
}

.HasLeftUL li {
    margin-left: 4%;

    float: left;

    list-style: none;
}

.HasLeftUL li a {
    font-size: 13px;

    margin-right: 10px;
}

.dropdown-item span {
    color: orangered;
}

.nav-heading {
    font-size: 18px !important;

    font-weight: bold;

    color: #004552;
}

/*slide start*/

.bg-theme {
    background-color: #272727;

    color: #fff;
}

.img-r {
    width: 20%;
}

.bs-slider {
    overflow: hidden;

    max-height: 700px;

    position: relative;

    background: #000000;
}

.bs-slider:hover {
    cursor: -moz-grab;

    cursor: -webkit-grab;
}

.bs-slider:active {
    cursor: -moz-grabbing;

    cursor: -webkit-grabbing;
}

.bs-slider .bs-slider-overlay {
    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    /* background-color: rgba(0, 0, 0, 0.40); */
}

.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a > img {
    margin: auto;

    width: 100% !important;
}

/********************

*****Slide effect

**********************/

.fade {
    opacity: 1;
}

.fade .item {
    top: 0;

    z-index: 1;

    opacity: 0;

    width: 100%;

    position: absolute;

    left: 0 !important;

    display: block !important;

    -webkit-transition: opacity ease-in-out 1s;

    -moz-transition: opacity ease-in-out 1s;

    -ms-transition: opacity ease-in-out 1s;

    -o-transition: opacity ease-in-out 1s;

    transition: opacity ease-in-out 1s;
}

.fade .item:first-child {
    top: auto;

    position: relative;
}

.fade .item.active {
    opacity: 1;

    z-index: 2;

    -webkit-transition: opacity ease-in-out 1s;

    -moz-transition: opacity ease-in-out 1s;

    -ms-transition: opacity ease-in-out 1s;

    -o-transition: opacity ease-in-out 1s;

    transition: opacity ease-in-out 1s;
}

/*---------- LEFT/RIGHT ROUND CONTROL ----------*/

.control-round .carousel-control {
    top: 39%;

    opacity: 0;

    width: 45px;

    height: 45px;

    padding-left: 16px;

    z-index: 100;

    color: #ffffff;

    display: block;

    font-size: 24px;

    cursor: pointer;

    overflow: hidden;

    line-height: 43px;

    text-shadow: none;

    position: absolute;

    font-weight: normal;

    background: transparent;

    -webkit-border-radius: 100px;

    border-radius: 100px;
}

.control-round:hover .carousel-control {
    opacity: 1;
}

.control-round .carousel-control.left {
    left: 1%;
}

.control-round .carousel-control.right {
    right: 1%;
}

.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover {
    color: #fdfdfd;

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

    border: 0px transparent;
}

.control-round .carousel-control.left > span:nth-child(1) {
    left: 45%;
}

.control-round .carousel-control.right > span:nth-child(1) {
    right: 45%;
}

/*---------- INDICATORS CONTROL ----------*/

.indicators-line > .carousel-indicators {
    right: 45%;

    bottom: 3%;

    left: auto;

    width: 90%;

    height: 20px;

    font-size: 0;

    overflow-x: auto;

    text-align: right;

    overflow-y: hidden;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 1px;

    white-space: nowrap;
}

.indicators-line > .carousel-indicators li {
    padding: 0;

    width: 15px;

    height: 15px;

    border: 1px solid rgb(158, 158, 158);

    text-indent: 0;

    overflow: hidden;

    text-align: left;

    position: relative;

    letter-spacing: 1px;

    background: rgb(158, 158, 158);

    -webkit-font-smoothing: antialiased;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    margin-right: 5px;

    -webkit-transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);

    transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);

    z-index: 10;

    cursor: pointer;
}

.indicators-line > .carousel-indicators li:last-child {
    margin-right: 0;
}

.indicators-line > .carousel-indicators .active {
    margin: 1px 5px 1px 1px;

    box-shadow: 0 0 0 2px #fff;

    background-color: transparent;

    position: relative;

    -webkit-transition: box-shadow 0.3s ease;

    -moz-transition: box-shadow 0.3s ease;

    -o-transition: box-shadow 0.3s ease;

    transition: box-shadow 0.3s ease;

    -webkit-transition: background-color 0.3s ease;

    -moz-transition: background-color 0.3s ease;

    -o-transition: background-color 0.3s ease;

    transition: background-color 0.3s ease;
}

.indicators-line > .carousel-indicators .active:before {
    transform: scale(0.5);

    background-color: #fff;

    content: "";

    position: absolute;

    left: -1px;

    top: -1px;

    width: 15px;

    height: 15px;

    border-radius: 50%;

    -webkit-transition: background-color 0.3s ease;

    -moz-transition: background-color 0.3s ease;

    -o-transition: background-color 0.3s ease;

    transition: background-color 0.3s ease;
}

/*---------- SLIDE CAPTION ----------*/

.slide_style_left {
    text-align: left !important;
}

.slide_style_right {
    text-align: right !important;
}

.slide_style_center {
    text-align: center !important;
}

.slide-text {
    left: 0%;

    top: 18%;

    right: 0;

    margin: auto;

    padding: 10px;

    position: absolute;

    text-align: left;

    padding: 10px 85px;
}

.slide-text > .slideHeading {
    text-shadow: 2px 0px 2px black;

    padding: 0;

    color: #ffffff;

    font-size: 60px;

    font-style: normal;

    line-height: 30px;

    margin-bottom: 20px;

    letter-spacing: 1px;

    display: inline-block;

    -webkit-animation-delay: 0.7s;

    animation-delay: 0.7s;
}

.slide-text > p {
    text-shadow: 2px 0px 2px black;

    padding: 0;

    color: #ffffff;

    font-size: 20px;

    line-height: 24px;

    font-weight: 300;

    margin-bottom: 20px;

    letter-spacing: 1px;

    -webkit-animation-delay: 1.1s;

    animation-delay: 1.1s;
}

.slide-text > a.btn-default {
    color: #000;

    background-color: #e2e2e2;

    font-weight: 400;

    font-size: 13px;

    line-height: 15px;

    margin-right: 10px;

    text-align: center;

    padding: 10px 30px;

    white-space: nowrap;

    letter-spacing: 1px;

    display: inline-block;

    border: none;

    text-transform: uppercase;

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.slide-text > a.btn-primary {
    color: #ffffff;

    cursor: pointer;

    font-weight: 400;

    font-size: 13px;

    line-height: 15px;

    margin-left: 10px;

    text-align: center;

    padding: 17px 30px;

    white-space: nowrap;

    letter-spacing: 1px;

    background: #00bfff;

    display: inline-block;

    text-decoration: none;

    text-transform: uppercase;

    border: none;

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.slide-text > a:hover,
.slide-text > a:active {
    color: #ffffff;

    background: #222222;

    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;

    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}

/* ads page  */

.tb-column-inner-card {
    box-shadow: 1px 1px 7px 2px grey;

    margin-top: 33px;

    background-color: white;
}

.table-package-ff {
    font-size: 1.2rem;

    padding: 11px 8px;

    border-bottom: 1px solid #aba3a3;
}

.tb_text_wrap {
    text-align: center;
}

.tb_text_wrap .h3 {
    background-color: #000c52;

    color: white;

    padding: 5px;
}

.tb_text_wrap .h4 {
    font-weight: bold;
}

.tb_text_wrap span {
    display: block;

    color: #f57d41;
}

.tb_text_wrap .amount {
    color: #ffffff;

    font-weight: bold;

    margin: 13px 0px;

    padding: 7px 0px;

    background-color: #921616;
}

.tb_text_wrap .plus {
    color: #f57d41;

    padding: 1px 7px;

    border-radius: 100px;

    display: initial;

    background-color: black;
}

.tb_text_wrap .extra {
    padding: 7px 0px;

    margin: 13px 0px;

    color: #ffffff;

    background-color: #1f442f;
}

.mt-pp {
    margin-top: 72px;
}

.ico-ads-ff {
    width: 120px;
}

.enq-pp-btn {
    animation: adsbgBlink 0.5s infinite;
}

@keyframes adsbgBlink {
    0% {
        background-color: red;
    }

    100% {
        background-color: rgb(14 158 56);
    }
}

.manage-height-1 {
    margin-top: 449px;
}

.manage-height-2 {
    margin-top: 542px;
}

.wtp-ads-instant {
    width: 21px;
}

.website-package-ffads {
    padding-top: 43px;

    background-color: #e0ece9;
}

.website-package-ffads h2 {
    font-weight: bold;
}

/*------------------------------------------------------*/

/* RESPONSIVE

/*------------------------------------------------------*/

@media (max-width: 991px) {
    .slide-text > .slideHeading {
        font-size: 12px;

        line-height: 12px;

        margin-bottom: 20px;
    }

    .slide-text > p {
        font-size: 12px;
    }
    .testimonial .carousel-item {
        width: 350px !important;
    }
}

/* desktop  */

@media (min-width: 768px) and (max-width: 1024px) {
    .count-text {
        font-size: 14px;
    }

    .HasLeftUL li {
        width: 40%;
    }

    .static-web h4,
    .dynamic-web h4,
    .e-commerce-web h4,
    .package-4-web h4,
    .package-5-web h4,
    .package-6-web h4 {
        font-size: 1.4rem !important;
    }
}
@media (min-width: 768px)  {
    .border-right-custom
    {
        border-right: 1px solid #dee2e6!important;
    }
}

/*---------- MEDIA 480px ----------*/

@media (max-width: 768px) {
    .slide-text {
        padding: 10px 50px;
    }

    .m-hide {
        display: none;
    }

    .manage-height-1 {
        margin-top: 0px;
    }

    .manage-height-2 {
        margin-top: 0px;
    }

    .headingProhect {
        font-size: 2rem !important;

        line-height: 44px !important;

        text-align: center;

        position: absolute;

        margin-top: 35px !important;

        color: #fff;
    }

    .subHeadingProject {
        font-size: 2rem !important;

        line-height: 44px !important;

        text-align: center;

        position: absolute;

        margin-top: 76px !important;

        color: #fff;
    }

    .getquot {
        background-color: red;

        margin-top: 9px;

        width: 113px;

        color: #fff !important;

        display: inline-block;

        text-shadow: 0 0 black;

        padding: 4px 9px !important;
    }

    .get-quote-btn {
        position: absolute;

        width: 79px;

        font-size: 12px;
    }

    .slide-text > .slideHeading {
        font-size: 8px;

        line-height: 8px;

        margin-bottom: 10px;
    }

    .slide-text > p {
        font-size: 14px;

        line-height: 20px;

        margin-bottom: 20px;
    }

    .control-round .carousel-control {
        display: none;
    }
}

@media (max-width: 480px) {
    .slide-text {
        padding: 10px 30px;
    }

    .slide-text > .slideHeading {
        font-size: 8px;

        line-height: 12px;

        margin-bottom: 5px;
    }

    .slide-text > p {
        font-size: 8px;

        line-height: 12px;

        margin-bottom: 10px;
    }

    .slide-text > a.btn-default,
    .slide-text > a.btn-primary {
        font-size: 10px;

        line-height: 12px;

        margin-right: 10px;

        text-align: center;

        padding: 5px 15px;
    }

    .indicators-line > .carousel-indicators {
        display: none;
    }
}

/*slide end*/

/*footer*/

.footer-area {
    background: #000000;
}

.footer-area small,
.footer-area p,
.footer-area a {
    color: #fff;
}

.footer-area a:hover {
    color: #fff;
}

.section-padding {
    padding: 45px 0;
}

.footer-text {
    font-size: 14px;
}

.footer-text a,
.footer-text i {
    color: #ff9907;
}

.footer-area h6 {
    color: #fff;

    margin-bottom: 25px;

    font-size: 18px;

    font-weight: 600;
}

.single-footer-widget .form-inline {
    display: inline-block;

    width: 100%;
}

.single-footer-widget input {
    border: none;

    width: 80% !important;

    font-weight: 300;

    background: #191919;

    color: #555555;

    padding-left: 20px;

    border-radius: 0;

    font-size: 14px;
}

.single-footer-widget input:focus {
    outline: none;

    box-shadow: none !important;
}

.single-footer-widget .click-btn {
    background: #ff9907;

    color: #222;

    border-radius: 0;

    border-top-left-radius: 0px;

    border-bottom-left-radius: 0px;

    padding: 6px 12px;

    border: 0;
}

.single-footer-widget .click-btn i,
.single-footer-widget .click-btn span {
    font-weight: 600;
}

.lnr {
    font-family: "Linearicons-Free";

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;
}

.single-footer-widget input {
    border: none;

    width: 80% !important;

    font-weight: 300;

    background: #191919;

    color: #555555;

    padding-left: 20px;

    border-radius: 0;

    font-size: 14px;
}

.instafeed {
    margin: -5px;
}

.instafeed li {
    overflow: hidden;

    width: 25%;
}

.instafeed li img {
    margin: 5px;
}

.footer-social a {
    padding-right: 25px;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;
}

.footer-social i {
    color: #555555;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;
}

.footer-link {
    width: 100%;

    margin-top: 10px;

    font-size: 14px;
}

.footer_outer a {
    text-decoration: none;

    color: white;
}

.footer_outer h5 {
    margin: 13px 0px;

    text-shadow: 2px 0px 2px black;
}

@media screen and (max-width: 768px) {
    .footer_outer h5 {
        text-align: center;
    }
}

/*OUR SERVICES*/
.ser-col {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
    margin-bottom: 0;
    height: 100%;
}
.ser-col .icon {
    width: 90px;
    height: 90px;
    padding-top: 8px;
    position: absolute;
    background-color: #ffffff;
    border-radius: 50%;
    text-align: center;
    border: 5px solid #696bff;
    left: calc(50% - 45px);
    bottom: -30px;
    transition: 0.3s;
}
#services .img {
    position: relative;
    border-radius: 4px 4px 0px 0px;
}
#services .img img {
    border-radius: 4px 4px 0px 0px;
}
#services .ser-col .icon:hover {
    border-color: #fff;
}

#services .icon {
    float: left;
}
#services .ser-col .img .icon img {
    border-radius: 4px 4px 0 0;
    line-height: 90px;
    padding: 15px 0;
    max-width: 42px;
}

#services .ser-col h2 {
    color: #000 !important;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    padding: 0px 5px;
    margin: 40px 0 12px 0;
}
#services .ser-col h2 a {
    color: #436ebd !important;
}
#services .ser-col p {
    font-size: 16px;
    line-height: 24px;
    font-family: "roboto", sans-serif;
    color: #333;
    margin-bottom: 0;
    padding: 0 20px 20px 20px;
}

.icon {
    margin: 0 auto;

    color: #f57d41;

    padding: 20px;

    width: 74px;

    border: 3px solid #f57d41;
}

.box-services {
    background-color: white;

    color: #000;
}

.box-services:hover {
    background-color: #002258;

    color: #fff;
}

/*AMAZING FEATURES*/

.am-feature {
    color: #fff;

    background-image: linear-gradient(rgb(65 112 245 / 91%), rgb(29 13 5 / 92%)),
        url(../images/imgbg.png);

    background-position: 0% -0.8px, 0%;

    background-attachment: fixed;
}

/*OUR PROCESS*/

.ourProcess {
    margin-top: -74px;

    color: #000;
}

.ourProcess p {
    font-size: 14px;
}

.head-co {
    margin-top: 5px;

    color: #0014ff;

    font-size: 22px;
}

.icon-round {
    display: block;

    width: 110px;

    padding: 35px;

    color: #fff;

    background-color: #050396;

    border-radius: 50%;

    text-align: center;

    border: 3px solid #ffffff;

    box-shadow: 1px 2px 5px 1px #000000;
}

/*countProcess*/

.countProcess {
    background-color: #18252e;

    padding: 40px;

    color: #fff;

    text-align: center;

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

    background-size: cover;
}

/* Testimonial*/

.card-main {
    padding: 50px;

    border-radius: 10px;

    margin-top: 50px;

    margin-bottom: 50px;

    box-shadow: 0px 4px 8px 0px #283593;
}

.card-0 {
    color: #0a0b93;
    font-family: "roboto", sans-serif;
    font-size: 16px;
    background-color: #ffffff;
    position: relative;
    border-radius: 10px;
    height: 320px;
}

.carousel-indicators li {
    cursor: pointer;

    border-radius: 50% !important;

    width: 10px;

    height: 10px;
}

.profile {
    color: #000;

    background-color: #9facff;

    position: absolute;

    top: 17%;

    border-radius: 8px;

    border-top-left-radius: 0px;

    border-bottom-right-radius: 0px;
}

.profile-pic {
    width: 120px;

    height: 120px;

    border-bottom-left-radius: 10px;

    border-top-right-radius: 10px;
}

.open-quotes {
    margin-left: 187px;

    margin-top: 100px;
}

.content {
    margin: auto 0px auto 190px;
}

.content span {
    font-size: 18px;
}
.carousel-indicators li {
    background-color: #8485d8;
}
.carousel-indicators .active {
    background-color: #0a0b93;
}

.close-quotes {
    margin-bottom: 100px;

    margin-right: 60px;
}

@media screen and (max-width: 992px) {
    .card-main {
        padding: 50px 10px;
    }

    .ourProcess {
        margin-top: 0px !important;

        color: #000;
    }

    .icon-round {
        margin: 0 auto;
    }

    .head-co {
        text-align: center;
    }

    .card-0 {
        min-height: 380px;
    }

    .profile {
        width: 157px;
        margin: 10px auto;
        position: initial !important;
    }

    .profile-pic {
        width: 90px;

        height: 90px;
    }

    .open-quotes {
        margin-left: 165px;
    }

    .content {
        text-align: center;
        margin: 0;
    }

    .close-quotes {
        margin-right: 30px;
    }
}

.testimonial {
    background-color: #0a123c;
}

.test-m,
.am-f,
.am-t,
.ser-h,
.ser-t {
    color: #fff;

    text-align: center;

    text-shadow: 2px 2px 2px black;
}

.process-t {
    color: #000;

    text-align: center;

    text-shadow: 2px 2px 2px #b9b3b3;
}

.ourEnq i {
    display: block;

    text-align: center !important;
}

.ourEnq h3 {
    font-family: "Lobster", cursive;

    font-size: 2rem !important;
}

.g-quote {
    font-size: 1rem !important;

    margin: 0 auto !important;

    float: none !important;
}

.footer-area {
    text-align: center;
}

.form-bg-get {
    background-color: #c9e9ff;
}

.open-quotes {
    width: 20px;
}

.contant-heading {
    color: #fb5c00;

    text-align: center;

    text-shadow: 0px 2px 2px black;
}

/* OUR CLIENTS*/

.card-c {
    position: relative;

    display: flex;

    width: 100px;

    flex-direction: column;

    min-width: 0;

    word-wrap: break-word;

    background-color: #fff;

    background-clip: border-box;

    border: 1px solid #d2d2dc;

    border-radius: 11px;

    -webkit-box-shadow: 0px 0px 5px 0px rgb(249, 249, 250);

    -moz-box-shadow: 0px 0px 5px 0px rgba(212, 182, 212, 1);

    box-shadow: 0px 0px 5px 0px rgb(161, 163, 164);
}

.card-c .body-c {
    padding: 1rem 1rem;
}

.body-c {
    flex: 1 1 auto;

    padding: 1.25rem;
}

.logo {
    height: 67px;
}

.items {
    width: 90%;

    margin: 0px auto;
}

.slick-slide {
    margin: 10px;
}

.ourClient {
    background-color: #4d6680;

    padding-bottom: 19px;
}

/*ourEnq*/

.ourEnq {
    padding: 20px;

    color: white;

    background-image: linear-gradient(rgb(0 68 255 / 55%), rgb(29 13 5 / 92%)),
        url(../images/get-quote.jpg);

    background-size: cover;

    background-attachment: fixed;
}

.ourEnq h3 {
    font-family: "Lobster", cursive;

    font-size: 3rem;
}

.ourEnq i {
    font-size: 3rem;

    margin-top: 10px;
}

.ourEnq button {
    font-size: 2rem;

    margin-top: 10px;
}

.g-quote {
    display: block;

    float: right;
}

.map {
    width: 100%;

    height: 350px;

    padding: 6px;

    border: 1px solid #ffd5d5;

    box-shadow: 0px 2px 16px 2px #c8c8c8;
}

.mv {
    width: 100%;

    margin: 0 auto;

    border: 1px solid #e9e9e9;
}

.mv-header {
    padding: 10px;

    text-align: center;

    color: white;
}

.mv-header:after {
    content: "";

    position: absolute;

    width: 0;

    height: 0;

    margin-left: -30px;

    border-left: 28px solid transparent;

    border-right: 28px solid transparent;
}

.mv p {
    margin-top: 57px;

    margin-bottom: 50px;
}

.mv-footer {
    padding: 13px;

    border-top-right-radius: 9px;

    border-top-left-radius: 9px;
}

.mv-icon-footer {
    position: relative;

    width: 80px;

    height: 79px;

    text-align: center;

    padding-top: 21px;

    font-size: 3rem;

    border-radius: 50px;

    z-index: 1;

    margin: -52px auto;

    color: white;
}

/* Color  */

.val-header {
    background-color: #90cf04;
}

.val-header:after {
    border-top: 27px solid #90cf04;
}

.val-footer {
    width: 100%;

    background-color: #90cf04;
}

.val-icon-footer {
    background-color: #6b9b04;
}

/* mission */

.m-header {
    background-color: #fcaa18;
}

.m-header:after {
    border-top: 27px solid #fcaa18;
}

.m-footer {
    width: 100%;

    background-color: #fcaa18;
}

.m-icon-footer {
    background-color: #d38100;
}

/* vision */

.v-header {
    background-color: #159893;
}

.v-header:after {
    border-top: 27px solid#159893;
}

.v-footer {
    width: 107%;

    background-color: #159893;
}

.v-icon-footer {
    background-color: #12706f;
}

.mv-heading {
    background-color: #21345b;

    padding: 3px 35px;

    color: #fff;

    border-top-right-radius: 50px;

    display: inline-block;

    box-shadow: 1px 3px 4px 0px black;
}

.mv-heading h1,
.why-heading h1 {
    font-size: 1.5rem;
}

.why-heading {
    background: url(../images/why_bg.png);

    background-repeat: no-repeat;

    background-color: #21345b;

    padding: 49px 35px;

    color: #fff;

    text-align: center;

    border-bottom-right-radius: 50px;

    border-bottom-left-radius: 50px;

    box-shadow: 1px 3px 4px 0px black;
}

.corp-list li {
    list-style: none;
}

.corp-list li:before {
    background: url(../images/greencheck-new.png) no-repeat;

    content: "";

    display: inline-block;

    height: 20px;

    margin-right: 10px;

    vertical-align: middle;

    width: 20px;
}

.informative-web {
    padding: 125px;

    color: #fff;

    margin: 0;

    position: relative;

    text-align: center;

    background: url(../images/informative-website.jpg) no-repeat;
}

.informative-web:after {
    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0.7;

    background-image: linear-gradient(120deg, #ff0000, #33d0ff);
}

.payment-getway {
    padding: 125px;

    color: #fff;

    margin: 0;

    text-align: center;

    background: url(../images/payment.jpg) no-repeat;

    background-size: cover;
}

.payment-form {
    padding: 24px;

    background-color: #00000061;

    border-radius: 10px;
}

.page-head {
    position: relative;

    z-index: 9;

    color: #fff;

    text-shadow: 1px 3px 1px black;

    font-family: "Abril Fatface", cursive;
}

.get-quote-btn {
    padding: 2px;

    background-color: blue;

    color: white;

    margin-top: 2px;
}

.page-title {
    font-family: "Abril Fatface", cursive;
}

.port-folio1 {
    color: #fff;

    margin: 0;

    width: 100%;

    border-radius: 2px;

    text-align: center;

    background-size: cover;

    transition-delay: 0.5s;
}

.prtgetq {
    position: absolute;

    right: 15px;

    width: 159px;

    text-align: right;

    margin-top: -13px;

    padding: 13px 17px;

    box-shadow: 1px 1px 1px 1px #32383e;

    border-bottom-right-radius: 6px;

    background-color: #e20000;

    cursor: pointer;

    animation: bgBlink 1s infinite;
}

.p-card {
    box-shadow: 0px 0px 4px 1px black;
    background-color: #5d62d5;
}

.blinkSlash {
    position: absolute;

    left: 14px;

    animation: alternet 1s infinite;
}

@keyframes bgBlink {
    0% {
        background-color: #28923a;
    }
    100% {
        background-color: rgb(4 210 178);
    }
}

@keyframes alternet {
    0% {
        margin-left: -5px;
    }

    100% {
        margin-left: 5px;
    }
}

.port-folio1 img:hover {
    filter: grayscale(50%);
}

.prtf-close {
    position: relative !important;

    top: 0px !important;
}

.my-dream {
    padding-bottom: 90px;

    background: url(../images/dream-project.png) no-repeat;

    background-size: cover;
}

.dream-pp-footer {
    padding: 10px;

    padding-top: 50px;

    padding-bottom: 50px;

    background-color: #c2cbff;
}

.headingProhect {
    font-size: 3rem;

    text-align: center;

    line-height: 67px;

    position: absolute;

    margin-top: 40px;

    color: #fff;

    overflow: hidden; /* Ensures the content is not revealed until the animation */

    border-right: 0.15em solid orange; /* The typwriter cursor */

    white-space: nowrap; /* Keeps the content on a single line */

    letter-spacing: 0.15em; /* Adjust as needed */

    animation: typing 5.5s infinite;
}

.subHeadingProject {
    font-size: 3rem;

    text-align: center;

    line-height: 67px;

    position: absolute;

    margin-top: 107px;

    color: #fff;

    overflow: hidden; /* Ensures the content is not revealed until the animation */

    border-right: 0.15em solid orange; /* The typwriter cursor */

    white-space: nowrap; /* Keeps the content on a single line */

    letter-spacing: 0.15em; /* Adjust as needed */

    animation: typing 5.5s infinite;
}

/* The typing effect */

@keyframes typing {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

/* The typewriter cursor effect */

@keyframes blink-caret {
    from,
    to {
        border-color: transparent;
    }

    50% {
        border-color: orange;
    }
}

/* ecommerce */

.ecommerce-web {
    padding: 125px;

    color: #fff;

    position: relative;

    margin: 0;

    text-align: center;

    background: url(../images/e-commerce.jpg) no-repeat;

    background-size: cover;
}

.ecommerce-web:after {
    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0.7;

    background-image: linear-gradient(120deg, #ff0000, #33d0ff);
}

/* blogging */

.blogging-web {
    padding: 125px;

    color: #fff;

    margin: 0;

    position: relative;

    text-align: center;

    background: url(../images/bloggig-header.png) no-repeat;

    background-size: cover;
}

.blogging-web:after {
    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0.7;

    background-image: linear-gradient(120deg, #ff0000, #33d0ff);
}

/* classified */

.classified-web {
    color: #fff;

    margin: 0;

    position: relative;

    text-align: center;

    background: url(../images/bloggig-header.png) no-repeat;

    background-size: cover;
}

.classified-web:after {
    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0.7;

    background-image: linear-gradient(120deg, #0075ff, #000000);
}

.classified-web h1 {
    margin-top: 103px;
}

.why-choose-ec {
    color: #fff;

    padding: 25px;

    background-color: #576b86;
}

.img-classified {
    width: 50%;

    position: relative;

    z-index: 9;
}

.blog__slide__img {
    justify-content: center;
    height: 210px;
    display: flex;
    align-items: center;
}

.img-thumb-blog {
    width: 300px !important;
}

/* metrimonial */

.default-header-web {
    color: #fff;

    margin: 0;

    padding-top: 91px;

    text-align: center;

    background: url(../images/countBg.jpg) no-repeat;

    background-attachment: fixed;

    background-size: cover;
}

.default-head {
    position: relative;

    z-index: 9;

    font-size: 3rem;
}

.metrimonial-web {
    color: #fff;

    margin: 0;

    position: relative;

    padding-top: 91px;

    text-align: center;

    background: url(../images/weading-top-banner.jpg) no-repeat;

    background-attachment: fixed;

    background-size: cover;
}

.metrimonial-web:after {
    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0.7;

    background-image: linear-gradient(120deg, #000000, #320002);
}

.img-metrimonial {
    position: relative;

    z-index: 9;

    margin-top: 40px;
}

.motrimonial-head {
    position: relative;

    z-index: 9;

    margin-top: 100px;

    font-size: 3rem;

    font-family: "Lobster", cursive;
}

.matrimonial-f-bg {
    padding: 52px 0px;

    background-image: linear-gradient(rgb(0 0 0 / 68%), rgb(29 13 5 / 92%)),
        url(../images/weading-banner.jpg);

    background-size: cover;

    background-position: 0% -0.8px, 0%;

    background-attachment: fixed;
}

.default-f-bg {
    padding: 52px 0px;

    background-image: linear-gradient(rgb(0 0 0 / 68%), rgb(29 13 5 / 92%)),
        url(../images/get-quote.jpg);

    background-size: cover;

    background-position: 0% -0.8px, 0%;

    background-attachment: fixed;
}

.matrimonial-f-bg h3 {
    color: #fff500;

    text-shadow: 1px 1px 1px black;

    font-size: 4rem;

    margin-bottom: 67px;

    font-family: "Lobster", cursive;

    text-align: center;
}

.matrimonial-f-bg h4 {
    text-shadow: 1px 1px 1px black;
}

.matrimonial-f-bg li {
    line-height: 34px;
}

/* Mobile view  */

@media (max-width: 767.98px) {
    .matrimonial-f-bg {
        background-image: linear-gradient(
                rgb(65 112 245 / 35%),
                rgb(29 13 5 / 92%)
            ),
            url(../images/weading-banner-mob.jpg) !important;
    }

    .matrimonial-f-bg h3 {
        font-size: 2rem;
    }
}

/* Food delivery */

.food-d-f {
    padding: 20px;

    background-color: #80808066;
}

.food-d-f h4 {
    color: #ffae00;
}

.starter {
    background-color: #0f6bc1;

    color: #fff;

    border-radius: 5px;

    text-align: center;

    padding: 24px 0px;
}

.silver {
    background-color: #072c4d;

    color: #fff;

    border-radius: 5px;

    text-align: center;

    border: 1px solid white;

    padding: 24px 0px;
}

.gold {
    background-color: #133b61;

    color: #fff;

    border-radius: 5px;

    border: 1px solid white;

    text-align: center;

    padding: 24px 0px;
}

.bronze {
    background-color: #012750;

    color: #fff;

    border-radius: 5px;

    text-align: center;

    padding: 38px 0px;
}

.bg-gg {
    background-color: #efefef;
}

.mybg1 {
    background-color: #ffffff;

    border-bottom: 1px solid #848a88;
}

.mybg2 {
    background-color: #dadada;

    border-bottom: 1px solid #848a88;
}

.mybg3 {
    background-color: #ebebeb;

    border-bottom: 1px solid #848a88;
}

.outer-ppc {
    height: 216px;
}

.static-web {
    text-align: center;

    color: #fff;

    padding: 10px;

    background-color: #72d218;

    height: 176px;

    position: sticky;

    position: -webkit-sticky;

    box-shadow: 0px 3px 6px 2px black;

    justify-content: center;

    top: 66px;

    z-index: 9;
}

.static-web h4 {
    margin-top: 22px;

    text-shadow: 1px 1px 1px black;

    font-size: 2rem;
}

.static-web-li i {
    color: #72d218;

    margin-right: 12px;
}

.dynamic-web {
    text-align: center;

    color: #fff;

    padding: 10px;

    background-color: #15b8f3;

    height: 176px;

    position: sticky;

    position: -webkit-sticky;

    box-shadow: 0px 3px 6px 2px black;

    justify-content: center;

    top: 66px;

    z-index: 9;
}

.dynamic-web h4 {
    margin-top: 22px;

    text-shadow: 1px 1px 1px black;

    font-size: 2rem;
}

.dynamic-web-li i {
    color: #15b8f3;

    margin-right: 12px;
}

.e-commerce-web {
    text-align: center;

    color: #fff;

    padding: 10px;

    background-color: #f03c79;

    height: 176px;

    position: sticky;

    position: -webkit-sticky;

    box-shadow: 0px 3px 6px 2px black;

    justify-content: center;

    top: 66px;

    z-index: 9;
}

.e-commerce-web h4 {
    margin-top: 22px;

    text-shadow: 1px 1px 1px black;

    font-size: 2rem;
}

.e-commerce-web-li i {
    color: #f03c79;

    margin-right: 12px;
}

.package-4-web {
    text-align: center;

    color: #fff;

    padding: 10px;

    background-color: #00bfb1;

    height: 176px;

    position: sticky;

    position: -webkit-sticky;

    box-shadow: 0px 3px 6px 2px black;

    justify-content: center;

    top: 66px;

    z-index: 9;
}

.package-4-web h4 {
    margin-top: 22px;

    text-shadow: 1px 1px 1px black;

    font-size: 2rem;
}

.package-4-web-li i {
    color: #00bfb1;

    margin-right: 12px;
}

.package-5-web {
    text-align: center;

    color: #fff;

    padding: 10px;

    background-color: #004abf;

    height: 176px;

    position: sticky;

    position: -webkit-sticky;

    box-shadow: 0px 3px 6px 2px black;

    justify-content: center;

    top: 66px;

    z-index: 9;
}

.package-5-web h4 {
    margin-top: 22px;

    text-shadow: 1px 1px 1px black;

    font-size: 2rem;
}

.package-5-web-li i {
    color: #004abf;

    margin-right: 12px;
}

.package-6-web {
    text-align: center;

    color: #fff;

    padding: 10px;

    background-color: #b600bf;

    height: 176px;

    position: sticky;

    position: -webkit-sticky;

    box-shadow: 0px 3px 6px 2px black;

    justify-content: center;

    top: 66px;

    z-index: 9;
}

.package-6-web h4 {
    margin-top: 22px;

    text-shadow: 1px 1px 1px black;

    font-size: 2rem;
}

.package-6-web-li i {
    color: #b600bf;

    margin-right: 12px;
}

/* Input focus */

input:focus {
    background-color: #002302 !important;

    color: #fff !important;
}

input:focus::placeholder {
    color: #fff !important;
}

.z-9 {
    z-index: 9;
}

.wtp-chat {
    position: fixed;

    bottom: 43px;

    left: 0;

    z-index: 99;
}

.wtp-chat span {
    display: block;

    position: absolute;

    margin-top: -30px;

    z-index: -1;

    background: #27b033;

    padding: 4px 8px 4px 8px;

    margin-left: 15px;

    font-size: 20px;

    border-radius: 20px;

    color: white;

    width: 119px;

    animation: blink 0.5s infinite;
}

@keyframes blink {
    0% {
        color: white;
    }

    50% {
        color: #ff0000;
    }

    100% {
        color: yellow;
    }
}

.wtp-chat img {
    z-index: 999;

    width: 50px;
}

/* our clint increase size */

.card-c {
    width: 160px !important;
}

.logo {
    height: 135px;
}

.slick-list {
    height: 190px;
}

/*mobile footer*/

.mobile-f {
    display: none;

    width: 100%;

    left: 0;

    text-align: center;

    background-color: #a71e22;

    position: fixed;

    bottom: 0;

    z-index: 99;

    padding: 4px;

    box-shadow: 10px 1px 12px 6px black;
}

.mobile-f a {
    color: #fff;
}

.mobile-f img {
    width: 34px;
}

.form-inner h2 {
    color: #efff00;
}

/*media query*/

@media (max-width: 767px) {
    .form-outer {
        position: relative !important;

        top: 18px !important;

        margin-bottom: 39px !important;

        right: 0% !important;
    }

    .mobile-f {
        display: block;
    }

    .my-dream {
        padding-bottom: 417px !important;
    }

    .mm-project {
        margin-top: -260px !important;
    }
}

/*for i-pad*/

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .form-outer {
        position: absolute;

        top: 9% !important;

        right: 0% !important;
    }

    .mobile-f {
        display: block;
    }
}

.col-text-fq {
    display: inherit;

    width: 100%;

    text-align: left;

    font-size: 15px;

    cursor: pointer;
}