@media(min-width:768px){
    .footer-row2 .navbar-brand {
        margin-top: 6px !important;
        margin-bottom: 0px !important;
    }
}


.about-sec-rpb {
    background-color: #fff;
}

.otherinfo,
.social-media-profile {
    margin: 20px 0 0;
}


.sub-menu-section {
    margin-top: 5px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 10px 10px rgb(0 0 0 / 30%);
    border-bottom: 2px solid #24c3ff;
}

.sub-menu-column .menuheading {
    color: #050748;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .2px;
    margin: 0px 0 8px;
    padding: 0 0 10px;
    border-bottom: 1px solid #dadada;
}

.sub-menu-column ul li {
    margin: 0;
    padding: 0;
}

.sub-menu-column ul li a {
    font-size: 14px;
    font-weight: 500;
}

.link-hover a {
    padding: 1px 0;
}


/* ==== Popup Madal ==== */

@media (min-width: 576px) {
    
    .modal-dialog {
        max-width: 695px !important;
        margin: 1.75rem auto;
    }
}

input#myFile {
    width: auto;
    height: auto;
    color: #222;
    padding: inherit;
    background: none;
    box-shadow: none;
    line-height: 30px;
    border: none !important;
}

input#myFile:hover {
    color: #222;
}


/* ---=== About Page  ==== */

#myCanvasContainer {
    position: relative;
    min-height: 700px;
}

#myCanvasContainer img {
    display: block;
    margin-top: 80px;
    margin-left: 34px;
}

.cloud-img img {
    display: none!important;
}

#myCanvasContainer canvas {
    cursor: default !important;
    vertical-align: middle;
}

#myCanvasContainer canvas {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

#tags ul {
    display: none;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

