@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;600;700;800&display=swap');
body {line-height: 24px;color:#505a63;font-family: 'Roboto Slab', serif;}
.btn, a, button {-webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear; }
a { text-decoration: none;}
a:hover,a:focus,a:active {color:#50575a; text-decoration: none; outline: 0; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline:none}
a:focus, :focus {outline: 0;}
ul{ list-style:none; padding:0}
li, ol, ul {list-style-type: none;}
button:focus{ outline:none}
/*HEADINGS*/
h1,h2,h3,h4,h5,h6{font-weight:800; }
img{max-width: 100%;}
.container {max-width: 1530px;width: 100%;margin: 0 auto;padding: 0 15px;}
.owl-carousel .owl-nav {margin-top: -30px; position: absolute; top: 50%; width: 100%; display: flex; justify-content: space-between; height: 0; }
/*.owl-carousel .item > div{position: relative; z-index: 9; }*/
.owl-carousel .owl-nav button.owl-next{  font-size: 14px; text-align: center; line-height: 42px; height: 40px; width: 40px; background-color: #fff; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.32); border-radius: 50px; color: #444; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; visibility: hidden; opacity: 0; }
.owl-carousel .owl-nav button.owl-prev {   font-size: 14px; text-align: center; line-height: 42px; height: 40px; width: 40px; background-color: #fff; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.32); border-radius: 50px; color: #444; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; visibility: hidden; opacity: 0; }
.owl-carousel:hover button.owl-prev, 
.owl-carousel:hover button.owl-next {visibility: visible!important; opacity: 1!important; }
.owl-theme .owl-nav [class*=owl-]:hover{background-color:#0a66c2; color: #fff; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #0a66c2;}
/*SECTION HEADINGS*/
.all_heading{font-size:42px;letter-spacing: 2px;font-weight:800;filter: drop-shadow(-4.951px -0.696px 4px rgba(0,0,0,0.19)); color:#fff; margin-bottom:40px;}
.blck-clr-heding{color: #000!important;}
.all_heading-hire{ font-size: 28px;line-height: 38px;letter-spacing: 0px;font-weight: 800;color:#0a66c2;margin-bottom:16px;}
.inner-heading-font{font-size: 90px;font-weight: bolder;line-height: 92px;padding: 0;letter-spacing: 1px;margin-bottom: 16px;margin-top: 76px;color: #fff;text-shadow: 1px 2px 10px #222;}
.inner-all_heading {font-size: 36px; font-weight: 800; margin-top: 60px;   color: #2f2f93;    margin-bottom:0px;}
.sub_heading {font-size: 22px; color:#0a66c2;  line-height: 29px;  font-weight: 600;}
.all-para{font-size: 15px;color:#262525;line-height: 24px;font-weight: 300;}
.banner-para{font-size:16px;color:#ebebeb;line-height:26px; font-weight: 500;}
.aglie-process-para{       font-size: 16px;line-height: 30px;margin: 22px 0;color: #333;}
/*buttons css*/
.more-btn{ color:#bcbf54;margin-top: 14px; text-align: center;font-weight:500;border: 2px solid #bcbf54; padding:14px 66px;font-size:16px; -webkit-box-shadow: 0px 0px 5px 2px rgba(0,174,239,0.12);-moz-box-shadow: 0px 0px 5px 2px rgba(0,174,239,0.12);box-shadow: 0px 0px 5px 2px rgba(0,174,239,0.12); border-radius:50px; }
.more-btn:hover {background:#574d06; color:#fff;border: 2px solid #574d06;}

/********GoodFirm/googlereview/clutch*****/
.gooddfirm-holder{background:#f7f7f7;padding:40px 0;float: left;margin: 0;width: 100%;}
.portfolio-reviw:after{display: none!important;}
.gooddfirm-holder{background:#f7f7f7;padding:20px 0 30px;float: left;margin: 0;width: 100%;}
.all-social-firm-hdler{height: 462px;overflow-y: auto;background: #fff;    padding:10px; }
.HeaderWriteReviewButton__Component-sc-aghmpr-0.dlWoaz.Header__StyledHeaderWriteReviewButton-sc-gozq6j-4.hScrST {display: contents;}

/*HEADER*/
/*-----top part--------*/
.top{ color:#fff; padding:1px 0;background:#0a66c2;}
.top ul.top-left-social-sect{margin: 0;text-align: left;    line-height: 40px;}
.top ul.top-left-social-sect li.social-heading {font-size: 12px;padding: 0 10px 0 0;color: #ffffff;margin: 0;font-weight: 400;}
.top ul.top-left-social-sect li{display: inline;line-height: 26px; padding:0px;margin: 0;}
.top ul.top-left-social-sect li a i {font-size: 15px;color: #fff;padding: 0 3px;}
.top .header-right ul {margin: 0;text-align: right;}
.top .header-right ul li{display: inline-flex;line-height: 26px;padding-left:30px;margin: 0;justify-content: center;align-items: center;}
.top .header-right ul li a {font-size: 14px;padding: 0;color: #ffffff;margin: 0;font-weight:500;    display: inline-block;margin-top: 6px;}
.top .header-right ul li img {    margin-right: 6px;width: 36px;}
.top p{ padding-top: 2px;margin: 0;}
.top li a:hover{color:#00aeef}
img.border-img{border-radius: 2px;}
.site_header .navbar {transition: 0.5s all;     background:#ffffffc4;  padding:0;position: fixed;width: 100%;    z-index: 999;}
.site_header .navbar-brand .logo{width:100%;    max-width:120px; }
.site_header .navbar-brand {font-weight: 500;font-size: 28px;color:#fd712c;vertical-align: middle;    margin-top:0px;}
.site_header .navbar ul li a.nav-link { transition:0.2s;color:#000;font-size: 16px;font-weight: 600;line-height: 32px;}
.site_header .navbar ul li a.btn-project{background: #0a66c2;border: 1px solid #0a66c2;padding: 22px 21px;border-radius: 2px;margin-left:0px;color: #fff;line-height: 0;display: inline-block;margin-top:0px;}
.site_header .navbar ul li.nav-item::after{content:'';display:block;width:0px;height:3px;background:#0a66c2;transition: 0.2s;}
/*.site_header .navbar ul li.nav-item{padding:10px 0 30px 40px;}*/
.site_header .navbar ul li.nav-item{padding:10px 0 16px 40px;}
.site_header .navbar ul li.nav-item:hover::after{width: 100%}
.site_header .navbar ul li a.nav-link:hover{color:#0a66c2; }
.site_header .navbar ul li a.btn-project:hover{background:#3c3c3b;color: #fff!important;border: 1px solid #3c3c3b;}
.site_header .dropdown-toggle::after {border-top: .3em solid #2f2f93;}
.site_header .dropdown-menu{ border: 1px solid rgba(120,130,140,.13);border-radius: 0; box-shadow: 0 3px 12px rgba(0,0,0,.05)!important;-webkit-box-shadow: 0!important;-moz-box-shadow: 0!important; padding:10px 20px; margin-top: 0;left: 0}
.site_header .dropdown-menu .dropdown-item.about-dropdown{    font-size: 13px;display: block;padding: 2px 0 10px;clear: both;font-weight: 600;line-height: 24px;color: #3e3939;white-space: normal;}
.site_header .dropdown-menu .dropdown-item.about-dropdown:hover{    color:#0a66c2;text-decoration: underline;}
.site_header .dropdown:hover>.dropdown-menu{display: block;}
.site_header .navbar-nav li:hover > ul.dropdown-menu {display: block;}
.site_header .dropdown-submenu {position:relative;}
.site_header .dropdown-submenu>.dropdown-menu {top: 42px;left: 10rem;   margin-top: -42px;}
/* rotate caret on hover */
.site_header .dropdown-toggle::after { border-top:.3em solid #000;}
.site_header .menu-large {position: static !important;}
.site_header .megamenu {padding:0;width: 100%;margin: 0;top: auto;background: #fff;}
.site_header .megamenu li ul {padding: 0;margin: 0;background: none!important;}
.site_header .megamenu li ul li {list-style: none;}
.site_header .megamenu li ul li.dropdown-header {font-size:14px;display: block;padding:10px 0;font-weight:600;line-height:26px;color:#0a66c2; white-space: normal;}
.site_header .megamenu li.dropdown-item ul li a {font-size:13px;display: block;padding:2px 0 10px;clear: both;font-weight:600;line-height:24px;color:#3e3939; white-space: normal;}
.site_header .megamenu li.dropdown-item ul li a:hover{text-decoration: underline!important;color:#0a66c2;background:none!important; }
.site_header .megamenu li.dropdown-item ul li a:after{content:'';display:block;width:0px;height:2px;background:#fec400;transition: 0.2s;width:100%;}
@keyframes fadeInDown {from {opacity: 0;transform: translate3d(0, -20%, 0); }to {opacity: 1;transform: translate3d(0, 0, 0);}}
/*HAMBURGER MENU START*/
/*Add Class "Collapsed" to "navbar-toggler" in HTML */
.site_header .navbar-toggler{padding: 0; outline: 0; color: transparent; background-color:transparent; border-color: transparent;}
.site_header .navbar-toggler:focus,
.site_header .navbar-toggler:active{outline: 0;}
.site_header .navbar-toggler .navbar-toggler-icon{position: relative; height: 2px; background-color: transparent; width: 35px; border-radius: 4px; transition: 0.3s all ease-in-out; }
.site_header .navbar-toggler .navbar-toggler-icon:before,
.site_header .navbar-toggler .navbar-toggler-icon:after{content: ""; position: absolute; display: block; height: 2px; width: 100%; background-color: #444; border-radius: 4px; transition: 0.3s all ease-in-out; }
.site_header .navbar-toggler-icon:before{top: 0; transform: rotate(45deg);}
.site_header .navbar-toggler-icon:after{bottom: 0; transform: rotate(-45deg);}
.site_header .navbar-toggler.collapsed .navbar-toggler-icon{background-color: #444;}
.site_header .navbar-toggler.collapsed .navbar-toggler-icon:before{top:-12px; transform: rotate(0);}
.site_header .navbar-toggler.collapsed .navbar-toggler-icon:after{bottom:-12px; transform: rotate(0);}
.isFixed {position: fixed; top: 0; right: 0;  left: 0;  z-index: 1030;background-color:#eeeeee!important; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);padding-top: 10px;padding-bottom: 10px; z-index: 99;animation: smoothScroll 1s forwards;}
.isFixed .navbar ul li.nav-item {padding: 10px 0 10px 40px;}
@keyframes smoothScroll {0% {transform: translateY(-40px);}100% {transform: translateY(0px);}}
/*************mobile-Navbar*******************/
#mobileNav {padding: 20px 14px;background: #ffffff;;background:#ffffff;position: fixed;z-index: 1111111;width: 100%;}
#mobileNav .mobile-top-logo-side img{width: 100px;}
#top-nav {display: block;width: 40px;height: 32px;position: absolute;top: 0px;right: 0px;cursor: pointer;opacity: 0;z-index: 2;}
.hamburger-main-sec{float: right;text-align: right;}
.hamburgerspan {cursor: pointer;display: table-caption;width: 33px;height: 4px;margin-bottom: 5px;position: relative;background:#0270b7;border-radius: 3px;z-index: 1;transform-origin: 4px 0px;transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;}
#top-nav:checked ~ .hamburgerspan {opacity: 1;transform:rotate(45deg) translate(-5px, 0px);background:#0270b7;}
#top-nav:checked ~ .hamburgerspan:nth-child(2) {opacity: 1;transform:rotate(130deg) translate(-2px, -14px);}
#top-nav:checked ~ .hamburgerspan:nth-last-child(3) {opacity: 0;transform: rotate(0deg) scale(0.2, 0.2);}
input[id^="menu-"] {position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin: 0;cursor: pointer;opacity:0;}
div[id^="menu-cont-"] {width: 100%;background-color:#ebebeb;padding:0;box-sizing: border-box;margin: 0;height: 100vh;position: fixed;margin: 0;overflow: auto;top: 0;left: 0;transform: translate3d(-100%, 0, 0);transition: transform 0.35s;padding-right:0;}
#top-nav:checked ~ div[id^="menu-cont-"],input[id^="menu-"]:checked ~ div[id^="menu-cont-"] {transform: translate3d(0, 0, 0);}
ul.menu-ul li.nav-item {  width: 100%;font-size: 15px;color: #000;list-style: none;padding: 15px 10px 15px 20px;border-bottom:1px solid #3a3a3a38;box-sizing: border-box;position:relative;font-weight: 400;}
ul.menu-ul li.nav-item .nav-link{font-size: 15px;color: #000;padding: 0;}
ul.sub-menu-ul li.nav-item .nav-link{font-size: 13px;color: #000;padding: 0;}
div[id^="menu-cont-"] li.nav-item:last-child {border: 0;}
ul.menu-ul {padding: 0;margin:60px 0 0 0;}
ul.menu-ul .nav-item.sub-menu:after, label.menu-label:before {content: "";border: 2px solid transparent;border-top-color: transparent;border-top-style: solid;border-top-width: 2px;border-right-color: transparent;border-bottom-color: transparent;border-left-color: transparent;border-left-style: solid;border-left-width: 2px;display: block;width: 7px;height: 7px;margin-bottom: -5px;float: right;transform: rotate(-45deg);border-color:#000000;border-top: none;border-top-color: currentcolor;border-left: none;border-left-color: currentcolor;    margin: 0 10px;}
label.menu-label {width: 100%;display: block;padding: 15px 10px 15px 20px;border-bottom: 1px solid #ccc;color: #fff;font-weight: bold;box-sizing: border-box;background-color:#026fb7;}
label.menu-label:before {float:left;margin:8px;margin-left:0px;transform: rotate(135deg);}
.mobile-top-logo-side{position: absolute;top:8px;left:10px; z-index: 111111;}
#menu-cont-1{z-index:1001;}
#menu-cont-2{z-index:1002;}
#menu-cont-3{z-index:1003;}
#menu-cont-4{z-index:1004;}
#menu-cont-5{z-index:1005;}
#menu-cont-6{z-index:1006;}
#menu-cont-7{z-index:1007;}
#menu-cont-8{z-index:1008;}
#menu-cont-9{z-index:1009;}
.hamburgerspan{z-index:9998;}
#top-nav{z-index:9999;}
/*************mobile-Navbar*end******************/
#new-mega-menu{width: 100%;}
#new-mega-menu ul#tabs{background:#0a66c2;    padding:30px 0 30px 70px;height:100vh;}
#new-mega-menu .nav-tabs .nav-item{margin-bottom:30px;    padding: 0;}
#new-mega-menu ul#tabs li a.nav-link {    color: #ffffff;font-size:16px;font-weight: 600;line-height: 48px;padding: 0 20px;  /*border-radius: 10px 0 0 10px!important;*/}
#new-mega-menu ul#tabs li a.nav-link.active{color:#0a66c2;}
#new-mega-menu ul#tabs li a.nav-link:hover {color:#0a66c2;}
#about-mega-menu{padding:30px;}
#new-mega-menu .csutm-navbar-tab-content,#about-mega-menu .csutm-navbar-tab-content{padding:20px 0px 30px 0px;height: 100vh;}
#new-mega-menu .csutm-navbar-tab-content .img-icon,#about-mega-menu .csutm-navbar-tab-content .img-icon{ padding-right:25px;}
#new-mega-menu .csutm-navbar-tab-content .img-icon i,#about-mega-menu .csutm-navbar-tab-content .img-icon i{font-size:28px;color:#36393c;}
#new-mega-menu .csutm-navbar-tab-content .img-icon-cont,#about-mega-menu .csutm-navbar-tab-content .img-icon-cont {padding: 0 11px;}
#new-mega-menu .csutm-navbar-tab-content .img-icon-cont ul,#about-mega-menu .csutm-navbar-tab-content .img-icon-cont ul{padding: 0;margin:0; }
#new-mega-menu .csutm-navbar-tab-content .img-icon-cont ul li,#about-mega-menu .csutm-navbar-tab-content .img-icon-cont ul li{ color: #3e3d3d;   padding: 0;margin: 12px 0 20px 14px;font-size: 16px;list-style: circle; }
#new-mega-menu .csutm-navbar-tab-content .img-icon-cont a.all-megamenu-inner-anchr,#about-mega-menu .csutm-navbar-tab-content .img-icon-cont a.all-megamenu-inner-anchr{    display: inline-block;color:#0a66c2;text-transform: capitalize;font-weight:700;margin-bottom: 10px;font-size:16px;}
#new-mega-menu .csutm-navbar-tab-content .img-icon-cont a.all-megamenu-inner-anchr:hover,#about-mega-menu .csutm-navbar-tab-content .img-icon-cont a.all-megamenu-inner-anchr:hover{color:#222;text-decoration: underline; }
#new-mega-menu .csutm-navbar-tab-content .img-icon-cont p,#about-mega-menu .csutm-navbar-tab-content .img-icon-cont p{    font-size: 14px;color: #262424;line-height: 26px;font-weight:400;}
#new-mega-menu .csutm-navbar-tab-content .card,#about-mega-menu .csutm-navbar-tab-content .card{background: #fff;border: none;}
#new-mega-menu .csutm-navbar-tab-content .card .learnmore-btn,#about-mega-menu .csutm-navbar-tab-content .card .learnmore-btn{width: 100%;padding: 0;margin: 0;}
#new-mega-menu .csutm-navbar-tab-content .card .learnmore-btn span,#about-mega-menu .csutm-navbar-tab-content .card .learnmore-btn span{font-size: 18px;color:#000;margin-right: 20px;}
#new-mega-menu .csutm-navbar-tab-content .card .learnmore-btn a,#about-mega-menu .csutm-navbar-tab-content .card .learnmore-btn a{font-size: 18px;color:#0a66c2;margin-right: 20px;}
#new-mega-menu .csutm-navbar-tab-content .card .learnmore-btn a:hover,#about-mega-menu .csutm-navbar-tab-content .card .learnmore-btn a:hover{color: #000;}
/*Banner*/
.hero{position: relative;width: 100%;padding: 0;text-align: left;}
.hero.bg1{ background: url(../img/home-banner.png) no-repeat;background-size: cover;background-position: center;width: 100%;display: block;background-attachment: fixed;min-height: 800px;height: 100%;}
.nav-tabs {display: none;}
/*****Banner-text***/
.banner-content-sec{margin:0;position: absolute;top:40%; text-align: left;}
.text_1 {animation: text1;}
.text_2 {animation: text2;}
.text_1, .text_2 {overflow: hidden;white-space: nowrap;top:5px;font-size:24px; font-weight: 600;  color:#176daf;display: inline-block;position: relative;    animation-duration: 10s;animation-timing-function: steps(50, end);animation-iteration-count: infinite;}
.text_1::after, .text_2::after {content: "|";position: absolute;right: 0;animation: caret infinite;animation-duration:1s;animation-timing-function: steps(1, end);}
@keyframes text2 {0%, 50%, 100% {width: 0;}  60%, 90% {width:9em;}}
@keyframes text1 {0%, 50%, 100% {width: 0;}10%, 40% {width:18em;}}
@keyframes caret {0%, 100% {opacity: 0;}  50% {opacity: 1;}}
#myVideo {position: relative;width: 100%;float: left;padding: 0;}
.hero:before{position: absolute;content: '';left: 0px;top: 0px;width: 100%;height: 100%;display: block;}


/*Banner HERO*/

.video-hgt-sec {height: 850px; width: 100%; object-fit: cover;}
.video-banner-sec {padding: 0px;margin: 0px;position: relative;bottom:0px;}
.video-banner-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 850px;background-color:rgb(0 0 0 / 50%);z-index: 2;}
.hero__content{position: absolute;z-index: 22; width: 100%; color: #fff; top:50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); min-height: 250px;}
.hero__content .heading__font{ color:#fff;font-size:38px;font-weight:900;line-height:42px;padding: 0;margin-bottom:12px;}
.hero__content p{ font-size:18px;margin-bottom: 34px;color:#dfdfdf;font-weight: 300;line-height:28px}
.hero__content h6{ background: #27c79a;padding:6px 10px;margin-top: 60px;font-size: 17px;font-weight: 200;margin-bottom: 25px;display: inline-block;position: relative;}
.hero__content h6:after {position: absolute;content: "";width: 0;height: 0;border-top: 10px solid #0a66c2;border-right: 15px solid transparent;left: 0;bottom: -10px;}
.hero__content h6{ background:#0a66c2;padding:6px 10px;margin-top: 30px;font-size: 16px;font-weight: 200;margin-bottom: 25px;display: inline-block;position: relative;}
.hero__content h6:after {position: absolute;content: "";width: 0;height: 0;border-top: 10px solid #0a66c2;border-right: 15px solid transparent;left: 0;bottom: -10px;}
.hero__content button,.hero__content button::after{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.hero__content button {  background:none;border: 2px solid #fff;border-radius: 22px;color: #fff;display: block;font-size: 20px;font-weight:600;padding: 20px 26px;position: relative;text-transform: capitalize;}
.hero__content button::before,.hero__content button::after {background:#0a66c2;content: '';position: absolute;z-index: -1;}
.hero__content button:hover {color: #fff;}
.hero__content .header-buttons {overflow: hidden;}
.hero__content .header-buttons::after {height: 100%;left: -34%;top: 0;transform: skew(50deg);transition-duration: 0.6s;transform-origin: top left;width: 0;}
.hero__content .header-buttons:hover:after {height: 100%;width: 140%;}



/*****free-website-audit*****/
    #so-form {
        margin: 10px!important;
    }
/*
    #so-fieldswrapso1639053447 {
        width: 300px!important;
    }
*/
    .so-fieldso1639053447 {
        background-color: #FFFFFF!important;
        border: 1px solid #e3e3e3!important;
        border-radius: 4px !important;
        color: #565656!important;
        padding: 7px 12px!important;
        font-size: 18px!important;
        box-sizing: border-box !important;
        height: 45px; 
        width: 100%!important; 
        display: block!important; 
        margin-top: 12px!important;
    }
    .so-fieldso1639053447::placeholder {
        color: #777777!important;
    }
    #so-submitso1639053447 {
        background-color: #25b36f!important;
        border: 1px solid #25b36f!important;
        color: #ffffff!important;
        border-radius: 4px !important;
        text-decoration: none!important;
        cursor: pointer!important;
        box-sizing: border-box !important;
        height: 45px!important; 
        font-size: 18px!important; 
        display: block!important; 
        padding: 8px 50px!important; 
        margin:22px auto 0;
    }
.auidt-left-img img{margin-top:80px;}
    .so-container {
        width: 100%;
        text-align: center;
    }
    .so-widget-form {
        display: inline-block !important;
		width: 100%;
    }
    #so-boxso1639053447 {
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
    background: #0000008a;
    margin-top: 90px;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px;
  }
    #so-titleso1639053447 {
          margin-bottom: 14px;
    font-size: 28px;
    font-weight: 700;

    }
    #so-paragraphso1639053447 {
        margin-bottom: 10px; 
        font-size: 14px;
    }



.how-itwork-boxes {
    width: 100%;
    margin-bottom: 50px;
    max-width: 1250px;
    margin-left:auto;
    margin-right:auto;
}
.how-itwork-boxes .howitwork-sec-title h4 {
    font-size: 18px;
    font-weight: 400;
    color: #5f5f5f;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.how-itwork-boxes .howitwork-sec-title h2 {
    font-size: 32px;
    font-weight: 800;
    color:#267abd;
    padding: 0px 0 0 0;
    margin: 0;
    letter-spacing: -0.98px;
    margin-bottom: 30px;
}
.how-itwork-boxes .howitwork-sec-title p {
      padding: 0;
    margin:20px 0;
    box-sizing: border-box;
    font-size: 16px;
    color: #333;
    line-height: 32px;
}






/*****Aboutsec*****/
.about-holder-counter{width: 100%;padding: 0;margin:-6px 0;position: relative;z-index: 11;float: left;
    background: #fff;}
.about-holder {background: url(../img/about-bg.jpg);position: relative;    height:610px;background-position: center center;background-repeat: no-repeat;background-size: cover;padding: 52px 0 0;text-align: center;}
.about-holder:before {position: absolute;content: '';left: 0px;top: 0px;width: 100%;height: 100%;display: block;background: #0404048c;}
.about-holder .sec870-wdt {    max-width:870px;margin:10px 0;text-align: left;    position: relative;width: 100%;}
.rotate-sec-holder{width: 100%;padding: 0;margin: -130px 0 0 0; position: relative;}
.about-rotate-sec h4 {margin-bottom: 0;font-weight:700;font-size:52px;line-height: 60px;color:#fff;text-align:center;}
.rotate-sec-holder p {text-align: justify;font-size: 16px;color: #000000;text-align: left;    line-height: 20px;margin-top: 10px!important;font-weight: 700;}
.about-big-circle::before {width: 90%;height: 100%;background: url("../img/circle-inner.png")no-repeat center;content: "";position: absolute;border-radius: 50%;margin: 0 auto;left: auto;right: -10px;background-size: 100%;animation-name: spin;animation-duration: 5000ms;animation-iteration-count: infinite;animation-timing-function: linear;}
.about-big-circle {width: 200px;height: 263px;text-align: center;border-radius: 50%;margin: 0;padding-left:50px;margin-left: 0px;line-height: 260px;position: relative;}
.about-big-circle .outer {width: 220px;height: 220px;border:1px solid #0a66c2;position: absolute;top: 0;bottom: 0;left: auto;right: -30px;margin: auto;border-radius: 50%;}
.about-big-circle .outer2 {width: 200px;height: 200px;border: 1.5px solid #78c9ff;    background: #24C6DC;background: -webkit-linear-gradient(to right, #514A9D, #24C6DC);background: linear-gradient(to right, #514A9D, #24C6DC);position: absolute;top: 0;bottom: 0;right: -20px;left: auto;margin: auto;border-radius: 50%;}
.about-big-circle .cir_text {    z-index: 11;display: inline-block;width: 100%;vertical-align: middle;text-align: center !important;position: relative;}
.about-big-circle div p {text-align: center !important;width: 80%;margin: 0 auto;}
.circle {width: 20px;height: 20px;background: linear-gradient(0deg, #036fb7 0%, #a9d8ff 100%);;border-radius: 50%;position: absolute;top: 0;bottom: 0;left: 0px;right: 0px;overflow: hidden;margin: auto;-webkit-animation: circle 6s linear infinite;animation: circle 6s linear infinite;}
.outer .circle:nth-child(2) {-webkit-animation: circle 8s linear infinite;animation: circle 8s linear infinite;background: linear-gradient(0deg, #c7c7c7 0%, #1b75ba 100%);right: -0px;left: -0px;z-index: 11;}
@keyframes spin {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}
@keyframes circle {0% {transform: rotate(0deg) translate(-100px) rotate(0deg);}	100% {transform: rotate(360deg) translate(-100px) rotate(-360deg);}}

/*******client-sec*****/
.client-sec{width: 100%;padding:10px 0 0px 0;margin: 0;float: left; text-align: center;    background: #fff;}
.logo__wrap {    padding: 0 22px;background: #fff;display: flex;align-items: center;justify-content: center;height: 120px;width: 240px;  margin: 30px 0;    -webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;-o-transition: all 400ms linear;-ms-transition: all 400ms linear;transition: all 400ms linear;box-shadow:2px 6px 10px rgb(0 0 0 / 18%);}
.client-sec .owl-carousel .owl-nav button.owl-next, 
.client-sec .owl-carousel .owl-nav button.owl-prev {    margin:14px 10px 14px 0;font-size:22px; text-align: center; line-height: 42px; height: 40px; width: 40px; background-color: #0570b8; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.32); border-radius: 50px; color: #fff; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.client-sec .owl-carousel:hover button.owl-prev, 
.client-sec .owl-carousel:hover button.owl-next {visibility: visible!important; opacity: 1!important; }
.client-sec .owl-theme .owl-nav [class*=owl-]:hover{background-color:#222222; color: #fff; }
.client-sec .owl-dots {background: #222222; display: none;}
.client-sec .owl-carousel .owl-item img.poweful1 {width: 140px;margin: 0 auto;padding: 0;}
ul.timeline {list-style-type: none;position: relative;}
ul.timeline:before {content: ' ';background:#d4d9df;display: inline-block;position: absolute;left:16px;width: 2px;height: 100%;z-index: 400;}
ul.timeline > li {margin:30px 0;padding-left:42px;  color: #343434;font-weight: 500;    font-size: 16px;}
ul.timeline > li:before {content: ' '; background: #fff;display: inline-block;position: absolute;border-radius: 50%;border:3px solid #095aab;left:10px;width:14px;height:14px;z-index: 400;}

/*************testimonial**********/

.Our_Customers{padding: 80px 0 80px 0;width: 100%;text-align: center;background: #fff;float: left; }
.testimonial{border-radius: 4px; padding:15px; margin-top: 20px; border: 1px solid #f9f9f9;padding-bottom:40px;    min-height: 350px;}
.testimonial:before {content: '';position: absolute;top: 12%; left:0;width:5px;height:55px;background:#00aeef; border-radius:0px 5px 5px 0px }
.testimonial .pic{ width: 90px; height: 90px; border-radius: 50%;  margin: 0 auto; border: 3px solid #fff; box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35);position: relative;  margin-top: -35px;}
.testimonial:after{content: "\f10e";font-family: "FontAwesome";color:#00aeef;position: absolute;bottom: 10px;right: 16px;
margin: 10px auto;font-size: 43px;}
.testimonial .pic img{ width: 100%; height: auto; border-radius: 50%;}
.testimonial .testimonial-content{padding: 10px}
.testimonial .description{}
.testimonial .testimonial-title{font-size: 16px; color: #414141;margin-bottom: 2px;}
.testimonial .post{font-size: 13px; color:#00aeef;margin-bottom: 5px; display: inline-block;}


#why-choose-sec .description-image-wrapper {background: url(../img/hire-on-bg.jpg);position: relative; background-attachment: fixed;background-position:inherit;background-repeat: no-repeat;background-size: cover;text-align: center;padding: 60px 0 60px 80px;}
#why-choose-sec .description-image-wrapper:before {position: absolute;content: '';left: 0px;top: 0px;width: 100%;height: 100%;display: block;background:#1b75bae6;}
#why-choose-sec .description-image-wrapper img{object-fit: cover;}
#why-choose-sec {background-color:#eeeeee;}
#why-choose-sec .container-full {padding: 0 15px;}
#why-choose-sec .description-text-container {   margin:50px;}
.tech-right-sec-holder{ margin-top:80px;}
#why-choose-sec.description-text-container h1 {margin-bottom: 10px;margin-top: 90px;}
#why-choose-sec .description-text-container .sub-heading {border-radius:6px;background:#0a66c2;display: inline-flex;width: 100%;max-width: 376px;font-weight: 500;float: left;color: #fff;height: 40px;justify-content: flex-start;align-items: center;padding: 0 0 0 12px;font-size: 20px;letter-spacing: 2px;}
#why-choose-sec .description-text-container .all-para{ font-size: 16px;color: #2a2828;letter-spacing: -0.20px;line-height: 27px;font-weight: 600;display: inline-block;}
#why-choose-sec ul {margin-bottom: 20px;}
#why-choose-sec .styled-list li {    position: relative;padding-left: 38px;font-size: 16px;line-height: 42px;color: #343434;font-weight: 600;}
#why-choose-sec .styled-list li::before {content: "";display: block;position: absolute;left: 0;top:8px;width:30px;height:30px;background-image: url(../img/hire-icon.png);background-position: center;background-repeat: no-repeat;}

/**************PricingModel**********/
/*.pricing-holder { padding:60px 0 60px;text-align: center;    position: relative;}*/
.pricing-holder { padding:30px 0 30px;text-align: center;    position: relative;}
.pricing-holder:before {position: absolute;content: '';left: 0px;top: 0px;width: 100%;height: 100%;display: block;background: #00000069;}
.expertisevideo-hgt-sec {height: 100%; width: 100%; object-fit: cover;}
.video-banner-sec {padding: 0px;margin: 0px;position: relative;bottom:0px;}
.expertisevideo-banner-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.45);z-index: 2;}
.expertise-holder{    position: absolute;z-index:99;width: 100%;color: #fff;top: 50%;    padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);transform: translate(0, -50%);min-height: 250px;}
.pricing-holder .sec870-wdt {    max-width:870px;margin:10px auto;text-align: center;    position: relative;width: 100%;}
/*.pricing-holder .framework-skill-holder {box-shadow: 0 0 20px #2387d3;text-align: left;padding: 2rem 3rem;background:#fff;border-radius: 3px;margin: 0 0 2.7rem;    min-height: 354px;}*/
.pricing-holder .framework-skill-holder {box-shadow: 0 0 20px #2387d3;text-align: left;padding: 2rem 3rem;background:#fff;border-radius: 3px;margin: 0 0 30px;    min-height: 354px;}
.pricing-holder .framework-skill-holder ul {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;}
.pricing-holder .framework-skill-holder ul li {text-align: center;flex-basis: 16%;}
.pricing-holder .framework-skill-holder ul li a { font-weight: 500;color: #000000;font-size: 16px;}
.pricing-holder .framework-skill-holder  img {margin: 0 auto 1rem;width: 58px;height: 56px;display: block;transition:all 250ms linear;}
.pricing-holder .framework-skill-holder ul li:hover a img{transform: scale(1.2);}
.video-expertise{  width: 100vw;height: 100vh;object-fit: cover;position: fixed;top: 0;left: 0;  z-index: -1;}
/*********Technologies*******/
.techlogo__wrap {padding:6px;background: #fff;text-align: center;height: 140px;margin-bottom: 30px;-webkit-transition: all 400ms linear; -moz-transition: all 400ms linear;-o-transition: all 400ms linear;-ms-transition: all 400ms linear;transition: all 400ms linear;box-shadow: 0 0 20px #666666;}
.tech-logo-heading{font-size: 16px;color: #000;font-weight: 600;}
.height-fix-para{height: 90px;}
/*******documentaries-sec******/
.documentaries-sec{background: #fff;padding:0;float: left;width: 100%;}
.documentaries-sec img{width:320px;background:#fff;padding: 16px;box-shadow: 2px 6px 10px rgb(0 0 0 / 32%);}

.footer-above-adress .why_choose_column {width: 100%;float: left;}
.footer-above-adress .why_choose_column .content { color: #fff;padding:0;min-height: 150px;border-radius: 2px;width: 100%;}
.footer-above-adress .why_choose_column .content .icon {position: relative;width: 40px;float: left;}
.footer-above-adress .why_choose_column .content .icon img{border-radius:4px;}
.footer-above-adress .why_choose_column .content .icon i {width: 100%;font-size: 36px;    color: #1b73b6;}
.footer-above-adress .why_choose_column .content .text {width: calc(100% - 40px);float: left;padding-left: 15px;}
.footer-above-adress .why_choose_column .content .text h4 {    font-size: 18px;font-weight: 700;line-height: 28px;color: #fff;padding: 0;margin: 0 0 15px;text-transform: uppercase;}
.footer-above-adress .why_choose_column .content .text p {line-height: 1.5;margin: 0;}
/*****Footer-newsletter*********/
.home-newsletter {padding:0;margin:0 0 20px; }
.home-newsletter .single .form-control {height:38px;background: #fff;border-color: transparent; }
.home-newsletter .single .form-control:focus {box-shadow: none;border-color: #243c4f; }
.home-newsletter .btn {min-height: 44px;border-radius:2px;background:#1c1c1c;color: #fff;width: 100%;margin-top: 12px;}
.home-newsletter .btn:hover{background: #000;}
/******footer*******/
.footer-above-adress{width: 100%;padding:10px 0;margin: 0;}
footer {background: url(../img/footer-bg.jpg);position: relative; background-attachment: fixed;   height:100%;background-position:inherit;background-repeat: no-repeat;background-size: cover;padding:80px 0 0;}
footer:before {position: absolute;content: '';left: 0px;top: 0px;width: 100%;height: 100%;display: block;background:#0a66c2eb;}
footer h3 {font-size: 18px;font-weight: 700;line-height: 28px;color: #fff;padding: 0;margin: 0 0 15px;text-transform: uppercase;}
footer .input {padding: 11px 10px;float: left;margin-top: 10px;margin-bottom: 30px;width: 100%}
ul.social-network {list-style: none;display: inline;margin-left: 0!important;padding: 0}
ul.social-network li {display: inline;margin: 0 3px 0 0}
.social-network a.icoRss:hover {background-color: #3cf}
.social-network a.icoFacebook:hover {background-color: #3B5998}
.social-network a.icoTwitter:hover {background-color: #bd081c}
.social-network a.icoGoogle:hover {background-color: #BD3518}
.social-network a.icoVimeo:hover {background-color: #0590B8}
.social-network a.icoLinkedin:hover {background-color: #cc181e}
.social-network a.icoLink:hover {background-color: #0077b5}
.social-network a.plus:hover {background-color: #dc4b3f}
.social-network a.icoRss:hover i,
.social-network a.icoFacebook:hover i,
.social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i,
.social-network a.icoVimeo:hover i,
.social-network a.icoLinkedin:hover i {color: #fff}
a.socialIcon:hover,.socialHoverClass {color: #44BCDD}
.social-circle li a {display: inline-block;position: relative;margin: 0 auto;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;text-align: center;width: 40px;height: 40px;font-size: 22px}
.social-circle li i {margin: 0;line-height: 40px;text-align: center}
.social-circle li a:hover i,
.triggeredHover {-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms--transform: rotate(360deg);transform: rotate(360deg);-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;-ms-transition: all .2s;transition: all .2s}
.social-circle i {color: #fff;-webkit-transition: all .8s;-moz-transition: all .8s;-o-transition: all .8s;-ms-transition: all .8s;transition: all .8s}
.social-circle a {background-color: #161616;border: 1px solid #fefefe}
footer ul {padding: 0;margin: 0}
footer li {     line-height: 34px;list-style-type: none;font-weight: 100;color: #fff;text-transform: capitalize;font-size: 15px;letter-spacing: 0;}
footer li a {text-decoration: none;color: #fff}
footer li a:hover {text-decoration: none;color: #8e8e8e}
/*a.free-website-btn{background: #fff;padding: 10px 8px;color: #0c61b6;font-size: 18px;display: block;font-weight: 500;text-align: center;border-radius: 1px;}
a.free-website-btn:hover{color: #000;}*/
.copyright {background-color: #040404;font-size: 12px;margin:0;color: #fff;font-weight: 300;line-height: 28px;padding:10px 0}
a.free-website-btn{ font-size:16px;width: 200px;display:inline-block;color: #fff;height:46px;background: #f12711;background: -webkit-linear-gradient(to right, #f5af19, #f12711);background: linear-gradient(to right, #f5af19, #f12711);padding: 0;text-align: center;line-height:46px;border-radius:26px;border: 1px dotted #fff;}
/********Contactpage*****/
#contact-tp-padd{padding:140px 0 40px 0;}
.innerTopBanner {background: url(../img/map-bg.png);    background-attachment: fixed;position: relative;    height:100%;background-position: center center;background-repeat: no-repeat;background-size: cover;padding: 52px 0 0;text-align: center;}
.innerTopBanner:before {position: absolute;content: '';left: 0px;top: 0px;width: 100%;height: 100%;display: block;background:#fffffff5;}
.contact-left-side-sec {width: 100%;padding: 20px 10px;text-align: left;}
.cst-label-cnt{font-size: 14px;font-weight: 600;color:#0b5fb5;}
.ctm-frm-contl{background: none;border: 1px solid #000;height: 48px;}
.contact-left-side-sec .sumt-btn-cnt{width: 100%;height: 48px;transition: transform .2s;background: #026fb7;border: 1px solid #c3c3c3;font-size: 22px;font-weight: 700;color: #fff;text-transform: uppercase;letter-spacing: 1px;}
.contact-left-side-sec .sumt-btn-cnt:hover{  transform: scale(1.1);}
.error-ctm {font-size: 14px;font-weight: 600;color: #ff0000;margin: 10px 0;display: inline-block;}
.cont-wdt1400{ width: 100%;margin: 0 auto;max-width: 1380px;}
.righ-side-cstcont { padding:20px 40px 30px;background:#0a66c2d9;text-align: left;border: 2px dotted #fff;}
.cntgifhding {    font-size:17px;font-weight: 700;color: #000;padding:14px 10px;background: #fff;border-radius: 6px;}
.cntaddres {    color:#e5e5e5;font-size: 16px;line-height: 40px;font-weight:500;}
.cntaddres > span {padding-left: 8px;display: inline-flex;}
.cntsocialicon {margin:20px 0;padding: 0px;display: inline-block;}
.cntsocialicon li {list-style: none;float: left;margin-right: 10px;}
.cntsocialicon li a {display: block;transform .2s;text-decoration: none;color: #fff;font-size:20px;border: 1px solid #fff; padding:10px 13px;border-radius: 50%;}
.cntsocialicon li:first-child a {padding:11px 18px;}
.cntsocialicon li a:hover{transform: scale(1.1);}
/********ABout us***********/
.about-inner-banner-sec{margin-bottom:120px;}
.who-we-are-sec {padding: 2rem 0 6rem;}
.who-we-are-sec-head {width: 45%;position: relative;}
.allpage-inner-heading  {    color: #333;font-size: 50px;position: relative;font-weight: 900;z-index: 1;}
.who-we-are-sec-content {width: 55%;position: relative;}
.who-we-are-sec-para {font-size: 22px;position: relative;line-height: 1.7;    color: #000;}
.who {position: absolute;left: -330px;top: 32px;font-size: 240px; color: #FAFBFB;z-index: -1;font-weight: 900;}
/*.what {position: absolute;right: -240px;bottom: -30px;font: 290px;color: #FAFBFB;z-index: -1;}*/
/*****Abut-history******/
.about-histry-sec {padding: 5rem 0;position: relative;background-image:linear-gradient(to bottom, #0a66c2, #0a66c2, #0a66c2, #106ecf, #106ecf);z-index: 2;}
.history-subheading {position: absolute;right: 0;top: 138px;font-weight: 800;color: #249bf8;z-index: -1;font-size: 190px;}
.history-ul-slider {display: none;width: 90%;margin: 0 auto;}
.history-panel{display: flex;justify-content: space-between;}
.history-left-side {width: 45%;padding: 30px 30px 0 0;}
.history-left-side span {color: #fff;margin-bottom: 20px;font-size: 24px;display: block;}
.history-left-side span {color: #fff;margin-bottom: 20px;font-size: 24px;display: block;}
.history-left-side .para {color: #fff;margin-top: 0;font-size: 22px;line-height: 1.5;}
.history-right-side {width: 45%;}
.history-right-side figure {padding: 40px 60px 25px 0px;position: relative;z-index: 2;}
.history-right-sidet img {width: 100%;}
.history-right-side figure span {position: absolute;background: #fff;height: 1px;width: 200px;bottom: 7px;right: 140px;}
.history-right-side figure:before {position: absolute;content: "";right: 38px;bottom: 115px;background: #fff;width: 15px;height: 15px;z-index: -1;}
.history-right-sidet figure span:before {position: absolute;content: "";background: #fff;width: 60%;height: 1px;bottom: -10px;right: 0;}
.history-right-side figure:after {position: absolute;content: "";right: 30px;bottom: -5px;background: #fff;width: 85px;height: 110px;z-index: -1;}
.history-timeline-tablist ul {display: flex;margin: 90px auto 40px;align-items: center;justify-content: center;width: 85%;position: relative;}
.history-timeline-tablist ul::after {position: absolute;content: "";background: #fff;width: 98%;height: 1px;top: -22px;left: 1%;}
.history-timeline-tablist ul li {width: 20%;}
.history-timeline-tablist span {cursor: pointer;position: relative;padding: 38px 10px 15px 10px;color: #fff;font-size: 18px;}
.history-timeline-tablist .tab-list-logo {transform: scale(0);-webkit-transform: scale(0);opacity: 0;-webkit-transition: all 0.6s cubic-bezier(0.4, 0.25, 0, 1);transition: all 0.6 cubic-bezier(0.4, 0.25, 0, 1);z-index: 2;height: 50px;width: 50px;background: #fff url(../img/ai-logo.png) no-repeat center;position: absolute;top: -25px;left: 5px;border-radius: 50%;padding: 0;background-size:32px;-webkit-transition: all 0.6s cubic-bezier(0.4, 0.25, 0, 1);transition: all 0.6 cubic-bezier(0.4, 0.25, 0, 1);}
.htimeline-tablist-link.active .tab-list-logo {opacity: 1;transform: scale(1);-webkit-transform: scale(1);}
/***********Best Life Work************/
.best-life-work-holder{    padding: 5rem 0 0;width: 100%;margin:0;float: left;}
.best-life-work-boxes{margin:0;padding: 0;text-align: center;font-size: 18px;position: relative;color: #6D6C6C;margin: 35px 0;display: flex;justify-content: center;}
.best-life-work-boxes-icon {display: flex;align-items: center;padding: 0 0px;}
.best-life-work-boxes-icon figure img {transform: scale(1);text-align: center;display: flex;margin: 0 auto;}
.best-life-work-boxes-icon span {text-align: left;color: #000;margin-left: 50px;}
.best-life-work-holder .best-life-work-boxes:after {background:#cdcaca;position: absolute;content: "";top: 10px;right: 0;width: 1px;height: 80px;}
/*****about-gallery**********/
.about-galleries-Sec{width: 100%;padding:5rem 0;margin: 0;float: left;}
.filter-gallery{position:relative;margin-bottom:1.5em;z-index: 0;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 2.2s ease-in-out;-moz-transition: all 2.2s ease-in-out;-ms-transition: all 2.2s ease-in-out;-o-transition: all 2.2s ease-in-out;transition: all 2.2s ease-in-out;}
.filter-gallery a img{-webkit-transition: all 2.4s ease-in-out;-moz-transition: all 2.4s ease-in-out;-ms-transition: all 2.4s ease-in-out;-o-transition: all 2.4s ease-in-out;transition: all 2.4s ease-in-out;    height: 100%;width:100%;}
.filter-gallery a{display: block;overflow: hidden;position: relative;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.filter-gallery a:hover img{-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-ms-transform: scale(1.5);-o-transform: scale(1.5);transform: scale(1.5);}
.filter-gallery:hover .col-pic{background:rgba(0, 0, 0, 0.59);}
.padcol {padding-left:1px;padding-right:2px;margin-top: -17px;}
.margright{margin-right: -2px;}

/*****Value Core*********/
.value-grid {width: 33.33%;padding: 0 60px;    margin-top: 40px;}
.val-num {font-size: 80px;color:#1b70c52e;display: block;padding-bottom: 50px;font-weight: bold;}
.val-head {font-size: 20px;font-weight: 900;}
.value-grid .para {font-size: 18px;text-align: left;line-height: 1.6;margin: 30px 0;color: #333;}
/******JOin-About-Sec**********/
.join-rv {margin: 7rem 0;}
.join-app-wrap, .display-flex-wrap {display: flex;flex-wrap: nowrap;align-items: center;}
.join-app {padding-right: 50px;width: 550px;max-width: 100%;}
.heading2 {color: #333;font-size:52px;position: relative;z-index: 1;}
.heading5 {color: #333;font: 24px;position: relative;margin: 20px 0 30px;}
.career-btn a {position: relative;display:inline-block;color: #fff;cursor: pointer;background: #0092ff;padding: 22.5px 40px;font-size:18px;border-radius: 5px;white-space: nowrap;}
.join-image-grid {width: 55%;max-width: 100%;}
.img-wrap {width: 45%;max-width: 100%;}
.img-wrap figure {margin: 0;}
.img-wrap img {width: 100%;}
.img-wrap+.img-wrap {margin-left: 12px;}
.img-wrap-inner {width: calc(100% - 7px);}
.img-wrap-inner+.img-wrap-inner {margin-top: 12px;}
/****Cookies Alert******/
.cookiealert.show {opacity: 1;visibility: visible;transform: translateY(0%);transition-delay: 1000ms;}
.cookiealert {position: fixed;bottom: 0;left: 0;width: 100%;margin: 0 !important;z-index: 999;opacity: 0;visibility: hidden;border-radius: 0;transform: translateY(100%);transition: all 500ms ease-out;color: #ecf0f1;background: #222;}
.cookiealert a {text-decoration: underline;}
.cookiealert .acceptcookies {margin-left: 10px;vertical-align: baseline;}

/*****************HOw It Work****************/
.min-container {width: 1280px;margin: 0 auto;position: relative;padding: 0 0 100px;}
.small-container {width: 950px;margin: 0 auto;   position: relative;padding: 100px 0;}
.breadcrumb {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0.75rem 1rem;margin-bottom: 1rem;list-style: none;background-color: transparent;border-radius: 0.25rem;}
.breadcrumb .breadcrumb-item {display: flex;align-items: center;}
.back_home {float: left;padding: 0 10px 0 0;}
.breadcrumb-item a {color: #000;font-size: 18px;}
.breadcrumb-item.active {color: #6c757d;}
.breadcrumb-item+.breadcrumb-item::before {display: inline-block;padding-right: 0.5rem;padding-left: 0.5rem;color: #6c757d;content: "/";    top: 0;position: relative;}
.breadcrumb-item a:hover, .breadcrumb-item.active a {color: #fc7754;}
.heading5 {color: #333;font-size:20px;position: relative;margin: 20px 0 30px;line-height:28px;    font-weight: 300;}
.heading1 {color: #000;font-size: 80px;position: relative;}
.heading1 span {position: relative;    display: inline-flex;}
.yellow_bg.anim {width: 96%;}
.yellow_bg {background: #ffc603;height: 40px;position: absolute;top: 10px;left: 0;width: 0;z-index: -1;transition: all 2s cubic-bezier(.215,.61,.355,1);transition-delay: .5s;-webkit-transition-delay: .5s;-webkit-transition: all 2s cubic-bezier(.215,.61,.355,1);-moz-transition: all 2s cubic-bezier(.215,.61,.355,1);-ms-transition: all 2s cubic-bezier(.215,.61,.355,1);-o-transition: all 2s cubic-bezier(.215,.61,.355,1);}
.how-it-work button,.how-it-work button::after{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.how-it-work button {  background:none;border: 2px solid #0a66c2;border-radius: 22px;color:#0a66c2;display: block;font-size: 20px;font-weight:600;padding: 20px 26px;position: relative;text-transform: capitalize;}
.how-it-work button::before,.how-it-work button::after {background:#0a66c2;content: '';position: absolute;z-index: -1;}
.how-it-work button:hover {color: #fff;}
.how-it-work .header-buttons {overflow: hidden;}
.how-it-work .header-buttons::after {height: 100%;left: -34%;top: 0;transform: skew(50deg);transition-duration: 0.6s;transform-origin: top left;width: 0;}
.how-it-work .header-buttons:hover:after {height: 100%;width: 140%;}

.sky-blue {background: #f3faff; }
.sky-blue .owl-theme .owl-nav.disabled+.owl-dots{text-align: left!important;}
.estimated-planning-img {padding: 80px 0 0;}


.preocee-wrap {margin-top:60px; }
.process-col-left {float: left;width: 54%;}
.process-path-one {position: relative;}
.arrow-line-wrap { position: absolute;}
.moveArrowDownLong2 {-webkit-animation-name: moveArrowDownLong2;animation-name: moveArrowDownLong2;}
.moveArrowUp {-webkit-animation-name: moveArrowUp;animation-name: moveArrowUp;}
.process-path-one>li {position: relative;margin-bottom: 38px;min-height: 174px;}
.preocee-wrap .heading5 {margin: 20px 0 0;}
.process-name .process-num {background: #0092ff;font-size: 18px;color: #fff;width: 40px;height: 40px;display: inline-block;border-radius: 50%;line-height: 2.3;text-align: center;margin-right: 20px;}
.process-name:after {content: "";height: 45px;border-right: 2px solid #fc7754;margin-left: 15px;position: absolute;top: -5px;}
.process-name:before {content: "";height: 2px;width: 232px;border-bottom: 2px solid #fc7754;margin-left: 15px;position: absolute;left: 240px;top: 16px;}
.process-name:after {content: "";height: 45px;border-right: 2px solid #fc7754;margin-left: 15px;position: absolute;top: -5px;}
.process-content {padding: 0 0 0 62px;}
.process-col-right .para, .process-content .para {font: 18px;margin: 10px 0;}
.process-sub-head {font: 18px;margin: 14px 0;color: #0092ff;}
.process-points li {position: relative;padding-left: 22px;padding-bottom: 5px;}
.process-points li:before {position: absolute;content: "";height: 8px;width: 8px;background: #000;border-radius: 50%;left: 0;top: 9px;}
.start_project .process-name:after, .start_project .process-name:before {content: none;}
.process-col-right {width: 44%;max-width: 600px;float: left;padding: 20px 0 0;}
.process-path-one {position: relative;}
.border-one {border-left: 2px solid #fc7754;padding-left: 70px;padding-bottom: 5px;position: relative;}

.border-one li {margin-bottom: 40px;min-height: 170px;position: relative;}
.process-head-blue {font-size:18px;color: #0092ff;text-transform: uppercase;}
.process-col-right .heading5 {margin: 5px 0 0;}
.process-col-right .para {margin: 5px 0;}
.circle_check {position: absolute;left: -96px;background: #fff;height: 50px;width: 50px;top: -8px;}
.circle_check figure {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-43%);-webkit-transform: translate(-50%,-43%);-moz-transform: translate(-50%,-43%);-ms-transform: translate(-50%,-43%);-o-transform: translate(-50%,-43%);}
.process-col-right.fl-left {float: right;}
.no-T-lines {padding: 80px 0 38px 50px;}
.no-T-lines .process-name:before {content: "";height: 1px;width: 0;border-bottom: 0 solid #fc7754;margin-left: 15px;position: absolute;left: 0;top: 0;}
.no-T-lines .process-name:after {content: "";height: 0;border-right: 0 solid #fc7754;margin-left: 15px;}
.testimonial-wrap {padding: 0 0 0 80px;float: right;margin-right: -40px;}
.testi-img-wrap {margin: 30px 0;}
.testi-img-wrap img {max-width: 100%;border-radius: 15px;}
.client-info span {font-size: 18px;}
.process-col-right .client-info .para {margin: 0;}
.process-col-left {float: left;width: 54%;}

.border-second {border: 2px solid #fc7754;border-right: 0;position: relative;padding: 110px 0 0;margin: -2px 0 0 50px;}
.border-second li {position: relative;margin-bottom: 70px;}
.fc-left-wrap {padding-left: 70px;}
.border-second .circle_check {left: -26px;}
.start-p {padding: 100px 0;}
.border-one.border-three {margin: -37px 0 39px;}
.border-second.border-four {margin-top: -41px;padding: 50px 0 0;margin-bottom: 0;}
li.bottom-sps {margin-bottom: 100px;}
.clearfix::after {display: block;clear: both;content: "";}
.border-cycle-left {position: absolute;top:0px;left: -3px;height: 70px;background: #fff;width: 7px;padding-right: 8px;}
.border-cycle-left:after {border-right: 2px dotted #fc7754;position: absolute;content: "";left: 1px;height: 70px;width: 0;top: 0;}
.approach {background-color: #fff;color: #fc7754;font-size: 18px;padding: 0 20px;border-radius: 28px;position: absolute;bottom: -14px;left: 60px;text-align: center;}
.border-cycle:before {position: absolute;content: "";right: -2px;bottom: 0;background: rgb(252,119,84,.8);width: 2px;height: 170px;}
.border-cycle {padding-top: 60px;border-top: 2px dotted #fc7754;border-right: 2px dotted #fc7754;border-top: 2px dotted #fc7754;position: relative;}
.border-four li:last-child {margin-bottom: 0;padding-bottom: 70px;}

.bg-hwitwork{width: 100%;padding: 0;margin: 0;float: left;}
.lang-boxes .tool_head {font-size: 18px;color: #0092ff;text-transform: uppercase;border-bottom: 1px solid grey;line-height: 28px;    padding: 18px 0 18px 0;min-width: 190px;}
.lang-boxes li {padding: 18px 0 18px 0;font-size: 24px;border-bottom: 2px solid #e6e6e6;color: #333;min-width: 190px;}
.bg-chg{background:#f8f8f8;}
 .agile-team-boxes {width: 21%;margin-right: 0;}
.agile-team-boxes {border: 1px solid #e6e6e6;margin-top: 25px;position: relative;padding: 30px 20px;text-align: left;overflow: hidden;margin-right: 2.4%;    background: #fff;}
.agile-team-boxes:hover {box-shadow: 0 0 50px rgb(0 0 0 / 4%);}
.underline-below {background: #000;display: inline-block;height: 2px;width: 50px;top: -5px;position: relative;left: 10px;}
.bestheading{font-size: 28px;color: #000;font-weight: 600;}
.dlp-box-one { align-items: center; color: #333;font-size: 24px;}
.dlp-box-one svg{width: 50px;margin: 0 20px 0 0; }
.development-holder-cmp {width: 100%;padding: 0;margin: 0;float: left;}
.development-holder-cmp a{font-size: 18px;    color: #0a66c2;}

.contact-big-bxes {margin: 40px 0 0;}
.continfo-hdr{flex-wrap: nowrap;margin: 0;}
.form-img .img-bg-hdr {background: url(../img/contact_cta.webp) no-repeat;width:490px;height: 580px;padding: 75px 65px;position: relative;background-size: cover;}
.img-bxes-textheading .heading2 {    color: #fff;font-size: 36px;position: relative;font-weight: 600;line-height: 42px;}
.img-bxes-textheading .heading6 {    color: #fff;font-size: 21px;padding: 35px 0;line-height: 25px;font-weight: 300;}
 .br-block {display: block;}
.img-bxes-textheading .heading2 span {color: #0092ff;}
.form-right-input {margin: 0 0 0 25px;}
.contact-big-bxes .form-right-input { margin: 0;}

.contact-form-holders {background: #fff;border-bottom: 1px solid #e6e6e6;}
.input-grid-right {border: 1px solid #e6e6e6;border-bottom: 0;min-height: 580px;}
.input-grid-sec {width: 50%;float: left;position: relative;padding: 15px 20px;border-top: 1px solid #e6e6e6;}
.input-grid-sec{border: 1px solid #e6e6e6;}
.input-grid-sec input, .input-grid-sec textarea {outline: 0;position: relative;z-index: 2;background: 0 0;width: 100%;height: 50px;border: 0;color: #000;font-size: 18px;    font-weight: 400;}
.input-grid-sec>label {position: absolute;top: 27px;left: 18px;color: #757575;z-index: 1;font-size: 18px;font-weight: 300;line-height: 1.5;transition: .2s ease;}

.input-grid-sec.full-grid {width: 100%;border-top: 1px solid #e6e6e6;}
.agreementWrap {padding: 20px 0 110px 0;}
.agreementWrap input[type=checkbox] {margin: 0 10px 0 0;line-height: normal;height: 20px;width: 20px;float: left; }
.captcha_col {margin: 0 0 30px 0;display: flex;align-items: center;justify-content: space-between;}
.captcha_col .form-col>span {padding: 13px 0 0 0;font-size: 18px;}
.input-grid-sec #capt {width: 100px;border: 2px solid #d8d8d8;padding: 7px;    height: 46px;text-align: center;border-radius: 5px;margin: 0 0 0 10px;}
.input-grid-sec.attachfile input {height:26px;}
.input-grid-sec .appi-cta {float: right;}
.appi-cta a, .appi-cta button {     position: relative;display: block;color: #fff;cursor: pointer;background: #0092ff;padding: 10px 28px;font-size: 18px;box-shadow: none;border-radius: 5px;white-space: nowrap;border: 1px solid #0092ff;}
.width-sec-100{width: 100%;max-width: 100%;}
.mobile-agile {display: none;}
.article-hldr{margin: 0;padding: 0;}
.article-hldr h6{    font-size: 18px;color: #000;font-weight: 900;margin: 30px 0 0;line-height: 28px;}
.article-hldr p{font-size:16px;color: #222;font-weight: 400;margin:14px 0 10px;}
.article-hldr a{font-size: 16px;font-weight: 500;color:#0a66c2;transition: all 250ms linear;}
.article-hldr a:hover{color: #000;}
 .bg-img img {width: 100%}

/***********Career SIdebar*************/
.tranding-holder{    background: #FBFBFB;padding: 5rem 0;position: relative;}

.faqs__block .faq__header{font-size: 16px; font-weight: 700; position: relative; padding-right: 50px;background:#eee;border-bottom: 0;} 
.faqs__block .faq__answer{display: none;    max-height: 443px;overflow: auto;} 
.faqs__block .faq__header:before, 
.faqs__block .faq__header:after{content: ''; background-color:#333; width: 12px; height: 2px; position: absolute; top: 27px; transition: all .4s ease-in-out;} 
.faqs__block .faq__header:before {right: 21px; transform: rotate(-40deg);} 
.faqs__block .faq__header:after {right: 30px; transform: rotate(40deg);} 
.faqs__block.is__Open {background: #fff;} 
.faqs__block.is__Open .faq__header{color:#fff; background:#0a66c2;border-bottom: 1px solid #e8e8e8;} 
.faqs__block.is__Open .card-header:before, 
.faqs__block.is__Open .card-header:after{background-color: #f2f2f2;} 
.faqs__block.is__Open .card-header:before {transform: rotate(40deg);} 
.faqs__block.is__Open .card-header:after {transform: rotate(-40deg);}
.faqs__block i{ font-weight: 500;font-size: 24px;vertical-align: bottom;}
.search-box {background: #fff;margin:30px 0 0;padding: 15px 20px;position: relative;}
.search-box input {padding: 10px;font-size: 18px;border: none;width: 96%;}
.submit-btn {background: url("../img/searchicon.png")no-repeat;width: 30px;height: 30px;position: absolute;right: 30px;background-size: 30px;top: 50%;transform: translate(0, -50%);cursor: pointer;border: none;}
.position_list>li {border-bottom: 1px solid #e6e6e6;}
.position_list li a {padding: 20px 25px 20px;display: flex;margin: 20px 0;position: relative;}

.pos-name {font-size: 18px;color: #000;width: 65%;display: inline-block;}
.position_list li .location {color: #000;font-size: 18px;display: inline-block;width: 40%;}
.hover-arrow {position: relative;right: 50px;}
.hover-arrow svg {
    opacity: 0;
    position: relative;
    top: 50%;
    margin-left: 0;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #000;
    stroke-width: 2;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
 transform: translate(-50%, -50%);}
.position_list li a:hover {background: #fff;}
.position_list li a:hover svg {opacity: 1;}
.modal-dialog .modal-content {background: #ffffff;padding: 20px 15px;margin-top: 50px;position: absolute;z-index: 11;    overflow: auto;
    height:780px;}
.job-descirption-wrap {padding:1rem 0;}
.flex-between {display: flex;justify-content: space-between;}
.job-pos div {font-size: 22px;padding: 0 0 10px 0;    font-weight: 800;color: #000;}
.job-pos span {font-size: 18px;color: #6D6C6C;}
.apply-btn button {padding: 10px 7px;margin-top: 30px;position: relative;display: block;color: #fff;cursor: pointer;border: none;background: #1473E6;font-size: 15px;border-radius: 5px;}
.flex-between .apply-btn button {margin-top: 0;}
.job-desc-inner {padding: 40px 0 0;}
.job-descirption-wrap h3,.job-detail h5 {color: #1473E6;font-size:18px;    margin-top: 22px;}
.job-detail ul {padding-left: 25px;}
.job-detail li {font-size:16px;color: #222;padding: 5px 0;position: relative;}
.job-detail li:before {position: absolute;content: "";background: #555;width: 5px;height: 5px;border-radius: 50%;left: -18px;top: 12px;}
/**********job detail popup**************/
.jb-inside-pad span {font-size: 14px;display: block;text-transform: uppercase;color: #000;font-weight: bolder; }
.jb-inside-pad-head {font-size: 24px;color: #1473E6;padding: 10px;font-weight: 600;}
.jb-inside-holder {position: relative;margin-bottom: 18px;}
.jb-inside-holder input {width: 100%;padding: 15px 12px 5px;font-size: 16px;color: #000;border: none;border-bottom: 1px solid #cecece;outline: none;background: transparent;}
.jb-inside-holder label {position: absolute;top: 0;left: 0;padding: 10px 10px 5px;font-size: 16px;color: #888888;pointer-events: none;transition: .5s;}
.jb-inside-holder label span {color: #FF2A4D;font-size: 20px;position: absolute;top: 6px;right: 0;}
.add_cover_img {position: relative;}
.add_cover_img .upload_btn_panel {margin: 30px auto;width: 90%;}
.add_cover_img .upload_btn_panel button {    border: 1px solid #b2b2b2;background-color: #F2F2F2;color: #7A7A7A;text-transform: capitalize;height: 130px;width: 100%;}
.add_cover_img .upload_btn_panel button span {color: #000;font-size: 26px;line-height: 1;padding: 0 0 10px 0;display: block;}
.add_cover_img .upload_btn_panel button span img {width: 24px;}
.jb-inside-holder input:focus ~ label,.jb-inside-holder.active input ~ label{top: -14px;left: 0;font-size: 13px;}
.add_cover_img .upload_btn_panel input[type=file] {position: absolute;left: 50%;height: 130px;cursor: pointer;font-size: 0;width: 90%;opacity: 0;top: 0;margin-left: -45%;}
.jb-inside-holder select {width: 100%;padding: 10px;font-size: 16px;color: #888888;border:none;border-bottom: 1px solid #cecece;}
.check-wrap {display: flex;padding: 20px 0;}
.check-wrap label {margin: -6px 0 0 12px;color: #888888;font-size: 16px;}
.bg-img img {width: 100%}
.all-enterprise-startup{flex-flow: initial!important;border: none!important;margin: 0!important;}
.job-detail-post-content ul li a.active {    border-bottom:1px solid #0a66c2;background: #0a66c2;color: #fff;}
.job-detail-post-content ul li a {padding:20px 40px;color: #383838;font-size:28px;text-transform: capitalize;display: block;font-weight: 700;}
.nav-tabs {border-bottom: 1px solid #dee2e6;}
.benefit-tab-sec h6{    font-size: 17px;font-weight: 500;color: #333e50;line-height: 32px;}
.benefit-tab-sec p{font-size:14px;font-weight:400;color: #333e50;}
.benefit-tab-sec a,.lyfecycle_wrapper a{font-size: 18px;}


.collaboration_cycle {background: #f6f6f6;margin-bottom: 100px;}
.flex_wrapper {display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;flex-wrap: wrap;margin: -10px;}
.infographic_wrapper {flex-wrap: nowrap;margin: 0;}
.lyfecycle_wrapper {width: calc(100% + 150px);padding-right: 30px;}
.lyfecycle_wrapper img {width: 100%;float: left;margin: 70px 0 0;}
.start_here_content {margin: 0 -80px 0 10px;}
.startup_minset_wrapper {background: #fff;padding: 25px 30px;margin-bottom: 20px;}
.service_page .left_icon_wrapper {padding-right: 20px;padding-top: 5px;text-align: center;}
.left_icon_wrapper figure svg {width: 45px;height: 45px;}
.startup_minset {    font-size: 22px;color: #333;font-weight: 600;margin-bottom: 10px;}
.startup_minset_para {font-size: 16px;}

/****************ios-development-pages*****************************/
.ios-bg{padding: 142px 0 30px;}
.right-ios-devlop-content{height:480px;overflow: auto;}
.right-ios-devlop-content ul{padding: 15px 0;}
.right-ios-devlop-content h4 {font-size: 22px;position: relative;padding-left: 60px;margin: 0 0 20px 0;color: #000;}
.right-ios-devlop-content li {padding-bottom: 20px;margin-bottom: 40px;border-bottom: 1px solid #707070;}
.right-ios-devlop-content h4 span {position: absolute;left: 0;top: -10px;}
.ios-para{font-size:22px;color:#505050;line-height: 1.6;}
.ios-choice-holder {position: relative;margin: 0;padding: 80px 0;}
.ios-choice-holder .ios-full-wrap {padding: 1rem 0 0;justify-content: space-between;display: flex;flex-wrap: wrap;}
.ios-choice-holder .left, .ios-choice-holder .right {width: 50%;position: relative;}
.ios-choice-holder .right {padding: 0px 0px 0 0px;width: 45%;border-left: 1px solid #969696;}
.ios-choice-holder .process-wrp {display: grid;display: -moz-flex;display: -ms-flex;grid-template-columns: 1fr 1fr;grid-row-gap: 60px;grid-column-gap: 180px;float: right;padding: 0 30px;}
.ios-choice-holder .process-wrp .ios-head{padding: 60px 0 0;color: #000;font-size: 20px;margin: 0;width: 100%;}
.ios-choice-holder .process-wrp span span {color: #d5d5d5;font-size: 80px;top: -35px;display: block;position: relative;font-weight: bolder;}
figcaption.ios-project-fighead{     background: #fff4d9;padding: 24px 0;text-align: center;font-size: 32px;color: #515153;font-weight: 600;}
#ios-project-leading figure img{    width: 32px;margin-bottom: 16px;}
.leading-heading{font-size: 22px;font-weight: 600;color:#6D6C6C;padding: 10px 0;display: inline-block;}
.robust-tech-box h6{font-size: 18px;font-weight: 600;color: #000;display: inline-block;margin-bottom: 12px;}
.robust-tech-box p{font-size: 16px;font-weight: 400;color: #505050;margin: 0;}
.faqs__block .faq__header.iso-header-faq{background: #fff;}
.faqs__block.is__Open .faq__header.iso-header-faq{    background: #0a66c2;}
.blog_list_img {width: 100%;height: 306px;object-fit: cover;object-position: center;}

/**********ReactNativepage*******************/
.reactnative-bg{    background: linear-gradient(to right, rgb(255 255 255) 0%, rgb(138 63 245) 90%, rgba(144, 62, 248, 1) 100%, rgba(32, 124, 202, 1) 101%);}
.dots-sec {background: url(../img/Dots.png)no-repeat;position: absolute;left: 0;bottom: -30px;background-size: 140px;height: 470px;width: 160px;}
.anim-circle-btm img {max-width: 100%;}
.anim-circle-btm {position: absolute;right: -250px;top: -100px;}

.ul-list{list-style-type: square;}
.ul-list li{list-style-type:square; font-size: 18px;line-height:46px;}
.all-team-box-height{width: 100%;min-height:370px;}

/**********progresive-app************/
.progresive-app .left_icon_wrapper {padding-right:36px;text-align: center;}
.progresive-app .left_icon_wrapper figure {width:60px;height: 60px;}
.progresive-app .right_text_wrapper .para {margin: 10px 0 0;}
.progresive-app .right_text_wrapper h3.progr-app-heading{font-size: 24px;color: #222;font-weight: 500;}
.all-pwa-boxes{min-height: 224px;}

/*******Web app Development************/
.all-webapp-boxes{min-height: 310px;}
/*******Blockchain*********/
.all-blockchain-boxes{min-height: 390px;}
.all-blockchainplatforms-boxes{    min-height: 190px;text-align: center;display: flex;justify-content: center;align-items: center;}
.all-sprint-boxes{min-height: 220px;}
.all-arch{min-height:170px;}
.all-arch-ser-box{min-height:150px;}

/*************UI-UX Design-PAge***********/
.ui-boxes{border: 1px solid #f2f2f2;    padding: 15px;margin: 0;min-height: 300px;}
.ui-boxes ul li i{font-size: 9px;}
.ui-boxes ul li {font-size: 16px;font-weight: 500;line-height: 28px;color: #000;}
/********Network Layer**********/
.all-nlayer-box{min-height: 166px;}
/******wearable-development******/
.wearable-techno-grid-img {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-column-gap: 50px;    margin-top: 50px;}
.first {margin-top: 50px;}
.sec {margin-top: 70px;}
.wearablegrid.gridone {-webkit-animation: action 2s infinite alternate;animation: action 2s infinite alternate;transition-delay: 0.2s;}
.wearablegrid.gridtwo {-webkit-animation: action2 3s infinite alternate;animation: action2 3s infinite alternate;transition-delay: 0.3s;}
.wearablegrid.gridthree {-webkit-animation: action3 3s infinite alternate;animation: action 3s infinite alternate;transition-delay: 0.4s;}
.wearablegrid.gridfour {-webkit-animation: action4 3s infinite alternate;animation: action3 3s infinite alternate;transition-delay: 0.5s;}
@keyframes action {0%   {transform: translateY(0);}100% {transform: translateY(-12px);}}
@keyframes action2 {0%   {transform: translateY(0);}100% {transform: translateY(-14px);}}
@keyframes action3 {0%   {transform: translateY(0);}100% {transform: translateY(-12px);}}
@keyframes action4 {0%   {transform: translateY(0);}100% {transform: translateY(-8px);}}

/**********Quality-Assurance************/
.qa-boxes{min-height: 190px;}
.para-liststyle ul{padding: 0;margin:10px 0;}
.para-liststyle ul li{font-size: 16px;font-weight: 600;color:#505a63;line-height: 28px;}
.para-liststyle ul li i{font-size:8px;padding:0 6px;}
.qa-boxes svg{width: 42px;height: 42px;}
.nqa-boxes{ min-height: 248px;}

/**********AR-VR*************/
.ar-vr-boxes{min-height: 296px;}
.ar-holder {display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-column-gap: 50px;margin-top: 80px;}
.ar-holder-bxer{display: flex;justify-content: center;align-items: center;border: 1px dotted #000000;height:160px;    background: #c9bd9f;margin: 10px 0;}
.ar-holder-bxer h2{font-size: 18px;font-weight: 600;color:#333;}

/****************iot**************************/
.iot-boxes{min-height: 204px;}

/***********Industries css**********************/
.industries-sec-wrap{width: 100%;padding: 0;margin: 0;display: flex;justify-content: space-between;align-items: center;	}
.industires-left-side {width: 42%;}
.industires-left-side .industires-left-side-head {width: 100%;}
.count {color:#e5c36f5e;font-size:110px;position: absolute !important;left: 0;top: -47px;z-index: -1;letter-spacing: 6px;}
.industires-left-side-head .heading5 {line-height: 1.4;}
.industires-left-side-list {padding-top: 18px;}
.industires-left-side-list ul {display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 40px;grid-row-gap: 25px;}
.industires-left-side-list ul li {color: #434446;font-size: 18px;}
.industries-sec-left-btn {padding: 40px 0 30px;}
.industries-sec-left-btn .indutry-demand-ser-btn {color: #333;font-size: 20px;display: inline-block;font-weight: 600;}
.industires-right-side {width: 57%;position: relative;}
.indutries-big-box {display: flex;display: -webkit-flex;display: -ms-flex;position: relative;z-index: 2;}
.dot-img {position: absolute;background: url("../img/repeat-grid-indus2.png")no-repeat;width: 55%;height: 80%;bottom: -60px;z-index: 1;left: -55px;}
.industries-sec-wrap .card_content {background: #fff;box-shadow: -10px -9px 70px 20px rgb(0 0 0 / 11%);z-index: 1;padding: 70px 40px 40px 40px;}
.industries-sec-wrap .card_content .small-heading {position: absolute;top: 20px;font-weight:500;font-size: 16px;color:#343a40;}
.industries-sec-wrap .card_content .para {line-height: 1.8;overflow: hidden;font-size: 16px;line-height: 1.5;margin: 26px 0;font-weight: 600;}
.industires-right-side .card_img {width: 50%;position: relative;z-index: 1;}
.industries-sec-wrap .card_content .big-heading{font-size:40px;font-weight: 800;padding: 0;margin: 0;color: #333;}
.industries-sec-wrap .card_content .casestudy-btn{background: #d3c398;color: #fff;padding: 14px 17px;border-radius: 50px;margin: 0;display: inline-block;font-weight: 500;}
.industries-holder-framwork{    padding: 7rem 0;margin: 2rem 0 2rem;}
.industries-sec-wrap .card_content .casestudy-btn:hover{background: #0a66c2;}
.industires-right-side .card_img {position: relative;z-index: 1;height: 100%;width: 100%;}

/**************Dmarketing***************/
.dm-boxes{margin: 0;padding: 0;}
.dm-boxes .dm-sec{    padding: 30px 50px;margin: 0 20px;background: #fff;margin-top: -60px;position: relative;  border-radius:4px; transition: all 400ms linear; min-height: 220px;}
.dm-boxes .dm-sec:hover{transform: scale(1.05);-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);    }
.dm-boxes .dm-sec h5{font-size: 18px;color: #000;padding: 0;margin: 0 0 14px;}
.dm-boxes .dm-sec p{font-size: 15px;color: #333;padding: 0;margin: 0;}


/***********hirebox********************/
.hirebox{padding: 0;margin: 0 0 30px;}
.hirebox i{font-size:32px;color: #0a66c2;margin-bottom: 16px;}
.hirebox h6{font-size:18px;color: #000;margin-bottom: 10px;font-weight: 600;}
.hirebox p{font-size:16px;color: #333;margin-bottom: 10px;font-weight: 400;}
.ios-choice-holder{width: 100%;padding: 0;margin: 0;}
.hire-left-img {display: grid;display: -moz-flex;display: -ms-flex;grid-template-columns: 1fr 1fr;grid-row-gap: 60px;grid-column-gap:0px;}
.hire-box-left{background-image: url(../img/hire-lft-img.jpg);padding:100px 80px 100px 160px;margin: 0;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;}
.hire-box-left:before{content: '';position: absolute;top: 0;background: #000;width: 100%;height: 100%;left: 0;opacity: 0.9;}
.hire-box-content{position: relative;z-index: 11;}
.hire-box-content small{    text-transform: uppercase;font-size: 16px;color:#fff4d9;padding: 10px 0 20px;}
.hire-box-content h2{font-size: 48px;color: #fff;padding: 26px 0 20px;line-height: 58px;font-weight: 800;letter-spacing: 0.84px;}
.hire-box-content a{    font-size: 18px;padding: 16px 22px;background: #fff4d9;color: #000;margin: 20px 0;display: inline-block;font-weight: 600;border:1px solid #fff4d9;border-radius: 2px;}
.hire-box-content a:hover{background: #000;color: #fff;border:1px solid #fff;}
.hire-box-right{background-image: url(../img/hire-right-img.jpg);padding: 80px 80px 80px 160px;margin: 0;background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;}
.hire-box-right:before{content: '';position: absolute;top: 0;background:#0a66c2;width: 100%;height: 100%;left: 0;opacity: 0.9;}


/************CAPTCHA ***********/
.captcha {margin: 10px 0 20px 0;background-color: #f9f9f9;border:1px solid #d3d3d3;border-radius:4px;color: #4c4a4b;display: inline-flex;justify-content: flex-start;align-items: center;}
.logo-captcha {display:flex;flex-direction:column;align-items:center;height:100%;align-self:flex-end;margin:0 12px 0 70px;}


/***********ranolia-ventures-noida********************/
h1.heading1.ctm-heading-new{font-size:54px;}
.heading5.ctm-new-para{color: #333;font-size: 17px;position: relative;margin: 20px 0 30px;line-height:32px;font-weight: 300;}
.portfolio-reviw.my-ctm-noiahld{width: 100%;padding: 22px 20px;margin:10px 0;min-height: 460px;border:2px solid #fff;}
.portfolio-reviw.my-ctm-noiahld img{min-height: 70px;}
.portfolio-reviw.my-ctm-noiahld h3{font-size: 21px;font-weight: 500;color: #000;padding:6px 0;}
.portfolio-reviw.my-ctm-noiahld p{font-size:15px;font-weight: 400;color:#505a63;padding:0px 0;}
.portfolio-reviw.my-ctm-noiahld:hover{border:2px solid #0092ff;}
.chose-ctm-ranolia-hlder h2{ color: #000;font-size:42px;position: relative;z-index: 1;}
.chose-ctm-ranolia-hlder p{ color: #505a63;font-size:18px;line-height:32px;}
.progresive-app .left_icon_wrapper figure.ctm-dm-img {width: 60px;height: 60px;display: block;}


/*#################################################*/
/*################## MEDIAQUERIES #################*/
/*#################################################*/
@media  screen and (max-width: 1366px) {

#new-mega-menu ul#tabs {background: #0a66c2;padding: 30px 0 30px 38px;}
#new-mega-menu ul#tabs li a.nav-link {color: #ffffff;font-size: 16px;  }	
#new-mega-menu .csutm-navbar-tab-content .img-icon-cont a.all-megamenu-inner-anchr, #about-mega-menu .csutm-navbar-tab-content .img-icon-cont a.all-megamenu-inner-anchr {font-size: 14px;}
#new-mega-menu .csutm-navbar-tab-content .img-icon-cont ul li, #about-mega-menu .csutm-navbar-tab-content .img-icon-cont ul li {margin: 12px 0 20px 14px;font-size: 14px;}
.history-subheading {position: absolute;top: 164px;font-size: 160px;}
h1.heading1.ctm-heading-new {font-size: 44px;}	
.portfolio-reviw.my-ctm-noiahld {padding: 10px 20px;min-height: 490px;}
.portfolio-reviw.my-ctm-noiahld p {font-size: 14px;}
.chose-ctm-ranolia-hlder h2 {color: #000;margin-bottom: 14px;font-size: 32px;}	
.chose-ctm-ranolia-hlder p {color: #505a63;font-size: 16px;line-height: 29px;}

}



@media (min-width: 1025px) and (max-width: 1280px) {
#new-mega-menu ul#tabs li a.nav-link {color: #ffffff;font-size: 16px;  }
.pricing-holder .framework-skill-holder ul li a {font-size: 12px;}
#new-mega-menu ul#tabs {background: #0a66c2;padding: 30px 0 30px 38px;}
	.start_here_content {margin: 0 0 0 10px;}
	.industires-right-side .card_img img{height: 450px;object-fit: cover;width: 100%;}	
.hire-box-left,.hire-box-right {padding: 100px 80px 100px 60px;}
#so-boxso1639053447 {margin-top:80px;position: relative;background: #0000008a; max-width: 444px;padding:16px;}
.so-fieldso1639053447{height: 36px;}
#so-submitso1639053447{    margin: 10px auto 0;}
h1.heading1.ctm-heading-new {font-size: 44px;}	
.portfolio-reviw.my-ctm-noiahld {padding: 10px 20px;min-height: 490px;}
.portfolio-reviw.my-ctm-noiahld p {font-size: 14px;}
.chose-ctm-ranolia-hlder h2 {color: #000;margin-bottom: 14px;font-size: 32px;}	
.chose-ctm-ranolia-hlder p {color: #505a63;font-size: 16px;line-height: 29px;}


}


@media (max-width: 991.98px)
{
.site_header .navbar-toggler-icon:before,.site_header .navbar-toggler-icon:after{background-color: #333;}
#new-mega-menu ul#tabs {background:#0a66c2;padding: 30px 0 30px 14px;}
#new-mega-menu ul#tabs li a.nav-link {color: #ffffff;font-size: 15px;  }
	.start_here_content {margin: 0 0 0 10px;}
}
@media (min-width: 768px) and (max-width: 1024px) {
.site_header .navbar-brand .logo { width:120px;}
.site_header .navbar {padding: 0 10px;}
.hero{padding: 0;}
.hero__content h3.mb-text{font-size: 20px;}
.text_1, .text_2 {overflow: hidden;white-space: nowrap;font-size: 20px;    top: 6px;}
.hero__content {position: absolute;top:56%;}
.hero__content .heading__font {font-size: 24px;line-height:28px;padding: 0;margin-bottom: 10px;}
.hero__content h6 {margin-top:20px;font-size: 12px;margin-bottom: 18px;}
.hero__content button {font-size: 13px;font-weight: 600;padding: 10px 14px;}
.site_header .navbar ul li a.nav-link {transition: 0.2s;font-size: 13px;}
.timeline ul li:nth-child(odd) h3:before,.timeline ul li:nth-child(even) h3:before{display: none;}
.logo__wrap {padding: 0 18px;display: flex;align-items: center;justify-content: center;    height: 90px;width: 100%;}
.hero__content p {font-size: 15px;margin-bottom:28px;color: #f2f2f2;font-weight: 300;line-height: 21px;}
#why-choose-sec .styled-list li::before {content: "";display: block;position: absolute;left: 0;top: 10px;width: 18px;height: 20px;}
#why-choose-sec .styled-list li {position: relative;padding-left: 28px;font-size: 13px;line-height: 36px;color: #343434;font-weight: 500;}
.pricing-holder .framework-skill-holder {min-height:350px;padding: 1rem 1rem 0.54rem;}
.pricing-holder .framework-skill-holder ul li a {font-weight: 500;color: #000000;font-size: 12px;margin-bottom: 20px;display: block;}
.client-sec {width: 100%;padding: 0;margin: -10px 0;}
.all-para {font-size: 14px;line-height: 24px;font-weight: 300;}
#new-mega-menu ul#tabs {padding: 30px 0 30px 30px;}
#new-mega-menu .csutm-navbar-tab-content .img-icon, #about-mega-menu .csutm-navbar-tab-content .img-icon {padding-right: 10px;}
#new-mega-menu .csutm-navbar-tab-content .img-icon i, #about-mega-menu .csutm-navbar-tab-content .img-icon i {    font-size: 16px;}
#new-mega-menu .csutm-navbar-tab-content .img-icon-cont a.all-megamenu-inner-anchr, #about-mega-menu .csutm-navbar-tab-content .img-icon-cont a.all-megamenu-inner-anchr {font-size: 14px;}
.social-circle li a {margin: 0 auto;width: 36px;height: 36px;font-size: 14px;}
.inner-heading-font {font-size: 52px;line-height: 60px;}
.allpage-inner-heading {color: #333;font-size: 36px;}
.who {position: absolute;left: -132px;top: 32px;font-size: 180px;}
.history-subheading{display: none;}
.filter-gallery a img {height: 200px;width: 100%;}
.sub_heading {font-size: 18px;}
#new-mega-menu ul#tabs li a.nav-link {font-size: 15px;}
#new-mega-menu ul#tabs {background: #0a66c2;padding: 30px 0 30px 16px;}
.start_here_content {margin: 0 0 0 10px;}
.about-inner-banner-sec {margin-bottom: 22px;}	
.who-we-are-sec {padding: 2rem 0 2rem;}	
.who-we-are-sec-content,.who-we-are-sec-head  {width: 100%;}
.best-life-work-holder .best-life-work-boxes:after{display:none;}
.value-grid {width: 100%;}
.heading1 {color: #000;font-size:58px;}
.all_heading {font-size: 34px;}
.process-col-right.fl-left {float: left;}
.no-T-lines {padding: 0;}
.border-one {border-left: 2px solid #fc7754;padding-bottom: 5px;position: relative;margin-left: 20px;padding-left: 34px;}
.circle_check {position: absolute;left: -62px;}
.border-one.border-three {    margin: 0 20px 16px;}	
.border-second{    padding: 50px 0 0;margin: 30px 0 0 20px;}
.border-second.border-four{margin:10px;}	
.form-img .img-bg-hdr {  padding: 50px 30px;  background: url(../img/contact_cta.webp) no-repeat;width: 100%;background-size: cover;object-fit: fill;}
.mobile-smal-head{font-size: 14px;font-weight: 600;}		
.rotate-sec-holder{display: none;}
#why-choose-sec img{width: 100%;object-fit: cover;}	 
#why-choose-sec .description-text-container {margin: 36px 0;}
.height-fix-para {height: 136px;}
.pricing-holder .framework-skill-holder img {margin: 0 auto 1rem;width: 32px;    height: 32px;}	
.pricing-holder .framework-skill-holder ul li {text-align: center;flex-basis: 28%;}
.progresive-app .left_icon_wrapper figure {width: 18px;height: 18px;display:none;}	
.ui-boxes{margin: 10px 0;}
.ios-choice-holder .right{border-left:none;}
.ios-choice-holder {width: 100%;padding: 50px 0;}
.heading2 {color: #333;font-size: 32px;}	
.hire-box-left,.hire-box-right{padding: 100px 0 100px 30px;}	
.industires-right-side .card_img img{height: 450px;object-fit: cover;width: 100%;}
#so-boxso1639053447 {margin-top:26px;position: relative;background: #0000008a; max-width: 444px;padding:16px;}
.so-fieldso1639053447{height: 36px;}
#so-submitso1639053447{    margin: 10px auto 0;}	
h1.heading1.ctm-heading-new {font-size: 44px;}	
.portfolio-reviw.my-ctm-noiahld {padding: 10px 20px;min-height: 560px;}
.portfolio-reviw.my-ctm-noiahld p {font-size: 14px;}
.chose-ctm-ranolia-hlder h2 {color: #000;font-size: 22px;}	
.chose-ctm-ranolia-hlder p {color: #505a63;font-size: 15px;line-height: 26px;}
	
}

@media (max-width: 767px) {
.tab-pane {display: block !important;opacity: 1;}
.timeline{width:100%;padding-bottom:0;}
.timeline:before{left:20px;height:100%;}
.timeline ul li:nth-child(odd),.timeline ul li:nth-child(even){width:100%;text-align:left;padding-left:50px;padding-bottom:18px;}
.timeline ul li:nth-child(odd):before,.timeline ul li:nth-child(even):before{    top:10px;left: 14px;width: 16px;height: 16px;}
.timeline ul li:nth-child(odd) .time,.timeline ul li:nth-child(even) .time{top:-30px;left:50px;right:inherit;}
}

@media (min-width: 768px) {
.nav-tabs {display: flex;flex-flow: column nowrap;}
.nav-tabs {border-bottom: none;border-right: 1px solid #ddd;display: flex;}
.nav-tabs {margin: 0 15px;}
.nav-tabs .nav-item + .nav-item {margin-top: 0.25rem;}
.nav-tabs .nav-link {transition: border-color 0.125s ease-in;white-space: nowrap;}
.nav-tabs .nav-link:hover {background-color: #f7f7f7;border-color: transparent;}
.nav-tabs .nav-link.active {border-bottom-color: #ddd;border-right-color: #fff;border-bottom-left-radius: 0.25rem;border-top-right-radius: 0;margin-right: -1px;}
.nav-tabs .nav-link.active:hover {background-color: #fff;border-color: #0275d8 #fff #0275d8 #0275d8;}
.card {border: none;}
.card .card-header {display: none;}
.card .collapse {display: block;}
.timeline ul li:nth-child(odd) h3:before,.timeline ul li:nth-child(even) h3:before{display: none;}

}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

.site_header .navbar-brand .logo { width: 80px;}
.site_header .navbar {padding: 10px;}
.hero{padding:0px 0 0 0;}
.hero__content h3.mb-text{font-size: 20px;}
.text_1, .text_2 {overflow: hidden;white-space: nowrap;font-size: 20px;    top: 6px;}
.hero__content {position: absolute;top:50%;}
.hero__content .heading__font {font-size: 24px;line-height:38px;padding: 0;margin-bottom: 10px;}
.hero__content h6 {margin-top:20px;font-size: 12px;margin-bottom: 18px;}
.hero__content button {font-size: 13px;font-weight: 600;padding: 10px 14px;}
.start_here_content {margin: 0 0 0 10px;}
.chose-ctm-ranolia-hlder h2 {color: #000;font-size: 22px;}	
.chose-ctm-ranolia-hlder p {color: #505a63;font-size: 15px;line-height: 26px;}
  
}

@media (min-width: 481px) and (max-width: 767px) {
 .container {max-width: 1320px;width: 100%;}
.site_header .navbar-brand .logo { width: 80px;}
.site_header .navbar {padding: 10px;}
.hero{padding: 50px 0 0 0;}
.hero__content h3.mb-text{font-size: 20px;}
.text_1, .text_2 {overflow: hidden;white-space: nowrap;font-size: 20px;    top: 6px;}
.hero__content {position: absolute;top:50%;}
.hero__content .heading__font {font-size: 24px;line-height:38px;padding: 0;margin-bottom: 10px;}
.hero__content h6 {margin-top:20px;font-size: 12px;margin-bottom: 18px;}
.hero__content button {font-size: 13px;font-weight: 600;padding: 10px 14px;}
.chose-ctm-ranolia-hlder h2 {color: #000;font-size: 22px;}	
.chose-ctm-ranolia-hlder p {color: #505a63;font-size: 15px;line-height: 26px;}	
  
}

@media screen and (max-width: 768px) {
.chose-ctm-ranolia-hlder h2 {color: #000;font-size: 22px;}	
.chose-ctm-ranolia-hlder p {color: #505a63;font-size: 15px;line-height: 26px;}	
.container:before {left: 8px;width: 2px;}
.timeline-block {width: 100%;margin-bottom: 30px;}
.timeline-block-right {float: none;}
.timeline-block-left {float: none;direction: ltr;}
#myVideo {position: relative;height: 100%;width: auto;max-width: 850px;}
#new-mega-menu ul#tabs li a.nav-link {font-size: 15px;}
	#new-mega-menu ul#tabs {background: #0a66c2;padding: 30px 0 30px 16px;}
	.process-col-left, .process-col-right {width: 100%;}
	.process-content {padding: 0 0 0 40px;position: relative;border-left: 2px solid #fc7754;margin-left: 20px;margin-top: 10px;}
	.process-name:after {position: absolute;content: "";border: 1px solid #fc7754;margin-left: 0;height: 1px; top: 50px;left: 0;width: 45px;height: 1px;}
	.process-name:before{display: none;}
	.agile-team-boxes {width: 100%;}
		.ios-choice-holder .process-wrp {float: none;}
.ios-choice-holder .process-wrp {grid-column-gap: 60px;}
.ios-choice-holder .left, .ios-choice-holder .right {width: 100%;position: relative;border-left:none;}
	.ios-choice-holder .process-wrp .ios-head {font-size: 14px;margin: 0;font-weight: 800;}
	.ul-list li {font-size: 14px;line-height: 24px;padding: 10px 0;margin-left: 20px;}
	.faqs__block .faq__header{padding-left: 10px;}
	.video-hgt-sec {height: 570px;width: 100%;object-fit: cover;}	
	.video-banner-overlay {height: 99%;}
	.wearable-techno-grid-img {display: grid;    grid-template-columns: 1fr 1fr 1fr 1fr;grid-column-gap: 10px;text-align: center;}
		.industires-left-side,.industires-right-side{width: 100%;}
	.industires-left-side-list ul li {font-size: 15px;}
	.dot-img{display: none;}
	.dm-boxes .dm-sec { padding: 30px 12px;margin: 0;margin-top: 0;}
.hire-left-img {display:block;}
	.small-container {width: 100%;}
	.ul-list-policy li {font-size: 15px;line-height: 26px;padding: 6px 0;}	
	.ppolicy-para {font-size: 15px;margin: 20px 0 12px;line-height: 26px;}
	.ppolicy-bgheading {font-size: 26px;    line-height: 1.2;}	
	.ppolicy-heding {font-size: 20px;}
	#so-titleso1639053447 {margin-bottom: 10px;font-size: 18px;}	
#so-paragraphso1639053447 {margin-bottom:4px;font-size: 13px !important;}	
#so-boxso1639053447{   }	
.how-itwork-boxes .howitwork-sec-title p {padding: 0;margin: 10px 0;}
.how-itwork-boxes .howitwork-sec-title h2 {font-size:28px;line-height:40px;margin-bottom: 10px;}
.mobile-website-audit{padding-top: 80px;}
#so-boxso1639053447 {margin-top:26px;position: relative;background: #0000008a; max-width: 444px;padding:16px;}
	.so-fieldso1639053447{height: 36px;}
	#so-submitso1639053447{    margin: 10px auto 0;}


}


@media (min-width: 320px) and (max-width: 480px) {

.site_header .navbar-brand .logo { width: 80px;}
.site_header .navbar {padding: 10px;}
.hero{padding: 50px 0 0 0;}
.video-hgt-sec {height: 570px;width: 100%;object-fit: cover;}	
.hero__content h3.mb-text{font-size: 13px;}
.text_1, .text_2 {overflow: hidden;white-space: nowrap;font-size: 12px;    top:4px;}
.hero__content {position: absolute;top:52%;}
.hero__content .heading__font {      font-size:22px;line-height: 28px;padding: 0;margin-bottom:12px;}
.hero__content h6 {    margin-top: 40px;font-size: 12px;margin-bottom: 32px;}
.button-large-solid, .button-large-solid:focus {padding: 12px 14px;font-size: 12px;}
.all_heading {    font-size: 22px;line-height: 31px;margin-bottom: 20px;}
.Our_Customers{padding: 60px 0;}
.sub_heading {font-size: 16px;margin:2px 0 6px;}
.all-para {font-size: 14px;line-height: 24px;}
.height-fix-para{height: 100%;}
.hero__content button {font-size: 13px;font-weight: 600;padding: 10px 14px;}
.banner-para {font-size: 14px;color: #ebebeb;line-height: 25px;font-weight: 500;}
.about-holder .sec870-wdt {text-align: center;}
.about-holder-counter{background: #fff;}
.about-big-circle .cir_text {position: relative;z-index: 11;}
.about-big-circle .outer2{background: #24C6DC;background: -webkit-linear-gradient(to right, #514A9D, #24C6DC);background: linear-gradient(to right, #514A9D, #24C6DC);}
.rotate-sec-holder p{color: #000;}
.rotate-sec-holder{margin: 0;}
.about-big-circle .outer2 {width: 200px;height: 200px;border: 1.5px solid #ffffff;}
.about-big-circle .outer {width: 220px;height: 220px;border: 1px solid #ffffff;}
.circle{z-index: 111;}
.about-holder {height: 460px;}
.client-sec{padding:0;margin: -6px 0;}
.all_heading-hire {font-size: 22px;line-height: 30px;}
#why-choose-sec .description-text-container {margin-top: 30px;margin-left: 0px;margin-right: 0;}
#why-choose-sec .description-text-container .all-para {font-size: 14px;letter-spacing: 0;line-height: 22px;font-weight: 600;}
#why-choose-sec .styled-list li {position: relative;padding-left: 34px;font-size: 14px;line-height: 23px;font-weight: 400;margin-bottom: 14px;}
#why-choose-sec .styled-list li::before{top:0px;}
#why-choose-sec .description-image-wrapper img {min-height: 250px;}
.hero__content p {font-size: 14px;margin-bottom: 10px;color: #fff;font-weight: 400;line-height: 26px;}
footer h3 {font-size: 14px;font-weight: 700;line-height: 28px;margin: 0;}
.about-big-circle{    margin: 0 auto;}
footer li a {text-decoration: none;color: #cfcfcf;font-weight: 400;}
.logo__wrap {padding: 0 8px;margin-bottom: 33px;height: 80px;width: 100%;}
.pricing-holder .framework-skill-holder {padding: 1rem 1rem;}
.pricing-holder .framework-skill-holder ul li {text-align: center;flex-basis:30.2%	;margin: 8px 2px;}
.pricing-holder .framework-skill-holder img {width: 40px;height: 40px;display: block;}
.pricing-holder .framework-skill-holder ul li a {font-size: 14px;}
.documentaries-sec img {width: 264px;padding: 16px;margin: 10px 0;}
.footer-above-adress .why_choose_column .content {min-height: 0;}
.social-circle li a {width: 32px;height: 32px;font-size: 14px;}
.social-circle li i {line-height: 32px;}
#myVideo {position: relative;height: 100%;width: auto;max-width: 850px;}
.inner-heading-font {    font-size: 30px;font-weight: 500;line-height: 44px;position: relative;top: 90px;}	
.d_services_wrap {padding: 2rem 0;}
.d_flex, .history-panel {flex-direction: column;}
.d_services_head, .d_services_content, .p-left,.history-right-side, .tab-slider-body, .join-image-grid, .history-left-side,.who-we-are-sec-head,.who-we-are-sec-content {width: 100%;padding: 10px 0 0 0;}
.who {font-size: 210px;}
.d_services_content {padding-top: 20px;}
.about-inner-banner-sec {margin-bottom:20px;}
.allpage-inner-heading {color: #333;font-size:28px;}
.who-we-are-sec-para {font-size: 16px;}
.who-we-are-sec {padding: 2rem 0 ;}
.heading2 {font-size:25px;}
.history-left-side span {font-size: 16px;}
.history-left-side .para {font-size: 14px;line-height: 28px;}
.history-right-side figure:after {right: 0;bottom: -20px;width: 65px;height: 70px;}
.history-right-side figure	{padding: 0 16px 0 0px;}
.history-right-side figure:before {right: 0px;bottom: 70px;width: 10px;height: 10px;}
.history-right-side figure span {width: 100px;bottom: -9px;right: 85px;}
.history-right-side figure span:before {position: absolute;content: "";background: #fff;width: 60%;height: 1px;bottom: -10px;right: 0;}
.tab-inner-tab span {padding: 10px;font-size: 14px;}
.history-timeline-tablist ul {margin: 80px auto 0;width: 100%;}	
.history-timeline-tablist span{font-size: 14px;}
.history-timeline-tablist .tab-list-logo {height: 32px;width: 32px;background: #fff url(../img/ai-logo.png) no-repeat center;position: absolute;top: -18px;left: 0;}
.best-life-work-holder .best-life-work-boxes:after {background: none;}	
.icon-head-wrap span {width: 60%;font-size: 13px;line-height: 1.4;}	
.best-life-work-boxes-icon figure img  {max-width: 100%;}
.best-life-work-boxes-icon figure{width:50px;}	
.best-life-work-boxes-icon span {margin-left: 30px;}
.best-life-work-boxes{margin: 20px 0;}	
.about-galleries-Sec {width: 100%;padding: 5rem 0 0;}	
.value-grid {width: 100%;padding: 0 12px;}	
.join-rv {margin: 1rem 0;}	
.career-btn a {padding: 8px 14px;font-size: 15px;}
.img-wrap+.img-wrap {margin-left: 5px;}	
.img-wrap {width: calc(50% - 8px);}
.join-app-wrap, .display-flex-wrap{flex-wrap: wrap;}	
	
.heading1 {font-size:26px!important;line-height: 1.2;}	
.heading5 {color: #000;font-size: 18px;line-height: 1.5;margin: 20px 0 30px;}
.breadcrumb-item a {color: #000;font-size: 14px;}
.yellow_bg.anim {width: 100%;    height: 28px;}
.small-container {width: 100%;padding: 100px 0 40px;}
.estimated-planning-img {padding: 40px 0 0;}
.process-col-left, .process-col-right {width: 100%;}
.process-name:before{display: none;}
.border-one {border-left: 2px solid #fc7754;padding-bottom: 5px;position: relative;margin-left: 20px;padding-left: 34px;}
.circle_check {position: absolute;left: -60px;}
.testimonial-wrap{margin-right: 0;}
.no-T-lines{padding: 0;}
.no-T-lines .process-name:after{margin-left: 0;display: none;}
.testimonial-wrap {padding: 0 0 0 20px;margin: -10px 0 10px 20px;border-left: 2px solid #fc7754;}
.border-second {margin: -12px 0 0 20px;padding: 70px 0 0;border: 0;position: relative;border-left: 2px solid #fc7754;}
.fc-left-wrap {padding-left: 34px;}
.mob-padng{padding:80px 0 0 0;}	
.how-it-work button {display: block;font-size: 16px;}
.breadcrumb,.start-p{padding: 0;}
.border-one.border-three {margin: 0 0 0 20px;}
.border-second.border-four {border-bottom: 2px solid #fc7754;}
.approach {font-size: 16px;}
.agile-team-boxes {width: 100%;}
.form-img .img-bg-hdr {width:100%;    height: 410px;padding: 40px 18px;}
.agreementWrap {padding: 20px 0 10px 0;}
.appi-cta a, .appi-cta button{    margin: 32px 0 0;}
.input-grid-right{min-height: 500px;}
.mobile-agile{display: block;}	
.desktop{display: none;} 
.achievement_wrapper .flex_wrapper, .infographic_wrapper {flex-wrap: wrap;margin: 0;}
.start_here_content { margin: 0 0px 0 0px;}
.startup_minset_wrapper {padding:15px;margin-top: 24px;}
.modal-dialog .modal-content {margin-top:90px;position: absolute;z-index: 11;overflow: auto;height: 517px;}
.process-wrp {grid-column-gap: 60px;float: none;}
.ios-choice-holder .left-50, .ios-choice-holder .right-50 {width: 100%;position: relative;border-left:none;}
.ios-choice-holder .process-wrp .ios-head {font-size: 14px;margin: 0;font-weight: 800;}	
.ul-list li {font-size: 14px;line-height: 24px;padding: 10px 0;margin-left: 20px;}
.faqs__block .faq__header{padding-left: 10px;}
.video-banner-overlay {height: 99%;}
.wearable-techno-grid-img {display: grid;grid-template-columns: auto;grid-column-gap: 0;text-align: center;margin: 0 auto;}
.industires-left-side,.industires-right-side{width: 100%;}
.industires-left-side-list ul li {font-size: 15px;}
.dot-img{display: none;}
.dm-boxes .dm-sec { padding: 30px 12px;margin: 0;margin-top: 0;}
.hire-left-img {display:block;}
.hire-box-left,.hire-box-right {padding: 60px 20px;}
.hire-box-content h2 {font-size:24px;line-height:36px;}
.hire-box-content a {font-size: 14px;padding: 14px 18px;font-weight: 800;} 
.small-container {width: 100%;}
.mobile-smal-head{font-size: 14px;font-weight: 600;}
.progresive-app .left_icon_wrapper figure {width: 18px;height: 18px;display:none;}	 
.all-sprint-boxes {min-height: 160px;}
.ui-boxes{margin: 10px 0;min-height: 254px;}	
.ios-para {font-size: 16px;}	
figcaption.ios-project-fighead{    font-size: 18px;}
.ios-bg {padding: 100px 0 30px;}
.dots-sec{display: none;}
.ios-choice-holder .ios-full-wrap{    margin: 2rem 0;}
.mobile-box-height{min-height: 180px!important;}	
.heading2 {color: #333;font-size:18px;}	
.ul-list-policy li {font-size: 15px;line-height: 26px;padding: 6px 0;}	
.ppolicy-para {font-size: 15px;margin: 20px 0 12px;line-height: 26px;}
.ppolicy-bgheading {font-size: 26px;    line-height: 1.2;}	
.ppolicy-heding {font-size: 20px;}	
#so-titleso1639053447 {margin-bottom: 10px;font-size: 18px;}	
#so-paragraphso1639053447 {margin-bottom:4px;font-size: 13px !important;}	
#so-boxso1639053447{    margin-top: 40px;}	
.how-itwork-boxes .howitwork-sec-title p {padding: 0;margin: 10px 0;}
.how-itwork-boxes .howitwork-sec-title h2 {font-size: 18px;line-height: 28px;margin-bottom: 10px;}
 .captcha {margin: 0 0 20px;}
 .logo-captcha{margin: 0 12px 0 20px;}
 .chose-ctm-ranolia-hlder h2 {color: #000;font-size: 22px;}	
.chose-ctm-ranolia-hlder p {color: #505a63;font-size: 15px;line-height: 26px;}

}