body { background: #f1f2f4; font-family: Roboto; scroll-behavior: smooth; }
::-webkit-scrollbar { background: transparent; width: 5px; height: 5px; }
::-webkit-scrollbar-thumb { background-color: #888; }
::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.3); }
.bdr { border: 1px solid red; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #1c24bf  !important; border-color: #1c24bf  }
.Header_button .btn:hover { color: #fff !important; }
.Header_button .btn { width: 220px; font-weight: 400; }
.bg-primary { background: #25acdf !important; }
.btn-primary { color: #fff; background-color: #25acdf; border-color: #25acdf; }
.btn-round { border-radius: 25px !important; }
.btn-25 { width: 250px; }
.btn-outline-primary:hover { color: #fff; background-color: #1c24bf;  border-color: #1c24bf  }
.btn-primary:hover, .btn-primary:focus { background: #1c24bf  !important; border-color: #1c24bf  !important; color: #fff !important; }
.navbar-brand .logo { width: 270px; }
.shrink { box-shadow: 0px 0px 12px 0px #e4e3e3; top: 0; transition: .5s; padding: .6rem 0; position: fixed;width: 100%; z-index: 999999 !important; }

.rounded-lg { border-radius: 2rem !important; }
.text-small { font-size: 0.9rem !important; }
.navbar { padding: .8rem 1rem; transition: .5s }
.bg-light { background-color: #ffffff !important; }
.navbar-light .navbar-nav .nav-link { font-weight: 500; font-size: 1.01rem; margin-right: .7rem; }
.shrink { transition: .5s; padding: .5rem 1rem; }
.section-details { padding: 4rem 0; min-height: 240px; position: relative; }
.bg-theme { background: #0d2ce7; }
.section-details img { width: 160px; }
.section-details:after { content: ""; display: block; position: absolute; background: url(../img/bg-section-cta-bottom-inside.svg) no-repeat 50% 100%; background-size: contain; width: 100%; height: 30px; bottom: 0; right: 0; }
.section-details:before { content: ""; display: block; position: absolute; background: url(../img/bg-section-dark-top-inside.svg) no-repeat 50% 100%; background-size: contain; width: 100%; height: 30px; top: 0; right: 0; }
.bg { background: url(../img/footer-bg.jpg); }
.section-details p { margin-bottom: 0; color: #fff; font-weight: 600; margin-top: 1rem; font-size: 1.1rem; text-align: center; }
.section-details p span { font-size: .8rem; margin: 0 1rem; }
.abt-section { padding: 4rem 0; }
.main-title { font-size: 2.4rem; font-weight: 800; color: #333; }
.sub-title {  font-size: 1.1rem !important; color: #777777  !important; }
.section-details p svg { height: 34px; width: 34px; }
.section-port { padding: 2rem 0; position: relative; padding-top: 5rem; }
.section-port:before { content: ""; display: block; position: absolute; background: url(../img/bg-section-dark-top-inside-white.svg) no-repeat 50% 100%; background-size: contain; width: 100%; z-index: 9; height: 30px; top: 0; right: 0; }
.section-port p { margin-bottom: 0; color: #fff; font-weight: 600; font-size: 1.3rem; text-align: center; display: flex; justify-content: center; align-items: center; margin-top: .6rem; }
.section-port p svg { height: 30px; width: 30px; margin-right: .6rem; }
.section-port .btn { min-width: 200px; margin-left: .5rem; font-size: 1.1rem; padding: .5rem 1rem; font-weight: 600; }
.section-port .btn-light { background: #fff; }
.section-port .btn-outline-light { color: #fff; }
.section-port .btn-outline-light:hover { color: #333; }
footer { clear: both;    /*background: url(../img/map.png) #f4f4f4;*/ background-repeat: no-repeat; background-position: center center; color: #dce0ff; }
footer::before { content: ''; background: url(../img/map.png); position: absolute; width: 100%; min-height: 360px; }
footer .footer-middle { padding-top: 60px; padding-bottom: 45px; }
.wide-separator-line { height: 1px; width: 100%; background: #3e4fcc; margin-bottom: 1rem; }
.footer-social a i { color: #dce0ff; font-size: 22px; }
.footer-social a { margin: 0 25px; }
footer ul.list-inline li a { color: #fff; font-weight: 600; text-decoration: none; }
footer ul li a { color: #dce0ff; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; }
footer ul.list-inline li:first-child { padding-left: 6px; }
.list-inline li { display: inline-block; padding: 0 18px; }
.footer-add svg { margin-top: 0rem; height: 27px; width: 27px; }
.footer-add p { font-size: 1.1rem; margin-top: 1rem; }
.footer-add a{color: #fff; font-size: 1.1rem;}
.footer-bottom { padding: 1rem 0; background: #fff; }
.footer-bottom img { width: 240px; }
.portfolio { padding: 3rem 0; padding-bottom: 5rem !important; position: relative; }
.footer-bottom p { color: #333; }
.footer-add p b { color: #fff; }
footer .footer-middle p b { color: #fff; font-size: 1.1rem; }

/*.portfolio:after {
    content: "";
    display: block;
    position: absolute;
    background: url(../img/bg-section-cta-bottom-inside.svg) no-repeat 50% 100%;
    background-size: contain;
    width: 100%;
    height: 30px;
    bottom: 0;
    right: 0;
    border:1px solid;
} */
.brand::before { content: ""; display: block; position: absolute; background: url(../img/bg-section-dark-top-inside.svg) no-repeat 50% 100%; background-size: contain; width: 100%; height: 30px; top: 0; right: 0; }
.brand:after { content: ""; display: block; position: absolute; background: url(../img/bg-section-cta-bottom-inside-white.svg) no-repeat 50% 100%; background-size: contain; width: 100%; height: 30px; bottom: 0; right: 0; }
.portfolio .card { position: relative; }
.portfolio .card::before { background-image: url(../img/services_bg.png); content: ""; position: absolute; min-width: 221px; height: 216px; right: -15px; bottom: -15px; opacity: .4; z-index: -1; }
.portfolio .card .card-body { text-align: center; }
.portfolio .card .card-body h3 { font-size: 1.5rem; font-weight: 600; }
element.style { }
.carousel-indicators li { background-color: #c7c7c7; }
.services-area .single-services:hover { background: #f7f7f7; }
.services-area .active .single-services { background: #f7f7f7; }
.services-area .single-services { padding: 50px; padding-bottom: 20px; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; background: #fbfbfb; min-height: 375px; position: relative; }
.services-area .services-caption .btn { height: 40px; width: 40px; border: 2px solid #ececec; text-align: center; padding-left: 6px; border-radius: 50%; }
.services-area .single-services:hover .services-caption .btn { border: 2px solid #333; }
.services-area .active .single-services .btn { border: 2px solid #333; }
.services-area .card::before { background-image: url(../img/services_bg.png); content: ""; position: absolute; min-width: 221px; height: 216px; right: 0px; bottom: 0px; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }
.services-area .card:hover::before { right: -12px; bottom: -12px; }
.services-area  .active::before { right: -12px; bottom: -12px; }
.services-area .services-icon img { margin-bottom: 1.2rem; }
.services-area .services-caption h4 { font-size: 1.7rem; font-weight: 600; margin-bottom: .6rem; }
.services-area .services-caption p { font-weight: 400px; font-size: 1.1rem; color: #415c7b; }
.portfolio .card .img { position: relative; }

/*.portfolio .card .img::after {
     background-image: url(../img/bottom-banner.png);
    content: "";
    position: absolute;
    min-width: 221px;
    height: 216px;
   right: 0px;
    bottom: 0px;
}*/
.cover-background { position: relative; background-size: cover !important; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; }
.case-study-img { min-height: 440px; }
.case-study-img img { z-index: 9; position: relative; }
.case-study-img::before { background-image: url(../img/services_bg.png); content: ""; position: absolute; min-width: 221px; height: 216px; right: 0px; bottom: 0px; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }
.about-number { border-right: 2px solid rgba(0, 0, 0, .1); float: right; font-size: 90px; line-height: 112px; padding: 0 60px; font-weight: 800; }
.owl-pagination { bottom: 10px; display: block; right: 70px; position: absolute; text-align: center;    /* width: 100%; */ z-index: 100 !important; }
.owl-page { display: inline-block; padding: 10px; }
.owl-buttons { display: none; }
.dark-pagination .owl-page.active span { background: transparent; border: 1px solid rgba(0, 0, 0, 1); }
.dark-pagination .owl-page span { background: none repeat scroll 0 0 rgba(0, 0, 0, 1); box-shadow: none; }
.owl-page.active span { background: none repeat scroll 0 0 transparent; border: 1px solid rgba(255, 255, 255, 0.8); transform: scale(1.2); }
.owl-page span { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7); box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); display: block; height: 15px; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; width: 15px; }
.title-main { font-size: 2rem !important; }
.font-weight-400 { font-weight: 400 !important; }
.about-text { margin-left: 40px; top: -7px; }
.position-relative { position: relative !important; z-index: 5; }
.case-study-work { font-size: 15px; display: block; margin: 5px 0 25px; font-weight: 600; }
.case-study-details { min-height: 400px; padding: 5% 6%; }
.font-weight-600 { font-weight: 600 !important; }
.owl-carousel .owl-item { float: left; cursor: url(../img/icon-move.png), move !important; }
.brand { padding: 7rem 0; position: relative; overflow: hidden; padding-bottom: 8rem; }

/*.brand-item img { max-width: 80%; margin-top: 13px; }*/

/*.brand-item { background: #fff; margin: 10px; height: 90px; padding: 10px; border-radius: 10px; display: block; text-align: center; }*/
.brand-item img { max-width: 70%; margin-top: 10px; }
.brand-item { box-shadow: 0 0 12px rgba(0, 0, 0, 0.16); background: #fff; margin-bottom: 2rem; height: 96px; padding: 10px; border-radius: 10px; display: flex; align-items: center;justify-content: center; text-align: center; }
.brand .owl-pagination { display: none; }
.main-process-section { position: relative; }
a { color: #222ce6; text-decoration: none; background-color: transparent; }

/*.main-process-section:before {
    content: "";
    display: block;
    position: absolute;
    background: url(../img/bg-section-dark-top-inside-white.svg) no-repeat 50% 100%;
    background-size: contain;
    width: 100%;
        z-index: 9;
    height: 30px;
    top: 0;
    right: 0;
}*/
.apps-testimonial:before { content: ""; display: block; position: absolute; background: url(../img/bg-section-dark-top-inside-white.svg) no-repeat 50% 100%; background-size: contain; width: 100%; z-index: 9; height: 30px; top: 0; right: 0; }
.quation { position: relative; }
.apps-testimonial::after { content: ""; display: block; position: absolute; background: url(../img/bg-section-cta-bottom-inside-white.svg) no-repeat 50% 100%; background-size: contain; width: 100%; z-index: 9; height: 30px; bottom: 0; right: 0; }

/*.process::before {
    content: '';
    background: url(../img/services_bg_all.png);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    opacity: .23;
}
*/
.process { padding: 4rem 0; position: relative; min-height: 240px; }
.cir { position: absolute; width: 150px; top: 180px; left: -50px; opacity: .5; z-index: 9; }
.cir2 { position: absolute; width: 100px; top: 205px; left: -27px; opacity: 1; z-index: 9; }
.cir1 { position: absolute; width: 140px; top: 50px; right: -40px; opacity: .5; z-index: 9; }
/* .main-pro h3 { font-size: 3rem; font-weight: 900; color: #222ce6; } */
.main-pro h3 {
    font-size: 3rem;
    font-weight: 900;
    color: #ffffff;
    -webkit-text-stroke: 2px #2a42f1;
}
.main-pro p { font-size: 1.1rem; font-weight: 700; letter-spacing: .5px; color: #333; }
.main-pro .border-bottom-2 { height: 3px; width: 40px; background: #dcdcdc; margin-left: auto; margin-right: auto; }
.main-pro { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.main-pro-des p { font-weight: 500; font-size: .9rem !important; color: #333; }
.main-pro-des svg { height: 30px; width: 30px; color: #333; margin-bottom: 1rem !important; }
.main-pro-des { transform: translateY(49%); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.main-process { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; overflow: hidden !important; height: 140px; }
.main-process:hover .main-pro-des { transform: translateY(-82%); }
.main-process:hover .main-pro { -webkit-transform: translateY(-110%); -moz-transform: translateY(-110%); -ms-transform: translateY(-110%); -o-transform: translateY(-110%); transform: translateY(-110%); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.testimonial { padding: 4rem 0; }
.testimonial .carousel { margin: 50px auto; padding: 0 70px; }
.testimonial .carousel .item { color: #999; overflow: hidden; min-height: 120px; font-size: 13px; }
.testimonial .carousel .media img { width: 80px; height: 80px; display: block; border-radius: 50%; }
.testimonial .carousel .testimonial { padding: 0 15px 0 60px; position: relative; }
.testimonial .carousel .overview b { text-transform: uppercase; color: #1c47e3; }
.testimonial .carousel .carousel-indicators { bottom: -40px; }
.testimonial .carousel-indicators li, .testimonial .carousel-indicators li.active { width: 18px; height: 18px; border-radius: 50%; margin: 1px 3px; }
.testimonial .carousel-indicators li { background: #e2e2e2; border: 4px solid #fff; }
.testimonial .carousel-indicators li.active { color: #fff; background: #415c7b; border: 5px double; }
.testimonial .carousel .testimonial::before { content: "\f10d"; font-family: FontAwesome; color: #e2e2e2; font-weight: 600; font-size: 38px; line-height: 54px; position: absolute; left: 15px; top: -10px; }
.testimonial .carousel-control-prev-icon, .testimonial .carousel-control-next-icon { background: none; border: 2px solid #415c7b; height: 50px; width: 50px; line-height: 45px; opacity: 9 !important; filter: brightness(100%) !important; font-size: 38px; border-radius: 100%; color: #415c7b !important; }
.testimonial .carousel-control-prev-icon:hover, .testimonial .carousel-control-next-icon:hover { background: #fff; opacity: 9; color: #000; }
.testimonial .carousel-control-prev { left: -160px; }
.testimonial .carousel-control-next { right: -160px; }
.la { opacity: 99; z-index: 1; position: relative; }

/* ========= Responsive ======== */
@media (min-width:1200px) {
    .container { max-width: 1266px; }
}
@media only screen and (max-width:767px) {
    .navbar-brand .logo { width: 220px; }
    .banner .banner-description h3 { margin-top: 0 !important; font-size: 2rem; }
    .banner-description p { font-size: .8rem !important; margin-top: 1rem !important; line-height: 1.4rem !important; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; height: 114px; overflow: hidden; }
    .banner .carousel-item .col-md-6:nth-child(1) { order: 2 !important; }
    .banner img { margin-top: 2rem !important; margin-bottom: 1rem; }
    .navbar-light .navbar-nav .active>.nav-link::after, .navbar-light .navbar-nav .nav-link:hover::before { bottom: 0px !important; }
    .shrink .navbar-nav .active>.nav-link::after, .shrink .navbar-nav .nav-link:hover::before { bottom: 0px !important; }
    #feature { padding: 0 !important; padding-bottom: 4rem !important; }
    .text-wrapper { margin-top: 2rem !important; }
    .our-feature-app .title { font-size: 2rem !important; }
    .our-feature-app .feature-img-box .support-feature { margin-top: 43px !important; }
    .our-feature-app .feature-img-box { padding-right: 0px !important; }
    .section-details p img { width: 50%; }
    .section-details p { display: flex; flex-wrap: wrap; }
    .section-details:before, .brand::before { top: -23px; }
    .section-details p span { display: none; }
    .case-study-img::before { height: 198px; right: 18px; }
    .case-study-img { min-height: 190px; }
    .about-text { margin-left: 0px; }
    .about-number { float: none; padding: 0; margin-bottom: 1rem; border: none; font-size: 70px; }
    .brand { padding: 2rem 0; }
    .brand-item img { max-width: 90%; margin-top: 5px; }
    .brand-item { height: 60px; margin-bottom: 1rem; }
    .brand .btn-lg { padding: 0.3rem 0.5rem; font-size: 1rem; line-height: 1.5; border-radius: .3rem; }
    .main-process { height: 167px; }
    .apps-testimonial:before { top: -23px; }
    .apps-testimonial .customer-block { padding: 61px 20px 30px 20px !important; margin: 0 !important; }
    .quation .card-header { padding: 0 !important }
    .quation .btn-link { font-size: 1rem; }
    .accordion .cus-list li { width: 100% !important; }
    .section-port:before { top: -23px; }
    .back-to-top { bottom: 240px !important; right: 39% !important; }
    .section-port { padding-top: 2rem; }
    .section-port p svg { height: 50px; width: 46px; margin-right: 0; }
    .section-port .btn { min-width: 130px; margin-left: 0.5rem; font-size: 1rem; padding: .25rem .5rem; font-weight: 600; margin-top: 1rem; }
    footer .footer-middle { padding-top: 20px; padding-bottom: 45px; }
    footer .footer-link { flex-wrap: wrap; }
    footer ul.list-inline li:first-child { padding-left: 6px; }
    .list-inline li { display: inline-block; padding: 0 6px; width: 38%; }
    .footer-bottom .margin-three p { text-align: center; margin-bottom: 1rem !important; }
    .footer-logo { text-align: center !important; }
    .banner-details { padding: 1rem 0 !important; text-align: center; }
    .banner-details p { font-size: 1.3rem !important; margin-top: 0.4rem !important; text-align: center; }
    .contactus { padding: 2rem 0 !important; }
    .contactus .title { font-size: 2rem !important; }
    .contactform:before, .section-port-new:before, .our-services::before { top: -23px !important; }
    .contactform .btn { min-width: 100px !important; }
    .contactform iframe { margin-top: 2rem; }
    .banner-details:after { bottom: -1px !important; }
    .comingsoon { min-height: 690px !important; }
    .about h3 { font-size: 1.2rem !important; }
    .main-title { font-size: 2rem; }
    .Development p br { display: none; }
    .our-feature .feature-img-box { padding-right: 0px !important; }
    .our-feature .feature-img-box .support-feature { margin-top: 40px !important; }
    .video-sec .home-right { min-height: 180px !important; border: 3px solid #fff !important; }
    .vision img { max-width: 100% !important; }
    .bg-white.position-relative.vision, .video-sec { overflow: hidden; }
    .owl-pagination { bottom: -10px; }
    .portfolio-btn .filter-button { min-width: 60px !important; background: #fff !important; color: #333; font-size: 1rem !important; height: 40px; padding: 0 20px !important; }
    .banner .carousel-item ul li { width: 100% !important; font-size: 1rem !important; margin-bottom: 3px !important; }
    .banner .carousel-item ul { padding-left: 15px; }
    .slider-casestudy::before { top: -7px !important; }
    .cus-pills .nav-item {
    width: 100% !important;
    margin-bottom: 7px;
    margin-left: 5px;
    margin-right: 5px;
}
.shrink1 {
    background: #fff;
    padding: 15px 0;
    position: static !important;
    top: 0;
    z-index: 99999999;
    width: 100%;
}
.Services-dev li {
    width: 100% !important;
    margin: 5px;
}
}
@media only screen and (max-width:991px) and (min-width:768px) {
    .contactform:before, .section-port-new:before, .our-services::before, .apps-testimonial:before { top: -13px !important; }
    .slider-casestudy::before { top: -17px !important; }
    .banner-description p { font-size: .8rem !important; margin-top: 1rem !important; line-height: 1.4rem !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 64px; overflow: hidden; }
    .section-port p { font-size: 1rem; }
    .section-port .btn { min-width: 116px !important; margin-left: .5rem; font-size: .9rem; padding: .5rem 1rem; font-weight: 600; }
    .footer-add p { font-size: 1rem; }
    .footer-social .justify-content-end { justify-content: center !important; }
    .sm-text-center ul { margin-left: auto; margin-right: auto; display: flex !important; justify-content: center; }
    .banner-details:after { bottom: -1px !important; }
    .section-port:before { top: -12px; }
    .cus-card p br { display: none; }
    .cus-card { min-height: 310px; }
    .vision img { max-width: 100% !important; }
    .bg-white.position-relative.vision, .video-sec { overflow: hidden; }
    .video-sec .home-right { min-height: 280px !important; border: 3px solid #fff !important; }
    .banner .carousel-item ul { display: flex; flex-wrap: wrap; list-style: none; margin-top: 0.6rem !important; }
    .banner .carousel-item ul li { width: 40% !important; font-size: 1rem !important; margin-bottom: 0px !important; }
    .banner-description h3 { margin-top: 0rem !important; }
    .slider2 { text-align: center; }
    .banner:after { bottom: -1px !important; }
    .banner { min-height: 700px !important; }
    div#demo { min-height: 630px !important; }
    .section-details:before, .brand::before { top: -11px !important; }
    .section-details:after { bottom: -1px !important; }
    .brand-item img { max-width: 80%; margin-top: 15px; }
    .cus-pills .nav-item {
    width: 48% !important;
    margin-bottom: 7px;
    margin-left: 5px;
    margin-right: 5px;
    }
    .shrink1 {
        background: #fff;
        padding: 15px 0;
        position: static !important;
        top: 0;
        z-index: 99999999;
        width: 100%;
    }
    .Services-dev li {
    width: 47% !important;
    margin: 5px;
}
}
@media only screen and (max-width:767px) and (min-width:576px) {
    .list-inline li { display: inline-block; padding: 0 6px; width: 38%; }
    .main-pro-des p br { display: none; }
    .main-pro-des p { font-size: .8rem !important; }
    .main-pro-des { transform: translateY(47%); }
    .section-details p img { width: 33%; }
    .list-inline li:nth-child(4) { width: 25% }
    .list-inline li { display: inline-block; padding: 0 6px; width: 18%; }
    .brand-item { height: 88px; margin-bottom: 1rem; }
}
@media only screen and (max-width:1199px) and (min-width:992px) {
.navbar-light .navbar-nav .nav-link {
    font-weight: 800;
    font-size: .79rem;
    margin-right: 0.7rem;
}
    .navbar-brand .logo { width: 250px; }
    .slider-casestudy::before { top: -24px !important; }
    .brand-item { height: 80px; }
    .contactform:before, .section-port-new:before, .our-services::before, .apps-testimonial:before { top: -6px !important; }
    .section-port .btn { min-width: 170px; }
    .banner-details:after { bottom: -1px !important; }
    .section-port:before { top: -6px; }
    .banner .carousel-item ul li { width: 40%; font-size: .8rem !important; padding: 8px; margin-bottom: 12px; padding-left: 32px; position: relative; margin-right: 8%; box-shadow: 0 0 17px #00000005; font-weight: 600; color: #fff; }
    .banner-description h3 { margin-top: 0rem !important }
    .section-details:before { content: ""; display: block; position: absolute; top: -7px; }
    .brand:after { bottom: -2px !important }
      .cus-pills .nav-item {
    width: 32% !important;
    margin-bottom: 7px;
    margin-left: 5px;
    margin-right: 5px;
    }
    .shrink1 {
        background: #fff;
        padding: 15px 0;
        position: static !important;
        top: 0;
        z-index: 99999999;
        width: 100%;
    }
       .Services-dev li {
    width: 47% !important;
    margin: 5px;
}
}
.section-port .btn { min-width: 170px; }
.banner-details:after { bottom: -1px !important; }
@media only screen and (max-width:349px) and (min-width:320px) { }
@media only screen and (max-width:500px) and (min-width:416px) { }
@media(max-width:585px) { }
@media only screen and (max-width:1450px) and (min-width:1201px) {
    .section-port-new:before { top: -1px !important; }
}
.abt-new { }
.back-to-top img { width: 70px; }
.back-to-top { cursor: pointer; cursor: pointer; position: absolute; bottom: 140px; right: 48%; display: none; height: 60px; z-index: 99999; width: 60px; font-size: 20px; background: #222ce6; color: #fff; border-radius: 50%; }
.back-to-top:hover svg { color: #fff; }
.back-to-top svg { height: 34px; width: 34px; margin-left: 13px; margin-top: 13px; }
.back-to-top i { font-size: 2rem; color: #fff; }
.casestudey_new .item { opacity: 0.4; transition: .4s ease all; margin: 0 20px; transform: scale(.9); }
@media(max-width:1000px) {
    .casestudey_new .item { margin: 0; transform: scale(.9) }
}
.casestudey_new .active .item { opacity: 1; transform: scale(1); }
.casestudey_new .owl-item { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); }
.casestudey_new .inner { position: absolute; bottom: 30px; left: 0; right: 0; text-align: center; }
.casestudey_new .inner a { color: #000; text-decoration: none; border-bottom: 2px solid rgba(0, 0, 0, 0.4); transition: .3s ease border-color }
.casestudey_new .inner a:hover { border-color: #fff !important; }
.casestudey_new .black .inner a { color: #000; border-color: rgba(0, 0, 0, 0.4) }
.casestudey_new .black .inner a:hover { border-color: #000; }
.casestudey_new .owl-controls { position: absolute; margin-top: 300px; }
.casestudey_new .owl-carousel .owl-nav button.owl-next, .casestudey_new .owl-carousel .owl-nav button.owl-prev, .casestudey_new .owl-carousel button.owl-dot { font-size: 3rem !important; position: absolute; top: 40%; padding: 1rem 1rem !important; }
.casestudey_new .owl-carousel .owl-nav .owl-prev { left: 20px; }
.casestudey_new .owl-carousel .owl-nav .owl-next { right: 20px; }
.section_n { min-height: 300px; position: relative; background: #fff; }
.case-study-details h3 { font-weight: 400; font-size: 2rem; }
.case-study-details p { font-size: 1rem; line-height: 1.6rem; font-weight: 400; }
div#demo { min-height: 550px; }
.banner {    /*     background: url(../img/bg17.jpg);
                 background-size: contain;*/
min-height: 650px; overflow: hidden;-background-image: url(../img/bg_new.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: relative; padding: 60px 0 0 0;    background-image: linear-gradient(177deg, #adbff3, #bac8f14d); }
.banner:after { content: ""; display: block; position: absolute; background: url(../img/bg-section-cta-bottom-inside.svg) no-repeat 50% 100%; background-size: contain; width: 100%; height: 30px; bottom: 0; right: 0; }
.banner img { margin-top: 4rem; }
.banner-description h3 { font-size: 3.53rem; margin-top: 4rem; font-weight: 800; color: #171717; }
.banner-description p { font-size: 1.02rem; margin-top: 2rem; font-weight: 400; line-height: 1.78rem; color: #171717fa; }
.banner .carousel-control-prev-icon, .banner .carousel-control-next-icon { background: none; border: 2px solid #fff; height: 50px; width: 50px; line-height: 45px; opacity: 9 !important; filter: brightness(100%) !important; font-size: 38px; border-radius: 100%; color: #fff !important; }
.banner .carousel-control-prev-icon:hover, .banner .carousel-control-next-icon:hover { opacity: 9; color: #fff; }
.banner .carousel-control-prev { left: -180px; }
.banner .carousel-control-next { right: -180px; }
.banner .carousel-item ul li { width: 40%; font-size: 1.06rem; padding: 8px; margin-bottom: 12px; padding-left: 32px; position: relative; margin-right: 8%; box-shadow: 0 0 17px #00000005; font-weight: 600; color: #fff; }
.banner .carousel-item ul { display: flex; flex-wrap: wrap; list-style: none; margin-top: 2.6rem; }
.banner .carousel-item ul li:before { position: absolute; left: -10px; top: 7px; content: "\f00c"; font-family: FontAwesome; font-size: 13px; background: #f68c19; font-weight: 100; color: #fff; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 50px; transition: all 700ms ease; box-shadow: 1px 0px 0px 0px rgba(65, 92, 123, 0.12); }
.featured .item:before { position: absolute; left: 23px; top: 41px; content: ""; background: #F1F1F1; width: 1px; height: 100%; }

/*about us page css*/
.about { padding: 4rem 0; position: relative; overflow: hidden; padding-bottom: 7rem; }
.banner-details { padding: 2rem 0; background: url(../img/footer-bg.jpg); min-height: 140px; position: relative; }
.banner-details:after { content: ""; display: block; position: absolute; background: url(../img/bg-section-cta-bottom-inside-white.svg) no-repeat 50% 100%; background-size: contain; width: 100%; height: 30px; bottom: 0; right: 0; }
.banner-details h3 { font-size: 2.8rem; font-weight: 700; margin-top: .4rem; color: #fff }
.banner-details p { font-size: 1.3rem; vertical-align: middle; font-weight: 600; margin-top: 1.4rem; color: #fff; }
.banner-details p a { text-decoration: none; color: #dbdfff; }
.about h3 { font-size: 2rem; font-weight: 700; margin-bottom: 1.2rem; }
.about p { font-size: 1.13rem; font-weight: 400; color: #474747; line-height: 1.7rem; }
.img-cus-abt { position: absolute; width: 780px; right: -300px; }
.cus-img-set::before { background-image: url(../img/services_bg.png); content: ""; position: absolute; min-width: 401px; transform: rotate(175deg); height: 536px; right: -30px; bottom: -70px; }
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: #2037b9; }
.navbar-light .navbar-nav .nav-link { position: relative; color: rgb(0, 0, 0); }
.navbar-light .navbar-nav .active>.nav-link::after { content: ''; width: 100%; position: absolute; bottom: -25px; left: 0px; height: 3px; background: #415c7b; }
.shrink .navbar-nav .active>.nav-link::after { content: ''; width: 100%; position: absolute; bottom: -20px; left: 0px; height: 3px; background: #2037b9; }
.navbar-light .navbar-nav .nav-link:hover::before { content: ''; width: 100%; position: absolute; bottom: -25px; left: 0px; height: 3px; background: #2037b9; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #2037b9; }
.text-primary { color: #222ce6 !important; }
.shrink .navbar-nav .nav-link:hover::before { content: ''; width: 100%; position: absolute; bottom: -20px; left: 0px; height: 3px; background: #2037b9; }
.our-services { position: relative; padding: 8rem 0; padding-bottom: 6rem; background-image: url(../img/bg_new.jpg); }
/* .service-banner::before { background-image: url(../img/services_bg.png); content: ""; position: absolute; min-width: 200px; height: 200px; right: 30px; bottom: 84px; } */
.our-services:after { content: ""; display: block; position: absolute; background: url(../img/bg-section-cta-bottom-inside-white.svg) no-repeat 50% 100%; background-size: contain; width: 100%; height: 30px; bottom: 0; right: 0; }
.our-services::before { content: ""; display: block; position: absolute; background: url(../img/bg-section-dark-top-inside-white.svg) no-repeat 50% 100%; background-size: contain; width: 100%; height: 30px; top: 0; right: 0; }
.service-banner img { z-index: 9; position: relative; }
.box-shadow { box-shadow: 0 8px 50px -6px rgba(84, 84, 120, .26); }
.cus-card { border-radius: .5rem; background: #fff; margin-bottom: 2rem; padding: 2rem; box-shadow: 0px 7px 19px 0px rgba(84, 84, 120, 0.02); border: none; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.cus-card img{
    filter: drop-shadow(5px -3px 1px #ddd);
}
.cus-card:hover { box-shadow: 0 8px 50px -6px rgba(84, 84, 120, .26); transform: translateY(-15px); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.cus-card .text-extra-large { font-size: 1.2rem; font-weight: 700 !important; color: #2037b9; }
.Development { padding: 4rem 0; overflow: hidden; }
.Development .dev-img { width: 100% }
.Development p { font-size: 1.06rem; font-weight: 400; color: #5a5a5a; line-height: 1.7rem; }
.Development ul { padding-left: 10px; }
.Development ul li { font-size: 1.06rem; font-weight: 400; color: #000000; line-height: 1.7rem; padding-left: 32px; position: relative; list-style: none; margin-bottom: 1rem; font-weight: 500; }
.Development ul li:before { position: absolute; left: -10px; top: 3px; content: "\f00c"; font-family: FontAwesome; font-size: 13px; background: #415c7b; font-weight: 100; color: #ffffff; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 50px; }
.our-feature-app .feature-img-box { position: relative; padding-right: 90px; }

/*.our-feature-app .feature-img-box .price-feature .icon-box {
 background: linear-gradient( 120deg, rgb(108,71,218) 0%, rgb(224,129,255) 100%);
}
.our-feature-app .feature-img-box .access-feature .icon-box {
 background: linear-gradient( 120deg, rgb(81,236,112) 0%, rgb(36,189,155) 100%);
}
.our-feature-app .feature-img-box .support-feature .icon-box {
 background: linear-gradient( 120deg, rgb(249,154,120) 0%, rgb(255,83,140) 100%);
}*/
.our-feature-app .feature-img-box .access-feature .icon-box { background: #ebc7ff; }
.our-feature-app .feature-img-box .access-feature .icon-box svg { color: #a302ff; }
.our-feature-app .feature-img-box .price-feature .icon-box { background: #D7FCEF; }
.our-feature-app .feature-img-box .price-feature .icon-box svg { color: #3fca99; }
.our-feature-app .feature-img-box .support-feature .icon-box { background: #fbebac; }
.our-feature-app .feature-img-box .support-feature .icon-box svg { color: #d6b636; }
.our-feature-app .feature-img-box .support-feature { margin-top: 45px; }
.our-feature-app .feature-img-box .feature-offer-box { padding: 30px 19px 20px 30px; margin-bottom: 45px; border-radius: 10px; background: #fff; min-height: 315px; box-shadow: 0px 25px 50px 0px rgba(78, 81, 144, 0.07);     border-top: 2px solid #2a42f1;
    background-image: linear-gradient(180deg, #fff, transparent);}

/*.our-feature-app .feature-img-box .support-feature .icon-box { background: linear-gradient(120deg, rgb(26, 42, 171) 0%, rgb(141, 167, 255) 100%); }*/
.our-feature-app .feature-img-box .feature-offer-box .icon-box { position: relative; width: 85px; text-align: center; height: 85px; border-radius: 50%; line-height: 85px; }
.our-feature-app .feature-img-box .feature-offer-box .title {     line-height: 28px;font-size:19px; color: #000; padding: 20px 0 5px;padding-top: 0; }
.our-feature-app .feature-img-box .feature-offer-box .icon-box svg {    /*color: #fff;*/ height: 34px; width: 34px; }
.our-feature-app .feature-img-box .feature-offer-box p { color: #5a5e66; line-height: 25px; font-size: 15px; }
.our-feature-app .feature-img-box .feature-offer-box .icon-box img { margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); margin-left: 21px; }

/*.our-feature-app .feature-img-box .price-feature .icon-box { background: linear-gradient(120deg, rgb(26, 42, 171) 0%, rgb(141, 167, 255) 100%); }*/

/*.our-feature-app .feature-img-box .access-feature .icon-box { background: linear-gradient(120deg, rgb(26, 42, 171) 0%, rgb(141, 167, 255) 100%); }*/
.our-feature-app .title { font-size: 3.3rem; font-weight: 900; }
.our-feature-app .sub-heading { font-size: 1.2rem; font-weight: 600; margin-top: 1rem; margin-bottom: 1rem; }
.text-wrapper { margin-top: 9rem; }
.accordion>.card { overflow: hidden; margin-bottom: 20px; border: none !important; border-radius: 0.5rem !important; }
.btn-link { width: 100%; color: #222ce6; text-decoration: none !important; text-align: left; font-weight: 700; font-size: 1.2rem; }
.accordion .btn-link i { color: #333; margin-right: 0; float: right; margin-top: 5px; }
.accordion .card-header { background-color: rgba(255, 255, 255, 0.0); }
.accordion>.card .card-header { margin-bottom: 0px; border-bottom: 2px solid #f9faff !important; }
.accordion p { font-size: 1rem; line-height: 1.6rem; font-weight: 400; }
.accordion ul { padding-left: .5rem; list-style: none; }
.accordion ul li svg { margin-right: 1rem; position: absolute; height: 18px; left: 0px; width: 18px; top: 5px; color: #2037b9; }
.accordion ul li { font-size: 1rem; line-height: 1.6rem; font-weight: 400; position: relative; padding-left: 2rem; margin-bottom: .6rem; }
.accordion .cus-list li a { color: #333; text-decoration: none }
.accordion .cus-list li { width: 25%; }
.accordion .cus-list { display: flex; flex-wrap: wrap; }
.our-feature-app .feature-img-box .feature-offer-box .icon-box img { width: 40px; }
.apps-testimonial { position: relative; padding: 5rem 0; overflow: hidden; }
.apps-testimonial .customer-block { padding: 72px 30px 50px 45px; position: relative; background: #fff; border-radius: 5px; box-shadow: 0px 10px 30px 0px rgba(244, 245, 249, 0.8); margin: 10px 15px 30px; }
.apps-testimonial .customer-block:before { content: url(../img/icon35.svg); position: absolute; top: 50px; opacity: .5; left: 45px; }
.apps-testimonial .customer-block .customer-img { width: 60px; height: 60px; border-radius: 50%; float: left; }
.apps-testimonial .customer-block .customer-info { padding-left: 25px; float: left; }
.apps-testimonial .customer-block .customer-info .name {font-size: 18px;color: #000000;padding: 5px 0 2px;font-weight: 600;}
.apps-testimonial .customer-block .customer-info span { color: #3d3d3d; }
.apps-testimonial  .owl-pagination { position: relative; right: 0; }
.about .icon svg { height: 26px; width: 26px; }
.about .icon { height: 75px; width: 75px; border: 2px solid #ddd; margin-left: auto; margin-right: auto; margin-bottom: 1rem; line-height: 69px; border-radius: 50%; }
.vision p { font-size: 1.06rem; font-weight: 400; color: #000; line-height: 1.7rem; }
.vision ul li { font-size: 1.06rem; font-weight: 400; color: #000; line-height: 1.7rem; }
.home-right { position: relative; }
.video-sec:before { content: url(../img/shape-50.svg); position: absolute; top: 26px; left: 0; }
.video-sec:after { content: url(../img/shape-51.svg); position: absolute; bottom: 16px; right: 270px; }
.home-right .popup-video { position: absolute; background: #F44336; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 55px; height: 55px; text-align: center; font-size: 26px; line-height: 55px; color: #fff; text-decoration: none; z-index: 1; outline: none; }

/*.price-table:after, .our-team .img, .testimonial-col i, .testimonial-col .user .img, .feature .icon, .home-right .popup-video:after, .home-right .popup-video, .home-right, .social-icons li a, .faq-row .no {
   border-radius: 100% 50% 50% 100% / 75% 69% 69% 75%;
}*/
.home-right .popup-video:after { content: ""; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; opacity: 0.4; margin: auto; background: #F44336; z-index: -1; }
.our-feature .feature-img-box { position: relative; padding-right: 90px; }
.our-feature .feature-img-box .support-feature { margin-top: 130px; }
.our-feature .feature-img-box .feature-offer-box { padding: 40px 19px 20px 30px; margin-bottom: 45px; border-radius: 5px; background: #fff; min-height: 237px; box-shadow: 0px 25px 50px 0px rgba(78, 81, 144, 0.07); }
.our-feature .feature-img-box .feature-offer-box .icon-box { position: relative; width: 65px; height: 65px; margin-bottom: 1rem; border-radius: 50%; line-height: 33px; text-align: center; }
.our-feature .feature-img-box .feature-offer-box p { color: #383838; line-height: 25px; font-size: 18px; }
.our-feature .feature-img-box .feature-offer-box .icon-box img { margin: 0 auto; position: relative; }
.our-feature .title { font-size: 2.4rem; font-weight: 800; }
.our-feature .sub-heading { font-size: 1.2rem; font-weight: 600; margin-top: 1rem; margin-bottom: 1rem; }
.our-feature .text-wrapper { margin-top: 4rem; }
.btn-primary { color: #fff; background-color: #222ce6; border-color: #222ce6; }
#image-gallery .modal-footer { display: block; }
.thumb { margin-top: 15px; margin-bottom: 15px; }
button.btn.active.filter-button { border: 2px solid; }
.portfolio-btn .filter-button { min-width: 120px; background: #fff !important; color: #333; font-size: 1.2rem; }
.cus-portfolio .thumbnail .img-fluid { border: 1px solid #e2e2e2; border-radius: .5rem; }
.cus-portfolio { padding-bottom: 6rem; }
.cus-portfolio .port-relative { -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear; position: relative; overflow: hidden; border-radius: .5rem; }
.cus-portfolio .details { padding: 2rem; border-bottom: 0; position: absolute; width: 100% !important; left: 0; right: 0; bottom: -100px; background: rgba(32, 55, 185, 0.78); -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear; }
.cus-portfolio .logo-port { padding: 2rem; border-bottom: 0; position: absolute; width: 100% !important; left: 0; right: 0; z-index: 9; display: flex; top: -240px; -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear; justify-content: center; align-items: center; height: 82%; }
.port-relative:hover .logo-port { top: 0; }
.cus-portfolio .details p { margin-bottom: 0; color: #fff; font-size: 1.1rem; }
.port-relative:hover .details { bottom: 0; z-index: 3; }
::selection { color: #000; background: #dcdcdc; }
.cus-portfolio .port-relative img { -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear; }
.cus-portfolio .port-relative:hover img { opacity: .4; -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear; -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; cursor: url("../img/icon-zoom-white.png"), pointer; }

/*.cus-portfolio .port-relative:hover::before {
   content: '';
   position: absolute;
   background: #3333336b;
   width: 100%;
   height: 100%;
       z-index: 1;
}*/
.casestudy-new { min-height: 500px; padding: 4rem 0; overflow: hidden; }
#casestudy .owl-buttons { display: none; }
.casestudy-new h3 { font-weight: 700; font-size: 2rem; }
.casestudy-new p { margin-bottom: 0.5rem; font-size: 1rem; line-height: 1.6rem; font-weight: 400; }
.casestudy-new p b { font-size: 1.2rem; line-height: 1.6rem; font-weight: 700; }
.casestudy-new ul { padding-left: .5rem; list-style: none; }
.casestudy-new ul li { font-size: 1rem; line-height: 1.6rem; font-weight: 400; position: relative; padding-left: 2rem; margin-bottom: .6rem; }
.casestudy-new ul li svg { margin-right: 1rem; position: absolute; height: 18px; left: 0px; width: 18px; top: 5px; color: #2037b9; }
#casestudy  .owl-pagination { position: relative; right: 0; bottom: -20px; }
.slider-casestudy { position: relative; }
.slider-casestudy::before { content: ""; display: block; position: absolute; background: url(../img/bg-section-dark-top-inside.svg) no-repeat 50% 100%; background-size: contain; width: 100%; z-index: 9; height: 30px; top: -30px; right: 0; transform: rotate(180deg); }
.slider-casestudy:after { content: ""; display: block; position: absolute; background: url(../img/bg-section-cta-bottom-inside.svg) no-repeat 50% 100%; background-size: contain; width: 100%; z-index: 9; height: 30px; bottom: -29px; right: 0; transform: rotate(180deg); }
.section-port-new:before { content: ""; display: block; position: absolute; background: url(../img/bg-section-dark-top-inside.svg) no-repeat 50% 100%; background-size: contain; width: 100%; z-index: 9; height: 30px; top: 0; right: 0; }
.contactus { position: relative; }
.contactus p { font-size: 1.06rem; font-weight: 400; color: #5a5a5a; line-height: 1.9rem; }
.contactus h3 { font-size: 2rem; font-weight: 700; margin-bottom: 1.2rem; }
.contactus .title { font-size: 3rem; font-weight: 700; margin-bottom: 1.2rem; }
.contactus .address-block { padding-top: 40px; text-align: center; }
.contactus .address-block .icon-box { display: inline-block; height: 70px; }
.contactus .address-block h5 { font-size: 24px; padding: 18px 0 20px; font-weight: 600; color: #000; }
.contactus .address-block p, .contactus .address-block p a { color: #5a5a5a; font-weight: 600; text-decoration: none !important; }
.contactus .address-block ul li a { font-size: 20px; text-decoration: none !important; color: #d3d3d3; }
.contactus .address-block ul li { display: inline-block; margin: 10px 8px 0; }
.contactus .address-block ul { list-style-type: none; padding-left: 0; }
.contactus .address-block p a:hover, .contactus .address-block ul li a:hover { color: #2037B9 !important; }
.contactform:before { content: ""; display: block; position: absolute; background: url(../img/bg-section-dark-top-inside-white.svg) no-repeat 50% 100%; background-size: contain; width: 100%; z-index: 9; height: 30px; top: 0; right: 0; }
.contactform { position: relative; }
.contactform .form-control { height: calc(2.6em + .75rem + 2px); padding: .375rem 1rem; font-size: 1.1rem; }
.contactform .btn { height: calc(2em + .75rem + 2px); padding: .375rem .75rem; font-size: 1.1rem; min-width: 130px; margin-right: .5rem; }
textarea.form-control { height: auto !important; }
.comingsoon { min-height: 500px; overflow: hidden; }
.comingsoon img { margin-top: 4rem; }
.comingsoon-title { font-size: 4rem; font-weight: 600; margin-top: 2rem; margin-bottom: 1rem; }
.comingsoon p { font-size: 1.1rem; }
.dropdown-menu { display: block; visibility: hidden; opacity: 0; transform: translateY(50px); transition: .5s ease all; }
.dropdown-menu.show { display: block; visibility: visible; opacity: 1; transform: translateY(0px); transition: .5s ease all; }
#exampleModal .carousel-control-prev-icon, #exampleModal .carousel-control-next-icon { background: none; border: 2px solid #fff; height: 50px; width: 50px; line-height: 45px; opacity: 9 !important; filter: brightness(100%) !important; font-size: 38px; border-radius: 100%; color: #fff !important; }
#exampleModal .carousel-control-prev-icon:hover, #exampleModal .carousel-control-next-icon:hover { opacity: 9; color: #fff; }
#exampleModal .carousel-control-prev { left: -180px; height: 100px; top: 35%; }
#exampleModal .carousel-control-next { right: -180px; height: 100px; top: 35%; }
#gallery .item:hover img { -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; cursor: url("../img/icon-zoom-white.png"), pointer; }
.dashboard-n { position: relative; }
.video-testimonial-block { position: relative; width: auto; height: 235px; overflow: hidden; }
.video-testimonial-block .video-thumbnail { height: 100%; width: 100%; position: absolute; z-index: 1; background-size: cover; top: 0; left: 0; }
.video-testimonial-block .video { }
.video-testimonial-block .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0px; }
.video-testimonial-block .video-play { position: absolute; z-index: 2; top: 50%; left: 50%; margin-left: -40px; margin-top: -18px; text-decoration: none; }
.video-testimonial-block .video-play::before { content: "\f144"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;/*--adjust as necessary--*/ color: #000; font-size: 18px; padding-right: 0.5em; position: absolute; top: 10px; left: 0; }
.video-testimonial-block .video-play:hover::before { color: #172651; }
.mb10 { margin-bottom: 10px; }
.section-title { margin-bottom: 40px; }
.video-play-button { position: absolute; z-index: 10; top: 100%; left: 61%; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 15px; height: 12px; background: #b50201; border-radius: 50%; padding: 9px 24px 18px 28px; }
.video-play-button:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 75px; height: 75px; background: #b50201; border-radius: 50%; animation: pulse-border 1500ms ease-out infinite; }
.video-play-button:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 70px; height: 70px; background: #b50201; border-radius: 50%; transition: all 200ms; border: solid 4px #fff; }
.video-play-button span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 18px solid #fff; border-top: 10px solid transparent; border-bottom: 12px solid transparent; }
@keyframes pulse-border {
    0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; }
    100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; }
}
.pinkBg { background-color: #363de6 !important; background-image: linear-gradient(90deg, #c44436, #ff5454); }
.intro-banner-vdo-play-btn { height: 60px; width: 60px; position: absolute; top: 50%; left: 50%; text-align: center; margin: -30px 0 0 -30px; border-radius: 100px; z-index: 1; outline: none; }
.intro-banner-vdo-play-btn i { line-height: 56px; font-size: 30px }
.intro-banner-vdo-play-btn .ripple { position: absolute; width: 130px; height: 130px; z-index: -1; left: 50%; top: 50%; opacity: 0; margin: -65px 0 0 -65px; border-radius: 100px; -webkit-animation: ripple 1.8s infinite; animation: ripple 1.8s infinite }
@-webkit-keyframes ripple {
    0% { opacity: 1; -webkit-transform: scale(0); transform: scale(0) }
    100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1) }
}
@keyframes ripple {
    0% { opacity: 1; -webkit-transform: scale(0); transform: scale(0) }
    100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1) }
}
.intro-banner-vdo-play-btn .ripple:nth-child(2) { animation-delay: .3s; -webkit-animation-delay: .3s }
.intro-banner-vdo-play-btn .ripple:nth-child(3) { animation-delay: .6s; -webkit-animation-delay: .6s }


.cus-pills .nav-item {
    width: 19%;
    margin-bottom: 7px;
    margin-left: 5px;
    margin-right: 5px;
}

.cus-pills .nav-item .nav-link {
    font-size: 13px;
    padding: 5px 30px;
    text-align: center;
    font-weight: 700;
    background: #e6e6e69e;
    color: #191919;
}

.shrink1{
    background: #fff;
    padding: 15px 0;
    position: fixed;
    top: 0;
    z-index: 99999999;
    width: 100%;
}
.cus-pills .nav-item .nav-link.active {
    background: #1827a2;
    color: #fff;
}
.alert-primary {
    color: #004085;
    background-color: #1827a20a;
    border-color: #1827a20a;
}

.Params {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
}

.Params li {
    /*border: 1px solid red;*/
    width: 50%;
    font-size: 12px;
    margin-bottom: 7px;
    font-weight: 700;
    opacity: .8;
}
.Params li svg {
    height: 12px;
    width: 12px;
    margin-right: 5px;
    color: #ff9f43;
    stroke-width: 4px;
}
.Params li svg {
    height: 19px;
    width: 19px;
    margin-right: 5px;
    color: #ffffff;
    stroke-width: 4px;
    border: 1px solid;
    padding: 0;
    background: #ff9f43;
    border-radius: 50%;
    padding: 3px;
}

.Params1 {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
}
.Params1 li {
    /* border: 1px solid red; */
    width: 100%;
    font-size: 13px;
    margin-bottom: 12px;
    font-weight: 700;
    opacity: .8;
}

.Params1 li svg {
    height: 19px;
    width: 19px;
    margin-right: 5px;
    color: #ffffff;
    stroke-width: 4px;
    border: 1px solid;
    padding: 0;
    background: #ff9f43;
    border-radius: 50%;
    padding: 3px;
}


.Services-dev li {
    width: 23.43%;
    border: 1px solid #eaeaea;
    margin: 9px;
    list-style: none;
    padding: 8px;
    text-align: center;
    background: #fff;
    border-radius: 6px;    color: #707298;    font-weight: 500;
}
.Services-dev {
    flex-wrap: wrap;
    /* border: 1px solid; */
    display: flex;
    padding-left: 0;
}

.blog-entry-meta-label {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: .375rem .825rem;
    border-radius: .1875rem;
    background-color: rgba(255,255,255,.8);
    color: #4b566b;
    text-decoration: none!important;
    z-index: 5;
    font-size: 13px;
    font-weight: 700;display: flex;align-items: center;
}
.blog-entry-meta-label svg{
    width: 17px;height: 17px;margin-right: 5px;
}
.tagcloud {
    display: flex;
    flex-wrap: wrap;
}
.tagcloud>a, .tagcloud>.tag-cloud-link {
    display: inline-block;
    margin-right: .5rem;
    margin-bottom: .5rem;
    padding: .375rem .5625rem;
    transition: color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out,box-shadow .2s ease-in-out;
    border: 1px solid #e3e9ef;
    border-radius: .1875rem;
    color: #4b566b;
    font-size: .75rem!important;
    white-space: nowrap;
    line-height: 1.5;
}
.blog:hover{
    text-decoration: none;
}
.blog{
    text-decoration: none;
}
.blog h4{
    font-size: 20px;
    font-weight: 600;
    color: #424242;
    margin-top: 10px;
    margin-bottom: 19px;
}
.blog p {
    color: #000;
    opacity: .7;
}
.blog .card {
    margin-bottom: 31px !important;
}
.calendly-badge-widget {
    position: fixed;
    left: 20px !important;
    bottom: 20px !important;
    z-index: 9998;
    right: auto;
}


.calendly-badge-widget {
    display: none;
}
.bl{
	animation: blink 1s linear infinite;
}
@keyframes blink{
0%{opacity: 0;color:red}
50%{opacity: .5;color:red}
100%{opacity: 1;color:blue}
}


.blog-main .card-header {
    padding: 0.75rem 0.75rem;
height: 250px !important;
}

.blog h4 {

    font-size: 20px;

    font-weight: 600;

    color: #424242;

    margin-top: 10px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    height: 50px;

    margin-bottom: 0;

}


.schedulcall{
    border: 2px solid #2a42f1;
    padding: 10px;
    border-radius: 40px;
    padding: 9px 20px;
    font-weight: 500;
    text-decoration: none !important;
}

.btn-outline-primary {
    color: #222ce6;
    border-color: #222ce6;
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #222ce6;
    border-color: #222ce6;
}
.btn-outline-primary {
    color: #222ce6;
    border-color: #222ce6;
}
a:hover {
    color: #2a42f1;
    text-decoration: underline;
}
/* .btn {
    font-size: 1.02rem;
    font-weight: 600;
} */
































.logo-box-port img {
    width: 100%;
    height: 30px;
    border: aliceblue;
    object-fit: contain;
}
.logo-box-port {
    width: 132px;
    height: 42px;
    border-radius: 9.6px;
    background: #ecf1ffc2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}
.port-img img{
    width: 100%;
    height: 270px;
    object-fit: cover;
    object-position: 0 0px;
    border-radius: 15px 15px 0 0;
}

.slider-casestudy::before {
    content: "";
    display: block;
    position: absolute;
    background: url(../img/bg-section-dark-top-inside.svg) no-repeat 50% 100%;
    background-size: contain;
    width: 100%;
    z-index: 9;
    height: 30px;
    top: -29px;
    right: 0;
    transform: rotate(180deg);
}
.slider-casestudy:after {
    content: "";
    display: block;
    position: absolute;
    background: url(../img/bg-section-cta-bottom-inside.svg) no-repeat 50% 100%;
    background-size: contain;
    width: 100%;
    z-index: 99;
    height: 30px;
    bottom: -29px;
    right: 0;
    transform: rotate(180deg);
}
.port-box {
    background-color: #FFFFFF;
    border-radius: 15px;
    box-shadow: 0 0 20px 0px #0000001c;
    margin-bottom: 30px;
}
.port-box a {
    display: block;
    text-decoration: none;
    color: #000;
}
.port-description {
    padding: 25px;
}
.port-description h4{
    font-weight: 800;
    font-size: 21px;
    line-height: 27px;
    margin-bottom: 10px;
}
.port-description p{
    font-size: 15px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: normal;
    height: 70px;
    overflow: hidden;
    opacity: .7;
}
.port-description h4{
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: normal;
    height: 30px;
    overflow: hidden;
}
.port-description .d-flex{
    font-size: 13px;
    font-weight: 700;
}
.port-description .d-flex span {color: #000;}
.port-description .d-flex span svg{
    width: 30px;
    height: 30px;
    stroke-width: 1.3px;
}

.casestudy-slider{
    padding: 70px 0;
}
.casestudy-slider h1 {
    font-weight: 800;
    font-size: 2.4rem;
    /*line-height: 27px;*/
    margin-bottom: 20px;
}
.casestudy-slider .sub-title-inner{
    font-size: 1.3rem;
    font-weight: 700;
}

  

.fill-box{
    background: linear-gradient(180deg, #2A42F1 0%, #18268B 100%);
}
.fill-box p {
    color: #fff;
    margin-bottom: 20px;
    line-height: 28px;
}
.fill-box h3 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
}
.casestudy-desc-main h3{
    font-weight: 700;
    margin-bottom: 20px;
}
.casestudy-desc-main p{
    margin-bottom: 20px;
    line-height: 28px;
}
.casestudy-desc-main p svg {
    margin-right: .5rem;
    height: 18px;
    width: 18px;
    color: #2037b9;
}
section.casestudy-description {
    padding-bottom: 60px;
}

.owl-carousel .owl-item {
    float: left;
    cursor: url(../img/icon-move.png), move !important;
}


.call {
    cursor: pointer;
    position: fixed;
    bottom: 49px;
    right: 40px;
    height: 60px;
    z-index: 99999;
    width: 60px;
    font-size: 20px;
    background: #222ce6;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 11px #0000004d;
    display: flex;
    align-items: center;
    justify-content: center;
}
.call:hover {
    color: #fff;
    text-decoration: underline;
}

.fw-semibold{
    font-weight: 500 !important;
}

@media (min-width: 768px) {
    .casestudy-description .col-md-12 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
        margin-left: auto;
        margin-right: auto;
    }
}