::-webkit-scrollbar-thumb {
    background-image: -webkit-linear-gradient( 45deg, #ffbd84, #f15c22);
    background-image: -o-linear-gradient(45deg, #ffbd84, #f15c22);
    background-image: linear-gradient( 45deg, #ffbd84, #f15c22);
}

.breadcrumb-area:before,
.breadcrumb-areav2:before {
    opacity: .85;
    left: 0;
    z-index: 0;
    background: -moz-linear-gradient(-45deg, #ffa583 0, #050748 100%);
    background: -webkit-linear-gradient( -45deg, #ffa583 0, #050748 100%);
    background: linear-gradient( 135deg, #ffa583 0, #050748 100%);
}

.breadcrumb-area .bread-menu li a {
    color: #fff;
}

.breadcrumb-area .bread-menu li+li::before {
    color: #fff;
}

.bread-titlev2 h1,
.bread-title h2,
.bread-titlev2 p {
    color: #fff;
}

.filters .filter-menu li.is-checked {
    background: #f15c22;
}

.filters .filter-menu li {
    background: #ffa886;
}

.footer-row2 {
    background-color: #050748;
    color: #dee2e6;
}

.footer-address-list li {
    color: #dee2e6;
}

.footer-address-list li a {
    color: #dee2e6;
}


/* .bg-gradient6 {
    background: #050748;
    background: -moz-linear-gradient(top,#050748 0,#fff4f4 100%);
    background: -webkit-linear-gradient(top,#050748 0,#fff4f4 100%);
    background: linear-gradient(to bottom,#050748 0,#fff4f4 100%);
}
.common-heading.ptag h2 {
    margin-bottom: 15px;
    color: #fff;
}
.common-heading.ptag p {
    color: #fff;
}


.s-block {
    background: top right no-repeat #f8f9fa;
}

.featured-project {
    background: #050748;
    background: -moz-linear-gradient(top,#050748 0,#fffdf6 100%);
    background: -webkit-linear-gradient(top,#050748 0,#fffdf6 100%);
    background: linear-gradient(to bottom,#050748 0,#fffdf6 100%);
}
.isotope_item h4 a, .portfolio-item-info h3 a, .work-card p {
    color: #fff;
}
.isotope_item p {
    color: #f8f9fa;
}
.bg-gradient7 {
    background: #050748;
    background: -moz-linear-gradient(top,#fff4f4 0,#050748 100%);
    background: -webkit-linear-gradient(top,#fff4f4 0,#050748 100%);
    background: linear-gradient(to bottom,#fff4f4 0,#050748 100%);
}
.-cta-btn p {
    font-size: 30px;
    color: #fff;
}
.enquire-form {
    background: #050748;
    background: -moz-linear-gradient(top,#fffdf6 0,#050748 100%);
    background: -webkit-linear-gradient(top,#fffdf6 0,#050748 100%);
    background: linear-gradient(to bottom,#fffdf6 0,#050748 100%);
} */


/* Home Service */

.service-sec-list h5 a {
    color: #050748;
}

.service-sec-list h5 a:hover {
    color: #f15c22;
}

.form-block input:focus,
.form-block textarea:focus {
    border-bottom: 2px solid #f15c22;
}

section.mini-contact-sec.pb80.pt80 {
    background-color: #050748 !important;
    color: #fff;
}

.single-blog- .content .title a {
    color: #dee2e6;
}

.single-blog- .content .title a:hover {
    color: #f15c22;
}

.bg-btn2 {
    background: #f15c22;
}

.bg-btn {
    background: #ffbd84;
    background: -moz-linear-gradient(left, #ffbd84 0, #f15c22 100%);
    background: -webkit-linear-gradient(left, #ffbd84 0, #f15c22 100%);
    background: linear-gradient(to right, #ffbd84 0, #f15c22 100%);
    -webkit-box-shadow: 0 10px 15px 0 rgb(241 92 34 / 24%);
    box-shadow: 0 10px 15px 0 rgb(241 92 34 / 24%);
}

.bg-gradient {
    /* background: linear-gradient(45deg,#4a0079 0,#4202b2 50%,#4400b1 100%); */
    background: linear-gradient( 45deg, #4a0079 0, #4202b2 50%, #17a2b8 100%);
}

.hero-bg-bg1:before {
    -webkit-animation: 2s infinite arrowanim;
}

.statistics-section.bg-gradient {
    background: linear-gradient(to bottom, #c7ecff 0, #f9efff 100%);    position: relative;
}

.header-heading h1,
.hero-heading-sec2 h1 {
    color: #e5e3e2;
    -webkit-text-fill-color: #e5e3e2;
}

.header-heading p {
    color: #e5e3e2;
}

.btn-outline:hover {
    background: #653cb8;
    color: #fff;
    border: 2px solid #653cb8;
}

.nav-bg-b .hc-nav-trigger span,
.nav-bg-b .hc-nav-trigger span::after,
.nav-bg-b .hc-nav-trigger span::before {
    background: #050748;
}

.main-header {
    position: sticky;
    /* background-color: #4301b2; */
    background-color: #fff;
}

.main-header.sticky {
    height: auto !important;
}

.nav-bg-b .custom-nav .nav-list li a.menu-links,
.top-header .navbar .custom-btn:focus,
.top-header .navbar .custom-btn:hover {
    color: #050748 !important;
}

.main-header .custom-nav .nav-list .home::before,
.portfolio::before {
    content: none;
}

.main-header .custom-nav .nav-list .portfolio::before {
    content: none;
}

.header-top {
    padding: 0 30px;
    background-color: #4301b2;
    border-bottom: 1px solid #fff;
}

.sbmenu .sub-menu-column .menuheading a {
    color: #050748;
}

@media only screen and (max-width: 600px) {
    .header-top {
        display: none;
    }
}

.social-top-header {
    padding: 8px 0;
    display: flex;
}

.social-top-header .header-top-social li {
    float: left;
}
.header-top-left .fa-phone-alt:before {
    content: "\f879";
    background: #fff;
    border-radius: 100px;
    padding: 3px;
}
.header-top-left .fa-clock:before {
    content: "\f017";
    background: #fff;
    border-radius: 100px;
    padding: 3px;
}
.social-top-header .header-top-left span {
    /*color: #bcc4d7;*/
    color: #fff;
    font-size: 13px;
    margin-right: 45px;
    line-height: normal;
}

.social-top-header .header-top-left span i {
    color: #ff3614;
    margin-right: 10px;
}
.header-top-social ul li i.fa {
    color: #4301b2;
    width: 20px;
    height: 20px;
    background: #fff;
    padding: 4px;
    border-radius: 100px;
    font-size: 13px;
}

.social-top-header .header-top-social a {
    color: #ffffff;
    text-align: center;
    font-size: 15px;
    margin-left: 12px;
    transition: 0.3s all ease-in-out;
}


/* ==== SLIDER ==== */

.carousel-item {
    /* height: 100vh; */
    min-height: 62vh;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media(min-width:767px){
    
.carousel-caption h2.display-4 {font-weight: 100;font-size: 70px;}

.carousel-caption h1 {text-transform: uppercase;font-size: 50px;font-weight: 800;line-height: 0.6;}

.carousel-caption p{line-height: 1;
    font-size: 17px;
    padding-top: 15px !important;}

.carousel-caption .our-services a {
    color: #050748;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
}

.carousel-caption .our-services .icon i {font-size: 15px;}

.carousel-caption .our-services span.icon {padding-right: 5px;}

.carousel-caption .our-services {
    padding-top: 15px;color: #f15c22;
}

}



.carousel-caption .our-services .icon i {
    color: #f15c22;font-size: 16px;margin-right: 5px;
}
.work-btn {
    display: inline-block;
    width: 100%;
}

.our-services .icon img {
    width: 16px;
}

@media (max-width:768px) {
    .carousel-caption .our-services .icon i {
        font-size: 12px;
        margin-right: 5px;
    }
    .our-services .icon img {
        width: 12px;
    }
    .carousel-item {
        background-size: cover;
        background-position: 75% 20px;
        background-repeat: no-repeat;
        min-height: 212px;
        width: 100%;
        box-shadow: none;
    }
    h2.display-4 {
        font-size: 1.2rem !important;
        font-weight: 500;
    }
    .carousel-caption h1.display-4 {
        font-size: 14px;
    }
    .carousel-caption {
        left: 5% !important;
        width: 50% !important;
        top: 30%;
        padding: 0;
    }
    p.lead {
        display: none;
        font-size: 12px;
        line-height: 1.2;
        padding-top: 3px !important;
    }
    .carousel-caption .our-services {
        margin: 8px 0;
        font-size: 0px;
    }
    .carousel-item button {
        padding: 0px 0 0 0 !important; margin-right: 5px;
    }
    .carousel-item button .lnk {
        padding: 0 12px !important;
        font-size: 10px;
        line-height: 2.4;
        box-shadow: none;
    }
    .carousel-caption .our-services a {
        font-size: 12px;margin-right: 5px;
    }
    .carousel-caption .our-services h1.display-4 {
        font-size: 16px;
    }
    .carousel-caption .our-services .btn-1{
        margin-right:5px;
    }
    .carousel-caption .our-services span.icon {
        display: inline-flex;
        margin-right: 2px;
    }
}

.carousel-caption {
    left: 7%;
    width: 45%;
    bottom: 90px;
}

@media(min-width:768px){
    a.carousel-control-prev {
        left: -35px;
    }
    a.carousel-control-next {
         right: -35px;
    }
}
.carousel-item button {
    display: inline-flex;
    background: none;
    border: 0;
    float: left;
    padding: 25px 10px 25px 0 !important;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.carousel-item button .lnk {
    padding: 0px 35px;
}

.carousel-item button .lnk:hover span.circle {
    top: -10%;
    right: -80px;
}

h2.display-4 {
    font-size: 3rem;
    font-weight: 500;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

p.lead {
    float: left;
    padding-top: 15px;
    color: #2373ae;
    animation-name: slideInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.hero-section {
    height: auto !important;
    padding: 0px !important;
}


/* SYLLABUS */

.syllabus-list ul {
    margin: 0 15px;
    padding: 15px 0;
}

.syllabus-list ul li {
    display: list-item;
    line-height: 1.8;
    list-style-type: square;
}


/* LETS CONNECT */

section.mini-contact-sec.pb80.pt80 {
    background-color: #4301b2;
    color: #fff;
}

section.mini-contact-sec .mb20 {
    color: #fff;
}

section.mini-contact-sec .form-block input,
.form-block textarea {
    background: transparent;
}

section.mini-contact-sec.pb80.pt80 .form-group ::placeholder {
    color: #fff;
}

.work-culture {
    padding: 50px 0;
}

.about-sec-app .common-heading p {
    text-align: justify;
}

.service-card-app p.mt20 {
    text-align: justify;
}

.work-category .common-heading p {
    text-align: justify;
}
.common-heading p {
    color: #6a6a8e !important;
}

.why-choos-lg p {
    text-align: justify;
}

.why-choos-lg .media-body p {
    text-align: justify;
}

.testinomial-section-app .testimonial-card-a .owl-item .testimonial-card p {
    text-align: justify;
}

.footer-row2 .ftr-brand-pp p {
    text-align: justify;
}

footer .navbar-brand img {
    height: 70px;
}

.card {
    margin-bottom: 15px;
    border-radius: 10px;
}

.card img.img-fluid {
    border-radius: 10px;
}

ul.smile_icon_list.left.circle.with_bg {
    padding: 15px 0 !important;
}

.smile_icon_list.circle {
    float: none;
    border: 0;
    width: auto;
    margin: 0;
    cursor: inherit;
}

.smile_icon_list {
    list-style: none!important;
    padding: 0!important;
    margin-left: 0!important;
    margin-right: 0!important;
    margin-bottom: 0!important;
}

.uber-x-round .smile_icon_list li.icon_list_item {
    margin: 0 0 6px!important;
}

.smile_icon_list li.icon_list_item {
    margin: 0 0 0px!important;
}

.smile_icon_list li.icon_list_item {
    padding: 0!important;
    list-style: none!important;
    clear: both!important;
    position: relative!important;
    min-height: 1em!important;
    margin: 0 !important;
    line-height: 100%;
    overflow: visible;
}

.smile_icon_list.with_bg .icon_list_icon {
    font-size: 4px;
    border-width: 3px;
    border-style: solid;
    background: #ffffff;
    color: #ffffff;
    border-color: #e9167a;
    border-radius: 50%;
    overflow: hidden;
}

.smile_icon_list li .icon_list_icon {
    font-size: 24px;
    width: 3em;
    height: 3em;
    line-height: 3em;
    text-align: center;
    float: left;
    background: #fff;
    z-index: 9;
    position: relative;
    -moz-box-sizing: content-box!important;
    -webkit-box-sizing: content-box!important;
    box-sizing: content-box!important;
}

.smile_icon_list.left li .icon_description {
    line-height: 1em;
    font-size: 4px;
}

.smile_icon_list.left li .icon_description {
    margin-left: 3em;
    padding-left: 25px;
    height: 3em;
    vertical-align: middle;
    display: table-cell;
}

#Info-list-wrap-9202 h3 {
    font-size: 16px;
    line-height: 24px;
}

.smile_icon_list li .icon_description .info-list-heading {
    font-size: 17px;
    line-height: 1.846153846;
    margin-top: 0;
    margin-bottom: 0;
    clear: none!important;
}

#Info-list-wrap-9202 .icon_description_text {
    font-size: 13px;
    line-height: 18px;
}

.smile_icon_list li .icon_description div.icon_description_text {
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    font-size: 13px;
    line-height: 18px;
}

.smile_icon_list.left li .icon_list_connector {
    border-right-width: 2px;
    border-right-style: dashed;
    border-color: #e9167a;
    left: 8px;
}

.smile_icon_list li .icon_list_connector {
    height: 100%;
    position: absolute;
    top: .5em;
    z-index: 1;
}


/* ===  Grocery App Features === */

.features .features-content {
    margin-top: 70px;
}

div#Info-box-left,
div#Info-box-right {
    margin-bottom: 35px;
}

.features .aio-icon-box.right-icon {
    display: inline-block;
    width: 100%;
}

.features .right-icon .aio-ibd-block {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.features .right-icon .aio-icon-right {
    display: table-cell;
    vertical-align: top;
    width: 100%;
}

.features .right-icon .aio-icon-description,
.right-icon .aio-icon-header {
    float: right;
    width: 100%;
}

.aio-icon-header+.aio-icon-description {
    margin-top: 10px;
}

.features .aio-icon-description {
    display: block;
    line-height: 1.2;
}

.features h3.aio-icon-title {
    font-size: 18px;
    margin: 0;
    display: block;
    line-height: 1.2em;
}

.features .right-icon .aio-icon-right .aio-icon,
.right-icon .aio-icon-right .aio-icon-img {
    margin-left: 15px;
}

.features .aio-icon-img {
    width: 1em;
    box-sizing: content-box!important;
}

.features .aio-icon-component .aio-icon,
.aio-icon-component .img-icon {
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear;
}

.features .aio-icon-img .img-icon {
    width: 1em;
    max-width: 100%!important;
    border-radius: 0!important;
    box-shadow: none!important;
    display: block;
    font-size: inherit;
}

.features .aio-icon-box.left-icon {
    display: inline-block;
}

.features .aio-icon-left {
    display: table-cell;
    vertical-align: top;
}

.features .aio-ibd-block {
    display: table-cell;
    vertical-align: middle;
}

.features .left-icon .aio-icon-left .aio-icon,
.features .left-icon .aio-icon-left .aio-icon-img {
    margin-right: 15px;
}

.features .left-icon .aio-icon-description,
.features .left-icon .aio-icon-header {
    float: left;
    width: 100%;
}


/* === Features Ends === */

.common-heading h2 span {
    color: #f15c22;
}

.common-heading span {
    line-height: normal;
    letter-spacing: .8px;
}

.text-second {
    color: #f15c22;
}

.common-heading span {
    color: #f15c22;
}

.-service-list li a:hover {
    color: #f15c22;
}

a:hover {
    color: #f15c22;
}

.entry-blog-post a:hover {
    color: #fff;
    text-decoration: underline;
}

.owl-carousel .owl-dots .owl-dot:before {
    border: 1px solid #f15c22;
}

.owl-carousel .owl-dots .owl-dot:after {
    background: #f15c22;
}

.posiqut {
    color: #f15c22;
}

.footer-social-media-icons a:hover {
    color: #f15c22 !important;
}

.sub-menu-column ul li a:hover {
    color: #f15c22;
}

.link-hover a:hover {
    color: #f15c22!important;
}


/* Footer Social */

.footer-social ul {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    display: flex;
}

.footer-social ul li {
    list-style: none;
    margin: 0 20px;
}

.footer-social ul li .fa {
    font-size: 20px;
    color: #262626;
    line-height: 40px;
    transition: .5s;
}

.footer-social ul li a {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    background-color: #fff;
    text-align: center;
    transform: perspective(100px) rotate(-30deg) skew(25deg) translate(0, 0);
    transition: .5s;
    box-shadow: -20px 20px 10px rgb(0, 0, 0, 0.5);
}

.footer-social ul li a::before {
    content: "";
    position: absolute;
    top: 6px;
    left: -12px;
    height: 100%;
    width: 12px;
    background: #b1b1b1;
    transition: .5s;
    transform: rotate(0deg) skewY(-45deg);
}

.footer-social ul li a::after {
    content: "";
    position: absolute;
    top: 40px;
    left: -6px;
    height: 12px;
    width: 100%;
    background: #b1b1b1;
    transition: .5s;
    transform: rotate(0deg) skewX(-45deg);
}

.footer-row3 {
    background: #fff;
    padding: 28px 0;
}

@media(max-width:768px) {
    .footer-social ul li {
        list-style: none;
        margin: 0 15px;
    }
    .footer-social ul li a {
        position: relative;
        display: block;
        width: 30px;
        height: 30px;
    }
    .footer-social ul li a::before {
        content: "";
        position: absolute;
        top: 5px;
        left: -10px;
        height: 100%;
        width: 10px;
    }
    .footer-social ul li .fa {
        font-size: 15px;
        color: #262626;
        line-height: 30px;
        transition: .5s;
    }
    .footer-social ul li a::after {
        content: "";
        position: absolute;
        top: 30px;
        left: -6px;
        height: 10px;
        width: 100%;
    }
}

.footer-social ul li a:hover {
    transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px, -20px);
    box-shadow: -50px 50px 50px rgb(0, 0, 0, 0.5);
}

.footer-social ul li:hover .fa {
    color: #fff;
}

.footer-social ul li a:hover {
    transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px, -20px);
    box-shadow: -50px 50px 50px rgb(0, 0, 0, 0.5);
}

.footer-social ul li:hover:nth-child(1) a {
    background: #3b5999;
}

.footer-social ul li:hover:nth-child(1) a:before {
    background: #2e4a86;
}

.footer-social ul li:hover:nth-child(1) a:after {
    background: #4a69ad;
}

.footer-social ul li:hover:nth-child(2) a {
    background: #55acee;
}

.footer-social ul li:hover:nth-child(2) a:before {
    background: #4184b7;
}

.footer-social ul li:hover:nth-child(2) a:after {
    background: #4d9fde;
}

.footer-social ul li:hover:nth-child(3) a {
    background: #dd4b39;
}

.footer-social ul li:hover:nth-child(3) a:before {
    background: #c13929;
}

.footer-social ul li:hover:nth-child(3) a:after {
    background: #e83322;
}

.footer-social ul li:hover:nth-child(4) a {
    background: #0077B5;
}

.footer-social ul li:hover:nth-child(4) a:before {
    background: #036aa0;
}

.footer-social ul li:hover:nth-child(4) a:after {
    background: #0d82bf;
}

.footer-social ul li:hover:nth-child(5) a {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.footer-social ul li:hover:nth-child(5) a:before {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.footer-social ul li:hover:nth-child(5) a:after {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.footer-blog- .single-blog- {
    margin-top: 20px;
}


/* --- Footer-Social Ends --- */

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #f15c22;
    background-color: #f15c22;
}

.in-stats .statistics span {
    font-size: 35px;
    color: #f15c22;
}

.social-media-profile a:hover {
    color: #f15c22;
}

.typing-text .sctxt {
    -webkit-text-stroke: 1px #bfbbbb !important;
    position: relative;
    text-transform: capitalize;
}

.the-type {
    width: 80%;
    margin: 0 auto;
}

.the-type span {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 90px;
    top: 0;
    font-weight: 900;
    /*-webkit-text-stroke: 1px #e8e8e8;*/
    -webkit-text-stroke: 1px #bfbbbb;
    -webkit-text-fill-color: #fff;
    display: inline;
    text-transform: capitalize !important;
    background: linear-gradient( 45deg, rgb(241 92 34), #ffd384, rgb(241 92 34));
    -webkit-background-clip: text;
    -moz-background-clip: text;
    color: transparent;
    text-transform: capitalize;
    border-right-style: solid;
    border-width: 10px;
    border-image: linear-gradient( 45deg, rgb(241 92 34), #ffd384, rgb(241 92 34)) 1;
}

@media only screen and (max-width: 991px) {
    .the-type span {
        font-size: 30px;
    }
}

.service-block .s-block a {
    margin: 0;
    padding: 0;
    padding-bottom: 1px;
}

.nav-list .sbmenu .sub-menu-section .sub-menu-center-block .menu-images {
    display: flex;
    align-items: center;
}


/* ---====  FAQS  ----===== */

.faqs .bg-gradient {
    background: #c7ecff !important;
    background: -moz-linear-gradient(top, #c7ecff 0, #f9efff 100%) !important;
    background: -webkit-linear-gradient(top, #c7ecff 0, #f9efff 100%) !important;
    background: linear-gradient(to bottom, #c7ecff 0, #f9efff 100%) !important;
}

.faqs .card-1 {
    border: 1px solid #d4f0ff !important;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 0;
}


/* -=== Site Maps =====- */

section.sitemaps {
    background-color: #f8f9fa;
}

.sitemaps .card {
    font-weight: 400;
    border: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.sitemaps .view {
    margin-top: -1.25rem;
    margin-right: 4%;
    margin-left: 4%;
    padding: 1.6rem 1rem;
    color: #fff;
    text-align: center;
    border-radius: 0.25rem;
    -webkit-box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
    position: relative;
    overflow: hidden;
    cursor: default;
}

.sitemaps .view h5 {
    color: #dee2e6;
}

.sitemaps .info-color {
    background-color: #050748 !important;
}

.sitemaps .card-body {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-radius: 0 !important;
}

.sitemaps .list-unstyled {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-left: 0;
    list-style: none;
}

.sitemaps .divided-list li {
    border-bottom: 1px solid #eee;
    font-size: 1rem;
    display: flex;
}

@media(min-width:768px) {
    .sitemaps .divided-list li {
        float: left;
        margin: 0 10px;
    }
    .sitemaps .divided-list {
        margin-left: 10px;
    }
    .sitemaps .view {
        width: max-content;
        padding: 15px 30px;
    }
}

@media(max-width:768px) {
    .sitemaps .divided-list {
        width: 100%;
        padding: 0 1rem;
    }
    .sitemaps .title li {
        display: block;
    }
}

.sitemaps a {
    width: -webkit-fill-available;
    color: #050748;
    display: inline-block;
    padding: 10px 0;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    background-color: transparent;
    -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    -o-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    z-index: 1;
    overflow: hidden;
}

.sitemaps a:hover {
    color: #f15c22!important;
}

.sitemaps a:hover::after {
    width: 100%;
    left: 0;
    right: auto;
}

.sitemaps a::after {
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: auto;
    right: 0;
    z-index: -1;
    -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    -o-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    background: currentColor;
}

mark {
    background-color: #ffbd84d1;
    color: #e74405;
    padding: 2px 4px;
    border-radius: 4px;
    font-size: 90%;
}


/* Pricing Table */

.pricing {
    padding-bottom: 100px !important;
}

.pricing-table.best-plan .inner-table h5 {
    color: #2a89ea;
}

.pricing-table .inner-table h5 {
    color: #ff1f8e;
}

.pricing-table .title-sub {
    margin: 0 0 10px;
}

.pricing-accordion table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

@media only screen and (max-device-width: 767px) {
    .pricing-accordion table {
        font-size: 18px;
        line-height: 33px;
        min-width: 1200px;
        width: 1200px;
    }
}

.pricing-accordion table td {
    text-align: left;
    padding: 8px;
    vertical-align: middle;
}

.pricing .bg-gradient {
    background: #c1eeff;
    background: -moz-linear-gradient(top, #9585d4 0, #f5faff 100%);
    background: -webkit-linear-gradient(top, #9585d4 0, #f5faff 100%);
    background: linear-gradient(to bottom, #9585d4 0, #f5faff 100%);
}

.pricing-accordion table tr:nth-child(even) {
    background-color: #f2f2f2
}

.pricing-accordion table th:nth-child(2),
.pricing-accordion table td:nth-child(2) {
    border-radius: 0;
    text-align: center;
    background: #c1eeff;
    border: 1px solid #ffffff94;
    color: #000;
}

.pricing-accordion table th:nth-child(3),
.pricing-accordion table td:nth-child(3) {
    border-radius: 0;
    text-align: center;
    background: #fff6f3;
    border: 1px solid #ffffff94;
    color: #000;
}

.pricing-accordion table th:nth-child(4),
.pricing-accordion table td:nth-child(4) {
    border-radius: 0;
    text-align: center;
    background: #9585d4;
    border: 1px solid #ffffff94;
    color: #000;
}

.pricing-accordion table td i {
    background: #312d2d;
    color: #eaeaea;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    border-radius: 50px;
}

.clients-section .view-all{
    padding: 0 20px !important;
    line-height: 35px !important;
}

.clients-section .common-heading h2 {
    margin-bottom: 30px;
}

.clients-logos ul li {
    padding:0;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.clients-logo img:hover {animation:rubberBand 1.2s ease}
@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}


/* -=== Blog Maps =====- */


.single-blog-img- img {
	width: 100%;
	height: 230px;
}


.entry-blog-post .bypost- {
  color: #fff;
  font-size: 14px;
  margin: 0;
}
.entry-blog-post .posted-on- {
  color: #fff;
  font-size: 14px;
}







